﻿@charset "utf-8";
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* html{-webkit-text-size-adjust:100%;font-size:5.2083333vw;} */
html{-webkit-text-size-adjust:100%;font-size:100px}

html,body{height:100%;}

body{padding:0; margin:0px auto; font-size:16px;line-height:30px; color:#333333; width:100%; zoom:1;font-family:harmLight, Microsoft YaHei,arial, sans-serif;background:#fff;}
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
select,input,textarea,button{ font-size:16px; border-radius:0; -webkit-border-radius:0; color:#545454;font-family:harmLight, Microsoft YaHei,arial, sans-serif;}
input:focus { outline: none;}
input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/}
button{ cursor:pointer;}
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/}
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,fxigcaption,address,pre,time,menu{ padding: 0px;margin: 0; display: block;font-family:harmRegular, Microsoft YaHei,arial, sans-serif;}
aside{font-family:systr,Microsoft YaHei,arial, sans-serif;}
pre{white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;}
/*html5设置*/

figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0;display: inline-block;vertical-align: middle;}
a{ color:#333333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/*transition: all ease 0.3s;*/}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#006ebc;}
/**:hover{transition: all ease 0.3s;}*/

/*input字体*/
:-moz-placeholder {color: #999999;}
::-moz-placeholder {color: #999999;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #999999;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #999999;}

select {
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	border: solid 1px #d9d9d9; text-indent:1em;
	/*很关键：将默认的select选择框样式清除*/
	appearance: none; color:#999999;
	-moz-appearance: none;
	-webkit-appearance: none;
	/*在选择框的最右侧中间显示小箭头图片*/
	/* background: url(../images/select.gif) no-repeat scroll 95% center transparent; */
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
display: none;
}

/*网页滚动条*/
::-webkit-scrollbar{
            width: 6px; height:6px;-webkit-overflow-scrolling : touch;
            background-color: #e6e6e6;}
::-webkit-scrollbar-track{
            background-color: #e6e6e6;}
::-webkit-scrollbar-thumb{
            border-radius: 10px;
            background-color: #58504a;}
::-webkit-scrollbar-button{
            height: 0px;
            background-color: #e6e6e6;}

/*公用样式*/
.fl{ float:left;}.fr{ float:right;}.tl{ text-align:left !important;}.tr{ text-align:right;}.tc{ text-align:center !important;}
.hide{ display:none;}
.block{ display:block;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix{*zoom:1;}.relative{ position:relative;}
.bodyon{ overflow:hidden;}
.w1400{ z-index:3; position:relative; clear:both; width:1400px; margin:0px auto;}
.table{ display: table; width:100%;}
.table .row{ display: table-row;}
.table .cell{ display: table-cell; vertical-align: middle;}
.iblock{font-size:0;}
.iblock div,.iblock li{ display: inline-block; vertical-align: middle;font-size:16px;}
.pd100{padding-top:1rem;padding-bottom:1rem;}
.pt100{padding-top:1rem;}
.pb100{padding-bottom:1rem;}
.nones{ position:absolute; visibility:hidden; opacity:0; top:0;width: 100%;}
.relative{position: relative;}


/*font*/
.DINMedium{font-family: "DINMedium";}
.harmLight{font-family: "harmLight";}
.harmbBold{font-family: "harmbBold";}
.harmRegular{font-family: "harmRegular";}
.harmMedium{font-family: "harmMedium";} 
.f_18{font-size: 18px;}
.f_red{ color:#cc0000;}
.f_blue{ color:#2844a5;}
.f_666{ color:#666;}
.l30{line-height: 0.30rem;}
.iconfont{ font-size:24px; vertical-align:middle;display: inline-block;}
.iconyjt{margin-top: -3px;font-size: 20px;}
.tit{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}
.p,.dot{overflow: hidden;word-break:normal;
text-overflow: ellipsis;
/* white-space: break-spaces; */
display: -webkit-box;
-webkit-box-orient: vertical;}
.dot1{-webkit-line-clamp: 1;}
.dot2{-webkit-line-clamp: 2;}
.dot3{-webkit-line-clamp: 3;}
.dot4{-webkit-line-clamp: 4;}
.dot5{-webkit-line-clamp: 5;}
.dot6{-webkit-line-clamp: 6;}
.dot7{-webkit-line-clamp: 7;}

@media(max-width:1600px){
	html{font-size:6.25vw}
}
@media(max-width:1440px){
	.w1400 {width: 90%;}
}
@media ( max-width:1024px){
	html{font-size:9.765625vw}
	select,input,textarea,button{font-size: 14px;}
.w1400{width:auto;margin:0 15px;min-width: 300px;}
body{min-width:300px;font-size: 14px;line-height: 24px;}
.pd100{padding-top:25px;padding-bottom:25px;}
.l30{line-height: 24px;}
.f_18{font-size: 14px;}
}
@media(max-width:768px){
	html{font-size:12.02083vw}
	.pd100{padding-top:0.6rem;padding-bottom:0.6rem;}
	.pt100{padding-top: 0.6rem;}
	.pb100{padding-bottom: 0.6rem;}
}


/*effict*/
.Scale-img {overflow: hidden; zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;}
.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.05,1.05,1.05);transform: scale3d(1.05,1.05,1.05); top:0px; left:0px;}
.effict{transition: all ease 0.3s;}
.imgbox{ overflow:hidden; position:relative; /*background:url(../uploadfiles/nopic.jpg) center center no-repeat; background-size:contain;*/}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;display: flex;align-items: center;justify-content: center;}
.imgbox img{ width:auto; max-height:100%;}

.ico{display: flex;vertical-align: middle;position: relative;align-items: center;justify-content: center;}
.ico .i1,.ico .i2 {position: absolute;z-index: 100;}
.ico .i1 {transition: 400ms;}
.ico .i2 {-webkit-transform: scale(0);transform: scale(0);opacity: 0;filter: alpha(opacity=0);transition: 500ms;}
.li:hover .ico .i2,.li.on .ico .i2 {-webkit-transform: scale(1);transform: scale(1);opacity: 1;filter: alpha(opacity=100);}
.li:hover .ico .i1,.li.on .ico .i1 {opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(1.2);transform: scale(1.2);}

.btnam{position: relative;transition: all 0.3s;display: block;text-align: center;color:#fff !important;border-radius: 0.28rem;width: 1.7rem;line-height: 0.55rem;font-size: 16px;background:#00d1d8;overflow: hidden;}
.btnam em{position: relative;z-index: 1;display: inline-block;}
.btnam:after{left: -200%;top: -200%;position: absolute;content: "";width: 200%;height: 200%;transition: all 0.5s 0.1s;background-image: linear-gradient(#00d1d8, #ad6df7);border-radius: 0.28rem;}
.btnam:hover:after{left:0%;top:0;width: 120%;height: 120%;}
.btnam.blueline{border:2px solid #2945a8;line-height: 0.51rem;background-color: transparent;color:#1c3cac !important;}
.btnam:hover,.btnam:hover.blueline{color:#fff !important;}

/*pages*/
.Pages{clear: both;text-align: center;line-height: 34px;font-size: 14px;padding: 5% 0;position: relative;}
.Pages .p_cur,.Pages .p_count,.Pages .p_total{display: none;}
.Pages a{display: inline-block;vertical-align: middle;line-height: 34px;min-width:36px;padding:0 10px;border-radius: 3px;}
.Pages a{border:1px solid #d2d2d2;color:#333333;margin:0 3px;}
.Pages a:hover,.Pages a.a_cur{border:1px solid #006ebc;color:#fff;background:#006ebc;}
.Pages .arr{padding:0 14px;border:1px solid #ebebeb;border-radius: 3px;}
.Pages .arr:hover{color: #fff;background:#5adadd;border:1px solid #5adadd;}
.Pages b{font-weight: normal;}
.Pages.white .arr{background: #fff;}
.Pages input{width:40px;height:36px;border-radius: 3px;border:1px solid #d2d2d2;text-align: center;margin-right:5px;}

@media ( max-width:768px){
.Pages .num{display: none;}
.Pages a{line-height: 28px;padding:0 5px;min-width:25px;font-size: 13px;}
.Pages .p_jump{display: none;}
.Pages{padding:30px 0;}
}


/*pages end*/


/*Top*/
.Header{ height:99px;line-height:99px; position:fixed; width:100%; left:0; top:0;z-index:1000; transition: all 0.3s;border-bottom: 1px solid rgba(255,255,255,0.21);}
.Header .auto>*{display: inline-block;vertical-align: middle;}
.Header .auto{width: 82%;margin:0px auto;}
.Header .Logo {float: left;}
.Header .Logo img{height: 0.65rem;margin-top: -5px;}
.Header .Logo img.cai{display: none;}

.Search{float: right;}
.Search .Searchico{ cursor:pointer; color:#fff;}.Search .Searchico:hover{opacity: 0.8;}
.Search .Searchico .icongb{ display:none;}
.Search .Searchico.on .icongb{ display:block;}
.Search .Searchico.on .iconso{ display:none;}
.Search .Searchico .iconfont{ font-size:24px;}
.Search .searchbox{width:3.4rem;position: absolute;border:1px solid rgba(255,255,255,0.2);padding-right: 49px;line-height: 35px;opacity: 0;visibility: hidden;z-index: -1;top: 110px;background:#fff;transition: all 0.3s;right: 5%;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.Search .searchbox:hover{border:1px solid #fff;}
.Search .searchbox .input{width:100%; height:45px; line-height:45px; text-indent:1em;font-size: 14px;}
.Search .searchbox .btn { position:absolute; right:0; top:0; width:48px; height:100%; color:#fff;background:#1b70e5;}
.Search .searchbox.on{opacity: 1;visibility: visible;top: 99px;z-index: 10;}

.MainNav{float: right;}
.MainNav li{float: left; margin-right: 0.4rem; position:relative; z-index:100;}
.MainNav span a{ position:relative; z-index:1;display:block; text-align:center;transition: all ease 0s;color:#fff;font-size: 18px;}
.MainNav span a em{ position:relative; z-index:1;}
.MainNav span a:after{ position:absolute; left:50%; width:0; bottom:1px; height:3px; background:#fff;transition: all ease 0.3s;content: "";transform: translateX(-50%);}
.MainNav .arr{ display:none;}
/* .MainNav li:hover span a,.MainNav li.onnav span a{color:#2945a8;} */
.MainNav li:hover a:after,.MainNav li.onnav a:after{ width:100%;}

.NavPull{ z-index:99;display:none; position:absolute; text-align:center; top:99px; left:50%;width:150px;margin-left:-80px; line-height:30px; background:#fff; box-shadow:5px 5px 15px rgba(0,0,0,0.2);font-size:15px;}
.NavPull.null{background:none; padding:0;}
.NavPull dd{ position:relative;}
.NavPull a{padding:0; display:block; padding:4px 0;}
.NavPull dd p{position: absolute;left: 100%;width: 100%;top: 0;display: none;background: #fff;box-shadow:0 5px 15px rgba(0,0,0,0.2);}
.NavPull dd:hover p{display: block;}
.closebtn{ position:fixed; left:0px; top:50px; width:100%; height:100%; z-index:10; display:none;background: rgba(0,0,0,0.5);}
.openbtn{ cursor:pointer; height:25px; position:absolute; right:0; top:0;height: 80%; z-index:999;color:#fff;font-family: Arial, Helvetica, sans-serif;display: none;font-size: 12px;display: none;}
.openbtn span{ display:inline-block;vertical-align: middle;margin:0 10px 0 0;}
.openbtn i{ display:block; height:2px; background:#006ebc; border-radius:4px; margin:7px 0;transition: all ease 0.3s;width: 28px;}
.openbtn.on .sp1 {
	-webkit-transform: translate(0, 9px) rotate(45deg) !important;
	-moz-transform: translate(0, 9px) rotate(45deg) !important;
	-ms-transform: translate(0, 9px) rotate(45deg) !important;
	-o-transform: translate(0, 9px) rotate(45deg) !important;
	transform: translate(0, 9px) rotate(45deg) !important;}
.openbtn.on .sp2 {
	-webkit-transform: translate(0, 0) rotate(-45deg) !important;
	-moz-transform: translate(0, 0) rotate(-45deg) !important;
	-ms-transform: translate(0, 0) rotate(-45deg) !important;
	-o-transform: translate(0, 0) rotate(-45deg) !important;
	transform: translate(0, 0) rotate(-45deg) !important;}	
.openbtn.on .sp3 {width: 0;}

.Header.fixed3{background:rgba(0,0,0,0.5);box-shadow: 0 0 15px rgba(0,0,0,0.12);height: 80px;line-height: 80px;}
.Header.fixed3 .Search .searchbox.on{top: 80px;}
.Header.fixed3 .NavPull{top: 80px;}
.Header:hover,.Header.on{background:#fff;}
.Header:hover .MainNav span a,.Header.on .MainNav span a{color:#222222;}
.Header:hover .MainNav span a:after{ background:#006ebc;}
.Header:hover .Logo img.cai,.Header.on .Logo img.cai{display: inline-block;}
.Header:hover .Logo img.bai,.Header.on .Logo img.bai{display: none;}
.Header:hover .Ver:after,.Header.on .Ver:after{background:#e6e6e6;}
.Header:hover .Ver i,.Header:hover .Ver a,.Header.on .Ver i,.Header.on .Ver a {color:#c4c4c4;}
.Header:hover .Ver a.on,.Header.on .Ver a.on{color:#006ebc;}
.Search .Searchico{ cursor:pointer; color:#fff;}
.Header:hover .Search .Searchico,.Header.on .Search .Searchico{color:#333;}
.Header:hover .searchbox .input::-webkit-input-placeholder,.Header.on .searchbox .input::-webkit-input-placeholder {color:#999999;}
.Header:hover .MainNav li:hover span a, .Header:hover .MainNav li.onnav span a,.Header.on .MainNav li:hover span a, .Header.on .MainNav li.onnav span a{color:#006ebc;}

@media(max-width:1440px){
	.Header .auto{width: 92%;}
	.NavPull dd p{left:auto;right:100%;}
}
@media(max-width:1366px){
	.MainNav li{margin-right: 0.3rem;}
}
@media(max-width:1024px){
.Header,.Header.fixed3{height: 50px;line-height: 50px;}
.Header .auto{padding:0 15px;width: auto;}
.Header .Logo img{height: 30px;}
.openbtn{display: block;}
.Search {margin-right: 38px;}
.Search .Searchico{display: block;}
.Search .searchbox{width: 96%;right: 2%;}
.Search .searchbox.on{top: 50px;}
.Search .searchbox .input{height: 35px;line-height: 35px;}
.Header.fixed3 .Search .searchbox.on{top: 50px;}
.MainNav{position: fixed;right: 0;top: 50px;width: 58%;height: calc(100% - 50px);right: -100%;transition: all 0.3s;opacity: 0;background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.2);padding-top: 20px;overflow-y: auto;z-index: 100;}
.MainNav.on{right: 0;opacity: 1;}
.MainNav li{width: auto;float: none;text-align: left;margin-right: 0;}
.MainNav span a{text-align: left;font-size: 15px;padding-left: 15px;line-height: 40px;border-bottom: 1px solid #eee;margin:0 10px;}
.MainNav .arr{display: block;width: 80px;position: absolute;right: 0;top: 0;height: 40px;line-height: 40px;z-index: 5;}
.MainNav .arr i{position: absolute;right: 10px;font-size: 14px;color:#666;top: 0;transition: all 0.3s;}
.MainNav li.onnav .arr i{transform: rotate(-180deg);}
.NavPull{position: static;width: 100%;margin:0;text-align: left;}
.Header.fixed3 .NavPull{padding:20px;}
.NavPull{padding:10px 0;}
.NavPull a{padding: 0 0 0 25px;}
}


/*Bottom*/
.Footer{ position:relative; background:url(../images/footerbg.jpg) center center no-repeat;background-size:cover;padding: 1.53rem 0 0.47rem;margin-top: 1.33rem;font-size: 14px;}
.Footer:After{content:"";position:absolute;left:0;top:-1.34rem;height: 2.47rem;background:url(../images/footerpoint.png) center top no-repeat;background-size:cover;width: 100%;z-index: 1;}
.Footer .Left{width: 65%;float: left;}
.Footer nav a{display: inline-block;margin-right: 0.75rem;font-size: 18px;color:#fff;}
.Footer nav a:last-child{margin-right: 0;}
.Footer .snav{padding:54px 0 22px 0;border-bottom: 1px solid rgba(255,255,255,0.1);margin-bottom: 20px;}
.Footer .snav i{display: inline-block;text-align: center;width: 25px;color:rgba(255,255,255,0.5);}
.Footer .snav i:last-child{display: none;}
.Footer .copyright{color:rgba(255,255,255,0.5);}
.Footer a{color:rgba(255,255,255,0.5);}
.Footer a:hover{color:#fff;}
.Footer .ewm{float: right;text-align: center;padding-top: 7px;color:#fff;}
.Footer .ewm img{display: block;width: 139px;height: 139px;background:#fff;border:1px solid #c9def0;padding:8px;margin:0px auto 11px;}

.totop{position:fixed;right:0;bottom:-100%;text-align: center; cursor: pointer;overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;width: 55px;height: 55px;line-height:20px;color:#fff;background:#1b70e5;box-shadow:0 0 10px rgba(0,0,0,0.2);z-index:210;cursor: pointer;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.totop.cd-is-visible {visibility: visible;opacity: 1; cursor:pointer;bottom: 0;}
.totop i{display: block;transform: rotate(-180deg);}
.totop:hover{color:#fff;background:#0356c7;}

@media(max-width:1366px){
	.Footer nav a{margin-right: 0.65rem;}
}
@media(max-width:1024px){
	.Footer{margin-top: 0.4rem;}
	.Footer:After{background-size: contain;top: 0;}
	.Footer .Left{width: calc(100% - 200px);}
	.Footer nav {display: flex;justify-content: space-between;}
	.Footer nav a{font-size: 16px;margin-right: 0;flex: 1;}
}
@media(max-width:768px){
	.Footer .Left{width: auto;float: none;font-size: 12px;}
	.Footer nav a{font-size: 12px;}
	.Footer .snav{padding:0px 0 10px;}
	.Footer .snav i {width: 15px;}
	.Footer .ewm{width: auto;float: none;margin-bottom: 5px;}
	.totop{width: 40px;height: 40px;font-size: 0;line-height: 0;}
}
@media(max-width:480px){
	.Footer nav{display: block;}
	.Footer nav a{margin-right: 5px;display: inline-block;}
	.Footer .ewm img{width: 100px;height: 100px;}
}
/*Bottom*/


/*首页 s*/
.itemhover{transition: all ease 0.3s;}
.activehover{-webkit-box-shadow: 0 15px 38px rgba(0,0,0,0.18);
	box-shadow: 0 15px 38px rgba(0,0,0,0.18);
	-webkit-transform: translate3d(0, -4px, 0);
	transform: translate3d(0, -4px, 0);}
.itemhover2{transition: all ease 0.3s;display: block;}
.activehover2{
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0);}

/*第一屏 s*/
.HomeBan{position: relative; z-index: 1; background: url(../images/loading.gif) center center no-repeat;margin-bottom: 1.27rem;}
.HomeBan:After{content:"";position:absolute;left:0;bottom:-1.27rem;height: 2.49rem;background:url(../images/banpoint.png) center top no-repeat;background-size:contain;width: 100%;z-index: 1;}
.HomeBan .slider{overflow: hidden;}
.HomeBan .item{ position:relative;}
.HomeBan .item .imgbox img {width: 100%;height: 7.8rem;position: absolute;top: -1px;left: -1px;-o-object-fit: cover;object-fit: cover;-webkit-filter: url(#water);filter: url(#water);}
.HomeBan .item svg{ position:absolute;left: 0;top: 1%;width: 100%;height: 100%;}
.HomeBan .txt{ z-index:10; position:absolute; left:10%; width:80%; top: 50%; transform: translate(0,-50%);color:#fff;text-align: center;}
.HomeBan .txt .desc{text-align: center;}

.HomeBan .imgbox{padding-top:7.8rem;}
.HomeBan .imgbox.sj{display: none;}
.HomeBan .slick-dots {bottom: 0;width: 4.53rem;left: auto;right: 0;text-align: left;height: 1.1rem;}
.HomeBan .slick-dots li{margin: 0 14px;position: relative;}
.HomeBan .slick-dots li button{width: 0.22rem;height: 0.29rem;background:url(../images/water.png); background-size:contain;position: relative;}
.HomeBan .slick-dots li button:After{width: 0;height: ;left: 50%;top: 50%;content: "";position: absolute;background:url(../images/wateron.png); background-size:contain;transition: all .3s;}
.HomeBan .slick-dots li.slick-active button{background: transparent;}
.HomeBan .slick-dots li.slick-active button:After{width: 100%;height: 100%;left: 0;top: 0;}

.HomeBan .slick-arrow{background-color:transparent;border:1px solid #fff;width: 60px;border-radius: 50%;}
.HomeBan:hover .slick-prev{left: 2%;}
.HomeBan:hover .slick-next{right: 2%;}
.HomeBan .slick-arrow:hover{background-color:#1c6fe9;border:1px solid #1c6fe9;}

@media(max-width:1440px){
	.HomeBan .slick-arrow{width: 45px;}
}

@media(max-width:1024px){
.HomeBan{margin-bottom: 0.5rem;}
.HomeBan:After{bottom:-1.5rem;}
.HomeBan .slick-arrow{display: none !important;}
.HomeBan .slick-dots{width: 2.5rem;}
}
@media(max-width:768px){
	.HomeBan .txt{width: 50%;left: 25%;}
	.HomeBan .slick-dots li{margin:0 5px;}
}

/*首页 end*/

.HomeTit{border-bottom: 1px solid #eeeeee;position: relative;line-height: 20px;margin-bottom: 32px;}
.HomeTit .TabNav li{float: left;margin-right: 0.35rem;}
.HomeTit .TabNav li .a{position: relative;display: block;color:#939393;font-size: 20px;height: 39px;cursor: pointer;}
.HomeTit .TabNav li .a:After{position: absolute;left: 0;height: 3px;width: 0;background:#006ebc;content: "";bottom: -3px;transition: all 0.3s;}
.HomeTit .TabNav li .more{position: absolute;right: 0;top: 0;color:#c3c3c3;display: none;}
.HomeTit .TabNav li .more:hover{color:#006ebc;}
.HomeTit .TabNav li.on .a{color:#333333;}
.HomeTit .TabNav li.on .a:after{width: 100%;}
.HomeTit .TabNav li.on .more{display: block;}

.HomeLeft{width: calc(100% - 3.85rem);float: left;}
.HomeNews .Focus{width: 48%;float: left;overflow: hidden;margin-bottom: 51px;}
.HomeNews .Focus .item{position: relative;}
.HomeNews .Focus .imgbox{padding-top: 337px;}
.HomeNews .Focus .tit{padding-left: 18px;position: absolute;z-index: 10;width: calc(100% - 1.33rem);line-height: 0.6rem;left: 0;bottom: 0;color:#fff;}
.HomeNews .Focus .imgbox:after{height: 0.6rem;padding:0 1.33rem 0 18px;background:rgba(0,0,0,0.22);content: "";left: 0;bottom: 0;z-index:2;width: 100%;position: absolute;}
.HomeNews .Focus .slick-dots {left: auto;right: 0;width: 1.33rem;line-height: 0.6rem;}
.HomeNews .Focus .slick-dots li button{background:#fff;}
.HomeNews .Focus .slick-dots li.slick-active button{width: 0.4rem;border-radius: 6px;background:#006ebc;}
.HomeNews .Focus .item:hover .tit{color:#006ebc;}
.HomeNews .Focus:hover .slick-prev{left: 1%;}
.HomeNews .Focus:hover .slick-next{right: 1%;}
.HomeNews .Rec{width: 52%;float: right;padding-left: 25px;margin-top: -8px;}

.ListWz .top{height: 116px;padding-left: 165px;position: relative;padding-top: 8px;}
.ListWz .top .imgbox{position: absolute;left: 0;top: 8;width: 150px;height: 100px;}
.ListWz .top .tit{line-height: 35px;}
.ListWz .top .p{line-height: 28px;-webkit-line-clamp: 2;height: 56px;margin-top: 4px;color:#999999;font-size: 14px;}
.ListWz .li{height: 39px;line-height: 39px;position: relative;padding:0 55px 0 19px;}
.ListWz .li:After{position: absolute;left: 0;top: 50%;width: 4px;height: 4px;background:#006ebc;content: "";margin-top: -2px;transition: all 0.3s;}
.ListWz .li .date{position: absolute;right: 0;top:0 ;color:#d4d4d4;}
.ListWz .li:hover:after{left: 5px;}

.HomeRight{width: 3.45rem;float: right;}
.HomeFast ul{margin-left: -11px;}
.HomeFast li{width: 50%;float: left;padding:0 0 11px 11px;text-align: center;}
.HomeFast li a{display: flex;height: 130px;flex-direction: column;align-items: center;justify-content: center;background-position: center center;background-size: cover;color:#fff;font-size: 18px;}
.HomeFast li img{width: 53px;height: 53px;margin-bottom: -8px;}
.HomeFast li:nth-child(1){width: auto;float: none;}
.HomeFast li:nth-child(1) a{flex-direction: row;background-image: url(../images/bga1.jpg);font-size: 30px;}
.HomeFast li:nth-child(1) img{width: 78px;height: 78px;margin: 0 0.18rem 0 0;}
.HomeFast li:nth-child(2) a{background-image: url(../images/bga2.jpg);}
.HomeFast li:nth-child(3) a{background-image: url(../images/bga3.jpg);}
.HomeFast li:nth-child(4) a{background-image: url(../images/bga4.jpg);}
.HomeFast li:nth-child(5) a{background-image: url(../images/bga5.jpg);}
.HomeFast.bz {margin-bottom: 40px;}
.HomeFast.bz li:nth-child(1) a{height: 1.19rem;background-image: url(../images/bga6.jpg);}

.Homeflfg{clear: both;}
.Homeflfg .list{margin: 0 0 30px -28px;}
.Homeflfg .list li{width: 33.333%;float: left;padding:0 0 0 28px;height: 100px;}
.Homeflfg .list li a{position: relative;display: block;padding-left: 94px;line-height: 24px;}
.Homeflfg .list li .date{position: absolute;text-align: center;width: 80px;height: 80px;background:#f5f5f5;color:#333333;left: 0;top: 0;transition: all 0.3s;}
.Homeflfg .list li .date span{display: block;line-height: 32px;padding-top: 12px;font-size: 30px;font-family: harmRegular;}
.Homeflfg .list li .date em{font-size: 14px;color:#999999;}
.Homeflfg .list li .tit{font-size: 18px;}
.Homeflfg .list li .p{margin-top: 10px;height: 48px;-webkit-line-clamp: 2;color:#999999;font-size: 14px;}
.Homeflfg .list li:hover .date{background:#006ebc;color:#fff;}
.Homeflfg .list li:hover .date em{color:#b8cde6;}

.Ztbox{overflow: hidden;margin-bottom: 50px;}
.Ztbox .item img{width: 100%;}
.Ztbox:hover .slick-prev{left: 2%;}
.Ztbox:hover .slick-next{right: 2%;}

.HomeCol{width: 48%;padding-bottom: 36px;}
.HomeCol .ListWz{margin-top: -8px;}
.TabSlide{position: relative;}
.HomeCol .ListHeight{height:272px;overflow: hidden;}

.Homeweb{line-height: 39px;}
.Homeweb .txt{line-height: 39px;margin:-21px 0 14px 0;}
.Homeweb #map{height: 190px;border:4px solid #c0e5ff;}

.HomeCol2{width: 31.333%;float: left;background:#fff;box-shadow: 0 10px 25px rgba(0,0,0,0.06);min-height: 470px;margin-bottom: 68px;}
.HomeCol2:nth-child(3n+2){margin-left: 3%;}
.HomeCol2:nth-child(3n+3){float: right;}
.HomeCol2 .thead a{height: 160px;background-position: center center;background-repeat: no-repeat;background-size: cover;display: flex;align-items: center;justify-content: center;}
.HomeCol2 .thead aside{font-size: 22px;color:#fff;background:url(../images/titbg.png) center center no-repeat;width: 186px;line-height: 50px;text-align: center;background-size:contain;}
.HomeCol2 ul{padding:16px 14px 0;}
.HomeCol2 li{height: 39px;line-height: 39px;position: relative;padding:0 55px 0 15px;background:url(../images/arr.gif) 0px center no-repeat;transition: all 0.3s;}
.HomeCol2 li .date{position: absolute;right: 0;top: 0;color:#b2b2b2;}
.HomeCol2 li:hover{background-position: 5px center;}

.FriendLink{clear: both;box-shadow: 0 10px 20px rgba(0,0,0,0.03);padding:0 22px 0 81px;min-height: 180px;border:1px solid #efefef;position: relative;overflow: hidden;z-index: 10;}
.FriendLink .ti{position: absolute;left: 0;top: -10px;color:#fff;font-size: 18px;line-height: 24px;padding:19px 20px 0 20px;width: 66px;height:141px;background:url(../images/titbg2.png) center top no-repeat;background-size: contain;text-align: center;}
.FriendLink .txtnav{background:url(../images/linebg.gif) 0px bottom repeat-x;margin-bottom: 20px;padding:16px 0 14px 16px;}
.FriendLink .txtnav a{display: inline-block;margin-right: 29px;color:#999999;}
.FriendLink .txtnav a:hover{color:#006ebc;}

.FriendLink .sroll{ overflow: hidden; height: 70px;font-size: 0;position: relative;width: 100%;}
.FriendLink .sroll a{margin-right: 23px;display: inline-block;}
.FriendLink .imgbox{padding-top: 70px;width: 240px;}

@media(max-width:1024px){
	.HomeLeft{width: auto;float: none;}
	.HomeRight{width: auto;float: none;clear: both;}
	.HomeFast li a{height: 1.3rem;}
}
@media(max-width:768px){
	.HomeCol2{width: auto;float: none !important;margin: 0 0 15px 0 !important;min-height:auto;padding-bottom: 12px;}
	.HomeCol2 .thead a{height: 1.6rem;}
	.HomeCol2 .thead aside{font-size: 16px;width: 120px;}
	.Homeweb{padding-bottom: 20px;}
	.Homeweb .txt{margin-top: 0;line-height: 30px;}

	.Homeflfg .list{margin: 0 0 10px 0;}
	.Homeflfg .list li{width: auto;float: none;padding-left: 0;}
	.Homeflfg .list li .tit{font-size: 15px;}

	.Ztbox{margin-bottom: 20px;}

	.HomeCol{width: auto; float: none !important;padding-bottom: 20px;}

	.HomeFast.bz{margin-bottom: 10px;}
}
@media(max-width:640px){
	.HomeTit{margin-bottom: 18px;}
	.HomeTit .TabNav li .a{height: 28px;font-size: 16px;}
	.HomeNews .Focus{width: auto;float: none;margin-bottom: 20px;}
	.HomeNews .Focus .imgbox{padding-top: 64%;}
	.HomeNews .Focus .imgbox:after{height: 35px;}
	.HomeNews .Focus .tit{line-height: 35px;width: calc(100% - 100px);}
	.HomeNews .Focus .slick-dots{width: 100px;line-height: 35px;}
	.HomeNews .Focus .slick-dots li.slick-active button{width: 8px;}
	.HomeNews .Rec{width: auto;float: none;padding:0 0 0 0;margin-bottom: 20px;}

	.ListWz .li{height: 30px;line-height: 30px;}
	.HomeCol .ListHeight{height:236px;}
	
	.HomeFast li a{font-size: 15px;}
	.HomeFast li img{width: 25px;height: 25px;}
	.HomeFast li:nth-child(1) a{font-size: 18px;}
	.HomeFast li:nth-child(1) img{width: 35px;height: 35px;}

	.Homeflfg{padding-top: 10px;}

	.HomeCol2 li{height: 30px;line-height: 30px;}

	.FriendLink {padding-left: 47px;}
	.FriendLink .txtnav a{margin-right: 10px;}
	.FriendLink .ti{width: 45px;font-size: 14px;line-height: 18px;padding-left: 10px;padding-right: 10px;}
	.FriendLink .imgbox{width: 146px;padding-top: 46px;}
}


/*栏目页公用样式 s*/
.SubPage{position: relative;background:#fff;z-index: 1;overflow: hidden;}

.SubBan{position: relative;overflow: hidden;}
.SubBan .img img{width: 100%;}
.SubBan .Info{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;font-size: 0.18rem;text-align: center;color:#fff;width: 100%;}
.SubBan aside{font-size: 0.46rem;line-height: 0.64rem;}

.SubMenu{border-bottom: 1px solid #efefef;line-height: 1rem;background:#fff;position: relative;z-index: 1;}
.SubMenu ul{float: left;}
.SubMenu li{position: relative;margin-right: 0.1rem;float: left;}
.SubMenu li a{ display:block; color:#001027;font-size: 0.2rem;padding:0 0.33rem;position: relative;z-index: 1;}
.SubMenu li:after{content: "";position:absolute;left: 50%;top: 50%;transform: translateY(-50%);width: 0;border-radius: 25px;background:#2844a5;transition: all 0.3s;box-shadow: 0 20px 30px rgba(40,68,165,0.15);height: 0.5rem;}
.SubMenu li a:hover,.SubMenu li.onli a{ color:#fff;}
.SubMenu li:hover:after,.SubMenu li.onli:after{width: 100%;left: 0;}

.ColName{font-family: "harmMedium"; background:#2844a5; color:#fff;display:none; position:relative; z-index:100; line-height:36px;padding-left: 12px;font-size: 15px;}
.ColName .iconfont{ font-size:20px; position:absolute; width:100%; height:100%; text-align:right; right:10px; top:0;transition: all ease 0.3s;}

.Place{float: right;font-size: 14px;color:#999999;background:url(../images/ico/ico_home.png) 0px center no-repeat;padding-left: 21px;}
.Place a{color:#999999;}
.Place a:hover,.Place span{color:#2844a5;}

.SinglePage{ color:#333333; word-wrap:break-word;word-break:normal;text-align:justify;line-height: 0.36rem;}
.SinglePage.l30{line-height: 0.3rem;}
.SinglePage video{ width:60%; margin:0px auto;}

@media(max-width:1024px){
	.SubBan .Info{font-size: 14px;}
	.ColName{display: block;}
	/* .SubMenu ul{display: none;} */
	.SubMenu{line-height: 16px;padding-bottom: 10px;}
	.SubMenu ul{padding-top: 15px;float: none;}
	.SubMenu li{width: 33.333%;margin: 0;text-align: center;height: 32px;}
	.SubMenu li a{font-size: 15px;}
	.SubMenu li:after{display: none;}
	.SubMenu li a:hover, .SubMenu li.onli a{color:#2844a5;font-family: "harmMedium"}
	.SinglePage,.SinglePage.l30{line-height: 24px;}
	.SinglePage video{ width:100%}
}
/*栏目页公用样式 end*/


/*公司简介 s*/
.nBan{position: relative;padding-bottom:1.27rem;}
.nBan .img img{width:100%;}
.nBan .img .wap{display: none;}
.nBan:After{content:"";position:absolute;left:0;bottom:0;height: 2.49rem;background:url(../images/banpoint.png) center top no-repeat;background-size:contain;width: 100%;z-index: 1;}

.subMain .subMainBox{padding-left:310px;position: relative;font-family: 'harmRegular';}
.subMain .subMainBox .subMenu{width:270px;position: absolute;top:0;left:0;}
.subMain .subMainBox .subMenu .subTit{line-height: 100px;background: url(../images/navlogo.png) #006ebc no-repeat center right 30px;box-sizing: border-box;padding:0 35px;border-radius: 20px 20px 0 0;}
.subMain .subMainBox .subMenu .subTit h1{font-size: 28px;color:#fff;font-weight: normal;font-family: 'harmMedium';}
.subMain .subMainBox .subMenu ul{padding:15px 0 60px 0;position: relative;}
.subMain .subMainBox .subMenu ul::before{content:'';display: block;width:6px;height:100%;background: #006ebc;position: absolute;left:0;top:0;}
.subMain .subMainBox .subMenu ul li{padding:15px 0;border-bottom:1px solid #eeeeee;}
.subMain .subMainBox .subMenu ul li a{display: block;padding:0 35px;line-height: 50px;position: relative;font-size: 18px;transition: all .3s;-webkit-transition: all .3s;}
.subMain .subMainBox .subMenu ul li a::before{content:'';display: block;width:6px;height:100%;background: #f3bc32;position: absolute;top:0;left:0;transition: all .5s;-webkit-transition: all .5s;transform: rotateX(90deg);-webkit-transform: rotateX(90deg);opacity: 0;}
.subMain .subMainBox .subMenu ul li.on a::before{transform: rotateY(0);-webkit-transform: rotateY(0);opacity: 1;}
.subMain .subMainBox .subMenu ul li.on a{background: #ffcd50;color:#006ebc;}
.subMain .subMainBox .subMenu ul li:hover a::before{transform: rotateY(0);-webkit-transform: rotateY(0);opacity: 1;}
.subMain .subMainBox .subMenu ul li:hover a{background: #ffcd50;color:#006ebc;}


.subMain .subMainBox .subContent{width:100%;min-height:800px;box-sizing: border-box;padding:10px 30px 30px;background: #f8fbff;}
.Localtion{border-bottom:1px solid #eee;line-height: 70px;margin-bottom:50px;}
.Localtion .title{font-size: 24px;font-family:'harmMedium';color:#006ebc;position: relative;}
.Localtion .title::before{content:'';display: block;width:100%;height:2px;background: #006ebc;position: absolute;left:0;bottom:-1px;}
.Localtion .current{font-size: 14px;color:#999;}
.Localtion .current img{position: relative;top:-2px;}
.Localtion .current a{color:#999;}
.Localtion .current span{color:#006ebc;}
.Localtion .current a:hover{color:#006ebc;}

.Content{font-size: 16px;line-height: 32px;color:#666;font-family: 'harmLight';}
.Content table{border-collapse: collapse;border-spacing: 0;border: 1px solid #e5e5e5;}
.Content table td{border: 1px solid #e5e5e5;padding:5px;}

@media(max-width:1440px){
	.subMain .subMainBox{padding-left:280px;}
	.subMain .subMainBox .subMenu{width:240px;}
}

@media(max-width:1024px){
	.nBan{padding-bottom:0.6rem;}
	.nBan:After{height:1.2rem;}
	.subMain .subMainBox{padding-left:0;}
	.subMain .subMainBox .subMenu{width:100%;position: static;margin-bottom:20px;}
	.subMain .subMainBox .subMenu .subTit{line-height: 50px;background-size: contain;}
	.subMain .subMainBox .subMenu .subTit h1{font-size: 16px;text-align:center;}
	.subMain .subMainBox .subMenu ul{padding:0;}
	.subMain .subMainBox .subMenu ul::after{content:'';display: block;clear: both;}
	.subMain .subMainBox .subMenu ul::before{display: none;}
	.subMain .subMainBox .subMenu ul li{padding:5px;width:50%;box-sizing: border-box;float:left;}
	.subMain .subMainBox .subMenu ul li a{line-height: 35px;font-size: 15px;padding:0;text-align: center;background: #f5f5f5;}
	.subMain .subMainBox .subMenu ul li a::before{display: none;}
	.Localtion{line-height: 50px;margin-bottom:20px;}
	.Localtion .title{font-size: 20px;}
	.subMain .subMainBox .subContent{min-height:100px;}
}


@media(max-width:768px){
	.nBan .img .pc{display: none;}
	.nBan .img .wap{display: block;}
	.subMain .subMainBox .subMenu .subTit{line-height: 40px;}
	.Content{font-size: 14px;line-height:28px;}
}

@media(max-width:560px){
	.Localtion .current{display: none;}
	.subMain .subMainBox .subContent{padding:0 10px 10px;}
}

.nAbout .nAboutTit{margin-bottom:30px;}
.nAbout .nAboutTit .en{font-size: 20px;font-family: DINB;color:#123b7b;text-transform: uppercase;letter-spacing: 3px;}
.nAbout .nAboutTit .cn{font-size: 34px;font-family: 'harmMedium';margin:10px 0 20px 0;}
.nAbout .nAboutTit b{display: block;width:20px;height:3px;background: #123b7b;}

.nAbout .nAboutCon{margin:30px 0;}
.nAbout .nAboutCon .img{width:55%;padding-top:460px;}
.nAbout .nAboutCon .number {width:45%;}
.nAbout .nAboutCon .number ul li{width:50%;box-sizing: border-box;float:left;height:230px;position: relative;color:#fff;text-align: center;}
.nAbout .nAboutCon .number ul li .cons{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width:100%;box-sizing: border-box;padding:0 5px;}
.nAbout .nAboutCon .number ul li .cons .icon{width:40px;height:40px;line-height: 40px;text-align: center;margin:0 auto;}
.nAbout .nAboutCon .number ul li .cons p{margin:20px 0 10px 0;}
.nAbout .nAboutCon .number ul li .cons p strong{font-size: 40px;font-family:'DINB';font-weight: normal;line-height: 40px;}
.nAbout .nAboutCon .number ul li .cons p i{position: relative;top:-15px;margin-left:5px;}

.nAbout .nAboutCon .number ul li .cons span{font-size: 14px;}

.nAbout .nAboutCon .number ul li:first-child{background: #006ebc;}
.nAbout .nAboutCon .number ul li:nth-child(2){background: #38749e;}
.nAbout .nAboutCon .number ul li:nth-child(3){background: #005b9b;}
.nAbout .nAboutCon .number ul li:nth-child(4){background: #4a86b0;}

@media(max-width:1024px){
	.nAbout .nAboutTit .cn{font-size: 24px;}
	.nAbout .nAboutCon .number ul li .cons p strong{font-size: 30px;line-height:30px;}
	.nAbout .nAboutCon .number ul li .cons p i{top:-8px;font-size: 14px;}
}

@media(max-width:768px){
	.nAbout .nAboutCon .img{width:100%;padding-top:85%;}
	.nAbout .nAboutCon .number{width:100%;}
}

@media(max-width:560px){
	.nAbout .nAboutTit .en{font-size: 15px;}
	.nAbout .nAboutTit .cn{font-size: 18px;margin:10px 0;}
	.nAbout .nAboutCon .number ul li{height:180px;}
	.nAbout .nAboutCon .number ul li .cons span{font-size: 13px;line-height: 18px;height:36px;display: block;}
}

/* 领导班子 */
.Leader ul{margin-left:-3%;}
.Leader ul li{width:30.33%;float:left;margin-left:3%;margin-bottom:3%;box-sizing: border-box;box-shadow: 0 12px 12px rgba(180,196,208,0.25);border-radius: 10px;transition: all .5s;-webkit-transition: all .5s;position: relative;background: #fff;}
.Leader ul li a{display: block;padding:30px;}
.Leader ul li h1{font-size: 20px;font-family: 'harmRegular';color:#006ebc;font-weight: normal;}
.Leader ul li .dec{margin-top:6px;color:#000;line-height: 25px;height:50px;overflow: auto;}
.Leader ul li::before{content:'';display: block;width:10px;height:2px;background: #006ebc;position: absolute;left:0;top:45px;}
.Leader ul li:hover{transform: translate3d(0,-5px,0);-webkit-transform: translate3d(0,-5px,0);box-shadow: 0 12px 12px rgba(180,196,208,0.45);}

@media(max-width:1024px){
	.Leader ul li h1{font-size: 16px;}
}

@media(max-width:560px){
	.Leader ul li{width:47%;}
	.Leader ul li a{padding:15px;}
	.Leader ul li::before{top:25px;width:8px;}
}


/* 企业荣誉 */
.Honor ul{margin-left:-2%;}
.Honor ul li{width:31.33%;float:left;margin-left:2%;margin-bottom:2%;}
.Honor ul li .img{padding-top:72%;}
.Honor ul li .img span{transition: all .5s;-webkit-transition: all .5s;}
.Honor ul li:hover .img span{transform: scale(1.05);-webkit-transform: scale(1.05);}
.Honor ul li .tit{margin-top:10px;text-align: center;}
@media(max-width:768px){
	.Honor ul li{width:48%;}
}

/* 停水公告 */
.txt_List ul li{padding-left:15px;position: relative;padding-right:100px;line-height: 70px;border-bottom:1px solid #eee;}
.txt_List ul li span{position: absolute;right:0;top:0;font-size: 14px;color:#999;font-family: 'DINB';}
.txt_List ul li p{}
.txt_List ul li::before{content:'';display: block;width:5px;height:5px;border-radius: 50%;background: #006ebc;position: absolute;left:0;top:50%;margin-top:-2.5px;}

@media(max-width:1024px){
	.txt_List ul li{line-height: 50px;}
}

@media(max-width:560px){
	.txt_List ul li{line-height: 40px;padding-right:80px;}
}


/* 新闻动态 */
.subNews .HotNews{padding-left:320px;position: relative;font-family: 'harmLight';padding-bottom:30px;border-bottom:1px solid #eee;}
.subNews .HotNews .img{width:290px;padding-top:180px;position: absolute;left:0;top:0;}
.subNews .HotNews .img span{transition: all .5s;-webkit-transition: all .5s;}
.subNews .HotNews:hover .img span{transform: scale(1.05);-webkit-transform: scale(1.05);}
.subNews .HotNews .txt{min-height:180px;}
.subNews .HotNews .txt h1{font-size: 18px;}
.subNews .HotNews .txt .dec{font-size: 14px;line-height: 25px;color:#999;margin:10px 0 30px 0;height:50px;}
.subNews .HotNews .txt .other{font-size: 14px;line-height: 35px;position: relative;}
.subNews .HotNews .txt .other .more{width:120px;height:35px;line-height: 35px;border-radius: 35px;background: #006ebc;color:#fff;text-align: center;}
.subNews .HotNews .txt .other .date{float:right;font-family: 'DINB';color:#999;position: absolute;right:0;top:0;}
.subNews .HotNews .txt .other .more img{position: relative;margin-left:3px;top:-2px;}

.subNews .NewsList ul li{padding:30px 0;border-bottom:1px solid #eee;font-family: 'harmLight';}
.subNews .NewsList ul li .title{padding-right:90px;position: relative;line-height: 30px;}
.subNews .NewsList ul li .title .date{position: absolute;right:0;top:0;font-size: 14px;font-family: 'DINB';color:#999;}
.subNews .NewsList ul li .title h1{font-size: 18px;}
.subNews .NewsList ul li .dec{font-size: 14px;color:#999;margin:3px 0 10px 0;}
.subNews .NewsList ul li .more{font-size: 14px;color:#006ebc;font-family: 'harmRegular';}
.subNews .NewsList ul li .more img{position: relative;top:-2px;margin-left:3px;}

@media(max-width:560px){
	.subNews .HotNews{padding-left:0;}
	.subNews .HotNews .img{width:100%;position: relative;padding-top:62%;margin-bottom:15px;}
	.subNews .HotNews .txt{min-height:1px;}
	.subNews .HotNews .txt .dec{margin:10px 0;}
	.subNews .HotNews .txt h1{font-size: 16px;}
	.subNews .NewsList ul li{padding:15px 0;}
	.subNews .NewsList ul li .title h1{font-size: 16px;}
}

/* 新闻详情 */
.NewsInfo .NewsInfoTit{text-align: center;padding-bottom:20px;border-bottom:1px solid #eee;margin-bottom:30px;}
.NewsInfo .NewsInfoTit h1{font-size: 26px;font-weight: normal;line-height: 40px;}
.NewsInfo .NewsInfoTit .dec{font-size: 14px;font-family: 'harmLight';color:#999;margin-top:8px;}

.Content{word-wrap: break-word;word-break: normal;}
.Content img{display: block;margin:15px auto;}

.NewsInfo .NewsPage{margin-top:60px;font-size: 18px;}
.NewsInfo .NewsPage dl dd{line-height: 90px;padding:0 30px;margin-bottom:8px;background: #f7f7f7;}
.NewsInfo .NewsPage dl dd a{color:#666;}
.NewsInfo .NewsPage dl dd:hover{background: #006ebc;color:#fff;}
.NewsInfo .NewsPage dl dd:hover a{color:#c8d0dc;}

@media(max-width:1024px){
	.NewsInfo .NewsInfoTit h1{font-size: 20px;line-height: 30px;}
	.NewsInfo .NewsInfoTit .dec{margin-top:5px;}
	.NewsInfo .NewsPage{font-size: 15px;}
	.NewsInfo .NewsPage dl dd{line-height: 50px;padding:0 10px;}
}

@media(max-width:560px){
	.NewsInfo .NewsInfoTit h1{font-size: 18px;line-height: 28px;}
	.NewsInfo .NewsInfoTit .dec{font-size: 12px;}
	.NewsInfo .NewsPage{font-size: 14px;}
	.NewsInfo .NewsPage dl dd{line-height: 40px;}
	.Content img{width:100% !important;height:auto !important}
}

/* 企业视频 */
.VideoCenter ul{margin-left:-2.5%;}
.VideoCenter ul li{width:30.83%;margin-left:2.5%;float:left;margin-bottom:2.5%;}
.VideoCenter ul li .img{position: relative;box-shadow: 0 40px 60px rgba(0,0,0,0.1);}
.VideoCenter ul li .imgbox{padding-top:75%;}
.VideoCenter ul li .imgbox span{transition: all .5s;-webkit-transition: all .5s;}
.VideoCenter ul li:hover .imgbox span{transform: scale(1.05);-webkit-transform: scale(1.05);}
.VideoCenter ul li .img .play{width:100%;height:100%;background: url(../images/play.png) no-repeat center center;position: absolute;top:0;left:0;}
.VideoCenter ul li .tit{text-align: center;color:#666;margin-top:15px;}
.VideoCenter ul li:hover .tit{color:#006ebc;}


.videoInfo{width:95%;max-width:1000px;position: relative;margin:0 auto;}
.videoInfo video{width:100%;}
.mfp-close-btn-in .mfp-close{color:#fff;opacity: 1;}


@media(max-width:560px){
	.VideoCenter ul li{width:47.5%;}
	.VideoCenter ul li .img .play{background-size: 40px;}
}

/* 收费标准 */
.Standard{border-radius: 10px 10px 0 0;overflow: hidden;}
.Standard table{border-collapse: collapse;border-spacing: 0;border: 1px solid #dae0f0;background: #fff;}
.Standard table td{border: 1px solid #dae0f0;min-width:90px;text-align: center;padding:10px 3px;font-family: 'harmLight';}
.Standard table tr:first-child td{height:60px;background: #006ebc;color:#fff;padding:0;font-weight: bold;border:1px solid #2e86c7;}
.Standard table td:nth-child(2){width:90px;}
.Standard table td:nth-child(8){min-width:150px;}
.Standard .tablebox{width:100%;overflow-x: auto;}

@media(max-width:768px){
	
}

/* 报装指南 */
.Guide .contit{font-size: 20px;font-family: 'harmMedium';color:#006ebc;margin-bottom:5px;}
.Guide .Guide_process{margin:30px 0;margin-top:60px;}
.Guide .Guide_process ul{display: flex;}
.Guide .Guide_process ul li{display: inline-block;padding:0 30px 30px;border-radius: 5px;background: #eef5fc;margin-left:0;margin-right:26px;position: relative;}
.Guide .Guide_process ul li .ico{width:60px;height:60px;line-height: 60px;border-radius: 50%;background: #006ebc;text-align: center;margin:0 auto;border:10px solid #fff;box-sizing: content-box;margin-top:-45px;}
.Guide .Guide_process ul li .txt{margin-top:30px;}
.Guide .Guide_process ul li::before{content:'';display: block;width:30px;height:100%;background: url(../images/znnext.png) no-repeat center center;position: absolute;top:0;right:100%;}
.Guide .Guide_process ul li:first-child::before{display: none;}

@media(max-width:1366px){
	.Guide .Guide_process ul li{padding:0 20px 30px;}
}

@media(max-width:1024px){
	.Guide .Guide_process ul li .ico{width:50px;height:50px;line-height: 50px;border:6px solid #fff;margin-top:-36px;}
}

@media(max-width:560px){
	.Guide .Guide_process ul{display: block;}
	.Guide .Guide_process ul li{text-align: center;margin-bottom:90px;width:100%;margin-right:0;}
	.Guide .Guide_process ul li::before{height:60px;top:100%;left:50%;margin-left:-15px;transform: rotate(90deg);-webkit-transform: rotate(90deg);}
	.Guide .Guide_process ul li:first-child::before{display: block;}
	.Guide .Guide_process ul li:last-child::before{display: none;}
	.Guide .Guide_process ul li:last-child{margin-bottom:0;}
	.Guide .contit{font-size: 16px;}
}

/* 联系我们 */
.Contact .ContactBox{padding:30px 20px;background: #fff;}
.Contact .ContactBox ul{margin-left:-2%;}
.Contact .ContactBox ul li{padding-left:75px;position: relative;width:48%;float:left;margin-left:2%;box-sizing: border-box;margin-bottom:40px;}
.Contact .ContactBox ul li .ico{width:60px;height:60px;line-height: 60px;border-radius: 50%;background: #006ebc;position: absolute;left:0;top:0;}
.Contact .ContactBox ul li .txt{line-height: 25px;padding-top:5px;min-height:60px;}
.Contact .ContactBox ul li .txt p{font-family: 'harmLight';color:#777777;}
.Contact .ContactBox ul li .txt span{font-family: 'bebas';color:#000;}
.Contact .ContactBox ul li:nth-child(3){width:98%;}

.Contact .map{margin-top:30px;}
.Contact .map #map{height:400px;}

@media(max-width:560px){
	.Contact .ContactBox{padding:15px;}
	.Contact .ContactBox ul li{width:98%;margin-bottom:20px;padding-left:50px;}
	.Contact .ContactBox ul li .ico{width:40px;height:40px;line-height: 40px;}
	.Contact .ContactBox ul li .ico img{max-height:20px;max-width:20px;}
	.Contact .ContactBox ul li .txt{padding-top:0;}
	.Contact .map #map{height:250px;}
}

/* 建议投诉 */
.Message ul{margin-left:-2%;}
.Message ul li{width:31.33%;margin-left:2%;float:left;}
.Message .inputBox{padding-left:75px;position: relative;line-height: 48px;margin-bottom:20px;}
.Message .inputBox .name{position: absolute;left:0;top:0;font-family: 'harmLight';width:65px;text-align: right;}
.Message .inputBox input{width:100%;box-sizing: border-box;height:48px;padding:0 10px;background: #fff;border:1px solid #dcebfa;}
.Message .inputBox textarea{height:140px;padding:10px;box-sizing: border-box;background: #fff;border:1px solid #dcebfa;width:100%;}
.Message .inputBox .tel{font-size: 24px;font-family: bebas;color:#006ebc;}
.Message .formBtn button{width:140px;height:48px;line-height: 48px;border-radius: 5px;background: #006ebc;color:#fff;}

.Jianyihf{margin-top:60px;}
.Jianyihf .JianyTit{font-size: 24px;font-family: 'harmMedium';color:#006ebc;padding-bottom:10px;border-bottom:2px solid #006ebc;margin-bottom:30px;}

.Jianyihf .Jianyihf_list ul li{padding:25px 30px 25px 65px;position: relative;background: #fff;margin-bottom:20px;box-shadow: 0 10px 20px rgba(0,0,0,0.05);}
.Jianyihf .Jianyihf_list ul li .title{position: relative;font-size: 18px;}
.Jianyihf .Jianyihf_list ul li .title .ico{width:30px;height:30px;line-height: 30px;border-radius: 50%;background: #006ebc;color:#fff;position: absolute;left:-45px;top:0;}
.Jianyihf .Jianyihf_list ul li .con{line-height: 32px;color:#666;margin:10px 0  15px;font-family:'harmLight';}
.Jianyihf .Jianyihf_list ul li .date{color:#b4b4b4;font-family: 'harmLight';}

@media(max-width:1024px){
	.Jianyihf .JianyTit{font-size: 20px;}
}

@media(max-width:560px){
	.Message ul li{width:98%;}
	.Message .inputBox{line-height: 38px;margin-bottom:10px;}
	.Message .inputBox input{height:38px;}
	.Message .inputBox .tel{font-size: 20px;}
	.Message .formBtn button{width:120px;height:38px;line-height: 38px;margin-top:10px;}
	.Jianyihf .Jianyihf_list ul li{padding:20px 10px;padding-left:45px;}
	.Jianyihf .Jianyihf_list ul li .title{font-size: 15px;line-height: 25px;}
	.Jianyihf .Jianyihf_list ul li .title .ico{width:25px;height:25px;line-height: 25px;left:-30px;}
	.Jianyihf .Jianyihf_list ul li .con{font-size: 14px;line-height: 23px;}

}

/* 供水业务 */
.subNav_three{text-align: center;margin-bottom:50px;font-size: 0}
.subNav_three ul li{display: inline-block;width:200px;height:50px;line-height: 50px;border-radius: 50px;margin:0 20px;background: #006ebc;font-size: 20px;}
.subNav_three ul li a{color:#fff;}
.subNav_three ul li.on{background: #ffcd50;}
.subNav_three ul li.on a{color:#006ebc;}
.subNav_three ul li:hover{background: #ffcd50;}
.subNav_three ul li:hover a{color:#006ebc;}
.subNav_threeee ul li{width: auto;font-size: 16px;padding: 0 10px;margin: 0 10px;;height: 40px;line-height: 40px;border-radius: 40px;}

.Water_Supply_Online ul{margin-left:-2.5%;}
.Water_Supply_Online ul li{width:30.83%;float:left;margin-left:2.5%;margin-bottom:2.5%;background: #fff;box-shadow: 0 40px 60px rgba(40,68,165,0.1);}
.Water_Supply_Online ul li #Map1,
.Water_Supply_Online ul li #Map2,
.Water_Supply_Online ul li #Map3,
.Water_Supply_Online ul li #Map4,
.Water_Supply_Online ul li #Map5,
.Water_Supply_Online ul li #Map6{height:190px;}
.anchorBL{display: none;}
.Water_Supply_Online ul li .txt{padding:30px;}
.Water_Supply_Online ul li .txt h1{font-size: 18px;font-weight: normal;color:#006ebc;}
.Water_Supply_Online ul li .txt p{padding-left:50px;position: relative;font-family: 'harmLight';line-height: 25px;margin-top:10px;}
.Water_Supply_Online ul li .txt p span{position: absolute;left:0;top:0;}
.Water_Supply_Online ul li .txt p.address{height:50px;}


@media(max-width:1366px){
	.Water_Supply_Online ul li .txt p{font-size: 14px;line-height: 22px;}
	.subNav_three ul li{width:160px;height:40px;line-height: 40px;border-radius: 40px;font-size: 16px;}
	.subNav_threeee ul li{width: auto;font-size: 14px;padding: 0 10px;margin: 0 5px;;height: 40px;line-height: 40px;border-radius: 40px;}


}


@media(max-width:768px){
	.Water_Supply_Online ul li{width:98%;}
	.Water_Supply_Online ul li .txt p.address{height:auto;}
	.subNav_three{margin-bottom:30px;}
	.subNav_three ul li{width:120px;height:32px;line-height: 32px;border-radius: 32px;font-size: 14px;margin:0 5px;}
	.subNav_threeee ul li{width: 46%;margin: 0 2%;margin-bottom: 10px;}
}


.Water_Supply_Service .title{margin-bottom:40px;color:#006ebc;text-align: center;}
.Water_Supply_Service .title h1{font-family: 'systm';font-weight: normal;font-size: 36px;letter-spacing: 5px;}
.Water_Supply_Service .title h2{font-size: 24px;font-weight: normal;margin-top:15px;}

.Water_Supply_Service .service_ul{margin:20px 0;}
.Water_Supply_Service .service_ul li{margin-bottom:20px;padding:25px 25px 25px 145px;position: relative;background: #eef5fc;}
.Water_Supply_Service .service_ul li .num{width:80px;height:80px;line-height: 80px;text-align: center;border-radius: 50%;background: #006ebc;color:#fff;font-size: 36px;font-family: 'bebas';position: absolute;left:35px;top:25px;font-weight: normal;}
.Water_Supply_Service .service_ul li .txt{min-height:80px;display: flex;align-items: center;}
.Water_Supply_Service .service_ul li:hover{background: #fbf8f3;}
.Water_Supply_Service .service_ul li:hover .num{background: #f7c13b;}
.Water_Supply_Service .ewa {margin:20px 0;}
.Water_Supply_Service .ewa ul li{display: inline-block;text-align: center;margin-right:40px;margin-bottom:20px;}
.Water_Supply_Service .ewa ul li .img{border:8px solid #d0e4f3;}
.Water_Supply_Service .ewa ul li .img img{margin:0;}
.Water_Supply_Service .ewa ul li p{margin-top:10px;}

@media(max-width:768px){
	.Water_Supply_Service .title h1{font-size: 24px;}
	.Water_Supply_Service .title h2{font-size: 16px;}
	.Water_Supply_Service .service_ul li {padding-left:110px;}
	.Water_Supply_Service .service_ul li .num{width:60px;height:60px;font-size: 25px;line-height: 60px;left:25px;}
	.Water_Supply_Service .service_ul li .txt{min-height:60px;}
}

@media(max-width:560px){
	.Water_Supply_Service .service_ul li{padding:15px 15px 15px 50px;}
	.Water_Supply_Service .service_ul li .num{width:30px;height:30px;line-height: 30px;font-size: 16px;top:15px;left:10px;}
	.Water_Supply_Service .service_ul li .txt{min-height:30px;}
	.Water_Supply_Service .ewa ul li{margin-right:10px;}
	.Water_Supply_Service .ewa ul li .img img{width:100px;}

}

.BMap_bubble_content{font-size: 13px;line-height: 22px;}
.BMap_stdMpCtrl {display: none;}
.BMap_shadow{display: none;}
.mfp-title{text-align: center !important;margin-top:10px;padding-right:0;}

/* 网站地图 */
.Website ul li{padding:20px 0;border-bottom:1px solid #eee;}
.Website ul li em{font-size: 18px;font-weight: bold;display: block;}
.Website ul li em a{color:#006ebc;}
.Website ul li dl {margin-top:5px;}
.Website ul li dl dd{display: inline-block;margin-right:30px;}

.floatewm{position:fixed;right: 0;top: 50%;transform: translateY(-50%);width: 120px;padding:25px 10px 10px;background:#fff;z-index: 100;box-shadow: 0 10px 10px rgba(0,0,0,0.2);font-size: 14px;text-align: center;color:#333;}
.floatewm .close{position: absolute;right: 5px;top: -5px;}
.floatewm .close .iconfont{font-size: 18px;}
.floatewm img{display: block;width: 100%;margin-bottom: 5px;}

@media(max-width:560px){
	.Website ul li{padding:10px 0;}
	.Website ul li em{font-size: 16px;}
	.Website ul li dl dd{margin-right:10px;}
}




