* {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;}

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:#333;font-family:Microsoft YaHei,-apple-system,BlinkMacSystemFont,PingFang SC,Segoe UI,Hiragino Sans GB,Helvetica Neue,Arial,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:#333;}
textarea,select {outline:none;color:#666;font-size:0.14rem;width:100%;}
textarea {resize:none;padding:0;border:0;font-family:hr;}
img {border:none;max-width:100%;display:block;}
img[src=""] {opacity:0;}
i {font-style:normal;}

.edit img,.img_inline_block img {display:inline-block;height:auto;}
.fw_100 {font-weight:100;}
.img_cct {width:100%;opacity:0;}
.t_line1 {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.t_line2 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.t_line3 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.t_line4 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.t_line5 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;}
.place::-webkit-input-placeholder {color:#999;}
.place:-moz-placeholder {color:#999;}
.place::-moz-placeholder {color:#999;}
.place:-ms-input-placeholder {color:#999;}

/* 滚动条样式 */*
::-webkit-scrollbar {width:4px;height:1px;}
*::-webkit-scrollbar-thumb {background:rgba(255,255,255,0.4);}
*::-webkit-scrollbar-track {background:#000;}

/*去掉 input 默认边框*/
input {padding:0;border:0;font-family:hr;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;}

h3 {font-weight:500;}
.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_40 {font-size:40px;}
.f_42 {font-size:42px;}
.f_44 {font-size:44px;}
.f_46 {font-size:46px;}
.f_48 {font-size:48px;}
.f_50 {font-size:50px;}
.f_52 {font-size:52px;}
.f_54 {font-size:54px;}
.f_56 {font-size:56px;}
.f_60 {font-size:60px;}
.f_64 {font-size:60px;}
.f_70 {font-size:70px;}
.f_72 {font-size:72px;}
.f_76 {font-size:76px;}
.f_80 {font-size:80px;}

.alltime,.alltime *{-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.alltime2,.alltime2 *{-webkit-transition: all .6s cubic-bezier(.4,0,.2,1); -moz-transition: all .6s cubic-bezier(.4,0,.2,1); transition: all .6s cubic-bezier(.4,0,.2,1);}

.alltime3,.alltime3 *{-webkit-transition: all .8s cubic-bezier(.4,0,.2,1); -moz-transition: all .8s cubic-bezier(.4,0,.2,1); transition: all .8s cubic-bezier(.4,0,.2,1);}

.alltime4,.alltime4 *{-webkit-transition: all 1s cubic-bezier(.4,0,.2,1); -moz-transition: all 1s cubic-bezier(.4,0,.2,1); transition: all 1s cubic-bezier(.4,0,.2,1);}

.lets03{letter-spacing: 0.03em;}

/* index start */
.w100{width: 100%;}
.w1720{padding-left: 1rem;padding-right: 1rem;}
@font-face {
  font-family: 'hmb';
    src: url("../fonts/HarmonyOS_Sans_SC_Bold.ttf");
}
@font-face {
  font-family: 'hml';
    src: url("../fonts/HarmonyOS_Sans_SC_Light.ttf");
}
@font-face {
  font-family: 'hmm';
    src: url("../fonts/HarmonyOS_Sans_SC_Medium.ttf");
}
@font-face {
  font-family: 'hmr';
    src: url("../fonts/HarmonyOS_Sans_SC_Regular.ttf");
}
@font-face {
  font-family: 'pps';
    src: url("../fonts/Poppins-SemiBold.ttf");
}
.hmb{font-family: 'hmb';}
.hml{font-family: 'hml';}
.hmm{font-family: 'hmm';}
.hmr{font-family: 'hmr';}
.pps{font-family: 'pps';}

.banner .swiper-slide{position: relative;}

.banner .swiper-slide .txt{position: absolute;left: 0;top: calc(302 / 1080 * 100%);width: 100%;}

.banner .swiper-slide .txt .t1{line-height: 1.5;color: #fff;letter-spacing: 0.03em;}

.banner .swiper-slide .txt .link{margin-top: 1.17rem;}

.anniu{display: flex;}

.anniu a{padding: 0 0.08rem 0.1rem;line-height: calc(1em + 2px);color: #fff;position: relative;}

.anniu a span{position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;overflow: hidden;}

.anniu a span::before{content: "";position: absolute;left: -200%;top: 0;width: 100%;height: 1px;background: #fff;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .6s cubic-bezier(.4,0,.2,1);}

.anniu a span::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 1px;background: #fff;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .6s cubic-bezier(.4,0,.2,1);}

.anniu a:hover span::before{left: 0;}

.anniu a:hover span::after{left: 200%;}

.anniu_gray a{color: #333333;}

.anniu_gray a span::before{background: #333;}

.anniu_gray a span::after{background: #333;}

.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 110;}

.header .w1720{background: linear-gradient(180deg, rgba(0, 0, 0, 0.52) 0%, rgba(102, 102, 102, 0) 100%);padding-top: 0.42rem;padding-bottom: 0.42rem;position: relative;display: flex;justify-content: space-between;align-items: center;}

.header .hdnav .ul{display: flex;}

.header .hdnav .ul .li{margin-right: 1rem;}

.header .hdnav .ul .li .lv1{display: block;line-height: 19px;color: #fff;}

.header .hdnav .ul .li .lv1 a:hover{text-decoration: underline;}

.header .logo{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 1.42rem;height: 0.57rem;}

.header .head_right{display: flex;align-items: center;}

.header .head_right .shopping img,
.header .head_right .search img{display: block;width: 20px;height: 20px;}

.header .head_right .shopping{margin-left: 0.18rem;}

.header .head_right .line{width: 1px;height: 12px;margin: 0 20px;background: #fff;}

.header .head_right .language{position: relative;}

.header .head_right .language .top{display: flex;align-items: center;line-height: 19px;color: #fff;}

.header .head_right .language .top span{width: 9px;margin-left: 7px;}

.header .head_right .menu{margin-left: 16px;width: 20px;}

.footer{background: #111111;}

.footer .ftop{display: flex;justify-content: space-between;padding: 0.91rem 0 0.9081rem;}

.footer .ftop .lf{padding-top: 4px;width: 5rem;}

.footer .ftop .lf .ftlogo{width: 2.015rem;display: block;}

.footer .ftop .lf .txt{margin-top: 0.504rem;line-height: 1.45;color: #EEEEEE;letter-spacing: 0.03em;}

.footer .ftop .lf .relation{margin-top: 0.3304rem;padding-right: 0.17rem;position: relative;}

.footer .ftop .lf .relation input{display: block;border: 1px solid #fff;line-height: 24px;padding: 0.16rem 1.66rem 0.16rem 0.26rem; color: #fff;background: none;width: 100%;}

.place2::-webkit-input-placeholder {color:#C3C3C5;}
.place2:-moz-placeholder {color:#C3C3C5;}
.place2::-moz-placeholder {color:#C3C3C5;}
.place2:-ms-input-placeholder {color:#C3C3C5;}

.footer .ftop .lf .relation a{position: absolute;right: 0.27rem;top: 0;bottom: 0;margin: auto 0;width: 1.46rem;height: calc(24px + 0.16rem);line-height: calc(24px + 0.16rem);background: #fff;color: #333;text-align: center;}

.footer .ftop .lf .relation a:hover{background: #C0C0C0;color: #fff;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.footer .ftop .rf .ul{display: flex;}

.footer .ftop .rf .ul .li{margin-right: 1.3rem;}

.footer .ftop .rf .ul .li:last-child{margin-right: 0.4938rem;}

.footer .ftop .rf .ul .li .lv1{display: flex;}

.footer .ftop .rf .ul .li .lv1 a{line-height: 19px;color: #fff;}

.footer .ftop .rf .ul .li .lv1 a:hover{text-decoration: underline !important;}

.footer .ftop .rf .ul .li .lv2list{padding-top: 0.1rem;}

.footer .ftop .rf .ul .li .lv2{display: flex;margin-top: 0.2rem;}

.footer .ftop .rf .ul .li .lv2 a{line-height: 19px;color: #BBBBBB;}

.footer .ftop .rf .ul .li .lv2 a:hover{color: #fff;}

.footer .ftop .rf .linklist{display: flex;justify-content: flex-end;margin-top: 0.83rem;}

.footer .ftop .rf .link{margin-left: 0.11rem;}

.footer .ftop .rf .link .icon{width: 24px;}

.footer .fbot{display: flex;justify-content: space-between;flex-wrap: wrap;border-top: 1px solid #525252;color: #606060;padding: 10px 0 11px;line-height: 16px;}

.footer .fbot a{color: #606060;}

.footer .fbot a:hover{color: #fff;}

.ind3{position: relative;min-height: 7.77rem;margin-top: 1.73rem;display: flex;width: 100%;}

.ind3 .imgbox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.ind3 .imgbox img{width: 100%;height: 100%;object-fit: cover;}

.ind3 .ul{position: relative;z-index: 5;display: flex;}

.ind3 .ul .li{width: 50%;position: relative;padding: 1.88rem 0.7rem 0.66rem;}

.ind3 .ul .li .bg{backdrop-filter: blur(20px);background: rgba(54, 54, 54, 0.3); position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;}

.ind3 .ul .li .con{position: relative;z-index: 5;}

.ind3 .ul .li .con .letter{display: flex;justify-content: center;}

.ind3 .ul .li .con .letter img{width: 2.12rem;}

.ind3 .ul .li .con .txt{margin-top: 0.29rem;}

.ind3 .ul .li .con .txt .t1{opacity: 0;transform: translateY(0.2rem);}

.ind3 .ul .li .con .txt .t1 img{width: 3.09rem;margin: 0 auto;}

.ind3 .ul .li .con .txt .t2{line-height: 1.5;color: #fff;margin-top: 0.19rem;min-height: calc(4.5em + 0.15rem);text-align: center;opacity: 0;transform: translateY(0.2rem);}

.ind3 .ul .li:hover .bg{opacity: 1;}

.ind3 .ul .li:hover .con .txt .t1,
.ind3 .ul .li:hover .con .txt .t2{transform: translateY(0);opacity: 1;}

.ind2{display: flex;margin-top: 1.28rem;}

.ind2 .lf{background: #fff url(../images/ind2_1.png) no-repeat center;background-size: cover;width: calc(919 / 1920 * 100%);}

.ind2 .lf .swplist .ind2_swp{display: none;}

.ind2 .lf .swplist .ind2_swp.active{display: block;}

.ind2 .lf .swplist .ind2_swp .swiper-pagination{position: absolute;bottom: 1.04rem;left: 0;display: none;align-items: center;justify-content: center;}

.ind2 .lf .swplist .ind2_swp.act .swiper-pagination{display: flex;}

.ind2 .lf .swplist .ind2_swp .swiper-pagination .swiper-pagination-bullet{border-radius: 0;height: 2px;width: 0.3708rem;background: #E2E2E2;opacity: 1;position: relative;}

.ind2 .lf .swplist .ind2_swp .swiper-pagination .swiper-pagination-bullet::before{content: "";position: absolute;left: 0;top: 0;height: 2px;width: 0;background: #333333;}

.ind2 .lf .swplist .ind2_swp .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before{transition: none;animation: poginswp 1.4s linear forwards;}

.ind2 .lf .swplist .ind2_swp.act .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before{transition: none;animation: poginswp 3.6s linear forwards;}

@keyframes poginswp {
	0%{width: 0;}
	100%{width: 100%;}
}

.ind2 .lf .swplist .ind2_swp .swiper-slide img{width: 100%;}

.ind2 .lf .swplist .ind2_swp .swpbtn{display:none;}

.ind2 .lf .swplist .ind2_swp .swpbtn a{position:absolute;width:0.6rem;border-radius:50%;overflow:hidden;top:50%;margin-top:-0.3rem;z-index: 15;}

.ind2 .lf .swplist .ind2_swp .swpbtn a img{width:100%;}

.ind2 .lf .swplist .ind2_swp .swpbtn a img:nth-child(2){position:absolute;top:0;left:0;opacity:0;}

.ind2 .lf .swplist .ind2_swp .swpbtn a:hover img:nth-child(1){opacity:0;}

.ind2 .lf .swplist .ind2_swp .swpbtn a:hover img:nth-child(2){opacity:1;}

.ind2 .lf .swplist .ind2_swp .swpbtn a.prev{left:0.56rem;}

.ind2 .lf .swplist .ind2_swp .swpbtn a.next{right:0.56rem;}

.ind2 .lf .swplist .ind2_swp .swpbtn a.next img{transform:rotate(180deg);}

.ind2 .lf .swplist .ind2_swp.act .swpbtn{display:block;}

.ind2 .rf{background: rgba(216, 201, 187, 0.2);width: calc(1001 / 1920 * 100%);padding: 1rem;display: flex;align-items: center;}

.ind2 .rf .rfbox{display: flex;align-items: flex-end;width: 100%;}

.ind2 .rf .imglist{margin-left: 0.25rem;width: 125px;}

.ind2 .rf .txtlist{width: calc(100% - 120px - 1.28rem);margin-left: 1.03rem;}

.ind2 .rf .txtlist .item{display: none;}

.ind2 .rf .txtlist .item.active{display: block;}

.ind2 .rf .txtlist .t1{line-height: calc(25 / 16);}

.ind2 .rf .txtlist .t2{margin-top: 0.1rem;line-height: calc(65 / 40);color: #000;}

.ind2 .rf .txtlist .t3{margin-top: 0.44rem;gap: 0.22rem;line-height: 20px;display: flex;flex-direction: column;}

.ind2 .rf .txtlist .t3 span{display: block;position: relative;}

.ind2 .rf .txtlist .t3 span::before{content: "- ";}

.ind2 .rf .txtlist .t4{display: flex;flex-wrap: wrap;margin-top: 0.6rem;gap: 0.1rem;min-height: calc(70px + 0.1rem);}

.ind2 .rf .txtlist .t4 span{border: 1px solid #EFEFEF;min-width: 0.8rem;padding: 2px 0.1rem 1px;line-height: calc(30 / 14);text-align: center;height: 100%;}

.ind2 .rf .txtlist .t5{display: flex;flex-wrap: wrap;margin-top: 0.82rem;gap: 0.6rem;}

.ind2 .rf .imglist .item{position: relative;width: 120px;padding: 0 0 0 14px;cursor: pointer;}

.ind2 .rf .imglist .item img{width: 95px;position: relative;z-index: 2;}

.ind2 .rf .imglist .item::before{content: "";position: absolute;top: 0;left: 14px;width: 95px;height: 100%;background: url(../images/ind2_3.png) no-repeat center;background-size: cover;}

.ind2 .rf .imglist .item::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 5;border: 1px solid #CFCFCF;border-radius: 3px;opacity: 0;}

.ind2 .rf .imglist .item.active::after{opacity: 1;}

.ind1{position: relative;margin-top: 2rem;overflow: hidden;}

.ind1 .title{text-align: center;line-height: calc(47 / 40);}

.ind1 .cont{margin-top: 1.5rem;position: relative;}

.ind1 .cont .img_pig{position: relative;z-index: 3;clip-path: inset(calc(64 / 874 * 100%) calc(458 / 1720 * 100%) calc(70 / 874 * 100%) calc(567 / 1720 * 100%));transition: all 1.5s cubic-bezier(0.45, 0, 0.55, 1);transition: all 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);}

.ind1 .cont .img_pop{position: absolute;z-index: 1;}

.ind1 .cont .img_pop img{transition: all 1.5s linear;position: relative;opacity: 1;}

.ind1 .cont .img_pop.img1{left: 0;top: 0.15rem;width: 3.48rem;}

.ind1 .cont .img_pop.img2{right: 0;top: 0.15rem;width: 2.3rem;}

.ind1 .cont .img_pop.img3{left: 2rem;bottom: 0;width: 2.07rem;}

.ind1 .cont .img_pop.img4{right: 0.92rem;bottom: 0.33rem;width: 2.75rem;}

.ind1 .cont .img_pig .swiper-pagination{position: absolute;left: 0;bottom: -2rem;display: flex;justify-content: center;}

.ind1 .cont .img_pig .swiper-pagination .swiper-pagination-bullet{border-radius: 0;height: 2px;width: 0.3708rem;background: #E2E2E2;opacity: 1;position: relative;}

.ind1 .cont .img_pig .swiper-pagination .swiper-pagination-bullet::before{content: "";position: absolute;left: 0;top: 0;height: 2px;width: 0;background: #333333;}

.ind1 .cont .img_pig .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before{transition: none;animation: poginswp 1.4s linear forwards;}

.ind1 .swiper-container.act .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before{transition: none;animation: poginswp 3.6s linear forwards;}

@keyframes poginswp {
	0%{width: 0;}
	100%{width: 100%;}
}


.ind1 .cont .title{position: absolute;left: 0.9rem;top: 1.14rem;z-index: 15;}

.ind1 .cont .title .t1{transform: translateY(0.2rem);opacity: 0;}

.ind1 .cont .title .t1 img{width: 2.07rem;}

.ind1 .cont .title .t2{margin-top: 0.42rem;line-height: calc(1em - 0.05rem);padding-bottom: 0.38rem;border-bottom: 2px solid #D4D4D4;color: #fff;transform: translateY(0.2rem);opacity: 0;}

.ind1 .cont .title .t2 span{color: #fff;}

.ind1.act .cont .img_pop.img1 img{transform: translate(100%, 100%);opacity: 0;}

.ind1.act .cont .img_pop.img2 img{transform: translate(-100%, 100%);opacity: 0;}

.ind1.act .cont .img_pop.img3 img{transform: translate(100%, -100%);opacity: 0;}

.ind1.act .cont .img_pop.img4 img{transform: translate(-100%, -100%);opacity: 0;}

.ind1.act .cont .img_pig{clip-path: inset(0 0 0 0);}

.ind1.act .cont .img_pig .swiper-pagination{bottom: 1rem;transition-delay: 1.7s;}

.ind1 .cont .title .t1{-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.ind1 .cont .title .t2{-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.ind1.act .cont .title .t1{transform: translateY(0);opacity: 1;transition-delay: 1.5s;}

.ind1.act .cont .title .t2{transform: translateY(0);opacity: 1;transition-delay: 1.7s;}


.ind1 .cont .swiper-slide{position: relative;}

.ind1 .cont .swiper-slide video{position: absolute;left: 0;top: 0;height: 100%;object-fit: cover;width: auto;left: 50%;transform: translateX(-50%);width: 100%;}

.ind2 .lf .swplist .ind2_swp .swiper-slide{position: relative;}

.ind2 .lf .swplist .ind2_swp .swiper-slide video{position: absolute;left: 0;top: 0;height: 100%;object-fit: cover;width: auto;left: 50%;transform: translateX(-50%)}

.ind1.act .cont .title .t1{position: relative;}

.ind1.act .cont .title .t1 img:nth-child(2){position: absolute;left: 0;top: 0;opacity: 0;}

.ind1.act .cont .title.act .t1 img:nth-child(1){opacity: 0;}

.ind1.act .cont .title.act .t1 img:nth-child(2){opacity: 1;transition-delay: 0s;}

.ind1.act .cont .title.act .t2 span{color: #333;transition-delay: 0s;}


.mh_nav,
.m_header,
.ban_ph{display: none;}


@media screen and (max-width:1600px) {
  .f_14 {font-size:13px;}
  .f_16 {font-size:14px;}
  .f_18 {font-size:16px;}
  .f_20 {font-size:18px;}
  .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:30px;}
  .f_34 {font-size:32px;}
  .f_36 {font-size:34px;}
  .f_40 {font-size:38px;}
  .f_42,.f_44 {font-size:40px;}
  .f_46 {font-size:42px;}
  .f_48 {font-size:44px;}
  .f_50 {font-size:46px;}
  .f_52 {font-size:48px;}
  .f_54 {font-size:48px;}
  .f_56 {font-size:48px;}
  .f_60,.f_64,.f_70,.f_72,.f_76,.f_80 {font-size:48px;}
}
@media screen and (max-width:1560px) {
  .f_16 {font-size:13px;}
  .f_18 {font-size:15px;}
  .f_20 {font-size:17px;}
  .f_22 {font-size:18px;}
  .f_24 {font-size:20px;}
  .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_40 {font-size:30px;}
  .f_42,.f_44 {font-size:32px;}
  .f_46 {font-size:34px;}
  .f_48 {font-size:36px;}
  .f_50 {font-size:36px;}
  .f_52 {font-size:38px;}
  .f_54 {font-size:38px;}
  .f_56 {font-size:40px;}
  .f_60,.f_64,.f_70,.f_72,.f_76,.f_80 {font-size:44px;}

  .header .hdnav .ul .li{margin-right: 0.8rem;}
}
@media screen and (max-width:1280px) {
  .f_14 {font-size:12px;}
  .f_16 {font-size:13px;}
  .f_18 {font-size:15px;}
  .f_20 {font-size:17px;}
  .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_40 {font-size:30px;}
  .f_42,.f_44 {font-size:32px;}
  .f_46 {font-size:36px;}
  .f_48,.f_50 {font-size:38px;}
  .f_52,.f_54,.f_56,.f_60,.f_64,.f_70,.f_72,.f_76,.f_80 {font-size:44px;}

  .header .hdnav .ul .li{margin-right: 0.5rem;}
}
@media screen and (max-width:767px) {
  .f_14,.f_16 {font-size:14px;}
  .f_18,.f_20 {font-size:15px;}
  .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_40,.f_42,.f_44,.f_46 {font-size:0.46rem;}
  .f_48,.f_50,.f_52,.f_54,.f_56,.f_60,.f_64,.f_70,.f_72,.f_76,.f_80 {font-size:0.58rem;}
}
html {font-size:calc(100vw/19.2);}
@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:1280px) {}
@media screen and (max-width:1024px) {
  html {font-size:50px;}
  .header{display: none;}
  
  .m_header{display: block;}

  .w1720{padding-left: 20px;padding-right: 20px;}
  .m_hdplace{height: 57px;background: #111;}
  .m_header{position: fixed;top: 0;left: 0;width: 100%;background-color: transparent;padding:10px 15px;z-index: 98;display:flex;justify-content:space-between;transition:all 0.5s;background: #111;/* background: linear-gradient(180deg, rgba(0, 0, 0, 0.52) 0%, rgba(102, 102, 102, 0) 100%); */}
  .m_header.on{box-shadow: 0 0 10px rgba(0,0,0,0.1);}
  .m_header .logo{width: 62px;}
  .m_header .logo img{width: 62px;}
  .m_header .right{display: flex;align-items: center;}
  .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: #fff;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: "";position: absolute;right: 0;top:24px;transition: all 0.5s; width: 12px;height: 12px;background: url(../images/svg/hx_add.svg) no-repeat center;background-size:auto 100%;transform: rotate(-90deg);}
  .mh_nav .nav>li.on:after{transform: rotate(0deg);}
  .mh_nav .nav>li:nth-child(1):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;}

  .ban_pc{display: none;}
  .ban_ph{display: block;}

  .banner .swiper-slide .txt .t1{font-size: 0.4rem;}
  
  .banner .swiper-slide .txt .link{margin-top: 0.6rem;}

  .footer .ftop .rf .ul{display: none;}

  .footer .ftop .rf .linklist{margin-top: 0;}

  .ind3{display: block;}

  .ind3{min-height: auto;margin-top: 0.8rem;}

  .ind3 .ul{flex-direction: column;}

  .ind3 .ul .li{width: 100%;padding: 0.5rem 20px;}

  .ind3 .ul .li:hover .bg{opacity: 0;}

  .ind3 .ul .li:nth-child(2n) .bg{opacity: 1;}

  .ind3 .ul .li .con .letter img{width: 0.8rem;}

  .ind3 .ul .li .con .txt .t1{opacity: 1;transform: none;}

  .ind3 .ul .li .con .txt .t2{opacity: 1;transform: none;min-height: auto;margin-top: 0.1rem;font-size: 0.28rem;}

  .ind3 .ul .li .con .txt .t1 img{width: 1.6rem;}

  .ind3 .ul .li .con .txt{margin-top: 0.2rem;}

  .ind2{flex-direction: column-reverse;}

  .ind2 .rf{width: 100%;padding: 0.5rem 20px;}

  .ind2 .rf .rfbox{flex-wrap: wrap;flex-direction: column-reverse;}

  .ind2 .rf .txtlist{width: 100%;margin-left: 0;}

  .ind2 .rf .txtlist .t3{margin-top: 0.2rem;}

  .ind2 .rf .txtlist .t4{margin-top: 0.2rem;min-height: auto;}

  .ind2 .rf .imglist{width: 100%;margin-left: 0;margin-top: 0.5rem;display: flex;flex-wrap: wrap;justify-content: center;}

  .ind2 .rf .txtlist .t5{margin-top: 0.5rem;gap: 0.3rem;}

  .ind2 .lf{width: 100%;padding: 0.5rem 20px;}

  .ind2 .rf .imglist .item{width: 1.2rem;padding-left: 0.13rem;}

  .ind2 .rf .imglist .item::before{width: 0.95rem;left: 0.13rem;}

  .ind2 .rf .imglist .item img{width: 0.95rem;}

  .ind2 .lf .swplist{width: 75%;margin: 0 auto;}
}
@media screen and (max-width:767px) {
  /* html {font-size:calc(100vw/7.5);} */
  .footer .ftop{flex-wrap: wrap;padding: 0.6rem 0;}

  .footer .ftop .lf{width: 100%;}

  .footer .ftop .rf{margin-top: 0.5rem;}

  .footer .fbot{line-height: 20px;}

  

  .ind1{margin-top: 0.8rem;}

  .ind1 .cont{margin-top: 30px;padding: 0;overflow: hidden;padding-top: 70px;width: calc(100% + 40px);margin-left: -20px;}

  .ind1 .cont .title{top: 0.3rem;left: 0.3rem;}

  .ind1 .cont .title .t1 img{width: 62px;}

  .ind1.act .cont .title .t2{font-size: 0.4rem;margin-top: 0.3rem;padding-bottom: 0.2rem;}

  .ind1.act .cont .img_pig .swiper-pagination{bottom: 0.5rem;}

  .ind1 .cont .img_pop{position: relative;}

  .ind1 .cont .img_pig{position: absolute;clip-path: inset(0 20% 0 20%);height: 55%;top: 50%;transform: translate3d(0, -50%, 0);width: calc(100% - 24px);left: 12px;}

  .ind1 .cont .img_pig .swiper-container{height: 100%;}

  .ind1 .cont .img_pig .swiper-container img{height: 100%;object-fit: cover;}

  .ind1.act .cont .img_pig{height: 55%;}

  .ind1 .cont .top{display: flex;}

  .ind1 .cont .bot{display: flex;margin-top: 160px;}

  .ind1 .cont .img_pop.img1{left: 0;top: 0;width: 58%;}

  .ind1 .cont .img_pop.img2{right: 0;top: 0;width: 42%;}

  .ind1 .cont .img_pop.img3{left: 0;bottom: 0;width: 37.5%;}

  .ind1 .cont .img_pop.img4{right: 0;bottom: 0;width: 54.5%;margin-left: 8%;}

  .ind1 .cont .img_pop.img1 img{margin-left: -32px;transform: translateY(-50%);}

  .ind1 .cont .img_pop.img2 img{margin-left: 32px;margin-top: 64px;transform: translateY(-50%);}

  .ind1 .cont .img_pop.img3 img{transform: translateY(-50%);}

  .ind1 .cont .img_pop.img4 img{margin-left: 32px;margin-top: 64px;transform: translateY(-50%);}

  .ind2{margin-top: 0;}
  
  .ind2 .lf .swplist .ind2_swp .swpbtn a.prev{left: 0;}
  
  .ind2 .lf .swplist .ind2_swp .swpbtn a.next{right: 0;}
  
  .ind2 .lf .swplist .ind2_swp .swiper-pagination{bottom: 0.3rem;}
}
@media screen and (max-width:668px) {}