@media screen and (max-width:1200px){
.navBtn{width: 34px; height: 24px; z-index: 9999999; position:fixed; right:10px; top:24px;  cursor: pointer; display:block; }
.navBtn:before,.navBtn:after{ content: ''; height: 4px; background: #c7000a; 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: #c7000a; 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; opacity: .8; display:block;-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft}
.navnu_inner{ position:fixed; display:none; top:70px; z-index:9999999999; width:60%; background:#000; 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{ display:none}
.head{ height:auto}
.box{ width:100%; padding:0 10px; box-sizing:border-box}
h1{ margin:10px 0; line-height: inherit;}
h1 img{ height:50px; width:auto}

.case{ height:586px; background-size:cover}
.case_inner{ padding-top:30px;}
.index_tit h3{ font-size:24px; height:50px; line-height:50px;}
.index_tit span{ height:auto; font-size:12px;}
.case_scroll{ width:238px; margin-left:-119px; left:50%;}
.case_left{ left:0;}
.case_right{ right:0;}
.innovate_inner{ width:100%; padding-top:30px;}
.innov_see{ margin:20px auto;}
.inn_ul{ padding-bottom:30px;}
.inn_ul li{ width:50%;}
.press_div{ padding-top:30px;}
.press_left{ float:none; width:100%; margin-bottom:20px;}
.img_dl dt{ width:100%; height:auto; text-align:center}
.img_dl dd .img_tit{ text-align:center; height:auto;}

.img_dl dd .img_div{ height:auto}
.img_dl dd .img_more{ margin:10px auto 0;}
.press_right{ float:none; width:100%; margin:0; padding-bottom:30px;}
.press_dl dt{ float:none; margin:0 auto 10px;}
.press_dl dd{ float:none; width:100%;}
.press_dl dd .press_zi{ height:auto;}
.press_dl dd a{ text-align:center; height:auto; font-size:14px; line-height:30px; padding-bottom:10px;}
.link{ height:auto; line-height:inherit; padding:100px 10px;box-sizing:border-box}
.link img{ width:auto; height:auto; max-width:100%;}
.plat{ float:none; width:100%; padding:30px 10px; box-sizing:border-box}
.plat_h3{ text-align:center; font-size:24px; height:auto; line-height:50px; margin-bottom:10px;}
.con{ height:auto; margin-bottom:14px;}

.plat_see{ margin:10px auto 0;}
.a_banner{ background-size:cover!important; height:380px!important;}
.catalog li .cata_la a{ height: 30px; line-height: 30px; display: block; width: 100%; padding: 0; margin: 5px 0; font-size: 12px; color: #fff; }
.join{ margin:30px 0; width:100%; padding:0 10px; box-sizing:border-box}
.join_tigong{ height:60px; line-height:60px; text-indent:20px;}
.catalog li .cata_la{ position: static;  height: auto; border: none; }
.join_dl{ padding:0 10px;}
.join_img{ padding:20px 0!important;}
.join_img img{ width:auto; height:auto; max-width:100%;}
.resume{ float:none; margin:30px auto;}

.ser img{ width:auto; height:auto; max-width:100%;}
.catalog{ margin:15px 0 0 ; height:auto; line-height:inherit; padding:10px 0; background:none;}
.catalog li{ display:block; width:50%; margin:0; float:left; height:auto; line-height:45px; padding:0 5px; box-sizing:border-box; margin-bottom:5px;}
.catalog li a{ color:#fff; display:block; background:url(../images/nav.png) left top}
.about{ padding:20px 0;}

.about_left{ float:none!important; width:100%!important;}
.about_right{ float:none!important; width:100%!important; padding-top:20px!important;}
.about_right img{ width:auto; height:auto; max-width:100%;}

.img_dl dt img{ width:auto; height:auto; max-width:100%;}

.inn_ul li em{ font-size:48px!important;}
.about img{ width: auto!important; height: auto!important; max-width: 100%!important; }
.foot{ display:none;}
.add{ height:auto; line-height:inherit; padding:10px 0;}
.add_left{ display:none;}
.add_right{ width:100%; text-align:center; float:none;}
.foot{ padding-bottom:20px}
.foot_left{ float:none; width:100%;}
.yaq_right{ float:none; padding:20px 0 0 0;}
.yaq_left{ float:none;}
.yaq_left span{ display:none;}
.foot_recu{ display:block}

.contact{ padding:30px 0;}
.cont_top{ padding-bottom:30px;}
.cont_t{ float:none; width:100%;}
.cont_map{ float:none; width:100%; text-align:center; padding-top:10px;}
.cont_map img{ width:auto; height:auto; max-width:100%;}

.cont_area{ margin:0;}
.cont_form{ margin:0;}
.cont_div{ float:none; width:100%; margin:0;}
.cont_form span{ display:block; float:none; width:100%;}
.cont_txt,.cont_form textarea{ width:90%;}
.cont_bottom em{ height:auto; line-height:30px; font-size:14px;}
.policy_dl{ padding:20px 10px; box-sizing:border-box; width:100%;}
.policy_dl dt{ float:none; width:100%; height:auto; text-align:center; margin-bottom:15px;}
.policy_dl dt img{ width:auto; height:auto; max-width:100%;}

.policy_dl dd{ float:none; width:100%;}
.policy_tit{ text-align:center; height:auto}
.policy_dl dd em{ text-align:center}
.policy_dl dd i{ margin:10px auto}
.policy_zi{ height:auto;}
.policy_dl dd .policy_see{ margin:10px auto;}
.policy_word img{ width:auto; height:auto; max-width:100%;}


.sign{ margin: 50px auto; background-size: cover; height: auto; }
.sign_inner{ width: 100%; margin-top: 50px;}
.sign_div{ padding-left: 10px; }
.sign_div input{ width: 200px; }
.sign_sub{ width: 100%; }
.pc_banner{ display: none; }
.phone_banner{ display: block!important; margin-top: 70px; }
.flex-control-nav{ bottom: 20px; }
.float_qq{ display: none; }






}








@media screen and (max-width:768px){
}
@media screen and (max-width:414px){
.a_banner{ background-size:cover!important; height:195px!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){
}