@charset "utf-8";
#wrap{background: #fff;}
#banner{ width: 100%; min-width: 1024px; overflow: hidden; position: relative;  margin-top: 100px;}
#banner img{width: 100%; display: block;}
#banner .banner-bg{position: relative; height: 326px; background-position: center 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; font-weight: bold; letter-spacing: .15rem; padding-left: .15rem; margin-bottom: .2em; line-height: 1.2em; text-shadow: 0px 3px 15px rgba(0,0,0,0.16);}
#banner .banner-con h4{font-size: .2rem; font-weight: bold; text-transform: uppercase; position: relative; top: 0; text-shadow: 0 0 3px rgba(0,0,0,.4);}
#banner .swiper-slide{box-shadow: 0 0 50px rgba(0,0,0,0.8);}
#banner .swiper-button-prev,#banner .swiper-button-next{margin-top: 30px;}
#banner .swiper-button-prev{left: 0;}
#banner .swiper-button-next{right: 0;}
#banner .swiper-button-prev:after{font-size: 22px;padding: 15px 10px;color: #fff;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
#banner .swiper-button-next:after, .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-title{padding: .5rem 0 .2rem 0; display: block; position: relative; }
.module-title h2{color: #13284A; font-size: .5rem; line-height: 1.5em; display: block; position: relative;}
.module-title .more{ box-sizing: border-box; font-size: .16rem; color: #000; width: 1rem; text-align: center; line-height: .4rem; height: .42rem;  border: solid 1px #DBDBDB; transition: all 0.3s ease-in-out; background: #fff; position: absolute; right: 0; top: .65rem;}
.module-title .more:hover{	background: #13284A ; border-color: #13284A;	color: #fff;}



.module-1{position: relative; z-index: 1; }
.module-1 .mainBox{
	position: relative;
	padding: .5rem 0;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #f1f1f1;
}
.module-1 .hot-pic{
	width: 45%;
	overflow: hidden;
}
.module-1 .hot-pic .pic{
	width: 100%;
    overflow: hidden;
}
.module-1 .hot-pic .pic img{width: 100%; display: block; background-position: center; background-size: cover;}


.module-1 .hot-news{overflow: hidden; flex: 1; margin:.3rem; position: relative;}
.module-1 .hot-news .list{padding-left: .2rem}
.module-1 .hot-news .list a{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.module-1 .hot-news .con{padding-bottom: .7rem; }
.module-1 .hot-news .con .title{font-size: .32rem; font-weight: bold; margin-bottom: .1rem; transition: all 0.3s ease-in-out;}
.module-1 .hot-news a{display: block;}
.module-1 .hot-news a:hover .title{color: #13284A;}
.module-1 .hot-news .con .time{font-size: .8em; color: #666; margin-bottom: .25rem;}
.module-1 .hot-news .con .describe{line-height: 1.8em;}
.module-1 .hot-news .con .more{position:relative; display: inline-block; margin-top: .2rem; font-weight: bold; padding: 1em 0; transition: all 0.3s ease-in-out;}
.module-1 .hot-news a:hover .con .more{color: #13284A;}
.module-1 .btn-box{ position: absolute; bottom: 43px; left: .08rem; }
.module-1 .swiper-button-prev,
.module-1 .swiper-button-next{ border: 2px solid #888; margin: 0; border-radius: 3px; width: 42px; height: 42px;}
.module-1 .swiper-button-prev{margin-left: 0;}
.module-1 .swiper-button-next{left: 0; margin-left: 56px;}
.module-1 .swiper-button-prev:hover,
.module-1 .swiper-button-next:hover{
	border: 2px solid #13284A;
}
.module-1 .swiper-button-prev:after, 
.module-1 .swiper-rtl .swiper-button-next:after,
.module-1 .swiper-button-next:after, 
.module-1 .swiper-rtl .swiper-button-prev:after{font-size: 20px; font-weight: bold; padding: 15px 10px;color: #888; } 
.module-1 .swiper-button-prev:hover:after, 
.module-1 .swiper-rtl .swiper-button-next:hover:after,
.module-1 .swiper-button-next:hover:after, 
.module-1 .swiper-rtl .swiper-button-prev:hover:after{color: #13284A; } 
.module-1 .swiper-container-rtl .swiper-button-prev:after{font-size: 22px;padding: 15px 10px;color: #13284A;border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.module-1 .swiper-pagination-bullets{display: none;}

.module-2{padding: 0 0 .7rem;  position: relative; z-index: 2;}
.module-2 .list-box{}
.module-2 .list{border-bottom: 1px solid #f1f1f1; padding: .3rem 0; overflow: hidden;}
.module-2 .list .right-box{width: 100%; display: block;}
.module-2 .list .right-box .title{font-size: .26rem; font-weight: bold; margin-bottom: .1rem; line-height: 1.5em; transition: all 0.3s ease-in-out;}
.module-2 .list .right-box .describe{transition: all 0.3s ease-in-out;}
.module-2 .list .right-box .time{color: #888; transition: all 0.3s ease-in-out; font-size: 0.8em; margin-bottom: .2rem;}
.module-2 .list .right-box:hover .title{color: #13284A;}
.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;}




/* 详细页 */
.main {background-color: #eee; overflow: hidden;}
.main .mainBox{	width: 1300px;}
.main .detail{	overflow: hidden;}
.main .detail .detailCon{
	width: 900px;
	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{
	margin-bottom: 1em;
	text-align: justify;
}
.main .detail .detailCon .content span{
    text-wrap-mode:wrap !important;
}
.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 #13284A;
	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: #13284A;
	}

/* 侧边栏 */
.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: #13284A; 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 #13284A;}
.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: #13284A;}
.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: #13284A;}


@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{margin-top: 50px; padding: 0px; margin-bottom: 0; background: none;}
	.module-1 .mainBox{
		flex-direction: column;
		padding: 0;
	}
	.module-1 .hot-pic{width: 100%; border-radius: 0;}
	.module-1 .hot-news{overflow: hidden; position: relative; padding-bottom: 0; margin: 0;}
	.module-1 .hot-news .list{padding: 0;}
	.module-1 .hot-news .pic{width: 100%; float: none; border-radius: 0;}
	.module-1 .hot-news .pic img{width: 100%; display: block; background-position: center; background-size: cover; border-radius: 0}
	.module-1 .hot-news .con{width: 100%; float: none; padding:10px 20px;}
	.module-1 .hot-news .con .title{font-size: 16px; font-weight: bold; color: #000; line-height: 1.5; margin-bottom: 0rem;overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; color: #36439B;}
	.module-1 .hot-news .list a{display: block;}
	.module-1 .hot-news .con .time{font-size: 10px; line-height: 2em; margin-bottom: .3rem;}
	.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: #36439B; 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: #36439B;
	}
	
	
	
	.module-2{padding: 10px 20px 30px; border-radius: 0;}
	.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: #36439B; }
	.module-2 .list .left-box .classify{display: block; font-size: 13px; color: #888;}
	.module-2 .list .left-box .classify:hover{color: #36439B;}
	.module-2 .list .right-box{width: 100%; float: none; display: block;}
	.module-2 .list .right-box .title{font-size: 14px; font-weight: normal; margin-bottom: .1rem; 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: 10px; color: #888;}
	.module-2 .list .right-box:hover .title{color: #36439B;}
	.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-2 .list .right-box .more{display: none;}
	
	.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: #36439B;}
	.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%; margin-top: -30px;}
	.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: 16px;
		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: 12px;
	}
	.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: #36439B;
		}
		
	
	.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 #36439B;
		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: #36439B;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 .list h2{font-size: 14px; font-weight: normal;}
	.main .detail .side-box .list-con a:hover .box-con h2{color: #36439B;}
	.main .detail .side-box .list-con .list-info{font-size: 12px; color: #888; padding: 0; }
}