.wnav,.wapnavbtn{ display: none;}
.content img{ display: block; max-width: 100%; border-radius: 5px; margin: 5px 0;}
.us_content h1{text-align: center; padding: 50px 0; font-size: 36px; color: #333;}
@media (min-width:180px) and (max-width:1080px){
body{ font-size: 1rem;}	
.smidd{ width: auto;}
.slideBox{box-sizing: border-box;}
.sfloat,.nav .nLi::after,.nav .nLi.on::after{ display: none;}
.snav{ padding: 0.5rem;}
.snav a.logo{ width: 80%;}
.snav a.logo img{ width: 100%;}
.snav  .wnav{ display: block;  color: #fff; }
.snav  .wnav .iconfont{font-size: 2rem; color:#000;}
.nav{  background: #26549d; padding: 0;  border-radius: 0.5rem; width: 100%; flex-direction: column;}
.nav .sub{ display: none!important;}
.nav .nLi{ width: 100%;}
.nav .nLi h3 a{height: 3.5rem; line-height: 3.5rem; border-bottom: #ffffff2e 1px dashed; color: #fff;}
.wapnavbtn{ display: block; transform: rotate(45deg); margin-top: 0.5rem; width: 3rem; margin:1rem auto 0 auto;}
.wapnavbtn .iconfont{ color: red; font-size: 2.5rem; display: block; animation: wapnavbtn 0.5s forwards; animation-delay: 0.5s; opacity: 0;}
@keyframes wapnavbtn {
	from{  opacity: 0;  transform: scale(0.1);}
	to{  opacity: 1;  transform: scale(1);}
}
.navarea{ display: none; position: fixed; z-index: 999;width: 90%; left: 5%; top: 4rem;animation: navarea 0.5s forwards;}
@keyframes navarea {
	from{top: 8rem; opacity: 0; }
	to{top: 4rem;  opacity: 1;}
}
.sbanner{ height: 320px; background-size: cover;}
.sus{ padding-top: 2rem;}
.susinfo{ flex-direction: column;}
.susinfo .left{ padding: 0 0.5rem 1rem 0.5rem;}
.susinfo .left .h2{ height:5rem; background-size: contain;}
.susinfo .left .h2 .h2_e{ font-size: 1rem; height: 1.2rem; line-height:1.2rem; padding-top:0.6rem;}
.susinfo .left .h2 .h2_c{ font-size: 2rem; height:2.2rem;  line-height:2.2rem;}
.susinfo .left .p .p_t{ font-size: 1.6rem; height: 3rem; line-height:3rem;}
.susinfo .left .p .p_p{ font-size: 1.05rem; padding: 0.5rem;}
.susinfo .left .p .p_a{ width: 50%; height: 3rem; line-height: 3rem; margin: 0 auto; font-size: 1rem;}
.slideBox{ width: 100%; height: auto;}
.slideBox .bd img{ width: 100%; height: 320px;}
.slideBox .hd{  bottom: 1rem;}
.slideBox .hd ul li{ width:3.5rem; border-radius: 0.25rem; text-indent: -9999px; height:0.8rem;}
.sus_num{ flex-wrap: wrap; padding: 2rem 0 6rem 0;}
.sus_num li{ width:33.33%; flex: auto; text-align: center; padding:0 0.5rem 0.5rem 0.5rem; box-sizing: border-box; }
.sus_num li .nums{ display: flex; align-items: baseline; white-space: nowrap; justify-content: center;}
.sus_num li .nums span{ font-size:2.2rem;}
.sus_num li .nums em{ font-size: 0.9rem;}
.sus_num li .p{ font-size: 1rem;}
.shonor{ height: auto;}
.sbtns{ top: -5rem; flex-wrap: wrap; justify-content:center;}
.sbtns li{ width:30%; margin:0.5rem 1% 0 1%; height: auto; box-sizing: border-box; padding: 0.5rem; border: #f1f1f1 1px dashed;}
.sbtns li .info{ width: 100%; height: auto; padding: 0.5rem 0; border-radius: 0.35rem; }
.sbtns li .info .iconfont{ font-size: 3rem;}
.sbtns li .info em{ font-size: 1.2rem;}
.shonor .title{ text-align: center; margin-top: -4.5rem;}
.shonor .title .ch{ font-size: 2.4rem;}
.sfix{ display: none;}
.picScroll-left .iconbtn{ width: 3rem; height: 3rem; line-height: 3rem; font-size: 2rem; background-color: #fff; color: #41669f; z-index: 9; top:3rem;}
.picScroll-left .bd{ width: 100%; padding: 0 0.5rem 2rem 0.5rem; overflow: hidden;}
.picScroll-left .bd ul li .pic{ width: 12rem;height: 12rem; }
.picScroll-left .bd ul li .pic img{ width: 12rem; height: auto;}
.spro{ height: auto; padding-top:1.5rem;}
.spro .title{ background-size: contain;}
.spro .title h3{font-size: 2rem; height: 2.2rem; line-height: 2.2rem;}
.spro .title p{ font-size: 1rem; white-space: nowrap;}
.spro .title p::before, .spro .title p::after{ width: 2rem; background-color: #999;}
.spro .tab{ padding-top:0; flex-wrap: wrap;}
.spro .tab a{ width:22%; flex: auto; white-space: nowrap; height: 3rem; line-height:3rem; margin-top:0.5rem; font-size: 1.1rem; }
.spro .picbox{ padding: 0.5rem; margin-top: 0.5rem; border: none; box-sizing: border-box; padding-bottom: 5rem; background: none;}
.spro .picbox img{ height: auto; border-radius: 0.35rem; border: #fff 2px solid; box-sizing: border-box;}
.spro .pro_btn, .news_more{width: 60%; height: 3rem; line-height: 3rem; bottom:1rem; background-color: #fff;    margin-left: -30%;}
.sph_bg h2{ font-size:2rem; padding:2rem 0 0 0; line-height: 2rem;}
.sph_bg h3{ font-size:1.4rem; line-height: 130%; padding: 1rem 0;}
.sph_bg h4{ font-size: 1.2rem; line-height: 130%;}
.sph_bg .phone{ width: 90%;  margin-top: 1rem; padding-top: 1rem;}
.sph_bg .phone .left{width:4rem; height: 4rem; line-height:4rem; font-size: 2.6rem;}
.sph_bg .phone .right p{ height: 1.5rem; font-size: 1.2rem;}
.sph_bg .phone .right h5{ font-size: 2.2rem; height: 2.5rem;}
.sph_bg{ height: auto; padding-bottom: 2rem; }
.snews{ height: auto;}
.snews .smidd{ padding-top: 2rem;}
.snews .title .txt{ font-size: 2rem; padding-top: 3.2rem; line-height: 2.2rem; background-size:7rem auto;} 
.snews .title .txt::after{ bottom: -0.4rem;}
.snews .title p{ font-size: 1rem; padding:1rem 0.5rem 0.5rem 0.5rem ;}
.snews .news_t{ padding: 1.6rem 0;}
.snews .news_t a{ height: 3rem; line-height: 3rem; border-radius: 3rem; font-size: 1.1rem; margin: 0 0.25rem; padding: 0; flex: 1; }
.picScroll-left2{    padding-bottom: 5rem;}
.picScroll-left2 .bd{ padding: 0.5rem;overflow: hidden;}
.picScroll-left2 .bd ul li{ width: 15rem!important; margin: 0 0.25rem;}
.picScroll-left2 .bd ul li .pic,.picScroll-left2 .bd ul li .pic img{ width: 15rem; height: 8rem;}
.picScroll-left2 .title{ padding: 0 0.5rem;}
.picScroll-left2 .title h2 a{ font-size:1.1rem; line-height:2.5rem; height:2.5rem; padding: 0;}
.picScroll-left2 .title p{ height:2rem; line-height: 2rem; font-size: 1rem; padding: 0;}
.picScroll-left2 .title .info{ margin-top: 0.5rem; font-size: 1rem; line-height: 1.3rem; height: 3.9rem;}
.picScroll-left2 .icon{ width: 3rem; height: 3rem; margin-top: 0.5rem;}
.picScroll-left2 .icon .iconfont{ font-size: 2rem;}
.picScroll-left2 .iconbtn{width: 3rem; height: 3rem; line-height: 3rem; font-size: 2rem; background-color: #ffffffc7; color: #41669f; z-index: 9; top: 3rem; top: 9rem;}
.picScroll-left2 .iconbtn:hover{    background-color: #41669fb8}
.foot{ height: auto; display: flex; flex-direction: column; justify-content: space-between; background-size: cover;}
.foot .link .smidd{height: auto; flex-direction: column;}
.foot .link .left{ font-size: 1.2rem; white-space: nowrap; padding: 0.5rem 0; display: none;}
.foot .link .right{   width: 100%; padding: 1rem 0; flex-wrap: nowrap; overflow-x: scroll;}
.foot .link .right a{ font-size: 1rem;  text-align: center; margin:0; white-space: nowrap; padding: 0 0.25rem; }
.foot .footinfo{ flex-direction: column; padding-top: 1rem;}
.foot .footinfo .items{ padding: 0 0; width: 100%; text-align: center; font-size: 0.9rem;    color: #afafaf;}
.foot .footinfo .items .logo{ width:60%;}
.foot .footinfo .items p{ padding-top: 0.25rem; justify-content: center;}
.foot .footinfo .items .itemtips{ height:1.8rem; line-height: 1.8rem; justify-content: center;}
.foot .footinfo .items p .iconfont{ width: 1.3rem; height: 1.3rem; line-height: 1.5rem; font-size:0.8rem;}
.foot .footinfo .items p strong{ font-size: 1.1rem;}
.foot .footinfo .items .itemtips .iconfont{ font-size: 0.9rem;}
.foot .copy .smidd,.foot .copy .smidd .left{ flex-direction: column;}
.foot .copy .smidd{ height: auto;color:#6d6d6d;}
.foot .copy .smidd a{color:#6d6d6d;}
.foot .copy .smidd .left{ padding:1rem 0 0.25rem 0;}
.foot .copy .smidd .right{ padding: 0.25rem 0 1rem 0;}
.foot .footinfo .items .code{ width: 6rem; height: 6rem;}
.clasbanner{ height: 12rem; background-size: cover; margin-top:2px; border-radius: 0;}
.sbox1{ flex-direction: column; padding: 0;}
.sbox1 .left{ width: 100%; box-sizing: border-box; padding: 0.5rem;}  
.sbox1 .left .title{ height: auto;     padding:0.8rem  0.5rem;}
.sbox1 .left .class_nav{ display: flex; flex-wrap: wrap;}
.sbox1 .left .class_nav li{ flex: 1; margin: 0 0.25rem;}
.sbox1 .left .class_nav li a{ line-height:1.5rem; white-space: nowrap;}
.sbox1 .left .code,.sbox1 .left .tell,.sbox1 .page .loca{  display: none;}
.sbox1 .page{ width: 100%; padding:0 0.5rem;}
.sbox1 .page .list{ padding: 0;}
.sbox1 .page .list li{ padding: 0.5rem 0;}
.sbox1 .page .list li .times{ width:6rem;  height: 5rem;}
.sbox1 .page .list li .times .nums{ font-size: 2rem;}
.sbox1 .page .list li .times .year{ font-size: 1rem;}
.sbox1 .page .list li .txts h3{  line-height:1.5rem; height: 3rem;  overflow: hidden;}
.sbox1 .page .list li .txts h3 a{font-size: 1.2rem; padding: 0;}
.sbox1 .page .list li .txts p{ font-size: 0.9rem; line-height:1rem; height: 2rem; padding: 0;}
.sbox1 .page .content h1{ font-size: 2rem; padding: 1rem 0;    line-height: 120%;}
.sbox1 .page .content{ font-size: 1rem; padding: 1rem 0;}
.sbox1 .page .list_pic li{ width: 98%; margin: 0;}
.sbox1 .page .list li .txts{ padding: 0;padding-left: 0.5rem;}
.sbox1 .page .content img{max-width: 100%; border-radius: 0.25rem; display: inline-block;}
.content p{ margin:0;}
.us_content{padding: 1rem 0.5rem; font-size: 1rem;}
.us_content h1{font-size: 2rem; padding: 1rem 0;}
	
}