body{overflow-x:hidden}
body,html{height:100%;width:100%}
header{display:flex;flex-wrap:nowrap}
#banner{width:100%;height:667px;position:relative;background: url(../img/about/bg_v2.jpg) no-repeat center center;}
#wrap{width:100%;height:100%}
#wrap img{width:100%;height:100%}
#main{}
.news{width:500px;height:138px;position:absolute;right:0;bottom:0;background-color:rgba(0,0,0,0.6);border:solid 1px #0077FF}
.news .news_right{height:100%;color:white}
.news .news_right h2{padding:20px 20px 0 20px;margin-bottom:5px;font-size: 24px;font-weight: 100;}
.news .news_right h2:nth-of-type(2){padding-top:0}
.news .news_right h2 span:nth-of-type(2){float:right}
.swiper-pagination{text-align:left}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(1){margin-left:20px}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{background:#1e2b5b;opacity:1}
.swiper-pagination-bullet-active{background:#007AFF !important}
@media only screen and (max-width:1400px){#banner{top:-70px}
	#main{margin-top:-70px}
	#main .content{width:62%;margin:0 19%}
	.news{width:400px}
}@media only screen and (max-width:1200px ){
	.wh1200 {
		width: auto !important;
	  }
}
@media only screen and (max-width:992px){.news{display:none}
}@media only screen and (max-width:767px){}
@media only screen and (max-width:640px ){.led_top{width:95%;margin:0 2.5%}
	footer h1,footer p{text-align:center}
	.led_bottom div{top:10%}
	#main .content>div>div{width:100%;float:none}
}
.situation{position:absolute;left:0;top:40px;width:550px;height:550px}
.situation ul{height:100%;width:100%}
.situation ul li{cursor:pointer;float:left;width:calc(50% - 22px);width:-webkit-calc(50% - 22px);width:-moz-calc(50% - 22px);height:calc(50% - 22px);height:-webkit-calc(50% - 22px);height:-moz-calc(50% - 22px);margin:10px;background:rgba(0,0,0,0.6);position:relative;border:solid 1px rgba(18,102,197,0.9)}
.situation ul li h3{padding-top:20px;color:white;padding-left:30px}
.situation ul li div{position:absolute;left:30px;bottom:50px}
.situation ul li span{position:absolute;right:20px;bottom:10px;display:block;width:24px;height:24px;background-image:url(../img/about/b.png);}
#text{position:absolute;color:white;right: 215px;top: 228px;}
#text h3{font-weight:bold;margin:5px 0;font-size: 50px;}
.about_gy{background:url(../img/about/qygk.jpg) no-repeat center center;color: #fff;padding: 80px 0;line-height: 2em;}
.video{flex:2;-ms-flex:2;-moz-box-flex:2}
.video video{width:100%;height:100%}
h2{margin-bottom:10px;font-weight:bold}
#qytd1{width:100%;background-color:rgba(248,248,248,1)}

#zxzh .clearfix1{display:flex;display:-webkit-flex;justify-content:space-between;flex-direction:row;flex-wrap:wrap}
#qyzz .top ul{display:flex;justify-content:space-between}
#qyzz .top ul li{width:16.6%;padding-bottom:30px}
#qyzz .top ul li span{width:100%;display:block;margin:5px 0;text-align:center}
#qyzz .top ul li a{display:block;padding:5px 5px}
#qyzz .top ul li:first-of-type a{padding-left:0;padding-right:10px}
#qyzz .top ul li:last-of-type a{padding-right:0;padding-left:10px}
#qyzz .top ul li a img{width:100%;height:auto}
#qyzz .bottom ul{display:flex;justify-content:space-between}
#qyzz .bottom ul li{width:20%;padding-bottom:30px}
#qyzz .bottom ul li span{width:100%;display:block;margin:5px 0;text-align:center}
#qyzz .bottom ul li a{display:block;padding:5px 5px}
#qyzz .bottom ul li:first-of-type a{padding-left:0;padding-right:10px}
#qyzz .bottom ul li:last-of-type a{padding-right:0;padding-left:10px}
#qyzz .bottom ul li a img{width:100%;height:auto}
.situation ul .active1{background:rgba(19,73,147,0.6)}
.situation ul .active1 span{background-image:url(../img/about/w.png)}
.footer{background:#272a2f;padding:40px 0;}
.f_con01{}
.footer .f_con01 p{color:#B4B9C4;margin:0 0}
.f_con01>div{float:left}
.f_con01>.ewm_con{float:right;text-align:center}
.ewm_con>div>dl{float:left;margin:20px;color:#959AA3;width:90px}
.ewm_con>div>dl>dd{margin-top:10px}
.footer_ban{padding:15px 0;text-align:center;background-color:#1A1B1D;color:#6D727B}
.footer_ban .footer_con02{width:80%;margin:0 10%}
#qywh_left{line-height: 2em;}


.tabbar{
	display: flex;
	align-items: center;
	padding-bottom: 20px;
}
.tabbar>li{
	font-size: 20px;
	margin-right: 34px;
	position: relative;
	padding-bottom: 10px;
	cursor: pointer;
}
.tabbar>li:hover{
	color: #258AE9;
}
.tabbar>li:hover::after{
	content: '';
	background: #258AE9;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 2px;
	width: 100%;
}

.bottom-block{
	display: flex;
	align-items: center;
}

.bottom-title{
	font-weight: bold;
	font-size: 24px;
	color: #B0B3BF;
	padding-bottom: 11px;
	border-bottom: 1px solid #B0B3BF;
	width: 100%;
	margin-bottom: 10px;
}
.bottom-subtitle{
	font-weight: bold;
	font-size: 18px;
	color: #B0B3BF;
	margin-bottom: 6px;
}