@media screen and (max-width:1600px){
    .jectsee { width:270px;}
    .nav_ul li{ padding:0 10px; }
}


@media screen and (max-width:1200px){
.mobile{ display: block; z-index: 999999; top:-3px;height: 40px; position: absolute; }
.navBtn{width: 34px; height: 24px; position:absolute; right:10px; top:25px;  cursor: pointer; display:block; z-index:99999999 }
.navBtn:before,.navBtn:after{ content: ''; height: 4px; background: #00873b; width: 100%; position: absolute; left: 0; top: 0; transition: all 0.3s ease 0s; z-index:9999999999}
.navBtn:after{ bottom: 0; top: auto;  }
.nav_ul{ display: none; }
.search,.headshare{  display: none; }
.head{ position: static; height: auto; }
.box,.begin .head,.begin .wrap,.begin .box{ padding: 0 10px; box-sizing: border-box; width: 100%;}

.menuBg{ display: block; top: 27px; }
h1{ line-height: 70px; }
h1 img{ height: 50px; }
.lan{ height: 70px; line-height: 70px; border: none; width: 62% }
.head_rigth{ width: 30% }
.foot_ul{ display: none; }
.foot{ height: auto; background-size: cover; }
.foot_l{ float: none; width: 100%; padding-top: 20px; }
.footlogo img{ height: 50px;  }
.footlogo{ margin-bottom:8px;  }
.foot_ser{ height: 30px; line-height: 30px; margin-bottom: 10px;  }
.foot_comp{ margin-bottom: 10px; }
.what{ padding-top: 0px; }
.foot_r{ float: none; width: 100%; padding-top: 10px; }
.call_num{ font-size: 20px; }
.calldiv{text-align: left; margin-bottom: 5px;}
.foot_t{ margin-bottom: 10px; }
.foot_b{ height: auto; padding: 10px 0; background-size: cover; }
.add_l,.add_r{ float: none; width: 100%; height: auto; line-height: 24px; }
.add_r a{ line-height: 24px; }
.banner_inner{ height: auto; }
.bannerhe{ display: none; }
.contimg{ height: auto; padding:1px 0 30px; }
.contdiv{ float: none; margin-top: 30px; padding: 10px 15px 30px; width: 100%; height: auto; }
.conttit{ font-size: 18px; height: auto; line-height: 60px; padding: 0; margin-bottom: 20px; }
.cont_dl dt{ float: none; width: 100%; margin-bottom: 5px; font-size: 16px; height: 30px; line-height: 30px; }
.cont_dl dd{ float: none; width: 100%; font-size: 14px; height: auto; line-height: 24px; }
.cont_dl{ margin-bottom: 6px; }
.contwhat_tit{ font-size: 18px; height: 40px; line-height: 40px; }
.catalog{ height: auto; padding-top: 10px; }
.catalog_ul li a{ height: 40px; line-height: 40px; padding: 0px; width: 100%; text-align: center; }
.catalog_ul li{ margin-bottom: 5px; display: block; float: left; width: 50%; padding: 0 2px; box-sizing: border-box; }
.down,.news,.news_info,.video{ padding-top: 30px; }
.down_inner{ margin: 0; }
.newswrap:hover{ background: none; }
.down_dl{ float: none; width: 100%; padding: 10px; margin: 0 0 20px 0; }
.os_tit{ font-size: 16px; height: auto; line-height: 24px; }
.down_dl dt{ margin-right: 10px; }
.down_dl dd{width: calc(100% - 170px);}
.os_div{ margin-bottom: 10px; }
.down_see{ font-size: 16px; }
.news_dl{ padding: 10px; margin-bottom: 20px; }
.news_dl dt{ float: none; width: 100%; text-align: center; 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_l{ float: none; width: 100%; }
.news_r{ float: none; width: 100% }
.news_tit{ font-size: 18px; height: auto; line-height: 26px; padding: 10px 0 }
.news_line{ margin:0 auto 10px; }
.news_word{ height: 48px; line-height: 24px; font-size: 15px; }
.news_day{ display: inline-block; font-size: 18px; height: 30px; line-height: 30px; }
.news_y{ display: inline-block; font-size: 18px; margin-left: 10px; }
.news_time{ margin-bottom: 2px; }
.news_see{ height: 40px; line-height: 40px; }
.news_he{ padding: 20px 10px  }
.news_rel{ margin-bottom: 20px; padding-bottom: 10px; }
.rel_tit{ height: auto; line-height: 30px; font-size: 18px;  margin-bottom: 10px; }
.rel_inner{ height: auto; line-height: 24px; font-size: 15px; }
.yd_word{ padding-bottom: 20px; }
.page{ padding: 20px 0 10px 0; }
.page_inner{ background: none; height: auto; padding: 0; }
.pages_end{ display: none; }
.pages_l,.pages_r{ font-size: 16px; height: 40px; line-height: 40px; }

.news_info{ padding-bottom: 30px; }
.video_ul{ margin: 0; }
.video_ul li{ float: none; width: 100%; margin: 0 0 20px 0; }
.videoimg{ height: auto; text-align: center; }
.videoimg img{ width: auto; height: auto; max-width: 100% }
.video_div{ padding: 10px; }
.video_time{ height: 30px; line-height: 30px; margin-bottom: 10px; }
.video_tit{ font-size: 16px; height: auto; line-height: 24px; }
.video_see{ height: 30px; line-height: 30px; }
.details{ margin-top: 0px; height: auto; }
.prohonor{margin-top: 0px;}
.det_inner{ padding: 10px 0; }
.det_ul{ float: none; width: 100% }
.home{ height: auto; line-height: 30px; text-align: left; }
.det_ul li a{ padding: 0 0px; width: 100%; text-align: center; height: 40px; line-height: 40px; }
.det_ul li { margin-bottom: 5px; width: 33.3%; padding: 0 2px; box-sizing: border-box; }
 .det_ul li:nth-last-child(1) a{ background: url(../images/proimg2.png) right center no-repeat }
.home{ display: none; }
.style{ padding: 20px 0 }
.style_ul{ background: url(../images/proimg1.png) left 10px no-repeat; background-size: 5%; margin-bottom: 10px; }
.style_ul li a{ height: 40px; line-height: 40px; padding: 0 10px; }
.sort_ul{ margin: 0; }
.sort_ul li{ margin: 0 0 20px 0; width: 100%; }
.sort_img{ height: auto; text-align: center; margin-bottom: 10px; }
.sort_img img{ width: auto; height: auto; max-width: 100% }
.pro_see{ height: 40px; line-height: 40px; }

.jectsee{ width: 150px; background: #edeeef url(../images/zixun1.png) 15px center no-repeat}
.jectsee:nth-child(2){background: #edeeef url(../images/zixun22.png) 15px center no-repeat}
.jectsee:hover{ width: 150px; background: #006cb7 url(../images/zixun11.png) 15px center no-repeat}
.jectsee:nth-child(2):hover{background: #006cb7 url(../images/zixun2.png) 15px center no-repeat}


.mag_left{ float: none; width: 100%; margin-bottom: 30px; }
.mag_left .large_box{ height: auto; line-height: inherit; padding: 30px 0; }
.mag_left .small_box{ width: 100%; }
.mag_left .small_list{ width: 140px; }
.mag_left .right_btn{ right: 0; }

.mag_right{ float: none; width: 100%; }
.ject_tit{ font-size: 20px; height: auto; line-height: 40px; }
.ject_dl{ padding: 10px 0 0 0; margin-bottom: 10px; }
.ject_dl dt{ background: none; font-size: 18px; height: auto; line-height: 30px; }
.infor_word{ height: auto; line-height: 24px; font-size: 14px; }
.prodt{ height: 40px; line-height: 40px; font-size: 20px; }
.pro_infodiv{ margin-bottom: 20px; }
.det_ul{ height: 40px; }
.det_ul li a{height: 40px; line-height: 40px; font-size: 16px;}
.det{ margin-bottom: 20px; }
.det_box img{ width: auto; height: auto; max-width: 100% }
.det_inner{ padding-bottom: 20px; }

.ach_div{ padding: 0; height: auto; line-height: 24px;font-size: 16px; }
.achieve{ height: auto; padding-bottom: 30px; margin-bottom: 20px; }
.case{ padding: 30px 0 0 0 }
.case_dl{ height: auto; position: static; margin-bottom: 30px; }
.case_dl dt{ float: none; width: 100%; height: auto; text-align: center; margin-bottom: 10px; }
.case_dl dt img{ width: auto; height: auto; max-width: 100% }
.case_dl dd{ position: static; width: 100%; height: auto; padding: 0px; background: none; box-shadow: none;}
.case_tit{ height: auto; line-height: 26px; font-size: 16px; padding: 10px 0; margin-bottom: 5px;}
.case_word{ font-size: 14px; height: 72px; line-height: 24px; margin-bottom: 0; }
.case_see{ height: 40px; line-height: 40px; }
.catalog_ul li:nth-child(even) a{ background: none; }
.about_inner{ padding-top: 30px; }
.aboutite{ height: auto; line-height: 30px; font-size: 20px; }
.aboutword{ font-size: 16px; line-height: 26px; }
.cul_box{ padding-top: 30px; }
.cul_tit{ font-size: 20px; height: 60px; line-height: 60px; margin-bottom: 10px; }
.zixin{ height: auto; line-height: 26px; font-size: 16px; margin-bottom: 20px; }
.cul_ul{ padding: 10px; }
.cul_ul li{ width: 50%; padding: 15px 10px; }
.cul_fz{ font-size: 18px; height: 40px; line-height: 40px; }
.cul_word{ font-size: 14px; height: 48px; line-height: 24px; }
.cul_ul li:nth-child(4),.cul_ul li:nth-child(3){    border-right: 1px solid #298dd2;
    border-bottom: 1px solid #298dd2;}
.cul_ul li:nth-child(even){ border-right: none; }
.culture{ height: auto; padding-bottom: 40px; }
.honor_ul{ margin: 0; }
.honor_ul li{ width: 50%; padding: 0 2px; box-sizing: border-box; margin: 0 0 15px 0; }
.techimg{ float: none!important; margin: 0 0 20px 0!important; text-align: center!important; }
.tech img{ width: auto!important; height: auto!important; max-width: 100%!important }
.kv{ padding: 20px 0 }
.kv_inner{ padding: 20px 0; }
.kv_inner li{ display: block; margin: 0 0 10px 0; float: left; width: 50%; padding: 0 2px; box-sizing: border-box; }
.kv_tit{ font-size: 20px; height: 40px; line-height: 40px; }

.us{ height: auto; padding:30px 0; }
.us_l{ float: none; width: 100%; padding: 0; }
.index_cn{ font-size: 20px; height: 40px; line-height: 40px; }
.index_en{ height: 24px; line-height: 24px; }
.index_kh{ height: auto; line-height: 26px; margin-bottom: 10px; }
.index_tit{ margin-bottom: 20px; }
.us_word{ font-size: 14px; line-height: 24px; height: auto; margin-bottom: 10px; }
.us_see{ height: 40px; line-height: 40px; }
.us_r{ float: none; width: 100%; padding: 20px 0 0 0 }
.us_r li{ margin-bottom: 10px; }
.us_num{ font-size: 20px; height: 50px; line-height: 50px; }
.indexbanner .swiper-pagination{ right: 10px!important; top: 30%!important }
.indexbanner .swiper-pagination-bullet{height: 10px!important; }
.app{ height: auto; padding: 30px 0; }
.app_inner{ padding: 0; }
.app_fd{ padding: 0;  width: 100%; float: none; }
.apptit{ font-size: 20px; height: 40px; line-height: 40px; margin-bottom: 0; }
.app_fd .us_word,.duct .us_word{ height: auto; line-height: 24px; font-size: 14px; margin: 0; }
.app_ul{ padding: 20px 0 0 0;  margin: 0; }
.app_ul li{ margin: 0 0 20px 0; width: 50%; padding: 0 2px; background: none;height: auto; }
.app_ul li a{ background: #fff; display: block; padding: 10px; border-radius: 5px; }
.app_div dt{ font-size: 18px; height: 30px; line-height: 30px; }

.duct{ padding: 30px 0; background-size: cover; height: auto; }
.duct_l{ float: none; width: 100%; height: auto; border: none; padding: 0; overflow: hidden; }
.duct .index_kh{ padding: 5px 0; }
.duct_r{ float: none; width: 100%; padding-top: 20px; }
.duct_ul{ margin: 0 0 20px 0; }
.duct_ul li{ width: 33.3%; padding: 0; margin-bottom: 10px; }
.duct_ul li a{ width: 100%; height: 30px; line-height: 30px; }
.model{ margin: 0; }
.model li{ float: none; width: 100%; margin-bottom: 10px; padding: 0; }
.model li a{ padding: 10px; }
.model_zi{ margin-bottom: 10px;text-align: center; }
.model_img{height: auto; line-height: inherit;}
.model_tit{ font-size: 18px; text-align: center; }

.slove{ padding: 30px 0; }
.fangan{ float: none; width: 100%; padding: 0; }
.res_ul{ padding: 20px 0 0 0; margin: 0; }
.res_ul li{ float: none; width: 100%; margin: 0 0 20px 0; padding: 0; }
.res_img{ margin-bottom: 10px; }
.res_tit{ font-size: 16px; text-align: center; color: #333; height: 30px; line-height: 30px; }
.res_word{ font-size: 14px; color: #333; line-height: 24px; height: 48px; }

.media_t{ margin-bottom: 20px; }
.media .index_tit{ float: none; }
.med_ul{ float: none; padding-top: 20px; text-align: center; }
.med_ul li{ float: none; display: inline-block; margin: 0 10px; }
.med_ul li a{ font-size: 16px;  }

.media_b .swiper-button-next{left: 20px!important; width: 40px!important; height: 40px!important; background-size: cover!important; margin-top: -20px!important;}
.media_b .swiper-button-prev{right: 20px!important; width: 40px!important; height: 40px!important; background-size: cover!important; margin-top: -20px!important;}
.media_b .swiper-slide{ width: 100% }
.meddiv{ position: static; padding: 10px 0; overflow: hidden; width: 100% }
.med_tit{ font-size: 16px; height: auto; line-height: 26px; margin-bottom: 10px; }
.med_time{ margin-bottom: 5px; }
.med_word{ font-size: 14px; line-height: 24px;height: auto; margin-bottom: 5px; }
.media_b{ padding-bottom: 30px; }
.media_b .swiper-container{ padding-bottom: 10px; }

.contwhat{ padding-top: 20px; }

.ind_div{  margin: 0 0 0px 0; height: auto;  top: 20px;            }
.ind_ul li{ margin-bottom: 20px; }
.ind_pic img{ height: 300px; }
.ind_tit{ font-size: 18px; height: 50px; line-height: 50px; }
.ind_line{ margin-bottom: 10px; }
.ind_word{ padding: 0 10px; font-size: 14px; line-height: 24px; margin-bottom: 10px; }
.ind_ul{ padding-bottom: 50px; }
.about,.arch{ height: auto; background-size: cover; padding-bottom: 60px; }

.archtit{ font-size: 20px; height: 60px; line-height: 60px; margin-bottom: 20px; padding: 20px 0 0 0; }

.tech_ul{ padding: 20px 0; }
.tech_ul li{ width: 50%; padding: 0 3px; box-sizing: border-box; }
.tech_num{ font-size: 26px; }
.techdiv{ margin-bottom: 30px; }
.deve{ height: auto; background-size: cover; padding: 30px 0; }

.deve_l{ float: none; width: 100%; }
.deveul{ height: auto; background: none; overflow-y:none; }
.deve_l li{ padding: 0; height: 40px; font-size: 20px; line-height: 40px;  margin: 0 0 20px 0; width: 25%; float: left; padding: 0 2px; box-sizing: border-box; }
.deve_l li:after{ display: none; }
.deve_r{ float: none; width: 100% }
.deve_dl dt{ float: none; width: 100%; padding: 0; }
.deve_time{ font-size: 18px; height: 40px; line-height: 40px; }
.deve_word p{ font-size: 14px; line-height: 24px; background: url(../images/deve2.jpg) left 9px no-repeat }
.deve_word{ height: auto; margin-bottom: 10px; }
.deve_dl dd{ float: none; width: 100%; padding:20px 0 0 0; }

.work{ height: auto; background-size: cover; padding-bottom: 20px; }

.work_ul li{ float: none; width: 100%; padding: 0; margin-bottom: 30px; }
.work_li{ background:none; padding: 0; }
.work_inner{ height: auto; padding-bottom: 20px; }
.work_img{ height: 80px; line-height: 80px; }
.work_tit{ margin-bottom: 10px; }
.work_pic{ text-align: center; }
.work_pic img{ width: auto; height: auto; max-width: 100% }






}












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

.a_banner{ background-size: cover!important; }







}


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

}


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

.a_banner{background-size:cover!important; height:220px!important;}






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

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

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


}


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