２@import url("reset.css");
@charset "UTF-8";

@media (max-width:1800px){
  
}

@media (max-width:1600px){
   .container{padding:0px 6%;}
   .container_l{padding-left: 6%;}
   .container_r{padding-right: 6%;}
    body h1{font-size: 55px;}
	.pageBannerBox h2{font-size:32px;}
	.reveal-text span{ font-size:70px;}
  .page_banner {height:550px;}  
  .page_contain .container{padding: 0px 10%;}
  .page_contain .container_l{padding-left: 10%;}
  .page_contain .container_r{padding-right: 10%;}
  .ir_reportBox ul li dl dt img{width:180px; height:250px;}
  .bus_serveBtn{padding-bottom:0px;height: 150px;}
  .bud_productLisUl li dl dt{height:240px;}
  .careerslide_box .careerslide_item{height:360px;}
}

@media (max-width:1440px){
	 .com_pad_bot80{ padding-bottom:50px;}
.com_pad_Tb{ padding:80px 0;}
.index_companyInfo{width:65%;}
#ver-en .index_companyInfo {width:45%;}
.index_company{    background-position: 120%;}
   .container{padding:0px 5%;}.container_l{padding-left: 5%;}.container_r{padding-right: 5%;}

   #ver-en .footer_top .footer_logo{padding-right: 80px;}
   /* .index_banner{    height:80vh;} */
   .page_banner {height: 500px;}
   body h1{font-size:50px;}
   .pageBannerBox h2{font-size:28px;}
.reveal-text span{ font-size:65px;}
.index_awardBox{padding: 0px;}

 .ir_reportBox ul li dl dt img{width:160px; height:220px;}
   .bud_productLisUl li dl dt{height:220px;}
   .careerslide_box .careerslide_item{height:330px;}
}

@media (max-width:1360px){

   .font_sm{font-size: 12px;}
  .page_contain .container{padding: 0px 8%;}
  .page_contain .container_l{padding-left:8%;}
  .page_contain .container_r{padding-right: 8%;}
.ir_reportBox ul li dl dt img{width:140px; height:195px;}
.sus_report ul li dl dt img{width:180px; height:250px;}
}

@media (max-width:1280px){
   .page_banner {height:400px;}
body h1{font-size:45px;}
.pageBannerBox h2{font-size:30px;}
.reveal-text span{ font-size:60px;}
.index_company{    background-position:140px;background-size: cover;}
.job_HK a{width: auto; padding: 8px 15px;}
.career_link{padding:8px 15px !important;width: auto !important;}
.index_companyInfo{    width: 58%;}
.nav_menu3 > ul > li .nenu_navUL_three.menu_ip_l{
  left: auto;
    right: 100%;
}
.bud_productLisUl li dl dt{height:210px;}

}


@media (max-width:1024px){
	.w1024{display: none;}
	body h1{font-size: 55px;}
	.reveal-text span{ font-size:70px;}
	.index_media h1 {top:30px;}
		   .com_pad_Tb{ padding:70px 0;}
		   .col_45 { padding-top:30px;}
	  
		   .com_pad_bot110{ padding-bottom:70px;}
       .bus_bg1{padding-top: 70px!important; margin-bottom:70px;}
   .ipad_show{display: block;}.ipad_hide{display: none;}.col_100_ipad{width: 100%;}.flex_ipad_W{flex-wrap:wrap;}
   .container{padding:0px 20px;}.container_l{padding-left: 20px;}.container_r{padding-right: 20px;}
   .page_contain .container{padding: 0px 20px;}
   .page_contain .container_l{padding-left: 20px;}
   .page_contain .container_r{padding-right: 20px;}
   .index_banner{height:66vh;}
	.banner_slick .banner_item {background-position-x:60%;}
    .PageMenu{display: block;}
   #header.sticky{padding: 10px 0px;}
   .warp .main_content{
	   transform: translateY(-100vh);
	   -webkit-transform: translateY(-100vh);
	   -moz-transform: translateY(-100vh);
	   -ms-transform: translateY(-100vh);
	   transition: all 0.5s;
		   -moz-transition: all 0.5s;
		   -webkit-transition: all 0.5s;
		   -o-transition: all 0.5s;
       z-index: 8;
   }
   .warp.showMenu{height: 100vh!important; overflow: hidden;width: 100vw;}
   .warp.showMenu .PageMenu{
	   transform: translateY(0);
	   -webkit-transform: translateY(0);
	   -moz-transform: translateY(0);
	   -ms-transform: translateY(0);
   }
   .warp.showMenu .main_content{
   	   transform: translateY(0);
   	   -webkit-transform: translateY(0);
   	   -moz-transform: translateY(0);
   	   -ms-transform: translateY(0);
   }
	.menuShow .logo{display: none;}

   .logo{width:160px;}

   .banner_login{padding:20px;top: 80%;}
   .banner_login dl dd{display: none;}
   .banner_slogan h1{
      display: table; width: 100%;
   }
   .banner_slogan h1::before{
    width: 130%;
    height: 180%;
    left: -60px;
    top: 50%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
   }
   .bud_productLisUl li dl dt{height:200px;}
   .footer_emailInfo{width:100%;}
.emailInputBox input{ min-width:330px;width:100%;}
.index_award_logo{margin:0 2%;}
.footer_top{ padding:60px 0;}
   .footer_top .footer_logo{padding-right: 0px; margin:0px auto;}
   .footer_nav ul{margin-top: 30px;}
   .footer_nav ul li.foot_li{width: 100%; position: relative; padding:8px 0px;}
   .footer_nav ul li.foot_li a.bg_nav{position: relative;}
   .footer_nav ul li.foot_li a.bg_nav span{position: absolute;right: 0px;}
   .footer_nav ul li.foot_li .slideNavBox{display: none;}
   .footer_min p.mapmarker{width: 100%;}
   .footer_bot{text-align: center;}
   .footer_bot a.wisd{margin:0px auto; margin-top: 10px;}
   .footer_logo .flex_column{flex-direction: row;justify-content: center;}
   .footer_email .flex_column{flex-direction: row; justify-content: space-between; padding-bottom:50px;}

.careerslide_box .careerslide_item{height:440px;}

   /*index-main*/
   h2.index_txt{text-align: center;}
   .index_companyInfo{width: 100%;}
   #ver-en .index_companyInfo{width: 100%;}
   .index_company{background: #e4f1fc;}
   .index_companyInfo{padding-bottom: 0px;}
   img.index_companyImg{margin-top: 40px; width: 106%;left: -3%; position: relative;}
   
   .index_award_l{padding-bottom: 50px;} 
   .index_awardBox,.index_irStrock{padding: 0px;}
   .index_irBox::before{left: -50px;}
   .index_irAnn{margin-top: 50px;}
.index_award .flex_ph_WO{justify-content: center;}
   /*page*/
   img.profile_img_ipad{width: 100%;margin: 0px auto;}
     .bus_productTAb li{width: 32.5%;}


   
.ir_reportBox ul li dl dt{ display:table; margin:auto; width: 80%;}
.ir_reportBox ul li dl dt img{max-width: 300px;width: 100%; display: table; height: inherit; margin: auto;} 
.ir_reportBox ul li dl dd{width: 100%;flex:auto; padding-left: 0px; text-align: center; padding-top:20px;}

   .ir_reportBox ul li{width: 48%;}
      .ir_reportBox ul li dl{    flex-wrap: wrap;}
   h1.animationBan i {letter-spacing: 0px;}

   ul.nac_menu_ph li a.bg_nav{font-size: 36px; padding-bottom: 10px;position: relative;
       display: flex;
    justify-content: space-between;
    align-items: center;}
   ul.nac_menu_ph li a.bg_nav i.fa{right: 24px; font-size:40px;}
   ul.nac_menu_ph li .nenu_navUL_two a{font-size: 24px; padding-top: 5px; padding-bottom: 5px;}
   ul.nac_menu_ph li .nenu_navUL_two>li>a{padding-left:30px;}

   .click_nav ul{display: flex; flex-wrap:wrap;justify-content: space-between;}
   .click_nav ul li{width: 47%;}
   .click_info{padding-left: 0px;}

   .sus_report ul li{width: 33.333%;}
 .sus_tab{border-top: 0px;}
   .career_cultu ul li{width: 48.5%; margin-bottom: 50px;}

   
   .career_cultu{padding-bottom: 0px;}

   .busOverIMg{margin-bottom: 30px;}

   .honor_infoItem_r {
    padding-left: 0px;
   }

   .clomu_fle{flex-direction: column-reverse;}
   .job_HK{margin-top: 30px;}
   a.marg_B{margin: 0px auto;}
   
    .bus_honorBox{ min-height:250px;}
   .bus_honorBoxBG1{ background-position-x:190%;}

   .dev_pro_tab .dev_pro_tab_L{display: none;}

   .flex_column1{flex-direction: column-reverse;}
   .productDetialDL{margin-bottom: 30px;}

   a.product_back{position: relative; margin-top: 50px; width: 100%; text-align: right;}
   #footer::before{top: 0px;}

   .abour_shim{padding:50px 20px;}
   ul.about_pro_ul li{margin-bottom: 50px;}
   ul.about_pro_ul dl dd{flex:1;}

   ul.bus_honor_Ul.bus_honorPOs{position: relative; bottom: auto; left: auto; float: none; margin-bottom: 50px;}
   

   ul.about_team_box li.ab_tit {
    width: 47%;
    margin-right: 6%!important;
  }
  ul.about_team_box li.ab_tit:nth-of-type(2n) {
    margin-right: 0px!important;
  }
.bus_services dt{ padding-right:0;}
.bus_services dd{ position:relative; padding-top:30px; margin: auto;}
  .sus_yanshenBox ul li{width: 47%; margin-bottom: 80px;}
  .sus_yanshenBox{margin-bottom: 0px;}
  .miles_infoItem ul li{width: 50%; margin-bottom: 50px;}

  .sus_yanshenBox ul.sus_develoopUL li{width: 47%; margin-right:6%;}
  .sus_yanshenBox ul.sus_develoopUL li:nth-of-type(2n){margin-right: 0px;}
  .sus_yanshenBox ul.sus_develoopUL li:nth-child(2n+1){ margin-right:6%;} 
.sus_chengj ul{width:100%;}

  .flex_column_serve{flex-direction: column-reverse;}
  .busSerImg{margin-top: 30px;}
}

@media (max-width:990px){
  .bud_productLisUl li{width:48%;margin:0 4% 4% 0}
   .bud_productLisUl li:nth-child(2n){margin-right:0}


  .bus_house_scroll{
     width: 100%;
     max-width: 800px;
     margin: 0px auto;
   }
   .bus_popiteml{
     position: relative;
     width: 100%;
     height:auto;
     top: auto;
     bottom: auto;
     background:#ffffff;
   }
   ul.bus_house_slick{
    top:0;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    /* padding: 0px 50px 0px 50px; */
   }
   .bus_house_item .bus_flex_pad{
     overflow-y: auto;

     display: block;
   }
   .bus_scroll_popo{
     width: 100%;
     height: auto;
     margin-left: 0px;
     padding: 20px;
   }
   .bus_scroll_popo.bg_w{
    background:#fff;
   }
   .bus_popiteml_scroll{
    overflow: hidden;

   }
   a.bus_hou_more{
    max-width: 100%;
    color:#fff;
    display: block;
   }
   a.bus_hou_more.color_hei{
    color:#e60013!important;
   }

   ul.milestone-list::before{
        left: 30px;
    }
    ul.milestone-list::after{left: 30px;}
    ul.milestone-list li .inner-li > div.m-wrap{
        width: 100%;
    }
    ul.milestone-list li .inner-li > div.placeholder{
        display: none;
    }
	.type_box{right:0; left:auto;}
.index_mediaSlick a.slick-prev{left:21%;}
    .index_mediaSlick a.slick-next{right:22%;}
    ul.milestone-list li .m-wrap .m-list{
        float: none!important;
        padding-right: 0px!important;
        padding-left: 30px!important;
        display: block!important;
    }

    ul.milestone-list li .m-wrap .month{
        padding-left:30px;
        text-align: left;
    }
    ul.milestone-list li:nth-child(odd) p.mile_img {
        text-align: left;
    }
    ul.milestone-list li .m-wrap:after{right: auto; left:20px!important;}


    


}

@media (max-width:768px){
    .sus_report ul li{width: 50%;}
      .page_banner {height:400px;}
	   .com_pad_bot80{ padding-bottom:40px;}
.job_ul{margin-bottom:55px;}
	   .com_pad_smTb{ padding:55px 0;}
     .com_pad_Top100{ padding-top:55px;}
      .index_banner{height:400px;}
.bud_productLisUl li dl dt{height:280px;}
.careerslide_box .careerslide_item{height:380px;}
 .bus_productTAb li{width:49%;}
 ul.mile_tab li{width:40%;margin-bottom:20px;}
    /*.abour_shim ul.about_pro_ul li dl{flex-wrap: wrap;}
    .abour_shim ul.about_pro_ul li.cur dl{flex-direction: column-reverse;}
   body .abour_shim li.cur dl dd p.no_pad{padding-bottom: 30px!important;}
  .abour_shim li dt,.abour_shim li dd{width: 100%; float: none;}
   .abour_shim li dd { padding:0 0 30px 0; box-sizing: border-box;}*/
}

@media (max-width:680px){
.w580{display: none;}
.banner_slick .banner_item {background-position-x:65%;}
   .ph_show{display: block;}.ph_hide{display: none;}.flex_ph_W{flex-wrap:wrap;}.col_100_ph{width: 100%;}
   .container{padding:0px 20px;}.container_l{padding-left: 20px;}.container_r{padding-right: 20px;}
   .logo{width:110px;}
   .index_banner{ height: 220px; margin-top:60px;}
   .index_media h1 {top:0px;}
   .banner_slogan{left: 10px;top:120px;}   
	.banner_slogan h1{ font-size:48px;}
   body h1{font-size:40px;}
   .pageBannerBox h2{font-size:26px;}
   .reveal-text span{font-size: 52px;}
   ul.nac_menu_ph li a.bg_nav{font-size: 26px;}
   ul.nac_menu_ph li .nenu_navUL_two a {font-size: 20px;}
   .com_pad_Tb{ padding:55px 0;}
   .com_pad_bot110{ padding-bottom:60px;}
   .bus_bg1{padding-top: 60px!important; margin-bottom:60px;}
.banner_slogan h1{ font-size:32px;    line-height: 1;}
.reveal-text span{ font-size:45px;}
.careerslide_box .careerslide_item{height:200px;}

.index_companyInfo{ padding-bottom:0 !important;}
 img.index_companyImg{width: 155%;left: -30%; position: relative;}
 .index_irStrockInfo{    min-height: 270px;}
 .footer_top{ padding:30px 0;}
   .footer_min p.mapmarker b{width:100%; display:flex;margin-left: -26px;}
   .footer_email .flex_column{flex-wrap:wrap;}
   .footer_email .footer_emailQR{width: 100%; margin-top: 50px;}
   ul.footer_addrUl li{text-align: left;width: 100%;padding-left: 22px; margin-bottom: 50px;}
   ul.footer_addrUl li:last-child{margin-bottom: 0px;}
     .emailInputBox{ max-width:100%;}
   /*index-main*/
   /*.index_companyInfo{width: 100%;}*/

   .index_mediaItem dl{width: 90%; padding: 50px 15px;}
   .index_award_logo{width: 100%; margin: 0px auto; margin-bottom: 50px; max-width: 100%;}
   
   .index_award_logo:last-child{margin-bottom: 0px;}
   .index_irStrockInfo .flex_ph_W span{display: block; width: 100%;margin-top: 10px;}
   .ir_annDataInfo{padding-left: 0px;}
   .ir_annData span.ir_annTime{padding-bottom: 20px;}
   .ph_mediaTit h1{font-size: 25px;}
   .ph_mediaTit h1.reveal-text span{font-size: 36px;}
.bud_productLisUl li dl dt{height:auto;}


   .mile1_tab .mile1_item .mile1_year,.mile1_tab .mile1_item .mile1_info{width: 100%;}
.mile1_tab .mile1_item{ display:inherit;}
   .ir_reportBox ul li{width: 100%;}
   

   .click_nav ul li{width: 100%;}
    .sus_report ul li{width: 100%;}
   .sus_chengj ul li{margin-bottom:50px;width:100%;}
    .sus_chengj ul li:last-child{margin-bottom:0px}

   .career_cultu ul li{width: 100%;}
   .career_cultu ul li div{padding:20px;}
   .career_cultu ul li:last-child{margin-bottom:0}

   .bus_honor_UlBG1::after,.bus_honor_UlBG::after{display: none;}
   .bus_honor_UlBG1::before,.bus_honor_UlBG::before{
      display: none;
   }
  
.bus_serveBtn{    height: 180px;}.bus_serveBtn{width: 100%;}

    ul.bus_honor_Ul li{margin:10px 0;}
    ul.bus_honor_Ul li a{ background: #ffffff;}
	.bus_honorBox{ min-height:250px;background-size: cover;}
   .bus_honorBoxBG1{background-position-x: 0; background-size: cover;}
   .bus_honorBoxBG1 .bus_honor_UlBG1{width:100%;}
     
   .bus_honorBoxBG1 .col_60{display:none;}
   ul.bus_honor_Ul{    padding-top: 30px;float:inherit !important; margin:auto; display:table;}
    .bus_honorBoxBG1 .bus_honor_Ul { padding-top: 0px;}
	.dev_pro_InfoUL span{ font-size:12px;    padding: 8px 30px 9px 10px;}
.br_linBox span{ font-size:11px;    padding: 3px;}
.dev_tabUL{     flex-wrap: wrap;}
.dev_tabUL li{      margin-bottom: 10px;
    margin-right:5%;
    width:40%;
    display: flex;
    align-items: center;    font-size: 12px;}
      .bud_productLisUl li{width:100%; margin:0 0 30px 0;}
      .bud_productLisUl li a{height: auto;}
    .honor_bgtab li{margin-bottom: 20px;}
    span.hon_month{width:100%; padding-bottom:30px;    display: block;}
	.hon_txtInfo{padding-bottom: 0px;}
	.hon_txtImg .flex a{ padding-left:0;width:100%; margin:auto; max-width:260px;}
	.honor_infoItem_imgBox li{ display:inherit;}
    .hon_txtImg  .justify_end_center{justify-content: flex-start;}
    .hon_txtImg{margin:10px 0 30px 0;}

    .scroll_box {overflow-x: auto;}
    .scroll_box table{min-width: 580px;}
.job_tabaera{    margin-bottom:20px;}
    .job_tabaera ul{ display:inherit;}
	 .job_tabaera ul li{ padding-bottom:10px;}
.job_tabaera ul span{ display:none;}
    .notify{
	  top: 50%;
    left: 50%;
	bottom:auto;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    }

   /* .notify::before{
      content: "";
      display: block;
      position: fixed;
      top: -50vh;
      left: -50vw;
      width: 200vw;
      height: 200vh;
      background: rgba(0,0,0,0.5);
      z-index: 0;
    }*/
    .notify h4{font-size: 16px;}

    /*.banner_slogan h1{}*/
 

   	.page_banner{    height:180px; margin-top:55px;}
   
    

   
    .ir-alert-iframe iframe{height: 680px;}
    
   /* .dev_tabUL{flex-wrap:wrap;justify-content: space-between;}
    .dev_tabUL li{margin-right: 0px; margin-bottom: 10px;}*/
    .dev_pro_InfoUL li .dev_pro_tab_L{position: absolute; padding-right: 0px; z-index:2;}
    .dev_pro_InfoUL .dev_pro_tab_L span{text-align: left; color: #fff; padding-left: 5px;}


    .mile1_tab .mile1_item .mile1_year h2{margin-bottom: 20px;}
    .bus_productImg1{margin-bottom: 30px;}
    .job_HK a{width: 100%;text-align: center; margin:10px 0px;}


    .abour_shim ul.about_pro_ul li dl{flex-wrap: wrap;}
   ul.about_pro_ul dl dt{width: 80px; margin: 0px auto; margin-bottom: 30px;}
   ul.about_pro_ul dl dd{width: 100%;flex:auto; width: 100%; padding-left: 0px;}

   ul.about_team_box li.ab_tit {
    width: 100%;
    margin-right: 0%!important;
  }
  ul.about_team_box li.ab_tit b{height: auto!important;}

  .sus_yanshenBox ul li{width: 100%;}
  
  .bus_productTAb li {
      width: 100%;
  }
  .highlight-ul li{     margin-right: 0px;}
  .miles_infoItem ul li{width: 100%;}


  .sus_yanshenBox ul.sus_develoopUL li{width: 100%; margin-right:0%;}

  ul.mile_tab li{
    width: 100%;
  }
  .index_mediaItem dl dd p{display: table-cell;}


  .index_mediaSlick a.slick-prev{left:35px;}
  .index_mediaSlick a.slick-next{right:40px;}
}