﻿@charset "utf-8";

/*--------------------------- 通用样式 ----------------------------------- */
* {
	margin: 0; padding: 0 ;list-style:none;
	font-family:"微软雅黑",STXihei,STHeiti; border: none;text-decoration: none;
	 }
table { }
address, caption, cite, code, dfn, em,  th, var ,i ,h1,h2,h3,h4{ font-style: normal; font-weight: normal ; }
ol, ul { list-style: none }
del, ins,a { text-decoration: none }
caption, th { text-align: left }

input, button, textarea, select { font-size: 100%; border:none;}
i,b,span,a{display:inline-block;}

/*CLEARFIX
-------------------------------------------------------------- */
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }.clearfix { display: block; }

/*FONT
-------------------------------------------------------------- */
body { font:12px/1.5 \5b8b\4f53 }
body{width:100%;text-align:center;} 
.hidde{overflow: hidden;}.none{display: none;}
.block{display: block;}.hide{overflow: hidden;}.d-in{display: inline-block;}.man{width: 100%;}
.content{width: 1150px;margin: 0 auto;}
.dsact{color: #e7be3b!important;}
.navact{background: #005d9a;}
/*.nav ul li a:visited{background: #005d9a;}*/
/*content-------------------------------------------------------------- */
.m10{margin: 10px;}.m11{margin: 11px;}.m20{margin: 20px;}

.ml10{margin-left: 10px;}.ml20{margin-left: 20px;}.ml30{margin-left: 30px;}.ml40{margin-left: 40px;}.ml50{margin-left: 50px;}.ml60{margin-left: 60px;}.ml160{margin-left: 160px;}
.mr10{margin-right:10px}.mr90{margin-right:90px}.ml70{margin-left: 70px;}

.mt10{margin-top: 10px;}.mt15{margin-top: 15px;}.mt20{margin-top: 20px;}.mt25{margin-top: 25px;}.mt30{margin-top: 30px;}.mt40{margin-top: 40px;}.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}.mt70{margin-top: 70px;}.mt80{margin-top: 80px;}

.mb40{margin-bottom: 40px;}.mb30{margin-bottom: 30px;}.mb20{margin-bottom: 20px;}.mb50{margin-bottom: 50px;}.mb60{margin-bottom: 60px;}.mb100{margin-bottom: 100px;}

.p20{padding:20px;}.pl20{padding-left:20px; }.pr20{padding-right:20px; }

.pt30{padding-top: 30px;}.fl{float: left;}.fr{float: right;}
/*--------------------------- 通用样式 结束----------------------------------- */

/*---- header 头部样式 ------- */
.header{height: 132px;margin-top: -18px;}
.logo{}
.logol a img{margin-top: 34px;width:240px;height:75px;}
.logotxt img{margin: 35px 0  0 5px;}
.logor{height: 100px;  text-align: left;    margin-right: 50px;}
.logor img{margin: 6px 8px 15px 0;float: left;width:45px;}
.logor span{font-size: 16px;color: #676767;}
.logor p{font-size: 20px;color: #3e3e3e;font-weight: 900;line-height: 25px;    margin-bottom: 10px;}
.logor p a{font-size: 14px;color: #898a8c;font-weight: normal;margin-right: 10px;}
.logor p span{font-weight: normal;font-size: 14px;}

.navm{height: 70px;border-bottom: 4px solid #1b6fb9;background: #0085dd;}
.nav ul li{float: left;height: 70px;padding: 0 20px;margin-right: 6px;}
.nav ul li:last-child{margin-right: 0;}
.nav ul li:hover{background: #005d9a;}
.nav ul li a{height: 70px;font-size: 15px;color: #fff;text-align: center;padding-top: 12px;}
.nav ul li a p{font-size: 14px;}
.nav ul li a:focus{background: #005d9a!important;}
.nav ul li i{position: relative;left: 24px;top: 3px;}

/*---------------------- banner  轮播样式 --------------------------------------------*/
.banner{width: 100%; height:550px; overflow: hidden;position:relative;}
.banner .banner-box{width:1920px;position:absolute;overflow:hidden;left:50%;margin-left:-960px;}
.banner .banner-box .bd ul{ width:100% !important;}
.banner .banner-box .bd li{width:100% !important;height:550px;}
.banner .banner-box .bd li a{display:block;}
.banner .banner-box .bd li a img{display: block;width:1920px;overflow:hidden;}

.banner .banner-btn{width:100%;height:40px; position:absolute;bottom:30px;left:0;}
.banner .banner-box .hd {position:absolute;left:53%; top:0px; z-index: 9;margin-left: -115px;}
.banner .banner-box .hd ul li{width:18px;height:18px;text-indent:-9999px;margin-right:10px; float:left;cursor:pointer;border-radius: 50% ;background:#fff;} 
.banner .banner-box .hd ul li.on{background:#009845;}
.banner .banner-box .hd ul li:last-child{margin-right:0px;}
/*banner 结束*/
/*---------------------- Control  水治理样式--------------------------------------------*/
.Control ul li {text-align: center;width: 215px;float: left;}
.Control ul li img{width: 120px;height: 120px;margin-bottom: 10px;}
.Control ul li:hover img{transform:translateY(-20px);transition: all 0.5s;}

.Control ul li h4{font-size: 14px;color: #4e4e4e;line-height: 30px;font-weight: 600;}
.Control ul li p{font-size: 12px;color: #4e4e4e;font-weight: 600;}

/*---------------------- innews  新闻资讯样式--------------------------------------------*/
.innews h2 {text-align: center;font-size: 25px;color: #444;cursor: pointer;}
.innews h2 span{color: #156da4;}
.innews h2 p{font-size: 17px;color: #444;}
.innews h2 p.pxian{width: 20px;height: 4px;background: #0085dd;text-align: center;display: inline-block;}
.innews h3 span{font-size: 16px;color: #919191;margin: 0 20px;width: 300px;text-align: center;}
.innews h2 span:nth-child(2){font-size: 22px;}


/*新闻轮播样式*/
.scroll{ width:575px; height:350px;  position:relative; overflow:hidden;}
.scroll ul{list-style-type:none; padding:0; margin:0; position:absolute; top:0;left:0; width:99999px; height:350px; }
.scroll ul li{float:left; width:575px;position: relative;}
.scroll ul li img{width: 575px;height: 350px;}
.scroll ul li p{background: rgba(0,0,0,0.5);position: absolute;bottom: 5px;color: #fff;height: 50px;width: 100%;font-size: 16px;line-height: 50px;padding-left: 10px;}
.prev1{position:absolute; left:20px; top:35%; font-size: 60px;color: #fff;}
.next1{position:absolute; right:20px; top:35%;font-size: 60px;color: #fff;}
.prev:hover,.next:hover{color: #0085dd;}

/*新闻轮播样式结束*/
.newcont .newconlf{width: 575px;height: 554px;}
.newlb{height: 215px;width: 575px;overflow: hidden;    text-align: left;}
.newlb a{color: #fff;}
.newlb h4{font-size: 20px;line-height: 45px;padding:0 15px;background: #0ab357;}
.newlb h4 span{font-size: 16px;margin-left: 10px;}
.newlb p{font-size: 14px;line-height: 28px;color: #454545;margin-top:5px;
	text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical; overflow: hidden; 
}
.newconri{width: 540px;margin-left: 32px;}
.newconri  h3 a{width: 100%;background: #0ab357;color: #fff;height: 45px;line-height: 45px;padding-left: 20px;font-size: 20px;}
.newconri  h3 em{font-size: 16px;}

/*改动css*/
.newritxt {    text-align: left;}
.newritxt .nwtext{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow: hidden;font-size: 14px;
	color: #949494;line-height: 25px; padding: 0 20px;
}
.newritxt .nwtext h4{font-size: 14px;color: #454545;line-height: 27px;margin: 1px 0px;}
.newritxt .nwtext h4:hover{cursor:pointer;}
.newritxt .nwtext h4 span{float: right;color: #010101;font-size: 22px;}
.newritxt .nwtext p{color: #676767;}
.newritxt .nwtext p a{color: #0074c9;}
.menu_body{padding-bottom: 5px;}


/*---------------------- case 经典案例样式--------------------------------------------*/
.caself {width: 552px;}
.caself ul li{width: 264px;height: 274px;overflow: hidden;float: left;margin:0 10px 10px 0;    padding: 10px;    border: 1px solid #eee;}
.caself ul li img{width: 100%;height:223px;}
.caself ul li p{height: 35px;color: #333;font-size: 14px;line-height: 35px;padding-left: 20px;}
.scroll2{height: 558px;width: 575px;margin-left: 10px;    border: 1px solid #eee; padding: 10px;}
.scroll2 ul li{padding:10px;}
.scroll2 ul li img{height: 508px;width: 100%;}
.scroll2 ul li p{font-size: 15px;color:#333;background:none;bottom:-22px;position: none; height: 35px;   line-height: 35px;}
.casecon .scroll2 .prev,.casecon .scroll2 .next{position: relative;top: 228px;right:180px;font-size: 36px;color: #fff;background: rgba(0,0,0,0.5);padding:10px;}
.casecon .scroll2 .prev:hover,.casecon .scroll2 .next:hover{color: #0085dd;}
.casecon .scroll2 .next{left: 190px;}

/*---------------------- inpartn 合作伙伴样式--------------------------------------------*/
.inpartn h3 span{margin: 0;width: 340px;}
.inpar ul li {width: 210px;height: 105px;float: left;border: 1px solid #e7e6e6;border-radius: 15px;text-align: center;margin: 0 0 16px 16px;overflow: hidden;}
.inpar ul li img:hover{transform: scale(1.2);transition: all 1s; }
.inpar ul li:nth-child(2) img{}
.inpar ul li:nth-child(6) img{}
.inpar ul li:nth-child(7) img{}

/*---------------------- 底部样式 --------------------------------------------*/
.footer{height: 310px;background:#efefef; }
.fotnav ul li{margin-left: 20px;float: left;font-size: 15px;}
.fotnav ul li a{color: #000000;border-right:1px solid #000;height: 16px;line-height: 14px;padding-right: 32px;}
.fotnav ul li:last-child a{border-right: none;}
.indiz{margin: 0 auto;}
.indiz h5{font-size: 24px;color: #3e3e3e;}
.indizlf p{font-size: 14px;color: #3e3e3e;line-height: 30px;}
.indizri{float: left;margin:20px 0 0 59px;}
.indizri img{width: 100px;height: 100px;}
.indizri p{font-size: 16px;color: #3e3e3e;text-align: center;line-height: 35px;}
.indizlf .hldz{width: 600px;height: 120px;float: left;padding-left: 36px;margin-left: 40px;    text-align: left;
}
.inyoul{    text-align: left;}
.inyoul a{font-size: 16px;color: #3e3e3e;margin-right: 30px;}
.inyoul span{font-size: 16px;color: #3e3e3e;}
.indizlf img{width:240px;height:75px;}

/*----------------------------------------------------------------------- about 关于宏福页面 -----------------------------------------------------*/
/*
.banner{width: 100%; height:550px; overflow: hidden;position:relative;}
.banner .banner-box{width:1920px;position:absolute;overflow:hidden;left:50%;margin-left:-960px;}
.banner .banner-box .bd ul{ width:100% !important;}
.banner .banner-box .bd li{width:100% !important;height:550px;}
.banner .banner-box .bd li a{display:block;}
.banner .banner-box .bd li a img{display: block;width:1920px;overflow:hidden;}
*/
.nbanner{width: 100%; height:360px; overflow: hidden;position:relative;}
.nbanner .nbannerbox{width:1920px;position:absolute;overflow:hidden;left:50%;margin-left:-960px;}
.nbanner .nbannerbox img{width:1920px;overflow:hidden;}
.mbx{height: 54px;background: #f1f1f1;border-bottom: 2px solid #e2e2e2;}
.mbxcon{line-height: 54px;font-size: 16px;color: #868686;    text-align: left;}
.mbxcon a{color: #868686;}
.mbx .bumbx {background: #e71f19!important;    padding-left: 20%;}
.mbx .bumbx a, .mbx .bumbx {color: #fff!important;}
.mbx .bumbx span{color: #fff!important;}


.profile{margin-bottom: 60px;}
.abright{width: 875px;margin-left: 35px; text-align: left;}
.abright h2{border-bottom: 2px solid #dcdcdc;height: 45px;line-height: 40px;margin-bottom: 20px;}
.abright h2 span{width: 280px;border-bottom: 3px solid #0085dd;line-height: 40px;font-size: 22px;color: #404040;font-weight: 600;padding-bottom:7px;display: inline!important;}
.abright h2 span em{font-size: 16px;color: #bdbdbd;letter-spacing:0px;}
.abright div p{font-size: 14px;color: #5f5f5f;line-height: 25px;}
.wejjnav{width: 210px;}
.wejjnav h3{height: 136px;background: #0085dd;text-align: center;color: #fff;font-size: 22px;text-shadow:3px 3px 4px #333;
		padding-top: 40px;font-weight: 600;
}
.wejjnav h3 p{font-weight: normal;font-size: 18px;}
.wejjnav h3 p{font-weight: normal;}
.wejjnav ul li{background: #a3a3a3;height: 46px;line-height: 46px;text-align: center;margin-top: 10px;font-size: 16px;;}
.wejjnav ul li a{color: #fff;}
.wejjnav ul li:hover{background: #009745;}

/*----------------------------------------------------------------------- news 新闻资讯页面 -------------------------------------------------------*/
.newscon{}
.newatop a{width: 50%;height: 52px;background: #efeff0;float: left;line-height: 52px;font-size: 22px;color: #5f5f5f;text-align: center;}
.newatop a.newatopact{background:#0085dd;color: #fff; }
.newatop a span{font-size: 15px;}


.newtxtim .newssco:last-child{border-bottom: none;}
.newssco .newslf{padding-top: 27px;width: 50%;height: 200px;border-bottom: 1px dashed #999;}
.newssco .newslf img{width: 240px;float: left;}
.newssco .newsri{margin-right: 22px;width: 300px;text-align: left;}
.newssco .newsri h4{font-size: 15px;color: #222;font-weight: 600;line-height: 18px;
	text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow: hidden; }
.newssco .newsri .pdate{font-size: 14px;color: #999;}
.newssco .newsri div p{font-size: 13px;color: #353535;line-height: 25px;margin-top: 10px;
	text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow: hidden; 
}
.newssco .newsri div a{width: 100px;height: 36px;border: 1px solid #c8c7c7;font-size: 14px;text-align: center;line-height: 33px;color: #676767;margin-top: 12px;}
.newssco .newsri div a:hover{color: #fff;background: #009745;}

.newabotm{text-align: center;height: 30px;}
.newabotm a{font-size: 14px;color: #888;height: 30px;width: 30px;border: 1px solid #dddddd;line-height: 30px;margin-left: 10px;}
.newabotm a.a1{width: 45px;}
.newabotm a:hover{background: #1277c2;color: #fff;}
/*----------------------------------------------------------------------- newslidt 新闻详情页面 -----------------------------------------------*/
.newcont{}
.newdt:hover {background: #f2f2f2;cursor:pointer;}
.newxtex{width: 840px;text-align: left;}
.newxtex h2{background: #f1f1f1;border-bottom: 1px dashed #717171;color: #2a2a2a; line-height: 45px; padding: 10px 0;text-align: center;font-size: 22px;font-weight: normal;}
.newxtex .fhlist {text-align: right;}
.newxtex .fhlist a{width: 88px;height: 30px;line-height: 30px;text-align: center;background: #f1f1f1;font-size: 14px;text-align: center;color: #595959;}
.newtcon p{font-size: 15px;color: #666;line-height: 28px;margin-top: 10px;}
.newxtex div p{font-size: 14px;color: #666;}
.newxtex div p:nth-child(2){}
.newtcon p.pbtm{margin-top: 0;}
.newtcon p a{color: #666;}
.newtcon p span{color: #1c1c1c;}
.newtcon img{margin: 10px  10px;}

.newright{width: 270px;}
.newnavt h4{width: 270px;height: 76px;background: #0085dd;line-height: 76px;text-align: center;font-size: 20px;color: #fff;border-bottom:5px solid #025ba9;}
.newnavt .newchangs{padding:0 8px 0 10px;background: #f0eeee;padding-bottom:20px}
.newnavt .newchangs li{border-bottom:1px dashed #d1d0d0;height: 50px;line-height: 50px;width: 252px;white-space:nowrap; overflow:hidden; }
.newnavt .newchangs li a{font-size: 14px;color: #757575;width: 240px;text-align: left;}
.newnavt .newchangs li a:hover{color: #fda628;}
.newnavt .newchangs li:last-child{border-bottom: none;}
.newnavt .newchangs i{width: 6px;height: 6px;border-radius: 50%;background: #0085dd;}
.newright .newcap {width: 270px;}
.nnewssa h4{background: #e71f19;border-bottom:5px solid #DE2810;}
.nnewssa .newchangs i{background: #f00;}
/*----------------------------------------------------------------------- service 服务领域页面 -----------------------------------------------*/
.xlh3 h3{width: 250px;height: 80px;text-align: center;line-height: 80px;font-size: 22px;color: #fff;background: #0085dd;
	text-shadow: 3px 4px 5px #333; 
}
/*下拉抽屉样式--------------------*/
.dropinx li{background: #fff!important;}
.dropinx li.selected{background: #fff!important;}
.dropinx li a{padding-left: 0!important;}
.dropinx li .nwtext p a{width: 20%;}
.newritxt .nwtext div a{color: #949494!important;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow: hidden; }

.newritxt .nwtext h4 a{font-size: 16px;color: #454545;}
/* 首页下拉抽屉样式*/
.dropdown {
 width: 100%;padding-top: 20px;font-size: 12px; 
}
.dropdown li {background: #a3a3a3;margin-bottom: 10px;font-size: 16px;}
.dropdown li:hover{background: #009745;}
.dropdown li > ul li:hover{background:#fff;}
.dropdown li.selected{background: #009745;}
.dropdown li > ul li.selected{background: #fff;}
.dropdown li > ul li.selected a{color: #009745;}
.dropdown li a {display: block;width: 100%;color: #fff;height: 45px;padding-left: 20px;line-height: 45px;width: 250px;  }
.dropdown li a span{margin-right: 20px;font-size: 22px;}
.dropdown li > ul li {margin-bottom: 0;background: #fff;line-height: 0;}
.dropdown li > ul li .txian{width: 250px;height: 2px;background: url(../images/xian_03.png);}
.dropdown li > ul li a {color: #4d4d4d;padding-left: 20px;font-size: 16px;height: 35px;line-height: 35px;}
.dropdown li > ul li a span{margin-right: 40px;font-size: 18px;}
.dropdown li > ul li > ul li { background: #fff;color: #767676;}
.dropdown li > ul li > ul li a{font-size: 14px;line-height: 25px;height: 25px;border: none;}
/*下拉抽屉样式结束*/

.yewlist{width: 860px;margin-left: 30px;    text-align: left;}
.yewlist ul li{height: 252px;border-bottom: 1px dashed #d9d9d9;padding:20px 0;    text-align: left;}
.yewlist ul li:last-child{border: none;    text-align: left;}
.yewlist ul li img{width: 340px;height: 210px;}
.yewlist ul li .fwtex{margin-left: 25px;width: 490px;}
.yewlist ul li .fwtex h4{font-size: 18px;color: #222;line-height: 40px;}
.yewlist ul li .fwtex p{font-size: 14px;color: #373737;line-height: 25px;
	text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; overflow: hidden; }
.yewlist ul li .fwtex a.ywa{width: 105px;height: 34px;border: 1px solid #d3d3d3;font-size: 14px;color: #676767;text-align: center;line-height: 30px;
	margin-top: 30px;
}
.yewlist ul li .fwtex a.ywa:hover{background: #009745;color: #fff;}


/*----------------------------------------------------------------------- servlist 服务详情 -----------------------------------------------*/
.yelsxiang h2{height: 40px;line-height: 40px;border-bottom:1px solid #dcdcdc;}
.yelsxiang h2 span{border-bottom: 2px solid #0085dd;line-height: 38px;}
.yelsxiang div p{font-size: 15px;color: #5f5f5f;line-height:28px;margin-top:10px;}


/*----------------------------------------------------------------------- case 经典案例 -----------------------------------------------*/
.casecont .casea-1{text-align: center;width: 200px;}
.casecont .casea-1 a{width: 200px;height: 40px;line-height: 40px;text-align: center;background: #83d4fe;border-radius: 25px;margin-left: 15px;
	font-size: 16px;color: #fff;
}
.casecont .casea-1 .caseact{background: #009745;}
.caseul {width: 862px;}
.caseul ul li{width:265px;height:272px;float:left;margin:0 22px 22px 0;position:relative;overflow:hidden;cursor:pointer;
    border: 1px solid #eee;padding: 10px;
}
.caseul .txt{
	width:265px;height:35px;position:absolute;left:0;bottom:0;color:#333;font-family:"微软雅黑";
}
.caseul .txt h3{font-size:14px;font-weight:100;height:35px;text-align:center;line-height:35px;}
.caseul .txt p{font-size:14px;text-align:center;margin-top: 10px;}
.caseul .txt p:nth-child(2){margin-top: 50px;}
.caseul ul li a img{width: 100%;}

/*----------------------------------------------------------------------- Technology  技术研发 -----------------------------------------------*/
.casecont{}
.techul ul li{height: 420px;overflow: hidden;}
.techul ul li a img{height: 380px;}
.techul ul li h4{font-size: 16px;color: #373737;padding:0 10px;text-align: center;}
.techul ul li .teh4cont{font-size: 14px;color: #676767;padding:0 10px;position: relative;
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden; z-index: 9999;
}
.jszhengs ul li{height: 236px;overflow: hidden;}
.jszhengs ul li a img{height: 200px;}

/*----------------------------------------------------------------------- proxy  代理合作 -----------------------------------------------*/
.protxt{width: 840px;    text-align: left;}
.protxt h3{font-size: 22px;color: #222;border-bottom: 2px solid #dcdcdc;line-height: 40px;}
.protxt h3 span{border-bottom: 3px solid #0085dd;width: 120px;text-align: center;}
.protxt div p{font-size: 14px;color: #676767;}
.protxtt h3 span{border-bottom: 3px solid #f00;}

.dsrenx{width: 270px;height: 140px;background: #e71f19;    text-align: left; }
.dsrenx img{margin: 42px 8px 15px 10px;float: left;}
.dsrenx span{font-size: 18px;color: #fff;font-weight: normal;margin-top: 45px;}
.dsrenx p{font-size: 22px;color: #fff;font-weight: 900;line-height: 25px;}
/*----------------------------------------------------------------------- building 建党工作 -----------------------------------------------*/
.buicont{height: 90px;margin-top: 40px;}
.protxtt .buicont:hover .builf{background: #f00;color: #fff;}
.buicont:hover .builf{background: #0085dd;color: #fff;}
.buicont:hover .builf p{color: #fff;}
.buicont .builf{width: 90px;height: 90px;background:#d9d9d9;color: #676767;text-align: center;}
.buicont .builf span{font-size: 30px;font-weight: 600;margin-top: 10px;}
.buicont .builf p{font-size: 16px;line-height: 15px;}

.buicont .buiri{width: 750px;height: 90px;padding:0 15px;}
.buicont .buiri h4 {font-size: 18px;color: #222;font-weight: 600;line-height: 40px;}
.buicont .buiri p{font-size: 14px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden; }

.img1{ position: relative!important;top:7px!important;}

