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

@media (max-width:1800px){
    .index_banner .ban_info h1{font-size:55px;}
	.page_banner .ban_info h1{font-size:70px;}

}
@media (max-width:1660px){
    .index_banner .ban_info h1{font-size:50px;}
	.index_banner .ban_info span{font-size: 26px;}
	.page_banner .ban_info h1{font-size:60px;}    
.index_banner{height:80vh;}
}



 ul.nav_ul a.bg_a{font-size: 18px;}
 .bann_nav ul li a{font-size: 18px;}
    .index_banner .ban_info h1{font-size:45px;}
	.index_banner .ban_info span{font-size:22px;}
	.page_banner .ban_info h1{font-size:50px;}
     h3.ir_tit{font-size: 20px;}   
 .report_box dl dt img{width:220px;height:315px;}
ul.bus_est_ul li{height:280px;}
.product_box .slick-slide dd{height:320px;}
}


@media (max-width:1280px){
    /*#ver-sc,#ver-tc,#ver-en{ font-size:14px;}*/
    .container{
        padding: 0px 60px;
    }
   ul.nav_ul a.bg_a{ font-size: 16px;}
  .bann_nav ul li a{font-size: 16px;}
      .index_banner .ban_info h1{font-size:40px;}
  	.index_banner .ban_info span{font-size:20px;}
  	.page_banner .ban_info h1{font-size:40px;}
   .report_box dl dt img{width:200px;height:280px;}
   ul.human_talenul{
     background: url(../images/human_talent_img1.png) center 15% no-repeat;
     background-size: 40% auto;
   }
   ul.bus_est_ul li{height:240px;}
     .about_culture li span:first-child{width:80px;margin-right:5px;}
   .about_culture li{ font-size:12px;}
   .cul_infobox{ padding:10px;}
}
    
	
@media (max-width:1180px){
    .container{
        padding: 0px 50px;
    }
    .head_nav .nav_box{
        width:80%;
    }
    #header ul.nav_ul li dl dd{  
        font-size: 14px;
    }

    ul.human_talenul li.hu_li3, ul.human_talenul li.hu_li4{
      padding-top: 0px;
    }
}
@media (max-width:1024px){
    .w1024{
        display: none;
    }
    .container{
        padding: 0px 40px;
    }

    .head_nav{
        padding: 10px 0px;
    }
    .head_nav .logo{
        width: 60px;
    }
.index_banner{height:60vh !important;}
    .bann_nav ul{ display:flex;    justify-content: center;}
    /*nav*/
    .head_nav .nav_box{
        display: none;
    }
    span#menu{
        display: block;
    }
.product_box .slick-slide dd{height:280px;}
.index_banner .ban_info h1{font-size:30px;}
.index_banner .ban_info span{font-size:18px;}
	.page_banner .ban_info h1{font-size:30px;}   
	 .swiper-wrapper li.slick-current {
      -webkit-transform: scale(1)!important;
      -moz-transform: scale(1)!important;
      -ms-transform: scale(1)!important;
      -o-transform: scale(1)!important;
      transform: scale(1)!important;
      z-index: 10;
  }
  .swiper-wrapper .slick-list{
    overflow: hidden;
  }

  .honor-swiper{
    padding: 20px 0px;
  }
  
  ul.human_talenul{
    height:auto;
    width: 100%;
    background:none;
    background-size:none;
  }
  /*ul.human_talenul li p{
      display: none;
  }*/
  ul.human_talenul li{
    width: 100%!important;
    padding-top: 0px!important;
    padding-left: 0px!important;
    padding-right: 0px!important;
    text-align: left!important;
	padding-bottom:10px !important; 
  }
  .human_img{
    display: block;
  }
   br.hum_br{
    display: none;
   }
 
   ul.about_team_box{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
   }
   ul.about_team_box li.ab_tit{
    width: 48%;
   }
   ul.about_team_box li.ab_tit i{
     display: none;
   }

   .ph_about_infobox{
    width: 100%;
   }
   .team_info_item{
    padding: 30px 0px;
   }
.swiper-wrapper .slick-arrow{top:200px !important;}
.ind_ban_add::after,
.product_box::after{
  display: block;
}
}

@media (max-width:990px){
    .w990{
        display: none;
    }

    



    /*index---ph*/
    .home_wrap ul li{
        width: 100%;
    }
    .report_box dl dt img {
        width:160px;
        height: 220px;
    }
    ul.foot_nav_ul{
        flex-wrap:wrap;
    }
    ul.foot_nav_ul li{
        width: 50%;
        margin-bottom: 40px;
    }
    ul.foot_nav_ul li:nth-last-child(2),
    ul.foot_nav_ul li:last-child{
        margin-bottom: 0px;min-height: 120px;
    }


    .bann_nav ul li a{
        padding:10px 15px;
    }


    .ir_wrap .flex{
        flex-wrap:wrap;
    }
    .ir_main_r,
    .ir_main_l{
        width: 100%;
    }

    .ir_main_l{
        margin-bottom: 80px;
    }
     
    .ipad_show{
      display: block;
    }
    .pcph_show{
      display: none;
    }

    .cul_item{
      width: 50%;
    }

    .cul_item.cul_bg5{
      width:80%;
	  margin:50px auto;
	  min-height:200px;
    }

    ul.bus_est_ul li{
      height:200px;
    }
    ul.bus_est_ul li .bus_itmbox{
      padding: 20px;
    }
    ul.bus_est_ul li img.bus_icon{
      width: 35px;
    }


    /*.team_info_item{
      width: 100%;
      padding: 50px 0px;
      top: 100%;
    }
    .team_info_item::before{
      display: none;
    }
    span.team_backbtn{
      display: block;
    }*/



    .honorimg_info{  margin-top:0px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);}
    
.product_box .slick-slide dd{height:360px;}
    
}
   

@media (max-width:768px){
   .container {
        padding: 0px 20px;
    }

    span#menu{
        right: 20px;
    }
	.index_banner{height:350px !important;}
	.report_box dl dt img {
    width:250px;
    height: 350px;
}

     .report_ir.report_box{
        justify-content: space-between;
    }
    .report_ir.report_box a{
        width: 45%;
        max-width: 45%;
        margin-right: 0px;
    }
	.about_culture li{ line-height:1.2}
	.product_box .slick-slide dd{height:400px;}
	.copy{
        flex-wrap: wrap;
    }
	.copy p{width:100%;    text-align: center; padding-bottom:10px;}
	p.power{ padding-bottom:0;}
	.human_socal_contact{ display:inherit; padding-bottom:20px;}
		.human_socal_contact li{width:100%;}
}

@media (max-width:700px){
 .bann_nav{ display:none;}
 .com_pad{ padding:40px 0 60px 0;}
   ul.ir_ann_box li{
    width: 100%;
   }
   ul.ir_ann_box li:nth-last-child(2){
      margin-bottom: 80px;
      border: 1px solid #cecece;
      background: none
   }
   ul.ir_ann_box li:last-child{
      background: #f2ebe5;
      border:none;
   }
  .swiper-wrapper .slick-arrow::after{width: 15px !important;height: 15px !important;left:15px !important;top:12px !important}
  .swiper-wrapper .slick-next::after{width: 15px !important;height: 15px !important;left:8px !important;top:12px !important}
.swiper-wrapper .slick-arrow{top:80px !important;    width:40px !important;height:40px !important;}

   .flex.flex_wrap_a{
    flex-wrap:wrap;
   }
   .info_img,
   .info_ir{
    width: 100%;
   }
  /*.about_culture li span:first-child{display:block; width:100%;  padding-bottom: 10px; text-align:center} 
   .about_culture li{ text-align:center;}*/
   .report_ir.report_box a{
        width:100%;max-width:inherit;
        margin-right: 0px;
    }
.report_box a{
        width:100%;max-width:inherit;
        margin-right: 0px;
    }
    .milestones_box dl dt{width:100%}
    .milestones_box dl dd{width:100%;}
    .bus_overview ul li{width:100%;}
    /*.bus_overview ul li.bus_bgimg{width:100%; margin-top:20px;}*/
    /*.constru_max .bus_overview ul li.bus_bgimg{margin-top:0px;}*/
    ul.bus_est_ul li{
      width: 100%!important;
    }

    i.hoverimg{
      display: block;
    }


    .news_box dl dd{ display:inherit;}
    .home_wrap .news_box dl dd span{ text-align:left;}
    .news_box dl dd img{ margin:auto; width:100%; max-width:300px; display:table;}
    .news_box dl dd b{ padding:10px 0;display: block;}
    .news_box dl dd span{ text-align:left;}
    .company_news dl dd a{ display:inherit;width:100%; padding-top:10px;text-align:center;}
    .company_news dl dd a span{ text-align:center}

   

    ul.ir_info_box li{
      width: 100%;
    }
    .human_box ul{ display:inherit; padding:0; margin-bottom:20px; border:none;}
    .human_box ul li{ width:100% !important; padding:0;}
    .human_box ul:first-child{ display:none;}
    .human_box ul li{ display:table;    text-align: left !important;}
    .human_box ul li span{ display:table-cell;width:100px;padding:3px 6px; border-right:10px solid #ffffff; background-color: #d8ad8f; color:#ffffff;}
   

    .ipad_show{
      display: none;
    }
    .pcph_show{
      display: block;
    }

    .cul_item{    min-height: 250px;
      width: 100%;
    }
   .about_culture li{ font-size:14px; display:inherit; padding-bottom:15px;}
   .about_culture li span:first-child{width:inherit; text-align:left; padding-bottom:5px;}
    .bus_scroll{
      width: 90%;
      height: 80%;
      padding: 20px 20px;
    }

    span.pop_closebtn{
      right: 20px;
    }
.product_box .slick-slide dd{height:280px;}
.contact_box_qr{ display:inherit;}
.contact_box_qr dd{ padding-bottom:10px;width:100%;}
}


@media (max-width:480px){
	.index_banner{height:180px !important;}
    .index_banner .ban_info h1{font-size:20px; line-height:1;.3}
	.index_banner .ban_info span{font-size: 16px;}
	.page_banner .ban_info h1{font-size:26px;}    
    .page_banner{
        height: 320px;
    }
    .page_banner img{
        position: absolute;
        height: 100%;
        width: auto;
        top: 50%;
        left: 50%;
        transform:translate(-50%,-50%);
        -webkit-transform:translate(-50%,-50%);
        -moz-transform:translate(-50%,-50%);
        -ms-transform:translate(-50%,-50%);
    }
	.index_banner .slick-dots{bottom: 10px;}
    
.home_wrap h2{ font-size:18px;}
    .bann_nav ul{
        display: flex;
        justify-content:space-between;
    }
    .bann_nav ul li{
        flex:1;
    }
    .bann_nav .container{
        padding:0px;
    }
    .bann_nav ul li a {
        padding:10px 0px;
        font-size: 12px;
        width: 100%;
    }
#ver-en ul.bus_est_ul li:last-child{ height:520px;}
.about_culture{ font-size:14px; font-weight:normal;}
    .honor-list{
      padding: 40px 0px;
    }

    ul.human_talenul{
      height:inherit;
    }
ul.about_team_box li.ab_tit a{ font-size:16px;padding:10px 5px;}
    .photoinfo_box{
      width: 100%;
      margin-top: 20px;
    }
    .photoimg_box{
      width: 100%;
      margin:0px auto;
    }
    .team_titbox{ margin:auto;   display: table;}
	  .team_titbox p{padding-bottom:10px}
	.photoimg_box img{margin:auto;display: table; max-width:260px;}
    .bussm_scroll{
      bottom: 80px;
    }
    .bus_btn_box{
      display: flex;
      height: 70px;
    }
    a.bus_lrbtn{
      width:45%;
      top: 50%;
      transform:translateY(-50%);
      -webkit-transform:translateY(-50%);
      -moz-transform:translateY(-50%);
      -ms-transform:translateY(-50%);
    }
    a.bus_lrbtn span{
      display: block;
      line-height: 1.2;
    }
    ul.about_team_box li.ab_tit i{ position:initial;transform:none;}
	ul.bus_est_ul li{height:240px;}
	.product_box .slick-slide dd{height:180px;}
	

}

@media (min-width:768px){

  .honor-list .navbtn { width: 50px; height: 50px; top: 46%; left: 5px; }
  .honor-list .navbtn:after { width: 20px; height: 20px; left: 18px; top: 15px; }
  .honor-list .navbtn.honor-next { right: 5px; }
  .honor-list .navbtn.honor-next:after { left: 11px; }
  .honor-list .navbtn:hover { background: #1693D4; }
   } 
   @media (min-width:990px){

   } 
   @media (min-width:1260px){
    .honor-swiper {
    /*padding: 175px 0 130px;*/
    }
    .commonweb { margin: 0px auto; padding: 0px; }
   .honor-swiper { padding: 100px 0; }
  #ver-en .honor-swiper { padding: 130px 0; }
  .honor-swiper ul { text-align: center; }
 
  .honor-swiper ul li .honorimg img { max-height: 100%; }
  .honor-swiper ul li h4 { margin-top: 30px; font-size: 18px; }
  .flexcenter ul { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .sidehideh4 ul li h4 { display: none; }
  .honor-swiper ul li.zoom-active { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); z-index: 10; }
  .honor-swiper ul li.zoom-active .honorimg { padding: 20px 0; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); }
  .honor-swiper ul li.zoom-active h4 { display: block; } 

  .navbtn { left: -30px; }
  .navbtn.nav-right { right: -30px; }
  .honor-list .navbtn { width: 62px; height: 62px; left: -20px; }
  .honor-list .navbtn:after { width: 26px; height: 26px; left: 23px; top: 18px; }
  .honor-list .navbtn.honor-next { left: auto; right: -20px; }
  .honor-list .navbtn.honor-next:after { left: 11px; }
    
    }
   @media (min-width:1440px){
    .commonweb {margin: 0px auto; }
     .honor-list { padding: 0; }
  .honor-list .navbtn { width: 62px; height: 62px; left: -86px; }
  .honor-list .navbtn:after { width: 26px; height: 26px; left: 23px; top: 18px; }
  .honor-list .navbtn.honor-next { left: auto; right: -86px; }
  .honor-list .navbtn.honor-next:after { left: 11px; }
}