*{
  outline:0 none !important; ;
}
html{font-size: 100px;}
html.act{overflow: hidden;width: 100%;height: 100vh;}
*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*{ margin:0; padding:0;outline: none;}

@font-face {
  font-family: 'gil';
     /*src: url("../fonts/gilroy-regular.otf"); */
    src: url("../fonts/HarmonyOS_Sans_SC_Regular.ttf");
}
/* @font-face {
  font-family: 'gil_b';
    src: url("../fonts/gilroy-semibold.otf");
}
@font-face {
  font-family: 'gil_l';
    src: url("../fonts/Gilroy-Light.otf");
} */

body {position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin:0 auto;overflow-x:hidden;position: relative;padding: 0 ; width: 100%;color: #000;font-family:PingFang SC,Arial, Microsoft YaHei,-apple-system, BlinkMacSystemFont, Segoe UI, Hiragino Sans GB, Helvetica Neue, Helvetica, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size:0.14rem;  line-height:1;background: #fff;}
html.act{overflow: hidden;width: 100%;height: 100vh;}
ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }
.clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;}
.clearfix {*zoom:1;}
a{display: inline-block; text-decoration:none!important; cursor:pointer;color: #000;}
textarea,select{ outline:none; color:#666; font-size:0.14rem; width:100%;}
textarea{
resize:none;
padding: 0;border: 0;
font-family:  "gil";
}
img{border:none;max-width: 100%;display: block;}
img[src=""]{opacity: 0;}
i{font-style: normal;}

/* 滚动条样式 */
*::-webkit-scrollbar{ width:4px;height: 1px;}
*::-webkit-scrollbar-thumb{ background:#000;}
*::-webkit-scrollbar-track{ background:rgba(0,0,0,0.4);}
/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-family: "gil";outline: none;}
input[type="submit"]{background-color: transparent;cursor: pointer;}
input[type="button"], input[type="submit"], input[type="reset"] {appearance:none;-moz-appearance:none;-webkit-appearance:none;}
select{appearance:none;-moz-appearance:none;-webkit-appearance:none;}
select::-ms-expand { display: none; }







.f_12 {
  font-size: 12px;
}
.f_14 {
  font-size: 14px;
}
.f_16 {
  font-size: 16px;
}
.f_18 {
  font-size: 18px;
}
.f_20 {
  font-size: 20px;
}
.f_22 {
  font-size: 22px;
}
.f_24 {
  font-size: 24px;
}
.f_26 {
  font-size: 26px;
}
.f_28 {
  font-size: 28px;
}
.f_30 {
  font-size: 30px;
}
.f_32 {
  font-size: 32px;
}
.f_34 {
  font-size: 34px;
}
.f_36 {
  font-size: 36px;
}
.f_38 {
  font-size: 38px;
}
.f_40 {
  font-size: 40px;
}
.f_42 {
  font-size: 42px;
}
.f_44 {
  font-size: 44px;
}
.f_46 {
  font-size: 46px;
}
.f_48 {
  font-size: 46px;
}
.f_50 {
  font-size: 50px;
}
.f_52 {
  font-size: 52px;
}
.f_54 {
  font-size: 54px;
}
.f_56 {
  font-size: 56px;
}

.f_58 {
  font-size: 58px;
}
.f_60 {
  font-size: 60px;
}
.f_62 {
  font-size: 62px;
}
.f_64 {
  font-size: 64px;
}
.f_66 {
  font-size: 64px;
}
.f_68 {
  font-size: 68px;
}
.f_72 {
  font-size: 72px;
}
.f_74 {
  font-size: 74px;
}
.f_80 {
  font-size: 80px;
}
.f_88 {
  font-size: 88px;
}
.f_90 {
  font-size: 90px;
}
.f_133 {
  font-size: 133px;
}
@media (max-width: 1760px) {
  .f_133 {
    font-size: 110px;
  }
}
@media (max-width: 1680px) {
.f_16 {
    font-size: 15px;
  }
.f_18 {
    font-size: 15px;
  }
.f_20 {
    font-size: 17px;
  }
.f_22 {
    font-size: 20px;
  }
.f_24 {
    font-size: 22px;
  }
.f_26 {
    font-size: 24px;
  }
.f_28 {
    font-size: 26px;
  }
.f_30 {
    font-size: 28px;
  }
.f_32 {
    font-size: 28px;
  }
.f_34 {
    font-size: 32px;
  }
.f_36 {
    font-size: 34px;
  }
.f_38 {
    font-size: 36px;
  }
.f_40 {
    font-size: 34px;
  }
.f_42,
.f_44 {
    font-size: 36px;
  }
.f_46 {
    font-size: 36px;
  }
.f_48 {
    font-size: 36px;
  }
.f_50 {
    font-size: 40px;
  }
.f_52 {
    font-size: 40px;
  }
.f_54 {
    font-size: 46px;
  }
.f_56 {
    font-size: 48px;
  }
.f_58 {
    font-size: 48px;
  }
.f_60,
.f_62,
.f_64,
.f_66,
.f_68,
.f_72,
.f_74,
.f_80 {
    font-size: 52px;
  }
.f_88 {
    font-size: 56px;
  }
.f_90 {
    font-size: 58px;
  }
.f_133 {
    font-size: 72px;
  }
}
@media (max-width: 1560px) {
  .f_14 {font-size: 13px;}
  .f_58,
  .f_60,
  .f_62,
  .f_64,
  .f_66,
  .f_68,
  .f_72,
  .f_74,
  .f_80 {
      font-size: 48px;
  }
}
@media (max-width: 1440px) {
  .f_16 {
      font-size: 15px;
    }
  .f_18 {
      font-size: 14px;
    }
  .f_20 {
      font-size: 16px;
    }
  .f_22 {
      font-size: 18px;
    }
  .f_24 {
      font-size: 18px;
    }
  .f_26 {
      font-size: 22px;
    }
  .f_28 {
      font-size: 22px;
    }
  .f_30 {
      font-size: 24px;
    }
  .f_32 {
      font-size: 24px;
    }
  .f_34 {
      font-size: 26px;
    }
  .f_36 {
      font-size: 28px;
    }
  .f_38 {
      font-size: 28px;
    }
  .f_40 {
      font-size: 30px;
    }
  .f_42,
  .f_44 {
      font-size: 32px;
    }
  .f_46 {
      font-size: 32px;
    }
  .f_48 {
      font-size: 34px;
    }
  .f_50 {
      font-size: 36px;
    }
  .f_52 {
      font-size: 34px;
    }
  .f_54 {
      font-size: 38px;
    }
  .f_56 {
      font-size: 40px;
    }
  .f_58 {
      font-size: 40px;
    }
  .f_60,
  .f_62,
  .f_64,
  .f_66,
  .f_68,
  .f_72,
  .f_74,
  .f_80 {
      font-size: 44px;
    }
  .f_88 {
      font-size: 46px;
    }
  .f_90 {
      font-size: 48px;
    }
  .f_133 {
    font-size: 60px;
  }
  }
@media (max-width: 1280px) {
  .f_14 {
    font-size: 12px;
  }
  .f_16 {
    font-size: 13px;
  }
.f_18 {
    font-size: 14px;
  }
.f_20 {
    font-size: 15px;
  }
.f_22 {
    font-size: 16px;
  }
.f_24 {
    font-size: 16px;
  }
.f_26 {
    font-size: 20px;
  }
.f_28 {
    font-size: 20px;
  }
.f_30 {
    font-size: 20px;
  }
.f_32 {
    font-size: 22px;
  }
.f_34 {
    font-size: 23px;
  }
.f_36 {
    font-size: 25px;
  }
.f_38 {
    font-size: 26px;
  }
.f_40 {
    font-size: 30px;
  }
.f_42,
.f_44 {
    font-size: 32px;
  }
.f_46 {
    font-size: 30px;
  }
.f_48,
.f_50 {
    font-size: 34px;
  }
.f_52{
  font-size: 32px;
}
.f_54,
.f_56,
.f_58,
.f_60,
.f_62,
.f_64,
.f_66,
.f_68,
.f_72,
.f_74,
.f_80 {
    font-size: 40px;
  }
.f_88 {
    font-size: 42px;
  }
.f_90 {
    font-size: 44px;
  }
.f_133 {
  font-size: 56px;
}
}
@media (max-width: 767px) {
.f_14,
.f_16 {
    font-size: 0.28rem;
  }
.f_18,
.f_20 {
    font-size: 0.3rem;
  }
.f_22,
.f_24,
.f_26,
.f_27 {
    font-size: 0.32rem;
  }
.f_28 {
    font-size: 0.36rem;
  }
.f_30,
.f_32,
.f_34 {
    font-size: 0.4rem;
  }
.f_36,
.f_38,
.f_40,
.f_42,
.f_44,
.f_46 {
    font-size: 0.46rem;
  }
.f_48,
.f_50,
.f_52,
.f_54,
.f_56,
.f_58,
.f_60,
.f_62,
.f_64,
.f_68,
.f_72,
.f_74,
.f_80 {
    font-size: 0.58rem;
}
.f_88 {
    font-size: 0.6rem;
}
.f_90 {
    font-size: 0.62rem;
}
.f_133 {
  font-size: 52px;
}
}

html {
  font-size: calc(100vw/19.2);
}
@media (min-width: 1901px) {
  html {
    font-size: calc(100vw/19.2);
  }
}
/* @media (max-width: 1600px) {
  html {
    font-size: 66px;
  }
} */
@media (max-width: 767px) {
  html {
    font-size: calc(100vw/7.5);
  }
}


/* 头部 */
.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;padding: 0.3rem 2.6rem;}
.header .img2{display: none;}
.header .con{width: 100%;padding: 0 0.45rem;border-radius: 0.3rem;border: 1px solid #EFEFEF;background: rgba(255, 255, 255, 0.30);backdrop-filter: blur(50px);display: flex;align-items: center;justify-content: space-between;}
.header .con .logo{display: block;width: 0.6rem;height: 0.58rem;}
.header .con .logo img{width: 100%;height: 100%;object-fit: contain;}
.header .con .right{display: flex;align-items: center;}
.header .con .right .nav{display: flex;padding-right: 0.3rem;}
.header .con .right .nav>li>a{color: #FFF;font-weight: 400;display: block;margin-right: 1.16rem;line-height: 0.88rem;text-transform: uppercase;transition:all 0.5s;}
.header .con .right .nav>li.on>a{color:#31C2F6!important;}
.header .con .right .nav>li>a:hover{color:#31C2F6!important;}
.header .con .right .h_btns{display: flex;align-items: center;}
.header .con .right .h_btns .h_ser{display: block;width: 0.22rem;height: 0.22rem;margin-right: 0.23rem;}
.header .con .right .h_btns .solid{width: 1px;height: 0.21rem;background: #fff;opacity: 0.5;margin-right: 0.23rem;}
.header .con .right .h_btns .lag{position: relative;cursor: pointer;}
.header .con .right .h_btns .lag .h{display: flex;align-items: center;color: #fff;}
.header .con .right .h_btns .lag .h .icon{width: 0.22rem;height: 0.22rem;margin-right: 0.21rem;}
.header .con .right .h_btns .lag .h .icon img{width: 100%;height: 100%;}
.header .con .right .h_btns .lag .h span{display: flex;align-items: center;}
.header .con .right .h_btns .lag .h span .jt{width: 0.08rem;margin-left: 0.12rem;}
.header .con .right .h_btns .lag .h span .jt img{width: 100%;}

.header.on .con .right .nav>li>a{color: #333;}
.header.on .img2{display: block;}
.header.on .img1{display: none;}
.header.on .con .right .h_btns .lag .h{color: #333;}
.header.on .con .right .h_btns .solid{background-color: #333;}

.header.ny_header .con .right .nav>li>a{color: #333;}
.header.ny_header .img2{display: block;}
.header.ny_header .img1{display: none;}
.header.ny_header .con .right .h_btns .lag .h{color: #333;}
.header.ny_header .con .right .h_btns .solid{background-color: #333;}



.m_header,.mh_nav{display: none;}

.footer{padding: 0 0.3rem;}
.footer .f_top{border-radius: 0.3rem;background: #F6F6F6;backdrop-filter: blur(50px);display: flex;justify-content: space-between;align-items: flex-start;padding: 0.6rem 1rem 0.64rem 1rem;position: relative;}
.footer .f_top .t_left .f_logo{display: block;width: 1.35rem;height: 1.3rem;margin-bottom: 1.67rem;}
.footer .f_top .t_left .f_logo img{width: 100%;height: 100%;object-fit: contain;}
.footer .f_top .t_left .list{display: flex;}
.footer .f_top .t_left .list a{display: block;width: 0.33rem;height: 0.33rem;margin-right: 0.26rem;}
.footer .f_top .t_left .list a img{width: 100%;height: 100%;object-fit: contain;}
.footer .f_top .t_left .list a img.img2{display: none;}
.footer .f_top .t_left .list a:hover img.img1{display: none;}
.footer .f_top .t_left .list a:hover img.img2{display: block;}
.footer .f_top .t_right{display: flex;width: fit-content;}
.footer .f_top .t_right .list{margin-right: 0.93rem;width: 2.4rem;padding-top: 0.22rem;position: relative;}
.footer .f_top .t_right .list::before{content: "";position: absolute;top: 0;left: 0;width: 0.26rem;height: 0.02rem;background-color: #31C2F6;}
.footer .f_top .t_right .list:nth-child(2){margin-right: 0;width: fit-content;}
.footer .f_top .t_right .list ul li{margin-bottom: 0.4rem;}
/* .footer .f_top .t_right .list ul li:nth-child(2){margin-bottom: 0;} */
.footer .f_top .t_right .list ul li a{color: #1F1F1F;font-weight: 400;text-transform: uppercase;display: block;}
.footer .f_top .t_right .list .item{margin-bottom: 0.4rem;}
.footer .f_top .t_right .list .item .h{color: #1f1f1f;font-weight: 400;margin-bottom: 0.12rem;}
.footer .f_top .t_right .list .item .p{display: block;color: rgba(31, 31, 31, 0.70);font-weight: 400;transition: all 0.5s;line-height:1.5}
.footer .f_top .t_right .list .item .p:hover{color: #1f1f1f;}
.footer .f_top .t_right .list .item:last-child{margin-bottom: 0;}
.footer .f_top .t_right #form_f{position: absolute;display: flex;width: fit-content;bottom: 0.4rem;right: 1rem;}
.footer .f_top .t_right #form_f input[type="text"]{width: 2.4rem;line-height: 0.48rem;border: 1px solid rgba(152, 152, 152, 0.40);background-color: transparent;padding: 0 0.1rem;color: #1f1f1f;margin-right: 0.08rem;font-weight: 400;}
.footer .f_top .t_right #form_f input[type="text"]::placeholder{color: rgba(31, 31, 31, 0.70);}
.footer .f_top .t_right #form_f input[type="submit"]{width: 0.96rem;line-height: 0.5rem;color: #fff;background-color: #31C2F6;}
.footer .f_bottom{display: flex;justify-content: space-between;align-items: center;padding: 0.2rem 1rem;}
.footer .f_bottom .p{color: #606060;font-weight: 300;}
.footer .f_bottom .list{display: flex;align-items: center;}
.footer .f_bottom .list a{color: #606060;transition: all 0.5s;display:block;}
.footer .f_bottom .list span{color: #606060;display:block;margin: 0 0.06rem; }
.footer .f_bottom .list a:hover{color: #1f1f1f;}

.tc{position: fixed;z-index: 9999;top: 0;left: 0;width: 100%;height: 100vh;background: rgba(255, 255, 255, 0.30);backdrop-filter: blur(50px);transition: all 0.5s;opacity: 0;pointer-events: none;}
.tc.show{opacity: 1;pointer-events: all;}
.tc .con{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 4.8rem;height: 6.64rem;background-color: #fff;border-radius: 0.8rem;padding-top: 0.9rem;}
.tc .con .out{position: absolute;top: 0.3rem;right: 0.45rem;width: 0.3rem;height: 0.3rem;cursor: pointer;transition: all 0.5s;}
.tc .con .out:hover{transform: rotate(180deg);}
.tc .con .pic{width: 0.9rem;height: 0.9rem;border-radius: 50%;overflow: hidden;margin: 0 auto;margin-bottom: 0.3rem;}
.tc .con .pic img{width: 100%;height: 100%;object-fit: cover;}
.tc .con .h{text-align: center;color: #000;font-weight: 500;margin-bottom: 1.08rem;}
.tc .con form{width: 100%;padding: 0 0.3rem;}
.tc .con form input[type="text"]{width: 100%;padding-bottom: 0.28rem;border-bottom: 1px solid #F0F0F0;margin-bottom: 1.1rem;}
.tc .con form input[type="submit"]{width: 100%;border-radius: 0.2rem;background: #333;text-align: center;line-height: 0.6rem;color: #fff;font-weight: 500;}


.in_con .banner{position: relative;width: 100%;min-height: 100vh;height: 250vh; background-color: #000;}
.in_con .banner .con1{position: sticky;top: 0;width: 100%;height: 100vh;overflow: hidden;}
.in_con .banner .con1 .bj{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(0.065);width: 100%;height: 100%; transition: 1.5s cubic-bezier(.36, 0,.7,1);}
.in_con .banner .con1 .bj img{width: 100%;height: 100%;object-fit: cover;}
.in_con .banner .con1.show .bj{transform: translate(-50%,-50%) scale(1);}
.in_con .banner .con1 .txt{position: absolute;bottom: calc(50% - 0.65rem);left: 0;width: 100%;transform: translateY(50%);color: #fff;z-index: 2;transition: all 0.8s 0.3s;}
.in_con .banner .con1.show .txt{bottom: 0.74rem;transform: translateY(0);}
.in_con .banner .con1.show1 .txt{bottom: 2.25rem;}
.in_con .banner .con1 .txt .hs{display: flex;justify-content: center;margin-bottom:0.3rem;font-weight: 500;}
.in_con .banner .con1 .txt .hs .h{transition: all 0.8s 0.3s;margin: 0 1rem;font-size: 0.64rem;}
.in_con .banner .con1 .txt .hs .h:nth-child(1){margin: 0 0.7rem;}
.in_con .banner .con1.show .txt .hs .h{margin: 0 0.07rem!important;}
.in_con .banner .con1 .txt .p{width: 12.77rem;margin: 0 auto;opacity: 0;overflow: hidden;transition: all 0.8s 0.3s;text-align: center;font-weight: 300;font-size: 0.2rem;line-height: 0.28rem;}
.in_con .banner .con1.show .txt .p{opacity: 1;}
.in_con .banner .con1 .bottom{position: absolute;bottom: 0;left: 50%;transform: translate(-50%,100%);width: 2.2rem;height: 1.72rem;background:url(../img/ip1_quan.png);background-size: 100% 100%;padding: 0.56rem 0 0 0;opacity: 0;transition: all 0.5s;}
.in_con .banner .con1.show1 .bottom{transform: translate(-50%,0);opacity: 1;}
.in_con .banner .con1 .bottom .icon{width: 0.13rem;height: 0.22rem;margin: 0 auto;margin-bottom: 0.21rem;position: relative;}
.in_con .banner .con1 .bottom .icon img{width: 100%;height: 100%;}
.in_con .banner .con1 .bottom .p{color: #9e9e9e;font-weight: 400;text-align: center;}

.sptext{display: block;position: relative;color: #33333360; line-height: 1.875;}
.sptext.hl{font-weight: 300;}
/* .sptext i{color: #BFFF0060;} */
.sptext i{color: #D9D9D960;}


.sptext .after{
    position: absolute;
    width: 100%;
    height: 100%;
    line-height: 1.875;
    font-size: inherit;
    color: #333;
    font-family: inherit;
    font-weight: inherit;
    left: 0;
    top: 0;
    will-change: transform, opacity;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
    transition: 0.1s cubic-bezier(.38,0,0,1);

}
.sptext.hl .after{font-weight: 300;}
.sptext .after i{color: #BFFF00;}

.i_part2{height: 300vh;position: relative;}
.i_part2 .con{position: sticky;top: 0;width: 100%;height: 100vh;background: url(../img/ip2_bj.png)no-repeat center;background-size: cover;padding: 1.62rem 0 0 0;overflow: hidden;}
.i_part2 .con .top{text-align: center;position: relative;z-index: 2;}
.i_part2 .con .top .tip{display: flex;justify-content: center;align-items: center;margin-bottom: 0.2rem;color: #333;font-weight: 600;line-height: 1.2;}
.i_part2 .con .top .tip img{width: 0.14rem;height: 0.14rem;object-fit: contain;margin-right: 0.18rem;}
.i_part2 .con .top .tit{text-transform: uppercase;}
.i_part2 .con .top .tit .sptext{line-height: 0.76rem;}
.i_part2 .con .top .tit .sptext .after{line-height: 0.76rem;}
.i_part2 .con .yuan{position: absolute;top: 1.34rem;left: 50%;transform: translateX(-50%);width: 10.18rem;height: 10.18rem;border-radius: 50%;background-color: #fff;}
.i_part2 .con .list{position: absolute;left: 0;top: 3.86rem;width: 100%;z-index: 3;display: flex;justify-content: space-between;padding: 0 1.1rem;height: 54vh;}
.i_part2 .con .list .item{width: 2.1rem;height: 100%;border-radius: 0.16rem;overflow: hidden;position: relative;transition: all 1s;}
.i_part2 .con .list .item.on{width: 5.6rem;}
.i_part2 .con .list .item .pic{position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 5.6rem;height: 100%;transition: all 1s;}
.i_part2 .con .list .item .pic .img{width: 100%;height: 100%;object-fit: cover;}
.i_part2 .con .list .item .pic:after{content: "";position: absolute;bottom: 0; left: 0;width: 100%;height: 1.76rem;background: linear-gradient(180deg, rgba(51, 51, 51, 0.00) 15.71%, rgba(0, 0, 0, 0.80) 100%);opacity: 1;transition: all 1s;}
.i_part2 .con .list .item .txt{position: absolute;left: 0;width: 100%;bottom: 0.19rem; color: #fff;text-align: center;font-weight: 400;line-height: 1.8;text-transform: uppercase;font-size: 0.2rem;}
.i_part2 .con .list .item.on .txt{font-size: 0.24rem;font-weight: 500;}
.i_part2 .con .list.show1 .item .pic:after{opacity: 0;}
.i_part2 .con .list.show1 .item{pointer-events: none;width: 4.13rem;height: 4.61rem;position: absolute;top: 40%;left: 50%;}
.i_part2 .con .list.show1 .item .txt{opacity: 0;}

.i_part2 .con .list.show2 .item:nth-child(1){transform: translate(-50%, -50%) rotate(285deg) scale(1);}
.i_part2 .con .list.show2 .item:nth-child(2){transform: translate(-50%, -50%) rotate(225deg) scale(1);}
.i_part2 .con .list.show2 .item:nth-child(3){transform: translate(-50%, -50%) rotate(165deg) scale(1);}
.i_part2 .con .list.show2 .item:nth-child(4){transform: translate(-50%, -50%) rotate(105deg) scale(1);}
.i_part2 .con .list.show2 .item:nth-child(5){transform: translate(-50%, -50%) rotate(45deg) scale(1);}
.i_part2 .con .list.show2 .item:nth-child(6){transform: translate(-50%, -50%) rotate(-15deg) scale(1);}

.i_part2 .con .list.show1 .item:nth-child(1){transform: translate(-50%, -50%) rotate(285deg) scale(0.3);}
.i_part2 .con .list.show1 .item:nth-child(2){transform: translate(-50%, -50%) rotate(225deg) scale(0.3);}
.i_part2 .con .list.show1 .item:nth-child(3){transform: translate(-50%, -50%) rotate(165deg) scale(0.3);}
.i_part2 .con .list.show1 .item:nth-child(4){transform: translate(-50%, -50%) rotate(105deg) scale(0.3);}
.i_part2 .con .list.show1 .item:nth-child(5){transform: translate(-50%, -50%) rotate(45deg) scale(0.3);}
.i_part2 .con .list.show1 .item:nth-child(6){transform: translate(-50%, -50%) rotate(-15deg) scale(0.3);}




.i_part3{padding: 1.2rem 0;background-color: #CFD9E0;}
.i_part3 .top{text-align: center;position: relative;z-index: 2;margin-bottom: 0.6rem;}
.i_part3 .top .tip{display: flex;justify-content: center;align-items: center;margin-bottom: 0.2rem;color: #333;font-weight: 600;line-height: 1.2;}
.i_part3 .top .tip img{width: 0.14rem;height: 0.14rem;object-fit: contain;margin-right: 0.18rem;}
.i_part3 .top .tit{text-transform: uppercase;}
.i_part3 .top .tit .sptext{line-height: 0.76rem;}
.i_part3 .top .tit .sptext .after{line-height: 0.76rem;}
.i_part3 .map_box{position: relative;width: 100%;margin-bottom: 0.24rem;width: 16.67rem;margin: 0 auto;}
.i_part3 .map_box .bj{width: 100%;position: relative;}
.i_part3 .map_box .bj .map{width: 100%;}
.i_part3 .map_box .bj .map_solid{position: absolute;width: 11.81rem;top: 5%;left: 15%;}
.i_part3 .map_box .boxs{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.i_part3 .map_box .boxs>div{transform: translate(-50%,-50%);position: absolute;cursor: pointer;}
.i_part3 .map_box .boxs>div:hover{z-index: 5;}
.i_part3 .map_box .boxs>div .txt{position: absolute;bottom: 130%;left: 50%;transform: translateX(-50%);white-space: nowrap;width: fit-content;padding: 0.24rem 0.34rem;border-radius: 0.2rem;background-color: #fff;opacity: 0;transition: all 0.5s;pointer-events: none;box-shadow: 0 0 0.3rem rgba(0,0,0,0.2);color: #687D86;}
.i_part3 .map_box .boxs>div:hover .txt{opacity: 1;pointer-events: all;}
.i_part3 .map_box .boxs>div .txt:after{content: "";position: absolute;top: 100%;left: 50%;transform: translateX(-50%);width: 0.2rem;height: 0.11rem;background: url(../img/map_jt.png);background-size: 100% 100%;}
.i_part3 .map_box .boxs .i_box{top: 33%;left: 80%;width: 0.78rem;height: 0.75rem;cursor: pointer;}
.i_part3 .map_box .boxs .i_box>img{width: 100%;height: 100%;object-fit: contain;}
.i_part3 .map_box .boxs .i_box .txt{display: flex;align-items: center;min-width: 2.88rem;}
.i_part3 .map_box .boxs .i_box .txt img{width: 0.27rem;height: 0.27rem;margin-right: 0.17rem;}
.i_part3 .map_box .boxs .box{width: 0.46rem;height: 0.46rem;}
.i_part3 .map_box .boxs .box .dian{width: 100%;height: 100%;}
.i_part3 .map_box .boxs .box .dian img{width: 100%;height: 100%;object-fit: contain;}
.i_part3 .map_box .boxs .box .dian img.img2{display: none;}
.i_part3 .map_box .boxs .box:hover .dian img.img2{display: block;}
.i_part3 .map_box .boxs .box:hover .dian img.img1{display: none;}
.i_part3 .map_box .boxs .box:nth-child(1){top:29%;left: 87%;}
.i_part3 .map_box .boxs .box:nth-child(2){top:31%;left: 83.5%;}
.i_part3 .map_box .boxs .box:nth-child(3){top:73%;left: 86%;}
.i_part3 .map_box .boxs .box:nth-child(4){top:59%;left: 81.5%;}
.i_part3 .map_box .boxs .box:nth-child(5){top:14%;left: 76.5%;}
.i_part3 .map_box .boxs .box:nth-child(6){top:47%;left: 77.5%;}
.i_part3 .map_box .boxs .box:nth-child(7){top:59%;left: 77%;}
.i_part3 .map_box .boxs .box:nth-child(8){top:54%;left: 76.5%;}
.i_part3 .map_box .boxs .box:nth-child(9){top:47%;left: 76%;}
.i_part3 .map_box .boxs .box:nth-child(10){top:43%;left: 74.5%;}
.i_part3 .map_box .boxs .box:nth-child(11){top:41%;left: 62.5%;}
.i_part3 .map_box .boxs .box:nth-child(12){top:36%;left: 60.5%;}
.i_part3 .map_box .boxs .box:nth-child(13){top:21%;left: 52.5%;}
.i_part3 .map_box .boxs .box:nth-child(14){top:28%;left: 47.5%;}
.i_part3 .map_box .boxs .box:nth-child(15){top:18%;left: 46.5%;}
.i_part3 .map_box .boxs .box:nth-child(16){top:63%;left: 31.5%;}
.i_part3 .map_box .boxs .box:nth-child(17){top:37%;left: 19.5%;}
.i_part3 .map_box .boxs .box:nth-child(18){top:25%;left: 19.5%;}
.i_part3 .map_box .boxs .box:nth-child(19){top:17%;left: 13.5%;}
/*.i_part3 .map_box .boxs .box1:nth-child(20){top:14%;left: 76.5%;}*/

.i_part3 .num_box{padding: 0 1.1rem;display: flex;justify-content: space-between;}
.i_part3 .num_box .box{width: 5.46rem;border-radius: 0.1rem;background-color: rgba(255,255,255,0.9);display: flex;justify-content: center;position: relative;padding: 0.63rem 0;z-index: 2;overflow: hidden;}
.i_part3 .num_box .box .bj{position: absolute;top: 0;left: 50%;transform: translateX(-50%) scale(0.3);opacity: 0; width: 2.28rem;height: 2.28rem;border-radius: 50%;overflow: hidden;z-index: -1; transition: all 0.8s;}
.i_part3 .num_box .box .bj img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 5.46rem;height: 100%;object-fit: cover;}
.i_part3 .num_box .box:hover .bj{width: 100%;height: 100%;border-radius: 0;opacity: 1;transform: translateX(-50%) scale(1);}
.i_part3 .num_box .box .icon{width: 0.78rem;height: 0.78rem;margin-right: 0.32rem;transition: all 0.5s;}
.i_part3 .num_box .box .icon img{width: 100%;height: 100%;object-fit: contain;}
.i_part3 .num_box .box .nums{display: flex;align-items: center;color: #333;margin-bottom: 0.17rem;transition: all 0.5s;}
.i_part3 .num_box .box .nums .num{font-weight: 700;text-transform: capitalize;margin-right: 0.16rem;}
.i_part3 .num_box .box .nums .add{font-weight: 400;}
.i_part3 .num_box .box .p{color: #9CA1A4;font-weight: 400;text-transform: capitalize;transition: all 0.5s;}
.i_part3 .num_box .box .txt1{position: absolute;left: 0;bottom: 0.13rem;width: 100%;display: flex;align-items: flex-end;justify-content: space-between;padding: 0 0.27rem;color: #fff;opacity: 0;transition: all 0.5s;}
.i_part3 .num_box .box .txt1 .icon1{width: 0.54rem;height: 0.54rem;}
.i_part3 .num_box .box .txt1 .icon1 img{width: 100%;height: 100%;object-fit: contain;}
.i_part3 .num_box .box .txt1 .h{line-height: 1.2;text-transform: capitalize;font-weight: 400;}
.i_part3 .num_box .box:hover .icon{opacity: 0;}
.i_part3 .num_box .box:hover .nums{opacity: 0;}
.i_part3 .num_box .box:hover .p{opacity: 0;}
.i_part3 .num_box .box:hover .txt1{opacity: 1;}


.i_part4{height: 300vh;position: relative;padding-top: 45.48vh;transition:all 1.5s;}
.i_part4.show1{padding-top: 0;}
.i_part4::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 150vh;background: linear-gradient(180deg, rgba(180, 227, 245, 0.00) 0%, rgba(247, 192, 137, 0.30) 100%);}
.i_part4 .con{position: sticky;top: 0;width: 12.7rem;height: 12.7rem;border-radius: 50%;overflow: hidden;margin: 0 auto;transition: all 1s;}
.i_part4 .con>img{width: 100vw;height: 100vh;object-fit: cover;position: absolute;top: 0%;left: 50%;transform: translate(-50%,0%);max-width: 100vw;}
.i_part4.show1 .con{width: 100vw;height: 100vh;border-radius: 0;}
.i_part4 .con .b_pic{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);opacity: 0; width: 100vw;height: 100vh;overflow: hidden;transition: all 0.6s;}
.i_part4.show1 .con .b_pic{opacity: 1;transition: all 0.6s 1s;}
.i_part4 .con .b_pic .swiper-slide{position: relative;height: 100vh;}
.i_part4 .con .b_pic .swiper-slide>img{width: 100%;height: 100%;object-fit: cover;}
.i_part4 .con .b_pic .swiper-slide:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.30);}
.i_part4 .con .b_pic .swiper-slide .txt{position: absolute;bottom: 0.82rem;right: 0.8rem;width: 9.43rem;color: #ffffff;z-index: 2;}
.i_part4 .con .b_pic .swiper-slide .txt .h{font-weight: 300;text-transform: uppercase;margin-bottom: 0.2rem;font-size: 1rem;opacity: 0;transform: translateX(1rem);transition: all 0.3s;}
.i_part4 .con .b_pic .swiper-slide .txt .p{line-height: 1.7;font-weight: 500;padding-right: 1.5rem;opacity: 0;transform: translateX(1rem);transition: all 0.3s;}
.i_part4 .con .b_pic .swiper-slide-active .txt .h{opacity: 1;transform: translateX(0);transition: all 0.6s 0.8s;}
.i_part4 .con .b_pic .swiper-slide-active .txt .p{opacity: 1;transform: translateX(0);transition: all 0.6s 1.2s;}
.i_part4 .con .b_pic .swiper-pagination{position: absolute;width: fit-content;left: 1.14rem;bottom: 0.52rem;font-size: 0.3rem;line-height: 2.5;font-weight: 400;color: #fff;display: flex;align-items: end;letter-spacing: 3px;}
.i_part4 .con .b_pic .swiper-pagination .swiper-pagination-current{font-size: 0.68rem; color: #fff;line-height: 1.3;}
.i_part4 .con .b_pic .btns{width: fit-content;position: absolute;left: 3.8rem;bottom: 0.7rem;display: flex;z-index: 2;}
.i_part4 .con .b_pic .btns>div{cursor: pointer;width: 0.52rem;height: 0.52rem;position: relative;}
.i_part4 .con .b_pic .btns>div img{width: 100%;height: 100%;object-fit: contain;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.i_part4 .con .b_pic .btns>div img.img2{opacity: 0;}
.i_part4 .con .b_pic .btns>div:hover img.img1{opacity: 0;}
.i_part4 .con .b_pic .btns>div:hover img.img2{opacity: 1;}
.i_part4 .con .b_pic .btns>div.prev{margin-right: 0.16rem;}
.i_part4 .con .list{position: absolute;top: 3.25rem;left: 1.1rem;border-radius: 10px;background: rgba(31, 22, 16, 0.30);padding: 0.45rem 0.43rem 0.4rem 0.43rem; backdrop-filter: blur(15px);opacity: 0;transition: all 0.6s;}
.i_part4.show1 .con .list{opacity: 1;transition: all 0.6s 1s;}
.i_part4 .con .list ul{position: relative;z-index: 2;}
.i_part4 .con .list ul::before{content: "";position: absolute;top:0.29rem;left: 0.075rem;width: 1px;height:calc(100% - 0.58rem);background-color: rgba(255,255,255,0.3);}
.i_part4 .con .list ul li{padding-left: 0.48rem;position: relative;color: rgba(255,255,255,0.9);text-transform: capitalize;font-weight: 600;line-height: 0.42rem;margin-bottom: 0.18rem;cursor: pointer;}
.i_part4 .con .list ul li:last-child{margin-bottom: 0;}
.i_part4 .con .list ul li:after{content: "";position: absolute;top: 0.21rem;left: 0;transform: translateY(-50%);width: 0.15rem;height: 0.15rem;border-radius: 50%;background: url(../img/ip4_quan.svg);background-size: 100% 100%;}
.i_part4 .con .list ul li.on{color: #31C2F6;}
.i_part4 .con .list ul li.on:after{background-image: url(../img/ip4_quan1.svg);}

.i_part4 .top{text-align: center;position: relative;z-index: 2;position: absolute;top: 1.3rem;left: 0;width: 100%;opacity: 0;transition: all 0.6s;}
.i_part4.show1 .top{opacity: 1;transition: all 0.6s 1s;}
.i_part4 .top .tip{display: flex;justify-content: center;align-items: center;margin-bottom: 0.2rem;color: #ffffff;font-weight: 600;line-height: 1.2;}
.i_part4 .top .tip img{width: 0.14rem;height: 0.14rem;object-fit: contain;margin-right: 0.18rem;}
.i_part4 .top .tit{text-transform: uppercase;}
.i_part4 .top .tit .sptext{line-height: 0.76rem;color: #ffffff;}
.i_part4 .top .tit .sptext .after{line-height: 0.76rem;color: #ffffff;}

.i_part5{position: relative;height: 200vh;padding-bottom: 0.9rem;}
.i_part5 .con{position: sticky;top: 0;width: 100%;height: 100vh;}
/* .i_part5 .con{position: relative;height: 100vh;} */
.i_part5 .con .tit{position: absolute;top: 20vh;left: 0;width: 100%;font-size: 1rem;color: #333;text-transform: uppercase;z-index: 2;text-align: center;transition: all 0.8s;}
.i_part5 .con.show .tit{opacity: 0;top: 0;}
.i_part5 .con .tit .sptext{color: #333;line-height: 1.1rem;}
.i_part5 .con .tit .sptext .after{color: #333;line-height: 1.1rem;}
.i_part5 .con .pics{position: absolute;top: calc(20vh + 1rem);left: 0;width: 100%;overflow: hidden;padding-bottom:0.8rem;}
.i_part5 .con .pics .swiper-pagination{top: auto;bottom: 0;left: 50%;background-color:#31C2F620; transform: translateX(-50%);width: 12rem;max-width: 90%;}
.i_part5 .con .pics .swiper-pagination .swiper-pagination-progressbar-fill{background-color: #31C2F6;}
.i_part5 .con.show .pics{top: 1.7rem;transition: all 0.8s;}
.i_part5 .con .pics .swiper-slide{height: 63.33vh;border-radius: 0.16rem;position: relative;overflow: hidden;opacity: 0;transform: scale(0.39);transition: all 0.8s;}
.i_part5 .con.show .pics .swiper-slide{transform: scale(1);opacity: 1;}
.i_part5 .con .pics .swiper-slide-active{opacity: 1;}
.i_part5 .con .pics .swiper-slide img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.i_part5 .con .pics .swiper-slide:hover img{transform: scale(1.05);}

.i_part5 .con .pics .swiper-slide .h{width: fit-content;display: flex;align-items: center;padding: 0.08rem 0.28rem;line-height: 0.4rem;border-radius: 0.3rem;background-color: rgba(255, 255, 255, 0.20);backdrop-filter: blur(30px);color:#ffffff;position:absolute;bottom:0.22rem;left:0.22rem;opacity:0;transition:all 0.5s;}
.i_part5 .con.show .pics .swiper-slide-active .h{opacity: 1;}
.i_part5 .con .pics .swiper-slide .h img{width: 0.2rem;height: 0.2rem;margin-right: 0.1rem;}
.i_part5 .con .pics .swiper-slide .jt{position: absolute;right:0.4rem;bottom: 0.7rem;z-index: 2;width: 0.96rem;height: 0.96rem;opacity:0;transition:all 0.5s}
.i_part5 .con.show .pics .swiper-slide-active .jt{opacity: 1;}
.i_part5 .con .tab{position: absolute;top: calc(2.2rem + 63.33vh);left: 50%;transform: translateX(-50%);width: fit-content;padding: 0.12rem 0.15rem;display: flex;border-radius: 200px;background: #F9F9F9;backdrop-filter: blur(36.900001525878906px);opacity: 0;transition: all 0.8s 0.1s;}
.i_part5 .con.show .tab{opacity: 1;}
.i_part5 .con .tab .item{display: flex;width: fit-content;padding: 0.08rem 0.26rem;line-height: 0.26rem;align-items: center;text-transform: uppercase;font-weight: 400;color: #000;transition: all 0.5s;border-radius: 0.28rem;cursor: pointer;width:18vw;}
.i_part5 .con .tab .item.on{background-color: #31C2F6;color: #fff;}
.i_part5 .con .tab .item .icon{width: 0.2rem;height: 0.2rem;margin-right: 0.1rem;}
.i_part5 .con .tab .item .icon img{width: 100%;height: 100%;object-fit: contain;}
.i_part5 .con .tab .item .icon img.img2{display: none;}
.i_part5 .con .tab .item.on .icon img.img1{display: none;}
.i_part5 .con .tab .item.on .icon img.img2{display: block;}

.ny_banner{padding: 1.6rem 1.3rem 0 1.3rem;}
.ny_banner .tit{color: #333;font-weight: 600;text-align: center;letter-spacing: 1px;line-height: 1.2;margin-bottom: 0.4rem;}
.ny_banner .pic{width: 100%;height: 7.12rem;border-radius: 0.4rem;overflow: hidden;position: relative;}
.ny_banner .pic>img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.ny_banner .pic:hover>img{transform: scale(1.05);}
.ny_banner .video_box{position: absolute;bottom: 0.3rem;right: 0.4rem;width: 3.78rem;height: 1.8rem;padding: 0.09rem;background: #D9D9D9;backdrop-filter: blur(7.900000095367432px);border-radius: 0.34rem;cursor: pointer;}
.ny_banner .video_box .pic1{width: 100%;height: 100%;overflow: hidden;border-radius: 0.26rem;}
.ny_banner .video_box .pic1 img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.ny_banner .video_box:hover .pic1 img{transform: scale(1.05);}
.ny_banner .video_box .txt{position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 100%;text-align: center;color: #fff;text-transform: capitalize;font-weight: 400;}
.ny_banner .video_box .txt img{width: 0.4rem;height: 0.4rem;margin: 0 auto;margin-bottom: 0.08rem;}

.cat1{padding: 1.1rem 0 0 0;position: relative;z-index: 2;}
.cat1:after{content: "";position: absolute;top: 0;left: 0;width: 100%; height: 8.5rem;background: url(../img/cat2_bj.png);background-size: 100% 100%;z-index: -1;}
.cat1 .tit{text-align: center;color: #333;line-height: 1.2;margin-bottom: 0.6rem;text-align: center;font-weight: 500;}
.cat1 .list{display: flex;justify-content: center;}
.cat1 .list .item{display: block;width: 4.43rem;margin: 0 0.15rem;background-color: #fff;box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.05);border-radius: 0.2rem;padding:0.98rem 0.9rem 0.5rem 0.9rem;border:2px solid #ffffff;transition:all 0.5s;}
.cat1 .list .item:hover{border-color:#31C2F6;}
.cat1 .list .item .icon{width: fit-content;height: 0.6rem;margin: 0 auto;margin-bottom: 0.16rem;}
.cat1 .list .item .icon img{height: 100%;}
.cat1 .list .item .icon img.img2{display: none;}
.cat1 .list .item:hover .icon img.img1{display: none;}
.cat1 .list .item:hover .icon img.img2{display: block;}
.cat1 .list .item .h{color: #333;font-weight: 400;line-height: 1.5;text-transform: capitalize;text-align: center;margin-bottom: 0.07rem;}
.cat1 .list .item .p{text-align: center;color: #333;line-height: 0.3rem;height: 0.9rem;margin-bottom: 0.19rem; text-transform: capitalize;font-weight: 400;}
.cat1 .list .item .btn{display: flex;justify-content: center;align-items: center;color: #31C2F6;font-weight: 400;text-transform: capitalize;}
.cat1 .list .item .btn img{width: 0.12rem;margin-left: 0.09rem;}
.cat2{padding: 1.2rem 1.3rem;display: flex;justify-content: space-between;align-items: center;flex-flow:row-reverse;}
.cat2 .pics{width: 7.46rem;height: 6.95rem;border-radius: 0.26rem;overflow: hidden;}
.cat2 .pics img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.cat2 .pics:hover img{transform: scale(1.05);}
.cat2 .txts{width: 8.4rem;}
.cat2 .txts .tit{color: #333;font-weight: 500;line-height: 1.3;text-align: center;margin-bottom: 0.69rem;}
.cat2 .txts #form1{display: flex;flex-wrap: wrap;justify-content: space-between;}
.cat2 .txts #form1 input[type="text"]{line-height: 2.8;text-transform: capitalize;}
.cat2 .txts #form1 select{line-height: 2.8;text-transform: capitalize;border: none;}
.cat2 .txts #form1 .input{width: 4rem;margin-bottom: 0.3rem;border-bottom: 1px solid rgba(0,0,0,0.14);}
.cat2 .txts #form1 .select{width: 4rem;margin-bottom: 0.3rem;border-bottom: 1px solid rgba(0,0,0,0.14);position: relative;}
.cat2 .txts #form1 .select:after{content: "";position: absolute;right: 0;top: 50%;width: 0.18rem;height: 0.1rem;transform: translateY(-50%);background: url(../img/cat_jt.svg);background-size: 100% 100%;}
.cat2 .txts #form1 .input1{width: 100%;margin: 0.3rem 0;}
.cat2 .txts #form1 .input1 textarea{width: 100%;line-height: 1.3;padding: 0.15rem;border: 1px solid rgba(0,0,0,0.14);border-radius: 0.05rem;height: 1.26rem;}
.cat2 .txts #form1 .btn_f{width: 100%;margin-bottom: 0.15rem;display: flex;cursor: pointer;}
.cat2 .txts #form1 .btn_f .gou{width: 0.12rem;height: 0.12rem;margin-right: 0.11rem;margin-top: 0.04rem}
.cat2 .txts #form1 .btn_f .gou img{width:100%;height: 100%;}
.cat2 .txts #form1 .btn_f .gou img.img2{display: none;}
.cat2 .txts #form1 .btn_f.on .gou img.img2{display: block;}
.cat2 .txts #form1 .btn_f.on .gou img.img1{display: none;}
.cat2 .txts #form1 .btn_f span{width: calc(100% - 0.23rem);color: #888;font-weight: 300;line-height: 0.2rem;}
.cat2 .txts #form1 input[type="submit"]{margin: 0 auto;width: fit-content;padding: 0 0.4rem;line-height: 0.38rem;border-radius: 0.19rem;color: #fff;border-radius: 0.2rem;
  background: #31C2F6;margin-top: 0.4rem;}
 .cat2 .txts #form1 input[type="submit"].hid{pointer-events: none;opacity: 0.6;}

.ab1{padding: 1.44rem 1.3rem 0 1.3rem;position: relative;display: flex;justify-content: space-between;align-items: flex-start;}
.ab1 .left{width: 10.68rem;position: relative;height: 7.52rem;}
.ab1 .left .tit{margin-bottom: 2.25rem;}
.ab1 .left .tit .sptext{line-height: 1.2;}
.ab1 .left .tit .sptext .after{line-height: 1.2;}
.ab1 .left .txt{width: 100%;padding-left: 6.57rem;position: absolute;bottom: 0;left: 0;}
.ab1 .left .txt .h{color: #333;margin-bottom: 0.2rem;font-weight: 400;}
.ab1 .left .txt .p{color: #333;opacity: 0.6;line-height: 1.5;font-weight: 400;}
.ab1 .right{width: 5.47rem;height: 7.52rem;border-radius: 0.3rem;overflow: hidden;}
.ab1 .right img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.ab1 .right:hover img{transform: scale(1.05);}
.ab1:after{content: "";position: absolute;bottom: 0;left: 0;width: 6.5rem;height: 6.29rem;background: url(../img/ab1_bj.png);background-size: 100% 100%;pointer-events: none;}

.ab2{padding: 1.6rem 2.96rem 0 1.3rem;}
.ab2 .tit{margin-bottom: 0.7rem;}
.ab2 .tit .sptext{line-height: 1.2;}
.ab2 .tit .sptext .after{line-height: 1.2;}
.ab2 .con{width: 100%;display: flex;justify-content: space-between;align-items: flex-end;}
.ab2 .con .pic{width: 6.57rem;height: 6.47rem;border-radius: 0.3rem;overflow: hidden;position:relative;}
.ab2 .con .pic .swiper-slide{overflow: hidden;}
.ab2 .con .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.ab2 .con .pic:hover img{transform: scale(1.05);}
.ab2 .con .list{position: relative;overflow: hidden;width: 6.25rem;height: 5.6rem;}
.ab2 .con .list:after{content:"";position: absolute;left: 0;bottom: 0;width: 100%;height: 1rem;z-index: 2; background: linear-gradient(to top, #ffffff 0%, transparent 100%);}
.ab2 .con .list .swiper-slide img{width: 0.3rem;height: 0.3rem;margin-bottom: 0.16rem;}
.ab2 .con .list .swiper-slide .h{color: #333;line-height: 1.3;text-transform: capitalize;font-weight: 500;margin-bottom: 0.12rem;}
.ab2 .con .list .swiper-slide .p{color: #333;line-height: 1.5;opacity: 0.6;font-weight: 500;font-size: 0.18rem;}

.ab3{padding: 1.6rem 1.3rem;}
.ab3 .tit{text-transform: uppercase;margin-bottom: 0.7rem;}
.ab3 .tit .sptext{line-height: 1.2;}
.ab3 .tit .sptext .after{line-height: 1.2;}
.ab3 .con{display: flex;justify-content: space-between;}
.ab3 .con .item{width: 2.07rem;height:6.26rem;border-radius: 0.16rem;position: relative;overflow: hidden;transition: all 0.5s;}
.ab3 .con .item.on{width: 5.6rem;}
.ab3 .con .item .pic{width: 5.6rem;height: 100%;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.ab3 .con .item .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.ab3 .con .item .txt{position: absolute;bottom: 0.14rem;left: 0;font-size: 0.2rem;line-height: 0.36rem;text-align: center;width: 100%;padding: 0 0.1rem;font-weight: 400;text-transform: uppercase;color: #fff;transition: all 0.5s;}
.ab3 .con .item.on .txt{font-size: 0.24rem;font-weight: 500;bottom: 0.3rem;}

.ab4{padding: 1.14rem 0 0.48rem 0;background-color: #F6F6F6;}
.ab4 .tit{text-transform: uppercase;margin-bottom: 0.7rem;text-align: center;}
.ab4 .tit .sptext{line-height: 1.2;}
.ab4 .tit .sptext .after{line-height: 1.2;}
.ab4 .con{position: relative;overflow: hidden;padding: 0 0.9rem;width: 100%;height: 8.63rem;}
.ab4 .con .yuan{position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 0.23rem;height: 0.26rem;z-index: 20;background-color:#F6F6F6;}
.ab4 .con .yuan img{width: 100%;}
.ab4 .con .scl{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: fit-content;color: #333;line-height: 1.7;z-index: 20;background-color:#F6F6F6;}
.ab4 .con .swiper-pagination{left: 50%;width: 0.02rem;transform: translateX(-50%);}
.ab4 .con .swiper-pagination .swiper-pagination-progressbar-fill{background-color: #31C2F6;}
.ab4 .con .swiper-slide{position: relative;}
.ab4 .con .swiper-slide .txt{position: absolute;bottom: 0;height: 2.07rem;width:5.3rem;z-index: 2;right: 0;padding: 0.7rem 0.64rem 0.22rem 0.64rem;}
.ab4 .con .swiper-slide .txt .h{color: #333333;line-height: 1.4;margin-bottom: 0.25rem;padding-left: 0.2rem;position: relative;}
.ab4 .con .swiper-slide .txt .h:after{content: "";position: absolute;left: 0;top: 0.12rem;width: 0.04rem;height: 0.04rem;border-radius: 50%;background-color: #333;}
.ab4 .con .swiper-slide .txt .p{color: #333;opacity: 0.6;line-height: 1.4;padding-left: 0.2rem;}
.ab4 .con .swiper-slide:nth-child(2n) .txt{right: auto;left: 0;}
.ab4 .con .swiper-slide .txt:after{content: ""; position: absolute;z-index: -1;top: 0;left: 0;width: 100%;height: 3.07rem;background: url(../img/ab4_bj.png)no-repeat right bottom;background-size: 4.08rem 2.55rem;background-color: #fff;}
.ab4 .con .swiper-slide .year{position: absolute;bottom: 2.4rem;right: 5.3rem;z-index: 21;transform: translateY(100%);color:  #333;font-size: 1rem;transition: all 0.5s;}
.ab4 .con .swiper-slide:hover .year{color: #31C2F6;}
.ab4 .con .swiper-slide:nth-child(2n) .year{right: auto;left: 5.3rem;}

.ab5{padding: 1.4rem 1.4rem 0 1.4rem;}
.ab5 .top{margin-bottom: 0.8rem;text-align: center;}
.ab5 .top .tit{text-transform: uppercase;margin-bottom: 0.16rem;text-align: center;}
.ab5 .top .tit .sptext{line-height: 1.2;}
.ab5 .top .tit .sptext .after{line-height: 1.2;}
.ab5 .top .p{color: #333;line-height: 1.54;font-weight: 400;}
.ab5 .con{width: 100%;display: flex;}
.ab5 .con .item{display: block;width: 5.16rem;margin-right: 0.4rem;}
.ab5 .con .item:last-child{margin-right: 0;}
.ab5 .con .item .pic{width: 100%;height: 5.32rem;border-radius: 0.3rem;overflow: hidden;margin-bottom: 0.28rem;}
.ab5 .con .item .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.ab5 .con .item .pic:hover img{transform: scale(1.05);}
.ab5 .con .item .txt{padding: 0 0.11rem;}
.ab5 .con .item .txt .h{color: #333;text-transform: capitalize;line-height: 1.6;font-weight: 500;margin-bottom: 0.19rem;transition: all 0.5s;}
.ab5 .con .item:hover .txt .h{color: #31C2F6;opacity: 0.8;}
.ab5 .con .item .txt .p{color: #333;line-height: 1.44;font-weight: 400;}

.ab6{padding: 1.58rem 0 1.4rem 0;}
.ab6 .top{padding: 0 1.3rem;display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.6rem;}
.ab6 .top .tit{text-transform: uppercase;margin-bottom: 0.16rem;text-align: center;}
.ab6 .top .tit .sptext{line-height: 1.2;}
.ab6 .top .tit .sptext .after{line-height: 1.2;}
.ab6 .top .tabs{display: flex;}
.ab6 .top .tabs .tab{width: fit-content;padding: 0 0.4rem;margin-left: 0.24rem;border-radius: 0.5rem;line-height: 0.48rem;cursor: pointer;color: #333;font-weight: 400; border: 1px solid #333;}
.ab6 .top .tabs .tab.on{color: #ffffff;background-color:  #31C2F6;border-color: transparent;}
.ab6 .bottom{}
.ab6 .bottom .con{position: relative;overflow: hidden;height: 0;padding-bottom: 0;}
.ab6 .bottom .con.on{height: auto;padding-bottom: 1.32rem;}
.ab6 .bottom .con .prev{position: absolute;bottom: 0; left:1.3rem;width:0.6rem;height: 0.6rem;cursor: pointer;}
.ab6 .bottom .con .prev img{width: 100%;height: 100%;}
.ab6 .bottom .con .prev img.img2{display: none;}
.ab6 .bottom .con .prev:hover img.img1{display: none;}
.ab6 .bottom .con .prev:hover img.img2{display: block;}
.ab6 .bottom .con .next{position: absolute;bottom: 0; left:2.14rem;width:0.6rem;height: 0.6rem;cursor: pointer;}
.ab6 .bottom .con .next img{width: 100%;height: 100%;}
.ab6 .bottom .con .next img.img2{display: none;}
.ab6 .bottom .con .next:hover img.img1{display: none;}
.ab6 .bottom .con .next:hover img.img2{display: block;}
.ab6 .bottom .con .swiper-pagination{top: auto;bottom: 0.3rem;width: 4.2rem;height: 1px;left: 3.2rem;background-color: rgba(51, 51, 51, 0.14);}
.ab6 .bottom .con .swiper-pagination .swiper-pagination-progressbar-fill{background-color: #31C2F6;}
.ab6 .bottom .con .swiper-slide{position: relative;display: flex;justify-content: space-between; background-color: #F6F6F6;border-radius: 0.26rem;padding: 0.37rem 0.58rem 0.55rem 0.52rem;}
.ab6 .bottom .con .swiper-slide:after{content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;width: 6.98rem;height: 0.17rem;background: url(../img/ab6_solid.png);background-size: 100% 100%;transition: all 0.5s;opacity: 0;}
.ab6 .bottom .con .swiper-slide-active:after{opacity: 1;}
.ab6 .bottom .con .swiper-slide .txt{width: 3.1rem;}
.ab6 .bottom .con .swiper-slide .txt .p{color: #333;line-height: 0.36rem;height: 1.08rem;margin-bottom: 0.3rem;font-weight: 400;}
.ab6 .bottom .con .swiper-slide .txt .h{color: #333;line-height: 1.8;font-weight: 600;margin-bottom: 0.86rem;transition: all 0.5s;}
.ab6 .bottom .con .swiper-slide-active .txt .h{color: #31C2F6;}
.ab6 .bottom .con .swiper-slide .txt .eye{width: 0.36rem;height: 0.26rem;}
.ab6 .bottom .con .swiper-slide .txt .eye img{width: 100%;height: 100%;object-fit: contain;}
.ab6 .bottom .con .swiper-slide .txt .eye img.img2{display: none;}
.ab6 .bottom .con .swiper-slide-active .txt .eye img.img1{display: none;}
.ab6 .bottom .con .swiper-slide-active .txt .eye img.img2{display: block;}
.ab6 .bottom .con .swiper-slide .pic{width: 2.3rem;height: 3.01rem;border-radius: 0.06rem;overflow: hidden;background-color: #ffffff;}
.ab6 .bottom .con .swiper-slide .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.ab6 .bottom .con .swiper-slide .pic:hover img{transform: scale(1.05);}

.v_tc{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background-color:rgba(0,0,0,0.8);z-index:999;opacity:0;pointer-events:none;transition:all 0.5s;}
.v_tc.show{opacity: 1;pointer-events: all;}
.v_tc .v_con{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 80%;max-height: 70vh;}
.v_tc .v_con video{width: 100%;max-height: 70vh;object-fit: contain;}
.v_tc .v_con .out{position: absolute;top: 0;right: 0;transform: translateX(0.5rem);width: 0.36rem;height: 0.36rem;background-color: #ffffff;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor:pointer;}
.v_tc .v_con .out img{width: 0.26rem;height: 0.26rem;}

.eco_con .eco1{position: relative;height: 300vh;padding-top: 2.7rem;}
.eco_con .eco1 .tit{text-align: center;margin-bottom: 0.16rem;}
.eco_con .eco1 .tit .sptext{line-height: 1.2;}
.eco_con .eco1 .tit .sptext .after{line-height: 1.2;}
.eco_con .eco1 .txt_p{text-align: center;color: #666;text-transform: capitalize;font-weight: 300;margin-bottom: 0.84rem;}
.eco_con .eco1 .cons{position: sticky;top: 15vh;padding-bottom: 1.8rem; width: 100%;overflow: hidden;padding-left: 1.3rem;}
.eco_con .eco1 .cons .con{width: fit-content;display: flex;}
.eco_con .eco1 .cons .con .item{width: 6.5rem;height: 74vh;border-radius: 0.8rem;position: relative;overflow: hidden;margin-right: 0.5rem;}
.eco_con .eco1 .cons .con .item:last-child{margin-right: 0;}
.eco_con .eco1 .cons .con .item .pic{width: 100%;height: 100%;}
.eco_con .eco1 .cons .con .item .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.eco_con .eco1 .cons .con .item:hover .pic img{transform: scale(1.05);}
.eco_con .eco1 .cons .con .item .txt{position: absolute;left: 0.3rem;width: calc(100% - 0.6rem);bottom: 0.3rem;border-radius: 0.8rem;border: 1px solid #FFF;background: rgba(255, 255, 255, 0.30);backdrop-filter: blur(50px);padding: 0.55rem 0.45rem;height: 3.42rem;}
.eco_con .eco1 .cons .con .item .txt .h{position: relative;color: #333;text-transform: capitalize;line-height: 0.44rem;padding-bottom: 0.1rem;margin-bottom: 0.4rem;}
.eco_con .eco1 .cons .con .item .txt .h:after{content: "";position: absolute;left: 0;bottom: 0;width: 0.3rem;height: 2px;background-color: #333;}
.eco_con .eco1 .cons .con .item .txt .p{color: #333;line-height: 1.45;opacity: 0.8;font-weight: 400;}

.eco_con .eco2{position: relative;padding: 0 1.3rem;}
.eco_con .eco2 .tit{text-align: center;margin-bottom: 0.16rem;}
.eco_con .eco2 .tit .sptext{line-height: 1.2;}
.eco_con .eco2 .tit .sptext .after{line-height: 1.2;}
.eco_con .eco2 .txt_p{text-align: center;color: #666;text-transform: capitalize;font-weight: 300;margin-bottom: 0.84rem;}
.eco_con .eco2 .con{width: 100%;border-radius: 0.8rem;background: #F8F8F8;display: flex;justify-content: center;align-items: center;height: 6rem;}
.eco_con .eco2 .con .left{width: 4rem;height: 4rem; position: relative;overflow: hidden;margin-right: 2rem;}
.eco_con .eco2 .con .left .swiper-slide{height: 100%;display: flex;justify-content: center;align-items: center;}
.eco_con .eco2 .con .right{width: 4rem;height: 4rem;position: relative;overflow: hidden;}
.eco_con .eco2 .con .right:after{content: "";position: absolute;bottom: 0;left: 0; pointer-events: none;width: 100%;height: 20%;background: linear-gradient(180deg, rgba(248, 248, 248, 0.00) 0%, #F8F8F8 45%);z-index: 2;}
.eco_con .eco2 .con .right .swiper-slide{height: 100%;display: flex;justify-content: center;align-items: center;opacity: 0.3;transition: all 0.5s;color: #333;font-weight: 600;}
.eco_con .eco2 .con .right .swiper-slide-active{opacity: 1;}

.eco_con .eco3{padding: 1.8rem 0;}
.eco_con .eco3 .tit{text-align: center;margin-bottom: 0.16rem;}
.eco_con .eco3 .tit .sptext{line-height: 1.2;}
.eco_con .eco3 .tit .sptext .after{line-height: 1.2;}
.eco_con .eco3 .txt{text-align: center;color: #666;text-transform: capitalize;font-weight: 300;margin-bottom: 0.84rem;}
.eco_con .eco3 .pics{position: relative;overflow: hidden;margin-bottom: 0.36rem;}
.eco_con .eco3 .pics .swiper-slide{position: relative;height: 4.55rem;border: 1px solid #CFCFCF;transition: all 0.5s;}
.eco_con .eco3 .pics .swiper-slide:hover{background-color: #F6F6F6;}
.eco_con .eco3 .pics .swiper-slide .icon{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 1.3rem;height: 1.3rem;border-radius: 50%;overflow: hidden;transition: all 0.5s;}
.eco_con .eco3 .pics .swiper-slide .icon img{width: 100%;height: 100%;object-fit: cover;}
.eco_con .eco3 .pics .swiper-slide-active .icon{width: 2rem;height: 2rem;}
.eco_con .eco3 .pics .swiper-slide:hover .icon{width:100%;border-radius:0;height:2rem;}
.eco_con .eco3 .txts{position: relative;overflow: hidden;}
.eco_con .eco3 .txts .swiper-slide{padding: 0 5.55rem;text-align: center;}
.eco_con .eco3 .txts .swiper-slide .h{color: #333;font-weight: 600;margin-bottom: 0.43rem;}
.eco_con .eco3 .txts .swiper-slide .p{color: #333;font-weight: 500;line-height: 2;}
.eco_con .eco3 .txts .prev{position: absolute;top: 1rem;left: 1.3rem;width: 0.6rem;height: 0.6rem;cursor: pointer;z-index: 2;}
.eco_con .eco3 .txts .prev img{width: 100%;height: 100%;object-fit: contain;}
.eco_con .eco3 .txts .prev img.img2{display: none;}
.eco_con .eco3 .txts .prev:hover img.img2{display: block;}
.eco_con .eco3 .txts .prev:hover img.img1{display: none;}
.eco_con .eco3 .txts .next{position: absolute;top: 1rem;right: 1.3rem;width: 0.6rem;height: 0.6rem;cursor: pointer;z-index:2;}
.eco_con .eco3 .txts .next img{width: 100%;height: 100%;object-fit: contain;}
.eco_con .eco3 .txts .next img.img2{display: none;}
.eco_con .eco3 .txts .next:hover img.img2{display: block;}
.eco_con .eco3 .txts .next:hover img.img1{display: none;}

.eco4{padding: 0 1.3rem 1.4rem 1.3rem;}
.eco4 .con{width: 100%;padding: 1.1rem 0 1rem 0;position: relative;z-index: 2;border-radius: 0.8rem;overflow: hidden;}
.eco4 .con:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(51, 51, 51, 0.40);}
.eco4 .con video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: -2;}
.eco4 .con .tit{text-align: center;color: #fff;margin-bottom: 2rem;position: relative;z-index: 2;line-height: 1.2;}
.eco4 .con .tit .hl{font-weight: 300;}
.eco4 .con .btn{width: fit-content;margin: 0 auto;display: block;padding: 0.2rem 0.25rem;border-radius: 0.8rem;border: 1px solid #FFF;background: rgba(255, 255, 255, 0.30);backdrop-filter: blur(50px);color: #fff;position: relative;z-index: 2;}

.sup1{padding: 2.7rem 1.3rem 0 1.3rem;}
.sup1 .tit{text-align: center;margin-bottom: 0.16rem;color: #333;}
.sup1 .txt_p{text-align: center;color: #666;text-transform: capitalize;font-weight: 300;margin-bottom: 1rem;}
.sup1 .tit .hl{font-weight: 300;}
.sup1 .tit .sptext{line-height: 1.2;}
.sup1 .tit .sptext .after{line-height: 1.2;}
.sup1 .con{position: relative;overflow: hidden;height: 94.63vh;}
.sup1 .con .swiper-slide{position: relative;height: 100%;}
.sup1 .con .swiper-slide .pic1{width: 100%;height: 83.33vh;border-radius: 0.8rem;overflow: hidden;}
.sup1 .con .swiper-slide .pic1 img{width: 100%;height: 100%;object-fit: cover;}
.sup1 .con .swiper-slide .pic2{position: absolute;bottom: 0;left: 50%;transform: translateX(0%);opacity: 0;transition: all 0.5s 0.8s; width: 13.72rem;height: 66.76vh;}
.sup1 .con .swiper-slide-active .pic2{opacity: 1;transform: translateX(-50%);}
.sup1 .con .swiper-slide .pic2 img{width: 100%;height: 100%;object-fit: contain;}
.sup1 .con .swiper-slide .btn{position: absolute;top: 0.6rem;left: 50%;width: 2.6rem;line-height: 0.6rem;border-radius: 0.3rem;transform: translateX(-50%);color: #ffffff;text-align: center;text-transform: capitalize;border: 1px solid #FFF;background: rgba(51, 51, 51, 0.30);backdrop-filter: blur(50px);}
.sup1 .con .prev{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 0.5rem;z-index: 2;cursor: pointer;}
.sup1 .con .next{position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 0.5rem;z-index: 2;cursor: pointer;}

.sup2{padding: 1.8rem 1.3rem 0 1.3rem;}
.sup2 .tit{text-align: center;margin-bottom: 0.16rem;color: #333;}
.sup2 .tit .hl{font-weight: 300;}
.sup2 .tit .sptext{line-height: 1.2;}
.sup2 .tit .sptext .after{line-height: 1.2;}
.sup2 .txt_p{text-align: center;color: #666;text-transform: capitalize;font-weight: 300;margin-bottom: 1rem;}
.sup2 .con{width: 100%;border-radius: 0.8rem;overflow: hidden;position: relative;height:0;overflow:hidden;}
.sup2 .con.on{height: 8rem;}
.sup2 .con>.bj{width: 100%;height: 100%;}
.sup2 .con>.bj img{width: 100%;height: 100%;object-fit: cover;}
.sup2 .con .btn{position: absolute;top: 0.4rem;left: 50%;transform: translateX(-50%);width: fit-content;line-height: 0.56rem;border: 0.01rem solid #ffffff;border-radius: 0.3rem;padding: 0 0.25rem;background: rgba(51, 51, 51, 0.30);color: #fff; backdrop-filter: blur(50px);}
.sup2 .con .dian_box{position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 2;}
.sup2 .con .dian_box .dian{position: absolute;width: 0.4rem;height: 0.4rem;cursor: pointer;transform: translate(-50%,-50%);}
.sup2 .con .dian_box .dian .yuan{width: 100%;height: 100%;}
.sup2 .con .dian_box .dian .yuan img{width: 100%;height: 100%;}
.sup2 .con .dian_box .dian .yuan img.img2{display: none;}
.sup2 .con .dian_box .dian:hover .yuan img.img2{display: block;}
.sup2 .con .dian_box .dian:hover .yuan img.img1{display: none;}
.sup2 .con .dian_box .dian .txt{display: none;}
.sup2 .con .dian_box .dian:nth-child(1){top: 70%;left: 50%;}
.sup2 .con .dian_box .dian:nth-child(2){top: 10%;left: 70%;}
.sup2 .con .dian_box .dian .txt{position: absolute;top: 0.2rem;left: 0.2rem;width: 2rem;height: 0.9rem;display: flex;justify-content: center;align-items: center;background: url(../img/sup2_kuai.png);background-size: 100% 100%;opacity: 0;transition: all 0.5s;}
.sup2 .con .dian_box .dian:hover .txt{opacity: 1;}
.sup2 .con .dian_box .dian .txt .p{color: #fff;width: 80%;text-align: center;line-height: 1.3;}
.sup2 .con .con1{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 5;transition: all 0.5s;opacity: 0;pointer-events: none;transition: all 0.5s;}
.sup2 .con .con1.show{opacity: 1;pointer-events: all;}
.sup2 .con .con1::after{content: "";position: absolute;left: 0;bottom: 0;background: linear-gradient(180deg, rgba(74, 74, 74, 0.00) 0%, #717171 100%);width: 100%;height: 1.58rem;z-index: 2;pointer-events: none;}
.sup2 .con .con1 .boxs{position: absolute;z-index: 20; top: 0.35rem;right: 0.35rem;width: 5.2rem;height: calc(100% - 0.7rem);overflow: hidden;border-radius: 0.8rem;
background: rgba(255, 255, 255, 0.30);backdrop-filter: blur(50px);height: 0;}
.sup2 .con .con1 .boxs.on{height: calc(100% - 0.7rem);padding-bottom: 0.5rem;border: 1px solid #FFF;}
.sup2 .con .con1 .boxs .out{position: absolute;z-index: 5;top: 0.33rem;right: 0.45rem;width: 0.3rem;height: 0.3rem;cursor: pointer;transition: all 0.5s;}
.sup2 .con .con1 .boxs .out:hover{transform: rotate(180deg);}
.sup2 .con .con1 .boxs .swiper-slide{height: 100%;padding: 0.3rem 0.45rem 0 0.45rem;}
.sup2 .con .con1 .boxs .swiper-slide .h_1{color: #333;margin-bottom: 0.14rem;font-weight: 400;text-transform: capitalize;}
.sup2 .con .con1 .boxs .swiper-slide .p_1{color: #333;position: relative;padding-left: 0.24rem;line-height: 0.24rem;font-size: 0.2rem;margin-bottom: 2.8vh;}
.sup2 .con .con1 .boxs .swiper-slide .p_1::before{content: "";position: absolute;left: 0;top: 0.12rem;transform: translateY(-50%);width: 0.12rem;height: 1px;background-color: #333;}
.sup2 .con .con1 .boxs .swiper-slide .pic{width: 100%;height: 30.55vh;margin-bottom:3.7vh;}
.sup2 .con .con1 .boxs .swiper-slide .pic img{width: 100%;height: 100%;object-fit: contain;}
.sup2 .con .con1 .boxs .swiper-slide .p_2{color: #333;line-height: 1.5;text-transform: capitalize;font-weight: 500;margin-bottom: 0.26rem;}
.sup2 .con .con1 .boxs .swiper-slide .btn1{width: fit-content;display: flex;align-items: center;white-space: nowrap;padding: 0 0.2rem;line-height: 0.5rem;border-radius: 0.25rem;background: rgba(255, 255, 255, 0.30);margin: 0 auto; backdrop-filter: blur(15px);color: #333;text-transform: capitalize;}
.sup2 .con .con1 .boxs .swiper-slide .btn1 img{width: 0.2rem;height: 0.2rem;margin-right: 0.14rem;}
.sup2 .con .con1 .boxs .swiper-pagination{bottom: 0.3rem;}
.sup2 .con .con1 .boxs .swiper-pagination .swiper-pagination-bullet{border-radius: 1px;width: 0.6rem;height: 2px;opacity: 0.5;background-color: #ffffff;margin: 0 0.05rem;}
.sup2 .con .con1 .boxs .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;}

.sup2 .con .con1 .bpic{position: relative;width: 100%;height: 100%;}
.sup2 .con .con1 .bpic .bpic1{display: none;position:relative;width: 100%;height: 100%;}
.sup2 .con .con1 .bpic .bpic1.on{display: block;}
.sup2 .con .con1 .bpic img{position:absolute;top:0;left:0; width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;opacity: 0;}
.sup2 .con .con1 .bpic img.on{opacity: 1;}
.sup2 .con .con1 .tabs{position: absolute;left: 0.6rem;bottom: 0.7rem;width: fit-content;z-index: 5;display: flex;display: none;}
.sup2 .con .con1 .tabs.on{display: flex;}
.sup2 .con .con1 .tabs .tab{width:0.9rem;position: relative;margin-right: 0.3rem;transition: all 0.5s;}
.sup2 .con .con1 .tabs .tab.on,.sup2 .con .con1 .tabs .tab:hover{transform: translateY(-0.2rem);}
.sup2 .con .con1 .tabs .tab::before{content: "";position: absolute;left: 50%;transform: translateX(-50%);width: 0.35rem;height: 2px;top: -0.12rem;opacity: 0;background-color: #fff;}
.sup2 .con .con1 .tabs .tab.on::before,.sup2 .con .con1 .tabs .tab:hover::before{opacity: 1;}
.sup2 .con .con1 .tabs .tab img{border-radius: 0.2rem;width: 100%;height: 0.9rem;margin-bottom: 0;}
.sup2 .con .con1 .tabs .tab .p1{color: #fff;text-align: center;line-height: 1.3;position: absolute;top: calc(100% + 0.12rem);width: fit-content;left: 50%;transform: translateX(-50%);white-space: nowrap;opacity: 0;}
.sup2 .con .con1 .tabs .tab.on .p1{opacity: 1;}


.sup3{padding: 1.8rem 1.3rem 0 1.3rem;}
.sup3 .tit{text-align: center;margin-bottom: 0.16rem;color: #333;}
.sup3 .tit .hl{font-weight: 300;}
.sup3 .tit .sptext{line-height: 1.2;}
.sup3 .tit .sptext .after{line-height: 1.2;}
.sup3 .txt_p{text-align: center;color: #666;text-transform: capitalize;font-weight: 300;margin-bottom: 1rem;}
.sup3 .con{display: flex;justify-content: space-between;align-items: start;width: 100%;}
.sup3 .con .left{width: 7.8rem;height: 8.63rem;border-radius: 0.8rem;position: relative;overflow: hidden;}
.sup3 .con .left .pics{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: all 0.5s;pointer-events: none;}
.sup3 .con .left .pics.on{pointer-events: all;opacity: 1;}
.sup3 .con .left .pics .pic1{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.sup3 .con .left .pics .pic1:after{content: "";position: absolute;left: 0;bottom: 0;background: linear-gradient(180deg, rgba(74, 74, 74, 0.00) 0%, #717171 100%);width: 100%;height: 1.58rem;z-index: 2;}
.sup3 .con .left .pics .pic1 img{width: 100%;height: 100%;object-fit: cover;}
.sup3 .con .left .pics .pic2{position: absolute;bottom: 0.48rem; left: 0;width: 100%;padding: 0 0.2rem;display: flex;justify-content: center;z-index: 3;}
.sup3 .con .left .pics .pic2 .item{width: 0.9rem;height: 0.9rem;margin: 0 0.15rem;transition: all 0.5s;cursor: pointer;position: relative;}
.sup3 .con .left .pics .pic2 .item::before{content: "";position: absolute;left: 50%;transform: translateX(-50%);width: 0.35rem;height: 2px;top: -0.12rem;opacity: 0;background-color: #fff;}
.sup3 .con .left .pics .pic2 .item.on::before,.sup3 .con .left .pics .pic2 .item:hover::before{opacity: 1;}
.sup3 .con .left .pics .pic2 .item.on{transform: translateY(-0.2rem);}
.sup3 .con .left .pics .pic2 .item:hover{transform: translateY(-0.2rem);}
.sup3 .con .left .pics .pic2 .item img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;border-radius: 0.2rem;}
.sup3 .con .right{width: 7.8rem;}
.sup3 .con .right .tit1{color: #333;text-transform: capitalize;font-weight: 600;margin-bottom: 0.64rem;}
.sup3 .con .right .list .item{padding-bottom: 0.2rem;border-bottom: 1px solid #CFCFCF;margin-bottom: 0.34rem;}
.sup3 .con .right .list .item .h{color: #333;line-height: 0.3rem;padding-right: 0.6rem;position: relative;font-weight: 500;}
.sup3 .con .right .list .item .h:after{content: "";position: absolute;right: 0;top:0;width: 0.3rem;height: 0.3rem;background: url(../img/sup3_add.png);background-size: 100% 100%;}
.sup3 .con .right .list .item.on .h:after{background-image: url(../img/sup3_add1.png);}
.sup3 .con .right .list .item .p{color: #333;font-weight: 400;line-height: 1.7;text-transform: capitalize;padding-top: 0.2rem;display: none;}

.sup4{padding: 1.8rem 0;}
.sup4 .tit{text-align: center;margin-bottom: 0.16rem;color: #333;}
.sup4 .tit .sptext{line-height: 1.2;}
.sup4 .tit .sptext .after{line-height: 1.2;}
.sup4 .p{text-align: center;color: #666;text-transform: capitalize;font-weight: 300;margin-bottom: 1rem;}
.sup4 .tabs{display: flex;justify-content: center;margin-bottom: 0.58rem;}
.sup4 .tabs .tab{width: 2.4rem;line-height: 0.48rem;border: 0.01rem solid #333;text-align: center;border-radius: 0.25rem;margin: 0 0.15rem;cursor: pointer;transition: all 0.5s;color: #333;}
.sup4 .tabs .tab.on,.sup4 .tabs .tab:hover{color: #fff;background-color: #31C2F6;border-color: transparent;}
.sup4 .con{height: 0;overflow: hidden;position: relative;z-index: 2;}
.sup4 .con::before{content: "";position: absolute;left: 0;top: 0;width: 30%;height: 100%;background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);z-index: 2;}
.sup4 .con::after{content: "";position: absolute;right: 0;top: 0;width: 30%;height: 100%;background: linear-gradient(to left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);z-index: 2;}
.sup4 .con.on{height: auto;padding-bottom: 0.9rem;}
.sup4 .con .swiper-slide .pic{width: 100%;height: 5.62rem;overflow: hidden;margin-bottom: 0.2rem;opacity:0.5;transition: all 0.5s;}
.sup4 .con .swiper-slide-active .pic{opacity: 1;}
.sup4 .con .swiper-slide .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.sup4 .con .swiper-slide .pic:hover img{transform: scale(1.05);}
.sup4 .con .swiper-slide .txt{text-align: center;color: #000000;font-weight: 400;text-transform: capitalize;opacity: 0;transition: all 0.5s;}
.sup4 .con .swiper-slide-active .txt{opacity: 1;}
.sup4 .con .swiper-pagination{position: absolute;left: 50%;transform: translateX(-50%);top: auto;bottom: 0;width: 5rem;height: 2px;background-color: #CFCFCF;}
.sup4 .con .swiper-pagination .swiper-pagination-progressbar-fill{background-color: #333;}




@media screen and (min-width: 1922px) {
}
@media screen and (max-width: 1680px) {
}
@media screen and (max-width: 1560px) {
}
@media screen and (max-width: 1440px) {


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

}
@media screen and (max-width: 1290px) {
}
@media screen and (max-width: 1290px) {
}
@media screen and (max-width: 1024px) {
html{font-size: 60px!important;}
.header {
  display: none;
}

.m_header {position: fixed;top: 0;left: 0;width: 100%;background-color: #fff;padding: 10px 15px;z-index: 98;display: flex !important;justify-content: space-between;transition: all 0.5s;border-bottom:1px solid rgba(0,0,0,0.2);}
  .m_header.on {background-color: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
  .m_header .logo { width: 40px;}
  .m_header .logo img {width: 100%;}
  .m_header .right {display: flex;align-items: center;}
  .m_header .right .tel {font-size: 16px;font-weight: 600;margin-right: 12px;padding-left: 26px;line-height: 26px;background: url(../img/m_tel.svg)no-repeat left center;background-size: 22px auto;}

  /*.m_header .right .tel{width: 22px;margin-right: 18px;}*/
  /*.m_header .right .tel img{width: 100%;}*/
  .m_header .right .ser {width: 20px;margin-right: 18px;}
  .m_header .right .ser img {width: 100%;}
  .m_header .btn {display: block;}
  .m_header .btn {margin-right: 0;cursor: pointer;height: 37px;padding-top: 16px;}
  .m_header .btn.hide {opacity: 0;}
  .m_header .btn div {display: block;width: 22px;height: 1px;background-color: #333;border-radius: 1px;transition: all 0.3s;}
  .m_header .btn div:nth-child(1) {transform: translate(0, -8px);}
  .m_header .btn div:nth-child(2) {transform: translate(12px, 0);width: 12px;}
  .m_header .btn div:nth-child(3) {transform: translate(0px, 8px);}
  .m_header .btn:hover div:nth-child(1) {transform: translate(0, -8px);}
  .m_header .btn:hover div:nth-child(2) {transform: translate(0, 0);width: 22px;}
  .m_header .btn:hover div:nth-child(3) {transform: translate(0, 8px);}
  .m_header {display: flex !important;display: flex;justify-content: space-between;align-items: center}
  .mh_nav {display: block !important;}
  .mh_nav {position: fixed;top: 0;left: 10%;width: 90%;transform: translateX(120%);z-index: 999;background-color: #fff;height: 100vh;overflow: auto;padding: 50px 15px;transition: all 0.5s;box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);}
  .mh_nav.show {transform: translateX(0);}
  .mh_nav .close {position: absolute;top: 20px;right: 20px;width: 20px;height: 20px;}
  .mh_nav .nav>li {border-bottom: 1px solid rgba(0, 0, 0, 0.1);position: relative;padding-right: 40px;}
  .mh_nav .nav>li>a {line-height: 60px;font-size: 16px;display: block;font-family: hm;}
  .mh_nav .nav>li:after {content: "";display: none; position: absolute; right: 0;top: 21px;transition: all 0.5s;width: 18px;height: 18px;background: url(../img/sup3_add.png)no-repeat center;background-size: auto 100%;}
  .mh_nav .nav>li.on:after {background-image:url(../img/sup3_add1.png)}
  .mh_nav .nav>li:nth-child(1):after {display: none;}
  .mh_nav .nav>li:nth-child(4):after {display: none;}
  .mh_nav .nav>li:nth-child(5):after {display: none;}
  .mh_nav .nav>li:nth-child(6):after {display: none;}
  .mh_nav .nav>li:nth-child(7):after {display: none;}
  .mh_nav .nav>li:nth-child(8):after {display: none;}
  .mh_nav .nav>li .nav1 {padding: 15px;line-height: 24px;display: none;font-size: 14px;font-family: hm;}
  .mh_nav .nav>li .nav1 .h {font-family: 'hb';font-weight: 600;font-size: 14px;color: #1f1f1f;margin-bottom: 8px;}
  .mh_nav .nav>li .nav1 a {padding: 6px 0;}
  .mh_nav .nav>li .nav2 {font-size: 13px;padding-left: 16px;font-family: hr;}
  .mh_nav .nav>li .nav2 a {font-size: 13px;padding: 0;}

  .footer{background-color: #F6F6F6;}
  .footer .f_top{display: block;padding: 45px 0 14px 0;}
  .footer .f_top .t_left .f_logo{margin: 0 auto;margin-bottom: 26px;}
  .footer .f_top .t_left .list{justify-content: center;}
  .footer .f_top .t_right .list:nth-child(1){display: none;}
  .footer .f_top .t_right .list:nth-child(2){width: 100%;padding-top: 30px;}
  .footer .f_top .t_right .list::before{display: none;}
  .footer .f_top .t_right .list .item .h{font-size: 16px;text-align: center;line-height: 1.3;}
  .footer .f_top .t_right .list .item .p{font-size: 14px;text-align: center;line-height: 1.3;}
  .footer .f_top .t_right{display: block;width: 100%;}
  .footer .f_top .t_right #form_f{position: static;justify-content: center;width: 100%;margin-top: 20px;}
  .footer .f_top .t_right #form_f input[type="text"]{width: 200px;font-size: 13px;}
  .footer .f_top .t_right #form_f input[type="submit"]{width: 80px;font-size: 13px;}
  .footer .f_bottom{display: block;padding: 20px 0;}
  .footer .f_bottom .p{font-size: 12px;text-align: center;line-height: 1.3;margin-bottom: 10px;}
  .footer .f_bottom .list{font-size: 12px;justify-content: center;}


.in_con .banner{display: none;}
.in_con .m_banner{display: block!important;position: relative;width: 100%;height: 91.73vw;background-color: #000;}
.in_con .m_banner img{width: 100%;height: 100%;object-fit: cover;opacity: 0.8;}
.in_con .m_banner .txt{position: absolute;left: 0;bottom: 0;width: 100%;color: #fff;text-align: center;padding: 0 15px;padding-bottom: 18px;}
.in_con .m_banner .txt .h{line-height: 2;font-weight: 500;margin-bottom: 16px;}
.in_con .m_banner .txt .p{font-weight: 300;line-height: 1.3;}
.i_part2{height: auto;overflow: hidden;}
.i_part2 .con{height: auto;padding-bottom: 40px;padding-top: 60px;}
.i_part2 .con .top{margin-bottom: 30px;}
.i_part2 .con .top .tip{font-size: 12px;}
.i_part2 .con .top .tit{font-size: 18px;line-height: 28px;}
.i_part2 .con .top .tit .sptext{line-height: 28px;}
.i_part2 .con .top .tit .sptext .after{line-height: 28px;}
.i_part2 .con .list{display: none;}
.i_part2 .con .list_m{display: block!important;position: relative;overflow: hidden;padding: 0 15px;}
.i_part2 .con .list_m .swiper-slide{height: 83.46vw;border-radius: 8px;overflow: hidden;position: relative;}
.i_part2 .con .list_m .swiper-slide::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 23.46vw;background:linear-gradient(180deg, rgba(51, 51, 51, 0.00) 15.71%, rgba(0, 0, 0, 0.80) 100%);;}
.i_part2 .con .list_m .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}
.i_part2 .con .list_m .swiper-slide .txt{position: absolute;left: 0;bottom: 0;width: 100%;padding: 0 20px 30px 20px;text-align: center;color: #ffffff;line-height: 1.62;text-transform: uppercase;font-size: 12px;}
.i_part2 .con .yuan{width: 5.8rem;height: 5.8rem;}

.i_part3{padding: 40px 0 16px 0;overflow: hidden;}
.i_part3 .top{padding: 0 15px;}
.i_part3 .top .tip{font-size: 12px;}
.i_part3 .top .tit{font-size: 18px;}
.i_part3 .top .tit .sptext{line-height: 28px;}
.i_part3 .top .tit .sptext .after{line-height: 28px;}
.i_part3 .map_box{width: 100%;}
.i_part3 .map_box .bj .map_solid{width: 75%;top: -11%;left: 14%;}
.i_part3 .num_box{padding: 0 15px;flex-wrap: wrap;}
.i_part3 .num_box .box{width: 100%;margin: 16px 0 0 0;padding: 20px 0;}
.i_part3 .num_box .box .nums .num{font-size: 22px;}
.i_part3 .num_box .box .bj img{width: 6.5rem;}
.i_part3 .num_box .box .p{font-size: 14px;}
.i_part3 .num_box .box .nums .add{font-size: 18px;}

.i_part4{display: none;}
.mi_part4{display: block!important;padding: 40px 15px 0 15px;overflow: hidden;}
.mi_part4 .top{margin-bottom: 30px;text-align: center;}
.mi_part4 .top .tip{display: flex;justify-content: center;align-items: center;margin-bottom: 0.2rem;color: #333;font-weight: 600;line-height: 1.2;font-size: 12px;}
.mi_part4 .top .tip img{width: 0.14rem;height: 0.14rem;object-fit: contain;margin-right: 0.18rem;}
.mi_part4 .top .tit{text-transform: uppercase;font-size: 18px;}
.mi_part4 .top .tit .sptext{line-height: 28px;}
.mi_part4 .top .tit .sptext .after{line-height: 28px;}
.mi_part4 .con{position: relative;overflow: hidden;border-radius: 8px;box-shadow: 0px 0px 75.9px 0px rgba(0, 0, 0, 0.08);}
.mi_part4 .con .swiper-slide{border-radius: 8px;overflow: hidden;}
.mi_part4 .con .swiper-slide img{width: 100%;height: 50.66vw;border-radius: 8px;overflow: hidden;}
.mi_part4 .con .swiper-slide .txt{padding: 18px 16px 64px 16px;}
.mi_part4 .con .swiper-slide .txt .h{font-size: 18px;line-height: 22px;height: 22px;margin-bottom: 5px;color: #333;text-transform: uppercase;}
.mi_part4 .con .swiper-slide .txt .p{color: #666;line-height: 1.5;font-weight: 400;font-size: 12px;}
.mi_part4 .con .btns{position: absolute;right: 9px;bottom: 20px;width: 60px;display: flex;justify-content: space-between;z-index: 2;}
.mi_part4 .con .btns>div{width: 26px;}
.mi_part4 .con .btns>div img{width: 100%;}
.mi_part4 .con .btns>div img.img1{display: none;}
.mi_part4 .con .swiper-pagination{width: fit-content;left: 15px;bottom: 20px;font-size: 12px;font-weight: 400;}
.mi_part4 .con .swiper-pagination .swiper-pagination-current{font-size: 20px;color: #333;font-weight: 500;}

.i_part5{padding: 60px 0 80px 0;height: auto;overflow: hidden;}
.i_part5 .con{height: auto;}
.i_part5 .con .tit{position: static;padding: 0 15px;font-size: 18px;}
.i_part5 .con .tit .sptext{line-height: 28px;}
.i_part5 .con .tit .sptext .after{line-height: 28px;}
.i_part5 .con .pics{position: relative;top: 0;left: 0;margin-top: 30px;padding: 0 15px;padding-bottom:50px;}
.i_part5 .con .pics .swiper-slide{opacity: 1;transform: scale(1);height: 60vw;position: relative;}
.i_part5 .con .pics .swiper-slide .h{font-size:12px;left:0;bottom:0;width:100%;opacity:1; border-radius:0;justify-content:center;text-align:center;}
.i_part5 .con .pics .swiper-slide .h img{display: none;}
.i_part5 .con .tab{display: block;position: relative;top: auto;left: auto;transform: translateX(0);opacity: 1;display: none;}
.i_part5 .con.show .tit{opacity: 1!important;}
.i_part5 .con.show .pics{top: 0!important;}

.sptext .after{clip-path: none!important;}

.ny_banner{padding: 100px 15px 0 15px;}
.ny_banner .pic{height: 60vw;}
.ny_banner .tit{font-size: 24px;}
.cat1{padding: 60px 15px 0 15px;}
.cat1 .tit{font-size: 24px;}
.cat1 .list{display: block;}
.cat1 .list .item{width: 100%;margin:0 0 20px 0;padding: 30px;}
.cat1 .list .item .h{font-size: 16px;}
.cat1 .list .item .p{font-size: 14px;line-height: 1.3;}
.cat1 .list .item .btn{font-size: 12px;}
.cat1 .list .item .btn img{width: 8px;}
.cat2{padding: 60px 15px;display: block;}
.cat2 .txts{width: 100%;}
.cat2 .txts .tit{font-size: 24px;}
.cat2 .txts #form1 .input{width: 100%;margin-bottom: 6px;}
.cat2 .txts #form1 .select{width: 100%;margin-bottom: 6px;}
.cat2 .txts #form1 .btn_f{font-size: 12px;line-height: 18px;}
.cat2 .txts #form1 .btn_f span{line-height: 18px;}
.cat2 .txts #form1 .btn_f .gou{width: 8px;height: 8px;margin-top: 5px;}
.cat2 .pics{width: 100%;display: none;}
.cat2 .txts #form1 input[type="submit"]{line-height: 32px;border-radius: 16px;}
.cat2 .txts #form1 input[type="text"]{width: 100%;font-size: 13px;}
.cat2 .txts #form1 select{font-size: 13px;}
.cat2 .txts #form1 .input1 textarea{font-size: 13px;}

.sup1{padding: 100px 15px 0 15px;}
.sup1 .tit{margin-bottom: 30px;font-size: 28px;}
.sup1 .con{height: 65vw;}
.sup1 .con .swiper-slide .pic1{height: 56vw;}
.sup1 .con .swiper-slide .pic2{height: 39vw;}
.sup1 .con .swiper-slide .btn{font-size: 12px;width: fit-content;padding: 0 10px;white-space: nowrap;top: 30px;}
.sup1 .con .next,.sup1 .con .prev{width: 0.3rem;}
.sup2{padding: 60px 15px 0 15px;}
.sup2 .tit{font-size: 28px;margin-bottom: 30px;}
.sup2 .con.on{height: auto;border-radius: 0;}
.sup2 .con>.bj{height: 120vw;    border-radius: 0.8rem;overflow: hidden;}
.sup2 .con .btn{font-size: 12px;width: fit-content;padding: 0 10px;white-space: nowrap;}
.sup2 .con .dian_box{position: relative;margin-top: 20px;width: 100%;display: flex;flex-wrap: wrap;justify-content:space-between}
.sup2 .con .dian_box .dian{position: relative;top: auto!important;left: auto!important; width: fit-content;height: auto;transform: translate(0,0);width: 49%;text-align: center;border-bottom: 1px solid #ccc;}
.sup2 .con .dian_box .dian .yuan{display: none;}
.sup2 .con .dian_box .dian .txt{position: static;opacity: 1;height: auto;width: 100%;padding-bottom: 8px;}
.sup2 .con .dian_box .dian .txt .p{width: auto;color: #333;line-height: 2;}
.sup2 .con .con1 .tabss{display: none;}
.sup2 .con .con1 .boxs .swiper-slide .h_1{font-size: 18px;}
.sup2 .con .con1 .boxs .swiper-slide .p_1{font-size: 14px;}
.sup2 .con .con1 .boxs .swiper-slide .p_2{font-size: 12px;}
.sup2 .con .con1 .boxs .swiper-slide .pic{height: 40vw;}
.sup2 .con .con1 .boxs .swiper-slide .btn1{font-size: 14px;}

.sup3{padding: 60px 15px 0 15px;}
.sup3 .tit{font-size: 28px;margin-bottom: 30px;}
.sup3 .con{display: block;}
.sup3 .con .left{width: 100%;height: 70vw;margin-bottom: 30px;}
.sup3 .con .right{width: 100%;}
.sup3 .con .right .tit1{font-size: 18px;margin-bottom: 20px;}
.sup3 .con .right .list .item .h{font-size: 14px;}
.sup3 .con .right .list .item .p{font-size: 12px;}

.sup4{padding: 60px 15px;}
.sup4 .tit{font-size: 28px;}
.sup4 .p{font-size: 16px;line-height: 1.3;margin-bottom: 30px;}
.sup4 .tabs{font-size: 14px;}
.sup4 .tabs .tab{line-height: 1.3;padding: 8px;}
.sup4 .con .swiper-slide .txt{font-size: 13px;line-height: 1.3;}
.sup4 .con.on{padding-bottom: 40px;}
.eco4{padding: 0 15px 60px 15px;}
.eco4 .con .tit{font-size: 28px;}
.eco4 .con .btn{font-size: 16px;}

.eco_con .eco1{padding: 100px 0 0 0;height: auto;}
.eco_con .eco1 .tit{font-size: 28px;}
.eco_con .eco1 .cons{display: none;}
.eco_con .eco1 .con_m{display: block!important;position: relative;overflow: hidden;}
.eco_con .eco1 .con_m .swiper-slide .pic{width: 100%;height: 86.4vw;border-radius: 30px;overflow: hidden;margin-bottom: 20px;}
.eco_con .eco1 .con_m .swiper-slide .pic img{width: 100%;height: 100%;object-fit: cover;}
.eco_con .eco1 .con_m .swiper-slide .txt{text-align: center;line-height: 1.3;color: #333;opacity: 0;transition: all 0.5s;}
.eco_con .eco1 .con_m .swiper-slide-active .txt{opacity: 1;}
.eco_con .eco1 .con_m .swiper-slide .txt .h{margin-bottom:10px;font-size: 24px;text-transform: capitalize;}
.eco_con .eco1 .con_m .swiper-slide .txt .p{font-size: 16px;opacity: 0.8;}

.eco_con .eco2{padding:60px 15px 0 15px;}
.eco_con .eco2 .tit{font-size: 28px;}
.eco_con .eco2 .con{justify-content: space-between;padding: 0 10px;}
.eco_con .eco2 .con .left{width: 46%;margin-right: 0;}
.eco_con .eco2 .con .right{width: 50%;font-size: 28px;}

.eco_con .eco3{padding: 60px 0;}
.eco_con .eco3 .tit{font-size: 28px;padding: 0 15px;}
.eco_con .eco3 .txt{font-size: 16px;line-height: 1.3;padding: 0 15px;}
.eco_con .eco3 .txts .swiper-slide{padding: 0 15px;}
.eco_con .eco3 .txts .swiper-slide .h{font-size: 16px;margin-bottom: 10px;}
.eco_con .eco3 .txts .swiper-slide .p{font-size: 12px;line-height: 1.6;}
.eco_con .eco3 .txts .prev,.eco_con .eco3 .txts .next{display: none;}


.ab1{display: block;padding: 60px 15px;}
.ab1 .left{width: 100%;height: auto;}
.ab1 .left .txt{padding: 0;position: static;}
.ab1 .left .tit{font-size: 24px;margin-bottom: 20px;}
.ab1 .left .txt .h{font-size: 15px;}
.ab1 .left .txt .p{font-size: 13px;margin-bottom: 30px;}
.ab1 .left .tit br{display: none;}
.ab1 .right{width: 100%;height: 70vw;}
.ab1:after{z-index: -1;width: 100%;}
.ny_banner .video_box{width: 2.78rem;height: 1.4rem;}
.ny_banner .video_box .txt .p{font-size: 14px;}
.ab2{padding: 50px 15px 0px 15px;}
.ab2 .tit{font-size: 28px;text-align: center;margin-bottom: 30px;}
.ab2 .con{display: block;}
.ab2 .con .pic{width: 100%;height: 90vw;margin-bottom: 30px;}
.ab2 .con .list .swiper-slide img{width: 26px;height: 26px;}
.ab2 .con .list .swiper-slide .h{font-size: 20px;}
.ab2 .con .list .swiper-slide .p{font-size: 14px;}
.ab2 .con .list{width: 100%;height: auto;padding-bottom: 50px;}
.ab2 .con .list .swiper-pagination-bullet-active{background-color:#31C2F6;}
.ab3{padding: 60px 0;}
.ab3 .tit{text-align: center;font-size: 28px;padding: 0 15px;}
.ab3 .con{display: none;}
.ab3 .con_m{display: block!important;position: relative;overflow: hidden;width: 100%;}
.ab3 .con_m .swiper-slide .pic{width: 100%;height: 70vw;border-radius: 10px;overflow: hidden;margin-bottom: 12px;}
.ab3 .con_m .swiper-slide .txt{font-size: 18px;color: #333;text-align: center;line-height: 1.3;}
.ab4{padding: 60px 0;}
.ab4 .tit{font-size: 24px;margin-bottom: 30px;}
.ab4 .con{display: none;}
.ab4 .con_m{display: block!important;position: relative;overflow: hidden;padding-bottom: 50px;}
.ab4 .con_m .swiper-slide{background-color: #fff;padding:30px 16px;}
.ab4 .con_m .swiper-slide .year{font-size: 22px;color: #333;line-height: 1.3;margin-bottom: 12px;font-weight: 500;}
.ab4 .con_m .swiper-slide .txt .h{color: #333;line-height: 1.3;margin-bottom: 6px;font-size: 15px;}
.ab4 .con_m .swiper-slide .txt .p{color: #333;opacity: 0.6;line-height: 1.3;font-size: 15px;}
.ab4 .con_m .swiper-pagination-bullet-active{background-color:#31C2F6;}

.ab5{padding: 60px 15px 0 15px;}
.ab5 .top{margin-bottom: 30px;}
.ab5 .top .tit{font-size: 24px;}
.ab5 .top .p{font-size: 16px;}
.ab5 .top .p br{display: none;}
.ab5 .con{display: block;}
.ab5 .con .item{width: 100%;margin-right: 0;margin-bottom: 30px;}
.ab5 .con .item .pic{height: 80vw;margin-bottom: 12px;}
.ab5 .con .item .txt .h{font-size: 20px;margin-bottom: 6px;}
.ab5 .con .item .txt .p{font-size: 14px;}
.ab6{padding: 60px 0;}
.ab6 .top{display: block;padding: 0 15px;margin-bottom: 30px;}
.ab6 .top .tit{font-size: 28px;margin-bottom: 30px;}
.ab6 .top .tabs{font-size: 14px;}
.ab6 .top .tabs .tab{padding: 0 12px;margin: 0 4px;}
.ab6 .bottom .con .swiper-slide:after{width: 92%;}
.ab6 .bottom .con .swiper-slide{display: block;padding: 26px 16px;}
.ab6 .bottom .con .swiper-slide .txt{width: 100%;margin-bottom: 20px;}
.ab6 .bottom .con .swiper-slide .txt .p{font-size: 15px;}
.ab6 .bottom .con .swiper-slide .txt .h{font-size: 18px;margin-bottom: 20px;}
.ab6 .bottom .con .swiper-slide .pic{width: 100%;height: 40vw;}
.ab6 .bottom .con .swiper-slide .pic img{object-fit: contain;}
.ab6 .bottom .con .prev{left: 15px;width: 36px;height: 36px;}
.ab6 .bottom .con .next{left: 66px;}
.ab6 .bottom .con .swiper-pagination{left: 120px;width: calc(100% - 135px);}

.i_part3 .map_box .boxs .box{width: 20px;height: 20px;}

}

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

}