@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;
}
@font-face {
	font-family: "DINMedium";
	src: url("../fonts/DIN-Medium.ttf") format("truetype"),
		 url("../fonts/DIN-Medium.eot") format("embedded-opentype"),
		 url("../fonts/DIN-Medium.svg") format("svg");
	font-weight: normal;
	font-style: normal;
  }

html,body{height:100%;}

body{padding:170px 0 0 0; margin:0px auto; font-size:14px; line-height:24px; color:#333333; width:100%; min-width:1200px; zoom:1;font-family: Arial,"微软雅黑","宋体"; 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:14px; border-radius:0; -webkit-border-radius:0; color:#545454;font-family: Arial,"微软雅黑","宋体";}
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{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
img{ max-width:100%; border:none; border:0;  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:#023089;}
/**: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/selectarr.png) 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;}
.w1200{ z-index:1; position:relative; clear:both; width:1200px; margin:0px auto;}
.none{ position:absolute; visibility:hidden; opacity:0; top:0;}
.table {display: table;width: 100%;border-collapse: collapse;}
.table-tr {display: table-row;}
.table-th {display: table-cell;height: 100%;border: 1px solid gray;text-align: center;vertical-align: middle;}
.table .cell {display: table-cell;vertical-align: middle;}

/*font*/
.f_green{ color:#16ccbb;}
.iconfont{ font-size:24px; vertical-align:middle;}
.tit{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}
.p{overflow: hidden;word-break:normal;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;}

@media ( max-width:1024px){
.iconfont{ font-size:18px;}
body{min-width:300px;padding-top:80px;}	
.w1200{width:auto; margin:0 15px;}
}
/*effict*/
.Scale-img {overflow: hidden;cursor: pointer; 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 !important; max-height:100%;}


/*pages*/
.Pages{clear: both;text-align: center;line-height: 39px;font-family: Arial, Helvetica, sans-serif;font-size: 20px;padding-top: 6%;position: relative;}
.Pages a{display: inline-block;vertical-align: middle;;}
.Pages .num a{color:#666666;padding:0 12px;}
.Pages .num a:hover,.Pages .num a.a_cur{color:#174ea3;}
.Pages .arr{position: absolute;background: #eeeeee;width: 118px;color:#676767;font-size: 16px}
.Pages .arr:hover{color: #fff;background:#174ea3 !important;}
.Pages .a_prev{left: 0;}
.Pages .a_prev i{margin-right: 70px;}
.Pages .a_next{right: 0;}
.Pages .a_next i{margin-left: 70px;}
.Pages.white .arr{background: #fff;}

@media ( max-width:1024px){
.Pages{line-height:25px; font-size:14px;}
.Pages .arr{width: 70px;font-size: 14px;}
.Pages .p_page .num a{ width:25px;}
}
/*pages end*/


/*Top*/
.Header{ height:170px;position:fixed; width:100%; left:0; top:0; background:#fff;z-index:900;transition: all ease 0.3s;border-bottom: 1px solid #f5f5f5;}
.TopLink {background:#dcdddf;}
.TopLink li{float: left;border-left: 1px solid #fff;}
.TopLink li a{height: 28px;display: table-cell;vertical-align: middle;padding:0 5px;}
.TopLink li a:hover{background: #eee;}
.TopLink li img{height: 12px;}
.selectdiv{text-align: center;display: none;}
.selectdiv select{width: 300px;background-color:#fff;border:1px solid #999999;height:26px;padding:0 10px;text-indent: 0;font-size: 14px;}

.Header .Logo{ float:left;transition: all ease 0.3s;padding:20px 0 13px;}
.Header .Logo img{height: 51px;}

.Ver{float:right; position:relative;color: #252525;font-size: 14px;line-height: 38px;margin-top: 25px;z-index: 101;}
.Ver dt{cursor: pointer;font-family: Arial, Helvetica, sans-serif;font-weight: bold;border:1px solid #cccccc;background:#f0f0f0;padding:0 9px;border-radius: 5px;}
.Ver i{font-size: 12px;margin-left: 8px;display: inline-block;
	dis-moz-transform: rotate(90deg) !important;
	-ms-transform: rotate(90deg) !important;
	-o-transform:rotate(90deg) !important;
	transform: rotate(90deg) !important;}
.Ver dd{position: absolute;left: 50%;top: 100px;width: 88px;margin-left:-44px;background:#fff;box-shadow:0 0 5px rgba(0,0,0,0.1);transition: all 0.3s;visibility: hidden;opacity: 0;}
.Ver dd a{display: block;padding:0 15px;}
.Ver dd a:hover{background:#f0f0f0;}
.Ver.on dd{top: 42px;opacity: 1;visibility: visible;}

.MainNav{ float:right;}
.MainNav li{ float:left;position:relative; z-index:100;padding-right: 90px;}
.MainNav li:last-child{padding-right: 0px;}
.MainNav span a{ position:relative; z-index:1;display:block; color:#222222; line-height:58px; transition: all ease 0.3s;font-size: 16px;}
.MainNav .arr{ display:none;}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li.on span a{ color:#174ea3;}

.NavPull{ z-index:99;display:none; position:absolute;  top:58px; left:0;width:122px; line-height:35px; background:rgba(255,255,255,0.9); box-shadow:0 5px 15px rgba(0,0,0,0.2);}
.NavPull.null{background:none; padding:0;}
.NavPull dd{ margin:0; position:relative;}
.NavPull a{ color:#333; display:block; font-size:14px; margin:0; padding:2px 0 2px 15px;}
.NavPull a:hover,.NavPull dd:hover a{ background:#00437c; color:#fff;}

.Header.fixed2, .Header.fixed3 {transition: transform .3s;transform-origin: top center;position: fixed;width: 100%;z-index: 100;top: 0;/*box-shadow: 0px 5px 10px rgba(0,0,0,0.2);*/}
.Header.fixed3{transform: translateY(-190px);}
.bodyon .Header.fixed3{transform: translateY(0px);}

.openbtn{ cursor:pointer;width:38px; height:38px; position:absolute; right:10px; top:46px; z-index:999;display: none;}
.closebtn{ position:fixed; left:0px; top:38px; width:100%; height:100%; z-index:0; display:none;background: rgba(0,0,0,0.5);}
.openbtn i{ display:block; background:#333; margin:10px auto;transition: all ease 0.3s;margin:5px auto;width:28px;height:2px;}
.openbtn.on .sp1 {
	-webkit-transform: translate(0, 11px) rotate(45deg) !important;
	-moz-transform: translate(0, 11px) rotate(45deg) !important;
	-ms-transform: translate(0, 11px) rotate(45deg) !important;
	-o-transform: translate(0, 11px) rotate(45deg) !important;
	transform: translate(0, 11px) rotate(45deg) !important;}
.openbtn.on .sp2 {border-left: 0;
	-webkit-transform: translate(0, 4px) rotate(-45deg) !important;
	-moz-transform: translate(0, 4px) rotate(-45deg) !important;
	-ms-transform: translate(0, 4px) rotate(-45deg) !important;
	-o-transform: translate(0, 4px) rotate(-45deg) !important;
	transform: translate(0, 4px) rotate(-45deg) !important;}	
.openbtn.on .sp3 { display:none;}

@media ( max-width:1720px){
	.TopLink li img{height: 10px;}
}
@media ( max-width:1440px){
	.TopLink li img{height: 9px;}
}
@media ( max-width:1320px){
	.TopLink li img{height: 8px;}
}
@media ( max-width:1200px){
	.TopLink li img{height: 6px;}
}
@media ( max-width:1024px){
.Header{height:80px;}
.TopLink ul{display: none;}
.selectdiv{display: block;padding:4px 0;}
.Header .Logo{padding:10px 0 0 0;}
.Header .Logo img{ height:22px;}

.Ver{margin: 9px 40px 0 0;line-height: 26px;font-size: 12px;}
.Ver.on dd{top: 30px;}
.Header .openbtn{display: block;}

.MainNav{ position:fixed; height:100%; overflow-y:auto; z-index:999; width:220px; padding:0; right:-220px;background: #fff;top:38px;visibility: hidden;opacity: 0;filter: alpha(opacity=0);transition: all ease 0.3s; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.MainNav ul{ padding-top:40px;}
.MainNav li{ display:block; position:relative; float:none; border-bottom:1px solid #e9e9e9;border-top:1px solid #f9f8f6; width:auto; margin:0; background:none;padding:0;}
.MainNav li .nav a{text-align:left; display:block; line-height:28px !important; padding:8px 0 8px 20px;}
.MainNav li a {line-height: 38px;padding:0 15px;}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li.on span a,.MainNav li span a.sele{ color:#00437c;}
.MainNav .arr{ display:inline-block; position:absolute; z-index:10; width:100px; line-height:38px; height:38px; right:0px; top:-1px;}
.MainNav .arr i{ position:absolute; height:auto; background:none; right:15px; top:5px;transition: all ease 0.3s;}
.MainNav li.onnav .arr i,.MainNav li.on .arr i{dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
	-ms-transform: translate(0, -3px) rotate(-180deg) !important;
	-o-transform: translate(0, -3px) rotate(-180deg) !important;
	transform: translate(0, -3px) rotate(-180deg) !important;}
.MainNav.on{visibility: visible;opacity: 1;filter: alpha(opacity=100); right:0;}
.MainNav li:after{display: none;}
.NavPull{position: static;width: auto;text-align: left;}
.NavPull dd a{padding-left: 30px;}
}
/*Top*/

/*Bottom*/
.Footer{background:#333333;padding:21px;color: #d6d6d6;line-height: 30px;font-size: 14px;}
.Footer .nav a{margin-right: 10px;}
.Footer a{color:#d6d6d6;}.Footer a:hover{color:#174EA3;}
.Footer .fr{color:#fff;margin-top: -5px;display: none;}
.Footer .fr .tel{display:block;font-size: 25px;font-family: "DINMedium";line-height: 39px;padding-bottom: 4px;}
.Footer .link{width: 190px;position: relative;margin-top: 6px;}
.Footer .link dt{line-height: 35px;text-indent: 1em;border:1px solid #484848;color:#9a9a9a;position: relative;cursor: pointer;}
.Footer .link dt:after{position: absolute;right: 0;top: 0;width: 34px;height: 33px;background:#484848 url(../images/selectarr2.png) center center no-repeat;content: "";}
.Footer .link dd{border:1px solid #484848;left: 0;width: 100%;bottom: 34px;position: absolute;background:#333333;z-index: 2;display: none;}
.Footer .link dd a{display:block;padding:5px 8px;border-bottom: 1px solid #484848;}
.Footer .link dd a:hover{color: #fff;background:#484848;}
.Footer .link dd p:last-child{border-bottom: 0px solid #484848;}

.totop{position:fixed;right:0;bottom:0;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: 60px;height: 60px;line-height: 60px;background:#174ea3;color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.2);z-index:210;}
.totop.cd-is-visible {visibility: visible;opacity: 1; cursor:pointer;}
.totop:hover{color:#fff;background:#cc0000;}

@media ( max-width:1024px){
	.Footer{padding:12px 0;}
	.Footer .fl,.Footer .fr{float: none;text-align: center;padding:12px 0;}
	.Footer .link{margin:0px auto;}
	
	.totop{width: 40px;height: 40px;line-height: 40px;}
}
/*Bottom*/


/*首页 s*/

.itemhover{transition: all ease 0.3s;display: block;}
.activehover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.5);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);}
	.itemhover2{transition: all ease 0.3s;display: block;}
	.activehover2{
		-webkit-transform: translate3d(0, -2px, 0);
		transform: translate3d(0, -2px, 0);}


/*第一屏 s*/
.text{color:#fff;line-height: 24px;height: 400px;width: 604px;top: 50%;margin-top: -200px;position: absolute;z-index: 2;padding:50px;flex-direction: column;justify-content: center;display: flex;}
.text .ti{margin-bottom: 18px;padding-bottom: 27px;margin-bottom: 26px;position: relative;font-size: 24px;z-index: 1;}
.text .ti:after{width: 34px;height: 1px;background:#fff;position: absolute;left: 0;bottom: 0;content: "";}
.text .p{min-height: 79px;padding-bottom: 20px;position: relative;z-index: 1;}
.text .more,.text .moret{width: 100px;line-height: 30px;text-align: center;color:#333333;background:rgba(255,255,255,0.8);font-size: 14px;position: relative;z-index: 1;}
.text .more:hover,.text .moret:hover{background:rgba(255,255,255,1);}
.text a{color:#fff;}.text a:hover{color:#ffcc00;}
.text .arr{position:absolute;width: 52px;height: 50%;}
.text .arr.arrtop{top: 0;
	-webkit-transform: skewX(-12deg);
	-moz-transform: skewX(-12deg);
	-ms-transform: skewX(-12deg);
	-o-transform: skewX(-12deg);
	transform: skewX(-12deg);}
.text .arr.arrbottom{bottom: 0;
	-webkit-transform: skewX(12deg);
	-moz-transform: skewX(12deg);
	-ms-transform: skewX(12deg);
	-o-transform: skewX(12deg);
	transform: skewX(12deg);}

.HomeBan{position: relative; z-index: 1; overflow:hidden; background:url(../images/loading.gif) center center no-repeat;}
.HomeBan .item{ position:relative;}
.HomeBan .text{left: 50%;margin-left:-640px;}
.HomeBan .text .arr{right: -26px;}
.HomeBan .item .imgbox{padding-top: 600px;}

.HomeBan .slick-dots{line-height: 45px;}
.HomeBan .slick-dots li{margin: 0 10px 0;cursor: pointer;}
.HomeBan .slick-dots li button{width:35px;height:5px;background:#e7eae5;border-radius: 4px;}
.HomeBan .slick-dots li.slick-active button{background:#13639e;}

.HomeBan .slick-arrow{background-color: rgba(0,0,0,0.1); background-repeat: no-repeat;background-position: center center;margin-top:-60px;border:0;}
.HomeBan:hover .slick-prev { left:5%;}
.HomeBan:hover .slick-next { right:5%;}
.HomeBan .item .txt a:hover{transform:scale(1.05);}

@media ( max-width:1360px){
	.HomeBan .text{left: 5%;margin-left: 0;}
}

@media ( max-width:1024px){
	.HomeBan .item .imgbox{padding-top: 50%;}
	.HomeBan .slick-arrow{display: none !important;}
	.HomeBan .slick-dots{line-height: 20px;bottom: 10px;}
	.HomeBan .slick-dots li button{width: 30px;}
	.text{height: 80%;width: 50%;margin:0;top: 10%;padding:5% 0 5% 5%;font-size: 12px;}
	.text .ti{font-size: 16px;padding-bottom: 12px;margin-bottom: 12px;}
	.text .more{font-size: 12px;width: 70px;line-height: 25px;}
}
@media ( max-width:640px){
	.text .p{line-height: 20px;margin-bottom: 10px;}
}

.HomeTit{text-align: center;padding-bottom: 56px;position: relative;}
.HomeTit .en{display: inline-block;font-size: 50px;color:#00437c;font-family: "DINMedium";line-height: 86px;border-bottom: 2px solid #00437c;text-transform: uppercase;}
.HomeTit .cn{line-height: 97px;font-size: 40px;color:#000000;font-weight: bold;}
.HomeTit .more{width: 180px;height: 180px;background: #00437c url(../images/more2.gif) center center no-repeat;position: absolute;right: -6.2%;bottom: 0;}
.HomeTit .more:hover{background-color:#9e7b55;}

.HomeAbout{position: relative;overflow: hidden;margin-bottom: 4px;}
.HomeAbout .text{left: 50%;margin-left:40px;}
.HomeAbout .text .arr,.HomeCol .item1 .text .arr{left: -26px;}
.HomeAbout .text .arr.arrtop,.HomeCol .item1 .text .arr.arrtop{
	-webkit-transform: skewX(12deg);
	-moz-transform: skewX(12deg);
	-ms-transform: skewX(12deg);
	-o-transform: skewX(12deg);
	transform: skewX(12deg);}
.HomeAbout .text .arr.arrbottom,.HomeCol .item1 .text .arr.arrbottom{
	-webkit-transform: skewX(-12deg);
	-moz-transform: skewX(-12deg);
	-ms-transform: skewX(-12deg);
	-o-transform: skewX(-12deg);
	transform: skewX(-12deg);}
.HomeAbout .imgbox{padding-top: 500px;}
.HomeAbout .slick-arrow{border:0;}
.HomeAbout:hover .slick-prev{left:5%;}
.HomeAbout:hover .slick-next{right:5%;}
.HomeAbout .slick-prev{background-image: url(../images/arrleft.png);}
.HomeAbout .slick-next{background-image: url(../images/arrright.png);}

.HomeCol{margin-left: -4px;}
.HomeCol .Item{width: 50%;float: left;padding:0 0 4px 4px;}
.HomeCol .Item .box{padding-top: 380px;background-position: center center;background-repeat: no-repeat;position: relative;}
.HomeCol .text{left: auto;right: 0;margin: 0;top: 0;height: 100%;padding:30px 60px 30px 30px;width: 304px;}
.HomeCol .item2 .text{left: 0;right: auto;}
.HomeCol .item2 .text .arr{right: -26px;}

@media(max-width:1024px){
.HomeAbout .imgbox{padding-top: 50%;}
.HomeAbout .slick-arrow{display: none !important;}
.HomeAbout .text{padding-left: 0;padding-right: 5%;}

.HomeCol .Item .box{padding-top: 50%;}
.HomeCol .text{width: 40%;padding:5%;}
.HomeCol .item1 .text{padding-left: 0;}
.HomeCol .item2 .text{padding-right: 0;}
}
@media(max-width:768px){
.HomeCol .Item{width: auto;float: none;}
}
/*首页 end*/


/*栏目页公用样式 s*/
.SubPage{ height:auto !important; height:200px; min-height:200px; margin-top:5%; margin-bottom:5%;}
.SubBan { position:relative;overflow: hidden;padding-top: 22%;background-position: center center;background-size: cover;background-repeat: no-repeat;}
.SubBan video{position: absolute;left: 0;top:0;width: 100%;height: 100%;object-fit: fill;background:#000;}

.SubMenu{ background:#fff;line-height:66px; height:66px; text-align:center;background:#f8f8f8;}
.SubMenu .menu{float: left; font-size:0;}
.SubMenu li{display:inline-block;position: relative;vertical-align: top;}
.SubMenu li a{position:relative; z-index:1; font-size:20px; display:block; padding:0 60px; color:#000000;}
.SubMenu li:after{content:""; position:absolute; width:0; bottom:0; height:100%; left:50%; background:#174ea3;transition: all ease 0.3s;}
.SubMenu li:hover:after,.SubMenu li.onli:after{ width:100%;left: 0;}
.SubMenu li a:hover,.SubMenu li.onli a{ color:#fff;}

.place{float: right;color:#a1a1a1;font-size: 16px;}
.place a{color:#a1a1a1;padding-right: 27px;position: relative;}.place a:hover{color:#174ea3;}
.place a:after{position: absolute;width: 5px;height: 1px;background:#a1a1a1;right: 11px;top: 50%;content: "";}

.SinglePage{ position:relative;word-wrap:break-word;word-break:normal;text-align:justify; line-height:36px;font-size:16px; color:#333333;}
.SinglePage video{ width:80% !important; margin:0px auto; height:auto !important;}

.pd5{padding-top:4.5%;padding-bottom:4.5%;overflow: hidden;clear: both;}
.SubTit{margin-bottom: 30px;text-align: center;}
.SubTit h2{line-height: 39px;font-size: 40px;color:#333333;line-height: 38px;font-weight: normal;}
.SubTit .p{line-height: 50px;color:#ced4d9;font-size: 16px;text-transform: uppercase;}
.SubTit.tl{text-align: left;}

.VideoInfo{ width:840px; margin:25px auto; position:relative;}
.VideoInfo video{object-fit: fill;}
.VideoInfo .title{ color:#fff; text-align:center; font-size:18px; padding-top:10px;}

@media ( max-width:1024px){
.SubBan{padding-top: 25%;}
.SubMenu{height: 40px;line-height: 40px;}
.SubMenu li a{font-size: 16px;padding:0 20px;}

.SinglePage{ line-height:24px; font-size:14px;}
.SinglePage video{ width:100% !important;}
.SinglePage img{ width:auto !important; height:auto !important;}

.VideoInfo{ width:95%;}
.VideoInfo .title{font-size:15px;}
}
@media(max-width:768px){
	.SubMenu{height: auto;}
	.SubMenu .menu,.place{float: none;font-size: 14px;}
	.place{text-align: right;display: none;}
	
}

@media(max-width:480px){
.SubMenu li a{font-size: 14px;padding:0 6px;}
}
/*栏目页公用样式 end*/


/*市政供水 s*/
.ProLeft{border-top: 5px solid #edf0f3;background:#edf0f3;width: 230px;padding-bottom: 40px;float: left;}
.ProLeft .ti{line-height: 76px;color:#174ea3;font-size: 30px;background:#fff;}
.ProLeft .ti img{margin:0 17px 0 11px;}
.ProLeft dl {padding:19px 10px 0 13px;}
.ProLeft dl dt{padding-left: 32px;background:url(../images/ico_sub.gif) 0px center no-repeat;font-size: 18px;font-weight: bold;line-height: 30px;position: relative;}
.ProLeft dl dt span{display: none;transition: all 0.3s;}
.ProLeft dl dd{line-height: 22px;padding-left: 32px;}
.ProLeft dl dd a{display: block;color:#777777;padding: 10px 0;}
.ProLeft dl dt a:hover,.ProLeft dl dd a:hover{color:#174ea3;}
.ProLeft dl.current dt span{
	dis-moz-transform: translate(0, 0) rotate(-180deg) !important;
	-ms-transform: translate(0, 0) rotate(-180deg) !important;
	-o-transform: translate(0, 0) rotate(-180deg) !important;
	transform: translate(0, 0) rotate(-180deg) !important;
}

.ProRight{width: calc(100% - 250px);float: right;}
.ProTxt{padding:11px 40px 28px;border: 1px solid #edf0f3;border-top: 5px solid #edf0f3;margin-bottom: 4px;}
.ProTxt .ti{line-height: 55px;color:#174ea3;font-size: 24px;}

.ProList{margin:0 0 0 -3px;}
.ProList li{width: 33.333%;float: left;text-align: center;padding:0 0 3px 3px;}
.ProList a{display: block;border:1px solid #eeeeee;}
.ProList a:hover{border:1px solid #174ea3;}
.ProList .imgbox{padding-top: 110%;}
.ProList .imgbox span{width: 96%;height: 96%;left: 2%;top: 2%;}
.ProList .ti{height: 85px;display: flex;padding:10px;font-size: 18px;align-items: center;background:#f3f3f3;justify-content: center;overflow: hidden;}

.ProImg{width: 43%;float: left;border:1px solid #eeeeee;overflow: hidden;}
.ProImg .imgbox{padding-top: 110%;}
.ProImg .slick-arrow{background-color:#174ea3;}
.ProImg:hover .slick-prev{left: 0;}
.ProImg:hover .slick-next{right: 0;}
.ProInfo{width: 52%;float: right;line-height: 24px;font-size: 14px;}
.ProInfo .ti{font-size: 24px;line-height: 27px;margin-bottom: 20px;}
.ProInfo .txt{text-indent: 2em;max-height: 320px;overflow-y: auto;}
.ProInfo .fj_btn{margin-top: 20px;}
.ProInfo .fj_btn a{display: block;text-align: center;border:2px solid #174ea3;color:#174ea3;width: 120px;line-height: 30px;font-size: 14px;display: inline-block;}
.ProInfo .fj_btn a:hover{background:#174ea3;color:#fff;}



.txtbox .tis{margin-top: 30px;}
.txtbox .tis span{color:#174ea3;display: inline-block;padding:0 16px;position: relative;background:#edf0f3;}
.txtbox .tis span:after{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 2px;height: 16px;background:#174ea3;content: "";}
.ProInfo dl{padding:0 0 10px 16px;margin:19px 0 0 0;color:#666666;position: relative;}
.ProInfo dl:after{content: "";position: absolute;width: 4px;height: 4px;left: 0;top: 10px;background: #174ea3;}
.ProInfo dl dt{color:#333333;font-weight: bold;}

@media(max-width:768px){
	.ProLeft{float: none;width: auto;padding-bottom: 15px;}
	.ProLeft .ti{display: none;}
	.ProLeft dl {padding-top: 10px;}
	.ProLeft dl dt{font-size: 16px;}
	.ProLeft dl dt span{width: 50px;right: 0;position: absolute;display: block;top: 0;text-align: center;}
	.ProLeft dl dd{display: none;line-height: 30px;}
	.ProRight{width: auto;float: none;}
	.ProTxt{padding:12px;}
	.ProTxt .ti{font-size: 18px;line-height: 40px;}
	.ProList .ti{font-size: 14px;}

	.ProImg{float: none;width: auto;margin-top: 12px;}
	.ProImg .imgbox{padding-top: 100%;}
	.ProInfo {width: auto;float: none;margin-top: 15px;}
	.ProInfo .ti{font-size: 18px;margin-bottom: 10px;}
	.txtbox .tis{margin-top: 20px;}
}


/*服务 s*/
.Service .Item{line-height: 30px;color:#616976; float: left;width: 57%;margin-bottom: 30px;}
.Service .Item.i1 .box{height: 440px;}
.Service .Item.i2{width: 39%;float: right;}
.Service .Item.i2 .box{height: 954px;}
.Service .Item.i3 .box{height: 482px;}

.Service .box{padding:7%;bordeR:1px solid #d7ebf2;background:#f7f9fb;overflow-y: auto;font-size: 16px;line-height: 30px;}
.Service .ti{font-size: 24px;color:#174ea3;line-height: 42px;margin-bottom: 34px;}
.Service .ti img{margin-right: 23px;}

@media(max-width:768px){
	.Service .ti{font-size: 18px;margin-bottom: 15px;}
	.Service .ti img{height: 20px;margin-right: 10px;}
	.Service .Item{width: auto !important;float: none !important;margin-bottom: 15px;}
	.Service .Item .box{height: auto !important;padding:12px;font-size: 14px;line-height: 24px;}
}


/*销售 s*/
.Sale-contact{width: 30%;float: right;padding-bottom: 6%;}
.Sale-contact .item{background:#f2f7fa;margin-bottom: 26px;height: 110px;}
.Sale-contact .item .ico{width: 115px;text-align: center;}
.Sale-contact .item .ico img{border:1px solid #e4eef4;}
.Sale-contact .item span{display: block;line-height: 24px;}
.Sale-contact .item .tel{line-height: 30px;font-size: 30px;font-family: 宋体;}
.Sale-contact .item:nth-child(3) .tel{max-width: 245px;line-height: 30px;font-size: 30px;font-family:宋体;}

.Sale-Info{width: 66%;float: left;line-height: 45px;font-size: 16px;padding-bottom: 6%;}

.tabslide{position: relative;}
.Sale-detail{border:2px solid #d0e2ec;clear: both;overflow: hidden;}
.Sale-detail .nav{padding:15px 0 0 0;}
.Sale-detail .nav h1{line-height: 97px;font-size: 28px;float: left;padding-left: 27px;}
.Sale-detail .nav ul{float: right;padding-top: 11px;}
.Sale-detail .nav li{float: left;margin-right: 35px;font-size: 18px;font-weight: bold;position: relative;cursor: pointer;line-height: 86px;}
.Sale-detail .nav li.on{color:#174ea3;}
.Sale-detail .nav li.on:after{content: "";width: 13px;height: 8px;position: absolute;bottom: 17px;left: 50%;margin-left: -7px;background:url(../images/arrb.png);}
.Sale-detail .cell{line-height: 30px;padding:5px 30px 5px 30px;font-size: 15px;}
.Sale-detail .thead{text-align: center;background:#f2f7fa;height: 50px;color:#174ea3;}
.Sale-detail .tbody .cell{border:2px solid #f2f7fa;}

@media(max-width:1024px){
	.Sale-Info{font-size: 16px;line-height: 30px;}
	.Sale-contact .item .ico{width: 80px;}
	.Sale-contact .item .tel{font-size: 24px;}
	.Sale-detail .cell{line-height: 24px;font-size: 14px;}
	.Sale-detail .nav h1{font-size: 20px;line-height: 60px;}
	.Sale-detail .nav li{font-size: 14px;line-height: 50px;}
	.Sale-detail .nav li.on:after{bottom: 5px;}
}
@media(max-width:768px){
	.Sale-Info{width: auto;float: none;font-size: 14px;line-height: 24px;}
	.Sale-contact{width: auto;float: none;}
	.Sale-contact .item{height: 90px;margin-bottom: 12px;}
	.Sale-detail .nav h1{float: none;line-height: 30px;}
	.Sale-detail .nav ul{float: none;text-align: center;padding-top:0;margin:0 0 10px;}
	.Sale-detail .nav li{float: none;display: inline-block;margin:0 5px;}

	.Sale-detail .tablecon{overflow-x: auto;}
	.Sale-detail .cell{min-width: 200px;padding:10px;}
}


/*技术支持 s*/
.ProNav{margin-top:-37px;margin-bottom: 37px;line-height: 43px;margin-left: -16px;font-size: 24px;}
.ProNav li{float: left;width: 25%;padding-left: 16px;}
.ProNav li a{display: block;border-bottom: 2px solid #d7ebf2;color:#555d6a;position: relative;font-weight: bold;}
.ProNav li a:after{content: "";left: 0;bottom: -2px;width: 0;height: 3px;background:#174ea3;position: absolute;transition: all 0.3s;}
.ProNav li a:hover,.ProNav li.on a{color:#174ea3;}
.ProNav li a:hover:after,.ProNav li.on a:after{width: 100%;}

.SupportBox{border:1px solid #d7ebf2;background:#f7f9fb;padding:24px 24px 45px;}
.SupportBox .tnav{line-height: 30px;padding:18px 0 27px 0;}
.SupportBox .tnav ul{float: left;}
.SupportBox .tnav li{float: left;padding-right: 83px;position: relative;color:#878f9a;font-size: 18px;cursor: pointer;}
.SupportBox .tnav li.on{font-weight: bold;color:#333333;}
.SupportBox .tnav li:after{position: absolute;right: 43px;width:1px;height: 15px;background:#c2cbd7;top: 8px;content: "";}
.SupportBox .tnav li:last-child{padding-right: 0;}
.SupportBox .tnav li:last-child:after{display: none;}
.SupportBox .tnav .tip{float: right;color:#174ea3;}
.SupportBox .tablecon table{width: 100%;border-collapse: collapse;color:#616976;}
.SupportBox .tablecon table th{background: #e2e7ee;border:1px solid #e2e7ee;height: 34px;}
.SupportBox .tablecon table td{border:1px solid #e2e7ee;line-height: 20px;padding:8px;text-align: center;}
.SupportBox .tablecon table td p{padding:0 0 0 16px;}

.BookList{margin-left: -19px;}
.BookList li{width: 25%;float: left;padding:0 0 23px 19px;}
.BookList a{display: block;border: 1px solid #d7ebf2;background:#f7f9fb;}
.BookList .imgbox{padding-top: 99%;}
.BookList .ti{height: 48px;margin: 10px 0;padding:0 26px;font-size: 18px;overflow: hidden;}
.BookList .p{height: 36px;line-height:18px;color:#a4acb8;-webkit-line-clamp: 2;margin:0 26px 16px;}
.BookList .down{line-height: 41px;padding:0 26px;color:#174ea3;border-top: 1px solid #d7ebf2;}
.BookList .down i{display: inline-block;width: 14px;height: 14px;vertical-align: middle;background:url(../images/down.png);margin-left: 7px;}
@media(max-width:1024px){
	.BookList li{width: 33.333%;}
}
@media(max-width:768px){
	.ProNav{font-size: 16px;margin-top:0;margin-bottom: 15px;}
	.SupportBox{padding:15px;}
	.SupportBox .tnav{padding:0px 0 15px;text-align: center;}
	.SupportBox .tnav ul{float: none;}
	.SupportBox .tnav li{float: none;display: inline-block;padding-right: 16px;font-size: 14px;}
	.SupportBox .tnav li:after{right: 7px;}
	.SupportBox .tnav .tip{float: none;clear: both;}
	.SupportBox .tablecon table {font-size: 12px;}
	.SupportBox .tablecon table td{line-height: 24px;}
	.SupportBox .tablecon table td p{padding-left: 0;}

	.BookList{margin-left: -10px;}
	.BookList li{width: 50%;padding:0 0 10px 10px;}
	.BookList .ti{font-size: 16px;padding:0 10px;}
	.BookList .p{margin:0 10px 10px;}
	.BookList .down{padding:0 10px;}
}


/*工作机会 s*/
.HrText{border:1px solid #d7ebf2;padding:7.5% 20% 5% 0;margin: -3.5% 0 28px;background:url(../images/hrbg.jpg) 0px top no-repeat;background-size: cover;}
.HrText .pic{width: 42%;text-align: center;padding:0 5% 0 3%;float: left;}
.HrText .txt{width: 58%;float: left;color:#616976;line-height: 30px;font-size: 16px;}
.HrText dl{margin-top: 11px;position: relative;padding-left: 90px;min-height: 30px;}
.HrText dl dt{color:#174ea3;border-bottom: 2px solid #174ea3;position: absolute;left: 0;top: 0;}
.HrText .tip{line-height: 26px;padding-top: 45px;}
.HrText .btn{position: absolute;right: 5%;top: 6.5%;width: 103px;text-align: center;}
.HrText .btn a{display: block;border:1px solid #174ea3;line-height: 29px;padding:10px 0 0 0;margin-bottom: 10px;color:#174ea3;}
.HrText .ico {position: relative;margin: 0px auto;width: 23px;height: 23px;display: block;}
.HrText .ico .i1, .HrText .ico .i2 {display: block;width: 23px;height: 23px;position: absolute;left: 0;top: 0px;}
.HrText .ico .i1 {transition: 400ms;}
.HrText .ico .i2 {-webkit-transform: scale(0);transform: scale(0);opacity: 0;filter: alpha(opacity=0);transition: 500ms;}
.HrText .btn a:hover .i2 {-webkit-transform: scale(1);transform: scale(1);opacity: 1;filter: alpha(opacity=100);}
.HrText .btn a:hover .i1 {opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(1.2);transform: scale(1.2);}
.HrText .btn a:hover{color:#fff;background:#134295;}
.HrList .item{margin-bottom: 30px;border:2px solid #eeeeee;min-height: 140px;line-height: 30px;font-size: 16px;color:#898989;}

.HrList .item .titBox{
	padding:33px 55px 19px 250px;
	position: relative;
}

.HrList .item .ti{position: absolute;left:34px;width: 195px;padding-right: 13px;top: 50%;font-weight: bold;line-height: 24px;font-size: 18px;transform: translateY(-50%);color:#174ea3;}
.HrList .item .ti:after{position: absolute;right: 0;top: 50%;margin-top:-22px;width: 1px;height: 44px;background:#e5e5e5;content: "";}
.HrList .item .ti a{}.HrList .item .ti a:hover{color:#cc0000;}
.HrList .item .date{font-size: 14px;color:#c9c9c9;margin-top: 12px;}

.HrList .item .conBox{
	padding: 0 3% 3% 3%;
	display: none;
}
.HrList .item .conBox .contit{
	color: #333;
    font-weight: bold;
    padding-left: 10px;
    position: relative;
    margin:10px 0;
}
.HrList .item .conBox .contit:before{
	content: '';
	width: 3px;
	height: 20px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	background: #174ea3;
}

.HrList .item .conBox .contxt{}
.HrList .item .conBox .contxt p{}

.HrList .item:hover,.HrList .item.current{border:2px solid #174ea3;}
.HrList .item:last-child{margin-bottom: 0;}

.Hrtits{line-height: 35px;font-weight: bold;margin-bottom: 22px;color:#174ea3;font-size: 30px;}
.Hrform{border:2px solid #eeeeee;margin-bottom: 29px;padding:22px 34px;position: relative;}
.Hrform .head{position: absolute;right: 34px;top: 40px;text-align: center;width: 163px;height: 206px;background: #eeeeee;display: flex;align-items: center;justify-content: center;}
.Hrform .head a{color:#666666;}.Hrform .head a:hover{color:#174ea3;}
.Hrform .item{width: 40%;float: left;font-size: 16px;color:#343434;margin-bottom: 8px;padding-right: 36px;}
.Hrform .item.w25{width: 25%;padding-right: 26px;}
.Hrform .item.w80{width: 80%;}

.Hrform .item.auto{width: 100%;clear: both;padding-right: 26px;}

.Hrform .item.w100{width:100%;}
.Hrform .con{text-indent: 2em;margin-bottom:20px;}
.Hrform .isyes.on{background: url(../images/dh.png) no-repeat center center;}
.Hrform .isyes{width:60px;}

.Hrform .table{height: 40px;}
.Hrform .table .cell{vertical-align: top;}
.Hrform .item .ti{padding-right: 10px;line-height:40px;}
.Hrform .item .ti.w80{width: 80px;}
.Hrform .item .ti.w145{width: 145px;}
.Hrform .item .ti.w115{width: 115px;}

.Hrform .item .ipt{width: 100%;height: 40px;box-sizing: border-box;padding:0 10px;background:#f8f8f8;}
.Hrform .item .ipt2{width: 100%;height: 70px;line-height: 40px;background:#f8f8f8;}
.Hrform .item table{width: 100%;}
.Hrtits2{line-height: 54px;font-size: 16px;font-weight: bold;padding-left: 36px;}
.Hrtits2 span{color:#9a9a9a;}

.Hrform .tables table{width: 100%; border-collapse:collapse;}
.Hrform .tables th{line-height: 20px;padding-bottom: 15px;font-size: 16px;font-weight: normal;border-bottom: 1px solid #eeeeee;}
.Hrform .tables td{border:1px solid #eeeeee;text-align: center;line-height: 50px;}
.Hrform .tables input{width: 90%;height: 36px;line-height: 36px;text-indent: 1em;background:#f8f8f8;}
.Hrform .tables.tab1 th:nth-child(1){width: 14%;}
.Hrform .tables.tab1 th:nth-child(2){width: 20%;}
.Hrform .tables.tab1 th:nth-child(3){width: 20%;}
.Hrform .tables.tab1 th:nth-child(4){width: 30%;}
.Hrform .tables.tab1 th:nth-child(5){width: 16%;}

.Hrform .tables.tab2 th:nth-child(1){width: 14%;}
.Hrform .tables.tab2 th:nth-child(2){width: 22%;}
.Hrform .tables.tab2 th:nth-child(3){width: 30%;}
.Hrform .tables.tab2 th:nth-child(4){width: 18%;}
.Hrform .tables.tab2 th:nth-child(5){width: 16%;}

.Hrform .tables.tab3 th:nth-child(1){width: 14%;}
.Hrform .tables.tab3 th:nth-child(2){width: 22%;}
.Hrform .tables.tab3 th:nth-child(3){width: 12%;}
.Hrform .tables.tab3 th:nth-child(4){width: 9%;}
.Hrform .tables.tab3 th:nth-child(5){width: 16%;}
.Hrform .tables.tab3 th:nth-child(6){width: 9%;}
.Hrform .tables.tab3 th:nth-child(7){width: 16%;}

.Hrform .tables.tab5 thead tr:first-child td:nth-child(1){width: 12%;}
.Hrform .tables.tab5 thead tr:first-child td:nth-child(6){width: 13%;}

.Hrform .tables.tab6 thead{font-size: 16px;}
.Hrform .tables.tab6 td{line-height: 25px;height:50px;}
.Hrform .tables.tab6 th:nth-child(1){width:70%;text-indent: 0;}
.Hrform .tables.tab6 td:nth-child(1){text-indent: 2em;width:70%;}

.Hrform .queueList{border:none !important;margin:0;}
.Hrform .queueList .placeholder p{opacity: 0;}
.Hrform .queueList .placeholder div{opacity: 0;}
.Hrform .queueList .placeholder .webuploader-container{opacity: 1;}
.Hrform .queueList .placeholder .webuploader-pick{opacity: 1;background: none;box-shadow: 0 0 0 rgba(255,255,255,0);font-size: 14px;padding-top:0;width: 163px;
    height: 206px;
    background: #eeeeee;
    display: flex;
    align-items: center;
    justify-content: center;color:#333;}

.btnbox button{width: 100%;color:#fff;cursor: pointer;height: 34px;background:#174ea3;}
.btnbox button:hover{background:#155bc8;}

.Hrform .statusBar .info{display: none;}
.Hrform .statusBar .btns {right:0;width:100%;}
.Hrform .statusBar .btns .webuploader-pick{display: none;}
.Hrform .filelist li{margin:10px auto;}
.Hrform .queueList.filled{padding:0;}
.Hrform .statusBar .btns .uploadBtn{width:90px;height:30px;line-height: 30px;background:#00437c;float:none;margin:0 auto;padding:0;text-align: center;}
.Hrform .statusBar .progress{display: none !important;opacity: 0;}

@media(max-width:1024px){
	.HrText{padding-right: 5%;padding:20px;}
	.HrText .btn{text-align: center;padding-top: 15px;clear: both;top: 20px;}
	.HrText .txt{width: auto;float: none;clear: both;}
}
@media(max-width:768px){
	.HrText .pic{margin:0 0 10px 0;float: none;padding:0;width: 60%;}
	.HrText .txt{line-height: 24px;font-size: 14px;}
	.HrText .tip{padding-top: 20px;}
	.HrText dl {padding-left: 70px;}

	.HrList .item .ti{position: static;width: auto;margin-bottom: 10px;transform: translateY(0);}
	.HrList .item .ti:after{content: none;}
	.HrList .item{padding:15px;font-size: 14px;line-height: 24px;margin-bottom: 15px;min-height: auto;}
	.HrList .item .titBox,	
	.HrList .item .conBox{padding: 0}

	.Hrform{padding:15px;margin-bottom: 15px;}
	.Hrform .head{position: relative;right: auto;top: auto;margin:0px auto 15px;}
	.Hrform .item{width: 100% !important;float:none;padding-right:0;}
	.Hrform .item.no{display:none;}
	.Hrtits2{line-height: 40px;padding-left: 10px;font-size: 14px;}
	.Hrform .tables {overflow-x: scroll;}
	.Hrform .tables td{min-width: 150px;}
	.Hrform .tables td.isyes{min-width:50px;}
	.Hrform .tables input{height: 38px;line-height: 38px;}
	.Hrtits{font-size: 20px;margin-bottom: 10px;}

	.Hrform .tables.tab6 thead{font-size: 14px;}
	.Hrform .tables.tab6 td:nth-child(1){text-indent: 0;padding:0 5px;}
	.Hrform .tables.tab6 th:nth-child(1){text-indent: 0;padding:0 5px;}
}

/*新闻中心 s*/
.NewsList li{border:2px solid #eeeeee;padding:3%;margin-bottom: 3.5%;}
.NewsList .imgbox{width: 28%;float: left;padding-top: 200px;}
.NewsList .info{width: 66%;float: right;padding-top: 10px;color:#898989;}
.NewsList .tit{margin-bottom: 19px;font-size: 20px;}
.NewsList .p{-webkit-line-clamp: 2;margin-bottom: 55px;}
.NewsList .date{border-top: 1px solid #eeeeee;padding-top: 14px;position: relative;}
.NewsList .more{text-align: center;border:2px solid #174ea3;color:#174ea3;width: 94px;line-height: 30px;font-size: 14px;position: absolute;right: 0;top: 14px;}
.NewsList .more i{width: 5px;height: 9px;display: inline-block;vertical-align: middle;background:url(../images/more.gif);margin-left: 9px;}
.NewsList .more:hover{background:#174ea3;color:#fff;}
.NewsList .more:hover i{background:url(../images/more01.gif);}
.NewsList li:last-child{margin-bottom: 0;}

.TitleInfo{text-align: center;padding-bottom: 22px;border-bottom: 1px solid #ededed;margin-bottom: 4%;}
.TitleInfo .ti{padding-bottom: 14px;color:#000000;font-size: 30px;line-height: 42px;}
.TitleInfo .date{color:#a7a7a7;font-size: 14px;}
.TitleInfo .date span{width: 65px;display: inline-block;}
.TitleInfo .iconfont{font-size: 17px;margin-right: 6px;}

.PrevNextBox {border-top: 1px solid #ececec;margin-top: 5%;padding-top: 4%;position: relative;}
.PrevNextBox dl{width: 55%;line-height: 38px;}
.PrevNextBox dl dd{border-bottom: 1px dotted #e9e9e9;padding:0 95px 15px 0;margin-bottom:15px;position: relative;}
.PrevNextBox dl dd:nth-child(2){border-bottom: 0px;margin-bottom: 0;}
.PrevNextBox dl dd .date{position: absolute;right: 0;top: 0;font-size: 14px;color:#cccccc;font-family: "DINMedium";font-weight: bold;}
.PrevNextBox dl dd a{display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}
.PrevNextBox .back{position: absolute;right: 0;top: 45%;width: 160px;line-height: 50px;color:#fff;background:#00437c;text-align: center;font-size:16px;}
.PrevNextBox .iconfont{margin-right: 15px;transition: all 0.3s;}
.PrevNextBox .back:hover{background: #cc0000;}
.PrevNextBox .back:hover .iconfont{margin-right: 10px;}
.PrevNextBox dl a.none{color:#999;}

@media(max-width:1024px){
.TitleInfo .ti{font-size: 28px;}
.PrevNextBox{margin-top: 70px;}
.PrevNextBox dl{width: auto;}
.PrevNextBox .back{top: -40px;width: 120px;line-height: 40px;font-size: 14px;}
.PrevNextBox dl dd{padding-bottom: 5px;margin-bottom: 5px;padding-right: 0;}
.PrevNextBox dl dd .date{display: none;}
}
@media(max-width:768px){
.NewsList .imgbox{width: auto;float: none;padding-top: 60%;}
.NewsList .info{width: auto;float: none;font-size: 14px;line-height: 24px;}
.NewsList .p{margin-bottom: 10px;}
.NewsList .tit{font-size: 16px;margin-bottom: 8px;}
.NewsList .more{line-height: 26px;width: 90px;top: 10px;}

.TitleInfo{padding-bottom: 12px;}
.TitleInfo .ti{font-size: 20px;line-height: 28px;padding-bottom: 10px;}
.TitleInfo .date span{width: 20px;}
}


/*关于我们 s*/
.CompanyName{margin-bottom: 45px;}
.CompanyName h1{color:#272727;font-size: 36px;line-height: 44px;margin-bottom: 7px;}
.CompanyName p{color:#174ea3;}

.HistoryBox{padding-left: 197px;position: relative;margin-top: 7%;clear: both;}
.HistoryBox .title{position: absolute;left: 0;top: 0;color:#000000;font-size: 22px;font-weight: bold;}
.HistoryBox .title span{display: block;line-height: 34px;color:#174ea3;font-size: 18px;display: none;}
.HistoryBox .item{position: relative;}
.HistoryBox .imgbox{width: 370px;padding-top: 190px;position: absolute;left: 0;top: 0;}
.HistoryBox .info{margin:0 78px 0 438px;font-size: 16px;line-height: 36px;margin-bottom: 54px;min-height: 136pxf;}
.HistoryBox .info p{text-indent: 2em;}
.HistoryBox .slider-nav{margin-left: 438px;padding:0 33px;display: none;}
.HistoryBox .slider-nav .item{line-height: 23px;color:#a1a8b2;font-size: 18px;font-weight: bold;position: relative;font-family: "DINMedium";cursor: pointer;}
.HistoryBox .slider-nav .item.slick-current{color:#174ea3;}
.HistoryBox .slider-nav .item span{display:inline-block;position: relative;z-index: 1;padding:0 3px;background:#fff;}
.HistoryBox .slider-nav .item:after{position: absolute;left: 0;top: 50%;width: 100%;height: 1px;background:#b1b8be;content: "";}
.HistoryBox .slider-nav .slick-arrow{width: 23px;height: 23px;border:1px solid #d0dbe9;top: 0;margin-top: 0;}
.HistoryBox .slider-nav .slick-prev{background-image:url(../images/arrleft.gif) ;left: 0;}
.HistoryBox .slider-nav .slick-next{background-image:url(../images/arrright.gif) ;right: 0;}
.HistoryBox .slider-nav .slick-prev:hover{background-image:url(../images/arrleft01.gif) ;}
.HistoryBox .slider-nav .slick-next:hover{background-image:url(../images/arrright01.gif) ;}

.BehaviorBox{background:#dfe1e5;padding:2% 0 3.2%;}
.BehaviorBox .title{line-height: 79px;color:#000000;font-size: 22px;}
.BehaviorBox .title img{display: inline-block;vertical-align: middle;margin:0 22px 0 8px;}
.BehaviorBox .item{float: left;padding-right: 36px;color:#848484;font-size: 16px;line-height: 36px;}
.BehaviorBox .item .box{padding:40px 35px;background:#fff;overflow-y: auto;min-height: 758px;}
.BehaviorBox .item.i1 {width: 45%;}
/* .BehaviorBox .item.i1 .box{height: 562px;} */
.BehaviorBox .item dl{padding-bottom: 25px;margin-bottom: 30px;border-bottom: 1px dashed #dbdbdb;}
.BehaviorBox .item.i1 dl:last-child{padding-bottom: 0;margin-bottom: 0;border-bottom: 0px;}
.BehaviorBox .item.i1 dt{color:#000000;font-weight: bold;margin-bottom: 7px;}

.BehaviorBox .item.i2{width: 55%;}
.BehaviorBox .item.i2 .box1{padding:40px 45px;background:#fff;overflow-y: auto;}
/*.BehaviorBox .item.i2 dl{position: relative;padding-left: 100px;min-height: 24px;margin-bottom: 36px; line-height: 24px;}*/
.BehaviorBox .item.i2 dl dt{/*position: absolute;left: 0;top: 0;*/font-weight: bold;color:#000;}
.BehaviorBox .item.i2 dl:last-child{margin-bottom: 0 !important;}
.BehaviorBox .item.i2 .box2{height: 235px;margin-bottom: 0;display: none;}
.BehaviorBox .item.i2 .box2 dl{margin-bottom: 24px;}
.BehaviorBox .item.i2 .box2 dt i{margin-left: 30px;}

.HornorBox{overflow: hidden;}
.HornorBox .title{line-height: 30px;margin-bottom: 40px;background:url(../images/linebg.gif) 0px center repeat-x;position: relative;}
.HornorBox .title h2{color:#000000;font-size: 22px;background:#fff;padding:0 19px 0 0;display: inline-block;}
.HornorBox .title h2 img{display: inline-block;vertical-align: middle;margin:0 23px 0 10px;}
.HornorBox .title:after{height: 30px;width: 85px;background:#fff;content: "";right: 0;top: 0;position: absolute;}
.HornorBox .item{margin-left: -7%;}
.HornorBox .li{width: 33.333%;float: left;padding: 0 0 3.1% 7%;}
.HornorBox .imgbox{padding-top: 64%;}
.HornorBox .imgbox:after{content:"";position:absolute;width: 43px;height: 43px;z-index: 2;right: 0;bottom: 0;background: rgba(0,0,0,0.56) url(../images/fdz.png) center center no-repeat;}
.HornorBox .slick-arrow{width: 28px;height: 28px;border:1px solid #d0dbe9;top: 0;margin-top: -71px;}
.HornorBox .slick-prev{background-image:url(../images/arrleft.gif) ;left: auto;right: 33px;}
.HornorBox .slick-next{background-image:url(../images/arrright.gif) ;right: 0;}
.HornorBox .slick-prev:hover{background-image:url(../images/arrleft01.gif) ;}
.HornorBox .slick-next:hover{background-image:url(../images/arrright01.gif) ;}

.PdfList li{border:2px solid #eeeeee;padding:3%;margin-bottom: 3.5%;}
.PdfList .imgbox{width: 22%;float: right;text-align: center;}
.PdfList .imgbox img{height: 300px;}
.PdfList .info{width: 72%;float: left;padding-top: 10px;color:#898989;}
.PdfList .tit{margin-bottom: 19px;font-size: 20px;}
.PdfList .p{margin-bottom: 20px;min-height: 80px;}
.PdfList .date{border-top: 1px solid #eeeeee;padding-top: 14px;position: relative;}
.PdfList .more{text-align: center;border:2px solid #174ea3;color:#174ea3;width: 94px;line-height: 30px;font-size: 14px;display: inline-block;}
.PdfList .more i{width: 5px;height: 9px;display: inline-block;vertical-align: middle;background:url(../images/more.gif);margin-left: 9px;}
.PdfList .more:hover{background:#174ea3;color:#fff;}
.PdfList .more:hover i{background:url(../images/more01.gif);}
.PdfList li:last-child{margin-bottom: 0;}

@media(max-width:1024px){
	.CompanyName{margin-bottom: 20px;}
	.CompanyName h1{font-size: 20px;line-height: 28px;}

	.HistoryBox{padding-left: 0;}
	.HistoryBox .title{position: static;margin-bottom: 10px;}

	.BehaviorBox .item{width: auto !important;float: none;margin-bottom: 15px;padding-right: 0;}
	.BehaviorBox .item .box{height: auto !important;padding:18px !important;min-height: auto;}
	.BehaviorBox .item dl{line-height: 24px !important;font-size: 14px !important;}
	.BehaviorBox .item.i1 dl{padding-bottom: 15px;margin-bottom: 15px;}
	.BehaviorBox .item.i2 dl{padding-left: 0;margin-bottom: 15px;}
	.BehaviorBox .item.i2 .box1{margin-bottom: 15px;}
}

@media(max-width:768px){
	.BehaviorBox .title{font-size: 18px;line-height: 50px;}
	.BehaviorBox .title img{margin:0 10px 0 5px;}
	.HistoryBox .imgbox{position: relative;left: auto;top: auto;width: auto;padding-top: 50%;margin-bottom: 15px;}
	.HistoryBox .info{margin:15px 0 15px 0;font-size: 14px;line-height: 24px;}
	.HistoryBox .slider-nav{margin-left: 0;}

	.HornorBox .item{margin-left: -15px;}
	.HornorBox .li{width: 50%;padding-left: 15px;}
	.HornorBox .title h2{font-size: 18px;}
	.HornorBox .title h2 img{margin:0 10px 0 0;}

	.PdfList .tit{font-size: 16px;margin-bottom: 10px;}
	.PdfList .p{margin-bottom: 10px;}
 .PdfList .imgbox img{height: auto;max-height: 260px;}
}


.CertiBox{overflow: hidden;margin-top: 5%;}
.CertiBox .title{line-height: 30px;margin-bottom: 40px;background:url(../images/linebg.gif) 0px center repeat-x;position: relative;}
.CertiBox .title h2{color:#000000;font-size: 22px;background:#fff;padding:0 19px 0 0;display: inline-block;}
.CertiBox .title h2 img{display: inline-block;vertical-align: middle;margin:0 23px 0 10px;}
.CertiBox .title:after{height: 30px;width: 85px;background:#fff;content: "";right: 0;top: 0;position: absolute;}
.CertiBox .item{margin-left: -2%;}
.CertiBox .li{width: 25%;float: left;padding: 0 0 2% 2%;}
.CertiBox .imgbox{padding-top: 140%;}
.CertiBox .imgbox:after{content:"";position:absolute;width: 43px;height: 43px;z-index: 2;right: 0;bottom: 0;background: rgba(0,0,0,0.56) url(../images/fdz.png) center center no-repeat;}
.CertiBox .slick-arrow{width: 28px;height: 28px;border:1px solid #d0dbe9;top: 0;margin-top: -71px;}
.CertiBox .slick-prev{background-image:url(../images/arrleft.gif) ;left: auto;right: 33px;}
.CertiBox .slick-next{background-image:url(../images/arrright.gif) ;right: 0;}
.CertiBox .slick-prev:hover{background-image:url(../images/arrleft01.gif) ;}
.CertiBox .slick-next:hover{background-image:url(../images/arrright01.gif) ;}

.cercontent{padding:0 0 4.5%;}
.cercontent .titles{font-size: 22px;margin-bottom: 0;}

@media(max-width:768px){
	.CertiBox .item{margin-left: -15px;}
	.CertiBox .li{width: 33.33%;padding-left: 15px;}
	.CertiBox .title h2{font-size: 18px;}
	.CertiBox .title h2 img{margin:0 10px 0 0;}
}