@media screen and (max-width:1200px){
.navBtn{width: 34px; height: 24px; position:absolute; right:5px; top:56px;  cursor: pointer; display:block; }
.navBtn:before,.navBtn:after{ content: ''; height: 4px; background: #06499f; 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: #06499f; position: absolute; left: 0; top: 10px;z-index:9999999999 }
.navnu_inner li{ height:40px; line-height:40px;}
.navnu_inner li a{ display:block; font-size:16px; color:#fff; font-weight:bold}
.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 .navnu_inner{ transition:all 0.5s ease 0s; display:block;-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft}
.navnu_inner{ position:absolute; display:none; top:99px; z-index:9999999999; width:100%; background:#06499f; height:100%; padding:2rem 0 0 0 ; transition:all 0.5s ease 0s; right:0; text-align:center;}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px)}
100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(20px)}
100%{opacity:1;-moz-transform:translateX(0)}}
.nav_ul{ display:none}
h1{ margin:0; padding:10px 0;}
h1 img{ width:auto; height:50px;}
.flex-prev{ top:50%; margin-top:-33.5px; left:30px;}
.flex-next{top:50%; margin-top:-33.5px; right:30px;}
.feed{ display: none; }
.box{ width:100%; padding:0 5px; box-sizing:border-box}
.peak{ background: none; }
.search{ display: none; }
.nav{ display: none; }
.cata_pul{ display: none; }
.catalog{ float: none; width: 100% }
.cata_ul{ overflow: hidden; }
.cata_ul li{ float: left; width: 50%; padding: 0 5px; box-sizing: border-box; }
.details{ float: none; width: 100%; padding-top: 30px; }
.position{ display: none; }
.about{ padding: 30px 0 40px 0; }
.about_img{ float: none!important; width: 100%!important; text-align: center!important; margin:0 0 20px 0!important; }
.about img{ width: auto!important height: auto!important; max-width: 100%!important; }
.foot_recu{ display:block;}
.foot{ display: none; }
.add{ height: auto; line-height: 30px; padding: 10px 0; }
.contact{ padding: 30px 0; }
.contact img{ width: auto; height: auto; max-width: 100%; }
.Requirement{ margin: 30px 0; }
.recu ul{ background:#f7f7f7; }
.news{ padding-bottom: 30px; }
.depth{ padding-top:30px; }
.depth dt{ float: none; width: 100%; height: auto; }
.depth dt img{ width: 100%; height: auto; }
.depth dd{ width: 100%; float: none; }
.depth dd a{ height: 50px; line-height: 50px; font-size: 16px; }
.depth dd .depth_zi{ height: auto; }
.depth dd em{ height: 40px; line-height: 40px; }
.time_dl{ margin-top: 30px; }
.time_dl dt{ margin: 0 auto 10px; float: none; }
.time_dl dd{ float: none; width: 100%; height: auto; background: none; padding: 0; }
.time_dl dd a{ font-size: 14px; height: auto; }
.time_dl dd .time_div{ height: auto;font-size: 12px; }
.news_info{ padding-top:0; }
.news_word img{ width: 100%; height: auto; max-width: 100%; }
.proul li{ width: 50%; margin: 30px 0 0 0; padding: 0 5px; box-sizing: border-box; }
.proul li span{}
.proul li span img{ width: auto; height: auto; max-width: 100%; }
.pro_word img{ width: auto; height: auto; max-width: 100%; }
.prodl{ padding-bottom: 30px; }
.prodl dt{ float: none; width: 100%; margin: 0 0 10px 0; border: none; text-align: center; }
.prodl dt img{ width: auto; height: auto; max-width: 100%; }
.prodl dd{ width: 100%; float: none; }
.us_dl dt{ float: none; width: 100%; text-align: center; }
.us_dl dt img{ width: auto; height: auto; max-width: 100%; }
.us_dl dd{ float: none; width: 100%; }
.us_dl dd a{ text-align: center; }
.us_dl dd .us_zi{ height: auto; }
.box_left{ float: none; width: 100%; }
.press{ margin-bottom: 30px; }
.press_left{ float: none; margin: 0 auto 10px; }
.press_right{ float: none; width: 100%; }
.press_dl dt{ text-align: center; height: auto; line-height: 30px; }
.press_dl dt a{ float:none; width: 100%; }
.press_dl dt em{ float: none; width: 100%; }
.press_dl dd{ height: auto; padding-top: 10px; }
.press_ul{ margin: 0; }
.press_ul li{ margin: 0; width: 100%; float: none; }
.skill_dl dt{ float: none; margin: 0 auto 10px }
.skill_dl dd{ float: none; width: 100%; }
.skill_dl dd a{ text-align: center; }
.skill_div{ height: auto; }

.box_right{ float: none; width: 100%; }
.pro_dl{ padding: 0 10px; }
.course_pc{ display: none; }
.sourse_phone{ display: block; }
.course_ul{ padding: 0; background: none; }
.course_ul li{ height: auto; margin-bottom: 20px; }
.course_li .course_right{ float: none; width: 100%; margin: 0; padding: 0; background: none; height: 60px; line-height: 60px; text-align: center; margin-bottom: 20px; }
.course_li .course_left{ float: none; width: 100%; }
.course_li .course_left dt{ float: none; width: 100%; height: auto; margin-bottom: 10px; text-align: center; }
.course_left dt img{ width: auto; height: auto; max-width: 100%; }
.course_li .course_left dd{ background: none; width: 100%; float: none; margin: 0; padding: 0; height: auto; line-height: 30px; font-size: 14px; }
.course{ margin: 0; padding: 10px 0 30px 0; }
.course_tit{ text-align: center; }
.begin .flexslider{ height: auto; overflow: hidden; }


}








@media screen and (max-width:768px){
}
@media screen and (max-width:414px){
.a_banner{ background-size:cover!important; height:108px!important;}



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

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


@media screen and (min-width:1201px){
}