@charset "utf-8";

/* @font-face {
  font-family: "HarmonyOS_Sans_SC_Regular";
  src: url(../fonts/HarmonyOS_Sans_SC_Regular.ttf);
}
@font-face {
  font-family: "HarmonyOS_Sans_SC_Black";
  src: url(../fonts/HarmonyOS_Sans_SC_Black.ttf);
}
@font-face {
  font-family: "HarmonyOS_Sans_SC_Bold";
  src: url(../fonts/HarmonyOS_Sans_SC_Bold.ttf);
}
@font-face {
  font-family: "HarmonyOS_Sans_SC_Light";
  src: url(../fonts/HarmonyOS_Sans_SC_Light.ttf);
}
@font-face {
  font-family: "HarmonyOS_Sans_SC_Medium";
  src: url(../fonts/HarmonyOS_Sans_SC_Medium.ttf);
}
@font-face {
  font-family: "HarmonyOS_Sans_SC_Thin";
  src: url(../fonts/HarmonyOS_Sans_SC_Thin.ttf);
} */
@font-face {
  font-family: "Oswald-Regular";
  src: url(../fonts/Oswald-Regular.ttf);
}
@font-face {
  font-family: "Oswald-Blod";
  src: url(../fonts/OSWALD-BOLD.TTF);
}
@font-face {
  font-family: "Oswald-Medium";
  src: url(../fonts/OSWALD-MEDIUM.TTF);
}




* {
  scroll-behavior: smooth;
  font-family: Microsoft YaHei,Arial,sans-serif;
  line-height: 1;
}
.fd::after {
  content: " ";
  display: block;
  clear: both;
}
.fd {
  zoom: 1;
}
.container {
  margin: 0 auto;
  width: 73%;
}
.wrp{
  margin: 0 auto;
  width: 83.33%;
}
.mb {
  display: none;
}
.pc {
  display: block;
}
.wimg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 1780px) {
  .container {
    width: 80%;
  }
  .wrp{
    width: 90%;
  }
}
@media (max-width: 1280px) {
  .container{
    width:85%;
  }
}
@media (max-width: 1024px) {
  .container,
  .wrp{
    width: 100%;
    padding: 0 30px;
  }
}

@media (max-width: 768px) {
  .container,
  .wrp{
    width: 100%;
    padding: 0 15px;
  }
  .mb {
    display: block;
  }
  .pc {
    display: none;
  }
}

/* 公共栏目动画 */
@keyframes myscale{
  from{transform:scale(1.1);
      -webkit-transform:scale(1.1);
      -moz-transform:scale(1.1);
      -ms-transform:scale(1.1);
      -o-transform:scale(1.1);
  }
  to{transform:scale(1);
      -webkit-transform:scale(1);
      -moz-transform:scale(1);
      -ms-transform:scale(1);
      -o-transform:scale(1);
  }
}

.base_hover .imgbox{
  overflow: hidden;
}
.base_hover img{
  transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
}
.base_hover:hover img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.overscroll{
  height:100%;
  overflow:auto;
  padding-right:20px;
}
.overscroll::-webkit-scrollbar,.selects::-webkit-scrollbar{
  width:6px;
  height:1px;
}
.overscroll::-webkit-scrollbar-thumb{
  border-radius:5px;
  background:#004098;
  -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.1);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -ms-border-radius:5px;
  -o-border-radius:5px;
}
.overscroll::-webkit-scrollbar-track{
  border-radius:5px;
  background:#d3d3d3;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -ms-border-radius:5px;
  -o-border-radius:5px;
}

/* 弹窗 */
.videoMask {
  position: fixed;
  z-index: 999;
  background: rgba(0, 0, 0, 0.6);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.videoMask .videoBox {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  max-width: 94%;
}

.videoMask .videoBox video {
  width: 100%;
}

.videoMask .videoBox .close {
  position: absolute;
  right: 5px;
  top: 5px;
  padding: 10px;
  z-index: 10;
  cursor: pointer;
  padding-top: 2%;
}

.videoMask .videoBox .close:before,
.videoMask .videoBox .close:after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  border-bottom: 1px solid #fff;
}

.videoMask .videoBox .close:before {
  transform: rotate(45deg);
}

.videoMask .videoBox .close:after {
  transform: rotate(-45deg);
}

.video_click{
  cursor: pointer;
}
@media (max-width: 680px){
  .videoMask .videoBox{
      width: 80%;
  }
}

.fs40{
  font-size: 40px;
  line-height: 1.17;
}
.fs48{
  font-size: 48px;
}
.fs16{
  font-size: 16px;
}
@media (max-width: 1459px){
  .fs48{
    font-size: 40px;
  }
  .fs40{
    font-size: 36px;
  }
  .fs16{
    font-size: 14px;
  }
}
@media (max-width: 1024px){
  .fs48{
    font-size: 28px;
  }
  .fs40{
    font-size: 24px;
  }
}
@media (max-width: 768px){
  .fs48{
    font-size: 22px;
  }
  .fs40{
    font-size: 20px;
  }
  .fs16{
    font-size: 12px;
  }
}
@media (max-width: 640px){
  .fs48{
    font-size: 18px;
  }
  .fs40{
    font-size: 16px;
  }
}

/* pager */
.Pages{
  text-align: center;
}
.Pages .p_page{
  display: flex;
  justify-content: center;
}
.Pages .p_page a{
  width: 50px;
  text-align: center;
  line-height: 50px;
  position: relative;
  display: inline-block;
  font-style: initial;
  margin: 0 7.5px;
  font-size: 16px;
  color: #aaadb3;
  background-color: #fff;
  font-family: "HarmonyOS_Sans_SC_Medium";
}
.Pages .p_page .a_prev{
  background-image: url(../images/icon_left.png);
}
.Pages .p_page .a_prev:hover{
  background-image: url(../images/icon_left1.png);
}
.Pages .p_page .a_next{
  background-image: url(../images/icon_right.png);
}
.Pages .p_page .a_next:hover{
  background-image: url(../images/icon_right1.png);
}
.Pages .p_page .a_prev,
.Pages .p_page .a_next{
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 26px;
  background-position: center center;
  border: unset;
}

.Pages .p_page .a_prev{
  margin-right: 35px;
}
.Pages .p_page .a_next{
  margin-left: 35px;
}

.Pages .p_page a.a_cur{
  background-color: #004098;
  color: #fff;
}
.Pages .p_page a:hover{
  background-color: #004098;
  color: #fff;
}


@media (max-width: 1459px){
  .Pages .p_page .a_prev{
    margin-right: 25px;
  }
  .Pages .p_page .a_next{
    margin-left: 25px;
  }
}
@media (max-width: 1024px){
  .Pages .p_page a{
      width: 40px;
      line-height: 40px;
  }
}
@media (max-width: 768px){
  .Pages .p_page a {
      width: 30px;
      line-height: 30px;
      font-size: 14px;
      margin: 0 5px;
  }
}
@media (max-width: 480px){
  .Pages .p_page .num{
    display: none;
  }
  .Pages .p_page .a_prev,
  .Pages .p_page .a_next{
    height: 30px;
  }
}




/* 顶部 */
.nav{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
}
.nav .content{
  display: flex;
  height: 100px;
  justify-content: space-between;
  align-items: center;
}
.nav .content .logo .img1{
  display: block;
}
.nav .content .logo .img2{
  display: none;
}
.nav .content .list{
  display: flex;
  justify-content: space-between;
}
.nav .content .list .item{
  position: relative;
}
.nav .content .list .item:not(:first-child){
  margin-left: 60px;
}
.nav .content .item .item_tit{
  font-size: 18px;
  color: #fff;
  line-height: 100px;
  display: block;
}
.nav .content .item .item_tit::before{
  content: ''; 
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height:2px;
}
.nav .content .list .item:hover .item_tit::before,
.nav .content .list .item.cur .item_tit::before{
  opacity: 1;
  background-color: #fff;
}

.nav .content .search{
  width: 5.58%;
  height: 100px;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid rgba(255, 255, 255, .1);
}
.nav .content .search::before{
  content: '';
  display: block;
  width: 4px;
  height: 4px;
  border: 1px solid #fff;
  border-top-color:transparent;
  border-right-color: transparent;  
  position: absolute;
  bottom: -1px;
  left: -1px;
}
.nav .content .search .search_btn{
  background-image: url(../images/icon1.png);
  background-repeat:no-repeat;
  width: 17px;
  height: 15px;
  background-size: contain;
  cursor: pointer;
}
.nav .content .search .serch_box{
  position: absolute;
  top: 100%;
  width: 250px;
  background-color: #fff;
  right: 30%;
  display: none;
  height: 30px;
  padding-right: 30px;
}
.nav .content .search input{
  width: 100%;
  padding-left: 15px;
  font-size: 14px;
  color: #333;
  height: 100%;
}
.nav .content .search .serch_bt{
  width: 30px;
  height: 100%;
  background-image: url(../images/icon2.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 17px;
  position: absolute;
  right: 0;
  top: 0;
}
.nav .content .clist{
  position: absolute;
  top: 100%;
  width:max-content;
  min-width:150%;
  left:50%;
  transform: translate(-50%,0);
  -webkit-transform: translate(-50%,0);
  -moz-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  -o-transform: translate(-50%,0);
  background-color:rgba(255, 255, 255,.7);
  padding:10px;
}

.nav .content .clist .citem{
  padding:5px;
  color: #333333;
  font-size: 16px;
  text-align: center;
  display: block;
  line-height:1.5;
}
.nav .content .clist .citem:hover{
  color:#1151ac;
}




/* 滚动交互 */
/* .nav.cur{top:-130px;} */
.nav.nav1 .content .logo .img1{
  display: none;
}
.nav.nav1 .content .logo .img2{
  display: block;
}
.nav.nav1{
  background-color: #fff;
  box-shadow:0 0 5px rgba(0, 0, 0, 0.1);
}
.nav.nav1 .content .item .item_tit{
  color: #000000;
}
.nav.nav1 .content .list .item:hover .item_tit,
.nav.nav1 .content .list .item.cur .item_tit{
  color: #004098;
}
.nav.nav1 .content .list .item:hover .item_tit::before,
.nav.nav1 .content .list .item.cur .item_tit::before{
  background-color:rgba(0,64,152,0.7);
}
.nav.nav1 .content .search{
  border-left: 1px solid #eeeeee;
}
.nav.nav1 .content .search .search_btn{
  background-image: url(../images/icon2.png);
}
.nav.nav1 .content .search{
  border-left: 1px solid rgba(255, 255, 255, .1);
}
.nav.nav1 .content .search::before{
  border-color: #004098;
  border-top-color:transparent;
  border-right-color: transparent;  
}
.nav1 .open_menu i{
  background-color: #333;
}

.nav.nav2 .content .logo .img1{
  display: none;
}
.nav.nav2 .content .logo .img2{
  display: block;
}

.nav.nav2 .content .item .item_tit{
  color: #333;
}
.nav.nav2 .content .list .item.cur .item_tit{
  color: #004098;
}
.nav.nav2 .content .list .item.cur .item_tit::before{
  background-color: #004098;
}
.nav.nav2{
  border-bottom: 1px solid rgba(153, 153,153, .1);
}
.nav.nav2 .content .search .search_btn{
  background-image: url(../images/icon2.png);
}



.open_menu {
  width: 30px;
  height: 20px;
  cursor: pointer;
  display: block;
  position: relative;
  position: absolute;
  right: 15px;
  display: none;
  top: 6px;
}
.open_menu i {
  position: absolute;
  width: 100%;
  height: 2px;
  background: #fff;
  left: 0;
  top: 10px;
  margin-top: -1.5px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}

.open_menu i:nth-child(1) {
  margin-top: -10px;
}
.open_menu i:nth-child(3) {
  margin-top: 8px;
}
.open_menu.cur i:nth-child(2) {
  display: none;
}
.open_menu.cur i:nth-child(3) {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  margin: 0;
}
.open_menu.cur i:nth-child(1) {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  margin: 0;
}


/* 底部 */
.foot{
  background-color: #f0f3f7;
  padding: 60px 0 0;
}
.foot .content{
  display: flex;
  justify-content: space-between;
}
.foot .foot_l .l_list{
  padding-top: 40px;
  display: flex;
}
.foot .foot_l .l_list .l_item{
  font-size: 16px;
  color: #333333;
  font-family: "HarmonyOS_Sans_SC_Light";
  padding: 0 10px;
  position: relative;
}
.foot .foot_l .l_list .l_item:first-child{
  padding-left: 0;
}
.foot .foot_l .l_list .l_item + .l_item::before{
  content: '';
  display: block;
  position: absolute;
  left: 1%;
  top: 50%;
  transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  width: 1px;
  height: 100%;
  background-color: #595a5b;
}
.foot .foot_l .l_tit{
  font-size: 16px;
  color: #333333;
  line-height: 1.3;
  margin-top: 25px;
}
.foot .foot_l .l_tel{
  font-size: 30px;
  color: #333333;
  line-height: 1.5;
  font-family: "HarmonyOS_Sans_SC_Bold";
  margin-top: 20px;
}
.foot .foot_c .clist{
  display: flex;
  justify-content: space-between;
}
.foot .foot_c .clist .citem{
  margin: 0 40px;
}
.foot .foot_c  .citem .title{
  font-size: 18px;
  color: #333333;
  margin-bottom: 20px;
}
.foot .foot_c  .citem .nav_list{
  padding-top: 30px;
}
.foot .foot_c  .citem .nav_tit{
  font-size: 16px;
  color: #999999;
  line-height: 1.5;
  margin-top: 20px;
  display: block;
}
.foot .foot_c  .citem .nav_tit:hover{
  color: #333;  
}

.foot .foot_r .imgbox{
  width: 160px;
  padding: 13px;
  background-color: #fff;
}
.foot .foot_r .wx_box{
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
.foot .foot_r .wx_box .wx_item{
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #e9ecf0;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  position: relative;
  cursor: pointer;
}
.foot .foot_r .wx_box .wx_item:nth-child(1){
  background-image: url(../images/wx_icon01.png);
}
.foot .foot_r .wx_box .wx_item:nth-child(2){
  background-image: url(../images/wx_icon02.png);
}
.foot .foot_r .wx_box .wx_item:nth-child(3){
  background-image: url(../images/wx_icon03.png);
}
.foot .foot_r .wx_box .wx_img{
  position: absolute;
  bottom: 50px;
  left: 50%;
  width: 0;
  background-color: #fff;
  transform: translate(-50%,0);
  -webkit-transform: translate(-50%,0);
  -moz-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  -o-transform: translate(-50%,0);
  transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  opacity: 0;
}
.foot .foot_r .wx_box .wx_tit{
  font-size: 12px;
  text-align: center;
  margin-top: 10px;
}

.foot .foot_r .wx_box .wx_item:hover .wx_img{
  opacity: 1;
  padding: 15px;
  width: 130px;
}
.foot .copy_right{
  padding: 30px 0;
  margin-top: 40px;
  border-top: 1px solid #e7eaed;
}
.foot .copy_right .copy_con{
  display: flex;
  justify-content: space-between;
}
.foot .copy_right .copy_list{
  display: flex;
}
.foot .copy_right .copy_item{
  font-size: 16px;
  color: #999;
  line-height: 1.5;
  padding: 0 5px;
  position: relative;
}
.foot .copy_right .copy_item:first-child{
  padding-left: 0;
}
.foot .copy_right .copy_item + .copy_item::before{
  content: '';
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: #999999;
  position: absolute;
  left: -1px;
  top: 50%;
  transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
}
.foot .copy_right .copy_tit,
.foot .copy_right .copy_tit *{
  font-size: 16px;
  color: #999999;
  line-height: 1.5;
} 

/* 头部和底部响应式 */
@media (max-width: 1780px){
  .nav .content .meau {
    padding-right: 3%;
  }
  .nav .content .search {
    width: 5%;
  }
}
@media (max-width: 1680px){
  .foot{
    padding: 60px 0 0;
  }
  .foot .foot_c .citem .nav_tit {
    margin-top: 15px;
  }
  .foot .foot_l .l_list {
      padding-top: 30px;
  }
  .foot .foot_l .l_tit {
      margin-top: 20px;
  }
  .foot .foot_c .citem .nav_list {
      padding-top: 20px;
  }
  .foot .foot_c .clist .citem {
      margin: 0 25px;
  }
  .foot .copy_right {
      padding: 20px 0;
      margin-top: 40px;
  }
  .foot .foot_r .wx_box {
    margin-top: 40px;
  }
  .nav .content .list .item:not(:first-child) {
    margin-left: 50px;
  }
}
@media (max-width: 1459px){
  .foot .foot_r .wx_box {
    margin-top: 30px;
  }
  .foot .foot_c .clist .citem{
    margin: 0 15px;
  }
  .foot .copy_right {
    padding: 15px 0;
    margin-top: 40px;
  }
  .nav .content .list .item:not(:first-child) {
    margin-left: 40px;
  }
  .nav .content .item .item_tit {
    line-height: 80px;
  }
  .nav .content .search {
      height: 80px;
  }
  .nav .content{
    height: 80px;
  }
  .foot{
    padding: 60px 0 0;
  }
}
@media (max-width: 1280px){
  .nav .content .item .item_tit {
    line-height: 65px;
  }
  .nav .content .search {
      height: 65px;
  }
  .nav .content{
      height: 65px;
  }
  .foot .foot_l .l_tel{
    font-size: 24px;
  }
  .foot .foot_c .citem .nav_tit {
    margin-top: 10px;
  }
  .foot .foot_c .citem .nav_list {
    padding-top: 10px;
  }
  .foot .content {
    flex-wrap: wrap;
  }

  .foot .foot_r {
      width: 100%;
      margin-top: 20px;
  }

  .foot .foot_r .imgbox {
      margin: 0 auto;
  }

  .foot .foot_r .wx_box {
      width: 150px;
      margin: 15px auto 0;
  }

  .foot .copy_right {
      margin-top: 20px;
  }
  .nav .content .list .item:not(:first-child) {
    margin-left: 30px;
  }
  .foot{
    padding: 120px 0 0;
  }
}
@media (max-width: 1080px){
  .foot .foot_c .citem .nav_tit {
    font-size: 14px;
  }
  .foot .foot_c .citem .title {
      font-size: 16px;
  }
  .foot .foot_l .l_list .l_item {
      font-size: 14px;
  }
  .foot .foot_l .l_tit {
      font-size: 14px;
  }
  .foot .foot_l .l_tel {
      font-size: 20px;
  }
  .foot .copy_right .copy_item {
      font-size: 14px;
  }
  .foot .copy_right .copy_tit, .foot .copy_right .copy_tit * {
      font-size: 14px;
  }
  .nav .content .item .item_tit {
    font-size: 14px;
  }
}

@media (max-width: 1024px){
  .nav .content .meau {
    padding-right: 40px;
  }
  .nav .content .search {
    width: 50px;
  }
  .nav .content .list .item:not(:first-child) {
    margin-left: 25px;
  }
  .foot{
    padding: 30px 0 0;
  }
}

@media (max-width: 960px){
  .foot .foot_c {
    width: 100%;
    margin-top: 20px;
  }
  .foot .foot_c .clist .citem:first-child {
      margin-left: 0;
  }
  .foot .copy_right .copy_con {
      flex-wrap: wrap;
  }
  .foot .copy_right .copy_list {
      width: 100%;
      margin-bottom: 5px;
  }
}
@media (max-width: 900px){
  .open_menu {
    display: block;
    top: 23px;
  }
  .open_menu {
    display: block;
    top: 23px;
  }
  .nav .content .search {
    right: 65px;
  }
  .nav .content .search .serch_box {
      top: 50%;
      right: 120%;
      transform: translate(0,-50%);
  }
  .nav .content .list {
      position: absolute;
      right: 0;
      width: 200px;
      display: block;
      top: 100%;
      background-color: #fff;
      width: 250px;
      display: none;
  }
  .nav .content .list .item:not(:first-child) {
    margin-left: 0;
  }
  .nav .content .item .item_tit {
      color: #333;
      line-height: 30px;
      display: inline-block;
  }
  .nav .content .list .item {
      padding: 0 15px;
      border-bottom: 1px solid #eee;
  }
 
}
@media (max-width: 768px){
  .foot{
    padding: 30px 0 0;
  }
}
@media (max-width: 640px){
  .foot .foot_c .citem .nav_tit {
    font-size: 12px;
  }

  .foot .foot_c .citem .title {
      font-size: 14px;
  }

  .foot .foot_c .clist .citem {
      margin: 0 5px;
  }
  .foot{
    padding: 20px 0 0;
  }
}
@media (max-width: 480px){
  .nav .content .list {
    width: 100%;
  }
  .foot .foot_c .clist{
    flex-wrap: wrap;
  }
  .foot .foot_c .clist .citem {
    width: 33.33%;
    margin: 0 0 10px;
  }
  .foot .foot_c .clist {
      flex-wrap: wrap;
  }
  .foot .foot_c .citem .nav_list {
      display: none;
  }
  .foot .foot_l .l_tel {
      font-size: 18px;
      margin-top: 10px;
  }
  .foot .foot_l .l_list {
      padding-top: 15px;
  }
  .foot .foot_r .imgbox {
      width: 120px;
  }
  .foot .foot_r .wx_box .wx_item {
      width: 35px;
      height: 35px;
  }
  .foot .copy_right {
      margin-top: 10px;
      padding: 10px 0;
  }
  .foot .copy_right .copy_item {
      font-size: 12px;
  }
  .foot .copy_right .copy_tit, .foot .copy_right .copy_tit * {
      font-size: 12px;
  }
  .nav .content .logo img{
    width: 120px;
  }
  .nav .content .search {
      height:45px;
  }
  .nav .content{
    height: 45px;
  }
  .open_menu {
    top: 12px;
  }
  .open_menu {
    width: 25px;
  }
}


@keyframes topbot {
  0%{
      transform: translate(0,-10px);
      -webkit-transform: translate(0,-10px);
      -moz-transform: translate(0,-10px);
      -ms-transform: translate(0,-10px);
      -o-transform: translate(0,-10px);
  }
  50%{
      transform: translate(0,0);
      -webkit-transform: translate(0,0);
      -moz-transform: translate(0,0);
      -ms-transform: translate(0,0);
      -o-transform: translate(0,0);
  }
  100%{
      transform: translate(0,-10px);
      -webkit-transform: translate(0,-10px);
      -moz-transform: translate(0,-10px);
      -ms-transform: translate(0,-10px);
      -o-transform: translate(0,-10px);
  }
}

/* 公共切换按钮 */
.base_swiper .swiper_btn{
  width: 58px;
  height: 58px;
  border: 1px solid #004098;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.base_swiper .swiper_btn:hover{
  background-color: #004098;
}
.base_swiper .swiper_btn.next{
  background-image: url(../images/icon_left.png);
}
.base_swiper .swiper_btn.prev{
  background-image: url(../images/icon_right.png);
}
.base_swiper .swiper_btn.next:hover{
  background-image: url(../images/icon_left1.png);
}
.base_swiper .swiper_btn.prev:hover{
  background-image: url(../images/icon_right1.png);
}
@media (max-width: 1459px) {
  .base_swiper .swiper_btn{
    width: 48px;
    height: 48px;
  }
}
@media (max-width: 1280px) {
  .base_swiper .swiper_btn{
    width: 38px;
    height: 38px;
    background-size: 70%;
  }
}
@media (max-width: 1024px) {
  .base_swiper .swiper_btn{
    width: 28px;
    height: 28px;
  }
}
@media (max-width: 640px) {
  .base_swiper .swiper_btn{
    width: 25px;
    height: 25px;
  }
}


.base_more{
  font-size: 18px;
  color: #ffffff;
  font-family: "HarmonyOS_Sans_SC_Light";
  position: relative;
  padding-right: 40px;
  display: inline-block;
}
.base_more::before{
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  background-image: url(../images/icon4.png);
  background-repeat: no-repeat;
  width: 26px;
  height: 13px;
  background-position: center;
  background-size: contain;
}
.base_more1{
  color: #004098;
}
.base_more1::before{
  background-image: url(../images/icon8.png);
}

@media (max-width: 1280px) {
  .base_more {
    font-size: 16px;
  }
}
@media (max-width: 1024px) {
  .base_more {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  .base_more {
    font-size: 12px;
    padding-right: 30px;
  }
  .base_more::before {
    background-size: 20px;
  }
}


.base_banner{
  position: relative;
}
.base_banner .imgbox{
  overflow: hidden;
}
.base_banner img{
  animation: myscale 5s infinite;
  -webkit-animation: myscale 5s infinite;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  width: 100%;
}
.base_banner .text{
  position: absolute;
  left: 50%;
  top: 60%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  width: 100%;
  text-align: center;
}
.base_banner .text .cn{
  font-size: 24px;
  color: #ffffff;
  line-height: 1.5;
}
.base_banner .text .cn1{
  font-size: 40px;
  color: #ffffff;
  line-height: 1.5;
  font-family: "HarmonyOS_Sans_SC_Medium";
  margin-top: 15px;
}

@media (max-width: 1459px) {
  .base_banner .text .cn1{
    font-size: 36px;
  }
}
@media (max-width: 1280px) {
  .base_banner .text .cn {
    font-size: 18px;
  }
  .base_banner .text .cn1{
    font-size: 30px;
  }
}
@media (max-width: 1024px) {
  .base_banner .text .cn {
    font-size: 16px;
  }
  .base_banner .text .cn1{
    font-size: 24px;
    margin-top: 10px;
  }
}
@media (max-width: 768px) {
  .base_banner .text .cn1 {
    font-size: 18px;
  }
  .base_banner .text{
    top: 50%;
  }
}
@media (max-width: 640px) {
  .base_banner .text .cn {
    font-size: 14px;
  }
  .base_banner .text .cn1 {
    font-size: 16px;
    margin-top: 5px;
  }
}



/* location */
.locat{
  position: relative;
}
.locat .content{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.locat::before{
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #eeeeee;  
}
.locat .content .list{
  display: flex;
}
.locat .content .item{
  padding: 40px 0;
  position: relative;
  font-size: 18px;
  color: #333333;
  display: block;
}
.locat .content .item:not(:first-child){
  margin-left: 75px;
}
.locat .content .item.cur{
  color: #004098;
}
.locat .content .item.cur::before{
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #004098;  
}
.locat .content .tit{
  padding-left: 20px;
  position: relative;
  display: inline-block;
  background-image: url(../images/icon07.png);
  background-repeat: no-repeat;
  background-position: center left;
}
.locat .act a,
.locat .act span{
  margin: 0 10px;
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #999999;
  font-family: "HarmonyOS_Sans_SC_Light";
}
.locat .act a:first-child{
  padding-left: 25px;
}
.locat .act a:first-child::after{
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  background-image: url(../images/icon10.png);
  background-repeat: no-repeat;
  width: 15px;
  height: 16px;
}
.locat .act a::before{
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: -14px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: #999999;
  transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
}


@media (max-width: 1459px){
  .locat .content .item {
    padding: 30px 0;
  }
}
@media (max-width: 1280px){
  .locat .content .item:not(:first-child) {
    margin-left: 40px;
  }
}
@media (max-width: 1024px){
  .locat .content .item {
    padding: 20px 0;
    font-size: 16px;
  }
  .locat .content .item:not(:first-child) {
    margin-left: 25px;
  }
  .locat .content .item {
    font-size: 14px;
  }
  .locat .act a, .locat .act span{
    font-size: 14px;
  }
}
@media (max-width: 768px){
  .locat .content .item {
    padding: 15px 0;
  }
  .locat .act a, .locat .act span{
    font-size: 14px;
  }
  .locat .content .item:not(:first-child) {
    margin-left: 15px;
  }
}
@media (max-width: 640px){
  .locat .content .item {
    font-size: 12px;
  }
  .locat .act{
    display: none;
  }
  .locat .content .item:not(:first-child){
    margin-left: 10px;
  }
}
@media (max-width: 480px){
  .locat .content .item:not(:first-child) {
    margin-left: 5px;
  }
}


.grey{
  background-color: #fcfcfd;
}

.index_bottom{padding-top:70px;background: #f0f3f7;}

@media(max-width:768px){
  .index_bottom{padding-top:20px;}
}

@media (max-width: 900px){
    .nav .content .clist{
        min-width:100%;
        background-color:white;
        z-index:2;
        position:relative;
    }
}