@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{
	display:block;
	width:100%;
	overflow:hidden;
	position:relative;
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center center;
	}
.pic img{
	display:block;
	width:100%;
	transition:600ms;
	-webkit-transition:600ms;
	}
.scapic:hover img{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	} 
.tx{ 
	text-align:justify;
	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.4;
	}
.ti{
	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:600ms;
	-webkit-transition:600ms;
	}
.bg{
	transition:300ms;
	-webkit-transition:300ms;
	}
.fixbg{
	width:100%;
	background-repeat:no-repeat;
	background-position: center center;
	background-size:cover;
	background-attachment:fixed;
	-webkit-background-attachment:fixed;
	background-attachment:scroll\9;
	position: relative;
	}
.menuBox{
	position:fixed;
	top:-100%;
	height:100%;
	left:0;
	right:0;
	background:#f1f1f1;
	z-index:1010;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding:0 5%;
	}
.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-image:none;
	background-position:center center;
	background-size:cover;
	}
.pbanner img{
	width:100%;
	display:block;
	}
.pager{
	text-align:center;
	font-size:0;
	}
.pager a{
	display: inline-block;
	*zoom: 1;
	*display: inline;
	vertical-align:middle;
	}
.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; background:#f1f1f1; } 
.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;  }
/* animation */
.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;  }
.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;  }
.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; }
.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_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; }
/* animation end */

/*video style*/
.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 #fff; 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: #b20004; 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{ display:none; }
/*video style end*/

/* winxin */
.popUpblack{ background:url(../images/black.png) repeat; 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; }
/* winxin end */

/* menuBtn */
.menu-handler { transition:300ms; -webkit-transition:300ms; width: 58px; height: 58px; cursor: pointer; display: none; background-color: #006db3; position:fixed; top:0; right:0; z-index:1011; }
.menu-handler .burger { width: 24px; height: 2px; border-radius:2px; background: #fff; display: block; position: absolute; z-index: 5; top: 20px; left: 50%; margin: 0px 0px 0px -12px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 27px; }
.menu-handler .burger-3 { top: 35px; }
.csstransforms .menu-handler.active{ background-color:transparent; }
.csstransforms .menu-handler.active .burger{ background:#006db3; } 
.csstransforms .menu-handler.active .burger-1 { top: 27px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.csstransforms .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; }
.csstransforms .menu-handler.active .burger-3 { top: 27px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.csstransforms .trans, .csstransforms .trans:hover { -webkit-transition: all 277ms ease-in-out; -moz-transition: all 277ms ease-in-out; -o-transition: all 277ms ease-in-out; transition: all 277ms ease-in-out; -ms-transition: all 277ms ease-in-out; }
.csstransforms .trans-fast, .csstransforms .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; }
.no-csstransforms .menu-handler.active .burger-1, .no-csstransforms .menu-handler.active .burger-2, .no-csstransforms .menu-handler.active .burger-3 { display: none; }
.no-csstransforms .menu-handler.active { background: url(../images/mob_close.png) no-repeat scroll center center; }
/* menuBtn end */

/* lightBox */
.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;
	}
/* lightBox end */
/*三角形*/
.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;
	}
/* flexslider */
.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;}