@charset "utf-8";
/*============================ 初始化样式 ============================*/
*
{ margin:0; padding:0;  }
body
{ font-family:Microsoft YaHei,'黑体',Verdana,Tahoma,Arial,sans-serif; font-size:14px; color:#333; min-width:1180px;}
*html
{ background-image:url(about:blank);background-attachment:fixed;}
li
{ list-style:none;}
img
{ border:none;}
body a img
{ border:none;}
/*a:hover img
{opacity: 0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; }
{opacity: 0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; }
*/
a
{ color:#333; text-decoration:none; }
a:hover
{ color:#018a46;}
a:focus
{ outline:none;}
.clear:after
{content:''; display:block; clear:both; }
.clear
{ height:0px; clear:both; }
.text-cut  /*限制文字,文字超出显示冒号*/
{ overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis;}
.t_center
{ text-align:center;}

.space10 { height:10px; clear:both; }
.space15 { height:15px; clear:both; }
.space20 { height:20px; clear:both; }
.space25 { height:25px; clear:both; }
.space30 { height:30px; clear:both; }

/*效果*/
.trans1
{ transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

/*图片放大*/
.fdapic
{ overflow:hidden;}
.fdapic img
{
-webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease; -o-transition:all 0.4s ease;transition:all 0.4s ease;}
.fdapic:hover img
{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}

/*按钮样式*/
.yu_a0
{ display:inline-block;  text-align:center; transition:all 0.4s ease;-moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; }
/*============================ 公共部分 ============================*/

/* 文章上下篇 */
.wengzhengfanye
{ line-height:30px; padding:20px 10px; clear:both; }
.wengzhengfanye .wengzhengfanyeA,.wengzhengfanye .wengzhengfanyeB
{ padding-left:0px; clear:both; font-size:14px; color:#666;}
.wengzhengfanye span
{font-weight:bold; }
.wengzhengfanye a:hover
{ text-decoration:underline;}

/* 文章类别上下页 */
.page
{ padding:20px; overflow:hidden; text-align:center;margin-bottom: 40px;}
.pagelink a,.pagelink span
{ display:inline-block; border:1px solid #999;padding:7px 12px; color:#666;margin: 0 4px;}
.pagelink ul li{display: inline-block;}
.pagelink ul li a:hover
{ background:#018a46; border:solid 1px #018a46; color:#fff;}
.pagelink ul li.active span
{ background:#018a46; border:solid 1px #018a46; color:#fff;}
/*.page
{ padding:20px; overflow:hidden; text-align:center;}
.pagelink a,.pagelink span
{ display:inline-block; padding:7px 12px; color:#666;margin: 0 5px;}
.pagelink ul li{display: inline-block;}
.pagelink ul li a:hover
{ color:#ce1421;}
.pagelink ul li.active span
{ color:#ce1421;}*/

/*用于手机屏幕，大于480px小于640px
@media (min-width: 480px) and (max-width: 640px) {}*/

/* 数字上下页 */
.page_fanye
{ width:100%; height:auto; text-align:center; padding:40px 0 20px; margin:0 auto; overflow:hidden; clear:both;}
.page_fanye a
{ line-height:16px; font-size:14px; text-indent:0px; color: #333;  margin-right: 5px; padding:4px 9px; background:#efefef;  border:1px solid #dedddd;  display: inline-block; }
.page_fanye span
{  height:24px; line-height:20px;  padding:0 10px 0 5px; display: inline-block;}
.page_fanye span input
{ width:30px; height:20px;}
.page_fanye a.page_home,.page_fanye a.page_home:hover,.page_fanye a.page_end,.page_fanye a.page_end:hover
{ width:60px;  color:#666666; }
.page_fanye .onpage,.page_fanye a:hover
{ color: #fff; background:#856493; }
.container{width: 1180px;margin: 0 auto}
.fl{float: left}
.fr{float: right}

/*========================================= 首页 =====================================*/
.header{width:100%;}
.header .top{padding: 10px 0 15px;overflow: hidden}
.header .topl{color: #ff844f;font-size: 18px;line-height: 1.8;margin:15px 40px 0 0}
.header .topr{background: url("../img/hot_tel.png") no-repeat left;font-size: 30px;color: #ff8400;font-family: Impact;
padding: 20px 0 0 85px;margin-top: 10px;}
.nav{width: 100%;background-color: #018a46;line-height: 53px;}
.navs li{float:left;text-align:center; position: relative;width: 131px;}
.navs li a {font-size:16px;display:block;color: #fff;box-sizing: border-box;}
.navs ul li a:hover{background-color: #333}
.navs ul li a.active{background-color: #333}
.navs li ul{display:none;width:150%;position: absolute;top:53px;left: -0;z-index: 999;background:rgba(1,138,70,0.9);}
.navs li ul li{width: 100%;line-height:45px;margin-left: 0;box-sizing: border-box;}
.navs li ul li:hover{background-color: #333}
.navs li ul li:hover a{color: #fff;border: none}
.navs li ul li a{font-size: 14px;}
.fixeddNav{position: fixed;top: 0px;left: 0px;width: 100%;z-index: 100000;}

/*banner图片切换样式*/
.banner{width:100%; height:500px; margin:0px auto 0px; overflow:hidden}
#focus {width:100%; height:500px; overflow:hidden; position:relative;}
#focus ul {height:auto; position:absolute;left:-3840px;width: 5709px;}
#focus ul li {float:left; height:500px;overflow:hidden;position: relative;}
#focus ul li a{display: inline-block;width: 100%;height: 100%}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:100%; height:16px; left:0; bottom:0; }
#focus .btn {position:absolute; width:100%; height:16px;left:0;text-align:center;bottom:20px;}
#focus .btn span { _display:inline; _zoom:1; _font-size:0;  width:40px; height:3px; display:inline-block; margin:0 3px; text-indent:-999px; cursor:pointer;
    background-color: rgba(255,255,255,0.5);overflow:hidden;}
#focus .btn span.on {background:#fad41f;}
/*#focus .preNext {width:45px; height:100px; position:absolute; top:260px; background:url(../img/sprite.png) no-repeat 0 0; cursor:pointer;display: none}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}
#focus:hover .preNext{display: block}*/

.top2{width: 100%;background-color: #f0f0f2;overflow: hidden;}
.top2s1{background: url("../img/top1.jpg") no-repeat left;height: 58px;line-height: 1.8;padding: 15px 100px 19px 65px;
    color: #353535;border-right: 1px solid #cdcdcd}
.top2s1 h3{font-size: 18px;font-weight: normal}
.top2s1 h3 b{margin-left: 10px;}
.top2s1 h6{font-size: 14px;font-weight: normal}
.top2s2{width: 680px;padding: 10px 0;}
.top2s2 ul li{width: 260px;float: left;background: url("../img/top_li.png") no-repeat left;padding-left: 15px;
margin: 8px 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.top2s2 ul li a{color: #353535}

.title{margin-top: 30px;text-align: center;overflow: hidden}
.title h3{font-size: 30px;font-weight: normal}

.oneA{overflow: hidden;margin-top: 40px}
.oneA1{text-align: center}
.oneA1 a{border: 1px solid #ddd;line-height: 40px;display: inline-block;width: 125px;margin: 0 8px;}
.oneA1 a.casehover{background-color: #018a46;color: #fff;}
.oneA2 ul{display: none}
.oneA2 ul li{width: 270px;  height: 234px;  float: left;margin: 25px 12px 0 12px;}
.oneA2 ul li img{border: 1px solid #ddd;border-bottom: none;width: 268px;height: 193px;}
.oneA2 ul li p{width: 100%;height: 40px;line-height: 40px;background: #4f4f4f;color: #fff;text-align: center;}
.oneA2 ul li:hover p{background-color: #018a46}

.oneB{width: 100%;background-color: #f1f1f3;overflow: hidden;margin-top: 30px;padding: 30px 0}
.oneB1{margin-left: 12px;}
.oneB1 ul li{width: 270px;padding-top: 20px;height: 80px;color: #666;background: #f0f0f2;box-shadow: 0 0 15px #ccc;text-align: center;}
.oneB1 ul li h3{font-size: 24px;font-weight: normal}
.oneB1 ul li p{text-transform: uppercase}
.oneB1 ul li:hover,.oneB1 ul li.on{background-color: #f49625;color: #fff;}
.oneB1 ul li:hover a,.oneB1 ul li.on a{color: #fff;}
.oneB2{margin-left: 20px;}
.oneB2 ul{display: none}
.oneB2 ul li{width: 260px;height: 200px;position: relative;margin-left: 30px;float: left}
.oneB2 ul li img{width: 100%;height: 100%}
.oneB2 ul li p{width: 100%;background-color: rgba(0,0,0,0.5);text-align:center;line-height: 50px;color: #fff;position: absolute;bottom: 0;left: 0}
.oneB2 ul li:hover p{background-color: rgba(244,150,37,0.8)}


.oneC{overflow: hidden;margin-top: 55px;}
.oneCl img{width: 555px;height: 360px;}
.oneC2{width: 580px;}
.oneC2 h3{font-weight: normal;font-size: 18px;color: #363636;margin: 20px 0;}
.oneC2 .text{color: #5f5f5f;line-height: 1.8;text-indent: 2em}
.oneC2 a{display: inline-block;width: 160px;line-height: 30px;background-color: #ff8400;
    text-align: center;color: #fff;margin-top: 25px;}

.oneD{background:url(../img/liyou_bg.jpg) no-repeat center top; height:649px; width:100%; margin-top:50px;overflow: hidden}
/*.liyou{ width:1180px; margin:0 auto;}*/
.oneD .oneD_title{ width:370px; height:57px;margin-top:30px;text-align: right}
.oneD .oneD_nr{overflow: hidden}
.oneD .oneD_tu{ width:516px; height:349px; float:left; margin-top:138px;}
.oneD .oneD_wen{ width:650px; float:right; height:381px;}
.oneD .ly_list{overflow: hidden}
.oneD .ly_list ul li{ text-align:center; background:#333; width:130px; padding:10px; height:100px; float:left; color:#FFF; margin:0 6px;}
.oneD .ly_list ul li  span{ font-size:26px;}
.oneD .ly_list ul li:hover{ background:#018a46;}
.oneD .ly_list ul li:hover,.ly_list ul li.casehover{ background:#018a46; }
.oneD .ly_t{ font-size:30px; font-weight:bold;color: #666}
.oneD .ly_t p{ font-family:arial; font-size:16px;text-transform:uppercase; color:#999;}
.oneD .ly_t span{ color:#018a46;}
.oneD .ly_nr{ margin-top:60px; margin-left:20px;}
.oneD .ly_nr dl{display: none}
.oneD .ly_line{ background:#018a46; height:2px; width:80px;margin-top:20px;}
.oneD .ly_w2{ margin-top:30px; line-height:40px; font-size:18px;color: #666;}

.oneE{width: 100%;  background: url(../img/khal_bg.jpg) no-repeat bottom center;  height:520px;  overflow: hidden;  margin-top: 35px;  overflow: hidden;  }
.oneE .title{margin-top: 0;height: 86px;}
.oneEl { width: 800px; position: relative; height: 740px; overflow: hidden;  }
.oneEl .hd { position: absolute;top: 412px; left: 0; width: 100%; text-align: center; z-index:2; }
.oneEl .hd ul li {  width: 16px;  height: 16px;  background: url(../img/khal_icon_a.jpg) no-repeat;  margin: 0 8px;  display: inline-block;  cursor: pointer;  }
.oneEl .hd ul li:hover, .oneEl .hd ul li.on {  background: url(../img/khal_icon_on.jpg) no-repeat;  }
.oneEl .bd {  width: 800px;  height: 670px;  overflow: hidden;  }
.oneEl .bd ul li {  width: 100%;  }
.oneEl .bd ul li .li_img {  width: 442px;  height: 332px;  margin-top: 62px;  }
.oneEl .bd ul li .li_img img {  width: 442px;  height: 332px;  }
.oneEl .bd ul li .li_wen {  width: 280px;  height: 335px;  margin-top: 140px;  margin-right: 30px;  }
.oneEl .bd ul li .li_wen h3 {  font-size: 16px;  color: #333333;  }
.oneEl .bd ul li .li_wen hr {  width: 90px;  height: 0px;  border-top: 3px solid #666;  margin: 15px 0;  }
.oneEl .bd ul li .li_wen p {  color: #333333;  line-height:32px;  height: 160px;  overflow: hidden;  }
.oneEl .bd ul li .li_wen .more {  text-align: right;  margin-top: 10px;  }
.oneEr {  width: 272px;  height: 667px;  padding: 20px 20px 0 50px;  background: #018a46;  margin-top: 10px;  }
.oneEr h3 {  font-size: 20px;  line-height: 30px;  font-weight: bold;  color: #fff  }
.oneEr p.en {  font-size: 12px;  line-height: 16px;  color: #fff;  }
.oneEr p.cn {  color: #fff;  line-height: 30px;  margin-top: 10px;  margin-bottom: 10px;  }
.oneEr h6 {  font-size: 18px;  color: #fff;  font-weight: bold;  line-height: 26px;  }
.oneEr .more {  width: 126px;  height: 40px;  border: 1px solid #fff;  line-height: 40px;  text-align: center;  color: #fff;  margin-top: 20px;  }
.oneEr .more a {  color: #fff;  display:block; }

.oneF{margin: 20px auto 45px;overflow: hidden}
.oneF .title{overflow: hidden;text-align: left}
.oneF .lc_t a{ font-size:30px; padding:0 5px;}
.oneF .lc_t span{ font-family:arial; text-transform:uppercase;}
.oneF .lc_line{ background:#018a46; height:3px; width:60px; float:left; margin-top:20px;}
.oneF .oneF1{ margin-top:30px;}
.oneF .liucheng_line{ background:#eee; height:1px;}
.oneF .liucheng ul li{ background:url(../img/liucheng_bg.jpg) no-repeat; width:149px; height:202px; display:block; position:relative; float:left; margin:0 9px;}
.oneF .liucheng ul li:hover{ background:url(../img/lc_hover.jpg) no-repeat; width:149px; height:202px; color:#FFF;}
.oneF .cl_t{ color: #fff;  position: absolute;  left: 64px;  top: 47px;  font-size:16px;  }
.oneF .liucheng_tu{  position: absolute;  left: 41px;  top: 94px;  }
.oneF .liucheng_tu img{ width:64px; height:64px;}

.oneG {width: 100%;  background: url(../img/khpj_bg.jpg) no-repeat bottom center;  height:420px;  overflow: hidden;}
.oneG .title{height: 85px;margin-top: 0}
.oneG .bd {  overflow: hidden;  }
.oneG .bd ul {  overflow: hidden;  width:1230px;  }
.oneG .bd ul li {  width: 550px;  overflow: hidden;  float:left;  margin-right: 50px;  }
.oneG .bd ul li .img {  width: 300px;  height: 270px;  float: left;  margin-top: 40px;  position: relative;  background: #fff;  overflow: hidden;  }
.oneG .bd ul li .img img {  width: 100%;  height: 100%;  }
.oneG .bd ul li .wen {  width: 190px;  height: 288px;  margin-top: 40px;  float: right;  margin-right: 20px;  }
.oneG .bd ul li .wen h3 {  font-size: 16px;  color: #fff;  line-height: 70px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  display: block; font-weight: normal}
.oneG .bd ul li .wen h3 a {  color: #fff;  }
.oneG .bd ul li .wen hr {  width: 60px;  height: 0;  border-top: 3px solid #fff;  margin: 20px 0;  }
.oneG .bd ul li .wen p {  line-height: 36px;  color: #fff;  max-height: 140px;  overflow: hidden;  }

/*center_box*/
.oneH{ margin:30px auto;overflow: hidden}
.oneH .changjian_box{ width:540px; float:left;}
.oneH .cj_title{overflow: hidden}
.oneH .cj_t{ width:200px; float:left; font-size:22px;}
.oneH .cj_t a{color: #666}
.oneH .cj_more{ width:50px; float:right; font-weight:bold; margin-top:10px;color: #666}
.oneH #ticker2 {  width: 540px;  height: 360px;  overflow: hidden;  position: relative;  margin:10px auto;  }
.oneH #ticker2 li {  position: relative;  width: 100%;  line-height: 30px;  margin: 5px auto;  border-bottom:1px dashed #CCC;  height:120px;  overflow:hidden;  }
.oneH .wen{ float:left; background:url(../img/q.jpg) no-repeat;padding:0 65px; height:33px;}
.oneH .da{ background:url(../img/a.jpg) no-repeat; height:32px; padding:0 65px;float: left}
/*.oneH .wen a{ color:#333;}
.oneH .wen a:hover{ color:#;}*/
.oneH .cj_line{ background:#eee; height:1px; width:540px; margin-top:20px;}
.oneH .news_box{ width:560px; float:right; height:445px; overflow:hidden;}
.oneH .news_title{overflow: hidden}
.oneH .news_nr{overflow: hidden}
.oneH .news_t{ width:200px; float:left;}
.oneH .news_t ul li{ float:left; width:100px; text-align:center; font-size:22px;}
.oneH .news_t ul li a{color: #666}
.oneH .news_t ul li:hover,.news_t ul li.casehover{ background:#eee;}
.oneH .news_tu{ width:189px; height:146px; float:left;}
.oneH .news_tu img{ width:189px; height:146px;}
.oneH .news_nr{ margin-top:30px;display: none;overflow: hidden}
.oneH .news_wen{ background:#333; padding:20px; width:331px; float:right; height:105px; line-height:30px; color:#fff}
.oneH .news_wen a{ color:#fff;}
.oneH .news_nr1{float: left}
.oneH .news_nr2{ margin-top:20px;float:left;width: 100%}
.oneH .news_nr2 ul li{ line-height:39px; display:block; height:39px; overflow:hidden;}
.oneH .news_nr2 ul li span{ float:right;}
.oneH .r_more{ text-align:right; text-transform:uppercase;}
.oneH .r_more a{ color:#FFF;}
.oneH .news_nr2 ul li a:hover{ color:#018a46;}

.oneI{ background:#eee; height:106px; width:100%; margin-top:50px;}
.oneI .links{ width:1180px; margin:0 auto; text-transform:uppercase; line-height:106px;color: #666}
.oneI .links span{ font-size:30px; font-family:Arial;}

.footer{background-color:#018a46;padding: 70px 0 20px;color: #fff;position: relative}
.foot_logo{ width: 189px;position: absolute; margin-left: 50%;  left: -94.5px;  top: -31px;  text-align: center;  }
.foot1{ margin-right:20px; width:244px;}
.foot1 ul li{ width:100px; height:38px; float:left;}
.foot1 ul li a{color: #fff;}
.foot2{margin-right: 100px;}
.foot2 p,.foot3 p{ line-height:30px;}
.footer p a{color: #fff}


/*========================================= 关于我们 =====================================*/
.slider{width: 100%;height: 320px;overflow: hidden;}
.location{width: 100%;overflow: hidden;line-height: 45px;border-bottom: 1px solid #e6e6e6;color: #999}
.locall{background: url("../img/local.png") no-repeat left;padding-left: 25px;}
.locall a{color: #999}

/*========================================= 产品中心 =====================================*/
.product{overflow: hidden;margin: 40px auto}
.pro_left{width: 250px;float: left;}
.proListTop{height:77px;background: url("../img/proL.png") no-repeat center;background-color: #018a46;
    text-align: center;padding-top: 12px;border-radius: 10px 10px 0 0;}
.proListTop h3{font-size: 22px;font-weight: normal;color: #fff;margin-top: 10px;}
.proListclass1 {  padding: 12px;  background: #018a46;  display: block;  width: 100%;  font-weight: bold;  color: #fff;
    position: relative;  box-sizing: border-box;  overflow: hidden;
}
.proListclass2 {  width: 82%;  color: #fff;  display: inline-block;  font-size: 16px;  margin-left: 5px;
    overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  position: relative;  z-index: 2;
}
.proListclass1:before {  content: "";  position: absolute;  top: -100%;  left: 0%;  width: 100%;  height: 100%;  background: rgba(0, 0, 0, .2);
    -webkit-transition: .5s;  z-index: 1;
}
.proListclass1:hover:before{top: 0}
.proListclass1 i {  position: absolute;  width: 3px;  height: 100%;  top: 0;  left: 3px;  background: #fff;  z-index: 3;  }
.proListclass1 b {  display: inline-block;  width: 25px;  background: url(../img/proIco1.png) no-repeat center;  overflow: hidden;  cursor: pointer;
    padding: 10px 0;  vertical-align: bottom;  transition: all .4s;  transform: rotate(0);  position: relative;  z-index: 2;
}
.proList_classify{background-color: #fafafa;overflow: hidden}
.proList_classify ul li p {  border: 1px solid #dededd;  border-top: 1px solid #fff;  padding-bottom: 10px;  margin-top: 0;  margin-bottom: 0;
}
.proList_classify ul li p a b {  position: absolute;  width: 100%;  height: 35px;  background: #018a46;  left: -108%;
    transition: .5s;  border-radius: 4px;  box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}
.proList_classify ul li p a {  border-bottom: 1px solid #f3f3f3;  width: 94%;  padding-top: 0;  display: block;  margin: 5px;
    padding-bottom: 5px;  position: relative;
}
.proList_classify ul li p a span {  padding: 7px;  width: 90%;  display: block;  position: relative;  z-index: 1;
    transition: .5s ease-in-out;  font-size: 15px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  }
.proList_classify ul li p a:hover b {  left: -7px;  }
.proList_classify ul li p a:hover{color: #fff;}
.proList_classify ul li p a span::before {  width: 2px;  margin-right: 10px;  vertical-align: bottom;  background: #dededd;  content: "";
    display: inline-block;  transition: .5s;  height: 20px;  margin-left: 5px;
}
.prohot{width: 100%;background-color: #fafafa;overflow: hidden;margin-top: 20px;padding: 20px 10px 0;box-sizing: border-box}
.new_hot{width: 100%;background-color: #fafafa;overflow: hidden;margin-top: 20px;padding: 20px 10px;box-sizing: border-box}
.news_nav{text-align: center;font-size: 22px;padding-bottom: 10px;}
.news_nav img{vertical-align: middle;padding-right: 10px;}
.new_hot ul li{line-height: 39px;border-bottom: 1px solid #dededd;padding: 0 10px;transition: .5s;overflow: hidden}
.new_hot ul li a{color: #999;font-size: 15px;}
.new_hot ul li:hover {  transform: translateX(5px);  }
.new_hot ul li:hover a{color: #018a46}
.new_hot ul li i{font-style: normal;display: block;float: left}
.new_hot ul li span{display:block;float:left;width:140px;margin-left:10px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;  }

.proListR{width: 900px;}
.proListRtop{background-color: #f4f4f4;padding: 10px 0}
.proListRtop img{margin-right: 10px;vertical-align: middle}
.proListRtop i{font-size: 16px;padding-left: 20px;font-style: normal;}
.proListRsort {  padding: 15px;  background: #fff;  box-shadow: -6px 8px 15px rgba(0, 0, 0, 0.02);  border: 1px solid #f2f2f2;  border-top: 0;  }
.proListRsort a {  display: inline-block;  margin-right: 20px;  line-height: 30px;  color: #666;  }
.proListRsort a::before {  content: "";  display: inline-block;  width: 5px;  height: 5px;  background: #018a46;  border-radius: 50%;  margin: 3px 7px;  }
.proListCenter ul{overflow: hidden}
.proListCenter ul li{width: 286px;float: left;margin-top: 20px; border: 1px solid #dededd;
    padding: 0 8px;box-sizing: border-box;margin-right: 20px;position: relative}
.proListCenter ul li dd{margin: 8px auto;position: relative}
.proListCenter ul li .pro_img{width: 230px;height: 175px;}
.proListCenter ul li .pro_img img{position: absolute;  top: 0;  left: 0;  max-width: 100%;  max-height: 100%;  right: 0;  bottom: 0;  margin: auto;  }
.proListCenter ul li dt h3{font-weight: normal;color: #4c4c4c;font-size: 16px;border-bottom: 1px solid #dededd;padding: 10px 0}
.proListCenter ul li dt p{padding: 10px 0;text-transform: uppercase;color: #c6c6c6;font-size: 12px;background: url(../img/proMore.png) no-repeat 100% center;}
.proListCenter ul li .pro_img::before {  border-top: 1px solid #fff;  border-bottom: 1px solid #fff;  transform: scale(0, 1);
    position: absolute;  top: 5%;  right: 5%;  bottom: 5%;  left: 5%;  content: '';  opacity: 0;
    transition: opacity .35s, transform .35s;  z-index: 2;  background: url(../img/See.png) no-repeat center;
}
.proListCenter ul li .pro_img::after {  border-right: 1px solid #fff;  border-left: 1px solid #fff;  transform: scale(1, 0);
    position: absolute;  top: 5%;  right: 5%;  bottom: 5%;  left: 5%;  content: '';
    opacity: 0;  transition: opacity .35s, transform .35s;  z-index: 2;
}
.proListCenter ul li:hover .pro_img::before, .proListCenter ul li:hover .pro_img::after {  opacity: 1;  transform: scale(1);  }
.caseListhide {  width: 0%;  height: 0%;  display: block;  top: 50%;  left: 50%;  transition: .8s;
    background: rgba(255, 255, 255, .2) url(../img/See.png) no-repeat center;  position: absolute;  z-index: 1;  -moz-transform: rotateX(90deg);
}
.proListCenter ul li:hover .caseListhide{display: block}
.proListCenter ul li dd::after {content: "";  width: 0%;  height: 0%;  position: absolute;  top: 50%;  left: 50%;  transition: .5s;  border-radius: 3px;  }
.proListCenter ul li:hover dd::after { width: 100%;height: 100%;background: rgba(0, 0, 0, .1);top: 0;left: 0; }
.proListCenter ul li:nth-child(3n){margin-right: 0}
.proListCenter .border-left {  width: 1px;  height: 0px;  background: #018a46;  position: absolute;  top: 0;  left: 0%;  transition: .5s;  }
.proListCenter .border-right {  width: 1px;  height: 0px;  background: #018a46;  position: absolute;  bottom: 0;  right: 0%;  transition: .5s;  }
.proListCenter .border-top {  width: 0px;  height: 1px;  background: #018a46;  position: absolute;  top: 0;  left: 0%;  transition: .5s;  }
.proListCenter .border-bottom {  width: 0px;  height: 1px;  background: #018a46;  position: absolute;  bottom: 0;  right: 0%;  transition: .5s;  }
.proListCenter ul li:hover .border-left {  height: 100%;  }
.proListCenter ul li:hover .border-right {  height: 100%;  }
.proListCenter ul li:hover .border-top {  width: 100%;  }
.proListCenter ul li:hover .border-bottom {  width: 100%;  }

/*========================================= 新闻动态 =====================================*/
.new{overflow: hidden;margin-top: 40px;}
.newl {width: 250px;}
.newl .nav_tit {  background-color: #f8f8f8;  padding: 15px 0;  }
.newl .nav_tit i {  float: left;  width: 30px;  height: 30px;  background-color: #018a46;  margin-right: 5px;  }
.newl .nav_tit h2 {  font-size: 30px;  font-weight: bold;  height: 35px;  line-height: 30px;  color: #018a46;  }
.newl .nav_tit span {  font-size: 16px;  font-weight: bold;  color: #bcbcbc;  text-transform: uppercase;  padding-left: 5px;  }
.newl dl {  margin-bottom: 20px;  border-bottom: 1px solid #e8e8e8;  }
.newl dl dt {  height: 45px;  line-height: 45px;  margin-bottom: -2px;  background-color: #018a46;  background-image: url(../img/ico1.png);
    background-repeat: no-repeat;  background-position: 230px center;  position: relative;
}
.newl dl dt i, .newl dl dd i {  display: block;  width: 16px;  height: 8px;  background-color: #fff;  position: absolute;
    left: 7px;  top: 50%;  margin-top: -4px;
}
.newl dl dt a {  color: #fff;  font-size: 18px;  display: block;  width: 185px;  height: 45px;  line-height: 45px;
    white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  padding-left: 30px;
}
.newl dl .cur i, .newl dl dt:hover i, .newl dl dd:hover i {
    transform: scale(1, 0.2);
}
.side-bar #wjdh-side-hot{background-color: #f8f8f8}
.side-bar #wjdh-side-hot .tempWrap {  margin: auto;  }
.side-bar dl ul li{padding-top: 10px;border-bottom: 1px solid #e9e9e9}
.side-bar dl ul li .img {  width: 210px;  height: 170px;  padding: 4px;  margin: 0 auto;  background-color: #e9e9e9; overflow: hidden }
.side-bar dl ul li .img img{max-width: 100%}
.side-bar dl ul li .title-a {  display: block;  width: 90%;  height: 30px;  line-height: 30px;  margin: 0 auto;
    white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  text-align: center;
}
.side-bar #wjdh-side-hot .hot-btn {  text-align: center;  padding: 10px;  }
.side-bar #wjdh-side-hot span.prev, .side-bar #wjdh-side-hot span.next {  display: inline-block;  _display: inline;  zoom: 1;
    width: 35px;  height: 20px;  margin: 0 5px;  cursor: pointer;
}
.side-bar #wjdh-side-hot span.prev {  background: url(../img/sidebar_left.png);  }
.side-bar #wjdh-side-hot span.next {  background: url(../img/sidebar_right.png);  }

.side-contact .side-contact-phone {  background-color: #018a46;  font-size: 16px;  color: #fff;  background-image: url(../img/phone.png);
    background-position: 20px center;  background-repeat: no-repeat;  padding: 10px 10px 10px 55px;
}
.side-contact .side-contact-phone p {  font-size: 24px;  font-weight: bold;  }
.side-contact .side-contact-adress {  padding: 10px 20px;  background-color: #353537;  background-image: url(../img/adress.png);
    background-position: 20px 10px;  background-repeat: no-repeat;  text-indent: 25px;  color: #cecece;  line-height: 22px;
}
.newr{width: 890px;overflow: hidden}
.newsrr ul{overflow: hidden}
.newsrr ul li{width:100%;height:130px;border-bottom: 1px solid #f4f4f4;margin-bottom: 20px;padding: 10px;box-sizing: border-box}
.newsrr ul li dd{overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.newsrr ul li dt{margin: 10px 0;color: #747474}
.newsrr ul li .more {  float: right;  width: 100px;  height: 22px;  line-height: 22px;  border: 1px solid #333;text-align: center}
.newsrr ul li:hover{background-color: #F8F8F8;transition: all 0.5s ease;}
.newsrr ul li:hover .more{border-color: #01a684}

/*========================================= 客户案例 =====================================*/
.cases_menu{text-align: center;padding: 40px 0;overflow: hidden}
.cases_menu .title {  display: inline;  color: #bbb;  font-size: 24px;  border-bottom: 1px solid #bbb;  text-transform: uppercase; margin-top: 0;  }
.cases_menu .menu-list {  margin-top: 20px;  }
.cases_menu .menu-list span {  _display: inline;  zoom: 1;  display: inline-block;  position: relative;  }
.cases_menu .menu-list span a {  font-size: 16px;  display: block;  width: 150px;  height: 35px;  line-height: 35px;  color: #fff;
    background-color: #333;  text-align: center;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  margin: 10px 20px;
    position: relative;  z-index: 9;
}
.cases_menu .menu-list span:before {  display: block;  content: '';  position: absolute;  left: 50%;  bottom: 10px;  margin-left: -10px;
    width: 0;  height: 0;  border-left: 10px solid transparent;  border-right: 10px solid transparent;  border-top: 10px solid #333;  z-index: 8;
}
.cases_menu .menu-list .cur:before,.cases_menu .menu-list span:hover:before {
    border-top: 10px solid #05a153;  bottom: 0;
}
.cases_menu .menu-list .cur:before,.cases_menu .menu-list span:hover a {  background-color: #05a153;  }
.cases{width: 100%;background-color: #f4f4f4;overflow: hidden;padding: 40px 0}
.wjdh-title {background-color: #fff;padding: 10px;position: relative;padding-bottom: 20px;border-bottom: 1px solid #f4f4f4;}
.wjdh-title .title-box {  padding-bottom: 1px;  border-bottom: 1px solid #ececec;  }
.wjdh-title h3 {  border-bottom: 1px solid #05a153;  color: #05a153;  font-size: 20px;  display: inline;  font-weight: normal;  }
.wjdh-title h3 small {  font-size: 16px;  color: #bcbcbc;  text-transform: uppercase;  }
.case{padding: 0 20px;background-color: #fff;box-sizing: border-box;overflow: hidden}
.caseo ul{overflow: hidden}
.caseo ul li{width: 554px;padding:6px 0;border: 1px solid #e4e4e4;margin-top: 25px;float: left}
.caseo ul li:nth-child(2n){float: right}
.caseo ul li dd{width: 318px;height: 200px;float: left;overflow: hidden}
.caseo ul li dd img{max-width: 100%;min-height: 200px;}
.caseo ul li dt{float: left;margin-left: 20px;}
.caseo ul li dt p{font-size: 16px;margin: 15px 0 20px;}
.caseo ul li dt span{color: #999}
.caseo ul li dt .xq{display: inline-block;width: 80px;line-height: 30px;background-color: #999;text-align: center;
    color: #fff;margin-top: 80px;}
.caseo ul li:hover .xq{background-color: #018a46}
.caseo ul li:hover { border: 1px solid #018a46;box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);}

.abouts{overflow: hidden;background-color: #fff;}
.aboutss ul{overflow: hidden}
.aboutss ul li{padding: 5px;float: left;  width: 272px;  border: 1px solid #e4e4e4;margin: 25px 0 0 18px;box-sizing: border-box}
.aboutss ul li dd{width: 100%;height: 195px;overflow: hidden;background-color: #f4f4f4;position: relative}
.aboutss ul li dd img{height: 195px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto}
.aboutss ul li dt{font-size: 16px; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;text-align: center;padding: 15px 0}
.aboutss ul li:hover{box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); border: 1px solid #018a46;}

/*========================================= 新闻中心 =====================================*/
.news{margin-top: 25px;overflow: hidden}
.news ul li{padding: 20px;border: 1px solid #f2f2f2;background: #fff;margin-bottom:50px;overflow: hidden;}
.news ul li dd{width: 360px;height: 205px;overflow: hidden;float: left}
.news ul li dd img{width:360px;height: 205px;transition: .5s}
.news ul li dt{width: 770px;float: right;}
.news ul li dt h3{font-weight: normal;font-size: 24px;padding: 28px 0}
.news ul li dt span{line-height: 1.8}
.news ul li dt div{margin-top: 24px;}
.news ul li dt div i{color: #959595;font-style: normal;}
.news ul li:hover { box-shadow: 4px 4px 4px #ddd; }
.news ul li:hover dd img{transform: scale(1.2);}

/*========================================= 新闻详情页 =====================================*/
.con{padding: 30px;min-height:400px;overflow: hidden;background-color: #fff;box-sizing: border-box;line-height: 2}
.con_top h3{border-bottom: #e1e3df dashed 1px;line-height: 60px;color: #505050;font-size: 22px;text-align: center}
.con_top .news_author{line-height: 30px;color: #666;text-align: center;border-bottom: #e1e3df dashed 1px;}
.cont{line-height: 2;padding: 30px 0;min-height: 400px;font-size: 16px;color: #666}
.cont img{max-width: 100%}
.view_bot{margin-bottom: 30px;}
.express-lane {  border-bottom: 1px solid #e4e4e4;  margin-top: 20px;  }
.express-lane h3 { padding-left: 30px; font-weight: normal; background-image: url(../img/ico2.png);  background-repeat: no-repeat;  background-position: left bottom;
    border-bottom: 1px solid #e4e4e4;  line-height: 30px;  font-size: 20px;  color: #747474;  text-transform: uppercase;
}
.express-lane .content {  padding: 10px;  }
.express-lane dl {  padding-left: 52px;  background-image: url(../img/ico3.png);  background-repeat: no-repeat;  background-position: 20px 10px;  line-height: 35px;  }
.express-lane dl dt {  font-size: 17px;  color: #747474;  }
.express-lane dl dt, .express-lane dl dd {  display: inline;margin: 0 5px;}
.bottom-contact {  text-align: center;  }
.bottom-contact .tel {  background-image: url(../img/phone2.png);  background-repeat: no-repeat;  background-position: 10px center;  font-size: 16px;  }
.bottom-contact .tel, .bottom-contact .qq {  _display: inline;  display: inline-block;  padding-left: 50px;  text-align: left;  color: #747474;  height: 50px;
    margin: 0 20px;  padding: 20px 0 20px 50px;  cursor: pointer;
}
.bottom-contact .qq {  background-image: url(../img/qq.png);  background-repeat: no-repeat;  background-position: left center;  line-height: 25px;  }
.bottom-contact .tel, .bottom-contact .qq {  _display: inline;  display: inline-block;  padding-left: 50px;  text-align: left;  color: #747474;
    margin: 0 20px;  padding: 20px 0 20px 50px;  cursor: pointer;
}
.bottom-contact .tel p {  font-size: 24px;  font-weight: bold;  position: relative;  }
.relevant {  border: 1px solid #e5e5e5;  }
.relevant .title {  height: 40px;  line-height: 40px;  border-bottom: 1px solid #e5e5e5;  padding: 0 10px;
    overflow: hidden;  text-align: left;  margin-top: 0;
}
.relevant .title h3 {  display: inline;  color: #018a46;  font-size: 18px;  font-weight: bold;  }
.relevant .content {  padding: 10px 20px;  }
.relevant .content ul li { float: left;  width: 320px;  height: 30px;  line-height: 30px;  padding-left: 20px;
    background-image: url(../img/ico4.png);  background-repeat: no-repeat;  background-position: left center;
}
.relevant .content ul li:nth-child(2n){float: right}
.relevant .content ul li a {  color: #676767;  display: block;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  }
.relevant .content ul li:hover {  transform: translateX(10px);  }

/*========================================= 产品详情页 =====================================*/
.content{overflow: hidden;padding: 40px 0;}
.show{border: 18px solid #f4f4f4;  padding: 22px;  background-color: #fff;width: 820px;}
.showA{overflow: hidden}
.showA1{width: 400px;height: 300px;border: 1px solid #ececec;}
.showA1 img{max-width: 100%}
.showA2{width: 380px;border: 1px solid #ececec}
.showA2 h3{text-align: center;border-bottom: 1px solid #ececec;line-height: 50px;color: #018a46;font-size: 18px;}
.showA2 .text{padding: 20px;  color: #666;  line-height: 1.8;  height: 147px;  overflow: hidden;  border-bottom: 1px solid #ececec;  font-size: 16px;}
.showA2 .lb{  overflow: hidden;  padding: 20px; color: #018a46 }
.line{width: 100%;  height: 7px;  background-image: url(../img/bg1.jpg);  margin: 30px 0 10px;}

/*========================================= 联系我们 =====================================*/
 #map{width: 100%;height: 485px;border-top: 1px solid #d4d4d4}