@charset "utf-8";
/*@font-face {
    font-family: MyFont;//自定义字体名称
    src: url(../fonts/BASKCBI.TTF);
}*/
@font-face {
  font-family: 'iconfont';  /* Project id 2529211 */
  src: url('https://at.alicdn.com/t/font_2529211_48z6k20m5xv.woff2?t=1639037661442') format('woff2'),
       url('https://at.alicdn.com/t/font_2529211_48z6k20m5xv.woff?t=1639037661442') format('woff'),
       url('https://at.alicdn.com/t/font_2529211_48z6k20m5xv.ttf?t=1639037661442') format('truetype');
}

body {
  font-size: 15px;
  font-family: "Arial", sans-serif;
  word-break: break-all;
}

.iconfont{font-family: "iconfont"; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.clear { clear: both; height: 0; content: ""; line-height: 0; font-size: 0; display: block; visibility: hidden; }

a {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  text-decoration: none;
  color: #000;
}

a:hover {
  text-decoration: none !important;
  color: #000;
}

a:focus {
  text-decoration: none !important;
  color: #000;
}

button {
  outline: 0 !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  padding: 0;
}

button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  font-family: "Arial", sans-serif;
}

h3 {
  line-height: 1.5;
}

.d-table {
  width: 100%;
  height: 100%;
}

.d-table-cell {
  vertical-align: middle;
}

p {
  font-size: 15px;
  margin-bottom: 15px;
  line-height: 1.8;
  word-break: break-all;
  word-wrap: break-word;
}

p:last-child {
  margin-bottom: 0;
}

img {
  max-width: 100%;
  height: auto;
}

ul {
  padding-inline-start: 0;
}

ul li {
  list-style: none;
}

ul li:last-child {
  margin-right: 0 !important;
}


hr{margin-top: 30px; margin-bottom: 30px; border-top: 2px solid #01AFC7;}

header .header{display: flex; justify-content: space-between; align-items: center; padding: 5px 0;}
header .header .logo{width: 12%;}
header .header .logo img{width: 100%;}
header .header .nav_list a{font-size: 18px; font-weight: bold; color: #01AFC7; margin-right: 40px;}
header .header .nav_list a:last-of-type{margin-right: 0;}
header .header .nav_list a.active{color: #D7166F;}
header .header .nav_list a:hover{color: #D7166F;}
.nav_sj{display: none;}
.banner{position: relative;}
.banner p{position: absolute; top: 50%; left: 25%; transform: translate(-50%, -50%); font-size: 80px; font-weight: bold; color: #B8F7FD;text-shadow: 0px 3px 3px rgba(138, 24, 76, 0.72); line-height: 1.3; }
.banner p.ban_right{left: initial;right: 0;}

.container2{padding: 0 100px; position: relative; height: 2500px}
.container2 .video{width: 45%; display: inline-block; padding: 0 44px 86px 0; margin-top: 65px; background: url('../images/index_bg1.png'); background-size: 100% 100%; background-repeat: no-repeat; position: absolute; z-index: 9;}
.container2 .video img{width: 100%;}
.container2 .video .video_box{display: block; width: 100%; position: relative;}
.container2 .video .play{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.container2 .about{display: inline-block; padding: 0 0 83px 49px; background: url('../images/index_bg2.png'); background-size: 100% 100%; background-repeat: no-repeat; position: absolute; right: 0; z-index: 9; margin-top: 470px; margin-right: 100px;}
.container2 .about .about_info{width: 650px; padding: 105px 75px 130px; background-color: #F0FFFD;}
.container2 .about .about_info .tit{font-size: 40px; font-weight: bold; color: #01AFC7;}
.container2 .about .about_info .f_body{font-size: 16px; color: #666;}
.container2 .about .about_info a{padding: 20px 70px; margin-top: 70px; display: inline-block; background-color: #01AFC7; color: #fff;}
.container2 .about_oth{width: 600px; margin-left: 210px; position: absolute; margin-top: 590px; z-index: 9;}
.container2 .about_oth .about_oth_info{padding: 0 150px 0 60px; margin: 60px 0 70px;}
.container2 .about_oth .about_oth_info .tit{font-size: 40px; font-weight: bold; color: #01AFC7;}
.container2 .about_oth .about_oth_info .f_body{font-size: 18px; color: #666;}
.container2 .about_oth .about_oth_arr{padding: 0 72px 39px 0;  background: url('../images/index_bg3.png'); background-size: 100% 100%; background-repeat: no-repeat;}
.index_big_bg{width: 67%; height: 100%; background: url('../images/bgdi.png'); margin-left: 100px; position: absolute; top: 0; height: 2550px; z-index: 1;}
.index_address{background-color: #006F7E; text-align: center; padding-top: 95px; padding-bottom: 130px; position: relative;}
.index_address .img p{position: absolute;top: 24%;right: 25%;font-size: 24px;color: #09E2FF;}


.container3{padding: 0 100px; position: relative; height: 2100px}
.container3 .innovate1{width: 790px; display: inline-block; padding: 0 40px 84px 0; margin-top: 65px; background: url('../images/index_bg1.png'); background-size: 100% 100%; background-repeat: no-repeat; position: absolute; z-index: 9;}
.container3 .innovate1 img{width: 100%;}
.container3 .innovate2{display: inline-block; padding: 0 0 70px 35px; background: url('../images/index_bg2.png'); background-size: 100% 100%; background-repeat: no-repeat; position: absolute; right: 0; margin-right: 100px; z-index: 9; margin-top: 470px;}
.container3 .innovate2 .innovate2_info{width: 470px; padding: 105px 75px 130px; background-color: #F0FFFD;}
.container3 .innovate2 .innovate2_info .tit{font-size: 40px; font-weight: bold; color: #01AFC7;}
.container3 .innovate2 .innovate2_info .f_body{font-size: 16px; color: #666;}
.container3 .innovate2 .innovate2_info a{
  padding: 20px 0;
  display: block;
  background-color: #01AFC7;
  color: #fff;
  font-size: 18px;
  text-align: center;
  margin: 20px auto 0;
}
.container3 .innovate3{width: 600px; margin-left: 210px; position: absolute; margin-top: 590px; z-index: 9;}
.container3 .innovate3 .innovate3_info{padding: 0 50px 0 60px; margin: 60px 0 70px;}
.container3 .innovate3 .innovate3_info .tit{font-size: 40px; font-weight: bold; color: #01AFC7;}
.container3 .innovate3 .innovate3_info .f_body{font-size: 18px; color: #666;}
.container3 .innovate3 .innovate3_bigbox{ background: url('../images/innovate_bg3.png'); background-size: 100% 100%; background-repeat: no-repeat; padding: 0 0 68px 0;}
.container3 .innovate3 .innovate3_box{ background-color: #F0FFFD; margin-right: 40px;}
.container3 .innovate3 .innovate3_box .list{display: flex; align-items: center; padding-bottom: 30px; padding-left: 40px; padding-right: 40px; background-color: #F0FFFD; }
.container3 .innovate3 .innovate3_box .list:nth-of-type(1){padding-top: 30px;}
.container3 .innovate3 .innovate3_box .list:nth-of-type(4){padding-bottom: 70px;}
.container3 .innovate3 .innovate3_box .list .img{width: 90px;}
.container3 .innovate3 .innovate3_box .list .img img{width: 100%;}
.container3 .innovate3 .innovate3_box .list .info{width: calc(100% - 10px - 20px); margin-left: 10px; color: #666;}
.container3 .innovate3 .innovate3_box .list .info .tit{font-size: 20px; font-weight: bold; display: inline-block; margin-right: 20px;}
.container3 .innovate3 .innovate3_box .list .info span{font-size: 14px;}
.container3 .innovate3 .innovate3_box .list .info .f_body{word-break:normal;}
.container3 .innovate3_box .swiper-pagination{top: 87%; left: initial; right: 10%; width: initial;}
.innovate_big_bg{width: 70%; height: 100%; background: url('../images/bgdi.png'); margin-left: 100px; position: absolute; top: 0; height: 2150px; z-index: 1;}
.innovate_address{background-color: #006F7E; text-align: center; padding-top:150px; padding-bottom: 130px; position: relative;}
.innovate_address .img{width: 80%; margin: auto;}
.innovate_address .img p{position: absolute;top: 24%;right: 10%;transform: translate(-50%, -50%);font-size: 24px;color: #09E2FF;}
.innovate_address .innovate_address_info{position: absolute;top: 55%;right: 12%;transform: translate(0, -50%); width: 45%; display: flex; align-items: center;}
.innovate_address .innovate_address_info .info{ width: 70%; font-size: 18px; color: #666; text-align: initial;}
.innovate_address .innovate_address_info .innovate_img_box{ width: calc(100% - 70% - 100px); margin-left: 20px; height: 300px;}
.innovate_address .innovate_address_info .innovate_img_box img{height: 100%;}

.innovate_footer .img{width: 100%;}
.innovate_footer .img img{width: 100%;}
.innovate_footer > p{color: #09E2FF; font-size: 20px; margin: 20px 0;}
.innovate_footer .innovate_address_info_sj{display: flex; align-items: center; background-color: #f0fffd;}
.innovate_footer .innovate_address_info_sj .info{width: 70%; text-align: initial; font-size: 12px; padding: 20px;}
.innovate_footer .innovate_address_info_sj .innovate_img_box{ width: calc(100% - 70% - 90px); margin-left: initial; margin: auto; height: 300px;}

.container4{padding: 0 100px; position: relative; height: 1700px}
.container4 .aboutpage1{width: 790px; display: inline-block; padding: 0 40px 84px 0; margin-top: 65px; background: url('../images/index_bg1.png'); background-size: 100% 100%; background-repeat: no-repeat; position: absolute; z-index: 9;}
.container4 .aboutpage1 img{width: 100%;}
.container4 .aboutpage2{display: inline-block; padding: 0 0 95px 35px; background: url('../images/index_bg2.png'); background-size: 100% 100%; background-repeat: no-repeat; position: absolute; right: 0; z-index: 9; margin-top: 470px; margin-right: 100px;}
.container4 .aboutpage2 .aboutpage2_info{width: 470px; padding: 80px 50px 90px; background-color: #F0FFFD;}
.container4 .aboutpage2 .aboutpage2_info .tit{font-size: 40px; font-weight: bold; color: #01AFC7;}
.container4 .aboutpage2 .aboutpage2_info .f_body{font-size: 16px; color: #666;}
.container4 .aboutpage2 .aboutpage2_info a{padding: 15px 45px; margin-top: 15px; display: inline-block; background-color: #01AFC7; color: #fff;}
.container4 .aboutpage3{width: 700px; margin-left: 90px; position: absolute; margin-top: 590px; z-index: 9;}
.container4 .aboutpage3 .aboutpage3_info{padding: 0 50px 0 230px; margin: 60px 0;}
.container4 .aboutpage3 .aboutpage3_info .tit{font-size: 40px; font-weight: bold; color: #01AFC7;}
.container4 .aboutpage3 .aboutpage3_info .f_body{font-size: 18px; color: #666;}
.container4 .aboutpage3 .img{ background: url('../images/aboutpage3.png'); background-size: 100% 100%; background-repeat: no-repeat; padding: 0 38px 60px 0px;}
.aboutpage_big_bg{width: 55%; height: 100%; background: url('../images/bgdi.png'); margin-left: 250px; position: absolute; top: 0; height: 1700px; z-index: 1;}

.container5{padding: 0 100px; position: relative; height: 1050px}
.container5 .pagebox1{width: 590px; position: absolute; margin-top: 120px; z-index: 9;background: url('../images/pagebox1_bg.png'); background-size: 100% 100%; background-repeat: no-repeat; padding: 0 40px 95px 0;}
.container5 .pagebox1 .pagebox1_info{padding: 105px 60px 80px; background-color: #F0FFFD;}
.container5 .pagebox1 .pagebox1_info .img{width: 100%; text-align: center;}
.container5 .pagebox1 .pagebox1_info .tit{font-size: 40px; font-weight: bold; color: #01AFC7;}
.container5 .pagebox1 .pagebox1_info .f_body{font-size: 18px; color: #666;}
.container5 .pagebox2{display: inline-block; padding: 0 0 55px 83px; background: url('../images/pagebox2_bg.png'); background-size: 100% 100%; background-repeat: no-repeat; position: absolute; right: 15%; z-index: 9; margin-top: 185px;}
.container5 .pagebox2 .pagebox2_box{width: 605px; padding: 80px 70px 90px; background-color: #F0FFFD;--swiper-navigation-size: 20px;/* 设置按钮大小 */}
.container5 .pagebox2 .pagebox2_box .swiper-button-next,.container5 .pagebox2 .pagebox2_box .swiper-button-prev{width: 35px; height: 35px; color: #fff; background-color: #01AFC7; border-radius: 50%;}
.container5 .pagebox2 .pagebox2_box img{width: 100%;}
.container5 .pagebox2 .pagebox2_box p.pro_tit{margin-top: 90px; text-align: center; color: #01AFC7;}


.container5 .pagebox3{display: inline-block; padding: 0 0 55px 83px; background: url('../images/pagebox2_bg.png'); background-size: 100% 100%; background-repeat: no-repeat; position: absolute; right: 15%; z-index: 9; margin-top: 185px;}
.container5 .pagebox3 .pagebox3_box{width: 605px; padding: 26px 70px 30px; background-color: #F0FFFD;--swiper-navigation-size: 20px;/* 设置按钮大小 */}
.container5 .pagebox3 .pagebox3_box .pagebox3_tit{text-align: center; font-size: 24px; font-weight: bold; color: #01AFC7;}
.container5 .pagebox3 .pagebox3_box .tit{font-size: 24px; color: #01AFC7; margin-bottom: 0;}
.container5 .pagebox3 .pagebox3_box .f_body{font-size: 18px; color: #666;}
.container5 .pagebox3 .pagebox3_box .swiper-slide{height: 620px; overflow-y: auto;}
.container5 .pagebox3 .pagebox3_box .swiper-button-next,.container5 .pagebox3 .pagebox3_box .swiper-button-prev{width: 35px; height: 35px; color: #fff; background-color: #01AFC7; border-radius: 50%;}
.container5 .pagebox3 .pagebox3_box img{width: 100%;}
.container5 .pagebox3 .pagebox3_box p.pro_tit{margin-top: 90px; text-align: center; color: #01AFC7;}

.container5 .pagebox4{display: inline-block; padding: 0 0 55px 83px; background: url('../images/pagebox2_bg.png'); background-size: 100% 100%; background-repeat: no-repeat; position: absolute; right: 0; z-index: 9; margin-right: 100px; margin-top: 185px;}
.container5 .pagebox4 .pagebox4_box{width: 605px; padding: 26px 70px 30px; background-color: #F0FFFD;}
.container5 .pagebox4 .pagebox4_box .tit{font-size: 24px; font-weight: bold; color: #01AFC7;}
.container5 .pagebox4 .pagebox4_box .info_box{margin-top: 40px;}
.container5 .pagebox4 .pagebox4_box .info_box .f_body i{font-size: 20px; color: #01AFC7; margin-right: 20px;}
.container5 .pagebox4 .pagebox4_box .info_box .f_body{font-size: 18px; color: #666;}
.container5 .pagebox4 .pagebox4_box .img_box{margin-top: 45px;}
.container5 .pagebox4 .pagebox4_box .img_box .ewm{display: inline-block; margin-right: 40px; text-align: center;}
.container5 .pagebox4 .pagebox4_box .img_box .ewm p{font-size: 18px; color: #666; margin-top: 20px;}
.container5_big_bg{width: 65%; height: 100%; background: url('../images/bgdi.png'); margin-left: 250px; position: absolute; top: 0; right: 0;margin-right: 270px; height: 1050px; z-index: 1;}

.container6{padding: 60px 100px 110px; position: relative; background: url('../images/container6_bg.jpg'); background-size: 100% 100%; background-repeat: no-repeat;}
.container6 .honorbox{width: 95%; margin-left: 100px; z-index: 9;background: url('../images/honor_bg.png'); background-size: 100% 100%; background-repeat: no-repeat; padding: 0 44px 40px 0;}
.container6 .honorbox .honorbox_info{padding: 70px 110px 65px; background-color: #F0FFFD;}
.container6 .honorbox .honorbox_info .tit_box{display: flex; justify-content: center; margin-bottom: 70px; width: 100%;}
.container6 .honorbox .honorbox_info .tit_box > a{display: inline-block; float: left; padding: 15px 55px; color: #333;}
.container6 .honorbox .honorbox_info .tit_box > a:hover{color: #fff; background-color: #01AFC7;}
.container6 .honorbox .honorbox_info .tit_box > a.active{color: #fff; background-color: #01AFC7;}
.container6 .honorbox .honorbox_info .img_box{display: flex; flex-wrap: wrap;}
.container6 .honorbox .honorbox_info .img_box .img{width: calc(84%/4); margin-right: 5%; margin-bottom: 40px; padding: 10px; background-color: #D7F5F9;cursor: zoom-in;}
.container6 .honorbox .honorbox_info .img_box .img:nth-of-type(4n){margin-right: 0;}
.container6 .honorbox .honorbox_info .img_box .img img{width: 100%;}


.container7{padding: 60px 100px 110px; position: relative; background: url('../images/container7_bg.jpg'); background-size: 100% 100%;}
.container7 .newsbox{width: 90%; margin: auto; z-index: 9;}
.container7 .newsbox .newsbox_list_box{display: flex; flex-wrap: wrap;}
.container7 .newsbox .newsbox_list_box .newsbox_bg{width: calc(95%/2); background: url('../images/news_bg.png'); background-size: 100% 100%; background-repeat: no-repeat; margin-right: 5%; margin-bottom: 60px; padding: 0 30px 40px 0;}
.container7 .newsbox .newsbox_list_box .newsbox_bg:nth-of-type(2n){margin-right: 0;}
.container7 .newsbox .newsbox_list_box .newsbox_bg .newsbox_list{display: flex; padding: 50px 55px 50px 35px; background: #F0FFFD; height: 305px;}
.container7 .newsbox .newsbox_list_box .newsbox_bg .newsbox_list .img{display: block; width: 275px; overflow: hidden; margin-right: 45px;}
.container7 .newsbox .newsbox_list_box .newsbox_bg .newsbox_list .img img{width: 100%;}
.container7 .newsbox .newsbox_list_box .newsbox_bg .newsbox_list .tit{width: calc(100% - 275px - 45px); font-size: 18px; color: #666;}

.container8{padding: 60px 100px 110px; position: relative; background: url('../images/container6_bg.jpg'); background-size: 100% 100%;}
.container8 .newshowbox{width: 100%; margin: auto; z-index: 9;background: url('../images/honor_bg.png'); background-size: 100% 100%; background-repeat: no-repeat; padding: 0 3% 3% 0;}
.container8 .newshowbox .newshowbox_info{padding: 70px 110px 65px; background-color: #F0FFFD;}
.container8 .newshowbox .newshowbox_info .news_bigtit{text-align: center; padding: 40px 0 10px; border-bottom: 1px solid #E5E5E5;}
.container8 .newshowbox .newshowbox_info .news_bigtit .tit{font-size: 24px;font-weight: bold;color: #01AFC7;}
.container8 .newshowbox .newshowbox_info .news_bigtit span{font-size: 16px;color: #999;margin: 0 5px;}
.container8 .newshowbox .newshowbox_info .news_zbody{font-size: 16px;line-height: 1.8;color: #333;padding: 75px 0 45px;}
.container8 .newshowbox .newshowbox_info .back{float: right; font-size: 16px;font-weight: bold;color: #01AFC7;}


.footer{background-color: #1D2835; color: #01AFC7;}
.containerfooter{width: 85%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}

.pages{margin-top: 20px;margin-bottom: 10px;}
.pages ul{text-align: center;}
.pages ul li{display: inline-block; margin-right: 5px;}
.pages ul a{color: #fff; background: #01AFC7; border: 1px solid #01AFC7; padding: 5px 10px;}
.pages ul a.active{color: #fff; background: #D7166F; border: 1px solid #D7166F;}
.pages ul a:hover{color: #fff; background: #D7166F; border: 1px solid #D7166F;}

.footer a{color: #01AFC7;}
.footer .footer_box{padding: 85px 0; text-align: center;}
.footer .footer_box .footer_nav{font-size: 18px;}
.footer .footer_box .footer_nav a{margin-right: 55px;}
.footer .footer_box .footer_nav a:last-of-type{margin-right: 0;}
.footer .footer_box .footer_fbody{font-size: 16px; font-weight: bold;}


@media (max-width: 1660px){
  .banner p{left: 30%;}
  .container2{padding: 0 70px; height: 2400px;}
  .container2 .video{width: 730px; padding: 0 37px 70px 0;}
  .container2 .about{padding: 0 0 90px 33px; margin-right: 70px;}
  .container2 .about .about_info{width: 445px;}
  .container2 .about_oth{width: 560px; margin-left: 160px;}
  .container2 .about_oth .about_oth_arr{padding: 0 68px 39px 0;}
  .index_address .img p{right: 20%;}
  .index_big_bg{margin-left:70px; height: 2450px;}

  .container4{padding: 0 70px;}
  .container4 .aboutpage1{width: 730px; padding: 0 37px 70px 0;}
  .container4 .aboutpage2{padding: 0 0 90px 33px; margin-right: 70px;}
  .container4 .aboutpage3{width: 560px; margin-left: 160px;}
  .container4 .aboutpage3 .aboutpage3_info{padding: 0 30px 0 150px}
  .container4 .aboutpage3 .img{padding: 0 31px 46px 0;}
  .aboutpage_big_bg{margin-left:230px;}

  /*.container7 .newsbox{width: 1230px;}*/
  .container7 .newsbox .newsbox_list_box .newsbox_bg{padding: 0 32px 35px 0;}
  .container7 .newsbox .newsbox_list_box .newsbox_bg .newsbox_list{padding: 35px 48px 51px 35px; height: 280px;}
  .container7 .newsbox .newsbox_list_box .newsbox_bg .newsbox_list .img{width: 240px; margin-right: 35px;}
  .container7 .newsbox .newsbox_list_box .newsbox_bg .newsbox_list .tit{width: calc(100% - 240px - 35px);}

  .container5{padding: 0 70px;}
  .container5 .pagebox1{width: 37%; padding: 0 36px 99px 0;}
  .container5 .pagebox2{padding: 0 0 45px 62px;}
  .container5 .pagebox2 .pagebox2_box{width: 450px;}

  .container5.jobpage .pagebox1{width: 37%; padding: 0 36px 56px 0;}
  .container5.jobpage .pagebox2{padding: 0 0 45px 62px;}
  .container5.jobpage .pagebox2 .pagebox2_box{width: 450px;}

  .container5.jobpage .pagebox3{padding: 0 0 56px 74px;}
  .container5.jobpage .pagebox3 .pagebox3_box{width: 540px;padding: 26px 45px 30px;}

  .innovate_address .img p{right: 0;}

  .container3{padding: 0 70px;}
  .container3 .innovate1{width: 710px; padding: 0 36px 72px 0;}
  .container3 .innovate2{margin-right: 70px;}
  .container3 .innovate3{width: 570px; margin-left: 150px;}
  .container3 .innovate3_box .swiper-pagination{top: 95%; right: 5%;}

  .container5.conpage .pagebox1{padding: 0 37px 73px 0;}
  .container5.conpage .pagebox4{margin-right: 50px; margin-top: 150px; padding: 0 0 46px 83px;}
  .container5.conpage .pagebox4 .pagebox4_box .info_box{margin-top: 20px;}
  .container5.conpage .pagebox4 .pagebox4_box .img_box{margin-top: 25px;}

  .container6 .honorbox{padding: 0 38px 28px 0;}
}
@media (max-width: 1430px){
  .container2{height: 2300px; padding: 0 50px;}
  .container2 .video{width: 620px; padding: 0 31px 64px 0;}
  .container2 .about{padding: 0 0 90px 30px; margin-right: 50px;}
  .container2 .about .about_info{width: 420px;}
  .container2 .about_oth{width: 500px; margin-left: 100px;}
  .container2 .about_oth .about_oth_arr{padding: 0 60px 32px 0;}
  .index_address .img p{right: 15%;}
  .index_big_bg{margin-left:50px; height: 2350px;}

  .container4{padding: 0 50px; height: 1540px;}
  .container4 .aboutpage1{width: 620px; padding: 0 31px 64px 0;}
  .container4 .aboutpage2{padding: 0 0 99px 34px; margin-right: 50px;}
  .container4 .aboutpage3{width: 500px; margin-left: 100px; margin-top: 440px;}
  .container4 .aboutpage3 .aboutpage3_info{padding: 0 30px 0 150px}
  .container4 .aboutpage3 .img{padding: 0 28px 42px 0;}
  .aboutpage_big_bg{margin-left:200px; height: 1540px;}

  .container7{padding: 60px 100px;}
  /*.container7 .newsbox{width: 1000px;}*/
  .container7 .newsbox .newsbox_list_box .newsbox_bg{margin-bottom: 30px; padding: 0 25px 28px 0;}
  .container7 .newsbox .newsbox_list_box .newsbox_bg .newsbox_list{padding: 35px 30px 40px 35px; height: 220px;}
  .container7 .newsbox .newsbox_list_box .newsbox_bg .newsbox_list .img{width: 190px; margin-right: 25px;}
  .container7 .newsbox .newsbox_list_box .newsbox_bg .newsbox_list .tit{width: calc(100% - 190px - 25px); font-size: 14px;}

  .container5{padding: 0 50px; height: 800px;}
  .container5 .pagebox1{padding: 0 33px 50px 0; margin-top: 90px;}
  .container5 .pagebox1 .pagebox1_info{padding: 50px 40px 40px;}
  .container5 .pagebox1 .pagebox1_info .tit{font-size: 30px;}
  .container5 .pagebox1 .pagebox1_info .f_body{font-size: 16px;}
  .container5 .pagebox2{right: 12%; padding: 0 0 40px 57px;}
  .container5 .pagebox2 .pagebox2_box{width: 410px;}
  .container5_big_bg{height: 800px;}

  .container5.jobpage .pagebox1{padding: 0 30px 46px 0;}
  .container5.jobpage .pagebox3{padding: 0 0 45px 71px; right: 5%; margin-top: 140px;}
  .container5.jobpage .pagebox3 .pagebox3_box{width: 510px;padding: 26px 60px 30px;}
  .container5.jobpage .pagebox3 .pagebox3_box .swiper-slide{height: 470px;}
  .container5.jobpage .pagebox3 .pagebox3_box .f_body{font-size: 14px;}

  .container3{padding: 0 50px;}
  .container3 .innovate1{width: 640px; padding: 0 31px 64px 0;}
  .container3 .innovate2{margin-right: 50px; padding: 0 0 70px 32px;}
  .container3 .innovate2 .innovate2_info{width: 440px;}
  .container3 .innovate3{width: 540px; margin-left: 100px;}
  .container3 .innovate3 .innovate3_box{margin-right: 35px;}
  .container3 .innovate3 .innovate3_box .list{padding-left: 30px; padding-right: 30px;}
  .innovate_big_bg{margin-left: 70px;}

  .innovate_address .innovate_address_info .info{font-size: 16px;}
  .innovate_address .innovate_address_info .innovate_img_box{width: calc(100% - 70% - 50px);}
  .innovate_address .img{width: 90%;}
  .innovate_address .img p{font-size: 20px;}

  .container5.conpage .pagebox1{padding: 0 34px 73px 0;}
  .container5.conpage .pagebox4{margin-top: 120px; padding: 0px 0 42px 63px;}
  .container5.conpage .pagebox4 .pagebox4_box{width: 460px; padding: 0 0 20px 50px;}

}
@media (max-width: 1200px){
  header .header .nav_list a{margin-right: 20px;}
  .banner p{left: 30%;font-size: 60px;}
  .container2{height: 2150px; padding: 0 30px;}
  .container2 .video{width: 550px; padding: 0 26px 54px 0;}
  .container2 .about{padding: 0 0 65px 29px; margin-top: 440px; margin-right: 30px;}
  .container2 .about .about_info{width: 380px; padding: 55px 45px 75px;}
  .container2 .about .about_info .tit{font-size: 30px;}
  .container2 .about .about_info a{padding: 10px 35px; margin-top: 10px;}
  .container2 .about_oth{width: 460px; margin-left: 70px;}
  .container2 .about_oth .about_oth_info{padding: 0 60px 0 40px; margin: 30px 0 45px;}
  .container2 .about_oth .about_oth_info .tit{font-size: 30px;}
  .container2 .about_oth .about_oth_info .f_body{font-size: 16px;}
  .container2 .about_oth .about_oth_arr{padding: 0 56px 32px 0;}
  .index_address .img p{right: 18%; font-size: 20px;}
  .index_big_bg{margin-left:30px; height: 2200px;}
  .index_address{padding-bottom: 70px;}
  .footer .footer_box{padding: 50px 0;}
  .footer .footer_box .footer_nav a{margin-right: 35px;}

  .container4{padding: 0 30px; height: 1540px;}
  .container4 .aboutpage1{width: 550px; padding: 0 26px 54px 0;}
  .container4 .aboutpage2{padding: 0 0 65px 29px; margin-right: 30px;}
  .container4 .aboutpage2 .aboutpage2_info{width: 380px;}
  .container4 .aboutpage3{width: 460px; margin-left: 45px;}
  .container4 .aboutpage3 .aboutpage3_info{padding: 0 30px 0 90px;}
  .container4 .aboutpage3 .img{padding: 0 28px 42px 0;}
  .aboutpage_big_bg{margin-left:100px; height: 1540px;}

  .container7{padding: 30px 80px;}
  /*.container7 .newsbox{width: 830px;}*/
  .container7 .newsbox .newsbox_list_box .newsbox_bg{margin-bottom: 30px; padding: 0 20px 22px 0;}
  .container7 .newsbox .newsbox_list_box .newsbox_bg .newsbox_list{padding: 25px; height: 170px;}
  .container7 .newsbox .newsbox_list_box .newsbox_bg .newsbox_list .img{width: 160px; margin-right: 15px;}
  .container7 .newsbox .newsbox_list_box .newsbox_bg .newsbox_list .tit{width: calc(100% - 160px - 15px); font-size: 12px;}

  .container8 .newshowbox{padding: 0 3% 5% 0;}

  .container5{height: 700px;}
  .container5 .pagebox1{width: 40%; padding: 0 33px 57px 0;}
  .container5 .pagebox1 .pagebox1_info .tit{font-size: 24px;}
  .container5 .pagebox1 .pagebox1_info .f_body{font-size: 14px;}
  .container5 .pagebox2{padding: 0 0 32px 45px;}
  .container5 .pagebox2 .pagebox2_box{width: 330px;}
  .container5 .pagebox2 .pagebox2_box p.pro_tit{margin-top: 30px;}
  .container5_big_bg{height: 700px;}

  .container5.jobpage .pagebox3{padding: 0 0 38px 59px;}
  .container5.jobpage .pagebox3 .pagebox3_box{width: 430px;}
  .container5.jobpage .pagebox3 .pagebox3_box .swiper-slide{height: 370px;}

  .container3{padding: 0 30px;}
  .container3 .innovate1{width: 570px; padding: 0 29px 57px 0;}
  .container3 .innovate2{margin-right: 30px; padding: 0 0 55px 26px;}
  .container3 .innovate2 .innovate2_info{width: 350px; padding: 40px 40px 60px;}
  .container3 .innovate3{width: 490px; margin-left: 60px;}
  .container3 .innovate3 .innovate3_info{padding: 0 50px 0 30px; margin: 10px 0 30px;}

  .innovate_address{padding-top: 130px;}
  .innovate_address .img p{transform: initial; right: 8%;}
  .innovate_address .innovate_address_info .info{font-size: 13px;}
  .innovate_address .innovate_address_info .innovate_img_box{width: calc(100% - 70% - 30px); height: 230px;}

  .innovate_big_bg{margin-left: 30px;}

  .container5.conpage .pagebox1{padding: 0 31px 67px 0;}
  .container5.conpage .pagebox4{margin-top: 110px; padding: 0px 0 39px 50px;}
  .container5.conpage .pagebox4 .pagebox4_box{width: 360px; padding: 0 0 20px 40px;}
  .container5.conpage .pagebox4 .pagebox4_box .tit{font-size: 20px;}
  .container5.conpage .pagebox4 .pagebox4_box .info_box .f_body{font-size: 14px; margin-bottom: 5px;}

  .container6 .honorbox{padding: 0 31px 32px 0; margin-left: 70px;}
  .container6 .honorbox .honorbox_info .tit_box > a{font-size: 13px; padding: 15px 40px;}
}
@media (max-width: 992px){
  header .header .nav_list a{margin-right: 10px; font-size: 14px;}
  .banner p{font-size: 50px;}
  .container2{height: 1850px;}
  .container2 .video{width: 400px; padding: 0 20px 40px 0; margin-top: 35px;}
  .container2 .about{margin-top: 340px; padding: 0 0 56px 23px;}
  .container2 .about .about_info{width: 300px; padding: 35px 45px 50px;}
  .container2 .about .about_info .tit{font-size: 24px;}
  .container2 .about .about_info .f_body{font-size: 14px;}
  .container2 .about .about_info a{font-size: 12px;}
  .container2 .about_oth{width: 330px; margin-left: 50px;}
  .container2 .about_oth .about_oth_info{padding: 0 40px 0 20px; margin: 0 0 20px;}
  .container2 .about_oth .about_oth_arr{padding: 0 40px 20px 0;}
  .index_big_bg{height: 1900px;}
  .index_address .img p{right: 12%; font-size: 16px;}
  .footer .footer_box .footer_nav a{margin-right: 10px; font-size: 14px;}
  .footer .footer_box .footer_fbody{font-size: 14px;}

  .container4{padding: 0 30px; height: 1480px;}
  .container4 .aboutpage1{width: 550px; padding: 0 26px 54px 0;}
  .container4 .aboutpage2{padding: 0 0 94px 29px; margin-right: 30px;}
  .container4 .aboutpage2 .aboutpage2_info{width: 380px;}
  .container4 .aboutpage3{width: 460px; margin-left: 45px;}
  .container4 .aboutpage3 .aboutpage3_info{padding: 0 30px 0 90px;}
  .container4 .aboutpage3 .img{padding: 0 25px 39px 0;}
  .aboutpage_big_bg{margin-left:100px; height: 1480px;}

  .container7{padding: 30px 30px;}
  /*.container7 .newsbox{width: 830px;}*/
  .container7 .newsbox .newsbox_list_box .newsbox_bg{margin-bottom: 15px; padding: 0 22px 19px 0;}
  .container7 .newsbox .newsbox_list_box .newsbox_bg .newsbox_list{padding: 20px; height: 140px;}
  .container7 .newsbox .newsbox_list_box .newsbox_bg .newsbox_list .img{width: 130px; margin-right: 10px;}
  .container7 .newsbox .newsbox_list_box .newsbox_bg .newsbox_list .tit{width: calc(100% - 130px - 10px);}

  .container8 .newshowbox{padding: 0 3% 7% 0;}

  .container5{padding: 0 30px; height: 650px;}
  .container5 .pagebox1{width: 45%; padding: 0 30px 56px 0;}
  .container5 .pagebox1 .pagebox1_info .tit{}
  .container5 .pagebox1 .pagebox1_info .f_body{font-size: 12px;}
  .container5 .pagebox2{right: 5%; padding: 0 0 26px 41px;}
  .container5 .pagebox2 .pagebox2_box{width: 300px; padding: 50px 50px 40px;}
  .container5_big_bg{margin-left: initial; margin-right: 150px; height: 650px;}

  .container5.jobpage .pagebox1{margin-top: 60px; padding: 0 25px 45px 0;}
  .container5.jobpage .pagebox3{margin-top: 120px;}
  .container5.jobpage .pagebox3 .pagebox3_box .swiper-slide{height: 330px;}

  .container3{height: 1800px;}
  .container3 .innovate1{width: calc(100% - 30px - 30px); margin-top: 30px; padding: 0 35px 70px 0;}
  .container3 .innovate2{width: calc(100% - 30px - 30px); margin-top: 500px;margin-top: 0;top: 12%; padding: 0 0 38px 48px;}
  .container3 .innovate2 .innovate2_info{width: 100%; padding: 30px 30px 50px;}
  .container3 .innovate3{width: calc(100% - 30px - 30px); margin-left: 0; margin-top: 800px;margin-top: 0;top:43%;}
  .container3 .innovate3 .innovate3_box{margin-right: 48px;}
  .container3 .innovate3 .innovate3_bigbox{padding: 0 0 62px 0;}
  .innovate_big_bg{height: 1800px;}

  .container5.conpage .pagebox1{padding: 0 49px 70px 0;}
  .container5.conpage .pagebox4{margin-top: 600px; margin-right: initial; margin-left: 30px; left: 0; width: calc(100% - 30px - 30px); padding: 0px 0 25px 85px;}
  .container5.conpage .pagebox4 .pagebox4_box{width: 100%; padding: 20px 40px;}
  .container5.conpage .pagebox4 .pagebox4_box .info_box{display: inline-block; width: 50%;}
  .container5.conpage .pagebox4 .pagebox4_box .img_box{display: inline-block; width: 49%;}
  .container5 .pagebox4 .pagebox4_box .img_box .ewm{margin-right: initial; width: 48%;}

  .container6 .honorbox{padding: 0 25px 30px 0; margin-left: 30px;}
  .container6 .honorbox .honorbox_info{padding: 70px 70px 65px;}
  .container6 .honorbox .honorbox_info .tit_box > a{padding: 10px 30px;}
}
@media (max-width: 768px){
  .container3{height: 2020px;}
  .innovate_big_bg{height: 2020px;}
  header{position: relative;}
  header .header .logo{width: 30%;}
  .menu-button {width: 12%; cursor: pointer;-webkit-transition: .3s;transition: .3s;/*margin: 14px; border-radius: 5px;*/padding: 2%;border: 1px solid #01afc7;border-radius: 5px;}
  .menu-button .bar:nth-of-type(1) {margin-top: 0px;}
  .menu-button .bar:nth-of-type(3) {margin-bottom: 0px;}
  .bar {position: relative; display: block; width: 30px; height: 3px;margin: calc(18px/3 - 3px) auto; background-color: #01afc7;border-radius: 10px;-webkit-transition: .3s;transition: .3s;}
  .cross .bar:nth-of-type(1) {-webkit-transform: translateY(180%) rotate(-45deg); -ms-transform: translateY(180%) rotate(-45deg); transform: translateY(180%) rotate(-45deg);}

  .cross .bar:nth-of-type(2) {opacity: 0;}

  .cross .bar:nth-of-type(3) { -webkit-transform: translateY(-180%) rotate(45deg); -ms-transform: translateY(-180%) rotate(45deg); transform: translateY(-180%) rotate(45deg);}

  .header_sj{display: flex; background-color: #01afd1;}
  .header_sj .header_sj_a{width: calc(100%/4); display: flex; justify-content: center; align-items: center;}
  .header_sj .header_sj_a a{width: 100%; display: inline-block; text-align: center; padding: 10px 0; color: #fff; border-right: 1px solid #9edfe8;}
  .menu_button i{color: #fff; font-size: 20px;}
  .menu_button .nav_bt{}
  .menu_button .nav_gb{display: none;}
    
  .nav_sj{ position: absolute; width: 100%; height: auto; top: 100%; left: 0; background: #d7f5f9; z-index: 9999; overflow: hidden; display: none;}
  .nav_sj .nav_sj-list{height: 66%; overflow-y: scroll; }
  .nav_sj .nav_sj-list .nav_sj-list-a a{padding: 20px 0;display: block;text-align: center; color: #01afc7; font-size: 18px; border-bottom: 1px solid #f0fffd;}
  .nav_sj .nav_sj-list .nav_sj-list-a a.active{color: #D7166F;}
  .nav_sj .nav_sj-bot{display: flex;justify-content: space-around; margin-top: 10px;}
  .nav_sj .nav_sj-bot a{color: #fff; font-size: 14px; background-color: #D7166F;padding: 8px 32px; border-radius: 15px;}

  .banner p{font-size: 40px;}
  .container2{height: 2300px;}
  .container2 .video{width: calc(100% - 30px - 30px); padding: 0 33px 66px 0; right: 0; margin: 35px 30px;}
  .container2 .about{padding: 0 0 46px 45px; width: calc(100% - 30px - 30px); margin: 500px 30px 0;}
  .container2 .about .about_info{width: 100%;}
  .container2 .about .about_info .tit{font-size: 20px;}
  .container2 .about_oth .about_oth_info .tit{font-size: 20px;}
  .container2 .about_oth .about_oth_info .f_body{font-size: 14px;}
  .container2 .about_oth{width: calc(100% - 30px - 30px); margin: 840px 30px 0; left: 0; right: 0;}
  .container2 .about_oth .about_oth_info{padding: 0 0 0 45px;}
  .container2 .about_oth .about_oth_arr{padding: 0 84px 46px 0;}
  .container2 .about_oth .about_oth_arr .img img{width: 100%;}

  .container4{height: 1900px;}
  .container4 .aboutpage1{width: calc(100% - 30px - 30px); padding: 0 35px 70px 0;}
  .container4 .aboutpage2{padding: 0 0 63px 48px; width: calc(100% - 30px - 30px); margin: 550px 30px 0;}
  .container4 .aboutpage2 .aboutpage2_info{width: 100%; padding: 40px 30px 50px;}
  .container4 .aboutpage3{width: calc(100% - 30px - 30px); left: 0; right: 0; margin: 1030px 30px 0;}
  .container4 .aboutpage3 .aboutpage3_info{margin: 10px 0; padding: 0 30px 0 90px;}
  .container4 .aboutpage3 .img{padding: 0 39px 58px 0;}
  .aboutpage_big_bg{margin-left:initial; height: 1900px; left: 0; width: 100%;}

  .container7{background: #d8f5f9;}
  .container7 .newsbox{width: 100%;}
  .container7 .newsbox .newsbox_list_box .newsbox_bg{width: 100%; margin-right: 0; margin-bottom: 60px; padding: 0 38px 39px 0;}
  .container7 .newsbox .newsbox_list_box .newsbox_bg .newsbox_list{display: flex; padding: 50px 55px 50px 35px; background: #F0FFFD; height: 305px;}
  .container7 .newsbox .newsbox_list_box .newsbox_bg .newsbox_list .img{display: block; width: 275px; overflow: hidden; margin-right: 45px;}
  .container7 .newsbox .newsbox_list_box .newsbox_bg .newsbox_list .img img{width: 100%;}
  .container7 .newsbox .newsbox_list_box .newsbox_bg .newsbox_list .tit{width: calc(100% - 275px - 45px); font-size: 18px; color: #666;}

  .container8{background: #d8f5f9;}
  .container8 .newshowbox{padding: 0 3% 9% 0;}

  .container5{height: 1050px;}
  .container5 .pagebox1{width: calc(100% - 30px - 30px); margin: 30px; left: 0; right: 0; padding: 0 49px 40px 0;}
  .container5 .pagebox1 .pagebox1_info .tit{}
  .container5 .pagebox1 .pagebox1_info .f_body{font-size: 12px;}
  .container5 .pagebox2{right: 5%; padding: 0 0 46px 85px; margin: 390px 30px 0; width: calc(100% - 30px - 30px); left: 0; right: 0;}
  .container5 .pagebox2 .pagebox2_box{width: 100%; padding: 50px 50px 40px;}
  .container5_big_bg{margin-left: initial; margin-right: initial; height: 1050px; width: 100%; }

  .container5.jobpage{height: 900px;}
  .container5.jobpage .pagebox1{width: calc(100% - 30px - 30px); padding: 0 47px 32px 0;}
  .container5.jobpage .pagebox3{width: calc(100% - 30px - 30px); margin-top: 370px; padding: 0 0 36px 85px;}
  .container5.jobpage .pagebox3 .pagebox3_box{width: 100%; padding: 15px 40px 20px;}
  .container5.jobpage .pagebox3 .pagebox3_box .pagebox3_tit{font-size: 20px; margin-bottom: 0;}
  .container5.jobpage .pagebox3 .pagebox3_box .tit{font-size: 20px;}
  .container5.jobpage .pagebox3 .pagebox3_box .f_body{font-size: 12px;}
  .container5.jobpage .pagebox3 .pagebox3_box{--swiper-navigation-size: 14px;/* 设置按钮大小 */}
  .container5.jobpage .pagebox3 .pagebox3_box .swiper-button-next, .container5 .pagebox3 .pagebox3_box .swiper-button-prev{width: 25px; height: 25px;}
  .container5_big_bg.jobpage{height: 900px;}

  .container6 .honorbox{margin-left: 0; padding: 0 18px 25px 0;}
  .container6 .honorbox .honorbox_info{padding: 40px 35px 45px;}

  .index_big_bg{height: 2350px; width: 100%; margin-left: initial; left: 0;}
  .index_address .img{width: 80%; margin: auto;}
  .index_address .img p{position: initial; margin: 20px auto;}
  .innovate_footer .innovate_address_info_sj {
    display: none;
  }
}
@media (max-width: 576px){
  .container3{height: 3000px;}
  .innovate_big_bg{height: 3000px;}
}
@media (max-width: 425px){
  header{position: relative;}
  .menu-button {width: 14%; cursor: pointer;-webkit-transition: .3s;transition: .3s;/*margin: 14px; border-radius: 5px;*/padding: 2%;border: 1px solid #01afc7;border-radius: 5px;}
  .menu-button .bar:nth-of-type(1) {margin-top: 0px;}
  .menu-button .bar:nth-of-type(3) {margin-bottom: 0px;}
  .bar {position: relative; display: block; width: 30px; height: 3px;margin: calc(18px/3 - 3px) auto; background-color: #01afc7;border-radius: 10px;-webkit-transition: .3s;transition: .3s;}
  .cross .bar:nth-of-type(1) {-webkit-transform: translateY(180%) rotate(-45deg); -ms-transform: translateY(180%) rotate(-45deg); transform: translateY(180%) rotate(-45deg);}

  .cross .bar:nth-of-type(2) {opacity: 0;}

  .cross .bar:nth-of-type(3) { -webkit-transform: translateY(-180%) rotate(45deg); -ms-transform: translateY(-180%) rotate(45deg); transform: translateY(-180%) rotate(45deg);}
  .nav_sj{ position: absolute; width: 100%; height: auto; top: 100%; left: 0; background: #d7f5f9; z-index: 9999; overflow: hidden; display: none;}
  .nav_sj .nav_sj-list{height: 100%; overflow-y: scroll; padding: 10px; }
  .nav_sj .nav_sj-list .nav_sj-list-a a{padding: 20px 0;display: block;text-align: center; color: #01afc7; font-size: 18px; border-bottom: 1px solid #f0fffd;}
  .nav_sj .nav_sj-list .nav_sj-list-a a.active{color: #D7166F;}
  .nav_sj .nav_sj-bot{display: flex;justify-content: space-around; margin-top: 10px;}
  .nav_sj .nav_sj-bot a{color: #fff; font-size: 14px; background-color: #D7166F;padding: 8px 32px; border-radius: 15px;}

  .banner p{font-size: 20px;}
  .container2{height: 452vw;}
  .container2 .video{width: calc(100% - 30px - 30px); padding: 0 4vw 9vw 0; right: 0; margin: 6vw 30px;}
  .container2 .about{padding: 0 0 12vw 5vw; width: calc(100% - 30px - 30px); margin: 67vw 30px 0;}
  .container2 .about .about_info{width: 100%; padding: 8vw;}
  .container2 .about .about_info .f_body{height: 30vw; overflow-y: auto;}
  .container2 .about_oth{width: calc(100% - 30px - 30px); margin: 160vw 30px 0; left: 0; right: 0;}
  .container2 .about_oth .about_oth_info{padding: 0 0 0 40px;}
  .container2 .about_oth .about_oth_info .tit{font-size: 20px;}
  .container2 .about_oth .about_oth_arr{padding: 0 10vw 6vw 0;}
  .index_big_bg{height: 460vw;}

  .container4{height: 335vw;}
  .container4 .aboutpage1{width: calc(100% - 30px - 30px); padding: 0 4vw 8vw 0; right: 0; margin: 6vw 30px;}
  .container4 .aboutpage2{padding: 0 0 14vw 6vw; width: calc(100% - 30px - 30px); margin: 65vw 30px 0;}
  .container4 .aboutpage2 .aboutpage2_info{width: 100%; padding: 30px; font-size: 14px;}
  .container4 .aboutpage2 .aboutpage2_info .tit{font-size: 20px;}
  .container4 .aboutpage2 .aboutpage2_info .f_body{font-size: 14px; height: 50vw; overflow-y: auto;}
  .container4 .aboutpage2 .aboutpage2_info a{padding: 10px 35px; margin-top: 0;}
  .container4 .aboutpage3{width: calc(100% - 30px - 30px); left: 0; right: 0; margin: 173vw 30px 0;}
  .container4 .aboutpage3 .aboutpage3_info{margin: 10px 0; padding: 0 10px;}
  .container4 .aboutpage3 .aboutpage3_info .tit{font-size: 20px; margin-bottom: 10px;}
  .container4 .aboutpage3 .aboutpage3_info .f_body{font-size: 14px;max-height: 40vw; overflow-y: auto}
  .container4 .aboutpage3 .img{padding: 0 4vw 7vw 0;}
  .aboutpage_big_bg{height: 335vw;}

  .container7 .newsbox{width: 100%;}
  .container7 .newsbox .newsbox_list_box .newsbox_bg{width: 100%; margin-bottom: 15px; padding: 0 17px 18px 0;}
  .container7 .newsbox .newsbox_list_box .newsbox_bg .newsbox_list{padding: 20px; height: 140px;}
  .container7 .newsbox .newsbox_list_box .newsbox_bg .newsbox_list .img{width: 130px; margin-right: 10px;}
  .container7 .newsbox .newsbox_list_box .newsbox_bg .newsbox_list .tit{width: calc(100% - 130px - 10px); font-size: 12px;}

  .container8{padding: 30px;}
  .container8 .newshowbox .newshowbox_info{padding: 25px 25px 40px;}
  .container8 .newshowbox .newshowbox_info .news_bigtit{padding: 20px 0 10px;}
  .container8 .newshowbox .newshowbox_info .news_bigtit .tit{font-size: 16px;}
  .container8 .newshowbox .newshowbox_info .news_bigtit span{font-size: 12px; margin: 0 2px;}
  .container8 .newshowbox .newshowbox_info .news_zbody{font-size: 12px; padding: 35px 0 20px;}

  .container5{height: 830px;}
  .container5 .pagebox1{width: calc(100% - 30px - 30px); margin: 30px; left: 0; right: 0; padding: 0 21px 57px 0;}
  .container5 .pagebox1 .pagebox1_info{padding: 20px; max-height: 330px; overflow-y: auto;}
  .container5 .pagebox1 .pagebox1_info .tit{}
  .container5 .pagebox1 .pagebox1_info .f_body{font-size: 12px;}
  .container5 .pagebox2{right: 5%; padding: 0 0 25px 37px; margin: 470px 30px 0; width: calc(100% - 30px - 30px); left: 0; right: 0;}
  .container5 .pagebox2 .pagebox2_box{width: 100%; padding: 50px 50px 40px;}
  .container5_big_bg{height: 830px;}

  .container5.jobpage{height: 900px;}
  .container5.jobpage .pagebox1{padding: 0 21px 40px 0; margin-top: 30px;}
  .container5.jobpage .pagebox3{width: calc(100% - 30px - 30px); margin-top: 370px; padding: 0 0 35px 38px;}
  .container5.jobpage .pagebox3 .pagebox3_box{width: 100%;}
  .container5_big_bg.jobpage{height: 900px;}

  .container3{height: 2130px;}
  .container3 .innovate1{padding: 0 14px 31px 0;}
  .container3 .innovate2{margin-top: 0px; padding: 0 0 35px 21px;}
  .container3 .innovate2 .innovate2_info{padding: 20px;}
  .container3 .innovate2 .innovate2_info .tit{font-size: 24px;}
  .container3 .innovate2 .innovate2_info .f_body{font-size: 14px;}
  .container3 .innovate3{margin-top: 530px;margin-top: 0;top: 47%;}
  .container3 .innovate3 .innovate3_info{padding: 0 0 0 41px;}
  .container3 .innovate3 .innovate3_info .tit{font-size: 24px;}
  .container3 .innovate3 .innovate3_info .f_body{font-size: 14px;}
  .container3 .innovate3 .innovate3_bigbox{padding: 0 0 42px 0;}
  .container3 .innovate3 .innovate3_box{margin-right: 22px;}
  .container3 .innovate3 .innovate3_box .list{padding-left: 10px; padding-right: 10px; padding-bottom: 10px;}
  .container3 .innovate3 .innovate3_box .list:nth-of-type(1){padding-top: 10px;}
  .container3 .innovate3 .innovate3_box .list:nth-of-type(3){padding-bottom: 20px;}
  .container3 .innovate3 .innovate3_box .list .img{width: 90px;}
  .container3 .innovate3 .innovate3_box .list .info{width: calc(100% - 90px); margin-left: 10px;}
  .container3 .innovate3 .innovate3_box .list .info .tit{font-size: 14px; margin-right: 5px; margin-bottom: 5px;}
  .container3 .innovate3 .innovate3_box .list .info span{font-size: 12px;}
  .container3 .innovate3 .innovate3_box .list .info .f_body{font-size: 12px;}
  .innovate_address{padding-top: 70px; padding-bottom: 80px;}
  .innovate_footer .innovate_address_info_sj .innovate_img_box{width: calc(100% - 70% - 20px);}
  .innovate_big_bg{height: 2130px; width: 100%; margin-left: initial; left: 0;}

  .container5.conpage{height: 970px;}
  .container5.conpage .pagebox1{padding: 0 20px 49px 0;}
  .container5.conpage .pagebox4{margin-top: 420px; padding: 0px 0 40px 38px;}
  .container5.conpage .pagebox4 .pagebox4_box{padding: 20px;}
  .container5.conpage .pagebox4 .pagebox4_box .tit{font-size: 18px;}
  .container5.conpage .pagebox4 .pagebox4_box .info_box{display: block; width: initial;}
  .container5.conpage .pagebox4 .pagebox4_box .img_box{display: block; width: 100%;}
  .container5.conpage .pagebox4 .pagebox4_box .img_box .ewm p{font-size: 18px;}
  .container5.conpage .container5_big_bg{height: 970px;}

  .index_address{padding-top: 55px; padding-bottom: 30px;}
  .index_address .img p{top: 20%; width: 160px; font-size: 14px;}
  .footer .footer_box{padding: 20px 0;}
  .footer .footer_box .footer_fbody{font-size: 12px;}

  .container6{padding: 30px 20px 60px;}
  .container6 .honorbox{width: 100%; margin: auto; padding: 0 10px 35px 0;}
  .container6 .honorbox .honorbox_info{padding: 30px 15px;}
  .container6 .honorbox .honorbox_info .tit_box{margin-bottom: 20px;}
  .container6 .honorbox .honorbox_info .tit_box > a{padding: 5px 10px; font-size: 12px;}
  .container6 .honorbox .honorbox_info .img_box .img{width: calc(95%/2);margin-right: 5%; margin-bottom: 20px;}
  .container6 .honorbox .honorbox_info .img_box .img:nth-of-type(2n){margin-right: 0;}
  .pages ul a{font-size: 12px;}
  .innovate_footer .innovate_address_info_sj {
    display: none;
  }
}
@media (max-width: 375px){
  header{position: relative;}
  .menu-button {width: 14%; cursor: pointer;-webkit-transition: .3s;transition: .3s;/*margin: 14px; border-radius: 5px;*/padding: 2%;border: 1px solid #01afc7;border-radius: 5px;}
  .menu-button .bar:nth-of-type(1) {margin-top: 0px;}
  .menu-button .bar:nth-of-type(3) {margin-bottom: 0px;}
  .bar {position: relative; display: block; width: 30px; height: 3px;margin: calc(18px/3 - 3px) auto; background-color: #01afc7;border-radius: 10px;-webkit-transition: .3s;transition: .3s;}
  .cross .bar:nth-of-type(1) {-webkit-transform: translateY(180%) rotate(-45deg); -ms-transform: translateY(180%) rotate(-45deg); transform: translateY(180%) rotate(-45deg);}

  .cross .bar:nth-of-type(2) {opacity: 0;}

  .cross .bar:nth-of-type(3) { -webkit-transform: translateY(-180%) rotate(45deg); -ms-transform: translateY(-180%) rotate(45deg); transform: translateY(-180%) rotate(45deg);}
  .nav_sj{ position: absolute; width: 100%; height: auto; top: 100%; left: 0; background: #d7f5f9; z-index: 9999; overflow: hidden; display: none;}
  .nav_sj .nav_sj-list{height: 100%; overflow-y: scroll; padding: 10px; }
  .nav_sj .nav_sj-list .nav_sj-list-a a{padding: 20px 0;display: block;text-align: center; color: #01afc7; font-size: 18px; border-bottom: 1px solid #f0fffd;}
  .nav_sj .nav_sj-list .nav_sj-list-a a.active{color: #D7166F;}
  .nav_sj .nav_sj-bot{display: flex;justify-content: space-around; margin-top: 10px;}
  .nav_sj .nav_sj-bot a{color: #fff; font-size: 14px; background-color: #D7166F;padding: 8px 32px; border-radius: 15px;}

  .banner p{font-size: 20px;}
  .container2{height: 455vw;}
  .container2 .about{padding: 0 0 13vw 5vw;}
  .container2 .about .about_info{padding: 5vw;}
  .index_big_bg{height: 460vw;}

  .container4{height: 335vw;}
  .container4 .aboutpage1{width: calc(100% - 30px - 30px); padding: 0 4vw 9vw 0; right: 0; margin: 6vw 30px;}
  .container4 .aboutpage2{padding: 0 0 15vw 5vw; width: calc(100% - 30px - 30px); margin: 63vw 30px 0;}
  .container4 .aboutpage2 .aboutpage2_info{width: 100%; padding: 15px; font-size: 14px;}
  .container4 .aboutpage2 .aboutpage2_info .tit{font-size: 20px;}
  .container4 .aboutpage2 .aboutpage2_info .f_body{font-size: 14px;}
  .container4 .aboutpage2 .aboutpage2_info a{padding: 10px 35px; margin-top: 0;}
  .container4 .aboutpage3{width: calc(100% - 30px - 30px); left: 0; right: 0; margin: 170vw 30px 0;}
  .container4 .aboutpage3 .aboutpage3_info{margin: 10px 0; padding: 0 15px;}
  .container4 .aboutpage3 .aboutpage3_info .tit{font-size: 20px;}
  .container4 .aboutpage3 .aboutpage3_info .f_body{font-size: 14px;}
  .container4 .aboutpage3 .img{padding: 0 17px 27px 0;}
  .aboutpage_big_bg{height: 335vw;}

  .container7 .newsbox{width: 100%;}
  .container7 .newsbox .newsbox_list_box .newsbox_bg{width: 100%; margin-bottom: 15px; padding: 0 17px 18px 0;}
  .container7 .newsbox .newsbox_list_box .newsbox_bg .newsbox_list{padding: 20px; height: 140px;}
  .container7 .newsbox .newsbox_list_box .newsbox_bg .newsbox_list .img{width: 130px; margin-right: 10px;}
  .container7 .newsbox .newsbox_list_box .newsbox_bg .newsbox_list .tit{width: calc(100% - 130px - 10px); font-size: 12px;}

  .container8{padding: 30px;}
  .container8 .newshowbox .newshowbox_info{padding: 25px 25px 40px;}
  .container8 .newshowbox .newshowbox_info .news_bigtit{padding: 20px 0 10px;}
  .container8 .newshowbox .newshowbox_info .news_bigtit .tit{font-size: 16px;}
  .container8 .newshowbox .newshowbox_info .news_bigtit span{font-size: 12px; margin: 0 2px;}
  .container8 .newshowbox .newshowbox_info .news_zbody{font-size: 12px; padding: 35px 0 20px;}

  .container5{height: 830px;}
  .container5 .pagebox1{width: calc(100% - 30px - 30px); margin: 30px; left: 0; right: 0; padding: 0 21px 57px 0;}
  .container5 .pagebox1 .pagebox1_info{padding: 20px; max-height: 330px; overflow-y: auto;}
  .container5 .pagebox1 .pagebox1_info .tit{}
  .container5 .pagebox1 .pagebox1_info .f_body{font-size: 12px;}
  .container5 .pagebox2{right: 5%; padding: 0 0 25px 37px; margin: 470px 30px 0; width: calc(100% - 30px - 30px); left: 0; right: 0;}
  .container5 .pagebox2 .pagebox2_box{width: 100%; padding: 50px 50px 40px;}
  .container5_big_bg{height: 830px;}

  .container5.jobpage{height: 900px;}
  .container5.jobpage .pagebox1{padding: 0 21px 40px 0; margin-top: 30px;}
  .container5.jobpage .pagebox3{width: calc(100% - 30px - 30px); margin-top: 370px; padding: 0 0 35px 38px;}
  .container5.jobpage .pagebox3 .pagebox3_box{width: 100%;}
  .container5_big_bg.jobpage{height: 900px;}

  .container3{height: 2350px;}
  .container3 .innovate1{padding: 0 14px 31px 0;}
  .container3 .innovate2{margin-top: 0px; padding: 0 0 35px 21px;top: 10%;}
  .container3 .innovate2 .innovate2_info{padding: 20px;}
  .container3 .innovate2 .innovate2_info .tit{font-size: 24px;}
  .container3 .innovate2 .innovate2_info .f_body{font-size: 14px;}
  .container3 .innovate3{margin-top: 530px;margin-top: 0;position: absolute;top: 43%;}
  .container3 .innovate3 .innovate3_info{padding: 0 0 0 41px;}
  .container3 .innovate3 .innovate3_info .tit{font-size: 24px;}
  .container3 .innovate3 .innovate3_info .f_body{font-size: 14px;}
  .container3 .innovate3 .innovate3_bigbox{padding: 0 0 42px 0;}
  .container3 .innovate3 .innovate3_box{margin-right: 22px;}
  .container3 .innovate3 .innovate3_box .list{padding-left: 10px; padding-right: 10px; padding-bottom: 10px;}
  .container3 .innovate3 .innovate3_box .list:nth-of-type(1){padding-top: 10px;}
  .container3 .innovate3 .innovate3_box .list:nth-of-type(3){padding-bottom: 20px;}
  .container3 .innovate3 .innovate3_box .list .img{width: 90px;}
  .container3 .innovate3 .innovate3_box .list .info{width: calc(100% - 90px); margin-left: 10px;}
  .container3 .innovate3 .innovate3_box .list .info .tit{font-size: 14px; margin-right: 5px; margin-bottom: 5px;}
  .container3 .innovate3 .innovate3_box .list .info span{font-size: 12px;}
  .container3 .innovate3 .innovate3_box .list .info .f_body{font-size: 12px;}
  .innovate_address{padding-top: 230px; padding-bottom: 80px;}
  .innovate_footer .innovate_address_info_sj .innovate_img_box{width: calc(100% - 70% - 20px);}
  .innovate_big_bg{height: 2350px;}

  .container5.conpage{height: 970px;}
  .container5.conpage .pagebox1{padding: 0 20px 49px 0;}
  .container5.conpage .pagebox4{margin-top: 420px; padding: 0px 0 40px 38px;}
  .container5.conpage .pagebox4 .pagebox4_box{padding: 20px;}
  .container5.conpage .pagebox4 .pagebox4_box .tit{font-size: 18px;}
  .container5.conpage .pagebox4 .pagebox4_box .info_box{display: block; width: initial;}
  .container5.conpage .pagebox4 .pagebox4_box .img_box{display: block; width: 100%;}
  .container5.conpage .pagebox4 .pagebox4_box .img_box .ewm p{font-size: 18px;}
  .container5.conpage .container5_big_bg{height: 970px;}

  .index_address{padding-top: 55px; padding-bottom: 30px;}
  .index_address .img p{top: 20%; width: 160px; font-size: 14px;}
  .footer .footer_box{padding: 20px 0;}
  .footer .footer_box .footer_fbody{font-size: 12px;}

  .container6{padding: 30px 20px 60px;}
  .container6 .honorbox{width: 100%; margin: auto; padding: 0 10px 35px 0;}
  .container6 .honorbox .honorbox_info{padding: 30px 15px;}
  .container6 .honorbox .honorbox_info .tit_box{margin-bottom: 20px;}
  .container6 .honorbox .honorbox_info .tit_box > a{padding: 5px 10px; font-size: 12px;}
  .container6 .honorbox .honorbox_info .img_box .img{width: calc(95%/2);margin-right: 5%; margin-bottom: 20px;}
  .container6 .honorbox .honorbox_info .img_box .img:nth-of-type(2n){margin-right: 0;}
  .pages ul a{font-size: 12px;}
  .innovate_footer .innovate_address_info_sj {
    display: none;
  }
}
@media (max-width: 320px){
  .container3{height: 2000px;}
  .innovate_big_bg{height: 2000px;}
	.banner p{font-size: 18px;}
	.menu-button{width: 16%;}
	.bar{width: 25px;}
	.container2{padding: 0 10px; height: 475vw;}
	.container2 .video{width: calc(100% - 10px - 10px); margin: 6vw 10px;}
	.container2 .about{width: calc(100% - 10px - 10px); margin: 70vw 10px 0;}
	.container2 .about .about_info{}
	.container2 .about_oth{width: calc(100% - 10px - 10px); margin: 165vw 10px 0;}
	.container2 .about_oth .about_oth_info{margin-bottom: 5px;}
  .index_big_bg{height: 480vw;}

	.container4{padding: 0 10px; height: 350vw;}
	.container4 .aboutpage1{width: calc(100% - 10px - 10px); padding: 0 13px 25px 0; margin: 6vw 10px;}
	.container4 .aboutpage2{width: calc(100% - 10px - 10px); margin: 70vw 10px 0; padding: 0 0 15vw 6vw;}
	.container4 .aboutpage2 .aboutpage2_info{padding: 20px;}
	.container4 .aboutpage3{width: calc(100% - 10px - 10px); margin: 180vw 10px 0;}
	.container4 .aboutpage3 .aboutpage3_info{padding: 0 15px;}
	.container4 .aboutpage3 .aboutpage3_info .tit{margin-bottom: 0;}
  .aboutpage_big_bg{height: 350vw;}

	.container7 .newsbox .newsbox_list_box .newsbox_bg .newsbox_list{padding: 10px; height: 110px;}
	.container7 .newsbox .newsbox_list_box .newsbox_bg .newsbox_list .img{width: 100px;}
	.container7 .newsbox .newsbox_list_box .newsbox_bg .newsbox_list .tit{width: calc(100% - 100px - 10px);}

	.container8{padding: 10px;}
	.container8 .newshowbox .newshowbox_info{padding: 10px 15px 20px;}

	.container5{padding: 0 10px;}
	.container5 .pagebox1{width: calc(100% - 10px - 10px); margin: 10px;}
	.container5 .pagebox2{margin: 470px 10px 0; width: calc(100% - 10px - 10px);}
	.container5.jobpage .pagebox1{width: calc(100% - 10px - 10px);}
	.container5.jobpage .pagebox3{width: calc(100% - 10px - 10px);}

	.container3{padding: 0 10px;}
	.container3 .innovate1{width: calc(100% - 10px - 10px);}
	.container3 .innovate2{width: calc(100% - 10px - 10px); margin-right: 10px; margin-top: 0px;}
	.container3 .innovate3{width: calc(100% - 10px - 10px); margin-top: 495px;margin-top: 0; position: absolute;
        top: 46%;}
	.container3 .innovate3 .innovate3_info{margin: 15px 0;}
	.container3 .innovate3 .innovate3_info .tit{font-size: 20px;}
	.innovate_address{padding-top: 50px; padding-bottom: 40px;}

	.container5.conpage .pagebox4{width: calc(100% - 10px - 10px); margin-left: 10px;}
	.container5.conpage .pagebox4 .pagebox4_box .tit{font-size: 16px;}
	.container5.conpage .pagebox4 .pagebox4_box .info_box .f_body{font-size: 12px;}
	.container6{padding: 20px 10px 30px;}
	.container6 .honorbox .honorbox_info .tit_box{flex-wrap: wrap;}
	.container6 .honorbox .honorbox_info .tit_box > a{width: calc(98%/2); text-align: center;}

	.index_address .img{width: 95%;}
  .innovate_footer .innovate_address_info_sj {
    display: none;
  }
}
@media (max-width: 280px){
  .container4 .aboutpage2 .aboutpage2_info .f_body{height: 40vw;}
  .container4 .aboutpage3{margin: 175vw 10px 0;}
	.container5.jobpage .pagebox1{padding: 0 18px 40px 0;}
	.container5.jobpage .pagebox3{padding: 0 0 35px 31px;}
	.container3 .innovate2{margin-top: 230px; padding: 0 0 36px 17px;}
	.container3 .innovate3{margin-top: 520px;}
	.container3 .innovate3 .innovate3_info .tit{font-size: 18px;}
	.container3 .innovate3 .innovate3_info .f_body{font-size: 12px;}
	.container3 .innovate3 .innovate3_box{margin-right: 17px;}
	.container3 .innovate3 .innovate3_box .list .img{width: 70px;}
	.container3 .innovate3 .innovate3_box .list .info{width: calc(100% - 70px);margin-left: 5px;}

	.container5.conpage .pagebox4{padding: 0px 0 40px 30px;}
	.container5.conpage .pagebox4 .pagebox4_box{padding: 10px;}
  .innovate_footer .innovate_address_info_sj {
    display: none;
  }
}