@media screen and (max-width:1200px){
.box,.head_inner{ width:100%; padding:0 5px; box-sizing:border-box;}
.navBtn{width: 34px; height: 24px; position:absolute; right:5px; top:46px;  cursor: pointer; display:block; }
.navBtn:before,.navBtn:after{ content: ''; height: 4px; background: #fff; width: 100%; position: absolute; left: 0; top: 0; transition: all 0.3s ease 0s; z-index:9999999999}
.navBtn:after{ bottom: 0; top: auto; }
.cbtn{ height: 4px; width: 100%; background: #fff; position: absolute; left: 0; top: 10px;z-index:9999999999 }
.nav_inner{display:none; position:absolute; left:0; top:90px; z-index:9999999999; width:100%; background:url(../images/spanbj.png); height:100%;}
.nav_inner a{ display:block; height:36px; line-height:36px; text-align:center; font-size:16px; color:#fff;}

.toshow .navBtn:before{ -webkit-transform: rotate(135deg) translate(7px,-6px); -ms-transform: rotate(135deg) translate(7px,-6px); transform: rotate(135deg) translate(7px,-6px); }
.toshow .navBtn:after{ -webkit-transform: rotate(-135deg) translate(9px,6px); -ms-transform: rotate(-135deg) translate(9px,6px); transform: rotate(-135deg) translate(9px,6px); }
.toshow .cbtn{ opacity: 0; filter: alpha(opacity=0);}
.toshow .nav_inner{ display:block}
.dive_pc{ display:none;}
.div_phone{ display:block!important;}
.nav{ display:none;}
.pc_logo{ display:none;}
.phone_logo{ display:block;}
iframe{ width:100%!important; height:auto;}
.head{ position:static; height:70px; padding:10px 0; background-size:cover;}
.information{ display:none;}
.language{ float:right; padding-top:0;}
.index_right{ right:8px;}
.index_left{ left:8px;}
.foot{ padding:15px 0;}
.foot_left{ float:none; width:100%;}
.foot_left p{ height:auto;}
.foot_nav{ height:auto;}
.foot_right{ float:none; width:100%; margin-top:20px;}

.a_banner{ background-size:cover!important; }
.team_info img{ width: auto!important; height: auto!important; max-width: 100%!important; }
.catalog{ float:none; width:100%;}
.catalog h3{ height:auto; line-height:inherit; text-align:center;}
.catalog h3 img{ width:auto; height:90px;}
.cata_ul a{ height:55px; line-height:55px;}

.current{ display:none;}
.yard{ padding:20px 0 50px 0;}
.top_dl{ padding:10px 0;}
.top_dl dt{ float:none; width:100%; height:auto; margin:0;}
.top_dl dt img{ width:auto; height:auto; max-width:100%; opacity:1;}

.details{ float:none; width:100%;}
.top_dl dd{ float:none; width:100%;}
.top_dl dd a{ height:auto; line-height:30px; font-size:20px; text-align:center; margin-bottom:10px;}
.top_dl dd .yard_zi{ height:auto; margin-bottom:10px;}
.top_dl dd em{ display:none;}

.bottom_dl{ margin-top:20px;}
.bottom_dl dt{ float:none; margin:0 auto 10px;}
.bottom_dl dd{ float:none; width:100%;}
.yard_tit{ text-align:center; height:auto; line-height:inherit}
.yard_tit a{ float:none; width:100%; line-height:40px;}
.yard_tit em{ float:none; width:100%; font-size:14px; line-height:30px;}
.bottom_dl dd .yard_div{ height:auto;}
.bottom_dl dd .yard_see{ margin:0 auto 10px;}
.release{ padding:20px 0 5px 0;}
.release h3{ font-size:20px; height:40px; line-height:40px;}
.yard_word img,.about img,.course_word img{ width:auto!important; height:auto!important; max-width:100%!important;}

.course{ margin:0;}
.course li{ margin:30px 0 0 0; width:50%; padding:0 5px; box-sizing:border-box;}
.course li span{ width:100%; height:100%;}
.course li span img{ width:auto; height:auto; max-width:100%;}

.course_dl dt{ float:none; margin:0 auto;}
.course_dl dd{ float:none;width:100%; height:auto;}

.gee_ul{ margin:20px 0 50px 0;}
.gee_ul li{ margin:30px 0 0 0; width:50%; padding:0 5px; box-sizing:border-box; text-align:center;}

.gee_ul li img{ width:auto; height:auto; max-width:100%;}
.gee_ul li .gee_div{ margin-left:-126px; left:50%;}

.team_dl{ margin-top:30px;}
.team_dl dt{ float:none; margin:0 auto 10px;}
.team_dl dd{ width:100%; float:none; height:auto; padding:10px;}
.team_dl dd .team_zi{ height:auto;}
.phone_banner{ display:block}
.pc_banner{ display:none}

.style{ margin-top:30px;}

.style_div{ height: auto; position: static; overflow: hidden; width: 100%; }
.sytle_pic{ position:relative; width: 50%; float: left;  padding: 0 5px; box-sizing: border-box; height: auto; top: 0;}
.style_tu{ display: none; }
.sytle_pic span{ display: block; position: absolute; left: 0; bottom: 0; font-size: 16px; color: #fff; height: 40px; line-height: 40px; text-align: center; width: 100%;}
.index_tit{ padding: 0 5px; }
.index_tit img{ width: auto; height: auto; max-width: 100%; }

.group{ padding-top: 30px; }
.groud_inner{ margin-top: 30px; height: auto; background-size: cover;}
.groud_box .ground1{ display: none; }
.groud_box{ width: 100%; padding: 0 5px; overflow: hidden; box-sizing: border-box; position: static; height: auto; padding-bottom: 30px; background-size: cover; padding-top: 30px; }
.groud_box a{ position: static!important;  width: 50%!important; height: auto!important; float: left; padding: 10px 5px; box-sizing: border-box; text-align: center;}
.groud_box a img{ width: auto; height: auto; max-width: 100%; }

.level_pic{ display: none; }
.curricula{ padding-top: 30px; }
.level{ margin-top: 30px; height: auto; }
.level_ul{ padding: 30px 0; }

.level_ul li{ background: none; width: 33.3%; margin:0; padding: 0 5px; box-sizing: border-box; height: auto;  }
.level_ul li a{ background: url(../images/levebj.png) left top no-repeat; background-size: cover; display: block; padding-bottom: 40px; border-radius: 5px; }
.level_ul li .leve_zi{ height: auto; }
.map_left{ float: none; width: 100%; text-align: center; height: auto; }
.map_left img{ width: auto; height: auto; max-width: 100%; }

.map_right{ float: none; width: 100%; }
.map_txt,.map select{ display: block; width: 100%; box-sizing: border-box; }
.map_sub{ width: 100%; }
.map_call{ display: none; }

.int_scroll .gee_ul li{ padding: 0; margin: 0 }
.int_scroll{ width: 350px; margin-left: -175px; left: 50%; }
.int_scroll .gee_ul li .gee_div{ left: 0; margin-left: 0 }
}








@media screen and (max-width:768px){
}
@media screen and (max-width:414px){
.a_banner{ height:220px!important;}
.course li{ float:none; width:100%;}
.course li span img{ width:auto; height:auto; width:100%;}
.gee_ul li{ float:none; width:100%; height:auto;}

.sytle_pic{ width: 100%; float:none; padding: 0; margin-bottom: 15px; }
.level_ul li{ float:none; width: 100%; margin-bottom: 15px; }
}

@media screen and (max-width:375px){
}

@media screen and (max-width:360px){
}

@media screen and (max-width:320px){
}

@media screen and (min-width:1201px){
.phnav{ display:none;}
}