body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,font{padding:0; margin: 0; font-family: '微软雅黑',-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif, sans-serif;}
i{font-style:normal}

html {font-size: 16px;-webkit-text-size-adjust: none;min-width:320px; margin:0 auto;}
table{ border-collapse:collapse; border-spacing:0; width:100%;}
fieldset,img{ border:0; vertical-align:top;}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%;}
ol,ul,li,dl,dt,dd{ list-style:none;}
input,button,textarea,checkbox,select,radio,form{ vertical-align: top;}
a{ color:#000; text-decoration:none;-webkit-tap-highlight-color:transparent}
a:link,a:visited{ text-decoration:none;}
a:hover{ text-decoration: none;}
.clear { clear: both;}
@media screen and (min-width:320px) {html {font-size:90%;}}
@media screen and (min-width:400px) {html {font-size:90%}}
@media screen and (min-width:480px) {html {font-size:97.5%}}
@media screen and (min-width:560px) {html {font-size:100%}}
@media screen and (min-width:600px) {html{font-size:100%}}
@media screen and (min-width:640px) {html {font-size:100%}}
@font-face {
    font-family: 'din';
    src: url('DINNextLTPro-Medium.woff') format('woff'),
  }
  .sidebar {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
  }
  .show {
    max-height: 300px;
  }
  .hezuo{max-width: 1240px; padding: 50px 40px 100px 40px; margin: 0 auto;}
      .hezuo ul{display: flex; align-items: center; justify-content: space-between; width: 100%;}
      .hezuo ul li{width: 18%;}
      .header_right{display: flex; flex-wrap: wrap; justify-content: flex-end;}
      .header_language{display: flex; align-items: center; color: #fff; font-size: 1.1rem; margin-left: 2rem;}
      .header_language div{ margin-left: 1.4rem; cursor: pointer; position: relative;}
      .header_language .language_curr::after{ position: absolute; bottom: -.4rem; content: ""; background: #fff; height: 2px; left: 0; width: 100%;}
      .hezuo ul li div{width: 100%; height: 0; padding-top: 50%; position: relative;border: 1px solid #e5e5e5;}
      .hezuo ul li div img{ position: absolute; top: 50%; left: 10%; width: 80%; transform: translateY(-50%);}
      footer{background:url(../images/footer_bg.png) no-repeat 50% 50%,#192442; padding: 70px 0 50px 0; background-size:cover 100%;}
      .footer_content{max-width: 1240px; margin: 0 auto; padding: 0 20px; display: flex; justify-content: space-between;}
      .footer_content .footer_logo{height: 70px;}
      .footer_content .footer_logo img{height: 100%;}
      .footer_content .footer_text{width: 50%; font-size: 1.5rem; color: #fff;}
      .footer_content .footer_text h4{margin-top: .4rem; font-weight: bold;word-wrap: break-word;}
      .footer_copyright{max-width: 1240px; padding: 0 20px; margin: 20px auto 0;color: #fff;word-wrap: break-word;}
      .footer_text .footer_text_list{display: flex; align-items: center; margin-bottom: 14px;}
      .footer_text .footer_text_list img{width: 1.5rem; height: 1.5rem; display: block; margin-right: 1rem;}
      .footer_text .footer_text_list span{font-size: 1.5rem; font-weight: bold;word-wrap: break-word; display: block; width: calc(100% - 2.5rem);}
      .title{font-size:2.3rem; color: #19274c; margin-bottom: 3.0rem; position: relative;}
      .title::after{content: ''; width: 2.0rem; height: 2px; background: #ff8b3d; display: block;  position: absolute; top: 0; left: 0;}
      .title h3{padding-top: 1.3rem;}
      /* .team .title{margin-top: -50px;} */
  .hamburger{display: none;}
      .top{background: url(../images/banner_bg.jpg) 50% 50%; background-size: 100% auto; padding-top: 200px; padding-bottom: 20px;}
      .top header{ position: fixed; width: 100%; left:0; top:0; z-index: 999;}
      .top .header_nav{max-width: 1240px; padding: 20px 40px 20px 40px; margin: 0 auto;display: flex; justify-content: space-between; align-items: center;}
      .top .nav_curr a{color: #ff8b3d !important;}
      .sidebar{position: absolute; top: 90px; left: 0; width: 100%; background: #19274c;}
      .sidebar ul{ border-top:1px solid rgba(255,255,255,.6);}
      .sidebar ul li{height: 3.0rem; border-bottom: 1px solid rgba(255,255,255,.6); }
      .sidebar ul li a{display: block;font-size: 1.2rem; text-align: center; line-height: 3.0rem; color: #fff;}
      .top .logo{height: 50px;}
      .top .logo img{height: 100%;}
      .top header .nav ul{display: flex; align-items: center;color: #fff;}
      .top header .nav ul li{margin-left:3rem; cursor: pointer;}
      .top header .nav ul li:nth-child(1){margin-left: 0;}
      .top header .nav ul li{ font-size: 1.1rem;}
      .banner{max-width: 1240px; padding: 0 40px; margin: 0 auto; display: flex; justify-content: space-between;}
      .banner .banner_left{font-size: clamp(1rem, 6vw + 0.5rem, 3.8rem); font-weight: bold; color: #fff; width: 48%;}
      .banner .banner_left h3{margin-top: 2.0rem; font-weight: bold; word-wrap: break-word;}
      .banner .banner_img{width: 48%;}
      .banner .banner_img img{width: 100%;}
      .about{max-width: 1240px; margin: 0 auto;}
      .about_text{
      padding: 135px 100px;
      color: #19274c;
      font-size: 24px;
      line-height: 1.5;}
      .about_text p{font-size: 1.5rem; color: #19274c; margin-top: 1.5rem; word-wrap: break-word;}
      .about_text ul{display: flex; justify-content: space-between; margin-top: 3rem; flex-wrap: wrap;}
      .about_text ul li{width: 32%;padding: 1.4rem; box-sizing: border-box; border: 1px solid #e5e5e5; margin-bottom: 1.5rem;}
      .about_text ul li h3{font-weight: bold;word-wrap: break-word;}
      .about_text ul li p{font-size: 1.2rem; margin-top: .6rem; word-wrap: break-word;}
      .about_text:nth-child(1){margin-top:0}
      .team{ background: #e1e1e1; padding: 100px 0 100px;}
      .team .team_content{max-width: 1240px; padding: 0 40px; margin: 0 auto; position: relative;}
      .team .team_introduce{max-width: 1240px; padding: 0 40px; margin: 0 auto; font-size: 1.5rem; color: #192442; margin-bottom: 3rem;word-wrap: break-word;}
      .team .team_tad_head{position: relative;}
      .team .team_tad_head ul{display: flex; justify-content:space-between; flex-wrap: wrap; gap: 2%;}
      .team .team_tad_head ul::after{content: "";width: 21%;}
      .team .team_tad_head ul li{width: 22%; cursor: pointer;margin-top: 40px; display: flex;}
      .team .team_tad_head ul li:nth-child(1){width: 48%; display: flex; justify-content: flex-end; margin-top: 0;}
      .team .team_tad_head ul li:nth-child(2){width: 48%; margin-top: 0; justify-content: flex-start;}
      .team .team_tad_head ul li:nth-child(3){display: flex; justify-content: flex-end;}
      .team .team_tad_head ul li:nth-child(4){display: flex; justify-content: flex-end;}
      .team .team_tad_head ul li:nth-child(5){display: flex; justify-content: flex-start;}
      .team .team_tad_head ul li:nth-child(6){display: flex; justify-content: flex-start;}
      .team .team_tad_head ul li:nth-child(7){width: 100%; display: flex; justify-content: center;}
      /* .team .team_tad_head ul li:nth-child(1){left: 258px;
      top: -48px;}
      .team .team_tad_head ul li:nth-child(1) .team_head_img{transform:scale(1.4);}
      .team .team_tad_head ul li:nth-child(1) .team_head_text{transform:translateY(140%);}
      .team .team_tad_head ul li:nth-child(2){left: 908px;
      top: -112px;}
      .team .team_tad_head ul li:nth-child(2) .team_head_img{transform: scale(1.1);}
      .team .team_tad_head ul li:nth-child(2) .team_head_text{transform:translateY(56%);}
      .team .team_tad_head ul li:nth-child(3){    left: 72px;
      top: 178px;}
      .team .team_tad_head ul li:nth-child(3) .team_head_img{transform: scale(1.2);}
      .team .team_tad_head ul li:nth-child(3) .team_head_text{transform:translateY(98%);}
      .team .team_tad_head ul li:nth-child(4){left: 408px;
      top: 245px;}
      .team .team_tad_head ul li:nth-child(4) .team_head_img{transform: scale(1.6);}
      .team .team_tad_head ul li:nth-child(4) .team_head_text{transform:translateY(200%);}
      .team .team_tad_head ul li:nth-child(5){    left: 738px;
      top: 110px;}
      .team .team_tad_head ul li:nth-child(5) .team_head_img{transform: scale(1.7);}
      .team .team_tad_head ul li:nth-child(5) .team_head_text{transform:translateY(230%);}
      .team .team_tad_head ul li:nth-child(6){left: 1052px;
      top: 174px;}
      .team .team_tad_head ul li:nth-child(6) .team_head_img{transform: scale(1.3);}
      .team .team_tad_head ul li:nth-child(6) .team_head_text{transform:translateY(120%);}
      .team .team_tad_head ul li:nth-child(7){left: 662px;
      top: 390px;}
      .team .team_tad_head ul li:nth-child(7) .team_head_img{transform: scale(1.0);}
      .team .team_tad_head ul li:nth-child(7) .team_head_text{transform:translateY(30%);} */
      .team .team_tad_head ul li .team_head{width: 260px;}
      .team .team_tad_head ul li .team_head_img{width: 100%; height: 0; padding-top: 100%; overflow: hidden; border-radius:50%; position: relative;}
      .team .team_tad_head ul li .team_head_img img{width: 100%; position: absolute; top: 0; left: 0; width: 100%;}
      .team .team_head_text{ text-align: center;}
      .team .team_head_text h3{font-size: 1.3rem; color: #19274c; margin-top: 20px;word-wrap: break-word;}
      .team .team_tad_head ul li .team_head_text p{font-size: 1.0rem; color: #19274c;}
      .team_tad ul{}
      .team_tad ul li{width: 100%; background: #fff; padding: 40px; box-shadow: 0 10px 20px rgba(0,0,0,.1); display: none;position: absolute; bottom: 300px; left: 0; width: 100%; z-index: 99; box-sizing: border-box;}
      .team_head_content{ width: 100%; display: flex;}
      .team_ted_left{position: relative; padding-top: 2.0rem;}
      .team_ted_left::after{ position: absolute; top: 0; left: 0; width: 40%; height: 2px; background: #ff8b3d; display: block; content: '';}
      .team_ted_left h3{font-size: 1.6rem; color: #19274c;word-wrap: break-word;}
      .team_ted_left p{font-size: 1.2rem; margin-top:.6rem; color: #19274c;word-wrap: break-word;}
      .team_tad .team_head_img{width: 180px; margin-top: 2rem;}
      .team_tad .team_head_img .team_head_img_padding{ width: 100%; height: 0; padding-top: 100%; overflow: hidden; border-radius: 50%; position: relative;}
      .team_tad .team_head_img .team_head_img_padding img{position: absolute; top: 0; left: 0; width: 100%;}
      .team_ted_right{flex: 1; margin-left: 5.0rem; color: #19274c;}
      .team_ted_right p{margin-bottom: 1.6rem; line-height: 1.5;word-wrap: break-word;}
      .team_tad .active{display: block;}
      .news_top{background: #e1e1e1;}
    .news_top header .nav ul a{color: #333;}
    .news_top header .header_language div{color: #333;}
    .news_top header .header_language .language_curr::after{background: #333;}
    .header_language #language{ width: 100px; height: 40px; border-radius: 20px; padding: 0 10px; background: #fff; border: none;}
    .nav{display: flex; align-items: center;}
    .wenhua{background: #e1e1e1;}
    .wenhua_content{max-width: 1240px; padding: 100px 40px 100px 40px; margin: 0 auto;display: flex; justify-content: space-between;}
    .wenhua .wenhua_left{width: 40%;}
    .wenhua .wenhua_left img{width: 100%;}
    .wenhua .wenhua_right{width: 56%;}
    .wenhua .wenhua_right ul{margin-top: 3.0rem;}
    .wenhua .wenhua_right ul li{margin-top: 2rem;}
    .wenhua .wenhua_right ul li h3{color: #19274c; font-size: 1.4rem; font-weight: bold;}
    .wenhua .wenhua_right ul li p{font-size: 1.2rem; color: #19274c; margin-top: .5rem;word-wrap: break-word;}
    .banner_news {
    max-width: 1240px;
    padding: 0 40px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    }
    .banner_news h2{font-size: 70px; font-weight: bold; color: #fff; padding-bottom: 60px;}
    .news_list{max-width: 1240px;
    padding: 0 40px;
    margin: 100px auto;}
    .news_list ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
    .news_list ul::after{width: 31%; content: ''; display: block;}
    .news_list ul li{width: 31%; border-top: 4px solid #19274c; margin-top: 2.0rem;}
    .news_list ul li a{padding: 2.0rem 0; display: block;}
    .news_list ul li .news_time{ font-size: 1.2rem; font-weight: bold;color: #19274c;}
    .news_list ul li .news_title{ font-size: 1.2rem; color: #19274c; margin-top: 1rem; word-wrap: break-word;}
    .news_list ul li:hover .news_title{ color: #ff8b3d;}
    .news_list ul li .news_img{width: 100%; height: 0; padding-top: 50%; overflow: hidden; position: relative; margin-top: 2rem;}
    .news_list ul li .news_img img{ position: absolute; top: 0; left: 0; width: 100%;}
    .news_list ul li .news_mode{display: flex; align-items: center;margin-top: 4rem; justify-content: space-between;}
    .news_list ul li .news_mode span{font-size: 1.2rem; color: #19274c; font-weight: 400; font-weight: bold;}
    .news_list ul li .news_mode i{display: block; height: 1.6rem;}
    .news_list ul li .news_mode i img{height: 100%;}
    .news_top header .nav ul a{}
    .introduce{color: #192442; max-width: 1160px; padding: 0 40px; flex-wrap: wrap;
      line-height: 1.5;
      font-weight: 400;
      font-size: 18px;
      margin: 100px auto;
      display: flex;
      gap: 50px;}
      .introduce_left{flex-grow: 1;word-wrap: break-word;
      flex-basis: 0;color: #192442;
      line-height: 1.6;
      font-weight: 400;
      font-size: 1.2rem; width: 48%;}
      .introduce_right{display: flex;
      flex-direction: column;
      justify-content: center;color: #192442;
      line-height: 1.5;
      font-weight: 400;
      font-size: 18px;width: 48%;}
      .introduce_right h2{padding-left: 110px;word-wrap: break-word;
      font-size: 22px;
      font-weight: 300;
      line-height: 1.5;position: relative;}
      .introduce_right h2::after{content: "“";
      position: absolute;
      left: 0px;
      top: -45px;
      font-weight: 800;
      font-size: 90px;
      line-height: 157px;
      color: #EC4131;}
      .introduce_right_div{font-size: 18px;
      margin-top: 26px;
      line-height: 1.25;
      text-align: right;
      padding-left: 30px;
      font-weight: 400;}
      .introduce_right_div h3{font-size: 1.2rem; font-weight: bold;}
      .introduce_right_div h4{font-size: 1.0rem; margin-top: .8rem; word-wrap: break-word;}
      .introduce_right_div h5{font-size: 1.1rem; margin-top: .4rem;}
      .vision{padding: 80px 0; background: #e1e1e1;}
      .vision_content{color: #192442; max-width: 1160px; padding: 0 40px; word-wrap: break-word;
      line-height: 2;
      font-size: 1.2rem;
      margin: 0px auto; }
      @media screen and (max-width:1200px) {
          .about_text{    padding: 135px 40px;}
          .team .team_tad_head ul li{position: static; margin-bottom: 2rem;}
          .team .team_tad_head ul li .team_head_img{transform: scale(1.0)  !important;}
          .team .team_tad_head ul li .team_head_text{transform: translateY(0%) !important;}
          .team .team_tad_head ul li{width: 18%;}
          .team .team_tad_head ul{min-height: auto;}
          .team .team_head_text{margin-top: .7rem;}
          .team_tad ul li{width: 98%;left: 1%;}
          .team{padding: 100px 0px;}
          .about_text ul li{width: 48%;}
          .footer_content .footer_text{flex: 1; margin-left: 5.0rem;}
      }
      @media screen and (max-width:750px) {
          .hamburger{display: block; background: none; border: none; width: 40px; height: 40px; outline: none; display: flex; align-items: center; justify-content: center;}
          .hamburger img{width: 30px; display: block;}
          .nav{display: none;}
          .about_text{padding: 80px 40px;}
          .about_text ul li{width: 100%;}
          .team .team_tad_head ul li{width: 29%; margin-top: 20px;}
          .hezuo ul{flex-wrap: wrap;}
          .hezuo ul li{width: 31%; margin-top: 1.5rem;}
          .hezuo ul::after{content: ''; width: 31%;}
          .top{padding-top: 100px;}
          .footer_content{flex-wrap: wrap;}
          .footer_content .footer_text{width: 100%; margin-left: 0; margin-top: 2.0rem;}
          footer{background-size:auto 100%;}
          .banner{flex-wrap: wrap;}
          .banner .banner_left{width: 100%;}
          .banner .banner_left h3{margin-top: 0;}
          .banner .banner_img{width: 100%; margin-top: 2.0rem;}
          .banner .banner_img img{width: 100%;}
          /* .top header{padding-bottom: 40px;} */
          .about_text{padding: 40px 20px;}
          .about_text p{font-size: 1.2rem;}
          .about_text ul li h3{font-size: 1.2rem;}
          .about_text ul li p{font-size: 1.0rem; margin-top: .6rem;}
          .team{padding: 40px 0;}
          .footer_content .footer_text{font-size: 1.3rem;}
          .team_tad ul li{padding: 20px;}
          .team_head_content{flex-wrap: wrap;}
          .team_ted_right{width: 100%; margin-left: 0; margin-top: 1.3rem;}
          .team_ted_left{width: 100%;}
          .team .team_tad_head{margin-top: 2rem;}
          .team_tad .team_head_img{margin-top: 0;}
          .team_ted_left{ display: flex; align-items: center; justify-content: space-between;}
          .team_ted_left_text{margin-right: 1.5rem;}
          .team_tad .team_head_img{width: 120px;}
          .title{margin-bottom: 1.4rem;}
          .news_list ul li{width: 48%;}
          .news_list{padding: 0 20px; margin: 40px auto;}
          .wenhua_content{padding: 80px 20px;}
          .wenhua .wenhua_left{display: none;}
          .wenhua .wenhua_right{width: 100%;}
          .wenhua .wenhua_right ul li p{line-height: 1.5;}
          .introduce_left{width: 100%;}
          .introduce_right{width: 100%;}
      }
