@media screen and (max-width:1366px){
    .head_inner {padding: 0px 3.37vw;}
}
@media screen and (max-width:1200px){
.nav_ul{ display: none; }
.box{ width: 100%; padding: 0 10px; box-sizing: border-box; }
.menuBg{ display: block; top: 20px;}
.navBg {display: block; z-index: 999} 
.head{  height: auto; position: static;background:rgba(0,0,0,0.3);  }
.head_inner{ padding: 0 10px; }
h1{ line-height: inherit; padding: 10px 0; }
h1 img{ width: 220px; }
.call{ display: none; }
.los{ display: none; }
.a_banner{height: 570px!important;}
.wrap_banner{ height: auto; }
.site{ position: static; }
.lan{ height: 54px; line-height: 54px; float: right; margin-right: 40px; }
.foot{ height: auto; }
.foot_top{ margin-bottom: 10px; }
.company{ display: none; }
.foot_inner{ display: none; }
.foot_div{ float: none; width: 100%; }
.mode_tit{ font-size: 18px; }
.foot_bottom{ height: auto; line-height: 22px; padding: 10px; }
.foot_bottom a{ padding: 0; }
.follow{ float: none;padding: 0; }
.mode{ float: none; }
.mode_div{ margin-bottom: 10px }
.site_ul{ float: none; width: 100%; padding: 20px 0 10px 0; }
.site_ul li{ padding: 0 2px; width: 50%; box-sizing: border-box; margin: 0 0 10px 0; }
.site_ul li a{height: 40px; line-height: 40px; width: 100%}
.site{ height: auto; }
.wrap_box{ padding: 20px 10px; }
.wrap{ padding: 20px 0; }
.aboutimg{ float: none!important; margin: 0!important; width: 100%!important; text-align: center!important; }
.aboutimg img{ width: auto!important; height: auto!important; max-width: 100%!important; }
.aboutus{ font-size: 20px!important; }
.ltd{font-size: 14px!important;}
.aboutline{ margin-bottom: 20px!important; }
.news_title{ width: 70%; font-size: 14px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.news_time { font-size: 12px; width: 24% }
.news_dl dt{ float: none; width: 100%; height: auto; margin: 0 0 10px 0; }
.news_dl dt img{ width: auto; height: auto; max-width: 100% }
.news_dl dd{ float: none; width: 100%; }
.news_tit{ height: auto; line-height: 24px; font-size: 16px; margin-bottom: 10px }
.news_zi{ height: auto; line-height: 22px; font-size: 14px; margin-bottom: 10px; }
.news_dl{ margin: 0 0 10px 0 }
.news_word img{ width: auto!important; height: auto!important; max-width: 100%!important }
.release h3{ height: auto; font-size: 18px; line-height: 24px; }
.release{ padding-bottom: 10px; margin-bottom: 20px; }
.retrun{ margin-bottom: 30px; }
.piece{ padding: 20px 0; }
.piece a{ height: auto; line-height: 22px; margin-bottom: 10px; }
.pro_ul{ margin: 0; }
.pro_ul li{ float: none; width: 100%; margin: 0 0 20px 0; }
.proimg{ width: 100%; height: auto; text-align: center; }
.proimg img{ width: auto; height: auto; max-width: 100% }
.link_ul{ margin: 0; }
.link_ul li{ margin: 0 0 10px 0; width: 25%; height: auto; padding: 0 2px; box-sizing: border-box; }
.link_ul li img{ width: auto; height: auto; max-width: 100% }
.join_dl{ padding: 10px; }
.join_dl dt{ margin-bottom: 0px; font-size: 18px; height: 40px; line-height: 40px; }
.join_div{ padding-left: 0px; background: none; height: auto; margin-bottom: 10px; }
.join_inner{ background: none; height: auto;}
.join_tit{ width: 100%; height: 24px; line-height: 24px; }
.slide-inner img{ width: auto; height: auto; max-width: 100% }
.swiper-container{ display: none; }

.us,.ject,.tech,.jour{ height: auto; background-size: cover; padding-top: 1px;padding-bottom: 20px; }
.into{ float: none; width: 100%; height: auto; margin: 20px 0 20px  0;  padding: 10px; }
.into_en{ font-size: 18px; height: 40px; line-height: 40px; }
.into_cn{ font-size: 20px; height: 40px; line-height: 40px; }
.into_word{ font-size: 14px; line-height: 22px; height: auto; margin-bottom: 10px; }
.into_ul{ padding-bottom: 10px; margin-bottom: 20px; }
.bopp{ float: none; width: 100%; height: auto; margin: 0; padding: 0; }
.boppimg img{ width: 100px; height: auto; }
.boppimg,.tech .boppimg{ margin-bottom: 10px; }
.bopp_word{ height: auto; line-height: 22px; font-size: 14px;}
.cpp_tit,.cpptit{ font-size: 18px;height: 30px; line-height: 30px;}
.cpp_img{ width: 100%; height: auto; }
.seek{ padding: 20px 0; }
.seek_cn{  font-size: 20px; height: 30px; line-height: 30px; }
.seek_en{ height: 26px; line-height: 26px; font-size: 18px; }
.seek_ul{ padding-top: 28px; }
.adv_left{ float: none; width: 100%; height: auto; margin-bottom: 20px; }
.adv_img{ width: 100%; height: auto; }
.adv_img img{ width: auto; height: auto; max-width: 100% }
.pack{ padding: 0 10px; bottom: 10px; }
.pack_tit{ font-size: 16px; height: 26px; line-height: 26px; }
.pack_tiem{ height: 30px; line-height: 30px; }
.adv_right{ float: none; width: 100% }
.newssee{ margin-top: 10px; }
.coop{ height:205px;  }
.coop_ul li{ width: 150px; height: 72px; }
.coop_ul li img{ width: 150px;height: auto; }
.coop_scroll{height: 72px; width: 320px;left: 50%; margin-left: -160px;}
.adv_dl dt{ float: none; width: 100%; text-align: center; margin-bottom: 10px;}
.adv_dl dd{ float: none; width: 100%; padding: 10px; height: auto; }
.up_time{ height: 30px; line-height: 30px; }
.up_tit{ height: 30px; line-height: 30px; }

.up_div{overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
 .flexslider{ display: block; }




}



@media screen and (max-width:768px){
.a_banner{background-size:cover!important; height:360px!important;}
 
}
@media screen and (max-width:414px){
.a_banner{background-size:cover!important; height:190px!important;}
.link_ul li{ width: 33.3% }


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

}

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

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


}