html{-webkit-text-size-adjust:none;  }
a{outline:none; text-decoration:none;} a:hover{ text-decoration:none;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} 
body{font-size:12px; background-color:#fff;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{/*border-collapse:collapse;border-spacing:0;*/} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"],input[type="text"],input[type="password"],textarea, button { -webkit-appearance: none !important;} em,i{ font-style:normal;}
select{-webkit-appearance:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);   }
img{ display:block;}
html {
	font-size:62.5%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media only screen and (min-width:321px) { /*iphone5*/
html {
font-size:62.5%!important
}
}
@media only screen and (min-width:361px) {
html {
font-size:70.31%!important
}
}
@media only screen and (min-width:376px) {
html {
font-size:73.24%!important
}

}
@media only screen and (min-width:481px) {
html {
font-size:84%!important
}
}
@media only screen and (min-width:561px) {
html {
font-size:90%!important
}
}
@media only screen and (min-width:641px) {
html {
font-size:100%!important
}
}
.hslclear{ clear:both; display:block;}
.hslh1{ display:block; height:1rem;}
body {
    font-family: "Microsoft YaHei",sans-serif;
    margin: 0 auto;
    max-width: 640px;
    min-width: 320px;
    padding: 0;
    width: 100%;
	overflow-x:hidden;
	background-color:#fff !important;
}
/* .ad{padding: 1.5rem 0rem;} */
.ad img{width: 100%;}
.box-tit{text-align: center;margin-top: 2rem;margin-bottom: 1rem;}
.box-tit span{font-size: 1.4rem;color: #575757;}
.box-tit span img{margin: 0 auto;width: 2.5rem;}
.box-tit h2{font-size: 2rem;}
.btn-kc{margin:.5rem;overflow: hidden;}
.btn-kc span{width: 50%;float: left;display: block;}
.btn-kc a{text-align: center;display: block;margin: .25rem;border-radius: .5rem;height: 3.2rem;line-height: 3.2rem;font-size: 1.3rem;}
.btn-kc a.btn-kcl{background-color:#0a72da;color: #ffffff;border: 1px solid #0a72da; } 
.btn-kc a.btn-kcr{color: #FFFFFF;border: 1px solid #ffd929; background-color: #ffd929;}

.hslbanner{background-color: #f6f6f6;position: relative;}
.hslbanner a{ display:block;}
.hslbanner a img{ width:100%;}
.hslbanner video{ width:100%; display:block; max-width:640px;}

.box1 {background-color: #0a72da;line-height: 4rem;text-align: center;color: #ffffff;font-size: 2rem;position: relative;}
.box1 h2{width: 100%;}
.box1::after{content: "";
width: 0;
height: 0;
border-right: 1rem solid transparent;
border-left: 1rem solid transparent;
border-top: 1rem solid #0a72da;
position: absolute;
margin-left: -1rem;
margin-top: -.2rem;}
.box1 h2 i{color: #feff01;}

.kuang p{
    padding-top: 1.5rem;
    font-size: 1.3rem;
    padding-left: 1rem;
}

/* 学费表单 */

.hslbox1{padding:.5rem;margin-top: 1rem;}
.hslbox1_1{ width:33.3333%; float:left; margin-bottom:1rem;}
.hslbox1_1 label{ display:block; color:#333; margin:.5rem; text-align:center; font-size:1.5rem;}
.hslbox1_2{ margin:0 .5rem 1rem .5rem;}
.hslbox1_2 input{ height:3.6rem; background-color:#efefef; color:#333; font-size:1.3rem; text-indent:1rem; width:100%; border:none; border-radius:.5rem;}
.hslbox1_3 input{ height:3.6rem; background-color:#0a72da; color:#fff; font-size:1.3rem; width:100%; border:none; border-radius:.5rem;}
.hslbox1_3{ margin:0 .5rem 1rem .5rem;}

/* 选择 */
.box3{background-color: #F5F5F5;overflow: hidden;}
.box3-list{padding: 0 .5rem;}
.box3-1{width: 50%;float: left;}
.box3-1 a{margin: .5rem;display: block;}
.box3-1 a span img{width: 100%;}
.box3-1 a p{text-align: center;font-size: 1.2rem;color: rgba(0,0,0,0.7);background-color: #ffffff;line-height: 1.5rem;padding: .5rem;}
.box3-1 a p b{display: block;font-weight: 500;font-size: 1.2rem;}

/* 热选 */
.box2{background-color: #ffffff;overflow: hidden;}
.box2-list{margin: 2rem 1rem 0rem;}
.box2-1{background-color: #2886e0;overflow: hidden;margin-top: 1rem;padding: .5rem;border-radius: .3rem;}
.box2-1a,.box2-1b{width: 50%; float: left;}
.box2-1a img,.box2-1b img{width: 100%;}
.box2-1b span{display: block;font-size: 1.2rem;line-height: 2rem;color: #fff;}
.box2-1b p{margin: .5rem .5rem 0rem;color: #fff;font-size: 1rem;}
.box2-btn{text-align: center;margin:.5rem;bottom: 0rem;overflow: hidden;}
.box2-btn a{width: 50%;display: block;float: left;}
.box2-btn a span{font-size: 1rem; border: .1rem solid #ffd929;margin: 0 .2rem;border-radius: .4rem; color:#ffd929;}
a.btn-bg span{background-color: #ffd929;color: #ffffff;}

/* 环境 */

.box4 .box-tit h2 span{font-size: 2rem;color: #0a72da;}
.hslbox2_nav a{ display:inline-block; width:33.33333%;height:3rem; border-radius:0; text-align:center; margin:0rem 0rem 1rem!important; background-color:transparent !important; opacity:1;}
.hslbox2_nav span{ display:block; margin:0 .5rem; height:3rem; line-height:3rem; color:#0a72da; font-size:1.2rem; border:1px solid #0a72da;}
.hslbox2_nav .swiper-pagination-bullet-active span{ background-color:#0a72da; color:#ffffff;}
.swp1{padding: 0rem .5rem 0rem;}
.box4-2{width: 33.33333%;float: left;}
.box4-2 a{display: block;margin: .5rem;}
.box4-2 a img{width: 100%;}
/* .box4 .btn-kc a.zxbtnrbg{color: #000000;border: 1px solid #ffde00;background-color: #ffde00; } */

/* 滑动箭头 */
.box5{background-color: #f5f5f5;overflow: hidden;}
.hslsjz{ position:relative; overflow:hidden;background-image:url(../images/13.png);background-position:center 3.4rem; background-repeat:no-repeat; background-size:100% auto; padding-bottom:6rem;}
.hslsjz b{ display:block; font-size:1.4rem; color:#333; text-align:center; margin-bottom:1.5rem; height:2rem; line-height:2rem;transition: .4s;-webkit-transition: .4s;-moz-transition: .4s; font-weight:normal;}
.hslsjz strong{ display:block; width:1rem; height:1rem; border-radius:1rem; background-color:#d7d7d7; border:3px solid #898989; margin:0 auto;}
.hslsjzimg1{ display:block; padding-top:100%; position:relative; overflow:hidden; border-radius:100%;}
.hslsjzimg{ position:relative; border:4px solid #898989;border-radius:100%; margin-top:3rem;transition: .4s;-webkit-transition: .4s;-moz-transition: .4s;transform: scale(.9);-webkit-transform: scale(.9);-moz-transform: scale(.9); margin-bottom:1rem;}
.hslsjzimg img{ position:absolute; top:0; }
.hslsjzimg i{ position:absolute; display:block; font-size:2rem; width:2rem; height:2rem; top:-1.5rem; left:50%; margin-left:-1rem; color:#898989;}
.hslsjz p{ text-align:center; font-size:1.2rem; text-align:center; position:absolute; width:20rem; left:50%; margin-left:-10rem; color:#999; opacity:0;transition: .4s;-webkit-transition: .4s;-moz-transition: .4s;}


.hslsjz .swiper-slide-active b{color:#0a72da; font-size:1.8rem; font-weight:bold;}
.hslsjz .swiper-slide-active strong{background-color:#d7d7d7; border:3px solid #0a72da;}
.hslsjz .swiper-slide-active .hslsjzimg{border:4px solid #0a72da;transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);}
.hslsjz .swiper-slide-active .hslsjzimg i{ color:#0a72da}
.hslsjz .swiper-slide-active p{ opacity:1;}




/* 毕业视频开始 */
.xsxxbg{background-color: #FFFFFF;padding:0 1rem 1rem;position: relative;}
.bysp img{width: 100%;}
.bysp a span{position: relative;    display: block;}
.bysp a i{position: absolute;bottom: 0;right: 0; font-size: 3rem;right: 5%;top: 80%;color: #000000;}
.sbysp img{width: 100%;}
.byxs{padding: 0.5rem;}
.xsmz{display: block;font-size: 1.5rem;}
.xsmzen{display: block;font-size: 1.2rem;color: #d6d4d4;border-bottom: 2px solid #d6d4d4;}
.xsxxtxt{display: block;width: 50%;float: left;}
.xsxx{padding:0 0.5rem;}
.xsxxtxt{margin-bottom: 0.25rem;font-size: 1.2rem;}
.hslsnt{ margin-top:1rem;}
.hslsnt span{ border:2px solid #d7d7d7; display:block;}
.hslsnt .swiper-slide-thumb-active span{border:2px solid #0a72da;}

/* 问题 */
.box7{background-color: #f5f5f5;overflow: hidden;margin-top: 2rem;}
.box7-2{padding: 0 1rem;}
.box7-3{width: 50%;float: left;line-height: 3rem;}
.box7-3 i{font-size: 1.5rem;color: #0a72da;margin-right: .5rem;}
.box7-3 a{font-size: 1.3rem;color: #000000;text-decoration:underline;}

.msrx .hslztdb1 a{background-color:#0a72da;}
.msrx .hslztdb1 a i{background-color:#0a72da;color:#fff;}
.msrx .hslztdb2_1_1 i{background-color:#0a72da;}
.msrx .hslztdb2_1_1 p{color:#0a72da;}