@charset "utf-8";
/**
  * Created by sunJia on 2025/07/07.
  * @Description: 通用板块样式
  */
.flex{ display: flex; display: -ms-flexbox; justify-content: space-between; -ms-justify-content: space-between; -ms-flex-pack: justify;}
.flexAlignCenter{ align-items: center;}
.flexJustifyCenter{ justify-content: center;}
.flexWrap{ flex-wrap: wrap;}
body{ max-width: 1920px; margin: 0 auto; -webkit-tap-highlight-color: transparent;/* 移动端双击，取消选中背景 */}
.fwBlod{ font-weight: bold;}
.gp-position{position: relative;}

/* header */
header{position: relative;z-index: 50;}
.header{ position: relative;z-index: 1; border-top: 4px solid #005e5e; background: #f6f6f6;}
.headTop{ justify-content: space-between; align-items: flex-start; padding: 12px 0 7px;}
.head > .flex:nth-of-type(1){ justify-content: flex-end;}
.head .flex{ margin-bottom: 28px;}
.head .flex:last-child{ margin-bottom: 0;}
.head a{ color: #8f8f8f; padding-left: 14px; margin-left: 14px; line-height: 1; position: relative;}
.head a:first-child{ padding-left: 0; margin-left: 0;}
.head a:first-child::before{ display: none;}
.head a::before{ content: '';display: block;width: 2px; height: 18px;background: #8f8f8f;position: absolute; left: 0;top: 50%;transform: translateY(-50%);}
.head .en{ color: #29493e;}
.logo{ position: relative;z-index: 1; flex-shrink: 0; font-size: 0;}
.logo a{ position: relative; font-size: 0; display: block;}
.logo img{ max-height: 109px;}
.news-logo{ align-items: center;}
.logo a.logo02{ font-size: 36px; color: #003200; margin-left: 70px;position:relative;}
.logo a.logo02::before{content:'';display: block;width: 1px;height: 77px;background: #003200;position: absolute;top: 50%;left: -35px;transform: translateY(-50%);z-index: 1;}
#weatherInfo{ color: #8f8f8f;}
.logo-search{ padding-top: 9px; align-items: center;}

header.currents{ position: fixed; width: 100%; width: 100%;top: 0;left: 0;}
.currents .headTop{ display: none;}
.currents .nav ul{ padding: 0; transition: all .3s ease-in-out;}
.currents .headBottom{ box-shadow: 0 0 10px rgba(0,0,0,0.1);}

.search{ border-radius: 20px; background: rgba(255,255,255,0.2);}
.gp-search{position: relative;width:410px;height: 40px;line-height:40px;border: 0px solid rgba(255,255,255,0.55);background: #dbe2ea;overflow: hidden;display: inline-block;vertical-align: middle;border-radius: 20px;overflow: hidden;transition: all 0.35s ease-in-out;*display: inline;*zoom:1;}
.gp-ser{width:100%; height:40px; z-index:9999994; margin:0 auto;position: relative;}
.gp-search input,.gp-search button{position:absolute; border:none;height: 100%; background:transparent; top:0px;overflow: hidden; }
.gp-search input.notxt{ width:100%;left: 0;padding-left: 20px;padding-right: 43px; outline: none; box-sizing: border-box;color: #005e5e;font-size: 16px;}
.gp-search input.notxt::placeholder{ color: #005e5e;}
.gp-search .notxt1 {position: absolute;width: 34px;height: 34px;border-radius: 50%;right:4px;top: 3px;cursor:pointer;font-size: 16px;background: #005e5e;}
.gp-search .notxt1::before{ content: '';display: block;width: 20px;height: 20px;background: #005e5e url(../images/search.png) no-repeat center/20px auto;position: absolute;left: 50%;top: 50%;transform: translate3d(-50%,-50%,0);}
#gp-serBtn4{position: relative;z-index: 801;}
.gp-search4{height: 0;border:none;width: 100%;overflow: hidden;position: fixed;top: 50%;z-index: 802;left: 0;}
.gp-search4 .gp-ser{max-width: 800px;}
.gp-search4 input,.gp-search4 button{height: 40px;line-break: 40px;}
.gp-search4 .gp-ser{height: 40px;border: 1px solid #ccc;margin-top: 20px;}
.gp-search4 .notxt1{background: #C7000A;color:#fff}
.gp-search4 .gp-ser{display: none;border:none;background: #fff;}
.gp-search4.active .gp-ser{display: block;}
.gp-search4.active{height: 80px;}
.searchActive .gp-overlay{top: 0;}
@media screen and (max-width:998px) {
  .gp-search4 .gp-ser{width: 80%;}
  .gp-search4 input,.gp-search4 button{box-sizing: border-box;}
  .gp-search4 input.notxt{width: 100%;padding-right: 90px;}
  .gp-search4 .notxt1{width: 85px;}
}
.searchActive .gp-search .notxt1{ border-radius: 0; width: 40px; height: 40px;top: 0;right: 0;background: #94070a url(../images/search-white.svg) no-repeat center;}
.searchActive .gp-search input.notxt{ color: #999;}
.openSiteMap{ position: relative; width: 34px;height: 34px;border-radius: 50%;border-radius: 50%;background: #005e5e; margin-left: 13px;cursor: pointer;}
.openSiteMap span{ display: block; width: 18px; height: 2px;background: #bde2d5; border-radius: 1px;position: absolute; top: calc(50% - 1px);right: calc(50% - 9px);z-index: 1;}
.openSiteMap span:nth-of-type(1){ transform: translateY(-6px);}
.openSiteMap span:nth-of-type(3){ transform: translateY(6px);}

.headBottom{ background: #fff;}
.nav{ position: relative; }
.nav ul{ position: relative; justify-content: space-between; padding: 0 30px;}
.nav li{ position: relative; margin-left: 35px;}
.nav li:first-child{ margin-left: 0;}
.nav li > a{ display: block; line-height: 48px; padding: 0 0px; font-weight: normal; color: #282828;position: relative;}
.nav li > a::before{ content: ''; display: block; width: 0%; height: 3px;background: #005e5e;position: absolute;left: 50%;bottom: -1px;transform: translateX(-50%);transition: all 0.35s ease;}
.nav li > a.on, .nav li > a.active{ color: #005e5e; font-weight: bold;}
.nav li:hover > a::before,
.nav li > a.on::before,
.nav li > a.active::before{ width: 100%; display: none;}
.nav .subnav{ display: none; position: absolute; top: 100%; left: -40px; width: auto;transform: translateX(-0%);
  box-sizing: border-box;box-sizing: border-box;min-width: 760px; padding: 45px 330px 34px 40px; z-index: 1;overflow: hidden;}
.nav li:nth-of-type(6) .subnav{ left: auto; right: 0px; transform: translateX(25%);}
.nav li:nth-of-type(7) .subnav{ left: auto; right: 0px; transform: translateX(25%);}
.nav li:nth-of-type(8) .subnav{ left: auto; right: 0px; transform: translateX(25%);}
.nav li:nth-of-type(9) .subnav{ left: auto; right: 0px; transform: translateX(2%);}
.nav li:nth-of-type(10) .subnav{ left: auto; right: 0px; transform: translateX(0%);}
.nav li:nth-of-type(11) .subnav{ left: auto; right: 0px; transform: translateX(0%);}
/* .nav li:nth-of-type(1) .subnav,
.nav li:nth-of-type(2) .subnav,
.nav li:nth-of-type(3) .subnav{ transform: translateX(0%);} */
.nav .subnav::before{ content: '';display: block;width: 100%;height: 100%;background: #e8f3ec;position: absolute;bottom: 0px;left: 0;z-index: -1;}
.nav li:nth-of-type(2) .subnav::before{ background: #e8f3ec url(../images/nav-bg-about.png) no-repeat right bottom;}
.nav li:nth-of-type(3) .subnav::before{ background: #e8f3ec url(../images/nav-bg-dangjian.png) no-repeat right bottom;}
.nav li:nth-of-type(4) .subnav::before{ background: #e8f3ec url(../images/nav-bg-news.png) no-repeat right bottom;}
/* .nav li:nth-of-type(6) .subnav::before{ background: #e8f3ec url(../images/nav-bg-technology.png) no-repeat right bottom;} */
.nav dt{ width: 100%; margin-bottom: 15px; min-width: 295px;}
.nav dd{ width: auto; /* min-width: 160px; */ flex-shrink: 0; margin-right: 40px;}
.nav dd a, .nav dt a{ display: block; text-align: left; line-height: 48px; color: #282828; white-space: nowrap;}
.nav dt a{ line-height: 1;}
.nav dd a{ padding-left: 18px; position: relative;}
.nav dd a::before{ content: '';display: block;width: 5px;height: 5px;border-radius: 50%;background: #282828;position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 1;}
.subnav .flex{display: inline-flex;display: -ms-inline-flexbox;flex-wrap: wrap;align-items: flex-start;margin-left: -16px;}
.nav dd a:hover, .nav dt a:hover{ color:#005e5e;} 
.subnav .flexDirColumn{ flex-direction: column; margin-left: 0; min-height: 96px; justify-content: center; min-width: max-content;}
.subnav .flexDirColumn > .flex{ flex-wrap: nowrap;}

/*手机端导航默认*/
.mobile_bg{width: 100%;height: 100%;z-index: 90;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.6);display: none;}
.gp-menu{ display: none; width: 100%;z-index: 98;height: 100%;position: relative;}
.gp-menu-header{position: absolute;top: 0;right: 0;z-index: 996;width: 100%;height: 40px;background: rgba(0,0,0,0);}
.gp-menu-link{float: left;line-height: 40px;height: 40px;padding-left: 15px;}
.gp-menu-link a{color:#fff;}
.gp-menu-header-icon{color: #fff; height: 57px;font-size:25px;text-align: center; float:right;width: 57px;position: relative;border-radius: 50%;background: #005e5e;-webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s;cursor: pointer;}
.gp-menu-header-icon span{  position: absolute; left: calc((100% - 27px) / 2);  top: calc((100% + 10px) / 3);  width: 27px;  height: 3px;  background-color: #003670;}
.gp-menu-header-icon-out span{width: 27px;height: 3px;background-color:#bde2d5;display: block;border-radius: 4px;}
.gp-menu-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;}       
.gp-menu-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
.gp-menu-header-icon-out span:nth-child(3){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outthird;}
.gp-menu-header-icon span:nth-child(1){transform: translateY(4px) rotate(0deg);}
.gp-menu-header-icon span:nth-child(2){transform: translateY(-4px) rotate(0deg);}
.gp-menu-header-icon span:nth-child(3){transform: translateY(-4px) rotate(0deg);}
@keyframes outfirst {
  0% {transform: translateY(0) rotate(-45deg);}
  100% {transform: translateY(-4px) rotate(0deg);}
}   
@keyframes outsecond {
  0% { transform: translateY(0) rotate(45deg);}
  100% {transform: translateY(4px) rotate(0deg);}
}
@keyframes outthird {
  0% {transform: translateY(0) rotate(90deg);}
  100% {transform: translateY(12px) rotate(0deg); }
}
.gp-menu-header-icon-click span{background-color:#bde2d5 ;top: calc((100% - 2px) / 2.1);}
.gp-menu-header-icon-click span:nth-child(1){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clickfirst;}     
.gp-menu-header-icon-click span:nth-child(2){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clicksecond;}
.gp-menu-header-icon-click span:nth-child(3){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clickthird;}
@keyframes clickfirst {
  0% {transform: translateY(4px) rotate(0deg);}
  100% {transform: translateY(0) rotate(45deg);}
}   
@keyframes clicksecond {
  0% {transform: translateY(-4px) rotate(0deg);}
  100% {transform: translateY(0) rotate(-45deg);}
} 
@keyframes clickthird {
    0% {  opacity: 0}
  100% {opacity: 0}
}   
.gp-menu-nav{ width: 100%; max-height: 100vh; overflow-y: scroll;
  position: fixed;top: 0;right: 0px;padding: 40px;display: none;background:#990000;}

.gp-m-logo{ padding-left: 10px; height: 50px; border-bottom: none !important;margin-bottom: 10px;}
.gp-m-logo img{ height: 100%; max-width: unset; width: auto;}
/*导航*/
.gp-menu-nav a{}
.gp-menu-nav > ul { padding-bottom: 20px;}
.gp-menu-nav > ul li{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;animation-name: returnToNormal;}
.gp-menu-nav > ul > li{position: relative;border-bottom: 1px solid rgba(255,255,255,0.3);}
.gp-menu-nav > ul > li > a{display: inline-block;padding:14px 0 14px 25px;font-size: 16px; font-weight: bold;}
.gp-menu-nav > ul > li > ul {background: rgba(0,0,0,0);padding:0 25px}
.gp-menu-nav > ul > li > ul a{display: inline-block;padding:10px 0; font-size: 16px;}
.gp-menu-arrow {cursor: pointer;width: 30px;height: 50px;line-height: 50px;color:#fff;text-align: center;position: absolute;right: 0;top: 0;font-size: 20px;margin-right: 10px;transition: all 0.3s ease-in-out;}
/* .gp-menu-nav > ul > li.on .gp-menu-arrow{transform: rotate(90deg);} */
.gp-menu-nav li ul {display: none;}
/*导航内标签效果*/
.gp-menu-nav a{color:#fff;}
.open .gp-menu-link{display: none;}
.open .gp-menu-header{background: none;}
@-webkit-keyframes returnToNormal {
  from {
    opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;-webkit-transform: none;transform: none;
  }
}
@keyframes returnToNormal {
  from {
    opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;-webkit-transform: none;transform: none;
  }
}
/* 新闻中心导航 */
.positionStatic{ position: static !important;}
.nav .positionStatic .subnav{ min-width: unset; left: 0;width: 100%;border-top: 4px solid #005e5e; background: #e8f3ec; padding: 30px; box-sizing: border-box;}
.nav .positionStatic .subnav .flex{ flex-direction: row; height: auto; margin: 0;}
.nav .subnav::before{ display: none}
.positionStatic .subnav .lf{ width: 32.43%;}
.positionStatic .subnav .rt{ width: 57.5%;}
.positionStatic .subnav .rt > .flex{ max-width: 100%;}
.navItemsBox{ margin-bottom: 20px;}
.navItemsBox:last-child{ margin-bottom: 0px;}
.navItemsBoxTil{ line-height: 38px;}
.navItemsBoxTil.flex{ width: 100%;}
.navItemsBoxTil a{ color: #999; padding-right: 15px; margin-top: 0;}
.navItemsBoxTil a::before{ display: none;}
.navItemsBoxTil a::after{ top: 14px;}
.navItemsBoxTil a:hover{ color: #005e5e;}
.navItemsBoxTil span{ display: inline-block;background: #005e5e; border-radius: 0 19px 0 0; color: #fff; width: 183px; padding-left: 14px; box-sizing: border-box;}
.navItemsBoxCon{ margin-top: 10px;}
.navImgBox{}
.imgItemOut{ display: flex; display: -ms-flexbox; justify-content: space-between;}
.navImgBox .imgItem { width: calc(50% - 18px);}
.imgItemOut.noImg{/* flex-direction: column; */padding-bottom: 15px;border-bottom: 1px dashed #005e5e;flex-wrap: wrap}
.imgItemOut.noImg .imgItem{ width: 100%; position: relative;}
.imgItemOut.noImg2 .imgItem{width: calc(50% - 18px);}
.imgItemOut.noImg .imgItem .title{ position: relative; padding-left: 10px;}
.imgItemOut.noImg .imgItem .title::before{ content: '·';display: inline-block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 1;}
.navImgBox .gp-img-responsive{padding-bottom: 56.25%;}
.navImgBox .title{ line-height: 1.625; margin-top: 10px;}
.navItemsMore{ display: block; color: #999;text-align: right; position: relative; margin-top: 10px;}
.navItemsMore::before{ content: '';display: block;width: calc(100% - 50px);height: 1px; background: #999;
  position: absolute;left: 0;top: calc(50% - 0.5px);}
.navItemsMore::after{
  content: '';
  display: block;
  border-top: 5px solid transparent;
  border-right: none;
  border-bottom: 5px solid transparent;
  border-left: 10px solid #f3ad55;
  position: absolute;
  top: 9px;
  right: 0;
  z-index: 1;
}
.navItemsMore span{ padding-right: 15px;}
.positionStatic .subnav .left{ width: calc(50% - 30px);}
.positionStatic .subnav .right{ width: calc(50% - 30px);}
.rt .navItemsBox{ margin-bottom: 30px;}



/* 悬浮侧栏 */
.fixdBox{ position: fixed; right: 10px; top: 50%; transform: translateY(-50%); z-index: 20; color: #fff; text-align: center;}
.fixdBox .close{ width: 30px; height: 70px; background: url(../images/side_close.png) no-repeat center/cover; position: absolute; bottom: 0; right: calc(100% - 15px); z-index: 1; cursor: pointer;}
.fixdCon{ width: 150px; background: url(../images/side_bg.png) no-repeat center top; padding: 112px 0 6px;}
.fixdCon li{ margin-bottom: 20px;}
.fixdCon li:last-child{ margin-bottom: 0px;}
.fixdCon a{ display: block; line-height: 20px; font-weight: bold; color: #fff;}
.fixdCon .top{ display: block; width: 100%; margin-top: 20px; max-height: 62px; text-align: center;}
.fixdCon .top img{ height: 100%;}

/* footer */
footer{ position: relative; z-index: 1;}
.ft-top{ background: #29493e; padding: 35px 0 27px; position: relative;z-index: 1;}

.code{ text-align: center; margin-left: 50px;}
.code .img{ width: 105px; margin: 0 auto;}
.code .gp-img-responsive{ padding-bottom: 100%;}
.codeName{ line-height: 1.67; margin-top: 5px;}
.copy{ margin-right: 110px;}
.copy .icoBox{ margin-right: 25px; font-size: 0;}
.copy .textBox{ line-height: 2.25;}
.copy span{ margin-right: 45px;}
.copy span:last-child{ margin-right: 0px;}

.ft-contactUs{ flex: 1;}
.contactUsTil{ line-height: 1; flex-shrink: 0; padding-right: 15px;margin-right: 15px; position: relative;}
.contactUsTil::before{ content: '';display: block;width: 1px; height: 50px; background: #fff;
  position: absolute; right: 0;top: 50%;transform: translateY(-50%); z-index: 1;}
.contactUsCon{ flex: 1; min-width: unset; line-height: 2.25;}
.contactUsCon span{ margin-right: 45px; display: inline-block;}
.contactUsCon span:last-child{ margin-right: 0;}


.ft-bottom{ background: #1f3930; line-height: 2.4375; text-align: center;}
.ft-bottom span{ display: inline-block; color: rgba(255,255,255,0.5); margin-right: 50px; position: relative;}
.ft-bottom span:first-child{ padding-left: 25px;}
.ft-bottom span:last-child{ margin-right: 0;}
.ft-bottom a{ display: inline-block;margin-left: 5px; color: rgba(255,255,255,0.5);}
.ft-bottom img{ width: 20px; max-width: unset;vertical-align: middle;margin-bottom: 2px;}


/* sider */
.siderBox{ width: 82px; height: auto; position: fixed; right: 0; top: 50%;transform: translateY(-50%); z-index: 100;pointer-events: none;opacity: 0;background: url(../images/sider-bg.png) no-repeat center top/100% auto; border-radius: 0 0 49px 49px; overflow: hidden;}
.siderBox::before{content: '';display: block;width: 100%; height: calc(100% - 100px); background: #6ab273;position: absolute;bottom: 0;right: 0;z-index: -1;}
.siderBox ul{ text-align: center; padding: 83px 0 25px;padding: 70px 0 20px;}
.siderBox li{ margin-bottom: 20px; margin-bottom: 15px;}
.siderBox li:last-child{ margin-bottom: 0px;}
.siderBox a{ }
.siderBox .icon{ }
.siderBox .name{ line-height: 1.25; margin-top: 6px;transition: color 0.25s ease-in-out;}
.siderBox a:hover .name{ color: #ccce83;}
.siderBox.fixed{ animation: siderShow 0.5s ease-in-out forwards;pointer-events: initial;}
@keyframes siderShow {
  0%{ opacity: 0; transform: translateY(100%);}
  100%{ opacity: 1; transform: translateY(-50%);}
}
@media screen and (max-width: 1100px) {
  .siderBox{ display: none;}
}

.text-center{ text-align: center;}

/* Responsive style */
@media screen and (max-width:1760px){
  .siderBox li{ margin-bottom: 15px;}
  .siderBox .name{ margin-top: 4px;}
}

@media screen and (max-width:1580px){
  .siderBox{ width: 74px;}
  .siderBox ul{ padding: 70px 0 20px;}
  .siderBox li{ margin-bottom: 10px;}
  .siderBox .icon{ font-size: 0;}
  .siderBox .icon img{ max-height: 28px;}
  .siderBox .name{ font-size: 14px;}
  .nav .subnav{ padding: 40px 320px 40px 40px;}
}

@media screen and (max-width:1500px){
  .logo a.logo02{ margin-left: 50px; font-size: 30px;}
  .logo a.logo02::before{ left: -25px;}
  .headTop > .flex{ align-items: center;}
  .logo img{ max-height: 80px;}
  .head .flex{ margin-bottom: 15px;}
}

@media screen and (max-width:1480px){
  .logo a.logo02{ margin-left: 40px;}
  .nav .subnav{ transform: translateX(-10%);}
  .nav li:nth-of-type(1) .subnav,
  .nav li:nth-of-type(2) .subnav,
  .nav li:nth-of-type(3) .subnav{ transform: translateX(0%);}
  .nav .positionStatic .subnav{ transform: none !important; padding: 20px;}
  .navItemsBox{ margin-bottom: 10px;}
  .rt .navItemsBox{ margin-bottom: 20px;}
}

@media screen and (max-width:1386px){
  .nav li{ margin-left: 20px;}
  .contactUsCon span{ margin-right: 20px;}
}

@media screen and (max-width:1280px){
  .logo a.logo02{ margin-left: 20px;}
  .logo a.logo02::before{ left: -10px; height: 60px;}
  .siderBox{ width: 70px;}
  .siderBox .name{ font-size: 13px; margin-top: 3px;}
  .siderBox .icon img{ max-height: 23px;}
  .sj-goTop img{ max-height: 20px;}
  .nav li:nth-of-type(4) .subnav{ transform: translateX(-20%);}
  .nav .subnav{ transform: translateX(-20%); left: 0; padding: 40px 260px 40px 40px;}
  .nav li:nth-of-type(1) .subnav,
  .nav li:nth-of-type(2) .subnav,
  .nav li:nth-of-type(3) .subnav{ transform: translateX(0%);}
  .nav dd{ margin-right: 20px;}
  .nav .subnav::before{ background-size: auto 90% !important;}
  .navImgBox .imgItem,
  .positionStatic .subnav .left,
  .positionStatic .subnav .right{ width: calc(50% - 8px);}
}

@media screen and (max-width:1240px){
  .nav li:nth-of-type(6) .subnav{ left: auto; right: 0px; transform: translateX(30%);}
  .nav li:nth-of-type(7) .subnav{ left: auto; right: 0px; transform: translateX(30%);}
  .nav li:nth-of-type(8) .subnav{ left: auto; right: 0px; transform: translateX(30%);}
  .nav li:nth-of-type(9) .subnav{ left: auto; right: 0px; transform: translateX(30%);}
}

@media screen and (max-width:1200px){
  /* .nav .subnav{ transform: translateX(-20%); left: 0; padding: 40px 200px 40px 40px;} */
  footer .gp-f16, footer .gp-f18{ font-size: 14px;}
  .copy span{ margin-right: 20px;}
}

@media screen and (max-width:1100px){
  .logo a.logo02{ margin-left: 15px; font-size: 28px;}
  .nav ul{ padding: 0;}
  .nav li{ margin-left: 10px;}
  .nav .subnav{ transform: translateX(-20%); left: 0; padding: 40px 200px 40px 40px;}
  .copy{ margin-right: 60px;}
  .copy .icoBox{ margin-right: 10px;}
  
}

@media screen and (max-width:998px) {
  .nav, .head{ display: none;}
  .gp-menu{ display: block; top: 0px;}
  
  .headTop{ padding: 20px 0;}
  .headTop .top{ display: none;}
  .headBottom{ position: absolute; right: 20px; top: 30px;}
  .ft-top > .flex{ flex-direction: column; max-width: 620px; margin: 0 auto;}
  .copy{ justify-content: flex-start;}
  
  .headTop > .flex{ padding-left: 30px; padding-right: 30px;}
  /* 移动端头部导航页面 */
  .gp-menu-nav{ padding: 0px; min-height: 100vh; background: #005e5e url(../images/open-menu.jpg) no-repeat center bottom/100% auto;}
  .openMenuHead{ position: relative; padding: 20px 30px; width: calc(100% - 70px); z-index: 1; align-items: center;border-top: 4px solid #005e5e;}
  .openMenuHead::before{ content: '';display: block;width: 100vw; height: 100%; background: #fff;position: absolute; left: 0;top: 0;z-index: -1;}
  .openMenuLinks{ align-items: center;}
  .openMenuLinks .en{ display: inline-block; line-height: 2.11; width: 3em; border: 1px solid #a4a4a4; text-align: center; border-radius: 16px; margin-left: 30px;}
  .openMenuLinks a{ display: block; line-height: 1.85; color: #8f8f8f; white-space: nowrap;}
  .gp-menu-nav ul{ padding: 10px 30px 30px;}
  .gp-menu-nav > ul > li{ border-bottom: none;}
  .gp-menu-arrow::before{ content: '';display: block;border-top: 12px solid #fff;border-right: 6px solid transparent; border-left: 8px solid transparent;font-size: 0; position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
  .gp-menu-nav > ul > li > a{ padding: 0; line-height: 3.2;}
  .gp-menu-nav > ul > li > ul{ padding-left: 20px;}
  .gp-menu-nav > ul > li > ul a{ padding: 0; line-height: 2.66;}
  body.open{ overflow: hidden;}
  /* .open .headBottom{ position: relative;} */
  .copy{ margin-right: 0;}

  /* 新增移动端导航 */
  .gp-m-search{ margin: 20px auto 0; width: calc(100% - 40px); display: block;}
  .gp-m-links{ text-align: center; margin: 20px 0 0;}
  .gp-m-links a{ display: inline-block; margin: 0 10px;}

}

@media screen and (max-width:768px) {
  
}

@media screen and (max-width:680px) {
  .logo img{ max-height: 65px;}
  .headTop > .flex{ padding-left: 20px; padding-right: 20px;}
  .headBottom{ top: 25px;}
  .openMenuLinks .en{ margin-left: 15px;}
  .openMenuHead{ padding: 20px;}
}

@media screen and (max-width:580px) {
  .logo img{ max-height: 55px;}
  .openMenuHead{ padding-right: 0;}
  .headBottom{ top: 32px;}
  .openMenuLinks a{ font-size: 12px;}
  .openMenuLinks .en{ width: auto; padding: 0 10px; margin-left: 6px; font-size: 12px;}
  .gp-menu-header-icon{ width: 40px; height: 40px;}
  .gp-menu-header-icon span{ width: 18px; height: 2px;}
  .gp-menu-header-icon span{ left: calc((100% - 18px) / 2); top: calc((100% + 8px) / 3);}
  .open .gp-menu-header-icon span{ top: calc((100% + 16px) / 3);}
  @keyframes outfirst {
    0% {transform: translateY(0) rotate(-45deg);}
    100% {transform: translateY(-3px) rotate(0deg);}
  }   
  @keyframes outsecond {
    0% { transform: translateY(0) rotate(45deg);}
    100% {transform: translateY(3px) rotate(0deg);}
  }
  @keyframes outthird {
    0% {transform: translateY(0) rotate(90deg);}
    100% {transform: translateY(9px) rotate(0deg); }
  }

  /* .contactUs{ flex-direction: column; justify-content: flex-start; align-items: flex-start;} */
  /* .contactUsTil::before{ display: none;} */
  .contactUsTil{ line-height: 2; padding-right: 8px; margin-right: 8px;}
  .contactUsCon span{ display: block; margin-right: 0; line-height: 1.5; margin-bottom: 8px;}
  .contactUsCon span:last-child{ margin-bottom: 0;}
  .contactUsCon br{ display: none;}
  .copy{ flex-direction: row-reverse;justify-content: flex-end; margin-top: 10px;}
  .copy .icoBox{ width: 40px; margin-right: 0; margin-left: 30px;}
  .copy .textBox, .contactUsCon{ line-height: 2;}
  .ft-top{ padding: 20px 0; background: #29493e;}
  .ft-bottom span{ margin-right: 20px;}
  .ft-top > .flex{ flex-direction: column-reverse;}
  .ft-bottom{ background: #1f3930;}
  
}
  
@media screen and (max-width:479px) {
  .headTop{ padding: 10px 0;}
  .headTop > .flex{ padding-left: 15px; padding-right: 15px;}
  .openMenuHead{ width: calc(100% - 55px); padding-top: 10px;padding-bottom: 10px; padding-left: 15px;}
  .headBottom{ top: 23px;}
  .open .headBottom{ top: 20px;}
  .logo img{ max-height: 50px;}
  .logo a.logo02::before{ left: -5px; height: 50px;}
  .gp-menu-header-icon{ width: 30px; height: 30px;}
  .gp-menu-header-icon span{ width: 15px; height: 2px;}
  .gp-menu-header-icon span{ left: calc((100% - 15px) / 2); top: calc((100% + 2px) / 3);}
  @keyframes outfirst {
    0% {transform: translateY(0) rotate(-45deg);}
    100% {transform: translateY(-3px) rotate(0deg);}
  }   
  @keyframes outsecond {
    0% { transform: translateY(0) rotate(45deg);}
    100% {transform: translateY(3px) rotate(0deg);}
  }
  @keyframes outthird {
    0% {transform: translateY(0) rotate(90deg);}
    100% {transform: translateY(9px) rotate(0deg); }
  }
  .open .gp-menu-header-icon span{ top: calc((100% + 10px) / 3);}
  .logo a.logo02{ font-size: 22px; margin-left: 10px;}
}

@media screen and (max-width:440px) {
  .logo img{ max-height: 45px;transition: all 0.3s;}
  .headBottom, .open .headBottom{ top: 17px;}
}

@media screen and (max-width:414px) {
  .logo a.logo02{ font-size: 20px; margin-left: 10px;}
  .open .logo img{ max-height: 40px;}
  .ft-top{ padding: 10px 0;}
  .copy .icoBox{margin-left: 4px;}
  .copy{justify-content: flex-end;}
}

@media screen and (max-width:380px) {
  .logo a.logo02::before{  height: 35px;}
  .open .headBottom{ top: 13px;}
  .open .logo img{ max-height: 35px;}
  .openMenuLinks a{ line-height: 1.5;}
  .openMenuLinks .en{ padding: 0 3px;}
}
@media screen and (max-width:350px) {
  .news-logo img{ max-height: 40px;}
  .logo a.logo02{ font-size: 18px; margin-left: 10px;}
}


.menu_box{position:fixed;left:0;top:0;width:100%;height:0;z-index:-10;z-index:9999;overflow:hidden;background:#005e71}
.menu_box::before{content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:url(../images/menu_bg.png);background-size:cover}
.menu_box.on{height:100vh}
.menu_box .line{clear:both;background:rgba(255,255,255,.75);height:1px;position:relative;z-index:2}
.menu_box .top{padding: 17px 0 20px;position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between}
.menu_box .top .logo{display:block;width: 448px;}
.menu_box .top .rt{display:flex;align-items:center;white-space:nowrap}
.menu_box .top .rt .links a,.menu_box .top .rt a.link{color:#fff;display:inline-block;vertical-align:middle;position:relative;padding:0 18px}
.menu_box .top .rt a.link::before{content:'';display:block;height:1em;width:1px;background:#fffefe;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.menu_box .top .rt a.link:first-child:before{display:none}
.menu_box .top .rt .en{color:#fffefe;box-sizing:border-box;line-height:1;padding:1px 5.5px;border:1px solid #fffefe;border-radius:20px;display:inline-block;margin-left:2px;margin-left: 26px;}
.menu_box .top .close{width:36px;height:36px;background:#fff;border-radius:50%;padding:0;color:#37988f;line-height:28px;text-align:center;cursor:pointer;margin-left:33px;position: relative;}
.menu_box .top .close::before,.menu_box .top .close::after{content: '';display: block;width: 20px;height: 2px;background: rgba(3, 75, 90, .5);position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%) rotate(45deg);}
.menu_box .top .close::after{width: 2px;height: 20px;}

.menu_box .nav{position:relative;z-index:2;overflow:auto}
.menu_box .nav ul{font-size:0;position:relative;z-index:2;padding: 47px 0 0;display: flex;justify-content: space-between;}
/* .menu_box .nav ul::after{content:'';width:100%;display:inline-block;height:0} */
.menu_box .nav ul > li{position:relative;display:inline-block;vertical-align:top;transform:perspective(5000px);-moz-transform:perspective(5000px);-o-transform:perspective(5000px);-webkit-transform:perspective(5000px);margin: 0;}
.menu_box .nav ul li > a{font-size: 20px;display:block;position:relative;color:#fff;font-weight:700;line-height: 40px;height: 40px;margin: 0 0 6px;}
.menu_box .subNav{width:100%;white-space:normal;max-height: calc(100vh - 300px);overflow: auto;}
.menu_box .subNav::-webkit-scrollbar{width: 0;height: 0;}
.menu_box .subNav dd{min-width: initial; margin-right: 0 !important;}
.menu_box .subNav dd a::before{display: none;}
.menu_box .subNav a{padding:12px 0;display:block;line-height: 2em;font-size: 18px;text-align:left;color:#fffffe;color:#fffffe}
@media screen and (max-width:1240px){
  .menu_box .top{}
  .menu_box .top .logo{width:300px}
  .menu_box .top .rt{padding-right:0;padding-top:10px}
  .menu_box .top .close{margin:0 0 0 24px}
  .menu_box .nav ul{}
  .menu_box .nav ul li{width:100px;padding:0 20px 0 0}
  .menu_box .nav ul li>a{font-size:16px;line-height:50px;height:50px}
  .menu_box .subNav{max-height:calc(100vh - 180px)}
  .menu_box .subNav a{line-height:1.5;font-size:14px}
}
@media screen and (max-width:996px){
  .menu_box .top{}
  .menu_box .top .logo{width:300px}
  .menu_box .top .rt{padding-right:0;padding-top:10px}
  .menu_box .top .close,.menu_box .top .code_box{margin:0 0 0 24px}
  .menu_box .nav{margin:5px 0 0}
  .menu_box .nav ul{width:auto;}
  .menu_box .nav ul li{width:100px;padding:0 20px 0 0}
  .menu_box .nav ul li>a{font-size:16px;line-height:40px;height:40px}
  .menu_box .subNav{max-height:calc(100vh - 180px)}
  .menu_box .subNav a{line-height:1.5;font-size:14px}
  .menu_box .top .logo{width:240px}
  .menu_box .top .rt{padding:0}
  .menu_box .top .close,.menu_box .top .code_box{margin:0 0 0 16px}
  .menu_box .nav ul li{width:auto;position:relative;padding:0;display:block;max-width:none}
  .menu_box .nav ul li .arrow{position:absolute;right:0;height:40px;top:0;width:40px;transition:all .2s ease-in-out}
  .menu_box .nav ul li.on .arrow{transform:rotate(180deg)}
  .menu_box .nav ul li .arrow::before{content:'';display:block;border-top:6px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);position:absolute}
  .menu_box .subNav{display:none;padding:0 0 0 20px}
  .menu_box li.on .subNav{display:block}
  .menu_box .top{flex-direction:column;align-items:start;padding:0}
  .menu_box .top .logo{order:1;padding:20px 0}
  .menu_box .top .close{position:absolute;right:0;bottom:25%}
  .menu_box .top .rt{margin:10px 0 0;width:100%;white-space:normal;flex-wrap:wrap}
  .menu_box .top .rt>a{margin:0 0 5px 0}
  .menu_box .top .rt .links a,.menu_box .top .rt a.link{padding:0 10px}
}