.top{ height:75px; position: relative;  }
.top .logo{line-height:75px;}
.nav li{ float: left;  }
.nav li a{ font-size: 14px; color: #333; display: block; height: 75px; line-height: 75px; padding:0 20px; }
.nav li a:hover{ color: #1757a0 }
.nav li a.head-tel{font-size:16px; font-weight:bold; color:#1757a0;}
.search{ height: 75px; background: #e4e4e4; width: 55px;  display: table-cell; vertical-align: middle; line-height: 75px; text-align: center;}
.search img{ display: inline-block; vertical-align: middle; }
.yuyan{ height: 75px; line-height: 75px; background: #f3f3f3; font-size: 14px; color: #a6a6a6; display: block; text-align: center; width: 55px; }
.search-input{ width:230px; height: 35px; color: #666; font-size: 14px; border:1px solid #1757a0; position: absolute; top: 75px; right: 0px; line-height: 35px;
padding-left: 5px; display: none; z-index: 9999; background: #fff;  }
.input-text{float:left; height:35px; width:160px; outline:none;}
.input-sub{ float:left; height:35px; width:70px; border:none; background:#1757a0; color:#fff;}
.banner{ position: relative; overflow: hidden; width: 100%; }.banner .bd{ width: 100%; overflow: hidden; }.banner .bd li{ width: 100%; height:auto; margin:0 auto;}.banner .bd li img{width: 100%; height:auto; margin:0 auto;}
.banner .hd{ position: absolute; bottom: 20px; left: 48%; z-index: 999; }
.banner .hd li{ display: inline-block; *display: inline-block; width:10px; height:10px; border-radius: 100%; background: #fff;  margin:0 5px; cursor: pointer;}
.banner .hd li.on{ background:#1757a0; }

.title{ border-bottom: 1px solid #e8e8e8; margin:40px auto 20px auto; }
.title h2{ font-size: 20px; color: #1757a0; font-weight: bold; float: left; border-bottom: 2px solid #fd790e; padding-bottom: 15px;  }
.title p{ float: left; color: #888; font-size: 14px; vertical-align: middle; }
.title p i{ display: inline-block; padding:0 10px 0 15px; }
.title .more{ display: block; font-size: 16px; color: #fff; background: #fd790e; float: right; width: 30px; height: 23px; text-align: center; line-height: 23px; }
.product{ position: relative; }
.prev{ display: block; position: absolute; top: 5px; right: 30px; }
.next{ display: block; position: absolute; top: 5px; right: 0; }
.layB li { width: 213px; margin: 0 13px 10px 13px; display: inline-block;  line-height: 20px;  float: left;}
.layB li a{ display: block; }
.layB li em{ display: block; height: 167px; width: 213px; overflow: hidden; transform: all 1s; border-radius: 20px;}
.layB li em img{ display: block; height: 167px; width: 213px; overflow: hidden; transition: all 1s; z-index:-10; }
.layB li h3{ text-align: center; font-size: 14px; color: #333; font-size: 16px; padding:10px 0 5px; }
.layB li:hover h3{ color: #1757a0; }
.hf1{ margin-top: 20px; }
.cp-list li{ float: left; }
.cp-list li a{ display: block; overflow: hidden; position: relative;  border:1px solid #f3f3f3;  width: 191px; height: 177px;
margin: 0 13px 10px 13px; text-align: center; padding:10px;}
.cp-list li em{ display: inline-block; width: 190px; height: 177px; overflow: hidden;  }
.cp-list li em img{ display: inline-block;  width: 190px; height: 190px;   }


/*.mask{ position: absolute; top: 50%; left: 0; right: 0; bottom: 0;  background: #1757a0; opacity: 0.8; filter: alpha(opacity=80) ; transition: all 1s;
height: 0; }
/*.cp-list h3{ position: absolute; top: -350px; white-space: nowrap; color: #fff; font-size: 16px; text-align: center; text-overflow: ellipsis;
 overflow: hidden;left: 0; right: 0; letter-spacing: 1px; transition: all 0.7s; }
/*.cp-list span{ display: block; width:90px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #fff; border:1px solid #a6c8e8; 
z-index: 99;  top: -350px; position: absolute; left: 50%; margin-left: -45px; transition: all 0.7s;  transition-delay: 0.5s;} 
/* .cp-list li:hover h3{ top:60px;  } */
/* .cp-list li:hover .mask{ height: 100%; top:0; } */
/* .cp-list li:hover span{ top: 105px; } */
.cp-list .chan-name{ display:block; height:40px;width: 193px;left:10px; text-align:center; line-height: 40px; background:rgba(66,145,206,0.8);  font-size: 24px; padding-left: 10px; position: absolute; bottom: 10px; font-size: 14px; white-space: nowrap;
 overflow: hidden; text-overflow: ellipsis; color: #fff;  transition: all 0.7s; } 


.fengqin li{ width: 153px; float: left; overflow: hidden; height: 220px; position: relative; }
.img-mask{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #1757a0; opacity: 0.8; }
.fengqin li.l2 .img-mask{ background: #e74a4a }
.fengqin li.l3 .img-mask{ background: #1757a0 }
.fengqin li.l4 .img-mask{ background: #489c4c }
.fengqin li.l5 .img-mask{ background: #e1ae4c }
.fengqin li.l6 .img-mask{ background: #ef85c6 }

.show-cont{ display: none; }
.hide-cont{ width: 150px; height: 220px; }
.show-cont h2{ color: #fff; font-size: 22px; font-weight: bold; position: absolute; top:20px; color: #fff; width: 400px; padding-bottom: 10px; 
border-bottom: 1px solid #fff; left: 25px;  transition: all 1s }
.show-cont p{ font-size: 14px; color: #fff; line-height: 35px; position: absolute; top: 70px; left: 25px; transition: all 1s }
.fengqin .add-width{ width: 430px; }
.fengqin .add-width .show-cont{ display: block; }
.fengqin .add-width h3,.fengqin .add-width em{display: none;}
.hide-cont h3{ color: #fff; position: absolute; top: 120px; z-index: 9; font-size: 20px; font-weight: bold; left: 35px; transition: all 1s}
.hide-cont em{ position: absolute; top: 60px;  z-index: 999; display: block; left: 50px; transition: all 1s }
.hide-cont em img{ display: inline-block; text-align: center; transition: all 1s}

.lingyu em{ display: block; height: 115px; width: 207px; overflow: hidden; }
.lingyu em img{ display: block; height: 115px; width: 207px; overflow: hidden; transition: all 1s; }
.lingyu li{ float: left; width: 600px; margin-bottom: 20px;}
.lingyu li div.fl{ width: 350px; padding-left: 20px;}
.lingyu li h2{ font-weight: bold; font-size: 16px; color: #000;  padding-bottom: 10px; white-space: nowrap; overflow: hidden;
text-overflow: ellipsis; }
.lingyu li p{ font-size: 14px; color: #666666; }
.lingyu li:hover img{ transform: scale(1.05); }
.lingyu li:hover h2{ color: #1757a0}

.about-left{ float: left; }
.about .left-cont{ width: 725px; height: 238px; overflow: hidden;}
.about .title{ width: 725px; margin-left:0; }
.about .video{ float: left; position: relative; height: 238px; width: 312px; }
.about .video span{ display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: 0.7; cursor: pointer;  }
.about .video span img{ display: block; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; }
.about .text{ float: left; background: #eff0f1; width: 410px; height: 238px;  }
.about .text p{ line-height: 35px; color: #888; font-size: 14px; text-indent: 2em; padding:15px 15px 10px 15px; overflow: hidden; }
.about .text a.more{ display: block; float: right; padding-right: 15px; color: #1757a0;  }
.about-right{ float: right; width: 430px; }
.about-right .title{ width: 430px; margin-left: 0; }
.news-list a{ display: block; overflow: hidden; }
.news-list div.fl em{ font-size: 18px; color: #000; font-weight: bold; display: block; text-align: center;}
.news-list div.fl b{ font-size: 14px; color: #555555; display: block;  }
.news-list h1{ font-size: 16px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news-list p{ font-size: 14px; color: #888888; }
.news-list div.fl1{ border-right: 1px solid #eceef2; padding-right: 20px; margin-right: 20px; width: 60px; }
.news-list div.fl2{ width: 300px; overflow: hidden; }
.news-list li{ border-bottom: 1px dashed #eceef2; padding:5px 0; }
.news-list li:hover h1{ color: #1757a0; }



.linkwrap{ margin-top: 40px;}
.link .hd{ width:90px; float:left; overflow:hidden;  }
.link .hd h2{ color:#fff; font-size:17px;}
.link .bd{ width:1040px; float:left; overflow:hidden;}
.link .bd .tempWrap{ width:1040px !important; }
.link .bd ul{ overflow:hidden; zoom:1; }
.link .bd ul li{ float:left; _display:inline; overflow:hidden;margin-bottom: 10px;}
.link .bd ul li a{ font-size:14px; color:#e1e1e1; padding:0 15px;}
.link .bd ul li a:hover{ color:#fff;}
.footer{ background: #555555;  }
.linkwrap{ background: #666666; padding:15px; }

.footer{ padding:40px 0 10px 0; }
.code{ float: left;   }
.code img{display: block; padding-bottom: 10px; }
.code span{ text-align: center; font-size: 14px; color: #e3e0e0; display: block;}
.contact{ float: left; margin-left: 145px; width: 395px; }
.contact .tit h3{ font-size: 24px; color: #fff; font-weight: bold; }
.contact .tit b{ display: block; width: 40px; height: 2px ; background: #a6a6a6; margin-top:15px; }
.contact p{ line-height: 36px; font-size: 14px; color: #cccccc;  padding-top: 20px;}
.tel{ margin-top: 20px; }
.tel i{ display: inline-block; float: left; vertical-align: middle; margin-top: 10px; }
.tel .haoma{ display: block; float: left; margin-left: 10px; }
.tel h2{ font-size: 24px; color: #fd790e; font-weight: bold; }
.tel h4{ font-size: 14px; color: #fd790e; letter-spacing: 4px; }
.zixun{ display: block; width: 130px; height: 35px; line-height: 35px; text-align: center; font-size: 14px; color: #fff; background: #fd790e;
margin-top: 15px; }
.zixun:hover{ background: #1757a0; color: #fff; }
.copyright{ border-top: 1px solid #7f7f7f; margin-top: 35px; text-align: center; font-size: 14px; color: #9f9f9f; padding-top: 10px; }

/*内页*/
.smallnei{ position: relative; width: 100%; height: auto; overflow: hidden; }
.smallnei img{width:100%;height:auto;}
.smallnei h2{ font-size: 30px; color: #fff; position: absolute; top: 150px; left: 20%  }
.smallnei p{ font-size: 16px; color: #ccc; position: absolute; left: 20% ; top: 195px;}

.neicont{ background: #f5f5f5; padding: 40px 0; }
.pro-tit{  font-size:20px; color: #fff; background: #1757a0; padding: 15px 15px; font-weight: bold;  }
.pro-tit span{ font-size: 16px; color: #96b2dc; text-transform: uppercase; }
.pro-left{ width: 230px; float: left;  }
.pro-left .pro-ul{ display: none;  }
.pro-left h3{ font-size: 16px; padding:15px 10px; color: #1757a0; border-bottom: 1px solid #f5f5f5; }
.pro-left ul li a{ display: block; font-size: 14px; color: #666; padding:8px 10px; padding-left: 25px;  }
.sideMenu {background: #fff;}
.sideMenu h3.on em {   background-position: 16px -57px;}
.sideMenu h3 em {float: right; display: block; width: 40px; height: 32px; background: url(../img/icoAdd.png) 16px 12px no-repeat; cursor: pointer; }
.pro-right{ float: left; width: 950px; margin-left: 15px; }


.pro-right li{ float: left; margin:0 10px 20px 10px; }
.chan-img{  overflow: hidden; width: 215px; height: 215px; position: relative;}
.chan-img .chan-name{ display:block; height:40px; text-align:center; line-height: 40px; background:rgba(66,145,206,0.8);  font-size: 24px; padding-left: 10px; position: absolute; width:100%;bottom: 0; font-size: 14px; white-space: nowrap;
 overflow: hidden; text-overflow: ellipsis; color: #fff; padding-left: 5px; transition: all 0.7s; } 
.chan-img img{ width: 215px; height: 215px;overflow: hidden; }
/* .chan-img:hover .chan-name{ bottom: 70%;  } */
/* .chan-img:hover .mask {opacity: 0.8; }  */
/* .chan-img .mask {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #4291ce; opacity: 0; height: 100%; width: 100%; */
/* transition: all 0.7s; } */

.weizhi{ width:100%; overflow:hidden; padding: 10px 0; border-bottom:1px #e0e0e0 solid; margin-bottom: 20px;}
.weizhi h2{  height: 24px; font-size:16px; display:block; float:left; overflow:hidden; text-indent:15px;
border-left: 4px solid  #1757a0}
.weizhi h3{ display:block; float:right; overflow:hidden;}
.weizhi h3 a{ padding:0 6px; font-size: 14px;}
.weizhi img{ display: inline-block; vertical-align: middle; }
.fenye { margin-top: 30px; font-size: 14px; }
.fenye span{ display: inline-block; border: 1px solid #e0e0e0; float: left; height:40px; padding:0 20px; line-height:40px; text-align: center; color: #fff !important; background: #007bc6;margin-left: -1px;}
.fenye a{ display: inline-block; border: 1px solid #e0e0e0; float: left; height:40px; padding:0 20px; line-height:40px; text-align: center; background: #fff;margin-left: -1px;}

.newspage-left h3{ cursor:pointer;}

.newspage-list a{ display: block; padding:10px; border-bottom: 1px dashed #f5f5f5; overflow: hidden; position: relative; z-index: 21; background: #fff;
margin:0 0 10px 0;}
.newspage-list div.fl{ width:90px;  background: #f5f5f5; height: 80px; }
.newspage-list span,.newspage-list strong{ display: block; color: #333; text-align: center; font-size: 14px; }
.newspage-list span{ font-size: 24px; padding:10px 0 5px 0; }
.newspage-list a div.fr{ width: 800px; }
.newspage-list h2{ font-size: 16px; color: #000; padding:0px 0 5px 0 }
.newspage-list p{ line-height: 28px; font-size: 14px; color: #666; }
.newspage-list a b{position: absolute; left: 0; bottom: 0; width:100%; height: 0%; background: #1757a0; transition: all 1s; }
.newspage-list a:hover  b{ top: 0; height: 100%; z-index: -10; }
.newspage-list a:hover div.fl{ background: #fff; }
.newspage-list a:hover h2,.newspage-list a:hover p{ color: #fff; }



.detail-page{ background: #fff; padding:15px 15px 30px 15px; width: 920px;  }
.news-top{ background: #fff;   padding:15px 15px 0 15px;}
.news-top .xq-img{ float: left; width: 320px;padding-right:30px; }
.news-top .xq-img img{ width:100%; height:320px;}
.news-top .xq-wen{ float: left; width: 500px; }
.news-top h1{ font-size: 20px; padding:10px 0; display: block; font-weight: bold; }
.detail-page .wenzi{ line-height: 230%; font-size: 14px; }
.detail-page .wenzi i{ display: inline-block; font-size: 16px; font-weight: bold;  color: #333; }
.detail-page .zx-btn{ margin-top: 20px; }
.detail-page .btn1,.detail-page .btn2{ background: #007bc6; border-radius: 3px; padding:10px 15px; color: #fff; font-size: 14px; }
.detail-page .btn2{ background: #6fc1e8; margin-left: 15px; }
.detail-page .btn1 img,.detail-page .btn2 img{ display: inline-block; vertical-align: middle; padding-right: 5px; }
.detail-page em{ display: inline-block; padding-right: 3px; }


/*分享按钮*/
.share-con{height:38px;overflow:hidden;padding-left:10px; margin-top: 15px;}
.share-con span.tit{float:left;line-height:38px;}
.share-con a,.share-con a span{height:16px;width:16px;display:block;float:left;overflow:hidden;}
.share-con a{margin:10px 3px 0 2px;}
.share-con a span{background-image:url(../img/share-icon.gif);background-repeat:no-repeat;cursor:pointer;}
.share-con a:hover{opacity:0.7;filter:alpha(opacity=70);border:solid 1px #ddd;}
.share-con a span.copylink{background-position:0 0;}
.share-con a span.tengxunweibo{background-position:0 -16px;}
.share-con a span.xinlang{background-position:0 -32px;}
.share-con a span.sohu{background-position:0 -48px;}
.share-con a span.wangyi{background-position:0 -64px;}
.share-con a span.qqzone{background-position:0 -80px;}
.share-con a span.qqpengyou{background-position:0 -96px;}
.share-con a span.renren{background-position:0 -112px;}
.share-con a span.kaixin{background-position:0 -128px;}
.share-con a span.taojianghu{background-position:0 -144px;}
.share-con a span.douban{background-position:0 -160px;}
.share-con a span.baidusoucang{background-position:0 -176px;margin-right:0px;}

.xq-top{ background: #f8f8f8; border:1px solid #e0e0e0; margin: 15px 0;}
.xq-top strong{ display: inline-block; padding:5px 15px; background: #007bc6; font-size: 14px; color: #fff;}

.xq-bigimg{ font-size: 14px;color: #222;}
.xq-bigimg img{width:100%;}
.xq-bigimg P{line-height: 36px;font-size: 14px;color: #222;}
.xq-bigimg div{line-height: 36px;font-size: 14px;color: #222;}
.xq-bigimg span{line-height: 36px;font-size: 14px;color: #222;}
.zizhi li{ float: left; margin:15px 17px 15px 10px;  height: 166px; width: 126px; overflow: hidden; }
.zizhi li img{ height: 166px; width: 126px; overflow: hidden; transition: all 1s; }
.zizhi li:hover img{ transform: scale(1.05); }
.liuyan div{ margin:0 0 10px 0; }
.liuyan input{ width: 400px; border:1px solid #f5f5f5; text-indent: 1em; height: 35px; line-height: 35px; }
.liuyan span{ font-size: 14px; color: #666; display: inline-block; width: 100px; vertical-align: top; margin-left: 10px;}
.liuyan .wenben{ width: 400px; border:1px solid #f5f5f5; resize: none; height: 100px; text-indent: 1em; padding-top: 20px; }
.liuyan input[ type=submit]{ background: #1757a0; color: #fff; width: 150px; text-align: center;  margin-left:350px; cursor: pointer; } 

.news-detail{line-height: 36px; font-size: 14px; color: #222;}
.news-detail h1{  font-size: 22px; font-weight: bold; color: #000; text-align: center; }
.news-detail .fabu{ text-align: center; }
.news-detail .fabu span{ display: inline-block; padding:10px; font-size: 14px; color: #666; }

.news-detail p{ line-height: 36px; margin:10px 0; font-size: 14px; color: #222; }
.news-detail p img{ margin:auto; }
.fenpian{ margin-top: 25px; border-top: 1px solid #f9f9f9; padding-top: 20px; }
.fenpian span{ font-size: 14px;  color: #000; display: inline-block; float: left; margin-right: 15px; vertical-align: middle;}
.fenpian p{ float: left;  }
.fenpian p a{ font-size: 14px; color: #555; display: block; }
.fenpian div:hover a{ color: #1757a0; }

/*Product-details*/
.index-pro{
	background-color: #313131;
	padding-bottom: 80px;
}
.index-pro-box{
	padding-top: 60px;
}
.index-pro-menu{
	width: 230px;
	overflow:hidden
}
.index-pro-menu-top{
	height: 13px;
}
.index-pro-menu-bot{
	height: 19px;
}
.index-pro-menu dt .tit{
	font-size: 18px;
	color: #fff;
	line-height: 24px;
}
.index-pro-menu dt .sub-tit{
	font-size: 14px;
	color: #88cd79;
}
.index-pro-menu dt .sub-tit b{
	color: #fff;
}
.index-pro-menu dt{
	padding: 10px 15px;
	background-color: #1757a0;
	margin-top:10px;
}

.index-pro-menu-box{
	background: #fff;
	/*height: 680px;*/
}
.index-pro-menu-box .tit{
	font-size: 16px;
	padding-left: 38px;
	line-height: 54px;
	border-bottom: 1px solid #f2f2f2;
}
.index-pro-menu-box .tit b{
	color: #2a8a15;
}
.index-pro-menu-box .menu-li{
	padding: 15px;
	border-bottom: 1px solid #f2f2f2;
	height: 30px;
}

.index-pro-menu-box .menu-li .tits{
	font-size:15px; font-weight:bold;}
	
.index-pro-menu-box .menu-li li{
	width: 95px;
	font-size: 14px;
}
.index-pro-menu-box .menu-li li a{
	color: #999;
}


.index-pro-menu-box .menu-li .grop-tit a{
	color: #666;
}
.index-pro-menu-box .menu-li li a:hover,.index-pro-menu-box .menu-li li .hover{
	color: #2a8a15;
}
.index-pro-menu-box .laster{
	border-bottom: none;
}
.index-pro-img,
.index-pro-img img{
	width: 216px;
	height: 152px;
}
.index-pro-img{
	margin: 2px;
	margin-bottom: 0px;
}
.pro-menu-li{
	line-height: 46px;
	background-color: #1757a0;
	color: #fff;
	font-size: 18px;
	padding-left: 15px;
}
.pro-menu-li-box {
	background:#fff;
	overflow:hidden;
	}
.pro-menu-li-box .bd li,
.pro-menu-li-box .bd li img{
	width: 230px;
	height: 230px;
}
.pro-menu-li-box .bd li{
	border-bottom: 1px solid #e9ebe8;
	overflow: hidden;
}
.pro-menu-li-box .bd .i-title{
	display:block;width:230px; float:left; height:35px; line-height:35px; margin-top:-35px;position:absolute; background:rgba(0,0,0,0.5); text-align:center; color:#fff;
	}

/*index 修改*/
.chanpin{height:1210px;}
.cp-list li{ float: left; }
.cp-list li a{ display: block; overflow: hidden; position: relative;  border:1px solid #f3f3f3;  width: 203px;  height: 190px; 
margin: 0 0 7px 13px; text-align: center; padding: 10px;}
.cp-list li em{ display: inline-block; width: 100%; height: 190px; overflow: hidden;  }
.cp-list li em img{ display: inline-block;  width: 100%; height: 190px;   }

.pro-cont{width:100%; }
.pro-rt{float:left;width:230px;margin-right:15px;background:#fff;}
.pro-rt .pro-tit{  font-size:20px; color: #fff; background: #1757a0; padding: 15px 15px; font-weight: bold;  }
.pro-rt .pro-tit span{ font-size: 16px; color: #96b2dc; text-transform: uppercase; }
.pro-rt .erji{border: 1px solid #f5f5f5;}
.pro-rt .erji .erji-i{position: relative; padding:0 5px; background: url(../img/ico8.png) right no-repeat;}

.pro-rt .erji .erji-i a{ display: block;   font-size: 14px; color: #666; padding:8px 10px; padding-left: 25px; border-bottom: 1px solid #f5f5f5; }
.pro-rt .erji .erji-i:hover{background:#1757a0 url(../img/ico8_hv.png) right no-repeat;}
.pro-rt .erji .erji-i:hover a{color:#fff;border-bottom: 1px solid #1757a0;}
.pro-rt .erji .siji{display:none;position: absolute;right: -185px;top: 0;text-align: center; width: 80%;    z-index: 999;
    background-color: #fff;border: 1px solid #f5f5f5;}
.pro-rt .erji-i:hover .siji{display: block; }
.pro-rt .erji .erji-i:hover .siji a{color:#666; border: 1px solid #f5f5f5; }
.pro-rt .erji .erji-i .siji li:hover{ background:#1757a0;}
.pro-rt .erji .erji-i .siji li:hover a{ color:#fff;  border: 1px solid #f5f5f5;}
.pro-lf{float:left;width: 955px;}