@media screen and (max-width:1900px){
  .box{ width: 72vw; }
  .head .box{ width: 78vw; }
  .navul{ margin-right: 18px; }
  .navul li{ margin-left: 22px; }
  .headul li a{ font-size: 15px; padding: 0 8px; }
  .indextit_l{ font-size: 46px; }
  .indli{ padding: 78px 44px 0; }
  .lat_l{ width: 43%; }
  .lat_r{ width: 54%; }
  .cala_ul{ padding: 64px 0; }
  .proimg{ height: 360px; line-height: 360px; }
  .aboutbox{ padding-top: 90px; }
  .gation{ padding-bottom: 105px; }
  .contdiv{ padding: 100px 0; }
}

@media screen and (max-width:1800px){
  .box{ width: 76vw; }
  .head .box{ width: 82vw; }
  h1 img{ max-width: 255px; height: auto; }
  .navul li{ margin-left: 16px; }
  .navul li a{ font-size: 17px; padding: 0 8px; }
  .headul li{ margin-left: 16px; }
  .headul li a{ font-size: 14px; padding: 0 8px; }
  .index_tit{ padding: 80px 0 62px 0; }
  .indextit_l{ font-size: 44px; }
  .indli{ padding: 76px 38px 0; }
  .indliimg{ left: 38px; }
  .mar_tit{ font-size: 32px; }
  .lattit{ font-size: 46px; line-height: 60px; height: 120px; }
  .cala_ul li a{ width: 166px; }
  .prodiv{ padding-top: 52px; }
  .proimg{ height: 340px; line-height: 340px; }
  .opticimg{ height: 510px; line-height: 510px; }
  .intr_tit{ font-size: 36px; }
  .intr_word{ height: 430px; }
  .zid{ font-size: 34px;height: 60px; line-height: 60px; }
  .tion_tit{ font-size: 44px; }
  .gcp_tit{ font-size: 46px; line-height: 62px; }
}

@media screen and (max-width:1680px){
  .box{ width: 80vw; }
  .head .box{ width: 86vw; }
  h1{ line-height: 104px; }
  h1 img{ max-width: 230px; }
  .headt{ padding-top: 10px; }
  .headb{ padding: 8px 0 14px 0; }
  .navul li{ margin-left: 10px; }
  .navul li a{ font-size: 16px; }
  .search{ width: 150px; }
  .search_txt{ width: 112px; font-size: 14px; }
  .headul li{ margin-left: 10px; }
  .headul li a{ font-size: 13px; padding: 0 8px; }
  .indextit_l{ font-size: 40px; padding-right: 65px; }
  .indul li{ margin-bottom: 70px; }
  .indli{ padding: 72px 32px 0; }
  .indliimg{ left: 32px; width: 96px; height: 96px; line-height: 96px; }
  .ind_tit{ font-size: 22px; }
  .whytitle{ font-size: 64px; line-height: 100px; }
  .whyword{ padding: 0 55px; }
  .flaginner{ padding: 0 2.6vw; box-sizing: border-box; }
  .flagtit{ font-size: 26px; }
  .flagword{ font-size: 16px; }
  .mar_tit{ font-size: 28px; }
  .lattit{ font-size: 42px; line-height: 56px; height: 112px; }
  .scbtit{ font-size: 25px; }
  .foottit{ font-size: 27px; }
  .gationtit{ padding: 80px 0 40px 0;}
  .gation{ padding-bottom: 60px;}
  .lowest .tion_tit, .duct .tion_tit{height: 60px;}
  .cala_ul{ padding: 58px 0; }
  .cala_ul li a{ width: 150px; font-size: 14px; }
  .protit{ font-size: 34px; }
  .proword{ font-size: 22px; }
  .proimg{ height: 315px; line-height: 315px; }
  .proimg img{ height: 80%;}
  .promore{ margin: 50px auto 60px; }
  .opticimg{ height: 470px; line-height: 470px; }
  .optic_r{ padding: 48px 30px 38px; }
  .intr_tit{ font-size: 32px; }
  .intr_ber,.intr_pro{ font-size: 22px; }
  .intr_word{ height: 390px; }
  .product{ padding: 1px 34px 135px; }
  .aboutbox{ padding-top: 78px; }
  .spa{ height: 112px; line-height: 112px; }
  .zid{ font-size: 30px; height: 78px; line-height: 78px; }
  .zidword{ height: 190px; line-height: 28px; }
  .lowest{ padding: 80px 0 60px 0;}
  .tion_tit{ font-size: 40px; line-height: 52px; height: 114px; }
  .robtit{ font-size: 54px; }
  .rob_word{ padding: 0 60px; }
  .duct{ padding: 80px 0 60px 0; }
  .news_dl{ padding: 42px 0; }
  .gcp_tit{ font-size: 40px; line-height: 56px; height: 112px; }
  .join{ padding-top: 78px; }
  .contdiv{ padding: 88px 0; }
  .fordiv{ font-size: 42px; }
}

@media screen and (max-width:1440px){
  .box{ width: 86vw; }
  .head .box{ width: 92vw; }
  h1{ line-height: 92px; }
  h1 img{ max-width: 200px; }
  .navul li{ margin-left: 6px; }
  .navul li a{ font-size: 14px; height: 34px; line-height: 34px; padding: 0 6px; }
  .search{ width: 140px; height: 32px; }
  .search_txt{ width: 112px; height: 32px; line-height: 32px; padding: 0 8px; }
  .search_sub{ height: 32px; line-height: 32px; width: 19px; }
  .headul li a{ font-size: 12px; height: 30px; line-height: 30px; padding: 0 5px; }
  .index_tit{ padding: 66px 0 54px 0; }
  .indextit_l{ font-size: 36px; height: 62px; line-height: 62px; padding-right: 50px; background-position: right 26px; }
  .indextit_l img{ max-width: 44px; margin-right: 14px; }
  .indextit_r a{ height: 52px; line-height: 52px; padding-right: 62px; }
  .indextit_r a:after,.indextit_r a:before{ width: 52px; height: 52px; }
  .indul{ margin-left: -2%; padding-top: 42px; }
  .indul li{ padding-left: 2%; margin-bottom: 60px; }
  .indli{ padding: 66px 24px 0; }
  .indliimg{ left: 24px; width: 86px; height: 86px; line-height: 86px; top: -43px; }
  .indliimg img{ max-width: 60%; }
  .ind_tit{ font-size: 20px; }
  .airtit{ font-size: 14px; }
  .why{ padding-bottom: 90px; }
  .whytitle{ font-size: 54px; line-height: 84px; }
  .whyword{ font-size: 16px; line-height: 30px; padding: 0 35px; }
  .flagdiv{ padding-top: 32px; }
  .flagtit{ font-size: 22px; }
  .flagword{ font-size: 13px; }
  .latpos dd{ padding-bottom: 10px;}
  .latscb{ padding-top: 10px;}
  .flagimg{ height: 230px; line-height: 230px; }
  .classinner{ padding: 0 1.8vw; }
  .classul{ margin-left: -1.6%; }
  .classul li{ padding-left: 1.6%; }
  .mar{ padding: 24px 16px 0; }
  .mar_tit{ font-size: 20px; }
  .class_more{ height: 60px; line-height: 60px;}
  .flagimg img{ width: 80%;}
  .lat_l{ width: 42%; }
  .lat_r{ width: 55%; }
  .lattit{ font-size: 36px; line-height: 48px; height: 96px; }
  .scbtit{ font-size: 20px; line-height: 32px; height: 64px; }
  .Requirement_lat{ font-size: 14px; line-height: 26px; }
  .useful{ width: 24%; }
  .cont{ width: 42%; }
  .online{ width: 34%; }
  .foot_l{ font-size: 14px; }

  .cala_ul{ padding: 48px 0; }
  .cala_ul li a{ width: 130px; height: 42px; line-height: 42px; font-size: 13px; }
  .proul{ margin-left: -2%; }
  .proul li{ padding-left: 2%; margin-bottom: 28px; }
  .prodiv{ padding-top: 44px; }
  .protit{ font-size: 28px; height: 48px; line-height: 48px; }
  .proword{ font-size: 18px; height: 42px; line-height: 42px; }
  .proimg{ height: 280px; line-height: 280px; }
  .promore{ width: 220px; height: 60px; line-height: 60px; margin: 54px auto 74px; }
  .opticimg{ height: 410px; line-height: 410px; }
  .optic_r{ padding: 40px 24px 32px; }
  .intr_tit{ font-size: 28px; height: 48px; line-height: 48px; }
  .intr_ber,.intr_pro{ font-size: 19px; height: 42px; line-height: 42px; }
  .intr_word{ height: 330px; line-height: 28px; }
  .product{ padding: 1px 28px 110px; }
  .main_tit{ margin-top: 48px; }
  .main_ul li,.bias_div{ font-size: 14px; }
  .aboutbox{ padding-top: 62px; }
  .about{ padding-bottom: 50px; }
  .spa{ height: 50px; line-height: 50px; }
  .spa img{ height: 40px;}
  .spatit{ font-size: 20px;height: 40px; line-height: 40px; }
  .spatit:after{height: 40px; line-height: 40px; }
  .zid{ font-size: 22px; height: 42px; line-height: 42px; }
  .zidword{ height: auto; line-height: 22px; font-size: 14px; }
  .about_r .aboutp{ margin-bottom: 10px !important;}
  .abouttwo .zidword{ height: auto;}
.duct{ padding: 60px 0 40px 0;}
  .tion_tit{ font-size: 34px; line-height: 46px; height: 92px; }
  .tion_word{ font-size: 16px; line-height: 24px; }
  .robust,.robinner,.dev,.dev_inner{ height: 610px; }
  .robtit{ font-size: 44px; height: 110px; line-height: 110px; }
  .rob_word{ padding: 0 35px; line-height: 30px; }
.duct_r,.duct_l{ width: 48%;}
  .news_dl{ padding: 34px 0; }
  .news_dl dt{ width: 74px; }
  .news_dl dd{ width: calc(100% - 90px); }
  .gcp_tit{ font-size: 28px; line-height: 36px; height: 72px; }
  .rel_tit{ font-size: 42px; line-height: 54px; }
  .join{ padding-top: 62px; }
  .jobtit{ font-size: 26px; }
  .job{ margin-right: 28px; }
  .joinRequirement{ padding: 1px 42px 56px; }
  .contdiv{ padding: 74px 0; }
  .fordiv{ font-size: 34px; height: 48px; line-height: 48px; }
  .forul li{ font-size: 17px; margin-bottom: 22px; }
  .cont_r{ padding: 42px 42px 52px; }
  .formtxt,.forsel{ height: 66px; line-height: 66px; }
.forul li img{ margin-right: 8px; width: 30px;}
  .abouttwo .aboutimg img{ width: 90%;}
.tion_word .aboutp{ margin-bottom: 20px!important;}
.gationtit{ padding: 60px 0 40px 0;}
.lowest{ padding: 60px 0 40px 0;}

.abannerword{ width:100%; left:0;transform: translate(0%, -50%)}
.amarbanner{ font-size:34px; line-height:52px;}
.azidbanner{ font-size:24px; line-height:36px;}
.aintbanner{ font-size:18px; line-height:26px; margin-bottom:10px;}
.bannerword{ width:100%; left:0;transform: translate(0%, -50%)}
.marbanner{font-size:34px; line-height:52px;}
.intbanner{ font-size:24px; line-height:36px;margin-bottom:10px;}
.zidbanner{font-size:18px; line-height:26px; }

 .footul a{ font-size:14px; line-height:30px; height:30px;}
  .cont{ width: 33%; }
  .ness{ font-size:14px;line-height:30px; height:30px;}
  .ontxt,.onsel,.onsub{ height:40px; line-height:40px;}
  .foot_t{padding:40px 0 50px 0}
.foot_l{ font-size: 14px; }
.foottit{ font-size: 20px;}
}
@media screen and (max-width:1370px){
 .gcp_word{ line-height: 18px; height: 54px;} 
.gcp_tit{ font-size: 20px; line-height: 22px; height: 44px;}
.news_dl{ padding: 20px 0;}
.gcp_see{ height: 30px; line-height: 30px;}
.newsback .gcp{ padding-top: 10px;}
.protit{ font-size: 24px;}
.forul li{ font-size: 14px;}
.codetxt{ width: 220px;}
.tion_tit{ font-size: 30px; line-height: 36px; height: 80px;}
.tion_word{ font-size: 18px; line-height: 30px;}
  .latpos dd{ padding-bottom: 24px;}
  .latscb{ padding-top: 24px;}
.view{ padding: 20px 10px 10px; }
.view_r{ padding-top: 0 }
.main_tit{ margin-top: 20px; }
.product{ padding: 1px 28px 50px }
.zid{ margin-bottom: 10px; }
.zidword{ line-height: 30px; }
.joinscb{ padding: 30px 20px; }
.rel{ padding: 20px 0 }

.pagesye a{ width:100%}
.cont{ width:37%}
.useful{width:33%}
.online{ width:30%}

}


@media screen and (max-width:768px){
  body{ min-width: 0; }
  .flagimg img{ height: 80%; width: auto;}
  .box,.head .box{ width: 100%; padding: 0 10px; box-sizing: border-box; }
  .head{ position: relative; }
  .head .box{ display: block; }
  h1{ float: left; line-height: 68px; text-align: left; }
h1 img{ height: 50px; }
  .head_r{ float: right; width: auto; }
  .headt{ padding-top: 14px;}
  .headb{ padding: 0 0 12px 0; overflow-x: auto; }
  .headul{ white-space: nowrap; text-align: center; }
  .headul li{ display: inline-block; float: none; margin: 0 3px; }
  .headul li a{ font-size: 13px; height: 30px; line-height: 30px; padding: 0 8px; }
  .fixed-sidebar{ display: none; }
  .bannerindex .swiper-pagination{ bottom: 8px!important; }
  .index_tit{ padding: 38px 0 30px 0; }
  .index_tit{ display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; width: 100%; }
  .index_tit:after{ display: none; }
  .indextit_l{ float: none; display: block; height: auto; line-height: 42px; font-size: 24px; padding-right: 0; background: none; text-align: left; white-space: nowrap; overflow: hidden; }
  .indextit_l img{ max-width: 34px; margin-right: 10px; }
  .indextit_r{ float: none; padding-top: 0; text-align: right; flex-shrink: 0; }
  .indextit_r a{ display: inline-block; height: 44px; line-height: 44px; padding-right: 54px; }
  .indextit_r a:after,.indextit_r a:before{ width: 44px; height: 44px; }
  .industry{ padding-bottom: 10px; }
  .indul{ margin-left: -2%; padding-top: 30px; }
  .indul li{ float: left; width: 50%; padding-left: 2%; margin-bottom: 58px; }
  .indli{ padding: 64px 24px 12px; }
  .indliimg{ left: 24px; width: 86px; height: 86px; line-height: 86px; top: -42px; }
  .ind_tit{ font-size: 22px; height: auto; line-height: 32px; }
  .why{ padding-bottom: 62px; background-position: center top; }
  .whytitle{ font-size: 34px; line-height: 50px; height: auto; }
  .whyword{ font-size: 15px; line-height: 26px; padding: 0; }
  .whyvideo{ width: 76px; height: 76px; margin: -38px 0 0 -38px; top: 58%; background-size: 100% auto; }
  .flaginner{ padding: 0 16px; }
 .lan{    background: #4f46e5; border:1px solid #4f46e5; margin-right:30px;}
  .classinner{ padding: 0 16px; }
  .classul{ margin: 0 0 34px -2%; }
  .classul li{ float: left; width: 50%; padding-left: 2%; margin: 0 0 22px 0!important; box-sizing: border-box; }
  .mar{ background-size: cover!important; }
  .mar_tit{ font-size: 28px; }
  .class_more{ width: 220px; height: 58px; line-height: 58px; font-size: 18px; margin-bottom: 58px; }
  .latest{ margin-bottom: 54px; }
  .lat_l,.lat_r{ float: none; width: 100%; }
  .lat_l{ margin-bottom: 28px; }
  .lattit{ font-size: 30px; line-height: 40px; height: auto; min-height: 80px; }
  .latword{ height: auto; }
  .lat_time{ height: 52px; line-height: 52px; }
  .latpos dd{ padding-bottom: 22px; }
  .Requirement_lat{ padding-left: 0; font-size: 14px; line-height: 25px; }
  .scb_l{ width: 78px; }
  .scbday{ font-size: 24px; height: 44px; line-height: 44px; }
  .scbyear{ font-size: 13px; }
  .scb_r{ width: calc(100% - 98px); }
  .scbtit{ font-size: 18px; line-height: 28px; height: auto; min-height: 56px; padding-right: 34px; background-size: 26px auto!important; }
  .foot_t{ padding: 36px 0 44px 0; }
  .useful,.cont,.online{ float: none; width: 100%; margin-bottom: 30px; }
  .online{ margin-bottom: 0; }
  .foottit{ font-size: 24px; height: 46px; line-height: 46px; }
  .footul a{ height: 38px; line-height: 38px; font-size: 15px; }
  .ness{ height: auto; line-height: 28px; font-size: 14px; margin-bottom: 8px; }
  .onsub{ width: 100%; font-size: 20px; }
  .foot_l,.foot_r{ float: none; width: 100%; height: auto; line-height: 24px; text-align: center; padding: 12px 0; box-sizing: border-box; }
  .quick_l,.quick_r{ float: none; display: inline-block; vertical-align: middle; line-height: 38px; margin: 0 4px; }
  .quick_r{ width: 220px; height: 38px; }
  .view_r{ padding-top: 20px;}
  .bodyinner{ padding-bottom: 1px; }
  .a_banner{ overflow: hidden; }
  .cala_ul{ padding: 28px 0; margin-left: -8px; white-space: nowrap; overflow-x: auto; }
  .cala_ul li{ float: none; display: inline-block; margin-left: 8px; }
  .cala_ul li a,.cala_ul li:nth-child(1) a{ width: auto; min-width: 78px; padding: 0 14px; height: 38px; line-height: 38px; font-size: 13px; }
  .proul{ margin-left: -2%; }
  .proul li{ width: 50%; padding-left: 2%; margin-bottom: 18px; }
  .prodiv{ padding: 28px 8px 0; }
  .protit{ font-size: 20px; height: 34px; line-height: 34px; }
  .proword{ font-size: 14px; height: 40px; line-height: 20px; }
  .proimg{ height: 190px; line-height: 190px; }
  .proimg img{ width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; }
  .promore{ width: 190px; height: 50px; line-height: 50px; margin: 34px auto 54px; font-size: 17px; }
  .optic_l,.optic_r{ float: none; width: 100%; }
  .optic_l{ margin-bottom: 22px; }
  .opticimg{ height: 320px; line-height: 320px; }
  .view{ padding: 26px 18px 18px; }
  .view_dl dt{ width: 34px; }
  .view_dl dd{ width: calc(100% - 48px); }

  .view_r a{ margin-top: 14px; }
  .optic_r{ padding: 30px 22px; box-sizing: border-box; }
  .intr_tit{ font-size: 24px; height: auto; line-height: 34px; }
  .intr_ber,.intr_pro{ font-size: 18px; height: auto; line-height: 32px; }
  .intr_word{ height: auto; line-height: 26px; }
  .product{ padding: 1px 14px 60px; overflow-x: auto; }
  .main_tit{ margin-top: 34px; }
  .maindiv{ font-size: 20px; line-height: 36px; }
  .maintable{ min-width: 640px; }
  .misson{ width: 90%; left: 5%; margin-left: 0; }
  .aboutbox{ padding-top: 34px; }
  .about,.abouttwo,.abouttherr{ padding: 0 0 46px 0; }
  .aboutimg,.about_r,.abouttwo .aboutimg,.abouttwo .about_r,.abouttherr .aboutimg,.abouttherr .about_r{ float: none; width: 100%; padding-top: 0; }
  .aboutimg{ margin-bottom: 22px; text-align: center; }
  .aboutimg img,.aboutpic img,.gationl img{ max-width: 100%; height: auto; width: auto; }
  .spa{ height: auto; line-height: normal; margin-bottom: 14px; }
  .spatit{ font-size: 20px; height: 44px; line-height: 44px; }
  .zid{ font-size: 24px; height: auto; line-height: 34px; margin-bottom: 12px; }
  .zidword,.abouttwo .zidword{ height: auto; line-height: 26px; }
  .gationtit{ padding: 30px 0 20px 0; text-align: center; }
  .gationl,.gationr,.lowest .gationl,.lowest .gationr,.duct .gationl,.duct .gationr{ float: none; width: 100%; padding-top: 0; }
  .gationl{ margin-bottom: 24px; text-align: center; }
  .abouttwo .spatit{text-align: left; margin-bottom: 20px;}
  .gation{ padding-bottom: 30px; }
  .tion_tit,.lowest .tion_tit,.duct .tion_tit{ font-size: 28px; line-height: 38px; height: auto; margin-bottom: 14px; }
  .tion_word{ font-size: 15px; line-height: 26px; }
  .robust,.robinner,.dev,.dev_inner{ height: auto; min-height: 240px; }
  .rob{ position: static; transform: none; padding: 70px 0; }
  .robtit{ font-size: 30px; height: auto; line-height: 44px; }
  .robtit sup{ font-size: 28px; }
  .rob_word{ padding: 0; line-height: 26px; font-size: 15px; }
  .lowest,.duct{ padding: 32px 0; }
  .duct_l,.duct_r{ height: auto; line-height: 30px; }
  .duct_l{ width: 55%; }
  .duct_r{ width: 42%; }
  .news_dl{ padding: 26px 0; }
  .news_dl dt{ width: 66px; }
  .news_dl dd{ width: calc(100% - 80px); }
  .newsday{ height: 48px; line-height: 48px; font-size: 24px; }
  .news_year{ font-size: 13px; }
  .newsimg,.newsdiv .newsimg{ float: none; width: 100%; margin-bottom: 18px; }
  .newsimg img{ width: 100%; height: auto; }
  .newsdiv .newsimg img{ height: auto; opacity: 1;}
  .gcp,.newsdiv .gcp{ float: none; width: 100%; }
  .gcp_tit,.newsdiv .gcp_tit{ font-size: 24px; line-height: 34px; height: auto; }
  .gcp_word{ height: auto; line-height: 26px; }
  .rel{ padding: 34px 0 28px 0; }
  .rel_tit{ font-size: 28px; line-height: 38px; margin-bottom: 18px; }
  .rel_div{ height: auto; line-height: 24px; }
  .news_word img{ max-width: 100%; height: auto; }
  .pages{ padding: 30px 0 58px 0; }
  .pages a{ height: auto; line-height: 26px; font-size: 15px; }
  .join{ padding: 42px 0 38px 0; }
  .joinscb{ padding: 28px 14px; }
  .jobtit{ font-size: 22px; height: auto; line-height: 34px; padding-left: 34px; }
  .jobtit:after{ right: 18px; top: 12px; }
  .jobinner{ height: auto; line-height: 26px; padding-left: 34px; }
  
  .joinRequirement{ padding: 1px 22px 38px; font-size: 15px; line-height: 26px; }
  .joinRequirement .reqem{ font-size: 20px; line-height: 34px; margin: 26px 0 14px 0; }
  
  .contdiv{ padding: 46px 0; }
  .cont_l,.cont_r{ float: none; width: 100%; }
  .cont_l{ margin-bottom: 30px; background-size: contain; }
  .fordiv{ font-size: 26px; height: 36px; line-height: 36px; }
  .for{ margin-bottom: 28px; }
  .forul li{ height: auto; line-height: 26px; font-size: 15px; margin-bottom: 16px; }
  .forul li img{ width: 20px; height: auto; margin-right: 8px; }
  .contul li a img{ height: 30px; width: auto; }
  .cont_r{ padding: 30px 20px 38px; }
  .cont_tit{ font-size: 24px; height: 54px; line-height: 54px; margin-bottom: 22px; }
  .formtxt,.forsel{ height: 54px; line-height: 54px; font-size: 16px; padding: 0 20px; }
  .subcont{ width: 100%; height: 58px; line-height: 58px; font-size: 22px; }
  .abouttwo .aboutimg img{ width: 100%;}
.duct_l{ text-align: left; width: 27%;}
.duct_r{ float: left;}

.mobile{ display: block;  width: 100%; top: 10px; }
.mobile-inner{ width: 100%; }
.box{ width: 100%; padding: 0 10px; box-sizing: border-box;max-width: inherit; }
.top{ display: none; }
.navul{ display: none; }
.search{ display: none; }
.menuBg{ display: block; top:26px; }
.headb{ display: none; }
.useful,.online{ display: none; }
.pages a,.pages span{ width:24px; height:24px; line-height:24px;}


.foot_t{ padding:20px 0;}
.useful, .cont, .online{ margin-bottom:5px;}
.contul li{ line-height:56px;}
.foot_l{ text-align:left; padding:10px 0 0 0;}
.abannerword{ width:100%; left:0;transform: translate(0%, -50%)}
.amarbanner{ font-size:24px; line-height:32px;}
.azidbanner{ font-size:14px; line-height:18px;}
.aintbanner{ font-size:16px; line-height:20px; margin-bottom:10px;}
.bannerword{ width:100%; left:0;transform: translate(0%, -50%)}
.marbanner{font-size:24px; line-height:32px;}
.intbanner{ font-size:16px; line-height:20px; margin-bottom:10px;}
.zidbanner{ font-size:14px; line-height:18px;}

}

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

  .box,.head .box{ padding: 0 10px; }
  h1 img{ max-width: 160px; }
  .headul li a{ font-size: 12px; padding: 0 6px; }
  .indextit_l{ font-size: 20px; line-height: 36px; }
  .indextit_l img{ max-width: 28px; margin-right: 5px; }
  .indli{ padding: 64px 10px 10px; }
  .indliimg{ left: 18px;width: 50px;height: 50px;line-height: 50px;}
  .ind_tit{ font-size: 18px; margin-bottom: 0; }
  .airtit{ font-size: 14px;height: 24px; line-height: 24px; }
  .whytitle{ font-size: 28px; line-height: 42px; }
  .whyword{ font-size: 14px; line-height: 24px; }
  .flagtit{ font-size: 18px; }
  .flagword{ font-size: 14px; line-height: 26px; height: 26px; }
  .flagimg{ height: 170px; line-height: 170px; }
  .mar_tit{ font-size: 16px; height: 30px; line-height: 30px;}
  .marword{ font-size: 14px; }
  .lattit{ font-size: 26px; line-height: 34px; min-height: 68px; }
  .scb_l{ width: 66px; }
  .scb_l:after{ right: -4px; }
  .scb_r{ width: calc(100% - 84px); }
  .scbtit{ font-size: 16px; font-weight: bold; line-height: 28px; }
  .quick_l,.quick_r{ display: block; margin: 0 auto 8px; }
  .quick_r{ width: 100%; }
  .flagtit{ height:30px; line-height: 30px; margin-bottom: 10px;}
  .indextit_r a:after, .indextit_r a:before{ background-size: 40%; width: 30px; height: 30px; border-radius: 30px;}
.indextit_r a{ padding-right: 36px;}
.indextit_r a:after{ top: 6px;}
.index_tit{ padding: 15px 0;}
.indul li{ float: none; width: 100%;}
.indair{ height: 50px;}
.indul li:nth-child(6){ margin-bottom: 20px;}
.why{padding-bottom: 40px;}
.mar{ padding: 15px 6px 0;}
.class_more{ margin-bottom: 30px;}
.classul{ margin-bottom: 10px;}
.apply_l,.apply_r{ float: none; }
  .apply_l{ margin-bottom: 12px; }
  .apply_r{ height: auto; line-height: 26px; }
  .job{ display: block; float: none; margin-right: 0; font-size: 15px; }
  .proul{ margin-left: 0; }
  .proul li{ float: none; width: 100%; padding-left: 0; }
  .proimg{ height: auto; line-height: inherit; padding:10px 0 30px 0; }
  .opticimg{ height: auto; line-height: inherit;padding: 20px 0; }
  .product{ padding-left: 10px; padding-right: 10px; margin-bottom: 20px; }
  .spatit{ font-size: 18px; }
  .zid{ font-size: 21px; line-height: 30px; }
  .tion_tit,.lowest .tion_tit,.duct .tion_tit{ font-size: 18px; line-height: 28px; }
  .robtit{ font-size: 26px; line-height: 38px; }
  .duct_l,.duct_r{ float: none; width: 100%; text-align: left; }
  .news_dl dt{ float: none; width: 74px; margin-bottom: 14px; }
  .news_dl dd{ float: none; width: 100%; padding-left: 0; }
  .newsdiv dd:after{ display: none; }
  .gcp_tit,.newsdiv .gcp_tit{ font-size: 18px; line-height: 24px; margin-bottom: 10px; }
  .rel_tit{ font-size: 18px; line-height: 24px; margin-bottom: 8px; }
  .jobtit{ font-size: 18px; padding-left:34px; }
  .jobinner{ padding-left: 28px; }
  .joinRequirement{ padding:1px 8px 10px; }
  .fordiv{ font-size: 26px; }
  .promore{ margin:30px auto}
  .cont_r{ padding: 26px 14px 34px; }
  .codetxt{ width: 58%; }
  .code_num{ width: 42%;height: 60px; line-height: 60px; }
.cala_ul{ margin: 0;padding: 20px 0 10px 0}
.cala_ul li{ float: left; width: 50%; margin: 0 0 10px 0; padding: 0 3px; box-sizing: border-box;}
.news_dl dt{ display: none;}
.newsdiv .newsimg img{transform: translateX(0);}
.news_dl{ padding: 20px 0 20px 0;}
.gcp_word{ line-height: 20px; font-size:14px; margin-bottom:10px;}
.rel{ padding: 10px 0 20px 0; margin-bottom: 20px;}
.rel_div{ font-size: 14px;}
.news_word{ padding-bottom: 30px;}
.newsend:after{ width: 40px; height: 40px; border-radius: 40px;}
.newsend{ height: 40px; line-height: 40px; width: 146px; margin-bottom: 20px;}
.pages a{ font-size: 14px; line-height: 22px; margin-bottom: 10px;}
.pages{ padding: 30px 0;}
.view_l,.view_r{ float: none; width: 100%; padding-top: 0; }
.view_tit{ margin-bottom: 0;}
.intr_ber, .intr_pro{ font-size: 16px;}
.intr_word,.main_word p{ line-height:20px!important; margin-bottom: 10px!important;}
.maindiv{ margin: 10px 0;}
.join{ padding: 20px 0;}
.joinscb{ padding: 15px 6px;}
.joinRequirement .reqem{ margin: 20px 0 10px 0;}
.apply_l{ height: 40px; line-height: 40px; border-radius: 40px;}
.rob{ padding: 30px 0;}
.foot_t{ padding: 10px 0 }
.quick_l{ text-align: left;line-height: 20px; }
.foottit{ margin-bottom: 10px; }
.ness{ margin-bottom: 0 }
.cont{ margin-bottom: 0px; }
.foot_r{ padding: 0 0 12px 0 }
.foot_l{ text-align: left; padding: 12px 0 8px 0; }
.contbus{ margin-bottom: 10px; }
.latest{ margin-bottom: 30px; }
.about{ padding: 20px 0; }
.joinpos dd{ margin-bottom: 15px; }
.contdiv{ padding: 20px 0 }
.why .indextit_r a:after{background-size: 34%;}

.marbanner{ font-size:20px; line-height:30px;}
.intbanner{ font-size:14px; line-height:20px; margin-bottom:10px;}
.bannerword{ width:100%; left:0;transform: translate(0%, -50%);}
.zidbanner{ font-size:12px; padding:0; line-height:20px; display:none}
.indul .indli .indsee{width: 128px;font-size: 16px;color: #6571ff;font-style: italic; height:30px; text-align:center; line-height:30px; margin:0 auto}
.indul li{ margin-bottom:20px!important;}
.indliimg{ left:50%; margin-left:-25px; top:10px;}
.ind_tit{ text-align:center}
.whyword{ font-size:16px; height:99px; overflow:hidden;display: -webkit-box;-webkit-line-clamp: 3;       /* 限制行数 */-webkit-box-orient: vertical;text-overflow: ellipsis;}
.whyword p{ line-height:22px!important;}
.whytitle{ font-size:18px; height:36px; line-height:36px;}
.indextit_l img{ max-width:18px;}
.flagword{ font-size:18px;}
.Requirement_lat{ line-height:22px;}
.latpos dd{ padding-bottom:14px;}
.latscb{padding-top:14px;}
.class_more{ width:160px; height:50px; border-radius:50px; line-height:50px; font-size:16px;}
.lattit{ height:auto; min-height:inherit; font-size:18px; line-height:24px;}
.nessi{ font-size:12px;}
.quick_r{ width:80%; margin:0}
.joinscb.act .jobhe,.jobhe{    background-size: 5%;}
.jobtit{ padding-left:22px; font-size:16px;}
.jobinner{ line-height:20px;padding-left: 22px;}
.job{ font-size:14px;  }
.joinRequirement .reqem{ font-size:15px; margin:10px 0; line-height:20px;}
.joinRequirement { line-height:20px; font-size:14px;}
.fordiv{ font-size:18px; height:28px; line-height:28px;}
.for{ margin-bottom:15px;}
.formtxt, .forsel{ height:40px; line-height:40px;}
.cont_r{ padding:10px 10px 20px;}
.formdiv{ margin-bottom:14px;}
.code_num{ width:36%;height:40px; line-height:40px;}
.subcont{ height:48px; line-height:48px; border-radius:48px;}
.amarbanner{ font-size:18px;line-height:20px;}
.aintbanner{ font-size:14px; line-height:16px; margin-bottom:0}
.azidbanner{ display:none}
.abannerword{ width:100%; left:0;    transform: translate(0%, -50%);}
.gationtit{ padding:20px 0 10px 0}
.tion_word{ line-height:20px;}
.gation{padding-bottom:20px; }
.robtit{ font-size:18px; line-height:24px; margin-bottom:10px;}
.robinner{ padding:30px 0 20px 0}
.robinner{ line-height:20px;}
.rob{ padding:20px 0 0 0;}
.rob_word{ text-align:left; line-height:20px;}
.rob_word p{text-align:left!important;}
.product{ padding:20px 10px;}
.misstit{ font-size:22px; height:60px; line-height:60px;}
.form_miess{ padding:20px 10px;}
.missdiv{ margin-bottom:15px;}
.misstxt{ height:45px; line-height:45px; border-radius:45px;}
.form_miess .code_num{ height:45px; line-height:45px;}
.misson{ height:350px; margin-top:-175px;}
.colse{ top:-13px; right:-13px;}
.industry .indul{ padding-top:0px;}

.latword{ line-height:24px;}
.maintable{ min-width:inherit}
.a_banner{ margin-top:0}
.gcp_see{ font-size:14px;}
.newsdiv:hover dd:has(.newsimg img) .newsimg{ width:100%}
.newsdiv:hover dd:has(.newsimg img) .gcp{ width:100%}
.news{ padding-bottom:30px;}

.xgtit{ font-size:26px; text-align:center; height:60px; line-height:60px;}
.xgtit img{ width:18px; margin-right:5px;}
.proms{ font-size:18px; height:auto; line-height:24px; margin-bottom:10px;}
.xgword{ font-size:14px; padding:0 10px; line-height:20px;}
.bannerindex .swiper-pagination-bullet{width: 20px; height: 20px;background-size:cover; }

}