.down_pull {display: block;width: 100%;height: 40px;background-color: #fff;line-height: 44px;font-size: 18px;cursor: pointer;}
.down_pull .text {display: flex;justify-content: space-between;padding-right: 10px;}
.down_pull .text.on .icon {transform: rotate(-90deg);}
.down_pul .txt {padding-left: 10px;padding-right: 10px;justify-content: space-between;color: #111;}
.down_pull .txt a {color: #111;}
.down_pull .text .icon {transition: all 0.5s;transform: rotate(0deg);}
.down_pull .text .icon span {font-size: 16px;}
.down_pull .pull p a {color: #333;display: block;width: 100%;}
.down_pull+input {opacity: 0;pointer-events: none;right: 0;position: absolute;}
.down_pull .pull p a:hover {color: #fff;}

header {position: fixed;transform: translateY(26px);width: 100%;z-index: 100;transition: all 0.5s;} 
header.active {transform: translateY(0);background-color: #fff;} 
header .header {background-color: rgba(255, 255, 255, 0.8);width:100%;margin: 0 auto;height:80px; line-height:40px;display: flex;align-items: end;padding-left: 30px;padding-right: 30px;}

header .header .logo { max-width:500px; height: 100%;display: flex;align-items: center; min-width:300px;}
header .header .left{display: flex;height: 100%;align-items: center;}
header .header .left .line{width: 1px;height: 40px;margin:0 15px;background-color: #111;}
header .header .left .text p{font-size: 16px;line-height: 24px;}
header .header .logo img {width: 100%;}

header .header .right {flex: 1;align-items: end;display: flex;flex-direction: column;}
header .header .right .tab {margin-bottom: 10px;display: flex;position: relative;}
header .header .right .tab .PE{display: none;}
header .header .right .tab .show {display: flex;transition: all 1s;}
header .header .right .tab .show.hide {opacity: 0;}
header .header .right .tab .search {display: flex;align-items: center;color: #666666; font-size: 18px;cursor: pointer;transition: all 1s;}
header .header .right .tab .search:hover {color: #005883;}
header .header .right .tab .search p {margin-right: 5px;}
header .header .right .tab .searchbox {display: flex;align-items: center;width: 300px;position: absolute;right: 0; height: 24px;top: 50%;transform: translateY(-50%);padding: 0 10px;opacity: 0;pointer-events: none;transition: all 0.5s;}
header .header .right .tab .searchbox .input {background-color: #fff;display: flex;height: 100%;flex: 1;border: 1px solid #ccc;}
header .header .right .tab .searchbox.active {opacity: 1;transition-delay: .3s;pointer-events: all;}
header .header .right .tab .searchbox .close {margin: 0 5px;display: flex;align-items: center;cursor: pointer;}
header .header .right .tab .searchbox .ss {cursor: pointer;margin-left: 5px;}
header .header .right .tab .searchbox input {border: none;flex: 1;padding-left: 10px;}
header .header .right .tab a {color: #666666; font-size: 18px;transition: all 1s;display: flex;align-items: center;}
header .header .right .tab a:hover {color: #005883;}
header .header .right .tab a:not(:last-child) {margin-right: 20px;}

header .header .right .list {display: flex;gap: 30px;}
header .header .right .list .item {position: relative;padding-bottom: 15px;}
header .header .right .list .item>a { font-size: 18px;color: #1a1a1a;transition: all 1s;}
header .header .right .list .item::after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 5px;background-color: #005883;transform-origin: bottom;transform: scaleY(0);transition: all 0.5s;display: block;}
header .header .right .list .item.active::after,
header .header .right .list .item:hover::after {transform: scaleY(1);}
header .header .right .list .item.active a,
header .header .right .list .item:hover a {color: #005883;}
header .header .right .list .item:hover .second {/* clip-path: inset(0 -100% 0% 0);*/}
header .header .right .list .item .second {position: absolute;top: 100%;width:150px;display: none;background-color: #000000;}
header .header .right .list .item .second .trem{color: #fff;transition: all 0.5s;}
header .header .right .list .item .second .trem a{display: block;padding: 10px;}
header .header .right .list .item .second .trem:hover .twosecond{clip-path: inset(0 0 0 0);transition-delay: .3s;}
header .header .right .list .item .second .trem:hover .box{pointer-events: all;}
header .header .right .list .item .second .trem .box{min-height: 100%;position: absolute;top: 0;width: 100%;left: 100%;pointer-events: none;}
header .header .right .list .item .second .trem .twosecond{position: absolute;left: 0;top: 0;display: flex;width: 250px;flex-direction: column;background-color: #000;clip-path: inset(0 0 100% 0);transition: all .6s;}
header .header .right .list .item .second .trem .twosecond a{padding: 10px;transition: all .6s;}
header .header .right .list .item .second .trem .twosecond a:hover{background-color: #005883;}
header .header .right .list .item .second .trem a{color: #fff;}
header .header .right .list .item .second .trem:hover {background-color: #005883;}


footer {background-color: #005883;}
footer .footer {padding: 30px 0;width: 1600px;margin: 0 auto;display: flex;justify-content: space-between;}

footer .footer .left .list {display: flex;gap: 40px;}
footer .footer .left .list .item {color: #fff; font-size: 18px;transition: all 0.5s;line-height: 32px;}
footer .footer .left .list .item:hover {color: #ff0000;}
footer .footer .left .bottom {margin-top: 20px;}
footer .footer .left .bottom p {color: #999799; font-size: 18px;line-height: 32px;}
footer .footer .left .bottom p a{color: #999799;transition: all .6s;}
footer .footer .left .bottom p a:hover{color: #E94709;}
footer .footer .right {display: flex;padding-top: 20px;gap: 20px;}
footer .footer .right .item {width: 36px;display: flex;align-items: center;justify-content: center;height: 36px;border-radius: 50%;background-color: #fff;transition: all 1s;}
footer .footer .right .item:hover {background-color: #005883;}
footer .footer .right .item:hover span {color: #fff;}
footer .footer .right .item span {transition: all 1s;color: #000000;font-size: 22px;}

.nav {position: fixed;right: 0;top: 50%;transform: translateY(-50%);width: 62px;z-index: 10;}

.nav .list {background-color: #005883;border-radius: 6px 0px 0px 6px;}

.nav .list .item {padding: 20px 0;text-align: center;position: relative;cursor: pointer;}

.nav .list .item:hover .detail {opacity: 1;transform: translateX(0);pointer-events: all;}

.nav .list .item:first-child {padding-bottom: 12px;}

.nav .list .item:nth-child(2) {padding-top: 12px;padding-bottom: 16px;}

.nav .list .item:first-child::after {width: 30px;height: 1px;background-color: #FF7744;content: "";display: block;bottom: 0;position: absolute;left: 50%;transform: translateX(-50%);}

.nav .list .item .icon {width: 23px;margin: 0 auto 5px;}

.nav .list .item .text {color: #fff;font-size: 16px;}

.nav .list .item .detail {position: absolute;border-radius: 6px;display: flex;align-items: center;top: 11px;height: 60px;background-color: #005883;padding: 13px 17px;right: calc(100% + 17px);pointer-events: none;opacity: 0;transform: translateX(20px);transition-property: opacity, transform;transition-duration: 0.5s, 0.5s;}

.nav .list .item .detail::after {content: "";width: 0;height: 0;position: absolute;left: 100%;border: 8px solid transparent;border-left-color: #005883;}

.nav .list .item .detail .img {width: 26px;margin-right: 10px;}

.nav .list .item .detail .content {color: #fff;text-align: left;}

.nav .list .item .detail .content p:nth-child(2) {font-weight: 700;white-space: nowrap;}

.nav .up {background-color: #005883;margin-top: 10px;width: 62px;height: 64px;color: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 6px 0px 0px 6px;cursor: pointer;}

.nav .up:hover .icon {transform: translateY(-5px);}

.nav .up .icon {margin-bottom: 2px;width: 18px;transition: all 0.5s;}

.banner {position: relative;overflow: hidden;}
.banner.aos-animate .text,
.banner.aos-animate .text1 {opacity: 1;transform: translateY(0);}
.banner .img img {width: 100%;}
.banner .text {padding: 22px 40px;bottom: 70px;position: absolute;left: calc(50vw - 585px);background-color:#151F40;color: #FFFFFF;font-size: 34px;min-width: 340px;transform: translateY(20px);opacity: 0;transition: all 1s;}
.banner .text1 {padding: 50px 80px 80px 60px;bottom: 70px;position: absolute;color: #FFFFFF;width: 770px;left: calc(50vw - 585px);background-color: rgba(0, 0, 0, 0.7);transform: translateY(20px);opacity: 0;transition: all 1s;}
.banner .text1 h2 {font-size: 34px;margin-bottom: 50px;}
.banner .text1 p {font-size: 20px;line-height: 40px;}

.crumbs {background-color: #151F40;padding: 12px 0;}
.crumbs .wrap {width: 1600px;margin: 0 auto;display: flex;align-items: center;}
.crumbs .wrap .item {color: #fff;font-size: 18px;max-width: 420px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.crumbs .wrap span {color: #fff;display: block;margin: 0 5px;}
._scroll_y div {opacity: 1 !important;}

header .header .menu ,
.menu_show{display: none;}

body>.contact_mask {position: fixed;width: 100vw;height: 100vh;top: 0;left: 0;z-index: 699;display: flex;align-items: center;justify-content: center;opacity: 0;pointer-events: none;transition: all 1s;}

.contact_mask.active {opacity: 1;pointer-events: all;}

.contact_mask.active .box {transition-delay: 0.3s;opacity: 1;transform: translateY(0);}

.contact_mask .color {background-color: #000;opacity: 0.3;width: 100%;height: 100%;}

.contact_mask .box {width: 1600px;  height: auto;background-color: #fff;position: absolute;border-radius: 12px;padding: 70px 184px 60px;opacity: 0;transition: all 1s;transform: translateY(20px);}

.contact_mask .box .title {margin-bottom: 40px;}

.contact_mask .box .title h3 {text-align: center;color: #005883;  font-size: 36px;margin-bottom: 24px;text-transform: uppercase;}

.contact_mask .box .title p {text-align: center;color: #666; font-size: 20px;line-height: 30px;}

.contact_mask .box .front {transition: all .5s;}

.contact_mask .box .front.on {transform: translateY(30px);opacity: 0;pointer-events: none;}

.contact_mask .box .after.on {opacity: 1;transform: translateY(0);}

.contact_mask .box .after {display: flex;height: 100%;flex-direction: column;align-items: center;justify-content: center;position: absolute;top: 0;left: 0;pointer-events: none;width: 100%;opacity: 0;transform: translateY(30px);transition: all .5s;}

.contact_mask .box .after .text {font-size: 18px;line-height: 2;text-align: center;width: 60%;}

.contact_mask .box .close {position: absolute;right: 50px;top: 50px;z-index: 1111;cursor: pointer;}

.contact_mask .box .close span {transition: all .5s}

.contact_mask .box .close:hover span {color: #E94709;}

.contact_mask .box .main .row {display: flex;gap: 30px;}

.contact_mask .box .main .row:not(:last-child) {margin-bottom: 26px;}

.contact_mask .box .main .row .item {flex: 1;}

.contact_mask .box .main .row .item .key {color: #1A1A1A;  font-size: 20px;margin-bottom: 15px;}

.contact_mask .box .main .row .item .key span {color: #C20101;}

.contact_mask .box .main .row .item .value {height: 47px;border: 1px solid;border-radius: 4px;border: 1px solid #D0D0D0;display: flex;align-items: center;padding: 10px;}

.contact_mask .box .main .row .item .value.textarea {height: 118px;}

.contact_mask .box .main .row .item .value.textarea textarea {width: 100%;height: 100%;border: none;}

.contact_mask .box .main .row .item .value input {border: none;width: 100%;  font-size: 20px;}

.contact_mask .box .main button {width: 140px;height: 46px;color: #fff;background-color: #005883;border-radius: 4px;  font-size: 20px;border: 1px solid #005883;transition: all 1s;margin: 0 auto;display: block;}

.contact_mask .box .main button:hover {color: #005883;background-color: #fff;}
.contact_mask .box .front .main.PE{display: none;}

.contact_mask .box .main .row .item .value .pl{display: none;}

.nav .list .item .icon .PE{display: none;}
 

@media screen and (max-width: 1919px) {.down_pull{height: 2.0833333333vw;line-height: 2.2916666667vw;font-size: 0.9375vw;}
.down_pull .text{padding-right: 0.5208333333vw;}
.down_pul .txt{padding-left: 0.5208333333vw;padding-right: 0.5208333333vw;}
.down_pull .text .icon span{font-size: 0.8333333333vw;}
header{transform: translateY(1.3541666667vw);}
header .header{width: 67.7083333333vw;height: 4.5833333333vw;padding-left: 1.5625vw;padding-right: 1.5625vw;}
header .header .logo{width: 12.2395833333vw;}
header .header .left .line{height: 2.0833333333vw;margin: 0px 0.78125vw;}
header .header .left .text p{font-size: 0.8333333333vw;line-height: 1.25vw;}
header .header .right .tab{margin-bottom: 0.5208333333vw;}
header .header .right .tab .search{font-size: 0.9375vw;}
header .header .right .tab .search p{margin-right: 0.2604166667vw;}
header .header .right .tab .searchbox{width: 15.625vw;height: 1.25vw;padding: 0px 0.5208333333vw;}
header .header .right .tab .searchbox .close{margin: 0px 0.2604166667vw;}
header .header .right .tab .searchbox .ss{margin-left: 0.2604166667vw;}
header .header .right .tab .searchbox input{padding-left: 0.5208333333vw;}
header .header .right .tab a{font-size: 0.9375vw;}
header .header .right .tab a:not(:last-child){margin-right: 1.0416666667vw;}
header .header .right .list{gap: 1.5625vw;}
header .header .right .list .item{padding-bottom: 0.78125vw;}
header .header .right .list .item > a{font-size: 0.9375vw;}
header .header .right .list .item::after{height: 0.2604166667vw;}
header .header .right .list .item .second{width: 10.4166666667vw;}
header .header .right .list .item .second .trem a{padding: 0.5208333333vw;}
header .header .right .list .item .second .trem .twosecond{width: 10.4166666667vw;}
header .header .right .list .item .second .trem .twosecond a{padding: 0.5208333333vw;}
footer .footer{padding: 1.5625vw 0px;width: 60.9375vw;}
footer .footer .left .list{gap: 2.0833333333vw;}
footer .footer .left .list .item{font-size: 0.9375vw;line-height: 1.6666666667vw;}
footer .footer .left .bottom{margin-top: 1.0416666667vw;}
footer .footer .left .bottom p{font-size: 0.9375vw;line-height: 1.6666666667vw;}
footer .footer .right{padding-top: 1.0416666667vw;gap: 1.0416666667vw;}
footer .footer .right .item{width: 1.875vw;height: 1.875vw;}
footer .footer .right .item span{font-size: 1.1458333333vw;}

.nav{width: 3.2291666667vw;}
.nav .list{border-radius: 0.3125vw 0px 0px 0.3125vw;}
.nav .list .item{padding: 1.0416666667vw 0px;}
.nav .list .item:first-child{padding-bottom: 0.625vw;}
.nav .list .item:nth-child(2){padding-top: 0.625vw;padding-bottom: 0.8333333333vw;}
.nav .list .item:first-child::after{width: 1.5625vw;}
.nav .list .item .icon{width: 1.1979166667vw;margin: 0px auto 0.2604166667vw;}
.nav .list .item .text{font-size: 0.8333333333vw;}
.nav .list .item .detail{border-radius: 0.3125vw;top: 0.5729166667vw;height: 3.125vw;padding: 0.6770833333vw 0.8854166667vw;right: calc(100% + 0.8854166667vw);transform: translateX(1.0416666667vw);}
.nav .list .item .detail::after{border-width: 0.4166666667vw;}
.nav .list .item .detail .img{width: 1.3541666667vw;margin-right: 0.5208333333vw;}
.nav .up{margin-top: 0.5208333333vw;width: 3.2291666667vw;height: 3.3333333333vw;border-radius: 0.3125vw 0px 0px 0.3125vw;}
.nav .up:hover .icon{transform: translateY(-0.2604166667vw);}
.nav .up .icon{margin-bottom: 0.1041666667vw;width: 0.9375vw;}
.banner .text{padding: 1.1458333333vw 2.0833333333vw;bottom: 3.6458333333vw;left: calc(-30.46875vw + 50vw);font-size: 1.7708333333vw;min-width: 17.7083333333vw;transform: translateY(1.0416666667vw);}
.banner .text1{padding: 2.6041666667vw 4.1666666667vw 4.1666666667vw 3.125vw;bottom: 3.6458333333vw;width: 40.1041666667vw;left: calc(-30.46875vw + 50vw);transform: translateY(1.0416666667vw);}
.banner .text1 h2{font-size: 1.7708333333vw;margin-bottom: 2.6041666667vw;}
.banner .text1 p{font-size: 1.0416666667vw;line-height: 2.0833333333vw;}
.crumbs{padding: 0.625vw 0px;}
.crumbs .wrap{width: 60.9375vw;}
.crumbs .wrap .item{font-size: 0.9375vw;max-width: 21.875vw;}
.crumbs .wrap span{margin: 0px 0.2604166667vw;}
.contact_mask .box{width: 60.9375vw;border-radius: 0.625vw;padding: 3.6458333333vw 9.5833333333vw 3.125vw;transform: translateY(1.0416666667vw);}
.contact_mask .box .title{margin-bottom: 2.0833333333vw;}
.contact_mask .box .title h3{font-size: 1.875vw;margin-bottom: 1.25vw;}
.contact_mask .box .title p{font-size: 1.0416666667vw;line-height: 1.5625vw;}
.contact_mask .box .front.on{transform: translateY(1.5625vw);}
.contact_mask .box .after{transform: translateY(1.5625vw);}
.contact_mask .box .after .text{font-size: 0.9375vw;}
.contact_mask .box .close{right: 2.6041666667vw;top: 2.6041666667vw;}
.contact_mask .box .main .row{gap: 1.5625vw;}
.contact_mask .box .main .row:not(:last-child){margin-bottom: 1.3541666667vw;}
.contact_mask .box .main .row .item .key{font-size: 1.0416666667vw;margin-bottom: 0.78125vw;}
.contact_mask .box .main .row .item .value{height: 2.4479166667vw;border-radius: 0.2083333333vw;padding: 0.5208333333vw;}
.contact_mask .box .main .row .item .value.textarea{height: 6.1458333333vw;}
.contact_mask .box .main .row .item .value input{font-size: 1.0416666667vw;}
.contact_mask .box .main button{width: 7.2916666667vw;height: 2.3958333333vw;border-radius: 0.2083333333vw;font-size: 1.0416666667vw;}}

@media screen and (max-width: 1024px) {header .header .left .line{height: 30px;margin: 0 10px;}
  header .header .left .text p{font-size: 14px;line-height: 1.2;}
  header .header .right .tab .PE{display: flex;align-items: center;margin-right: 10px;}
  header .header .right .tab .PE a{margin-right: 10px;}
  html[lang="en"] header .header .right .tab .PE .z{display: none;}
  html[lang="en"] .nav .list .item .icon .PC{display: none;}
  html[lang="en"] .nav .list .item .icon .PE{display: block;}
  html[lang="zh-CN"] .nav .list .item .icon .PE{display: none;}

  html[lang="zh-CN"] header .header .right .tab .PE .y{display: none;}
 
  .banner .text1 p span{font-size: 14px !important;}
  header .header .right .tab .PE a{font-size: 18px;}
  .contact_mask .box{width: 90%;padding: 20px;height: auto;border-radius: 10px;}
  .contact_mask .box .title h3{font-size: 28px;margin-bottom: 20px;}
  .contact_mask .box .title p{font-size: 14px;line-height: 1.6;}
  .contact_mask .box .main .row .item .key{font-size: 16px;margin-bottom: 10px;}
  .contact_mask .box .main .row .item .value{height: 40px;border-radius: 5px;}
  .contact_mask .box .main .row{gap: 20px;}
  .contact_mask .box .main .row .item .value {padding: 5px 10px;}
  .down_pull{font-size: 14px;line-height: 1;height: auto;}
  .down_pull .text .icon span{font-size: 14px;}
  .contact_mask .box .main .row .item .value.textarea{height: 140px;padding: 10px;}
  .contact_mask .box .close{right: 20px;top: 20px;}

  .contact_mask .box .main button{width: 120px;height: 40px;border-radius: 5px;font-size: 14px;}
  .contact_mask .box .main .row:not(:last-child){margin-bottom: 20px;}
  .contact_mask .box .after .img{width: 100px;}
  .contact_mask .box .after .text{font-size: 14px;line-height: 1.6;width: 90%;}
  .contact_mask .box .main .row .item .value input{font-size: 14px;}
  .down_pull .text{padding-right: 10px;}
  .contact_mask .box .title{margin-bottom: 20px;}
  header{transform: translateY(0);background-color: #fff;border-bottom: 1px solid #ccc;}
  header .header .right .list,
  header .header .right .tab .show a:not(.search),
  header .header .right .tab .search p{display: none;}
  header .header{width: 90vw;height: 60px;padding-left: 0;padding-right: 0;}
  header .header .right{flex-direction: row;align-items: center;justify-content: flex-end;}
  header .header .right .tab{margin-right: 20px;}
  header .header .right .tab .search span{font-size: 20px;}
  .banner{padding-top: 60px;}
  .banner .text{opacity: 1;transform: none;padding:10px 20px;}
  header .header .logo{width: 140px;}
  .crumbs{display: none;}
  /* .nav{display: none;} */
  .nav{width: fit-content;z-index: 13;right: 0;top: auto;bottom: 40px;}
  .nav .list .item:nth-child(2){display: none;}
  .nav .up {display: none;}
  .nav .list{background-color: transparent;}
  .nav .list .item{width: 70px;height: 70px;background-color: #E94709;border-radius: 8px 0 0 8px;overflow: hidden;display: flex;flex-direction: column;justify-content: center;}
  .nav .list .item:first-child{padding-top: 10px;padding-bottom: 10px;}
  .nav .list .item .text{font-size: 14px;}
  .nav .list .item .icon{width: 20px;margin-bottom: 10px;}
  .nav .list .item:first-child::after{display: none;}
  footer .footer{width: 90%;flex-direction: column-reverse;align-items: center;padding: 40px 0;}
  footer .footer .left{text-align: center;}
  footer .footer .left .list{display: none;}
  footer .footer .right .item{width: 36px;height: 36px;}
  footer .footer .right .item span{font-size: 16px;}
  footer .footer .left .bottom{margin-top: 10px;}
  footer .footer .left .bottom p{font-size: 14px;line-height: 2;}
  .banner .text{font-size: 28px;left: 5vw;max-width: 320px;bottom: 30px;}
  .banner{height:330px;}
  .banner .img{height: 100%;width: 100%;}
  .banner .img img{height: 100%;}
  footer .footer .right{padding-top: 0;gap: 20px;}
  .banner .text1{left: 5vw;padding: 20px;bottom: 30px;opacity: 1;transform: none;width: 50vw;}
  .banner .text1 p{font-size: 14px;line-height: 2;}
  .banner .text1 h2{font-size: 28px;}

  header .header .menu {width: 24px;height: 24px;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: .6s ease;position: relative;}

  header .header .menu .fist div {width: 24px;height: 2px;background: #111;transition: .3s ease;transform-origin: left;}

  header .header .menu .fist div:not(:last-child) {margin: 0 0 5px;transition-delay: .3s;}

  header .header .menu .fist div:nth-child(2) {transition-delay: .1s;}
  header .header .menu .fist div:nth-child(3) {transition-delay: .2s;}

header .header .menu .last {width: 20px;height: 20px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(45deg);z-index: 2;}

  header .header .menu .last div {position: absolute;top: 50%;left: 50%;transform-origin: left top;transition: .3s ease;}

  header .header .menu .last div:first-child {width: 100%;height: 2px;background: #111;transform: translate(-50%, -50%) scaleX(0);}

  header .header .menu .last div:last-child {width: 2px;height: 100%;background: #111;transform: translate(-50%, -50%) scaleY(0);}

  header .header .menu.on {background: transparent !important;}

  header .header .menu.on .fist div {transform: scaleX(0);}

  header .header .menu.on .fist div:first-child {transition-delay: unset;}


  header .header .menu.on .last div:first-child {transform: translate(-50%, -50%) scaleX(1);transition-delay: .5s;}

  header .header .menu.on .last div:last-child {transform: translate(-50%, -50%) scaleY(1);transition-delay: .4s;}


  .menu_show{position: fixed;height: 100%;width: 100%;z-index: 99;top: 0;display: block;background-color: #fff;    transition: cubic-bezier(0.77, 0, 0.175, 1) 1s;clip-path: inset(0 0 100% 0);}
  .menu_show.active{clip-path: inset(0 0 0 0);}
  .menu_show.active .warp .item{transform: translateY(0);opacity: 1;}
  .menu_show.active .warp .item:nth-child(1){transition-delay: .5s;}
  .menu_show.active .warp .item:nth-child(2){transition-delay: .6s;}
  .menu_show.active .warp .item:nth-child(3){transition-delay: .7s;}
  .menu_show.active .warp .item:nth-child(4){transition-delay: .8s;}
  .menu_show.active .warp .item:nth-child(5){transition-delay: .9s;}
  .menu_show.active .warp .item:nth-child(6){transition-delay: 1s;}
  .menu_show.active .warp .item:nth-child(7){transition-delay: 1.1s;}
  .menu_show.active .warp .item:nth-child(8){transition-delay: 1.2s;}
  .menu_show .warp{max-height: 100vh;padding-top:80px;display: flex;flex-direction: column;}
  .menu_show .warp .item{width: 90%;margin: 0 auto;border-bottom: 1px solid #cccccc;transform: translateY(20px);opacity: 0;transition: all 1s;font-size: 20px;color: #111;font-family: HD;}

  .menu_show .warp .item .head a{color: #333;font-size: 16px;display: block;width: 100%;padding:20px 0;}
  header .header{align-items: center;}
  .menu_show .warp .item .body{padding-bottom: 10px;display: none;}
  .menu_show .warp .item .body .twoitem .twohead{display: flex;justify-content: space-between;}
  .menu_show .warp .item .body .twoitem .twohead.active span{transform: rotate(0);}
  .menu_show .warp .item .body .twoitem .twohead span{transform: rotate(-90deg);font-size: 14px;width: 14px;height: 14px;transition: all .6s;display: block;}
  .menu_show .warp .item .body .twoitem .twobody{display: none;}
  .menu_show .warp .item .body .twoitem .twobody a{padding-left: 20px;}
  .menu_show .warp .item .body a{font-size: 14px;line-height: 2;display: block;color: #666666;padding-left: 10px;}
  .menu_show .warp .item .head{display: flex;align-items: center;justify-content: space-between;}
  .menu_show .warp .item .head a{width: fit-content;}
  .menu_show .warp .item .head.active span{transform: rotate(0);}
  .menu_show .warp .item .head span{transform: rotate(-90deg);transition: all .5s;display: block;}}

@media screen and (max-width: 767px) {.banner .text {font-size: 24px;}
  .banner .text1{width: 90%;}
  .banner .text1 h2 {font-size: 24px;}
  .banner .text1 p {font-size: 12px;line-height: 1.6;}

  .contact_mask .box .main .row .item .value {height: 32px;}
  .contact_mask .box .main .row .item .value.textarea {height: 100px;}
  .contact_mask .box .title h3 {font-size: 24px;margin-bottom: 10px;}
  .contact_mask .box .main .row .item .key {font-size: 14px;}
  .contact_mask .box .main .row{flex-direction: column;}
  .contact_mask .box{height: auto;/* padding-top: 60px;*/}
  .contact_mask .box .scroll{overflow: scroll;height: 100%;}

  .contact_mask .box .main .row .item .key{display: none;}
  
  .contact_mask .box .main .row .item .value .pl{display: block;}

  .contact_mask .box .title p {font-size: 12px;line-height: 1.3;}
  .contact_mask .box .main .row .item .value{position: relative;}
  .contact_mask .box .main .row .item .value.textarea .pl{top: 10px;transform: none;}

  .contact_mask .box .main .row .item .value .pl{position: absolute;left: 10px;top: 50%;transform: translateY(-50%);color: #999;font-size: 14px;pointer-events: none;}
  .contact_mask .box .main .row .item .value .pl span{color: red;margin-right:3px;}
  .contact_mask .box .main .row:not(:last-child) {margin-bottom: 15px;}
  .contact_mask .box .main .row {gap: 15px;}
  .down_pull .text{padding-right: 0;}
  .down_pull .pull{max-height: 150px;}
  .down_pull .pull p {height: 36px;padding-left: 10px;}
  .contact_mask .box .main button {width: 100px;height: 36px;}
  footer .footer .left .bottom p a{display: block;}}