/* @import url(bootstrap.min.css); */
@import url(../../../style/home/css/library/bootstrap.min.css);
.bg{ width: 1200px; margin: 0 auto;}
.navw{    position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  min-width: 1200px;
  background: transparent;
  transition: all .2s;
  z-index: 99;
 
height: 70px;
  background-color: rgba(0,0,0,.4);
backdrop-filter: blur(20px);
 
}
a{text-decoration: none;}
img{ vertical-align: middle;}
body{ padding: 0; margin: 0;   font-family: PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 14px;}
ul,li,dt,dd{ padding: 0; margin: 0;}
.nav{  display: flex; height: 70px;  justify-content: start;
  align-items: center; padding: 0 15px; font-size: 16px; }
.nav ul{height: 100%; margin-left: auto;
  display: inline-flex;}
  .nav li{    display: flex;cursor: pointer;
  align-items: center;
  height: 100%;
  font-size: 14px;
  font-weight: 400;
  color: hsla(0,0%,100%,.6);
  padding-left: 20px;
  padding-right: 20px;
  transition-duration: .2s;
  transition-property: color,font-weight;
}
.nav li,  .nav li a{color: #fff;}
  .nav li:hover{ color: hsla(0,0%,100%,1);}
  .navr{  margin-left: auto;   width: 80px;
    height:38px;
    background: #ff7752;
    border-radius: 22px;
    color: #fff !important;
   
    font-weight: 600; display: flex;  justify-content: center;
    align-items: center;cursor: pointer;
     /* display: none; */
   }
    .logo{   margin-right: 20px;}
    .logo img{ height:64px;}
    .this .logo_bai{ display: none;}
    .logo_hei{ display: none;}
    .banner{ height: 830px; width: 100%; background-color: #ccc;}
     .font20{ font-size: 20px;}
     .title{ position: relative;}
     .title .fd, .title2 .fd{   font-size: 88px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
     .title .fd{  color:rgba(0,0,0,.1) ;}
     .title2{ color: #fff; position: relative;}
     .title2 .fd{ color:rgba(255,255,255,.1) ; }
     .title,.title2{ padding-top: 40px;}
     .title h1,.title2 h1{ position: absolute;}
     .z1{ background:#fbfbf3 ;  position: relative; min-height: 634px;}
     .z1::after{ content: ""; display: block; clear: both;}
     .z1 .neirongx{  padding: 0 0 80px 0; font-size: 16px; line-height: 28px;}
     .z1 .title{ color: #80c9c4 ;}
     .z1 .fd{ color: #f0f0e0;}
     .mapx{ overflow: hidden; position: absolute; right: 0; top: 0;}
     .mapx1 {transition: all 0.4s ease-in-out;
      -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out; position: absolute;  z-index: 10; }
     .mapx1 {}
     .ibody .mapx1{ opacity: 0; transform: scale(1.5);  
      -webkit-transform: scale(1.5);    }
     .ibody .mapx1{}

     .z1 .bg{ position: relative; top: 0; z-index: 12; }
     .neirongxw{     min-height: 634px;background: #fbfbf3; width:50%; position: relative;z-index: 12; }
     .mapx::after, .neirongxw::before{ content: ""; display: block; position: absolute; width:120px ; height: 100%;  background-size: 100% 100%; left: 0; top: 0; z-index: 11;background-image: -webkit-linear-gradient(90deg, rgba(251,251,243,1) , rgba(251,251,243,0));
      background-image: -webkit-linear-gradient(left, rgba(251,251,243,1) , rgba(251,251,243,0)); 
       background-image: linear-gradient(90deg, rgba(251,251,243,1) 3%, rgba(251,251,243,0) 100%);}
     .neirongxw::before {
      left: 100%;
  }
 .neirongxw .title{ padding-top: 80px;}
     .z2{ padding-bottom: 80px; background: #51beb8  url(../img/lx_br.jpg) no-repeat center; background-size: cover;}
     .newlist dl{ padding-bottom: 20px;}
     .newlist dt{ font-size: 18px;}
     .newlist dd{ font-weight: 100;}
     .color_bai,  .color_bai a,  a.color_bai{ color: #fff;}

     .text_center{ text-align: center;}
     .text_center .title h1, .text_center.title h1,   .text_center .title2 h1, .text_center.title2 h1{ width: 100%; text-align: center;}

     .csr_list{ padding:20px 0 80px 0;}
     .csr_list h2{ padding:10px 0 0 0; margin: 0;}
     .csr_list p{ padding: 0; margin: 0;}
     .csr_list dd{ margin-top: 10px; padding: 10px 0 10px 0; border-top: 1px solid #e7e7e7; font-size: 14px; font-weight:100; text-align: left;}
     .csr_list dl{ width: 20%; margin: 0 5%; display: inline-block; vertical-align: top;}
     .csr_list dl img{border-radius: 50%;}
     .whlist { padding: 0 40px; text-align: center;}
     .whlist dl{ position: relative;      width: 659px; 
      width: 25%; min-height: 150px; border-radius: 18px; padding: 20px ; margin: 0 10px;}
     
   .jxcg2{ position: relative;}
      .whlist{ text-align: left; display: flex; justify-items: center; justify-content: center; padding:40px 0 0 0;}
      .z4 { padding-bottom: 130px;}
   .whlist dl::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; right: 0; top: 0;  background-repeat: no-repeat; background-position: right 0  ; background-size: 50% auto;}
   .whlist dt{ font-size: 21px; border-bottom: 1px solid rgba(255,255,255,.1); padding: 10px 0; margin-bottom: 15px;}
   .whlist dl:nth-of-type(1)::before{ background-image: url(../img/1.png) ;}


   .whlist dl:nth-of-type(1){  
    background-image: -moz-linear-gradient( 123deg, rgb(239,96,100) 0%, rgb(255,111,146) 100%);
    background-image: -webkit-linear-gradient( 123deg, rgb(239,96,100) 0%, rgb(255,111,146) 100%);
    background-image: -ms-linear-gradient( 123deg, rgb(239,96,100) 0%, rgb(255,111,146) 100%);
  }
  .whlist dl:nth-of-type(2)::before{ background-image: url(../img/2.png) ;}


  .whlist dl:nth-of-type(2){  
  
      background-image: -moz-linear-gradient( 123deg, rgb(92,173,238) 0%, rgb(137,152,247) 100%);
      background-image: -webkit-linear-gradient( 123deg, rgb(92,173,238) 0%, rgb(137,152,247) 100%);
      background-image: -ms-linear-gradient( 123deg, rgb(92,173,238) 0%, rgb(137,152,247) 100%);
        
 }


  .whlist dl:nth-of-type(3)::before{ background-image: url(../img/3.png) ;}


  .whlist dl:nth-of-type(3){  
  
   
      background-image: -moz-linear-gradient( 123deg, rgb(105,191,225) 0%, rgb(105,225,212) 100%);
      background-image: -webkit-linear-gradient( 123deg, rgb(105,191,225) 0%, rgb(105,225,212) 100%);
      background-image: -ms-linear-gradient( 123deg, rgb(105,191,225) 0%, rgb(105,225,212) 100%);
           
        
 }


  .whlist dl:nth-of-type(4)::before{ background-image: url(../img/4.png) ;}


  .whlist dl:nth-of-type(4){  
  
 
      background-image: -moz-linear-gradient( 123deg, rgb(255,150,0) 0%, rgb(255,207,115) 100%);
      background-image: -webkit-linear-gradient( 123deg, rgb(255,150,0) 0%, rgb(255,207,115) 100%);
      background-image: -ms-linear-gradient( 123deg, rgb(255,150,0) 0%, rgb(255,207,115) 100%);
           
        
 }
.jizhi { padding: 20px 0;}
.jizhi dt{ font-size: 21px;  }
.jizhi dl{ padding-bottom: 20px; }

.z4{ background: rgba(0,0,0,.05);}
.ywlist{ padding-bottom: 80px;}
.ywr{ float: right;width: 50%; text-align: center; min-height: 10px;}
.ywr img{ width: 280px;}
.ywt {   font-size: 18px; padding: 10px 0 20px 0 ;}
.ywt img{ height:64px; margin-right: 20px;}

.ywl{  width: 50%; float: left; padding: 20px 0;}
.ywl dd,.ywc p{font-size: 16px; line-height: 28px; padding-bottom: 10px;}
.ywl dt{ font-size: 21px; font-weight: bold; padding: 15px 0 5px 0;}
.ywkin{ padding: 20px 0;}
.ywkin::after{ content: ""; display: block; clear: both;}
.ywkin:nth-of-type(even) .ywr{ float: left;}
 

.ywr{ padding-top: 50px;}
.pt0{ padding-top: 0;}

  .his_list .slick-prev::after {
  content: '';
  background: url(../img/l.png) center no-repeat;
  width: 40px;
  height: 40px;
  position: absolute; left: 0; top: 0;
}
.his_list .slick-next::after {
  content: '';
  background: url(../img/down.png) center no-repeat;
  width: 40px;
  height: 40px; position: absolute; left: 0; top: 0;} 
  .his_list .slick-prev,.his_list .slick-next{ background: none; border: none;  width: 40px;  height: 40px;  line-height: 100px; overflow: hidden; position: relative;}
  .slick-disabled{ opacity: .5;}
  .company_profile .his_list{ font-size: 18px; position: absolute; right: 0; top:50%; 
    transform:translatey(-50%);
    width:80px; z-index: 10;}
  .company_profile .bg{ position: relative;}
  .company_profile{ height: 600px;}
  .txt { font-size: 16px; padding-right: 200px;}
  .txt li{ padding-bottom: 10px;}
  .txt h3{ font-size: 24px;}

  .company_profile .content .item{ height: 400px;}
  .his_list .item{ cursor: pointer; margin-bottom: 10px;}
  .his_list .slick-active{ color: #ff7752;}
  .his_list .slick-active + .slick-active { color: #fff;}
  .his_listw{ position: relative;}

  .txt li{ padding-left:110px; position: relative;} 
  .txt li span{ position: absolute; left: 0; width: 90px; text-align: right;}


  .cjlist dl {vertical-align: top; font-size: 14px; line-height: 24px; width: 30%;  display: inline-block; text-align: center; padding-bottom: 20px; padding: 10px 1% 40px 1%;}
  .cjlist { padding: 40px 0 80px 0; }
  .cjlist dt{ font-size: 28px;color: #ff7752; font-weight: bold; padding-bottom: 20px;}
  .cjlist dd{ text-align: left;}

  .z7{  background:  #51beb8 url(../img/lx_br2.jpg); padding:0 0 80px 0; background-size: cover;}
  .jxcg { text-align: center;}
  .jxcg a{ display: inline-block; width: 40%; margin: 0 2%; font-size: 21px;  text-decoration: none; text-align: center;}
  .jxcg a img{ max-width: 100%; margin:0  auto 10px  auto; border-radius: 2px;  object-fit: cover; display: block;}
.jxcg2{ text-align: center; padding: 0 20px;}
.swiper-wrapper{   display: flex; align-items: center;}
/* .jxcg2 img{object-fit: contain; max-height:262px; margin: 0 auto; display: block; clear: both; width: 100%; background-color: #fff;} */
.jxcg2 img{object-fit: contain; max-height:400px; margin: 0 auto; display: block; clear: both; width: 100%; }
  .c_slick .slick-prev {
   
    background:  url(../img/34_prev.png) no-repeat;
 border:none;
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
      left: 0;
      top: 50%; left: -40px;
    z-index: 10;
    line-height: 1000px; overflow: hidden;
  }
  .c_slick .slick-next {
 
    background:   url(../img/34.png) no-repeat;
    border:none;
    width: 40px;
    height: 40px;   
    display: inline-block;
    position: absolute;
      right: -50px;
    top: 50%;
    z-index: 10;
    line-height: 1000px; overflow: hidden;
  }
  dl,dt,dd{ margin: 0; padding: 0;}
img{ max-width: 100%; vertical-align: bottom;}
.c_slick{ padding-bottom: 40px;}
  .c_slick dl{ padding: 10px; border-radius: 18px;}
  .c_slick dd{   height: 240px; color: #fff; padding: 20px;}
  .c_slick img{ border-radius:  18px;}

   .c_slick dl{border-bottom:2px solid rgba(0, 0, 0, .3);border-right:1px solid rgba(0, 0, 0, .3); font-weight: bold; background-color:#6882be; margin-left:10px; position:relative;background-image: linear-gradient(to top left, #6168ef, #79c4f3);}
   .c_slick dl.item1{ background-color:#6899cd;background-image: linear-gradient(to top left, #388eb6, #5ee7d9);}
 
   .c_slick dl.item2{ background-color:#b5b569;background-image: linear-gradient(to top left, #ef9424, #ffd74b);}
 
   .c_slick dl.item3{ background-color:#c97270;background-image: linear-gradient(to top left, #eb389a, #f4839d);}
 
   .c_slick dl.item4{ background-color:#c97270;background-image: linear-gradient(to top left, #bf85f6, #e6427d);}
 
   .c_slick dl.item5{ background-color:#bb6d9f;background-image: linear-gradient(to top left, #7c4eb7, #668dfb);} 
 
   .c_slick dl.item6{ background-color:#856dbb;background-image: linear-gradient(to top left, #856dbb, #7779bf);} 
   .c_slick h4{ font-size: 18px; padding: 0; margin: 0;}
   .c_slick h2{ font-size: 24px; padding: 0; margin: 0;}


   .z9 {
    background: rgba(0,0,0,.05);
}
.hjing { text-align: center; padding: 20px 0 40px 0;}
.hjing li{ display: inline-block; width: 31%; margin: 0 1%; padding-bottom: 20px;}
.hjing li img{ width: 100%; height: 240px; border-radius: 12px;}
.hjing li.tex{  width: 47.5%; margin: 0 1%; padding-bottom: 20px;}
.hjing li.tex img{ width: 100%; height: 400px; border-radius: 12px;}
.homeform ul {  display: flex;   padding-bottom:80px;  flex-wrap: wrap;}
.homeform li { font-size: 16px;
  width: 32%;
  height: 40px;
 
  /* border: solid 1px red; */
  margin-left: 0.2rem;
  margin-right: 0.2rem;
  margin-top: 0.2rem;
  display: flex;
  border-bottom: solid 1.4px #E2E2E2; align-items: center;
}
.homeform li label {
 
  width: 50px;
 
  display: block;
  position: relative;
  color: #000;
  font-weight: bold;
}
.homeform li.home-yxkc label {
 
  width: 80px;
 
   
}
.homeform li.phoneBoxBottom label {
 
  width: 80px;
 
   
}
.homeform li{ margin: 8px 0;}
.homeform li input,.homeform li select { font-size: 16px;
 height: 36px; border: none;
  padding-left: 20px; outline: none;
}.homeform li label::after {
  content: "";
  display: block;
  overflow: hidden;
  width: 0;
  height: 0;
  border-width: 4px 0 4px 8px;
  border-style: solid;
  border-color: transparent transparent transparent #D8D8D8;
  position: absolute;
  right: -2px;
  top: 50%;
  transform: translateY(-50%);
}
.gray-bg-bottom {
  background-color: #FF849C;
 
  border-radius: 18px; padding: 5px 10px;
  font-size: 12px;
  color: #C90000;
  position: absolute;
  text-align: center;
 
  top: 5px;}

  .index_bottom_submit button{    display: block;
    background-color: #EE3044;
    color: #fff;
    font-weight: bold;
    border: none;
  
    font-size: 18px; padding: 10px 20px;
 
    border-radius: 18px;  }
    li.index_bottom_submit { border: none; padding: 15px 0; margin-left: auto; width: auto; padding-right: 40px;}

    .xxinxi{ display: inline-block; text-align: left;width: 50%; }
    .footw{ background-color: #3e3e4a; padding: 30px 0; text-align: center;}
    .ewm { width: 48%; display: inline-block;     border-left: 1px solid hsla(0,0%,100%,.1);}
    .ewm li{ display: inline-block; padding: 0 20px; text-align: center;}
    .ewm li img{ padding: 10px; background:#fff ; width: 120px; display: block; clear: both;}

    .txfex{ margin: 20px 0 0 0; color: hsla(0,0%,100%,.4);    border-top: 1px solid hsla(0,0%,100%,.1);}

    .navw.this{ transition: all 0.4s ease-in-out;
      -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;background:rgba(255,255,255,.9);backdrop-filter: blur(20px); -moz-box-shadow: 0 0 10px rgba(0,0,0,.1);
      -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
      box-shadow: 0 0 10px rgba(0,0,0,.1);}
    .navw.this li,.navw.this li a{color: #000;}
    .navw.this .logo_hei{ display: block;}
    .richeng_nav li{ position: relative;}
    .richeng_nav li.this{ color: #EE3044;}
    .richeng_nav li.this::before{ content: "" ; display: block; width: 20px; background: #EE3044; height: 4px; border-radius: 18px; position: absolute; left: 50%; margin-left: -10px; bottom: 0;}

    .fd_nav ul{ width: 1200px;justify-content: center;    align-items: center;
      height: 100%;
      margin: 0 auto;
      border-top: 1px solid hsla(0,0%,59.2%,.3);display: flex;

  }
    .fd_nav{ z-index: 10;    position: absolute;
      left: 0;
      top: 760px;
      width: 100%;
      height: 70px;
      z-index: 98;
      background: rgba(0,0,0,.4);}
.fd_nav li{  font-size: 16px;
  font-weight: 600; list-style: none;
  color: hsla(0,0%,100%,.5);
  cursor: pointer;margin-right: 30px;}
  .fd_nav li.this{   color: hsla(0,0%,100%,1);}
  .fd_nav li:last-child{ margin-right: 0;}
.b_text{ padding-top: 250px;}
.b_text h2{ font-size: 44px; margin: 0; padding: 0;}
.b_text p{ font-size: 32px;margin: 0; padding: 0;}
.fd_nav.this{ position: fixed; top:70px;    background: rgba(0,0,0,.88);}
    @media only screen and (max-width: 800px){
 
      .fd_nav.this{ top:48px;  }
    .bg{ width: calc(100% - 0px); padding: 0 20px;}
 
.rnav{   position: fixed; left: 10px; top:0; z-index: 2000; width: 48px; height: 48px; left: calc(100vw - 60px);}
    .rnav:after { transition: transform 0.2s ease-in 0s;
      /* filter: progid:DXImageTransform.Microsoft.BasicImage; */
      content: "";
        display: block;
         height:18px;
        width: 22px; 
        
        background: none;
        margin-top: -8px; position:absolute; left:12px; top:22px;
    }
    .rnav:before {transition: transform 0.2s ease-in 0s;
        /* filter: progid:DXImageTransform.Microsoft.BasicImage; */
        content: "";
        display: block;
         position:absolute;  left:12px;
        width: 100%; width: 22px;
        height: 2px;
        top: 22px;
    }
     .rnav:after{    border-bottom: 2px solid #fff;
      border-top: 2px solid #fff;}
        .rnav:before{     background: #fff;}

      .this .rnav:after{    border-bottom: 2px solid #000;
        border-top: 2px solid #000;}
       .rnav:before{  transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;   background: #c75169;    background-image: -moz-linear-gradient( -180deg, rgb(45,44,143) 0%, rgb(212,80,107) 73%, rgb(239,187,126) 100%);
          background-image: -webkit-linear-gradient( 
      -180deg
      , rgb(45,44,143) 0%, rgb(212,80,107) 73%, rgb(239,187,126) 100%);
          background-image: -ms-linear-gradient( -180deg, rgb(45,44,143) 0%, rgb(212,80,107) 73%, rgb(239,187,126) 100%);
      }

      .this .rnav:before{     background: #c75169;    background-image: -moz-linear-gradient( -180deg, rgb(45,44,143) 0%, rgb(212,80,107) 30%, rgb(239,187,126) 100%);
        background-image: -webkit-linear-gradient( 
    -180deg
    , rgb(45,44,143) 0%, rgb(212,80,107) 30%, rgb(239,187,126) 100%);
        background-image: -ms-linear-gradient( -180deg, rgb(45,44,143) 0%, rgb(212,80,107) 30%, rgb(239,187,126) 100%);
    }

      
    .navw ul.richeng_nav{ display: block; width: 100%;height: auto;  clear: both; }
    .richeng_nav li{ display: block; width: calc(100vw - 30px); clear: both; padding: 15px 0; text-align: center; font-size: 16px;}
    .navw.this ul.richeng_nav {  
      }
    .navw.this ul.richeng_nav li{ color: #000; }

    .navw{ max-height: 48px; height: auto; overflow: hidden;backdrop-filter: blur(20px);}
    .navw.this2{ max-height: 100vh; overflow: hidden;}
    .nav{ display: block; height: auto;}
    .logo{ margin: 0 0 0 0;}
    .mapx{ display: none;}
    .title .fd, .title2 .fd{ font-size:50px; padding-top: 20px;}
    .title h1,  .title2 h1{ font-size: 21px;}
    .title .fd, .title2 .fd{ font-size: 30px;}
    .neirongxw .title{ padding-top: 20px;}
    .neirongxw .title h1,    .neirongxw .title2 h1{ top: 0;}
    .neirongxw  .title .fd,  .neirongxw .title2 .fd {

      padding-top: 0;
  }
    .title h1, .title2 h1{ top:32px;}
    .neirongxw{ width: 100%; position: relative; }
    .csr_list {white-space:nowrap; overflow-x: auto;}
    .csr_list dl{ width: 200px; display: inline-block;word-wrap:break-word; vertical-align: top;
      word-break:normal;white-space: normal; }
      .z3 .bg{ width: 100%; padding: 0;}
      .whlist { padding: 0; display: block;white-space:nowrap;overflow-x: auto;  text-align: center;}
      .whlist dl{ width: 70vw; display: inline-block;word-wrap:break-word;
        word-break:normal;white-space: normal; vertical-align: top; }
        .ywkin{ position: relative;}
        .ywr{ position: absolute; right: 10px; top:20px; width: 100px; padding-top: 0;}
        .ywt{ padding-right: 120px;}
        .ywl{ width: 100%;}
        .txt li{ padding: 0 0 10px 0; font-size: 12px;}
        .txt li span{ position: relative; padding-right: 10px; min-width: 50px;}
        .txt{ padding: 0 100px 0 0;}
        .company_profile .his_list{ width: 44px;}
        .cjlist dl{ width: 49%;}
        .jxcg a{ width: 100%; padding-bottom: 20px; margin: 0;}
        .c_slick dd{ padding: 20px 0;}
        .c_slick .slick-prev{ left: 20px; top: -50px;}
        .c_slick .slick-next{ right: 20px; top: -50px;}
        .hjing li.tex img,.hjing li img{ height: auto;}
        .hjing li.tex,.hjing li { width: 100%;}

        .homeform ul{ display: block;}
        .homeform li{ width: 100%;  }

        .xxinxi{ width: 100%;}
        .ewm{ width: 100%; border: none; padding: 0; text-align: left;}
        .ewm li { white-space:nowrap;width:  calc(32% - 10px); vertical-align: top; padding: 0; text-align: center; margin-right: 10px;}
        .ewm li img{ width: 100%; padding: 5px; margin: 0 auto;}
        .csr_list dl img{ width: 120px; display: block; clear: both;margin: 0 auto;}
        .csr_list dd{ font-size: 14px;}
        .csr_list h2,.csr_list p{ display: inline-block;}
        .csr_list h2{ font-size: 21px;}

        .homeform{ width: 100%; overflow: hidden;}



         .b_text{ text-align: center;  padding-top: 300px;} 
.b_text h2{ font-size: 36px;  }
.b_text p{ font-size: 21px; }
  }
    




  
.ibanner, .ibanner ul,.ibanner li{ padding: 0; margin: 0; list-style:none; height: 830px; }
.ibanner video{ min-height: 830px;}
.ibanner ul{ display: none;}
.ibanner video{ width: 100%; }
.ibanner li{ background-size: cover;}
.wenzi{ position: absolute; left: 0; top:28%; right: 0; text-align: center;}
.b_btn{    display: inline-flex;
align-items: center;
justify-content: center;
outline: 0;
border: 0;
text-align: center;
height: 44px;
font-size: 14px;

letter-spacing: .23px;
font-weight: 700;
cursor: pointer;
color: #fff !important;
padding: 0 40px;
border-radius: 22px;
text-decoration: none;
transition: all .2s ease-in-out;
background: #589cd7  ;padding: 15px 50px; margin-top: 20px;  
 
  background-image: -moz-linear-gradient( -180deg, #80c9c4, #42bab2 100%);
  background-image: -webkit-linear-gradient( -180deg, #80c9c4 0%,  #42bab2 100%);
  background-image: -ms-linear-gradient( -180deg, #80c9c4 0%, #42bab2 100%);
   } 

   .video_play{   display: none;  
    align-items: center;
    justify-content: center;
    outline: 0;
    border: 0;
    text-align: center;
    height: 44px; width: 44px;
    font-size: 14px;
    
    letter-spacing: .23px;
    font-weight: 700;
    cursor: pointer;
    color: #fff !important;
 
    border-radius: 22px;
    text-decoration: none;
    transition: all .2s ease-in-out;
    background: #589cd7  ;padding: 15px 20px; margin-top: 20px;  
     
      background-image: -moz-linear-gradient( -180deg, #80c9c4, #42bab2 100%);
      background-image: -webkit-linear-gradient( -180deg, #80c9c4 0%,  #42bab2 100%);
      background-image: -ms-linear-gradient( -180deg, #80c9c4 0%, #42bab2 100%);
       } 
       .video_play::before{    content: "";
        display: inline-block;
        width: 0; margin-left: 3px;
        height: 0;
          border-top: 12px solid transparent ;
        border-bottom: 12px solid transparent ;
        border-left: 12px solid #fff;}
.wenzi{ z-index: 10;   transition-delay: .8s;    opacity: 1; padding-top: 40px;
transform: translateZ(0);transition-timing-function: ease;}
.wenzi h1{    font-size:68px; max-width:700px; margin: 0 auto; color: #fff;  
text-shadow: 2px 0 0 rgb(0 0 0 / 10%), 2px 0 0 rgb(0 0 0 / 10%), 2px 0 0 rgb(0 0 0 / 10%);
line-height: 68px;
letter-spacing: 2px;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 7px;font-family: "Poppins", Arial, sans-serif;
}
.ibanner{ position: relative;background-color: #000;}
.wenzi p{  color: #fff; font-size: 18px;text-shadow: 2px 0 0 rgb(0 0 0 / 10%), 2px 0 0 rgb(0 0 0 / 10%), 2px 0 0 rgb(0 0 0 / 10%);
}

.ibanner:before {
content: ' ';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9;
background: #212529;
opacity:.2;
pointer-events: none;
/* transition: ease opacity 300ms 100ms; */
}
.ibanner li{ width: 100%; position: absolute; left: 0; top: 0; right: 0; display:   ; }

.ibanner li:nth-child(1){animation: li1 15s infinite; }
.ibanner li:nth-child(2){animation: li2 15s infinite;}
.ibanner li:nth-child(3){animation: li3 15s infinite;}
.ibanner li:nth-child(4){animation: li4 15s infinite; }
.ibanner li:nth-child(5){animation: li5 15s infinite;display: block;}
.ibanner li:nth-child(6){animation: li6 15s infinite;}
.ibanner li:nth-child(7){animation: li7 15s infinite;}

@keyframes li7 {
12%{ opacity: 1;}
16%{ opacity:0;}
90.5%{ opacity:0;}
91%{ opacity:1;}

}
@keyframes li6 {
22.5%{ opacity:1;}
26%{ opacity:0;}
100%{ opacity:0;}
}
@keyframes li5 {
32%{ opacity:1;}
36%{ opacity:0;}
100%{ opacity:0;}
}
@keyframes li4 {
42.5%{ opacity:1;}
46%{ opacity:0;}
100%{ opacity:0;}
}
@keyframes li3{
52%{ opacity:1;}
56.5%{ opacity:0;}
100%{ opacity:0;}
}
@keyframes li2{
64.5%{ opacity:1;}
68%{ opacity:0;}
100%{ opacity:0;}
}
@keyframes li1{
90%{ opacity:1;}
94.5%{ opacity:0;}
100%{ opacity:0;}
}
@media (max-width: 991px){
  .ibanner ul{ display: block;}
.wenzi h1{ font-size:42px; line-height: normal;}
.wenzi p{ font-size: 13px; line-height: normal;}
.ibanner, .ibanner ul,.ibanner li{ height:100vh;  }
 
.ibanner li img{ height:100vh !important; width: 100%; object-fit: cover;}

 
}


@media (min-width: 992px){
  .m{ display: none !important;}
     
  }
  @media (max-width: 991px){

  .pc{ display: none !important;}
  }  


.hezuok{ padding:20px 0 10px 30px; position: absolute; left: 0; top: 100%; width: 536px; height: 220px; background-color: #fff; border-radius:0 18px 18px 18px; margin-left: -160px;z-index: 11;}
.hezuok h2{ font-size: 18px;}
.hezuok,.nav .hezuok a,.hezuok a{ color: #000;}
.hz_left{ width: 30%; float: left;}
.hz_right{ width: calc(70% - 22px); float: left; border-left:1px solid #ccc;padding-left: 20px;}
.hezuok a{ display: inline-block; border:1px solid #000; padding: 10px; text-align: center; min-width:120px; margin: 0 10px 10px 0;}
.hezuok a:hover{ background-color:#80c9c4 ; color: #fff;border:1px solid #80c9c4; }
body,html{ overflow-x: hidden;}

.hezuokbr{backdrop-filter: blur(20px); position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, .3); z-index: 10; display: none;}

@media (max-width: 991px){
  .hezuok{ position: fixed; bottom:0; top: auto; border-radius: 18px 18px 0 0; z-index: 100; left: 0; margin: 0 0 0 0; width: auto;  height: auto; right: 0;}
  .hezuokbr{ display: block;}
  .hz_left{ width: calc(100% - 40px);  }
.hz_right{ width: calc(100% - 40px); border: none; padding: 0; }
.hz_close::after{content: "×"; }.hz_close{position: absolute; right: 0;top:0; line-height: 44px; width: 44px; text-align: center; font-size: 18px; }
}

.z11{ background: rgba(0,0,0,.05);}
 .z11 li{ list-style: none;}
 .iulx li{  cursor: pointer; font-size: 18px; padding:10px 20px; min-width: 100px; display: inline-block; background-color: #fff; border:1px solid #ccc; margin: 10px; border-radius: 18px;}
 .iulx li.this{    background-image: -moz-linear-gradient( -180deg, #80c9c4, #42bab2 100%);
  background-image: -webkit-linear-gradient( 
-180deg
, #80c9c4 0%, #42bab2 100%);
  background-image: -ms-linear-gradient( -180deg, #80c9c4 0%, #42bab2 100%);color: #fff; }

  .iulx2{ padding-bottom: 30px;}
  .iulx2 li{  cursor: pointer; font-size: 18px; padding:10px 20px; min-width: 100px; display: inline-block; background-color: #fff; border:1px solid #ccc; margin: 10px; border-radius: 18px;}
  .iulx2 li.this{    background-image: -moz-linear-gradient( -180deg, #80c9c4, #42bab2 100%);
   background-image: -webkit-linear-gradient( 
 -180deg
 , #80c9c4 0%, #42bab2 100%);
   background-image: -ms-linear-gradient( -180deg, #80c9c4 0%, #42bab2 100%); }
   .iulx2 li.this,.iulx2 li.this a{color: #fff !important;}
 
 

 .kimg li{ text-align: center; width: calc(25% - 80px);  padding:15px 10px;display: inline-block; background-color: #fff; margin: 10px; }
 .kimg li img{  height: 56px; margin: 0 auto;}
 .kimg { padding: 20px 0 180px 0;  text-align: left;}

 .foot_nav h6{ font-size: 16px; padding-bottom: 8px; font-weight: normal;}

 @media (max-width: 991px){
  .z5 .bg{ padding: 0;}
  .ywl{ padding-bottom: 0;}
  .ywkin{ padding: 0 20px;}
  .ywkin:nth-of-type(even){    background: rgba(0,0,0,.02);}
 
  .ywt img {
    height: 44px;}
  .fd_nav{ width: 100%; overflow-x: auto; height: 44px; top: calc(100vh - 44px); }
  .fd_nav ul{  display: block; margin: 0 ; line-height: 44px; width: auto;white-space:nowrap; padding-left: 30px;border: none;} 
  .fd_nav ul li{ display: inline-block;white-space:nowrap; padding: 0 30px 0 0 ; margin: 0;}

  .iulx li{font-size: 14px; margin: 0 5px;}
  .kimg li{ width: calc(50% - 20px);}
  .ywt img{ display: block; clear: both;}
  .z4{ padding-bottom: 50px;}
  .whlist{ text-align: left;}
  .whlist dt{ font-size: 16px;}
  .whlist dl{ min-height: 200px;}
  .logo img{ height: 44px;}
  .wenzi h1{ font-size:36px;}
}



.wulou_lxwmw { width: 100%; overflow-x: hidden;}
.wulou_lxwm{ background: #f0f9fa;}
.wulou_lxwmw .donggao::after{ content: ""; display: block; width:130px ; background: url(../img/lxwm/lx_br.png); height: 100%; position: absolute; right: 0; top:0; z-index: 10;}
.wulou_lxwmw .col-sm-6{ padding:0}
.lxwm_l_1{ font-size: 16px;padding-top: 30px;}
.lxwm_l_2{ font-size: 24px; padding-bottom: 30px;}
.lxwm_l_2 span{ color: #41bcd3;}
.wulou_lxwmw .swiper-container-horizontal>.swiper-pagination-bullets{  bottom: 40px;}
.wulou_lxwmw .donggao h6{ position: absolute; z-index: 10; bottom: 0; text-align: center; width: 100%; color: #fff;}
.wulou_lxwmw .video_play img{ min-height: 440px;object-fit: cover;}
.xlwm_jiaru .xlwmbg{ background: url(../img/lxwm/join.png) no-repeat right 0;  }
.xlwm_list a{position: relative; background: #477ecf; display: inline-block; margin:  8px;}
.xlwm_list span{ font-size: 24px; position: absolute; color: #fff; text-align: center; width: 100%; left: 0; top:50%; margin-top: -15px;z-index: 2; text-decoration: underline;}
.xlwm_list .iconxuxi_home_jt{ font-size: 21px;}
.xlwm_list img{ opacity: .5; z-index: 1;}
.xlwmbg { width: 1200px; margin: 0 auto; text-align: left;}
.lxwm_div{ min-height: 240px; width: 500px; font-size: 16px;}
.lxwm_div p{ padding-bottom: 10px;}
.xlwm_jiaru .lxwm_l_1{ padding-top:60px;}
.xlwm_list{ margin: 0 -8px; padding-bottom: 60px;}
.xlwm_jianyi{ background: #f1f9fa; padding-bottom: 60px;padding-top:40px}
.wulou_lxwmw .side_reportbox{ background:  none !important;}
.wulou_lxwmw .side_reportnav span.Anav a:hover, .wulou_lxwmw .side_reportnav span.Anav a.click{ background: #36bec2 !important; color: #fff !important;}
.wulou_lxwmw .side_reportnav span.Anav a{ color: #36bec2 !important;}
.wulou_lxwmw .side_txt1{ display: block; clear: both;}
.wulou_lxwmw .side_txt1 textarea{ width: 100%;}
.wulou_lxwmw .side_btn input {
    background: #f85100;}
.xlwm_left{ font-size: 16px; width: 40%; float: left; padding: 110px 0 0 30px; }
.xlwm_right{ width: 51%; float: right; margin-right: 20px; }
.xlwm_left img{ margin-right: 14px; width: 120px; height: 120px; float: left; margin-top: -20px;}
.xlwm_zk{ background: url(../img/lxwm/ibr.png) no-repeat center; height: 333px;}
.xlwm_jianyi .lxwm_l_2{ padding-bottom: 0;}

@media screen and (max-device-width: 767.98px){
  .video{ display: none;}
.xlwmbg{ width: auto; padding: 10px 20px}
.wulou_lxwmw .video_play img{ min-height: auto;}
.wulou_lxwmw .donggao::after{ display: none;}
.r_wzz{ padding: 0 30px 30px 30px;}
.lxwm_div{ width: auto;}
.xlwm_jiaru .lxwm_l_1{ padding-top: 10px;}
.xlwm_left{ text-align: center; width: 100%; margin: 0; padding: 20px; }.xlwm_zk{background: #fff;}
.xlwm_right{ width: 100%; margin: 0;}
.xlwm_zk{ height: auto;}
.xlwm_left img{ display: block; clear: both; float: none; margin: 0 auto;}
.scona input,.sconb input{ width: 100%;}
.scona{ float: none; margin-right: 0; padding-bottom: 10px;}
.xlwm_jianyi{ padding-top: 0;}
.xlwm_list{ padding-bottom: 0;}
.side_reportnav{ margin: 0;}
.wulou_lxwmw .side_reportbox{ border-top: 1px solid #e7e7e7;}
.xlwm_jiaru .xlwmbg{ background: none;}
.xlwm_jianyi .lxwm_l_2{ padding-bottom: 15px;}

.video{ top: 0; position: fixed; z-index: 100;    background-color: rgba(0,0,0,.4);
  backdrop-filter: blur(20px); bottom: 0; right: 0; left: 0;text-align: center; }
  .video_close{ position: absolute; bottom: 40px; left: 0 ; right: 0;}
  .video_close span{ display: inline-block; line-height:48px; width: 48px; margin: 0 auto; height: 48px;  color: #000; background: #fff; border-radius: 50%; font-size: 21px;}
  .ibanner video{ height: auto ; min-height: auto; width: 100%;   margin-top: 48px; margin-top: 35vh;}
.b_btn{ display: none;}
  .video_play{  display: inline-flex;}

  .navr{ position: absolute; top: 10px;  left: calc(100vw - 128px); font-size: 13px;     height: 28px; width: 60px;}
}


.newlist2{ text-align: left; margin-left: 8%;}
.csr_list2{ width: 20%;display: inline-block; vertical-align: top; padding-top: 0;}
.csr_list2 dl{ width: 100%;}

.newlist2{ width: 70%; padding-bottom: 40px; display: inline-block; vertical-align: top;}
.newlist2,  .newlist2 a { color: #000;}

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


  .newlist2{  padding: 0 20px; margin-left: 0;} 
  .csr_list2 {  width: 90%; padding: 10px 0;}.csr_list2 dl{ margin: 0;}
  .newlist2{  width: 100%;}
 

  
}


.ywtext,.ywtext a{ color: #f85100; text-decoration: underline;  }
.ywtext a:hover{ color: #f80000;}
.ywtext a:hover i,.ywtext a:hover i::before{ border-color: #f80000; background-color: #f80000;}.ywtext a:hover i::before{ border-color: #fff;}
.ywtext i{ position: relative; top: 2px; content: ""; width: 18px; height: 18px; line-height: 18px; border-radius: 50%; border:1px solid #f85100; display: inline-block;}
.ywtext i::before{ content: ""; position: absolute; width: 6px; height: 6px; border: 1px solid #f85100; border-bottom: none; border-left: none;transform:rotate(45deg);
  -ms-transform:rotate(45deg); 	
  -moz-transform:rotate(45deg); 	
  -webkit-transform:rotate(45deg); 
  -o-transform:rotate(45deg); right:7px; top: 5px;  vertical-align: middle; }
  .ywtextw{ display: inline-block; top: 12px;  vertical-align: middle; margin-bottom: -8px;}
  



  .newlist img{ float: right; width: 68px; height: 68px; margin: 0 0 0 15px;}
  .newlist dl::after{ content: ""; display: block; clear: both; width: 100%; height: 1px;}
  .newlist dl{ border-bottom: 1px solid #e7e7e7; padding-bottom: 10px; margin-bottom: 10px;}

 
	
/* 老师头衔 */
.wulouai_txww{ display: inline-block; position: relative;}
.wulouai_txww i{ position: absolute !important; right: -4px; top:5px !important;}
.wulouai_t_1,.wulouai_t_2,.wulouai_t_3,.wulouai_t_4,.wulouai_t_5{ font-style: normal; font-size: 12px !important; line-height: 16px;padding: 0 2px; border-radius: 2px;}
.wulouai_t_1{background:#feec00;color:#000 ;  }
.wulouai_t_2{background:#7e158b;color:#fff ; }
.wulouai_t_3{background:#fb0208;color:#fff ; }
.wulouai_t_4{background:#fff;color:#000 ; border:1px solid  }
.wulouai_t_5{background:#00b153;color:#fff ; }
.wulouai_t_1::after{content: "德";}
.wulouai_t_2::after{content: "学";}
.wulouai_t_3::after{content: "赢";}
.wulouai_t_4::after{content: "行";}
.wulouai_t_5::after{content: "思";}
 
	/**-甯堣祫--*/
  .p20{ padding: 20px;}
	.sz_list h6{ margin-top:0;}
	.sz_list .color_bai,.sz_list p{ color:#80c9c4;}
.sz_list .color_lv_n{ color:#bcc4c3;}
.sz_list{ text-align: left;  margin: 0 auto; display: flex; flex-wrap: wrap;}
.sz_list .col-sm-3{ margin-left:0; padding-left:0}
.sz_list .bg_lv{ background-color:#fff;  }
.sz_list>div{margin-bottom: 25px;}
.szll_kkw{ padding:0 0 40px 0;}
.sz_list .col-6 img{ width:100%;}
	
	.gongyi_icon,.gongyi_icon2{ position:relative;}
	.gongyi_icon:after,.gongyi_icon2:after{  content:"";  width:144px; height:42px;  position:absolute; left:10px;bottom:-5px}
	.gongyi_icon:after{background-image:url(../../../style/img/tag/ii_gy.png);}
	.gongyi_icon2:after{background-image:url(../../../style/img/tag/ii_gy2.png);}
	.gongyi_icon:before,.gongyi_icon2:before{ content:""; position:absolute;left:0;bottom:0; right:0; height:42px;
  background-image: -moz-linear-gradient( 90deg, rgba(62,70,97,0.70196) 0%, rgba(62,70,97,0) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgba(62,70,97,0.70196) 0%, rgba(62,70,97,0) 100%);
  background-image: -ms-linear-gradient( 90deg, rgba(62,70,97,0.70196) 0%, rgba(62,70,97,0) 100%);
  }

  /**-甯堣祫--*/
  .sz_list .col-sm-3{ width: 16.6%;  }
@media screen and (max-device-width: 767.98px){
 
.sz_list .col-6,.sz_list .col-sm-3{ width:50%; margin-bottom:15px;}
}

.mingshi_list{ padding-bottom: 0; overflow: hidden;}
.mingshi_list .bg_lv{ display: none; background-color:#828a9e ; color: #fff; padding-bottom: 40px;}
.mingshi_list h6{ font-size: 18px;}
.mingshi_list .color_bai, .sz_list p{ color: #fff;}
.mingshi_list > div{ margin-bottom: 0;}
.mingshi_list .gongyi_icon:after, .mingshi_list .gongyi_icon2:after{ display: none;}
 

.mingshi_list::after,.mingshi_list::before{left:-50%;overflow:hidden;position:absolute;width:200%;z-index:2;background-color:#f2f1f1;height:147px;border-radius:50%; display: block; content: "";}
.mingshi_list::after{bottom: -128px; }
.mingshi_list{ position: relative;}
.mingshi_list::before{ top: -126px;}
@media (min-width:1024px){.mingshi_list::after{ bottom: -551px;} .mingshi_list::after,.mingshi_list::before{height:600px}  
.mingshi_list::before{ top: -545px;}}

.mingshi_list img{ width: 100%;}