@media screen and (max-width:1680px){
.sus_i{ font-size: 38px; }
.deal_ul li{ margin-left: 30px; }
.deal_ul li a{ font-size: 24px; }
.all_ul li a{ font-size: 20px; }
.all_l{ font-size: 20px; background-size: 18%;}
.sig_tit{ font-size: 28px; }
.retdiv{ background: #fff url(../images/y_end.png) 18% center no-repeat }
.retdiv:hover{background:#ff6e19 url(../images/y_end1.png) 18% center no-repeat}
.vision_title{ font-size: 38px; }
.vision_word{ font-size: 18px; line-height: 24px; }
.sci_ul li{ height: 241px; }
.sci_ul li.on,.sci_ul li:hover{ height: 261px; background-size: contain!important; }
.sci_ul li:after{ height: 241px;}
.case_title{ font-size: 28px; }
.sci_tit{ font-size: 30px; }
.banner_title{ font-size: 34px; }
.cont_gx{ font-size: 36px; }
.cuspic{ width: 50.72vw }
.proimg{ height: 264px; line-height: 264px; }
.date_active{ right: 0; }
.date_active .year{ font-size: 140px; }
.path_list li{ padding-top: 88px; }
.path_list li.swiper-slide-active { padding-top: 110px;}
.pro_box{ padding: 0 10px 20px; }
.pro_tit{ font-size: 18px; }
.deal_l{ font-size: 24px; }
}

@media screen and (max-width:1440px){
.ins_box{ bottom: 15px; }
.succ_hover{ padding: 0 10px; }
.succtit{ font-size: 20px; }
.index_cn{ font-size: 40px; }
.deal_ul li a{ font-size: 20px; }
.all_ul li{ margin-left: 30px; }
.story_yrea{ font-size: 65px; }
.vision_title{ font-size: 32px; }
.vision_word{ line-height: 23px; }
.vision_on{ font-size: 26px; }
.sci_ul li.on, .sci_ul li:hover{background-size: cover!important;}
.sci_ul li.on:after,.sci_ul li:hover:after{ width: 0; }
.tech_r{ width: 10% }
.tech_l{ font-size: 22px; }
.sales_dl dd{ font-size: 38px; }
.cuspic{width: 46.7vw;}
.work_tit{ font-size: 18px; }
.tit_t{ font-size: 38px }
.mess_txt,.mess_area{ width: 442px; }
.mess_l{ width: 560px; }
.mess_r{ width: calc(100% - 600px) }
.sus_i{ font-size: 36px; }
.ins_nanme{ font-size: 26px; }
.blank{ padding-top: 60px; }
.nav_ul li{ margin-right: 34px; }
.date_active{ bottom: 102px; }
.date_active .year{ right: 34%; bottom: 10px; }
.date_active .circle{ width: 300px;height: 300px; }
.date_active .year{ font-size: 115px; }
.path_list li{ padding-top: 106px; }
.proimg{ height: 216px; line-height: 216px; }
}


@media screen and (max-width:1200px){
.nav_ul{ display: none; }
.box,.wrap{ width: 100%; padding: 0 10px; box-sizing: border-box; max-width: inherit; }
.menuBg{ display: block; top: 30px;}
.navBg {display: block;} 
.head_r{ display: none; }
.head{ position: static; }
h1 img{ height: 50px; }
h1{ line-height: 70px; }
.indexbanner img{ width: 100%; height: auto; }
.indexbanner .swiper-pagination{ right: 10px!important; }

.indexbanner .swiper-pagination-bullet{ height: 10px!important; margin-bottom: 2px!important; }
.foot_ul{display: none;}
.foot{ background-size: cover; height: auto; }
.foot_t{ padding: 20px 0; margin-bottom: 10px; }
.sustain{ float: none; width: 100% }
.sus_i{ font-size: 18px; height: auto; line-height: 28px; }
.footpro{ padding-top: 10px; float: none; width: 100% }
.footsee{ height: 40px; line-height: 40px;  width: 200px; background: #ff5e00 url(../images/foot_see.png) 75% center no-repeat; background-size: 8% }
.foot_inner{ margin-bottom: 10px; }
.foot_ser{ float: none; }
.call_dl{ padding: 0; margin-bottom: 5px; }
.call_dl dt{ height: 24px; line-height: 24px; }
.call_dl dd{ font-size: 16px; height: 24px; line-height: 24px; }
.info_dl{ margin-bottom: 5px; }
.info_dl dt{ float: none; width: 100% }
.info_dl dd{ float: none; width: 100%; font-size: 14px; }
.what{ float: none; line-height: 50px; }
.copy{ float: none;  width: 100%; line-height: 22px; height: auto; padding: 10px 0; }
.site_inner{ display: none; }
.banner{ height: auto; }
.banner_inner{ position: static; }
.banner_title{ font-size: 24px; height: 60px; line-height: 60px; overflow: hidden; }
.banner_title sub{ font-size: 18px; margin-left: 10px; }
.site{ padding: 20px 0 10px 0}
.catalog{ float: none; width: 100% }
.catalog_ul li{ width: 50%; padding: 0 2px;  box-sizing: border-box; margin: 0 0 10px 0 }
.catalog_ul li a{ width: 100%; height: 40px; line-height: 40px; }
.contbj{ padding: 20px 0 1px 0 }
.cont_title{ margin-bottom: 10px; }
.cont_cn{ font-size: 18px; height: 36px; line-height: 36px; margin-bottom: 0 }
.cont_gx{ font-size: 16px;  height: auto; line-height: 24px; }
.cus_l{ float: none; width: 100% }
.cus_tit{ font-size: 16px; height: 30px; line-height: 30px; }
.cus_dl dt{ height: 30px; line-height: 30px; }
.cus_img img{ height: 15px; }
.cus_dl{ margin-bottom: 10px; }
.cus_dl:nth-child(1) dd{ font-size: 20px; }
.cus_dl dd{ height: auto; line-height: 24px; font-size: 16px; }
.contwhat{ padding-top: 10px; }
.cus_r{ float: none; width: 100% }
.cuspic{  display: none; }
.cont_c{ padding: 20px 0 0 0; margin-bottom: 20px; }
.sales{ margin: 0 }
.sales_box{ float: none; width: 100%; padding: 0 }
.sales_dl{ padding: 0 10px; }
.sales_dl dt{ height: 40px; }
.sales_l,.sales_r{ height: 40px; line-height: 40px; font-size: 16px; }
.sales_r img{ height: 15px; }
.sales_dl dd{ font-size: 18px; height: auto; line-height: 30px; }
.work_ul{ margin: 0 }
.work_ul li{ float: none; width: 100%; padding: 0; margin: 0 0 10px 0 }
.work_li{ padding: 0 10px; }
.work_tit{ height: 30px; line-height: 30px; font-size: 16px; margin-bottom: 10px; }
.blank{ }
.work_div{ padding-right: 10px; }
.work_i{ font-size: 16px; }
.work_em{ font-size: 14px; height: auto; line-height: 24px; }
.work_see{ margin-bottom: 30px; height: 40px; line-height: 40px; }

.blank{ padding-top: 20px; }
.mess{ padding-bottom: 50px; }
.mess_l{ float: none; width: 100% }
.mess_r{ width: 100%; padding-top: 20px; }
.messtit{ font-size: 18px; height: 30px;line-height: 30px; margin-bottom: 0px; }
.tit_t{ font-size: 18px; height: 30px;line-height: 30px;  }
.tit_b{ height: auto; line-height: 22px;font-size: 14px; margin-bottom: 10px; }
.honorline{ display: none; }
.mess_div{ margin-bottom: 10px; }
.mess_tit{ font-size: 16px; height: 40px;line-height: 40px; width: 80px; }
.mess_txt, .mess_area{width: calc(100% - 90px);font-size: 16px; height: 40px;line-height: 40px;}
.code_r{ float: none; width: 100%; height: 40px;line-height: 40px; clear: both; padding: 0 }
.code_l{ float: none; width: 100%; margin-bottom: 20px; }
.code_sub{width: 100%; height: 40px;line-height: 40px; background: url(../images/mess_see.png) 90% center no-repeat}
.mess_r{ display: none; }
.news_ul{ margin: 0 }
.news_ul li{ float: none; width: 100%; margin:0 0 20px 0; }
.newsbox{ padding: 10px; }
.news_time{ height: 30px; line-height: 30px; }
.news_tit{ font-size: 16px; height: 48px; line-height: 24px; margin-bottom: 10px; }
.pages_inner{ padding: 20px 0 }
.pages_c{ display: none; }
.pages_l a{ height: 28px; line-height: 28px; padding: 0 4px; font-size: 14px; }
.pages_r a{ width: 28px; height: 28px; border-radius: 28px; margin-left: 10px; }
.pages_r{ width: 80px; }
.rel{ margin-bottom: 20px; }
.rel_title{ font-size: 18px; line-height: 24px; height: auto; margin-bottom: 10px; }
.rel_inner{ height: auto; line-height: 24px; margin-bottom: 10px; }
.newsword img{ width: auto; height: auto; max-width: 100% }

.newsword{padding-bottom: 20px; margin-bottom: 30px;}
.piece{  padding: 0 10px; margin-bottom: 30px;height: 40px; }
.piece_l,.piece_c,.piece_r{ font-size: 14px; height: 40px; line-height: 40px; background-size: 6% }
.piece_c{ background: url(../images/p_c.png) 3% center no-repeat; background-size: 12%  }
.piece_l{ padding-left: 20px; }
.piece_r{ padding-right: 20px; }
.anz{ margin-bottom: 10px; }
.anz li{ margin: 0 0 10px ; width: 50%; float: left; display: block; padding: 0 2px; box-sizing: border-box; }
.anz li a{  font-size: 16px; height: 40px;line-height: 40px;width: 100% }
.nan_dl{  margin-bottom: 20px; }
.nan_dl dt{ width: 80px; }
.nan_year{ font-size: 18px; }
.nan_day{ font-size: 16px; }
.nan_dl dd{ width: calc(100% - 90px); padding-right: 10px; }
.tech_l{ font-size: 14px; width: 70%; }
.tech_r{ font-size: 12px; width: 28% ; background-size: 16%}
.tech_info{ padding-bottom: 30px; }
.custit{ font-size: 18px; height: 30px; line-height: 30px; }
.cusus{ font-size: 18px; height: auto; line-height: 24px; margin-bottom: 8px; }
.cus_bh{ font-size: 14px; height: auto; line-height: 22px; margin-bottom: 15px; }
.cus_form{ padding-bottom: 20px; }
.vice{ margin: 0 0 10px 0; }
.vice_inner{ float: none; width: 100%;  margin: 0; padding: 0 }
.vice_tit{ font-size: 16px; height: 30px; line-height: 30px; }
.vice_txt{ height: 40px; line-height: 40px; padding: 0 10px; font-size: 14px; }
.vice_area{ height: 100px; padding: 10px; }
.vice_inner .code_sub{ float: none; width: 100%; height: 40px; line-height: 40px; margin-top: 20px; }
.code{ height: 40px;  }
.codetxt,.codepic{  height: 40px;line-height: 40px; }
.codepic img{ height: 30px; }
.codepic{ text-align: center; }
.sci_ul li{ width: 50%; height: auto; padding: 0 }
.sci_ul li.on, .sci_ul li:hover{  height: auto; }
.sci_ul li:after{ display: none; }
.sci_img{ margin-top: 20px; height: 60px; }
.sciimg_t,.sciimg_b{ height: 60px; line-height: 60px; }
.sci_img img{ height: 50px;width: 50px; }
.sci_ul li:hover, .sci_ul li.on{ background: #ff6d19 }
.sci_tit{ font-size: 20px; height: 40px; line-height: 40px; }
.case_box{ margin-top: 0; }
.case_num{ display: none; }
.case_dl{ margin: 0 0 20px 0; border: none; }
.case_dl dt{ float: none; width: 100%; text-align: center; height: auto; }
.case_dl dt img{ width: auto; height: auto; max-width: 100% }
.case_dl dd{ float: none; width: 100%; padding: 10px; }
.case_title{ font-size: 16px; height: auto; line-height: 24px; }
.case_see{ height: 60px; line-height: 48px; }
.case_see:after{ top: 16px; }
.story{ background-size: cover;padding-bottom: 20px; }
.about_title{ float: none; padding: 20px 0 0 0; }
.stor_gu{ font-size: 20px; height: 30px; line-height: 30px; }
.stor_us{ font-size: 20px; height: 30px; line-height: 30px; }
.stor_word{ float: none; width: 100%; padding-top: 10px; }
.stor_zi{ margin-bottom: 10px; }
.stor_see{ margin-bottom: 20px; }
.story_ul{ width: 100%; bottom: 10px; }
.story_yrea{ font-size: 22px; height: 40px; line-height: 40px; }
.story_yrea sub{ font-size: 16px; margin-left: 8px; }
.gs_tit{ font-size: 14px; height: 24px;line-height: 24px; }
.vision{ background-size: cover; height: auto; padding-bottom: 30px; }
.stor_us{ font-size: 16px; height: auto; line-height: 24px; }
.stor_cx{ height: auto; line-height: 22px;  font-size: 14px; margin-bottom: 20px; }
.vision_ul{ margin: 0; }
.vision_ul li{  padding: 0; float: none; width: 100%; margin: 0 0 40px 0 }
.vision_inner{ height: auto; padding: 15px 10px; }
.vision_title{ font-size: 20px; margin: 20px 0 0 0; height: 40px; line-height: 40px; }
.vision_word{ font-size: 14px; line-height: 22px; height: auto; }
.vision_word p{ margin-bottom: 10px; }
.team_inner{ padding: 0 10px 20px; }
.team .swiper-container{ padding-bottom: 70px; }
.team{ padding-bottom: 30px; }
.pro_body .banner{ height: auto; }

.deal{ padding-top: 10px; }
.deal_l{ float: none; width: 100%; font-size: 20px; height: 40px; line-height: 40px; }
.deal_r{ float: none; width: 100%; }
.deal_ul{  margin: 0; padding: 10px 0; }
.deal_ul li,.all_ul li{  margin: 0 0 0px 0; width: 50%; padding: 0 2px; box-sizing: border-box; }
.deal_ul li a,.all_ul li a{ padding: 0;text-align: center; font-size: 16px; height: 36px; line-height: 36px; }
.all{ padding: 20px 0 10px 0; }
.all_l{ float: none; height: 40px; line-height: 40px; background-size: 12%; text-align: left; padding-left: 40px; }
.all_ul{ float: none; width: 100%; margin: 0; }

.all_title{ font-size: 20px; height: 40px; line-height: 40px; margin-bottom: 20px; }
.pro_ul{ margin: 0; }
.pro_ul li{ float: none; width: 100%; margin: 0 0 20px 0; }
.pro_box{ padding: 0 10px 20px; }
.pro_tit{ font-size: 16px; height: 26px; line-height: 26px; }
.sig_l{ float: none; width: 100%; height: auto; line-height: inherit; margin-bottom: 20px; }

.sig_r{ float: none; width: 100%; padding: 0;}
.sig_tit{ font-size: 18px; height: auto; line-height: 24px; padding-bottom: 10px; }
.sig_pro{ margin-top: 10px; font-size: 16px; height: 36px; line-height: 36px; }
.sin_word{ height: auto; font-size: 14px; line-height: 22px; }
.des_see{ margin-bottom: 20px;height: 40px; line-height: 40px; }
.infor{ height: 60px; line-height: 60px; }
.infor_ul li a{ height: 60px; line-height: 60px; font-size: 18px; }
.infohe{ padding-bottom: 30px; }
.infor_box{ padding:20px 0 0 0; }
.sigma_ul li{ padding: 0 10px; }
.sigma_l{ height: 40px; line-height: 40px; font-size: 14px; width: 75%; box-sizing: border-box; }
.sigma_r{ font-size: 12px; height: 40px; line-height: 40px; width: 20%; }

.return{ padding: 10px 5px; }
.ret_l{ font-size: 14px; text-align: left; height: 40px; line-height: 40px; padding-left: 15px; background: #FE8 url(../images/y_l1.png) left center no-repeat; background-size: 10%; }
.index_inner{ padding: 20px 0; }
.index_cn{ font-size: 20px; font-weight: bold; height: 30px; line-height: 30px; }
.index_en{ font-size: 14px; }
.title_r{ padding-top: 0px; }
.linkdiv{ margin-bottom: 20px; }
.link_ul{ margin: 0; }
.link_ul li{ width: 50%; margin-bottom: 15px; }
.link_ul li a{}
.linkdiv:after,.linkdiv:before{ display: none; }
.link_ul li a{ height: auto; line-height: inherit; }
.us{ padding: 20px 0 }
.us_l{ float: none; width: 100% }
.us_video{ background: none; margin-bottom: 20px; padding: 0; }
.video{ width: 100%; height: auto; float: none;text-align: center; }
.video img{ width: auto; height: auto; max-width: 100% }
.esa{ font-size: 14px; }
.us_r{ width: 100%; float: none; }
.us_t{ padding: 10px; }
.us_t .index_title{ margin-bottom: 10px; }
.us_word{ font-size: 14px; line-height: 24px; height: 72px; margin-bottom: 10px; }
.brand{ background-size: cover; height: auto; }
.brand_ul{ margin: 0; }
.brand_ul li{ float: none; width: 100%; padding: 0; margin: 0 0 15px 0 }
.brand_li{ height: auto; padding: 0 10px; background: none }
.brand_year{ font-size: 28px; height: 40px; line-height: 40px; margin-bottom: 8px; }
.brand_year sub{ margin-left: 10px; }
.brand_word{ width: 100%; font-size: 14px; }
.brand_ul li:nth-child(even) .brand_li{ background: none; margin-top: 0; }
.succ{ background-size: cover; height: auto; }
.succ_inner{ padding-top: 20px; }
.succ_l{ width: 100%; float: none; padding-top: 10px; }
.succ_word{ padding-top: 10px; }
.succzi{ height: 72px; line-height: 24px; padding: 0; margin-bottom: 10px; }
.succ_r{ float: none; width: 100%; }
.succ_ul{ margin: 0; }
.succ_ul li{ float: none; width: 100%; height: auto; padding: 0;  margin: 0 0 20px 0; }
.succ_ul li.on{ width: 100% }

.succ_img img{ height: 200px; width: 100% }
.succ_hover:after{ width: 100% }
.succ_rk{ height: 72px; line-height: 24px;  }
.keynote{ bottom: 20px; }
.succtit{ font-size: 18px; height: 30px; line-height: 30px; margin-bottom: 8px; }
.hoverinner{ padding-top: 10px; }
.dt_r{ float: none; width: 100%; clear: both; padding: 10px 0 0 0; }
.dt_ul li{ margin-right: 10px; }
.dt_ul li a{ height: 30px; line-height: 30px; width: 98px; font-size: 16px; }
.title_see{ float: right; margin: 0; }

.trendpic{ float: none; width: 100%; height: auto; }
.trend_img img{ width: auto; height: auto; max-width: 100%; border-radius: 30px; }
.trend_div{ float: none; width: 100%; height: auto; padding: 0 10px; }
.trends_ul{ padding-top: 10px; }
.trends_ul a{ height: 40px; }
.trend_time{ height: 40px; line-height: 40px; width: 16%; font-size: 14px; }
.trend_title{ height: 40px; line-height: 40px;float: right; font-size: 14px; width: 82% }
.trend_i{ font-size: 16px; }
.trends{ padding-bottom: 20px; }
.ins_div{ padding-bottom: 30px; }
.ins_div .swiper-button-prev{ left: 0!important; }
.ins_div .swiper-button-next{ right: 0!important }
.instrument{ background-size: cover; height: auto; padding-bottom: 1px; }
.analysis{ height: auto; background: none }
.ana_ul{ float: none; width: 100%; margin: 0; }
.ana_ul li{ width: 33.3% }
.ana_title{ font-size: 16px }
.ana_r{ float: none; padding-bottom: 20px; }
.chanpin_see{ float: none; width: 160px; height: 50px; line-height: 50px; border-radius: 50px; }
.deve_inner{ margin: 0; }
.date_active{ position: static; }
.path_list li{ padding-top: 40px; }

.deve{ background: none; height: auto; }
.deve_inner{ background: none; }
.actionbnt{ position: static; }
.path_list li.swiper-slide-active{ padding-top: 40px; }
.path_list li .year{ margin: 10px 0 }
.date_active .circle{ width: 100%; height: auto; text-align: center; }
.date_active .circle .img{ width: auto; height: auto; max-width: 100%; border-radius: 50% }
.date_active .year{ width: 100%; right: 0; text-align: center; font-size: 30px; }
.action_con{ padding: 20px 0 0px 0; margin-bottom: 50px; height: 40px; line-height: 40px; }
.proimg{ height: auto; line-height: inherit; }



}

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

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

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

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

}

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

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


}


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