.webbg{overflow: hidden;background: #f8f8f8;}
.webLeft{float: left;width: 240px;margin-right: 40px;}
.webRight{float: left; width: 1000px;}

.showLeft{float: left; width: 880px;border: 1px solid #e7e7e7;background: #FFF; padding: 0 35px;margin-bottom: 50px;}
.showRight{float: left; width: 300px;margin-left: 26px;margin-bottom: 50px;}

.leftbt{background: #199758;text-align: center;height: 70px;border-bottom: 4px solid #FFF;}
.leftbt h2{font-size: 22px;color: #FFF;line-height: 70px;}
.leftbt em{display: block; background: #199758; height: 3px;border-top: 1px solid #FFF;}


/* 当前位置 */
.location{ overflow: hidden;height: 60px;line-height: 60px;margin-bottom: 20px;border-bottom: 1px dashed #e7e7e7; }
.location .here{float: left; color: #666;}
.location .here a{ color: #666;}
.location .here i{color: #199758;}

.Pagetitle{font-size: 24px;margin:0 0 30px 0;border-bottom: 1px solid #e7e7e7;}
.Pagetitle h2{line-height: 50px;}

.page-content{line-height: 26px;}
.page-content p{font-size: 16px;line-height: 30px;font-family: 微软雅黑, Microsoft YaHei;}
.page-content img{max-width: 100%;}

.sublist{overflow: hidden;}
.sublist ul{}
.sublist ul li{line-height: 50px;margin-bottom: 2px;}
.sublist ul li a{color: #222;display: block; font-size: 15px;background: #f4f4f4;padding-left: 50px;}
.sublist ul li a:hover{ display: block;color: #222;}
.sublist ul li a.thisclass{ display: block;color: #FFF; background: #199758;}

.left-fw{overflow: hidden;margin-bottom: 50px;}
.left-fw .text{padding: 15px;line-height: 28px;border: 1px solid #e7e7e7;}


/* 产品分类 */
.webLeft .leftNav {width: 240px;}
.webLeft .titleTop {position: relative;color: #fff;font-size: 22px;background: #199758; height: 70px;line-height: 70px;text-align: center;}
.webLeft .oneN > li {margin-top: 2px;}
.webLeft .oneN > li > h3 {position: relative;padding: 13px 0 13px 20px; display: block; background: #ededed;cursor: pointer;}
.webLeft .oneN > li > h3 a { color: #333;font-size: 15px;}
.webLeft .oneN > li > h3:hover a { color: #FFF;}

.webLeft .twoN {display: none;}
.webLeft .twoN > li {border-bottom: 1px dashed #e7e7e7;}
.webLeft .twoN > li > h3 { padding: 13px 20px; background: #fafafa;}
.webLeft .twoN > li > h3 a {font-size: 14px;color: #535353;padding-left: 15px;}
.webLeft .twoN > li.active > h3 a, 
.webLeft .twoN > li > h3.on a, 
.webLeft .twoN > li > h3 a:hover {color: #199758;}

.webLeft .oneN > li.active > h3, 
.webLeft .oneN > li.active > h3 a, 
.webLeft .oneN > li > h3.on, 
.webLeft .oneN > li > h3:hover {background: #199758;color: #FFF;}
.webLeft .oneN li.active > .twoN {display: block;}

.webLeft .oneN > li.active > h3:before, 
.webLeft .oneN > li > h3.on:before {transform: rotate(0deg);color: #FFF;}
.webLeft .oneN > li > h3:before {float: right;margin-top: 5px;margin-right: 20px; color: #8d8d8d;font-size: 15px; font-weight: bold;transition: all .4s ease-in-out;transform: rotate(270deg);}
.webLeft .oneN > li > h3:hover:before{color: #FFF;}

[class*='icon-']:before {
    display: inline-block;
    font-family: "FontAwesome";
    font-weight: normal;
    font-style: normal;
    vertical-align: baseline;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-angle-down:before {content: "\f107";}
[class*='icon-']:before {
    display: inline-block;
    font-family: "FontAwesome";
    font-weight: normal;
    font-style: normal;
    vertical-align: baseline;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* 荣誉证书 */
.honor{overflow: hidden;}
.honor ul{}
.honor ul li{ float:left;text-align:center; width: 313px;padding-right: 30px;margin-bottom: 15px;}
.honor ul li:nth-of-type(3n+0){padding-right:0px;}
.honor ul li .list-img{border:1px solid #e7e7e7;position: relative;height: 280px; overflow: hidden; background: #FFF; }
.honor ul li .list-img:hover{border:1px solid #199758;}
.honor ul li .list-img img{position: absolute;margin: auto;max-width: 100%;max-height: 100%;top: 0;right: 0;bottom: 0;left: 0; transition: all 0.6s;}
.honor ul li .list-img img:hover{transform:scale(1.2);}
.honor ul li h2{ background: #FFF;color: #333; text-align:center; overflow:hidden; clear:both;font-weight: normal; height: 40px; line-height: 40px; font-size: 15px;}


/* 产品列表 */
.product{overflow: hidden;}
.product ul{ margin-top: 10px;}
.product ul li{float: left; width:318px; background: #FFF;margin-bottom: 30px;margin-right: 20px;border: 1px solid #e7e7e7;}
.product ul li:nth-of-type(3n+0){margin-right: 0;}
.product ul li:hover{box-shadow: 1px 10px 20px 0 rgba(0,0,0,.10); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.product ul li .img{overflow: hidden;}
.product ul li .img img{max-width: 100%;}
.product ul li h2{font-size: 14px; display: block;height: 40px; line-height: 40px;text-align: center;margin: 10px 0;}

/*联系我们*/
.contact{overflow: hidden; padding: 30px 0;}
.contact ul{ margin-left: -1%;margin-right: -1%;}
.contact ul li{float: left; width: 47.8%; height: 307px;margin: 0 1%; margin-bottom: 50px; background: #FFF; border: 1px solid #E7E7E7; cursor: pointer; transition: all 0.5s ease; -webkit-transition:all 0.5s ease;}
.contact ul li:hover{box-shadow: 0 8px 20px 0 rgba(0,0,0,.10); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.contact ul li .text{ margin-top:80px;}
.contact ul li .text h2{ position: absolute; background: rgba(0, 191, 98, .8);margin-top: -50px;padding: 10px 30px; color: #FFF; font-size: 24px;}
.contact ul li .text .nr{font-size: 14px;line-height: 26px; padding:10px 30px 20px 30px;color: #777; height: 170px;}



.cydizhi {
  background: #fff;
  border: 1px solid #e5e5e5;
  overflow: hidden;
  padding: 15px 0 15px 20px;
  background: #f7f7f7;
}
.l-intro {
  width: 375px;
  float: right;
}
.company {
  line-height: 55px;
  font-size: 18px;
  position: relative;
}
.company .iconfont1 {
  color: #20B09F;
  position: absolute;
  left: -20px;
}
.address {
  color: #999;
  line-height: 30px;
}
.company-info {
  padding-top: 20px;
}
.company-info li {
  width: 316px;
  float: left;
  line-height: 30px;
  color: #999;
}




.contact1 {
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.comlist {
  margin-top: 50px;
}
.comlist li {
  float: left;
  width: 47.8%;
  margin: 0 1%;
  margin-bottom: 50px;
  background: #FFF;
  border: 1px solid #E7E7E7;
}
.comlist .box {
  height: 147px;
  background: #fff;
  padding: 40px 35px 10px 30px;
  box-shadow: 3px 8px 9px 0px rgba(1, 10, 22, 0.05);
}
.comlist .box:hover .hover {
  display: block;
}
.comlist .bt {
  color: #333333;
  font-weight: 400;
  font-size: 18px;
  position: relative;
  padding-left: 35px;
  margin-bottom: 5px;
}
.comlist li:hover .box .bt {
  color: #ed6827;
}
.comlist .bt .icon {
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  left: 0;
  top: 0;
}
.middleCenter {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 100%;
  max-height: 100%;
  display: block;
  vertical-align: middle;
  text-align: center;
  margin: auto;
}
.comlist .box .hover {
  display: none;
}
.comlist .box .hover {
  display: none;
}
.comlist .info {
  padding-left: 35px;
  min-height: 63px;
}
.comlist .info p {
  line-height: 24px;
}
/*新闻资讯*/

.newslist{}
.newslist ul{}
.newslist ul li{ overflow: hidden; margin-bottom: 30px; background: #FFF; border: 1px solid #E7E7E7; cursor: pointer; transition: all 0.5s ease; -webkit-transition:all 0.5s ease;}
.newslist ul li:hover{box-shadow: 0 5px 10px 0 rgba(0,0,0,.10); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);border: 1px solid #199758;}
.newslist ul li .img{float: left; width:300px; height: 200px; overflow: hidden; }
.newslist ul li .img img{width: 100%; height: 100%;}
.newslist ul li .text{float: left;  width: calc((100% - 340px));padding: 20px; }
.newslist ul li .text h3{font-size: 16px;}
.newslist ul li .text time{display: block;margin: 10px 0; color: #888;}
.newslist ul li .text p{line-height: 26px; font-size: 14px; color: #888; margin-top: 10px; text-align: justify;}

.news{overflow: hidden; margin-bottom: 30px;}
.news ul{}
.news ul li{overflow: hidden; border-bottom: 1px solid #E7E7E7;  height: 40px; line-height: 40px;}
.news ul li span{font-size: 13px;}
.news ul li span i{float: left; font-size: 14px;}
.news ul li time{float: right; color: #999;}


/*在线留言*/
.message{}
.message ul{}
.message ul li{clear: both;overflow: hidden; margin: 20px 0;}
.message ul li input{ border: 1px solid #E7E7E7; height: 40px;line-height: 40px; padding: 5px; border-radius: 5px; width: 90%;}
.message ul li textarea{height: 180px; border: 1px solid #E7E7E7;padding: 8px;border-radius: 5px;width: 90%;}
.message ul li .yzm{ width: 120px;}
.message ul li .btns{ background: #199758;font-size: 16px; border-radius: 5px; color: #FFF; width: 150px; height: 50px; line-height: 50px; text-align: center; border: 0;cursor: pointer; }

/*产品详情页*/
.productinfo{overflow: hidden; clear: both;}
.productinfo-l{ width: 50%; text-align: center;overflow: hidden; height: 400px;}
.productinfo-l img{max-width: 100%;}
.productinfo-r{ width: 46%; margin-left: 4%;}
.productinfo-r h2{ font-size: 22px; border-bottom: 1px solid #E7E7E7; margin-bottom: 10px; padding-bottom: 10px; line-height: 32px;}
.productinfo-r p{color: #666;line-height: 26px; padding: 5px 0; font-size: 15px;}
.productinfo-r p b{color: #199758;}

.productinfo-r .zixun{ width: 150px; height: 40px; line-height: 40px; background: #ffa800; text-align: center;}
.productinfo-r .zixun a{color: #FFF;}

.portfolio-area{overflow: hidden; padding: 30px 0;}
.portfolio-area ul{}
.portfolio-area ul li{float: left; width: 75px; margin-left: 5px; margin-bottom: 5px;}
.portfolio-area ul li img{width: 75px; height: 60px; border: 1px solid #E7E7E7;}

.showbt{ border-bottom: 1px solid #E7E7E7; margin-top: 30px;}
.showbt span{display: inline-block; color: #FFF; background:#199758;font-size: 16px;height: 42px;line-height: 42px;padding: 0 38px;}

/*推荐资讯*/
.newslist-tj{ margin: 30px 0;}
.newslist-tj h5{font-size: 22px;color: #FFF;height: 70px; line-height: 70px;background: #199758;text-align: center;}
.newslist-tj em{display: block; background: #199758; height: 3px;border-top: 1px solid #FFF;}
.newslist-tj ul{border: 1px solid #e7e7e7;padding: 12px;}
.newslist-tj ul li{overflow: hidden; border-bottom: 1px dashed #e7e7e7;height: 38px;line-height: 38px;}
.newslist-tj ul li h2{font-size: 13px;}
.newslist-tj .more{ border: 1px solid #199758;border-radius: 8px;width: 150px; height: 40px;line-height: 40px;text-align: center; margin: 0 auto;margin-top: 20px;margin-bottom: 10px;}
.newslist-tj .more a{color: #199758;}

/*详情页推荐资讯*/
.newslist-show-tj{ margin-top: 30px;border: 1px solid #e7e7e7;background: #FFF;padding: 25px;}
.newslist-show-tj h6{border-bottom: 1px solid #E7E7E7;font-size: 22px;margin-bottom: 20px;padding-bottom: 10px;}
.newslist-show-tj ul{margin: 20px 0;}
.newslist-show-tj ul li{overflow: hidden; border-bottom: 1px dashed #e7e7e7;margin-bottom: 15px;padding-bottom: 15px;}
.newslist-show-tj ul li .img{float: left;width: 100px;height: 70px;overflow: hidden;margin-right: 10px;}
.newslist-show-tj ul li .img img{width: 100%;height: 100%;}
.newslist-show-tj ul li .text{float: left; width: 138px;font-size: 13px;}
.newslist-show-tj ul li .text h2{font-size: 14px;}
.newslist-show-tj ul li .text p{color:#777;}



/*新闻相关信息*/
.newslist-xg{overflow: hidden;border: 1px solid #E7E7E7; padding: 25px;border: 1px solid #e7e7e7;background: #FFF;}
.newslist-xg h5{border-bottom: 1px solid #E7E7E7;font-size: 22px;margin-bottom: 20px;padding-bottom: 10px;}
.newslist-xg ul {}
.newslist-xg ul li{}
.newslist-xg ul li .img{overflow: hidden; }
.newslist-xg ul li .img img{max-width: 100%;border-radius: 6px;}
.newslist-xg ul li h3{margin: 20px 0;line-height: 24px;text-align: center;}

/*相关产品*/
.show-prolist{overflow: hidden; margin-top: 30px;}
.show-prolist ul{margin: 0;}
.show-prolist ul li{ float:left;text-align:center; width: 319px; margin-right: 21px; margin-bottom: 30px;}
.show-prolist ul li:nth-of-type(3n+0){margin-right:0;}
.show-prolist ul li .list-img{ position: relative; border:1px solid #e7e7e7;height: 181px; overflow: hidden;}
.show-prolist ul li .list-img:hover{ border:1px solid #199758;}
.show-prolist ul li .list-img img{position: absolute;margin: auto;max-width: 100%;max-height: 100%;top: 0;right: 0;bottom: 0;left: 0; transition: all 0.6s;}
.show-prolist ul li .list-img img:hover{transform:scale(1.2);}
.show-prolist ul li h2{ text-align:center; overflow:hidden;clear:both; font-size: 13px; background: #e7e7e7; font-weight: normal; height: 40px; line-height: 40px;}
.show-prolist ul li:hover h2 a{color: #333;}
.show-prolist ul li:hover h2{background: #199758; }
.show-prolist ul li:hover h2 a{color: #FFF; }



/*详情页*/

.Details{overflow: hidden; padding: 15px 0;}
.Details h1{ text-align: center; font-size: 30px; line-height: 50px; margin: 30px 0;}
.Details dt{ text-align: center; line-height: 50px; border-bottom: 1px solid #E7E7E7;border-top: 1px solid #E7E7E7;color: #999;}

.Details-conent{overflow: hidden; margin: 30px 0; line-height: 28px;}
.Details-conent img{max-width: 100%;}
.Details-conent h2{
	font-size: 20px;
	font-weight: 600;
}
.Details-conent h3{
	font-size: 18px;
	color: #222;
	font-weight: 600;
}
.Details-conent p{
	font-size: 16px;
	margin-top: 20px;
    margin-bottom: 20px;
	line-height: 35px;
	font-family: 微软雅黑, Microsoft YaHei;
}