/*banner*/
@media screen and (min-width: 320px) {
	
	.banner-min{ -webkit-background-size: cover;
	background-size: cover; background-position: center center; padding-bottom: 25%; position: relative;}
	.banner-min-txt{display: flex; justify-content: center;align-items: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
	.banner-min img{ width: auto; max-width: 100%; margin: 0 auto; display: block;}
	
	
}
@media screen and (min-width: 992px) {
	.banner-min{ padding-bottom: 0; height: 250px;}
}
@media screen and (min-width: 1240px) {

}

/*menu-box*/
@media screen and (min-width: 320px) {

	.menu-box{ position: relative; background: #f0f0f0; padding: 0 31px; margin-top: 15px;}
	.menu-box .swiper-slide{width: auto;}
	.menu-box .swiper-slide a{display: block; min-width: 140px; padding: 0 15px; line-height: 60px;}
	.menu-box .swiper-slide span{ padding-right: 15px;}
	.menu-box .swiper-slide i{ opacity: 0; filter:Alpha(opacity=0); float: right; line-height: 60px;}
	.menu-box .swiper-slide a:hover i{ opacity: 1; filter:Alpha(opacity=100);}
	.menu-box .swiper-slide .on{ background: #00458e; }
	.menu-box .swiper-slide .on span{ color: #fff;}
	.menu-box .swiper-slide .on i{ opacity: 1; filter:Alpha(opacity=100); color: #fff;}
	
	
	.menu-button{ width: 30px; height: 60px; position: absolute;top: 0; left: 0; background: #00458e; text-align: center; cursor: pointer;}
	.menu-button i{ line-height: 60px; color: #fff;}
	
	.menu-button-next{ position: absolute; left: auto; right: 0;}
	.menu-button-box .swiper-button-disabled{ background: #c6d3e1; cursor: default;}
}

@media screen and (min-width: 760px) {
	
}

@media screen and (min-width: 992px) {
	.menu-box{margin-top: -60px; position: relative; z-index: 9; background: #fff; background: rgba(255,255,255,.9);}
	.menu-box{ padding-left: 41px; padding-right: 41px;}
	.menu-button-prev{ top: 0; right: auto; left: 0; width: 40px; height: 60px;}
	.menu-button-next{ top: 0; width: 40px; height: 60px;}
	.menu-button i{ line-height:60px;}
	
	.menu-box .swiper-slide a{ font-size: 16px; padding: 0 20px; min-width: 160px;}
	.menu-box .swiper-slide i{ font-size: 16px;}

}
@media screen and (min-width: 1240px) {
	
}


/*闈㈠寘灞?/
@media screen and (min-width: 320px) {
	.dz{padding: 15px 0; color: #000; border-bottom: solid 1px #e4e4e4;}
	.dz b{ font-size: 24px; font-weight: normal; display: block; line-height: 36px;}
	.dz div i{color: #00458e; margin-right: 5px; font-size: 18px; line-height: 24px;}
	.dz div a{font-size: 14px; color: #000;  line-height: 24px;}
	.dz div a:hover{ color: #005ba4;}
}
@media screen and (min-width: 992px) {
		
	.dz{ overflow: hidden; padding: 30px 0 20px 0;}
	.dz b{ float: left; font-size: 32px;}
	.dz div{ float: right; padding-top: 18px; height: 36px;}
	.dz div *{line-height: 18px;}
}

@media screen and (min-width: 1240px) {

}


/*鍐呭鐩掑瓙*/
@media screen and (min-width: 320px) {
	.content-box,.content-bd{ padding: 25px 0 5px 0; color: #231815;  line-height: 2 ;}
	.content-box { text-align: justify;}
	.content-box ,.content-box div,.content-box p,.content-box ul,.content-box li,.content-box ol,.content-box span{ color: #231815; font-size: 14px; line-height: 2 ;}
	.content-box img,.content-bd img{max-width: 100%;}
	.cont-bg{ background: #fff;}

}

@media screen and (min-width: 992px) {
	.content-box,.content-bd{ padding: 35px 0 20px 0;}
	.content-box ,.content-box div,.content-box p,.content-box ul,.content-box li,.content-box ol,.content-box span{ font-size: 14px;}
	
}

@media screen and (min-width: 1240px) {
	
}

/*鍏徃绠€浠?/
@media screen and (min-width: 320px) {
	.gsjj-box h2{color: #00458e; font-emphasize-position: before; padding-bottom: 15px; font-weight: bold; font-size: 18px;}
}

@media screen and (min-width: 992px) {
	.gsjj-box h2{ font-size: 24px;}
}

@media screen and (min-width: 1240px) {

}


/*璧勮川鑽ｈ獕*/
@media screen and (min-width: 320px) {
	.zzry-list{ margin: -10px; padding-top: 15px; overflow: hidden;}
	.zzry-list li{ float: left; width: 50%; padding: 10px;}
	.zzry-bd{ border: solid 4px #f1f1f1; background: #f7f7f7;}
	.zzry-list li span{ text-align: center; display: block; color: #666; line-height: 2.4; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap;}
	.zzry-list li a:hover span{ color: #00458e;}
}

@media screen and (min-width: 992px) {
	.gsjj-box h2{ font-size: 24px;}
	.zzry-list li{ width: 25%;}
	.zzry-list li span{ font-size: 16px;}
}

@media screen and (min-width: 1240px) {

}


/*鐭ヨ瘑浜ф潈*/
@media screen and (min-width: 320px) {
	.knowledge-line{ display: none;}
	
	.knowledge-bd{ border: solid 8px #c2e0ff; background: #c2e0ff; -webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;}
	
	i.pic-scale-knowledge{ padding-bottom: 146.15%;}
	
	.knowledge ul{  margin: -10px;}
	.knowledge li{ width: 50%; float: left; padding: 10px;}
	.knowledge li b{display: block; text-align: center; color: #00458e; font-size: 14px; line-height: 24px; padding-top: 5px;}
	.knowledge li span{font-size: 20px; line-height: 24px;}
	.knowledge li small{ display: block; text-align: center; font-size: 14px; font-weight: bold;}
}

@media screen and (min-width: 992px) {
	.knowledge{ padding-top: 50px;}
	.knowledge-line{display: block;}
	.knowledge li{ width: 20%; position: relative; }
	.knowledge li:nth-child(even){padding-top: 60px;}
	.knowledge-txt{ position: absolute; left: 0; top: -10px; width: 100%;}
	.knowledge li b{ padding-bottom: 10px; font-size: 14px;}
	.knowledge li span{ font-size: 30px;}
	.knowledge li .knowledge-txt{top: -30px;}
	.knowledge li:nth-child(odd) .knowledge-txt{top: -80px;}
}

@media screen and (min-width: 1240px) {
	.knowledge ul{top: 0;}
	.knowledge li .knowledge-txt{top: -35px;}
	.knowledge li:nth-child(odd) .knowledge-txt{top: -95px;}
	.knowledge li b{ padding-bottom: 20px;}
	.knowledge li small{ font-size: 16px;}
}


/*鏂囧寲鎴樼暐*/
@media screen and (min-width: 320px) {
	.strategy-r li:nth-child(even){ display: none;}
	.strategy-r li dl{ padding: 10px 15px; background: #f2f2f2;}
	.strategy-r li dt{ font-size: 16px; font-weight: bold; color: #00458e;}

}

@media screen and (min-width: 992px) {
	
	.strategy-l{ float: left; width: 25%;}
	.strategy-r{ float: left; width: 75%;}
	.strategy ul.strategy-r li{display: block;}
	.strategy-r li{ width: 33.3333%; float: left; height: 107px;}
	.strategy-r li dl{ height: 100%; display: flex; justify-content: center; flex-direction:column;}
	.strategy-r li dd{ font-size: 12px;}
}

@media screen and (min-width: 1240px) {
	.strategy-r li{ height: 134px;}
	.strategy-r li dl{padding: 0 20px;}
	.strategy-r li dt{ font-size: 20px;}
	.strategy-r li dd{ font-size: 16px;}
}


/*绀句細璐ｄ换*/
@media screen and (min-width: 320px) {
	.duty-tl{display: none;}
	
	i.pic-scale-duty-01{ padding-bottom: 80%;}
	i.pic-scale-duty-02{ padding-bottom: 80%;}
	
	.duty dl{ padding: 15px;}
	.duty dt{ color: #fff;}
	.duty dd{ color: #fff;}
	
	.duty-b li{ padding-top: 15px;}
	.duty dt span{ background: #000; background: rgba(0,0,0,.2); padding:3px 15px; display: inline-block;}
	.duty dt{ padding-bottom: 15px;}
}

@media screen and (min-width: 992px) {
	i.pic-scale-duty-01{ padding-bottom: 133.56%;}
	i.pic-scale-duty-02{ padding-bottom: 66.58%;}
	
	.duty-tl{display: block; float: left; width: 50%; padding-right: 10px;}
	.duty-tr{float: left; width: 50%; padding-left: 10px;}
	
	.duty-tr .duty-tr-pic{ float: left; position: relative; left: 50%; width: 50%;}
	.duty-tr dl{ float: left; position: relative; right: 50%; width: 50%; height: 314px;}
	
	.duty-tr dl{padding: 25px;}
	.duty dd{ font-size: 12px; line-height: 24px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 9;
overflow: hidden; height: 216px;}

.duty-b{margin: -10px; padding-top: 20px;}
.duty-b li{ width: 33.3333%; float: left; padding: 10px;}
.duty-b dd{-webkit-line-clamp: 6;height: 144px;}
}

@media screen and (min-width: 1240px) {
	.duty-tl{ padding-right: 15px;}
	.duty-tr{padding-left: 15px;}
	
	.duty-tr dl{ height: 391px;}
	
	.duty-b{ padding-top: 30px; margin: -15px;}
	.duty-b li{ padding: 15px;}
	.duty dl{ padding: 20px;}
	.duty dd{ font-size: 14px;}
}



/*鍚堜綔浼欎即*/
@media screen and (min-width: 320px) {
	.customer-info{ padding: 0; background: none;}
	.customer-box ul{ padding: 0;}
}

@media screen and (min-width: 992px) {
	
}

@media screen and (min-width: 1240px) {
	
}


/*瑙ｅ喅鏂规*/
@media screen and (min-width: 320px) {
	.ssal-list{ overflow: hidden; margin: -10px;}
	.ssal-list li{ width: 100%; float: left; padding: 10px;}
	
	.ssal-tit{ text-align: center; font-size: 18px; font-weight: bold; padding-bottom: 15px; }
	
	.ssal-tit-02{ font-size: 18px; font-weight: bold; padding-bottom: 15px; }
	
	.content-pic{ padding-bottom: 20px;}
	
	.ssal-hr{margin: 0 0 15px 0; height: 2px;}
	
	
	i.pic-scale-ssal{ padding-bottom: 41.67%;}
	
	.swiper-ssal-bd{ padding: 15px 0; position: relative;}
	
	.ssal-pagination{ text-align: center; padding-top: 10px;}
	.ssal-pagination span{ width: 12px; height: 12px; -webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px; margin: 0 5px; background:#c8c8c8; opacity: 1;}
	.ssal-pagination span.swiper-pagination-bullet-active{ width: 25px; background: #00458e;}
	
	.ssal-btn{ width: 54px; height: 88px; position: absolute; left: 0; top: 50%; margin-top: -44px; z-index: 2; cursor: pointer; text-align: center;background: #e0eefe; }
	.ssal-btn i{color: #fff; line-height: 88px; font-size: 42px;}
	.ssal-btn-box .swiper-button-disabled,.ssal-btn-box .swiper-button-disabled:hover{ background: #d5d5d5; cursor: default;}
	.ssal-btn-next{ left: auto; right: 0;}
	.ssal-btn:hover{background: #00458e;}
}

@media screen and (min-width: 992px) {
	.ssal-list li{ width: 25%;}
	
	.ssal-box{ margin: 0 -30px;}
	.ssal-w6{padding:0 30px; width: 50%; float: left;}
}

@media screen and (min-width: 1240px) {
	
}


/*浜у搧涓績*/
@media screen and (min-width: 320px) {
	i.pic-scale-cpzx{ padding-bottom: 56.67%;}
	.cpzx-pic{ width: auto; max-width: 600px; margin: 0 auto;}
	
	.cpzx-tit{ text-align: center; font-size: 18px; color: #00458e; font-weight: bold;}
	
	.cpzx-tips{margin: 5px -10px; text-align: center; padding: 5px 0;}
	.cpzx-tips li{ padding: 5px 10px; display: inline-block;}
	.cpzx-tips li span{ background: #00458e; padding: 0 20px; line-height: 34px; display: block; -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; color: #fff;}
	
	.cpzx-box{margin: -10px; padding-top: 10px;}
	.cpzx-box-p{ padding: 10px;}
	.cpzx-box-bd{padding: 15px; border: solid 2px #00458e; -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;}
	
	.cpzx-box-tit{ font-size: 16px; font-weight: bold; color: #00458e;}
	
	.cpzx-box-bd dd{ color: #333; }
}

@media screen and (min-width: 992px) {
	.cpzx-tit{ text-align: center; font-size: 24px;}
	.cpzx-tips li span{ line-height: 40px; padding: 0 30px; font-weight: bold; font-size: 16px;}
	
	.cpzx-tips{padding: 10px 0;}
	.cpzx-box{ padding-top: 20px; overflow: hidden; display: flex; align-items:stretch;}
	
	.cpzx-box-p{ width: 50%; float: left; flex-grow: 1;}
	.cpzx-box-bd{ height: 100%;}
	.cpzx-box-tit{ font-size: 20px; padding-bottom: 10px;}
	
	.cpzx-box-bd dl{ overflow: hidden;}
	.cpzx-box-bd dt{ float: right; padding-left: 15px; width: 215px;}
	.cpzx-box-bd dd{overflow: hidden;}
}

@media screen and (min-width: 1240px) {
	.cpzx-box-bd dt{ width: 275px;}

}


/*鐮斿彂瀹炲姏*/
@media screen and (min-width: 320px) {
	.yfsl-t{ margin: -5px -15px; overflow: hidden;}
	.yfsl-t li{ padding: 5px 15px; float: left; width: 100%;}
	.yfsl-t li b{ font-size: 32px; font-weight: bold; color: #00458e; display: inline-block; line-height: 40px;}
	.yfsl-t li span{ font-size: 14px; color: #00458e; display: inline-block; line-height: 40px; padding-right: 5px;}
	.yfsl-t li div{ font-size: 14px; color: #333333; display: inline-block; line-height: 40px;}
	
	.yfsl-b{ padding-top: 20px;}
	.yfsl-b dd{ padding-top: 15px;}
}

@media screen and (min-width: 992px) {
	.yfsl-t li{ width: auto;}
	.yfsl-t li b{ font-size: 36px;}
	
	.yfsl-b dt{ width: 50%; float: left;}
	.yfsl-b dd{ width: 50%; float: left; padding-left: 55px; padding-top: 30px;}
}

@media screen and (min-width: 1240px) {
	
}



/*鏈嶅姟鐞嗗康*/
@media screen and (min-width: 320px) {
	.fwln-txt{ background: #f0f0f0;}
	.fwln-txt dd{ padding: 15px;}
	.fwln-txt dd b{ color: #00458e; font-size: 18px; display: block; padding-bottom: 10px;}
}

@media screen and (min-width: 992px) {
	.fwln-txt{ overflow: hidden;}
	.fwln-txt dt{ float: right; width: 500px;}
	.fwln-txt dd{ overflow: hidden; height: 271px; padding: 20px;}
	.fwln-txt dd b{ font-size: 24px;}
}

@media screen and (min-width: 1240px) {
	.fwln-txt dt{ width: 660px;}
	.fwln-txt dd{ padding:50px 30px; height: 358px;}
	.fwln-txt dd b{ padding-bottom: 40px;}
}


/*閼厜鍔ㄦ€?/
@media screen and (min-width: 320px) {
	.xwzx-list{ padding-left: 0;}
	.xwzx-list ul{margin: -5px 0; }
	.xwzx-list li {padding: 5px 0;}
	.xwzx-list li a{ padding: 15px; background: #f6f6f6; display: block;}
	.xwzx-list li a:hover{ background: #00458e;}
	.xwzx-list li a:hover b{ color: #fff;}
	.xwzx-list li a:hover span{ color: #fff;}
	.xwzx-list li a:hover p{color: #a3b2cc;}
	.xwzx-list li a:hover dt{ border-color: #4d7db0;}
}

@media screen and (min-width: 992px) {
	.xwzx-list li dt{ padding-right: 20px;}
	.xwzx-list li a{ padding: 20px; }
}

@media screen and (min-width: 1240px) {
	
}

/*閼厜鍔ㄦ€?/
@media screen and (min-width: 320px) {
	.xwzx-tit{ background: #f3f3f3; padding: 15px ; margin-top: 25px;}
	.xwzx-tit b{ display: block; text-align: center; font-size: 18px; font-weight: normal; padding-bottom: 10px;}
	.xwzx-tit span{ display: block; text-align: center; color: #666;}
	
	.xwzx-btn{margin: -5px; padding-top: 25px; overflow: hidden;}
	.xwzx-btn li{padding: 5px;}
	.xwzx-btn a{ display: block; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap; line-height: 36px; padding: 0 15px; background: #e6e6e6; -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;}
	.xwzx-btn a:hover{ background: #00458e; color: #fff;}
	
}

@media screen and (min-width: 992px) {
	.xwzx-tit{ padding: 20px;}
	.xwzx-tit b{  font-size: 24px;}
	
	.xwzx-btn{ padding-bottom: 20px; margin: 0 -20px;}
	.xwzx-btn li{ float: left; width: 50%; padding: 0 20px;}
	.xwzx-btn a{ line-height: 45px; padding: 0 20px;}
}

@media screen and (min-width: 1240px) {
	
}


/*浜烘墠鎷涜仒*/
@media screen and (min-width: 320px) {
	.rczp-txt a{ color: #00458e;}
	.rczp-txt a:hover{ text-decoration: underline;}
	
	.rczp-txt .ptn{padding-top: 0;}
	.rczp-txt dl{ padding: 15px 0 0 0 ;}
	.rczp-txt dt{ font-size: 18px; padding-bottom: 5px;}
	
	.rczp-link{ padding-top: 15px;}
	
	
	.fldy-pic{ padding-bottom: 15px;}
}

@media screen and (min-width: 992px) {
	.rczp-txt dl{ padding: 25px 0 0 0 ;}
	.rczp-txt dt{ font-size: 22px;}
	
	.rczp-link{ padding-top: 25px;}
	
	.fldy-pic{ float: right; padding-left: 15px; width: 550px; padding-top: 5px;}
}

@media screen and (min-width: 1240px) {
	.fldy-pic{  width: 670px;}
}



/*鍩硅鍙戝睍*/
@media screen and (min-width: 320px) {

	.pxfz-list dl{ padding-top: 15px;}
	.pxfz-list dt{padding: 15px; color: #fff;}
	.pxfz-list dt b{ font-size: 18px; font-weight: normal; display: block; padding-bottom: 5px;}
	.pxfz-list dt p{}
	
	i.pic-scale-pxfz{ padding-bottom: 66.58%;}
}

@media screen and (min-width: 992px) {
	.pxfz-list{ overflow: hidden; margin: -15px; padding-top: 25px;}
	.pxfz-list dl{ padding: 15px; float: left; width: 33.3333%;}
	.pxfz-list dt b{ font-size: 22px;}
	
	.pxfz-list dt p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; height: 96px;}
}

@media screen and (min-width: 1240px) {
	
}



/*鑱旂郴鏂瑰紡*/
@media screen and (min-width: 320px) {
	.map{ height: 320px;}
	
	.qr-bg{ background: #00458e; padding: 5px; overflow: hidden; width: 146px;}
	.qr-bg img{ width: 117px; height: 117px; float: left;}
	.qr-bg div{ height: 117px; display: flex; justify-content: center; align-items: center;}
	.qr-bg span{ width: 19px; text-align: center; color: #fff; float: left; line-height: 15px; padding-left: 5px; }
	
	.cont-tit{ font-size: 18px; color: #00458e;}
	.cont-txt{ padding: 15px 0;}
	.cont-box{ overflow: hidden;}
	.cont-box dd{ padding-top: 20px;}
}

@media screen and (min-width: 992px) {
	.cont-box dt{ padding-top: 0; overflow: hidden; float: left;}
	.cont-box dd{ float: right; width: 600px; padding-top: 0;}
	
	.cont-tit{ font-size: 22px;}
}

@media screen and (min-width: 1240px) {
	.cont-box dd{ width: 820px;}
}