@charset "utf-8";
/* 通用 */
.swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.swiper-container .swiper-slide{z-index: 22;}
.swiper-container {swiper-theme-color: #ff6600;swiper-preloader-color: #00ff33;}

.hls-page-container {overflow: hidden;position: relative;}
.hls-page-container img{display: block;width: 100%;height: auto;}

.hls-history {background-size: cover;background-position: center top;background-repeat: no-repeat;overflow: hidden;padding: 180px 0;}
.hls-history .title {text-align: center;}
.hls-history .title h2,.hls-history .title h3{color: #fff; font-size: 30px;}
.histor {position: relative;padding: 5% 0 0;overflow: hidden;}
.histor-time-line {background: url("../images/hline.svg") center bottom no-repeat;}
.histor-time {width:100%;overflow: hidden; margin:auto;position: relative;}
.histor-time h3{padding: 50px 0;overflow: hidden; font-size: 30px;color: #676768;font-family: 'Conv_Montserrat-Bold';text-transform: uppercase;text-align: center;}
.histor-time .swiper-slide-thumb-active  h3,.histor-time .swiper-slide-active h3{color: #fff;}
.histor-main {position: relative;width: 1100px;margin:50px auto auto;}
.histor-main li{background: #fff;padding:7% 5%;overflow: hidden;font-size: 16px;line-height: 36px;text-align: center;}
.histor-time h3,.histor-main li{cursor: url("../images/hmous.cur"),default!important;}

.swiper-time-nextD,.swiper-time-prevD {position: absolute;width:50px;height:50px;top: 50%;margin-top: 85px;z-index: 3;border-radius:100%; outline:none; cursor: pointer;}
.swiper-time-nextD {right: 15%;background: url("../images/right-b.svg") center no-repeat ;background-size: 50%;}
.swiper-time-prevD {left: 15%;background: url("../images/left-b.svg") center no-repeat ;background-size: 50%;}
.swiper-time-nextD:hover {background: url("../images/right-h.svg") center no-repeat #fff;background-size: 50%;}
.swiper-time-prevD:hover {background: url("../images/left-h.svg") center no-repeat #fff;background-size: 50%;}


@media screen and (max-width: 1440px) {
.swiper-time-prevD {left: 5%;}
.swiper-time-nextD {right: 5%;}
}
/* 1680 */
@media screen and (max-width: 1680px) {
.histor-time-line {background: url("../images/hline.svg") center bottom no-repeat;background-size: 100%;}
.swiper-time-prevD {left: 10%;}
.swiper-time-nextD {right: 10%;}
}

@media screen and (max-width: 860px) {
.histor-time-line {background: url("../images/hline.svg") center bottom no-repeat;background-size:400%;}
	.swiper-time-nextD,.swiper-time-prevD {position: absolute;width:50px;height:50px;top: 50%;margin-top: 85px;z-index: 3;border-radius:100%; outline:none; cursor: pointer;}
.swiper-time-nextD {right: 15%;background: url(../images/right-b.svg) center no-repeat ;background-size: 50%;}
.swiper-time-prevD {left: 15%;background: url(../images/left-b.svg) center no-repeat ;background-size: 50%;}
.swiper-time-nextD:hover {background: url(../images/right-h.svg) center no-repeat #fff;background-size: 50%;}
.swiper-time-prevD:hover {background: url(../images/left-h.svg) center no-repeat #fff;background-size: 50%;}
}