@charset "utf-8";
* {  padding: 0; margin: 0; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html,body {  min-height: 100%;scroll-behavior: smooth;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
html {  font-size: calc(100vw / 19.2);-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;scrollbar-width: thin;}

*, ::after {margin: 0;padding: 0;box-sizing: border-box;font-family: usmile-Medium, "Microsoft YaHei", Helvetica, Arial, "PingFang SC", sans-serif;}
body {font: 0.14rem usmile-Medium, "Microsoft YaHei", Helvetica, Arial, "PingFang SC", sans-serif;color: #1d1d1d;overflow-x: hidden;line-height: 1.6;}
h1,h2,h3,h4,h5,h6 {font-family: inherit;font-style: inherit;font-size: inherit;font-weight: normal;}
ol,ul,li {list-style-type: none;vertical-align: middle;}

img {vertical-align: top;max-width: 100%;height: auto;box-sizing: border-box;border: 0;vertical-align: middle;}
a {cursor: pointer;color: inherit;text-decoration: none;outline: none;-moz-outline-style: none;}
a:hover {text-decoration: none;cursor: pointer;}
a:focus {background-color: transparent;text-decoration: none;}
a:focus, input:focus, p:focus, div:focus {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

.pc,.c-pc {display: block;}
.wap,.mobile,.c-mb,.phone {display: none;}
.swiper-button-prev:focus, .swiper-button-next:focus, .swiper-pagination-bullet:focus {outline: none;}


span {display: inline-block;}
li {max-width: 100%;}
p {line-height: 1.8;white-space: normal;max-width: 100%;}

:root {
  --font16: clamp(13px, 0.16rem, 16px);
  --font20: clamp(15px, 0.2rem, 20px);
  --font30: clamp(20px, 0.3rem, 30px);
  --font40: clamp(23px, 0.4rem, 40px);
  --font62: clamp(31px, 0.62rem, 62px);
}
.font16 { font-size: var(--font16);}
.font20 { font-size: var(--font20);}
.font30 { font-size: var(--font30);}
.font40 { font-size: var(--font40);}



@media (min-width: 1901px) {html {font-size: 100px;}}
@media (max-width: 1580px) {html {font-size: calc(100vw / 21);}}
@media (max-width: 1280px) {html {font-size: calc(100vw / 19.3);}}
@media (max-width: 767px) {html {font-size: calc(100vw / 15);}}
@media (max-width: 480px) {html {font-size: calc(100vw / 7.5);}}
@media (max-width: 767px) {	.pc,.c-pc {display: none;}}
@media (max-width: 767px) {	.wap,.mobile,.c-mb {display: block;}}
@media screen and (max-width: 750px) {.pc {display: none;}.phone {display: block;}}
.wrapper {overflow: hidden;}
.container {width: 100%;height: auto;width: 90%;max-width: 14rem;margin: 0 auto;}
@media (max-width: 767px) {	.container {width: 100%;max-width: 100%;padding: 0 20px;}}



.swiper {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0;/* Fix of Webkit flickering */z-index: 1;}
.swiper-vertical > .swiper-wrapper {flex-direction: column;}
.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform;box-sizing: content-box;}
.swiper-android .swiper-slide,.swiper-wrapper {transform: translate3d(0px, 0, 0);}
.swiper-pointer-events {touch-action: pan-y;}
.swiper-pointer-events.swiper-vertical {touch-action: pan-x;}
.swiper-slide {flex-shrink: 0;width: 100%;height: 100%;position: relative;transition-property: transform;}
.swiper-slide-invisible-blank {visibility: hidden;}
.swiper-autoheight,.swiper-autoheight .swiper-slide {height: auto;}
.swiper-autoheight .swiper-wrapper {align-items: flex-start;transition-property: transform, height;}
.swiper-backface-hidden .swiper-slide {transform: translateZ(0);-webkit-backface-visibility: hidden;  backface-visibility: hidden;}

.slide-btn-main {position:absolute; left:5%; top:45%; z-index:9999; width:90%}
.slide-btn-main .slide-btn { float:left;width: 40px;height: 40px;filter:alpha(opacity=20);opacity:0.2;}
.slide-btn-main .slide-btn:hover{ filter:alpha(opacity=100);opacity:1;  }
.slide-btn-main .swiper-button-next{ float:right}

/*.slide-btn img,.slide-btn svg {width: 8px;height: auto;visibility: initial !important;}*/
@media (max-width: 1024px) {	.slide-btn {display: none;}}


.public-img {display: block;position: relative;z-index: 1;overflow: hidden;}
.public-img::before {content: "";display: block;position: relative;z-index: 0;padding-top: 100%;}
.public-img img {position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;z-index: 1;width: 100%;height: 100%;object-fit: cover;-webkit-transition: all 0.8s;transition: all 0.8s;}
.public-img-plus:hover img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.item-animation:hover .public-img-plus img {-webkit-transform: scale(1.1);transform: scale(1.1);}


.index-box4 {margin: 0.28rem 0 1.1rem; position:relative; display:none}
/*.index-box4 .page-main .page-up{ position:absolute; left:0; top:45%; z-index:9999}
.index-box4 .page-main .page-up {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;margin-bottom: 0.3rem;}*/
.index-box4 .page-main .page-up .title {color: #1d1d1d;font-weight: bold; text-align:center; padding-bottom:0.2rem;}
.index-box4 .page-main .swiper-main {--color: #fff;color: var(--color);border-radius: 0.2rem;}
.index-box4 .page-main .swiper-main .index-swiper4 {width: 64.35714286%;max-width: 901px;margin: 0;overflow: visible;}
.index-box4 .page-main .swiper-main .index-swiper4 .swiper-slide-active .item-box .public-img::after {height: 45.8%;opacity: 0.55;}
.index-box4 .page-main .item-box {display: block;height: 100%;overflow: hidden;position: relative;}
.index-box4 .page-main .item-box .public-img::before {padding-top: 53.27413984%;}
.index-box4 .page-main .item-box .public-img::after {content: "";width: 100%;height: 45.8%;height: 100%;background-color: transparent;background: -webkit-linear-gradient(-90deg, transparent 0%, #000 100%);background: linear-gradient(180deg, transparent 0%, #000 100%);position: absolute;left: 0;bottom: 0;opacity: 0.55;opacity: 0.8;z-index: 1;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.index-box4 .page-main .item-box .public-img video {width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;min-width: 100%;min-height: 100%;z-index: 1;}
.index-box4 .page-main .item-box .index-text-box {position: absolute;left: 0;bottom: 0;z-index: 2;width: 100%;padding: 0 0.4rem 0.5rem;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;-webkit-box-align: end;-ms-flex-align: end;-webkit-align-items: flex-end;align-items: flex-end;grid-gap: 40px;}

.index-box4 .page-main .item-box .index-text-box .text-con {-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.index-box4 .page-main .item-box .index-text-box .text-body {font-family: "usmileFont80Light_L";line-height: 1.5em;opacity: 0.75;margin-top: 0.08rem; width:60%}
.index-box4 .page-main .item-box .index-text-box .text-body span {font-family: "usmileFont80Light_L";display: block;}
.index-box4 .page-main .item-box .index-text-box .btn-container {display: block;}
.index-box4 .page-main .item-box .index-text-box .btn-container .more-primary2 {min-width: 1.4rem;height: 0.48rem;min-height: 40px;}

.index-box4 .page-main .item-box:hover{ color:inherit}

.btn-container .more-primary2 {position: relative;height: 0.4rem;min-height: 40px;padding: 0 0.22rem;overflow: hidden;border: 1px solid #fff;color: #fff;line-height: 1;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.btn-container .more-primary2 .more-primary-circle {position: relative;margin-left: 0.12rem;display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display: flex; -webkit-box-pack:center; -ms-flex-pack: center;-webkit-justify-content: center; justify-content: center;-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.btn-container .more-primary2 .more-primary-circle img, .btn-container .more-primary2 .more-primary-circle svg { z-index: 2; width: 0.06rem; min-width: 6px;height: auto;}

.index-box4 .swiper-pagination,.swiper-notification{ display:none}

@media (max-width: 1024px) {	.index-box4 .page-main .swiper-main .index-swiper4 {width: 100%;}}
@media (max-width: 767px) {
	.index-box4 { margin:0.58rem 0 0.85rem}
	.index-box4 .page-main .page-up{ position: inherit; left: auto; top: auto;}
	.index-box4 .page-main .page-up .title {font-size: var(--font62); text-align:center;padding-bottom: 0.5rem;}
	
	.index-box4 .page-main .swiper-main .index-swiper4 { width:100%}
	.index-box4 .page-main .swiper-main .index-swiper4 .swiper-pagination {opacity: 1;bottom: 0;top: auto;height: 0.04rem;background: rgba(0, 0, 0, 0.1);}
	.index-box4 .page-main .swiper-main .index-swiper4 .swiper-pagination .swiper-pagination-progressbar-fill {background: rgba(0, 0, 0, 0.5);}
	.index-box4 .page-main .item-box {border-radius: 0.2rem;}
	.index-box4 .page-main .item-box .public-img::before {/*padding-top: 118.05970149%;*/ padding-top: 70%;}
	.index-box4 .page-main .item-box .index-text-box {display: block;padding-bottom: 0.4rem;}
	.index-box4 .page-main .item-box .index-text-box .btn-container {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;margin-top: 0.2rem;  }
}