/* 全局样式 */
*,html,body{font-family: "microsoft yahei", "微软雅黑", Tahoma, Helvetica, Arial, sans-serif;outline: none;}
a{color:#444;}
a,a:hover,a:active,a:focus{text-decoration:none;}
a:hover{color:#1296DB;}
i{font-style:normal;}
ul,li{padding:0; margin:0; list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%; padding:0; margin:0;}
.mt15{margin-top:15px;}  
.mt10{
    margin-top:10px;   
}
.row.no-gutter > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; }
.clearfix {*zoom:1;}/*IE/7/6*/
.headtop{margin-top:50px;}
.pr{position: relative;}
.pa{position: absolute;}
.grey{background:#f4f4f4;}
.pb30{padding-bottom:30px;}
.layui-table td, .layui-table th{padding:9px 5px;border:1px solid #333333;}

/* 阿里图标 unicode引用 */
@font-face {
  font-family: 'iconfont';  /* project id 1250254 */
  src: url('//at.alicdn.com/t/font_1250254_io8zqupa2kk.eot');
  src: url('//at.alicdn.com/t/font_1250254_io8zqupa2kk.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1250254_io8zqupa2kk.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1250254_io8zqupa2kk.woff') format('woff'),
  url('//at.alicdn.com/t/font_1250254_io8zqupa2kk.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1250254_io8zqupa2kk.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;
}

/* 使用bootstrap的栅栏实现五列布局 */
.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-1-5 {
    width: 25%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-1-5 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-1-5 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-1-5 {
        width: 20%;
        float: left;
    }
}
.row.equal{padding-left:5px; padding-right:5px;}
.row.equal > [class*='col-'] {
    padding-right: 5px;
    padding-left: 5px;     
    padding: 5px;
    width:100%; 
}

/* 图标菜单 */
.menudiy a{display:block;}
.menudiy i{width:50px; height:50px; line-height:50px; display:block; font-size:22px; border-radius:100%;background:#009966; color:#fff;margin: 0 auto;}
.menudiy p{line-height:16px; margin-top: 5px; margin-bottom:0; font-size:12px;}
/* 附加 */
.menudiz{width:50px; height:50px; padding: 10px; border-radius:100%;background:#1296DB; color:#fff;margin: 0 auto;}
.menudiz img{width:100%; height:100%; border-radius: 50%; display: block;position: relative;z-index: 3;text-align: center; margin:0 auto;}


/* 内页子分类 */
.pro_cat_list{overflow:hidden;}
.pro_cat_list li{padding:7px 20px; background:#f4f4f4; float:left; border-radius:20px; margin-left:15px; margin-bottom:15px;}
.pro_cat_list li a{ color:#444;}
.pro_cat_list li.cur{background:#1296DB;}
.pro_cat_list li.cur a{color:#fff;}

/* 规划设计 */
/*.design img{border-radius:100%; border:5px solid #009966;}*/
.design img{border-radius:100%; }
.design p{line-height:16px; margin-top: 5px; margin-bottom:0; font-size:12px;}

/* 大图切换 */
.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; }

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

/* 首页版块标题 */
.indtit{
    text-align:center;
    font-size: 25px;
    padding:30px;
}

/* 首页 关于我们 */
.about{
    font-size: 14px;
    margin-bottom:27px;
    line-height: 24px;
    text-indent:2em;
    color:#444;
}
.about_num{overflow:hidden;text-align:center;}
.about_num li{
    width: 50%;
    height: auto;
    border-right: 1px solid #dcdcdc;
    box-sizing: border-box;
    float: left;
    display: inline;
    padding-top: 6px;
}
.about_num li:nth-child(1), .about_num li:nth-child(2){
  margin-bottom:10px;
}
.about_num li:nth-child(2n) {
    border-right: 0;
}
.about_num li h3 {
    font-size: 44px;
    line-height: 44px;
    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: 40%;
    height: 38px;
    line-height: 38px;
    border-radius: 38px;
    margin: 15px auto 0;
    font-size: 14px;
    color:#fff;
    text-align:center;
    background: #1296DB;
}
.about_more a:hover{
    background: #fff;
    color: #019968;
}

/* 首页 水务项目服务 */
.service .col-xs-6:nth-child(1),.service .col-xs-6:nth-child(2){margin-bottom:10px;}
.service p{background: #1296db; color:#fff; line-height:30px; text-align:center;}

/* 首页 工程案例 */
.case{position:relative;}
.swiper-container-2{width:100%;background:#fff;}
.swiper-container-2 .swiper-slide .t{padding:4% 3% 3% 4%;}
.swiper-container-2 .swiper-slide .t h3{font-size:16px;font-weight:normal;}
.swiper-container-2 .swiper-slide .t .i{
    padding:0;
    margin:10px 0;
    color:#666;
    font-size:12px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.more{font-size:14px;color: #099d6b; background:url(../wyimages/more.png) right center no-repeat;padding-right:30px;}

.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;}
.rslides { position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li {  -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }
.slide_container { position: relative; width: 100%; }
.slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.slide li { position: absolute; width: 100%; left: 0; top: 0; }
.slide img { display: block; position: relative; z-index: 1; height: auto; width: 100%; height:auto; border: 0; }
.slide .caption { display: block; position: absolute; z-index: 2; font-size: 14px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .6); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; }
.slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 52%; left: 0; opacity: 0.6; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("../appimg/index/themes.gif") no-repeat left top; margin-top: -45px; display:none;}
.slide_nav:active { opacity: 1.0; }
.slide_nav.next { left: auto; background-position: right top; right: 0; }

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

/* 内页导航 */
.navigation {height:50px; line-height:50px; margin-bottom: 20px; background:#eaeaea;}
.breadcrumb{padding: 0;list-style: none;background: none;border-radius: 0;width:100%; overflow:auto; white-space: nowrap;}
.breadcrumb i{margin-right:10px;}

/* 单页面 */
.pagecon{margin-top:20px; margin-bottom:20px;}

.about_top{margin-top:20px;}
.about_top h2{font-size: 40px; line-height: 40px; color: rgb(226, 225, 225); font-family: Arial; text-transform: uppercase;}
.about_top h3{font-size: 18px; font-weight: normal;color: rgb(68, 68, 68); margin-bottom:24px;}
.about_con{padding-bottom:30px;}
.about_con h2{font-size: 18px; font-weight: bold; color: #333;padding-top:30px; text-align: center;}
.about_con p{line-height: 180%; padding:5px 15px 0;color: #333333;}
.about_con ul li{padding-top:30px;}
.about_con ul li img{width: 100%;display: block;}
.about_con ul li h2{padding-bottom:10px;}

/* 企业文化 */
.culture{
    width: 100%; padding:2rem; background:url(../appimg/qywh/culture.jpg) no-repeat left bottom;
}
.cultureinfo{
    width: 100%;
    padding: 20px;
    line-height:2.2rem;
    background: #1296db;
    color:#fff;
    animation-delay: 1.4s;
}

/* 发展历程 */
.c_deve {
    margin-left:100px;
    margin-top:20px;
}
.c_deve ul li {
    padding:30px 0 20px 26px;
    border-left:1px solid #1296db;
    position:relative;
}
.c_deve ul li .d_year {
    position:absolute;
    top:19px;
    left:-88px;
    font-size:30px;
    color:#1296db;
}
.c_deve ul li .i_circle {
    display:block;
    width:11px;
    height:11px;
    background:#fff url("../appimg/yzlc/icon_02.png") no-repeat;
    position:absolute;
    left:-6px;
    top:35px;
}
.c_deve ul li .d_detail {
    color:#000000;
    line-height:20px;
}
.c_deve ul li .i_jiantou {
    display:block;
    width:16px;
    height:7px;
    background:url("../appimg/yzlc/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; */
}

/* 联系我们 */
.c_tab{
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 20px auto 0;
}
.c_tab a {
    float: left;
    margin-left: 5px;
    display: block;
    width:40%;
    height:48px;
    line-height:48px;
    border-radius:24px;
    text-align:center;
    color: #444;
    background: #F0F0F0;
    font-size: 16px;
}
.c_tab a.current{background: #1296DB; color: #fff;}
.c_tab a:first-child {
    margin-left: 0;
}

 .c_info{
  padding:20px 0;

}
.c_info h2 {
  font-size: 18px;
  font-weight: bold;
  line-height:36px;
}
.c_info p{
  font-size:14px;
  line-height: 30px;
  margin-top:10px;
}
.c_info p i{
  font-size:18px;
}

.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;}

/* 营销中心 */
.companylist dl{padding:0 15px 20px; margin:15px auto 0; background:#f4f4f4; border-radius:20px;}
.companylist dl dt{border-bottom:1px solid #F0F0F0; line-height:50px; text-align:center; margin-bottom:10px; font-size:16px; color:#1296DB; font-weight:700;}
.companylist dl dd{text-align:center}
.companylist dl dd img{height:150px;width:200px;cursor:pointer;}
/* 项目列表 */
.caseintro{margin-top:20px;}
.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: 150%;
    margin-top:10px;
}
.caselist li{background:#F0F0F0; padding:15px; margin-top:15px;}
.caselist li h3{
    font-size: 16px;
    line-height:24px;
    margin-top:10px;
    font-weight: normal;
}
.caselist li p{
  padding:5px 0;
  line-height:22px;
  color: #999999;
}

/* 资质荣誉 */
.honor{position:relative; margin-top:30px;}
.swiper-container-3{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;
}
.imgnewsli{border-bottom: dotted 1px #c1c1c1; padding-bottom:15px;margin-top:15px;}
.imgnewsli img{margin-bottom:10px;}
.imgnewsli h4{
    font-weight: bold;
    font-size: 18px;
    color: #474545;
    line-height:26px;
}
.imgnewsli span{color:#999; line-height:30px;}
.imgnewsli span i{font-size:14px;}
.imgnewsli .desc{
    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;
}

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

/* 产品详情 */
.prodetail{
    width:100%;
    padding: 30px 0;
    background-color: #fff;
    overflow: hidden;
    float: left;
}
.showtit{
    font-size:24px;
    display: block;
    line-height:30px;
    text-align: center;
    color: #333;
}
.prointro{
    margin-top:10px;
    line-height:24px;
    font-size: 14px;
}
.prointro p{
    padding: 8px 0;
}
/* 产品相册 */
.album{overflow:hidden;}
.album li{float:left;width:calc(50% - 7.5px);  margin-right:15px; margin-top:15px;}
.album li a{display:block;}
.album li img{display:block;}
.album li:nth-child(2n+2){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;
}

/* 文化活动 */
.picnews{margin-top:20px;}
.picnews a {display:block; margin-bottom:24px;}
.picnews p { background:#F0F0F0; padding:0 15px; margin-bottom:0; height:38px; line-height:38px; font-size:14px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.picnews a:last-child{margin-bottom:0;}

/* 新闻详情 */
.zixun_new{ overflow:hidden;}
.zixun_new h1.viewtit{ line-height:24px; text-align:center; color:#1b1b1b; font-size:18px; font-weight:bold; margin-top:15px;}
.zixun_new .zixin_timm{
    text-align: center;
    display: block;
    border-bottom: dotted 1px #cfcfcf;
    padding: 15px 0;
    margin-bottom:20px;
}
.content p{text-indent:2em; margin-bottom:10px;}
.nextcon{
    border-top: 1px dotted #cfcfcf;
    padding-top: 10px;
    margin-top:20px;
}
.nextcon p.size{
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top:10px;
    overflow:hidden;
}
p.size a{color:#333;}

/* 新案例列表 */
.newcase{padding-bottom:30px;}
.newcase h2{font-size: 18px; font-weight: bold; color: #333;padding-top: 15px; text-align: center;}
.newcase p{line-height: 180%; color: #333333;}
.newcase  li{padding-top:30px;}
.newcase  li img{width: 100%;display: block;}
.newcase  li h2{padding-bottom:10px;}

/* 分页 */
#pages {
  float:right;
  margin: 20px 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 > a: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 {
  color: #009966;
  background-color: #eee;
  border-color: #ddd;
}
#pages > span {
  color: #fff;
  background-color: #009966;
  border-color: #009966;
}

/* 底部 */
.foot{font-size:12px; margin-bottom:74px;}
.foot a{color:#999ea1;}
.foot a:hover{color:#999ea1;}
.foot{
    width: 100%;
    line-height:18px;
    color: #999ea1;
    background: #272e34;
    text-align: center;
    padding:20px 10px 15px 10px;
}
.fixfoot{background:#fff; position:fixed; bottom:0; padding:10px 8px; z-index:999999;box-shadow: 0px -3px 6px rgba(0,0,0,0.2);}
.fixfoot a{display:block; color:#1296DB;}
.fixfoot i{width:30px; height:30px; line-height:30px; font-size:24px;}
.fixfoot p{line-height:24px; margin-bottom:0;}
.fixfoot i.fa{margin:0;}
/*附加*/
.fixfoot a div{width:30px; height:30px;margin:0 auto;display: flex; align-items:center;justify-content: center;}
.fixfoot a div img{width: 24px;height: 24px;}


/*解决方案*/
.item-holder {margin-bottom: 40px;border: 1px solid #f7f7f7;}
.image-box {position: relative;border: 1px solid #cccccc;}
.image-box img {width: 100%;}
.breadcrumb { padding:0;margin-bottom:0;background-color:none;border-radius: 0px;}
.item-holder .text {padding: 20px 30px;}
.item-holder h5 {font-size: 18px;font-weight: 600;line-height: 30px;color: #222222;font-family: 'Roboto Slab', serif;}
.item-holder p {font-size: 13px; font-weight: 400; line-height: 24px;color: #848484;font-family: "Microsoft YaHei",'Antic', sans-serif;}
.section-title h2 { position: relative; font-size: 36px; color: #222222;line-height: 46px;font-weight: 400;padding-bottom: 10px;margin-bottom: 10px;display: inline-block;}
.section-title h2:before {position: absolute;bottom: 0px;left: 50%;width: 165px;height: 4px;margin-left: -82px;background: url(../img/jjfa/bd.png);content: '';}
.section-title img{width:100%}



.fu{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
    align-content:space-between;   
    margin: auto;  
}
.fu>li{
    width:370px; 
    height:250px;

    overflow: hidden;  
    position: relative;  
}
.fu img{
    width: 100%; 
    height:250px;
    transition: all 0.4s;     
    padding-top: 20px;
} 


.fu img:hover{   
    transform: scale(1.1); 
} 
 .btnc{
    width: 100%; 
height: 110px; 
background-color: rgba(48,48,48,0.7); 
position: absolute; 
left: 0px;
bottom: -53px; 
-webkit-transition-duration:0.3s; 
-moz-transition-duration:0.3s; 
-ms-transition-duration:0.3s;
 transition-duration:0.3s

}

.btnc h2{ 
font-weight:normal; 
font-size:14px; 
color:#fff; 
line-height: 15px;    
overflow: hidden; 
text-overflow: ellipsis; 
text-align:left; 
white-space: nowrap; 
padding-left: 20px;
} 

/* .btnc:hover{  
bottom:0px;
background-color: #1296DB;
opacity: 0.8;
}    */

.btnc h3{ 
    
    height: 38px;
    line-height:7px;  
    font-weight:normal; 
    /* margin:0 auto;   */
    border-radius:10px; 
    text-align:center; 
    font-size:14px; color:#fff;    
    text-align: left;
    padding-left: 20px;
}