#Page{font-family: "Microsoft YaHei";}
h2{font-size:26px;margin: 40px 0;}
.hot{border:none;}

.bar{height: 300px;position: relative;}
.bar img{height:100%;transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);position: relative;left: 50%;max-width:none;}
.bar .banner_text{position: absolute;top:50px;left: 50%;transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);font-size: 50px;color: #ffffff;text-align: left;line-height: 62px;padding-left: 300px;box-sizing: border-box;}
.sbar{display:none;height: 210px;position: relative;}
.sbar img{height:100%;transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);position: relative;left: 50%;max-width:none;}
.sbar .banner_text{width: 100%; position: absolute;top:86px;left: 50%;transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);font-size: 18px;color: #ffffff;text-align: left;line-height: 30px;font-weight: bold;padding-left: 24%;box-sizing: border-box;}
.maxwidth{max-width:1182px;margin: 0 auto;}
.abstract p{width: 60%;font-size: 15px;font-weight: bold;text-align: left;margin-bottom: 20px;float:left;line-height: 180%;}
.abstract p a{color:black;}
.abstract p a:hover{color:#c00;}
.abstract .atimg{width:25%;}

.require{background:#fff;float: left;width: 100%; padding-bottom: 30px;}
.require .hlist li{float:left;width: 48%;margin: 10px;font-size: 16px;color: #161B5E;padding: 10px 0;text-align: left;line-height: 28px;background:url(../images/border.png);background-size: 100% 100%;}
.require .hlist li img{float: left;padding-left: 20px;padding-right: 10px;}

.post,.welfare,.contact{float: left;width: 100%;}

.welfare{background:#fff;padding-bottom: 50px;}
.welfare ul li{float:left;width:48%;height: 116px;margin: 10px;}
.welfare ul li.w1{background:url(../images/w_1.png);background-size: 100% 100%;}
.welfare ul li.w2{background:url(../images/w_2.png);background-size: 100% 100%;}
.welfare ul li.w3{background:url(../images/w_3.png);background-size: 100% 100%;}
.welfare ul li.w4{background:url(../images/w_4.png);background-size: 100% 100%;}
.welfare ul li div{font-size: 16px;color: #fff;width: 77%;float: right;text-align: left;padding-right: 20px;padding-top: 42px;}

.cot{float: left;width: 100%;height: 190px;background:url(../images/cotimg.png);background-size: 100% 100%;}
.cot .maxwidth{padding-top: 55px;}
.cot p{font-size: 16px;color: #fff;width: 80%;margin: 0 auto;text-align: left;padding-bottom: 15px;}

.contact .maxwidth .fx{background: #fff;border-radius: 5px;box-shadow: 0px 1px 8px 3px #D7D7D7;margin-bottom: 50px;}
.contact .maxwidth div .lt{width: 50%;margin: 0 auto;text-align: left;padding: 20px 0;font-size: 18px;line-height: 42px;}
.contact .maxwidth div .lt img{vertical-align: middle;padding-right: 8px;}

.post{ background:#F2F2F2;}
.service .servicePage>div:last-of-type{  position:relative;}
.service .servicePage>div:last-of-type .serviceBg{width:100%; height:600px;}
.service .servicePage>div:last-of-type .serviceCon{width:100%; height:600px;position:absolute;top:0px;overflow: hidden;padding: 25px 0;}

.sliderService{ position:relative; }
.serviceBigBox{ float:left;position: relative; left:0;}
.serviceBigBox .serviceBox{ width:350px; background:white; margin:0; text-align:center; margin:0 12.5px; float:left;position: relative;height:100%;box-shadow: 0px 1px 8px 3px #D7D7D7;}
.serviceBigBox .serviceBox .serviceImg{ width:79px; margin:0 auto; padding-top:20px;}
.serviceBigBox .serviceBox .serviceBtn{ width:159px; height:39px; font-size:16px; line-height:39px; color:white; border-radius:20px; margin:0 auto; background:#D93532;}
.serviceBigBox .serviceBox .serviceBtn:hover{ cursor:pointer; background:0; border:2px solid #D93532; color:#D93532; line-height:35px; }


.serviceArrow{ width:240px; margin:15px auto;height: 60px;margin-top: 45px;}
.serviceArrow div{ width:100px; margin:0 10px; height:30px; float:left;}
.serviceArrow div:hover{cursor:pointer;}

.serviceBox .title{position: absolute;width: 80%;z-index: 1111;background: url(../images/zp.png);background-size: 100% 100%;height: 70px;top: -28px;left: 0;right: 0; margin: 0 auto;line-height: 55px;font-size: 16px;color: #fff;}
.serviceBox .ct{margin: 50px 0 30px 0;font-size: 14px;padding: 0 30px;}
.serviceBox .ct h3{margin:5px 0;}
.serviceBox .ct p{text-align: left;padding: 3px 0;color: #666666;}
.serviceBox .ct	center{width: 10%;text-align: center;margin: 0 auto;border: 1px solid;height: 0px;color: #B2B2B2;margin: 20px auto;}

@media screen and (min-width:1024px) and (max-width:1200px){
	.cot p,.contact .maxwidth div .lt{width: 65%;}	
}
@media screen and (min-width:768px) and (max-width:1023px){
	.cot p{width: 65%;}
	.hlist,.welfare ul{padding: 0 10%;}
	.require .hlist li,.welfare ul li{width:98%;}
	.cot .maxwidth{padding-top: 35px;}
	.contact .maxwidth div .lt{width:78%;}

	.mobil_bottom{clear:both;}
}
@media screen and (min-width:414px) and (max-width:767px){
	h2{font-size:20px;margin: 20px 0!important;}
	.bar{display:none;}
	.sbar{display:block;}
	.sbar img{width:100%;}
	.abstract{padding: 0 10px;}
	.abstract p{width:100%;}
	.abstract .atimg{width:72%;}
	.cot p{width: 75%;padding-bottom: 10px;font-size: 14px;}
	.hlist,.welfare ul{padding: 0 2%;}
	.require .hlist li,.welfare ul li{width:97%;}
	.require .hlist li{background: url(../images/sborder.png);background-size: 100% 100%;line-height:inherit;    padding: 15px 5px;margin:0;}
	.require .hlist li img{padding-top: 8;}
	.welfare ul li{height: 80px;}
	.welfare ul li div{padding-right: 12px;padding-top: 22px;}
	.cot .maxwidth{padding-top: 35px;}
	.contact .maxwidth div .lt{width:95%;font-size: 16px;}
	.cot{background: url(../images/scotimg.png);background-size: 100% 100%;}
	.contact .maxwidth div .lt img{width: 8%;}

	.mobil_bottom{clear:both;}
}
@media screen and (min-width:375px) and (max-width:413px){
	h2{font-size:18px;margin: 20px 0!important;}
	.bar{display:none;}
	.sbar{display:block;}
	.sbar img{width:100%;}
	.abstract{padding: 0 10px;}
	.abstract p{width:100%;font-size: 14px;}
	.abstract .atimg{width:72%;}
	.cot p{width: 75%;padding-bottom: 0px;font-size: 14px;}
	.hlist,.welfare ul{padding: 0 2%;}
	.require .hlist li,.welfare ul li{width:97%;}
	.require .hlist li{background: url(../images/sborder.png);background-size: 100% 100%;line-height:inherit;    padding: 15px 5px;margin:0;font-size: 14px;}
	.require .hlist li img{padding-top: 5px;padding-left: 15px;}
	.welfare ul li{height: 80px;}
	.welfare ul li div{padding-right: 12px;padding-top: 22px;font-size: 14px;}
	.cot .maxwidth{padding-top: 35px;}
	.contact .maxwidth div .lt{width:95%;font-size: 14px;}
	.cot{background: url(../images/scotimg.png);background-size: 100% 100%;height: 200px;}
	.contact .maxwidth div .lt img{width: 8%;}

	.mobil_bottom{clear:both;}
}
@media screen and (min-width:320px) and (max-width:374px){
	h2{font-size:18px;margin: 20px 0!important;}
	.bar{display:none;}
	.sbar{display:block;}
	.sbar img{width:100%;}
	.abstract{padding: 0 10px;}
	.abstract p{width:100%;font-size: 14px;}
	.abstract .atimg{width:72%;}
	.cot p{width: 80%;padding-bottom: 0px;font-size: 14px;}
	.hlist,.welfare ul{padding: 0 2%;}
	.require .hlist li,.welfare ul li{width:97%;}
	.require .hlist li{background: url(../images/sborder.png);background-size: 100% 100%;line-height:inherit;    padding: 12px 5px;margin:0;font-size: 14px;}
	.require .hlist li img{padding-top: 5px;padding-left: 10px;padding-right: 5px;}
	.welfare ul li{height: 72px;}
	.welfare ul li div{padding-right: 12px;padding-top: 18px;font-size: 14px;}
	.cot .maxwidth{padding-top: 35px;}
	.contact .maxwidth div .lt{width:95%;font-size: 14px;}
	.cot{background: url(../images/scotimg.png);background-size: 100% 100%;height: 200px;}
	.contact .maxwidth div .lt img{width: 8%;}

	.mobil_bottom{clear:both;}
}