@font-face {
	font-family: 'alibaba-puhuiti-b';
	src: url('../fonts/Alibabapuhuiti_Heavy.ttf') format('truetype');
}

@font-face {
	font-family: 'Alibabapuhuiti_Regular';
	src: url('../fonts/Alibabapuhuiti_Regular.ttf') format('truetype');
}

.wrap{width:100%; overflow:hidden;}
.top_box{width:100%;}
.top_box img{display:block; width:100%; position:relative;}
.top_box a.index{width:2.2rem; height:0.6rem; position:absolute; top:0.2rem; left:0.3rem;}
.top_box a.en{width:0.5rem; height:0.5rem; position:absolute; top:0.32rem; right:0.46rem;}

.detail_nav_close{width:0.106667rem; height:17.86rem; background:#204655; position:fixed; top:0; left:0; z-index: 99;}
.detail_nav_close img{width:0.56rem;  position:absolute; top:7.8rem; right:-0.56rem; cursor: pointer;}
.detail_nav_close img.close_a_en{width:0.533333rem; height:3.106667rem; position:absolute; top:7.2rem; right:-0.533333rem; cursor: pointer;}

.detail_nav{width:0.8rem; height:100%; background: #fff; float:left; position:fixed; top:0; left:0; z-index:999; display:none;}
.detail_nav ul{height:width:0.64rem; border-top:0.16rem solid #204655; min-width:18.24rem; overflow:hidden; transform:rotate(90deg); transform-origin:0.4rem 0.4rem; position:relative;}
.detail_nav ul li{float:left; height:0.533333rem; line-height:0.48rem; font-size:0.293333rem; font-weight:bold; position: relative;}
.detail_nav ul li:nth-child(n){border-top:0.106667rem solid #6F8691;}
.detail_nav ul li:nth-child(2n){border-top:0.106667rem solid #4C6573;}
.detail_nav ul li a{display:inline-block; height:0.48rem; color:#829EA2; padding:0 0.586667rem;}
.detail_nav ul li.cur{border-color:#264857; background: #264857;}
.detail_nav ul li.cur a{color:#fff;}
.detail_nav>img{width:0.56rem; height:2.306667rem; position:absolute; top:7.8rem; right:-0.56rem; cursor: pointer;}
.detail_nav>img.open_a_en{width:0.533333rem; height:3.106667rem; position:absolute; top:7.2rem; right:-0.533333rem; cursor: pointer;}

.index_box{width:100%; overflow:hidden;}
.index_box img{display:block; width:100%;}

.history_box{width:100%; overflow:hidden;}
.history_box img{display:block; width:100%;}
.history_box .video_box{width:100%; height:4.44rem; overflow:hidden; position:relative;}
.history_box .video_box video{display:block; width:8rem; height:5rem; position:absolute; left:1rem; top:0;}

.contact_info{width:100%; height:9.333333rem; background:url(../images/history/history_bg2.jpg) repeat-y; background-size:100%; padding-top:0.2rem; position:relative;}
.contact_info input{display:block; width:7.733333rem; height:0.986667rem; line-height:0.986667rem; background:rgba(0,0,0,0.05); padding:0 0.2rem; border-radius:0.066667rem; font-size:0.293333rem; margin:0 auto 0.213333rem; color:#959494; font-family: 'Alibabapuhuiti_Regular'; font-style: oblique;}
.contact_info textarea{display:block; width:7.733333rem; height:2.8rem; line-height:150%; background:rgba(0,0,0,0.05); padding:0.2rem; border-radius:0.066667rem; font-size:0.293333rem; margin:0 auto 0.213333rem; color:#959494; font-family: 'Alibabapuhuiti_Regular'; font-style: oblique;}
.contact_info button{display:block; width:4.173333rem; height:0.613333rem; background: #FBD72A; font-size:0.32rem; font-weight:bold; color:#124458; font-weight:bold; text-align: center; line-height:0.62rem; border:none; cursor:pointer; margin:0.8rem auto;}

.tips{width:5rem; height:0.8rem; border-radius:0.066667rem; position:absolute; top:2.5rem; left:2.5rem; background:rgba(0,0,0, 0.4); text-align:center; line-height:0.8rem; font-size:0.24rem; color:#fff; display:none;}


.now_box{width:100%; overflow:hidden;}
.now_box img{display:block; width:100%;}
.swiper_box{width:100%; position:relative;}
.swiper_box .swiper_con{position:absolute; left:1rem; top:26.6rem; width:8rem; height:6.973333rem; overflow: hidden;}
.swiper{width: 100%; height: 100%;}
.swiper-slide {
    text-align: center; font-size:0.24rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
}
.mySwiper{width: 100%; height:6.973333rem; overflow: hidden;}
.swiper-slide img {display: block; width: 100%; object-fit: cover;}
.swiper-pagination-bullet-active {background-color: #fff !important;}

.fixed{display:block; width:1.5625vw;  position: fixed; top:0; right:0;}