@charset "utf-8";
#wrap{background-color: #F4F7F9;}
#banner{ width: 100%; min-width: 1200px; overflow: hidden; position: relative;}
#banner img{width: 100%; display: block;}
#banner .banner-bg{position: relative; height: 400px; background-position: right center; background-repeat: no-repeat; background-size: cover;}
#banner .banner-con{text-align: center;  position: absolute; width: 90%; max-width: 1100px; margin: 0 auto; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff; }
#banner .banner-con h2{font-size: .48rem; display: inline-block; margin: 0 auto; font-weight: bold; padding-left: .5rem; padding-right: .4rem; letter-spacing: .15rem; margin-bottom: .3em; line-height: 1.2em; text-shadow: 0px 3px 15px rgba(0,0,0,0.16); padding-bottom: .2rem; position: relative;}
#banner .banner-con h2::after{content: ""; width: .8rem; height: .05rem; background-color: #fff; border-radius: 4px; display: block; margin: .2rem auto 0;}
#banner .banner-con h4{font-size: .22rem; letter-spacing: .2rem; display: block; margin: 0 auto; font-weight: normal; position: relative; text-shadow: 0px 1px 3px rgba(0,0,0,0.16); padding-left: .2rem;}

.module-title{padding: .3rem 0 20px 0; display: block; margin: .5rem 0 0; position: relative;}
.module-title h2{color: #E40012; font-size: .4rem; line-height: 1.2em; 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;}
.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: #E40012 url(../img/icon-more.png) no-repeat right 15px center;
	border-color: #E40012;
	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;}

#tab-box .tab-box{background-color: #fff;}

.module-1{	background: #F4F7F9 ; margin: .5rem 0; position: relative;}
.module-1 .hot-news{overflow: hidden; position: relative;}
.module-1 .hot-news .list{}
.module-1 .hot-news .pic{width: 45%; float: left;}
.module-1 .hot-news .pic img{width: 100%; display: block; background-position: center; background-size: cover;}
.module-1 .hot-news .con{width: 52%; float: right; padding-top: .7rem; padding-right: .2rem;}
.module-1 .hot-news .con .title{font-size: 28px; margin-bottom: .1rem;}
.module-1 .hot-news a{display: block;}
.module-1 .hot-news a:hover .title{color: #E40012;}
.module-1 .hot-news .con .time{font-size: 12px; margin-bottom: .25rem;}
.module-1 .hot-news .con .describe{}
.module-1 .hot-news .con .more{position:relative; left: 0; left: 0; display: inline-block; margin-top: .2rem; font-weight: bold;  transition: all 0.3s ease-in-out;}
.module-1 .hot-news .con .more .iconfont{position: relative; left: 0; top: .15em; font-size: 1.5em;  transition: all 0.3s ease-in-out;}
.module-1 .hot-news a:hover .con .more{color: #E40012; left: .3em;}
.module-1 .hot-news a:hover .con .more .iconfont{left: .2em;}
.module-1 .btn-box{ position: absolute; bottom: 36px; left: 0; width: 100%;}
.module-1 .swiper-button-prev,
.module-1 .swiper-button-next{ background-color: #E40012; margin: 0; width: 36px; height: 36px;}
.module-1 .swiper-button-prev{left: 45%; margin-left: -73px;}
.module-1 .swiper-button-next{left: 45%; margin-left: -36px;}
.module-1 .swiper-button-prev:after{font-size: 22px;padding: 15px 10px;color: #fff;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.module-1 .swiper-button-next:after, 
.module-1 .swiper-container-rtl .swiper-button-prev:after{font-size: 22px;padding: 15px 10px;color: #fff;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.module-1 .swiper-pagination-bullets{display: none;}

.module-2{padding: .4rem 0 .7rem;;}
.module-2 .list-box{}
.module-2 .list{border-bottom: 1px solid #f1f1f1; padding: .3rem 0; overflow: hidden;}
.module-2 .list .left-box{width: 20%;float: left; }
.module-2 .list .left-box .time{margin-bottom: .15rem;}
.module-2 .list .left-box .time::after{content: ""; display: block; width: 20px; height: 2px; background-color: #E40012; }
.module-2 .list .left-box .classify{display: block;}
.module-2 .list .left-box .classify:hover{color: #E40012;}
.module-2 .list .right-box{width: 80%; float: right; display: block;}
.module-2 .list .right-box .title{font-size: .28rem; margin-bottom: .2rem; line-height: 1.5em; transition: all 0.3s ease-in-out;}
.module-2 .list .right-box .describe{color: #888; transition: all 0.3s ease-in-out;}
.module-2 .list .right-box:hover .title{color: #E40012;}
.module-2 .list .right-box:hover .describe{color: #000;}
.module-2 .list .right-box .pic{float: right; width: 2.3rem; margin-left: .2rem;}
.module-2 .list .right-box .pic img{width: 100%; display: block; background-size: cover; background-position: center;}

.module-3{padding: .4rem 0 .7rem;;}
.module-3 .list-box{margin: 0 -1%;}
.module-3 .list{width: 31.3%; margin: 0 1%; float: left; overflow: hidden; margin-bottom: 2%;}
.module-3 .list .con{padding: 20px 25px; background-color: #F4F7F9;}
.module-3 .list .time{font-size: 14px;}
.module-3 .list .title{font-size: 18px; margin-bottom: .1rem; 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-3 .list:hover .title{color: #E40012;}
.module-3 .list .pic{overflow: hidden; width: 100%; position: relative; background-color: #000;}
.module-3 .list .pic span{background: url(../img/icon-play.svg) no-repeat center center; opacity: .6; background-size: 100%; transition: all 0.4s ease-in-out; position: absolute; width: .8rem; height: .8rem; top:50%; left: 50%; margin: -.48rem 0 0 -.48rem;}
.module-3 .list:hover .pic span{transform: scale(.95); opacity: 1;}
.module-3 .list .pic img{width: 100%; display: block; background-size: cover; background-position: center; transition: all 0.3s ease-in-out;}
.module-3 .list:hover .pic img{transform: scale(1.1); opacity: .8;}


@media screen and (max-width: 1600px) {
	.module-2 .list .right-box .title{font-size: .34rem;}
}
/* 详细列 */
.main {background-color: #F4F7F9; overflow: hidden;}
.main .mainBox{	width: 1200px;}
.main .detail{	overflow: hidden;}
.main .detail .detailCon{
	width: 800px;
	float: left;
	padding: 30px;
	background-color: #fff;
	margin-bottom: 60px;
}
.main .detail .detailCon .title{
	font-size: 26px;
	line-height: 1.5em;
	padding-bottom: 10px;
}
.main .detail .detailCon .info{
	line-height: 30px;
	color: #666;
	padding-bottom: 10px;
	border-bottom: 1px dashed #eee;
	margin-bottom: 20px;
	font-size: 12px;
}
.main .detail .detailCon .content img{
	max-width: 100%;
	margin:15px auto;
	display: block;
}
.main .detail .detailCon .content {
	font-size: 16px;
	line-height: 1.8em;
}
.main .detail .detailCon .content video{
	margin:0 auto; 
	width:100%; 
	display: block;
}
.main .detail .detailCon .content p{
	text-indent: 2em;
	margin-bottom: 1em;
	text-align: justify;
}
.main .detail .detailCon .content p img{
	max-width: 100% !important;
	margin: 15px auto 0;
	display: block;
	text-indent: 0;
	/* margin-left: -2em; */
	height: auto !important;
}
.main .detail .detailCon .share{
	margin: 20px 0px;
	overflow: hidden;
	display: none;
}
.main .detail .detailCon .share .bshare-custom{
	float: right;
}
.main .detail .pic-box{
	overflow: hidden;
	position: relative;
}
.main .detail .pic-box{height: 520px; margin-bottom: 20px;}
.main .detail .pic-box img{width: 100%;}
.main .detail .pic-box .swiper-pagination-bullets{}
.main .detail .pic-box .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}
.main .detail .pic-box .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #E40012;
	background-color: #fff;
}

.main .detail .pic-box .swiper-button-prev{left: 0px; opacity: .2;transition: all 0.3s ease-in-out; }
.main .detail .pic-box .swiper-button-next{right: 0px; opacity: .2; transition: all 0.3s ease-in-out;}
.main .detail .pic-box:hover .swiper-button-prev{opacity: .5; }
.main .detail .pic-box:hover .swiper-button-next{opacity: .5; }
.main .detail .pic-box .swiper-button-prev:after{font-size: 30px; padding: 15px 10px; background-color: #000000; color: #fff; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.main .detail .pic-box .swiper-button-next:after{font-size: 30px; padding: 15px 10px; background-color: #000000; color: #fff; border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.main .detail .pic-box .swiper-button-prev:hover{opacity: 1;}
.main .detail .pic-box .swiper-button-next:hover{opacity: 1;}


.main .detail .detailCon .around{
		margin: 20px 0px 30px;
		color: #888;
		border-top: 1px solid #E1E1E1;
		padding-top: 10px;
	}
.main .detail .detailCon .around div{
	margin: 10px 0;
}
.main .detail .detailCon .around a{
		padding-right: 50px;
		color: #888;
	}
.main .detail .detailCon .around a:hover{
		color: #E40012;
	}

/* 侧边栏 */
.main .detail .side-box{width: 370px;margin: 0 0 60px 0;padding: 20px;float: right;background-color: #fff;margin-bottom: 60px;}
.main .detail .side-box .list-box-title{color: #E40012; height: 60px; font-weight: bold;margin-bottom: 15px;border-bottom: 2px solid #eee;}
.main .detail .side-box .list-box-title h2{line-height: 60px; display: inline-block; font-size: 20px; height: 60px; border-bottom: 2px solid #E40012;}
.main .detail .side-box .list-con .list{margin-bottom: 2px; display: block; border-bottom: 1px solid #f1f1f1; padding: 6px 0;}
.main .detail .side-box .list-con .box-bg{overflow: hidden; position: relative; overflow: hidden; transition: all 0.4s ease-in-out;}
.main .detail .side-box .list-con .box-bg img{width: 100%; transition: all 0.4s ease-in-out; background-size: cover; background-position: center;}
.main .detail .side-box .list-con .list .box-con{padding: 5px 0;}
.main .detail .side-box .list-con .list h2{font-size: 16px; font-weight: normal;  line-height: 1.5em;}
.main .detail .side-box .list-con .list:hover .box-con h2{color: #E40012;}
.main .detail .side-box .list-con .list-info{font-size: 12px; color: #888; padding: 0px 0 2px 0px;/* background: url(../img/icon-19.png) no-repeat left center; */}
.main .detail .side-box .list-con .list-info a{margin-right: 10px;}
.main .detail .side-box .list-con .list-info a:hover{color: #E40012;}


@media screen and (max-width: 768px) {
	#wrap{background: #fff;}
	#banner{ width: 100%; height: 4rem; min-width: 100%; overflow: hidden; position: relative; top: 0px; display: none;}
	#banner .banner-bg{background-size: cover; height: 4rem; background-position: right bottom;}
	#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: center; position: absolute; width: 100%; left: 0%; top: 55%; transform: translate(0,-30%); color: #fff;}
	#banner .banner-con h2{font-size: .48rem; padding-left: 0; letter-spacing: 2px; line-height: 1.2em; text-shadow: 0 0 3px rgba(0,0,0,.4);}
	#banner .banner-con h4{font-size: 12px; padding-left: 0; font-weight: lighter; letter-spacing: 1px; position: relative; top: -2px; text-shadow: 0 0 3px rgba(0,0,0,.4);}
	
	#breadcrumbs{display: none;}
	#tab-box {display: none;}
	
	.module-1{	background: #F4F7F9 ; margin: 50px 0 0; position: relative;}
	.module-1 .hot-news{overflow: hidden; position: relative; padding-bottom: 25px;}
	.module-1 .hot-news .list{}
	.module-1 .hot-news .pic{width: 100%; float: none;}
	.module-1 .hot-news .pic img{width: 100%; display: block; background-position: center; background-size: cover;}
	.module-1 .hot-news .con{width: 100%; float: none; padding:10px 20px;}
	.module-1 .hot-news .con .title{font-size: .7rem; font-weight: bold; color: #E40012; line-height: 1.6; margin-bottom: .1rem;overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
	.module-1 .hot-news a{display: block;}
	.module-1 .hot-news a:hover .title{color: #E40012;}
	.module-1 .hot-news .con .time{font-size: 12px; margin-bottom: 0;}
	.module-1 .hot-news .con .describe{ overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; display: none;}
	.module-1 .hot-news .con .more{position:relative; left: 0; left: 0; display: inline-block; margin-top: .2rem; font-weight: bold;  transition: all 0.3s ease-in-out; display: none;}
	.module-1 .hot-news .con .more .iconfont{position: relative; left: 0; top: .15em; font-size: 1.5em;  transition: all 0.3s ease-in-out;}
	.module-1 .hot-news a:hover .con .more{color: #E40012; left: .3em;}
	.module-1 .hot-news a:hover .con .more .iconfont{left: .2em;}
	.module-1 .btn-box{ position: absolute; z-index: 8; top: .6rem; left: 53.2%; display: none;}
	.module-1 .swiper-pagination-bullets{display: block;}
	.module-1 .swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 3px;
		background-color: #fff;
		width: 6px;
		height: 6px;
		opacity: 1;
	}
	
	.module-1 .swiper-pagination-bullets .swiper-pagination-bullet-active {
		background-color: #E40012;
	}
	
	
	
	.module-2{padding: .4rem 20px .7rem;}
	.module-2 .list-box{ margin-bottom: 10px;}
	.module-2 .list{border-bottom: 1px solid #f1f1f1; padding: .3rem 0; overflow: hidden;}
	.module-2 .list .left-box{width: 20%; float: left; display: none;}
	.module-2 .list .left-box .time{margin-bottom: .15rem;}
	.module-2 .list .left-box .time::after{content: ""; display: block; width: 20px; height: 2px; background-color: #E40012; }
	.module-2 .list .left-box .classify{display: block; font-size: 13px; color: #888;}
	.module-2 .list .left-box .classify:hover{color: #E40012;}
	.module-2 .list .right-box{width: 100%; float: none; display: block;}
	.module-2 .list .right-box .title{font-size: .6rem; margin-bottom: .15rem; line-height: 1.5em; 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 .list .right-box .describe{color: #888; transition: all 0.3s ease-in-out; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; display: none;}
	.module-2 .list .right-box .time{font-size: .2rem; color: #888;}
	.module-2 .list .right-box:hover .title{color: #E40012;}
	.module-2 .list .right-box:hover .describe{color: #000;}
	.module-2 .list .right-box .pic{float: right; width: 4.5rem; margin-left: .3rem;}
	.module-2 .list .right-box .pic img{width: 100%; display: block; background-size: cover; background-position: center;}
	
	
	.module-3{padding: 0 20px .7rem; margin-top: 70px;}
	.module-3 .list-box{margin: 0 0%;}
	.module-3 .list{width: 100%; margin: 0 0%; float: none; overflow: hidden; margin-bottom: 0px; padding: 0;}
	.module-3 .list a{ display: flex; flex-direction: column; border-bottom: 0px solid #f1f1f1; padding: 0;}
	.module-3 .list .con{padding: 6px 0 15px 0px ; background-color: #fff; flex: 1;}
	.module-3 .list .time{font-size: 12px; color: #888;}
	.module-3 .list .title{font-size: 18px; margin-bottom: .1rem; line-height: 1.5em; height: auto; transition: all 0.3s ease-in-out;  overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.module-3 .list:hover .title{color: #E40012;}
	.module-3 .list .pic{overflow: hidden; width: 100%; position: relative; background: none;}
	.module-3 .list .pic span{background: url(../img/icon-play.svg) no-repeat center center; opacity: .8; background-size: 1.96rem; transition: all 0.4s ease-in-out; position: absolute; width: 1.96rem; height: 1.96rem; top:50%; left: 50%; margin: -.98rem 0 0 -.98rem;}
	.module-3 .list:hover .pic span{transform: scale(.95); opacity: 1;}
	.module-3 .list .pic img{width: 100%; display: block; background-size: cover; background-position: center; transition: all 0.3s ease-in-out;}
	.module-3 .list:hover .pic img{transform: scale(1); opacity: 1;}
	
	
	/* 详细列 */
	.main .mainBox{	width: 100%;}
	.main .detail{	overflow: hidden;}
	.main .detail .detailCon{
		width: 100%;
		float: none;
		padding: 20px;
		background-color: #fff;
		margin-bottom: .2rem;
		margin-top: 50px;
	}
	.main .detail .detailCon .title{
		font-size: .7rem;
		font-weight: bold;
		line-height: 1.5em;
		padding-bottom: 0rem;
	}
	.main .detail .detailCon .sub-title{
		margin: 10px 0 0;
	}
	.main .detail .detailCon .info{
		line-height: 20px;
		color: #666;
		padding-bottom: 10px;
		border-top: 0;
		margin-top: 0;
		padding-top: 10px;
		border-bottom: 1px dashed #eee;
		margin-bottom: .1rem;
		font-size: .24rem;
	}
	.main .detail .detailCon .content{
		padding-top: 10px;
	}
	.main .detail .detailCon .content img{
		max-width: 100%;
		margin:15px auto;
		display: block;
	}
	.main .detail .detailCon .content h1 img,
	.main .detail .detailCon .content p img{
		max-width: 100% !important;
		width: 100% !important;
		margin: 15px auto 0;
		display: block;
		text-indent: 0;
		/* margin-left: -2em; */
		height: auto !important;
	}
	.main .detail .detailCon .content {
		font-size: 16px;
		line-height: 1.8em;
	}
	.main .detail .detailCon .content video{
		margin:15px auto; 
		width:100%; 
		display: block;
	}
	.main .detail .detailCon .share{
		display: none;
	}
	.main .detail .detailCon .around{
			margin: 20px 0px 0px;
			color: #888;
			border-top: 0;
			padding-top: 0px;
		}
	.main .detail .detailCon .around div{
		margin: 10px 0;
		border: 1px solid #eee;
		padding: 10px;
		display: flex;
	}
	.main .detail .detailCon .around a{
			padding-right: 0px;
			flex: 1;
			color: #888;
		}
	.main .detail .detailCon .around a:hover{
			color: #E40012;
		}
		
	
	.main .detail .pic-box{
		overflow: hidden;
		position: relative;
	}
	.main .detail .pic-box{height: 70vw; margin-bottom: 10px;}
	.main .detail .pic-box img{width: 100%; margin: 0 !important;}
	.main .detail .pic-box .swiper-pagination-bullets{}
	.main .detail .pic-box .swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 5px;
		border: 3px solid #fff;
		background-color: #d5d5d5;
		width: 10px;
		height: 10px;
		opacity: 1;
	}
	.main .detail .pic-box .swiper-pagination-bullets .swiper-pagination-bullet-active {
		border: 3px solid #E40012;
		background-color: #fff;
	}
	.main .detail .pic-box .swiper-button-prev{left: 0px; opacity: .2;transition: all 0.3s ease-in-out; display: none;}
	.main .detail .pic-box .swiper-button-next{right: 0px; opacity: .2; transition: all 0.3s ease-in-out; display: none;}
	.main .detail .pic-box:hover .swiper-button-prev{opacity: .5; }
	.main .detail .pic-box:hover .swiper-button-next{opacity: .5; }
	.main .detail .pic-box .swiper-button-prev:after{font-size: 30px; padding: 15px 10px; background-color: #000000; color: #fff; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
	.main .detail .pic-box .swiper-button-next:after{font-size: 30px; padding: 15px 10px; background-color: #000000; color: #fff; border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
	.main .detail .pic-box .swiper-button-prev:hover{opacity: 1;}
	.main .detail .pic-box .swiper-button-next:hover{opacity: 1;}

	
	/* 侧边栏 */
	.main .detail .side-box{width: 100%;margin: 0 0 60px 0;padding: 20px; float: right;background-color: #fff;margin-bottom: 0px;}
	.main .detail .side-box .list-box-title{color: #E40012;font-weight: bold;margin-bottom: .2rem;padding: 0 0 10px 0; border-bottom: 1px solid #eee;}
	.main .detail .side-box .list-box-title h2{line-height: auto; display: inline-block; font-size: .7rem; height: auto; border-bottom: 0;}
	.main .detail .side-box .list-con .list{padding: 0;}
	.main .detail .side-box .list-con a{margin-bottom: .15rem; display: block;}
	.main .detail .side-box .list-con .box-bg{overflow: hidden; position: relative; overflow: hidden; transition: all 0.4s ease-in-out;}
	.main .detail .side-box .list-con .box-bg img{width: 100%; transition: all 0.4s ease-in-out; background-size: cover; background-position: center;}
	.main .detail .side-box .list-con a:hover .box-bg img{transform: scale(1.1);}
	.main .detail .side-box .list-con a .box-con{padding: 5px 0;}
	.main .detail .side-box .list-con a h2{font-size: .32rem; font-weight: normal;}
	.main .detail .side-box .list-con a:hover .box-con h2{color: #E40012;}
	.main .detail .side-box .list-con a .list-info{font-size: .24rem; color: #888; padding: 10px 0 10px 20px; background: url(../img/icon-19.png) no-repeat left center; background-size: .26rem;}
}