@charset "utf-8";
/* CSS Document */
/*#menu { margin: 0; padding: 0; position: fixed; left: 10px; top: 10px; list-style-type: none; z-index: 70000000;}
#menu li { float: left; margin:  0 10px 0 0; font-size: 14px;}
#menu a { float: left; padding: 10px 20px; background-color: #fff; color: #333; text-decoration: none;}
#menu .active a { color: #fff; background-color: #333;}*/
#fullPage-nav { _display: none; font-size: 12px; left: 0; z-index: 2;}
#fullPage-nav li { width: 20px; height: 15px; vertical-align: middle; z-index: 49; position:relative}
#fullPage-nav li a { float: left; width: 15px; height: 15px; color: #8F9DA4; text-decoration: none; text-align: left; background: url(../images/dot.png) no-repeat;}
#fullPage-nav li .active { background-position: 0 bottom;}
#fullPage-nav span { display: none;}
.fullPage-tooltip { float: left; top: 0; margin-left: 5px; font: 12px "Microsoft Yahei"; color: #c91601; line-height: 21px;}
.section { position: relative; overflow: hidden;}
.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.section .bg img { display: block; width: 100%; height: 100%;}
/*------------------------------------------*/
.b1{}
.b2{background: url(../images/b2.jpg) no-repeat center center; background-size: cover}
.b3{background: url(../images/b3.jpg) no-repeat center center; background-size: cover}
.b4{background: url(../images/b4.jpg) no-repeat center center; background-size: cover}
.b5{background: url(../images/b5.jpg) no-repeat center center; background-size: cover}
.b6{background: url(../images/b6.jpg) no-repeat center center; background-size: cover}
.b7{background: url(../images/b7.jpg) no-repeat center center; background-size: cover}
.flexslider{ position:relative;height:100%;overflow:hidden;/*background:url(../images/loading.gif) 50% no-repeat;*/}
.slides{position:relative;z-index:1;}
.slides li{height:100%;}
.slides a{display:block; width:100%; height:100%;}
.flex-control-nav{position:absolute;bottom:60px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot2.png) right 0 no-repeat;cursor:pointer;
	transition: all 0s ;
	-moz-transition: all 0s;
	-ms-transition: all 0s;
	-o-transition: all 0s;
	-webkit-transition: all 0s;
}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.wb1{width:100%; height:43%; background: url(../images/wb1.png); bottom:0; position: absolute; opacity:0;
	-moz-transition-duration:0.7s; 
	-webkit-transition-duration:0.7s; 
	-o-transition-duration:0.7s;
	-ms-transition-duration:0.7s;
	transition-duration:0.7s;
	-moz-transition-delay: 0.7s; /* Firefox 4 */
	-webkit-transition-delay: 0.7s; /* Safari 和 Chrome */
	-o-transition-delay: 0.7s; 
	-ms-transition-delay:0.7s;
	transition-delay: 0.7s;
}
.active .wb1{opacity:1;}
.wb2{width:100%; height:55%; background: url(../images/wb1.png); bottom:0; position: absolute; opacity:0;
	-moz-transition-duration:0.7s; 
	-webkit-transition-duration:0.7s; 
	-o-transition-duration:0.7s;
	-ms-transition-duration:0.7s;
	transition-duration:0.7s;
	-moz-transition-delay: 0.7s; /* Firefox 4 */
	-webkit-transition-delay: 0.7s; /* Safari 和 Chrome */
	-o-transition-delay: 0.7s; 
	-ms-transition-delay:0.7s;
	transition-delay: 0.7s;
}
.active .wb2{opacity:1;}
.abo1{float: left; width: 520px; height: 100%; left:-10%; position: absolute; opacity:0;
	-moz-transition-duration:0.7s; 
	-webkit-transition-duration:0.7s; 
	-o-transition-duration:0.7s;
	-ms-transition-duration:0.7s;
	transition-duration:0.7s;
	-moz-transition-delay:1s; /* Firefox 4 */
	-webkit-transition-delay:1s; /* Safari 和 Chrome */
	-o-transition-delay:1s; 
	-ms-transition-delay:1s;
	transition-delay:1s;
}
.active .abo1{opacity:1; left:0;}
.abo1_t{width: 512px; height: 44%; position: absolute;}
.abo1_tk{position: absolute; bottom:0}
.abo1_logo{text-align: center;}
.abo1_ti{margin-top: 20px; width: 512px;}
.abo1_t1{float: left; width:220px;}
.abo1_t2{float: right; width:142px;}
.abo1_d{width: 574px; height: 52%; color: #FFFFFF; bottom:0; position: absolute;}
.abo1_dn{line-height: 30px; font-size: 14px; padding-top:10px; height: 510px; overflow: hidden}
.abo2{float: right; width: 580px; height: 440px; top: 10%; right:-10%; background: #FFFFFF; position: absolute; opacity:0;
	-moz-transition-duration:0.7s; 
	-webkit-transition-duration:0.7s; 
	-o-transition-duration:0.7s;
	-ms-transition-duration:0.7s;
	transition-duration:0.7s;
	-moz-transition-delay:1s; /* Firefox 4 */
	-webkit-transition-delay:1s; /* Safari 和 Chrome */
	-o-transition-delay:1s; 
	-ms-transition-delay:1s;
	transition-delay:1s;
}
.active .abo2{opacity:1; right:0;}
.abo2a{margin-top: 17px}
.abo2a li{float: left; width: 33%; border-right:solid 1px #e5e5e5; height: 75px;text-align: center;}
.abo2a li:last-child{border:none;}
.abo2a i{font-size: 48px; color: #cd2d2f}
.abo2a a{width: 100%; height: 75px;display: block;color: #333; font-size: 16px;
	-moz-transition:-moz-transform 1.5s; /* Firefox 4 */
	-webkit-transition:-webkit-transform 1.5s; /* Safari and Chrome */
	-o-transition:-o-transform 1.5s; /* Opera */
	-ms-transition:-o-transform 1.5s;
	transition:transform 1.5s;
}
.abo2a a:hover{
	-moz-transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
	transform:rotateY(360deg);
}
.news{float: left; width: 50%; height: 100%; background: url(../images/wb2.png); margin-top: -1080px; opacity:0;
	-moz-transition-duration:1.2s; 
	-webkit-transition-duration:1.2s; 
	-o-transition-duration:1.2s;
	-ms-transition-duration:1.2s;
	transition-duration:1.2s;
}
.active .news{margin-top: 0; opacity:1;}
.newsk{width: 480px; height: 460px; margin: 0 auto; top:50%; margin-top: -230px; margin-left: 50px; position: absolute; opacity:0;transform:scale(3.3);
	-moz-transition-duration:0.9s; 
	-webkit-transition-duration:0.9s; 
	-o-transition-duration:0.9s;
	-ms-transition-duration:0.9s;
	transition-duration:0.9s;
	-moz-transition-delay:1.3s; /* Firefox 4 */
	-webkit-transition-delay:1.3s; /* Safari 和 Chrome */
	-o-transition-delay:1.3s; 
	-ms-transition-delay:1.3s;
	transition-delay:1.3s;
}
.active .newsk{opacity:1; transform:none;}
.news_t{width: 480px;}
.news_ti{width: 240px; float: left; margin-top: 5px;}
.news_fl{width: 170px; height: 74px; overflow: hidden; float: right}
.news_fl li{float: left; width: 74px; height: 74px; margin-left: 10px; color: #FFFFFF; font-size: 16px; text-align: center; cursor: pointer;
	-moz-border-radius:80px;
	-msborder-radius: 80px;
	-o-border-radius: 80px;
    -webkit-border-radius: 80px;
	border-radius: 80px;
}
.news_fl i{line-height: 16px; width: 32px;height: 32px; margin: 0 auto; margin-top: 20px; overflow: hidden}
.news_flh{background: #cd2d2f}
.news_fla{background: #444444}
.news_d{width: 480px; overflow: hidden; padding-top: 20px;}
.newn{width:480px; height: 120px;}
.newn dl{float:left; width: 78px;height: 76px; text-align: center; border-right:solid 1px #ccc; line-height: 45px;font-size: 16px; padding-right: 20px; margin-top: 2px;}
.newn dt{font-size:58px;}
.newn em{float:right; width: 352px;}
.newn h3{float:left; width:352px; height: 38px; font-size: 18px; font-weight: normal; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newn i{width:352px; height: 40px; line-height: 20px; overflow: hidden; color: #838383}
.newn a{width:480px; height: 76px; display: block;}
.jdt{float: right; width: 50%; height: 100%; opacity:0; margin-right: 200px;
	-moz-transition-duration:0.9s; 
	-webkit-transition-duration:0.9s; 
	-o-transition-duration:0.9s;
	-ms-transition-duration:0.9s;
	transition-duration:0.9s;
	-moz-transition-delay:1s; /* Firefox 4 */
	-webkit-transition-delay:1s; /* Safari 和 Chrome */
	-o-transition-delay:1s; 
	-ms-transition-delay:1s;
	transition-delay:1s;
} 
.active .jdt{opacity:1;margin-right: 0;}
.focus{width:580px; height:436px; position: absolute; top:50%; margin-top: -218px;} 
.focus img{ width: 580px; height: 436px;} 
.focus .shadow .title{width: 260px; height: 55px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:50px; line-height: 50px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{ width: 430px; text-decoration:none; color:#fff; font-size:16px; margin-left:15px; font-family: "\5FAE\8F6F\96C5\9ED1";display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000 ;}  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:13px; right:10px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#cd2d2f;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}
.vid{float: left; width: 485px; height: 430px; left:-10%; top:15%; position: absolute; opacity:0; background: url(../images/vid_bg.png) no-repeat left bottom;
	-moz-transition-duration:0.7s; 
	-webkit-transition-duration:0.7s; 
	-o-transition-duration:0.7s;
	-ms-transition-duration:0.7s;
	transition-duration:0.7s;
	-moz-transition-delay:1s; /* Firefox 4 */
	-webkit-transition-delay:1s; /* Safari 和 Chrome */
	-o-transition-delay:1s; 
	-ms-transition-delay:1s;
	transition-delay:1s;
}
.active .vid{opacity:1; left:0;}
.vid span{width: 435px; height: 295px; float: right; overflow: hidden}
.vid img{width: 435px; height: 295px}
.vid dl{width: 435px; height:80px; background: url(../images/topk.png); float: right; color: #FFFFFF}
.vid dt{float: left; width: 140px; text-align: center;}
.vid dd{float: right; width: 270px; text-align: right; padding-right: 20px; padding-top: 15px; text-transform: uppercase;}
.vid i{ font-size:92px; margin-top: -10px;}
.vid em{font-size: 18px;}
.pr{float: right; width: 610px; height: 570px; top: 20%; right:-10%; position: absolute; opacity:0;
	-moz-transition-duration:0.7s; 
	-webkit-transition-duration:0.7s; 
	-o-transition-duration:0.7s;
	-ms-transition-duration:0.7s;
	transition-duration:0.7s;
	-moz-transition-delay:1s; /* Firefox 4 */
	-webkit-transition-delay:1s; /* Safari 和 Chrome */
	-o-transition-delay:1s; 
	-ms-transition-delay:1s;
	transition-delay:1s;
}
.active .pr{opacity:1; right:0;}
.prt{ width: 610px; overflow: hidden}
.prt_ti{ float: left; width: 260px;}
.prt_fl{ float: right; width: 255px; height: 75px; overflow: hidden;}
.prt_fl li{float: left; width: 74px; height: 74px; margin-left: 10px; background: #FFFFFF; text-align: center; line-height: 20px; overflow: hidden;
	-moz-border-radius:80px;
	-msborder-radius: 80px;
	-o-border-radius: 80px;
    -webkit-border-radius: 80px;
	border-radius: 80px;
}
.prt_fl li a{font-size: 16px; color: #cd2d2f; text-align: center; display: block; padding: 17px 10px;}
.prt_fl li a:hover{background: #cd2d2f; color: #FFFFFF}
.prd{width: 610px; bottom:1%; position: absolute; overflow: hidden}
.prd_t{width: 610px; height: 80px;}
.s_pick{width: 630px;height: 220px; overflow: hidden}
#s_pic{width: 630px;height: 220px}
.prd ul{float: left; width: 315px;height: 220px; overflow: hidden}
.prd img{width: 293px; height: 220px; background: #4D4D4D; overflow: hidden}
.prok{margin:32px 32px 0 40px; position: absolute;z-index: 49; top: 50%; margin-top: -13%}
.pro{margin-top: 40px; margin-bottom: 40px;}
.pro ul{float:left; width:24.8%; text-align:center; position:relative; margin-right:-480px;opacity:0;
	-moz-transition-duration:2s; 
	-webkit-transition-duration:2s; 
	-o-transition-duration:2s;
	-ms-transition-duration:2s;
	transition-duration:2s;
	-moz-transition-delay:0.5s; /* Firefox 4 */
	-webkit-transition-delay:0.5s; /* Safari 和 Chrome */
	-o-transition-delay:0.5s; 
	-ms-transition-delay:0.5s;
	transition-delay:0.5s;
}
.active .pro ul{opacity:1; margin-right:0px;}
.pro li{overflow:hidden; width: 96%; margin-left: 2%; margin: 0 auto; text-align: center; line-height: 26px;}
.pro p{overflow: hidden}
.pro img{width:100%;
	-moz-transition-duration:1s; 
	-webkit-transition-duration:1s; 
	-o-transition-duration:1s;
	-ms-transition-duration:1s;
	transition-duration:1s;
}
.pro li:hover img{transform:scale(1.3);}
.pro a{display:block;}
.pro h3{ font-size: 16px; line-height:40px; font-weight: normal;display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.rec{float: left; width: 672px; height: 448px; top:50%; margin-top: -260px; position: absolute; }
.rec li{float: left; width: 224px; height: 224px; opacity: 0; margin-right:-100px;
	-moz-transition-duration:1s; 
	-webkit-transition-duration:1s; 
	-o-transition-duration:1s;
	-ms-transition-duration:1s;
	transition-duration:1s;
	
}
.active .rec li{ opacity: 1;margin-right: 0;}
.rec a{display: block; width: 200px; height: 200px}
.rec dl{ width: 180px; height: 120px; color: #FFFFFF; overflow: hidden}
.rec dt{font-size: 18px; padding-left: 25px; margin-top: 25px;
	transition: all 0.5s ;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.rec a:hover dt{font-size: 22px;}
.rec dd{font-size: 12px; padding-left: 25px;}
.rec i{ width: 60px; height: 60px; margin-left: 120px; font-size: 60px; text-align: right; color: #FFFFFF;
	transition: all 1s ;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	-webkit-transition: all 1s;
}
.rec a:hover i{
	-moz-transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
	transform:rotateY(360deg);	
}
.rer{background:rgba(205,45,47,0.7); border: solid 1px rgba(205,45,47,0.3)}
.rew{background:rgba(255,255,255,0); border: solid 1px rgba(255,255,255,0.3)}
.lik{float: right; width: 476px; height: 100%; background: url(../images/wb3.png); margin-top: -1080px; opacity:0;
	-moz-transition-duration:1.2s; 
	-webkit-transition-duration:1.2s; 
	-o-transition-duration:1.2s;
	-ms-transition-duration:1.2s;
	transition-duration:1.2s;
}
.active .lik{margin-top: 0; opacity:1;}
.likk{width: 340px; height: 400px; top: 50%; margin-top: -245px; left: 50%; margin-left: -170px; position: absolute;transform:scale(3.3); opacity: 0;
	-moz-transition-duration:0.7s; 
	-webkit-transition-duration:0.7s; 
	-o-transition-duration:0.7s;
	-ms-transition-duration:0.7s;
	transition-duration:0.7s;
	-moz-transition-delay:2s; /* Firefox 4 */
	-webkit-transition-delay:2s; /* Safari 和 Chrome */
	-o-transition-delay:2s; 
	-ms-transition-delay:2s;
	transition-delay:2s;
}
.active .likk{transform:none; opacity: 1;}
.lik_erm{width: 340px; margin-bottom: 50px; overflow: hidden}
.lik_erm img{width: 150px; height: 150px; margin-bottom: 15px;}
.lik_erm i{text-align: center}
.likd select{ border: solid 1px #000; background: none; height: 42px; margin-top: 30px; font-size: 16px;}
.dok{width: 90%; height: 100%; margin: 0 auto; position: relative; color: #FFFFFF; z-index: 49}
.d_lo{width: 100%; height: 60%;position: absolute; top: 0; margin-top: -800px;
	-moz-transition-duration:1.5s; 
	-webkit-transition-duration:1.5s; 
	-o-transition-duration:1.5s;
	-ms-transition-duration:1.5s;
	transition-duration:1.5s;
}
.active .d_lo{margin-top: 0; opacity:1;}
.d_dw{width: 100%; height: 40%; position: absolute; bottom: 0;}
.d_logo{width: 100%; bottom:10%; position: absolute; text-align: center; line-height: 30px; font-size: 16px;}
.d_logo img{margin-bottom: 20px}
.d_logo a:link,.d_logo a:visited,.d_logo a:active{color: #FFFFFF;}
.d_logo a:hover{text-decoration: underline}
.d_l{border-left:solid 1px rgba(255,255,255,0.3)}
.d_dw dl{float: left; width: 14.1%; height: 190px; overflow: hidden; border-right:solid 1px rgba(255,255,255,0.3); text-align: center;margin-left: -200px; opacity:0; position: relative;
	-moz-transition-duration:1.5s; 
	-webkit-transition-duration:1.5s; 
	-o-transition-duration:1.5s;
	-ms-transition-duration:1.5s;
	transition-duration:1.5s;
}
.active .d_dw dl{margin-left: 0; opacity:1;}
.d_dw dt{width: 70%; margin: 0 auto; font-size: 16px; margin-bottom: 20px;}
.d_dw dd{width: 70%; margin: 0 auto; line-height: 30px; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.d_dw a:link,.d_dw a:visited,.d_dw a:active{color: #FFFFFF;}
.d_dw a:hover{text-decoration: underline}