@charset "utf-8";
#wrap{background: #f5f5f5;}

.module-title{padding:50px 0 40px 0; display: block; position: relative;}
.module-title h2{color: #fff; font-size: 60px; text-align: center; text-shadow: 0px 3px 9px 0px rgba(255, 255, 255, 0.86);}
.module-title p{text-align: center; color: #fff; margin-top: 20px; font-size: 20px;}


.main{padding: .7rem 0; min-height:calc(100vh - 240px)}
.main .page-bg {
	height: 5rem;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	background-image: linear-gradient(0deg, #8edaff 0%, #029ae5 100%);
	background: url(../img/content.jpg) no-repeat center top;
}
.main .page-bg::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
}
.main .contact{
	position: relative;
	z-index: 2;
	padding: 60px 80px;
	margin: 0 auto;
	width: 1100px;
	border-radius: 5px;
	background-color: #fff;
	margin-bottom: 70px;
	box-shadow: 0px 3px 25px 0px rgba(0, 0, 0, 0.1);
	display: flex;
}
.main .contact .block{display: flex; padding-bottom: 40px;}
.main .contact .block .icon-01,.main .contact .block .icon-02,.main .contact .block .icon-03{display: block; background: #E60012 url(../img/icon-01.png) no-repeat center center; width: 60px; height: 60px; border-radius: 100%;}
.main .contact .block .icon-02{background: #E60012 url(../img/icon-02.png) no-repeat center center; }
.main .contact .block .icon-03{background: #E60012 url(../img/icon-03.png) no-repeat center center; }
.main .contact .block .con{display: block; flex: 1; padding-top: 8px; padding-left: 20px;}
.main .contact .block .con span{color: #888; font-size: 14px;}
.main .contact .block .con div{font-size: 18px;}

@media screen and (max-width: 768px) {
	#wrap{background: #fff;}
	#banner{ width: 100%; min-width: 100%; overflow: hidden; position: relative; top: 0px; background-color: #000;}
	#banner .banner{background: url(../img/news-banner.jpg) no-repeat center center; background-size: cover; height: 3rem;}
	#banner img{width: 100%; display: none; opacity: 0;}
	#banner .banner .mainBox{ position: absolute; width: 100%; min-width: 100%; max-width: 100%; left: 0; top: 40%; }
	#banner .banner h2{font-size: .4rem; letter-spacing: 4px; text-align: center; font-weight: 600; color: #fff; margin-bottom: 10px;}
	#banner .banner h2 span{display: inline-block; vertical-align: middle; margin: 0 10px 0 0; height: 6px; width: 40px; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
	#banner .banner h2 b{display: inline-block;  vertical-align: middle;}
	#banner .banner h4{font-size: .2rem; letter-spacing: 2px; text-align: center; font-family: Conv_DidotLTStd-Roman; text-transform: uppercase; font-weight: lighter; color: #fff; color: rgba(255,255,255,.6);}
	#banner .swiper-slide{box-shadow: 0 0 50px rgba(0,0,0,0.8);}
	#banner .swiper-button-prev,#banner .swiper-button-next{margin-top: 30px;}
	#banner .swiper-button-prev{left: 0;}
	#banner .swiper-button-next{right: 0;}
	#banner .swiper-button-prev:after{font-size: 22px;padding: 15px 10px;color: #fff;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
	#banner .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{font-size: 22px;padding: 15px 10px;color: #fff;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
	
	
}