html {font-size:calc(100vw/19.2); -ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-overflow-scrolling: touch;scrollbar-width: thin;scrollbar-gutter: stable;}

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

/* *:focus:not(:focus-visible) { outline: none }
*:focus-visible { outline: 2px solid var(--color-primary) } */

:root{
  --color-vi: #005EAD;
  --theme-color: linear-gradient(98deg, #FE9144 0%, #FF5E4A 89.82%);
  --text-color: #333333;
  --text-color2: #666666;
  --border-light: #E0E0E0;
  --imgwhite: brightness(0) invert(1);
  --imgblack: brightness(0);
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
}

/* 禁止文字选中 */
.no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* @font-face {
  font-family: 'sy';
  src: url("../fonts/SourceHanSansCN-VF-2.otf") format("truetype");
  font-display: swap;
} */
@font-face {
  font-family: 'Poppins-SemiBold';
  src: url("../fonts/Poppins-Bold.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Lexend-Regular';
  src: url("../fonts/Lexend-Regular.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
}

.syb{font-family:'SourceHanSansCN', 'HarmonyOS_Sans_SC_Regular', Microsoft YaHei;font-weight: 700;}
.syn{font-family:'SourceHanSansCN', 'HarmonyOS_Sans_SC_Regular', Microsoft YaHei;font-weight: 500;}
.sym{font-family:'SourceHanSansCN', 'HarmonyOS_Sans_SC_Regular', Microsoft YaHei;font-weight: 500;}
.syr{font-family:'SourceHanSansCN', 'HarmonyOS_Sans_SC_Regular', Microsoft YaHei;font-weight: 400;}
.syl{font-family:'SourceHanSansCN', 'HarmonyOS_Sans_SC_Regular', Microsoft YaHei;font-weight: 300;}
.popb{font-family: 'Poppins-SemiBold';}
.lexR{font-family: 'Lexend-Regular';}


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: var(--text-color);font-family:'SourceHanSansCN', 'HarmonyOS_Sans_SC_Regular', 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: 14px;line-height:1;background:#fff;}

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;}
a {display:inline-block;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color: rgba(255, 0, 0, 0);color: var(--text-color);-webkit-transition: color .4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: color .4s cubic-bezier(0.4, 0, 0.2, 1); transition: color .4s cubic-bezier(0.4, 0, 0.2, 1);}
textarea,select {outline:none;color:#666;font-size: 14px;width:100%;}
textarea {resize:none;padding:0;border:0;font-family:'hmr';}
img {border:none;max-width:100%;display:block;width: 100%;}
img[src=""] {opacity:0;}
i {font-style:normal;}

.edit img,.img_inline_block img {display:inline-block;height:auto;width: 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;display:-moz-box;-webkit-line-clamp:2;-moz-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;box-orient:vertical;}
.t_line3 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-moz-box;-webkit-line-clamp:3;-moz-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;box-orient:vertical;}
.t_line4 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-moz-box;-webkit-line-clamp:4;-moz-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;box-orient:vertical;}
.t_line5 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-moz-box;-webkit-line-clamp:5;-moz-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;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;}

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

.swiper-button-disabled{cursor: not-allowed;}
.swiper-button-lock{opacity: 0;pointer-events: none;}

.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.text-justif {text-align:justify;}
.text-nowrap {white-space:nowrap;}
.text-lowercase {text-transform:lowercase;}
.text-uppercase {text-transform:uppercase;}
.text-capitalize {text-transform:capitalize;}
.text-bold {font-weight:bold;}
.imgTwo{position: relative;}
.imgTwo img:nth-child(2){position: absolute;inset: 0px;margin: auto;opacity: 0;}
.imghover:hover .imgTwo img:nth-child(1){opacity: 0;}
.imghover:hover .imgTwo img:nth-child(2){opacity: 1;}
.imgTwohover:hover img:nth-child(1){opacity: 0;}
.imgTwohover:hover img:nth-child(2){opacity: 1;}
.zId5 {z-index:5;}
.zId4 {z-index:4;}
.zId3 {z-index:3;}
.zId2 {z-index:2;}
.zId1 {z-index:1;}


/* 滚动条样式 */*
/* ::-webkit-scrollbar {width:4px;height:1px;}
*::-webkit-scrollbar-thumb{ background:#000;}
*::-webkit-scrollbar-track{ background:rgba(0,0,0,0.4);} */
.scroll::-webkit-scrollbar {width:5px;height:1px;}
.scroll::-webkit-scrollbar-thumb{ background:var(--color-primary);}
.scroll::-webkit-scrollbar-track{ background:#DDDDDD;}

.scroll2::-webkit-scrollbar {width:5px;height:1px;}
.scroll2::-webkit-scrollbar-thumb{ background:var(--color-primary);border-radius: 3px;}
.scroll2::-webkit-scrollbar-track{ background:#E3E3E3;border-radius: 3px;}

/*去掉 input 默认边框*/
input {padding:0;border:0;font-family:'hmr';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_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:48px;}
.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:66px;}
.f_68 {font-size:68px;}
.f_70 {font-size:70px;}
.f_72 {font-size:72px;}
.f_74 {font-size:74px;}
.f_76 {font-size:76px;}
.f_78 {font-size:78px;}
.f_80 {font-size:80px;}


/* 弹窗 */

.z_tanchuang {position: fixed;display: table;height: 100%;width: 100%;top: 0;left: 0;transform: scale(0);-webkit-transform: scale(0);z-index: 10;}

.z_tanchuang .tbox {display: table-cell;background: rgba(0, 0, 0, 0.8);text-align: center;vertical-align: middle;}

/* 弹窗内容 */

.z_tanchuang .tbox .modal {background: white;padding: 50px;display: block;border-radius: 5px;position: relative;width: 90%;max-width: 1200px;max-height: 90%;margin: 0 auto;}

.z_tanchuang .tbox .modal .out{position: absolute;width: 40px;height: 40px;line-height: 40px;background: #fff url(../img/login_out.png) center no-repeat;background-size: 30px;color: #000;font-size: 30px;text-align: center;border-radius: 50%;top: 0;right: -50px;cursor: pointer;}

.z_tanchuang .tbox .modal .img{width: 100%;max-width: 600px;margin: 0 auto;}

.z_tanchuang .tbox .modal .img video{display: block;width: 100%;max-width: 100%;object-fit: cover;}

.z_tanchuang .tbox .modal .img img{margin: 0 auto ;}

.z_tanchuang .tbox .modal .out:hover{background: #fff url(../img/login_out.png) center no-repeat;background-size: 30px;transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.z_tanchuang .tbox .modal2{padding: 20px;}

.z_tanchuang .tbox .modal .img{max-width: 1200px;}

/* 弹窗选中 */

.z_tanchuang.one {transform: scaleY(0.01) scaleX(0);animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scaleY(0.01) scaleX(0);-webkit-animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

.z_tanchuang.one .tbox .modal {transform: scale(0);animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scale(0);-webkit-animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

.z_tanchuang.one.out {transform: scale(1);animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scale(1);-webkit-animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

.z_tanchuang.one.out .tbox .modal {animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

/* 弹窗动画 */

@keyframes unfoldIn {0% {transform: scaleY(0.005) scaleX(0);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(1) scaleX(1);}}

@keyframes zoomIn {0% {transform: scale(0);}100% {transform: scale(1);}}

@keyframes zoomOut {0% {transform: scale(1);}100% {transform: scale(0);}}

@keyframes unfoldOut {0% {transform: scaleY(1) scaleX(1);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(0.005) scaleX(0);}}

@-webkit-keyframes zoomIn {0% {transform: scale(0);}100% {transform: scale(1);}}

@-webkit-keyframes zoomOut {0% {transform: scale(1);}100% {transform: scale(0);}}

@-webkit-keyframes unfoldOut {0% {transform: scaleY(1) scaleX(1);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(0.005) scaleX(0);}}

@-webkit-keyframes unfoldIn {0% {transform: scaleY(0.005) scaleX(0);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(1) scaleX(1);}}

/* 首页 */
.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;}
.header .img2{display: none;}
.header.on{background-color: #FFF;}
.header.on .img2{display: block;}
.header.on .img1{display: none;}
.header .h_top{padding: 0.12rem 1.4rem;background: rgba(51, 51, 51, 0.38);backdrop-filter: blur(40px);display: flex;align-items: center;justify-content: flex-end;color: rgba(255,255,255,0.3);}
.header.on .h_top{color: rgba(51,51,51,0.3);background-color: rgba(51, 51, 51, 0.1);}
.header .h_top span{display: block;margin: 0 0.2rem;}
.header .h_top a{display: block;color: #ffffff;opacity: 0.6;transition: all 0.5s;line-height: 1.2;transition: all 0.5s;}
.header .h_top a:hover{opacity: 1;}
.header.on .h_top a{color: #333333;opacity: 1;}
.header .h_bottom{padding: 0 1.4rem;background: rgba(255, 255, 255, 0.10);backdrop-filter: blur(42.349998474121094px);display: flex;align-items: center;justify-content: space-between;transition: all 0.5s;}
.header.on .h_bottom{background-color: #ffffff;}
.header .h_bottom .logo{display: block;width: 1.52rem;}
.header .h_bottom .logo img{width: 100%;}
.header .h_bottom .h_nav{display: flex;margin-right: 0.48rem;}
.header .h_bottom .h_nav>li{position: relative;margin-right: 0.7rem;}
.header .h_bottom .h_nav>li:last-child{margin-right: 0;}
.header .h_bottom .h_nav>li>a{padding: 0.3rem 0 0.28rem 0;color: #ffffff;opacity: 0.6;transition: all 0.5s;}
.header.on .h_bottom .h_nav>li>a{color: #333;}
.header .h_bottom .h_nav>li>a:hover{opacity: 1;}
.header .h_bottom .right{display: flex;align-items: center;}
.header .h_bottom .right .h_ser{display: block;width: 0.2rem;height: 0.2rem;margin-right: 0.1rem;opacity: 0.6;transition: all 0.5s;}
.header .h_bottom .right .h_ser:hover{opacity: 1;}
.header .h_bottom .right .solid{display: block;color: #ffffff;opacity: 0.6;margin-right: 0.1rem;}
.header .h_bottom .right .h_lag{position: relative;cursor: pointer;}
.header .h_bottom .right .h_lag .h{display: flex;align-items: center;color: rgba(255,255,255);opacity: 0.6;transition: all 0.5s;}
.header.on .h_bottom .right .h_lag .h{color: #333;}
.header .h_bottom .right .h_lag:hover .h{opacity: 1;}
.header .h_bottom .right .h_lag .h .qiu{display: block;width: 0.2rem;height: 0.2rem;margin-right: 0.06rem;}
.header .h_bottom .right .h_lag .h .qiu img{width: 100%;}
.header .h_bottom .right .h_lag .h .jt{width: 0.08rem;margin-left: 0.11rem;}

.banner{position: relative;width: 100%;height: 100vh;overflow: hidden;}
.banner .swiper-slide{position: relative;height: 100%;overflow: hidden;}
.banner .swiper-slide .pic{width: 100%;height: 100%;}
.banner .swiper-slide .pic .mp{display: none;}
.banner .swiper-slide .pic img{width: 100%;height: 100%;object-fit: cover;}
.banner .swiper-slide .pic video{width: 100%;height: 100%;object-fit: cover;}
.banner .swiper-slide .txt{position: absolute;top: 26.29vh;left: 0;width: 100%;color: #ffffff;text-align: center;}
.banner .swiper-slide .txt .h{line-height: 1.2;margin-bottom: 0.14rem;}
.banner .swiper-slide .txt .p{line-height: 1.1;text-transform: capitalize;letter-spacing: 0.03rem;}
.banner .tab{position: absolute;left: 50%;transform: translateX(-50%);bottom: 7.4vh; width: 12.6rem;display: flex;border-top: 1px solid rgba(255,255,255,0.3);z-index: 5;}
.banner .tab li{width: 100%;padding-top: 0.1rem;position: relative;cursor: pointer;color: #ffffff;transition: all 0.5s;opacity: 0.6;}
.banner .tab li:after{content: "";position: absolute;top: -2px;left: 0;width: 0%;height: 2px;background-color: #ffffff;}
.banner .tab li.on:after{width: 100%;transition: all 5s;}
.banner .tab li.on{opacity: 1;}
.banner .tab li .num{line-height: 1.1;margin-bottom: 0.06rem;}
.banner .tab li .h{line-height: 1.2;display: flex;align-items: center;}
.banner .tab .btn{position: absolute;left: calc(100% + 0.2rem);top: 0;transform: translateY(-50%);width: 0.24rem;height: 0.24rem;cursor: pointer;}
.banner .tab .btn img{width: 100%;}
.banner .tab .btn img.img2{display: none;}
.banner .tab .btn.on img.img2{display: block;}
.banner .tab .btn.on img.img1{display: none;}

.ipart1{padding: 1.6rem 1.4rem 1.4rem 1.4rem;}
.ipart1 .top{text-align: center;margin-bottom: 0.6rem;}
.ipart1 .top .tit{color: #333;line-height: 1.21;margin-bottom: 0.14rem;}
.ipart1 .top .p{color: #00AAE7;line-height: 1.41;letter-spacing: 0.03rem;text-transform: capitalize;}
.ipart1 .list{width: 100%;display: flex;justify-content: space-between;gap: 0.2rem;}
.ipart1 .list .item{width: 3.95rem;border-radius: 0.2rem;overflow: hidden;height: 6.2rem;position: relative;transition: all 0.6s;}
.ipart1 .list .item .pic{position: absolute;left: 50%;transform: translateX(-50%);width: 100%;height: 100%;}
.ipart1 .list .item .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.ipart1 .list .item.on .pic img{opacity: 0;}
.ipart1 .list .item .pic video{width: 100%;height: 100%;object-fit: cover;opacity: 0;}
.ipart1 .list .item.on .pic video{opacity: 1;}
.ipart1 .list:hover .item{width: 2.48rem;}
.ipart1 .list .item.on{width: 8.4rem;}
.ipart1 .list .item .txt1{position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;z-index: 2;color: #ffffff;bottom: 0.38rem;}
.ipart1 .list .item.on .txt1{display: none;}
.ipart1 .list .item .txt1 .h{line-height: 1;margin-bottom: 0.1rem;}
.ipart1 .list .item .txt1 .p{line-height: 1.88;color: rgba(255,255,255,0.7);text-transform: capitalize;}
.ipart1 .list .item .txt2{display: none;}
.ipart1 .list .item.on .txt2{display: flex;justify-content: space-between;align-items: center; position: absolute;left: 0;bottom: 0.38rem;width: 100%;padding: 0 0.4rem;color: #ffffff;}
.ipart1 .list .item.on .txt2{line-height: 1;margin-bottom: 0.1rem;}
.ipart1 .list .item.on .txt2 .p{line-height: 1.88;color: rgba(255,255,255,0.7);text-transform: capitalize;}

.combtn{width: fit-content;transition: all 0.5s;display: flex;align-items: center;padding: 0.1rem 0.1rem 0.1rem 0.31rem;border-radius: 0.25rem;background: rgba(202, 202, 202, 0.23);backdrop-filter: blur(29.350000381469727px);white-space: nowrap;line-height: 0.32rem;cursor: pointer;color: #fff;}
.combtn img{display: block;width: 0.32rem;margin-left: 0.24rem;transition: all 0.5s;}
.combtn:hover img{width: 0;}
.combtn:hover{background: linear-gradient(184deg, #63D973 3.65%, #00A3FB 100%);}

.ipart2{position: relative;width: 100%;height: 140vh;}
.ipart2 .cons{position: sticky;top:0;height: 100vh;overflow: hidden;}
.ipart2 .txt{position: absolute;top: 2.2rem;left: 1.37rem;color: #ffffff;z-index: 3;}
.ipart2 .txt .h{line-height: 1.2;margin-bottom: 0.14rem;color: #fff;}
.ipart2 .txt .p{color: rgba(255,255,255,0.6);line-height: 1.4;}
.ipart2 .cons .swiper-slide{height: 100%;}
.ipart2 .cons .swiper-slide .pic{height: 100%;}
.ipart2 .cons .swiper-slide video{display: block;width: 100%;height: 100%;object-fit: cover;}
.ipart2 .cons .swiper-slide .card{
  position: absolute;top: 1.8rem;right: 1.44rem;border-radius: 0.2rem;background: rgba(0, 0, 0, 0.20);backdrop-filter: blur(46.099998474121094px);width: 3.92rem;
  overflow: hidden;
}

.ipart2 .cons .swiper-slide .card .scroll{overflow-y: auto;max-height: calc(100vh - 1.8rem - 2.54rem);padding: 0 0.4rem 0.45rem 0.4rem;}


.ipart2 .cons .swiper-slide .card .num{background:linear-gradient(90deg, #63D973 -7.14%, #00A3FB 107.51%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;line-height: 1.8;margin-bottom: 0;width: fit-content;}
.ipart2 .cons .swiper-slide .card .h_1{line-height: 1.8;color: #fff;margin-bottom: 0.1rem;}
.ipart2 .cons .swiper-slide .card .p1{color: #fff;line-height: 1.77;margin-bottom: 0.3rem;}
.ipart2 .cons .swiper-slide .card .combtn{margin-bottom: 0.8rem;}
.ipart2 .cons .swiper-slide .card .list{position: relative;overflow: hidden;}
.ipart2 .cons .swiper-slide .card .pic1 img{width: 0.85rem;}


.ipart4{padding: 1.35rem 1.4rem 1.4rem 1.4rem;background: rgba(217, 217, 217, 0.20);}
.ipart4 .top{text-align: center;margin-bottom: 0.6rem;}
.ipart4 .top .tit{color: #333;line-height: 1.21;margin-bottom: 0.14rem;}
.ipart4 .top .p{color: #00AAE7;line-height: 1.41;letter-spacing: 0.03rem;text-transform: capitalize;}
.ipart4 .con{width: 100%;display: flex;justify-content: space-between;}
.ipart4 .con .left{display: block;width: 7.97rem;}
.ipart4 .con .left .pic{width: 100%;height: 4.48rem;border-radius: 0.2rem;overflow: hidden;margin-bottom: 0.2rem;}
.ipart4 .con .left .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.ipart4 .con .left .pic:hover img{transform: scale(1.05);}
.ipart4 .con .left .txt .day{color: #333;line-height: 1.25;margin-bottom: 0.12rem;}
.ipart4 .con .left .txt .h{color: #333;line-height: 1.5;height: 3em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 0.3rem;}
.ipart4 .con .left .txt .more{display: flex;align-items: center;color: #333;line-height: 0.25rem;}
.ipart4 .con .left .txt .more img{display: block;width: 0.25rem;margin-left: 0.17rem;}
.ipart4 .con .right{width: 8.03rem;}
.ipart4 .con .right .item{display: flex;justify-content: space-between; padding-bottom: 0.5rem;margin-bottom: 0.5rem;border-bottom: 1px solid rgba(0,0,0,0.1);}
.ipart4 .con .right .item:last-child{padding-bottom: 0;margin-bottom: 0;border-bottom: none;}
.ipart4 .con .right .item .pic{width: 2.42rem;height: 1.36rem;border-radius: 0.15rem;overflow: hidden;}
.ipart4 .con .right .item .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.ipart4 .con .right .item:hover .pic img{transform: scale(1.05);}
.ipart4 .con .right .item .txt{width: 5.26rem;}
.ipart4 .con .right .item .txt .day{color: #333;line-height: 1.25;margin-bottom: 0.1rem;}
.ipart4 .con .right .item .txt .h{color: #333;line-height: 1.6;height: 3.2em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 0.16rem;}
.ipart4 .con .right .item .txt .more{display: flex;align-items: center;color: #333;line-height: 0.25rem;}
.ipart4 .con .right .item .txt .more img{display: block;width: 0.25rem;margin-left: 0.17rem;}

.ipart5{padding: 1.8rem 0 0.9rem 0;}
.ipart5 .tit{text-align: center;color: #333;line-height: 1.2;margin-bottom: 0.3rem;}
.ipart5 form{display: flex;align-items: center;width: fit-content;margin: 0 auto;margin-bottom: 0.4rem;background-color: rgba(217, 217, 217, 0.40);border-radius: 0.06rem;padding: 0 0.3rem;}
.ipart5 form img{display: block;width: 0.16rem;margin-right: 0.1rem;}
.ipart5 form input{line-height: 0.5rem;width: 5.9rem;background-color: transparent;}
.ipart5 ul{display: flex;justify-content: center;}
.ipart5 ul a{display: block;margin: 0 0.1rem;border-radius: 0.06rem;border: 1px solid #333;width: fit-content;line-height: 0.4rem;padding: 0 0.18rem;transition: all 0.5s;}
.ipart5 ul a:hover{color: #ffffff;border-color: transparent;background:linear-gradient(90deg, #63D973 -7.14%, #00A3FB 107.51%);}

.footer{background-color: #F9F9F9;padding: 0 1.4rem;}
.footer .f_top{display: flex;justify-content: space-between;padding-bottom: 1.06rem;border-bottom: 1px solid #E5E5E5;}
.footer .f_top .tit{color: #333;line-height: 1.15;}

.ipart2 .cons .list .swiper-slide{border-radius: 0.1rem;border: 1px solid rgba(255, 255, 255, 0.20);background: rgba(69, 69, 69, 0.20);backdrop-filter: blur(31.700000762939453px);padding: 0.04rem 0.05rem 0;}

.ipart2 .cons .list .swiper-slide .pic1{height: 0.7rem;border-radius: 0.04rem;background: #fff;overflow: hidden;display: flex;align-items: center;justify-content: center;}

.ipart2 .cons .list .swiper-slide .pic1 img{object-fit: contain;height: 0.6rem;width: 0.76rem;}

.ipart2 .cons .list .swiper-slide .txt1{margin-top: 0.03rem;height: 0.48rem;display: flex;align-items: center;justify-content: center;line-height: calc(16 / 14);color: #fff;text-align: center;font-size: 0.15rem;line-height: 0.18rem;}

.ipart2 .cons .list .pogin{display: flex;justify-content: center;align-items: center;bottom: 0;margin-top: 0.22rem;}

.ipart2 .cons .list .pogin span{margin: 0 0.05rem;width: 0.4rem;height: 0.03rem;border-radius: 0;opacity: 1;background: #fff;position: relative;}

.ipart2 .cons .list .pogin span::before{content: "";position: absolute;top: 0;left: 0;width: 0;height: 100%;background: #00AAE7;}

.ipart2 .cons .list .pogin span.swiper-pagination-bullet-active::before{width: 100%;transition: all 4000ms linear;}

.ipart2 .cons .switch{position: absolute;left: 1.8rem;bottom: calc(1.8rem * (910 / 1080));display: flex;z-index: 5;width: calc(100% - 3.6rem);}

.ipart2 .cons .switch .item{position: relative;z-index: 5;cursor: pointer;}

.ipart2 .cons .switch .item:not(:last-child){margin-right: 2.95rem;}

.ipart2 .cons .switch .item .dian{width: 0.44rem;height: 0.44rem;border-radius: 50%;border: 0.03rem solid rgba(255,255,255,0);display: flex;align-items: center;justify-content: center;}

.ipart2 .cons .switch .item .dian s{width: 0.12rem;height: 0.12rem;border-radius: 50%;background: #fff;}

.ipart2 .cons .switch .item .text{position: absolute;top: 0.64rem;left: 50%;width: max-content;transform: translateX(-50%);text-align: center;}

.ipart2 .cons .switch .item .text .t1{line-height: calc(32 / 28);color: #fff;opacity: 0.6;}

.ipart2 .cons .switch .item .text .t2{line-height: calc(34 / 16);color: #fff;opacity: 0.52;margin-top: 0.06rem;}

.ipart2 .cons .switch .item:nth-child(2){transform: translateY(-0.46rem);margin-right: 2.94rem;}

.ipart2 .cons .switch .item:nth-child(3){transform: translateY(0.43rem);margin-right: 3.35rem;}

.ipart2 .cons .switch .item:nth-child(4){transform: translateY(-0.46rem);margin-right: 3.75rem;}

.ipart2 .cons .switch .item:nth-child(5){transform: translateY(-0.03rem);}

.ipart2 .cons .switch .line{position: absolute;left: 0.4rem;top: -0.3544rem;width: 14.56rem;}

.ipart2 .cons .switch .line svg{width: 100%;height: auto;}

.ipart2 .cons .switch .item.act .dian{border-color: #fff;}

.ipart2 .cons .switch .item.act .text .t1,
.ipart2 .cons .switch .item.act .text .t2{opacity: 1;}

.ipart3{padding: 1.39rem 0 1.11rem;background: #FCFCFC;}

.ipart3 .title .t1{line-height: calc(68 / 56);}

.ipart3 .title .t2{line-height: calc(34 / 24);letter-spacing: 0.12em;margin-top: 0.14rem;}

.ipart3 .box{margin-top: 1rem;position: relative;}

.ipart3 .titbox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.ipart3 .titbox .tox{position: sticky;top: 1.2rem;}

.ipart3 .titbox .tox .vdbox{width: 9.12rem;margin: 0 auto;mix-blend-mode: multiply;position: relative;}

.ipart3 .titbox .tox .vdbox video{mix-blend-mode: multiply;height: 5.14rem;object-fit: contain;}

.ipart3 .titbox .tox .vdbox .txt{display: flex;align-items: center;justify-content: center;position: absolute;left: 0;width: 100%;bottom: 0;z-index: 5;}

.ipart3 .titbox .tox .vdbox .txt .set{font-size: 0.24rem;}

.ipart3 .titbox .tox .vdbox .txt .det{font-size: 0.62rem;line-height: 0.85rem;}

.ipart3 .titbox .tox .vdbox .txt .det span{font-size: 0.57rem;}

.ipart3 .titbox .tox .more{margin-top: 0.8rem;display: flex;align-items: center;justify-content: center;}

.ipart3 .titbox .tox .more a{color: #333;}

.ipart3 .titbox .tox .more a:hover{color: #fff;}

.ipart3 .box .ul{display: flex;justify-content: space-between;flex-wrap: wrap;position: relative;z-index: 5;pointer-events: none;}

.ipart3 .box .ul .li{width: 4.79rem;padding: 0.71rem 0.3rem 0.64rem;border-radius: 1rem 0.2rem;margin-top: 0.35rem;margin-right: calc((100% - 9.58rem));}

.ipart3 .box .ul .li:nth-child(-n + 2){margin-top: 0;}

.ipart3 .box .ul .li:nth-child(2n){margin-right: 0;}

.ipart3 .box .ul .li .ico{width: 0.9rem;height: 0.9rem;margin: 0 auto;}

.ipart3 .box .ul .li .ico img{height: 100%;object-fit: contain;}

.ipart3 .box .ul .li .txt{margin-top: 0.3rem;}

.ipart3 .box .ul .li .txt .t1{display: flex;align-items: center;justify-content: center;}

.ipart3 .box .ul .li .txt .t1 .num{position: relative;color: rgba(51,51,51,0);line-height: calc(71 / 52);}

.ipart3 .box .ul .li .txt .t1 .num span{position: absolute;top: 0;left: 0;width: 100%;}

.ipart3 .box .ul .li .txt .t1 .unit{line-height: calc(30 / 26);margin-left: 0.06rem;}

.ipart3 .box .ul .li .txt .t2{line-height: calc(23 / 20);color: #5F6368;margin-top: 0.06rem;text-align: center;}

.ipart3 .box .ul .li:nth-child(2n){background: #E8FDFE;}

.ipart3 .box .ul .li:nth-child(2n + 1){background: #E8FDFE;}

.ipart3 .box .ul .li:nth-child(4n){background: #EFF8FF;border-radius: 0.2rem 1rem;;}

.ipart3 .box .ul .li:nth-child(4n + 1){background: #fff;}

.sidebar{position: fixed;right: 0;bottom: 0.42rem;z-index: 110;border-radius: 0.1rem 0 0 0.1rem;background: linear-gradient(184deg, #63D973 3.65%, #00A3FB 100%);box-shadow: -6px 19px 45.8px 0 rgba(16, 71, 116, 0.25);padding: 0.04rem 0.05rem 0.04rem 0.06rem;transition: transform .5s cubic-bezier(.25,.74,.22,.99);}

.sidebar{transform: translateX(100%);}
.sidebar.act{transform: none;}

.sidebar .item{padding: 0.2rem 0;text-align: center;border-bottom: 1px solid rgba(230, 230, 230, 0.3);display: block;}

.sidebar .item:last-child{border-bottom: none;}

.sidebar .item .ico{width: 0.3rem;margin: 0 auto;}

.sidebar .item .txt{line-height: calc(22 / 16);color: #fff;margin-top: 0.1rem;min-width: calc(75 / 16 * 1em);}

.header .h_bottom .h_nav>li .lv2list{position: absolute;top: 100%;left: 50%;transform: translateX(-50%); width: max-content;padding: 8px 0.2rem;display: none;background: #fff;}

.header .h_bottom .h_nav>li .lv2list a{padding: 8px 0;display: block;width: fit-content;color: rgba(51,51,51,0.6);/* transform: translateY(30px);opacity: 0; */}

.header .h_bottom .h_nav>li .lv2list a:hover{color: var(--color-vi);}

.mask{position: absolute;top: 0;left: 0;width: 100%;height: 22vw;background: #fff;z-index: -1;transform-origin: 0 0;transform: scaleY(.001);pointer-events: none;transition: transform .5s cubic-bezier(.25,.74,.22,.99);}

/* body.active .mask{pointer-events: auto;transform: scaleY(1);} */

/* body.active .header .h_bottom .h_nav>li .lv2list a{transform: translateY(0);opacity: 1;transition: all .5s cubic-bezier(.25,.74,.22,.99);}

body.active .header .h_bottom .h_nav>li .lv2list a:first-child{transition-delay: 0.1s;}

body.active .header .h_bottom .h_nav>li .lv2list a:nth-child(2){transition-delay: 0.2s;}

body.active .header .h_bottom .h_nav>li .lv2list a:nth-child(n + 3){transition-delay: 0.3s;} */
/* 
body.show .mask{transition: none;}
body.show .header .h_bottom .h_nav>li .lv2list a{transition: none;} */


.prolv2{position: absolute;top: 100%;width: 100%;border-top: 1px solid rgba(51, 51, 51, 0.04);background: #fff;display: none;}

.prolv2 .box{display: flex;}

.prolv2 .box .lf{padding: 0.81rem 0.61rem 0.81rem 1.35rem;display: flex;justify-content: space-between;width: 11.51rem;background: #fff;}

.prolv2 .box .lf .item1{width: 3.46rem;}

.prolv2 .box .lf .item3{width: 1.95rem;}

.prolv2 .box .lf .item .tit a{display: block;width: fit-content;line-height: calc(21 / 18);}

.prolv2 .box .lf .item .tit a:hover{color: var(--color-vi);}

.prolv2 .box .lf .item .line{background: #000;opacity: 0.1;height: 1px;margin: 0.2rem 0;}

.prolv2 .box .lf .item .list{display: flex;justify-content: space-between;}

.prolv2 .box .lf .item .list .it .lv2 a{display: block;width: fit-content;line-height: calc(26 / 16);color: #666;padding: 0.1rem 0;}

.prolv2 .box .lf .item .list .it .lv2 a:hover{color: var(--color-vi);}

.prolv2 .box .lf .item .imgbox{border-radius: 0.1rem;overflow: hidden;height: 1.1rem;display: block;}

.prolv2 .box .lf .item .imgbox img{height: 100%;object-fit: cover;}

.prolv2 .box .lf .item .imgbox:hover img{transform: scale(1.05);}

.prolv2 .box .rf{width: calc(100% - 11.51rem);background: #F0F7F7;padding: 0.8rem 1.35rem 0.42rem 0.7rem;}

.prolv2 .box .rf .tit a{display: block;width: fit-content;line-height: calc(21 / 18);}

.prolv2 .box .rf .tit a:hover{color: var(--color-vi);}

.prolv2 .box .rf .line{background: #000;opacity: 0.1;height: 1px;margin: 0.2rem 0;}

.prolv2 .box .rf .swiper{height: calc(3.62rem + 20px);display: block;}

.prolv2 .box .rf .swiper .swiper-slide{height: 1.81rem;position: relative;}

.prolv2 .box .rf .swiper .img{height: 1.81rem;border-radius: 0.1rem;overflow: hidden;}

.prolv2 .box .rf .swiper .img img{height: 100%;object-fit: cover;}

.prolv2 .box .rf .swiper .txt{position: absolute;left: 0;bottom: 0;width: 100%;padding: 0.2rem;padding-right: 0.72rem;}

.prolv2 .box .rf .swiper .txt .t1{line-height: calc(24 / 18);color: #fff;}

.prolv2 .box .rf .swiper .txt .t2{line-height: calc(24 / 16);color: #fff;margin-top: 0.07rem;}

.prolv2 .box .rf .swiper .ico{position: absolute;right: 0.2rem;bottom: 0.25rem;z-index: 5;width: 0.32rem;opacity: 0;}

.prolv2 .box .rf .swiper .swiper-slide:hover .img img{transform: scale(1.05);}

.prolv2 .box .rf .swiper .swiper-slide:hover .ico{opacity: 1;}

.prolv2 .box .rf .pogin{display: flex;align-items: center;justify-content: center;}

.prolv2 .box .rf .pogin span{width: 0.32rem;height: 0.02rem;background: rgba(51,51,51,0.3);margin: 0.3rem 0.025rem 0;border-radius: 0;opacity: 1;position: relative;}

.prolv2 .box .rf .pogin span::before{content: "";position: absolute;top: 0;left: 0;width: 0;height: 100%;background: linear-gradient(90deg, #63D973 -7.14%, #00A3FB 107.51%);}

.prolv2 .box .rf .pogin span.swiper-pagination-bullet-active::before{width: 100%;transition: all 4000ms linear;}

.zz_tanchuang{
    display: table;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    width: 100%;
    z-index: 999;
}
.zz_tanchuang.one {
    animation: unfoldIn 1s cubic-bezier(.165, .84, .44, 1) forwards;
    -webkit-animation: unfoldIn 1s cubic-bezier(.165, .84, .44, 1) forwards;
    transform: scaleY(.01) scaleX(0);
    -webkit-transform: scaleY(.01) scaleX(0);
}
.zz_tanchuang .tbox {
    background: #000c;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.zz_tanchuang .tbox .modal {
    border-radius: 5px;
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
    max-height: 90%;
    max-width: 1200px;
    padding: 0;
    position: relative;
    width: 80%;
}
.zz_tanchuang.one .tbox .modal {
    animation: zoomIn .5s cubic-bezier(.165, .84, .44, 1) .8s forwards;
    -webkit-animation: zoomIn .5s cubic-bezier(.165, .84, .44, 1) .8s forwards;
    transform: scale(0);
    -webkit-transform: scale(0);
}
.zz_tanchuang .tbox .modal .out{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.824' height='8.824' viewBox='0 0 8.824 8.824'%3E%3Cg data-name='组 21240'%3E%3Cg fill='none' stroke='%23fff' data-name='组 20569'%3E%3Cpath d='M.353.353 8.47 8.47' data-name='直线 13431'/%3E%3Cpath d='M8.47.353.355 8.47' data-name='直线 13432'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 50% no-repeat;background-size:20px;border-radius:50%;color:#000;cursor:pointer;font-size:30px;height:40px;line-height:40px;opacity:.75;position:absolute;right:-55px;text-align:center;top:-40px;transition:all .5s;width:40px;}

.zz_tanchuang .tbox .modal .out:hover {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.zz_tanchuang .tbox .modal .img {
    margin: 0 auto;
    max-width: 600px;
    width: 100%;
    max-width: 1200px;
}
.zz_tanchuang .tbox .modal .img video {
    background-color: #000;
    display: block;
    max-height: 67vh;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}

@keyframes unfoldIn {
    0% {
        transform: scaleY(.005) scaleX(0)
    }

    50% {
        transform: scaleY(.005) scaleX(1)
    }

    to {
        transform: scaleY(1) scaleX(1)
    }
}

@keyframes zoomIn {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@keyframes zoomOut {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(0)
    }
}

@keyframes unfoldOut {
    0% {
        transform: scaleY(1) scaleX(1)
    }

    50% {
        transform: scaleY(.005) scaleX(1)
    }

    to {
        transform: scaleY(.005) scaleX(0)
    }
}


.banner .tab li .vidplay{width: 0.2rem;margin-left: 0.1rem;}


.banner .swiper-slide .txt .vidplay{margin: 0.3rem auto 0;display: flex;align-items: center;line-height: 2;color: #fff;width: fit-content;}

.banner .swiper-slide .txt .vidplay img{width: 0.5rem;margin-right: 0.2rem;}

.message{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1300;background: rgba(0,0,0,0.5);display: none;}

.message .box{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;border-radius: 0.16rem;background: #fff url(../images/message_bg.png) no-repeat bottom center;background-size: 100% auto;max-width: 768px;height: fit-content;width: 90vw;}

.message .box .close{position: absolute;right: 0.23rem;top: 0.23rem;width: 0.32rem;height: 0.32rem;}

.message .mox{max-height: 90vh;overflow-y: auto;padding: 0.55rem 0.47rem 0.5rem 0.55rem;}

.message .mox .form{display: flex;flex-wrap: wrap;}

.message .mox .form .item{width: calc(50% - 0.2rem);margin: 0.4rem 0.4rem 0 0;}

.message .mox .form .item.w100{margin-right: 0;width: 100%;}

.message .mox .form .item.item_two{margin-right: 0;}

.message .mox .form .item .set{line-height: calc(24 / 18);}

.message .mox .form .item .set span{color: #CC0000;margin-right: 0.1rem;}

.message .mox .form .item .det{margin-top: 0.1556rem;}

.message .mox .form .item .det input{width: 100%;border-radius: 0.06rem;border: 0.01rem solid rgba(102, 102, 102, 0.14);background: #FFF;height: 0.4rem;padding: 0 0.12rem;}

.message .mox .form .item .det select{width: 100%;border-radius: 0.06rem;border: 0.01rem solid rgba(102, 102, 102, 0.14);background: #FFF url(../images/svg/select_arr.svg) no-repeat right 0.15rem center;background-size: 13px; height: 0.4rem;padding: 0 calc(13px + 0.3rem) 0 0.12rem;}

.message .mox .form .item .det textarea{width: 100%;border-radius: 0.06rem;border: 0.01rem solid rgba(102, 102, 102, 0.14);background: #fff;resize: none;height: 1.1rem;padding: 0.15rem 0.12rem;}

.message .mox .form .item.item_submit a{margin: 0.04rem auto;}

.message .mox .form .item.item_submit a input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;z-index: 11;}

.message .mox .form .item_fill{display: flex;align-items: center;}

.message .mox .form .item_fill .lf{position: relative;width: 99px;margin-right: 0.06rem;}

.message .mox .form .item_fill .lf input{position: absolute;top: 0;left: 0;width: 100%;opacity: 0;height: 100%;}

.message .mox .form .item_fill .lf .txt{width: 72px;text-align: center;color: #666666;}


/* ========== 核心：弹窗遮罩层 ========== */
.iframe-modal-mask {
    /* 遮罩层全屏覆盖 */
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.7); /* 半透明黑色蒙层，可改透明度 */
    z-index: 9998; /* 层级比弹窗低，保证弹窗在上面 */
    display: none !important; /* 默认隐藏 */
}

/* ========== 核心：iframe弹窗主体 ========== */
.iframe-modal-box {
    position: fixed;
    right: 0;
    bottom: 0;
    /*top: 50%; left: 50%;*/
    /*transform: translate(-50%, -50%);*/
    width: 350px;  /* 弹窗宽度，可自定义 */
    /*height: max(6rem, 80vh);*/
    height: 52vh;
    z-index: 9999;
    display: none;  /* 默认隐藏 */
    border-radius: 8px; /* 圆角，美观 */
    overflow: hidden; /* 裁剪边角，避免iframe超出圆角 */
}

/* iframe样式：撑满弹窗容器，无边框 */
.iframe-modal-box iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/* 关闭按钮样式 */
.close-btn {
    position: fixed;
    top: calc(48vh + 10px);
    right: 20px;
    z-index: 10000;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    display: none;
    width: 24px;
    height: 24px;
    background: linear-gradient(90deg, #63D973 -7.14%, #00A3FB 107.51%);
    border-radius: 50%;
    text-align: center;
}



@media screen and (min-width:1025px) {
  .phbox{display: none;}
}
@media screen and (min-width:1921px) {
  body{font-size: 0.14rem;}
  .f_12 {font-size:0.12rem;}
  .f_14 {font-size:0.14rem;}
  .f_16 {font-size:0.16rem;}
  .f_18 {font-size:0.18rem;}
  .f_20 {font-size:0.2rem;}
  .f_22 {font-size:0.22rem;}
  .f_24 {font-size:0.24rem;}
  .f_26 {font-size:0.26rem;}
  .f_28 {font-size:0.28rem;}
  .f_30 {font-size:0.3rem;}
  .f_32 {font-size:0.32rem;}
  .f_34 {font-size:0.34rem;}
  .f_36 {font-size:0.36rem;}
  .f_38 {font-size:0.38rem;}
  .f_40 {font-size:0.40rem;}
  .f_42 {font-size:0.42rem;}
  .f_44 {font-size:0.44rem;}
  .f_46 {font-size:0.46rem;}
  .f_48 {font-size:0.48rem;}
  .f_50 {font-size:0.50rem;}
  .f_52 {font-size:0.52rem;}
  .f_54 {font-size:0.54rem;}
  .f_56 {font-size:0.56rem;}
  .f_58 {font-size:0.58rem;}
  .f_60 {font-size:0.60rem;}
  .f_62 {font-size:0.62rem;}
  .f_64 {font-size:0.64rem;}
  .f_66 {font-size:0.66rem;}
  .f_68 {font-size:0.68rem;}
  .f_70 {font-size:0.70rem;}
  .f_72 {font-size:0.72rem;}
  .f_74 {font-size:0.74rem;}
  .f_76 {font-size:0.76rem;}
  .f_78 {font-size:0.78rem;}
  .f_80 {font-size:0.80rem;}
  .f_90 {font-size:0.90rem;}
}
@media screen and (max-width:1680px) {
  .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_38 {font-size:36px;}
  .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_58,.f_60,.f_62,.f_64,.f_66,.f_68,.f_70,.f_72,.f_74,.f_76,.f_78,.f_80 {font-size:52px;}
  .header .h_bottom .h_nav>li{margin-right: 0.5rem;}
}
@media (max-width: 1560px) {
  .f_14 {font-size: 13px;}
  .f_58,.f_60,.f_62,.f_64,.f_66,.f_68,.f_70,.f_72,.f_74,.f_76,.f_78,.f_80 {font-size:48px;}
}
@media screen and (max-width:1440px) {
  .f_16 {font-size:14px;}
  .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_38,.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_58 {font-size:42px;}
  .f_60,.f_62,.f_64,.f_66,.f_68,.f_70,.f_72,.f_74,.f_76,.f_78,.f_80 {font-size:44px;}
  .header .h_bottom .h_nav>li{margin-right: 0.4rem;}
}
@media screen and (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:36px;}
  .f_54,.f_56,.f_58,.f_60,.f_62,.f_64,.f_66,.f_68,.f_70,.f_72,.f_74,.f_76,.f_78,.f_80 {font-size:40px;}
}

@media screen and (max-width:1024px) {
  html {font-size:60px;}

  /* .f_14,.f_16 {font-size:12px;}
  .f_18,.f_20 {font-size:14px;}
  .f_22,.f_24,.f_26,.f_28 {font-size:16px;}
  .f_30,.f_32,.f_34 {font-size:18px;}
  .f_36,.f_40,.f_42,.f_44,.f_46 {font-size:20px;}
  .f_48,.f_50,.f_52,.f_54,.f_56,.f_58,.f_60,.f_62,.f_64,.f_68,.f_70,.f_72,.f_74,.f_76,.f_78,.f_80 {font-size:30px;} */

  .f_14,.f_16 {font-size: 0.24rem;}
  .f_18,.f_20 {font-size: 0.26rem;}
  .f_22,.f_24,.f_26,.f_28 {font-size: 0.32rem;}
  .f_30,.f_32,.f_34 {font-size: 0.36rem;}
  .f_36,.f_40,.f_42,.f_44,.f_46 {font-size: 0.38rem;}
  .f_48, .f_50, .f_52, .f_54, .f_56, .f_58, .f_60, .f_62, .f_64, .f_68, .f_70, .f_72, .f_74, .f_76, .f_78, .f_80{font-size: 0.44rem;}

  .pcbox{display: none;}

  .phbox{display: block;}
}