@media screen and (max-width:1240px){
.nav_ul{ display: none; }
.box,.begin .box{ width: 100%; padding: 0 10px; box-sizing: border-box;min-width:inherit; }
.menuBg{ display: block; top: 30px;}
.navBg {display: block;} 
.head{ height: auto;  position: static; padding: 0 10px; box-sizing: border-box; }
h1{ line-height: inherit; padding: 15px 0; }
h1 img{ height: 45px; }

.begin .head{ padding: 0 0px; }
.begin .warp{ padding: 0 10px; min-width:inherit; }
.head_r{ display: none; }
.foot{ height: auto; background-size: cover; }
.foot_l{ display: none; }
.foot_r{ float: none; width: 100%; padding: 20px 0; }
.foot_dl{ margin-bottom: 10px; }
.foot_call{ font-size: 20px; }
.footyx{ margin-bottom: 10px; }
.tj_l{ font-size: 14px; height: 30px; line-height: 30px; width: 23% }
.tj_r{ width: 76%; font-size: 14px; line-height: 30px; }
.foot_t{ height: auto; }
.foot_b{ height: auto; padding: 10px 0; }
.add_l{ float: none; width: 100%; height: auto; line-height: 24px; }
.add_r{ float: none; width: 100%; }
.add_r a{ height: auto; line-height: 24px; }
.banner_inner,.begin .banner_inner{ height: auto!important; }

.bannerbox{ position: static; padding: 20px 0; }
.site{ display: none; }
.catalog{ float: none; width: 100% }
.catalog_ul li{ margin: 0 0 10px 0; width: 50%; padding: 0 2px; box-sizing: border-box; }
.catalog_ul li a{ height: 36px; line-height: 36px; text-align: center; width: 100%;box-sizing: border-box; }

.about{ padding: 0 0 50px 0; }
.aboutimg{ width: 100%!important; float: none!important; margin: 0 0 20px 0!important; }
.aboutimg img,.workinner img{ width: auto!important; height: auto!important; max-width: 100%!important }
.aboutus{ font-size: 20px!important; }
.honor{ padding: 20px 0; }
.tit_t{ font-size: 20px; height: 40px; line-height: 40px; }
.tit_b{ font-size: 15px; line-height: 24px; margin-bottom: 20px;}
.comp_ul{ background: none; height: auto; text-align: left; margin-bottom: 20px; }
.comp_ul li{ display: block; margin: 0 0 10px 0; width: 33.3%; padding: 0 4px; box-sizing: border-box; float: left; }
.comp_ul li a{ width: 100%; height: 36px; line-height: 36px; }
.about img{width: auto!important; height: auto!important; max-width: 100%!important}
.honor_ul,.begin .honor_ul{ margin: 0; }
.honor_ul li,.begin .honor_ul li{ float: left; width: 50%; padding: 0 2px; box-sizing: border-box; margin: 0 0 15px 0; }
.honor_img{ width: 100%; height: auto; }
.honor_img img{ width: auto; height: auto; max-width: 100% }
.honor_tit{ font-size: 14px; line-height: 24px; height: 48px; padding: 0; }

.vision{ padding-bottom: 0px; }
.vision_l{ float: none; width: 100%; margin-bottom: 20px; }
.vision_l img{ width: auto; height: auto; max-width: 100% }
.vision_r{ float: none; width: 100% }
.cul_dl{ padding: 0 5px; margin-bottom: 5px; }
.cul_dl dt{ float: none; width: 100%; margin: 0;text-align: center; height: 70px; line-height: 70px;}
.cul_dl dd{ float: none; width: 100%; }
.cul_en{ display: none; }
.cul_tit{ height: 40px; }
.cul_cn{ position: static; height: 40px; line-height: 40px; font-size: 18px; text-align: center; }
.cul_line{ margin: 0 auto 10px }
.cul_title{ height: 48px; line-height: 24px; font-size: 14px; }
.cul_dl:nth-last-child(1) dd{ width: 100% }
.strategy{ padding: 0 0 20px 0; }
.str_l{ float: none; width: 100%; padding: 0; margin-bottom: 20px; }

.str_tit{ font-size: 20px; height: 40px; line-height: 40px; margin-bottom: 20px; }
.strline{ display: none; }
.str_inner{ height: auto; line-height: 24px; font-size: 14px; }
.str_r{ float: none; width: 100%; }
.str_r img{ width: auto; height: auto; max-width: 100% }
.wel_l{ padding: 30px 0 0 0; float: none;  }
.weltit{ font-size: 20px; height: 40px; line-height: 40px;text-align: center; }
.welline{ display: none; }
.welshe{ font-size: 14px; height: 40px; line-height: 40px; text-align: center; margin-bottom: 10px;}
.wel_r{ float: none; padding: 20px 0 0 0; margin: 0 auto }
.wel_r a{ margin: 0 auto }
.welfare{ height: auto; padding-bottom: 30px; }

.back_title{ padding: 20px 0 0 0; }
.honorline{ display: none; }
.news_dl{ padding: 20px 0; }
.news_dl dt{ float: none; width: 100%; text-align: center; margin: 0; height: auto; }
.news_dl dt img{ width: auto; height: auto; max-width: 100% }
.news_dl dd{ float: none; width: 100%; }
.newstit{ font-size: 18px; height: auto; line-height: 24px; }
.newszi{ font-size: 14px; height: 48px; line-height: 24px; margin-bottom: 5px; }
.newssee{ font-size: 14px; height: 30px; line-height: 30px; }
.news{ padding: 0 0 30px 0; }
.newshe{padding-top: 20px;}
.news_info{ padding: 10px 10px 10px; margin-bottom:0; }
.rel_tit{ height: auto; font-size: 20px; line-height: 36px; padding-bottom: 10px; }

.rel_inner{ height: auto; line-height: 24px; }
.news_word img{ width: auto!important; height: auto!important; max-width: 100%!important }
.piece{ padding: 20px 0; }
.piece_inner{ height: auto; padding:0 10px;background: none; }
.piece_end{ display: none; }
.piece_l{ float: none; width: 100%; height: 30px; line-height: 30px;  font-size: 16px; display: block; }
.piece_r{float: none; width: 100%; height: 30px; line-height: 30px;text-align: left; background: url(../images/news_l.png) left center no-repeat; font-size: 16px; padding: 0 0 0 30px; display: block;}
.news_word p{ font-size: 14px!important; margin-bottom: 12px!important }

.project_ul,.begin .project_ul { margin: 0 0 30px 0; }
.project_ul li,.begin .project_ul li{ float: none; width: 100%; height: auto; margin: 0 0 20px 0; }
.xm_im{ width: 100%; height: auto; }
.xm_im img{ width: auto; height: auto; max-width: 100% }
.xm_tit{ font-size: 14px; height: 40px; line-height: 40px; }
.value_title{ padding-top: 20px; }
.value_cn{ font-size: 20px; height: auto; line-height: 40px; }
.value_word{ margin-bottom: 20px; line-height: 24px; font-size: 14px; }
.value_ul{ margin: 0;  }
.value_ul li{ float: none; width: 100%; margin: 0 0 20px 0; padding: 0 10px; }
.create_tit{ font-size: 18px; height: 40px; line-height: 40px; }
.value_img{  padding: 10px 0; height: auto; line-height: inherit; }
.create_inner{ height: auto; font-size: 14px; line-height: 24px; padding-bottom: 20px; }

.cover{ height: auto; background-size: cover; padding-bottom: 30px; }
.cover .value_word{  height: auto; margin-bottom: 20px; }
.coat_inner{ padding: 20px 10px; }
.coat_img{ height: 80px; line-height: 80px; }
.coat_tit{ font-size: 18px; height: 50px; line-height: 50px; }
.coat_zi{ font-size: 16px; height: auto; line-height: 26px; }
.cover .swiper{ height: auto; padding-bottom: 40px; }
.workpic img{ width: auto; height: auto; max-width: 100% }

.workinner .swiper-button-next{ top: 200px!important; width: 40px!important; height: 40px!important; background-size: cover!important; right: 0!important; }
.workinner .swiper-button-prev{top: 200px!important; width: 40px!important; height: 40px!important; background-size: cover!important; left: 0!important; }
.work_zi{ padding: 0; font-size: 14px; line-height: 24px; height: auto; }
.work{ padding-bottom: 30px; }
.wrok_tit{ font-size: 18px; height: 50px; line-height: 50px; }
.value_img img{ height: 30px; }

.news_word video{ width:100%!important;}
.business{ height: auto; background-size: cover; }
.bus_inner{ position: static; height: auto;  }

.bus_l{ float: none; width: 100%; padding-top: 20px; }
.bustit{ font-size: 20px; height: 50px; line-height: 50px; }
.busline{ margin-bottom: 20px; }
.bus_r{ float: none; width: 100%; height: auto; padding: 10px 0 30px 0; }
.buszi{ height: auto; line-height: 24px; font-size: 14px; }
.case_ul,.begin .case_ul{ margin: 0; }
.case_ul li,.begin .case_ul li{ float: none; width: 100%; margin: 0 0 20px 0; }
.caseimg{ width: 100%; text-align: center; height: auto;margin: 0 0 15px 0; }
.caseimg img{ width: auto; height: auto; max-width: 100% }
.case_tit{ font-size: 16px; height: auto; line-height: 24px; }

.map{ position: static; width: 100%; height: auto; padding: 20px 10px; }
.contmap{ height: auto; padding-top: 200px; background-size: contain; }
.map_tit{ font-size: 20px; height: auto; line-height: 50px; }
.map_dl dt{ float: none; font-size: 18px; height: 30px; line-height: 30px; margin-bottom: 6px;}
.map_dl dd{ float: none; width: 100%; line-height: 24px; font-size: 14px; }
.map_dl .call{ font-size: 18px; }
.map_dl .mapdz{  line-height: 24px; }

.jointitle{ font-size: 20px; height: 50px; line-height: 50px; }







.post_tit{height: 60px; line-height: 60px; font-size: 20px;}
.recu ul{height: auto; padding: 0 10px 10px;}
.join_left{ width: 50%; }
.join_tit{ padding-top: 20px; height: 30px; line-height: 30px; font-size: 20px; }
.join_wrap{height: auto; line-height: inherit;}
.branch_i{ display: block; font-size: 14px; margin: 0; line-height: 26px; }
.join_post{ font-size: 14px; height: 24px; line-height: 24px; }
.join_right{  padding: 20px 0;  }
.join_see{ width:120px;height: 40px; line-height: 40px; border-radius: 40px; text-indent: 20px; background: url(../images/join3.png) 89px center no-repeat}
.Requirement{ padding: 20px 10px; font-size: 14px; line-height: 24px; }
.join_mall{ margin-top: 20px; height: auto; box-sizing: border-box; line-height: 22px; font-size: 12px;padding: 0 5px;}
.recu dd{ margin-bottom: 20px; }

.Requirement em{ font-size: 18px; }
.recu ul.act .join_see { background: #74bc36 url(../images/join2.png) 89px center no-repeat }

.join{ padding-bottom: 20px; }

.mess_l{ float: none; width: 100%; padding-bottom: 60px; }
.mess_div{ margin-bottom: 20px }
.mess_tit{ float: none; width: 100%; font-size: 16px; height: 30px; line-height: 30px; }
.mess_txt{ float: none; width: 90%; height: 40px; line-height: 40px; }
.mess_area{ float: none; width: 90%; }
.code_l{ width: 100%; float: none; }
.code_l .mess_tit{ margin-bottom: 10px; }
.code_r{ float: none; padding-top: 20px; }
.mess_r{ display: none; }
.code_sub{ height: 50px; line-height: 50px; }

.us{ height: auto; padding: 20px 0; background-size: cover; }

.us_top{ height: auto; line-height: inherit; padding: 20px 0; margin-bottom: 20px; }
.us_inner{ padding: 0 10px; box-sizing: border-box; }
.begin .us_l{ float: none; width: 100%; padding: 0; margin-bottom: 20px; }
.cn_title{ font-size: 20px; height: 40px; line-height: 40px; }
.en_title{ height: 40px; line-height: 40px; }
.see{ padding-top: 10px; }
.us_r{ float: none; width: 100%; }
.establish{ height: auto; margin-bottom: 0;background-size: cover; }
.est_ul li{ padding: 10px 4px; }
.est_t{ font-size: 20px; height: 30px; line-height: 30px; }
.est_b{ font-size: 14px; }
.estinner{ padding: 10px 0; height: auto; line-height: 24px; font-size: 14px; }
.core{ background-size: cover; height: auto; }
.core_l{ float: none; width: 100%; }
.core_box{ padding-top: 5px; }
.coretit{ font-size:18px; height: auto; line-height: 40px; margin-bottom: 10px; }
.core_ul li{ padding-left: 20px; line-height: 24px; font-size:14px; height: auto; background: url(../images/ser2.jpg) left 10px no-repeat; margin-bottom: 10px;  }
.core_ul{ margin-bottom: 20px; }
.core_r{ float: none; width: 100%; line-height: inherit; padding: 20px 0 }
.ser{ background-size: cover; height: auto; padding-bottom: 30px; }
.ser_l{ padding-top: 20px; float: none; width: 100%; margin-bottom: 20px; }
.serdiv{ float: none; height: auto;width: 100%; }
.ser_ul{ position: static; }
.ser_ul li:nth-last-child(1){ margin: 0;    border: 1px solid #74bc36;
    background-color: rgba(116,188,54,.95); }
.ser_ul li{ float: none; width: 100%; height: auto; padding: 0 10px 15px; margin-bottom: 15px; }
.serimg{ padding-top: 10px; }
.cul_dl:nth-last-child(1){ width:50%}
.flex-control-nav{right:10px;}
.ser_en{ margin-bottom:10px; height:24px; line-height:24px;}
.ser_see{height:30px; line-height:30px;}
.ser_cn{ font-size: 18px; height:34px;line-height:34px; }
.ser_ul li:nth-last-child(1) .ser_cn,.ser_ul li:nth-last-child(1) .ser_en{ color: #fff; }
.jour{ height: auto; padding: 20px 0; }
.eco_tit{ padding-top: 10px; font-size: 20px; height: 40px; line-height: 40px; }
.eco_inner{ font-size: 18px; height: auto; line-height: 30px; margin-bottom: 30px; }
.ecology{ height: auto; background-size: cover;padding-bottom: 80px; }
.jour_l{ float: none; width: 100% }
.industry_ul{ margin-bottom: 20px;  overflow: hidden;}
.industry_ul li{ float: left; width: 50%; padding: 0 2px; box-sizing: border-box; }
.industry_ul a{ font-size: 18px; height: 40px; line-height: 40px; text-align: center; }
.newsjour .jour_img{height:auto}
.jour .index_see{ display: none; }
.jour_r{ padding-top: 20px; width: 100%; float: none; }
.jour_ul{ margin: 0; }
.jour_ul li{ float: none; width: 100%; margin: 0 0 20px 0; }
.newsjour{ padding-bottom: 20px; }
.jour_time{ height: 30px; line-height: 30px; margin-bottom:10px;}
.jour_img{ margin-bottom: 10px; }
.jour_title{ font-size: 16px; height: auto; line-height: 24px; margin-bottom: 10px; }

.devediv{ padding-top: 20px; }
#dates{ margin-top: 60px; }
#next{ right: 20px; }
#prev{ right: 60px; }
.deve_l{ float: none; width: 100% }
.deve_r{ float: none; width: 36% }
#issues{ padding: 0 10px;height: auto; }
.deve_tiem{ font-size: 30px; height: 100px; line-height: 100px; }
.devetit{ font-size: 20px; height: 40px; line-height: 40px;}
.develine{ margin-bottom: 10px; }
.deve_i{ height: auto; line-height: 28px; background: url(../images/deve3.png) left 10px no-repeat; margin-bottom: 10px; }
#timeline{ background: url('../images/deve1.jpg') left 125px repeat-x }
#issues li{ padding-top: 20px; }

video{ width:100%!important; height:auto!important}


}

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

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

 
}
@media screen and (max-width:414px){
.begin .a_bannerr{background-size:cover!important; height:176px!important; position: static;}

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

}

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

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


}


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