@charset "utf-8";
/* CSS Document */

/*banner 焦点图 */
.bannerBox { margin-top: 4px; position: relative;	z-index: 0; border-top:4px solid #003c83;
	/* height: 642px; */
	height: 26.5vw; border-bottom:8px solid #bc1831;
}
.bannerBox .swiper-container {	width: 100%; height: 100%; border-bottom:1px solid #fff ;}
.bannerBox .swiper-slide {
	width: 100%;
	height: 100%;
	background: center center no-repeat;
	background-size: cover;
}
.bannerBox .swiper-slide a {display: block;	width: 100%;height: 100%;	cursor: pointer;}
.bannerBox .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,.swiper-pagination-fraction {	bottom: 1.4em;}

.bannerBox .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px;}
.bannerBox .swiper-pagination-bullet {
	background-color: transparent;
	width: 0.5em;
	height: 0.5em;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	background-color:rgba(3,166,120,1);
}
.bannerBox .swiper-pagination-bullet-active {
	background-color:rgba(3,166,120,0.36);
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
/* @media only screen and (max-width:1200px) {
	.bannerBox { height: 53.5vw;}
} */
@media only screen and (max-width:828px) {
	/* banner */
	.bannerBox {
		height: 60vw;
	}
	.bannerBox .swiper-slide {
		background-size: cover;
	}
	.bannerBox .swiper-container-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: 0.6em;
	}
	.bannerBox .swiper-pagination-bullet {
		width: 0.6em;
		height: 0.6em;
	}
}

.introBox { margin-top: 4px; border-top:4px solid #003c83;
border-bottom:4px solid #003c83; padding-bottom:4px ; border-top: 4px solid #003c83;
}
.introBox .conb {border-bottom:8px solid #bc1831; padding: 2em 0 3.5em;}
.introBox .title { color: #000;}
.introBox .txt { line-height: 2em; margin: 0.5em 3%; color: #555; text-align: left;}

.iBox { margin-top: 11px; }
.iBox .con {display: flex; justify-content: space-between; align-items: stretch;}
.iBox .side { width: 29.2%;	border-right:1px solid #fff ;
}
.iBox .searchiBoxW { background: url(../imgs/probg.png) center center no-repeat;
background-size:cover;flex-direction: column;
	flex: 1; display: flex; justify-content: center; align-items: center;
}

.iBox .searchiBox { margin-top: 1.7em; width: 57.8%; position: relative; z-index: 0; 
display:block;vertical-align: middle;
 padding: 0 4em 0 0; 
}
.iBox .searchiBox .iw {border: 1px solid #9b9b9b; background-color: #fff;
padding-left: 4px; border-right: 0;}
.iBox .searchiBox .input::-webkit-input-placeholder {color: #333;}
.iBox .searchiBox .input::-moz-placeholder {color: #333;}
.iBox .searchiBox .input:-ms-input-placeholder {color: #333;}
.iBox .searchiBox .input {color: #000; background-color: transparent;
	display: block;	width: 100%; line-height: 2.2em; height:2.2em; font-size:14px;
	border: 0; outline-width: 0;}
.iBox .searchiBox .btn {border: 0; outline-width: 0;width: 4em;height: 100%; 
    position: absolute;	top: 0; right: 0; 
	background:#bc1831 url(../imgs/search.png) center center no-repeat;
	cursor: pointer;}
.iBox .searchiBoxW .txt {}	
.iBox .searchiBoxW .title {margin: 6.4% 0 0;}
.iBox .searchiBoxW .intro { margin: 7% 0 0;}

.sBox { padding: 14% 9.4% 9.4%; text-align: left;
    margin-bottom: 10.8%;
	background-color: #535356; color:#fff;
}
.sBox:last-child { margin-bottom: 0;}
.sBox .title { font-weight: normal;}
.sBox .intro { margin-top: 8%; margin-bottom: 6%; line-height: 1.7;}
.sBox .btn { position: relative; z-index: 0;
 margin-top: 0.5em; padding: 0 18% 0 10%; line-height: 3.2;
display: inline-block; background-color: #bc1831; color: #fff;}
.sBox .btn span {display: inline-block; width: 4em; text-align: center;}
.sBox .btn::after { position: absolute; top: 50%; right: 12%;
 display: block; content: ""; width: 0.5em; height: 0.5em; margin-top: -0.25em;
background: url(../imgs/arrow.png) center center no-repeat;
background-size:contain ;} 

@media only screen and (max-width:828px) {
.iBox .con { display: block;}
.iBox .side { width: 100%;}
.iBox .searchiBox { width: 75%;}
.iBox .searchiBoxW .txt { padding: 0 1em;}
.iBox .searchiBoxW { padding-bottom: 3em;}
}