
/* �жϷ��ƶ����豸 */
@media only screen
and (min-device-width : 1024px) {
    /*body{width: 1024px;}*/
}

.m_top{width:100%;height: 1rem; background: #a81f24; color: #fff;}
.m_top img{height: 0.76rem; width: auto; margin:.12rem 0 0 .24rem;}
.m_top dl{color: #fff; margin-left: .20rem;}
.m_top dt{font-size: .24rem; height: .24rem; line-height: .24rem;  margin-top: .24rem;}
.m_top dd{font-size: .20rem; height: .20rem; line-height: .20rem; margin-top: .16rem;}
.m_top img,.m_top dl,.m_top a{display: block; float: left;}
.m_top a{font-size: .28rem; width: 1.48rem; height: .64rem; line-height: .64rem; text-align: center;
background: #fff; float: right; margin:.18rem .48rem 0 0; color: #a81f24; border-radius: .05rem;}

.m_nav{width: 100%; overflow-x: scroll;}
.m_nav ul{display: table; width: 9.6rem;}
.m_nav ul li{float: left; text-align: center; margin-left: .39rem;}
.m_nav ul li a{display: block; font-size: .36rem; height: 1rem; line-height: 1rem; color: #000;}

.m_nav2 div:nth-child(1){width: 7.02rem; margin: 0 auto; overflow-x: hidden;}
.m_nav2 div:nth-child(1) ul{display: table; margin-top: .16rem; width: 7.5rem;}
.m_nav2 div:nth-child(1) *{display: block;}
.m_nav2 div:nth-child(1) ul li{float: left; margin-right: .24rem;width: 2.18rem; height: 1.36rem;}
.m_nav2 div:nth-child(1) ul img{width: 100%;}

.m_nav2 div:nth-child(2){width: 6.2rem; margin: .08rem auto .16rem; overflow-x: hidden;}
.m_nav2 div:nth-child(2) ul{display: table; width: 7rem;}
.m_nav2 div:nth-child(2) *{display: block;}
.m_nav2 div:nth-child(2) ul li{float: left; margin:.24rem .72rem 0 0;width: 1rem; height: auto;}
.m_nav2 div:nth-child(2) ul li:last-child{margin:.24rem 0rem 0 0;}
.m_nav2 div:nth-child(2) ul img{width: 100%;}
.m_nav2 div:nth-child(2) ul p{font-size: .26rem; text-align: left; width: 1.2rem; color: #323333; padding-top: .16rem;}

/*������Чͨ����ʽ*/
html, body {  position: relative;  height: 100%;  }
.swiper-slide { text-align: center; font-size: .26rem; background: #fff;
/* Center slide text vertically */
    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;
}
.swiper-pagination-bullet-active {  opacity: 1;  background: #a81f24!important; }
.swiper-pagination-bullet{border:1px solid #a81f24; border-radius: 100%; background: #fff; opacity: 1;}
/*banner��Ч*/
.m_banner { width: 100%; height: auto; margin-left: auto; margin-right: auto; }
.m_banner .swiper-pagination{bottom: 0;}

/*ѧϰ������Ч*/
.m_programme .swiper-container{ width: 100%; height: auto; margin-left: auto; margin-right: auto;
    padding-bottom: .5rem;}
.m_programme .swiper-slide{background: none;}
.m_programme{background: #fff; width: 7.02rem; margin: .76rem auto;height: auto;border-bottom: 1px solid #323333;}
.m_programme .swiper-pagination{bottom: 0;}
.m_programme ul{display: table; width: 100%;}
.m_programme ul li{width: 3.33rem; height:1.9rem; border-radius: .1rem; border: 1px solid #a81f24;
    float: left; margin: 0 0 .68rem .1rem;}
.m_programme ul dt{height: .5rem; line-height: .5rem; background: #a81f24; color: #fff; font-size: .28rem;
    text-align: center; margin-top: .2rem;}
.m_programme ul dd{ font-size: .24rem; text-align: center; padding: .24rem 0 0 0;}
.m_programme ul li a{background: #a81f24; color: #fff; display: block; float: left;
    width: 1.4rem; height: .6rem; line-height: .6rem; text-align: center;
    border-radius: .06rem; font-size: .8rem; margin: .24rem 0 0 0.17rem;  font-size: .26rem; }
.m_programme ul li a:last-child{background: #fff; border: #a81f24 1px solid; color: #a81f24;}
.m_programme .u_button1{margin: 0 auto;}

/*��ʦ��Ч*/
.m_teacher .swiper-container{ width: 100%; height: auto; margin-left: auto; margin-right: auto;
    padding-bottom: .0rem;}
.m_teacher .swiper-slide{background: none;}
.m_teacher{background: #fff; width: 7.02rem; margin: .76rem auto;height: auto;border-bottom: 1px solid #323333;}
.m_teacher .swiper-pagination{bottom: 0;}
.m_teacher h2{padding: .4rem 0 0 0!important;}
.m_teacher h3{padding: .2rem 0 .35rem 0; display: block; font-size: .26em; font-weight: normal; text-align: center; }
.m_teacher .swiper-slide{position: relative; padding: .8rem 0;}
.m_teacher .u_teacher{position: relative; padding: 0 .3rem .4rem .3rem; text-align: left; border: 1px solid #000;
border-radius: .2rem; width: 6rem; margin: 0 auto;}
.m_teacher .u_teacher h4{ font-size: .28rem; padding: .24rem 0 .48rem 0; width: 4.5rem;}
.m_teacher .u_teacher p{ font-size: .24rem; }
.m_teacher .swiper-slide > img{position: absolute; top: 0rem; right: .6rem; width: 1.4rem;
    height: 1.4rem; border: 1px solid #000; border-radius: 1rem;}
.m_bigcontainer{width: 8.5rem; margin: 0 auto;}
.m_container{padding: 0.0rem 0 0rem 0;}
.m_container h2{font-size: .36rem; font-weight: normal; color: #323333; padding: .4rem 0; text-align: center;}
.m_container .u_button1{display: table; height: .72rem; text-align: center; line-height: .72rem; background: #a81f24;
    font-size: .28rem; color: #fff;  border-radius: .9rem;padding: 0 .4rem;}

.m_major{border-bottom: 1px solid #323333;background: url("../image/major_bg.png") no-repeat; width: 7.02rem; height: 6.3rem; margin: 0 auto;}
.m_major *{display: block;}
.m_major h2{font-size: .36rem; font-weight: normal; color: #323333; padding: .4rem 0; text-align: center;}
.m_major img{width: 60%; margin: 0 auto;}
.m_major a{width: 3.88rem; height: .72rem; text-align: center; line-height: .72rem; background: #a81f24;
   font-size: .28rem; color: #fff; margin: .5rem auto 0; border-radius: .9rem;}

.m_matching{background: #fff; width: 7.02rem; margin: .76rem auto;height: 9.25rem;border-bottom: 1px solid #323333;}
.m_matching *{display: block;}
.m_matching ul{display: table;}
.m_matching ul li{width: 3.2rem; height: 3.1rem; border-radius: .1rem; border: 1px solid #a81f24;
float: left; margin: 0 0 .68rem .19rem;}
.m_matching ul dt{height: .5rem; line-height: .5rem; background: #a81f24; color: #fff; font-size: .28rem;
text-align: center; margin-top: .2rem;}
.m_matching ul dd{ font-size: .24rem; text-align: center; padding: .24rem 0 0 0;}
.m_matching ul li a{background: #a81f24; color: #fff; width: .72rem; height: .72rem; line-height: .72rem; text-align: center;
border-radius: 100%; font-size: .8rem; margin: .24rem auto 0; }
.m_matching .u_button1{margin: 0 auto;}

.m_problem{background: #fff; width: 7.02rem; margin: .76rem auto 0;height: auto; padding-bottom: .16rem; border-bottom: 1px solid #323333;}
.m_problem *{display: block;}
.m_problem ul{display: table; width: 92%; margin: 0 auto;}
.m_problem ul li{margin-bottom: .24rem; font-size: .26rem; color: #000;height: .56rem;line-height: .56rem; }
.m_problem  .u_button1{height: .56rem;line-height: .56rem; float: right;}

.m_free{background: #fff; width: 7.02rem; margin: .4rem auto 0;height: auto; padding-bottom: .16rem;}
.m_free *{display: block;}
.u_free{width: 98%; margin: 0 auto; }
.u_free ul{display: table; width: 100%;}
.u_free ul li{width: 50%; float: left; margin-bottom: .24rem;}
.u_free ul li div{width: 3.2rem; margin: 0 auto; box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
display: table; padding-bottom: .24rem;}
.u_free ul li div *{display: table;}
.u_free ul li div h3{font-size: .24rem; padding: .24rem 0; text-align: center; width: 100%;}
.u_free ul li div img,.u_free ul li div dl{float: left;}
.u_free ul li div img{width: .85rem; height: auto; margin-left: .2rem;}
.u_free ul li div dl{float: right; margin-right: .2rem;}
.u_free ul li div dt{font-size: .2rem; padding-bottom: .3rem; text-align: center; width: 100%;}
.u_free ul li div dd{}
.u_free  .u_button1{height: .48rem;line-height: .48rem; float: right;font-size: .2rem; padding: 0 .3rem;}

.m_glform{ width: 8.5rem; margin: .0rem auto 0;
    padding-bottom: .0rem; border-bottom: 0px solid #323333;}
.m_glform h2{padding:.4rem 0 0 0;}
.m_glform h3{padding:.2rem 0 0 0;display: block; font-size: .26em; font-weight: normal; text-align: center;}
.m_glform .form_items {text-align: center; padding: .19rem 0rem .36rem; font-size: 1em; background: url("../images/banner4.png") no-repeat 0 0 / 100% auto;
    border: 0px solid #3eb134; font-size: 0.3rem; overflow: hidden;}
.m_glform .form_items .tac{text-align: center; display: inline; margin:.02rem 0 0 .5rem; float: left;}
.m_glform .form_items input {text-indent: .3rem; padding-left: .2rem; width:100%; color: #666; line-height: .5rem; height: .5rem; font-size: .22rem; border: 1px solid #dad9d9; border-radius: 5px; margin: 0 0 0.1rem .1rem; outline: none;}
.m_glform .form_items .btn { color: #fff; font-size: 0.28rem; height:1.05rem; line-height:1.05rem; display: inline-block; padding: 0 .2rem; margin: 0 auto; background: #f00809; border: 1px solid #96b7ff; text-align: center; border-radius: .1rem; position: relative; top: 0.03rem; }

.m_glform .form_items input:nth-child(1){
    background: url("../images/banner3.png") #fff no-repeat .1rem .1rem /auto 60%;
}
.m_glform .form_items input:nth-child(3){
    background: url("../images/banner2.png") #fff no-repeat .1rem .1rem /auto 60%;
}

footer{ margin: .0rem auto 0;}
footer ul{display: table; width: 100%;}
footer ul li{display: block; float: left; width: 50%}
footer ul li:nth-child(1){background: #f0a43b;}
footer ul li:nth-child(2){background: #d02b2f;}
footer ul li a{width: 50%; margin: .3rem auto; color: #fff; font-size: .28rem;
    height: .48rem; line-height: .48rem; display: block}
footer ul li img{display: inline-block; height: .48rem;width: auto; margin-right: .18rem; float: left;}

.m_gdtable{width: 92%; margin: 0 auto; height: 6rem; overflow-y: scroll; position: relative;    border-bottom: 1px solid #000;}
.m_gdtable li,.m_gdtable li *{font-size: .36rem; overflow: hidden;}
.m_gdtable .u_gdtable1{color: #007aff;}
.m_gdtable .u_gdtable2{ color: #a2a2a2;}
.m_gdtable li{padding: 0 0rem;border-top: 1px solid #000;}
.m_gdtable li span{display: block; float: left; text-align: center; font-size: .26rem; background: #fff;
    border-left: 1px solid #000;height: .7rem; line-height: .7rem;  padding: .1rem 0;}
.m_gdtable li span.s_zishu1{ line-height: .36rem; }
.m_gdtable li span:first-child{border: none;}
.m_gdtable li span:nth-child(1){width: 39%;}
.m_gdtable li span:nth-child(2){width: 20%;}
.m_gdtable li span:nth-child(3){width: 20%;}
.m_gdtable li span:nth-child(4){width: 20%;}

.m_gdtable1{width: 92%; margin: 0 auto; height: .8rem;overflow-y: scroll;  position: relative;}
.m_gdtable1 li,.m_gdtable1 li *{font-size: .36rem; overflow: hidden;}
.m_gdtable1 .u_gdtable1{color: #007aff;}
.m_gdtable1 .u_gdtable2{ color: #a2a2a2;}
.m_gdtable1 li{padding: 0 0rem;border-top: 1px solid #000;}
.m_gdtable1 li span{display: block; float: left; text-align: center; font-size: .26rem;
    border-left: 1px solid #000;height: .7rem; line-height: .7rem;  padding: .1rem 0;
}
.m_gdtable1 li span.s_zishu1{ line-height: .36rem; }
.m_gdtable1 li span:first-child{border: none;}
.m_gdtable1 li:first-child  span{

    font-weight: bold; background: #fbc948; font-size: .33rem; color: #000; height: .6rem; line-height: .6rem;
}
.m_gdtable1 li span:nth-child(1){width: 39%;}
.m_gdtable1 li span:nth-child(2){width: 20%;}
.m_gdtable1 li span:nth-child(3){width: 20%;}
.m_gdtable1 li span:nth-child(4){width: 20%;}

.u_imglink1,.u_imglink2,.u_imglink3{cursor: pointer;}

.u_part2{
	background: url("../image/bg3.png") no-repeat center top /100% auto;
	overflow: hidden; width: 96%; margin: .2rem auto 0; height: 12rem;
}
.u_part2 > div{
	display: flex; flex-wrap: wrap;  width: 100%; justify-content: center;
}
.u_part2 > div img{width: 45%; margin: .06rem;}
.u_part2 > div:nth-child(1){margin-top: 1.65rem;}
.u_part2 > div:nth-child(2){margin-top: 1.5rem;}

body{
	background: url("../image/bg1.png") #fff no-repeat center top /100% auto;
}

.mt10{margin-top: .1rem;}
.mt15{margin-top: .15rem;}
.mt20{margin-top: .2rem;}
.mt25{margin-top: .25rem;}
.mt30{margin-top: .3rem;}
.mt35{margin-top: .35rem;}

.m_tab{
	display: flex; justify-content: center; align-items: flex-start;
}
.m_tab .u_tab img{
	width: auto; height: 1.9rem; padding: 0 .15rem; cursor: pointer;
}

.mall_bg{
    background: url("../image/er.png")  no-repeat center top /100% auto; padding: .5rem 0;
}
