@charset "utf-8";
/*herder*/
.herder{width:1000px; height:120px; margin:0 auto; position:relative;}
.herder .logo{position:absolute; left:20px; top:25px;}

.nav{position:absolute; right:20px; bottom:0px; height:66px; z-index:98;}
.nav ul li{float:left; padding-left:30px; position:relative;}
.nav ul .first{ line-height:66px; }
.nav ul li a{display:block; text-align:center;/* width:80px;*/}
.nav ul li.in a,.nav ul li a:hover{color:#0072bc;}
.nav ul li div{position:absolute; display:none; border:1px solid #bfbfbf; background:#fff; text-align:center; }
.nav ul li div p{line-height:30px; border-top:1px dashed #bfbfbf;}
.nav ul li div p:first-child{border:0;}
.nav ul li div p a{display:block; padding:0 20px; text-align:center;white-space:nowrap; color:#bfbfbf; font-size:13px; width:auto;}
.nav ul li div p a:hover{font-weight:200;}
.nav ul li div span{position:absolute; display:block; width:8px; height:5px; left:50%; margin-left:-4px; top:-5px;}

.Share{position:absolute; right:20px; top:25px;}
.Share .sear{width:18px; overflow:hidden; position:relative; height:23px;}
.Share .sear .s{width:0; height:21px; line-height:21px; float: right; font-size:12px; color:#dcdcdc; border:0; overflow:hidden; margin-right:20px; padding:0 10px;}
.Share .sear .b{width:18px; border:0; cursor:pointer; background:url(icon.png) no-repeat left center #fff; height:23px; position:absolute; right:0; top:0px; z-index:2;}
.Share .sear .sHover{color:#666;}
/*.Share .sear:hover{ border:1px solid #dcdcdc;}*/
.Share .sear:hover .b{/*right:10px;*/}

.wxwb{ margin-left:5px; height:25px;}
.wxwb a{display:block; width:26px; height:25px; background:url(icon.png) no-repeat -29px center; float:left; margin-left:10px;}
.wxwb a.tx{ background:url(icon.png) no-repeat -64px center;}
.wxwb a.gg{ background:url(icon.png) no-repeat -99px center;}
.wxwb a.in_fi{ background:url(icon.png) no-repeat right center;}
.wxwb a:hover{opacity:0.8;filter:alpha(opacity=80);}
.wxwb span{float:left;}

/*banner*/
.banner{height:600px; width:100%; position:relative; overflow:hidden;}
.flexslider{height:600px; width:100%; position:relative; overflow:hidden;}
.flexslider .img a{display:block; width:100%; height:600px;}

.banner .flexslider{position: relative; z-index:5; width:100%; bottom:0; left:0; height:600px; font-family:微软雅黑;}
.banner .flexslider ol li{float:left;  width:20px; text-align:center; line-height:5px; padding-left:5px;}
.banner .flexslider ol{ position:absolute; z-index:99; width:1000px; bottom:44px; left:50%; margin-left:-55px; height:10px; padding-bottom:10px; overflow:hidden; display:none;}
.banner .flexslider p{height:44px; position:absolute; bottom:0; left:0; width:100%; background:#fff; opacity:0.6;filter:alpha(opacity=60); z-index:10;}
.banner .flexslider ol li a{display:block; font-size:16px; color:#fff; width:20px; height:5px; background:#1192fa; font-size:0;}
.banner .flexslider ol li a.flex-active,.banner .flexslider ol li a:hover{background:#da251d;}
.flex-direction-nav a { background: url(ad_ctr.png) no-repeat;cursor: pointer;display: block;height: 90px;margin: -60px 0 0;opacity:0.3;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);position: absolute;text-indent: -9999px;top: 50%;width: 60px;z-index: 10;}
.flex-direction-nav .flex-next {
    background-position: 0 -90px;
    right: 0;
}
.flex-direction-nav a:hover{opacity: 1;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);}

.to_About{position:absolute; bottom:20px; left:50%; margin-left:-24px; width:48px; height:48px; z-index:10; background: url(icon21.png) no-repeat;}
.to_About a{display:block; width:48px; height:33px; text-align:center; padding-top:15px;}
.to_About img{display: inline-block; vertical-align: middle;
	animation: donhua2 1.5s infinite;
	/* Firefox: */
	-moz-animation: donhua2 1.5s infinite;
	/* Safari 和 Chrome: */
	-webkit-animation: donhua2 1.5s infinite; 
	/* Opera: */
	-o-animation: donhua2 1.5s infinite;
}
@keyframes donhua2
{
from {transform: translate(0,0);opacity:1;}
to {transform: translate(0,8px);opacity:0;}
}

@-moz-keyframes donhua2 
{
from {-moz-transform: translate(0,0);opacity:1;}
to {-moz-transform: translate(0,8px);opacity:0;}
}

@-webkit-keyframes donhua2 
{
from {-webkit-transform: translate(0,0);opacity:1;}
to {-webkit-transform: translate(0,8px);opacity:0;}
}

@-o-keyframes donhua2
{
from {-o-transform: translate(0,0);opacity:1;}
to {-o-transform: translate(0,8px);opacity:0;}
}


/*About*/
.About{width:1010px; margin:30px auto 0; height:350px;}
.About h1{ font-size:40px; color:#231f20; text-align:center; line-height:96px; height:96px; background:url(xian1.png) no-repeat bottom center;}
.About p{font-size:14px; color:#a9a9a9; text-align:center; line-height:18px; padding:20px 0;}
.About ul li{float:left; width:25%;*width:24.9%;  padding-top:20px; overflow:hidden;background: url(About9.jpg) repeat-x center 108px;}
.About ul li .img{background: url(About5.jpg) no-repeat; width:37px; height:39px; padding:10px 10px 17px; margin:0 auto;}
.About ul li .dian{ width:100%; height:28px; margin-top:10px;}
.About ul li .dian span{display:block; height:28px; width:28px; margin:0 auto; background:url(About7.jpg) no-repeat center;}
.About ul li .text{margin-top:15px; font-size:18px;  color:#666;}
.About ul li .text span{display:block; text-align:center;  height:34px; line-height:34px;}
.About ul li a:hover .img{background: url(About6.jpg) no-repeat;}
.About ul li a:hover .dian span{ background:url(About8.jpg) no-repeat center;}
.About ul li a:hover .text span{border:2px solid #e6e7e9; border-radius:5px;height:32px; line-height:32px; background:url(About10.jpg) no-repeat 190px center; color:#6d8da9;}
.About ul li a{display:block; margin:0 auto;}
.About ul li.Ab_li1 a{ width:100px; }
.About ul li.Ab_li1 a:hover .text span{ background:url(About10.jpg) no-repeat 60px center;}
.About ul li.Ab_li2 a{ width:180px; }
.About ul li.Ab_li2 a:hover .text span{ background:url(About10.jpg) no-repeat 160px center;}
.About ul li.Ab_li4 a{ width:190px; }
.About ul li.Ab_li4 a:hover .text span{ background:url(About10.jpg) no-repeat 170px center;}
.About ul li.Ab_li3 a{ width:220px; }
.About ul li.Ab_li3 a:hover .text span{ background:url(About10.jpg) no-repeat 200px center;}
/*video*/
.video{width:100%; height:468px; background:url(video_1.jpg) no-repeat center; margin-top:50px;}
.video .video_{width:1010px; margin:0 auto; height:433px; padding:17px 0; position:relative;}
.video .video_ h1{ font-size:36px; color:#ff781f; text-align:center; line-height:80px; height:80px; background:url(xian2.png) no-repeat bottom center; padding-top:10px;}
.video .video_ p{ text-transform: uppercase; font-size:18px; color:#fff; text-align:center; line-height:30px; padding:0; padding-top:30px;}
.top_,.bot_{height:18px; background:url(dian_1.png); position:absolute; top:1px; left:0; width:100%;}
.bot_{top:auto; bottom:0;}

#loginmoda2{ width:90%; }
a.cose{float:left; width:65px; height:24px; background:#afaaaa; text-align:center; line-height:24px; margin-top:10px; color:#fff; font-size:12px;}
#lean_overlay {
    background:#000;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}



/*products*/
.products{width:1010px; margin:10px auto 0;}
.products h1{ font-size:40px; color:#231f20; text-align:center; line-height:96px; height:96px; background:url(xian1.png) no-repeat bottom center; padding-top:20px;}
.products p{font-size:14px; color:#a9a9a9; text-align:center; line-height:30px; padding:30px 0;}
.products .indWraper{ width:100%; margin:0 auto; overflow:hidden; padding-bottom:30px;	}

.products .indNews{ position:relative; height:460px; width:100%; display:block; m z-index:0;}
.products .indNews a.btnLeft{bottom:0; left:46%;position:absolute;width:28px;height:28px; cursor:pointer; display:block; z-index:60; background: url(left.jpg);}
.products .indNews a.btnRight{bottom:0px; right:46%; position:absolute;width:28px;height:28px; cursor:pointer; display:block; z-index:60;  background: url(fight.jpg);}
.products .indNews .scroll{position:absolute;width:100%;top:0px; height:460px; overflow:hidden; z-index:10;}
.products .indNews li{ float:left; width:242px; height:430px; padding-right:14px;}
.products .indNews li .img{  overflow:hidden;}
.products .indNews li .img a{ width:242px; height:430px; overflow:hidden; display:block; position:relative; z-index:11; background: url(products_bg1.jpg) no-repeat center 333px;}
.products .indNews li .img a img{ position:relative; z-index:12;}
.products .indNews li .img a span{ position:absolute; bottom:30px; height:48px; line-height:24px; font-size:18px; width:242px; display:block; overflow:hidden; z-index:15; color:#666666; text-align:center; font-weight:bold; padding:0 10px;}
.products .indNews li .img a b{width:224px; height:322px; background:url(products_bg2.png); position:absolute; top:0; left:0; z-index:99;-webkit-filter:hue-rotate(22deg) saturate(5) brightness(10); opacity:0.3;filter:alpha(opacity=30); left:6px; top:6px;}
.products .indNews li .img a:hover b{display:none;}

.products .indNews li .img a .mark{width:224px; height:322px;  position:absolute; top:0; left:0; z-index:99; left:5px; top:6px; background:#000; opacity:0.45;filter:alpha(opacity=45);}
.products .indNews li .img a:hover .mark{display:none;}


.products .indNews li .img a font{width:235px; height:333px;position:absolute; top:0; left:0; z-index:98;}
/*Contact*/
.Contact{ text-transform: uppercase;}
.Contact{width:100%; height:418px; background:url(Contact4.jpg) no-repeat center; margin-top:30px;}
.Contact .Contact_{width:1010px; margin:0 auto; height:383px; padding:17px 0; position:relative;}
.Contact .Contact_ h1{ font-size:36px; color:#ff781f; text-align:center; line-height:96px; height:96px; background:url(xian2.png) no-repeat bottom center; padding-top:20px;}
.Contact .Contact_ p{font-size:18px; color:#fff; text-align:center; line-height:33px; padding:30px 0;}
.Contact .Contact_ ul{width:285px; margin:30px auto 0;}
.Contact .Contact_ ul li{float:left; width:33%;}
.Contact .Contact_ ul li a{display:block; width:56px; margin:0 auto;}

/*feature*/
.feature{ width:1010px; margin:30px auto 0; position:relative; height:615px; overflow:hidden;}
.feature h1{ font-size:40px; color:#231f20; text-align:center; line-height:96px; height:96px; background:url(xian1.png) no-repeat bottom center; padding-top:10px;}
#stage{width:400px;text-align:center;margin:30px 0 0 60px;position:relative;}
#stage a{position:absolute; width:200px;}
#stage a img{display:block; width:100%;}
#next, #previous{width:29px;height:43px;overflow:hidden;cursor:pointer;}
#previous{background:#231f20; width:40px; height:40px; z-index:99; text-align:center; line-height:40px; color:#fff; font-size:18px;}
#next{background:#231f20; width:40px; height:40px; z-index:99; text-align:center; line-height:40px; color:#fff; font-size:18px;}

#stage a span{position:absolute; bottom:0; left:0; width:100%; height:0; line-height:56px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; z-index:11; color:#fff; display:block;transition:height .5s;}
#stage a:hover span{height:56px;}
#stage a b{background: url(bg1.png); height:0; width:100%; position:absolute; left:0; bottom:0; z-index:10;transition:height .5s;}
#stage a:hover b{height:56px;}

.xw_{position:absolute; right:0; top:200px; z-index:99; width:278px; height:282px; background:#637585; padding:28px 24px;}
.xw_ li{height:120px; padding-top:20px;}
.xw_ li:first-child{border-bottom:1px dashed #8aa4ba; padding-top:0; padding-bottom:20px;}
.xw_ h2{padding-bottom:15px; background: url(bg2.jpg) no-repeat bottom left; }
.xw_ h2 a{color:#fff; font-size:15px; line-height:18px; display:block; width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xw_ p{line-height:20px; font-size:13px; color:#fff; padding-top:10px; opacity:0.5;filter:alpha(opacity=50);}

/*footer*/
.footer{ margin-top:60px;}
.footer .fx{width:260px; margin:0 auto;}
.footer .fx ul li{float:left; padding-left:20px;}
.footer .fx ul li:first-child{padding-left:0;}
.footer .fx ul li a{background:url(wl_5.png) no-repeat left center; width:49px; height:49px; display:block; overflow:hidden;}
.footer .fx ul li a:hover{background:url(wl_5.png) no-repeat right center; width:49px; height:49px; display:block; overflow:hidden;}

.to_top{background:url(dian_1.png); height:48px; padding:13px 0; margin-top:30px;}
.to_top a{display:block; width:48px; height:33px; margin:0 auto; background: url(icon21.png) no-repeat; text-align:center; padding-top:15px;}
.to_top a img{display: inline-block; vertical-align: middle;
	animation: donhua3 1.5s infinite;
	/* Firefox: */
	-moz-animation: donhua3 1.5s infinite;
	/* Safari 和 Chrome: */
	-webkit-animation: donhua3 1.5s infinite; 
	/* Opera: */
	-o-animation: donhua3 1.5s infinite;
}
@keyframes donhua3
{
from {transform: translate(0,0);opacity:1;}
to {transform: translate(0,-8px);opacity:0;}
}

@-moz-keyframes donhua3 
{
from {-moz-transform: translate(0,0);opacity:1;}
to {-moz-transform: translate(0,-8px);opacity:0;}
}

@-webkit-keyframes donhua3 
{
from {-webkit-transform: translate(0,0);opacity:1;}
to {-webkit-transform: translate(0,-8px);opacity:0;}
}

@-o-keyframes donhua3
{
from {-o-transform: translate(0,0);opacity:1;}
to {-o-transform: translate(0,-8px);opacity:0;}
}

.sous{width:578px; margin:0 auto;}
.sous h1{ font-size:24px; color:#808080; text-align:center; line-height:50px; height:50px;padding-top:40px; font-weight:bold;}
.sous .ss11{float:left; background:url(s2.png) no-repeat; width:125px; height:46px; border:0; font-size:15px; line-height:46px; color:#c0bebe; padding:0 10px;}
.sous .ss1{float:right; background:url(s3.png) no-repeat; width:401px; height:46px; line-height:46px; border:0; padding:0 10px; color:#c0bebe;}
.sous .ss1Hover,.sous .ss11Hover{ color:#666;}
.sous li{height:46px; overflow:hidden; padding-top:20px;}
.sous li .bb{background:url(s4.png) no-repeat; width:108px; height:37px; border:0; color:#fff; font-size:18px; margin-left:228px; cursor:pointer;}
.sous li .bb:hover{ opacity:0.8;filter:alpha(opacity=80);}

.foot_nav{width:1010px; margin:30px auto 0; border-top:2px solid #e7e7e7;}
.foot_nav li{float:left; padding-right:30px; height:36px; line-height:36px; padding-top:15px;}
.foot_nav ul{width:615px; margin:0 auto;}
.foot_nav p{text-align:center; color:#ccc; padding:10px 0 20px;}


.fx_{width:1010px; margin:0 auto; padding:40px 0 10px; border-top:1px solid #e7e7e7;}


.qiehuan1{ width:725px; height:460px; position:relative; margin-top:40px;}

.qiehuan1 .datu{  width:645px; height:460px; overflow:hidden; position:relative; margin-left:80px; z-index:20;}
.qiehuan1 .datu ul{ position:absolute; left:0px; top:0px; height:460px; width:100%;}
.qiehuan1 .datu ul li{ display:none; width:100%; height:460px; position:absolute; left:0px; top:0px; color:#fff;}
.qiehuan1 .datu ul li .pic{float:right;}
.qiehuan1 .datu ul li .pic a span{position:absolute; bottom:0; left:0; width:100%; height:0; line-height:56px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; z-index:11; color:#fff; display:block;transition:height .5s; text-align:center;}
.qiehuan1 .datu ul li .pic a:hover span{height:56px;}
.qiehuan1 .datu ul li .pic a b{background: url(bg1.png); height:0; width:100%; position:absolute; left:0; bottom:0; z-index:10;transition:height .5s;}
.qiehuan1 .datu ul li .pic a img{width:645px; height:460px;}
.qiehuan1 .datu ul li .pic a:hover b{height:56px;}
.qiehuan1 .xiaotu{ position: absolute; bottom:0; left:0;}
.qiehuan1 .xtu{ position:relative; height:219px;}
.qiehuan1 .xtu dl{ position:absolute; height:159px; left:0px; top:0px;}
/*.qiehuan1 .xtu dl dt{width:222px; height:160px; background: url(products_bg2.png);-webkit-filter:hue-rotate(22deg) saturate(5) brightness(10); opacity:0.3;filter:alpha(opacity=30);position:absolute; left:0; top:11px; margin-left:11px;}*/

.qiehuan1 .xtu dl dd{ position:relative; text-align:center; color:#fff; font-size:20px; font-weight:bold; width:222px;  height:159px; float:left;cursor:pointer; position:absolute; left:0; bottom:0;}
.qiehuan1 .xtu dl dd span{position:absolute; right:0; top:0; background:#000; z-index:1; width:222px; height:159px; opacity:0.2;filter:alpha(opacity=20);}
.qiehuan1 .xtu dl dd.current{}
.qiehuan1 .xtu dl dd.qie_1{ z-index:1;}
.qiehuan1 .xtu dl dd.qie_2{ padding-left:20px; padding-bottom:20px; z-index:2;}
.qiehuan1 .xtu dl dd.qie_3{ padding-left:40px; padding-bottom:40px; z-index:3;}

.qiehuan1 .next,.qiehuan1 .prev{width:29px;height:43px;overflow:hidden;cursor:pointer; position:absolute; top:140px;}
.qiehuan1 .prev{background:#231f20; width:40px; height:40px; z-index:99; text-align:center; line-height:40px; color:#fff; font-size:18px; left:40px;}
.qiehuan1 .next{background:#231f20; width:40px; height:40px; z-index:99; text-align:center; line-height:40px; color:#fff; font-size:18px; left:80px;}





#top{ display:none;}


#list{width:1004px;height:460px;position:absolute;top:150px;left:50%;display:inline;margin-left:-502px;}
#list ul {margin:0px;padding:0px; float:left;}
#list li{width:100px;position:absolute;list-style-type:none;overflow:hidden;cursor:pointer;}
#list li a{display:block; width:100%; height:100%; position:relative; top:0; left:0; opacity:1; z-index:10; font-family:Arial;}
#list li img{width:100%;height:100%;vertical-align:top;}
#list li div{width:100%;height:100%;background:#000;filter:alpha(opacity=70); opacity:0.7; position:absolute; z-index:1; top:0px; left:0px;}
#list li .b_tit{width:100%;height:57px;position:absolute; z-index:1; bottom:-57px; left:0px;margin:0px;padding:0px;}
#list li .opacity{width:100%;height:57px;background:#000;filter:alpha(opacity=80); opacity:0.8; position:absolute; z-index:1; bottom:0px; left:0px;}
#list li .tit{width:100%;height:57px; color:#fff; line-height:57px; text-align:center; font-size:14px;position:absolute; z-index:2; bottom:0px; left:0px;}
#list li .tit span{width:100%;height:30px;font-weight:normal;float:left;text-align:left;line-height:30px;color:#fff;border-bottom:1px solid #2f2f2c;margin:0px;padding:0px;}
#list li.hove .b_tit{ bottom:0;}
#list li .tit span em{color:#ba0707;font-style:normal;float:none;}
#list li .tit em{color:#fff;line-height:25px;float:left;margin:0px;padding:5px 0;font-style:normal;}
#list a{width:60px;height:60px; line-height:60px; text-align:center;text-decoration:none;position:absolute;z-index:20;top:190px; background:#231f20; font-size:36px; font-weight:bold; font-family:宋体; color:#fff; opacity:0.9;filter:alpha(opacity=90);}
#list a.prev{left:32px;background:#6d8da9;}
#list a.next{left:92px;}
#list a:hover{ opacity:1;}
#bottom{width:100%;height:200px;float:left;background:url(images/bottom.jpg) no-repeat center;position:relative;}
#bottom .title{width:100%;height:60px;line-height:60px;color:#fff;text-align:center;position:absolute;left:0px;bottom:0px;font-family:Verdana;}
#bottom .title a{background:#666666;text-decoration:none;color:#fff; padding:3px 5px;}
#list li.hove div{ display:none;}