@charset "utf-8";
@media (max-width: 1440px){
.homed .slideDatap.show:before{left: -1.2rem}	
.homed .slideDatap .dot{left: 0}


}
@media (max-width: 1200px){
.banner .pubSvg{height:40vw }
.banner .scDown{display: none;}
.banner .scSvg{bottom: -3rem;width: 96%}
.homea .habg{width: 96%;height: 3.4rem;}
.homef .scir1{bottom: 0}
.homef .scir2{top: -.5rem}
.homed .slideDatap.show .slideData{/* padding-left: .6rem; */}
.homed .slideData .swiper-slide{}

.homec .wp{padding-left: 1.5rem}
.homec .scirss img{/* left:20% */}
.homec{height: auto;padding: 1rem 0;}
.homea .habgsc{background-size: auto 100%;height: 26vw;opacity: .5;right: 0}
}

@media (max-width: 1024px){
	.home1 .left .more001{position: relative;bottom: 0;z-index: 5;padding-top: .3rem;justify-content: flex-start;}
.home1 .right .more001{position: relative;bottom:0;z-index: 5;padding-top: .3rem;justify-content: flex-start;}
.banner .scSvg{bottom: -16vw;}
.banner .pubSvg{height:50vw }
/*.homed .slideData .swiper-slide-next+.swiper-slide+.swiper-slide{opacity: 0}*/
.homee .aleft{width: 100%;order: 1;}
.homee .aright{width: 100%}
.homee .aright ul li:nth-child(1) .scbg{bottom: auto;top: .2rem;transform: scale(.4);transform-origin: center;}
.homec .aright{max-width:inherit; ;position: relative;z-index: 4;height: auto}
.homec .scir{display: none}
.homec .scirss{top: 50%;margin-top: -30vw;z-index: 0;pointer-events: none;display: none}
.homec .scirs{top: -.5rem}
.homeb .aleft{width: 100%;padding: 0;margin-bottom: .3rem;}
.homeb .aright{width: 100%}
.homeb .aleft .inmore{position: relative;left: 0;bottom: 0}
.homeb .alefts{padding-bottom: .3rem;}
.list6 .pic .a{top: 0%;}

.homea .aleft{width: 100%}
.homea .aright{width: 100%;transform: translateY(0) !important;}
.homea{padding: .8rem 0 .8rem}
.homea .lista li .pic{height: 28vw}
.homefs .swiper-slide .pic{height: 2.8rem}
.homed .slideDatap.show:before{left: -.6rem}
.homed .slideDatap.show .slideData{overflow: hidden;}

.homea .cira{width: 30vw;height: 30vw;right: -15vw;top: -15vw;}
.homea .cirb{width: 50vw;height: 50vw;left: -10vw;top: -5vw;}
.homea .habg img{max-height: inherit;position: absolute;right: 0;top: 0;bottom: 0}
.homea .habg{display: block;}
.homea .aright .intit{padding: .3rem;}
.homefs .swiper-slide .pic{opacity: 1;visibility: visible;transition: .5s;box-shadow: none;}
.homefs .swiper-slide .pic h5{transform: translateY(50%);opacity: 1;; transition: .5s}
.homefs .swiper-slide .txt{opacity: 0;visibility: hidden;}
.homefs .swiper-slide .txt h4{transform: translateY(.5rem);}
.homefs .swiper-slide:after{opacity: 0;transform: scale(0);}
.homefs .swiper-slide:before{opacity: 0;transform: scale(0);}
.homefs .slideF{padding:1rem 0;}
}

@media (max-width: 900px){
.banner .scSvg{width: 95%}
.homea .habg{width: 95%}
.homefs .slideF{padding: .5rem 0 .7rem;margin-top: 0;}
.homefs .swiper-slide .pic h5{}
.homed .slideDatap .dot{top: .8rem}
.homee .aleft ul li .pic{/* height: 3.8rem */}
.homee .aleft ul li .txts{padding-top: .6rem}
.homee .aleft ul li .txts h4{font-size: .42rem}
.homee .aright ul li{}
.homed{height: auto;padding-bottom: 1.35rem;}
.homed .svgbg svg{height: 7rem}
.homed .svgbg{margin-top: 0;padding: 0;}
.homed .slideDatap{}
.homed .slideDatap:after{top: .87rem;}
.homed .slideData .sico{width: 1.6rem;height: 1.6rem}
.homed .slideData .sico i svg{width: 1.2rem;height: 1.2rem}

.homec .wp{padding-left: 1.2rem}
.homec .aright .item{padding: .3rem .4rem}
.homec .aright .item:after{left: .4rem}
.homec .aright .item.on{margin-bottom: 0}
.homec{padding-bottom: 1rem}
.homec .scirss{right: -40vw}
.homec .scir{right: -40vw}
.homeb .aright ul li .pic{height: 2.4rem}
.homea .lista li .txt{padding: .2rem 0}
.homea .habgsc{height: 28vw;}
}
@media (max-width: 640px){
	.homed .slideDatap .dot{top: .6rem}
.homef .scir1,.homef .scir2,.homec .scirs{width: 50vw;height: 50vw}
.homef .scir1{right: -25vw}
.homef .scir2{left: -25vw}
.homec .scirs{right: -25vw}
.homefs .swiper-slide .txt h4{font-size: .4rem}
.homee .aright ul li:nth-child(1){}
.homee .aleft ul li:nth-child(1){order: 1;}
.homee .aleft ul li:nth-child(2){}
.homed .svgbg svg{height: 100vw}
.homed .slideData .swiper-slide-next+.swiper-slide{opacity: 0}
.homed .slideDatap:after{top: .6rem}
.homed .slideData .sico{width: 1.2rem;height: 1.2rem}
.homed .slideData .sico i svg{width: 1rem;height: 1rem}
.homed .slideData .swiper-slide .txt h4{font-size: .42rem;line-height: .4rem}
.homed .mathColor li{font-size: .14rem;padding: 0 .2rem;line-height: .24rem}
.homed .mathColor li:nth-child(7){left: 5%;}
.homed .mathColor li:nth-child(9){left: auto;right: 5%;top: 87%;}
.homed .slideDatap{max-width: 100%;}
.homed .slideDatap:before{transform: scale(.6);transform-origin: top center;}
.homed .slideDatap.show:before{left: -.5rem}
.homed{padding-top: .6rem;padding-bottom: 1rem;}
.homeb .aright ul li .pic{height: 30vw}
.homec .intit{position: relative;transform: rotate(0deg);left: 0}
.homec .wp{padding-left: 0}
.homec{padding-top: 1rem;padding-bottom: .5rem;}
.homea .habgsc {height: 35vw;}
.homea .habg{height: 3rem}
.homed .slideDatap .dot{left: -.2rem}

.homee ul li .txts h4{font-size: .3rem !important;margin-bottom: .1rem;white-space: normal !important;text-align: center;}
.homee ul li .txts p{font-size: 13px;line-height: 18px;}
.homea{padding: .6rem 0 .4rem}
.homed .mathColor li:nth-child(11){left: 6%;}
.homed .mathColor li:nth-child(6){left: 26%;}
}
@media (max-width: 540px){
.homee .aleft ul li,.homee .aright ul li{width: 100%}
.homee .aright ul li:nth-child(1){}
.homee .aright ul li.inCamp h4{font-size: .4rem}
.homee .aleft ul li .pic{/* height: 65vw */}
.homee .aleft ul li .txts{padding: 0 15px 0 .3rem;display: flex;flex-direction: column;justify-content: center;}
.homea .lista li{width: 100%}
.homea .lista li .pic{height: 50vw}
.homea .habg{height: 3rem}
.homea .aleft{padding-left: .3rem}
.intit h3{font-size: .3rem;}
.homeb .aleft .desc{font-size: .2rem}
.homeb .aright ul li{width: 100%}
.homeb .aright ul li:nth-child(1){margin-bottom: .3rem}
.homeb .aright ul li .pic{height: 55vw}

.homea .aright .intit{padding: .2rem;}
.homea .listb{padding: .2rem .3rem}
}
/*ie11*/ 
/*ie10*/ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 

}

@media (max-width: 1024px){
	.banner .pubSvg {
		height: 50vw;
	}
}
@media (max-width: 1200px){
	.banner .pubSvg {
		height: 36vw !important;
		top: 44%;
	}
}
@media(max-width: 1199px){
	.banner_box, .banner_box1{position: relative;height: 60vw;}
	.banner{height: 60vw;position: relative;}
	.banner_box li .img .img_hezi{ padding-bottom: 50% !important;}
}

@media(max-width: 1199px){
	.headder_box{ display: none}
	.container01{/* display: none; */max-width: calc(100% - 30px);/* overflow: hidden; */top: -.7rem;/* padding-bottom: .4rem; */margin-bottom: -.7rem;}
	.ban-ss h3{ display: none}
	.container01 .box>img{max-width: 100%;width: auto;height: .6rem;}
	.fix-top{ position: relative;}
	.ban-ss1{margin: 0 20px;}
	.ban-ss1 input{font-size: 12px;}
	.container01 .box .top{bottom: .2rem;}
	.container01 .box .top .banner-next .next-icon img{ width: .2rem}

	.main-visual-slider{height: 60vw;}
	.main-visual-slider .swiper-slide{ padding-bottom: 42.85% !important;}
	.main-visual-slider .swiper-container{ position: relative;}

    .slide_down_nav{ display: none !important}

    .main-visual-slider .swiper-slide .visual-img .txt{padding: 0 15px .65rem;text-align: center;}
    .main-visual-slider .swiper-slide .visual-img .txt h3{font-size: .18rem;/* white-space: nowrap; *//* text-overflow: ellipsis; *//* overflow: hidden; */font-weight: bold;max-width: 54%;text-align: left;padding: 0;background: none;}
    .main-visual-slider .swiper-pagination_box{text-align: center;justify-content: flex-end;bottom: .5rem;right: 0;padding-right: 15px;width: 100%;}
    .main-visual-slider .swiper-pagination{ width: auto}
    .miso-arrow1_b .miso-arrow1.miso-prev1{left: 15px;}
    .miso-arrow1_b .miso-arrow1.miso-next1{right: 15px;}

    .main-visual-slider .swiper-pagination-bullet{width: .13rem;height: .13rem;}
    .main-visual-slider .swiper-pagination-bullet:before{width: .08rem;height: .08rem;margin: -.04rem 0 0 -.04rem;}
    .main-visual-slider .swiper-pagination-bullet:after{width: .1rem;height: .1rem;margin: -.05rem;}
}
@media(max-width: 435px){
	.container01{top: -.45rem;margin-bottom: -.45rem;width: auto;height: .45rem;}
	.container01 .box .top{bottom: .1rem;}
	.d_lists li .a .rr{ padding: 0 0}

	.d_lists li .a{width: 26vw;height: 26vw;}
	.d_lists li .a .rr h6{font-size: 11px;height: 32px;}
	.b_m h6 svg{ margin: 0 0 0 .05rem; width: .2rem; height: .2rem}
	.container01 .box>img{ height: .45rem}
}