.hqxf{max-width: 640px;margin:0 auto;background: #fff}
.imgs{width: 100%;}
.imgs img{width: 100%;display: block;}
.zp_title{width: 100%;padding:3% 0;text-align: center;font-size: 14px;}
.zp_title span{padding:1% 0;border-bottom: 2px solid #20A0FF}
.zp_title img{width: 100%;}
.form{width: 100%;}
.form h2{width: 100%;text-align: center;font-size: 16px;background: #F8F8F8;padding: 2% 0;}
.formli1{width: 94%;padding: 2% 3%;font-size: 14px;}
.formli1 span,.form li p span{color: red}
.formli1son{padding:0 3% 2% 3%;font-size: 16px;border-bottom: 1px solid #D9D9D9}
.formli1sonp{padding:2% 0;}
.fuhao{border:1px solid #2489C5;border-radius: 50%;display: block;width:15px;height:15px;float: left;text-align: center;line-height: 15px;color: #fff}
.fuhao2{background: #2489C5;}
.lxcon{font-size: 14px;padding: 2%;text-align: center;}
.cl{clear: both;}

.sp{width: 94%;margin: 0 auto;}
.ban{margin-top: 45px;}
.spcon{overflow: hidden;}
.spcon li{position: relative;width: 48%;float: left;margin:1%}
.spcon li img{width: 100%;}
.spcon video{position: absolute;background-color: #000;z-index: 1;left: 0;display: none;width: 100%;bottom: 0;}
.spcon object,.spcon embed{width:100%;}
.spcon p{width: 100%;text-align: center;}
#dituContent{width: 100%;min-height: 300px;}

.lxlx_con{width: 100%;}
.con_title{height: 30px;font-size: 16px;line-height: 30px;padding:1% 0;}
.con_title img{height: 30px;float: left;}
.con_con{padding: 5% 0;color:#666;text-indent: 2em;font-size: 14px;line-height: 25px;}
.wjlxlx{margin:0;width: 100%;}
.wjlxlx .lxlx_con li{padding: 2% 0}
.wjlxlx .lxlx_con li .con_title{padding: 0 3%}
.wjlxlx .lxlx_con li .con_con{background: #9F917E;padding:2% 3%;margin-top: 2%;color: #fff}
.wjlxlx .lxlx_con li .con_con h2{font-size: 1rem;margin-bottom: 1%;}
.wjlxlx .lxlx_con li .con_con p{font-size: 0.8rem;margin-bottom: 1%;}

.online4 li{border:none;margin:2% 0;}
.online4 li input{border:1px solid #ccc;padding: 4%;width:62%}
.online4 li p{border-right: none;width: 25%;padding: 3% 0;text-align: center;}
.online4 li select{border: 1px solid #ccc;width:71%;padding: 4% 3%}
.online4li textarea{width:96%;height:60px;resize:none;border:none;padding: 2%;border-radius: 10px;background: #FAF6F5}
.online4 .formsub{margin:2% auto;}
#spanhid{color: #fff}

/*191210*/
.banner img{display: block;width: 100%;position: relative;z-index: 1}
.forms{background: #fff;padding: 5% 0 1%;}
.formbg{width: 90%;/*margin:-130px auto 0;*/background-color: #fff;box-shadow:0 0 5px #ccc;padding: 5% 0;border-radius:6%;position: relative;z-index: 2;margin:0 auto;}
.formbg .form h2{background: none;color: #BA906D;font-size: 28px;}
.check{padding:0 10% 3%;margin-top: 35px;height: 15px;line-height: 15px;}
.check_left{width:55%;float: left;position: relative;padding-left:5%}
.check_right{width:35%;float: right;position: relative;padding-left:5%}
.check input{height: 15px;width: 15px;position: absolute;top:0;left:0;}
.formbg .online4 li{margin-bottom:5%;}
.formbg .online4 li .formsub{position: absolute;bottom:-35px;width: 90%}
.formbg .online4 li input{width: 92%;}
.formbg .online4 li select{width: 100.3%;}
.teacher{background: url(../../images/wap/online/thws.jpg) no-repeat center 100%;width: 100%;height: 340px;margin:2% 0;position: relative;background-size: cover}
.teachercon{position: absolute;width: 330px;height: 160px;right: 20px;bottom:10px;color: #BC9371}
.teachercon h2{font-size: 21px;font-family:aguafina;}
.teachercon p{font-size: 14px;}
.teachercon p span{color: #BE4247}
.major h2,.huanjing h2{text-align: center;font-size: 19px;color: #C7A588;padding: 5% 0 3%;position: relative;}
.major h2:after,.huanjing h2:after{position: absolute;bottom:5px;left: 50%;margin-left: -60px;display: block;width: 120px;height: 3px;background-color: #B5272D;content: '';}
.huanjing h2:after{width: 50px;margin-left: -25px}
.major ul{display: flex;flex-flow:row wrap;justify-content:center;padding: 5%}
.major li{width: 235px;height: 217px;box-shadow: 0 0 3px #ccc;margin:15px;}
.major li div{width: 183px;height: 123px;position: relative;margin:22px auto 15px;}
.major li h3,.major li h4{text-align: center;color: #BA906D}
.major li h3{font-family: aguafina;font-size: 16px}
.major li h4{font-size: 17px;}
.huanjing{background: #fff;margin-bottom: 2%}
.huanjingtab{padding: 2% 5%}
.huanjingtab ul{display: flex;flex-flow:row wrap;justify-content:center;}
.huanjingtab ul li{width: 113px;height: 40px;border:1px solid #C3B1A0;color: #754C24;text-align: center;line-height: 40px;margin:0 2%;font-size: 15px;font-weight: 600}
.huanjingtab ul li.on{border:none;background: url(../../images/wap/online/majortab191210.jpg) no-repeat center 100%;color: #fff;background-size: cover}
.hjswiper{position: relative;height:310px}
.hjswiper .hjqiehuan{position: absolute;top:10px;left:0;height: 291px;width: 100%;}
/*.hjswiper .swiper-container .swiper-slide{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;}*/
.hjswiper .swiper-container .swiper-slide img{width: 100%;}
.hjswiper .swiper-button-next{right: 80px;background: url(../../images/wap/online/next.png) no-repeat center;}
.hjswiper .swiper-button-prev{left:80px;background: url(../../images/wap/online/prev.png) no-repeat center;}
.hjswiper .hideswiper{visibility:hidden;}
.hjswiper .showswiper{visibility:none;}

@media screen and (max-width: 640px){
    .formbg{/*margin:-20.3125vw auto 0;*/box-shadow:0 0 0.78125vw #ccc;margin:0 auto;}
    .formbg .form h2{font-size:20px;}
    .check{margin-top: 5.46875vw;font-size: 14px}
    .formbg .online4 li .formsub{bottom:-5.46875vw;}
    .teacher{height: 53.125vw;}
    .teachercon{width: 51.5625vw;height: 25vw;right: 3.125vw;bottom:1.5625vw;}
    .teachercon h2{font-size: 3.28125vw;}
    .teachercon p{font-size: 12px;}
    .major h2,.huanjing h2{font-size: 18px;}
    .major h2:after,.huanjing h2:after{bottom:0.78125vw;margin-left: -9.375vw;width: 18.75vw;height: 0.46875vw;}
    .huanjing h2:after{width: 7.8125vw;margin-left: -3.90625vw}
    .major li{width: 36.71875vw;height: 35.90625vw;box-shadow: 0 0 0.46875vw #ccc;margin:2.34375vw;}
    .major li div{width: 28.59375vw;height: 19.21875vw;margin:3.4375vw auto 2.34375vw;}
    .major li h3{font-size: 12px}
    .major li h4{font-size: 14px;}
    .huanjingtab ul li{width: 17.65625vw;height: 6.25vw;border:0.15625vw solid #C3B1A0;line-height: 6.25vw;font-size: 14px;}
    .hjswiper{height:48.4375vw}
    .hjswiper .hjqiehuan{top:1.5625vw;height: 45.46875vw;}
    .hjswiper .swiper-button-next{right: 12.5vw;}
    .hjswiper .swiper-button-prev{left:12.5vw;}
}

@media screen and (max-width: 480px){
	.online4 li p{font-size: 13px}
	.online4 li{font-size: 13px;}
}

@media screen and (max-width: 450px){
    .formbg .form h2{font-size:16px;}
    .teachercon p{font-size: 2.1875vw;}
    .check{font-size: 11px;margin-top:8.46875vw }
    .formbg .online4 li .formsub{bottom:-8.46875vw;}
    .huanjingtab ul li{height: 7.25vw;line-height: 7.25vw;font-size: 12px;}
    .major li{height: 38.90625vw;}
}

@media screen and (max-width: 375px){
	.online4 li p{font-size: 12px}
	.online4 li{font-size: 12px;}
}