/*
 *  respon.css by 453883682@qq.com
 */
@media (max-width:1600px) {
    .box2-more{ width: 180px; line-height: 50px;}
    .hm4-link{ padding: .2rem 0;}
    .a3-box{ max-width: 1100px;}
    .a3-time{ font-size: 9.79vw;}
    .bus-num{ font-size: 7.9vw;}
    
	.joinTit{ font-size:44px;}
	b.joinLine{ height:55px;}
	i.joinLine{ margin:.3rem auto;}
	.joinBox1{ font-size:22px;}
	.joinBox1 h4{ font-size:30px;}
	.joinBox2{ font-size:18px; min-height:4rem;}
	.joinBox2 p span{ font-size:24px;}
	.join2Tit{ font-size:46px;}
	.join2Tit span{ font-size:68px;}
	.joinBox4{ font-size:16px;}
	.join4Text{ font-size:20px;}
	.joinBox5{ min-height:3rem;}

    .register-bg{ padding: 80px 0 0;}
    .register-left{ top: 80px; min-height: calc(100vh - 80px);}
    .register-right{ min-height: calc(100vh - 80px);}
    .register-label{ height: 54px;}
    .register-btn{ height: 54px;}
}
@media (max-width:1400px) {
    .box2-more{ width: 160px; line-height: 44px;}
    .hm4-link{ padding: .27rem 0;}
    .a3-swiper{ right: -5%;}
    .a3-box .swiper-prev{ transform: translateX(-50%);}
    .a3-box .swiper-next{ transform: translateX(50%);}
    .news-img .img-bg{ height: 220px;}
    
	.joinTit{ font-size:36px;}
	.joinBg1{ padding:.6rem 0;}
	.joinBox1{ font-size:18px;}
	.joinBox1 h4{ font-size:24px;}
	.joinBox2{ font-size:16px;}
	.join2Tit{ font-size:30px;}
	.join2Tit span{ font-size:50px;}
}
@media (max-width:1200px) {
    .banner{ height: auto;}
    .ban-img{ position: static; padding-bottom: 65%;}
    .ban-img .img-bg{ position: absolute; left: 0; top: 0;}    
    .ban-tit{ margin-bottom: 0;}
    .hm2Bg{ padding: .6rem 0;}
    .box2-more span,
    .box2-more span::before{ width: 30px; height: 16px;}
    .hm3-img{ height: 0; padding-bottom: 65%; overflow: hidden;}
    .hm3-text{ bottom: .8rem;}
    .hm3-tab .swiper-slide{ padding: .1rem;}
    .hm3-icon{ height: 40px;}
    .hm3-tab p{ display: none;}
    .hm4Bg{ padding: .6rem 0;}
    .hm4-link{ padding: .1rem 0;}
    .hm5Bg{ padding: .6rem 0;}

    .hm-title,.hm-more,.hm2-title,.hm2-con,.box2-more,.hm3-tab,.hm4-left,.hm4-right,.hm5-swiper{ animation: none !important;}

    .a1-bg{ padding: .6rem 0;}
    .a2-bg{ padding: .6rem 0 0; background-position: center bottom !important; background-attachment: scroll;}
    .a2-bot{ padding: 0 55px; margin: .3rem 0;}
    .a3-bg{ padding: .6rem 0;}
    .a3-box{ width: 90%; margin-top: -.3rem;}
    .a3-list li::before,
    .a3-list li::after{ top: 35%;}
    .a3-plane{ width: 63px; height: 37px;}
    .a3-text{ padding: .3rem; border-radius: .3rem 0 .3rem 0;}

    .term-list{ padding: .6rem 0;}
    .term-link{ padding: .2rem .3rem;}

    .news-top{ padding: .6rem 0;}
    .news-top-link{ background-size: .5rem auto;}
    .news-top-title{ margin: .1rem 0 .2rem;}
    .news-list{ margin: .6rem 0;}
    .news-list li{ margin: .2rem 0;}
    .news-link{ padding: .2rem;}
    .news-img{ max-width: 220px; margin-right: .2rem;}
    .news-img .img-bg{ height: 150px;}
    .news-right{ padding: 0;}
    .news-con{ height: 48px; line-height: 24px; margin: .1rem 0;}
    .news-detail{ padding: .4rem 0 0;}

    .register-bg{ padding: 60px 0 0;}
    .register-left{ top: 60px; min-height: calc(100vh - 60px);}
    .register-right{ min-height: calc(100vh - 60px);}

    .con1-bg{ padding: .6rem 0;}
    .con1-map{ width: 100%; max-height: 400px;}
    .con1-right{ position: static; width: 100%; padding: .3rem 0;}
    .con1-list{ max-height: 3rem; margin: 0 -.1rem; display: flex; flex-wrap: wrap;}
    .con1-list > li{ padding: .1rem; margin: 0; width: 50%;}
    .con1-item{ padding: .3rem; height: 100%;}
    .con1-item::before{ display: none;}
    .con1-list .active .con1-line{ margin: .1rem 0;}

    .detail-bg{ padding-bottom: .6rem !important;}
    .detail-top{ padding: .3rem 0;}
    .detail-back{ float: none; margin: .3rem auto; display: none; width: 90px; line-height: 34px; border-radius: 4px;}
    .detail-back.hide{ display: block;}
    .detail-bot{ padding: .3rem .3rem .6rem;}

    .joinBg5{ background-attachment: scroll; background-position: center center !important;}
}
@media (max-width:991px) {
    .a2-left{ display: none;}
    .a2-con{ line-height: 24px; height: 168px;}
    .a3-box{ width: 100%; margin: .3rem 0;}
    .a3-line{ display: none;}
    .a3-list{ display: none;}
    .a3-swiper{ position: static; width: 100%; max-width: 100%;}
    .a3-time{ padding: 0; text-align: center;}
    .a3-box .swiper-buttion{ display: flex; align-items: center; justify-content: center; margin: .3rem 0;}
    .a3-box .swiper-buttion span{ position: static; margin: 0 .1rem; transform: none;}
    .news-page{ display: block; line-height: 1.6;}
    .news-page p{ max-width: 100%; margin: .1rem 0;}
    
	.join4List li{ width:25%;}

    .register-bg{ display: block;}
    .register-left{ position: relative; top: 0; width: 100%; max-width: 100%; padding: .3rem; min-height: 0; background: linear-gradient(to bottom,#d8e2fd,#fafbff);}
    .register-right{ min-height: 0; padding: .6rem .3rem;}
}
@media (max-width:767px) {
    .ban-img{ padding-bottom: 80%;}
    .hm3-img{ padding-bottom: 80%;}
    .hm3-title,
    .hm3-con{ width: 100%;}
    .hm3-con{ line-height: 24px; -webkit-line-clamp: 3; height: 72px;}
    .hm4-box{ display: block;}
    .hm4-left,
    .hm4-right{ width: 100%; max-width: 100%;}
    .hm4-list li{ border-top: 1px solid rgba(0, 0, 0, 0.1);}
    .hm4-link{ padding: .15rem 0;}
    .hm4-con{ margin: 5px 0; line-height: 22px; height: auto;}
    .bus-num{ font-size: .8rem;}
    .bus-con{ width: 90%; max-width: 100%; line-height: 1.8;}
    .term-list{ width: 100%;}
    .news-top-link{ display: block; padding: .2rem;}
    .news-top-img{ width: 100%;}
    .news-top-right{ padding: .2rem 0 0;}

	b.joinLine{ height:.5rem;}
	.joinBox2 p{ letter-spacing:.1rem;}

    .con2-list{ display: block;}
    .con2-list li span{ display: none;}
    .con2-list li::before,
    .con2-list li::after{ display: none;}
    .con2-list li i::after{ display: none;}
    .con2-list.hide{ display: block;}
    .con2-list.hide li{ position: relative; left: 0; top: 0; width: auto; height: auto; display: flex; align-items: center; margin: .1rem 0;}
    .con2-list.hide li::before,
    .con2-list.hide li::after{ display: none;}
    .con2-list.hide li i{ flex-shrink: 0; position: relative; width: 10px; height: 10px; margin-right: 10px;}
    .con2-list.hide li i::after{ display: block;}
    .con2-list.hide span{ display: block; flex: auto; position: static; left: 0; top: 0; transform: none; line-height: 28px; margin: 0;}
}
@media (max-width:640px) {
    .hm2-text{ width: 100%;}
    .box2-more{ width: 140px; line-height: 38px;}
    .a2-bot{ padding: 0 40px;}
    .a3-time{ font-size: 1.4rem;}
    .cloud{ background-size: auto 100%; animation-duration: 10s;}
    .news-img{ width: 40%; max-width: 160px;}
    .news-img .img-bg{ height: 100px;}
    .news-title{ line-height: 22px; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
    .news-con{ display: none;}

	.join4List li{ width:33.33%;}

    .con1-list{ max-height: 6rem;}
    .con1-list > li{ width: 100%;}

    .register-label{ height: 44px;}
    .register-btn{ height: 44px;}
    
}
@media (max-width:460px) {
    .ban-tit{ font-size: .44rem;}
    .news-top-title{ font-size: 16px;}
    
	.joinTit{ font-size:24px;}
	.joinBox1{ font-size:14px;}
	.joinBox1 h4{ font-size:20px;}
	.joinBox2{ font-size:14px;}
	.joinBox2 p span{ font-size:20px;}
	.join2Tit{ font-size:20px;}
	.join2Tit span{ font-size:30px;}
	.joinBox4{ font-size:14px;}
	.join4List li{ width:50%;}
	.join4Text{ font-size:16px;}

    .register-bg{ padding: 50px 0 0;}
}

@media (min-width:1200px) {    
    html{ font-size: 70px !important;}
}
@media (min-width:1400px) {
    html{ font-size: 80px !important;}
}
@media (min-width:1600px) {
    html{ font-size: 100px !important;}
}