@charset "utf-8";

#wrap{background: #fff; max-width: 100%;}
body{overflow: hidden;}

.module-title{padding: .4rem 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;}

.module{background-color: #F4F7F9; margin-top: 0; overflow: hidden; position: relative;}
.module .module-title{padding: .5rem; margin: 0; position: relative; z-index: 2; width: 100%; top: 0; left: 0; background-color: #F4F7F9;}
.module .module-title p{margin-top: .2rem;}
.module .history{position: relative;z-index: 1; overflow: hidden; margin-top: 80px; padding: 0 200px 0 0rem; height: calc(100% - 80px);}
.module .swiper-wrapper{position: relative; z-index: 999;}
.module .swiper-slide .list{opacity: .3; transition: all 0.3s ease-in-out;}
.module .swiper-slide-active .list{opacity: 1;}
.module .list{position: relative; margin: 0px 0 0px; padding:.5rem; padding-bottom: 100px; overflow: hidden; }
.module .list  h4{font-weight: bold; margin-bottom: .3rem; position: relative; font-size: .6rem; color: #E40012; font-family: Arial, Helvetica, sans-serif;}
.module .list  h5{font-weight: bold; color: #E40012; position: relative; margin-top: .2rem; font-size: 20px; font-family: Arial, Helvetica, sans-serif;}
.module .list  ul{margin: 0; padding: 0;}
.module .list  ul li{position: relative; padding: .25em 0; padding-left: 1.7em; list-style: none; font-size: 20px; }
.module .list  ul li::after{content: ""; position: absolute; left: 10px; width: 6px; height: 6px; border-radius: 12px; background-color: #E40012; top: 18px;}
.module .list  ul li::before{content: ""; position: absolute; left: 6px; width: 10px; height: 10px; border-radius: 12px; border: 2px solid #E40012; top: 14px;} 


.module .swiper-pagination{top: 0; right: 0; transform: translate(0,0); background-color: #fff; width: 200px; height: 100%; padding-left: 35px;}
.module .swiper-pagination .swiper-pagination-bullet{width: 100%; opacity: .8; text-align: left; background: none; position: relative; margin: 25px 0;}
.module .swiper-pagination .swiper-pagination-bullet-active{color: #E40012; opacity: 1;}
.module .swiper-pagination .swiper-pagination-bullet-active::after{background-color: #D70021; content: ""; width: 10px; height: 10px; border-radius: 100%; position: absolute; left: -18px ;top: 9px;}
.module .swiper-pagination .swiper-pagination-bullet-active::before{ background-color: #fff; content: ""; width: 14px; height: 14px; border-radius: 100%; border: 2px solid #E40012; position: absolute; left: -22px; top: 5px;} */

.module .swiper-scrollbar{margin-left: 20px; width: 3px; height: 100%; top: 0;}
.module .swiper-scrollbar-drag{background-color: #E40012;}
.module .swiper-button-next.swiper-button-disabled, .module .swiper-button-prev.swiper-button-disabled{opacity: 1;}
.module .swiper-button-next.swiper-button-disabled::after, .module .swiper-button-prev.swiper-button-disabled::after{opacity: .3;}


@media screen and (max-width: 768px) {
	body{overflow: hidden;}
	.module{background-color: #F4F7F9; margin-top: 0; overflow: hidden; position: relative;}
	.module .module-title{padding: .5rem; margin: 0; position: relative; z-index: 2; width: 100%; top: 0; left: 0; background-color: #F4F7F9;}
	.module .module-title p{margin-top: .2rem;}
	.module .history{position: relative;z-index: 1; overflow: hidden; margin-top: 50px; padding: 50px 0 0;}
	/* .module .history::after{position: absolute; left: 80px; top: 0; width: 3px; background-color: rgba(0,0,0,.1); height: 100%; content: "";} */
	.module .swiper-wrapper{position: relative; z-index: 999;}
	.module .list{position: relative; margin: 0px 0 0px; padding: 20px; height: calc(100vh - 100px); overflow: hidden;}
	.module .list .jd{position: relative; padding-left: 0px; top: 0; left: 0; padding-bottom: 50px;}
	/* .module .list .jd::after{content: ""; position: absolute; left: -16px; width: 12px; height: 12px; border-radius: 12px; background-color: #E40012; top: 10px;}
	.module .list .jd::before{content: ""; position: absolute; left: -21px; width: 18px; height: 18px; border-radius: 12px; background-color: #fff; border: 2px solid #E40012; top: 5px;} */
	.module .list .jd h4{font-weight: bold; font-size: .32rem; color: #E40012;}
	.module .list .jd .describe{padding: .1rem 0;}
	.module .list .jd .describe p{ text-indent: 2em; margin: .5em 0; font-size: .28rem; line-height: 1.8;}
	.module .list .jd ul{padding-left: 0!important;}
	.module .list .jd ul li{position: relative; padding: 5px 0; padding-left: 1.7em; list-style: none; font-size: .28rem; line-height: 1.6;}
	.module .list .jd ul li::after{content: ""; position: absolute; left: 10px; width: 6px; height: 6px; border-radius: 12px; background-color: #E40012; top: 14px;}
	.module .list .jd ul li::before{content: ""; position: absolute; left: 6px; width: 10px; height: 10px; border-radius: 12px; border: 2px solid #E40012; top: 10px;} 
	
	.module .list .pic-box{  margin-left: 0; padding: 20px 0; overflow: hidden;}
	.module .list .pic-box .list-pic{ display: inline-block; margin-right: 10px; position: relative;}
	.module .list .pic{overflow: hidden;}
	.module .list img{display: block; height: 150px; display: block; transition: all 0.3s ease-in-out; }
	.module .list .pic-box .list-pic:hover img{transform: scale(1.05); box-shadow: 0 0 25px rgba(0,0,0,0.1);}
	.module .list .list-con{color: #000;  position: absolute; top: 0; z-index: 2; background-color: rgba(0,0,0,0.7); height: 100%; width: 100%; opacity: 0;transition: all 0.3s ease-in-out;}
	.module .list .l-title{ padding: 15px 20px; white-space: initial; color: #fff; font-size: 14px; line-height: 1.5em; position: absolute; top: 0; left: 0; } 
	.module .list .list-pic:hover .list-con{opacity: 1;}
	
	.module .swiper-vertical>.swiper-scrollbar {
	    position: absolute;
	    right: 0px;
	    top: 0;
	    z-index: 50;
	    width: 5px;
	    height: 100%;
	}
	
	.module .swiper-pagination{top: 0; right: 0; position: absolute; z-index: 1000; transform: translate(0,0); background-color: #fff; width: 100%; height: 50px; padding: 0 10px; overflow: auto; white-space: nowrap;}
	.module .swiper-pagination .swiper-pagination-bullet{width: 25%; padding: 0 0px; text-align: center; line-height: 50px; font-size: 16px; background: none; position: relative; display: inline-block; margin: 0px 0; opacity: 1;}
	.module .swiper-pagination .swiper-pagination-bullet-active{color: #E40012;}
	.module .swiper-pagination .swiper-pagination-bullet-active::after{background-color: #D70021; content: ""; width: 10px; height: 10px; border-radius: 100%; position: absolute; left: -13px ;top: 10px; display: none;}
	.module .swiper-pagination .swiper-pagination-bullet-active::before{ background-color: #fff; content: ""; width: 14px; height: 14px; border-radius: 100%; border: 2px solid #E40012; position: absolute; left: -17px; top: 6px; display: none;} 
	.module .swiper-scrollbar{margin-left: 20px; width: 3px; height: 100%; top: 0;}
	.module .swiper-scrollbar-drag{background-color: #E40012;}
	.module .swiper-button-next.swiper-button-disabled, .module .swiper-button-prev.swiper-button-disabled{opacity: 1;}
	.module .swiper-button-next.swiper-button-disabled::after, .module .swiper-button-prev.swiper-button-disabled::after{opacity: .3;}
	
	.module .list .jd h3{
		color: #E40012;
		font-size: .28rem;
		margin-bottom: .5em;
		border-bottom: 1px solid #f1f1f1;
		padding-bottom: .1rem;
		margin-bottom: .15rem;
	}
	
	
	
}