@media only screen and ( max-width: 640px ) {
    *{-webkit-overflow-scrolling: touch;overflow-scrolling: touch;}
    html{ font-size: 62.5%;}
    a{font-size: 1.2rem;}
    body.open-menu{ overflow: hidden;}
    body.open-menu .layadmin-body-shade{ transition: 0.3s; position: fixed; width: 100%; height: 100%; top: 0;left: 0; -webkit-transform:translate3d(15rem,0,0);  z-index: 999; background:rgba(0,0,0,0.3); overflow: hidden;}
    body > .header,body > .main_box{ transition: 0.3s;}
    body.open-menu > .model-header,body.open-menu > .main_box{ -webkit-transform:translate3d(15rem,0,0);transform:translate3d(15rem,0,0);}
    .wrap{ width:90%;margin: 0 auto;}
    body > .nav{ width:15rem;-webkit-transform:translate3d(-15rem,0,0);transform:translate3d(-15rem,0,0); transition: 0.3s;}
    body.open-menu .nav{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}

    .header_r{display: none;}
    .header_center{justify-content: center;position: relative; height: 6rem;}

    .nav .layui-nav-tree{position: absolute; left: 0; min-height: 100%; padding:1rem 0;background: #202121; border-radius:0; width: 100%;}
    .nav .layui-nav .layui-nav-item{border-bottom: 1px solid rgba(255,255,255,0.2);}
    .nav .layui-nav .layui-nav-item p{padding:0 2rem; display: flex;position: relative;}
    .nav .layui-nav .layui-nav-item p a{ display: flex; align-items: center;padding: 0;  font-size:1.6rem; background:none; color:rgba(255,255,255,.7) !important;}
    .nav .layui-nav .layui-nav-item p a img{margin-right:1rem;}
    .nav .layui-nav .layui-nav-item.layui-this p a{ color: #fff !important; }
    .nav .layui-nav-tree .layui-nav-child{ top:0; border-radius: 0;}
    .nav .layui-nav .layui-nav-item.layui-this p{background:#000;}
    .nav .layui-nav-tree .layui-nav-child dd.layui-this,.nav .layui-nav-tree .layui-nav-child dd.layui-this a,.nav  .layui-nav-tree .layui-this,.nav .layui-nav-tree.layui-this>a,.nav  .layui-nav-tree .layui-this>a:hover{ background: none; }

    .nav .layui-nav-tree .layui-nav-more{ display: block;}
    .nav .layui-nav-itemed>.layui-nav-child{ background-color:#202121 !important;}
    .nav .layui-nav .layui-nav-child dd{border-top: 1px solid rgba(255,255,255,0.2);}
    .nav .layui-nav .layui-nav-item .layui-nav-child a{padding: 0 2rem 0 3rem; font-size: 1.6rem; color: #fff;}

    .pc_nav{display:none;}
    .mobile_nav{display: block;}
    .layui-nav-tree .layui-nav-item a:hover{ background:none;}
    .main_box{position: relative;top:6rem;left: 0;right: 0; bottom: 0; overflow: auto;width: 100%;}
    .header{position: fixed; top: 0; width: 100%; z-index: 99;}
    body.open-menu .main_box{position: fixed;}

    .main{ }
    .header .nav{ display: none;}
    .nav_menu {display:block;position: absolute; width: 20px; height: 14px;cursor: pointer;left: 0; top:2.3rem; z-index: 99;}
    .nav_menu .line {position: absolute;display: block;width: 100%;height: 2px;background-color: #fff;left: 0;transition: all .5s ease;margin: 0;}
    .nav_menu .line1 {top: 0;-webkit-transform-origin: left top 0;-ms-transform-origin: left top 0;transform-origin: left top 0; }
    .nav_menu .line2 {  top: 7px; }
    .nav_menu .line3 {top: 100%;-webkit-transform-origin: left bottom 0;-ms-transform-origin: left bottom 0;transform-origin: left bottom 0; }
    .nav_menu.cur .line1 {transform: rotate(47deg); }
    .nav_menu.cur .line2 {display: none; }
    .nav_menu.cur .line3 {transform: rotate(-47deg); }

    .model-nav{display: none;}
    .model-header{padding: 0 !important;background: #000 !important; border-bottom: none !important;}
    .model-logo img{height:4rem;}

    .model-banner .swiper-slide img{ width: 100%;}
    .model-banner .swiper-pagination{ bottom:1rem;}
    .model-banner .swiper-pagination-bullet{ margin: 0 0.5rem !important; width:0.6rem;height:0.6rem;}
    .model-banner .swiper-button{ width:1.8rem; height:3rem;top:35%;}
    .model-banner .swiper-button i:before{ font-size:1.8rem;}
    .model-banner .swiper-button.swiper-button-prev{left: 10px;}
    .model-banner .swiper-button.swiper-button-next{right: 10px;}
    .n_banner{position: relative; height: auto;}
    .n_banner img{ display: block; width: 100%;}
    .warp01{padding:2rem 0 1rem;}
    .base_title{padding:2rem 0 1rem;}
    .base_title p{font-size: 1.6rem;}
    .base_title span{font-size:2rem;line-height: 4rem;}
    .base_title.about:before{bottom: 4.5rem;width: 25%;}
    .base_title.about:after{bottom: 4.5rem; width: 25%;}
    .base_title.about .wrap:after{height: 150%;}
    .base_title.small{padding:2rem 0 1rem;text-align: center;}
    .base_title.small p{font-size: 1.4rem;line-height: 2rem;}
    .base_title.small span{font-size:1.8rem;line-height: 3rem;padding-bottom: 0.5rem;}
    .base_title.hx{text-align: left;}

    .about_content{margin-top:1rem;display: block;}
    .warp01-left{width: 100%;}
    .warp01-right{width: 100%;line-height: 2rem;font-size: 1.2rem;}
    .warp-tit{text-align: center;}
    .warp-tit p{font-size:1.4rem;padding:1rem 0; line-height: 2rem;}
    .warp01-left-text{text-align:center;padding:1.5rem 0;}
    .warp01-right-text p{padding-bottom: 1rem;}
    .warp01-right .warp-btn{margin-top:1rem;text-align: center;}
    .warp-btn a{width:8rem; font-size:1rem; height: 2.4rem; line-height: 2.4rem;}

    .warp03{background: #000; overflow: hidden;}
    .warp03 .wrap{display: block;}
    .warp03-left{ width:100%;margin: 2rem 0;}
    .warp03-con{width: 100%;margin-bottom: 2rem;}
    .warp-tit h4{font-size:1.6rem; line-height: 2rem;}
    .warp03 .warp-tit p{font-size: 2rem;padding:0.5rem 0 1rem;}
    .warp03 .warp-tit i{height:1px;}
    .warp03-left-text{padding: 2rem 0; margin: 0; text-align: center;}
    .warp03-con li{}

    .warp05{margin: 2rem 0;}
    .warp05-con{margin-top:0;}
    .model-studentList li > p{line-height: 2rem; height: 2rem;font-size: 1rem;}
    .swiper-kj{margin:1.5rem 0;}

    .warp07{padding: 3rem 0;}
    .tab_list .layui-tab-title{margin-bottom: 2rem;}
    .warp07 .content:after{top:5rem}

    .tab_list{ width:100%;}
    .tab_list .layui-tab-title li{font-size: 1.4rem;line-height:2.5rem;}

    .warp09 .content li .img{width: 100%;}
    .warp09 .content li .text{padding:1rem 0.5rem;}
    .warp09 .content:after{top:20.3rem;}
    .warp09 .content{margin-bottom: 5rem;}
    .model-footer-top{ display: none;}
    .model-footer-bottom{padding: 2rem; text-align: center; font-size: 1.2rem;line-height: 2rem;}

    .warp07 .news_list li .ri{font-size:2.4rem;}
    .warp07 .news_list li .yue{font-size:1rem;margin: 0;}
    .warp07 .news_list li .title {font-size: 1.4rem;}
    .warp07 .news_list li .text{font-size: 1.2rem;line-height:1.8rem;}
    .warp07 .news_list li .more.warp-btn-a a{height: 2rem; line-height: 2rem;}


    .profile{display: block;}
    .profile .left{display: flex;justify-content: center;margin-top: 3rem;}
    .profile .left img{max-height:10rem;}
    .profile .right{margin: 0;width: 100%;}
    .profile .right .text{line-height: 2rem;}
    .profile .right .ms{text-align: center;}
    .profile .right .ms:before{left: 50%;margin-left: -15px;}
    .profile .right .nr{font-size: 1.2rem;}

    .founder .wrap{padding:3rem 0;display: block;}
    .founder .wrap .left{width: 100%;}
    .founder .wrap .left .ms{font-size: 1.4rem;line-height: 3rem;}
    .founder .wrap .left .nr{font-size: 1.4rem;margin: 3rem 0;}
    .founder .wrap .left .nr .text{line-height: 3rem;}
    .founder .wrap .right{width: 100%;}
    .founder .wrap .right img{width: 100%;}

    .warp04-con dl{padding:1.2rem 2rem; background-position:28rem center;}
    .warp04-con dt{font-size: 1.4rem;}
    .warp04-con dd{font-size: 1.2rem;padding-top:0.5rem;}


    .warp04-con{margin-top: 3rem;}
    .competition:after{width: 100%;}
    .honor_list{margin:2rem 0 5rem;flex-flow: row wrap;}
    .honor_list li{height:8rem;padding:0.4rem;width:31%;margin-bottom:1rem;}

    .service_list{padding:2rem 0;}
    .service_list .wrap{ display: block;}
    .service_left{width: 100%;}
    .service_box{margin-bottom: 2rem;}
    .service_box:nth-child(odd):before{ display: none;}
    .service_list .warp-tit{margin-top:1rem;}
    .service_list .warp-tit p{font-size: 1.8rem; line-height: 3rem;padding: 0;}
    .service_left_text{margin-top:2rem; text-align: center;}
    .service_con{ margin-top: 3rem; width: 100%; height: auto;}
    .service_box:nth-child(even){ padding-top: 2rem;}
    .service_box:before{   width:100%;}

    .category_list{margin: 2rem 0; display: flex;justify-content: space-between; align-items: center;}
    .category_list li{width:46%; text-align: center; padding: 0;margin:0 0 2rem;}
    .category_list li:nth-last-child(2),.category_list li:last-child{margin-bottom: 0;}

    .model-pageMain-courseList ul li{height: auto;margin-top: 3rem;}
    .model-pageMain-courseList .li-con{padding:2rem;float: none;}
    .model-pageMain-courseList .li-img{display: none;}
    .model-pageMain-courseList .li-text{width: 100%;}
    .model-pageMain-courseList .li-text sup{font-size: 1.2rem;}
    .model-pageMain-courseList .li-text h4{font-size:1.8rem;line-height:2rem;margin-top: 1rem;}
    .model-pageMain-courseList .li-text p{line-height: 2rem;height: auto;padding-bottom: 1rem;font-size: 1.4rem;}
    .model-pageMain-courseList .li-text .nr{font-size: 1.2rem; line-height: 2rem;}
    .model-pageMain-courseList .li-text span{margin-top: 2rem;}
    .model-pageMain-courseList dl{float: none;position: absolute;width: auto;top:-10%; right:-10%; transform:scale(0.4);}
    .model-pageMain-courseList dt{display: flex;justify-content: center; align-items: center;}
    .model-pageMain-courseList dd{display:none;}
    .model-pageMain-courseList dt p{padding: 0;}

    .layui-flow-more{margin: 3rem 0;}
    .course_detail .title{font-size: 2rem;}
    .cat{margin:2rem 0;}
    .course_detail .content{margin: 3rem 0;padding: 2rem; line-height: 2rem; font-size: 1.2rem;}
    .model-courseDel-warp03{padding: 2rem 0;margin-bottom:3rem;}
    .page-warp-tit{margin-bottom: 2rem;}
    .page-warp-tit h4{font-size:1.8rem;line-height: 3rem;}
    .model-courseDel-warp03-bottom{width: 100%;background-size:100% 100% !important; margin-top: 3rem; height: 5.5rem;}
    .model-courseDel-warp03-bottom dl{padding-top:1rem;}
    .model-courseDel-warp03-bottom dd{padding: 0 3%;font-size:0.8rem;}
    .page-warp-tit-a h4{font-size: 1.4rem;}
    .page-warp-tit-a{margin-bottom: 0.5rem;}
    .page-warp-tit-a i{margin-top:0.2rem;}

    .teacher_list li{margin-bottom:2rem; padding-bottom:1rem;}
    .teacher_list li .left{width: 30%;height: auto;display: flex; align-items: center; justify-content: center;background: #000;display: none;}
    .teacher_list li .left img{height: auto; width:auto; max-height: 100%; max-width: 100%;}
    .teacher_list li .right{width: 100%;}
    .teacher_list li .right .title{margin: 1rem 0 2rem; font-size: 1.6rem;}
    .teacher_list li .right .content{font-size: 1.4rem; line-height:3rem;}

    .modeler_cat{ flex-flow: row wrap; justify-content: space-between;margin-bottom: 2rem;}
    .modeler_cat li{margin: 0 0 1rem;width: 30%;}

    .modeler .model-studentList{margin-bottom:5rem;}
    .modeler .model-studentList ul{margin: 0;display: flex; justify-content: space-between;flex-flow: row wrap;}
    .modeler .model-studentList ul li{width: 48%;margin: 0 0 1.5rem;height:23.5rem;}
    .modeler .model-studentList ul li:nth-last-child(-n+2){margin-bottom: 0;}

    .pagination{margin-bottom: 3rem;}
    .statistics{display: none;}

    .news .news_list li{padding: 1rem 0;margin-bottom: 1rem;}
    .news .news_list li .img{display: none;}
    .news .news_list li .box{width: 100%;}
    .news .news_list li .box .time{font-size: 1.2rem;}
    .news .news_list li .box .title{margin:0.5rem 0 ;}
    .news .news_list li .box .title a{font-size: 1.6rem;}
    .news .news_list li .box .text{font-size: 1.2rem; line-height:2rem;margin-bottom:2rem;}

    .news_detail .title{font-size:2rem;}
    .news_detail .content{margin: 5rem 0;padding: 2rem;line-height: 2rem; font-size: 1.2rem;}

    .contact .content{display: block;}
    .contact .content .left{width:auto;padding-left:3rem;line-height:2.5rem;font-size: 1.4rem;margin-bottom: 2rem;}
    .contact .content .right{width: 100%;display: flex; justify-content: space-between;}
    .contact .content .right li{margin: 0;}
    .contact .content_box{margin-bottom: 5rem;}
    .contact .content .right li p{font-size:1rem;}

    .model-contact-warp02 .model-contact-tit h4{font-size: 1.8rem;}
    .model-contact-tit p{padding: 0;}
    .model-contact-warp02{padding: 3rem 0;}
    .model-contact-warp02-form{margin-top:2rem;}
    .model-contact-warp02-form .fl{width: 100%;}
    .model-contact-warp02-form .fl p{font-size: 1.2rem;padding:1rem 0;}
    .model-contact-warp02-form .form-control{line-height: 3rem;height: 3rem;}
    .model-contact-warp02-form .fr{width: 100%;}
    .model-contact-warp02-form .yzm .form-control{width:35%;}
    .model-contact-warp02-form .yzm img{height: 3rem;}
    .model-contact-warp02-form .btn{height:4rem; line-height:normal; font-size: 1.4rem;width: 100%;}
    #dituContent{height:25rem;}

    .modeler_detail .title{font-size: 2rem;}
    .modeler_detail .content{flex-flow: row wrap;margin: 3rem 0;}
    .modeler_detail .content .left{width: 100%;padding: 2rem; line-height: 2rem; font-size: 1.2rem;margin-bottom: 2rem;}
    .modeler_detail .content .right{width: 100%;}
    .swiper-button-jt{width: 3rem; height: 3rem;}
    .swiper-button-jt i{font-size:3rem;}

}