@charset "utf-8";
/* CSS Document */
.header { position: fixed; top: 0; left: 0; right: 0; z-index: 1005; }
.logo { display: block; }
.logo img { display: block; width: 100%; }
.pic,
.pic2 { display: block; width: 100%; overflow: hidden; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.pic img,
.pic2 img { display: block; width: 100%; transition: 600ms; -webkit-transition: 600ms; }
.scapic:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.ctx { text-align: center; }
.jtx { text-align: justify; }
.tx { text-align: justify; overflow: hidden; line-height: 25px !important; }
.freeTx { text-align: justify; }
.freeTx img { display: block; margin: 0 auto; max-width: 100%; height: auto !important; }
.nowti { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 1.1; }
.ti, .name { line-height: 1.4; }
.ico, .aw { width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-position: center center; transition: 300ms; -webkit-transition: 300ms; position: relative; }
.cover, .bg { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: 400ms; -webkit-transition: 400ms; }
.bg { transition: 300ms; -webkit-transition: 300ms; }
.line { display: block; }
.fixbg { width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; }
.menuBox { position: fixed; top: -100%; height: 100%; left: 0; right: 0; background: #c7ccd3; z-index: 1004; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.black { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: url(../images/black.png); z-index: 1008; display: none; }
.pbanner { width: 100%; overflow: hidden; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.pbanner img { width: 100%; display: block; }
.dibb { text-align: center; font-size: 0; }
.dibb .dib { display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; }
.pager { text-align: center; font-size: 0; }
.pager a { display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; }
.en { line-height: 1.1; }
.ch { line-height: 1.4; }
/*.banner img{
	width: 100%;
	display: block;
	}*/
.banner, .banner .item { position: relative; overflow: hidden; }
/*.banner .pImg{
	opacity: 1;  
	transition:transform 5s, opacity 2s;
	-webkit-transition:transform 5s, opacity 2s;
	}*/
/*.banner .pic.imgIn .pImg{ 
	opacity: 1; 
	transform:matrix(1.1, 0, 0, 1.1, 0, 0);
	-webkit-transform:matrix(1.1, 0, 0, 1.1, 0, 0);
	}*/
/*.banner .mImg{
	display: none;
	}*/
.mcv { line-height: 44px; text-align: center; display: none; cursor: pointer; }
.caret { display: inline-block; width: 0px; height: 0px; margin-left: 10px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.pospic { display: block; width: 100%; }
.laBox { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: url(../images/black.png); z-index: 1020; display: none; }
.open { overflow: hidden; }
.open .laBox { overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.foLine { position: relative; }
.foLine .wLine { display: block; position: absolute; background: red; }
.foLine .wLine_1 { width: 0; height: 5px; top: 0; left: 0; }
.foLine .wLine_2 { width: 0; height: 5px; bottom: 0; right: 0; }
.foLine .wLine_3 { height: 0; width: 5px; bottom: 0; left: 0; }
.foLine .wLine_4 { height: 0; width: 5px; top: 0; right: 0; }
.foLine:hover .wLine_1,
.foLine:hover .wLine_2 { width: 100%; }
.foLine:hover .wLine_3,
.foLine:hover .wLine_4 { height: 100%; }
/*  */
.trtion_3 { transition: 300ms; -webkit-transition: 300ms; }
.trtion_4 { transition: 400ms; -webkit-transition: 400ms; }
.trtion { transition: 600ms; -webkit-transition: 600ms; transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transY { transform: translateY(80px); -webkit-transform: translateY(80px); opacity: 0; }
.transY4 { transform: translateY(120px); -webkit-transform: translateY(120px); opacity: 0; }
.transY44 { transform: translateY(-120px); -webkit-transform: translateY(-120px); opacity: 0; }
.transYT { transform: translateY(60px); -webkit-transform: translateY(60px); opacity: 0; }
.transY2 { transform: translateY(-80px); -webkit-transform: translateY(-80px); opacity: 0; }
.transX { transform: translateX(80px); -webkit-transform: translateX(80px); opacity: 0; }
.transX3 { transform: translateX(160px); -webkit-transform: translateX(160px); opacity: 0; }
.transX2 { transform: translateX(-80px); -webkit-transform: translateX(-80px); opacity: 0; }
.transShow { transform: translate(0); -webkit-transform: translate(0); opacity: 1; }
.dly_1 { transition-delay: 100ms; -webkit-transition-delay: 100ms; }
.scale { opacity: 0; transform: scale(0); -webkit-transform: scale(0); }
.dly_15 { transition-delay: 150ms; -webkit-transition-delay: 150ms; }
.dly_2 { transition-delay: 200ms; -webkit-transition-delay: 200ms; }
.dly_3 { transition-delay: 300ms; -webkit-transition-delay: 300ms; }
.dly_4 { transition-delay: 400ms; -webkit-transition-delay: 400ms; }
.dly_45 { transition-delay: 450ms; -webkit-transition-delay: 450ms; }
.dly_5 { transition-delay: 500ms; -webkit-transition-delay: 500ms; }
.dly_6 { transition-delay: 600ms; -webkit-transition-delay: 600ms; }
.dly_7 { transition-delay: 700ms; -webkit-transition-delay: 700ms; }
.dly_8 { transition-delay: 800ms; -webkit-transition-delay: 800ms; }
.dly_9 { transition-delay: 900ms; -webkit-transition-delay: 900ms; }
.dly_10 { transition-delay: 1000ms; -webkit-transition-delay: 1000ms; }
.dly_11 { transition-delay: 1100ms; -webkit-transition-delay: 1100ms; }

.vwrap { display: none; z-index: 999; width: 100%; position: fixed; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.5; filter: alpha(opacity=50); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 800px; height: 500px; border: 12px solid #c7ccd3; position: fixed; left: 50%; top: 50%; margin-top: -250px; margin-left: -400px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #bebebe; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 36px; height: 36px; background-color: #1ab9ec; cursor: pointer; position: absolute; top: -12px; right: -48px; }
.vwrap .close i { display: block; width: 36px; height: 36px; background: url(../images/closebtn.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.jwplayer.aspectMode { height: 100% !important; }
.jwlogo, .jwclick { display: none !important; }

/*  */
.popUpblack { background: url(../images/black.png) repeat; background: rgba(0,0,0,.8); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1010; display: none; }
.popUp { width: 220px; height: 242px; border: 5px solid #f1f1f1; background: #fff; position: fixed; left: 50%; top: 50%; margin: -87px 0 0 -115px; z-index: 1004; }
.popUp .t { padding: 0 0 0 10px; height: 26px; line-height: 26px; color: #666; font-weight: bold; border-bottom: 1px solid #e8e8e8; background: #f2f2f2; }
.popUp .t .close { padding: 0 10px 0 0; float: right; cursor: pointer; color: #666; font-weight: normal; }
.popUp .img { padding: 20px; }
.popUp .img img { width: 100%; height: 100%; display: block; }

/*  */
.trans, .trans:hover { -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
.menu-handler { display: none; overflow: hidden; width: 60px; height: 60px; cursor: pointer; position: absolute; right: 0; top: 0px; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); z-index: 1012; }
.menu-handler .burger { width: 32px; height: 4px; background: #000; display: block; position: absolute; z-index: 5; top: 18px; left: 50%; margin: 0px 0px 0px -16px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; /*border-radius: 3px;*/ }
.menu-handler .burger-2 { top: 28px; }
.menu-handler .burger-3 { top: 38px; }
.menu-handler.active .burger-1 { top: 30px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: -100%; }
.menu-handler.active .burger-3 { top: 30px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }

/*  */
.fancybox-nav span { width: 40px; height: 40px; margin-top: -20px; background: url(../images/ab-arrow-left.png) no-repeat; }
.fancybox-nav { top: 50%; margin-top: -20px; width: 40px; height: 40px; background: url(../images/join-arrow.png) no-repeat; }
.fancybox-prev { left: -70px; }
.fancybox-next { right: -70px; background-position: right center; }
.fancybox-overlay { background: url(../images/black.png); }
.fancybox-close { width: 30px; height: 30px; top: 15px; right: -15px; background: url(../images/close.png) no-repeat; }
.fancybox-opened .fancybox-skin { box-shadow: none; }
.fancybox-skin { background: none; border-radius: none; }

/*  */
.flexslider { margin-bottom: 0; border: none; }
.flex-direction-nav a { font-size: 0; text-shadow: none; }
.flex-nav-prev a { background: url(../images/fx-prev.png) no-repeat center center; }
.flex-nav-next a { background: url(../images/fx-next.png) no-repeat center center; }
.flex-direction-nav a.flex-next::before, .flex-direction-nav a.flex-prev::before { content: ''; }
#carousel li { background: #000; }
#carousel img { display: block; opacity: .3; cursor: pointer; }
#carousel img:hover { opacity: 1; }
#carousel .flex-active-slide img { opacity: 1; cursor: default; }

/**/
.slick-dots { font-size: 0; text-align: center; margin-top: 35px; }
.slick-dots li { width: 10px; height: 10px; background: #fff; border-radius: 100%; margin: 0 5px; display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; }
.slick-dots li a { display: block; width: 100%; height: 100%; }
.slick-dots li.slick-active, .slick-dots li:hover { background: #1ab9ec !important; }