@charset "utf-8";
#wrap.on #banner{
	transition: all 1.2s ease-in-out;
}

#header{background-color: rgba(0,0,0,0.0); border-bottom: 1px solid rgba(255,255,255,0.1);}
#header:hover{background-color: #fff; border-bottom: 1px solid rgba(0,0,0,0.1);}
#header.on{background-color: #fff; top: 0 !important;}
#header.on:hover{background: #fff;}
#header .menu-con>ul>li>a>span.cn{color: #fff;}
#header:hover .menu-con>ul>li>a>span.cn{color: #000;}
#header .logo a{background-image: url(../img/logo.png);}
#header:hover .logo a{background-image: url(../img/logo2.png);}
#header .con .link a{color: #fff;}
#header .search-btn{background: url(../img/search.png) no-repeat center center;}
#header .con .language a{background: url(../img/language.png) no-repeat center center;}
#header:hover .con .language a{background: url(../img/language-hover.png) no-repeat center center;}


#header .menu-con>ul>li:hover>a{color: #000;}

#header.on .menu-con>ul>li.nav1>a>span.cn::before{bottom:0px}

#header.on .menu-con>ul>li .navCon{background-color: #fff;}
#header.on .menu-con>ul>li .navCon a{color: #000;}
#header.on .menu-con>ul>li .navCon a:hover{color: #1576D1;}

#header .menu-con>ul>li>a>span.cn{opacity: 1;}



#banner{ width: 100%; min-width: 1024px; height: 100vh; overflow: hidden; position: relative; top: 0;}
#banner .banner{position: relative; height: 100%;}
#banner .swiper-wrapper{position: relative; width: 100%; }
#banner .banner .video-box{	position: absolute;	left: 0;top: 0;	width: 100%; height: 100%;overflow: hidden; background-color: #000;}
#banner .banner .video-box video{position: absolute;width: auto;height: auto;max-width: 100%;min-width: 100%; max-width: calc(100%+1px);min-width: calc(100%+1px); object-fit:fill;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); opacity: .9;}
#banner .banner-bg{position: absolute; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover;}
#banner a{display: block;}
#banner .banner-con{text-align: left; position: absolute; width: 90%; max-width: 1400px; margin: 0 auto; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff;}
#banner .banner-con img{width: 65%; display: block; margin-bottom: .3rem; margin-left: -1.3rem;}
#banner .banner-con h2{font-size: .7rem; text-align: left; letter-spacing: .1rem; margin-bottom: .4em; line-height: 1.2em; text-shadow: 0 0 3px rgba(0,0,0,.4);}
#banner .banner-con h4{font-size: .42rem; font-weight: normal; line-height: 1.5em; letter-spacing: .03rem; margin-bottom: 1.6em; opacity: .9; text-transform: uppercase; position: relative; top: 0;}
#banner .banner-con span{width: 130px; height: 42px; font-size: 14px; line-height: 40px; display: block; margin: 80px 0 0; border: 1px solid #fff; text-align: center; border-radius: 3px; background: rgba(0,0,0,0.3) ;}
#banner .banner-con span:hover{background: #1576D1; border: 1px solid #1576D1;}
#banner .swiper-slide{ position: relative; height: auto !important;}
#banner .swiper-button-prev{left: 10px;opacity: .2; }
#banner .swiper-button-next{right: 10px;opacity: .2; }
#banner .swiper-button-prev:after{font-size: 30px; padding: 15px 10px; color: #fff; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
#banner .swiper-button-next:after{font-size: 30px; padding: 15px 10px; color: #fff; border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
#banner .swiper-button-prev:hover{opacity: 1;}
#banner .swiper-button-next:hover{opacity: 1;}
/* #banner .swiper-pagination-bullet{width: .26rem; height: .26rem; box-sizing: content-box; background: none; border: 2px solid rgba(255, 255, 255, 0.77); text-align: center; line-height: .26rem; opacity: 1; color: #fff; margin: 0 .05rem;}
#banner .swiper-pagination-bullet-active{border-color: #1576D1; background-color: #1576D1; color: #fff;}
 */

@media screen and (max-width: 1600px) {
	#banner .banner-con{text-align: left; position: absolute; width: 90%; max-width: 1024px; margin: 0 auto; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff;}
	#banner .banner-con span{width: 130px; height: 34px; font-size: 14px; line-height: 32px; }
}


.module-title{padding: .5rem 0 .4rem 0; display: block; position: relative; }
.module-title h2{color: #000; text-transform:uppercase; font-size: .46rem; display: block; position: relative;}
.module-title span{height: 3px; display: none; position: relative; background: #1576D1; border-radius: 3px; margin:8px 0 10px; width: .5rem; }
.module-title .more{ text-transform: uppercase; box-sizing: border-box; font-size: 12px; color: #888; width: 100px; text-align: center; line-height: 26px; height: 28px;  border: solid 1px #E4E4E4; border-radius: 3px; transition: all 0.3s ease-in-out; background: #fff;}
.module-title .more:hover{	background: #1576D1 ; border-color: #1576D1;	color: #fff; width: 100px;}


.module-1{
	margin-top: 0.1rem;
	background: url(../img/module-1-bg.svg) no-repeat right -2rem bottom -0.2rem;
	background-size: 10rem;
}
.module-1 .main-box{
	display: flex;
	justify-content: space-between;
	position: relative;
	padding-bottom: 1rem;
	align-items: center;
}
.module-1 .main-box .left-box{
	flex: 1;
	font-size: .18rem;
}
.module-1 .main-box .left-box p{
	text-align: justify;
}
.module-1 .main-box .left-box p.t{
	color: #888;
	margin-bottom: 1em;
}
.module-1 .main-box .left-box p.t span{
	font-size: .16rem;
}
.module-1 .main-box .left-box .more{
	margin-left: 2.2em;
	margin-top: .4rem;
	height: .4rem;
	line-height: .4rem;
	border-radius: .03rem;
	overflow: hidden;
	padding:  0 0 0 .2rem;
	font-size: .16rem;
	width: 1.2rem;
	display: flex;
	justify-content: space-between;
	background-color: #28A0D7;
	color: #fff;
}
.module-1 .main-box .left-box .more span{
	display: block;
	height: .4rem;
	width: .4rem;
	background: #1576D1 url(../img/+.svg) no-repeat center;
	background-size: .1rem;
}
.module-1 .main-box .left-box .list-box{
	display: flex;
	align-items: end;
	padding-left: 2em;
	margin-top: .5rem;
}
.module-1 .main-box .left-box .list{
	margin-right: .4rem;
}
.module-1 .main-box .left-box .list img{
	height: .5rem;
}
.module-1 .main-box .left-box .list .bt{
	color: #888;
	font-size: .16rem;
}

/* .module-1 .main-box .pic{
	position: relative;
	width: 10rem;
	margin-right: 0%;
}

.module-1 .main-box .module-pic{
	overflow: hidden;
	position: relative;
	z-index: 2;
}
.module-1 .main-box .pic img{
	width: 100%;
	display: block;
}
.module-1 .main-box .pic::after{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
	left: -.1rem;
	bottom: -.1rem;
	background-color: #C7D7E6;
}
.module-1 .main-box .pic::before{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
	left: -.2rem;
	bottom: -.2rem;
	background-color: #F0F3F8;
} */


.module-1 .module-title .btn-box{
	position: absolute;
	right: 0;
	top: .2rem;
	display: flex;
	justify-content: end;
	width: 70%;
}
.module-1 .module-title .btn-box a{display: block; margin: .2rem 0 0 .2rem; width: 24%; position: relative; overflow: hidden;}
.module-1 .module-title .btn-box a .pic{position: relative; z-index: 0;}
.module-1 .module-title .btn-box a img{display: block; width: 100%; transition: all 0.3s ease-in-out;}
.module-1 .module-title .btn-box a:hover img{display: block; width: 100%; transform: scale(1.06);}
.module-1 .module-title .btn-box a .con{position: absolute; z-index: 1; padding: .0; top: 50%; transform: translate(0,-70%); left: .5rem;}
.module-1 .module-title .btn-box a .con .h2{font-size: .28rem; color: #fff; margin-bottom: .2rem; font-weight: bold;}
.module-1 .module-title .btn-box a .con span{width: .32rem; height: .32rem; display: block; background: #fff url(../img/right-02.svg) no-repeat center; background-size: .1rem; border-radius: .03rem; position: absolute; left: .0; bottom: -.4rem;transition: all 0.3s ease-in-out;}
.module-1 .module-title .btn-box a:hover .con span{ width: .5rem;}
@media screen and (max-width: 1600px) {
	.module-1 .module-title .btn-box a{width: 28%; }
}


.module-2{background:url(../img/module-4-bg.jpg) no-repeat right top; background-attachment: fixed; background-size: cover; overflow: hidden;  padding-bottom: .8rem;}
.module-2 .module-title{display: flex; justify-content: space-between; align-items: center;}
.module-2 .module-title .tab-box{display: flex;}
.module-2 .module-title .tab-box .tab{
	margin-left: 0.6em;
	height: .36rem;
	line-height: .36rem;
	border-radius: .03rem;
	overflow: hidden;
	font-size: .16rem;
	padding: 0 .2rem;
	display: flex;
	justify-content: center;
	background-color: #fff;
	color: #000;
}
.module-2 .module-title .tab-box .tab.cur{
	background-color: #28A0D7;
	color: #fff;
}
.module-2 .module-title .tab-box a{
	margin-left: 0.6em;
	border-radius: .03rem;
	overflow: hidden;
	display: block;
	height: .36rem;
	line-height: .36rem;
	/*background: #1576D1 url(../img/+.svg) no-repeat center;*/
	background-size: .1rem;
}
.module-2 .module-title .tab-box a:hover{
	background-color: #28A0D7;
	color: #fff;
    
}
.module-2 .pro-box{position: relative; width: 100%;}


.module-2 .btn-box{width: 1rem; position: absolute; top: -.52rem; left: 2rem;}
.module-2 .swiper-button-prev,
.module-2 .swiper-button-next{width: .4rem; height: .4rem; background-color: #1576D1; color: #fff; border-radius: 100%;}
.module-2 .swiper-button-next:after, .module-2 .swiper-button-prev:after{ font-size: .2rem;}
/* .module-2 .swiper-button-disabled{background-color: #fff; color: #888; opacity: 0.5;} */
.module-2 .swiper-button-prev{left: 0;}
.module-2 .swiper-button-next{right:0; left: auto;}

.module-2 .list-box-01{
	display: flex;
	justify-content: space-between;
}
.module-2 .list-box-01 .left-box{
	width: 32%;
	display: flex;
	flex-direction: column;
}
.module-2 .list-box-01 .left-box img{
	width: 100%;
	height: 100%;
	display: block;
}
.module-2 .list-box-01 .left-box a{
	position: relative;
	display: block;
	height: 3.4rem;
	margin-bottom: .2rem;
}
.module-2 .list-box-01 a span{
	width: 100%;
	position: absolute;
	font-size: .2rem;
	bottom: 0;
	left: 0;
	padding: .1rem .2rem;
	color: #fff;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.49) 0%, rgba(0, 0, 0, 0.92) 100%) no-repeat;
}
.module-2 .list-box-01 .right-box{
	width: 66%;
}
.module-2 .list-box-01 .right-box a{
	height: 7rem;
}
.module-2 .list-box-01 .right-box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.module-2 .list-box-01 .right-box a{
	position: relative;
	display: block;
}

.module-2 .list-box-02{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.module-2 .list-box-02 .left-box{
	width: 50%;
	display: flex;
	flex-wrap: wrap;
}
.module-2 .list-box-02 a{
	width: 100%;
	height: 3.4rem;
	margin-bottom: .2rem;
	position: relative;
	display: block;
	margin-left: 6%;
}
.module-2 .list-box-02 img{
	width: 100%;
	height: 100%;
	display: block;
}
.module-2 .list-box-02 a span{
	width: 100%;
	position: absolute;
	font-size: .2rem;
	bottom: 0;
	left: 0;
	padding: .1rem .2rem;
	color: #fff;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.49) 0%, rgba(0, 0, 0, 0.92) 100%) no-repeat;
}



.module-3{background:#fff; overflow: hidden; padding: .8rem 0;}
.module-3 .module-title{display: none;}
.module-31{background:#fff; overflow: hidden; padding:  .3rem 0 0;}
.module-3 .top-box{display: flex; margin: 0 -.2rem;}
.module-3 .top-box a{display: block; margin: .2rem; width: 50%; position: relative; overflow: hidden;}
.module-3 .top-box a .pic{position: relative; z-index: 0;}
.module-3 .top-box a img{display: block; width: 100%; transition: all 0.3s ease-in-out;}
.module-3 .top-box a:hover img{display: block; width: 100%; transform: scale(1.05);}
.module-3 .top-box a .con{position: absolute; z-index: 1; width: 3.74rem; height: 2rem; background: linear-gradient(118.48deg, #fff 0%, rgba(255, 255, 255, 0.77) 100.89%) no-repeat; padding: .4rem; top: 50%; transform: translate(0,-50%); left: .5rem;}
.module-3 .top-box a .con .h2{font-size: .28rem; margin-bottom: .2rem; font-weight: bold;}
.module-3 .top-box a .con .p{line-height: 1.5em; font-size: .16rem; color: #888;}
.module-3 .top-box a .con span{width: .38rem; height: .38rem; background: #1576D1 url(../img/right-01.svg) no-repeat center; background-size: .1rem; border-radius: .03rem; position: absolute; left: .4rem; bottom: -.2rem;transition: all 0.3s ease-in-out;}
.module-3 .top-box a:hover .con span{ width: .5rem;}

.module-3 .bottom-box{display: flex; margin: 0 -.2rem;}
.module-3 .bottom-box a{display: block; margin: .2rem; width: 50%; position: relative; overflow: hidden;}
.module-3 .bottom-box a .pic{position: relative; z-index: 0;}
.module-3 .bottom-box a img{display: block; width: 100%; transition: all 0.3s ease-in-out;}
.module-3 .bottom-box a:hover img{display: block; width: 100%; transform: scale(1.06);}
.module-3 .bottom-box a .con{position: absolute; z-index: 1; width: 3.74rem; padding: .4rem; top: 50%; transform: translate(0,-70%); left: .5rem;}
.module-3 .bottom-box a .con .h2{font-size: .28rem; color: #fff; margin-bottom: .2rem; font-weight: bold;}
.module-3 .bottom-box a .con span{width: .38rem; height: .38rem; background: #fff url(../img/right-02.svg) no-repeat center; background-size: .1rem; border-radius: .03rem; position: absolute; left: .4rem; bottom: -.2rem;transition: all 0.3s ease-in-out;}

.module-3 .bottom-box a:hover .con span{ width: .5rem;}


.module-4{background:url(../img/module-4-bg.jpg) no-repeat right top; background-attachment: fixed; background-size: cover; overflow: hidden;}
.module-4 .module-title{display: flex; justify-content: space-between; align-items: center;}
.module-4 .module-title h2{display: block; position: relative;}
.module-4 .module-title .tab-box{display: flex;}
.module-4 .module-title .tab-box .tab{
	margin-left: 0.6em;
	height: .36rem;
	line-height: .36rem;
	border-radius: .03rem;
	overflow: hidden;
	font-size: .16rem;
	padding: 0 .2rem;
	display: flex;
	justify-content: center;
	background-color: #fff;
	color: #000;
}
.module-4 .module-title .tab-box .tab.cur{
	background-color: #28A0D7;
	color: #fff;
}
.module-4 .main-box{padding-bottom: 40px; display: flex; justify-content: space-between;}
	.hot-news{ width:40%; overflow:hidden; display: flex; flex-direction: column; background-color: #fff; position:relative; transition:all 0.4s ease-out 0s;}
	.hot-news .news-img{ overflow:hidden; transform:scale(1); transition:all 0.4s ease-out 0s;}
	.hot-news .news-img img{ display:block; width:100%; height:414px;background-position:center center; background-repeat:no-repeat; background-size:cover; }
	.hot-news .hot-news-con{ position:relative; flex: 1; padding:20px 25px; text-align:left; overflow:hidden;transition:all 0.4s;background: #fff;}
	.hot-news .hot-news-con .news-title{ display:table; width:100%; overflow:hidden;}
	.hot-news .title{ line-height:1.7em; color:#000; font-size: .18rem; font-weight: bold; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: .2rem; transition:all 0.4s ease-out 0s;}
	.hot-news .con{ font-size: .16rem; line-height: 1.4em; color: #888; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
	.hot-news .list-info{font-size: .14rem; display: block; text-align: right; color: #888; padding: 3px 0 5px 0px; }
	.hot-news:hover{box-shadow: 0 0 25px rgba(0,0,0,0.2);}
	.hot-news:hover .news-img{transform:scale(1.1, 1.1);}
	.hot-news:hover .title{ color:#1576D1; transition:all 0.4s; }


	.news-list{ width:58%; text-align:left; background: #fff; padding: .1rem .4rem;display: flex
		;
			flex-wrap: wrap;}
	.news-list .list{display: flex; align-items: center; position: relative; overflow: hidden; transition: all 0.4s ease-in-out;  border-bottom: 1px solid #EDEDED; padding: .1rem 0;}
	.news-list .list:last-child{border-bottom: 0;}
	.news-list .list .box-con{ position: relative; padding: 0px;}
	.news-list .list .box-con b{font-size: .18rem; font-weight: bold; line-height: 1.5em; color: #000; transition: all 0.4s ease-in-out; overflow: hidden;	text-overflow:ellipsis;	white-space: nowrap;}
	.news-list .list .box-con p{ display: block; font-size: .14rem; line-height: 1.8em;  color: #333; overflow: hidden;	text-overflow:ellipsis;	white-space: nowrap; transition: all 0.4s ease-in-out;}
	.news-list .list:hover .box-con b{color: #1576D1;}
	
	.news-list .list .list-info{display: block; padding: .05rem .1rem; background-color: #F1F2F3; color: #4E4E4E; border-radius: .05rem; transition: all 0.4s ease-in-out; line-height: 1.2em; margin-right: .2rem;}
	.news-list .list .list-info b{font-size: .28rem; display: block; color: #333; padding: .1rem 0; text-align: center; border-bottom: 1px solid #DBDBDB; transition: all 0.4s ease-in-out;}
	.news-list .list .list-info span{font-size: .12rem; transition: all 0.4s ease-in-out;}
	.news-list .list:hover .list-info b,
	.news-list .list:hover .list-info span{color: #1576D1;}



 #window-01 {
	/*background-color: #000;*/
}

#window-01 video {
	position: absolute;
	width: 100%;
	height: auto;
	max-width: 90%;
	object-fit: fill;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#window-01 .bqxx {
	position: absolute;
	right: 7%;
	bottom: 10%;
	color: #fff;
} 


@media screen and (max-width: 1920px) {
	
	.hot-news .title{ font-size: .2rem; }
	.hot-news .con{ font-size: .14rem; }
	.news-list .list .box-con b{font-size: .2rem; }
	.news-list .list .box-con p{  font-size: .16rem; }

}


@media screen and (max-width: 768px) {
	
	#header{background-color: #fff; top: 0 !important; border-bottom: 1px solid rgba(255,255,255,0.1);}
	#header:hover{background-color: #fff; border-bottom: 1px solid rgba(0,0,0,0.1);}
	#header.on{background-color: #fff; top: 0 !important;}
	#header.on:hover{background: #fff;}
	#header .menu-con>ul>li>a>span.cn{color: #fff;}
	#header:hover .menu-con>ul>li>a>span.cn{color: #000;}
	#header .logo a{background-image: url(../img/logo2.png);}
	#header:hover .logo a{background-image: url(../img/logo2.png);}
	#header .con .link a{color: #fff;}
	#header .search-btn{background: url(../img/search.png) no-repeat center center;}
	#header .con .language a{background: url(../img/language-hover.png) no-repeat center center;}
	#header:hover .con .language a{background: url(../img/language-hover.png) no-repeat center center;}


	#header .menu-con>ul>li:hover>a{color: #000;}

	#header.on .menu-con>ul>li.nav1>a>span.cn::before{bottom:0px}

	#header.on .menu-con>ul>li .navCon{background-color: #fff;}
	#header.on .menu-con>ul>li .navCon a{color: #000;}
	#header.on .menu-con>ul>li .navCon a:hover{color: #1576D1;}

	#header .menu-con>ul>li>a>span.cn{opacity: 1;}
		
	
	
	#banner{ width: 100%; min-width: 100%; height: 70vw;min-height: 70vw; max-height: 70vw; overflow: hidden; position: relative; top: 0; background-color: #000; margin-top: 50px;}
	#banner .banner{position: relative; height: 100%;}
	#banner .banner .video-box{	position: absolute;	left: 0;top: 0;	width: 100%;height: 100%;overflow: hidden; background-color: #000;}
	#banner .banner .video-box video{position: absolute;width: auto;height: auto;max-width: 100%;min-width: 100%; max-width: calc(100%+1px);min-width: calc(100%+1px); object-fit:fill;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); opacity: .9;}
	#banner .banner-bg{position: relative; height: 100%; background-position: center center !important; background-repeat: no-repeat; background-size: cover;}
	#banner a{width: 100vw; height: 70vw;}
	#banner .banner-con img{width: 80%; margin-left: 0; display: block;}
	#banner .banner-con{text-align: left; position: absolute; width: 100%; padding: 20px; max-width: 1400px; margin: 0 auto; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff;}
	#banner .banner-con h2{font-size: .42rem; font-weight: bold; margin-bottom: .4em; line-height: 1.2em; text-shadow: 0 0 3px rgba(0,0,0,.4);}
	#banner .banner-con h4{font-size: .30rem; font-weight: bold; letter-spacing: .03rem; text-align: center; margin-bottom: 1.6em; opacity: 1; text-transform: uppercase; position: relative; top: 0; text-shadow: 0 0 3px rgba(0,0,0,.4);}
	#banner .banner-con span{width: 90px; font-size: 12px; padding: 0; height: 30px;  line-height: 28px; display: none; margin: 20px 0 0; border: 1px solid #fff; padding-left: 0; border-radius: 3px; background: rgba(0,0,0,0.1) url(../img/icon-more.png) no-repeat right 15px center; box-shadow: 0 0 3px rgba(0,0,0,.4);}
	#banner .banner-con span:hover{background: #1576D1 url(../img/icon-more.png) no-repeat right 15px center; border: 1px solid #1576D1;}
	#banner .swiper-slide{ position: relative; height: auto !important;}
	#banner .swiper-button-prev{left: 10px;opacity: .2; display: none;}
	#banner .swiper-button-next{right: 10px;opacity: .2; display: none;}
	#banner .swiper-button-prev:after{font-size: 30px; padding: 15px 10px; color: #fff; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
	#banner .swiper-button-next:after{font-size: 30px; padding: 15px 10px; color: #fff; border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
	#banner .swiper-button-prev:hover{opacity: 1;}
	#banner .swiper-button-next:hover{opacity: 1;}
	#banner .swiper-pagination-bullet-active{background-color: #1576D1;}
	
	.module-title{padding: 10px 0 10px 0; display: block; margin: 10px 0 0; position: relative; }
	.module-title h2{color: #000; font-size: .34rem; display: block; position: relative;}
	.module-title span{height: 3px; display: none; position: relative; background: #1576D1; border-radius: 3px; margin:8px 0 10px; width: .5rem; }
	.module-title .more{ position: absolute; right: 0; top: 35px; text-transform: uppercase; box-sizing: border-box; font-size: 12px; color: #888; width: 6em; height: 24px; line-height: 22px;}
	.module-title .more:hover{	background: #1576D1 ;	border-color: #1576D1;	color: #fff;width: 100px;}
	
	
	.module-1{margin-top: 0; padding: 20px;
		background: url(../img/module-1-bg.svg) no-repeat left -2rem bottom;
		background-size: 100%;}
	
	.module-1 .main-box{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		position: relative;
		padding-bottom: .5rem;
	}
	.module-1 .main-box .left-box{
		padding-right: 0;
		flex: 1;
		font-size: .26rem;
	}
	.module-1 .main-box .left-box p.t{
		color: #888;
		margin-bottom: 0.5em;
		font-size: .22rem;
	}
	.module-1 .main-box .left-box .more{
		margin-left: 0;
		margin-top: .4rem;
		height: .5rem;
		line-height: .5rem;
		border-radius: .03rem;
		overflow: hidden;
		padding:  0 0 0 .2rem;
		font-size: .2rem;
		width: 1.4rem;
		display: flex;
		justify-content: space-between;
		background-color: #28A0D7;
		color: #fff;
	}
	.module-1 .main-box .left-box .more span{
		display: block;
		width: .5rem;
		height: .5rem;
		background: #1576D1 url(../img/+.svg) no-repeat center;
		background-size: .15rem;
	}
	.module-1 .main-box .left-box .list-box{
		display: flex;
		align-items: end;
		padding-left: 2em;
		margin-top: .5rem;
	}
	.module-1 .main-box .left-box .list{
		margin-right: .2rem;
	}
	.module-1 .main-box .left-box .list img{
		height: .5rem;
	}
	.module-1 .main-box .left-box .list .bt{
		color: #888;
		font-size: .21rem;
	}
	
	/* .module-1 .main-box .pic{
		position: relative;
		width: 100%;
		margin-top: .2rem;
		margin-right: 0%;
	}
	
	.module-1 .main-box .module-pic{
		overflow: hidden;
		position: relative;
		z-index: 2;
	}
	.module-1 .main-box .pic img{
		width: 100%;
		display: block;
	}
	.module-1 .main-box .pic::after{
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 0;
		left: -.1rem;
		bottom: -.1rem;
		background-color: #C7D7E6;
	}
	.module-1 .main-box .pic::before{
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 0;
		left: -.2rem;
		bottom: -.2rem;
		background-color: #F0F3F8;
	} */
	.module-1 .module-title .btn-box{
		display: none;
	}
	.module-31{padding: 0 !important;}
	.module-31 .main-box{padding: 0;}
	
	.module-2{ overflow: hidden; background: url(../img/module-1-bg.jpg) no-repeat right top; background-size: 230% ; padding-bottom: .8rem; padding: 20px 20px 0;}
	.module-2 .module-title{display: flex; justify-content: space-between; align-items: center;}
	.module-2 .module-title h2{	color: #000;  margin: 0;}
	.module-2 .module-title .tab-box{display: flex;}
	.module-2 .module-title .tab-box .tab{
		margin-left: 0.6em;
		height: .36rem;
		line-height: .36rem;
		border-radius: .03rem;
		overflow: hidden;
		font-size: .18rem;
		padding: 0 .2rem;
		display: flex;
		justify-content: center;
		background-color: #fff;
		color: #000;
	}
	.module-2 .module-title .tab-box .tab.cur{
		background-color: #28A0D7;
		color: #fff;
	}
	.module-2 .module-title .tab-box a{
		margin-left: 0.6em;
		border-radius: .03rem;
		overflow: hidden;
		font-size: .2rem;
		display: block;
		height: .42rem;
		line-height: .42rem;
		/*background: #1576D1 url(../img/+.svg) no-repeat center;*/
		background-size: .1rem;
	}
	.module-2 .module-title .tab-box a:hover{
		background-color: #28A0D7;
		color: #fff;
		
	}
	.module-2 .module-title .tab-box a.more{
		display: none;
	}
	.module-2 .pro-box{position: relative; width: 100%;}
	
	
	.module-2 .btn-box{width: 100%; position: absolute; top: 50%; transform: translate(0,-50%);}
	.module-2 .swiper-button-prev,
	.module-2 .swiper-button-next{width: .4rem; height: .4rem; background-color: #1576D1; color: #fff; border-radius: 100%;}
	.module-2 .swiper-button-next:after, .module-2 .swiper-button-prev:after{ font-size: .2rem;}
	.module-2 .swiper-button-disabled{background-color: #fff; color: #888; opacity: 0;}
	.module-2 .swiper-button-prev{left: -.5rem; background-color: #fff; color: #888;}
	.module-2 .swiper-button-next{right: -.5rem; left: auto;}
	
	.module-2 .list-box-01{
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}
	.module-2 .list-box-01 .left-box{
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin-bottom: .1rem;
	}
	.module-2 .list-box-01 .left-box img{
		width: 100%;
		display: block;
	}
	.module-2 .list-box-01 .left-box a{
		position: relative;
		display: block;
		height: 2.3rem;
	}
	.module-2 .list-box-01 a span{
		width: 100%;
		position: absolute;
		font-size: .22rem;
		bottom: 0;
		left: 0;
		padding: .1rem .2rem;
		color: #fff;
		background: linear-gradient(180deg, rgba(0, 0, 0, 0.49) 0%, rgba(0, 0, 0, 0.92) 100%) no-repeat;
	}
	.module-2 .list-box-01 .right-box{
		width: 100%;
		margin-bottom: .1rem;
		margin-bottom: .1rem;
	}
	.module-2 .list-box-01 .right-box img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}
	.module-2 .list-box-01 .right-box a{
		position: relative;
		display: block;
		height: 5rem;
	}
	.module-2 .list-box-02 .left-box{
		display: flex;
	}
	.module-2 .list-box-02 .left-box a{
		position: relative;
		display: block;
		height: 2.3rem;
		margin-left: 0;
		padding: 0;
	}
	.module-2 .list-box-02 .left-box img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}
	
	
	
	.module-3{background:#fff; overflow: hidden;  padding: 20px;}
	.module-3 .module-title{display: block;}
	.module-3 .top-box{display: flex; margin: -.1rem; padding-bottom: .1rem;}
	.module-3 .top-box a{display: block; margin: .1rem; width: 50%; position: relative;}
	.module-3 .top-box a .pic{position: relative; z-index: 0;}
	.module-3 .top-box a img{display: block; width: 100%;}
	.module-3 .top-box a .con{position: absolute; z-index: 1; width: 100%; height: auto; background: linear-gradient(118.48deg, #fff 0%, rgba(255, 255, 255, 0.1) 100%) no-repeat; padding: .05rem .2rem; top: auto; bottom: 0; transform: translate(0,0); left: 0;}
	.module-3 .top-box a .con .h2{font-size: .26rem; margin-bottom: 0; font-weight: bold;}
	.module-3 .top-box a .con .p{line-height: 1.5em; font-size: .16rem; color: #888; display: none;}
	.module-3 .top-box a .con span{width: .38rem; display: none; height: .38rem; background: #1576D1 url(../img/right-01.svg) no-repeat center; background-size: .1rem; border-radius: .03rem; position: absolute; left: .4rem; bottom: -.2rem;transition: all 0.3s ease-in-out;}
	.module-3 .top-box a:hover .con span{ width: .5rem;}
	
	.module-3 .bottom-box{display: flex; margin: 0 -.1rem;}
	.module-3 .bottom-box a{display: block; margin: .1rem; width: 50%; position: relative;}
	.module-3 .bottom-box a .pic{position: relative; z-index: 0;}
	.module-3 .bottom-box a img{display: block; width: 100%;}
	.module-3 .bottom-box a .con{position: absolute; z-index: 1; width: 100%; height: auto; background: none; padding: .05rem .2rem; top: auto; text-align: left; bottom: 50%; transform: translate(0,50%); left: 0;}
	.module-3 .bottom-box a .con .h2{font-size: .22rem; color: #fff; margin-bottom: 0; font-weight: bold;}
	.module-3 .bottom-box a .con .p{line-height: 1.5em; font-size: .16rem; color: #888; display: none;}
	.module-3 .bottom-box a .con span{width: .38rem; display: none; height: .38rem; background: #1576D1 url(../img/right-01.svg) no-repeat center; background-size: .1rem; border-radius: .03rem; position: absolute; left: .4rem; bottom: -.2rem;transition: all 0.3s ease-in-out;}
	
	.module-3 .bottom-box a:hover .con span{ width: .5rem;}
	.module-31 .pic-con{position: absolute; z-index: 9; left: 0; top: 0; opacity: 0;}
	
	.module-4{background:url(../img/module-4-bg.jpg) no-repeat right top; background-size: cover; overflow: hidden;  padding: 20px;}
	.module-4 .module-title{display: flex; justify-content: space-between; align-items: center;}
	.module-4 .module-title h2{display: block; position: relative;}
	.module-4 .module-title .tab-box{display: flex;}
	.module-4 .module-title .tab-box .tab{
		margin-left: 0.6em;
		height: .36rem;
		line-height: .36rem;
		border-radius: .03rem;
		overflow: hidden;
		font-size: .18rem;
		padding: 0 .2rem;
		display: flex;
		justify-content: center;
		background-color: #fff;
		color: #000;
	}
	.module-4 .module-title .tab-box .tab.cur{
		background-color: #28A0D7;
		color: #fff;
	}
	.module-4 .main-box{padding-bottom: 20px; display: flex; flex-direction: column; justify-content: space-between;}
		.hot-news{ width:100%; overflow:hidden; display: flex; flex-direction: column; background-color: #fff; position:relative; transition:all 0.4s ease-out 0s;border-bottom: 2px solid #f1f1f1;}
		.hot-news .news-img{ overflow:hidden; transform:scale(1); transition:all 0.4s ease-out 0s;}
		.hot-news .news-img img{ display:block; width:100%; height:60vw;background-position:center center; background-repeat:no-repeat; background-size:cover; }
		.hot-news .hot-news-con{ position:relative; flex: 1; padding:10px 15px; text-align:left; overflow:hidden;transition:all 0.4s;background: #fff;}
		.hot-news .hot-news-con .news-title{ display:table; width:100%; overflow:hidden;}
		.hot-news .title{ line-height:1.5em; color:#000; font-size: .26rem; font-weight: bold; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: .2rem; transition:all 0.4s ease-out 0s;}
		.hot-news .con{ font-size: .2rem; line-height: 1.4em; color: #888; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
		.hot-news .list-info{font-size: .14rem; display: block; text-align: left; color: #888; padding: 3px 0 5px 0px; }
		.hot-news:hover{box-shadow: 0 0 25px rgba(0,0,0,0.2);}
		.hot-news:hover .news-img{transform:scale(1.1, 1.1);}
		.hot-news:hover .title{ color:#1576D1; transition:all 0.4s; }
	
	
		.news-list{ width:100%; text-align:left; background: #fff; padding: 10px 15px;display: flex
			;
				flex-wrap: wrap;}
		.news-list .list{display: flex; align-items: center; position: relative; overflow: hidden; transition: all 0.4s ease-in-out;  border-bottom: 1px solid #EDEDED; padding: .1rem 0;}
		.news-list .list:last-child{border-bottom: 0;}
		.news-list .list .box-con{ position: relative; padding: 0px; flex: 1; width: calc(100% - 10em);}
		.news-list .list .box-con b{font-size: .26rem; display: block; font-weight: bold; line-height: 1.5em; color: #000; transition: all 0.4s ease-in-out; overflow: hidden;	text-overflow:ellipsis;	white-space: nowrap; }
		.news-list .list .box-con p{ display: block; font-size: .2rem; line-height: 1.8em;   color: #888; overflow: hidden;	text-overflow:ellipsis;	white-space: nowrap; transition: all 0.4s ease-in-out;}
		.news-list .list:hover .box-con b{color: #1576D1;}
		
		.news-list .list .list-info{display: block; padding: .05rem .1rem; background-color: #F1F2F3; color: #4E4E4E; border-radius: .05rem; transition: all 0.4s ease-in-out; line-height: 1em; margin-right: .2rem;}
		.news-list .list .list-info b{font-size: .28rem; display: block; color: #333; padding: .1rem 0; text-align: center; border-bottom: 1px solid #DBDBDB; transition: all 0.4s ease-in-out;}
		.news-list .list .list-info span{font-size: .12rem; transition: all 0.4s ease-in-out;}
		.news-list .list:hover .list-info b,
		.news-list .list:hover .list-info span{color: #1576D1;}
	
	
	
	#window-01 {
		background-color: #000;
	}
	
	#window-01 video {
		position: absolute;
		width: 100%;
		height: auto;
		max-width: 90%;
		object-fit: fill;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	
	#window-01 .bqxx {
		position: absolute;
		right: 7%;
		bottom: 10%;
		color: #fff;
	}
}