@charset "utf-8";
#wrap{background: #fff;}
#banner{ width: 100%; width: 1200px; margin:0 auto; overflow: hidden; position: relative;background-color: #000;}
#banner .banner{background-position: center; background-repeat: no-repeat; background-size: cover;}
#banner img{width: 100%; display: block; }
#banner .box-con{position: absolute; width:100%; top: 50%; transform: translate(0, -50%); }
#banner .box-con .box-con-1{position: absolute; }
#banner .box-con h2{font-size: .56rem;font-weight: normal; font-stretch: normal; line-height: 67px;letter-spacing: 0px;color: #ffffff; text-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.16); text-align: center;}
#banner .box-con div{font-size: .24rem; text-align: center; padding: .3rem .5rem; font-weight: 300; line-height: 1.5em; color: #ffffff; text-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);}
#banner .box-con a{width: 132px; height: 44px; line-height: 44px; text-align: center; background-color: rgba(0, 0, 0, 0.22); border-radius: 47px; border: solid 2px #ffffff; font-size: 16px; color: #ffffff; display: block; margin: .3rem auto;transition: all 0.2s ease-in-out;}
#banner .box-con a:hover{	background-color: #000; width: 150px;}


.main{padding: .7rem 0; min-height:calc(100vh - 600px)}
.main .con-box .con{float: left; width:68%}
.main .con-box .video{
	float: right;
	margin: 0 .5rem 0 0;
	width: 26%;
	max-width: 817px;
	position: relative;
}
/* .main .con-box .video span{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	display: block;
	background-color: rgba(228, 0, 18, .65);
	height: 2rem;
} */
.main .con-box .video .iconfont{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 100px;
	opacity: 0.5;
	transition: all 0.2s ease-in-out;
}
.main .con-box .video:hover .iconfont{
	opacity: 1;
}
.main .con-box .video img{
	width: 100%;
	display: block;
}
.main .con-box h2{font-size: .46rem; margin-bottom: .3rem;}
.main .con-box p{font-size: 18px; margin-bottom: 1em; line-height: 1.5em;}


.main .survey-bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: block;
    background-color: rgba(228, 0, 18,1);
    height: 2rem;
}
.main .survey{ position: absolute; bottom: 0; width: 100%; }
.main .survey .list-box{height: 2rem; overflow: hidden; width: 100%;}
.main .survey .list-box .list{width: 25%; float: left; color: #fff; padding: .5rem .6rem 0 0;}
.main .survey .list-box .list h2{font-size: .48rem; margin-bottom: .2rem;}
.main .survey .list-box .list:nth-child(4){float: right;}

.main .group-box{margin: 1rem auto 0; background-color: #F4F4F7; padding: .7rem 0;}
.main .group-box h2{font-size: .46rem; margin-bottom: .3rem; text-align: center;}
.main .group-box .list-box{text-align: center; margin: .4rem 0;}
.main .group-box .list-box .list{display: inline-block; margin: 0 20px; border: 1px solid #f1f1f1; transition: all 0.2s ease-in-out;}
.main .group-box .list-box .list img{display: block;}
.main .group-box .list-box .list:hover{transform: scale(1.1);box-shadow: 0 5px 20px rgba(0,0,0,0.1);}
@media screen and (max-width: 1460px) {
	.main .group-box .list-box .list img{ height: 80px;}
}


.video-window{
	position: fixed;
	z-index: 1001;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.95);
}

.video-window .windos-close{
	position: absolute;
	top: 10px;
	left: auto;
	right: 10px;
	border-radius: 100%;
	background-color: #fff;
	color: #000;
	width: 40px;
	height: 40px;
	font-size: 22px;
	line-height: 36px;
	text-align: center;
	z-index: 19;
}
.video-window .window-con{
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
}
.video-window .window-con .video{position: absolute;width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: #000;}
.video-window .window-con .video video{position: absolute; max-width: 100%; max-height: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%);}

@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;}
	
	
}