html { font-size:calc(100vw/1920) !important; }
*{outline:0;margin:0;padding:0; box-sizing: border-box;}
img,a img,a:hover img{ border:0; }
i,em{font-style:normal}
ol,ul,dl,li,dt,dd{list-style:none; }
:focus{outline:0;}
a{color:#101010;text-decoration:none; }
a:hover{color:#FFB400;text-decoration:none;}
a,a:active,.btn,.more{ transition:all 300ms ease; appearance:none;}
input,select,textarea,button{ font-size: 14rem; appearance: none; font-family: Inter, -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, noto sans, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif; }
.clear{height:0;font-size:0;overflow:hidden;clear:both;float:none;}
iframe { border:0;}

@font-face{
  font-family:'AgileVF';
  src:url('fonts/AlimamaAgileVF-Thin.ttf') format('truetype');
}

.clearfix:after { display: block; content: ''; clear: both;}

.wap_show{ display: none !important;}
.pc_show{ display: block !important;}


body{ color:#101010; background: #EFEFF0; font-size: 14rem; line-height: 1.8; font-family: Inter, -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, noto sans, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif; }

.wow { visibility: hidden; }

.wrap { padding-top: 102rem; overflow: hidden; }


.mainbox { width: 1462rem; margin: 0 auto; position: relative; transition:all 300ms ease;}
.mainbox:after { display: block; content: ''; clear: both;}
.mainboxs { width: 1600rem;}

.header { position: fixed; left: 0; right: 0; top: 0; z-index: 9999; }

.topbox { height: 102rem; position: relative; transition:all 300ms ease;}

.head_logo { float: left; padding: 35rem 20rem;}
.head_logo img { display: block; height: 32rem; }

.head_nav { float: right; }
.head_nav ul li { float: left; position: relative; margin-left: 10rem;}
.head_nav ul li .t { display: block; height: 102rem; line-height: 102rem; padding: 0 20rem; font-family:'AgileVF'; font-weight: 700; }

.nav_btn { display: none;}

.headers .topbox { background: rgba(255,255,255,0.6); backdrop-filter: blur(20rem); }

.ibanner{ position: relative; }
.ibanner .swiper-container{ position: relative; width: 100%; z-index: 1;}
.ibanner .swiper-slide { overflow: hidden;}
.ibanner .swiper-slide .img img{ display: block; width: 100%; height: 814rem; object-fit: cover; }
.ibanner .swiper-slide .con { position: absolute; left: 50%; top: 50%; margin-left: -731rem; transform: translateY(-50%); width: 800rem; font-family:'AgileVF'; font-weight: 700; }
.ibanner .swiper-slide .con .t { font-size: 86rem; line-height: 102rem; margin-bottom: 56rem; color: #242424; }
.ibanner .swiper-slide .con .f a { float: left; padding: 0 80rem; font-size: 16rem; line-height: 60rem; border-radius: 5rem; background: #242424; color: #FFB400;}
.ibanner .swiper-slide .con .f a:hover { background: #444444; color: #ffffff;}

.ibanner .swiper-pagination { bottom: 32rem !important; line-height: 0; font-size: 0; text-align: center; z-index: 100;}
.ibanner .swiper-pagination .swiper-pagination-bullet { border-radius: 0; margin: 0 4rem; border-radius: 100%; width: 10rem; height: 8rem;background: #fff; opacity: 1; border-radius: 4rem; opacity: 0.5; }
.ibanner .swiper-pagination .swiper-pagination-bullet-active { width: 30rem; opacity: 1; }


.imain { transition:all 300ms ease; overflow: hidden; position: relative; margin-bottom: 20rem; }

.imain1 { padding: 66rem 0 46rem 0; }
.imain2 { padding: 66rem 0; background: url(../img/bg1.jpg) center bottom no-repeat #242424; background-size: cover; }
.imain3 { padding: 80rem 0 75rem 0; background: #ffffff; }
.imain4 { padding: 66rem 0 0 0; background: url(../img/bg2.png) right top no-repeat #FFB400; background-size: 456rem auto; }
.imain5 { padding: 66rem 0; background: #ffffff; }
.imain6 { padding: 80rem 0 66rem 0; background: #ffffff; }
.imain7 { padding: 66rem 0 56rem 0; background: #ffffff; }
.imain8 { padding: 40rem 0; }
.imain9 { padding: 56rem 0; background: #FFB400; }
.imain10 { padding: 66rem 0; background: #ffffff; }
.imain11 { padding: 62rem 0 74rem 0; background: url(../img/bg4.jpg) right top no-repeat #242424; background-size: cover; }
.imain12 { padding: 66rem 0 40rem 0; }
.imain13 { padding: 40rem 0 10rem 0; }
.imain14 { background: url(../img/bg5.png) right center no-repeat #242424; background-size: cover; margin-bottom: 0; }

.plbox { padding-left: calc((100% - 1462rem) / 2); }


.ititle { margin-bottom: 75rem; position: relative; }
.ititle b { display: block; padding-top: 58rem; background: url(../img/r.png) left top no-repeat; background-size: 155rem auto; font-size: 40rem; line-height: 1.3; color: #000000; text-transform: uppercase; font-family:'AgileVF'; font-weight: 700;}
.ititle p { display: block; position: absolute; right: 0; bottom: 0; width: 862rem; padding-left: 24rem; font-size: 16rem; line-height: 28rem; color: #4E5969;}
.ititle p:before { display: block; content: ''; position: absolute; left: 0; top: 7rem; bottom: 7rem; width: 6rem; background: #FFB400;}

.ititle2 b{ color: #fff;}

.ititle3 { margin-bottom: 60rem;}
.ititle3 b { background: url(../img/r4.png) left top no-repeat; background-size: 155rem auto; font-size: 60rem; text-transform: none; }

.ititle4 { }
.ititle4 b { font-size: 52rem; text-transform: none; }


.ilist1 { position: relative; padding-bottom: 140rem;}
.ilist1 .swiper-container { }
.ilist1 .swiper-slide { width: auto;}
.ilist1 .item { background: #fff; border-radius: 5rem; width: 374rem; height: 420rem;}
.ilist1 .item .img { border-radius: 5rem; overflow: hidden; mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));}
.ilist1 .item .img img { display: block; width: 100%; height: 224rem; object-fit: cover;}
.ilist1 .item .con { padding: 0 30rem;}
.ilist1 .item .con .t{ font-size: 24rem; line-height: 36rem; font-weight: 600; margin-bottom: 14rem; max-width: 374rem; }
.ilist1 .item .con .m{ font-size: 16rem; line-height: 26rem; height: 78rem; overflow: hidden; color: #4E5969; }

.ilist1 .item_1 { width: 536rem;}

.ilist1 .swiper-scrollbar { width: 234rem; border-radius: 0; height: 6rem;background: #FFB400; z-index: 100;}
.ilist1 .swiper-scrollbar .swiper-scrollbar-drag { border-radius: 0; height: 6rem; background: #101010; }


.ilist1 .swiper-button-prev ,.ilist1 .swiper-button-next { width: 50rem; height: 50rem; line-height: 50rem; text-align: center; border-radius: 50%; background-color: #242424; color: #ffffff; transition:all 300ms ease;}
.ilist1 .swiper-button-prev:after ,.ilist1 .swiper-button-next:after { font-size: 24rem; font-weight: bold; }
.ilist1 .swiper-button-prev { left: 0; top: auto; bottom: 30rem;}
.ilist1 .swiper-button-next { left: 100rem; right: auto; top: auto; bottom: 30rem;}



.ilist2_t { text-align: center; font-size: 76rem; line-height: 1; font-family:'AgileVF'; font-weight: 700; color: #fff; margin-bottom: 50rem;}
.ilist2 { padding-bottom: 2rem;}
.ilist2 .item { float: left; padding: 14rem 46rem; font-size: 16rem; line-height: 40rem; border-radius: 34rem; margin-bottom: 56rem; background: rgba(255,255,255,0.2); color: #fff; font-family:'AgileVF'; font-weight: 700; backdrop-filter: blur(20rem); transition:all 300ms ease;}
.ilist2 .item:hover { background: #FFB400; color: #101010;}

.ilist2 .item_1{ margin-left: 356rem;}
.ilist2 .item_2{ margin-left: 214rem;}
.ilist2 .item_3{ margin-left: 0;}
.ilist2 .item_4{ margin-left: 56rem;}
.ilist2 .item_5{ margin-left: 190rem;}
.ilist2 .item_6{ margin-left: 150rem;}
.ilist2 .item_7{ margin-left: 550rem;}


.ilist3_t { text-align: center; font-size: 76rem; line-height: 1; font-family:'AgileVF'; font-weight: 700; margin-bottom: 60rem;}

.ilist3 { border-radius: 5rem; width: 720rem; padding: 60px 42rem 0 42rem;}
.ilist3 h3 { display: block; font-size: 24rem; line-height: 30rem; font-weight: 600; margin-bottom: 18rem;}
.ilist3 p { display: block; margin-bottom: 16rem; font-size: 15rem; line-height: 25rem; color: #4E5969;}

.ilist3_l { float: left; background: #EFEFF0; height: 738rem;}
.ilist3_r { float: right; background: #242424; height: 506rem; color: #ffffff;}
.ilist3_r p { color: #ffffff;}
.ilist3_f { float: right; width: 720rem; background: #FFB400; padding: 62rem 0; margin-top: 24rem; border-radius: 5rem; }
.ilist3_f img { display: block; margin: 0 auto; width: 332rem;}


.ilist4 { padding-bottom: 80rem; margin: 0 -13rem;}
.ilist4 .item { float: left; width: 33.33%;}
.ilist4 .item_m { display: block; margin: 0 13rem; background: #FFD571; border-radius: 5rem; backdrop-filter: blur(23rem); padding: 30rem 46rem; color: #242424;}
.ilist4 .item_m .t { font-size: 38rem; line-height: 46rem; font-family:'AgileVF'; font-weight: 700;}
.ilist4 .item_m .m { font-size: 18rem; line-height: 34rem; height: 68rem; overflow: hidden;}

.imap { margin-bottom: 60rem;}
.imap img { display: block; width: 100%;}

.ilist4_2_box { mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,0)); height: 800rem; overflow-y: auto;}
.ilist4_2 { column-count: 3; column-fill: balance; margin: 0 -12rem; padding-top: 60rem; padding-bottom: 120rem;}
.ilist4_2 .item { display: inline-block; -webkit-column-break-inside: avoid; margin-bottom: 24rem;}
.ilist4_2 .item:nth-child(1){ padding-top: 110rem; }
.ilist4_2 .item:nth-child(5){ padding-top: 226rem; }
.ilist4_2 .item_m { display: block; margin: 0 12rem; background: #fff; border-radius: 5rem; position: relative; padding: 32rem;}
.ilist4_2 .item_m .img { width: 90rem; margin-bottom: 16rem;}
.ilist4_2 .item_m .img img { display: block; width: 100%; height: 90rem; object-fit: cover; border-radius: 5rem;}
.ilist4_2 .item_m .t { font-size: 32rem; line-height: 1.3; margin-bottom: 16rem; font-weight: 600;}
.ilist4_2 .item_m .m { font-weight: 400; font-size: 16rem; line-height: 24rem; color: #4E5969; text-align: justify;}


.ilist5 {}
.ilist5 .item { border-top: 1rem #EFEFF0 solid; padding: 40rem 0 50rem 0;}
.ilist5 .item_m { position: relative; padding-left: 150rem;}
.ilist5 .item_m .num { position: absolute; left: 0; top: 0; font-size: 76rem; line-height: 102rem; font-family:'AgileVF'; font-weight: 700; color: #FFB400;}
.ilist5 .item_m .tit { font-size: 52rem; line-height: 102rem; font-family:'AgileVF'; font-weight: 700; }
.ilist5 .item_m .con { padding: 26rem 0; font-weight: 400; font-size: 16rem; line-height: 24rem; color: #4E5969; text-align: justify; margin-right: 190rem;}
.ilist5 .item_m .img img { display: block; width: 100%;}


.ilist6_t { text-align: center; font-size: 76rem; line-height: 1; font-family:'AgileVF'; font-weight: 700; margin-bottom: 100rem;}

.ilist6_box { background: url(../img/bg3.jpg) left bottom no-repeat #0c0c0c; background-size: cover; padding: 25rem 25rem 25rem 263rem;}
.ilist6 {}
.ilist6 .item { float: left; width: 33.33%; padding: 5rem;}
.ilist6 .item_m { display: block; background: rgba(239,239,240,0.15); border-radius: 5rem; padding: 50rem; color: #FFFFFF; backdrop-filter: blur(13rem); transition:all 300ms ease;}
.ilist6 .item_m .tit { font-weight: 600; font-size: 36rem; line-height: 46rem; height: 184rem; margin-bottom: 8rem;}
.ilist6 .item_m .img { height: 72rem; }
.ilist6 .item_m .img i { display: block; width: 72rem; height: 72rem; float: right; background: url(../img/icon.png) no-repeat; background-size: 144rem auto;}
.ilist6 .item_m .img i.t1 { background-position: 0 0;}
.ilist6 .item_m .img i.t2 { background-position: 0 -72rem;}
.ilist6 .item_m .img i.t3 { background-position: 0 -144rem;}
.ilist6 .item_m .img i.t4 { background-position: 0 -216rem;}
.ilist6 .item_m .img i.t5 { background-position: 0 -288rem;}
.ilist6 .item_m .img i.t6 { background-position: 0 -360rem;}
.ilist6 .item_m:hover { background: #FFB400; color: #242424;}
.ilist6 .item_m:hover .img i.t1 { background-position: -72rem 0;}
.ilist6 .item_m:hover .img i.t2 { background-position: -72rem -72rem;}
.ilist6 .item_m:hover .img i.t3 { background-position: -72rem -144rem;}
.ilist6 .item_m:hover .img i.t4 { background-position: -72rem -216rem;}
.ilist6 .item_m:hover .img i.t5 { background-position: -72rem -288rem;}
.ilist6 .item_m:hover .img i.t6 { background-position: -72rem -360rem;}
.ilist6 .item:nth-child(4){ margin-left: 33.33%;}
.ilist6 .item:nth-child(6){ margin-left: 66.66%;}

.ilist6_f { position: absolute; width: 340rem; left: 60rem; bottom: 50rem; font-size: 42rem; line-height: 60rem; color: #fff; opacity: 0.3; font-family:'AgileVF'; font-weight: 700;}

.ilist7 { font-weight: 400; font-size: 17rem; line-height: 29rem; color: #4E5969; margin-top: -30rem;}


.ilist8 { text-align: center; font-size: 0;}
.ilist8 a { display: inline-block; margin: 0 28rem;}
.ilist8 a img { display: block; width: 61rem;}

.ilist9 { font-size: 0; }
.ilist9 .item { display: inline-block; width: auto; margin-right: 138rem; font-family:'AgileVF'; font-weight: 700;}
.ilist9 .item b{ display: block; color: #000000; font-size: 39rem; line-height: 50rem; margin-bottom: 10rem;}
.ilist9 .item span{ display: block; color: #242424; font-size: 17rem; line-height: 1;}
.ilist9 .item:last-child{ margin-right: 0;}

.ilist10_box { position: relative; mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1),rgba(0,0,0,1),rgba(0,0,0,0)); height: 2240rem; overflow: hidden;}
.ilist10 { column-count: 3; column-fill: balance; margin: 0 -28rem; }
.ilist10 .item { display: inline-block; -webkit-column-break-inside: avoid; margin-bottom: 48rem;}
.ilist10 .item:nth-child(4){ padding-top: 266rem; }
.ilist10 .item_m { display: block; margin: 0 28rem; background: #000; padding: 8rem; border-radius: 16rem; position: relative; }
.ilist10 .item_m .img { position: relative; z-index: 1;}
.ilist10 .item_m .img img { display: block; width: 100%; height: 900rem; object-fit: cover; border-radius: 16rem; position: relative; z-index: 2;}
.ilist10 .item_m .img:after { display: block; content: ' '; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 3; border-radius: 16rem; background: linear-gradient(rgba(253,233,1,0),rgba(253,233,1,0),rgba(253,233,1,0.9));}
.ilist10 .item_m .con { position: absolute; z-index: 10; left: 40rem; bottom: 40rem; right: 40rem; color: #fff;}
.ilist10 .item_m .t { font-size: 40rem; line-height: 1.3; margin-bottom: 6rem; font-weight: 600;}
.ilist10 .item_m .m { font-weight: 400; font-size: 16rem; line-height: 36rem; color: rgba(255,255,255,0.9); }
.ilist10 .item_m .m ul li { padding-left: 28rem;}
.ilist10 .item_m .m ul li:nth-child(1){ background: url(../img/tiktok2.png) left center no-repeat; background-size: 21rem auto;}
.ilist10 .item_m .m ul li:nth-child(2){ background: url(../img/youtube2.png) left center no-repeat; background-size: 21rem auto;}


.ilist10 .item:nth-child(1) .item_m .img:after { background: linear-gradient(rgba(253,233,1,0),rgba(253,233,1,0),rgba(253,233,1,0.9));}
.ilist10 .item:nth-child(2) .item_m .img:after { background: linear-gradient(rgba(73,143,246,0),rgba(73,143,246,0),rgba(73,143,246,0.9));}
.ilist10 .item:nth-child(3) .item_m .img:after { background: linear-gradient(rgba(186,175,162,0),rgba(186,175,162,0),rgba(186,175,162,0.9));}
.ilist10 .item:nth-child(4) .item_m .img:after { background: linear-gradient(rgba(245,122,0,0),rgba(245,122,0,0),rgba(245,122,0,0.9));}
.ilist10 .item:nth-child(5) .item_m .img:after { background: linear-gradient(rgba(162,218,46,0),rgba(162,218,46,0),rgba(162,218,46,0.9));}
.ilist10 .item:nth-child(6) .item_m .img:after { background: linear-gradient(rgba(185,119,249,0),rgba(185,119,249,0),rgba(185,119,249,0.9));}
.ilist10 .item:nth-child(7) .item_m .img:after { background: linear-gradient(rgba(234,56,58,0),rgba(234,56,58,0),rgba(234,56,58,0.9));}


.ilist10_more { margin-top: -60rem; position: relative; z-index: 20;}
.ilist10_more a{ display: block; margin: 0 auto; width: 386rem; height: 60rem; font-size: 17rem; line-height: 60rem; background: #FFB400; border-radius: 5rem; text-align: center; font-family:'AgileVF'; font-weight: 700; color: #101010;}
.ilist10_more a:hover { transform: translateY(4rem);}


.ilist11_box { padding: 10rem 35% 0 0; position: relative;}
.ilist11 {}
.ilist11 .item { float: left; width: 50%; padding: 5rem;}
.ilist11 .item_m { display: block; background: rgba(239,239,240,0.06); border-radius: 5rem; padding: 50rem; color: #FFFFFF; backdrop-filter: blur(13rem); transition:all 300ms ease;}
.ilist11 .item_m .tit { font-weight: 600; font-size: 36rem; line-height: 46rem; margin-bottom: 16rem;}
.ilist11 .item_m .con { font-weight: 400; font-size: 32rem; line-height: 46rem; margin-bottom: 16rem; opacity: 0.5; height: 184rem; margin-bottom: 8rem;}
.ilist11 .item_m .num { text-align: right; font-size: 102rem; line-height: 1; font-family:'AgileVF'; font-weight: 700; }
.ilist11 .item_m:hover { background: rgba(239,239,240,0.2);}


.ilist12 { position: relative;}
.ilist12 .swiper-container { }
.ilist12 .swiper-slide { }
.ilist12 .item { position: relative; height: 800rem;}
.ilist12 .item .img { position: absolute; right: 0; top: 0; bottom: 0; left: 465rem; }
.ilist12 .item .img img { display: block; width: 100%; height: 800rem; object-fit: cover; border-radius: 82rem 0 0 82rem;}
.ilist12 .item .img .more { position: absolute; left: -54rem; top: 50%; margin-top: -103rem; width: 206rem; height: 206rem; background: url(../img/r3.png) center center no-repeat; background-size: contain;}
.ilist12 .item .img .more:hover { transform: translateX(4rem);}
.ilist12 .item .con { width: 332rem;}
.ilist12 .item .con .t{ font-size: 32rem; line-height: 48rem; font-weight: 600; height: 144rem; overflow: hidden; margin-bottom: 24rem; }
.ilist12 .item .con .m{ font-size: 15rem; line-height: 26rem; font-weight: 400; min-height: 234rem; max-height: 312rem; overflow: hidden; color: #4E5969; margin-bottom: 20rem; }
.ilist12 .item .con .t2{ font-size: 20rem; line-height: 26rem; font-weight: 600; margin-bottom: 11rem; }
.ilist12 .item .con .info { margin-bottom: 44rem;}
.ilist12 .item .con .info ul li { padding-left: 28rem; font-weight: 600; font-size: 15rem; color: #242424; line-height: 36rem;}
.ilist12 .item .con .info ul li:nth-child(1){ background: url(../img/t1.png) left center no-repeat; background-size: 21rem auto;}
.ilist12 .item .con .info ul li:nth-child(2){ background: url(../img/t2.png) left center no-repeat; background-size: 21rem auto;}
.ilist12 .item .con .info ul li:nth-child(3){ background: url(../img/t3.png) left center no-repeat; background-size: 21rem auto;}
.ilist12 .item .con .f { font-family:'AgileVF'; font-weight: 700;}
.ilist12 .item .con .f ul li { float: left; margin-right: 32rem;}
.ilist12 .item .con .f b{ display: block; color: #000000; font-size: 25rem; line-height: 33rem; margin-bottom: 6rem;}
.ilist12 .item .con .f span{ display: block; color: #242424; font-size: 11rem; line-height: 1;}

.ilist12 .swiper-scrollbar { width: 234rem; border-radius: 0; height: 6rem;background: #FFB400; z-index: 100;}
.ilist12 .swiper-scrollbar .swiper-scrollbar-drag { border-radius: 0; height: 6rem; background: #101010; }

.client_box { margin-top: -20rem;}
.client_list { position: relative; background: #FFB400; margin-bottom: 17rem;}
.client_list .swiper-container{ position: relative; z-index: 1;}
.client_list .swiper-wrapper{ transition-timing-function: linear !important; }

.client_list .swiper-slide { width: auto; height: 144rem; padding: 52rem 0;}
.client_list .img{ }
.client_list .img img { display: block; height: 40rem; max-width: 230rem; object-fit: contain; }


.fcontact_box {}
.fcontact_con { float: left; width: 600rem; padding: 76rem 0 0 0; color: #fff;}
.fcontact_con .img { margin-bottom: 70rem;}
.fcontact_con .img img{ display: block; width: 102rem;}
.fcontact_con .tit { font-size: 69rem; line-height: 90rem; font-family:'AgileVF'; font-weight: 700; margin-bottom: 32rem;}
.fcontact_con .tit2 { font-size: 43rem; line-height: 1; font-weight: 600; margin-bottom: 12rem;}
.fcontact_con .info { margin-bottom: 90rem;}
.fcontact_con .info ul li { padding-left: 28rem; font-weight: 600; font-size: 22rem; color: rgba(255,255,255,0.7); line-height: 50rem;}
.fcontact_con .info ul li a { display: block; color: rgba(255,255,255,0.7);}
.fcontact_con .info ul li:nth-child(1){ background: url(../img/c1.png) left center no-repeat; background-size: 21rem auto;}
.fcontact_con .info ul li:nth-child(2){ background: url(../img/c2.png) left center no-repeat; background-size: 21rem auto;}
.fcontact_con .foot {}
.fcontact_con .foot a{ display: block; position: relative; background: #FFB400; width: 288rem; height: 60rem; line-height: 60rem; border-radius: 5rem 30rem 30rem 5rem; font-size: 17rem; padding-left: 32rem; font-family:'AgileVF'; font-weight: 700; color: #101010;}
.fcontact_con .foot a:after { display: block; content: ''; position: absolute; right: 5rem; top: 5rem; width: 50rem; height: 50rem; background: url(../img/r5.png) center center no-repeat; background-size: contain;}
.fcontact_con .foot a:hover { transform: translateX(5rem);}

.fcontact_img { float: right; width: 716rem;}
.fcontact_img img{ display: block; width: 100%; height: 746rem; object-fit: cover;}


.team_main { background: url(../img/bg6.jpg) center top no-repeat #ffffff; background-size: 100% auto; margin-bottom: 0;}
.team_banner { padding: 92rem 0;}
.team_banner .ititle b { padding-top: 0; background: none;}

.team_main .ilist8 { margin-bottom: 96rem; }

.team_list_box { padding: 130rem 0;}

.team_title { padding: 40rem 0; text-align: center; font-size: 58rem; line-height: 1.3; color: #000000; font-family: 'AgileVF'; font-weight: 700;}

.team_list { margin: 0 -28rem; padding-bottom: 2rem; }
.team_list .item { float: left; width: 33.33%; margin-bottom: 48rem;}
.team_list .item_m { display: block; margin: 0 28rem; background: #000; padding: 8rem; border-radius: 16rem; position: relative; }
.team_list .item_m .img { position: relative; z-index: 1;}
.team_list .item_m .img img { display: block; width: 100%; height: 900rem; object-fit: cover; border-radius: 16rem; position: relative; z-index: 2;}
.team_list .item_m .img:after { display: block; content: ' '; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 3; border-radius: 16rem; background: linear-gradient(rgba(253,233,1,0),rgba(253,233,1,0),rgba(253,233,1,0.9));}
.team_list .item_m .con { position: absolute; z-index: 10; left: 40rem; bottom: 40rem; right: 40rem; color: #fff;}
.team_list .item_m .t { font-size: 40rem; line-height: 1.3; margin-bottom: 6rem; font-weight: 600;}
.team_list .item_m .m { font-weight: 400; font-size: 16rem; line-height: 36rem; color: rgba(255,255,255,0.9); }
.team_list .item_m .m ul li { padding-left: 28rem;}
.team_list .item_m .m ul li:nth-child(1){ background: url(../img/tiktok2.png) left center no-repeat; background-size: 21rem auto;}
.team_list .item_m .m ul li:nth-child(2){ background: url(../img/youtube2.png) left center no-repeat; background-size: 21rem auto;}


.team_list .item:nth-child(1) .item_m .img:after { background: linear-gradient(rgba(253,233,1,0),rgba(253,233,1,0),rgba(253,233,1,0.9));}
.team_list .item:nth-child(2) .item_m .img:after { background: linear-gradient(rgba(73,143,246,0),rgba(73,143,246,0),rgba(73,143,246,0.9));}
.team_list .item:nth-child(3) .item_m .img:after { background: linear-gradient(rgba(186,175,162,0),rgba(186,175,162,0),rgba(186,175,162,0.9));}
.team_list .item:nth-child(4) .item_m .img:after { background: linear-gradient(rgba(245,122,0,0),rgba(245,122,0,0),rgba(245,122,0,0.9));}
.team_list .item:nth-child(5) .item_m .img:after { background: linear-gradient(rgba(162,218,46,0),rgba(162,218,46,0),rgba(162,218,46,0.9));}
.team_list .item:nth-child(6) .item_m .img:after { background: linear-gradient(rgba(185,119,249,0),rgba(185,119,249,0),rgba(185,119,249,0.9));}
.team_list .item:nth-child(7) .item_m .img:after { background: linear-gradient(rgba(234,56,58,0),rgba(234,56,58,0),rgba(234,56,58,0.9));}

.team_list:after { display: block; content: ''; clear: both;}


.solution_banner { padding: 70rem 0 90rem 0; background: url(../img/bg4.jpg) center top no-repeat #ffffff; background-size: cover;}
.solution_banner .ititle b { padding-top: 0; background: none; color: #fff;}

.solution_list1 { position: relative; margin: -10rem -10rem 0 -10rem;}
.solution_list1 .item { float: left; width: 25%; }
.solution_list1 .item_m { margin: 0 10rem; display: block; background: rgba(239,239,240,0.06); border-radius: 5rem; padding: 40rem; color: #FFFFFF; backdrop-filter: blur(13rem); transition:all 300ms ease;}
.solution_list1 .item_m .tit { font-weight: 600; font-size: 36rem; line-height: 46rem; margin-bottom: 16rem;}
.solution_list1 .item_m .con { font-weight: 400; font-size: 28rem; line-height: 42rem; margin-bottom: 16rem; opacity: 0.5; height: 126rem; margin-bottom: 28rem;}
.solution_list1 .item_m .num { text-align: right; font-size: 102rem; line-height: 1; font-family:'AgileVF'; font-weight: 700; }
.solution_list1 .item_m:hover { background: rgba(239,239,240,0.2);}
.solution_list1:after { display: block; content: ''; clear: both;}

.solution_box { background: #ffffff; overflow: hidden; margin-bottom: 14rem; padding-bottom: 58rem; position: relative;}

.solution_title { padding: 60rem 0 40rem 0; text-align: center; font-size: 70rem; text-transform: uppercase; line-height: 1.1; color: #000000; font-family: 'AgileVF'; font-weight: 700;}

.solution_box .swiper-container{ position: relative; width: 100%; z-index: 1;}
.solution_box .swiper-slide { overflow: hidden;}

.solution_item { position: relative; }
.solution_item .img { float: right; width: 1000rem; position: relative; overflow: hidden; border-radius: 20rem;}
.solution_item .img img{ display: block; width: 100%; height: 620rem; object-fit: cover; }

.solution_item .con { float: left; width: 400rem;}
.solution_item .con .t{ font-size: 28rem; line-height: 40rem; font-weight: 600; height: auto; overflow: hidden; margin-bottom: 24rem; }
.solution_item .con .m{ font-size: 15rem; line-height: 26rem; font-weight: 400; min-height: 208rem; overflow: hidden; color: #4E5969; margin-bottom: 20rem; }
.solution_item .con .t2{ font-size: 20rem; line-height: 26rem; font-weight: 600; margin-bottom: 11rem; }
.solution_item .con .info { margin-bottom: 44rem;}
.solution_item .con .info ul li { padding-left: 28rem; font-weight: 600; font-size: 15rem; color: #242424; line-height: 36rem;}
.solution_item .con .info ul li:nth-child(1){ background: url(../img/t1.png) left center no-repeat; background-size: 21rem auto;}
.solution_item .con .info ul li:nth-child(2){ background: url(../img/t2.png) left center no-repeat; background-size: 21rem auto;}
.solution_item .con .info ul li:nth-child(3){ background: url(../img/t3.png) left center no-repeat; background-size: 21rem auto;}
.solution_item .con .f { font-family:'AgileVF'; font-weight: 700;}
.solution_item .con .f ul li { float: left; margin-right: 32rem;}
.solution_item .con .f b{ display: block; color: #000000; font-size: 25rem; line-height: 33rem; margin-bottom: 6rem;}
.solution_item .con .f span{ display: block; color: #242424; font-size: 11rem; line-height: 1;}

.solution_item:after { display: block; content: ''; clear: both;}


.solution_box .swiper-scrollbar { position: absolute; right: 300rem; bottom: 112rem; width: 234rem; border-radius: 0; height: 6rem;background: rgba(255,255,255,0.34); z-index: 100;}
.solution_box .swiper-scrollbar .swiper-scrollbar-drag { border-radius: 0; height: 6rem; background: #ffffff; }


@media (min-width:2200px){
html { font-size:1px !important; }
}

@media (max-width:999px){
html{ font-size: calc(100vw/480) !important; }
body { font-size: 18rem;}

.wrap{ padding-top: 70rem;}

.wap_show{ display: block !important;}
.pc_show{ display: none !important;}

.mainbox { width: auto; margin: 0 14rem; }

.header { }

.topbox { height: auto; position: fixed; left: 0; right: 0; top: 0; height: 70rem; z-index: 9990; }

.head_logo { padding: 16rem 0; }
.head_logo img { height: 38rem; }

.nav_btn { display: block; position: fixed; right: 14rem; top: 12rem; width: 46rem; height: 46rem; background: url(../img/mnav.png) center center no-repeat #FFB400; background-size: 34rem auto; z-index: 9999; border-radius: 8rem;}

.head_nav { position: fixed; display: none; left: 0; right: 0; top: 70rem; padding: 20rem; height: auto; box-shadow: 0 0 20rem rgba(0, 0, 0, 0.18); z-index: 9992; margin-left: 0; background: rgba(255,255,255,0.96); }
.head_nav ul li { float: none; }
.head_nav ul li .t { height: 64rem; font-size: 20rem; }

.ibanner .swiper-slide .img img{ height: 580rem; }
.ibanner .swiper-slide .con { left: 14rem; right: 14rem; top: 50%; margin-left: 0; width: auto; }
.ibanner .swiper-slide .con .t { font-size: 46rem; line-height: 60rem; margin-bottom: 26rem; }
.ibanner .swiper-slide .con .f a { padding: 0 40rem; font-size: 16rem; line-height: 50rem; border-radius: 5rem; }

.imain2 { background-size: 100% auto; }
.imain4 { background-size: 50% auto; }

.plbox { padding-left: 14rem; }


.ititle { margin-bottom: 45rem; }
.ititle b { padding-top: 42rem; background-size: 110rem auto; font-size: 32rem; }
.ititle p { position: relative; right: auto; bottom: auto; width: auto; padding-left: 20rem; margin-top: 20rem; font-size: 18rem;}


.ititle3 { margin-bottom: 45rem;}
.ititle3 b { background-size: 110rem auto; font-size: 28rem; }
.ititle4 b { font-size: 28rem; }

.ilist1 { padding-bottom: 80rem;}
.ilist1 .swiper-container { }
.ilist1 .item { width: 340rem; height: 420rem;}
.ilist1 .item_1 { width: 436rem;}

.ilist1 .swiper-button-prev { bottom: 10rem;}
.ilist1 .swiper-button-next { left: auto; right: 10rem; bottom: 10rem;}

.ilist2_t { font-size: 42rem; margin-bottom: 50rem;}
.ilist2 { padding-bottom: 2rem;}
.ilist2 .item { float: none; padding: 10rem 46rem; font-size: 18rem; line-height: 30rem; border-radius: 24rem; margin-bottom: 16rem; }

.ilist2 .item_1{ margin-left: 0;}
.ilist2 .item_2{ margin-left: 0;}
.ilist2 .item_3{ margin-left: 0;}
.ilist2 .item_4{ margin-left: 0;}
.ilist2 .item_5{ margin-left: 0;}
.ilist2 .item_6{ margin-left: 0;}
.ilist2 .item_7{ margin-left: 0;}


.ilist3_t { font-size: 42rem; margin-bottom: 40rem;}

.ilist3 { width: auto; padding: 30rem;}
.ilist3 p { font-size: 18rem; line-height: 30rem; }

.ilist3_l { float: none; height: auto; margin-bottom: 24rem;}
.ilist3_r { float: none; height: auto; }
.ilist3_f { float: none; width: auto; padding: 40rem 0; margin-top: 24rem; }
.ilist3_f img { width: 60%;}


.ilist4 { padding-bottom: 40rem; margin: 0;}
.ilist4 .item { float: none; width: auto; margin-bottom: 20rem;}
.ilist4 .item_m { margin: 0; padding: 24rem 30rem; }
.ilist4 .item_m .m { line-height: 30rem; height: auto; }

.imap { margin-bottom: 40rem;}

.ilist4_2_box { mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 92%, rgba(0,0,0,0) 100%); height: auto;}
.ilist4_2 { column-count: 1; padding-top: 0; padding-bottom: 0;}
.ilist4_2 .item:nth-child(1){ padding-top: 0; }
.ilist4_2 .item:nth-child(5){ padding-top: 0; }
.ilist4_2 .item_m .m { font-size: 18rem; line-height: 30rem; text-align: unset;}


.ilist5 {}
.ilist5 .item_m { padding-left: 50rem;}
.ilist5 .item_m .num { font-size: 32rem; line-height: 52rem; }
.ilist5 .item_m .tit { font-size: 28rem; line-height: 52rem; }
.ilist5 .item_m .con { padding: 16rem 0; font-size: 18rem; line-height: 30rem; text-align: unset; margin-right: 0;}


.ilist6_t { font-size: 38rem; line-height: 1.3; margin-bottom: 50rem;}

.ilist6_box { padding: 10rem;}
.ilist6 .item { width: 50%; }
.ilist6 .item_m { padding: 20rem; }
.ilist6 .item_m .tit { font-size: 24rem; line-height: 32rem; height: 128rem; margin-bottom: 8rem;}
.ilist6 .item:nth-child(4){ margin-left: 0;}
.ilist6 .item:nth-child(6){ margin-left: 0;}

.ilist6_f { position: relative; width: auto; left: auto; bottom: auto; font-size: 22rem; line-height: 40rem; text-align: center; opacity: 1; padding-top: 10rem;}

.ilist7 { font-size: 18rem; line-height: 30rem; margin-top: -20rem;}

.ilist9 { text-align: center;}
.ilist9 .item { margin-right: 20rem; margin-left: 20rem; padding: 15rem 0; }
.ilist9 .item b{ font-size: 24rem; line-height: 30rem; margin-bottom: 10rem;}
.ilist9 .item span{ font-size: 16rem; line-height: 1;}


.ilist10_box {  mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 92%, rgba(0,0,0,0) 100%); height: auto; }
.ilist10 { column-count: unset; margin: 0 -5rem; }
.ilist10 .item { float: left; width: 50%; margin-bottom: 20rem;}
.ilist10 .item:nth-child(4){ padding-top: 0; }
.ilist10 .item_m { margin: 0 10rem; padding: 0; border: 4rem #000 solid; }
.ilist10 .item_m .img img { height: 400rem; }
.ilist10 .item_m .con { left: 20rem; bottom: 20rem; right: 20rem; }
.ilist10 .item_m .t { font-size: 22rem; }
.ilist10:after { display: block; content: ''; clear: both;}


.ilist10_more { margin-top: 0; }


.ilist11_box { padding: 0; }
.ilist11 .item_m { padding: 20rem; }
.ilist11 .item_m .tit { font-size: 26rem; line-height: 36rem; margin-bottom: 12rem;}
.ilist11 .item_m .con { font-size: 18rem; line-height: 30rem; margin-bottom: 12rem; height: 120rem; margin-bottom: 8rem;}
.ilist11 .item_m .num { font-size: 52rem; }

.ilist12 .swiper-container{ padding-bottom: 20rem;}
.ilist12 .item { height: auto;}
.ilist12 .item .img { position: relative; right: auto; top: auto; bottom: auto; left: auto; overflow: hidden; }
.ilist12 .item .img img { height: 400rem; border-radius: 16rem;}
.ilist12 .item .img .more { left: auto; right: -24rem; top: 50%; margin-top: -60rem; width: 120rem; height: 120rem; }
.ilist12 .item .con { width: auto; margin-bottom: 24rem;}
.ilist12 .item .con .t{ font-size: 24rem; line-height: 38rem; height: auto; margin-bottom: 24rem; }
.ilist12 .item .con .m{ font-size: 18rem; line-height: 30rem; height: auto; min-height:auto; max-height: auto; margin-bottom: 24rem; }
.ilist12 .item .con .t2{ font-size: 24rem; line-height: 32rem; }
.ilist12 .item .con .info { margin-bottom: 24rem;}
.ilist12 .item .con .info ul li { font-size: 18rem; }
.ilist12 .item .con .f b{ font-size: 26rem; }
.ilist12 .item .con .f span{ font-size: 16rem; }


.client_list .swiper-slide { width: auto; height: 100rem; padding: 30rem 0;}
.client_list .img img { height: 40rem; max-width: 160rem; }


.fcontact_box {}
.fcontact_con { float: none; width: auto; padding: 56rem 0; }
.fcontact_con .img { margin-bottom: 40rem;}
.fcontact_con .img img{ display: block; width: 102rem;}
.fcontact_con .tit { font-size: 40rem; line-height: 60rem; margin-bottom: 32rem;}
.fcontact_con .tit2 { font-size: 32rem; }
.fcontact_con .info { margin-bottom: 60rem;}
.fcontact_con .info ul li { font-size: 20rem; }

.fcontact_img { float: none; width: auto; margin-left: -14rem;}
.fcontact_img img{ width: 100%; height: auto; }


.team_main { margin-bottom: 0;}
.team_banner { padding: 60rem 0;}
.team_banner .ititle b { padding-top: 0; }

.team_main .ilist8 { margin-bottom: 46rem; }

.team_list_box { padding: 50rem 0;}

.team_title { padding: 40rem 0; font-size: 38rem; }

.team_list { margin: 0 -6rem; padding-bottom: 2rem; }
.team_list .item { width: 50%; margin-bottom: 20rem;}
.team_list .item_m { margin: 0 10rem; padding: 0; border: 4rem #000 solid; }
.team_list .item_m .img img { height: 400rem; }
.team_list .item_m .con { left: 20rem; bottom: 20rem; right: 20rem; }
.team_list .item_m .t { font-size: 22rem; }


.solution_banner { padding: 60rem 0; }
.solution_banner .ititle b { padding-top: 0; }

.solution_list1 { margin: -10rem -5rem 0 -5rem;}
.solution_list1 .item { width: 50%; margin-bottom: 10rem; }

.solution_list1 .item_m { margin: 0 5rem; padding: 20rem; }
.solution_list1 .item_m .tit { font-size: 26rem; line-height: 36rem; margin-bottom: 12rem;}
.solution_list1 .item_m .con { font-size: 18rem; line-height: 30rem; margin-bottom: 12rem; height: 120rem; margin-bottom: 8rem;}
.solution_list1 .item_m .num { font-size: 52rem; }

.solution_box { padding-bottom: 38rem;}

.solution_title { padding: 40rem 0; text-align: center; font-size: 38rem; }

.solution_item .img { float: none; width: auto; border-radius: 20rem; margin-bottom: 30rem;}
.solution_item .img img{ height: 400rem; }

.solution_item .con { float: none; width: auto;}
.solution_item .con .t{ font-size: 24rem; line-height: 38rem; height: auto; margin-bottom: 24rem; }
.solution_item .con .m{ font-size: 18rem; line-height: 30rem; height: auto; min-height:auto; max-height: auto; margin-bottom: 24rem; }
.solution_item .con .t2{ font-size: 24rem; line-height: 32rem; }
.solution_item .con .info { margin-bottom: 24rem;}
.solution_item .con .info ul li { font-size: 18rem; }
.solution_item .con .f b{ font-size: 26rem; }
.solution_item .con .f span{ font-size: 16rem; }

.solution_box .swiper-scrollbar { position: absolute; right: 30rem; bottom: auto; top: 510rem; }
}

::-webkit-scrollbar-corner { background-color: transparent;}
::-webkit-scrollbar{width: 10px; height:10px; border-radius:5px; }
::-webkit-scrollbar-track{ background:none; }
::-webkit-scrollbar-thumb{ background-color:rgba(0,0,0,0.1); border-radius:5px; }