@media screen and (max-width:900px){
.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{  display: none; }
.menuBg{ display: block; position: absolute; z-index: 99; top: 25px; }
.begin .box{ width: 100%; padding: 0 10px; box-sizing: border-box; }
.navBg{ display: block; }
.head{ width: 100%; position: static; height: auto; padding: 0 0px; box-sizing: border-box; }
h1{ line-height: inherit; padding: 10px 0; margin: 0;  }
h1 img{ height: 40px; }
.slides li,.slides,.flex-viewport{ min-width:inherit}
.certificate{ display: none; }
.lan{ margin: 13px 28px 0 0; border: none; }
.what_img{ display:block}
.foot_t{ padding: 15px 0; }
.foot_nav{ display: none; }
.foot_inner{ float: none; width: 100%; padding: 0; }
.foot_b{ height: auto; padding: 10px 0 }
.add_l,.add_r{ float: none; width: 100%; height: auto; line-height: 20px; text-align: center; }
.foot{ height: auto; background-size: cover; }
.footbox{ padding: 0; border: none; }
.foot_dl dd{ float: inherit; float: left; }
.call_num{ font-size: 14px; height: 24px; line-height: 24px; }
.foot_dl dt{ width: 5% }
.flex-control-nav{ left: 10px; bottom: 20px; }
.flex-direction-nav{ right: 10px; bottom: 20px; }
.flex-prev,.flex-next{ width: 30px; height: 30px; background-size: cover!important; }
.follow{ display: none;}
.flex-prev{ right: 40px; }
.flex-direction-nav{ height: 30px; }
 .begin .med_tit{ color:#fff;}
.jour{ height: auto; background-size: cover; }
.index_cn{ font-size: 20px; height: auto; line-height: 50px; }
.index_see{ width: 90px; margin-top: 6px; height: 30px;line-height: 30px; text-indent: 9px;background: url(../images/jour1.png) 70px center no-repeat }
.index_tit { padding: 10px 0 }
.access{ float: none; width: 100%; height: auto; padding: 0;background:url(../images/jour1.jpg) left center no-repeat; background-size: cover; }
.asscess_inner{ width: 100%; height: auto; background-size: cover!important; display: none; }
.access_box{ position: static; padding: 20px 10px 5px; margin-bottom: 20px; }

.acc_x{  margin: 0px 0 20px 0 }
.ass_tit{ }
.ass_time{  margin-bottom: 0; height:30px; line-height:30px; }
.ass_see{ }
.begin .sur_tit, .begin .med_tit, .begin .ass_tit{ font-size: 18px;height: auto; line-height: 26px; }
.medium{ float: none; width: 100%; padding: 0; margin-bottom: 0px;position: relative; }
.med_t{ width: 100%; height: auto;   }
.med_t img{ width: 100%; height: 203px; max-width: 100% }
.med_b{ padding: 10px; box-sizing:box-sizing; position: absolute; left:0px; bottom:0px; background:none; }
.med_time{ display: block; height: 30px; line-height: 30px; color:#fff; background:url(../images/jour3.png) left center no-repeat; }
.med_zi{ height: auto; font-size: 14px; line-height: 24px; }
.med_see{ height: 30px; line-height: 30px; color:#fff;background: url(../images/jour2.png) right center no-repeat;
} 

.survey{ float: none; width: 100%; height: auto; padding: 0; margin-bottom:20px; }

.sur_dl{ padding: 10px 0;  margin: 0;}
.strength{ height: auto; background-size: cover; padding-bottom: 20px; }
.str_ul li{ padding: 0 5px; overflow: hidden;}
.strimg{ margin: 20px auto 0; width: 60px; height: 60px; border-radius: 60px; }
.str_white{width: 60px; height: 60px; border-radius: 60px;}
.strimg img{width: 60px; height: 60px; border-radius: 60px;}
.str_tit{ height: 30px; line-height: 30px; font-size: 18px; margin-bottom: 0; }
.str_zi{ height: 96px; margin-bottom: 10px; }
.str_i{ height: 24px; line-height: 24px; }
.str_see{ height: 34px; }
.str_ul li:hover{ background: none }
.str_ul li:hover .strimg{margin: 20px auto 0;}
.str_ul li:hover .str_zi{  height: 96px; margin-bottom: 10px; }

.us{ background-size: cover; height: auto; }
.us_box{ padding-top: 20px; }
.us_l{ float: none; width: 100%; margin-bottom: 20px; }
.walk{ width: 100%; height: auto; }
.walk img{ width: auto; height: auto; max-width: 100% }

.walk_tit{ font-size: 20px; }
.walk_inner{ bottom: 20px; }

.us_r{ float: none; width: 100% }
.qua_l{ float: none; width: 100%; margin-bottom: 20px; }
.qua_l .walk{ height: auto; }
.qua_l .walk img{ width: auto; height: auto; max-width: 100% }
.qua_r{ float: none; width: 100% }
.qua_tit{ padding: 0; font-size: 20px; height: 40px; line-height: 40px; }
.qua_inner{ height: auto; line-height: 24px; font-size: 14px; margin-bottom: 20px; }
.qua_see{ width: 120px; height: 36px; line-height: 36px; background: url(../images/jour1.png) 98px center no-repeat }
.us_con .walk img{ height: auto; width: auto; max-width: 100% }
.us_con .walk{height: auto; width: 100%;}
.about_inner{}
.a_banner{ background-size: cover!important; height: 385px!important; }
.warp,.begin .warp{ padding: 0 10px; box-sizing: border-box; width: 100% }
.site{ margin: 0; height: auto; background: none; border:none; }
.site_ul{ float: none; width: 100%; padding-bottom:10px; }
.site_pos{ display: none; }
.site_ul li{ width: auto; padding: 0 4px; margin-bottom: 0px; box-sizing: border-box; }
.site_ul li a{ padding: 0; height: 40px; line-height: 40px; font-size:17px; text-align: center; }
.about{ height: auto; background-size: cover; padding: 20px 0; }
.site_ul li a{ background: none; }
.site_ul li a:after{ margin-left:-30%;}
.site_ul li a.on:after, .site_ul li a:hover:after{ width:60%}
.mass{ padding: 10px 0 20px 0; }
.mass_cn{ font-size: 20px; height: 40px; line-height: 40px; }
.mass_en{ height: 30px; line-height: 30px; }
.aboutimg img{ width: auto; height: auto; max-width: 100% }
.about_show{margin-bottom: 20px;}
.aboutzi{ font-size: 20px!important; line-height: 40px!important; }
.about_inner span{ font-size:14px!important; line-height:24px!important;}
.leaderimg img{ width: auto!important; height: auto!important; max-width: 100%!important;  }
.leaderimg { width: 100%!important; text-align: center!important; margin:0 0 20px 0!important; float: none!important; }

.leader{ padding-bottom: 20px; }
.develop_inner,.begin .develop_inner{ width: 100%; overflow: inherit; }
.develop_ul{ background: none; height: auto; width: 100%!important;background: none;}
.develop_ul li{ float: none; width: 100%; height: auto; margin-bottom: 20px; background: none; margin-left:0;border-bottom: 1px dotted #eee;}
.deve_box{height: auto; padding: 0 10px; border: none;}
.develop_ul li:after{top: 12px;}
.deveimg{ width: 100%; height: auto; text-align:center; }
.deveimg img{ width: auto; height: auto; max-width: 100% }
.devezi{ line-height: 24px; height: auto; }
.deve_yare{ height: 50px; line-height: 50px; font-size: 24px; }
.yrea_i{ margin-left:4px;}
.develop_ul li:nth-child(even){ margin-top: 0; }
.develop{ padding-bottom: 20px; background:none; }
.develop_ul li:nth-child(even){background: none}
.develop_ul li:nth-child(even):after{ bottom: inherit; top: 12px; }
.honor{ padding: 0; background: none; margin-bottom: 0; }
.honor_tit{ font-size: 20px; height: 50px; line-height: 50px; margin-bottom: 15px; }
.honor_inner,.begin .honor_inner{ width: 100%; overflow: inherit; }
.honor_ul{ width: 100%!important }
.honor_ul li{ float: none; width: 100%; margin: 0 0 10px 0; }
.honor_img{ width: 100%; height: auto; text-align: center; }
.honor_img img{ width: auto; height: auto; max-width: 100% }
.honor_title{ height: 40px; line-height: 40px; font-size: 16px; }
.honordiv{ padding-bottom: 0px; }
.comp{ background: none; padding: 0; box-shadow:none; }
.comp_l,.begin .comp_l{ float: none; width: 100%; height: auto; }
.comp_tit{ font-size: 16px; height: 40px; line-height: 40px; }
.comp_zi{ height: auto; overflow: inherit; font-size: 14px; padding: 0; line-height: 24px; }
.comp_word{ width: 80%; height:auto; }
.comp_ul li:nth-child(1), .comp_ul li:nth-child(2){ margin: 0 0 10px 0; }
.comp_ul li{ float: none; width: 100%;margin: 0 0 10px 0;  }
.comp_ul{ padding: 15px 0 10px 0; }
.comp_r,.begin .comp_r{ float: none; width: 100%; height: auto; }

.comp_r img{ width: auto; height: auto; max-width: 100% }
.strtegybox .mass{ display:block; padding-top:10px;}
.ser_ul{ margin: 0 0 20px 0; }
.ser_ul li{ float: none; width: 100%; border-bottom: none;  margin: 0 0 10px 0; padding: 0 10px; height: auto; }
.ser_t{ height: 40px;margin-bottom: 6px; }
.ser_l{ height: 40px; line-height: 40px; font-size: 16px; }
.ser_r{height: 40px; line-height: 40px;}
.ser_ul li:nth-child(1) .ser_b{ font-size: 14px; height: auto; line-height: 24px; }
.ser_b{ font-size: 14px; height: 30px; line-height: 30px; }
.way,.begin .way{ width: 100%; height: auto; }
.way_inner{ float: none; width: 100%; height: auto;  position: static; margin: 20px 0 0 0; padding:10px; overflow: inherit; }
.way_div{ height: auto; overflow: inherit; padding: 0; }
.wayhe{ margin-bottom: 10px; padding-bottom: 10px; }
.way_tit{ padding-left: 26px; height: 40px; line-height: 40px; font-size: 16px; background-size: 5% }
.way_xia,.way_ke{ padding-left: 26px; height: auto; line-height: 24px; font-size: 14px; }
.contact{padding-bottom: 10px;}
.lity_ul,.begin .lity_ul{ margin: 0; }

.lity_ul li,.begin .lity_ul li{ float: none; width: 100%; margin: 0 0 20px 0; height: auto; }
.news_img{ width: 100%; height: auto; text-align: center; }
.news_img img{ width: auto; height: auto; max-width: 100% }
.news_wrap{ padding: 0 10px; }
.news_time{ height: 40px; line-height: 40px; font-size:14px; padding-left:20px; }
.news_title{ height: auto; line-height: 24px; font-size: 15px; margin-bottom: 0px; }
.news_zi{ font-size: 14px; height: 44px; line-height: 22px; margin-bottom: 4px; display:none}
.news_see{ font-size: 12px; width: 74px; height: 30px; line-height: 30px; }
.quality{ padding-bottom: 20px; margin-bottom: 20px; }

.lity_dl dt{ float: none; width: 100%; height: auto; text-align: center; }
.lity_dl dt img{ width: auto; height: auto; max-width: 100% }
.lity_dl dd{ padding-top: 10px; width: 100%; float: none; }
.lity_time{ height: 30px; line-height: 30px;font-size: 15px; }
.lity_tit{ height: auto; line-height: 26px; font-size: 15px; margin-bottom: 10px; }
.lity_zi{ height: 44px; line-height: 22px; font-size: 14px; margin-bottom: 10px; }
.lity_see{ height: 40px; line-height: 40px; width: 120px; font-size: 14px; background: url(../images/jour1.png) 97px center no-repeat }
.quality .swiper-button-prev,.quality .swiper-button-next{ bottom: 14px!important; }
.lity_dl{ background:none; box-shadow:none;}
.news_info{ padding-top: 10px; margin-bottom: 0px; }
.rel_tit{ font-size: 16px; height: auto; line-height: 24px; margin-bottom: 10px; padding-bottom: 10px; }
.rel_inner{ font-size: 14px; height: auto; line-height: 24px;  }
.rel{ margin-bottom: 20px; }
.news_word img,.sign img{ width: auto!important; height: auto!important; max-width: 100%!important; float:none!important; }
.piece{ padding: 15px 0; }
.piece_inner{ height: auto; padding: 0; background:none; }
.piece_l,.piece_r{ font-size: 14px; height: auto; line-height: 24px; float:none; width:100%; background:url(../images/news_l.png) left 5px no-repeat; display:block; padding-left:22px; padding-right:0; text-align:left;  margin-bottom:10px;    background-size: 2%;}
.piece_end{ display:none}
.notice_dl{ padding: 10px; margin-bottom:10px; }
.notice_dl dt{ display: none; }
.notice_dl dd{ float: none; width: 100%; }
.not_l{ float: none; width: 100% }
.notice_title{ font-size: 16px; height: auto; line-height: 24px; margin-bottom: 10px; }
.not_div{ font-size: 14px; height: 44px; line-height: 22px; }
.not_r{ float: none; margin-top: 5px; }
.art{ padding: 20px 0 }
.art_l{ float: none; width: 100%; padding:10px; }
.art_title{ font-size: 20px; height: 40px; line-height: 40px; }
.cata_ul li a{ height: 36px; line-height: 36px; font-size: 16px; }
.cata_ul li .drop a{ height: 30px; line-height: 30px; font-size: 14px; }
.art_r,.begin .art_r{ float: none; width: 100% }
.art_ul,.begin .art_ul{ margin: 0; padding-top: 20px; }
.art_ul li,.begin .art_ul li{ float: none; width: 100%;padding:0 0px; box-sizing: border-box; margin: 0 0 0px 0;  }
.art_img{ width: 100%; height: auto; text-align: center; margin-bottom: 6px; }
.art_img img{ width: auto;height: auto; max-width: 100% }
.art_tit,.hexinul .art_tit{ padding: 0; height: 30px; line-height: 30px; font-size: 14px; }
.pagination-block{ margin-bottom:0}
.begin .man{ padding: 20px 10px; box-sizing: border-box; }
.leader_inner img,.artinner img{ width:auto!important; height:auto!important; max-width:100%!important; float:none!important;}
.man_ul{ margin: 0; }
.man_see{ width:110px; height:40px; line-height:40px; background:#fff url(../images/man5.png) 88px center no-repeat;text-indent: 20px;}
.man_ul li{ float: none; width: 100%; height: auto; padding: 0; margin-bottom: 20px; }
.man_img{ width: 100%; height: auto; }
.man_img img{ width: auto; height: auto; max-width: 100%; display:none; }
.man_ul li a:after{ display:none}
.man_hover{ padding: 40px 10px;bottom: 30px; height:auto!important; position:static; margin-bottom:0px; background:url(../images/man1.jpg) left top }
.man_tit{ height: 40px; line-height: 40px; font-size: 20px; }
.man_line{ margin-bottom: 10px; }
.man_zi{  height: auto; line-height: 22px; font-size: 14px; }
.man_pic{ margin:0 0 10px 0!important; }
.man_pic img{ height: 40px; }

.tal_dl{ padding: 0; margin-bottom: 0px; background:none; }
.tal_dl dt{ float: none; width: 100%; height: auto; margin: 0 0 20px 0; }
.tal_dl dt img{ width: auto; height: auto; max-width: 100% }
.tal_dl dd,.begin .tal_dl dd{ padding: 0; width: 100%; float: none; height: auto; line-height: 24px; font-size: 14px; }
.ind_ul{ padding-bottom: 0px;  }

.ind_inner,.begin .ind_inner{ width: 100%;  }
.ind_ul li,.begin .ind_ul li{ margin: 0 10px 20px 0; width:190px; padding: 0 2px;height: auto; box-sizing: border-box; }
.ind_img{ width:190px; height: auto; }
.ind_img img{ width:190px; height: auto; }
.ind_hover{ bottom: 0px; padding: 0 10px;background: rgba(34, 34, 34, .9); width:78%;left:50%; margin-left:-39%; }
.ind_tit{   font-size: 18px; text-align:center; height: 30px; line-height: 30px; }
.ind_name { text-align:center; }
.industry{ height: auto; padding-bottom: 0px; background-size:cover; }
.sta_zi{ height: auto; line-height: 24px; font-size: 15px; margin-bottom: 0; }
.sta_inner{ padding: 20px 0 0 0; }
.sta_ul{ margin: 0; }
.sta_ul li,.begin .sta_ul li{ height: auto; width: 50%; padding: 0 2px; box-sizing: border-box; margin:0 0 15px 0; }
.sta_ul li img{ width: auto; height: auto; max-width: 100% }
.sta_word{ height: auto; line-height: 24px; }
.train_dl:nth-child(odd) dt,.train_dl dt,.begin .train_dl dt{ float: none; width: 100%; height: auto; margin: 0 0 10px 0; }
.train_dl dt img,.begin .train_dl dt img{ width: auto; height: auto; max-width: 100% }
.train_dl dd,.begin .train_dl dd{ padding: 0 10px 10px; line-height: 24px; font-size: 14px; height: auto; float: none;width: 100% }
.train{ margin-bottom: 30px; }
.put{ height: auto; padding-bottom: 30px; }

.put_zi{ height: auto; line-height: 24px; font-size: 14px; margin-bottom: 20px; }


.miss{  padding-bottom: 20px; margin-bottom: 20px; }
.miss_tit{ height: auto; line-height: 26px; font-size: 18px; margin-bottom: 10px; }
.miss_inner{ height: auto; line-height: 24px; font-size: 14px; }

.ach_div{ padding: 0; height: auto; line-height: 24px;font-size: 16px; }
.achieve{ height: auto; padding-bottom: 0px; margin-bottom: 10px; }

.jointitle{ font-size: 20px; height: 50px; line-height: 50px; }
.ueditor_baidumap, .ueditor_baidumap #dituContent{ width: 100%!important; height: 400px!important; }

.ach_line{ display:none}




.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:100px;height: 30px; line-height: 30px; border-radius: 30px; text-indent: 10px; background: url(../images/join4.png) 75px 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 .join_em{ font-size:16px!important;}
.recu ul.act .join_see { background: #e6010e url(../images/join3.png) 74px center no-repeat }

.join{ padding-bottom: 0px; }
.posjoin .recu dd{ margin-bottom:20px;}
.job{left: 10px; height: 106px; margin-top: -53px;}
.job_cn{ font-size: 16px!important; height: 30px; line-height: 30px; }
.job_i{ font-size: 18px!important; margin: 0 6px; }
.job_en{height: auto; line-height: 24px; font-size: 14px!important;}
.job_i:after{height: 4px;}
.job_div{ margin-bottom: 0px; }
.flex-control-nav{ bottom: 10px; }
.flex-control-nav li a{ width: 30px; }
.flex-control-nav li{ margin-right: 10px; }
.flex-direction-nav{ bottom: 10px; }

.banner_cn{ font-size: 20px; height: 40px; line-height: 40px; margin-bottom: 0; }
.banner_en{ font-size: 18px; height: 28px; line-height: 28px; }
.banner_line{ margin-top: 10px; }
.bannerinner{ height: 84px; margin-top: -42px; }
.lity_dl dt{height:166px;}
.sitelogo{  float:none; margin:20px 0 10px 0; font-size:22px; height:50px; line-height:50px; background-size:contact}

.mass{ display:none}
.access:after{ width:100%}

.str_zi{ display:none}

.str_see{ width:100%;text-align: center;}

/*.leader_inner  span,.leader_inner p,.comp_zi span,.comp_zi div,.news_word span{font-size:14px!important; line-height:24px!important;}
*/
.way_pc{ display:none}
.way_phone{ display:block}

.date1{ display:block; margin-bottom:10px;}

::-webkit-scrollbar {
        width: 3px;
        height: 5px;
     height: 0.75rem; 
        background-color: #F5F5F5;
    }
    ::-webkit-scrollbar-track {
        border-radius: 3px;
        background-color: #F5F5F5;

    }
 
    ::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background-color: #ccc;
    }



div{min-width:inherit!important}
.artson{ float:none; width:100%;}
.artnews .notice_dl dd{ width: 100%; }
.artnews .not_l{ width: 100%;}
.artnews .not_div{ display: none; }




.grow{ width: 100%; margin: 0; }
.growinner{ background: none; padding: 0; }
.growhe{ background: none; padding-bottom: 20px; }
.grow_deve{ display: none; }
.growbox{ height: auto; }
.grow_time{ height: 60px; line-height: 60px; font-size: 24px; text-align: center; margin-bottom: 10px; }
.grow_time:after{ display: none; }
.grow_inner{ height: auto; margin-bottom: 10px; }
.grow_ul li:nth-child(even) .grow_time{ text-align: center; }












}












@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){
.add_l, .add_r{ font-size: 12px; }
.foot_dl dt{ width: 10% }
.call{ font-size: 16px; margin-bottom: 0; }
.call_add{ font-size: 14px; height: auto; line-height: 24px; }
.foot_dl { margin-bottom: 3px; }
.what_tit{ font-size: 16px; }
.foot_dl dt img{ width: 24px; height: 24px; border-radius: 24px; }
.strength .index_see{ width: 90px; height: 30px; line-height: 30px; background: url(../images/jour2.png) 70px center no-repeat; text-indent: 8px; }
.sur_dl dt{ width: 24% }
.not_day{ font-size: 30px; }
.sur_dl dd{ padding: 0; }
.sur_dl dd{ width: 71% }
.begin .sur_tit, .begin .med_tit, .begin .ass_tit{ font-size: 16px; line-height: 24px; }
.begin .sur_tit{ height: 24px; margin-bottom: 6px;white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
.sur_zi{ font-size: 13px; line-height: 22px; height: 44px; }
.str_tit{ font-size: 14px; }
.str_i{ height: 20px; line-height: 20px; font-size: 12px; }
.str_zi{ height: 80px; }
.str_see{ height: 30px; line-height: 30px; font-size: 12px; background: none!important; }
.strimg{ margin-top: 0; }
.str_ul li:hover .strimg{margin: 0px auto 0;}
.a_banner{background-size:cover!important; height:199px!important;}

.putsee{ width:100px; background:#dc1e29; text-align:center; text-indent:0; height:32px; line-height:32px;}
.begin .ass_tit{margin-bottom: 0;}


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

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

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


}


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