@charset "utf-8";

#banner{ width: 100%; height: 4.5rem; overflow: hidden; position: relative; margin-top: 80px; 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: center 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: .5rem; font-family: bebas; text-align: center; letter-spacing: .05rem; margin-bottom: .4em; line-height: 1.2em; text-shadow: 0 0 3px rgba(0,0,0,.4);}
#banner .swiper-slide{ position: relative; height: auto !important;}
#banner .swiper-button-prev{left: 10px;opacity: .1; transition: all 0.3s ease-in-out;}
#banner .swiper-button-next{right: 10px;opacity: .1; transition: all 0.3s ease-in-out;}
#banner:hover .swiper-button-prev{opacity: .2; }
#banner:hover .swiper-button-next{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: #3775C6;}



.module-title{padding: .2rem 0 .2rem 0; display: block; margin: .5rem 0 0; position: relative; }
.module-title h2{color: #000000; font-size: .34rem; font-family: bebas; line-height: 1.2em; text-transform: uppercase; margin-bottom: .1rem; display: block; position: relative;}
.module-title h4{color: #000000; font-size: .18rem; line-height: 1.2em; font-weight: normal; text-transform: uppercase; margin-bottom: .1rem; display: block; position: relative;}
.module-title span{height: 4px; position: relative; background: #000000; border-radius: 0.5rem; margin: .08rem 0 .1rem; width: .9rem; display: block;}
.module-title .more{ position: absolute; right: 0; top: .28rem; display: block; text-transform: uppercase; box-sizing: border-box; font-size: .12rem; color: #000; padding:0 0.18rem; line-height: 0.26rem; height: 0.28rem;  border: solid 1px #E4E4E4; border-radius: 0.2rem; transition: all 0.3s ease-in-out; background: #fff no-repeat right 115px center;}
.module-title .more:hover{
	background: #3775C6 url(../img/icon-more.png) no-repeat right .2rem center;
	border-color: #3775C6;
	color: #fff;
	padding:0 .5rem 0 0.25rem;
}


.module-5{ background-position: center center; min-height: 4rem; background-repeat: no-repeat; background-size: cover; padding: 1rem 0;}
.module-5 .module-title h2{	text-align: left;	color: #fff;}
.module-5 .module-title h4{	text-align: left; color: #fff;}
.module-5 .module-title span{background-color: #fff;}
.module-5 .main-box{padding-right: 6rem;}
.module-5 .con{color: #fff;}
.module-5 .con p{margin-bottom: 1em;}


#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: #3775C6;}
.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: #3775C6; 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: #3775C6; 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; min-height: 6rem;}
.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: #3775C6; }
.module-2 .list .left-box .classify{display: block;}
.module-2 .list .left-box .classify:hover{color: #3775C6;}
.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: #3775C6;}
.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: #3775C6;}
.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;}

.module-4{height: 6rem; background: url(../img/about-02.jpg) no-repeat center top; background-size: cover; position: relative;}
.module-4 .con{position: absolute;	width: 12rem; left: 50%; padding: 0.1rem; top: 50%; transform: translate(-50%,-50%); border: 3px solid rgba(255,255,255,0.2);}
.module-4 .con .box{background-color: rgba(255,255,255,0.1); backdrop-filter: blur(10px); text-align: center; color: #fff; padding: .6rem 0;}
.module-4 .con .box h2{	font-weight: bold; font-size: 38px;	line-height: 1.2em;	text-align: center;	color: #fff; text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.06);}
.module-4 .con .more{ background-color: rgba(255,255,255,0.56); margin-top: .3rem; color: #2C7CCB; font-size: 15px; display: inline-block; padding: .03rem .3rem;transition: all 0.3s ease-in-out; border-radius: .4rem;}
.module-4 .con .more:hover{	background-color: rgba(255,255,255,1);}


@media screen and (max-width: 1600px) {
	.module-2 .list .right-box .title{font-size: .34rem;}
}
/* 详细列 */
.main {background-color: #eee; overflow: hidden;}
.main .detail{	overflow: hidden;}
.main .detail .detailCon{
	float: left;
	width: calc(100% - 400px);
	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 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 #3775C6;
	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: #3775C6;
	}

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


@media screen and (max-width: 768px) {
	#banner{ width: 100%; height: 45vw; min-width: 100%; max-height: 45vw; margin-top: 50px; 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: 5px;}
	#banner .swiper-pagination-bullet-active{background-color: #3775C6;}
	#banner .banner-con{text-align: left; position: absolute; width: 90%; left: 5%; top: 40%; transform: translate(0,-10%); color: #fff;}
	#banner .banner-con h2{font-size: .6rem; 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: .7rem; 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);}
	
	
	#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: #3775C6; 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: #3775C6;}
	.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: #3775C6; 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: #3775C6;
	}
	
	
	
	.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: #3775C6; }
	.module-2 .list .left-box .classify{display: block; font-size: 13px; color: #888;}
	.module-2 .list .left-box .classify:hover{color: #3775C6;}
	.module-2 .list .right-box{width: 100%; float: none; display: block;}
	.module-2 .list .right-box .title{font-size: .3rem; font-weight: bold; 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: #3775C6;}
	.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: #3775C6;}
	.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: .42rem;
		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: #3775C6;
		}
		
	
	.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 #3775C6;
		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: #3775C6;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: #3775C6;}
	.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;}
}