@media screen and (min-width: 1031px) {
    body {
        padding: 0;
        margin: 0;
        font-size: 12px;
        font-family: Arial;
        font: 12px/1 Helvetica, Tahoma, Arial, \5b8b\4f53, sans-serif;
      }


      html,body,p,div,ul,li,h1,h2,h3,h4,h5,h6{
        margin: 0;
        padding: 0;
    }

    *::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }

    *::-webkit-scrollbar-thumb {
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background-color: #666;
    }

    *::-webkit-scrollbar-track {
        background-color: #eee;
    }

    .to-top {
        display: none;
        position: fixed;
        right: 25px;
        bottom: 150px;
        width: 60px;
        height: 60px;
        cursor: pointer;
        z-index: 999;
        border-radius: 50%;
        /* box-shadow: 1px 1px 9px rgb(0 0 0 / 10%); */
    }
    .to-top img {
        width: 60px;
    }

    /* 导航+轮播 */
    #header{
        position: relative;
        margin-top: 51px;
    }

    #header .header-content {
        overflow: hidden;
    }


    .announcement{
        width: 100%;
        height: 49px;
        background: #003D98;

    }
    .announcement_box{
        width: 1200px;
        height: 49px;
        margin: 0 auto;
        position: relative;

    }
    .announcement h5{
        margin-left: 25px;
        width: 230px;
        height: 20px;
        font-size: 18px;
        font-family: Source Han Sans CN;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 49px;
        float: left;
    }
    .announcement a{
        width: 800px;
        font-size: 14px;
        font-family: Open Sans;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 49px;
        float: left;
         text-decoration: none;
        margin-left: 28px;
    }
    .announcement P {
        width: 114px;
        height: 38px;
        font-size: 38px;
        font-family: Source Han Sans CN;
        font-weight: 800;
        font-style: italic;
        color: #FFFFFF;
        line-height: 38px;
        opacity: 0.1;
        position: absolute;
        top: 5px;
        left: 0;
    }


    .mySwiper{
         overflow: hidden;
    }
    .banner_box{
        width: 100%;
        min-width: 1400px;
        z-index: -1;
        text-align: center;
        height: 592px;
        position: relative;
    }
    .banner_box img{
        width: 100%;
        min-width: 1400px;
        height: 592px;
        position: absolute;
        left: 0;
        top: 0;
    }
    .banner_box .banner_title{
        width: 1200px;
        margin: 0 auto;
        position: relative;
    }
    .banner_box .banner_title h2{
        width: 550px;
        height: 81px;
        font-size: 36px;
        font-family: Open Sans;
        font-weight: bold;
        color: #F6F6F6;
        line-height: 44px;
        position: absolute;
        left: 0;
        top: 232px;
        text-align: left;
    }

    .banner_box .banner_title p{
        width: 60%;
        height: 16px;
        font-size: 16px;
        text-align: left;
        font-family: Open Sans;
        font-weight: 400;
        color: #F6F6F6;
        line-height: 22px;
        position: absolute;
        left: 0;
        top: 330px;
    }
    .videoBox{
        position: absolute;
        left: 0;
        top: 364px;
        cursor: pointer;
        z-index: 200;
        width: 100%;
        height: 0;

    }
    .videoBtn{
        width: 1200px;
        margin: 0 auto;
        height: 130px;
        display: flex;
        align-items: center;
    }
    .videoBtn a{
        width: 156px;
        height: 42px;
        display: inline-block;
        background: #003D98;
        border-radius: 4px;
        margin-left: 20px;
        text-align: center;
        line-height: 42px;
        font-size: 16px;
        font-family: Open Sans;
        font-weight: 600;
        color: #F6F6F6!important;
        box-sizing: border-box;
    }
    .videoBtn a:hover{
         color: #003D98!important;
         background-color: #fff;
         border: 1px solid #003D98;
         text-decoration: none;
    }
     .videoBox img{
        display: inline-block;
        width:40px;
        height: 40px;
    }



      /* 基础页面 */
      #box {
        padding: 0;
        margin: 0;
        width: 100%;
      }
      #box .header {
        height: 300px;
        width: 100%;
        background-color: beige;
        text-align: center;
        line-height: 300px;
      }
      #box .main {
        width: 100%;
        margin: 0 auto;
        background-color: #FFFFFF;
      }
      #box .main .connect_box {
        height: 250px;
        padding-top: 82px;
        background-image: url(/catalog/view/theme/chinadivision/image/data_img.webp);
        background-size: 100% 100%;
        box-sizing: border-box;
        margin-bottom: 30px;
      }
      #box .main .connect_box .connect_item {
        width: 1200px;
        margin: 0 auto;
      }
      #box .main .connect_box .connect_item .conncet_title {
        width: 737px;
        font-size: 32px;
        font-family: Open Sans;
        font-weight: 800;
        color: #161616;
        line-height: 38px;
        text-align: center;
        margin: 0 auto 62px;
      }
      #box .main .connect_box .connect_item .conncet_img {
        display: flex;
        justify-content: space-between;
      }
      #box .main .connect_box .connect_item .conncet_img .conncet_img_item {
        text-align: center;
      }
      #box .main .connect_box .connect_item .conncet_img .conncet_img_item .conncet_image {
        height: 75px;
      }
      #box .main .connect_box .connect_item .conncet_img .conncet_img_item .conncet_image img {
        vertical-align: bottom;
      }
      #box .main .connect_box .connect_item .conncet_img .conncet_img_item .conncet_img_number {
        font-size: 30px;
        font-family: Open Sans;
        font-weight: 800;
        color: #003D98;
        line-height: 23px;
        margin: 17px 0;
      }
      #box .main .connect_box .connect_item .conncet_img .conncet_img_item .conncet_img_ship {
        font-size: 14px;
        font-family: Open Sans;
        font-weight: bold;
        color: #003D98;
        line-height: 24px;
      }
      #box .main .connect_box .connect_item .conncet_img .conncet_img_item .conncet_img_sla {
        font-size: 14px;
        font-family: Open Sans;
        font-weight: 400;
        color: #003D98;
        line-height: 24px;
      }
      .Empower_map{
        margin-top: 41px;
        width: 1200px;
        height: 432px;
        margin:  0 auto;
        margin-bottom: 40px;
      }
      #box .main .empower {
        height: 334px;
        width: 635px;
        box-sizing: border-box;
        float: left;
      }
      #box .main .empower .empower_item {
        width: 100%;
        height: 100%;
        margin: 0 auto;
      }
      #box .main .empower .empower_item .empower_title {
        width: 100%;
        font-size: 32px;
        font-family: Open Sans;
        font-weight: 600;
        color: #161616;
        line-height: 38px;
        text-align: left;
        margin: 0 auto 23px;
      }
      .Started_bnt{
        width: 156px;
        height: 42px;
        display: inline-block;
        background: #003D98;
        border-radius: 4px;
        text-align: center;
        line-height: 42px;
        font-size: 16px;
        font-family: Open Sans;
        font-weight: 600;
        color: #F6F6F6!important;
        box-sizing: border-box;
        cursor: pointer;
      }
      .Started_bnt:hover{
         color: #003D98!important;
         background-color: #fff;
         border: 1px solid #003D98;
         text-decoration: none;
      }
      .Started_bnt:hover{
         text-decoration: none;
      }
      #box .main .empower .empower_item .empower_text {
        font-size: 14px;
        font-family: Open Sans;
        font-weight: 400;
        color: #161616;
        line-height: 24px;
        text-align: left;
        margin-bottom: 33px;
      }
      #box .main .empower .empower_item .empower_text p {
        padding: 0 0 12px;
      }
      #box .main .world {
        margin-left:35px;
        width: 528px;
        float: left;
        margin-top: 10px;
      }
      #box .main .world .world_img {
        width: 100%;
        margin: 0 auto;
        text-align: center;
      }
      #box .main .world .world_img  img{
        width: 100%;
      }
      #box .main .diversified {
        height: 634px;
        background-color: #002E73;
      }
      .box-fulfillment {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
      }
      .box-fulfillment .box-fulfillment-content {
        width: 1200px;
        display: flex;
        flex-direction: column;
        align-items: center;
      }
      .box-fulfillment .box-fulfillment-content .content-title {
        margin-top: 62px;
        font-size: 32px;
        font-family: Open Sans;
        font-weight: 800;
        color: #161616;
        text-align: center;
      }
      .box-fulfillment .box-fulfillment-content .content-remark {
        margin-top: 25px;
        width: 725px;
        font-size: 24px;
        font-family: Open Sans;
        font-weight: 400;
        color: #161616;
        text-align: center;
      }
      .box-fulfillment .box-fulfillment-content .content-main {
        margin-top: 60px;
        width: 1200px;
        height: 1046px;
        position: relative;
      }
      .box-fulfillment .box-fulfillment-content .content-main .content-main-bg {
        position: absolute;
        width: 815px;
        height: 747px;
        z-index: 0;
        background-image: url(/catalog/view/theme/chinadivision/image/home/cd_logo_img_bg.png);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: contain;
        left: 0;
        right: 0;
        top: 70px;
        margin: auto;
      }
      .box-fulfillment .box-fulfillment-content .content-main .content-main-border {
        width: 100%;
        height: 826px;
        background-image: url(/catalog/view/theme/chinadivision/image/home/Process.png);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: contain;
        box-sizing: border-box;
        padding: 85px 20px 0 60px;
      }
      .box-fulfillment .box-fulfillment-content .content-main .content-main-border .content-main-case {
        display: flex;
        justify-content: space-between;
        height: 210px;
      }
      .box-fulfillment .box-fulfillment-content .content-main .content-main-border .content-main-case .case-item {
        width: 300px;
      }
      .box-fulfillment .box-fulfillment-content .content-main .content-main-border .content-main-case .case-item .item-title {
        font-size: 18px;
        font-family: Open Sans;
        font-weight: bold;
        color: #0066FF;
        text-align: center;
      }
      .box-fulfillment .box-fulfillment-content .content-main .content-main-border .content-main-case .case-item .item-remark {
        margin-top: 12px;
        font-size: 16px;
        font-family: Open Sans;
        font-weight: 400;
        color: #161616;
        text-align: center;
      }
      .box-fulfillment .box-fulfillment-content .content-main .content-main-border .content-main-case:nth-child(1) .case-item:nth-child(1) {
        width: 330px;
      }
      .box-fulfillment .box-fulfillment-content .content-main .content-main-border .content-main-case:nth-child(1) .case-item:nth-child(3) {
        width: 390px;
      }
      .box-fulfillment .box-fulfillment-content .content-main .content-main-border .content-main-case:nth-child(1) .case-item:nth-child(3) .item-title {
        width: 390px;
      }
      .box-fulfillment .box-fulfillment-content .content-main .content-main-border .content-main-case:nth-child(1) .case-item:nth-child(3) .item-remark {
        width: 325px;
        margin-left: 25px;
      }
      .box-fulfillment .box-fulfillment-content .content-main .content-main-border .content-main-case:nth-child(2) {
        margin-top: 45px;
      }
      .box-fulfillment .box-fulfillment-content .content-main .content-main-border .content-main-case:nth-child(2) .case-item:nth-child(2) {
        margin-left: 40px;
      }
      .box-fulfillment .box-fulfillment-content .content-main .content-main-border .content-main-case:nth-child(2) .case-item:nth-child(3) {
        width: 405px;
      }
      .box-fulfillment .box-fulfillment-content .content-main .content-main-border .content-main-case:nth-child(2) .case-item:nth-child(3) .item-remark {
        width: 325px;
        margin-left: 35px;
      }
      .box-fulfillment .box-fulfillment-content .content-main .content-main-border .content-main-case:nth-child(3) {
        margin-top: 50px;
      }
      .box-fulfillment .box-fulfillment-content .content-main .content-main-border .content-main-case:nth-child(3) .case-item:nth-child(2) .item-remark {
        width: 270px;
        margin-left: 15px;
      }
      .box-fulfillment .box-fulfillment-content .content-main .content-main-border .content-main-case:nth-child(3) .case-item:nth-child(3) {
        margin-right: 60px;
      }
      .box-fulfillment .box-fulfillment-content .content-main .content-main-border .content-main-case:nth-child(4) {
        margin-top: 30px;
        justify-content: start;
      }
      .box-fulfillment .box-fulfillment-content .content-main .content-main-border .content-main-case:nth-child(4) .case-item:nth-child(1) {
        width: 310px;
        margin-left: 195px;
      }
      .box-fulfillment .box-fulfillment-content .content-main .content-main-border .content-main-case:nth-child(4) .case-item:nth-child(2) {
        width: 330px;
        margin-left: 70px;
      }
      .box-fulfillment .box-fulfillment-content .content-main .content-main-border .content-main-case:nth-child(4) .case-item:nth-child(2) .item-remark {
        width: 320px;
      }

      #box .main .choice {
        height: 1409px;
        padding-top: 113px;
        box-sizing: border-box;
        background-image: url(/catalog/view/theme/chinadivision/image/new_home/gray_bg.png);
        background-size: 100% 100%;
      }
      #box .main .choice .choice_item {
        width: 1200px;
        margin: 0 auto;
      }
      #box .main .choice .choice_item .choice_title {
        width: 715px;
        font-size: 32px;
        font-family: Open Sans;
        font-weight: 800;
        color: #161616;
        line-height: 38px;
        text-align: center;
        margin: 0 auto 90px;
      }
      #box .main .choice .choice_item .choice_box {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        height: 250px;
      }
      #box .main .choice .choice_item .choice_box .choice_img {
        margin-right: 15px;
      }
      #box .main .choice .choice_item .choice_box .choice_img:nth-child(5){
        margin-right: 0;

      }

      #box .main .choice .choice_item .choice_box a {
        width: 226px;
        height: 100px;
        background: #FFFFFF;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      #box .main .choice .choice_item .choice_box a img {
        transform: scale(1);
        transition: all 0.6s;
      }
      #box .main .choice .choice_item .choice_box a:hover img{
        transform: scale(1.2);
      }
      #box .main .choice .choice_item .choice_bottom {
        margin: 45px 0 85px;
      }
      #box .main .choice .choice_item .mange {
        height: 555px;
        display: flex;
      }
      #box .main .choice .choice_item .mange .mange_left {
        width: 549px;
      }
      #box .main .choice .choice_item .mange .mange_left .mange_left_title {
        font-size: 30px;
        font-family: Open Sans;
        font-weight: 800;
        color: #161616;
        line-height: 38px;
        margin: 41px 0 22px;
      }
      #box .main .choice .choice_item .mange .mange_left .mange_left_text {
        width: 516px;
        font-size: 17px;
        font-family: Open Sans;
        font-weight: 400;
        color: #161616;
        line-height: 32px;
      }
      #box .main .choice .choice_item .mange .mange_left .mange_left_monitor {
        width: 509px;
        margin-top: 69px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
      }
      #box .main .choice .choice_item .mange .mange_left .mange_left_monitor .mange_left_one {
        width: 210px;
      }



      #box .main .choice .choice_item .mange .mange_left .mange_left_monitor .mange_left_two {
        width: 231px;
      }
      #box .main .choice .choice_item .mange .mange_left .mange_left_monitor .mange_left_three {
        width: 192px;
        margin-top: 34px;
      }
      #box .main .choice .choice_item .mange .mange_left .mange_left_monitor .mange_left_four {
        width: 229px;
        margin-top: 34px;
      }
      #box .main .choice .choice_item .mange .mange_left .mange_left_monitor img{
        margin-bottom: 18px;
      }
      #box .main .choice .choice_item .mange .mange_right {
        width: 651px;
      }
      #box .main .responsibility {
        height: 600px;
        background-image: url(/catalog/view/theme/chinadivision/image/new_home/green_bg.webp);
        background-size: 100% 100%;
        box-sizing: border-box;
      }
      #box .main .responsibility .responsibility_item {
        width: 1200px;
        margin: 0 auto;
        overflow: hidden;
      }
      #box .main .responsibility .responsibility_item .responsibility_box {
        width: 1035px;
        height: 382px;
        background: #FFFFFF;
        border-radius: 10px;
        margin: 109px auto 0;
        padding-top: 52px;
        background-image: url(/catalog/view/theme/chinadivision/image/home/green_img.png);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: cover;
      }
      #box .main .responsibility .responsibility_item .responsibility_box .responsibility_title {
        width: 800px;
        font-size: 32px;
        font-family: Open Sans;
        font-weight: 800;
        color: #161616;
        line-height: 38px;
        text-align: center;
        margin: 0 auto 35px;
      }
      #box .main .responsibility .responsibility_item .responsibility_box .responsibility_text {
        display: flex;
        justify-content: space-around;
        text-align: center;
        font-size: 14px;
        font-family: Open Sans;
        font-weight: 400;
        color: #555555;
        line-height: 20px;
      }
      #box .main .responsibility .responsibility_item .responsibility_box .responsibility_text .responsibility_text_one {
        width: 229px;
      }
      #box .main .responsibility .responsibility_item .responsibility_box .responsibility_text .responsibility_text_two {
        width: 279px;
      }
      #box .main .responsibility .responsibility_item .responsibility_box .responsibility_text .responsibility_text_three {
        width: 250px;
      }
      #box .main .responsibility .responsibility_item .responsibility_box .responsibility_text .responsibility_text_one .responsibility_thin {
        margin-left: 5px;
      }
      #box .main .responsibility .responsibility_item .responsibility_box .responsibility_text .responsibility_text_one .responsibility_wide:nth-child(3) {
        margin-left: 5px;
      }
      #box .main .responsibility .responsibility_item .responsibility_box .responsibility_text .responsibility_text_one .responsibility_thin:nth-child(4) {
        margin-left: -3px;
      }
      #box .main .responsibility .responsibility_item .responsibility_box .responsibility_text .responsibility_wide {
        font-size: 38px;
        font-family: Open Sans;
        font-weight: 600;
        color: #2C7C00;
        line-height: 52px;
        margin-bottom: 17px;
        display: inline-block;
      }
      #box .main .responsibility .responsibility_item .responsibility_box .responsibility_text .responsibility_thin {
        font-size: 16px;
        font-family: Open Sans;
        font-weight: 500;
        margin-left: 10px;
      }
      #box .main .makes {
        height: 708px;
        border-bottom: 2px solid #e7e7e7;
      }
      #box .main .makes .makes_item {
        width: 1200px;
        margin: 0 auto;
        padding-top: 81px;
        box-sizing: border-box;
      }
      #box .main .makes .makes_item .makes_title {
        width: 640px;
        font-size: 32px;
        font-family: Open Sans;
        font-weight: 800;
        color: #161616;
        line-height: 38px;
        text-align: center;
        margin: 0 auto 105px;
      }
      #box .main .makes .makes_item .makes_text {
        display: flex;
        flex-wrap: wrap;
      }
      #box .main .makes .makes_item .makes_text .makes_text_item {
        width: 600px;
        height: 143px;
        display: flex;
      }
      #box .main .makes .makes_item .makes_text .makes_text_item .makes_img {
        margin-right: 17px;
      }
      #box .main .makes .makes_item .makes_text .makes_text_item .males_quality {
        width: 487px;
      }
      #box .main .makes .makes_item .makes_text .makes_text_item .males_quality .males_quality_title {
        height: 30px;
        font-size: 24px;
        font-family: Open Sans;
        font-weight: 800;
        color: #161616;
        line-height: 16px;
      }
      #box .main .makes .makes_item .makes_text .makes_text_item .males_quality .males_quality_text {
        font-size: 16px;
        font-family: Open Sans;
        font-weight: 400;
        color: #161616;
        line-height: 20px;
      }





      /* //客服弹窗 */
      .fixedMask {
          position: fixed;
          display: none;
          top: 0;
          left: 0;
          z-index: 999;
          width: 100%;
          height: 100%;
          background: #000;
          filter: alpha(opacity=30);
          opacity: 0.3;
      }

      * html {
          background: url(*) fixed;
      }

      * html body {
          margin: 0;
          height: 100%;
      }

      * html .fixedMask {
          position: absolute;
          left: expression(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth);
          top: expression(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight);
      }
.main-left{
     display: none;
}
      #ad {
          width: 570px;
          height: 345px;
          position: fixed;
          z-index: 99999;
          left: 50%;
          margin-left: -320px;
          top: 50%;
          margin-top: -175px;
          display: none;
      }

      #ad a {
          display: block;
          position: absolute;
          text-decoration: none;
          right: 0;
          top: 0px;
          font: 12px/1.5 arial;
          background: rgba(0,0,0,0.3);
          padding: 2px 5px;
          color: #fff;
          width:23px;
          height:22px;
      }
      #ad a:hover {
          background: #00409a;
      }
    /* #ad{ position:fixed; *position:relative; width:50%; height:50%; top:40%; left:36%; margin:-50px 0 0 -50px;} */
    #bd{ position:fixed; *position:absolute; width:50%; height:50%; top:10%; left:57.5%; margin:-50px 0 0 -50px;z-index:10000;}
    #bd2{ position:absolute;  top: 206px;
    right: 10px;}
    #tanchuang{
        position: relative;/*相对定位*/
        width: 640px;
        height: 366px;
    }
    #cd{
        width: 100%;
        height: 100%;
    }
    #bd,#dd{
        position: absolute;/*绝对定位*/
        top: 70%;
        right: 100%;
    }

    /* 视频播放 */
     #eject{
        border: 1px #000 solid;
        width: 972px;
        height: 545px;
        position: absolute;
        display: none;
        z-index: 999;
        background: #000;
        top: 50%;
        left: 50%;
        margin-left:-486px ;
        margin-top: -272px;
    }
    .banner-botton:active{background:#004097;color:#fff;}
    .sending-botton:active{background:#f2f5ff;}
    .keep{position:absolute;top:10px;z-index:999;}

    .LearnMore{
        margin-bottom: 66px;
        width: 100%;
        text-align: center;
    }
    .LearnMore a{
        width: 200px;
        height: 40px;
        background: #0066FF;
        border-radius: 5px;
        font-size: 18px;
        font-family: Open Sans;
        font-weight: 600;
        line-height: 40px;
        text-align: center;
        color: #ffffff!important;
        display: inline-block;
        text-decoration: none;
        box-sizing: border-box;
        cursor: pointer;
    }
    .LearnMore a:hover{
        color: #0066FF!important;
        background-color: #fff;
        border: 1px solid #0066FF;
    }

    #eject #close {
        cursor: pointer;
        width: 970px;
        height: 25px;
    }

    #eject #close img {
        float: right;
        margin-right: 5px;
        margin-top: 5px;
    }

    #eject .eject-iframe {
        margin: auto;
        width: 970px;
        height: 520px;
    }

    #eject .eject-iframe iframe {
        display: block;
    }

    .leading-box {
        width: 100%;
        height: 724px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .leading-box .leading-box-item {
        width: 1200px;
        height: 100%;
        box-sizing: border-box;
      }
      .leading-box .leading-box-item .leading-box-item-small-title {
        font-size: 16px;
        font-family: Open Sans;
        font-weight: 600;
        color: #0066ff;
        line-height: 38px;
        margin-top: 79px;
      }
      .leading-box .leading-box-item .leading-box-item-big-title {
        font-size: 32px;
        font-family: Open Sans;
        font-weight: bold;
        color: #161616;
        line-height: 38px;
        margin-top: 18px;
      }
      .leading-box .leading-box-item .leading-box-container {
        display: flex;
        justify-content: space-between;
        min-width: 1200px;
        margin-top: 80px;
      }
      .leading-box .leading-box-item .leading-box-container .leading-box-container-left {
        width: calc(50% - 20px);
      }
      .leading-box .leading-box-item .leading-box-container .leading-box-container-left .container-left-top {
        height: 156px;
      }
      .leading-box .leading-box-item .leading-box-container .leading-box-container-left .container-left-top img {
        width: 206px;
        height: 156px;
        border-radius: 10px;
      }
      .leading-box .leading-box-item .leading-box-container .leading-box-container-left .container-left-bottom {
        width: 100%;
        margin-top: 36px;
        border-left: 4px solid #0066ff;
        padding-left: 18px;
        box-sizing: border-box;
      }
      .leading-box .leading-box-item .leading-box-container .leading-box-container-left .container-left-bottom .left-bottom-remark .remark {
        height: 80px;
        font-size: 16px;
        font-family: Open Sans;
        font-weight: 300;
        color: #161616;
        line-height: 28px;
      }
      .leading-box .leading-box-item .leading-box-container .leading-box-container-left .container-left-bottom .left-bottom-remark .remark .remark-button {
        font-weight: 500;
        color: #0066ff;
        cursor: pointer;
      }
      .leading-box .leading-box-item .leading-box-container .leading-box-container-left .container-left-bottom .left-bottom-remark .retract-remark {
        display: none;
        font-size: 16px;
        font-family: Open Sans;
        font-weight: 300;
        color: #161616;
        line-height: 28px;
      }
      .leading-box .leading-box-item .leading-box-container .leading-box-container-left .container-left-bottom .left-bottom-remark .retract-remark .remark-button {
        font-weight: 500;
        color: #0066ff;
        cursor: pointer;
      }
      .leading-box .leading-box-item .leading-box-container .leading-box-container-left .container-left-bottom .left-bottom-link {
        margin-top: 24px;
        height: 17px;
        font-size: 16px;
        font-family: Open Sans;
        font-weight: normal;
        color: #3F3D54;
        font-style: italic;
      }
      .leading-box .leading-box-item .leading-box-container .leading-box-container-left .container-left-bottom .left-bottom-link span {
        font-weight: bold;
      }
      .leading-box .leading-box-item .leading-box-container .leading-box-container-right {
        width: calc(50% - 20px);
      }
      .leading-box .leading-box-item .leading-box-container .leading-box-container-right .container-right-top {
        height: 156px;
      }
      .leading-box .leading-box-item .leading-box-container .leading-box-container-right .container-right-top img {
        width: 206px;
        height: 156px;
        border-radius: 10px;
      }
      .leading-box .leading-box-item .leading-box-container .leading-box-container-right .container-right-bottom {
        width: 100%;
        margin-top: 36px;
        border-left: 4px solid #0066ff;
        padding-left: 18px;
        box-sizing: border-box;
      }
      .leading-box .leading-box-item .leading-box-container .leading-box-container-right .container-right-bottom .right-bottom-remark .remark {
        height: 80px;
        font-size: 16px;
        font-family: Open Sans;
        font-weight: 300;
        color: #161616;
        line-height: 28px;
        position: relative;
      }
      .leading-box .leading-box-item .leading-box-container .leading-box-container-right .container-right-bottom .right-bottom-remark .remark .remark-button {
        font-weight: 500;
        color: #0066ff;
        cursor: pointer;
      }
      .leading-box .leading-box-item .leading-box-container .leading-box-container-right .container-right-bottom .right-bottom-remark .retract-remark {
        display: none;
        font-size: 16px;
        font-family: Open Sans;
        font-weight: 300;
        color: #161616;
        line-height: 28px;
        position: relative;
      }
      .leading-box .leading-box-item .leading-box-container .leading-box-container-right .container-right-bottom .right-bottom-remark .retract-remark .remark-button {
        font-weight: 500;
        color: #0066ff;
        cursor: pointer;
      }
      .leading-box .leading-box-item .leading-box-container .leading-box-container-right .container-right-bottom .right-bottom-link {
        margin-top: 24px;
        height: 17px;
        font-size: 16px;
        font-family: Open Sans;
        font-weight: normal;
        color: #3F3D54;
        font-style: italic;
      }
      .leading-box .leading-box-item .leading-box-container .leading-box-container-right .container-right-bottom .right-bottom-link span {
        font-weight: bold;
      }


    .diversified .diversified-box {
        height: 634px;
        border: 1px solid #f3f3f3;
        position: relative;
        color: #fff;
        min-width: 1200px;
      }
      .diversified .diversified-box .box-title {
        position: absolute;
        top: 60px;
        width: 100%;
        /* left: calc(50% - 300px); */
        z-index: 1;
        text-align: center;
        font-size: 32px;
        font-weight: 600;
        margin-top: 0px;
        margin-bottom: 0px;
      }
      .diversified .diversified-box .box-image-list {
        width: 100%;
        height: 100%;
        position: relative;
        top: 0;
        left: 0;
        overflow: hidden;
        display: block;
      }
      .diversified .diversified-box .box-image-list .list {
        height: 100%;
      }
      .diversified .diversified-box .box-image-list .list .common-style {
        width: 100%;
        height: 100%;
        background-position: 50% 50%;
        background-size: cover;
        background-repeat: no-repeat;
        float: left;
        min-height: 1px;
      }
      .diversified .diversified-box .box-image-list .list .common-style:nth-child(1) .box-image-item-remark .contact-us-button {
        margin-top: 40px;
      }
      .contact-us-button  a{
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 18px;
          font-family: Open Sans;
          font-weight: 600;
          width: 100%;
          height: 100%;
          text-decoration: none;
          background-color: #fff;
          border-radius: 500px;
          color: #000;
          cursor: pointer;
      }
      .contact-us-button a:hover{
          color: unset;
          text-decoration: none;
      }
      .contact-us-button a:hover{
          color: #fff!important;
          background-color: #0066ff;
      }
      .diversified .diversified-box .box-image-list .list .common-style .box-image-item-remark {
        padding-top: 175px;
        padding-bottom: 222px;
        width: 1200px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
      }
      .diversified .diversified-box .box-image-list .list .common-style .box-image-item-remark .remark-box {
        width: 1200px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
      }
      .diversified .diversified-box .box-image-list .list .common-style .box-image-item-remark .remark-box .box-remark-item {
        display: flex;
      }
      .diversified .diversified-box .box-image-list .list .common-style .box-image-item-remark .remark-box .box-remark-item .box-reamrk-item-left {
        padding: 5px 0 0 0;
        width: 30px;
        height: 30px;
        margin-right: 12px;
      }
      .diversified .diversified-box .box-image-list .list .common-style .box-image-item-remark .remark-box .box-remark-item .box-reamrk-item-right .box-reamrk-item-right-title {
        font-size: 18px;
        font-weight: 600;
        width: 330px;
        margin-bottom: 16px;
      }
      .diversified .diversified-box .box-image-list .list .common-style .box-image-item-remark .remark-box .box-remark-item .box-reamrk-item-right .box-reamrk-item-right-remark {
        opacity: 0.8;
        font-size: 14px;
        line-height: 20px;
        width: 330px;
      }
      .diversified .diversified-box .box-image-list .list .common-style .box-image-item-remark .remark-box-four {
        width: 1200px;
        height: 210px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: space-between;
      }
      .diversified .diversified-box .box-image-list .list .common-style .box-image-item-remark .remark-box-four .box-remark-item {
        display: flex;
      }
      .diversified .diversified-box .box-image-list .list .common-style .box-image-item-remark .remark-box-four .box-remark-item .box-reamrk-item-left {
        padding: 5px 0 0 0;
        width: 30px;
        height: 30px;
        margin-right: 12px;
      }
      .diversified .diversified-box .box-image-list .list .common-style .box-image-item-remark .remark-box-four .box-remark-item .box-reamrk-item-right .box-reamrk-item-right-title {
        font-size: 18px;
        font-weight: 600;
        width: 500px;
        margin-bottom: 16px;
      }
      .diversified .diversified-box .box-image-list .list .common-style .box-image-item-remark .remark-box-four .box-remark-item .box-reamrk-item-right .box-reamrk-item-right-remark {
        opacity: 0.8;
        font-size: 14px;
        line-height: 20px;
        width: 500px;
      }
      .diversified .diversified-box .box-image-list .list .common-style .box-image-item-remark .contact-us-button {
        margin-top: 40px;
        width: 160px;
        display: block;
        background-color: #fff;
        border-radius: 500px;
        color: #000;
        margin-right: auto;
        margin-left: auto;
        height: 41px;
        line-height: 41px;
        text-align: center;
        cursor: pointer;
      }
      .diversified .diversified-box .box-image-list .list .common-style .active {
        display: block;
      }
      .diversified .diversified-box .box-image-list .box-image-list-item1 {
        width: 100%;
        height: 100%;
        background-position: 50% 50%;
        background-size: cover;
        background-image: url(/catalog/view/theme/chinadivision/image/new_home/common_goods.webp);
        background-repeat: no-repeat;
        display: block;
      }
      .diversified .diversified-box .box-image-list .box-image-list-item2 {
        width: 100%;
        height: 100%;
        background-position: 50% 50%;
        background-size: cover;
        background-image: url(/catalog/view/theme/chinadivision/image/new_home/electronics.webp);
        background-repeat: no-repeat;
      }
      .diversified .diversified-box .box-image-list .box-image-list-item3 {
        width: 100%;
        height: 100%;
        background-position: 50% 50%;
        background-size: cover;
        background-image: url(/catalog/view/theme/chinadivision/image/new_home/health_beauty.webp);
        background-repeat: no-repeat;
      }
      .diversified .diversified-box .box-image-list .box-image-list-item4 {
        width: 100%;
        height: 100%;
        background-position: 50% 50%;
        background-size: cover;
        background-image: url(/catalog/view/theme/chinadivision/image/new_home/large_heavy.webp);
        background-repeat: no-repeat;
      }
      .diversified .diversified-box .box-slick-container {
        position: absolute;
        height: 60px;
        margin: 0;
        padding: 0;
        display: flex;
        width: 1202px;
        text-align: center;
        left: calc(50% - 601px) !important;
        bottom: 0;
      }
      .diversified .diversified-box .box-slick-container .box-slick-item {
        margin: 0 2px 0 0;
        position: relative;
        display: inline-block;
        cursor: pointer;
      }
      .diversified .diversified-box .box-slick-container .box-slick-item .box-slick-tab {
        position: relative;
        width: 298px;
        height: 60px;
        box-sizing: border-box;
        padding: 0 15px;
      }
      .diversified .diversified-box .box-slick-container .box-slick-item .box-slick-tab::before {
        content: "";
        position: absolute;
        width: 298px;
        height: 60px;
        background-color: #a5c7ff;
        opacity: 0.2;
        top: 0;
        left: 0;
        -webkit-transition-duration: 1s;
        transition-duration: 1s;
        -webkit-transition-property: top,height;
        transition-property: top,height;
      }
      .diversified .diversified-box .box-slick-container .box-slick-item .box-slick-tab .slick-tab-title {
        font-size: 18px;
        font-weight: 600;
        line-height: 28px;
        color: #fff;
        top: -32px;
        display: none;
        position: relative;
      }
      .diversified .diversified-box .box-slick-container .box-slick-item .box-slick-tab .slick-sub-title {
        font-size: 16px;
        line-height: 22px;
        top: -25px;
        color: #fff;
        display: none;
        position: relative;
      }
      .diversified .diversified-box .box-slick-container .box-slick-item .box-slick-tab .slick-main-title {
        line-height: 60px;
        font-weight: 500;
        font-size: 20px;
        color: #fff;
      }
      .diversified .diversified-box .box-slick-container .active .box-slick-tab::before {
        background-image: url(/catalog/view/theme/chinadivision/image/new_home/Advantage_img.png);
        background-color: transparent;
        height: 168px;
        top: -108px;
        opacity: 1;
        z-index: 0;
      }
      .diversified .diversified-box .box-slick-container .active .box-slick-tab .slick-tab-title {
        display: block;
      }
      .diversified .diversified-box .box-slick-container .active .box-slick-tab .slick-sub-title {
        display: block;
      }
      .diversified .diversified-box .box-slick-container .active .box-slick-tab .slick-main-title {
        display: none;
      }


    .layui-unselect,
    .layui-form-select {
        border-color: #a4a0a8;
        border-radius: 5px !important;
        height: 40px !important;
    }

    .request-box {
        width: 100%;
        height: 840px;
        background-position: 50% 50%;
        background-size: cover;
        background-image: url(/catalog/view/theme/chinadivision/image/new_home/request_bg.webp);
        background-repeat: no-repeat;
        display: block;
        position: relative;
    }

    .request-box .request-box-item {
        width: 546px;
        height: 550px;
        background-color: #fff;
        position: absolute;
        right: 408px;
        top: 147px;
        bottom: 86px;
        border-radius: 10px;
        padding: 55px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
    }

    .request-box .request-box-item .request-title {
        font-size: 32px;
        font-weight: bold;
    }

    .request-box .request-box-item .request-input-box {
        margin-bottom: 35px;
        position: relative;
        width: 436px;
    }

    .request-box .request-box-item .request-input-box .request-input-label,
    .request-box .request-box-item .request-input-box .request-textarea-label {
        position: absolute;
        top: -12px;
        padding: 0 15px 0 5px;
        left: 15px;
        font-size: 14px;
        color: #666;
        background-color: #fff;
        display: none;
    }

    .request-box .request-box-item .request-input-box .request-input {
        width: 100%;
        height: 40px;
        background-color: #fff;
        border: 1px solid #a4a0a8;
        box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.05);
        outline: none;
        padding-left: 15px;
        border-radius: 5px;
        font-size: 14px;
        transition: all 0.3s;
        box-sizing: border-box;
    }

    .request-box .request-box-item .request-input-box .request-input:hover {
        border-color: #40a9ff;
    }

    .request-box .request-box-item .request-input-box .request-input:focus {
        border-color: #40a9ff;
        box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
    }

    .request-box .request-box-item .request-input-box .check-input {
        position: absolute;
        display: none;
        margin-top: 5px;
        color: red;
    }

    .request-box .request-box-item .request-input-box .request-textarea {
        width: 100%;
        background-color: #fff;
        border: 1px solid #a4a0a8;
        box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.05);
        outline: none;
        padding: 5px 15px;
        border-radius: 5px;
        font-size: 14px;
        transition: all 0.3s;
        box-sizing: border-box;
        max-width: 100%;
        min-width: 100%;
        max-height: 150px;
        min-height: 76px;
    }

    .request-box .request-box-item .request-input-box .request-textarea:hover {
        border-color: #40a9ff;
    }

    .request-box .request-box-item .request-input-box .request-textarea:focus {
        border-color: #40a9ff;
        box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
    }

    .request-box .request-box-item .request-button-box {
        width: 436px;
        height: 55px;
        background-color: #0066ff;
        text-align: center;
        line-height: 55px;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        border-radius: 5px;
        cursor: pointer;
        user-select: none;
    }

    .request-box .request-box-item .request-button-box:active {
        background-color: #227afc;
    }

    .request-box .request-box-item .request-button-box:hover {
        background-color: #3476d8;
    }

    .request-box .request-box-item .request-input-box .layui-form {
        width: 100%;
    }
    .request-box .request-box-item .request-input-box .layui-form .layui-input-block {
        width: 100%;
        margin-left: 0;
    }
    .pc-home {
        display: block;
    }
    .phone-home {
        display: none;
    }
    .pc_show{
         display: block;
    }
    .solution-box{
         display: none;
    }
}
.hidden-link{
     display:none;
}







/* //移动 */
@media screen and (max-width: 1030px) {
    .pc_show{
        display: none;
   }
   #header .header-content {
    overflow: hidden;
}

   #eject{
    display: none;
   }
   .box-fulfillment{
     /* display: none; */
   }
   .diversified{
    display: none;
   }
    .pc-home {
        /* display: none; */
    }
    .phone-home {
        /* display: block; */
    }
    body {
        padding: 0;
        margin: 0;
    }
    a {
        text-decoration: none;
    }
    a:hover {
        text-decoration: none!important;
    }
    .announcement_box h5{
         display: none;
    }
    #header{
         margin-top: 1rem;
    }
    #header_box{
        position: relative;
        margin-top: 1rem;
        width: 100%;
        height: 6.1rem;
        overflow: hidden;

    }
    .banner_box{
        width: 100%;
        height: 5.3rem;
        position: relative;

    }
    .banner_box img{
        width: 100%;
        height: 5.3rem;
        position: absolute;
        left: 0;
        top: 0;
    }
    .banner_title{
        width: 100%;
        height: 5.3rem;
        padding-left:0.51rem;
        padding-top: 0.78rem;
        box-sizing: border-box;
        position: absolute;
        left: 0;
        z-index: 99;
        top: 0;
    }

    .banner_title h2{
        width: 6.22rem;
        font-size: 0.48rem;
        font-family: Open Sans;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 0.5rem;
    }

    .banner_title p{
        width: 4.86rem;
        height: 0.55rem;
        font-size: 0.24rem;
        font-family: Open Sans;
        font-weight: 600;
        color: #FFFFFF;
        line-height: 0.3rem;
        margin-top: 0.2rem;
    }
    .videoBtn{
        position: absolute;
        left: 0.53rem;
        top: 4.5rem;
        z-index: 99;

    }
    .videoBtn img{
        width: 0.66rem;
        height: 0.66rem;
        display: inline-block;
    }
    .videoBtn a{
        width: 2.44rem;
        height: 0.6rem;
        background: #003D98;
        box-shadow: 0rem 0rem 0rem 0rem rgba(0,0,0,0.3);
        border-radius: 0.05rem;
        font-size: 0.28rem;
        font-family: Open Sans;
        font-weight: 600;
        color: #FFFFFF;
        line-height: 0.6rem;
        text-align: center;
        margin-left: 0.24rem;
        display: inline-block;
    }
    .videoBtn a:hover {
        color: #fff!important;
    }
    .announcement{
        width: 7.5rem;
        height: 0.8rem;
        background: #003D98;
        text-align: center;
        font-size: 0.24rem;
        font-family: Open Sans;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 0.8rem;
        position: relative;
    }
    .announcement p{
        width: 1.47rem;
        height: 0.4rem;
        font-size: 0.5rem;
        font-family: Source Han Sans CN;
        font-weight: 800;
        font-style: italic;
        color: #FFFFFF;
        line-height: 0.98rem;
        opacity: 0.1;
        position: absolute;
        left: 0.32rem;
        top: 0.2rem;
        line-height:0.4rem;
    }
    .announcement a{
        color: #FFFFFF;
        text-decoration: none;
    }

    /* 视频播放 */
    #video_boxs{
        width: 100%;
        height: 100vh;
        position: fixed;
        left: 0;
        top: 0;
        background: rgba(0,0,0,0.3);
        display: none;
        z-index: 99999;
    }
    #eject{
        border: 1px #000 solid;
        width: 100%;
        height: 2rem;
        position: absolute;
        z-index: 999;
        background: #000;
        top: 50%;
        left: 0;
        margin-top: -172px;
    }
    .banner-botton:active{background:#004097;color:#fff;}
    .sending-botton:active{background:#f2f5ff;}
    .keep{position:absolute;top:10px;z-index:999;}
    .to-top {
        display: none;
        position: fixed;
        right: 25px;
        bottom: 120px;
        width: 60px;
        height: 60px;
        cursor: pointer;
        z-index: 999;
        border-radius: 50%;
        /* box-shadow: 1px 1px 9px rgb(0 0 0 / 10%); */
    }

    .to-top img {
        width: 60px;
    }

    .main {
        background-color: #FFFFFF;
    }

    .main .connect_box {
        padding: 0.59rem 0.32rem 0.48rem;
        background-image: url(/catalog/view/theme/mobile/image/homeH5/data_img.webp);
        background-size: 100% 100%;
        box-sizing: border-box;
    }

    .main .connect_box .conncet_title {
        font-size: 0.45rem;
        font-family: Open Sans;
        font-weight: 800;
        color: #040000;
        line-height: 0.48rem;
        text-align: center;
        margin-bottom: 0.49rem;
        padding: 0 0.45rem;
    }

    .main .connect_box .conncet_img {
        display: flex;
        flex-wrap: wrap;
        margin-top: 1.18rem;
    }

    .main .connect_box .conncet_img .conncet_img_item {
        width: 50%;
        margin-bottom: 1.06rem;
        text-align: center;
    }

    .main .connect_box .conncet_img .conncet_img_item .conncet_image {
        min-height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .main .connect_box .conncet_img .conncet_img_item .conncet_img_number {
        font-size: 0.48rem;
        font-family: Open Sans;
        font-weight: 800;
        color: #003D98;
        line-height: 0.44rem;
    }

    .main .connect_box .conncet_img .conncet_img_item .conncet_img_ship {
        font-size: 0.24rem;
        font-family: Open Sans;
        font-weight: bold;
        color: #003D98;
        line-height: 0.3rem;
        margin-top: 0.14rem;
    }

    .main .connect_box .conncet_img .conncet_img_item .conncet_img_sla {
        font-size: 0.24rem;
        font-family: Open Sans;
        font-weight: 400;
        color: #003D98;
        line-height: 0.3rem;
    }

    .main .empower {
        padding: 0.53rem 0 0.5rem;
    }

    .main .empower .empower_item .empower_title {
        font-size: 0.43rem;
        font-family: Open Sans;
        font-weight: 800;
        color: #040000;
        line-height: 0.48rem;
        text-align: center;
        margin-bottom: 0.58rem;
        padding: 0 0.62rem;
    }

    .main .empower .empower_item .empower_text {
        font-size: 0.25rem;
        font-family: Open Sans;
        font-weight: 400;
        color: #161616;
        line-height: 0.32rem;
        padding: 0 0.32rem;
        text-align: center;
    }

    .main .empower .empower_item .empower_text_two {
        font-size: 0.24rem;
        font-family: Open Sans;
        font-weight: 400;
        color: #161616;
        line-height: 0.32rem;
        padding: 0 0.47rem;
        text-align: center;
        margin-top: 0.5rem;
    }

    .main .getQuote {
        height: 1.22rem;
    }

    .main .getQuote div {
        width: 2.44rem;
        height: 0.6rem;
        background: #003D98;
        box-shadow: 0rem 0rem 0rem 0rem rgba(0, 0, 0, 0.3);
        border-radius: 0.05rem;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .main .getQuote div a {
        font-size: 0.28rem;
        font-family: Open Sans;
        font-weight: 600;
        color: #FFFFFF;
        line-height: 0.2rem;
        display: inline-block;
        text-decoration: none;
    }

    .main .world {
        padding: 0 0.38rem 0.87rem;
    }

    .main .world img {
        width: 100%;
    }

    .main .solution-box {
        position: relative;
        overflow: hidden;
        display: block;
    }

    .main .solution-box .solution-box-title {
        position: absolute;
        height: 0.46rem;
        font-size: 0.44rem;
        font-family: Open Sans;
        font-weight: 800;
        color: #FFFFFF;
        text-align: center;
        top: 0.64rem;
        left: 0;
        right: 0;
    }

    .main .solution-box .solution-box-content .solution-box-list {
        width: 100%;
        height: 12rem;
    }

    .main .solution-box .solution-box-content .solution-box-list .solution-box-list-item {
        display: none;
        height: 100%;
        flex-direction: column;
        padding: 1.9rem 0.41rem 0 0.41rem;
        box-sizing: border-box;
    }

    .main .solution-box .solution-box-content .solution-box-list .solution-box-list-item .remark-list-item {
        display: flex;
        justify-content: center;
        margin-bottom: 0.91rem;
    }

    .main .solution-box .solution-box-content .solution-box-list .solution-box-list-item .remark-list-item .list-item-left {
        width: 0.44rem;
        height: 0.34rem;
        margin-right: 0.16rem;
    }

    .main .solution-box .solution-box-content .solution-box-list .solution-box-list-item .remark-list-item .list-item-left img {
        width: 0.44rem;
        height: 0.34rem;
        max-width: unset;
        margin-top: 0.1rem;
        user-select: none;
        -webkit-user-select: none;
    }

    .main .solution-box .solution-box-content .solution-box-list .solution-box-list-item .remark-list-item .list-item-right .list-item-right-title {
        height: 0.29rem;
        line-height: 0.41rem;
        font-size: 0.28rem;
        font-family: Open Sans;
        font-weight: bold;
        color: #FFFEFE;
    }

    .main .solution-box .solution-box-content .solution-box-list .solution-box-list-item .remark-list-item .list-item-right .list-item-right-remark {
        height: 0.52rem;
        line-height: 0.27rem;
        margin-top: 0.09rem;
        font-size: 0.24rem;
        font-family: Open Sans;
        font-weight: 400;
        color: #FFFEFE;
    }

    .main .solution-box .solution-box-content .solution-box-list .solution-box-list-item:nth-child(1) {
        background-image: url(/catalog/view/theme/mobile/image/homeH5/common_goods.webp);
        background-position: 50% 50%;
        background-size: cover;
    }

    .main .solution-box .solution-box-content .solution-box-list .solution-box-list-item:nth-child(1) .remark-list-item {
        margin-bottom: 0.2rem;
    }

    .main .solution-box .solution-box-content .solution-box-list .solution-box-list-item:nth-child(1) .remark-list-item:nth-child(1) .list-item-right-remark {
        height: 0.8rem;
    }

    .main .solution-box .solution-box-content .solution-box-list .solution-box-list-item:nth-child(1) .remark-list-item:nth-child(2) .list-item-right-remark {
        height: 0.52rem;
    }

    .main .solution-box .solution-box-content .solution-box-list .solution-box-list-item:nth-child(1) .remark-list-item:nth-child(3) .list-item-right-remark {
        height: 0.8rem;
    }

    .main .solution-box .solution-box-content .solution-box-list .solution-box-list-item:nth-child(2) {
        background-image: url(/catalog/view/theme/mobile/image/homeH5/electronics.webp);
        background-position: 50% 50%;
        background-size: cover;
    }

    .main .solution-box .solution-box-content .solution-box-list .solution-box-list-item:nth-child(2) .remark-list-item {
        margin-bottom: 0.34rem;
    }

    .main .solution-box .solution-box-content .solution-box-list .solution-box-list-item:nth-child(2) .remark-list-item:nth-child(1) .list-item-right-remark {
        height: 0.6rem;
    }

    .main .solution-box .solution-box-content .solution-box-list .solution-box-list-item:nth-child(2) .remark-list-item:nth-child(2) .list-item-right-remark {
        height: 1.2rem;
    }

    .main .solution-box .solution-box-content .solution-box-list .solution-box-list-item:nth-child(2) .remark-list-item:nth-child(3) .list-item-right-remark {
        height: 0.9rem;
    }

    .main .solution-box .solution-box-content .solution-box-list .solution-box-list-item:nth-child(2) .contact-us {
        margin-top: 0.15rem;
    }

    .main .solution-box .solution-box-content .solution-box-list .solution-box-list-item:nth-child(3) {
        background-image: url(/catalog/view/theme/mobile/image/homeH5/health_beauty.webp);
        user-select: none;
        -webkit-user-select: none;
        background-position: 50% 50%;
        background-size: cover;
    }

    .main .solution-box .solution-box-content .solution-box-list .solution-box-list-item:nth-child(3) .remark-list-item {
        margin-bottom: 0.34rem;
    }

    .main .solution-box .solution-box-content .solution-box-list .solution-box-list-item:nth-child(3) .remark-list-item:nth-child(1) .list-item-right-remark {
        height: 1.04rem;
    }

    .main .solution-box .solution-box-content .solution-box-list .solution-box-list-item:nth-child(3) .remark-list-item:nth-child(2) .list-item-right-remark {
        height: .8rem;
    }

    .main .solution-box .solution-box-content .solution-box-list .solution-box-list-item:nth-child(3) .remark-list-item:nth-child(3) .list-item-right-remark {
        height: .52rem;
    }

    .main .solution-box .solution-box-content .solution-box-list .solution-box-list-item:nth-child(3) .remark-list-item:nth-child(4) .list-item-right-remark {
        height: .8rem;
    }

    .main .solution-box .solution-box-content .solution-box-list .solution-box-list-item:nth-child(3) .contact-us {
    margin-top: 0.3rem;
    }
    .main .solution-box .solution-box-content .solution-box-list .solution-box-list-item:nth-child(4) {
        background-image: url(/catalog/view/theme/mobile/image/homeH5/large_heavy.webp);
        background-position: 50% 50%;
        background-size: cover;
        user-select: none;
        -webkit-user-select: none;
    }

    .main .solution-box .solution-box-content .solution-box-list .solution-box-list-item:nth-child(4) .remark-list-item {
        margin-bottom: 0.2rem;
    }

    .main .solution-box .solution-box-content .solution-box-list .solution-box-list-item:nth-child(4) .remark-list-item:nth-child(1) .list-item-right-title {
        height: 0.62rem;
        line-height: 0.34rem;
    }

    .main .solution-box .solution-box-content .solution-box-list .solution-box-list-item:nth-child(4) .remark-list-item:nth-child(1) .list-item-right-remark {
        height: 1.07rem;
    }

    .main .solution-box .solution-box-content .solution-box-list .solution-box-list-item:nth-child(4) .remark-list-item:nth-child(2) .list-item-right-remark {
        height: .8rem;
    }

    .main .solution-box .solution-box-content .solution-box-list .solution-box-list-item:nth-child(4) .remark-list-item:nth-child(3) .list-item-right-remark {
        height: .7rem;
    }

    .main .solution-box .solution-box-content .solution-box-list .solution-box-list-item:nth-child(4) .remark-list-item:nth-child(4) .list-item-right-remark {
        height: .8rem;
    }

    .main .solution-box .solution-box-content .solution-box-list .solution-box-list-item:nth-child(4) .contact-us {
    margin-top: 0.3rem;
    }
    .main .solution-box .solution-box-content .solution-box-list .solution-box-list-item .contact-us {
        width: 3.28rem;
        height: 0.9rem;
        background: #FFFEFE;
        border-radius: 0.45rem;
        display: flex;
        text-align: center;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        font-size: 0.36rem;
        font-family: Open Sans;
        font-weight: 600;
        color: #161616;
        line-height: 0.72rem;
        margin-top: .8rem;
    }

    .main .solution-box .solution-box-content .solution-box-list .solution-box-list-item .contact-us a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }
    .main .solution-box .solution-box-content .solution-box-list .solution-box-list-item .contact-us a:hover {
        color: #0066FF;
    }

    .main .solution-box .solution-box-content .solution-box-list .active {
        display: flex;
    }

    .main .solution-box .box-slick-container {
        position: absolute;
        height: 1.16rem;
        margin: 0;
        padding: 0;
        display: flex;
        width: calc(4.83rem * 4);
        text-align: center;
        bottom: 0;
    }

    .main .solution-box .box-slick-container .box-slick-item {
        margin: 0 2px 0 0;
        position: relative;
        display: inline-block;
        cursor: pointer;
    }

    .main .solution-box .box-slick-container .box-slick-item .box-slick-tab {
        position: relative;
        width: 4.83rem;
        height: 2.82rem;
        box-sizing: border-box;
        padding: 0 0.15rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .main .solution-box .box-slick-container .box-slick-item .box-slick-tab::before {
        content: "";
        position: absolute;
        width: 4.83rem;
        height: 2.82rem;
        background-color: #a5c7ff;
        opacity: 0.2;
        top: 0;
        left: 0;
        -webkit-transition-duration: 1s;
        transition-duration: 1s;
        -webkit-transition-property: top, height;
        transition-property: top, height;
    }

    .main .solution-box .box-slick-container .box-slick-item .box-slick-tab .slick-tab-title {
        height: 0.71rem;
        font-size: 0.3rem;
        font-family: Open Sans;
        font-weight: bold;
        color: #FFFEFE;
        line-height: 0.41rem;
        top: -0.34rem;
        display: none;
        position: relative;
    }

    .main .solution-box .box-slick-container .box-slick-item .box-slick-tab .slick-sub-title {
        height: 0.31rem;
        font-size: 0.3rem;
        font-family: Open Sans;
        font-weight: 400;
        color: #FFFEFE;
        line-height: 0.54rem;
        top: -0.3rem;
        color: #fff;
        display: none;
        position: relative;
    }

    .main .solution-box .box-slick-container .box-slick-item .box-slick-tab .slick-main-title {
        line-height: 1.2rem;
        font-weight: 500;
        font-size: 0.4rem;
        color: #fff;
        display: flex;
        width: 100%;
        text-align: left;
        justify-content: flex-start;
        box-sizing: border-box;
        padding: 0 .15rem;
    }

    .main .solution-box .box-slick-container .box-slick-item .box-slick-button {
        display: none;
        position: absolute;
        z-index: 5;
        width: 2.3rem;
        bottom: 1.33rem;
        right: -2.49rem;
        justify-content: space-between;
    }

    .main .solution-box .box-slick-container .box-slick-item .box-slick-button .button-left {
        width: 0.54rem;
        height: 0.42rem;
    }

    .main .solution-box .box-slick-container .box-slick-item .box-slick-button .button-right {
        width: 0.54rem;
        height: 0.42rem;
        opacity: 0.44;
    }

    .main .solution-box .box-slick-container .box-slick-item:nth-child(1) .box-slick-button {
        justify-content: flex-end;
    }

    .main .solution-box .box-slick-container .box-slick-item:nth-child(4) .box-slick-button {
        right: unset;
        left: -2.49rem;
        justify-content: flex-start;
    }

    .main .solution-box .box-slick-container .active .box-slick-tab::before {
        background-image: url(/catalog/view/theme/mobile/image/homeH5/Advantage_img.webp);
        background-color: transparent;
        background-position: 50% 50%;
        background-size: cover;
        height: 2.82rem;
        top: -1.6rem;
        opacity: 1;
        z-index: 0;
        user-select: none;
        -webkit-user-select: none;
    }

    .main .solution-box .box-slick-container .active .box-slick-tab .slick-tab-title {
        display: block;
    }

    .main .solution-box .box-slick-container .active .box-slick-tab .slick-sub-title {
        display: block;
    }

    .main .solution-box .box-slick-container .active .box-slick-tab .slick-main-title {
        display: none;
    }

    .main .solution-box .box-slick-container .active .box-slick-button {
        display: flex;
    }


    .box-fulfillment {
        width: 100%;
        height: 100%;

        display: block;
      }
      .box-fulfillment .box-fulfillment-content {
        width: 100%;

      }
      .box-fulfillment .box-fulfillment-content .content-title {
        margin-top: 1rem;
        width: 100%;
        height: 0.84rem;
        font-size: 0.44rem;
        font-family: Open Sans;
        font-weight: 800;
        color: #161616;
        line-height: 0.6rem;
        padding: 0 0.6rem;
        box-sizing: border-box;
        text-align: center;
      }
      .box-fulfillment .box-fulfillment-content .content-remark {
        margin-top: 25px;
        width: 100%;
        margin-top: 0.38rem;
        font-size: 0.24rem;
        font-family: Open Sans;
        font-weight: 400;
        color: #161616;
        text-align: center;

      }
      .box-fulfillment .box-fulfillment-content .content-main {
        margin-top: 60px;
        width: 100%;
        position: relative;
      }
      .box-fulfillment .box-fulfillment-content .content-main  .case-item{
         padding: 0 0.5rem 0 1.45rem;
         width: 100%;
         box-sizing: border-box;
         margin-bottom: 0.5rem;
      }
      .box-fulfillment .box-fulfillment-content .content-main  .case-item .item-title{
        width: 100%;
        font-size: 0.32rem;
        font-family: Open Sans;
        font-weight: bold;
        color: #0066FF;
        line-height: 0.32rem;
      }
      .box-fulfillment .box-fulfillment-content .content-main  .case-item .item-remark{
        margin-top: 0.15rem;
        font-size: 0.24rem;
        font-family: Open Sans;
        font-weight: 400;
        color: #161616;
      }
      .box-fulfillment .box-fulfillment-content .content-main  .content-main-border{
        position: relative;

      }
      .box-fulfillment .box-fulfillment-content .content-main  .content-main-border .case-item{
        position: relative;
     }
      .box-fulfillment .box-fulfillment-content .content-main  .content-main-border .case-item  .main-left{
            position: absolute;
            left: 0.4rem;
            top: 0;
            width: 0.8rem;
            height: 0.8rem;
            background: #0066FF;
            border-radius: 50%;

      }

      .box-fulfillment .box-fulfillment-content .content-main  .content-main-border .case-item  .main-left img{

            width: 100%;
            height:  100%;
    }
        .box-fulfillment .box-fulfillment-content .content-main  .content-main-border::before{
                content: "";
                width: 0.04rem;
                height: calc(100% - 1rem);
                background-color: #0066FF;
                position: absolute;
                left: 0.8rem;
                top: 0;
                bottom: 0;
                z-index: 0;
        }
      .box-fulfillment .box-fulfillment-content .content-main  .content-main-case2{
        position: relative;
        height: 6.5rem;
      }
      .box-fulfillment .box-fulfillment-content .content-main  .content-main-case2 .case-item:nth-child(1){
        position: absolute;
        bottom: 0;
        left: 0;
      }
      .box-fulfillment .box-fulfillment-content .content-main  .content-main-case2 .case-item:nth-child(2){
        position: absolute;
        top: 2.8rem;
        left: 0;
      }
      .box-fulfillment .box-fulfillment-content .content-main  .content-main-case2 .case-item:nth-child(3){
        position: absolute;
        top: 0;
        left: 0;
      }

      .box-fulfillment .box-fulfillment-content .content-main  .content-main-case4{
        position: relative;
        height: 4.3rem;
      }
      .box-fulfillment .box-fulfillment-content .content-main  .content-main-case4 .case-item:nth-child(1){
        position: absolute;
        bottom: 0;
        left: 0;
      }
      .box-fulfillment .box-fulfillment-content .content-main  .content-main-case4 .case-item:nth-child(2){
        position: absolute;
        top: 0;
        left: 0;
      }

    .main .choice {
        padding: 0.96rem 0.32rem 1.1rem;
        background-color: #F8F8F8;
        background-image: url(/catalog/view/theme/mobile/image/homeH5/gray_bg.webp);
        background-repeat: no-repeat;
    }

    .main .choice .choice_item .choice_title {
        font-size: 0.43rem;
        font-family: Open Sans;
        font-weight: 800;
        color: #040000;
        line-height: 0.48rem;
        text-align: center;
        margin-bottom: 0.87rem;
    }

    .main .choice .choice_item .choice_box {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .main .choice .choice_item .choice_box .choice_img {
        width: 3.28rem;
        height: 1.44rem;
        line-height: 0.64rem;
        background: #FFFFFF;
        border-radius: 0.1rem;
        padding: 0.4rem;
        box-sizing: border-box;
        margin-bottom: 0.29rem;
    }

    .main .choice .choice_item .choice_box .choice_img img {
        width: 100%;
    }

   .main .choice .choice_item .choice_box .choice_img:nth-child(9){
        padding:0.5rem  0.4rem;

      }
    .learnMore {
        height: 0.6rem;
        margin-top: 0.64rem;
    }

    .learnMore div {
        height: 0.6rem;
    }

    .learnMore div a {
        width: 2.44rem;
        height: 0.6rem;
        background: #0066FF;
        box-shadow: 0rem 0rem 0rem 0rem rgba(0, 0, 0, 0.3);
        border-radius: 0.05rem;
        display: inline-block;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        font-size: 0.28rem;
        font-family: Open Sans;
        font-weight: 600;
        color: #FFFFFF;
    }

    .main .choice .mange {
        margin-top: 0.89rem;
    }

    .main .choice .mange .mange_left_title {
        font-size: 0.36rem;
        font-family: Open Sans;
        font-weight: bold;
        color: #040000;
        line-height: 0.46rem;
        text-align: center;
        margin-bottom: 0.34rem;
    }

    .main .choice .mange .mange_left_text {
        font-size: 0.25rem;
        font-family: Open Sans;
        font-weight: 400;
        color: #161616;
        line-height: 0.32rem;
        text-align: center;
    }

    .main .choice .mange .mange_right_img {
        margin: 0.41rem 0 0.33rem;
    }

    .main .choice .mange .mange_right_img img {
        width: 100%;
    }

    .main .choice .mange .mange_left_monitor {
        display: flex;
        flex-wrap: wrap;
        text-align: center;
    }

    .main .choice .mange .mange_left_monitor .mange_left_one {
        width: 50%;
    }
    .main .choice .mange .mange_left_monitor .mange_left_one img {
        width: .68rem;
        height: .64rem;
    }

    .main .choice .mange .mange_left_monitor .mange_left_one div {
        width: 1.6rem;
        font-size: 0.24rem;
        font-family: Open Sans;
        font-weight: 400;
        color: #161616;
        line-height: 0.3rem;
        margin: 0.2rem auto 0.52rem;
    }

    .main .choice .mange .mange_left_monitor .mange_left_two {
        width: 50%;
    }
    .main .choice .mange .mange_left_monitor .mange_left_two img {
        width: .6rem;
        height: .66rem;
    }

    .main .choice .mange .mange_left_monitor .mange_left_two div {
        font-size: 0.24rem;
        font-family: Open Sans;
        font-weight: 400;
        color: #161616;
        line-height: 0.3rem;
        margin: 0.2rem auto 0.52rem;
        width: 1.96rem;
    }

    .main .choice .mange .mange_left_monitor .mange_left_three {
        width: 50%;
    }
    .main .choice .mange .mange_left_monitor .mange_left_three img {
        width: .66rem;
        height: .66rem;
    }

    .main .choice .mange .mange_left_monitor .mange_left_three div {
        font-size: 0.24rem;
        font-family: Open Sans;
        font-weight: 400;
        color: #161616;
        line-height: 0.3rem;
        width: 2.1rem;
        margin: 0.2rem auto;
    }

    .main .choice .mange .mange_left_monitor .mange_left_four {
        width: 50%;
    }
    .main .choice .mange .mange_left_monitor .mange_left_four img{
        width: .64rem;
        height: .64rem;
    }
    .main .choice .mange .mange_left_monitor .mange_left_four div {
        font-size: 0.24rem;
        font-family: Open Sans;
        font-weight: 400;
        color: #161616;
        line-height: 0.3rem;
        width: 1.71rem;
        margin: 0.2rem auto;
    }

    .main .responsibility {
        width: 7.5rem;
    }

    .main .responsibility .responsibility_item {
        background-image: url(/catalog/view/theme/mobile/image/homeH5/green_bg.webp);
        background-position: 50% 50%;
        background-size: cover;
        background-repeat: no-repeat;
        padding: 0.82rem 0.32rem;
    }

    .main .responsibility .responsibility_item .responsibility_box {
        background: #FFFFFF;
        border-radius: 0.1rem;
        padding: 0.67rem 0.52rem 0.95rem;
        box-sizing: border-box;
        background-image: url(/catalog/view/theme/mobile/image/homeH5/green_img.webp);
        background-position: 50% 50%;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .main .responsibility .responsibility_item .responsibility_box .responsibility_title {
        font-size: 0.39rem;
        font-family: Open Sans;
        font-weight: 800;
        color: #161616;
        line-height: 0.48rem;
        text-align: center;
        margin-bottom: 0.9rem;
    }

    .main .responsibility .responsibility_item .responsibility_box .responsibility_text .responsibility_text_one,
    .main .responsibility .responsibility_item .responsibility_box .responsibility_text .responsibility_text_two,
    .main .responsibility .responsibility_item .responsibility_box .responsibility_text .responsibility_text_three {
        text-align: center;
    }

    .main .responsibility .responsibility_item .responsibility_box .responsibility_text .responsibility_text_one .responsibility_wide,
    .main .responsibility .responsibility_item .responsibility_box .responsibility_text .responsibility_text_two .responsibility_wide,
    .main .responsibility .responsibility_item .responsibility_box .responsibility_text .responsibility_text_three .responsibility_wide {
        font-size: 0.72rem;
        font-family: Open Sans;
        font-weight: 800;
        color: #2C7C00;
        line-height: 0.99rem;
    }

    .main .responsibility .responsibility_item .responsibility_box .responsibility_text .responsibility_text_one .responsibility_thin,
    .main .responsibility .responsibility_item .responsibility_box .responsibility_text .responsibility_text_two .responsibility_thin,
    .main .responsibility .responsibility_item .responsibility_box .responsibility_text .responsibility_text_three .responsibility_thin {
        font-size: 0.28rem;
        font-family: Open Sans;
        font-weight: 700;
        line-height: 0.38rem;
    }

    .main .responsibility .responsibility_item .responsibility_box .responsibility_text .responsibility_text_one .responsibility_thin:nth-child(2) {
        margin-left: 5px;
    }
    .main .responsibility .responsibility_item .responsibility_box .responsibility_text .responsibility_text_one .responsibility_wide:nth-child(3) {
        margin-left: 5px;
    }
    .main .responsibility .responsibility_item .responsibility_box .responsibility_text .responsibility_text_one .responsibility_thin:nth-child(4) {
        margin-left: 0px;
    }

    .main .responsibility .responsibility_item .responsibility_box .responsibility_text .responsibility_text_one div,
    .main .responsibility .responsibility_item .responsibility_box .responsibility_text .responsibility_text_two div,
    .main .responsibility .responsibility_item .responsibility_box .responsibility_text .responsibility_text_three div {
        font-size: 0.28rem;
        font-family: Open Sans;
        font-weight: 400;
        color: #565656;
        line-height: 0.38rem;
        width: 5.9rem;
        margin-top: 0.3rem;
    }

    .main .responsibility .responsibility_item .responsibility_box .responsibility_text .responsibility_text_one,
    .main .responsibility .responsibility_item .responsibility_box .responsibility_text .responsibility_text_two {
        margin-bottom: 0.97rem;
    }

    .main .makes {
        padding: 0.76rem 0.46rem 1.02rem;
        width: 100%;
        box-sizing: border-box;
    }

    .main .makes .makes_item .makes_title {
        font-size: 0.44rem;
        font-family: Open Sans;
        font-weight: 800;
        color: #161616;
        line-height: 0.48rem;
        text-align: center;
        margin-bottom: 0.68rem;
    }

    .main .makes .makes_item .makes_text .makes_text_item {
        text-align: center;
        margin-bottom: 0.64rem;
    }

    .main .makes .makes_item .makes_text .makes_text_item img {
        width: 0.9rem;
    }

    .main .makes .makes_item .makes_text .makes_text_item .males_quality_title {
        font-size: 0.3rem;
        font-family: Open Sans;
        font-weight: bold;
        color: #161616;
        line-height: 0.57rem;
        margin-bottom: 0.21rem;
    }

    .main .makes .makes_item .makes_text .makes_text_item .males_quality_text {
        font-size: 0.24rem;
        font-family: Open Sans;
        font-weight: 400;
        color: #161616;
        line-height: 0.3rem;
    }

    .main .layui-unselect,
    .main .layui-form-select {
        border-color: #a4a0a8;
        border-radius: 5px !important;
        height: 0.8rem !important;
    }

    .main .layui-input-required .layui-form-select .layui-select-title .layui-input {
        border-color: red !important;
    }

    .main .leading-box {
        width: 100%;
        border-top: 1px solid #E7E7E7;
        padding: 0.61rem 0.32rem 0;
        text-align: center;
    }

    .main .leading-box .leading-box-item .leading-box-item-small-title {
        height: 0.21rem;
        font-size: 0.28rem;
        font-family: Open Sans;
        font-weight: 600;
        color: #0066FF;
        line-height: 0.38rem;
    }

    .main .leading-box .leading-box-item .leading-box-item-big-title {
        /* width: 5.24rem; */
        margin: 0.64rem auto 0.65rem;
        font-size: 0.40rem;
        font-family: Open Sans;
        font-weight: 800;
        color: #161616;
        line-height: 0.48rem;
    }

    .leading-box .leading-box-item .leading-box-container .leading-box-container-left .container-left-bottom {
        width: 100%;
        margin-top: 0.71rem;
        border-left: 4px solid #0066ff;
        padding-left: 18px;
        box-sizing: border-box;
        text-align: left;
    }
    .leading-box .leading-box-item .leading-box-container .leading-box-container-left .container-left-top {
        width: 5rem;
        margin: auto;
        height: 2.96rem;
        overflow: hidden;
        border-radius: .1rem;
    }
    .leading-box .leading-box-item .leading-box-container .leading-box-container-left .container-left-top img {
        width: 5rem;
    }

    .leading-box .leading-box-item .leading-box-container .leading-box-container-left .container-left-bottom .left-bottom-remark .remark {
        font-size: 0.24rem;
        font-family: Open Sans;
        font-weight: 300;
        color: #161616;
        line-height: 0.36rem;
    }

    .leading-box .leading-box-item .leading-box-container .leading-box-container-left .container-left-bottom .left-bottom-remark .remark .remark-button {
        font-weight: 500;
        color: #0066ff;
        cursor: pointer;
        text-decoration: underline;
    }

    .leading-box .leading-box-item .leading-box-container .leading-box-container-left .container-left-bottom .left-bottom-remark .retract-remark {
        display: none;
        font-size: 0.24rem;
        font-family: Open Sans;
        font-weight: 300;
        color: #161616;
        line-height: 0.36rem;
    }

    .leading-box .leading-box-item .leading-box-container .leading-box-container-left .container-left-bottom .left-bottom-remark .retract-remark .remark-button {
        font-weight: 500;
        color: #0066ff;
        cursor: pointer;
        width: 0.25rem;
    }

    .leading-box .leading-box-item .leading-box-container .leading-box-container-left .container-left-bottom .left-bottom-link {
        margin-top: 0.29rem;
        font-size: 0.28rem;
        font-family: Open Sans;
        font-weight: normal;
        color: #3F3D54;
        font-style: italic;
    }

    .leading-box .leading-box-item .leading-box-container .leading-box-container-left .container-left-bottom .left-bottom-link span {
        font-weight: bold;
    }

    .leading-box .leading-box-item .leading-box-container .leading-box-container-right {
        margin-top: 0.76rem;
    }

    .leading-box .leading-box-item .leading-box-container .leading-box-container-right .container-right-bottom {
        width: 100%;
        margin-top: 0.71rem;
        border-left: 4px solid #0066ff;
        padding-left: 18px;
        box-sizing: border-box;
        text-align: left;
    }

    .leading-box .leading-box-item .leading-box-container .leading-box-container-right .container-right-top {
        width: 5rem;
        margin: auto;
        height: 2.96rem;
        overflow: hidden;
        border-radius: .1rem;
    }

    .leading-box .leading-box-item .leading-box-container .leading-box-container-right .container-right-top img {
        width: 5rem;
    }

    .leading-box .leading-box-item .leading-box-container .leading-box-container-right .container-right-bottom .right-bottom-remark .remark {
        font-size: 0.24rem;
        font-family: Open Sans;
        font-weight: 300;
        color: #161616;
        line-height: 0.36rem;
    }

    .leading-box .leading-box-item .leading-box-container .leading-box-container-right .container-right-bottom .right-bottom-remark .remark .remark-button {
        font-weight: 500;
        color: #0066ff;
        cursor: pointer;
        text-decoration: underline;
    }

    .leading-box .leading-box-item .leading-box-container .leading-box-container-right .container-right-bottom .right-bottom-remark .retract-remark {
        display: none;
        font-size: 0.24rem;
        font-family: Open Sans;
        font-weight: 300;
        color: #161616;
        line-height: 0.36rem;
    }

    .leading-box .leading-box-item .leading-box-container .leading-box-container-right .container-right-bottom .right-bottom-remark .retract-remark .remark-button {
        font-weight: 500;
        color: #0066ff;
        cursor: pointer;
        width: 0.25rem;
    }

    .leading-box .leading-box-item .leading-box-container .leading-box-container-right .container-right-bottom .right-bottom-link {
        margin: 0.29rem 0 1.16rem;
        font-size: 0.28rem;
        font-family: Open Sans;
        font-weight: normal;
        color: #3F3D54;
        font-style: italic;
    }

    .leading-box .leading-box-item .leading-box-container .leading-box-container-right .container-right-bottom .right-bottom-link span {
        font-weight: bold;
    }




    .request-box {
        width: 100%;
        height: 11.5rem;
        background-position: 50% 50%;
        background-size: cover;
        background-image: url(/catalog/view/theme/mobile/image/homeH5/request_bg.webp);
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

   .request-box .box-container {
        width: 6.86rem;
        border-radius: 0.1rem;
        background-color: #fff;
        position: absolute;
        padding: 0.4rem 0.55rem 0.8rem;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
    }

 .request-box  .request-title {
        width: 100%;
        height: 0.44rem;
        text-align: center;
        font-size: 0.44rem;
        font-family: Open Sans;
        font-weight: 800;
        color: #161616;
        line-height: 0.48rem;
    }

 .request-box .request-input-box {
        margin-top: 0.58rem;
        position: relative;
        width: 5.76rem;
    }

 .request-box  .request-input-box .request-input-label,
 .request-box .request-input-box .request-textarea-label {
        position: absolute;
        top: -0.12rem;
        padding: 0 0.15rem 0 0.05rem;
        left: 0.15rem;
        font-size: 0.24rem;
        color: #666;
        background-color: #fff;
        display: none;
    }

 .request-box  .request-input-box .request-input {
        width: 100%;
        height: 0.8rem;
        background-color: #fff;
        border: 1px solid #a4a0a8;
        box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.05);
        outline: none;
        padding-left: 0.15rem;
        border-radius: 0.05rem;
        font-size: 0.24rem;
        transition: all 0.3s;
        box-sizing: border-box;
        border-radius: 5px !important;
    }
.box-container{
    background: #ffffff;
}
 .request-box  .request-input-box .request-input:hover {
        border-color: #40a9ff;
    }

 .request-box  .request-input-box .request-input:focus {
        border-color: #40a9ff;
        box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
    }

    .request-box  .request-input-box .check-input {
        position: absolute;
        display: none;
        margin-top: 0.05rem;
        color: red;
    }
.layui-input-block{
     width: 100%;
     margin-left: 0 !important;
}
.request-box .request-input-box .request-textarea {
        width: 100%;
        background-color: #fff;
        border: 1px solid #a4a0a8;
        box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.05);
        outline: none;
        padding: 0.15rem 0.15rem;
        border-radius: 0.05rem;
        font-size: 0.24rem;
        transition: all 0.3s;
        box-sizing: border-box;
        max-width: 100%;
        min-width: 100%;
        max-height: 1.5rem;
        min-height: 0.8rem;
    }

 .request-box  .request-input-box .request-textarea:hover {
        border-color: #40a9ff;
    }

 .request-box  .request-input-box .request-textarea:focus {
        border-color: #40a9ff;
        box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
    }

 .request-box  .request-button-box {
        width: 5.76rem;
        margin-top: 0.5rem;
        height: 0.87rem;
        background-color: #0066ff;
        text-align: center;
        line-height: 0.87rem;
        color: #fff;
        font-size: 0.28rem;
        font-weight: bold;
        cursor: pointer;
        user-select: none;
    }

.request-box .request-button-box:active {
        background-color: #227afc;
    }
}