@charset "utf-8";
#header .menu-con>ul>li>a>span.cn{opacity: 1;}
#header .menu-con>ul>li.nav1>a>.cn{opacity: 1;}
#banner{ width: 100%; min-width: 1200px; height: 100vh; overflow: hidden; position: relative; top: 0; background-color: #000;}
#banner .banner{position: relative; height: 100%;}
#banner .banner .video-box{	position: absolute;	left: 0;top: 0;	width: 100%;height: 100%;overflow: hidden;}
#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%);}
#banner .banner-bg{position: relative; height: 100%; background-position: right center; background-repeat: no-repeat; background-size: cover;}
#banner a img{width: 100%; 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 h2{font-size: .52rem; font-weight: bold; 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: 18px; font-weight: lighter; letter-spacing: .03rem; margin-bottom: 2em; opacity: .6; text-transform: uppercase; position: relative; top: 0; text-shadow: 0 0 3px rgba(0,0,0,.4);} */
#banner .banner-con h4{font-size: .4rem; font-weight: normal; letter-spacing: .03rem; margin-bottom: 1.6em; opacity: .9; text-transform: uppercase; position: relative; top: 0; text-shadow: 0 0 3px rgba(0,0,0,.4);}
#banner .banner-con span{width: 130px; height: 40px; font-size: 14px; line-height: 38px; display: block; margin: 80px 0 0; border: 1px solid #fff; padding-left: 25px; 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; }
#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-active{background-color: #1576D1;}
@media screen and (max-width: 1600px) {
	#banner .banner-con{text-align: left; position: absolute; width: 90%; max-width: 1200px; 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: 40px 0 20px 0; display: block; margin: 50px 0 0; position: relative;}
.module-title h2{color: #1576D1; font-size: 26px; display: block; position: relative;}
.module-title span{height: 3px; position: relative; background: #1576D1; border-radius: 3px; margin:8px 0 10px 0; width: 30px; display: block;}
.module-title h3{color: #888;font-size: 12px; position: relative; text-transform: uppercase; font-weight: lighter; display: block;}
.module-title .more{ position: absolute; right: 0; top: 46px; text-transform: uppercase; box-sizing: border-box; font-size: 12px; color: #888; width: 110px; padding-left: 18px; line-height: 26px; height: 28px;  border: solid 1px #E4E4E4; border-radius: 20px; transition: all 0.3s ease-in-out; background: #fff no-repeat right 115px center;}
.module-title .more:hover{
	background: #1576D1 url(../img/icon-more.png) no-repeat right 15px center;
	border-color: #1576D1;
	color: #fff;
	width: 130px;
}
.module-title .title-bg{position: absolute; letter-spacing: 10px; font-family: CODE_Bold; text-transform: uppercase; font-size: 1.5rem; line-height: 92px; color: #000; top: 0px; left: -0.5em; opacity: .02;}

@media screen and (max-width: 1600px) {
	.module-title .title-bg{left: -.2rem;}
	
}
.module-1{ background: #fff; overflow: hidden;}
.module-1 .slideProBox{padding: 0 0 50px; margin-bottom: 20px; position: relative;}
.module-1 .slideProBox .swiper-button-prev{left: -55px; margin-top: -50px;}
.module-1 .slideProBox .swiper-button-next{right: -55px; margin-top: -50px;}
.module-1 .slideProBox .swiper-button-disabled{opacity: .1;}
.module-1 .slideProBox .swiper-button-prev:after,
.module-1 .slideProBox .swiper-button-next:after{font-size: 40px; font-weight: bold; padding: 15px 10px; color: #888;}
.module-1 .slideProBox .list{position: relative;background-color: #fff;transition: all 0.3s ease-in-out;top:0;cursor: pointer;}

.module-1 .slideProBox .list .pic{transition: all 0.3s ease-in-out;background-color: #f8f8f8;}
.module-1 .slideProBox .list .pic:hover{box-shadow: 0 2px 25px rgba(0,0,0,0.15);}
.module-1 .slideProBox .list img{width: 100%;display: block;background-size: cover;background-position: center;background-repeat: no-repeat;	transition: all 0.3s ease-in-out;}
.module-1 .slideProBox .list:hover img{	transform: scale(1.02);}
.module-1 .slideProBox .list .con{padding: 15px 0 20px;text-align: center;}
.module-1 .slideProBox .list .box-con span{ display: block;  color: #888; text-align: center;}
.module-1 .slideProBox .list h2{text-align: center;	font-size: .22rem;transition: all 0.3s ease-in-out;}
.module-1 .slideProBox .list h3{display: inline-block;border-top: 2px solid #ccc;transition: all 0.3s ease-in-out;margin: 10px 0;padding-top: 5px;}
.module-1 .slideProBox .list span{display: block;text-align: center;color: #888;}
.module-1 .slideProBox .list:hover h2{color: #1576D1;}
.module-1 .slideProBox .list:hover h3{color: #1576D1;}
.module-1 .slideProBox .list .tag{position: absolute; top: .3rem; left: .3rem; width: 56px; background-color: #FFEFE5; height: 26px; line-height: 24px; border-radius: 20px; text-align: center; border: 1px solid #FF6700; color: #FF6700; font-size: 12px; font-weight: bold;}


@media screen and (max-width: 1600px) {
	.module-1 .slideProBox{padding:0 1rem 50px}
	.module-1 .slideProBox .swiper-button-prev{left: 0px; margin-top: -50px;}
	.module-1 .slideProBox .swiper-button-next{right: 0px; margin-top: -50px;}
	
}

.module-2{background-color: #f8f8f8; overflow: hidden; padding-bottom: 40px;}
.module-2 .module-title .title-bg{color: #fff; opacity: 1;}
.module-2 .main-box{
	padding-top: 10px;
}
	.thumbnail-box {
		position: absolute;
		z-index: 2;
		right: 1rem;
		top: -40px;
		overflow: hidden;
		width: 390px;
		height: 620px;
		box-sizing: border-box;
	}
	.thumbnail {
		position: absolute;
		z-index: 2;
		right: 1rem;
		top: -30px;
		width: 350px;
		height: 500px;
		padding: 30px 20px 0;
		box-sizing: border-box;
	}
	.thumbnail .swiper-slide {
		position: relative;
		left: 0;
		width: 350px !important;
		height: 85px !important;
		cursor: pointer;
		background-color: #fff;
		border-radius: 3px;
		padding: 30px 26px 26px 50px;
		box-shadow: 0 3px 20px rgba(0,0,0,0.15);
		transition: all 0.3s ease-in-out;
	}
	.thumbnail .swiper-slide h2{font-size: 18px; margin-bottom: 15px; font-weight: bold; color: #1576D1; position: relative;}
	.thumbnail .swiper-slide h2::before{content: ""; position: absolute; width: 16px; height: 16px; border-radius: 100%; box-sizing: border-box; border: 4px solid #1576D1; top: 4px; left: -25px;}
	.thumbnail .swiper-slide p{font-size: 14px; color: #888; height: 4.2em; overflow:hidden; text-overflow:ellipsis;ã€display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
	.thumbnail .swiper-slide-thumb-active{background-color: #1576D1; width: 380px !important; left: -15px;}
	.thumbnail .swiper-slide-thumb-active h2{color: #fff;}
	.thumbnail .swiper-slide-thumb-active h2::before{border: 4px solid #fff;}
	.thumbnail .swiper-slide-thumb-active p{color: #fff;}
	
	.pic-box{position: relative; z-index: 1;width: 100%; background-color: #000;}
	.pic-box .swiper-slide{background-color: #000;}
	.pic-box img{width: 100%; height: 530px; opacity: .7; display: block; background-position: center; background-size: cover;}
	.pic-box .pic-box-con{position: absolute; top: 1.8rem;left: 2rem;}
	.pic-box .pic-box-con h1{color: #fff; font-size: .48rem; font-weight: bold; letter-spacing: 5px; margin-bottom: .3em; line-height: 1.2em; text-shadow: 0 0 3px rgba(0,0,0,.4);}
	.pic-box .pic-box-con h2{color: #fff; font-size: .22rem; font-weight: bold; letter-spacing: 2px; margin-bottom: 4em; opacity: .6; text-transform: uppercase; position: relative; top: 0; text-shadow: 0 0 3px rgba(0,0,0,.4);}
	.pic-box .pic-box-con .more{ position: relative; display: block; text-transform: uppercase; box-sizing: border-box; font-size: 12px; color: #fff; width: 135px; padding-left: 18px; line-height: 30px; height: 32px;  border: solid 1px #1576D1; border-radius: 20px; transition: all 0.3s ease-in-out; background: #1576D1 no-repeat right 115px top 11px;}
	.pic-box .pic-box-con .more:hover{
		background: #1576D1 url(../img/icon-more.png) no-repeat right 15px top 11px;
		border-color: #1576D1;
		color: #fff;
		width: 155px;
	}
	
	/* .pic-box .btn-box{position: absolute; right: 1rem; top: -40px;}
	.pic-box .btn-box .swiper-button-prev{left: -45px; }
	.pic-box .btn-box .swiper-button-next{right: -5px; }
	.pic-box .btn-box .swiper-button-disabled{opacity: .5;}
	.pic-box .btn-box .swiper-button-prev:after,
	.pic-box .btn-box .swiper-button-next:after{font-size: 18px; font-weight: bold; padding: 15px 10px; color: #000;}
	
	.pic-box .swiper-pagination{position: absolute; font-size: 14px; color: #888; text-align: left; left: auto; right: 320px; width: 100px; height: 40px; top: -60px; z-index: 2;}
	.pic-box .swiper-pagination .swiper-pagination-current{font-size: 30px; color: #000; font-weight: bold;}
	.pic-box .swiper-pagination .swiper-pagination-total{}
	.pic-box .swiper-pagination .swiper-pagination-current::before{content: "0";}
	.pic-box .swiper-pagination .swiper-pagination-total::before{content: "0";} */
	
	.pic-box .swiper-button-prev{left: 10px;opacity: .5; }
	.pic-box .swiper-button-next{right: 10px;opacity: .5; }
	.pic-box .swiper-button-prev:after{font-size: 30px; padding: 15px 10px; color: #fff; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
	.pic-box .swiper-button-next:after{font-size: 30px; padding: 15px 10px; color: #fff; border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
	.pic-box .swiper-button-prev:hover,
	.pic-box .swiper-button-next:hover{opacity: 1;}
	
	
	.pic-box .swiper-pagination{position: absolute; display: none; font-size: 14px; color: #888; text-align: left; left: auto; right: 320px; width: 100px; height: 40px; top: -60px; z-index: 2;}
	.pic-box .swiper-pagination .swiper-pagination-current{font-size: 30px; color: #000; font-weight: bold;}
	.pic-box .swiper-pagination .swiper-pagination-total{}
	.pic-box .swiper-pagination .swiper-pagination-current::before{content: "0";}
	.pic-box .swiper-pagination .swiper-pagination-total::before{content: "0";}
	
	
@media screen and (max-width: 1600px) {
	.module-title .title-bg{left: -.2rem;}
	.thumbnail {
		height: 380px;
	}
	.thumbnail .swiper-slide {
		position: relative;
		left: 0;
		width: 350px !important;
		height: 110px !important;
		cursor: pointer;
		background-color: #fff;
		border-radius: 3px;
		padding: 22px 26px 26px 50px;
		box-shadow: 0 3px 30px rgba(0,0,0,0.15);
		transition: all 0.3s ease-in-out;
	}
	.thumbnail .swiper-slide h2{font-size: 17px; margin-bottom: 12px; font-weight: bold; color: #1576D1; position: relative;}
	.thumbnail .swiper-slide h2::before{content: ""; position: absolute; width: 16px; height: 16px; border-radius: 100%; box-sizing: border-box; border: 4px solid #1576D1; top: 4px; left: -25px;}
	.thumbnail .swiper-slide p{font-size: 14px; color: #888; height: 3em; -webkit-line-clamp:2;}
	
	.pic-box .pic-box-con{position: absolute; top: 1.2rem; left: 2rem;}
	.pic-box img{width: 100%; height: 420px; opacity: .7; display: block; background-position: center; background-size: cover;}
}


.module-4{position: relative;z-index: 2; background: linear-gradient(to bottom, rgba(255,255,255,0) 45%, rgba(0,0,0,0.025) ); padding-bottom: 50px;}
.module-4 .main-box{position: relative;}
.module-4 .main-box img{width: 100%; background-position: center; background-size: cover;}
.module-4 .main-con{line-height: 1.8em;	padding-right: 6.2rem;}
.module-4 .main-con p{text-indent: 2em;	margin-bottom: 0.8em;}
.module-4 .main-con .more{ position: relative; display: block; margin: 0px 0 60px 36px; text-transform: uppercase; box-sizing: border-box; font-size: 12px; color: #888; width: 110px; padding-left: 18px; line-height: 26px; height: 28px; border: solid 1px #E4E4E4; border-radius: 20px; transition: all 0.3s ease-in-out; background: #fff no-repeat right 115px center;}
.module-4 .main-con .more:hover{
	background: #1576D1 url(../img/icon-more.png) no-repeat right 15px center;
	border-color: #1576D1;
	color: #fff;
	width: 130px;
}
.module-4 .pic{width: 5.8rem; position: absolute; right: 0; top: 0;}
.module-4 .pic .block-01{width: 1.8rem; height: 2.1rem; position: absolute; left: .1rem; top: 0; background: url(../img/about.jpg) no-repeat left center; background-size: 6rem auto;}
.module-4 .pic .block-02{width: 1.8rem; height: 3.7rem; position: absolute; left: 2.05rem; top: -1.2rem; background: url(../img/about.jpg) no-repeat center center; background-size: 6rem auto;}
.module-4 .pic .block-03{width: 1.8rem; height: 2.2rem; position: absolute; left: 4rem; top: -.7rem; background: url(../img/about.jpg) no-repeat right -15px center; background-size: 6rem auto;}

.module-4 .number{display: flex; justify-content: center; margin-top: .3rem; padding-left: 2px;}
.module-4 .number div{ width:20%; border: 1px solid #f8f8f8; margin-left: -1px; height: 1.55rem; background: rgba(255,255,255,.95); color: #1576D1; text-align: center; justify-content: center; display: flex; align-items: center; align-content: center; flex-wrap: wrap; }
.module-4 .number div b{font-weight: normal; font-size: .66rem; margin: 0;font-family: CODE_Bold; text-transform: uppercase;}
.module-4 .number div sup{font-weight: normal; font-size: .2rem; position: relative; top: -.2rem; margin: 10px 0; font-family: CODE_Bold; text-transform: uppercase;}
.module-4 .number div p{text-align: center; display: block; color: #000; font-size: .16rem; text-transform: uppercase; width: 100%;}


.module-5{position: relative;z-index: 1; display: none; margin-top: -.65rem;height: 6rem;overflow: hidden;background-color: #0F0F33;}
.module-5 .module-bg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;opacity: .75;background: url(../img/slogen-bg.jpg) no-repeat center center;background-size: cover;background-attachment: fixed;}
.module-5 h2{margin-top: 2.4rem; position: relative; text-align: center; color: #fff;text-shadow: 0 3 6px rgba(0,0,0,0.5);font-size: .6rem;letter-spacing: .3rem; padding-left: .3rem;}
.module-5 h3{margin-top: .2rem; opacity: .5 !important; position: relative;text-align: center; text-transform: uppercase; color: #fff; text-shadow: 0 3 6px rgba(0,0,0,0.5); font-size: .2rem; letter-spacing: .1rem; padding-left: .1rem;}


.module-3{background:#fff; overflow: hidden;}
.module-3 .main-box{padding-bottom: 40px;}
	.hot-news{ width:49%; float: left; overflow:hidden; position:relative; margin-bottom: .3rem;}
	.news-img{ overflow:hidden; transform:scale(1); transition:all 0.3s ease-out 0s;}
	.news-img img{ display:block; width:100%; height:457px;background-position:center center; background-repeat:no-repeat; background-size:cover; }
	.hot-news .hot-news-con{ position:absolute; bottom:10px;width:calc(100% - 20px);width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); padding:0 0 .25rem; background:url(../img/more-2.png) 92% center #fff no-repeat; background-size: .22rem; left:10px; right:10px; text-align:left; overflow:hidden;transition:all 0.3s;}
	.hot-news .hot-news-con .news-title{ display:table; width:100%; height:100%; overflow:hidden;}
	.hot-news .title{ padding-right:25%; padding-left:.3rem; margin-top:.25rem; line-height:.32rem; color:#000; font-size: 20px; font-weight: bold; overflow:hidden;}
	.hot-news:hover .news-img{transform:scale(1.1, 1.1);}
	.hot-news:hover .hot-news-con{background:url(../img/more-2.png) 95% center #fff no-repeat; background-size: .22rem;}
	.hot-news:hover .title{ color:#1576D1; transition:all 0.3s;}

	.news-list{ width:49%; float: right; text-align:left; margin-top: -20px;}
	.news-list .list{
		display: block;
		position: relative;
		overflow: hidden;
		background: #fff;
		transition: all 0.4s ease-in-out;
		padding: 20px 0;
		border-bottom: 1px solid #f8f8f8;
	}
	.news-list .list:last-child{border-bottom: 0;}
	.news-list .list .pic{overflow: hidden; width: 25%; margin-right: 20px; min-width: 200px; float: left; position: relative; height: 100%; transition: all 0.3s ease-in-out;}
	.news-list .list .pic img{width: 100%; display: block; height: 125px; transition: all 0.4s ease-in-out; background-size: cover; background-position: center;}
	.news-list .list:hover .pic img{transform:scale(1.1, 1.1);}
	.news-list .list .box-con{ position: relative; padding: 0px 0 0px ;}
	.news-list .list .box-con .list-info{font-size: 12px; display: table; color: #888; padding: 10px 0 12px 20px; background: url(../img/icon-19.png) no-repeat left center;}
	.news-list .list .box-con b{font-size: 20px; font-weight: bold; line-height: 1.5em; color: #000; transition: all 0.5s ease-in-out;}
	.news-list .list:hover .box-con b{color: #1576D1;}
	.news-list .list .box-con p{ display: table; font-size: 16px; line-height: 1.5em; line-height: 1.6em; color: #333; }
	@media screen and (max-width: 1500px) {
		.hot-news .title{font-size: 18px;}
		.news-list .list .box-con b{font-size: 18px;}
	}
	@media screen and (max-width: 1350px) {
		.news-img img{	height: 380px;}
		.news-list{ margin-top: -12px;}
		.news-list .list{padding: 12px 0;}
		.news-list .list .pic{width: 20%;margin-right: 18px;min-width: 160px;}
		.news-list .list .pic img{height: 110px;}
		.news-list .list .box-con .list-info{padding: 8px 0 8px 20px;}
	}
	
.module-6{background-color: #f8f8f8; overflow: hidden; padding-bottom: 0px;}
.module-6 .module-title .title-bg{color: #fff; opacity: 1;}
.module-6 .slidePartnerBox{margin-top: -160px; position: relative; max-width: 100%;}
.module-6 .slidePartnerBox img{max-width: 100%; display: block; margin: 0 auto;}
.module-6  .swiper-button-prev,
.module-6  .swiper-button-next{left: -.2rem; opacity: 1; background: url(../img/left.png) no-repeat center center; width: 1.4rem; height: 1.4rem; background-size: 100%; margin-top: -.7rem;}
.module-6  .swiper-button-next{left: auto; right: -.2rem; background-image: url(../img/right.png);}
.module-6  .swiper-button-prev:after,
.module-6  .swiper-button-next:after{display: none;}
	@media screen and (max-width: 1500px) {
		.module-6 .slidePartnerBox img{max-width: 90%; display: block; margin: 0 auto;}
	}
	@media screen and (max-width: 1350px) {
		.module-6 .slidePartnerBox img{max-width: 95%; display: block; margin: 0 auto;}
	}


.module-7{background:#1576D1 url(../img/module-7-bg.png) no-repeat center center; background-size: cover; overflow: hidden;}
.module-7 .module-title .title-bg{color: #fff; opacity: .1;}
.module-7 .module-title h2{color: #fff;}
.module-7 .module-title span{background: #fff;}
.module-7 .module-title h3{color: #fff;}
.module-7 p{padding: 15px 0; line-height: 1.8em; color: #fff;}
.module-7 .list-box{margin: 0 -.5% 60px;}
.module-7 .list-box .list{
	width: 13.2%;
	margin: .5%;
	float: left;
	position: relative;
	top:0;
	background-color: rgba(255,255,255,.07);
	cursor: pointer;
	transition: all 0.4s ease-in-out;
}
.module-7 .list-box .list:hover{
	top: -8px;
	background-color: rgba(255,255,255,.12);
	box-shadow: 0 2px 25px rgba(0,0,0,0.15); top: -10px;
}
.module-7 .list-box .list img{
	width: 100%;
	display: block;
}

@media screen and (max-width: 768px) {
	
	#banner{ width: 100%; height: 4rem; min-width: 100%; overflow: hidden; position: relative; top: 0px; background-color: #000;}
	#banner .video-box{	position: absolute;	left: 0;	top: 0;	width: 100%;height: 100%;overflow: hidden;	}
	#banner .video-box video{position: absolute;width: auto;height: auto;max-width: 100%;min-width: 100%;max-width:  calc(100%+2px);min-width: calc(100%+2px);object-fit:fill;top: 50%;	left: 50%;	-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
	#banner a img{width: 100%; display: block;}
	#banner .swiper-slide{box-shadow: 0 0 50px rgba(0,0,0,0.8); position: relative; height: auto !important;}
	#banner .swiper-button-prev, #banner .swiper-button-next{display: none;}
	#banner .swiper-pagination{bottom: 0px;}
	#banner .swiper-pagination-bullet-active{background-color: #1576D1;}
	#banner .banner-con{text-align: left; position: absolute; width: 90%; left: 5%; top: 50%; transform: translate(0,-30%); color: #fff;}
	#banner .banner-con h2{font-size: .4rem; font-weight: bold; letter-spacing: 2px; line-height: 1.2em; text-shadow: 0 0 3px rgba(0,0,0,.4);}
	#banner .banner-con h4{font-size: 12px; font-weight: normal; letter-spacing: 1px; position: relative; top: -2px; text-shadow: 0 0 3px rgba(0,0,0,.4);}
	#banner .banner-con h5{font-size: 12px; font-weight: normal; letter-spacing: 2px; position: relative; margin-top: 10px; text-shadow: 0 0 3px rgba(0,0,0,.4);}
	#banner .banner-con span{width: 100px; display: none; height: 32px; text-align: center; padding: 0; line-height: 30px; margin: 5px auto; opacity: .8; box-shadow: 0 0 3px rgba(0,0,0,.4);}
	#banner .banner-con h3{font-size: 14px; font-weight: normal; letter-spacing: 4px; position: relative; text-shadow: 0 0 3px rgba(0,0,0,.4);}
	
	.module-title{padding:.5rem 0 .4rem 0; margin: 0; display: block; display: block; position: relative; text-align: center;}
	.module-title h2{color: #333333; font-size: .36rem; letter-spacing: 1px; display: inline-block; text-align: center; vertical-align: middle; position: relative;}
	.module-title h2::after{content: ""; width: 2px; height: 2px; border-left: .4rem solid #1576D1; border-right: 4px solid #000; position: absolute; top: .26rem; left: -.65rem;}
	.module-title h2::before{content: ""; width: 2px; height: 2px; border-right: .4rem solid #1576D1; border-left: 4px solid #000; position: absolute; top: .26rem; right: -.65rem;}
	.module-title span{display: none;}
	.module-title h3{color: #888; font-size: .12rem; padding-top: 2px; letter-spacing: 2px; font-family: Conv_DidotLTStd-Roman; text-transform: uppercase; text-align: center; font-weight: lighter; display: block; vertical-align: middle;}
	.module-title .more{ position: absolute; opacity: 0; width: 100%; height: 100%; left: 0; top: 0;}
	.module-title .title-bg{position: absolute; display: none; letter-spacing: 10px; font-family: CODE_Bold; text-transform: uppercase; font-size: 150px; line-height: 92px; color: #000; top: 0px; left: -0.5em; opacity: .02;}
	
	.module-1{ background: #fff; margin-top: 0px;}
	.module-1 .list-box{ padding: 0 .3rem; overflow: hidden; margin: 0 -1%; background-color: #fff;}
	.module-1 .list{display: block; width: 48%; margin: 0 1%; float: left;	position: relative;	}
	.module-1 .list-box .list .pic{transition: all 0.3s ease-in-out;background-color: #f8f8f8;}
	.module-1 .list-box .list .pic:hover{box-shadow: 0 2px 25px rgba(0,0,0,0.15);}
	.module-1 .list-box .list img{width: 100%;display: block;background-size: cover;background-position: center;background-repeat: no-repeat;	transition: all 0.3s ease-in-out;}
	.module-1 .list-box .list:hover img{	transform: scale(1.02);}
	.module-1 .list-box .list .con{padding: 15px 0 20px;text-align: center;}
	.module-1 .list-box .list h2{text-align: center; font-size: .28rem;transition: all 0.3s ease-in-out;}
	.module-1 .list-box .list h3{display: inline-block; border-top: 2px solid #ccc;transition: all 0.3s ease-in-out;margin: 10px 0;padding-top: 5px;}
	.module-1 .list-box .list span{display: block; padding-top: 3px; font-size: .24rem; text-align: center;color: #888;}
	.module-1 .list-box .list:hover h2{color: #1576D1;}
	.module-1 .list-box .list:hover h3{color: #1576D1;}
	.module-1 .list-box .list .tag{position: absolute; top: .2rem; left: .2rem; width: 42px; background-color: #FFEFE5; height: 22px; line-height: 20px; border-radius: 20px; text-align: center; border: 1px solid #FF6700; color: #FF6700; font-size: 10px; font-weight: normal;}

	.module-1 .list-box-1{ padding: 0 .3rem; margin: 0; background-color: #fff;}
	.module-1 .list-box-1 .list{margin: 0; float: none; width: 100%;}
	.module-1 .list-box-1 .list span{display: block;}
	
	.module-2{background-color: #fff;  border-top: 10px solid #f5f5f5;  overflow: hidden; padding-bottom: .3rem;}
	.module-2 .module-title .title-bg{color: #fff; opacity: 1;}
	.module-2 .main-box{
		padding-top: 10px;
	}
		.thumbnail-m {
			position: relative;
			z-index: 2;
			right: 0;
			top: 0;
			width: auto;
			padding: 0 .3rem;
			height: auto;
			box-sizing: border-box;
		}
		.thumbnail-m .swiper-slide {
			display: block;
			position: relative;
			left: 0;
			box-sizing: border-box;
			width: 100% !important;
			background-color: #1576D1;
			border-radius: .1rem;
			margin-bottom: .15rem;
			padding: .3rem;
			box-shadow: 0 0px 0px rgba(0,0,0,0.15);
			transition: all 0.3s ease-in-out;
		}
		.thumbnail-m .swiper-slide:nth-child(odd){background-color: #388ad8;}
		.thumbnail-m .swiper-slide h2{font-size: .3rem; margin-bottom:0; font-weight: bold; padding-left: 20px; color: #fff; position: relative;}
		.thumbnail-m .swiper-slide h2::before{content: ""; position: absolute; width: 16px; height: 16px; border-radius: 100%; box-sizing: border-box; border: 4px solid #fff; top: 4px; left: -5px;}
		.thumbnail-m .swiper-slide p{font-size: 14px; display: none; color: #888;}
		.thumbnail-m .swiper-slide-thumb-active{background-color: #1576D1; width: 380px !important; left: -15px;}
		.thumbnail-m .swiper-slide-thumb-active h2{color: #fff;}
		.thumbnail-m .swiper-slide-thumb-active h2::before{border: 4px solid #fff;}
		.thumbnail-m .swiper-slide-thumb-active p{color: #fff;}
		.pic-box{display: none;}
	
	
	
	.module-4{position: relative;z-index: 2; border-top: 10px solid #f5f5f5; overflow: hidden; background: none; padding-bottom: 0;}
	.module-4 .main-box{position: relative;}
	.module-4 .main-con{line-height: 1.6em;	padding: 0 .3rem;}
	.module-4 .main-con p{text-indent: 2em; font-size: .28rem; margin-bottom: 0.2em;}
	.module-4 .main-con .more{ position: relative; display: block; margin: 0px auto 20px; text-transform: uppercase; box-sizing: border-box; font-size: 12px; color: #888; width: 110px; padding-left: 18px; line-height: 26px; height: 28px;  border: solid 1px #E4E4E4; border-radius: 20px; transition: all 0.3s ease-in-out; background: #fff no-repeat right 115px center;}
	.module-4 .main-con .more:hover{
		background: #1576D1 url(../img/icon-more.png) no-repeat right 15px center;
		border-color: #1576D1;
		color: #fff;
		width: 130px;
	}
	.module-4 .pic{width: 5.8rem; display: none; position: absolute; right: 0; top: 0;}
	.module-4 .pic .block-01{width: 1.8rem; height: 2.1rem; position: absolute; left: .1rem; top: 0; background: url(../img/about.jpg) no-repeat left center; background-size: 6rem auto;}
	.module-4 .pic .block-02{width: 1.8rem; height: 3.7rem; position: absolute; left: 2.05rem; top: -1.2rem; background: url(../img/about.jpg) no-repeat center center; background-size: 6rem auto;}
	.module-4 .pic .block-03{width: 1.8rem; height: 2.2rem; position: absolute; left: 4rem; top: -.7rem; background: url(../img/about.jpg) no-repeat right -15px center; background-size: 6rem auto;}
	
	.module-4 .number{display: none; justify-content: center; margin: .1rem 0 .0rem; border: 1px solid #f8f8f8; box-shadow: 0 15px 15px rgba(0,0,0,.10);}
	.module-4 .number div{ width:20%; border-left: 1px solid #f8f8f8; height: 1.7rem; background: rgba(255,255,255,.95); color: #1576D1; text-align: center; justify-content: center; display: flex; align-items: center; align-content: center; flex-wrap: wrap; }
	.module-4 .number div b{font-weight: normal; font-size: .66rem; margin: 0;font-family: CODE_Bold; text-transform: uppercase;}
	.module-4 .number div sup{font-weight: normal; font-size: .2rem; position: relative; top: -.2rem; margin: 10px 0; font-family: CODE_Bold; text-transform: uppercase;}
	.module-4 .number div p{text-align: center; display: block; color: #000; font-size: .14rem; text-transform: uppercase; width: 100%;}
	
	
	.module-5{position: relative; display: none; z-index: 1;margin-top: 0; height: 4.6rem;overflow: hidden;background-color: #0F0F33;}
	.module-5 .module-bg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;opacity: .75;background: url(../img/slogen-bg.jpg) no-repeat center center;background-size: cover;background-attachment: fixed;}
	.module-5 h2{margin-top: 2rem; position: relative; text-align: center; color: #fff;text-shadow: 0 3 6px rgba(0,0,0,0.5);font-size: .4rem;letter-spacing: 1px; padding-left: 1px;}
	.module-5 h3{margin-top: .2rem; opacity: .5 !important; position: relative;text-align: center; text-transform: uppercase; color: #fff; text-shadow: 0 3 6px rgba(0,0,0,0.5); font-size: .2rem; letter-spacing: 2px; padding-left: 2px;}
	
	.module-3{background:#fff;border-top: 10px solid #f5f5f5;}
	.module-3 .list-box{margin: 0 .3rem .1rem;}
	.module-3 .list-box .list{display: flex;padding: .2rem 0;flex-direction: row-reverse;border-top: 1px solid #f1f1f1;	}
	.module-3 .list-box .list .box-bg{}
	.module-3 .list-box .list img{width: 25vw;height: 15vw;background-size: cover;background-position: center;margin-left: .2rem;}
	.module-3 .list-box .list .box-con{flex: 1;display: flex;justify-content: space-between;flex-direction: column;}
	.module-3 .list-box .list .box-con h2{font-size: .28rem;font-weight: normal;}
	.module-3 .list-box .list .box-con .list-info{color: #999;font-size: .2rem;	padding: .03rem 0 0 .3rem;background: url(../img/icon-19.png) no-repeat left center;background-size: .2rem;	}
	.module-3 .list-box .list .box-con p{display: none;}
	
	
	.module-6{background-color: #f8f8f8; overflow: hidden; padding-bottom: 0px;}
	.module-6 .module-title .title-bg{color: #fff; opacity: 1;}
	.module-6 .slidePartnerBox{margin-top: -20px; position: relative;}
	.module-6 .slidePartnerBox img{max-width: 100%; display: block; margin: 0 auto;}
	.module-6 .swiper-button-prev,
	.module-6 .swiper-button-next{display: none;}
	
	.module-7{background:url(../img/module-7-bg.png) no-repeat right center; background-size: cover; overflow: hidden;}
	.module-7 .module-title .title-bg{color: #fff; opacity: .1;}
	.module-7 .module-title h2{color: #fff;}
	.module-7 .module-title span{background: #fff;}
	.module-7 .module-title h3{color: #fff;}
	.module-7 .module-title h2::after{content: ""; width: 2px; height: 2px; border-left: .4rem solid #fff; border-right: 4px solid #000; position: absolute; top: .2rem; left: -.65rem;}
	.module-7 .module-title h2::before{content: ""; width: 2px; height: 2px; border-right: .4rem solid #fff; border-left: 4px solid #000; position: absolute; top: .2rem; right: -.65rem;}
	.module-7 p{ line-height: 1.6em; font-size:.28rem; color: #fff; padding: 0 .3rem 10px;}
	.module-7 .list-box{margin: 0 -.5% 60px; padding: 0 .3rem;}
	.module-7 .list-box .list{
		width: 32%;
		margin: .5%;
		float: left;
		position: relative;
		top:0;
		background-color: rgba(255,255,255,.07);
		cursor: pointer;
		transition: all 0.4s ease-in-out;
	}
	.module-7 .list-box .list:hover{
		top: -8px;
		background-color: rgba(255,255,255,.12);
		box-shadow: 0 2px 25px rgba(0,0,0,0.15); top: -10px;
	}
	.module-7 .list-box .list img{
		width: 100%;
		display: block;
	}
}