@media screen and (max-width:1200px){
.nav_ul{ display: none; }
.box{ width: 100%; padding: 0 10px; box-sizing: border-box; }
.menuBg{ display: block; }
h1 img{ height: 30px; }
.search{ display: none; }
.indexflexslider .flex-prev{  width: 30px!important; height: 30px!important; background-size: cover!important; left: 10px; margin-top: -15px;}
.indexflexslider .flex-next{  width: 30px!important; height: 30px!important; background-size: cover!important; right: 10px;margin-top: -15px; }
.century_head{ padding: 0 0px; box-sizing: border-box; height: auto; }
h1{  line-height: inherit; padding: 10px 0!important; }
.indexflexslider{ margin-top: 50px; }
.solve{ margin-top: 0; padding: 20px 0; }
.indexflexslider .flex-control-nav{ bottom: 10px; }
.plan{ float: none; width: 100%; }
.plan_div{ padding: 0; }
.project_zi{ font-size: 16px; height: 40px; line-height: 40px; padding: 0; margin-bottom: 20px; }
.project_tit{ height: 40px; line-height: 40px; }
.planimg{ display: none; }
.plan_tit{ font-size: 18px; height: auto; line-height: 24px; font-weight: bold; margin-bottom: 10px; }
.plan_zi{ font-size: 14px; line-height: 22px; height: 88px; margin-bottom: 20px; }
.plan_ul li{ width: 50%; padding: 0 5px; box-sizing: border-box; margin: 0 0 10px 0; }
.plan_ul{ margin: 0; position: static; }
.inforimg{ margin: 0 auto 10px; }
.infortit{ padding: 0; height: 28px; }
.swiper-button-prev{ left: 0px!important; top: 67%!important; margin-top: -11px!important;}
.swiper-button-next{ right: 0px!important;left: inherit!important;  top: 67%!important; margin-top: -11px!important;}
.index_tit{ padding: 20px 0 10px 0; }
.index_cn{ font-size: 24px; height: 40px; line-height: 40px; }
.index_en{ font-size: 16px;height: 40px; line-height: 40px; }

.jour_left{ float: none; width: 100%; height: auto; margin-bottom: 20px; }
.jourflexslider .slides li .banner_img{ width: auto; height: auto; max-width: 100% }
.jour_div{ bottom: 10px;padding: 0 10px; }
.press_tit{ font-size: 14px; line-height: 22px; }
.press_time{ font-size: 14px; height: 24px; line-height: 24px; }
.jour_right{ float: none; width: 100% }
.jour_dl dt{ width: 84% }
.jour_tit{ font-size: 14px; }
.jour_dl{ padding: 0 10px; }
.jour_time{ font-size: 14px; }
.jour_dl { margin-bottom: 20px; }
.press_see{ margin-top: 10px; }
.jour{ height: auto; background-size: cover; padding-bottom: 30px; }
.sjfoot{height: auto; padding-bottom: 20px;}
.footlogo{ display: none; }
.foottop{ padding: 90px 0 0 0; margin-bottom: 0px; }
.footnav{ float: none; width: 100%; height: auto; }
.footnav li a{ font-size: 12px; padding: 0 2px; background: none; }
.footnav li:nth-child(1) a{ padding-left: 0; }
.foot_tit{ display: none; }
.footline{ display: none; }
.sjadd{ height: auto; }
.address{ float: none; height: auto; line-height: 22px; font-size: 13px; }
.tech{ float: none; height: auto; line-height: 22px; font-size: 13px; }
.sjadd a{ font-size: 13px; margin-left: 2px; }
.share{ float: none; padding: 13px 0 0 0; }
.what_wb img,.what_wx img{ width: 80px; height: 80px; }
.what_wb{ bottom: -49px; }
.footbottom{ margin: 0 0 10px 0; }
.shareimg li{ margin-bottom: 10px; }
.footcont{ float: none; width: 100% }
.call_ul li{ margin-right: 10px; }
.call_tit{ display: block; font-size: 14px; height: 30px; line-height: 30px; }
.call_tit img{ height: 18px; }
.call_num{ font-size: 14px;height: 26px; line-height: 26px;  }

.jour_dl dd{ padding-top: 24px; }
.jour_see{ width: 40px; height: 40px; background-size: cover; }
.box{ line-height: inherit!important; }

.current{ display: none; }
.lop_banner{ height: auto;  }
.large_lop{ height: auto; overflow: hidden; }
.small_lop{ position: relative; height: 170px; }
.small_lop{ width: 300px; margin: 0px auto; overflow: hidden; }
.plan_ul li{ width: 120px; padding: 0; margin: 0 12px 0 0; }
.small_lop{ left: 0; }
.small_inner{ width: 252px;  margin: 0px auto; overflow: hidden;}
.left_lop{ left: 0!important; bottom: 100px!important; }
.right_lop{right: 0!important;bottom: 100px!important;}
.plan_en{ font-size: 16px; margin: 0 0 10px 0; height: 24px; line-height: 24px; }







}



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

 
}
@media screen and (max-width:414px){
.a_banner{background-size:cover!important; height:140px!important; position: static;}
.banner_inner{ display: none;}


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

}

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

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


}


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