*,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:#03448d;-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');
}
@font-face {
  font-family: 'iconfont';  /* Project id 4490978 */
  src: url('../iconfont/iconfont.woff2?t=1711963523535') format('woff2'),
       url('../iconfont/iconfont.woff?t=1711963523535') format('woff'),
       url('../iconfont/iconfont.ttf?t=1711963523535') format('truetype');
}
.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:#1669b3;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: #1669b3;
    border:2px solid #1669b3;
}
.about_more a:hover{
    background: #fff;
    color: #1669b3;
}

/* 首页 业务领域 */
.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 #03448d; border-radius: 50%; display: block;position: relative;z-index: 1;color:#03448d;text-align: center; margin:0 auto;}
.yewu li p{font-size: 18px;font-weight: bold;color:#03448d; line-height:50px;}
.yewu li:hover i{color: #fff; padding:37px; border:none;}
.yewu li:hover p{color:#1669b3;}
.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: #1669b3;-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:303px;margin-left: 2px;overflow: hidden;}
.service li:first-child{margin-left: 0;}
.service li a{display: block;position: relative;overflow: hidden;width: 298px;height: 303px;}
.service li a img{ width:100%}
/* .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: #03448d;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(../images/more.png) right center no-repeat;padding-right:30px;}
.more a:hover{background:url(../images/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: #1e7fd6;}

.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(../images/dot.jpg) no-repeat 0 17px;  display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news_r li a:hover{background:url(../images/dot2.jpg) no-repeat 0 17px ; color:#03448d;}

/* 内页大图 */
.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: #03448d;
    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("../images/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:22.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 #03448d;}
.design li p{
    font-size: 18px;
    font-weight: bold;
    color: #03448d;
    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: #03448d;-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:0; 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:10px; 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(../images/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:440px;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; 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: #1669b3;
    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:#03448d;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(../images/culture.jpg) no-repeat center bottom;
}
.culturemain{width:1200px; margin:0 auto; position:relative;}
.cultureinfo{
    line-height:35px;
    padding: 35px 20px 20px 20px;
    background: #03448d;
    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 #03448d;
    position:relative;
}
.c_deve ul li .d_year {
    position:absolute;
    left:-150px;
    top:31px;
    font-size:40px;
    color:#03448d;
}
.c_deve ul li .i_circle {
    display:block;
    width:11px;
    height:11px;
    background:#fff url("../images/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("../images/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;
	min-height:300px;
}
.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:#03448d;}
.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: #03448d;}

/* 产品详情 */
.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 #03448d;
    -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:#03448d;
    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 #03448d;
}
.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: #03448d;
    -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: #03448d; 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:#03448d; color:#fff; font-size:40px;}
.c_info dl dd h3{
    color: #03448d;
    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(../images/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:#03448d;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: #03448d;
  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: #03448d;
  border-top-color: #03448d;
  border-bottom-color: #03448d;
  border-left-color: #fff;
  border-right-color: #fff;
}
#pages > span.pagemore,#pages > span.pagenum{
  color: #03448d;
  background:none;
  border-color:#ddd;
}

/* 热门关键字 */
.hotkey{height:200px; background:#ededed;}
.hotkey b{font-weight:normal; color: #52555c; float:left;line-height: 200px;font-size: 20px;
  font-weight: bold;}
.hotkey li { /*width:200px;*/width:163px; float:left; margin:45px 10px;}
.hotkey li img{ width:100%;}
.hotkey a{padding: 0 10px; color: #52555c;}
.hotkey a:hover{color:#03448d;}

/* 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:#03448d;}
.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;
}

#row_10 {
  width:100%;
}
#row_10 {
  background-color:#FFFFFF;
}
#row_10 {
  background-image:url(../images/tmp1541728763_1789073_s.jpg);
}
#row_10 {
  background-position:center top;
}
#row_10 {
  background-repeat:no-repeat;
}
#row_10 {
  background-attachment:scroll;
}
.customModuleRowInner{width: 1200px;}
.customModuleRowAbsolute .customModuleRowInner {
  padding-left: 0;
}
.customModuleRowInner {
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.CModulePA {
  position: relative;
  overflow: hidden;
}
.ev-module-edit {
  position:absolute;
  left:0;
  top:0
}
.alertPublicModuleRow .ev-alert-container {
  position:fixed
}
.ev-module-edit-box {
  position:absolute;
  height:100%;
  width:100%
}
.ev-module-edit .ev-module-shape-12,
.ev-module-edit .ev-module-shape-4,
.ev-module-edit .ev-module-shape-8,
.ev-module-edit .ev-module-text,
.ev-module-edit[data-big='1'] .ev-module-edit-box,
.ev-module-edit[data-big='4'][data-small='12'] .ev-module-edit-box,
.ev-module-edit[data-big='4'][data-small='4'] .ev-module-edit-box,
.ev-module-edit[data-big='4'][data-small='8'] .ev-module-edit-box {
  overflow:hidden
}
/* 新模块_文字组件
 */
 .ev-text-title-2 {
  font-size: 36px;
  font-weight: 400;
  line-height: 1.3;
}
 .ev-text-title-2 span strong{font-size: 76px;}
 
.ev-module-edit-box .ev-line {
  position: absolute;
  border-color: #36b0f3;
    border-top-color: rgb(54, 176, 243);
  margin: 0;
    margin-top: 0px;
}
.ev-module-edit-box .ev-line-7 {
  border-width: 3px 0 0;
    border-top-width: 3px;
  border-style: solid;
    border-top-style: solid;
  width: 100%;
  height: 0;
  left: 0;
  top: 50%;
  margin-top: -2px;
}
#evMo_idjAnz .ev-line {
  border-top: #03448d 6px solid;
}
 #evMo_idjAnz .ev-line {
  margin-top: -3px;
}
#evMo_3H0mKp .ev-line {
  border-top: #03448d 3px solid;
}
.ev-text-article-4 {
  font-size:12px;
  line-height:1.3
}

.ev-container-wap {
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#evMo_GVuZ0n .ev-container-bg {
  background: none;
}
.ev-container-wap .ev-container-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 0;
}
.ev-module-edit-box .ev-base-shape {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-clip: content-box;
}
#evMo_dcvowT .ev-base-shape {
  background-color: #03448d;
}

.ev-module-edit-box .ev-base-button {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.ev-module-edit-box .ev-base-button .btn-text {
  display: block;
  font-weight: 400;
  position: relative;
  text-align: center;
  top: 50%;
  margin-top: -.5em;
  line-height: 100%;
  color: #fff;
  font-size: 16px;
  z-index: 2;
}
#evMo_7SmFSq .ev-base-button .btn-text {
  top: 50%;
}
#evMo_7SmFSq .ev-base-button .btn-text {
  margin-top: -0.5em;
}
#evMo_7SmFSq .ev-base-button .btn-text {
  text-align: left;
}
#evMo_7SmFSq .ev-base-button .btn-text {
  font: normal 400 16px/1 '微软雅黑';
}
#evMo_7SmFSq .ev-base-button .btn-text {
  text-decoration: none;
}
#evMo_7SmFSq .ev-base-button .btn-text {
  color: rgb(255, 255, 255);
}

.ev-module-edit-box .ev-pic {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
}
.ev-module-edit-box .ev-pic img {
  width: 100%;
  height: 100%;
}
.int-dom {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  -ms-perspective: 300px;
  -o-perspective: 300px;
  perspective: 300px;
}
.int-dom>.default-img{
  -webkit-transition:all .35s ease;
  -moz-transition:all .35s ease;
  -ms-transition:all .35s ease;
  -o-transition:all .35s ease;
  transition:all .35s ease
}

.case img {
  width: 100%;
  height: 300px;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 992px) {
  .col-md-6 {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .col-lg-4 {
    width: 30.33333333%;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  float: left;
  }
}

.section-content .col-md-6 {
  margin-bottom: 2em;
}


.img-icon-service-box {
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease;
box-shadow: 1px 0px 10px 5px rgba(0,0,0,0.1);
  }
  @media (prefers-reduced-motion: reduce) {
    .img-icon-service-box {
      transition: none; } }
  .img-icon-service-box .tm-thumb {
    position: relative;
    overflow: hidden;
    z-index: 1; }
    .img-icon-service-box .tm-thumb img {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      transition: all 0.3s ease; }
      @media (prefers-reduced-motion: reduce) {
        .img-icon-service-box .tm-thumb img {
          transition: none; } }
    .img-icon-service-box .tm-thumb .icon {
      border-radius: 50%;
      height: 58px;
      left: 42%;
      line-height: 62px;
      margin: 0 auto;
      opacity: 0;
      position: absolute;
      top: 40%;
      text-align: center;
      width: 58px;
      z-index: 2;
      transition: all 0.3s ease; }
      @media (prefers-reduced-motion: reduce) {
        .img-icon-service-box .tm-thumb .icon {
          transition: none; } }
      .img-icon-service-box .tm-thumb .icon span {
        font-size: 24px;
        color: #fff; }
    .img-icon-service-box .tm-thumb:before {
      background-color: rgba(5, 158, 72, 0.7);
      bottom: 0;
      content: "";
      left: 0;
      opacity: 0;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 1; }
  .img-icon-service-box .tm-details {
    background-color: #fff;
    padding: 20px;
    position: relative;
    z-index: 1;
    overflow: hidden; }
    .img-icon-service-box .tm-details .service-count {
      color: #f6f2f0;
      font-size: 80px;
      font-weight: 700;
      line-height: 90px;
      position: absolute;
      right: 15px;
      top: 0px;
      z-index: -1; }
    .img-icon-service-box .tm-details h5 {
      color: #727f9c;
      line-height: 2;
      font-weight: 500; }
    .img-icon-service-box .tm-details .bottom-bar {
      background-color: #e9e4e1;
      border-radius: 5px 5px 0 0;
      bottom: 0;
      height: 17px;
      left: 50px;
      position: absolute;
      right: 50px;
      transition: all 0.3s ease; }
      @media (prefers-reduced-motion: reduce) {
        .img-icon-service-box .tm-details .bottom-bar {
          transition: none; } }
  .img-icon-service-box:hover .tm-thumb img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  .img-icon-service-box:hover .tm-thumb .icon, .img-icon-service-box:hover .tm-thumb:before {
    opacity: 1; }

.img-icon-service-box .tm-thumb::before {
  background-color: rgba(3, 68, 141, 0.7);
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
  .img-icon-service-box .tm-details .title{ font-size:18px;}
  
  
  /*Assessment Publicity*/
  .single-service-item {
	margin-bottom: 26px;
	position: relative;
	padding-left: 20px;
	background: #fff;
	-webkit-transition:.5s;
	transition:.5s;
	border-left: 2px solid #3093fb;
}

.single-service-item:hover{
	
	-webkit-transition:.5s;
	transition:.5s;
}
.single-service-item.border:after {
    position: absolute;
    content: "";
    border-right: 10px solid #eeeeee;
    border-bottom: 10px solid #eeeeee;
    top: 39px;
    right: -34px;
    bottom: 8px;
    left: 118px;
    z-index: 5;
    transition: .5s ease;
}
.single-service-item .content {
    position: relative;
}
.single-service-item .top-border{
    width: 100%;
    height: 2px;
    background: #eee;
    position: absolute;
    left: 0px;
    transform: rotate(180deg);
}
.single-service-item .right-border{
    width: 2px;
    height: 100%;
    background: #eee;
    position: absolute;
    transform: rotate(180deg);
    top: 0px;
    right: 0px;
}
.single-service-item .bottom-border{
    width: 100%;
    height: 2px;
    background: #eee;
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.single-service-item .top-border:before,
.single-service-item .right-border:before,
.single-service-item .bottom-border:before {
    background: #3093fb;
    content: '';
    position: absolute;
    top:0;left:0;    
}
.single-service-item .top-border:before {
    width: 0%;
    height: 100%;
    transition: all .3s ease .0s;
}
.single-service-item .right-border:before {
    width: 100%;
    height: 0%;
    transition: all .3s ease .3s;
}
.single-service-item .bottom-border:before {
    width: 0%;
    height: 100%;
    transition: all .3s ease .6s;
}
.single-service-item:hover .top-border:before {
    transition: all .3s ease .6s;
}
.single-service-item:hover .right-border:before {
    transition: all .3s ease .3s;
}
.single-service-item:hover .bottom-border:before {
    transition: all .3s ease .0s;
}

.single-service-item:hover .top-border:before,
.single-service-item:hover .bottom-border:before {
    width: 100%;
}
.single-service-item:hover .right-border:before {
    height: 100%;
}

.service-left-bg {
  background: #ededed none repeat scroll 0 0;
  height: 100%;
  overflow: hidden;
  width: 80px;
  border-left: 2px solid #3093fb;
  -webkit-transition:.5s;
  transition:.5s;
}

.single-service-item:hover .service-left-bg{
	background:#3093fb;
	-webkit-transition:.5s;
	transition:.5s;
}
.our-services-gardener .single-service-item .service-icon {
	position: absolute;
	margin-top: -27px;
	top: 50%;
	left: 14px;
	width: 55px;
	height: 54px;
	overflow: hidden;
	text-align: center;
}


.our-services-gardener .single-service-item .service-icon i{

}
.service-icon i,
.service-icon i:before {
  font-size: 36px;
  color: #3093fb;
  top: 0px;
  margin: 0;
}

.single-service-item:hover .service-icon{

	background:#fff;
	border-radius:50px;
	-webkit-transition:.5s;
	transition: .5s;
}

.service-text {
  overflow: hidden;
  padding: 38px 10px 38px;
}
.service-text h4 {
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 13px;
  margin-top: 0;
  
}
.service-text h4 a{
	color: #222222;
	transition:.5s;
	
}
.service-text h4 a:hover{
	color:#3093fb;
	transition:.5s;
}
.service-text p {
  color: #777777;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 22px;
}

/*service side*/
.prolist {
  float: left;
  width: 228px;
  background: #fff;
  padding: 20px;
}
.proview {
  width: 892px;
  text-align: left;
  padding: 35px 0;
  background-color: #fff;
  overflow: hidden;
  float: right;
}
.prolist .box h3 {
    line-height: 60px;
    padding-left: 34px;
    background: #03448d;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    position: relative
}

.prolist .box h3::after{
    content:"";
    position: absolute;
    width:5px;
    height:20px;
    top:20px;
    left:15px;
    background: #fff
}
.sort{
    background: #eee;
	border: 1px solid #e1e1e1;
}
.sort li .about_b{position:absolute;left:210px;top:0px;width:210px;padding:10px 20px;background:#f3f3f3;
    border-bottom:2px solid #3a78c1;z-index:9999;}
.sort li .layer2{position: relative;padding:0 20px;background:#fff;
    border-bottom:2px solid #3a78c1;z-index:9999;}
.sort li .layer2 li{overflow:hidden;}
.sort li .layer2 li a{background:url(../images/ico1.gif) no-repeat 0% 50%;}
.sort li .layer2 li a:hover{text-decoration:none;color:#3a78c1;}
.sort li .layer2 li .layer3 li{margin:6px 0px;line-height: 24px;padding-left: 10px;}
.sort li .layer2 li .layer3 li a{font:normal 12px/24px "å¾®è½¯é›…é»‘";background:none;}
.sort li .layer2 li .layer3 li .layer4 li{margin:6px 0px;line-height: 24px;padding-left: 15px;}
.sort li .layer2 li .layer3 li .layer4 li a{font:normal 12px/24px "å¾®è½¯é›…é»‘";background:none;}

.sort li {
    position: relative;
    z-index: 999;
    line-height: 52px; 
    border-bottom: 1px dashed #ccc;
}

.sort li a {
    display: block;
    padding-left:20px;
    color:#1f1f1f;
    font-size: 15px;
}
.sort li a:hover {
    color: #fff;
    text-decoration: none;
    background: #0856ae;
}
