html{min-width: 440px;}
html{font-size: 50px;font-family: system-ui, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", Helvetica, Arial, "Noto Sans SC", sans-serif;}
@media screen and (max-width: 1600px){html{font-size: 45px;}}
@media screen and (max-width: 1440px){html{font-size: 40px;}}
@media screen and (max-width: 1280px){html{font-size: 35px;}}
@media screen and (max-width: 1024px){html{font-size: 30px;}}
@media screen and (max-width: 768px){html{font-size: 25px;}}
@media screen and (max-width: 480px){html{font-size: 20px;}}
.bg{z-index: 2;position: absolute !important;left: 0;top: 0;max-width: none !important;width: 100%;height: 100%;}
.Tt > .box,
.Tt > .ysqMoveBox,
.Tt > .ysqJsBox{display: none;}
.Tt > .box.on,
.Tt > .ysqMoveBox.on,
.Tt > .ysqJsBox.on{display: block;}
.Tt .sdt{ font-size:.6em;}
.index-head{position: relative;white-space: nowrap;}
.index-head .cn{font-size: 36px;margin-top: -0.8em;color: #333333;}
@media screen and (max-width: 1024px){
.index-head{text-align: center;}
.index-head .cn{font-size: .4em;}
}
.index-application .w {-webkit-box-sizing: border-box;box-sizing: border-box;width: 90%;}
@media screen and (min-width: 1025px) {
.index-application .w {width: 1200px;}}
@media screen and (min-width: 1601px) {
.index-application .w {width: 1440px;}}
@media screen and (max-width: 1024px) {
.index-application .w {width: auto !important;width: calc(100% - 30px) !important;margin-left: auto !important;margin-right: auto !important;max-width: 720px !important;}}

.btn.btnX1{z-index: 2;position: relative;overflow: hidden;display: block;margin-left: auto;margin-right: auto;margin-top: 0.6rem;width: 98px;line-height: 22px;text-align: center;border-radius: 40px;color: #fff;border: #ffffff solid 1px;padding: 0.16rem 0.4rem;}
.btn.btnX1:before{content: " ";position: absolute;left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(255, 255, 255, 0.15);z-index: -1;pointer-events: none;-webkit-transition: all 250ms ease-out 0ms;transition: all 250ms ease-out 0ms;opacity: 0;visibility: hidden;-webkit-transform: scale(0);transform: scale(0);border-radius: inherit;}
.btn.btnX1:after{content: ">";margin-left: .25em;}
.btn.btnX2{display: block;width: 100px;height: 20px;padding: 0.2rem 0.3rem;border-radius: 40px;background-color: #e95513;color: #fff;font-size: 14px;text-align: center;line-height: 20px; box-sizing: content-box;}



:root .fullpage-section .vm{padding-top: var(--headerH);padding-bottom: var(--headerH);}
:root .scroll-wrap{padding-top: var(--headerH);}
:root .hidePoint{top: calc(-1*var(--headerH));}



.fullpage-bg{-webkit-transition: -webkit-transform 4000ms ease-out 200ms;transition: -webkit-transform 4000ms ease-out 200ms;transition: transform 4000ms ease-out 200ms;transition: transform 4000ms ease-out 200ms, -webkit-transform 4000ms ease-out 200ms;}
.fullpage-section{position: relative;left: 0;top: 0;width: 100%;height: 100%;height: 100vh;overflow: hidden;z-index: 2;background-color: #fff;}
.fullpage-section .vm{z-index: 3;text-align: center;}
.fullpage-section .vmbox{display: inline-block;vertical-align: middle;text-align: left;line-height: 1;}
.fullpage-section .bg{-o-object-position: 50% 100%;object-position: 50% 100%;}
.fullpage-section.leaving{pointer-events: none;}
@media screen and (min-width: 1441px){.fullpage-section .w, .fullpage-section .container{width: 1280px;}}
@media screen and (min-width: 1801px){.fullpage-section .w, .fullpage-section .container{width: 1640px;}}
.fullpage-section .vm{ line-height:700px !important; height:700px !important; margin-top:100px;}
.index-application .bgs{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;pointer-events: none;}
.index-application .bgs .bg{-webkit-transition: all 300ms ease-out 0ms;transition: all 300ms ease-out 0ms;opacity: 0;visibility: hidden;z-index: 4;background-color: #f1f1f1;-webkit-transform: skew(2deg) scale(1.1) rotate(-2deg);transform: skew(2deg) scale(1.1) rotate(-2deg);object-fit:cover}
.index-application .bgs .bg.on{-webkit-transition: all 600ms ease-out 0ms;transition: all 600ms ease-out 0ms;opacity: 1;visibility: visible;z-index: 6;-webkit-transform: none !important;transform: none !important;-webkit-filter: none;filter: none;}
.index-application .wrapIn{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-line-pack: center;align-content: center;color: #fff;}
.index-application .wrapIn:after{display: none;}
@media screen and (max-width: 1024px){.index-application .wrapIn{display: block;}}
@media screen and (max-width: 768px){.fullpage-section{ height:auto}.fullpage-section .vm{  height:800px !important;}}
@media screen and (max-width: 480px){.fullpage-section .vm{ line-height:500px !important; height:600px !important;}}
.index-application .left .index-head:after{background-color: #fff;}
.index-application .left .index-head .en{color: rgba(255, 255, 255, 0.2);}
.index-application .left .index-head .cn,
.index-application .left .index-head .cn .c1{color: #fff;}
.index-application .left .info{margin-top: 0.5rem;line-height: 1.8em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;max-height: 6em;width: 380px;max-width: 100%;color: #fff; font-size:18px;}
.index-application .right{position: relative;width: 16.4em;z-index: 3;font-size: 1rem;}
.index-application .right .circle{position: absolute;left: 50%;top: 50%;margin: -6.12em 0 0 -6.12em;content: " ";z-index: -1;pointer-events: none;width: 12.24em;height: 12.24em;background-image: url(../images/bgs-app-circle.png);background-size: contain;background-position: 50% 50%;background-repeat: no-repeat;-webkit-transition: all 600ms ease-out 0s;transition: all 600ms ease-out 0s;}
.index-application .right .Tg{position: absolute;left: 50%;top: 50%;width: 0;height: 0;z-index: 1;}
.index-application .right .Tg > a{position: absolute;z-index: 2;color: #fff;width: 1px;height: 1px;white-space: nowrap;cursor:pointer}
.index-application .right .Tg > a .icoImg{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 65px;height: 65px;border-radius: 50%;background-color: rgba(255, 255, 255, 0.3);-webkit-transition: all 400ms ease-out 0s;transition: all 400ms ease-out 0s; max-width:none}
.index-application .right .Tg > a span{position: absolute;top: 50%;margin-top: -1em;line-height: 2em;-webkit-transition: all 250ms ease-out 0s;transition: all 250ms ease-out 0s; font-size:16px;}

.index-application .right .Tg > a.i1{left: 5.6em;top: 2.36em;}
.index-application .right .Tg > a.i1 span{left: 47.5px;}
.index-application .right .Tg > a.i2{left: 4.6em;bottom: 4.12em;}
.index-application .right .Tg > a.i2 span{left: 47.5px;}
.index-application .right .Tg > a.i3{right: 2.6em;bottom: 5.52em;}
.index-application .right .Tg > a.i3 span{right: 47.5px;}
.index-application .right .Tg > a.i4{right: 5.9em;top: 1.36em;}
.index-application .right .Tg > a.i4 span{right: 47.5px;}
.index-application .right .Tg > a.i5{left: 0;top: 6.12em;}
.index-application .right .Tg > a.i5 span{right: 47.5px;}
.index-application .right .Tg > a:hover .icoImg{background-color: rgba(0, 0, 0, 0.6);}
.index-application .right .Tg > a.on .icoImg{background-color: #e95513;}
.index-application .right .Tt{position: absolute;z-index: 2;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 330px;height: 250px;color: #fff;text-align: center;}
.index-application .right .Tt .sdt:after{content: " ";display: block;margin-left: auto;margin-right: auto;margin-top: 0.4rem;width: 40px;height: 2px;background-color: #fff;}
.index-application .right .Tt .sdd{margin-top: 0.4rem;line-height: 1.5em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;max-height: 4.5em;font-size:16px;}
.index-application .right .Tt .sdf{margin-top: 0.6rem; box-sizing: content-box;}
.index-application .right .Tt .sdf .btnX2{display: block;margin-left: auto;margin-right: auto;}
@media screen and (max-width: 1600px){.index-application .right .Tt{width: 260px;height: 220px;}}
@media screen and (max-width: 1024px){.index-application .wrapIn{font-size: 100px;}}
@media screen and (max-width: 749px){.index-application .wrapIn{font-size: 90px;}}
@media screen and (max-width: 699px){.index-application .wrapIn{font-size: 85px;}}
@media screen and (max-width: 649px){.index-application .wrapIn{font-size: 80px;}}
@media screen and (max-width: 599px){.index-application .wrapIn{font-size: 75px;}}
@media screen and (max-width: 549px){.index-application .wrapIn{font-size: 70px;}}
@media screen and (max-width: 499px){.index-application .wrapIn{font-size: 65px;}}
@media screen and (max-width: 449px){.index-application .wrapIn{font-size: 60px;}}
@media screen and (max-width: 1024px){.index-application .left .info{width: 100%;text-align: center; font-size:16px;}
.index-application .right{width: 80%;padding-bottom: 80%;margin-left: auto;margin-right: auto;font-size: .36em;}
.index-application .right .Tg > a span{display: none;}
.index-application .right .Tg > a .icoImg{width: 55px;height: 55px;}
.index-application .right .Tt{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-line-pack: center;align-content: center;width: 8em;height: 8em;border-radius: 50%;}
.index-application .right .Tt:after{display: none;}
.index-application .right .Tt .sdd{line-height: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 40px;font-size:.5em;}}