html,body,.wrapper{width: 100%; height: 100%; position: relative;overflow: hidden;}
.wrapper:after { content: ''; width: 100%; height: 5rem; background: linear-gradient(to bottom, #14406699, transparent); position: absolute; top: 0; left: 0; z-index: 1; pointer-events: none; }

/* 二级导航 */
.org-cont-top { width: 100%; height: auto; padding-top: 1.4rem; max-height: 100%; line-height: 1.36rem; position: fixed; left: 0; top: 0; z-index: 5;}
.org-cont-top:before { content: ""; width: 100%; height: 2.76rem; position: absolute; z-index: 1; left: 0; top: 0; background-color: rgba(0,0,0,.8); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}
.org-cont-top-btn { width: 100%; height: 1.36rem; border-top: 1px solid #2f2f2f; position: relative; z-index: 2;}
.wrapper .nav { -webkit-backdrop-filter: none; backdrop-filter: none; background: none;}
.org-cont-top-btn p { margin-left: .36rem; float: left; color: #fff; font-size: .48rem;}
.arrow-pull { width: 1.35rem; height: 1.38rem; background-image: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/org-spr.png); background-repeat: no-repeat; background-size: 5.09rem 8.9rem; background-position: 63.90374% 51.59574%; display: block; float: right; margin-right: .28rem; transition: all .3s;}
.arrow-pull.on { transform: rotate(180deg);}
.org-cont-top-item { position: relative; top: -2px; width: 100%; height: 0; overflow-y: auto; transition: all .4s; background-color: rgba(0,0,0,0.6);}
.org-cont-top-item ul { padding-left: .68rem; background-color: #111112;}
.org-cont-top-item li { color: #e8e8e8; font-size: .4rem; width: 9.88rem; border-bottom: 1px solid #414141;}
.org-cont-top-item li:last-of-type { border-bottom: none; }
.org-cont-top-item li a { color: #e8e8e8; display: block; width: 100%; height: 100%;}
.org-cont-top-item li.cur a { color: #ffb900;}

/* 动画 */
@keyframes bounceInbot {
	0% {opacity: 0;transform: translateY(2rem);}
	100% {transform: translateX(0);opacity: 1;}
}

/* spr */
.gm-spr{ background-image:url(//game.gtimg.cn/images/gp/cp/a20230817org/gmjt/m/gm-spr.png); background-repeat:no-repeat; background-size:5.66rem 1.8rem;}
.gm-spr.gm-arr-right{ width:0.21rem; height:0.25rem; background-position:98.34862% 5.80645%;}
.gm-spr.gm-head-subtit{ width:5.18rem; height:0.42rem; background-position:18.75% 93.47826%;}
.gm-spr.gm-head-tit{ width:5.19rem; height:1.12rem; background-position:19.14894% 13.23529%;}
.gm-spr.gm-arr-right{ width:0.21rem; height:0.25rem; background-position:98.34862% 5.80645%;}
.gm-spr.gm-p1-prev{ width:0.21rem; height:0.25rem; background-position:98.34862% 27.09677%;}
.gm-spr.gm-txt-left{ width:0.14rem; height:0.28rem; background-position:96.92029% 84.86842%;}
.gm-spr.gm-txt-right{ width:0.2rem; height:0.28rem; background-position:98.1685% 49.34211%;}

/* 下一辆缩略图 */
.car-spr{ background-image:url(//game.gtimg.cn/images/gp/cp/a20230817org/gmjt/car-spr.png); background-repeat:no-repeat; background-size:10.19rem 2.56rem;}
.car-spr.Blanco{ width:1.83rem; height:0.67rem; background-position:77.27273% 10.05291%;}
.car-spr.Dragoncycle{ width:1.73rem; height:0.91rem; background-position:45.62648% 72.12121%;}
.car-spr.DuneRaider{ width:1.5rem; height:0.92rem; background-position:36.13349% 11.58537%;}
.car-spr.FlashGT{ width:1.92rem; height:0.49rem; background-position:90.81016% 77.29469%;}
.car-spr.Forklift{ width:1.31rem; height:1.21rem; background-position:2.13964% 14.07407%;}
.car-spr.GravelTruck{ width:1.63rem; height:0.65rem; background-position:97.78037% 9.94764%;}
.car-spr.HicksWingcraft{ width:1.66rem; height:0.85rem; background-position:55.33411% 11.11111%;}
.car-spr.MaglevTrain{ width:1.71rem; height:0.93rem; background-position:24.41038% 85.88957%;}
.car-spr.MiningDigger{ width:1.48rem; height:1.13rem; background-position:18.14007% 13.28671%;}
.car-spr.RallyRacer{ width:1.76rem; height:0.7rem; background-position:67.25979% 60.21505%;}
.car-spr.UAV-GD-700{ width:1.8rem; height:0.89rem; background-position:2.2646% 88.62275%;}
.car-spr.VintageWind{ width:2.05rem; height:0.58rem; background-position:92.26044% 47.47475%;}

@-webkit-keyframes fadeInDn {
    0% { opacity: 0; -webkit-transform: translate3d(0, 120px, 0); }
    100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); }
}
@keyframes fadeInDn {
    0% { opacity: 0; -webkit-transform: translate3d(0, 120px ,0); }
    100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); }
}

@-webkit-keyframes mouse-move{
	50%{ top: 10px; }
}
@keyframes mouse-move{
	50%{ top: 10px; }
}

.fadeanim { -webkit-animation: fadeInDn .4s ease-out .2s both; animation: fadeInDn .4s ease-out .2s both;}
.fadeanim1 { animation-delay: 0s; animation-duration: .1s;}

.wrapper { background: #0e0e12; padding-top: 0; }
.page-box { width: 100%; position: relative; top: 2.76rem; }
.comm-height { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: -1; pointer-events: none; }

.part-text { width: 10.46rem; height: auto; position: absolute; top: 1.52rem; left: 50%; margin-left: -5.23rem; z-index: 3; }
.part-text .part-tit-box { width: 100%; height: .64rem; text-align: center; }
.part-text .part-tit-box p { width: 100%; height: auto; font-size: .6rem; line-height: .64rem; color: #fff; font-weight: bold; letter-spacing: .1rem; padding-left: .1rem; }
.part-text .part-txt-box { width: 100%; height: auto; text-align: center; margin-top: .8rem; }
.part-text .part-txt-box p { width: 100%; height: auto; font-size: .4rem; line-height: .69rem; color: #fff; margin-bottom: 0.24rem; text-align: left;}

/* .page-box>.swiper-wrapper>.swiper-slide.gmjt-head:after { content: ''; width: 100%; height: 2.5rem; background: linear-gradient(to bottom, #14406699, transparent); position: absolute; top: 0; left: 0; z-index: 1; pointer-events: none; } */

.gmjt-head { width: 100%; height: 100%; background: url(//game.gtimg.cn/images/gp/cp/a20230817org/gmjt/m/gmjt-head-bg.jpg) no-repeat 50% 100%; background-size: cover; position: relative;}
.gmjt-head .gmjt-head-text { width: 6rem; height: 5.5rem; position: absolute; bottom: 0; left: 50%; margin-left: -3rem; }
.gmjt-head .gmjt-head-text span { display: block; margin: 0 auto; font-size: 0;}
.gmjt-head .gmjt-head-text p { opacity: 0; } 
.gmjt-head .gmjt-head-text p.gmjt-head-tit { animation: bounceInbot .5s .2s ease-out both; }
.gmjt-head .gmjt-head-text p.gmjt-head-desc { margin-top: .66rem; animation: bounceInbot .5s .4s ease-out both; }
.gmjt-head .scroll-tips { width: 100%; height: auto; position: absolute; bottom: 1rem; left: 0; animation: bounceInbot .5s .6s ease-out both; }
.gmjt-head .scroll-tips p { width: 100%; height: auto; font-size: .36rem; line-height: .4rem; color: #b5b6b8; text-align: center; }
.gmjt-head .scroll-tips i { width: .34rem; height: .34rem; border: .05rem solid #b0b1b1; border-top: 0; border-left: 0; display: block; margin: 0 auto; transform: rotate(45deg); position: relative; top: 0; -webkit-animation: mouse-move 1.5s linear infinite; animation: mouse-move 1.5s linear infinite; }

.page { width: 100%; height: 100%; position: relative; margin-top: -1px; }
.page .part1 { width: 100%; height: 18.8rem; position: relative; }
.page .part2 { width: 100%; height: 21.03rem; background: url(//game.gtimg.cn/images/gp/cp/a20230817org/gmjt/m/part2-img.jpg) no-repeat 50% 50%; background-size: cover; position: relative; overflow: hidden;}
.page .part3 { width: 100%; height: 18.09rem; position: relative; padding-top: 3.18rem; margin-top: -1px; }
.page .part4 { width: 100%; height: 25.84rem; background: #fff; padding-top: 10.14rem; position: relative; overflow: hidden;}


.page-main{ width: 100%; height: 100%; overflow-y: auto; position: relative;}


.part1 .part-text { top: 1.56rem; }
.part1 .part-text .part-tit-box p { color: #000; }
.part1 .car-tab { width: 100%; height: auto; font-size: 0; text-align: center; position: absolute; left: 0; top: 3.2rem; z-index: 2; }
.part1 .car-tab a { display: inline-block; vertical-align: top; padding: 0 .22rem; margin: 0 .38rem; position: relative; }
.part1 .car-tab a span { font-size: .36rem; line-height: .4rem; color: #000; transition: all .3s; }
.part1 .car-tab a i { position: absolute; top: 50%; margin-top: -.145rem; opacity: 0; transition: all .3s; }
.part1 .car-tab a i.gm-txt-left { left: -.1rem; }
.part1 .car-tab a i.gm-txt-right { right: -.1rem; }
.part1 .car-tab a:hover span { font-weight: bold; color: #000; }
.part1 .car-tab a.cur span { font-weight: bold; color: #000; }
.part1 .car-tab a.cur i { opacity: 1; }
.part1 .car-list { width: 100%; height: 100%; position: relative; z-index: 1; overflow: hidden; }
.part1 .car-list .img-box { width: 100%; height: 100%; }
.part1 .car-list .img-box img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
.part1 .car-switch { width: 100%; height: 0; position: absolute; left: 0; bottom: 3.15rem; z-index: 2; }
.part1 .car-switch a { width: 2rem; height: 1.66rem; position: relative; }
.part1 .car-switch a.switch-prev { float: left; }
.part1 .car-switch a.switch-prev:after { content: ''; width: 1.12rem; height: 100%; background: #ebebeb; position: absolute; top: 0; left: 50%; margin-left: -.64rem; transform: skewX(-32deg); pointer-events: none; z-index: 1; transition: all .3s; }
.part1 .car-switch i { position: absolute; top: 50%; left: 50%; margin: -.125rem 0 0 -.105rem; z-index: 2; transition: all .3s; }
.part1 .next-box { width: 3.8rem; height: 1.66rem; font-size: 0; text-align: left; position: absolute; bottom: 1.5rem; right: 1.04rem; z-index: 2; }
.part1 .next-box p { width: 1.62rem; height: 100%; display: inline-block; vertical-align: top; }
.part1 .next-box p span { font-size: .3rem; line-height: 1.66rem; color: #000; display: inline-block; vertical-align: middle; }
.part1 .next-box p i { display: inline-block; vertical-align: middle; margin-left: .2rem; }
.part1 .next-box .next-icon { width: 2.18rem; height: 100%; display: inline-block; vertical-align: top; position: relative; }
.part1 .next-box .next-icon:after { content: ''; width: 1.22rem; height: 100%; background: #fff; position: absolute; top: 0; left: 50%; margin-left: -.61rem; transform: skewX(-32deg); pointer-events: none; z-index: 1; transition: all .3s; }
.part1 .next-box .next-icon span { position: absolute; top: 50%; left: 50%; transform: translate(-52%, -50%) scale(1.06); z-index: 2; transition: transform .3s; }


.part3 { overflow: hidden; background: #e1e3e8;}
.part3 .part-text .part-tit-box p { color: #222222;}
.part3 .p3-box { width: 8.10rem; height: 12.25rem; margin: 0 auto;}
.part3 .p3-sw { width: 810px; height: 1225px; margin: 0 auto; position: relative; transform-origin: 0 0;}
.part3 .p3-sw li { width: 810px; height: 1225px; position: relative; opacity: .6; background: #fff;}
.part3 .p3-sw li.swiper-slide-active { opacity: 1; }
.p3-sw .img-box { width: 100%; height: 483px; position: relative; z-index: 1; }
.p3-sw .img-box img { width: 100%; height: 100%; object-fit: cover;}
.p3-sw .img-box:after { content: ''; width: 100%; height: 40%; background: linear-gradient(to top, #000000b3, transparent); position: absolute; bottom: 0; left: 0; z-index: 1; pointer-events: none; }
.p3-sw .desc-box { width: 100%; height: 743px; text-align: left; padding: 37px 20px 0 20px; z-index: 3; position: relative;}
.p3-sw .desc-tit { width: 100%; height: auto; font-size: 40px; line-height: 50px; color: #ffffff; padding-left: 42px; position: absolute; top: -80px; left: 0;}
.p3-sw .desc-txt { width: 100%; height: 654px; font-size: 36px; padding: 0 15px ; line-height: 62px; color: #000000; overflow-y: auto;}
.p3-sw .desc-txt p { margin-bottom: 23px;}
.p3-sw .desc-txt::-webkit-scrollbar { width: 4px; height: 4px; background: #fefefe33; border-radius: 0;}
.p3-sw .desc-txt::-webkit-scrollbar-thumb { width: 4px; height: 4px; background: #ebebeb; border-radius: 0;}

.part3 .p3-pagin { width: 100%; height: 0; font-size: 0; text-align: center; position: absolute; bottom: 1.65rem; left: 0; z-index: 1; }
.part3 .p3-pagin span { width: .72rem; height: .06rem; opacity: 1; display: inline-block; vertical-align: top; background: #c3c5c9; border-radius: .02rem; margin: 0 .11rem; }
.part3 .p3-pagin span.swiper-pagination-bullet-active { background: #434445; }


.part4 .part-text .part-tit-box p { color: #000; }
.part4 .part-text .part-txt-box { margin-top: .55rem; }
.part4 .part-text .part-txt-box p { color: #4c4c4c; line-height: .7rem; margin-bottom: .3rem; }
.part4 .about-list { width: 100%; height: 100%; position: relative; z-index: 1; }
.part4 .about-list img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 100%; position: relative; z-index: 0; }
.part4 .about-list li:after { content: ''; width: 100%; height: 50%; background: linear-gradient(to top, #090d10b3, transparent); position: absolute; bottom: -1px; left: 0; z-index: 1; pointer-events: none; }
.part4 .about-pagin { width: 100%; height: 0; font-size: 0; text-align: center; position: absolute; bottom: 1.06rem; left: 0; z-index: 2; }
.part4 .about-pagin span { width: .72rem; height: .06rem; opacity: 1; display: inline-block; vertical-align: top; background: #fefefe33; border-radius: .02rem; margin: 0 .11rem; }
.part4 .about-pagin span.swiper-pagination-bullet-active { background: #fefefeb3; }
.part4 .part-desc-box { width: 100%; height: auto; font-size: 0; text-align: center; padding-left: .5rem; position: absolute; bottom: 1.7rem; left: 0; z-index: 2; pointer-events: none;}
.part4 .part-desc-box p.part-desc-tit { font-size: .5rem; line-height: .58rem; color: #fdfdfd; font-weight: bold; letter-spacing: .02rem; text-align: left; text-shadow: 0 0 .1rem #00000080, 0 0 .2rem #00000080; }
.part4 .part-desc-box p.part-desc-txt { font-size: .4rem; line-height: .7rem; color: #fff; text-shadow: 0 0 .1rem #00000080, 0 0 .2rem #00000080;  margin-top: .48rem; text-align: left; }


.page-main *[data-animclass] { opacity: 0; }


.btn-top { display: none; }