@charset "utf-8";
/* CSS Document */
html{background:#fff;}
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img{margin:0;padding:0; font-weight:normal; font-size:15px}
body{ overflow-x:hidden}
li{ list-style:none}
fieldset,img{border:none;}
img{vertical-align:middle;}

body{color:#333;font-size:12px;font-family:"微软雅黑","Microsoft Yahei",tahoma,arial,"Hiragino Sans GB";background:#fff;}
.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both;}
.clearfix{zoom:1;}
.clearit{clear:both;height:0;font-size:0;overflow:hidden;}
a{color:#333333;text-decoration:none;}
a:hover{ text-decoration:none !important}
.hidden{visibility:hidden;}
.fl{float:left;}
.fr{float:right;}
.form-select select{border:1px solid #ccc;border-radius:2px;padding:5px 3px;margin-right:11px;width:130px;height:28px; line-height:28px; vertical-align:bottom; margin-top:3px;}
.form-select .mr0{margin-right:0;}
.clear{clear:both;}
.cnen{width: 100%;height: 25px;background: #eee;position: absolute;top: 0}
.cnen > .content{width: 1100px;margin: 0 auto;height: 25px;line-height: 	25px;color: #BEBEBE}
.cnen > .content > .left{float: left;}
.cnen > .content > .right{float: right;}
.cnen > .content > .right a{color: #BEBEBE}
.cnen > .content > .right > span{display: inline-block;width: 60px;text-align: center;}
.cnen > .content > .right > .one{border-right: 1px solid #BEBEBE}
.focus{ width:100%; height:auto;  margin:0 auto; position:relative; overflow:hidden; margin-top:90px  }
.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:30px; text-align:center;  }
.focus .hd ul{ display:inline-block; height:10px; padding:3px 10px; 
		-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; font-size:0; vertical-align:top;}
.focus .hd ul li{ display:inline-block; width:15px; height:15px; border-radius:50%; background:rgba(255,255,255,1); margin:0 5px;  vertical-align:top; overflow:hidden; cursor:pointer; line-height:50px  }
.focus .hd ul .on{ background:#319ae9;}
.focus .bd{ position:relative; z-index:0;}
.focus .bd li img{ width:100%;  height:auto;}


#top{ width:1100px; height:90px; margin:auto; position:relative}
#top .logo{ float:left; margin-top:15px}
#top .nav{ width:708px; float:right; font-size:15px; margin-top:42px; margin-right:175px}
#top .nav ul li{ list-style:none; float:left; margin-left:18px;  margin-right:18px; text-align:center; height:50px; padding-top:10px}
#top .nav ul li.on{ color:#319ae9; border-top:2px solid #319ae9}
#top .nav ul li.on a{ color:#319ae9}
#top .tel{ position:absolute; top:32px;right:0}




.wrapper{width:100%;}
.heard{width:100%;height:110px;position:absolute;left:0px;top:25px;z-index:100;}

#main{ width:1100px; height:280px; background-color:#fff; border-radius:5px; box-shadow:0 0 5px #999; margin:auto; position:relative; margin-top:30px}
#main .new{ width:360px; height:220px; float:left; margin-left:30px; margin-top:30px}
#main .new .title{ width:100%; height:40px}
#main .new .title .span1{ float:left;  color:#131313; font-size:14px}
#main .new .title .span2{ float:right}
#main .new .new_list{ width:100%; height:30px; border:1px solid #ccc}
#main .new .new_list span{ display:block; float:left; width:80px; text-align:center; border-right:1px solid #ccc; line-height:30px; cursor:pointer }
#main .new .new_list span.first_span{ background-color:#319ae9; color:#fff; }
#main .new .new_list span:last-child{ border:none}
#main .new .txt{ width:100%; height:130px; margin-top:15px; position:relative}
#main .new .txt ul li{ list-style:none; width:100%; border-bottom: 1px dotted #a2b1b1; background:url(../images/lef_do.png) no-repeat 5px 8px; margin-bottom:20px}
#main .new .txt ul li h1{  padding: 5px 0 5px 20px;height: 17px; font-weight:normal; font-size:12px}
#main .new .txt ul li p{ text-indent:20px; font-size:12px; padding-bottom:5px}
#main .hide{ width:360px; height:140px; overflow:hidden}

.one_new{ width:100%; line-height:30px; border-bottom:1px dashed #999; color:#717171; margin-top:4px }
.one_new .time{ float:right}

#main .support .wz{ width:340px; height:70px; margin:auto; margin-top:12px; margin-bottom:4px}
#main .support .wz .left{ width:30px; height:30px; color:#fff; text-align:center; line-height:30px; background-color:#212121; font-size:22px; float:left}
#main .support .wz .right{ float:right; width:300px}
#main .support .wz .right h2{ font-size:14px; color:#292929; margin-top:-3px; margin-bottom:5px}
#main .support .wz .right p{ font-size:14px; color:#717171}
#main .partner{ width:270px; height:220px; float:left; margin-top:30px; margin-left:25px}
#main .partner .title{ width:100%; height:40px}
#main .partner .title .span1{ float:left;  color:#131313; font-size:14px}
#main .partner .title .span2{ float:right}
#main .partner ul li{ list-style:none; float:left; width:130px; height:80px; border:1px solid #ccc; margin-right:4px; margin-bottom:7px}
#main .partner ul li:nth-child(2n){ margin-right:0px;}
#main .support{ width:363px; height:220px; float:left; margin-top:30px; margin-left:25px; overflow:hidden}
#main .support ul li{ width:160px; height:150px; float:left; margin-right:20px; margin-top:12px; margin-left:6px; box-shadow: 0px 1px 5px #D9D9DA; position:relative; overflow:hidden; cursor:pointer}

#main .support ul li img{ width:160px; height:150px; transition:all linear 200ms}
#main .support ul li:hover span{ display:block}
#main .support ul li:hover img{ transform:scale(1.1,1.1)}
#main .support ul{ position:relative; width:1120px; height:160px; left:0px; -webkit-animation:8s anim linear infinite; -moz-animation:8s anim linear infinite; animation:8s anim linear infinite}
#main .support ul:hover { -webkit-animation-play-state:paused; -moz-animation-play-state:paused; animation-play-state:paused}
#main .support ul li span{ position:absolute; width:160px; height:150px; background:rgba(0,0,0,.5); top:0; left:0; text-align:center; color:#fff; line-height:150px; display:none}
#main .support ul li span a{ color:#fff}

/*定义动画 取名anim*/
@-webkit-keyframes anim{
	form{left:0}
	to{left:-800px}
	}
	
@-moz-keyframes anim{
	form{left:0}
	to{left:-800px}
	}
	
@keyframes anim{
	form{left:0}
	to{left:-800px}
	}	

.photo img{
	width: 100%;
	height: 100%;
}
.photo p img{
	width: 100%;
	height: 100%;
}
.lunhuan{width:100%;margin:0 auto;height:856px;position:relative;overflow:hidden;}
.lunhuan #lunhuanback{width:100%;height:856px;position:absolute;left:0px;top:0px;overflow:hidden;}
.lunhuan #lunhuanback p{text-align:center;width:100%;height:856px;position:absolute;left:0px;top:0px; display:none;filter:alpha(opacity=0);background-repeat:no-repeat;background-position:50% 0px;background-size:cover;}
.lunhuan #lunhuanback p:first-child{ display:block}
.lunhuan #lunhuanback p:first-child img{ display:block}
.lunhuan #lunhuanback p:last-child{  display:block}
.lunhuan #lunhuanback p:last-child img{  display:block}

.lunhuan_main{width:1100px;margin:auto;position:relative;height:14px;left:0px;top:60%;display:block;}
.lunhuan .lunhuan_main #lunbonum{width:100%;text-align:right;height:14px;position:absolute;left:0px;top:0px;z-index:5;}
.lunhuan .lunhuan_main #lunbonum li{width:14px;height:14px;background:url(../images/vf1.png) no-repeat center center;display:inline-block;margin:0 1px;border-radius:14px;cursor:pointer;}
.lunhuan .lunhuan_main #lunbonum .lunboone{background:url(../images/vf2.png) no-repeat  center center;cursor:pointer;}
.lunhuan .news{width:1100px;margin:auto;position:relative;left:0px;top:512px;}
.lunhuan .news .news_sise{width:320px;float:left;position:relative;}
.lunhuan .news .news_sise .xing_es{height:70px;line-height:70px;font-size:14px;color:#FFF;position:relative;background:url(../images/news1.png) no-repeat 0 0;text-indent:40px;}
.lunhuan .news .news_sise .dao_chu{width:46px;height:70px;position:absolute;right:10px;top:0px;background:url(../images/dao_chu1.jpg) no-repeat center center;cursor:pointer;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out;}
.lunhuan .news .find_lien:hover .dao_chu{background:url(../images/dao_chu2.jpg) no-repeat center center;}
.lunhuan .news .news_sise .Warm{height:115px;overflow:hidden;background:url(../images/news2.png);-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out;}
.lunhuan .news .news_sise .Warm .congra{padding:8px 0px;font-size:12px;border-bottom:1px dotted #a2b1b1;}
.lunhuan .news .news_sise .Warm .congra p{padding:5px 0 5px 50px;height:17px;overflow:hidden;background:url(../images/lef_do.png) no-repeat 30px center;}
.lunhuan .news .news_sise .Warm .congra p a{color:#333333;}
.lunhuan .news .news_sise .Warm .congra span{margin:0 0 0  50px;}
.lunhuan .news .news_sise .Warm .congra span a{color:#333333;}
.lunhuan .news .find_ns{margin:135px 0 0 0px;}
.lunhuan .news .find_lien{margin:135px 0 0 0px;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out;}
.lunhuan .news .find_lien:hover{margin:0px;}
.lunhuan .news .find_lien:hover .Warm{height:240px;overflow:hidden;}
.lunhuan .news .news_center{float:left;width:430px;height:185px;margin:135px 15px 0 15px;}
.lunhuan .news .news_center .kes_L{width:100px;height:185px;background:url(../images/Investment.png) no-repeat 0 0;float:left;position:relative;}
.lunhuan .news .news_center .kes_L .xi1{text-align:center;font-size:14px;padding:102px 0 0 0px;}
.lunhuan .news .news_center .kes_L .xi1 a{color:#FFF;}
.lunhuan .news .news_center .kes_L .xi2{position:absolute;font-size:14px;text-align:right;width:100px;left:-7px;bottom:7px;}
.lunhuan .news .news_center .kes_L .xi2 a{color:#FFF;}
.lunhuan .news .news_center .Switching{float:left;width:330px;height:185px;}
.lunhuan .news .news_center .Switching ul li{width:162px;height:89px;overflow:hidden;float:left;margin:0 3px 5px 0;cursor:pointer;}
.lunhuan .news .news_center .Switching ul li .k1_king{idth:162px;height:89px;overflow:hidden;position:relative;}
.lunhuan .news .news_center .Switching ul li .k1_block9{position:absolute;}
.main{max-width:1100px;margin:0 auto;padding:0 0 138px 0px;}
.main .right_du .teing_2 .fmwep{background-color:#000;width:668px;height:530px;display:none;position:fixed;}
.main .right_du .teing_2 .fmwep2{background-color:#000;width:668px;height:530px;display:none;position:fixed;}
.main .right_du .teing_2 .fmwep3{background-color:#000;width:668px;height:530px;display:none;position:fixed;}
.main .right_du .teing_2 .tit{width:668px;text-align:right;padding:5px 0px;}
.main .right_du .teing_2 .tit .close{font-size:16px;color:#ffffff;padding:0 10px 0 0px;cursor:pointer;font-style:normal;}
.main .right_du .teing_2 .c_lai_vod{width:668px;height:530px;}
.main .right_du .teing_2 .fmwep{background-color:#000;width:668px;height:530px;display:none;position:fixed;}
.main .right_du .teing_2 .tit{width:668px;text-align:right;padding:5px 0px;}
.main .right_du .teing_2 .tit .close{font-size:16px;color:#ffffff;padding:0 10px 0 0px;cursor:pointer;font-style:normal;}
.main .right_du .teing_2 .c_lai_vod{width:668px;height:530px;}



#totop{position:fixed;bottom:10px;right:30px;z-index:999;width:46px;cursor:pointer;display:none;}
#totop a{display:block;width:46px;height:46px;background:url(../images/toTop.png) no-repeat;}


#content{ width:1100px; min-height:500px; overflow:hidden; margin:auto; background-color:#ffffff; margin-top:20px}
.contentLeft{ width:198px; float:left; margin-right:10px; border:1px solid #ccc; border-bottom:none}
.contentLeft .auto{ width:100%; margin:0 auto; }
.contentLeft .title{ width:100%; height:52px; line-height:52px; text-align:center; background-color:#319ae9; color:#fff}
.contentLeft .title h1{ font-weight:normal; font-size:18px; color:#fff; line-height:48px; border-bottom:2px solid #fff}
.contentLeft .title h2{ font-weight:normal; font-size:13px; color:#319ae9}
.contentLeft .list p{ width:50%; margin-left:25%; line-height:38px; border-bottom:2px solid #ccc; text-align:center; color:#4d4d4d; font-size:15px}
.contentLeft .list p.red{ color:#319ae9}
.contentLeft .list p.red a{ color:#319ae9}
.breadcrumb{ width:100%; line-height:50px; border-bottom:1px solid #c4c4c4; color:#585858; font-size:14px; margin-bottom:15px}
.contentLeft .list p:last-child{ border-bottom:none}
.contentLeft .list{ border-bottom:1px solid #ccc}

.contentRight{ width:865px; min-height:500px; overflow:hidden; float:left; padding-left:25px}
.pageCon{ line-height:30px}
.contentRight .product ul li{ float:left; width:420px; height:160px; box-shadow:0 0 5px #b9b9b9; margin-bottom:22px }
.contentRight .product ul li:nth-child(2n){ float:right; margin-right:2px}
.contentRight .product ul li .left{ width:160px; height:160px; border-radius:10px; float:left}
.contentRight .product ul li .left img{ height:160px; width:160px; }
.contentRight .product ul li .right{ width:240px; height:155px; margin-top:5px; float:right; margin-right:10px}
.contentRight .product ul li .right h1{ font-weight:normal; font-size:16px; color:#319ae9; line-height:26px; margin-top:5px}
.contentRight .product ul li .right p{ font-size:14px; color:#68737e; line-height:25px; margin-top:10px}
.contentRight .product ul li .right .moreBtn{  background-color:#319ae9; color:#fff; display: block; width:140px; line-height:35px; text-align:center; margin-top:20px; display:none}





.pageNew ul li{ width:100%; height:102px; border-bottom:1px dashed #999; margin-top:-15px; margin-bottom:25px }
.pageNew ul li .leftImg{ width:160px; float:left}
.pageNew ul li .rightTxt{ width:680px; float:right}
.pageNew ul li .bt{ width:100%; line-height:30px; height:25px; color:#333; float:left; margin-top:0; margin-bottom:18px}
.pageNew ul li .bt h3{ float:left; color:#333; font-weight:normal}
.pageNew ul li .bt span{ float:right}
.pageNew ul li .wz{ width:100%;  font-size:14px; line-height:23px; color:#808080}
.pageNew ul li .wz a{ color:#808080}
.pageNew ul li .wz b{ color:#319ae9; font-weight:normal}

.pageNew h1{ text-align:center; font-size:18px}
.pageNew .date{ text-align:center; margin-top:10px; line-height:30px; margin-bottom:10px}
.pageNew .date span{ margin-right:20px; color:#999}
.pageNew .newCon{ line-height:30px}
.pn ul{ padding-bottom:20px; min-height:1px; overflow:hidden}
.pn ul li{ float:left; width:200px; height:100px; border:1px solid #ccc; margin-right:18.5px; margin-bottom:15px }
.pn ul li img{  width:170px; height:80px; margin-left:15px; margin-top:10px }
.pn ul li:nth-child(4n){ margin-right:0px} 


#nm{ width:275px; height:170px; overflow:hidden}
#nm:hover img{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1)}
#nm img{ transition:all linear 200ms; -webkit-transition:all linear 200ms; -moz-transition:all linear 200ms; -ms-transition:all linear 200ms;}

#download{ width:100%; min-height:600px; margin:20px auto}
#download ul li{ width:430px; height:290px; float:left;box-shadow: 0px 1px 5px #D9D9DA; position:relative; margin-bottom:15px}
#download ul li h1{ line-height:30px; text-indent:15px; font-size:16px; margin-top:10px}
#download ul li .pic{ width:350px; margin-left:15px; height:230px}
#download ul li .pic img{ width:350px; height:230px}
#download ul li .btn{ position:absolute; right:25px; top:200px; transition:all 200ms; -webkit-transition:all 200ms; -moz-transition:all 200ms; -ms-transition:all 200ms; cursor:pointer}
#download ul li .btn:hover{ top:230px;}


.product-scroll{ width:1100px; margin:40px auto; height:105px; position:relative; overflow:hidden; margin-top:50px}
.product-scroll .scroll{ width:1030px; height:105px; position:relative; margin-left:36px; overflow:hidden}
.product-scroll ul{ width:4300px; position:absolute;  }
.product-scroll ul li{ width:188px; height:90px; border:2px solid #ddd; float:left; margin-right:17px; position:relative}
.product-scroll ul li .pic{ width:90px; float:left}
.product-scroll ul li b{ display:block; width:98px; float:left; font-weight:normal; font-size:14px; margin-top:30px; text-align:center}
.product-scroll .btn .leftBtn{ position:absolute; left:0; top:40px; z-index:999; cursor:pointer}
.product-scroll .btn .rightBtn{ position:absolute; right:0; top:40px; z-index:999; cursor:pointer}


#indexNews{ width:1200px; margin:50px auto; }
#indexNews ul li{ width:432px; height:235px; float:left; margin-right:30px}
#indexNews ul li .title{ width:100%; height:20px; line-height:20px; border-left:4px solid #319ae9; margin-bottom:15px}
#indexNews ul li .title span{ font-size:16px; color:#319ae9; text-indent:15px; display:block; float:left}
#indexNews ul li .title b{ float:right; font-size:14px; color:#999; font-weight:normal}
#indexNews ul li .picNews{ margin-top:10px; margin-bottom:10px}
#indexNews ul li .picNews .leftPic{ width:140px; float:left; margin-right:15px; }
#indexNews ul li .picNews .rightTxt h1{ font-size:15px}
#indexNews ul li .picNews .rightTxt h2{ font-size:13px; line-height:25px; color:#999}
#indexNews ul li .picNews .rightTxt h3{ font-size:13px; color:#999; line-height:20px}
#indexNews ul li .picNews .rightTxt h3 a{ color:#999}
#indexNews ul li p{ font-size:14px; line-height:30px; color:#666}
#indexNews ul li p b{ float:right; color:#999; font-weight:normal}
#indexNews ul li .hzPic{ width:275px; height:175px; overflow:hidden; cursor:pointer}
#indexNews ul li .hzPic img{ transition:all linear 200ms; -webkit-transition:all linear 200ms}
#indexNews ul li .hzPic:hover img{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1) }

#footer{ width:100%; height:105px; background-color:#bfbfbf}
#footer .center{ width:1100px; margin:auto}
#footer .center .logo{ margin-top:20px; float:left; width:220px; border-right:1px solid #666}
#footer .center .footerNav{ width:520px; float:left; margin-left:80px; font-size:14px; padding-top:28px; line-height:24px}
#footer .center .ewm{ float:right; margin-top:12px}


.pages{height:35px; margin:0 auto; float:left; margin-bottom:30px; }
.current{color:#fff}
.pages span{ display:block; border:1px solid #ccc; background:#fff; color:#262626; line-height:30px; text-align:center; font-size:14px; float:left; margin-right:5px;width:60px; height:30px; border-radius:3px}
.pages ul li{list-style: none;float: left;
    margin-left: 5px;}
.pages .current a {
    border: 1px solid #ccc;
    background: #2a2a2a;
    color: #fff;}
.pages li a {
    display: block;
    padding: 0 10px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    height: 30px;
    line-height: 30px;
    color: #666;
	font-size:14px}
	
.productCon { width:100%; position:relative}
.productCon .btn-left{ position:absolute; left:60px; top:160px; cursor:pointer}
.productCon .btn-right{ position:absolute; right:60px; top:160px; cursor:pointer }
.productCon .productSrc{ width:450px; height:450px; margin:auto; position:relative; overflow:hidden}
.productCon .productSrc ul{ position:absolute; width:3000px; }
.productCon .productSrc ul li{ float:left; position:relative}
.productCon .productSrc ul li img{ width:450px; height:450px}
	
.tabBox { min-height:300px; overflow:hidden; padding-bottom:50px}
.tabBox .hd{ height:40px; line-height:40px;font-size:20px; background:#f4f4f4; border-bottom:1px solid #ececec; position:relative; margin-bottom:10px }
.tabBox .hd ul{ position:absolute; height:41px; top:0; overflow:hidden; width:100%  }
.tabBox .hd ul li{ float:left;color:#8f8f8f; font-size:14px; width:20%; text-align:center; cursor:pointer}
.tabBox .hd ul .on{ border-bottom-color:#fff; color:#CF7F21;  }
.tabBox .hd ul .on a{ display:block; color:#fff; background-color:#319ae9}

	
.zxfk h1{ font-size:16px; color:#319ae9}	
.zxfk p{ font-size:14px; line-height:30px; color:#666}
.liuyan{ margin-top:15px}

	
.liuyan label{ float:left; color:#666}	
.liuyan p{ width:100%; overflow:hidden}
.liuyan .txt{ float:left; margin-right:30px; border:none; border:1px solid #ccc; height:30px}	
.liuyan textarea{ width:711px; border:none; border:1px solid #ccc; height:100px}
.liuyan .button{ width:120px; height:40px; color:#fff; background-color:#319ae9; text-align:center; line-height:40px;
font-size:15px; margin-top:20px; margin-left:70px}	
	
	
#silderBar{ width:60px; height:180px; background-color:#d0d6d9; position:fixed; right:0; z-index:999; top:40%}
#silderBar ul li{ width:60px; height:59px; border-bottom:1px solid #fff; cursor:pointer}
#silderBar ul li span{ display:block; width:50px; margin-left:15px; }
#silderBar ul li span img{ margin-top:18px; margin-right:5px  }
#silderBar ul li.l1:hover .ewm{ display:block}
#silderBar ul li.l2:hover .tel{ display:block}
#silderBar ul li:hover{ background-color:#99a3a5}
#silderBar ul li .ewm{ width:120px; height:160px; background-color:#fff; position:absolute; right:60px; top:0; display:none}
#silderBar ul li .ewm p{ font-size:14px; text-align:center}
#silderBar ul li .ewm img{ margin-left:5px; margin-top:5px}
#silderBar ul li .tel{ width:140px; height:120px; background-color:#fff; position:absolute; right:60px; top:61px; text-align:center;
display:none}
#silderBar ul li .tel h1{ margin-top:10px; line-height:25px}
#silderBar ul li .tel p{ color:#e66d15}



.fixeds{border-bottom: 1px solid #e6e0e0;width: 100%;position: fixed;height: 138px; top: 0;background: #fff;z-index: 999;}
.header{width: 1260px;height: 138px;position:relative;margin:0 auto;}
.header > .logo{width: 200px;height: 60px;float: left;margin-top: 26px;margin-left: 10px;}
.header >.key{height: 23px;position: absolute;right: 23px; top: 25px;width: 120px;border:1px solid #e5e5e5;border-radius:20px;padding: 5px 0px;transition: .45s .05s;}
.header >.key > .search{width: 59px;height: 23px;line-height: 20px;float: left;}
.header >.key > .search > .ico{width: 23px;height: 23px;background: url(../images/searchs.png) no-repeat center;margin-left: 20px;cursor: pointer;}
.header >.key >  .box{display: none;height: 23px;}
.header >.key >  .box form{width: 290px;height: 23px;line-height: 23px;float: left;padding-left: 5px;}
.header >.key >  .box form > .inputs{width: 230px;outline: none;border: none;border-top-left-radius: 20px;border-bottom-left-radius: 20px;padding-left: 10px;height: 22px;line-height: 22px;}
.header >.key >  .box form >.btn{width: 20px;background: url(../images/searchs.png) no-repeat center;margin-left: 15px;cursor: pointer;outline: none;border: none;height: 17px;}
.header >.key > .cn{width: 59px;height: 20px;line-height: 20px;text-align: center;float: right;border-left: 1px solid #dcdcdc;}
.header >.key > .cn > a{color: #3b3b3b;font-size: 17px;}
.heighttop{width: 100%;height: 138px;}
.header > .nav{position: absolute;right: 20px;top:85px;}
.header > .nav ul li{float: left;margin-right: 30px;position: relative; width: 100px;height: 40px;position: relative;text-align: center;}
.p > p{display: inline-block;}
.header > .nav ul li a{color: #3b3b3b;font-size: 15px; height: 30px;display:inline-block;}
.header > .nav ul li >.on-ss{position: absolute;
    display: none;
    top: 35px;
    left: 50%;
    padding-top: 15px;
    padding-bottom: 15px;
    min-width: 175px;
	background: #fff;
	margin-left: -83px;
	text-align: center;
    opacity: 0;
    -o-transition: .4s .05s;
    -moz-transition: .4s .05s;
    transition: .4s .05s;
	 border-bottom:1px solid #eee
	}
.header > .nav ul li >.on-ss a{color: #000;transition: .3s;display: block;height: 35px;line-height: 35px;}
.header > .nav ul li >.on-ss a:hover{color: #fff;background: #319ae9;}
.header > .nav ul li:hover .on-ss{display: block;opacity: 1;transition: .4s;}
.nav-on{border-bottom: 2px solid #e7060b;}
.figures > ul > li:hover .size{color: #d21617;}
.figures > ul > li:hover .color{color: #d21617;}
.banner{width: 100%;}

.figures{width: 1260px;margin: 50px auto 50px auto;overflow: hidden;}
.figures > .btn{    width: 185px;
    height: 50px;
    border-radius: 30px;
    background: #d52929;
    line-height: 50px;
    margin: 40px auto 0 auto;text-align: center;}
	.figures > .btn a{color: #fff;font-size: 18px;}
	
	
	.pageNew{ margin-top:30px}
#top .nav ul li .hide{ background-color:#fff; position:absolute; margin-top:18px; display:none; z-index:999;}
#top .nav ul li:hover .hide{ display:block}
#top .nav ul li .hide p{  color:#fff; font-size:14px; line-height:45px;  margin:auto;  text-indent:12px; padding-left:10px; padding-right:30px; border-bottom:1px solid #eee}
#top .nav ul li .hide p:hover{ background-color:#319ae9; color:#fff}
#top .nav ul li .hide p:hover a{ color:#fff}
#top .nav ul li .hide p a{ color:#333}
#top .nav ul li .hide p:last-child{ border:none}
	


.figures > ul > li:hover .size{color: #d21617;}
.figures > ul > li:hover .color{color: #d21617;}
.banner{width: 100%;}

.figures{width: 1260px;margin: 50px auto 50px auto;overflow: hidden;}
.figures > .btn{    width: 185px;
    height: 50px;
    border-radius: 30px;
    background: #d52929;
    line-height: 50px;
    margin: 40px auto 0 auto;text-align: center;}
	.figures > .btn a{color: #fff;}
.mould{padding: 10px 0;}
.mould > h2{text-align: center;font-size: 32px;font-weight: normal;margin-bottom: 10px;}
.mould > .line{width: 172px;height: 2px;border-bottom: 2px solid #d52929;margin: 0 auto;}

.figures > .font{width: 880px;text-align: center;line-height: 24px;color: #646464;font-size: 15px;margin: 20px auto 50px auto;}
.figures > ul{}
.figures > ul > li{float: left;width: 33%;text-align: center;overflow: hidden;cursor: pointer;}
.figures > ul > li >.ico{margin-bottom: 25px;width: 20%;margin: 0 auto;height: 95px;}
.figures > ul > li > .size{font-size: 30px;line-height: 24px;color: #0f0f0f;margin-top: 16px;}
.figures > ul > li > .color{color: #3e3d3d;margin-top: 15px;font-size: 16px;}


.product-index{margin: 45px 0 50px 0;width: 100%;overflow: hidden;}



.banners{width: 100%;margin-left: auto;margin-right: auto;position: relative;margin-top: 30px;}
.banners  .item{display: block;}
.banners img {
	display: block;
	width: 100%;
}
.ind-prod-li-desc {
	position: absolute;
	left: 0;
	transition: all 0.5s ease;
	top: -100%;
	padding: 15%;
	width: 100%;
	height: 100%;
	overflow: hidden;
	line-height: 28px;
	background: url(../images/bkg2.png) repeat;
	font-size: 12px;
	box-sizing: border-box;
	color: #fff;
	text-transform: uppercase;
}
.ind-prod-li-tit {
	margin-bottom: 20px;
	font-size: 30px;
	text-align: center;
}
.ind-prod-li-btn {
	margin: 20px auto 0 auto;
	width: 140px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 30px;
	transition: .3s;
}
.item:hover .ind-prod-li-desc{top: 0px;}

.technical > .content{   
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    color: #666;
	width: 80%;
	margin: 0 auto 80px;
	
}
.technical >  .lesson{width: 100%;border: 1px solid #eee;height: 200px;margin-bottom: 40px;}
.technical >  .lesson > .title{height: 80px;line-height: 80px;background: #ededed;padding-left: 60px;font-size: 25px;color:#004ea2 ;}
.technical >  .lesson > .font{font-size: 18px;color: #666;padding-left:60px ;margin-top: 30px;}