@charset "utf-8";
#wrap{background: #fff;}
.page-bg{ width: 100%; min-width: 1024px; background-repeat: no-repeat; height: 17rem; background-size: 100% auto; overflow: hidden; position: absolute; top: 80px; left: 0; z-index: 0;}


.module-title{padding: .4rem 0 20px 0; display: block; margin: .5rem 0 0; position: relative;}
.module-title h2{color: #E40012; font-size: .4rem; display: block; position: relative;}
.module-title span{height: 3px; position: relative; background: #E40012; margin:.2rem 0 10px 0; width: .5rem; display: block;}
.module-title h3{color: #888; font-size: 12px; position: relative; text-transform: uppercase; font-weight: lighter; display: block;}
.module-title p{margin-bottom: 1em; margin-top: 1em; font-size: .24rem; line-height: 1.8em;}
.module-title .more{ position: absolute; right: 0; top: 46px; text-transform: uppercase; box-sizing: border-box; text-align: center; font-size: 12px; color: #888; width: 100px; line-height: 26px; height: 28px;  border: solid 1px #E4E4E4; transition: all 0.3s ease-in-out; background: #fff;}
.module-title .more:hover{
	background: #E40012;
	border-color: #E40012;
	color: #fff;
}
.module-title .title-bg{position: absolute;}
.module-title .title-bg img{width: 3.09rem}

#tab-box .tab-box{opacity: 0; top: -80px;}
#tab-box.on .tab-box{opacity: 1; top: 0;}

.module-1{margin: 45% 0 0; position: relative; z-index: 1; padding: 0rem; }
.module-1 .module-title h2{color: #fff;}
.module-1 .module-title span{background: #fff;}
.module-1 .title-bg{bottom: -2rem; top: auto; left: -.12rem; opacity: .6;}
.module-1 .main{position: relative;}
.module-1 .main .roll-list{height: 3.68rem;}
.module-1 .main .list-01{position: absolute; width: 51%; height: 3.68rem; left: -0.27rem;}
.module-1 .main .list-01 img{position: relative; width: 100%;}
.module-1 .main .list-02{position: absolute; width: 51%; height: 3.68rem; right: -0.27rem;}
.module-1 .main .list-02 img{position: relative; width: 100%;}
.module-1 .main .con{position: absolute; z-index: 1; top: 50%; transform: translate(0,-50%); left: 0; padding: 0 0 0 50%;}
.module-1 .main .con h2{color: #E40012; font-size: 2em; margin: 10px 0 30px;}
.module-1 .main .con a{height: 36px; line-height: 36px; font-size: 14px; transition:all 0.4s ease-out 0s; background-color: #fff; display: inline-block; padding: 0 25px; border: 1px solid #E40012; color: #E40012;}
.module-1 .main .con a:hover{background-color: #E40012; color: #fff;}


.module-2{padding-bottom: 30px; position: relative; margin-top: 4.5rem;}
.module-2 .title-bg{bottom: -1rem; top: auto; left: -.12rem;}
.module-2 .module-bg{background-color: #E40012; width: 100%; position: absolute; height: 50%; bottom: 0; left: 0; z-index: 0;}
.module-2 .roll-list {position: relative;width: 100%;margin: 0 auto 0;padding: 120px 0 130px;}
.module-2 .roll-list .swiper-slide {width: 530px;background: #fff;}

.module-2 .swiper-slide .con{padding: 20px 25px;}
.module-2 .swiper-slide .time{font-size: 14px; position: relative;}
.module-2 .swiper-slide .title{font-weight: bold; line-height: 1.5em; height: 3em; transition: all 0.3s ease-in-out;  overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.module-2 .swiper-slide:hover .title{color: #E40012;}
.module-2 .swiper-slide .pic{overflow: hidden; width: 100%; position: relative; background-color: #000;}
.module-2 .list .pic span{background: url(../img/icon-play.svg) no-repeat center center; opacity: .8; background-size: .96rem; transition: all 0.4s ease-in-out; position: absolute; width: .96rem; height: .96rem; top:50%; left: 50%; margin: -.48rem 0 0 -.48rem;}
.module-2 .swiper-slide:hover .pic span{transform: scale(.95); opacity: 1;}
.module-2 .swiper-slide .pic img{width: 100%; display: block; background-size: cover; background-position: center; transition: all 0.3s ease-in-out;}
.module-2 .swiper-slide:hover .pic img{transform: scale(1.1); opacity: .8;}

.module-2 .roll-list .swiper-slide{transform: scale(1); transition: all 0.3s ease-in-out; z-index: 7;}
.module-2 .roll-list .swiper-slide-prev,
.module-2 .roll-list .swiper-slide-next{transform: scale(1); z-index: 8;}
.module-2 .roll-list .swiper-slide-active{transform: scale(1.4); z-index: 9; position: relative; margin-top: -1.5%; width: 766px;}
.module-2 .roll-list .swiper-slide-active .con{padding: 15px 20px;}
.module-2 .roll-list .swiper-slide-active .con .title{font-size: 16px;}
.module-2 .roll-list .swiper-slide-active .con .time{font-size: 12px;}

.module-2 .roll-list .swiper-pagination {width: 100%;bottom: 20px;}
.module-2 .roll-list .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 8px;background-color: #fff;width: 10px;height: 10px;opacity: 1;position: relative;}
.module-2 .roll-list .swiper-pagination-bullets .swiper-pagination-bullet-active {background-color: #fff;}
.module-2 .roll-list .swiper-pagination-bullets .swiper-pagination-bullet-active::before{border: 2px solid #fff;	position: absolute;	width: 16px;height: 16px;border-radius: 100%;content: "";left: -5px;top: -5px;}

.module-2 .roll-list .btn-box{position: absolute; z-index: 19; bottom: 34px; width: 250px; left: 50%; transform: translate(-50%, 0);}
.module-2 .roll-list .swiper-button-prev,
.module-2 .roll-list .swiper-button-next{left: 0px;width: 45px;	height: 45px;color: #fff;border-radius: 100%;transition: all 0.3s ease-in-out;}
.module-2 .roll-list .swiper-button-next {right: 0px;left: auto;}
.module-2 .roll-list .swiper-button-prev:hover{	left: -10px;}
.module-2 .roll-list .swiper-button-next:hover{	left: auto;	right: -10px;}
.module-2 .roll-list .swiper-button-next:after, 
.module-2 .roll-list .swiper-button-prev:after{	font-size: 24px;font-weight: bold;}
	


.module-3{position: relative; padding: 1.5rem 0;}
.module-3 .title-bg{top: -3.25rem; right: -10%;}
.module-3 .mainBox{position: relative;}
.module-3 .module-bg{position: absolute; right: 0; bottom: 0rem; width: calc(100% - 1rem) ; height: calc(100% - .5rem); background-color: #E40012;}
.module-3 .left-box{width: 55%; float: left; overflow: hidden; position: relative; top: -.5rem; box-shadow: 0 0 25px rgba(0,0,0,0.1);}
.module-3 .roll-list .list{}
.module-3 .roll-list .list .pic{overflow: hidden; display: block; width: 100%;  background: url(../img/pic2.jpg) no-repeat center center; background-size: cover;}
.module-3 .roll-list .list .pic img{background-position: center; display: block; background-size: cover; width: 100%;transition:all 0.4s ease-out 0s;}
.module-3 .roll-list .list .con{padding: 10px 25px 20px; background-color: #fff;}
.module-3 .roll-list .list .con .time{font-size: 13px; padding-bottom: 5px;}
.module-3 .roll-list .list .con .time a{margin-right: 10px;}
.module-3 .roll-list .list .con a:hover{color: #E40012;}
.module-3 .roll-list .list .con .title{height: 3em; line-height: 1.5em; font-size: .24rem; overflow:hidden;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.module-3 .roll-list .list .pic:hover img{transform:scale(1.1, 1.1);}

.module-3 .roll-list .btn-box{position: absolute; top: 50%; margin-top: -40px; width: 100%; }
.module-3 .roll-list .swiper-button-prev,
.module-3 .roll-list .swiper-button-next{left: 20px;width: 45px;height: 45px;color: #fff;border: 2px solid rgba(255,255,255,.5);border-radius: 100%;background-color: rgba(0,0,0,0.3);opacity: .4;transition: all 0.3s ease-in-out;}
.module-3 .roll-list .swiper-button-next {right: 20px;left: auto;}
.module-3 .roll-list:hover .swiper-button-prev,
.module-3 .roll-list:hover .swiper-button-next{opacity: 1;box-shadow: 0 0 25px rgba(0,0,0,0.3);}
.module-3 .roll-list .swiper-button-prev:hover,
.module-3 .roll-list .swiper-button-next:hover{	opacity: 1;	border: 2px solid rgba(255,255,255,.8);	background-color: rgba(0,0,0,0.5);	box-shadow: 0 0 25px rgba(0,0,0,0.5);}
.module-3 .roll-list .swiper-button-prev:hover{left: 10px;}
.module-3 .roll-list .swiper-button-next:hover{right: 10px;}
.module-3 .roll-list .swiper-button-next:after, 
.module-3 .roll-list .swiper-button-prev:after{	font-size: 20px;font-weight: bold;}

.module-3 .right-box{width: 45%; float: right; padding: .5rem .5rem 0 .6rem; color: #fff;}
.module-3 .right-box .module-title h2{ color: #fff;}
.module-3 .right-box .module-title span{ background-color: #fff;}
.module-3 .right-box a{height: 36px; line-height: 36px; font-size: 14px; transition:all 0.4s ease-out 0s; background-color: #fff; display: inline-block; padding: 0 25px; border: 1px solid #E40012; color: #E40012;}
.module-3 .right-box a:hover{ padding: 0 35px;}



.module-4{padding-bottom: 30px; position: relative; overflow: hidden; margin-top: 0rem; background-color: #F4F7F9;}
.module-4 .title-bg{bottom: -1.01rem; top: auto; left: -.12rem;}
.module-4 .roll-list {position: relative;width: 100%;margin: 0 auto 0;padding: .5rem 0 100px;}
.module-4 .roll-list .swiper-slide {width: 530px;background: #fff;}

.module-4 .swiper-slide .con{padding: 20px 25px;}
.module-4 .swiper-slide .time{font-size: 14px; position: relative;}
.module-4 .swiper-slide .title{font-size: .24rem; line-height: 1.5em; height: 3em; transition: all 0.3s ease-in-out;  overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.module-4 .swiper-slide:hover .title{color: #E40012;}
.module-4 .swiper-slide .pic{overflow: hidden; width: 100%; position: relative; background-color: #000;}
.module-4 .list .pic span{background: url(../img/icon-play.svg) no-repeat center center; opacity: .8; background-size: .96rem; transition: all 0.4s ease-in-out; position: absolute; width: .96rem; height: .96rem; top:50%; left: 50%; margin: -.48rem 0 0 -.48rem;}
.module-4 .swiper-slide:hover .pic span{transform: scale(.95); opacity: 1;}
.module-4 .swiper-slide .pic img{width: 100%; display: block; background-size: cover; background-position: center; transition: all 0.3s ease-in-out;}
.module-4 .swiper-slide:hover .pic img{transform: scale(1.1); opacity: .8;}

.module-4 .roll-list .swiper-pagination {width: 100%;bottom: 20px;}
.module-4 .roll-list .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 8px;background-color: #E40012;width: 10px;height: 10px;opacity: 1;position: relative;}
.module-4 .roll-list .swiper-pagination-bullets .swiper-pagination-bullet-active {background-color: #E40012;}
.module-4 .roll-list .swiper-pagination-bullets .swiper-pagination-bullet-active::before{border: 2px solid #E40012;	position: absolute;	width: 16px;height: 16px;border-radius: 100%;content: "";left: -5px;top: -5px;}

.module-4 .roll-list .btn-box{position: absolute; z-index: 9; bottom: 34px; width: 250px; left: 50%; transform: translate(-50%, 0);}
.module-4 .roll-list .swiper-button-prev,
.module-4 .roll-list .swiper-button-next{left: 0px;width: 45px;	height: 45px;color: #E40012;border-radius: 100%;transition: all 0.3s ease-in-out;}
.module-4 .roll-list .swiper-button-next {right: 0px;left: auto;}
.module-4 .roll-list .swiper-button-prev:hover{	left: -10px;}
.module-4 .roll-list .swiper-button-next:hover{	left: auto;	right: -10px;}
.module-4 .roll-list .swiper-button-next:after, 
.module-4 .roll-list .swiper-button-prev:after{	font-size: 24px;font-weight: bold;}

.module-5{position: relative; padding: 1.6rem 0 .4rem;}
.module-5 .title-bg{top: -3.3rem; left: -.12rem;}
.module-5 .mainBox{position: relative;}
.module-5 .module-bg{position: absolute; left: 0; bottom: 0rem; width: calc(100% - 1rem) ; height: calc(100% - .5rem); background-color: #E40012;}
.module-5 .right-box{width: 55%; float: right; overflow: hidden; position: relative; top: -.5rem; box-shadow: 0 0 25px rgba(0,0,0,0.1);}
.module-5 .roll-list .list{}
.module-5 .roll-list .list .pic{overflow: hidden; display: block; width: 100%;  background: url(../img/pic2.jpg) no-repeat center center; background-size: cover;}
.module-5 .roll-list .list .pic img{background-position: center; display: block; background-size: cover; width: 100%; transition:all 0.4s ease-out 0s;}
.module-5 .roll-list .list .con{padding: 10px 25px 20px; background-color: #fff;}
.module-5 .roll-list .list .con .time{font-size: 13px; padding-bottom: 5px;}
.module-5 .roll-list .list .con .time a{margin-right: 10px;}
.module-5 .roll-list .list .con a:hover{color: #E40012;}
.module-5 .roll-list .list .con .title{height: 3em; line-height: 1.5em; font-size: .24rem; overflow:hidden;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orie5t: vertical;}
.module-5 .roll-list .list .pic:hover img{transform:scale(1.1, 1.1);}

.module-5 .roll-list .btn-box{position: absolute; top: 50%; margin-top: -40px; width: 100%; }
.module-5 .roll-list .swiper-button-prev,
.module-5 .roll-list .swiper-button-next{left: 20px;width: 45px;height: 45px;color: #fff;border: 2px solid rgba(255,255,255,.5);border-radius: 100%;background-color: rgba(0,0,0,0.3);opacity: .4;transition: all 0.3s ease-in-out;}
.module-5 .roll-list .swiper-button-next {right: 20px;left: auto;}
.module-5 .roll-list:hover .swiper-button-prev,
.module-5 .roll-list:hover .swiper-button-next{opacity: 1;box-shadow: 0 0 25px rgba(0,0,0,0.3);}
.module-5 .roll-list .swiper-button-prev:hover,
.module-5 .roll-list .swiper-button-next:hover{	opacity: 1;	border: 2px solid rgba(255,255,255,.8);	background-color: rgba(0,0,0,0.5);	box-shadow: 0 0 25px rgba(0,0,0,0.5);}
.module-5 .roll-list .swiper-button-prev:hover{left: 10px;}
.module-5 .roll-list .swiper-button-next:hover{right: 10px;}
.module-5 .roll-list .swiper-button-next:after, 
.module-5 .roll-list .swiper-button-prev:after{	font-size: 20px;font-weight: bold;}

.module-5 .left-box{width: 45%; float: left; padding: .5rem .5rem 0 .6rem; color: #fff;}
.module-5 .left-box .module-title h2{ color: #fff;}
.module-5 .left-box .module-title span{ background-color: #fff;}
.module-5 .left-box a{height: 36px; line-height: 36px; font-size: 14px; transition:all 0.4s ease-out 0s; background-color: #fff; display: inline-block; padding: 0 25px; border: 1px solid #E40012; color: #E40012;}
.module-5 .left-box a:hover{ padding: 0 35px;}


.module-6{position: relative; padding: .0 0 .8rem;}
.module-6 .title-bg{top: -1.3rem; left: -.12rem;}
.module-6 .left-box{width: 50%; float: left; padding-right: 6px;}
.module-6 .right-box{width: 50%; float: right; padding-left: 6px;}
.module-6 .left-box .list-box{margin-top: 20px;}
.module-6 .list{position: relative;}
.module-6 .list .pic{overflow: hidden;}
.module-6 .list .pic img{width: 100%; display: block; background-position: center; background-size: cover;transition:all 0.4s ease-out 0s; overflow: hidden;}
.module-6 .list:hover .pic img{transform: scale(1.1);}
.module-6 .list .mask{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); opacity: 0; transition:all 0.4s ease-out 0s;}
.module-6 .list .con{position: absolute; top: 50%; left: 0; box-sizing: border-box; padding: 20px; width: 100%; text-align: center; color: #fff; transform: translate(0,-50%); opacity: 0; transition:all 0.4s ease-out 0s;}
.module-6 .list .con .title{font-size: .24rem;}
.module-6 .list .con span{display: block; margin: 20px auto; background-color: #fff; display: block; width: .4rem; height: 3px;}
.module-6 .list .con .time{font-size: 14px;}
.module-6 .left-box>.list img{height: 3rem; }
.module-6 .left-box>.list-box{margin: 12px -6px 0;}
.module-6 .left-box>.list-box .list {float: left;  width: calc(50% - 12px); margin: 0 6px;}
.module-6 .left-box>.list-box .list img{height: 3rem;}
.module-6 .right-box img{height: calc(6rem + 12px);}
.module-6 .list:hover .mask{opacity: 1}
.module-6 .list:hover .con{opacity: 1;}


.window_hide h4{font-size: 22px; margin-bottom: .5em; width: 6em; display: inline-block; vertical-align: text-top;}
.window_hide h5{color: #E40012; font-size: 22px; margin-bottom: 2.5em; display: inline-block; vertical-align: text-top;}
.window_hide img{ margin-bottom: 2.5em; display: inline-block; vertical-align: text-top;}

@media screen and (max-width: 768px) {
	
	.page-bg{ width: 100%; min-width: 100%; background-repeat: no-repeat; height: 17rem; background-size: 100% auto; overflow: hidden; position: absolute; top: 50px; left: 0; z-index: 0;}
	
	.module-title{padding: .4rem 0 20px 0; display: block; margin: .5rem 0 0; position: relative;}
	.module-title h2{color: #E40012; font-size: .4rem; display: block; position: relative;}
	.module-title span{height: 3px; position: relative; background: #E40012; margin:.2rem 0 10px 0; width: .5rem; display: block;}
	.module-title h3{color: #888; font-size: 12px; position: relative; text-transform: uppercase; font-weight: lighter; display: block;}
	.module-title p{margin-bottom: 1em; margin-top: 1em; font-size: .28rem; line-height: 1.8em;}
	.module-title .more{ position: absolute; right: 0; top: 20px; text-transform: uppercase; box-sizing: border-box; text-align: center; font-size: 12px; color: #888; width: 100px; line-height: 26px; height: 28px;  border: solid 1px #E4E4E4; transition: all 0.3s ease-in-out; background: #fff;}
	.module-title .more:hover{
		background: #E40012;
		border-color: #E40012;
		color: #fff;
	}
	.module-title .title-bg{position: absolute;}
	.module-title .title-bg img{width: 3.09rem}
	
	#tab-box {display: none;}
	#tab-box .tab-box{opacity: 0; top: -80px;}
	#tab-box.on .tab-box{opacity: 1; top: 0;}
	
	.module-1{margin: 60% 0 0; position: relative; z-index: 1; padding: 0 0px; }
	.module-1 .module-title{padding: 0 20px;}
	.module-1 .module-title h2{color: #fff;}
	.module-1 .module-title span{background: #fff;}
	.module-1 .title-bg{bottom: -2rem; top: auto; left: -.12rem; margin-left: 20px; opacity: .6;}
	.module-1 .main{position: relative;}
	.module-1 .main .list-box{height: auto; padding: 0 10px;}
	.module-1 .main .list-01{position: relative; width: 100%; height: 3.28rem; left: -0;}
	.module-1 .main .list-01 img{position: relative; width: 100%;}
	.module-1 .main .list-02{position: relative; width: 100%; height: 3.28rem; right: -0;}
	.module-1 .main .list-02 img{position: relative; width: 100%;}
	.module-1 .main .con{position: absolute; z-index: 1; top: 50%; transform: translate(0,-50%); left: 0; padding: 0 0 0 50%;}
	.module-1 .main .con h2{color: #E40012; font-size: 1.8em; margin: 10px 0 20px;}
	.module-1 .main .con a{height: 31px; line-height: 31px; font-size: 14px; transition:all 0.4s ease-out 0s; border-radius: 5px; background-color: #fff; display: inline-block; padding: 0 15px; border: 1px solid #E40012; color: #E40012;}
	.module-1 .main .con a:hover{background-color: #E40012; color: #fff;}
	
	
	.module-2{padding-bottom: 30px; position: relative; margin-top: .6rem; padding: 0 20px;}
	.module-2 .title-bg{bottom: .5rem; top: auto; left: -.12rem;}
	.module-2 .module-bg{background-color: #E40012; width: 100%; position: absolute; height: 50%; bottom: 0; left: 0; z-index: 0;}
	.module-2 .roll-list {position: relative;width: 100%; margin: 0 auto 0; padding: 0px 0 50px;}
	.module-2 .roll-list .swiper-slide { background: #fff;}
	
	.module-2 .swiper-slide .con{padding: 15px 20px;}
	.module-2 .swiper-slide .time{font-size: 12px; color: #888; padding-top: .5em; position: relative;}
	.module-2 .swiper-slide .title{font-size: 16px; font-weight: bold; line-height: 1.5em; height: 3em; transition: all 0.3s ease-in-out;  overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.module-2 .swiper-slide:hover .title{color: #E40012;}
	.module-2 .swiper-slide .pic{overflow: hidden; width: 100%; position: relative; background-color: #000;}
	.module-2 .list .pic span{background: url(../img/icon-play.svg) no-repeat center center; opacity: .8; background-size: .96rem; transition: all 0.4s ease-in-out; position: absolute; width: .96rem; height: .96rem; top:50%; left: 50%; margin: -.48rem 0 0 -.48rem;}
	.module-2 .swiper-slide:hover .pic span{transform: scale(.95); opacity: 1;}
	.module-2 .swiper-slide .pic img{width: 100%; display: block; background-size: cover; background-position: center; transition: all 0.3s ease-in-out;}
	.module-2 .swiper-slide:hover .pic img{transform: scale(1); opacity: .8;}
	
	.module-2 .roll-list .swiper-slide{transform: scale(1); transition: all 0.3s ease-in-out; z-index: 7;}
	.module-2 .roll-list .swiper-slide-prev,
	.module-2 .roll-list .swiper-slide-next{transform: scale(1); z-index: 8;}
	.module-2 .roll-list .swiper-slide-active{transform: scale(1); z-index: 9; position: relative; margin-top: 0%; width: 100%;}
	.module-2 .roll-list .swiper-slide-active .con{padding: 15px 20px;}
	.module-2 .roll-list .swiper-slide-active .con .title{font-size: 16px;}
	.module-2 .roll-list .swiper-slide-active .con .time{font-size: 12px;}
	
	.module-2 .roll-list .swiper-pagination {width: 100%; bottom: 20px;}
	.module-2 .roll-list .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 6px;background-color: #fff; width: 8px;height: 8px; opacity: 1;position: relative;}
	.module-2 .roll-list .swiper-pagination-bullets .swiper-pagination-bullet-active {background-color: #fff;}
	.module-2 .roll-list .swiper-pagination-bullets .swiper-pagination-bullet-active::before{border: 2px solid #fff; position: absolute; width: 14px;height: 14px;border-radius: 100%;content: "";left: -5px;top: -5px;}
	
	.module-2 .roll-list .btn-box{position: absolute; z-index: 9; bottom: 34px; width: 250px; left: 50%; transform: translate(-50%, 0); display: none;}
	.module-2 .roll-list .swiper-button-prev,
	.module-2 .roll-list .swiper-button-next{left: 0px;width: 45px;	height: 45px;color: #fff;border-radius: 100%;transition: all 0.3s ease-in-out;}
	.module-2 .roll-list .swiper-button-next {right: 0px;left: auto;}
	.module-2 .roll-list .swiper-button-prev:hover{	left: -10px;}
	.module-2 .roll-list .swiper-button-next:hover{	left: auto;	right: -10px;}
	.module-2 .roll-list .swiper-button-next:after, 
	.module-2 .roll-list .swiper-button-prev:after{	font-size: 24px;font-weight: bold;}
		
	
	
	.module-3{position: relative; padding: 1.3rem 0 0;}
	.module-3 .title-bg{top: -2.5rem;  right: -.12rem;}
	.module-3 .mainBox{position: relative;}
	.module-3 .module-bg{position: absolute; right: 0; bottom: 0rem; width: 100% ; height: 100%; background-color: #E40012;}
	.module-3 .left-box{width: 100%; float: left; padding: 10px 20px; overflow: hidden; position: relative; top: -.5rem; box-shadow: 0 0 25px rgba(0,0,0,0);}
	.module-3 .roll-list{overflow: hidden;}
	.module-3 .roll-list .list{}
	.module-3 .roll-list .list .pic{overflow: hidden; display: block; width: 100%;  background: url(../img/pic2.jpg) no-repeat center center; background-size: cover;}
	.module-3 .roll-list .list .pic img{background-position: center; display: block; background-size: cover; width: 100%;transition:all 0.4s ease-out 0s;}
	.module-3 .roll-list .list .con{padding: 10px 20px 15px; background-color: #fff;}
	.module-3 .roll-list .list .con .time{font-size: 12px; color: #888; padding-top: .5em; padding-bottom: 5px;}
	.module-3 .roll-list .list .con .time a{margin-right: 10px;}
	.module-3 .roll-list .list .con a:hover{color: #E40012;}
	.module-3 .roll-list .list .con .title{height: 3em; font-weight: bold; line-height: 1.5em; font-size: 16px; overflow:hidden;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.module-3 .roll-list .list .pic:hover img{transform:scale(1.1, 1.1);}
	
	.module-3 .roll-list .btn-box{position: absolute; top: 50%; margin-top: -40px; width: 100%; display: none;}
	.module-3 .roll-list .swiper-button-prev,
	.module-3 .roll-list .swiper-button-next{left: 20px;width: 45px;height: 45px;color: #fff;border: 2px solid rgba(255,255,255,.5);border-radius: 100%;background-color: rgba(0,0,0,0.3);opacity: .4;transition: all 0.3s ease-in-out;}
	.module-3 .roll-list .swiper-button-next {right: 20px;left: auto;}
	.module-3 .roll-list:hover .swiper-button-prev,
	.module-3 .roll-list:hover .swiper-button-next{opacity: 1;box-shadow: 0 0 25px rgba(0,0,0,0.3);}
	.module-3 .roll-list .swiper-button-prev:hover,
	.module-3 .roll-list .swiper-button-next:hover{	opacity: 1;	border: 2px solid rgba(255,255,255,.8);	background-color: rgba(0,0,0,0.5);	box-shadow: 0 0 25px rgba(0,0,0,0.5);}
	.module-3 .roll-list .swiper-button-prev:hover{left: 10px;}
	.module-3 .roll-list .swiper-button-next:hover{right: 10px;}
	.module-3 .roll-list .swiper-button-next:after, 
	.module-3 .roll-list .swiper-button-prev:after{	font-size: 20px;font-weight: bold;}
	
	.module-3 .right-box{width: 100%; float: right; padding: 0 20px; color: #fff;}
	.module-3 .right-box .module-title h2{ color: #fff;}
	.module-3 .right-box .module-title span{ background-color: #fff;}
	.module-3 .right-box a{height: 28px; line-height: 26px; font-size: 12px; transition:all 0.4s ease-out 0s; background: none; border: 1px solid rgba(255,255,255,0.4); display: inline-block; width: 100px; text-align: center; padding: 0 0; color: #fff; position: absolute; right: 0px; top: .37rem;}
	.module-3 .right-box a:hover{ padding: 0 0;}
	
	
	
	.module-4{padding-bottom: 30px; position: relative; overflow: hidden; margin-top: 0rem; padding: 0 20px; background-color: #F4F7F9;}
	.module-4 .title-bg{bottom: auto; top: -1.25rem; left: -.12rem;}
	.module-4 .roll-list {position: relative; width: 80%;margin: 0 0;padding: 0 0 50px;}
	.module-4 .roll-list .swiper-slide {width: 60vw;background: #fff;}
	
	.module-4 .swiper-slide .con{padding: 15px 20px;}
	.module-4 .swiper-slide .time{font-size: 12px; color: #888; padding-top: .5em; position: relative;}
	.module-4 .swiper-slide .title{font-size: 16px; font-weight: bold; line-height: 1.5em; height: 3em; transition: all 0.3s ease-in-out;  overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.module-4 .swiper-slide:hover .title{color: #E40012;}
	.module-4 .swiper-slide .pic{overflow: hidden; width: 100%; position: relative; background-color: #000;}
	.module-4 .list .pic span{background: url(../img/icon-play.svg) no-repeat center center; opacity: .8; background-size: .96rem; transition: all 0.4s ease-in-out; position: absolute; width: .96rem; height: .96rem; top:50%; left: 50%; margin: -.48rem 0 0 -.48rem;}
	.module-4 .swiper-slide:hover .pic span{transform: scale(.95); opacity: 1;}
	.module-4 .swiper-slide .pic img{width: 100%; display: block; background-size: cover; background-position: center; transition: all 0.3s ease-in-out;}
	.module-4 .swiper-slide:hover .pic img{transform: scale(1.1); opacity: .8;}
	
	.module-4 .roll-list .swiper-pagination {width: 100%; bottom: 20px; padding-left: 26%;}
	.module-4 .roll-list .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 6px;background-color: #E40012; width: 8px;height: 8px; opacity: 1;position: relative;}
	.module-4 .roll-list .swiper-pagination-bullets .swiper-pagination-bullet-active {background-color: #E40012;}
	.module-4 .roll-list .swiper-pagination-bullets .swiper-pagination-bullet-active::before{border: 2px solid #E40012; position: absolute; width: 14px;height: 14px;border-radius: 100%;content: "";left: -5px;top: -5px;}
	
	.module-4 .roll-list .btn-box{position: absolute; z-index: 9; bottom: 34px; width: 250px; left: 50%; transform: translate(-50%, 0); display: none;}
	.module-4 .roll-list .swiper-button-prev,
	.module-4 .roll-list .swiper-button-next{left: 0px;width: 45px;	height: 45px;color: #E40012;border-radius: 100%;transition: all 0.3s ease-in-out;}
	.module-4 .roll-list .swiper-button-next {right: 0px;left: auto;}
	.module-4 .roll-list .swiper-button-prev:hover{	left: -10px;}
	.module-4 .roll-list .swiper-button-next:hover{	left: auto;	right: -10px;}
	.module-4 .roll-list .swiper-button-next:after, 
	.module-4 .roll-list .swiper-button-prev:after{	font-size: 24px;font-weight: bold;}
	
	.module-5{position: relative; padding: 1.1rem 0 0;}
	.module-5 .title-bg{top: -2.85rem; /* left: -.12rem; */ left: auto; right: -.12rem;}
	.module-5 .mainBox{position: relative;}
	.module-5 .module-bg{position: absolute; left: 0; bottom: 0rem; width: 100% ; height: 100%; background-color: #E40012;}
	.module-5 .right-box{width: 100%; float: right; overflow: hidden; position: relative; top: 0; padding: 0 20px; box-shadow: 0 0 25px rgba(0,0,0,0.1); margin-bottom: 20px;}
	.module-5 .roll-list{overflow: hidden;}
	.module-5 .roll-list .list{}
	.module-5 .roll-list .list .pic{overflow: hidden; display: block; width: 100%;  background: url(../img/pic2.jpg) no-repeat center center; background-size: cover;}
	.module-5 .roll-list .list .pic img{background-position: center; display: block; background-size: cover; width: 100%; transition:all 0.4s ease-out 0s;}
	.module-5 .roll-list .list .con{padding: 10px 25px 20px; background-color: #fff;}
	.module-5 .roll-list .list .con .time{font-size: 13px; padding-bottom: 5px;}
	.module-5 .roll-list .list .con .time a{margin-right: 10px;}
	.module-5 .roll-list .list .con a:hover{color: #E40012;}
	.module-5 .roll-list .list .con .title{height: 3em; line-height: 1.5em; font-size: .24rem; overflow:hidden;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orie5t: vertical;}
	.module-5 .roll-list .list .pic:hover img{transform:scale(1.1, 1.1);}
	
	.module-5 .roll-list .btn-box{position: absolute; top: 50%; margin-top: -40px; width: 100%; display: none;}
	
	.module-5 .left-box{width: 100%; float: left; padding: .5rem .5rem 0 .6rem; color: #fff;}
	.module-5 .left-box .module-title h2{ color: #fff;}
	.module-5 .left-box .module-title span{ background-color: #fff;}
	.module-5 .left-box a{height: 28px; line-height: 26px; font-size: 12px; transition:all 0.4s ease-out 0s; background: none; border: 1px solid rgba(255,255,255,0.4); display: inline-block; width: 100px; text-align: center; padding: 0 0; color: #fff; position: absolute; right: 0px; top: .37rem;}
	.module-5 .left-box a:hover{ padding: 0 0;}
	
	
	.module-6{position: relative; padding: .0 20px .8rem;}
	.module-6 .title-bg{top: -1.3rem; left: -.12rem;}
	.module-6 .left-box{width: 100%; float: left; padding-right: 0; margin-bottom: 0;}
	.module-6 .right-box{width: 100%; float: right; padding-left: 0;}
	.module-6 .left-box .list-box{margin-top: 20px;}
	.module-6 .list{position: relative;}
	.module-6 .list .pic{overflow: hidden;}
	.module-6 .list .pic img{width: 100%; height: 3rem; display: block; background-position: center; background-size: cover;transition:all 0.4s ease-out 0s; overflow: hidden;}
	.module-6 .list:hover .pic img{transform: scale(1.1);}
	.module-6 .list .mask{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); opacity: 0; transition:all 0.4s ease-out 0s;}
	.module-6 .list .con{position: relative; top: 0; left: 0; box-sizing: border-box; padding: 15px 0; width: 100%; text-align: left; color: #000; transform: translate(0,0); opacity: 1; transition:all 0.4s ease-out 0s;}
	.module-6 .list .con .title{font-size: 16px; font-weight: bold;}
	.module-6 .list .con span{display: block; margin: 5px auto; display: none; background-color: #000; display: block; width: .4rem; height: 3px; display: none;}
	.module-6 .list .con .time{font-size: 12px; color: #888;}
	.module-6 .left-box>.list img{height: 3rem; }
	.module-6 .left-box>.list-box{margin: 12px 0 0;}
	.module-6 .left-box>.list-box .list {float: left;  width: 100%; margin: 0 0 12px;}
	.module-6 .left-box>.list-box .list img{height: 3rem;}
	.module-6 .right-box img{height: 3rem;}
	.module-6 .list:hover .mask{opacity: 0}
	.module-6 .list:hover .con{opacity: 1;}
	
	
	
	
	.window_hide h4{font-size: .3rem; margin-bottom: .5em; width: 6em; display: inline-block; vertical-align: text-top;}
	.window_hide h5{color: #E40012; font-size: .28rem; margin-bottom: 2.5em; display: inline-block; vertical-align: text-top;}
	.window_hide img{ margin-bottom: 2.5em; display: inline-block; vertical-align: text-top; width: 50%;}
}