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

@media (max-width:1800px){
.page_banner{ height:640px;}
ul.bus_house_ul li dl dt{height:230px;}
.csr_photo .bus_house_ul li dl dt{height:180px;}
.nav_box ul li{padding:0 15px;}
#ver-en .nav_box ul li{ padding:0 20px;}
.nav_box ul li a.big_a{
  font-size: 18px;
}
.nav_box ul li .slide_dl dd a{font-size: 16px;}

}

@media (max-width:1660px){
	.w1660{display: none;}
	.nav_box ul li{padding:0;}
	#ver-en .nav_box ul li{ padding:0 10px;}
.page_banner{ height:580px;}

.csr_photo .bus_house_ul li dl dt{height:160px;}
.bus_nav_box a h3{
  font-size: 24px;
}
ul.milestone-list_2 .inner-li a.fancy img{  height:230px;}

 ul.bus_tab li{
    width:50%;
  }
     
    ul.bus_house_ul li:nth-of-type(3n),
  ul.bus_house_ul li{
    width: 47%;
    margin-right:6%;
  }
  ul.bus_house_ul li:nth-of-type(2n){
    margin-right: 0px;
  }
  ul.bus_haihong_ul li:nth-of-type(2n+1){margin-right:6%;}
  ul.bus_house_ul li dl dd{ font-size:16px;}
  ul.bus_house_ul li dl dt{height:280px;}
  ul.reportsdown-list li .inner-li {
    width: 270px;
    height: 365px;
  }
  ul.media_imgbox li dl dt{height:250px;}
}

@media (max-width:1440px){

body h1{font-size: 48px;}
body h2{font-size: 36px;}
body h6{font-size: 20px;}
.danweiBox ul.about_data.about_award_data li h1{font-size:60px;}
.nav_box ul li a.big_a{ font-size:17px;padding: 28px 25px;}
#ver-en .nav_box ul li a.big_a{ font-size:14px;}
.page_banner{ height:510px;}
.page_ban_info .container1 h1,
.page_ban_info .container h1{font-size: 66px;}
ul.bus_house_ul li dl dt{height:240px;}
.csr_photo .bus_house_ul li dl dt{height:140px;}
.bus_nav_box a h3{font-size: 20px;}
ul.milestone-list_2 .inner-li a.fancy img{  height:200px;}
.csr_overItem_l{ padding-right:160px !important;}
.csr_overItem_r{ padding-left:160px !important;}
.csr_overItem{ padding:80px 0;}
.csr_per_flex_img img{height:240px;}
.csr_socilty_only .csr_zzfx2{top:240px;width: 30%;}
.csr_xd_t{padding-top: 240px!important;}
  .csr_per_mar_top1 {
    margin-top: 120px;
  }
  .csr_xd_t1 {
    padding-top: 180px!important;
  }
  .csr_zzfx2{
    width: 38%;
  }

  .csr_per_flex_txt_l{
    padding: 350px 40% 80px 60px;
  }
  
  .csr_per_yuang{
    width: 40%;
  }
  .csr_per_imgbox{
    width: 65%;
  }

  .csr_socilty_only .csr_perinfo_min::before{
    height: 120px;
  }
  .csr_socilty_only .csr_per_mar_top1 {
    margin-top: 120px;
  }

  .csr_socilty_only .csr_per_imgbox{
    width: 56%;
  }

/*  .line7{overflow: hidden;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient: vertical;box-orient: vertical;display: -webkit-box;display: box;}
*/
  .csr_rz_item span{font-size: 14px;}
#ver-en .csr_rz_item span{font-size: 12px;}


ul.reportsdown-list li .inner-li {
    width:240px;
    height: 325px;
}
ul.media_imgbox li dl dt{height:220px;}

}

@media (max-width:1360px){
  
  .ind_cont_btn{
    right: 60px;
  }
  body h1{
    font-size: 42px;
  }
  body h2{
    font-size: 32px;
  }
  body h6{
    font-size: 16px;
  }
.danweiBox ul.about_data.about_award_data li h1{font-size:55px;}
  .cont_link_box ul li a b{
    font-size: 20px;
  }

 #ver-en .nav_box ul li{ padding:0 5px;}

/*  ul.milestone-list_2 .inner-li a.fancy{
    height: 140px;
  }
*/

}

@media (max-width:1280px){
  .container{
    padding: 0px 80px;
  }
.page_banner{margin-top:70px;}
  .ind_cont_btn{
    right: 50px;
  }
  #ver-sc,
  #ver-tc{
    font: 16px;
  }
  .danweiBox ul.about_data.about_award_data li p{font-size: 18px;}

  .page_banner{ height:450px;}
  .nav_box ul li a.big_a{padding: 28px 25px; font-size:15px;}
  #ver-en .nav_box ul li{ padding:0 3px;}
  #ver-en .nav_box ul li a.big_a{    padding: 20px 15px;}
  ul.bus_house_ul li dl dt{height:230px;}
  .csr_photo .bus_house_ul li dl dt{height:130px;}
body h3{font-size: 18px;}
  ul.sus_link_ul li a span{ font-size:18px;}
  .csr_zzfx6,
  .csr_zzfx4{
    right: -100px;
  }
  .haitong3_icon2{
    margin-right: -80px;
  }
  ul.milestone-list_2 .inner-li a.fancy img{  height:190px;}

  .line7{overflow: hidden;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient: vertical;box-orient: vertical;display: -webkit-box;display: box;}

   #ver-en ul.bus_prof_ul li a span{
    font-size: 18px;
  }
#ver-en .bus_back_ul{width:600px;}

ul.sus1_ul1 li, ul.sus1_ul li{width: 48%;}
.sus1_width{width: 100%;height: auto;}

ul.reportsdown-list li .inner-li {
    width: 210px;
    height: 285px;
}
.padd_l{
  padding-left: 30px;
}
.padd_R{
  padding-right: 30px;
}
 ul.media_imgbox li dl dt{height:200px;}
}

@media (max-width:1150px){
  .csr_per_flex_img img{
    height: 200px;
  }
  .csr_socilty_only .csr_zzfx2 {
    top: 200px;
  }
  .csr_xd_t {
    padding-top: 180px!important;
  }
  .csr_xd_t1 {
    padding-top:140px!important;
    padding-bottom: 40px!important;
  }
  .csr_per_mar_top1 {
    margin-top: 100px;
  }

  .csr_per_imgbox{
    width: 60%;
    margin-left: 0px;
    padding-left: 20px;
  }
  .csr_zzfx5{
    display: none;
  }


  .csrsafe_intro_box .csr_col5.pad_center{padding: 10% 0px 2% 0px;}
  
}

@media (max-width:1024px){
  .w1024{
    display: none;
  }
  .col_ipad_100{
    position:relative;
    width: 100%;
  }
  .padd_l{
    padding-left: 0px;
  }
  .padd_R{
    padding-right: 0px;
  }
  .flex_w_ip{flex-wrap:wrap;}
  .col_ipad_100Img{
    width: 100%;
    max-width: 582px;
    margin: auto;
    display: block!important;
  }
  .ind_cont_btn{
    right: 0px;
  }
  .ipad_show{ max-width: 582px;
    margin: auto;
    display: block!important;
  }
  .ipad_hide{
    display: none!important;
  }
  .ipad_show1{
    display: block!important;
  }
  .bus_box_other .bus_tit{position:relative; left: 0px;}
  .bus_box_other .bus_nav{ width:100%;}
 .bus_box_poa{padding-top: 120px;}
.bus_insu_item_ul{padding-top:0}
  a.busnav1{
    top:7%;
    left:54%;
  }
   a.busnav2{
    top:23%;
    left:76%;
  }
   a.busnav3{
    top:40%;
    right:47%;
  }
  a.busnav4{
    left:47%;
    top:57%;
  }
   a.busnav5{
        top:52%;
    left:25%;
  }
  a.busnav6{
    top:69%;
    left:45%;
  }
  
  
  	
  
  a.busnav7{
    top:7%;
    left:55%;
  }
  a.busnav8{
    left:39%;
    top:30%;
  }
   a.busnav9{
    top:57%;
    left: 47%;
  }
  a.busnav10{
    top:64%;
    left:11%;
  }
  a.busnav11{
    top:69%;
    left:46%;
  }
 .bus_nav_box a {
    width: 27%;
    height: 22%;
} 
  /*nav*/
  .head_box{
    padding: 25px 35px 25px 0px;
  }
  .logo_box {
    width: 35%;
  }
  .lang_box{
    display: none;
  }
  span#menu.active{margin-top: -5px;}
  #slide_nav_box{
    position: fixed;
    display: none;
    background: #fff;
  }

  /*#index_about::after{
    content: "";
    display: block;
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 42%;
    bottom: 0px;
    left: 0px;
    background:rgba(0,0,0,0);
  }*/
  #skew_red_mask{
    width: 40%;
    height: 17%;
  }
.bus_coit_title{width:100%;}
   /*  ul.bus_sunrise_ul li {
        width:30%;
    }*/
  
.page_ban_info .container1 h1,
  .page_ban_info .container h1{
    font-size: 60px;
  }

  .news-list {
    justify-content: space-between;
  }

  .news-list li {
    width: 45%;
    margin-right: 0px!important;
  }
  ul.bus_house_ul li dl dt{height:260px;}
  .csr_photo .bus_house_ul li dl dt{height:100px;}
  
  .bus_tab_col{
    flex-wrap:wrap;
  }
  .bus_tab_col ul.bus_tab{
    display: flex;
    flex-wrap:wrap;
    width: 100%;padding:20px 20px 0 20px;margin-top: 0;
  }
  
  .bus_tab_col ul.bus_tab li{
    width:48% !important;
    margin:0px auto 20px auto;
  }
  /*.bus_tab_col ul.bus_tab li:nth-child(2n){ padding-left:20px;}*/
  .bus_tab_col .bus_insu_box{
    width: 100%; padding:40px 0;
  }
  #ver-en .bus_tab_col .bus_insu_box{ padding-top:40px;}
  #ver-en .bus_coit_content .bus_insu_box{ padding-top:20px;}
  .bus_coit_content{width:100%; padding-top:40px; }
  .back_busBtn{
    width: 100%;
  }
  .bus_tech_ul li:nth-child(7) dl dt, .bus_tech_ul li:nth-child(8) dl dt {
      height: 210px !important;
  }
  .back_busBtn{position: relative;text-align: right;margin-bottom:35px;}
  #ver-en .bus_back_ul{width:100%;float:inherit;    max-width: inherit;}
  .bus_back_ul li{ width:31%;}
  #ver-en .bus_back_ul{flex-wrap: wrap;}
  #ver-en .bus_back_ul li{width:31%;}
  .back_busBtn a{display: block;width: 100%;text-align: center;}
  
ul.milestone-list_2 .inner-li a.fancy img{  height:160px;}
  .csr_cir_ul2 li{
    margin-bottom: 50px;
    width: 100%!important;
  }
  .csr_cir_ul3{
    height: auto;
  }

  .mile_info_box{
    height: 850px!important;
  }

  ul.mile_slide_ul .slick-next{
    right: 80px!important;
  }
  ul.mile_slide_ul .slick-prev{
    left: 80px!important;
  }

  /*.nan_homeBtn{
    padding-left: 10px;
  }*/

  .csr_content_add .csr_bigW{width: 100%;}

ul.reportsdown-list li .inner-li {
    width: 190px;
    height:255px;
}
.csrjians_mainBox ul.csr_tab_ul li{width:25%;}
ul.media_imgbox li dl dt{height:170px;}
}


@media (max-width:990px){
  .w990{
    display: none;
  }
    .container{
    padding: 0px 40px;
  }
  .haitong3_icon2{
    margin-right: -40px;
  }
  .ind_cont_btn{
    right: 0px;
  }
  
  .ind_con_r,
  .ind_con_l{
    width: 100%;
  }


  .cont_link_box{
    position: relative;
    width: 100%;
    top:0%;
    left:0%;
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    padding: 320px 0px;
  }
  

  .ind_con_r .sm_com_pad{
    position: relative;
    width: 100%;
    max-width: 700px;
    margin: 0px auto
  }
  .text_c_ph{
    text-align: center;
  }
   ul.bus_house_ul li dl dt{height:250px;}

  ul.foot_ul{
    flex-wrap:wrap;
  }
  ul.foot_ul li a.foot_sm_a{
    display: none;
  }
  ul.foot_ul li{
    width: 100%;
  }
  ul.foot_ul li a.big_a{
    text-align: center;
    padding-bottom: 10px;
  }
.mCSB_inside>.mCSB_container {
	margin-right:10px!important
}

  .page_banner{height: 350px;}


  .com_flex_l{
    width: 100%;
    padding-left: 0px;
    padding-top: 50px!important;
  }
  .com_flex_r{
    width: 100%;
    max-width: 700px;
    margin: 0px auto;
  }
  .com_flex_img img {
    position: relative;
    top: 0%;
    left: 0%;
    transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    height: auto;
    width: 100%;
  }

  .com_flex_r.padleft{
    padding-left: 0px;
    max-width: 100%;
  }

  ul.data_ul li{
    padding: 20px;
  }

  dl.about_dl dt{
    width: 100%;
    max-width: 200px;
    margin:0px auto;
    margin-bottom: 30px;
  }
  dl.about_dl dd{
    width:100%;
    padding-left: 0px;
  }


  ul.milestone-list::before{
    top: -20px;
    left: -10px;
    margin-left: 0px;
    border-bottom-width: 20px;
    border-right-width: 18px;
    border-left-width: 18px;
  }
  ul.milestone-list li{
    padding-top: 40px;
    padding-bottom:0;
    border-left: 16px solid #474747;
  }
  ul.milestone-list li::before{
    width: 16px;
    height: 16px;
    left: -4px;
  }
  ul.milestone-list li:last-child:after{
    left: -10px;
  }
  ul.milestone-list li .inner-li {
    padding-left: 20px;
  }

  ul.milestone-list li .inner-li > div.placeholder{
    display: none;
  }
  ul.milestone-list li .inner-li > div:last-child,
  ul.milestone-list li .inner-li > div:first-child{
    border: none;    padding: 0;
  }
  ul.milestone-list li .m-wrap .year{
    float: none!important;
    margin-bottom: 10px;
  }

  ul.milestone-list li .m-wrap .m-list{
    padding:0px!important;
  }

  ul.award_ul li{
    width: 100%;
  }

 
 .csr_photo .bus_house_ul li:nth-of-type(3n),
  .csr_photo .bus_house_ul li{
    width:33%;
    margin-right:0%;
  }
  .csr_photo .bus_house_ul li:nth-of-type(2n){
    margin-right:0px;
  }
.company_safety .com_item:last-child




  ul.cir_ul li.cir_li{
    width:45%;  
  }
.page_ban_info .container1 h1,
  .page_ban_info .container h1{
    font-size: 56px;
  }

  
  
  

  /*.ph_show{
    display: block;
  }*/
  .pc_show{
    display: none;
  }

  .about_flex{
    flex-wrap:wrap;
  }
  .about_flex_txt_l,
  .about_flex_txt{
    width: 100%;
    margin-left: 0px;
    margin-top: 0px;
    padding:50px 30px;
  }
  .about_flex_img_l,
  .about_flex_img{
    margin-left: 0px;
    width: 100%;
    margin-bottom: 0px;
  }
  .aboutinfo_min{
    padding-bottom: 50px!important;
    background:#ddd5b5 url("../jpg/aboutinfo_min_bg.jpg") top no-repeat;
    background-size: 100% auto;
  }

  .about_low{
    -moz-box-orient: inline-axis;
    -moz-box-direction: reverse;
    -webkit-box-orient: inline-axis;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
  }
  

  .about_awwad_bg {
    background: url(../jpg/about_award_bg.jpg) center no-repeat;
    background-size: 100% 100%;
  }
  .about_awwad_bg .pad_big{
    padding:0px 0px;
  }

  
  ul.bus_prof_ul{
    max-width: 420px;
  }
  ul.bus_prof_ul li{
    width: 100%;
    margin-bottom: 80px;
  }
   ul.bus_prof_ul li:last-child{
    margin-bottom: 0px;
   }

   ul.bus_prof_ul li::before{
    height: 112%;
   }
   .profess_tab{
    padding:60px 20px;
   }
  .bus_nav{
    width: 100%;
  }
  .bus_haihong_tab ul.bus_tab{
    display: none;
  }
  .bus_haihong_tabph{
    display: block;
  }
  .bus_haihong_ul_new li dd,
  .bus_haihong_ul_new li dt,
  .bus_haihong_ul_new li span{
    width: 100%;
  }

  .bus_haihong_ul_new li dt{
    margin-top: 30px;
    padding-left: 0px;
    text-align: center;
    flex:auto;
  }

  .bus_haihong_tab3{
    -moz-box-orient: inline-axis;
    -moz-box-direction: reverse;
    -webkit-box-orient: inline-axis;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
  }
  .haitong3_icon2,
  .haitong3_icon{
    width: 100%;
    margin:0px auto;
  }
  .bus_haih_zh h3{
    position:absolute;
  }
  .bus_insu_box1 .bus_insu_item .bus_hait3_infobg::before{
    width: 100%;
    left: 0px;
  }
  .bus_haihong_tabph::before{
            width: 100%;
        left: 0;
  }
  .csr_cir_ul.csr_cir_ul_smw{
    width: 100%;
  }
  .csr_cir_ul.csr_cir_ul_smw li,

  .csr_cir_ul.csr_cir_ul_sanip li{
     width: 32%;
  }
  .csr_cir_ul1 li{
    width: 100%;
  }
  
  .csr_per_flex{
    flex-wrap:wrap;
  }
  .csr_per_flex_img{
    position:relative;
    width: 100%;
    height: auto;
  }
  .csr_per_flex_img .csr_photo{
    display: flex!important;
  }
  .csr_per_flex_img .csr_photo .com_item{
    width: 50%;
  }
  .csr_per_flex_img img{
    width: 100%;
    height: auto;
    display: block;
    font-size: 0px;
  }
  .csr_per_mar_top1,
  .csr_per_mar_top {
    margin-top: 0px;
  }
  .csr_per_flex_txt{
    margin-left: 0px;
    width: 100%;
  }
 /* .csr_xd_t1,
  .csr_xd_t {
    padding-top: 50px!important;
   }*/
   
    
   .csr_per_minitem:nth-of-type(2){
     -moz-box-orient: inline-axis;
    -moz-box-direction: reverse;
    -webkit-box-orient: inline-axis;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
    margin-bottom: 220px;
   }
   .csr_per_flex_txt_l,
   .csr_per_flex_txt{
      padding: 60px 20px!important;
   }
   
   .csr_zzfx3,
   .csr_zzfx1{
     height: 100px;
     right:-40px;
     bottom: -80px;
     width: 200px;
   }


   .csr_zzfx2{
    bottom: auto;
    top: 90%;
   }

   .csr_zzfx4{
    width: 60%;
    height: 160px;
    left: -40px;
    bottom: auto;
    right: auto;
    top: 105%;
   }
   
   .csr_per_yuang{
    width: 100%;
   }
   .csr_per_imgbox{
    width: 100%;
    padding-left: 0px;
   }
   .csr_zzfx5{
    display: block;
    width: 120px;
    height: 200px;
    right: auto;
    left: -40px;
    top: 10%;
   }
   .csr_zzfx6{
    bottom: -80px;
    top: auto;
    right: -54px;
   }

   .csr_socilty_only .csr_perinfo_min .csr_per_minitem {
    -moz-box-orient: inline-axis;
    -moz-box-direction: reverse;
    -webkit-box-orient: inline-axis;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
    padding-bottom: 180px;
   }
   .csr_socilty_only .csr_per_flex_txt_l{
    width: 100%;
   }
   .csr_socilty_only .csr_per_mar_top1{
    margin-top: 0px;
    padding: 60px 20px 140px 20px !important;
   }
   
   dl.csr_wrap dt{
    width: 100%;
    max-width: 300px;
    margin:0px auto;
   }

   dl.csr_wrap dd{
    width: 100%;
    flex:auto;
    padding-left: 0px;
   }

   .csr_socilty_only .csr_zzfx2{
    bottom: 0px;
    top: auto;
    left: 0px;
    right: auto;
    width: 100%;
    text-align: center;
    /*max-width: 500px;
    transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);*/
   }
   .csr_socilty_only .csr_zzfx2 img{
    max-height: 280px;
    width: auto;
    display: block;
    margin:0px auto;
   }

   .csr_socilty_only .csr_per_imgbox{
    width: 100%;
   }

   .csr_socilty_only .csr_per_imgbox .csr_zzfx5{
     top:72%;
     width:240px;
     height: 180px;
   }
   .csr_socilty_only .csr_per_imgbox .csr_zzfx6{
    width:30%;
   }

   .csr_socilty_only .csr_per_yuang{
     padding-top: 0px;
   }
   
   .bus_house_item h3.color_w{
     padding: 10px 20px;
   }
   .bus_house_scroll{
     width: 100%;
     max-width: 800px;
     margin: 0px auto;
   }
   .bus_popiteml{
     position: relative;
     width: 100%;
     height:auto;
     min-height: 60%;
     top: auto;
     bottom: auto;
     background:#000000;
   }
   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; */
   }
   ul.bus_house_slick li .bus_imgi img{ padding-left:0;}
   .bus_house_item .bus_flex_pad{
     overflow-y: auto;
     display: block;
	 background:none;
   }
   .bus_coit_box .bus_house_item .bus_flex_pad{ background:#ffffff;}
   .bus_scroll_popo{
     width: 100%;
     height: auto;
     margin-left: 0px;
     padding: 20px;
   }
   .bus_scroll_popo.bg_w{
    background:#fff;
   }
   .bus_coit_title .bus_flex_pad{ background-color:#ffffff !important;}
   .bus_coit_title .bus_popiteml_scroll{ display:block !important; }
   .bus_popiteml_scroll{
    overflow: hidden;
    display: none;
   }
   a.bus_hou_more{
    max-width: 100%;
    color:#fff;
    display: block;
   }
   a.bus_hou_more.color_hei{
    color:#e60013!important;
   }

  .mile_tab{
    padding-left: 25px;
    padding-right: 25px;
  }
  .year_text_box{
    width: 80%;
    left: 10%;
  }
   ul.mile_slide_ul li img{
    position: absolute;
    height: 100%;
    width:auto;
  }
  ul.mile_slide_ul .slick-next {
    right: 25px!important;
  }
  ul.mile_slide_ul .slick-prev {
    left: 25px!important;
  }

  .csr_content_add .csr_bigW{
    flex-direction: column-reverse;
  }
  .csr_content_add .csr_col5{width: 100%;}
  .csr_content_add .csr_intro_box::after{display: none;}
  .csr_content_add .csr_intro_box::before{
    bottom: 0px;
    background: #ede1dd url(../png/intro_bg.png) left top no-repeat;
    background-size: auto 100%;
  }
  .csr_content_add .csr_intro_box .pad_center{padding-top: 40px;}
  .csr_ider_box{
    margin-top: 80px;
    padding: 0px 25px;
  }
  .csr_addrBox .csr_addr_info{width: 100%;    top: -20px;}
  .csr_addrBox img{width:50%;margin:0px auto; display: block;margin-top: 30px;max-width: 380px;}
 /* .csr_addrBox{width: 80%;}*/
  #ver-en span.csr_safe2, #ver-en span.csr_safe1{width: 120px;}
  span.csr_safe1{top: -12%;right: -1px;}
  #ver-en span.csr_safe1{top: 2%;right: -36px;}
  span.csr_safe2{top: -12%;left:15px;}
  #ver-en span.csr_safe2{
    left:-1px;
  }
  span.csr_environ2{top: -12%;
    left:50%;
    -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);}
  span.csr_environ1{top: 8%; right: 0px;width: 170px;}
  span.csr_environ3{top: 6%; left: 0px;width:170px;}
  .csr_addrBox .csr_addr_info span.csr_addr_item{font-size:18px;}
 #ver-en span.csr_environ1{width: 170px; right:-20px;}
 #ver-en span.csr_environ3{width: 170px;}
#ver-en .csr_addrBox .csr_addr_info span.csr_addr_item{font-size:16px;}

  .line7{overflow: hidden;-webkit-line-clamp:100000;line-clamp:100000;-webkit-box-orient: vertical;box-orient: vertical;display: -webkit-box;display: box;}

  .csrsafe_intro_box{
    background:#ede1dd url("../png/intro_bg.png") left top no-repeat!important;
    background-size:cover!important;
  }
  img.safe_img_list{
    opacity: 1;
  }

  p.safe_padL_pos{width: 100%;}
  
   .csr_cir_ul2 li h3{
    text-align: center;
  }


  #ver-en span.csr_info1{
    top: 20%;
	
  }
  .about_slick .slick-prev, .about_slick .slick-next{top: 50%!important;}

  .csr_overItem_sm.csr_overItem{width: 20%;}
  .csr_overItem{width: 80%;padding: 50px 0px;}


  ul.sus_link_ul{flex-wrap:wrap;}
  ul.sus_link_ul li{width: 50%!important;}
  
  ul.csr_overTabUl{display: flex;flex-wrap:wrap; justify-content: space-between;}
  ul.csr_overTabUl li a{line-height: 1.4;
      display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
  .col_27{width: 100%;}
  .col_70{width: 100%; margin-top: 10px;}
  ul.csr_overTabUl li{width: 30%;}
  .csr_deve2_l,.csr_deve2_r,
  .csr_jians_l{width: 100%;}
  .csr_jians_r{width: 100%; padding-left: 0px;    padding-bottom:30px;}
  .csr_jians_r.padddd{width:30%;}
   
ul.reportsdown-list li .inner-li {
    width: 210px;
    height: 285px;
}
   ul.reportsdown-list li{width: 46%;margin-right: 8%;}
   ul.reportsdown-list li:nth-child(2n) {
    margin-right: 0%;
}
ul.media_imgbox li{
      width: 45%;
      margin-right: 10%!important;
    }
    ul.media_imgbox li:nth-of-type(2n){
      margin-right: 0px!important;
    }
}
@media (max-width: 920px){
  .scroll_box {
      overflow-x: auto;
  }
  i#tab-hover {
    display: block;
  }
  #ver-en .page_ban_info.bus_haihong_banner{width:80%;}
  ul.contact_ul li{width:100%;}
  .bus-haihong-list li{width:48%;}
}
@media (max-width:768px){
  .w768{
    display: none;
  }

  .container {
    padding: 0px 25px;
  }
  .haitong3_icon2{
    margin-right: -25px;
  }
.page_banner{margin-top:60px;}
    ul.csr_imgul li{
    width:50%;
  }
  ul.bus_house_ul li dl dt{height:230px;}
  .csr_photo .bus_house_ul li dl dt{height:180px;}
  .bus_tech_ul li:nth-child(7) dl dt, .bus_tech_ul li:nth-child(8) dl dt{height:220px !important;}
.csr_photo{display:inherit;}
.csr_photo .com_item{width:100%;}
.csr_personnel .com_item:last-child{padding-left:0%;} 


  .about_data.about_award_data{
    color: #ffca34;

  }
 /* .about_data.about_award_data li:last-child{
    width: 100%;
  }*/
    ul.csr_overTabUl li{width: 48%;}
  ul.csr_tab_ul li{width:48%; margin:0 0 4% 0;}
  ul.sus_link_ul li a span{ font-size:22px;}
  #ver-en .csr_rz_item span{font-size: 14px;}
  #ver-en span.csr_info1{width:160px;}
  .csr_addrBox .csr_addr_info span.csr_addr_item{font-size: 18px;}
  
ul.bus_video{ display:inherit;}
ul.bus_video li { width:80%; margin:auto; padding:20px 0;}
.bus_coit_over_1 li,.bus_coit_over_2 li,.bus_coit_over_3 li,.bus_coit_over_4 li{width:100%!important; padding-bottom:20px;}
.bus_coit_box .bus_scroll_popo{ padding:20px}
 ul.media_imgbox li dl dt{height:200px;}
}
@media (max-width:760px){
  .csr_cir_ul.csr_cir_ul_sanip li{
     width: 45%;
  }

  .cont_link_box{padding:80px 0px;}
  .cont_link_box ul li{
    position: relative;
    width: 100%;
    margin: 20px 0px;
  }
  .cont_link_box ul li a b{ position: relative;padding-top:10px;}
  .cont_link_box ul li a{
    position: relative;
    height: auto;
    padding-bottom: 0%;
    top: 0%;
    left: 0%;
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
  }
  .cont_link_box ul li a span{
    position: relative;
    height: auto;
    padding-bottom: 0%;
    width: 180px;
    height: 180px;
    top: 0%;
    left: 0%;
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    margin: 0px auto;
  }
.csr_over_txt{ display:inherit;}
.csr_over_txt p{width:100% !important;}
.csrjians_mainBox ul.csr_tab_ul li{width:100%;margin-bottom:20px;}
.csrjians_mainBox ul.csr_tab_ul{ padding-top: 60px; padding-bottom: 40px;}
.bus_csimType li{height:330px;}
#ver-en .bus_csimType li{height:450px;}

.bus_insu_item_ul ul.contact_ul{width:100%}
}
@media (max-width:540px){
    
   .ph_show{
     display: block!important;
   }
   .ph_hide{
     display: none!important;
   }
   br.ph_br{
    display: block;
   }
   
  .page_banner{margin-top:55px;}
   /*nav?*/
   .head_box{
    padding: 20px 35px 20px 0px;
  }
   .logo_box {
    width:65%;
  }

  .pos_about_info{
    width: 100%;
    padding: 0px 25px;
  }

  .page_banner{
    height:300px;
  }
  .page_banner .page_ban_info{
    width: 80%;
  }
  .page_banner .page_ban_info h1{
     font-size:30px;
     white-space: normal;
  }

.lang_box {
    width:70px;
}
.lang_box a.cont_iconBox img{    width:18px;}
.lang_box a {font-size:16px;}
.nan_homeBtn a{ font-size:20px;}
span#menu.active{width: 20px;}
  .com_pad{ padding:60px 0;}
  .com_pad_top{padding-top:60px;}
  .award_imgboxb .awardimg{    padding:60px 0;}
.com_padBot{    padding-bottom:40px;}
  .index_banner .ban_info{
    text-align: center;
  }
  /*.ban_info.active_show{
    top: 53%;
  }*/
  .cont_link_box ul li a span{
    width: 120px;
    height: 120px;
  }
  .bus_video .slick-prev, .bus_video .slick-next{ top:35%;}
.bus_video li{ padding:0;}
  .bus_house_scroll{
    padding: 50px 0px;
  }
  ul.bus_house_ul li dl dt{height:auto;}
  ul.bus_house_ul li dl dd{ height:inherit !important;}
  ul.bus_house_ul li dl dt img{position:relative;}
  ul.bus_haihong_ul li{width:100%;margin-right:0% !important;}
  ul.bus_house_ul li:nth-of-type(3n), ul.bus_house_ul li {
    width:100%;
    margin-right: 0%;
}
.bus_box_poa .container{ padding:0;}
   /* ul.bus_sunrise_ul li {
        width:48%;
    }*/
  .csr_photo .bus_house_ul li{width:100%;}
   .csr_photo ul.bus_house_ul li dl dt{
    height:inherit;
  }
   .csr_photo .bus_house_ul li:nth-of-type(3n){width:100%;}
  .csr_photo ul.bus_house_ul li dl dt{ background:none !important}
   .bus_tech_ul li:nth-child(7) dl dt, .bus_tech_ul li:nth-child(8) dl dt{height:inherit !important;}
   .bus_tech_ul li:nth-child(7), .bus_tech_ul li:nth-child(8){ width:100% !important}
  .csr_photo ul.bus_house_ul li dl dt a{ display:table;}
   .csr_photo ul.bus_house_ul li dl dt img{position:relative;top:0;left:0;transform:none; max-width:inherit; opacity:1}
   
  
.csr_personnel .com_item:last-child li:last-child{width:100%}
ul.reportsdown-list li .inner-li img{position:inherit;
    top:0%;
    left:0%    transform: initial;
    -webkit-transform: initial;
    -moz-transform: initial;
    -ms-transform: initial}
ul.reportsdown-list li .inner-li {
    height: auto;
}
.bus-haihong-list li{width:100%;}
  ul.bud_pop_ul li{
    width: 100%;
  }
  ul.bus_house_slick li{
    /*height: 100px;*/
  }
  
  .bus_tab_col ul.bus_tab li,
  ul.bus_tab li{
    width: 100% !important; padding:0 !important;
  }
  
  ul.cir_macul.cir_ul li.cir_li,
  ul.cir_ul li.cir_li{
    width: 100%;    margin-bottom: 50px;
  }

  .news-list li {
    width: 100%;
  }
  .csr_quality{ display:inherit;}
.csr_quality p{ padding:0 0 20px 0; position:relative;}
.csr_quality ol{ padding-left:20px !important}
  ul.milestone-list_2 .slick-list:after{
     -webkit-box-shadow:#fff 10px 10px 40px 30px;
  -moz-box-shadow:#fff 10px 10px 40px 30px;
  box-shadow:#fff 10px 10px 40px 30px;
  }
  ul.milestone-list_2 .slick-list:before{
     -webkit-box-shadow:#fff 10px 10px 40px 30px;
  -moz-box-shadow:#fff 10px 10px 40px 30px;
  box-shadow:#fff 10px 10px 40px 30px;
  }



  ul.csr_imgul li{
    width: 100%;
  }
.csr_developbox dl dt.mar_rr{
margin-right:0;
  }
  .csr_developbox dl dt.mar_ll{
margin-left:0;
  }



  ul.award_ul_new li{
    width: 100%;
  }

  ul.other_slide li.slick-active .other_img_i span{position:relative;background:none;}
.other_img_i span b{ color:#000000;}
/*.slick-prev, .slick-next{top:90px !important;}*/
  .bus_nav_box a h3{
	font-size:16px;
    padding:5px;
  }
    .bus_box_poa {
        padding-top:80px;
    }
	.bus_tit h2{font-size: 30px;}
  .bus_tech_logo{
    flex-wrap:wrap;
  }
  .bus_tech_logo li{
    padding:10px;
    margin-bottom: 30px;
	width:100%;
  }

  .bus_tech_logo li img{
    max-width: 100%;
	width:auto;
	display:table; 
	margin:auto;
  }

  .bus_haihong3 .bus_tab, .bus_hait3_z{
    padding-right: 120px;
  }
  .bus_hait_choose{
    flex-wrap:wrap;
    width: 110px;
    bottom: auto;
    top: 50%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    z-index: 6;
  }
  .bus_hait_choose a{
    width: 100%;
    height: auto;
    margin: 5px 0px;
  }
  
  .csr_cir_ul.csr_cir_ul_smw li,
  .csr_cir_ul li{
    width: 100% !important;padding-bottom: 30px;
  }
  .csr_cir_ul li .quali_item{width:120px;height:120px;}
.csr_perinfo_top{padding-bottom:50px !important;}
  .csr_cir_ul2 .csr_rz_item{
    width: 100% !important;
    margin-bottom: 40px;
  }
 

  .csr_per_flex_img .csr_photo .com_item{
    width: 100%;
  }

  .csr_zzfx2{
    width: 85%;
    top: 95%;
  }
  .csr_zzfx4{
    width:20%;
  }

  .csr_per_imgbox{
    padding-top: 100px;
  }
  
  .csr_per_imgbox .ph_show img{
    padding-bottom: 20px;
    display: block;
    position:relative;
  }
  .csr_zzfx5{
    top: 0px!important;
    width: 55%!important;
  }
  .csr_zzfx6{
    width: 40%!important;
  }
  
ul.about_data1 li{
    width: 100% !important;
  }

  .about_data li{
    width: 100% !important;  padding-bottom:30px;
  }
  .danweiBox ul.about_data.about_award_data{margin-bottom: 10px;}
  .danweiBox ul.about_data.about_award_data li { display:initial; padding-bottom:60px;}
  .danweiBox ul.about_data.about_award_data li p{ padding-bottom:15px;text-align:center;}
  .danweiBox ul.about_data.about_award_data li h1{ text-align:center;}
.about_info li{width:100% !important;}
  .mile_tab ul li{
    width: 50%;
    text-align: center;
    margin-bottom: 30px;
  }

  ul.mile_slide_ul .slick-prev {
      left: 0px!important;
  }
  ul.mile_slide_ul .slick-next {
      right:0px!important;
  }
  ul.mile_slide_ul .slick-prev, ul.mile_slide_ul .slick-next{
       top: 75%!important;width: 60px !important;
  }
ul.mile_slide_ul .slick-prev::after, ul.mile_slide_ul .slick-next::after{    top: 30% !important;}
  ul.csr_tab_ul li{
    width: 100%;
  }

  .mile_info_box{
    height: 650px!important;
  }

  .csrsafe_intro_box .csr_bigW .ph_wimg{
    width: 100%;
    height: auto;
  }
  .csr_bigW .ph_wimg{
    width: 120%;
    left: 0%;
  }
  .csr_addrBox {
    width: 100%;
   }
   .csr_addrBox img{width:65%;}
   .csr_jians_r.padddd{width:100%;}
   .csr_jians_r.padddd img{ width: 190px;
    margin: auto;
    display: table;}
  span.csr_info1{top: 20%;}
  #ver-en .csr_info1{top: 20%; right: -40px;}
  span.csr_safe1{top: -25%;width: 90px;}
  span.csr_safe2{top: -18%;}
  span.csr_environ2{top: -25%; width:80px;}
  span.csr_environ1{top: -25%;width:80px;}
  span.csr_environ3{top: -25%; width:80px;}

#ver-en span.csr_environ1, #ver-en span.csr_environ3{width:100px;}
  .csr_cir_ul.csr_cir_ul_sanip li{
     width: 100%;
  }
  .csr_cir_ul2_o{width:100%;}
  .csr_cir_ul2 li:last-child .csr_rz_item:last-child,
  .csr_cir_ul2 li:last-child{margin-bottom: 0px;}
  .bus_back_ul li{width: 47%;margin-left: 0px;margin-bottom: 10px;}
#ver-en .bus_back_ul li{width:47%;margin-left: 0px;margin-bottom: 10px;}
  .csr_addrBox .csr_addr_info span.csr_addr_item{font-size: 16px;}
   #ver-en .csr_addrBox .csr_addr_info span.csr_addr_item{font-size: 12px;}
  .com_padBot1{font-size: 24px;}
#ver-en .csr_addrBox .csr_addr_info{top:0;}
  
  .about_slick .slick-prev{left: 0px!important;}
  .about_slick .slick-next{right: 10px!important;}
  

  ul.sus_link_ul li{width: 100%!important;}
  .csr_overItem.csr_overItem_r::after{display: none;}

  .csr_overItem{width: 100%; padding-left:0px !important; padding-right: 0px !important;}
  .csr_overItem_sm.csr_overItem{display: none;}
  .csr_overItem.csr_overItem_r::before{left: -50px;}
  .ov_hide{padding-top:220px;    background-size: 200%; background-position: top;}
  .csr_overItem.csr_overItem_l::after{display: none;}
  .csr_overItem.csr_overItem_l::before{right: -50px; background-color:#ffffff;}
  .csr_overItem.csr_overItem_r::before{background-color:#ffffff;}
  .csr_overItem_r h3{text-align: left;}
  


  ul.sus1_ul1 li, ul.sus1_ul li{width: 100%;}

  ul.reportsdown-list li{margin-right: 0px; width: 100%;}

 ul.media_imgbox li{
      width: 100%;
      margin-right: 0%!important;
    }
 ul.media_imgbox li dl dt{ height:inherit;}

}