body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{ font:12px/1.5 '\5FAE\8F6F\96C5\9ED1',arial,'Microsoft YaHei'; color:#333; -webkit-text-size-adjust: none; }
img{vertical-align: middle; border:none;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle; outline:none; font-family:'arial';}
a{ color:#333; text-decoration:none; blr:expression(this.onFocus=this.blur());  }
a:focus {outline: 0 none;}
h1,h2,h3,h4{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea{font-family:"\5FAE\8F6F\96C5\9ED1",arial,'Hiragino Sans GB';}
.clearfix:after{ content:""; clear:both; height:0; display:block; visibility:hidden; }
.clearfix{*zoom:1;}
.btn{ border: none; cursor: pointer;}
html,body{ width: 100%; }
li{ list-style:none;}
em,i{ font-style: normal; }
.box{ width: 1200px; margin: 0 auto }
.wrap {width: 1200px; margin: auto; }
.wrap, a, .headbox, .nav li a:before, .logo, .logo img, .nav li,.nav li:before,.prod-ul li,.news-indlist-item,.prods-img img,.tobtn,.newss-head,.newssimg:before,.partimg:before,.partimg img,.prods-h{ -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
/* head */
.sage{ text-align: center; }
.sage-hd{
  font-size: 26px;
  color: #64c5be;
  margin: 50px 0;
}
.active{ display: block; }
/*网站地图*/
.hnrt{ text-align: center; margin-bottom: 30px;}
.dlboxs{margin-bottom: 25px;}
.dlboxs .dl { padding: 20px 15px; border-bottom: 1px solid #d1d1d1; }
.dlboxs .dl dt { font-size: 18px; color: #373636; margin-bottom: 10px; }
.dlboxs .dl dd { font-size: 14px; color: #373636; }
.dlboxs .dl dd a { float: left; margin-right: 20px; line-height: 30px; }
.sage-items {display: inline-block; width: 60%; text-align: left; margin-bottom: 25px; line-height: 31px; }
.form-sp { display: inline-block; width: 98px; font-size: 16px; color: #666; text-align: right; }
.mb-inp { width: 275px; height: 32px; padding: 0 10px; border: 1px solid #d6d6d6; background: rgba(255, 255, 255, 0); }
.mb-bt, .tA { width: 520px; padding: 0 10px; border: 1px solid #d6d6d6; }
.tA { padding: 10px 10px; min-height: 95px; background: rgba(255, 255, 255, 0); }
.mb-yz { width: 190px; margin-right: 25px; }
.tobtn { display: block; width: 130px; height: 34px; line-height: 32px; margin-left: 220px; color: #fff; border: 1px solid #999; background: #999; }
.tobtn:hover { color: #fff; background: #64c5be; border: 1px solid #64c5be; }

.head{ background: #fff; }
.indexbox{ width: 1440px; margin: 0 auto }
/*//*/
.pad{
  padding: 50px 0;
}
.banner img{
  max-width: 100%;
}
.prod-head{
  text-align: center;
  color: #444;
  margin-bottom: 35px;
}
.h2{
  font-size: 30px;
  line-height: 36px;
}
.prod-hd-txt{
  font-size: 16px;
  line-height: 36px;
  padding-top: 15px;
}
.prod-ul { width: 1250px; margin-right: -15px; }
.owl-carousel .owl-stage-outer{ padding: 15px 0; }
.prod-ul li{
  float: left;
  width: 358px;
  height: 342px;
  padding: 10px;
  margin:0 15px;
  border: 1px solid #e7e7e7;
}
.prod-img{
  width: 100%;
  height: 224px;
}
.prod-h{
  font-size: 20px;
  line-height: 36px;
  position: relative;
  text-align: center;
  margin-bottom: 15px;
}
.prod-h:before,.prod-h:after{
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 219px;
  height: 1px;
  margin-left: -110px;
  background: #cecece;
  content: "";
}
.prod-h:after{
  width: 56px;
  height: 2px;
  margin-left: -28px;
  background: #7b7b7b;
}
.prod-ps{
  font-size: 14px;
  color: #4c4c4c;
  line-height: 22px;
}
.prod-ul li:hover{
  box-shadow: 0 0 20px rgba(186,186,186,0.7);
}
.prod-ul li a:hover .prod-h{color: #e52129;}
.more{
  display: block;
  margin:28px auto 0;
  width: 216px;
  height: 46px;
  text-align: center;
  line-height: 46px;
  color: #fff;
  border-radius: 5px;
  background: #999;
  border: 1px solid #999;
}
.more:hover{
  color: #fff;
  background: #64c5be;
  border: 1px solid #64c5be;
}

.owl-buttons{
  position: absolute;
  top: 0;
  width: 100%;
}
.owl-next, .owl-prev { position: absolute; top: 38%; width: 34px; height: 67px; text-indent: -9999px; background: url(../images/left_23.png) no-repeat 0 0; }
.owl-next {  right: -60px; background-image: url(../images/right_26.png); }
.owl-prev {left:-55px; }

/**/
h1{ float: left;  line-height: 140px;}
.head_inner{ float: right; }
.head_tit{ font-size: 16px; height: 140px; line-height: 140px; float: left; }
.mailbox{ float: left; padding-top: 60px; line-height: 20px; margin:0 10px 0 50px;}
.lan{ float: left; padding-top: 60px; }
.lan a{ display: block;  transition: all 0.5s ease 0s;float: left; height: 20px; line-height: 20px; font-size:18px; padding:0 14px;background: url(../images/head2.png) left center no-repeat;    }
.lan a:hover{ color: #1cb786; transition: all 0.5s ease 0s; }
.head_bttom{ background: #64c5be; height:60px;  }
.nav_ul{ float: left; width: 1200px; }
.nav_ul li{ float: left; width: 14.28%; padding: 0 5px; box-sizing: border-box; }
.nav_ul li a{ display: block; font-size:18px; line-height: 60px;height: 60px; overflow: hidden; text-align: center; color:#fff;  transition: all 0.5s ease 0s;  }
.nav_ul li a:hover{ background: #1cb786; transition: all 0.5s ease 0s; }
.search{ float: right; padding-top: 11px; width: 198px; }
.search_txt{ display: block; float: left; height:37px; font-size: 16px; color: #64c5be; line-height: 37px; border: none; background: #fff; border-radius: 5px 0 0 5px; padding: 0 10px 0 20px; width: 138px; box-sizing: border-box;  }
.search_sub{ float: left; width:60px; border: none; height: 37px; line-height: 37px; border-radius: 0 5px 5px 0; cursor: pointer; background:#1cb786 url(../images/head3.png) center center no-repeat; }

/* index */
.indexflexslider {position: relative;width: 100%;height:auto; overflow: hidden;  text-align: center;  }
.indexflexslider .slides li .banner_img{ width: 100%; height: auto;  }
.indexflexslider .slides li { position:relative; width:100%; height:auto; float: left; }
.indexflexslider .slides {width:100%; height:auto;}
.flex-control-nav { position: absolute; z-index: 99; left: 0; bottom: 52px; width: 100%; text-align:center;} 
.indexflexslider .flex-direction-nav{ display: none; }
.flex-control-nav li{ display: inline-block; margin: 0 10px; }
.flex-control-nav li a{background:#fff; border: 1px solid #3df098; display: block; transition: all 0.5s ease 0s; font-size: 0; border-radius: 14px; width: 14px; height: 14px;}
.flex-control-nav li a.flex-active{background:#3df098; border: 1px solid #fff;  transition: all 0.5s ease 0s;}
 
.move{background: url(../images/indexbj.jpg) left top repeat-x; padding: 80px 0; }
.us{background: url(../images/us.jpg) left top no-repeat; width: 1440px; height: 597px; margin: 0 auto}
.index_tit{ text-align: center; padding-top: 80px; }
.tit_cn{ display: block; font-size: 30px; color: #fff; height: 40px; line-height: 40px; }
.tit_line{ display: block;background: url(../images/tit.png) left top no-repeat; width: 140px; height: 23px; margin: 0 auto }
.tit_en{ display: block; font-size:26px; line-height: 26px; color: #fff; text-transform: uppercase; font-size: 14px; letter-spacing:6px }
.us_tit{ text-align: center; font-size: 26px;  color: #fff; line-height:20px;  /*padding: 50px 0;*/ }
.us_zi{ text-align: center; padding: 0 274px; font-size: 16px; color: #fff; line-height:30px; margin-bottom: 50px;  }
.us_see{ display: block; font-size: 16px; text-align: center; width:250px; height: 50px; transition: all 0.5s ease 0s; line-height: 50px; background: #ffffff; border-radius: 5px; margin: 0 auto; color: #1e9972  }
.us_see:hover{ padding: 0 20px; background:#1e9972; color: #fff; transition: all 0.5s ease 0s; }

.utilize_tit .tit_cn{ color: #333; }
.utilize_tit .tit_en{ color: #355269; }
.uti{ padding:50px 0 0 0;  }
.uti_ul li{ width: 16.6%; float: left; position: relative; overflow: hidden; }
.uti_hover{ position: absolute; left: 0; top: 100px; width: 100%; height:243px; overflow: hidden; z-index: 999;  transition: all 0.5s ease 0s;}
.uti_hover:hover{ position: absolute; left: 0; top: 0; width: 100%; height:243px; overflow: hidden; z-index: 999;  transition: all 0.5s ease 0s;}
.uti_pic{ display: block; width: 65px;transition: all 0.5s ease 0s;  height: 65px; margin: 84px auto 36px; }
.uti_zi{ height: 150px; line-height: 30px;transition: all 0.8s ease 0s; overflow: hidden; color: #fff; padding:50px 26px 0;  font-size:14px; margin-bottom: 28px;   }
.uti_tit{ display: block; height:42px; line-height: 42px; margin-bottom: 34px; text-align: center; overflow: hidden; padding: 0 26px; font-size: 24px; color: #fff;  }
.uti_see{ display: block; font-size: 16px; color: #fff; height: 36px; line-height: 36px; text-align: center; }
.uti_ul li:after{position: absolute; transition: all 0.5s ease 0s; left: 0; bottom: 0; width: 100%; height: 0;background: url(../images/utibj.png) left top repeat; content: '';}
.uti_ul li:hover:after{height: 100%; transition: all 0.5s ease 0s;}
.uti_ul li:hover .uti_hover{ height: 100%; transition: all 0.5s ease 0s; }
.uti_ul li:hover .uti_zi{ transition: all 0.8s ease 0s; padding-top: 0; }
.uti_ul li:hover .uti_pic{ transform: rotate(360deg); transition: all 0.5s ease 0s; }



.ind_div{ margin: 0 0 15px -38px; padding-top: 40px; }
.ind_dl{ float: left; margin: 0 0 40px 38px; width:701px; height:191px; overflow: hidden;   }
.ind_dl dt{ float: left; width: 280px; height: 191px; overflow: hidden; margin-right: 20px; }
.ind_dl dt img{ width: 280px; height: 191px; overflow: hidden;transition: all 1s ease 0s;}
.ind_dl dt:hover img{ transition: all 1s ease 0s; transform: scale(1.1); }
.ind_dl dd{ float: left; width:365px;  }
.ind_tit{ display: block; font-size: 20px; height:66px; line-height: 66px; overflow: hidden; transition: all 0.5s ease 0s; }
.ind_tit:hover{ color:#1e9972; transition: all 0.5s ease 0s;}
.ind_zi{ height:48px; line-height: 24px; overflow: hidden; font-size: 14px; margin-bottom: 18px; }
.ind_see{ display: block; height:60px; line-height: 60px; overflow: hidden; font-size:18px; color: #1e9972;   }
.ind_more{ font-size: 16px; display: block;transition: all 0.5s ease 0s; text-align: center; color: #fff; width:242px; height: 48px; line-height: 48px; background: #1e9972; border: 1px solid #1e9972; margin: 0 auto 80px; border-radius: 5px;  }
.ind_more:hover,.ener_more:hover{ transition: all 0.5s ease 0s; padding: 0 20px; }
.energy{background: url(../images/indexbj1.jpg) center top no-repeat; height: 771px;}
.energy_div{ position: relative; height: 414px; margin-bottom: 50px; }
.energytit{ margin-bottom: 30px; }
.energy_scroll{ width:1300px; height: 414px; overflow: hidden; position: absolute; left:50%; top: 0; margin-left: -650px; }
.ener_ul{ width: 10000px; }
.ener_ul li{ float: left; margin-right:20px; width: 310px;  }
.ener_div{ width: 310px; height:351px; overflow: hidden; position: relative;  }
.ener_div img{ width: 310px; height:351px; overflow: hidden; transition: all 1s ease 0s;}
.ener_inner{ position: absolute; left: 0; bottom: 14px; width: 100%; padding: 0 30px; box-sizing: border-box; }
.ener_tit{ font-size: 16px; color: #fff;display: block; height:30px; line-height: 30px; overflow: hidden;  }
.ener_job{ display: block; font-size: 16px; color: #fff; height:30px; line-height: 30px; overflow: hidden;   }
.ener_wrap{ height: 60px;transition: all 0.5s ease 0s; line-height: 60px; text-indent: 30px; font-size: 16px; overflow: hidden; background: #fff; }
.ener_left{ display: block; position: absolute; left: 0; top: 50%; margin-top: -40px; width:40px;transition: all 0.5s ease 0s; height: 80px; border-radius: 5px;background:#fff url(../images/ener_left.png) center center no-repeat;  }
.ener_right{ display: block; position: absolute; right: 0; top: 50%;margin-top: -40px; width:40px; transition: all 0.5s ease 0s;height: 80px; border-radius: 5px;background:#fff url(../images/ener_right.png) center center no-repeat;  }
.ener_left:hover{ background:#1e9972 url(../images/ener_left1.png) center center no-repeat; transition: all 0.5s ease 0s;  }
.ener_right:hover{background:#1e9972 url(../images/ener_right1.png) center center no-repeat; transition: all 0.5s ease 0s; }
.ener_more{font-size: 16px; display: block;transition: all 0.5s ease 0s; text-align: center; color: #fff; width:242px; height: 48px; line-height: 48px; background: #1e9972; border: 1px solid #1e9972; margin: 0 auto 80px; border-radius: 5px; }
.ener_ul li:hover .ener_div img{ transition: all 1s ease 0s; transform: scale(1.1); }
.ener_ul li:hover .ener_wrap{ background: #1e9972; color: #fff; transition: all 0.5s ease 0s}
.foot{ background: #3d424c; padding: 0 0 12px 0; }
.foot_top{ padding:50px 0 0 0;  }
.foot_div{ float: left; width:1041px;  }
.foot_nav{ float: left; width: 16.6%; }
.foot_tit{  height:60px; line-height: 60px; margin-bottom: 15px; font-size: 18px; color: #fff; border-bottom: 1px solid #fff; position: relative;  }
.foot_line{ width: 25px; height: 3px; background: #fff; position: absolute; left: 0; bottom: -2px; display: block; }
.foot_nav a{ display: block; font-size: 14px; color: #fff; height:30px; line-height: 30px; overflow: hidden; transition: all 0.5s ease 0s; }
.foot_nav a:hover,.link_ul li a:hover{ color:#1e9972; transition: all 0.5s ease 0s;  }
.foot_cont{ float: left; width:399px; margin-left: -5px;  }
.foot_cont .foot_tit img{ margin-right:20px;  }
.cont_i{ height:50px; line-height: 50px; overflow: hidden; color: #fff; font-size: 14px;  }
.cont_i img{ margin-right:10px;  }
.kage{ float: left; padding-top: 82px; }
.link{ height:34px; overflow: hidden;  }
.link_tit{ font-size: 14px; color: #fff; float: left; height: 34px; line-height: 34px; width:64px;  }
.link_ul{ float: left; height: 34px; overflow: hidden; }
.link_ul li{ float: left; margin-left:16px;  }
.link_ul li a{ font-size: 14px; display: block; color: #fff; height: 34px; line-height: 34px; transition: all 0.5s ease 0s; }
.kage_inner{ height:30px; line-height: 30px; overflow: hidden; color: #c4c5c6; font-size: 14px;  }
.kage_inner a{ color: #c4c5c6; font-size: 14px; transition: all 0.5s ease 0s; margin:0 6px; }
.kage_inner a:hover{ color: #1e9972; transition: all 0.5s ease 0s; }
.in{ float: right; }
.share{ float: left; margin-right:48px; padding-top: 115px; }
.share a{ display: block; float: left; height: 30px; line-height: 30px; margin-left:24px;  }
.what{ float: left; }
.what_i{ width:120px; height: 120px; overflow: hidden; display: block;  }
.what_i img{ width:120px; height: 120px; overflow: hidden; }
.what_tit{ font-size: 14px; color: #fff; height:30px; line-height: 30px; text-align: center; overflow: hidden;display: block;  }

.begin .indexbox{ width: 1340px; }
.begin .nav_ul{ width: 1120px; }
.begin .nav_ul li a{ font-size: 16px; }
.begin .us{ width: 1340px; }
.begin .uti_tit{  font-size: 18px; }
.begin .ind_dl{ width: 660px; margin-left: 20px; }
.begin .ind_div{ margin-left: -20px; }
.begin .ind_dl dd{ width: 349px; }
.begin .ener_left{ left:20px; margin-top: -65px; }
.begin .ener_right{ right: 20px; margin-top: -65px; }
.begin .foot_div{ width: 946px; }
/*轮播图*/
.slide-img {width: 100%; overflow: hidden; position: relative; }
.slide-b li { height:612px; }
.slide-img .flex-control-nav { position: absolute; bottom:10px; left: 0; width: 100%; text-align: center; overflow: hidden; z-index: 99; }
.slide-img .flex-control-nav li { display: inline-block; text-indent: -9999px; margin:0 5px; border-radius: 20px; overflow: hidden; }
.slide-img .flex-control-nav li a { display: block; width: 40px; height: 4px; font-size: 0; text-indent: -9999px; cursor: pointer; background: #8f979e; }
.slide-img .flex-control-nav li .flex-active { background: #fff; }
.flex-direction-nav { display: none; }
/***/
/*关于*/
/*产品*/
.main-nav{
  height: 53px;
  background: #64c5be;
}
.prods-nav{
  border-left: 1px solid rgba(19,65,93,0.4);}
.prods-nav li{
  float: left;
  width: 140px;
  height: 53px;
  font-size: 16px;
  line-height: 53px;
  text-align: center;
  border-right: 1px solid rgba(19,65,93,0.4);
}
.prods-nav li a{ display: block; height: 100%; color: #fff;}
.prods-nav li.porshow,.prods-nav li:hover{
  background: #1cb786;
}
.prods-rnav{
  line-height: 55px;
  color: #fff;
  padding-left: 24px;
  background: url(../images/home_05.png) no-repeat 0 center;
}
.prods-rnav a{
  color: #fff;
}
.prods-rnav a:hover{ color: #cacaca;}

.prods-list{ margin-right: -24px;}
.prods-list li{
  float: left;
  width: 281px;
  height: 267px;
  margin-bottom: 44px;
  margin-right: 24px;
}
.prods-img{
  width: 279px;
  height: 218px;
  overflow: hidden;
  border: 1px solid #e7e7e7;
}
.prods-img img{ max-height: 100%; max-width: 100%;}
.prods-h{
  font-size: 16px;
  text-align: center;
  line-height: 47px;
  background: #f2f2f2;
}

.prods-list li:hover img{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
.prods-list li:hover .prods-h{ color: #fff; background: #64c5be;}

.paging{
  text-align: center;
}
.pag-item{
  display: inline-block;
  margin: 0 2px;
  padding: 8px 12px;
  font-size: 15px;
  border: 1px solid #ccc;
}
.pagclr,.pag-item:hover{
  color: #fff;
  background: #64c5be;
}

.infobg{
  background: #fafafa;
}
.article,.list{
  padding: 28px 22px;
  background: #fff;
}
.fl { float: left; }
.fr { float: right; }
/*//新闻*/
.news .pad{ padding-top: 0;}
.news-indlist{ margin-right: -30px;}
.news-indlist-item{
  float: left;
  width: 553px;
  height: 147px;
  padding: 26px 15px 20px;
  margin-right:30px;
  margin-bottom: 30px;
  border: 1px solid #eaeaea;
}
.news-indlist-item:hover{
  transform: translate(0,-5px);
  -webkit-transform: translate(0,-5px);
  -moz-transform: translate(0,-5px);
  -o-transform: translate(0,-5px);
  -ms-transform: translate(0,-5px);
  box-shadow: 0 0 15px rgba(149,149,149,0.7);
}
.news-item-h3{
  font-size: 20px;
  line-height: 36px;
  color: #444;
}
.news-item-h3 a:hover{
  color: #e62128;
}
.news-timer{
  font-size: 16px;
  line-height: 36px;
  color: #999;
}
.news-item-txt{
  font-size: 14px;
  line-height: 26px;
}
/*走进天海*/
.abt-atc{
  padding: 0;
}
.box-list{
  margin-top:60px;
  margin-bottom:30px;
}
.box-items{
  float: left;
  text-align: center;
  margin-right: 21px;
  line-height: 55px;
  font-size: 16px;
}

.newsslist{ padding-bottom: 50px;}
.newss-head{
  padding: 13px 16px;
  margin-bottom: 18px;
  background: #fff;
}
.newss-head:hover{
  transform: translate(0,-5px);
  -webkit-transform: translate(0,-5px);
  -moz-transform: translate(0,-5px);
  -o-transform: translate(0,-5px);
  -ms-transform: translate(0,-5px);
  box-shadow: 0 0 15px #dedede;
}
.newssimg{
  float: left;
  width: 267px;
  height: 178px;
  overflow: hidden;
  margin-right: 40px;
  position: relative;
}
.newssimg:before{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0);
  content: "";
}
.newssimg:hover:before{
  background: rgba(0,0,0,0.5);
}
.newss-hd-h3{
  display: inline-block;
  font-size: 16px;
  color:#4c4c4c;
  padding: 0 14px;
  margin: 22px 0;
  position: relative;
}
.newss-hd-h3:before{
  position: absolute;
  top: 2px;
  left: 0;
  width: 4px;
  height: 15px;
  background: #757575;
  content: "";
}
.newss-hd-txt{
  font-size: 14px;
  line-height: 24px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.newss-hd-more{
  margin-top: 35px;
}

.newss-list{ margin-bottom: 50px;}
.newss-list li{
  line-height: 42px;
  padding: 0 7px;
  margin-bottom: 18px;
  border-bottom: 1px dotted #dadada;
}
.newss-link{
  float: left;
  width: 80%;
  padding-left: 10px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  position: relative;
}
.newss-link:before{
  position: absolute;
  top:18px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #696969;
  content: "";
}
.newss-list li:hover .newss-link{
  transform: translate(5px,0);
  -webkit-transform: translate(5px,0);
  -moz-transform: translate(5px,0);
  -o-transform: translate(5px,0);
  -ms-transform: translate(5px,0);
}

.newss-timer{ float: right;}

.new-info-head{
  text-align: center;
  margin-bottom: 25px;
}
.new-info-head h3{
  font-size: 18px;
  padding: 25px 20px;
}
.newss-morebox{
  text-align: right;
  margin: 50px 0;
}
.newss-msg{
  height: 33px;
  font-size: 12px;
  line-height: 33px;
  color: #9a9a9a;
  background: url(../images/news_04.png) no-repeat top center;
}
.news-mores{
  display: inline-block;
  width: 101px;
  height: 32px;
  color: #fff;
  text-align: center;
  line-height: 32px;
  border-radius: 5px;
  background: #b4b4b4;
  border: 1px solid #b4b4b4;
}
.news-mores:hover{
  background: none;
  border: 1px solid #b4b4b4;
}

.article,.list{
  padding: 28px 22px;
  background: #fff;
}
/*招聘*/
.gagedlbox { padding: 0 16px; }
.gagedlbox .box{padding-top: 0;}
.gagedl { margin-bottom: 10px; }
.dtdl{ margin-bottom: 18px; }
.dtdl dt, .ddhead { margin: 0 30px; height: 48px; line-height: 48px; color: #fff; background: #858585; }
.dtsp { float: left; width: 20%; font-size: 16px; text-align: center; }
.ddhead .dtsp { font-size: 14px; }
.dtbtn { display: block; width: 97px; height: 34px;line-height: 34px; text-align: center; margin: 4px auto 0; background: #b0afaf; color: #fff; }
.dtbtn:hover, .gage-dlshow .dtbtn { color: #fff; background: #64c5be; }
.dlitem{ margin-bottom: 30px; }
.ddhead { color: #333; background: none; border-bottom: 1px solid #e1e1e1; height: 44px; line-height: 44px;}
.ddbox { display: none; padding: 30px 88px; }
.ddbox .nmore { float: right; width: 97px; height: 34px; background: #999; text-align: center; line-height: 34px; color: #fff;}
.ddbox .nmore:hover{ color: #fff; background: #64c5be;}
.dtsp1{
  width: 14%;
  text-align: left;
  padding-left: 60px;
}
.active{ display: block; }
/*产品*/
.main-nav{
  height: 53px;
  background: #64c5be;
}
.prods-nav{
  border-left: 1px solid rgba(19,65,93,0.4);}
.prods-nav li{
  float: left;
  width: 140px;
  height: 53px;
  font-size: 16px;
  line-height: 53px;
  text-align: center;
  border-right: 1px solid rgba(19,65,93,0.4);
}
.prods-nav li a{ display: block; height: 100%; color: #fff;}
.prods-nav li.porshow,.prods-nav li:hover{
  background: #1cb786;
}
.prods-rnav{
  line-height: 55px;
  color: #fff;
  padding-left: 24px;
  background: url(../images/home_05.png) no-repeat 0 center;
}
.prods-rnav a{
  color: #fff;
}
.prods-rnav a:hover{ color: #cacaca;}

.prods-list{ margin-right: -24px;}
.prods-list li{
  float: left;
  width: 281px;
  height: 267px;
  margin-bottom: 44px;
  margin-right: 24px;
}
.prods-img{
  width: 279px;
  height: 218px;
  overflow: hidden;
  border: 1px solid #e7e7e7;
}
.prods-img img{ max-height: 100%; max-width: 100%;}
.prods-h{
  font-size: 16px;
  text-align: center;
  line-height: 47px;
  background: #f2f2f2;
}

.prods-list li:hover img{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
.prods-list li:hover .prods-h{ color: #fff; background: #64c5be;}

.paging{
  text-align: center;
}
.pag-item{
  display: inline-block;
  margin: 0 2px;
  padding: 8px 12px;
  font-size: 15px;
  border: 1px solid #ccc;
}
.pagclr,.pag-item:hover{
  color: #fff;
  background: #64c5be;
}

.infobg{
  background: #fafafa;
}
.article,.list{
  padding: 28px 22px;
  background: #fff;
}