@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);
	}
.ctx{
	text-align:center;
	}
.jtx{
	text-align:justify;
	} 
.tx{ 
	text-align:justify;
	overflow:hidden;
	line-height:24px !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,.tii{
	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;
	background-attachment:fixed;
	-webkit-background-attachment:fixed;
	background-attachment:scroll\9;
	position: relative;
	}
.menuBox{
	position:fixed;
	min-height:100%;
	top:0;
	right:0;
	background:#f1f1f1;
	z-index:1010;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	}
.black{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:url("black.png");
	z-index:1004;
	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;
	}
.dib{/*改*/
	display: inline-block;
	*zoom: 1;
	*display: inline;
	vertical-align:middle;
	font-size:14px;
	}
.pager{
	text-align:center;
	font-size:0;
	}
.pager a{
	display: inline-block;
	*zoom: 1;
	*display: inline;
	vertical-align:middle;
	}
.banner,
.banner .item{ 
	position: relative; 
	overflow: hidden; 
	}
.mcv{ 
	line-height:44px; 
	text-align:center; 
	display:none; 
	cursor:pointer;
	transition:background 300ms;
	-webkit-transition:background 300ms;
	} 
.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;
	transition:transform 300ms;
	-webkit-transition:transform 300ms;
	}
.pospic{ 
	display:block; 
	width:100%; 
	}
.laBox{ 
	position:fixed; 
	top:0; 
	left:0;
	bottom:0; 
	right:0; 
	background:url("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:#ab171d;
	transition:300ms;
	-webkit-transition:300ms;
	}
.foLine .wLine_1{
	width:0;
	height:3px;
	top:0;
	left:0;
	}
.foLine .wLine_2{
	width:0;
	height:3px;
	bottom:0;
	right:0;
	}
.foLine .wLine_3{
	height:0;
	width:3px;
	bottom:0;
	left:0;
	}
.foLine .wLine_4{
	height:0;
	width:3px;
	top:0;
	right:0;
	}
.foLine:hover .wLine_1,
.foLine:hover .wLine_2{
	width:100%;
	}
.foLine:hover .wLine_3,
.foLine:hover .wLine_4{
	height:100%;
	}
/*add*/
.tac{
	text-align:center;
	}
.tac .line{
	margin:0 auto;
	}
.ch{
	line-height:1.4;
	}
.en{
	line-height:1.1;
	}

/*add end*/
/* animation */
.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;  }
.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_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; }
/* 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("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("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 */
.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: #9f1e23; 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); }
/* 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("rr-bigaw.png") no-repeat;
	}
.fancybox-prev{
	left:-70px;
	}
.fancybox-next{
	right:-70px;
	background-position:right center;
	}
.fancybox-overlay {
    background:url("black.png");
	}
.fancybox-close {
	width: 30px;
	height: 30px;
    top: 15px;
    right: -15px;
	background:url("rr-bigclose.png") no-repeat;
	}
.fancybox-opened .fancybox-skin {
    box-shadow:none;
	}
.fancybox-skin{
	background:none;
	border-radius:none;
	}
/* lightBox end */

/* flexslider */
.flexslider{ margin-bottom:0; border:none; }
.flex-direction-nav a{ font-size:0; text-shadow:none; }
.flex-nav-prev a{ background:url("fx-prev.html") no-repeat center center; }
.flex-nav-next a{ background:url("fx-next.html") 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*/
.slick-dots{ font-size:0; text-align:center; margin-top:35px; }
.slick-dots li{ width:13px; height:13px; background:#ab171d; border-radius:100%; margin:0 7px; 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:#1c2029 !important; }
/*slick end*/