@media screen and (max-width:1200px){
.nav_ul{ display: none; }
.mobile{ display: block;  width: 100%; top: 5px; z-index: 99999; right: 0; position: absolute; }
.mobile-inner{ width: 100%; }
.phone_banner{ display: block; }
.pc_banner{ display: none; }
.box{ width: 100%; padding: 0 5px; box-sizing: border-box; }
.nav{ display: none; }
.head{ position: static; }
.head_top{ display: none; }
h1{  line-height: 70px; position: relative; z-index: 999999 }
.foot{ padding: 20px 0 }
.foot_left{ float: none; width: 100%; font-size: 12px;  }
.foot_right{ float: none; width: 100%; font-size: 12px;  }
.foot_ul li:nth-child(1) a{ padding-left: 0 }
.foot_add{ height: auto; line-height: 24px; padding: 5px 0; font-size: 12px; }
.company{ background-size: cover;; height: auto; padding-bottom: 30px; }
.pany_tit{ padding: 30px 0; }
.pany_h3{ height: auto; font-size: 20px; line-height: 30px; text-align: center; }
.pany_i{ display: block; font-size: 16px; line-height: 30px; }
.pany_left{ float: none; width: 100% }
.pany_zi{ height: auto; margin-bottom: 30px; }
.pany_zi p{ margin-bottom: 0!important;  font-size: 14px!important; line-height: 24px!important; }
.pany_img{ display: none; }
.pany_right{ float: none; width: 100%; text-align: center; }
.pany_right img{ width: auto; height: auto; max-width: 100% }
.bus{ height: auto; padding-bottom: 30px; background-size: cover; }
.index_h3{ font-size: 20px; }
.index_txt{ font-size: 16px; }
.bus_img{ padding: 30px 0; }
.bus_img img{ width: auto; height: auto; max-width: 100% }
.index_tit{ padding-top: 30px; }
.customer{ height: auto; background-size: cover; padding-bottom: 30px; }
.tomer_ul{ margin: 20px 0 0 0; }
.tomer_ul li{ border: none; height: auto; width: 33.3%; padding: 0 5px; text-align: center; margin: 0 0 15px 0; box-sizing: border-box; }
.tomer_ul li img{ width: auto; height: auto; max-width: 100% }
.pany_line{ margin: 0 auto; }
.online{height: auto; background-size: cover; padding-bottom: 30px;}
.online_left{ display: none; }
.online_right{ float: none; width: 100% }
.infor{height: auto; background-size: cover; padding-bottom: 30px;}
.infor_left{ float: none; width: 100%; margin-bottom: 30px; }
.infor_right{ width: 100%; float: none; height: auto; }
.style{height: auto; background-size: cover; padding-bottom: 30px;}
.bus_tit{ color: #feee35 }
.style_top{ margin: 0 0 0 0; }
.style_dl{ float: none; width: 100%; background: none; height: auto; height: auto; padding: 5px; margin: 0 0 10px 0; }
.style_dl dt{ float: none; width: 100%; text-align: center; height: auto; margin-bottom: 20px; }
.style_dl dd{ float: none; width: 100% }
.style_dl dt img{ width: auto; height: auto; max-width: 100% }
.style_tit{ text-align: center; height: 40px; line-height: 40px; font-size: 18px; }
.style_ceo{ height: auto; }
.ceo_i{ font-size: 14px;  text-align: center; }
.style_zi{ height: auto; font-size: 14px; text-align: center;  }
.style_ul{ margin: 20px 0 0 0; }
.style_ul li{ float: none; width: 100%; text-align: center; height: auto; margin: 0 0 10px 0; }
.style_ul li img{ width: auto; height: auto; max-width: 100% }
.online_inner{ padding: 0; }
.infor .pany_tit{ padding-top: 30px; }
.infor_i{ font-size: 14px; height: auto;  line-height: 24px; }
.infor_right img{ width: auto; height: auto; max-width: 100% }
.stor_left{ display: none; }
.stor_right{ float: none; width: 100% }
.stor_dl dd{ font-size: 14px; padding-left: 24px; }
.stor_dl dt{ font-size: 16px; background-size: 2%; padding-left: 24px; }
.stories_inner{ margin-top: 20px; }
.stories{height: auto; background-size: cover; padding-bottom: 30px;}
.swiper-pagination{ bottom: -10px!important; }
.catalog{ padding-top: 30px; height: auto; border: none; }
.catalog_ul li{ width: 50%; padding: 0 5px; box-sizing: border-box; margin: 0 0 10px 0;  }

.catalog_ul li a{ border-bottom: 1px solid #ececec;text-align: center;  }
.catalog_ul li.on a{ border: none;border-bottom:1px solid #feee35; text-align: center; }
.bus_box{ padding: 30px 0; }
.frame_left{ float: none; width: 100%; text-align: center; }
.frame_right{ float: none; width: 100% }
.frame_div{ height: auto; line-height: 24px; }
.frame_tit{ font-size: 14px; display: block; height: auto; line-height: 30px;  width: auto; }
.frame_zi{  height: auto; line-height: 30px; font-size: 14px; }
.frame_word{ padding: 0; height: auto; line-height: 28px; font-size: 14px; }

.gramme{ padding: 0 0 0 10px; font-size: 14px; }

.tech{ background:none; height: auto; }
.tech_inner{ position: static; float: left; width: 50%; margin-bottom: 20px; padding: 0 5px; box-sizing: border-box; }
.tech_tit{ margin: 0 auto 20px }
.tech_word4,.tech_word3{ margin: 0; }
.tech_i{ font-size: 14px; height: auto; line-height: 24px; background: url(../images/ness2.png) left 7px no-repeat }
.tech_word{ min-height: 120px; padding-left: 20px }
.num_tit{ font-size: 18px; }
.per_left{ float: none; width: 100%; margin-bottom: 30px; }
.per_right{ float: none; width: 100% }
.per_h3{ font-size: 18px; height: auto; line-height: 30px; margin-bottom: 20px; }
.per_pic{ height: auto; border: none; line-height: inherit; }
.per_tit{ font-size: 15px; }
.per_div{ height: auto; line-height: 24px; font-size: 14px; margin-bottom: 10px; }
.per_div .per_i{ font-size: 14px; padding-right: 10px; }

.bus_pic img{ height: 30px; width: auto; }












}



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


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

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

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

.a_banner{background-size:cover!important; height:112px!important;}
.stor_dl dt{ font-size: 16px; background-size: 2%; padding-left: 14px; }
.stor_dl dd{ padding-left: 14px; }
}
@media screen and (max-width:320px){


}


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