.bg {background-image: linear-gradient(-90deg, #0b59c3 0%, #0086ae 100%);background-blend-mode: normal, normal;}
@media screen and (max-width: 1800px) {
.pc-nav-box li { margin-right: 0.3rem;}
}
@media screen and (max-width: 1600px) {
  .box-container {width: 14rem;}
  .pc-nav-box {margin: 0 1rem;}
  .pc-nav-box ul {-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
  .pc-nav-box li {margin-right: 0;}
  .header-wrapper .search-box {margin-right: 0.4rem;}
  .footer-wrapper {padding: 0.8rem 0 1rem;}
  .footer-nav-box li > a {margin-bottom: 0.22rem;}
  .footer-wrapper .pagebg {top: -2rem;} 
}
@media screen and (max-width: 1440px) {
  :root {--fs16: 15px;}
  .footer-wrapper .tel {margin-bottom: 0.36rem;}
  .footer-wrapper {padding: 0.7rem 0 0.8rem;}
  .footer-nav-box li > a {margin-bottom: 0.12rem;font-size: 15px;}
  .index-title-box h3 {font-size: 0.34rem;}
  :root {--fs16: 15px;}
  .data i {font-size: 20px;}
  .footer-wrapper .pagebg {top: -1.7rem;height: 3.4rem;} 
}
@media screen and (max-width: 1366px) {
  :root {--fs16: 14px;}
  .data i {font-size: 18px;height: 14px;line-height: 14px;}
  .footer-wrapper .pagebg {height: 3.2rem;}
}
@media screen and (max-width: 1004px) {
  .box-container,
  .w1200 {width: 100%;padding: 0 0.3rem;}
  .pic img.pc {display: none;}
  .pic img.phone {display: block;}
  .header-wrapper.on .nav-icon span {background-color: #0086ae;}
  .header-wrapper .box {-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;height: 1.2rem;padding: 0 0.3rem;}
  .header-wrapper .logo-box {width: 2rem;}
  .header-wrapper .logo-box a {display: block;}
  .header-wrapper .logo-box img {width: 100%;}
  .header-wrapper .other-box {display: flex;align-items: center;}
  .header-wrapper .search-box {order: 1;margin: 0 0.4rem;}
  .header-wrapper .search-box .text {height: 0.8rem;line-height: 0.48rem;padding-left: 0;}
  .header-wrapper .form {position: fixed;top: 1.2rem;width: 100%;right: 0;padding: 0.2rem 0.3rem;}
  .header-wrapper .search {position: relative;width: 24px;height: 0.9rem;background-image: url(search.png);}
  .header-wrapper .submit {right: 0.4rem;}
  .header-wrapper .language {order: 0;}
  .header-wrapper .language .caption {padding-left: 0;font-size: 0;line-height: 0.6rem;width: 0.36rem;height: 0.36rem;background-position: center center;background-size: 100%;}
  .header-wrapper .language .caption:after {border-width: 0.08rem;margin-left: -0.08rem;bottom: -0.1rem;}
  .header-wrapper .language .caption i {display: none;}
  .header-wrapper .list {top: 130%;width: 1.8rem;margin-left: -0.9rem;padding: 0.26rem 0.2rem;}
  .header-wrapper .list a {line-height: 0.44rem;margin-bottom: 0.16rem;}
  .footer-nav-box,
  .pc-nav-box {display: none;}
  .footer-wrapper {padding: 1.4rem 0 1.2rem;}
  .footer-wrapper .pagebg {top: -1.5rem;height: 3rem;}
  .footer-wrapper .box-container > div {flex-flow: wrap;}
  .footer-wrapper .copyright,
  .footer-wrapper .copyright a {font-size: 0.24rem;}
  .footer-wrapper .copyright {line-height: 0.42rem;}
  .footer-wrapper .other-box {width: 100%;display: flex;justify-content: space-between;text-align: left;}
  .footer-wrapper .other-box p {font-size: 0.24rem;line-height: 0.32rem;}
  .footer-wrapper .contact {width: calc(100% - 3.6rem);text-align: right;padding-left: 0.3rem;}
  .footer-wrapper .qrcodes {width: 3.6rem;margin-bottom: 0.2rem;}
  .footer-wrapper .qrcodes li {width: 1.65rem;}
  .footer-wrapper .qrcodes li img {width: 100%;}
  .footer-wrapper .qrcodes p {color: #999;font-size: 0.14rem;margin-top: 0.07rem;}
  .footer-wrapper .tel {font-size: 0.36rem;line-height: 0.44rem;margin: 0.12rem auto 0.5rem;}
  .footer-wrapper .box-2 {margin-top: 0.43rem;}
  .footer-wrapper .other {width: 3.6rem;max-width: inherit;}
  .link {margin-bottom: 0.3rem;}
  .link a {font-size: 0.24rem;}
  .index-more {width: 2rem;height: 0.8rem;line-height: 0.8rem;font-size: 0.24rem;background-size: 100% 100%;}
  .index-more i {width: 0.28rem;height: 0.24rem;margin-left: 0.24rem;}
  .more {font-size: 0.24rem;line-height: 0.4rem;}
  .more i {width: 0.3rem;height: 0.1rem;margin-left: 0.2rem;}
  .index-title-box {margin-bottom: 0.7rem;}
  .index-title-box h3 {font-size: 0.42rem;line-height: 0.6rem;}
  .index-title-box .en {font-size: 0.28rem;line-height: 0.36rem;margin: 0.1rem auto 0.3rem;}
  .index-title-box .line {width: 0.56rem;height: 0.06rem;} 
  .data i {font-size: 14px;height: 10px;line-height: 10px;top: -4px;}
  .page-nav-box {width: 100%;background: #f4f4f4;}
  .page-nav-box .icon {display: none;}
  .page-nav-box .w1200 {position: relative;height: auto;padding: 0;}
  .page-nav-box .nav {position: absolute;left: 0;top: 100%;z-index: 10;width: 100%;background: #f7f8f9;display: none;box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);}
  .page-nav-box .nav a {display: block;width: 100%;text-align: left;line-height: 42px;padding: 0 15px;border-top: 1px solid #f2f2f2;height: auto;max-width: inherit;min-width: inherit;}
  .page-nav-box .nav a:first-child {border-top: none;}
  .page-nav-box .nav > a.on,
  .page-nav-box .nav > a:hover {background: none;}
  .page-nav-box .nav > a:before {display: none;}
 
}