*,html,body{padding:0; margin:0; font-size:14px; font-family: "microsoft yahei", "微软雅黑", Tahoma, Helvetica, Arial, sans-serif;outline: none;}
a{ transition: all 0.25s linear;}
a,a:hover,a:active,a:focus{text-decoration:none;color:#444;outline: none; word-wrap:break-word;/*英文换行*/}
a:hover {color:#009966;-webkit-transition: all 400ms;transition: all 400ms;}
i{font-style:normal;}
ul,li{list-style:none;}
img {transition: all 0.5s;overflow:hidden;}
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}
.clear { display: block; height: 0; overflow: hidden; clear: both;}
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
.w1200{width:1200px; margin:0 auto; overflow:hidden;}
.mt15{margin-top:15px;}
.pb50{padding-bottom:50px;}
.grey{background:#f4f4f4;}
.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    box-shadow: 0 0 10px #aaa;
}
.bg{background:#F0F0F0; padding:30px 0;}

/* 阿里图标 unicode引用 */
@font-face {
  font-family: 'iconfont';  /* project id 1250254 */
  src: url('//at.alicdn.com/t/font_1250254_fqfligvzziq.eot');
  src: url('//at.alicdn.com/t/font_1250254_fqfligvzziq.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1250254_fqfligvzziq.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1250254_fqfligvzziq.woff') format('woff'),
  url('//at.alicdn.com/t/font_1250254_fqfligvzziq.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1250254_fqfligvzziq.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

/* 头部 */
.head{
    width: 100%;
    background: #fff;
    overflow:hidden;
}
.logo img{height:71px;margin-top:15px; margin-bottom:13px;}

/* 导航菜单 */
.menu{overflow:hidden; margin-top:30px;}
.menu li{
    float: left;
    margin-left: 37px;
}
.menu li a {
    display: block;
    font-size: 15px;
    text-align: center;
}
.menu li a:hover,.menu li a:hover em{color:#019968;transition: all 400ms;}
.menu li a em {
    font-size: 13px;
    line-height:21px;
    display: block;
    color: #aaa;
    font-family: Arial;
    font-style: normal;
    text-transform:capitalize;
}
.headtop{margin-top:99px;}

/* 大图轮播 */
.swiper-container-1 .swiper-pagination-bullet { background:#fff; width:8px; height:8px; opacity:1; }
.swiper-container-1 img{width:100% !important;}
.swiper-container-1 .swiper-pagination-bullet-active { width:30px; background:#fff; border-radius:30px; }
.swiper-container-1>.swiper-pagination-bullets{ bottom:28px !important; }

/* 首页 版块标题 */
.indtit{
    padding:50px 0;
    text-align: center;
}
.indtit h2{
    font-size: 38px;
    color: #333;
    display: block;
    line-height:50px;
}
.indtit p{
    height:50px;
    line-height:50px;
    display: block;
    font-weight: normal;
}
.indtit p span{padding:0 10px;font-size: 18px; color:#555;}
.indtit p:before,.indtit p:after{
    content:"";
    width: 100px;
    height: 1px;
    background:#d5d5d5;
    display:inline-table;
    vertical-align:middle;
}
.indtit p.red span{color:#ff0000;}
.indtit p.red:before,.indtit p.red:after{background:#ff0000;}

/* 首页 关于我们 */
.about{
    font-size: 14px;
    margin-bottom:27px;
    line-height: 24px;
    text-align:center;
    color:#444;
}
.about_num{overflow:hidden;text-align:center;}
.about_num li{
    width: 25%;
    height: 94px;
    border-right: 1px solid #dcdcdc;
    box-sizing: border-box;
    float: left;
    display: inline;
    padding-top: 6px;
}
.about_num li:nth-child(4) {
    border-right: 0;
}
.about_num li h3 {
    font-size: 60px;
    line-height: 60px;
    font-family: Century Gothic,Arial;
    font-weight: normal;
    color: #333;
}
.about_num li p {
    font-size: 14px;
    color: #666;
}
.about_more a{
    display: block;
    width: 184px;
    height: 44px;
    line-height:44px;
    margin: 42px auto 0;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border-radius: 48px;
    background: #019968;
    border:2px solid #019968;
}
.about_more a:hover{
    background: #fff;
    color: #019968;
}

/* 首页 业务领域 */
.yewu{height:174px;}
.yewu li{width:200px;color: #397050;text-align: center;float: left;cursor: pointer;position: relative;}
.yewu li i{font-size:50px;width:50px; height:50px; padding:35px; border:2px solid #397050; border-radius: 50%; display: block;position: relative;z-index: 1;color:#397050;text-align: center; margin:0 auto;}
.yewu li p{font-size: 18px;font-weight: bold;color:#397050; line-height:50px;}
.yewu li:hover i{color: #fff; padding:37px; border:none;}
.yewu li:hover p{color:#019968;}
.yewu li i:after{pointer-events: none;position: absolute;width: 100%;height: 100%;border-radius: 50%;content: '';-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;top: 0;left: 0;z-index:-1;background: #019968;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s;}
.yewu li i:after{-webkit-transform: scale(1.3);-moz-transform: scale(1.3);-ms-transform: scale(1.3);transform: scale(1.3);opacity: 0;}
.yewu li:hover i:after{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}

/* 首页 水务项目服务 */
.service{overflow: hidden;}
.service li{float: left;width: 298px;height:280px;margin-left: 2px;overflow: hidden;}
.service li:first-child{margin-left: 0;}
.service li a{display: block;position: relative;overflow: hidden;width: 298px;height: 280px;}
/* .service li:hover img{transform: scale(1.05);border-color: transparent;} */
@-webkit-keyframes btnRotate-ys {
0% {
    -webkit-transform: rotateY(0deg);
   }
100% {
    -webkit-transform: rotateY(180deg);
    }
}
.service li:hover a{-webkit-animation: btnRotate-ys 0.4s linear 1;
  animation: btnRotate-ys 0.4s linear 1;}
.service li a img{display: block;position: absolute;z-index: 1;top: 0;left: 0;}
.service li a span{line-height: 80px;position: absolute;bottom: 0px;display: block;width: 100%;height:80px;left: 0;text-align: center;z-index: 3;color: #fff;font-size: 18px;font-weight: bold;transition: all .3s linear;}
.service li a span i{font-weight: 100; font-size:16px;}
.service li a em{position: absolute;bottom: 0px;display: block;width: 100%;height:80px;left: 0;text-align: center;background: #009966;opacity: 0.8;filter: alpha(opacity=80);z-index: 2;transition: all .3s linear;}

/* 首页 工程案例 */
.case{width:1200px;position:relative;}
.swiper-container-2{width:1098px;background:#fff;}
.swiper-container-2 .swiper-slide .p{float:left; width:415px; height:266px; overflow:hidden;}
.swiper-container-2 .swiper-slide .p a:hover img{transform:scale(1.04);}
.swiper-container-2 .swiper-slide .t{float:left;width:683px;box-sizing:border-box;padding:60px 36px 0 42px;}
.swiper-container-2 .swiper-slide .t h3 a{font-size:16px;font-weight:normal;}
.swiper-container-2 .swiper-slide .t h3 a:hover{padding-left:10px;}
.swiper-container-2 .swiper-slide .t .i{line-height:22px;padding:18px 0; font-size:12px; color:#444;}
.more{font-size:14px;}
.more a{color: #099d6b;background:url(../wyimages/more.png) right center no-repeat;padding-right:30px;}
.more a:hover{background:url(../wyimages/more.png) right -21px center no-repeat;}

.swiper-button-next,.swiper-button-prev{width:48px; height:48px;outline:none;margin-top:0; top:calc(50% - 24px);}
.swiper-button-next i,.swiper-button-prev i{font-size:48px; color:#34ad84;}
.swiper-button-prev{background:none; left:0 !important;}
.swiper-button-prev:hover{opacity:0.7;}
.swiper-button-next{background:none; right:0 !important;}
.swiper-button-next:hover{opacity:0.7;}

/* 首页 新闻动态 */
.news{overflow:hidden;}
.slide{width: 580px;height: 360px;overflow: hidden;position: relative;float: left;}
.slide .bd{height: auto;overflow: hidden;}
.slide .bd li{overflow: hidden;position: relative;}
.slide .bd li img{width: 580px;height: 360px;display: block;transition: all .3s linear;}
.slide .bd li p{position: absolute;left: 0;bottom: 0;font-size: 18px;width: 90%;padding: 0 5%;color: #fff;height: 60px;line-height: 60px;background:rgba(0,0,0,0.6);}
.slide .bd li:hover img{transform: scale(1.05);}
.slide .hd{height: auto;overflow: hidden;position: absolute;right: 30px;bottom: 25px;}
.slide .hd li{width: 32px;height: 3px;background: #d8d8d8;margin: 0 2px;cursor: pointer;display:inline-block; *display:inline; zoom:1;}
.slide .hd li.on{background: #009966;}

.news_r{width:600px; float:right; overflow:hidden;}
.news_r li{ font-size:14px; color:#777777; line-height:36px;}
.news_r li a{ color:#333; padding-left:12px; background:url(../wyimages/dot.jpg) no-repeat 0 17px;  display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news_r li a:hover{background:url(../wyimages/dot2.jpg) no-repeat 0 17px ; color:#009966;}

/* 内页大图 */
.innerbanner {
    display: block;
    text-align: center;
}
.innerbanner img{max-width:100%;}

/* 位置导航 */
.navigation {padding:12px 0; border-bottom:1px solid #eaeaea; overflow:hidden;}
.breadcrumb{
    overflow:auto;
    white-space:nowrap;
    line-height:35px;
}
.breadcrumb i{padding-right:10px;}
.breadcrumb a{color:#666;}
.breadcrumb>li {
    display: inline-block;
}
.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}
.columns {height:100%; line-height:100%;}
.columns a {
    display: block;
    float:left;
    line-height: 35px;
    border-radius: 35px;
    margin-left:10px;
    padding: 0 20px;
}
.columns a.on,.columns a:hover{
    background: #009966;
    color: #fff;
}

/* 新闻列表 */
.newslist{padding:15px;overflow:hidden;}
.newslist ul li{height:36px; line-height:35px; overflow:hidden; border-bottom: dotted 1px #eee;padding-left:15px; background:url("../wyimages/newslist_dot.gif") no-repeat left center;}
.newslist ul li a{font-size:14px; height:35px; display:block; overflow:hidden;text-overflow: ellipsis; white-space: nowrap;}
.newslist ul li a span{float:right; padding-left: 10px;}
.newslist ul li a:hover{color:#a40000;}

/* 项目列表 */
.caseintro{padding:40px 0;}
.caseintro h2{font-size: 30px;}
.caseintro h3{
    font-size: 18px;
    color: #aaa;
    font-family: Arial;
    font-style: normal;
    text-transform:capitalize;
}
.caseintro p{
    font-size: 14px;
    color: #666;
    line-height: 180%;
    margin-top: 20px;
    text-indent:2em;
}
.caselist li{background:#F0F0F0; padding:20px; margin-top:30px; overflow:hidden;}
.caselist li img{
    width:240px;
    padding-right:20px;
    float: left;
}
.caselist li img:hover{
    transform: scale(1.05);
}
.casetxt{width:900px;float:right;}
.caselist li h3 a{
    font-size: 16px;
    line-height: 32px;
    font-weight: normal;
}
.caselist li h3 a:hover{padding-left:10px;}
.caselist li p{
  padding:10px 0;
  line-height:22px;
  color: #999999;
}

/* 规划设计 */
.design{overflow:hidden; padding:50px 0;}
.design li{float:left; width:12.5%; text-align: center;}
.design li:hover{-webkit-animation: btnRotate-ys 0.4s linear 1; animation: btnRotate-ys 0.4s linear 1;}
.design li img{width:65%; border-radius:100%; border:5px solid #009966;}
.design li p{
    font-size: 18px;
    font-weight: bold;
    color: #009966;
    line-height: 50px;
}

/* 装备研制 */
.procat{overflow:hidden; padding:50px 0;}
.procat li{float:left; width:16%;text-align: center;}
.procat a{
    display:block;
    width: 60px;
    height: 60px;
    padding:30px;
    color: #397050;
    background:#397050;
    border-radius: 50%;
    margin: 0 auto;position: relative;
}
.procat a i{
    font-size: 36px;
    color: #fff;
    position: relative;
    z-index: 2;
}
.procat a p{ line-height:20px; color:#fff;position: relative;z-index: 2;}
.procat a:after{pointer-events: none;position: absolute;width: 60px;height:60px;padding:30px;border-radius: 50%;content: '';-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;top: 0;left: 0;z-index: 0;background: #009966;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s;}
.procat a:after{-webkit-transform: scale(1.3);-moz-transform: scale(1.3);-ms-transform: scale(1.3);transform: scale(1.3);opacity: 0;}
.procat a:hover:after{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}

/* 装备列表 */
.pro_txt{margin-top:40px; line-height:24px; color:#666;}
h2.pro_tit{font-size: 30px; margin-bottom:20px;color:#000;}
.pro_list{overflow:hidden; margin-top:50px;}
.pro_list li{float:left; width:285px; text-align: center; overflow:hidden; margin-right:15px; margin-bottom:15px;}
.pro_list li:nth-child(4n+4){margin-right:0;}
.pro_list li img{max-width:100%; height:190px; }
.pro_list li a:hover img{transform:scale(1.05);}
.pro_list li p{
    width: 100%;
    line-height:50px;
    font-size: 16px;
    color: #555;
    text-align: center;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 投资者关系 */
.companylist{margin-top:10px; overflow:hidden;}
.companylist dl{float:left; width:346px; padding:0 20px 20px; margin-right:21px; margin-bottom:20px; background:#fff; border-radius:20px;}
.companylist dl:nth-child(3n+3){margin-right:0;}
.companylist dl dt{border-bottom:1px solid #F0F0F0; line-height:50px; text-align:center; margin-bottom:10px; font-size:16px; color:#006428; font-weight:700;}

/* 办公环境 */
.picnews{margin-top:40px;overflow:hidden;}
.picnews a {overflow:hidden; display:block; width:32%; margin:24px 0 0 0; background:#F0F0F0; float:left;}
.picnews img{width:100%;}
.picnews a:hover img{transform:scale(1.05);}
.picnews a:nth-child(3n-1){margin-left:2%;margin-right:2%;}
.picnews a:nth-child(1),.picnews a:nth-child(2),.picnews a:nth-child(3){margin-top:0;}
.picnews p { padding:0 15px; height:62px; line-height:62px; font-size:14px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

/* 文化活动 */
.culturepic{margin-top:40px;overflow:hidden;}
.culturepic img {overflow:hidden; display:block; width:32%; margin:24px 0 0 0; background:#F0F0F0; float:left;}
.culturepic img:hover{transform:scale(1.05);}
.culturepic img:nth-child(3n-1){margin-left:2%;margin-right:2%;}
.culturepic img:nth-child(1),.culturepic img:nth-child(2),.culturepic img:nth-child(3){margin-top:0;}

/* 企业慈善 */
.cishan{line-height:35px; margin-top:30px;}
.cishan p{
    color: #333;
    padding-left: 12px;
    background: url(../wyimages/dot.jpg) no-repeat 0 17px;
}

/* 视频展示 */
.video{margin-top:40px;}
/* .videocon{height:717px;} */
.videodetail{height:400px;}
.video ul{overflow:hidden;}
.video li{float:left;display:inline;width:49%; margin-right:2%;margin-top:28px;}
.video li a{display:block;position:relative;overflow:hidden;}
.video li img{width:100%; height:340px;transition: all 0.5s;}
.video li p{font-size:14px;text-align:justify;padding-top:9px; text-align:center;}
.video li span{display:block;width:100%; height:0; background:rgba(0,0,0,0.5) url(../wyimages/video.png) center no-repeat;position:absolute;top:0;left:0;z-index:10;}
.video li:nth-child(even){float:right;margin-right:0;}

/* 单页面 */
.pagecon{margin-top:40px;overflow:hidden; line-height:24px; color:#444;}

.about_top{padding-top:40px;}
.about_top h2{font-size: 48px; line-height: 48px; color: rgb(226, 225, 225); font-family: Arial; text-transform: uppercase;}
.about_top h3{font-size: 24px; font-weight: normal;color: rgb(68, 68, 68); margin-bottom:24px;}
.about_info{padding-bottom:50px;line-height: 24px; color: #444; text-indent:2em;}
.about_con ul li{
    width: 100%;
    overflow: hidden;
}
.about_con ul li .img-box {
    width: 50%;
    overflow: hidden;
    display: block;
}
.about_con ul li .img-box img {
    width: 100%;
    display: block;
}
.about_con ul li .text-box {
    width: 550px;
    padding-top: 3%;
}
.about_con ul li .text-box.fr{
    margin-right: 50px;
}
.about_con ul li .text-box.fl{
    margin-left: 50px;
}
.about_con ul li .text-box h4 {
    font-size: 18px;
    color: #333333;
    font-weight: bold;
}
.about_con ul li .text-box h4 em {
    display: block;
    width: 35px;
    height: 4px;
    background: #009966;
    margin-top: 20px;
    margin-bottom: 10px;
}
.about_con ul li .text-box p {
    padding-top: 10px;
    line-height: 25px;
    color: #666666;
    text-indent:2em;
}

.dsz_left{float:left; padding-right:100px;}
.dsz_right{float:right; width:800px;}
.dsz_right p{margin-top:30px; font-size:16px;}

/* 海斯顿膜 */
.hsdm{padding-bottom:50px;}
.hsdm_info{padding-bottom: 50px;line-height: 24px;color: #444;}
.hsdm_info p{ text-indent: 2em;}
.hsdm_box{padding-top:50px;}
.hsdm_box h4{font-size:24px;color:#333333;font-weight:bold;}
.hsdm_box h4 em {display:block;width:35px;height:4px;background:#009966;margin-top:20px;margin-bottom:10px;}
.hsdm_box p {padding-top:10px;line-height:25px;color:#666666;text-indent:2em;}
.hsdm_box h5{font-size:18px;margin-top:15px;margin-bottom:5px;color:#666;}
.hsdm .img-box{width: 50%;overflow: hidden;}
.hsdm .img-box img{max-width: 100%;}
.hsdm .hsdm_box{width: 550px;padding-top: 3%;padding-bottom: 20px;}
.hsdm .hsdm_box.fl{margin-left: 50px;}
.hsdm .hsdm_box.fr{margin-right: 50px;}
.hsdm ul li{overflow: hidden;width: 100%;}

/* 企业文化 */
.culture{
    width: 100%;
    height: 440px;
    margin-top:30px;
    background: url(../wyimages/culture.jpg) no-repeat center bottom;
}
.culturemain{width:1200px; margin:0 auto; position:relative;}
.cultureinfo{
    line-height:35px;
    padding: 35px 20px 20px 20px;
    background: #009966;
    color:#fff;
    position: absolute;
    top: 0;
    right: 0;
    animation-delay: 1.4s;
}

/* 发展历程 */
.c_deve {
    margin-left:244px;
    margin-bottom:54px;
    margin-top:70px;
}
.c_deve ul li {
    padding:40px 75px 30px 66px;
    border-left:1px solid #009966;
    position:relative;
}
.c_deve ul li .d_year {
    position:absolute;
    left:-150px;
    top:31px;
    font-size:40px;
    color:#009966;
}
.c_deve ul li .i_circle {
    display:block;
    width:11px;
    height:11px;
    background:#fff url("../wyimages/icon_02.png") no-repeat;
    position:absolute;
    left:-6px;
    top:50px;
}
.c_deve ul li .d_detail {
    font-size:16px;
    color:#000000;
    line-height:32px;
}
.c_deve ul li .i_jiantou {
    display:block;
    width:16px;
    height:7px;
    background:url("../wyimages/icon_04.png") no-repeat;
    position:absolute;
    left:-9px;
    top:-2px;
}
.bg_earth {
    height:373px;
    overflow:hidden;
}
.fadeInUp {
    -webkit-animation: fadeInUp 1.5s;
    -o-animation: fadeInUp 1.5s;
    animation: fadeInUp 1.5s;
}

/* 资质荣誉 */
.honor{position:relative; margin:50px auto;}
.swiper-container-3{width:1098px;text-align:center;}
.swiper-container-3 .swiper-slide img{max-width:100%;}
.swiper-container-3 .swiper-slide p{line-height:30px;}

/* 图文列表 */
.imgnewslist{
    margin-top:20px;
    background-color: #fff;
    overflow: hidden;
}
.imgnewslist a img{display:block; width:240px;transition: all .3s linear;}
.imgnewslist a img:hover{
    transform: scale(1.05);
}
.imgnewslist h4 a{
    font-weight: bold;
    font-size: 18px;
    color: #474545;
    line-height:26px;
}
.imgnewslist h4 a:hover{color:#009966;}
.imgnewslist span{color:#999; line-height:30px;}
.imgnewslist span i{font-size:14px;}
.imgnewslist .desc a{
    padding: 10px 0 0px;
    color: #746969;
    font-size: 14px;
    display: block;
    line-height: 20px;
    text-indent:2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.media{border-bottom: dotted 1px #c1c1c1; padding-bottom:20px;margin-top:20px;}
.media, .media-body {
    overflow: hidden;
    zoom: 1;
}
.media-body, .media-left{
    display: table-cell;
    vertical-align: top;
}
.media-left{padding-right:20px; overflow: hidden;}
.media-left a{display:block;}

/* 新闻详情页 */
.newsview{
    width: 692px;
    text-align: left;
    padding: 65px 55px;
    background-color: #fff;
    overflow: hidden;
    float:left;
}
.newstit{text-align: center;font-size: 30px; color:#333;}
.newsinfo{
    padding-bottom: 20px!important;
    margin-top: 10px!important;
    text-align: center;
    color: #999;
    font-size: 14px;
}
.pipe {
    color: #ddd;
    padding: 0 8px;
}
.newscon{
    color: #555;
    line-height: 30px;
}
.newscon p{padding: 8px 0; text-indent:2em;}

/* 上一篇下一篇 */
.nextcon{
    border-top: 1px dotted #eee;
    padding-top: 10px;
    margin-top:20px;
}
.nextcon p{
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top:10px;
    padding:0;
    overflow:hidden;
}
.nextcon p a:hover{color: #009966;}

/* 产品详情 */
.prodetail{
    width: 742px;
    padding: 65px 30px;
    background-color: #fff;
    overflow: hidden;
    float: left;
}
.showtit{
    font-size: 30px;
    display: block;
    line-height: 50px;
    text-align: center;
    color: #333;
}
.prointro{
    margin-top:10px;
    line-height: 30px;
    font-size: 14px;
}
.prointro p{
    padding: 8px 0;
}
/* 产品相册 */
.album{overflow:hidden;}
.album li{float:left; margin-right:20px; margin-top:20px;}
.album li a{display:block;}
.album li img{width:234px; display:block;}
.album li:nth-child(3n+3){margin-right:0;}
/* 产品版块标题 */
.channel_tit {
    margin-top:30px;
    height: 41px;
    border-bottom: 1px solid #009966;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.channel_tit h3 {
    font-size: 18px;
    font-weight:700;
    color:#fff;
    margin: 0;
    padding:0 30px 0 20px;
    line-height: 40px;
    float: left;
    background:#009966;
    border-top-right-radius:20px;
}

/* 表格 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.layui-table th,.layui-table td{margin: 0; padding: 0; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.layui-table table{border-collapse: collapse; border-spacing: 0;}
.layui-table{width: 100%; margin:15px 0; background-color: #fff; color: #666;}
.layui-table tr{transition: all .3s; -webkit-transition: all .3s;}
.layui-table th{text-align: left; font-weight: 400;}
.layui-table thead tr,.layui-table tbody tr:hover{background-color: #f2f2f2;}
.layui-table th,.layui-table td{border:1px solid #333333; padding: 9px 15px; min-height: 20px; line-height: 20px;  font-size: 14px;}

/* 右侧热点推荐 */
.hotlist{
    float:right;
    width: 328px;
    background: #fff;
    padding: 20px;
}
.hotlist h3{
    margin: 0 0 10px;
    padding: 1px 0 1px 7px;
    font-size: 16px;
    font-weight: 400;
    color:#333;
    border-left: 3px solid #009966;
}
.item{
    margin: 0;
    padding: 7px 0 8px;
    overflow: hidden;
}
.item_img{
    float: left;
    width: 100px;
    height: 63px;
    overflow: hidden;
    margin-right:10px;
}
.item_img img{
    width: 100%;
    vertical-align: top;
    transition: all .3s ease-out 0s;
    display:inline;
}
.item_img img:hover{
    transform: scale(1.05);
}
.item_con h4 a{
    font-size: 14px;
    color:#333;
    font-weight:normal;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-height: 1.4;
}
.item_con h4 a:hover{
    text-decoration: none;
    color: #009966;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}
.item_con p{
    margin: 0;
    font-size: 12px;
    color: #999;
    line-height: 14px;
}

/* 联系我们 */
.c_tab{
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 50px auto 0;
}
.c_tab a {
    float: left;
    margin-left: 5px;
    display: block;
    width:180px;
    height:48px;
    line-height:48px;
    border-radius:24px;
    text-align:center;
    color: #444;
    background: #F0F0F0;
    font-size: 16px;
}
.c_tab a.current{background: #009966; color: #fff;}
.c_tab a:first-child {
    margin-left: 0;
}
.c_info{overflow:hidden; padding:50px 0;}
.c_info dl{float:left; width:25%; text-align:center;}
.c_info dl dt i{padding:30px; width:40px; height:40px; display:inline-block; border-radius:100%; background:#009966; color:#fff; font-size:40px;}
.c_info dl dd h3{
    color: #009966;
    font-size: 16px;
    padding: 15px 0 10px 0;
}
.c_info dl dd p{color:#333;}
.map_position{ position:relative; background:#49b177; border:1px solid #3d9263; display:inline-block; padding:0 5px; color:#fff; cursor:pointer; height:24px; line-height:24px; border-radius:2px;}
.map_position:hover{ background:#1aef9a; border:1px solid #03dd85;}
.map_position .map_pos_bt{ position:absolute; width:8px; height:8px; background:url(../wyimages/map_ico.png) no-repeat; left:10px; top:22px;}
.map_position .map_mouseover{ background-position:0px -9px;}
.map_position:hover .onepoint{ background-position:0px -9px;}
h3.lt{font-size:16px; font-weight:700; margin-top:10px; margin-bottom:10px;}
.map_tip_top{ width:100%;}
.map_tip_intro p{color:#8A8A8A; font-size:14px; margin:5px 0 0 0;}

/* 新案例列表 */
.newcase ul li {width:100%;overflow:hidden;}
.newcase ul li .img-box {width:50%;overflow:hidden;display:block;}
.newcase ul li .img-box img {width:100%;display:block;}
.newcase ul li .text-box {width:550px;padding-top:3%;}
.newcase ul li .text-box.fr {margin-right:50px;}
.newcase ul li .text-box.fl {margin-left:50px;}
.newcase ul li .text-box h4 {font-size:18px;color:#333333;font-weight:bold;}
.newcase ul li .text-box h4 em {display:block;width:35px;height:4px;background:#009966;margin-top:20px;margin-bottom:10px;}
.newcase ul li .text-box p {padding-top:10px;line-height:25px;color:#666666;text-indent:2em;}

/* 分页 */
#pages {
  float:right;
  margin: 35px auto;
  border-radius: 4px;
}
#pages > a,
#pages > span {
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #009966;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
#pages > span:first-child {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
#pages > a:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
#pages > a:hover,
#pages > a:focus,
#pages > span {
  color: #fff;
  background-color: #009966;
  border-top-color: #009966;
  border-bottom-color: #009966;
  border-left-color: #fff;
  border-right-color: #fff;
}
#pages > span.pagemore,#pages > span.pagenum{
  color: #009966;
  background:none;
  border-color:#ddd;
}

/* 热门关键字 */
.hotkey{height:60px; line-height:60px; background:#ededed;}
.hotkey b{font-weight:normal; color: #52555c;}
.hotkey a{padding: 0 10px; color: #52555c;}
.hotkey a:hover{color:#009966;}

/* foot底部 */
.foot{padding-top:50px; padding-bottom:50px; background:#272e34;}
.footin{line-height:28px; color:#999ea1; overflow:hidden;}
.footin a{color:#999ea1;}
.footin a:hover{color:#009966;}
.f_ewm p{float:left; margin-left:15px; text-align:center;}
.f_ewm p img{display:block; width:105px; height:105px;}
.f_logo{padding-top:10px;}
.f_text{
  padding:10px 60px;
  margin:0 75px;
  border-left:1px solid #3c4349;
  border-right:1px solid #3c4349;
}