@media screen and (max-width:1200px){
.bj_img{ display: none; }
.navBtn{width: 34px; height: 24px; position:absolute; right:5px; top:60px;  cursor: pointer; display:block; }
.navBtn:before,.navBtn:after{ content: ''; height: 4px; background: #014099; 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: #014099; position: absolute; left: 0; top: 10px;z-index:9999999999 }
.nav_inner li{ height:40px; line-height:40px;}
.nav_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 .nav_inner{ transition:all 0.5s ease 0s; display:block;-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft}
.nav_inner{ position:absolute; display:none; top:105px; z-index:9999999999; width:100%; background:#014099; 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)}}
.toshow .nav_inner{ display: block; }
.box{ width: 100%; padding:0 5px; box-sizing: border-box; }
.nav_ul{ display: none; }
.wel_left .wel_h3{  }
.head{ height: auto; padding: 20px 5px; }
h1{ padding: 0; }
.wel_right{ display: none; }
.navk{ display: none; }
h1 img{ width: 300px; height: auto; }
.foot_right{ float: none; width: 100%; padding: 20px 0; text-align: center;}
.foot_right em{ float: none; margin: 0 12px; display: inline-block; }
.foot_left{ width: 100%; float: none; }
.foot_nav{ display: none; }
.foot_add p{ height: auto; color: #fff; font-size: 12px; line-height: 24px; }
.foot_add p a{color: #fff; font-size: 12px; line-height: 24px;}
.foot_option{ display: none; }
.foot_add{ padding: 12px 0; }
.stir{ display: none; }
.focus{ margin: 30px 0 0px 0; }
.banner_float{ display: none; }
.focus_left{ float: none; width: 100%; height: auto; line-height: inherit; }
.rongyu_ul{ width: auto; text-align: center;  }
.rongyu_ul li{ width: 100%; height: 245px; line-height: 245px; }
.rongyu_ul li a{ height: 245px; line-height: 245px!important; }
.rongyu_ul li img{ width: auto; height: auto; max-width: 100%; line-height: inherit; }
.em_tit{ font-size: 12px; }
.focus_right{ padding-top: 20px; float: none; width: 100%; }
.focus_tit em{ font-size: 18px; }
.focusdl dt a{ font-size: 14px;  text-align: center; height: auto; }
.focusdl dd em{ text-align:center; }
.focusdiv{ height: auto; }
.focusul a{ font-size: 12px; }
.about p{ float: none!important; padding: 0!important; }
.about p img{ text-align: center!important; width: auto!important; height: auto!important; max-width: 100%!important; }
.oper_h3 i{ font-size: 24px; }
.oper_h3{ font-size: 16px; height: 80px; line-height: 80px; }
.come_div{ width: 100%!important; }
.oper_dl{ float: none; width: 100%; height: auto; }
.oper_phone{ display: block; }
.oper_pc{ display: none; }
.oper_dl { margin-bottom: 10px; background: none; }
.oper_dl dt{ float: none; width: 100%; text-align: center; height: auto; }
.oper_dl dd{ background: #07539c; width: 100%; float: none; margin-top: 10px;  padding: 20px 0; text-align: center;}
.oper_dl dd i{ font-size: 14px; color: #fff; height: 30px; line-height: 30px; }
.oper_dl em{ padding-top: 10px; }
.study{ padding-top: 10px; }
.innovate{ padding: 20px 5px; }
.inn_left{ float: none; width: 100%; }
.inn_tit{ text-align: center; background: none; font-size: 16px; height: 50px; line-height: 50px; margin-bottom: 10px; }
.inn_div{ height: auto; }
.inn_ul{ border: none; }
.inn_ul li{ border: none; width: 50%; padding: 0 5px; box-sizing: border-box; height: auto; text-align: center; margin-bottom: 10px; }
.inn_ul li a{ border: 1px solid #dedede; display: block; }
.link_see{ display: none; }
.inn_right{ float: none; width: 100%; text-align: center; height: auto; }
.inn_right img{ width: auto; height: auto; max-width: 100%; }
.act_aa img{ width: auto; height: auto; max-width: 100%}
.come{ height: auto; padding-top: 5px; }
.come_right{ float: none; width: 100%; }
.come_left{ float: none; }
.ent_ul li{ margin-right: 5px; width: auto; float: none; display: inline-block; }
.good img{ width: auto; height: auto; max-width: 100%; }
.wrap_inner{ width: 100%; padding: 0 5px; box-sizing: border-box; }
.position_right{ display: none; }
.position_left{ float: none; width: 100%; text-align:center; }
.position_left h3,.position_left .gs{  float: none; display: block; }
.position_left h3{ font-size: 40px;  }
.position_left .gs{ margin: 0; font-size: 20px; line-height: 40px; }
.position{ height: auto; padding-top: 20px; }
.catalog_ul li{ margin: 0 0px; }
.press_dl dt{ float:none; width: 100%; height: auto; margin: 0 0 20px 0; text-align: center; }
.press_dl dt img{ width: auto; height: auto; max-width:100%; }
.press_dl dd{ float: none; width: 100%; }
.press_dl dd .news_tit{ height: auto; line-height: 30px; text-align:center; font-size: 16px; font-weight: normal; }
.press_dl dd em{ text-align:center; }
.news_zi{ height: auto; font-size: 14px; }

.press_dl dd .news_see{ text-align: center; }
.xw_dl{ height: auto; }
.xw_dl dt{ float: none; margin: 0 auto 10px; display: block!important; }
.xw_dl dd{ padding: 0!important; float: none!important; width: 100%!important; height: auto!important; }
.g_a{ margin:20px auto; }
.g_time{ display: none; }
.xw_dl dd .newstit{ height: auto; line-height: 24px; font-size: 14px; text-align: left; padding: 10px 0; }
.newszi{ height: auto; font-size: 12px; }
.news_img{ display: block!important; width: 200px!important; height: 120px!important; overflow: hidden!important; }
.news_img img{ display: block!important; width: 200px!important; height: 120px!important; overflow: hidden!important; }
.xw_dl:hover { height: auto; }
.xw_dl:hover dd .newsdiv{ width: 100%; padding: 10px 20px; color: #fff!important;  }
.release h3{ height: auto; line-height: 40px; font-size: 16px; }
.release em{ height: auto; }
.news_info img,.about img,.bus_info img{ width: auto!important; height: auto!important; max-width: 100%!important; }

.piece a{ height: auto; }

.wrap{ background-size: contain!important; }
.about_img{ float: none!important; width: 100%!important; text-align: center!important; padding: 0 0 10px 0!important; }

.team{ padding: 30px 0 50px 0; margin: 0; }
.team_dl{ margin: 0 0 0px 0; float:none; width: 100%; }
.team_dl dd{ height: auto; padding: 10px; margin: 0; }
.team_dl dt em{ font-size: 14px; }
.team_dl dt h3{ font-size: 16px; width: 85px;text-indent:-15px;text-align: center;margin-right: 10px;}
.bus_top{ margin-top: 40px; }
.career{ width: 100%; margin: 0 0 20px 0; }
.career_left{ float: none; width: 100%; height: auto; text-align: center; margin-bottom: 10px; }
.career_left img,.career_right .car_img img{ width: auto; height: auto; max-width: 100%; }
.car_hover{background: none;}
.career_right{ margin: 0; }
.career_bottom .career_left{ margin-bottom: 10px; }
.career_right .car_hover i{ padding-top: 36px; }
.business_ul{ margin: 0; }
.business_ul li{ float: none; width: 100%; margin: 30px 0 0 0; }
.business_ul li img,.business_ul li em{ width: auto; height:auto; max-width: 100%; }
.link_ul{ margin: 0; }
.link_ul li{ width: 50%; border: none; text-align: center; margin: 0 0 15px 0; height: auto; padding: 0 5px; box-sizing: border-box; }
.link_ul li a{ border: 1px solid #dedede; display: block; }
.link_ul li  img{ width: auto; height: auto; max-width: 100%; }
.cont_ul{ margin: 30px 0; }
.cont_ul li{ float: none; width: 100%; margin: 0 0 15px 0; height: auto; padding-bottom: 15px; }
.cont_ul li i{ margin-bottom: 20px; }
.cont_ul li h3{ padding-top: 20px; }
.cont_ul li em{ margin-bottom: 20px; }
.cont_div{ font-size: 20px; }
.inn_ul li img{ width: auto; height: auto; max-width: 100%; }
.oper_dl h3{ font-size: 16px; color: #fff; height: 30px; line-height: 30px; }

.bar-months{ float: none; width: 100%; height: auto; margin-bottom: 10px; }
.month-item{ width: 20% }
.bar{ float: none; width: 100%; }
.news_data{ padding: 20px 0; }

.month-item.up i{ background: #014099; transition: all 0.5s ease 0s; }
.month-item.up{ padding: 0px; margin-top: 0px;
    -webkit-box-shadow: 0px 0px 0rem 0px rgba(0, 0, 0, 0.28);
    box-shadow: 0px 0px 0rem 0px rgba(0, 0, 0, 0.28); background:none;}

.enter{ width: 310px; margin-left: -155px; height: 130px; margin-top: -65px; }
.enter_form{ width: 280px; margin-top: 45px; }
.ent_txt{ width: 200px; }

.ent_sub{ width: 79px; font-size: 14px; }

.flexslider{ width: 100%; height: auto; }
.slides{ height: auto; }
.slides li{ height: auto; }
.slides li .banner_img{ width: auto; height: auto; max-width: 100%; }
.flex-next{ width: 20px; height: 50px; background-size: contain; margin-top: -25px; }
.flex-prev{ width: 20px; height: 50px; background-size: contain; margin-top: -25px; }



.foot{ height: auto!important; }
.foot_box{ position: static!important; margin: 0!important; }

.banner_li img{ width: auto; height: auto; max-width: 200px; }
.banner_li{ width: 100%; left: 40px; margin: 0; }

.activ_left{ float: none; width: 100%; margin-bottom: 20px;  height: 204px;}

.act_ul{ width: 100%; height: 204px; }
.act_ul li{ width: 100%; text-align: center; }
.act_ul li img{ width: auto; height: auto; max-width: 100%; }
.activ_right{ float: none; width: 100%; height: auto; }
.active_ul li a{ overflow:hidden; text-overflow:ellipsis;   white-space:nowrap; font-size: 12px;}
.list_right{ display: none; }
.list_left{ width: 100%; float: none; }
.act_ul li .em_tit{ left: 5px; font-size: 12px; bottom: 0px; width: 260px; overflow: hidden; }
.list_ul li a{ font-size: 12px; width: 60%; padding-left: 30px; }
.list_ul li em{ font-size: 12px; }
.act_tab{ background: #500200 }

.party_wrap{ padding: 0!important; background: none!important; }
.active_ul{ padding: 0 0 20px 0; }
.build_h3 em,.activ_right h3{ font-size: 16px; }
.time_img img{ width: auto!important; height: auto!important; max-width: 100%!important; }
.time_top{ width: 100%; height: auto; background: #cc0006  }
.times_tu .flex-control-nav{ display: none; }
.times_tu{ height: auto; padding-bottom: 30px; }


.oper_pc{ display: block; }
.region_ul{ margin: 0; }
.region_ul li{ margin: 0 0 20px 0; width: 100%; height: auto;  }
.gion_img{ width: 100%; height: auto; text-align: center; display: block; }
.gion_img img{ width: auto; height: auto; max-width: 100%; }
.reg_ul li .gion_img img{ width: auto; max-width: 100%; }
.reg_ul li .gion_img{ width: 100% }
.gion_h3{ font-size: 20px; }
.gion_div{ height: 90px; }
.gion_pic{ padding-top: 10px; }

.team_he{ float: none; width: 100%; margin: 0 0 20px 0; }
.teamimg{ float: none; width: 100%; height: auto; text-align: center; margin-bottom: 10px; }
.teamimg img{ width: auto; height: auto; max-width: 100% }
.bannerhe{ display: none; }
.focus_right{ height: auto; }

.party{ display: none; }
#promptBox{ display: none!important; }
}






@media screen and (max-width:768px){
}
@media screen and (max-width:414px){
.wrap{ background-size: contain!important; padding-top: 130px!important;}
.rongyu_ul{ height: 283px; }
.party_wrap{ padding: 0!important; background: none!important; }
.act_ul li .em_tit{ bottom: 34px; }
}
@media screen and (max-width:375px){
.rongyu_ul{ height: 255px; }
.wrap{ background-size: contain!important; padding-top: 125px!important;}
.party_wrap{ padding: 0!important; background: none!important; }
.act_ul li .em_tit{ bottom: 8px; }
}

@media screen and (max-width:360px){
.rongyu_ul{ height: 245px; }
.wrap{ background-size: contain!important; padding-top: 114px!important;}
.party_wrap{ padding: 0!important; background: none!important; }
.act_ul li .em_tit{ bottom: 0px; }
}
@media screen and (max-width:320px){
}


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