@charset "utf-8";@import url('fonts.css');
*{margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all;}
a,.act,.image-container img,.masonry-item .pic img,.about-case li .pic div img,.partner-logo img
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.masonry-item:Hover .pic img,.about-case li .pic:hover div img,.partner-logo img:hover
{transform:scale(1.10);-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);-ms-transform:scale(1.10)}
.pd
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.abc
{transform: rotateY(180deg);}
html{-webkit-text-size-adjust:none;height:100%;}
body {height:100%;margin:0 auto;background:#fff;line-height:1.8;}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'InterVariable','Source Han Sans','Microsoft YaHei','微软雅黑','arial';}
.enfont {font-family:'Portrait','Source Han Sans','Microsoft YaHei','微软雅黑','arial';}
body,input,button,select,textarea,big,small {font-size:24px;color:#000;font-weight:400;}a {color:#000}b,strong {font-weight:700;}
a:hover a{color:#000}

.bgline {position: relative;display:inline-block;}
.bgline p { position:absolute;bottom:0;left:0;width:100%; text-align: center; height:2px; z-index:-1}
.bgline p i {width:0; height: 100%; background:#000; display: block;margin:0 auto;transition-duration: 0.5s}
.bgline:hover p i {width:100%}

.bghover {position: relative; z-index: 10;display:inline-block;overflow: hidden}
.bghover:hover {color:#fff}
.bghover:before {content:'';position: absolute;left:0;top:0;width:0;height:100%; z-index: -1; background:#000;transition-duration: 0.5s}
.bghover:hover:before {width:100%;}

:root{scroll-behavior:smooth;}
.table { display:table; height:100%;width:100%;}table {border-collapse: separate;border-spacing: 0 0}.table .td { display:table-cell; vertical-align:middle;}
table,td,th,tbody,tr {border-collapse:collapse;border-spacing:0;border:0;margin:0}
img {max-width:100%; height:auto; vertical-align: top; -webkit-touch-callout: none;border:0}
input,button,select,textarea{ outline:none;border:0;}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,dl,dt,dd,ol { list-style:none;}
.list-paddingleft-1,.list-paddingleft-2 {margin-left:20px}
em { font-style:normal}
hr {border:0; background:rgba(0,0,0,0.75);height:1px;margin:10px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden;}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute;top:0;left:0; z-index:1;width:100%; height:100%;}
.imgcover { position:absolute;left:0;top:0;width:100%;height:100%; z-index: 1;}.imgcover img {width:100%;height:100%;object-fit:cover;}
.bodyactive {overflow:hidden}
:root{scroll-behavior:smooth;}
.text-shadow {transition: text-shadow 0.5s ease;}
.text-shadow:Hover {text-shadow: 0.5px 0 0 currentColor,-0.5px 0 0 currentColor;}
.one-line {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;height: auto;text-overflow: ellipsis;word-break: break-all;}
.two-line {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;height: auto;text-overflow: ellipsis;word-break: break-all;}
.three-line {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;height: auto;text-overflow: ellipsis;word-break: break-all;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:80px 0 0 0;text-align:center;position: relative}
.page_wrap.left {text-align: left;position: relative;left:-5px}
.pager {width:100%;}
.pager a,.pager span,.pager font {display:inline-block;vertical-align:top;margin:2px 5px 2px 5px;width:35px; height:35px; line-height:35px;box-shadow:0 0 5px rgba(0,0,0,0);text-align: center;border-radius:0; background:#fff;border-radius:0%;color:#333;}
.pager font {font-family:'宋体';font-weight:700;margin:0px;display:inline-block;vertical-align: top; line-height: 35px;transition-duration:.5s;} 
.pager a:hover,.pager span.current,.pager a font:hover {color:#fff; border-color:#00a0e9; background: #00a0e9;} 
.pager span.current {height:37px;line-height: 37px}
.pager a,.pager span.disabled {color:#666;} 
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:16px;font-weight:400;color:#595758;}
.pager select,.pager input,.pager a,.pager span.disabled  {border:1px solid #dfdfdf;}
.pager i {font-weight:bold; line-height: 38px; display: inline-block; vertical-align: top;margin:0 10px; letter-spacing: 1px}

/******direction: rtl; unicode-bidi: bidi-override;出现在左边*********/
/*
::-webkit-scrollbar {width: 5px;height:0px; }
::-webkit-scrollbar-thumb {border-radius:0px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background:#000;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius:0px;background: #fff;}
*/

::-webkit-input-placeholder {color:rgba(255,255,255,0.6);}
:-moz-placeholder {color:rgba(255,255,255,0.6);}
::-moz-placeholder {color:rgba(255,255,255,0.6);}
:-ms-input-placeholder {color:rgba(255,255,255,0.6);}

::selection {background:#000000;color:#ffffff;}
::-moz-selection {background:#000000;color:#ffffff;}
::-webkit-selection {background:#000000;color:#ffffff; }

.wrap {margin:0 auto;max-width:1820px;position:relative;}
.phonemenu { display:none;}

.fixtop { position: fixed;left:50%;top:17px;width:1875px; margin-left:-937px;z-index: 9998; height:56px;border-radius:56px;background:rgba(255,255,255,0.95);transition-duration: 0.5s;}
.fixtop .logo { position: absolute;left:25px;top:14px;z-index: 99999;transition-duration: 0.5s}
.fixtop .logo a {background: url("../images/logo.svg") no-repeat top;width:97px;height:28px; background-size:100%; display: block;}
.fixtop .navpc {text-align:right;padding-right:30px}
.fixtop .navpc li {display:inline-block; vertical-align: top;margin:1px 0 0 40px;transition-duration: 0.5s}
.fixtop .navpc li a.a {display:inline-block; vertical-align: top;height:56px; line-height:56px;font-size:17px;font-weight:500;position: relative;color:#5e5e5e}
.fixtop .navpc li a.a span {transition-duration: 0.5s}
.fixtop .navpc li a.a p {font-weight:400;position: absolute;top:0;right:0;opacity:0;transition-duration: 0.5s;width:100%; text-align: center;}
.fixtop .navpc li.lan {position: relative;padding-left:9px;margin-left:89px}
.fixtop .navpc li.lan:before {width:1px;height:15px;background: #5E5E5E;content:'';position: absolute;left:0;top:20px; transition-duration: 0.5s}
.fixtop .navpc li.lan:hover a {color:#000}
.fixtop .navpc li.lan:hover:before {background:#000}

.fixtop .navpc li:hover a.a span {opacity:0}
.fixtop .navpc li:hover a.a p {opacity:1}
.fixtop .navpc li .bgline p {bottom:27px}

.fixtop.active {width:900px;margin-left:-450px;background:rgba(243,243,243,0.95);}
.fixtop.active .logo {top:16px;}
.fixtop.active .logo a {width:83px;height:24px;}
.fixtop.active .navpc li {margin-left:16px}
.fixtop.active .navpc li.lan {margin-left:41px}

.main-body {margin-top:90px;}

.indpics {height:100%;position: relative}
.indpics .swiper-container {width: 100%;height:calc(100vh - 90px);}
.indpics .swiper-slide { position:relative;overflow: hidden;height:calc(100vh - 90px);}
.home-video {position:absolute; z-index:50;top:0;left:0;width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;background: #f0f0f0}
.home-video video {position:absolute; z-index:1;top:0;left:0;width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;object-fit:cover; }
.video-btn{ cursor:pointer;position: absolute; z-index:1;opacity:1;left:0%;top:0%;background:none; background-size:cover;width:100%; height:100%;margin:0;display:none;}
.video-btn.active {opacity:0;width:0; height:0;margin:0}
.video-sp{width: 100%;}
video::-webkit-media-controls {opacity:0}
video::-webkit-media-controls:Hover {opacity:1}

.indpics .swiper-button-next,
.indpics .swiper-button-prev,
.company-photo .swiper-button-next,
.company-photo .swiper-button-prev
{top:0px;margin:0;width:33.3333%;height:100%;}
.indpics .swiper-button-next:after,
.indpics .swiper-button-prev:after,
.company-photo .swiper-button-next:after,
.company-photo .swiper-button-prev:after
{display:none;}
.indpics .swiper-button-next:Hover,
.indpics .swiper-button-prev:hover,
.company-photo .swiper-button-next:Hover,
.company-photo .swiper-button-prev:hover
{background:none;}

.home-about .content {font-size:84px;line-height: 1.18;margin:117px 0 385px 0}
.home-about .content font {font-size:36px;display:inline-block; vertical-align: top;margin:30px 10px 0 0}
.home-about .content span {position: relative;display:inline-block}
.home-about .content span:before {content:'';position: absolute;bottom:10px;width:100%;height:2px;background: #000}
.home-about .summry {font-size:50px;line-height: 1.4;font-weight:500;letter-spacing: 4px;}
.home-about .summry .sentence span {display: inline-block;opacity: 0;will-change: opacity, filter;}
/* 动画关键帧 */
@keyframes fadeInChar {
  0% {
    opacity: 0;
    filter: blur(2px);
  }
  100% {
    opacity: 1;
    filter: blur(0);
  }
}

@keyframes fadeOutGroup {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.home-subject {padding:10px 0 0 0;margin:145px 0 160px 0;font-weight:500;font-size:40px;position: relative}
.home-subject:before {content:'';position: absolute;left:0;top:0;width:100%;height:1px;background:rgba(0,0,0,0.75)}
.home-more {margin-top:140px}
.home-more.center {text-align:center}
.home-more a {font-size:18px;height:48px;line-height: 48px;border-radius:50px;padding:0 35px;display:inline-block;border:1px solid #000;font-weight:500}

.works {align-items: end;display: grid;gap: 145px 16px;grid-template-columns: repeat(2, 1fr);margin-inline: auto;}
.works-list .works {margin-top:145px;}
@media only screen and (min-width:1600px){
	.works {display: flex;flex-wrap: wrap;justify-content: center;--cols: 5;}
	.works > * {flex: 0 0 calc((100% - (var(--cols) - 1) * 1rem) / var(--cols));}
	.works > :nth-child(9n + 6) { margin-left:1px;}
}

.works-item {position: relative;}
.works-item .text {opacity:0;color:#fff;position: absolute;left:0;top:0;width:100%;height:100%; z-index: 100;display:flex;align-items: center;justify-content:flex-end;flex-direction: column;box-sizing: border-box;padding:0 10px 18px 10px; text-align: center;transition-duration: 0.5s; overflow: hidden}
.works-item .text:before {content:'';position: absolute;left:0;bottom:0;width:100%;height:100%; z-index: 110;background: rgba(0,0,0,0.6);border-radius:20px;}
.works-item .text .title {font-weight:500;font-size:18px;position: relative; z-index: 200; line-height: 1.2;top:-40px;transition-duration: 0.5s}
.works-item .text .subtitle {font-size:16px;position: relative; z-index: 200; line-height: 1.2;margin-top:5px;top:20px;transition-duration: 0.5s}
.works-item .pic {position: relative; overflow: hidden;padding:66.6666% 0;border-radius:20px;}

.works-item:nth-child(1) .pic,
.works-item:nth-child(4) .pic,
.works-item:nth-child(8) .pic,
.works-item:nth-child(10) .pic,
.works-item:nth-child(13) .pic,
.works-item:nth-child(16) .pic,
.works-item:nth-child(19) .pic,
.works-item:nth-child(22) .pic,
.works-item:nth-child(26) .pic,
.works-item:nth-child(28) .pic,
.works-item:nth-child(31) .pic
{padding:75% 0}
.works-item:nth-child(3) .pic,
.works-item:nth-child(7) .pic,
.works-item:nth-child(12) .pic,
.works-item:nth-child(15) .pic,
.works-item:nth-child(18) .pic,
.works-item:nth-child(21) .pic,
.works-item:nth-child(25) .pic,
.works-item:nth-child(30) .pic
{padding:62.5% 0}
.works-item:Hover .text .title{top:0}
.works-item:Hover .text .subtitle{top:0}
.works-item .text:hover {opacity:1}

.works-item {perspective: 1500px;}
.works-item__inner {transform-origin: bottom center;transition: 0.5s transform var(--ease-out-expo);will-change: transform;transition-duration: 0.5s;-webkit-backface-visibility: hidden;backface-visibility: hidden;outline:1px solid transparent;}
.works-item__inner a {display:block;}
.works-item:hover .works-item__inner {transform: rotateX(-10deg);}
.works-item:active .works-item__inner {transform: rotateX(0deg);}

.home-news .home-subject {margin-bottom:160px;}
.masonry-wrap{position:relative;}
.masonry-item{margin-bottom:55px;width: calc((100% - 50px) / 3);box-sizing: border-box;}
.masonry-item .pic { overflow: hidden;border-radius:20px;}
.masonry-item .pic img{width:100%;}
.masonry-item .txt{ line-height: 1.1;font-weight:500}
.masonry-item .txt .date {font-size:16px;margin:16px 0 2px 0}
.masonry-item .txt .title a {font-size:16px;}
.home-news .home-more {margin:85px 0 90px 0}

.works-list {margin-bottom:95px}
.works-list #btn-load {margin-bottom:-10px}
.works-subject {font-weight:500;margin:265px 0 65px 0;font-size:60px; line-height: 1.2}
.works-menu {padding:20px 0 50px 0;display:flex;justify-content: space-between;position: relative}
.works-menu:before {content:'';position: absolute;left:0;top:0;width:100%;height:1px;background:rgba(0,0,0,0.75)}
.works-menu .title {width:50%;font-weight:500;line-height: 1.2;font-size:40px;}
.works-menu .menu {width:calc(38.6% + 16px);display:flex;justify-content:flex-end;}
.works-menu .menu ul {flex:1;}
.works-menu .menu ul:nth-child(2) {box-sizing: border-box;padding-left:16px;}
.works-menu .menu li {line-height: 1.3;}
.works-menu .menu li a {color:#808080;font-size:16px;}
.works-menu .menu li a:hover,.works-menu .menu li.active a {color:#000}
.zhanweiheight {height:100px;}

.works-show {margin-top:280px}
.pic-video .pic,.pic-video .videos {margin:0 0 25px 0;border-radius:20px;}
.pic-video .pic img,.pic-video .videos video {border-radius:20px;}

.pic-video .videos {position: relative; cursor: pointer}
.pic-video .videos .video-item video{width:100%;background: #f0f0f0;}
.pic-video .videos .btn {position: absolute;left:0;top:0;width:100%;height:calc(100% - 12px); z-index: 200; pointer-events: none;cursor: pointer;transition-duration: 0.5s;border-radius:20px;}
.pic-video .videos .btn:before {transition-duration: 0.5s; opacity:0.8;content:'';position: absolute;left:50%;top:50%;width:120px;height:120px;margin:-60px 0 0 -60px; z-index: 400; background: url("../images/video.png") no-repeat center;background-size:100%;}
.pic-video .videos .btn:after {content:'';position: absolute;left:0;top:0;width:100%;height:100%; z-index: 300;background: rgba(0,0,0,0.5);border-radius:20px;}
.pic-video .videos:hover .btn:before {opacity:1;transform: scale(1.1);}
.pic-video .videos.active .btn {opacity:0}

.works-show .caption {display:flex;justify-content: space-between}
.works-show .caption .title {width:45%;font-size:36px;font-weight:500;line-height: 1.4}
.works-show .caption .summry {width:calc(50% - 10px);margin-top:3px}

.works-show .content {margin:75px 0 230px 0}
.works-show .content img,.works-show .content video {border-radius:20px;margin:10px 0}
.works-show .content table {width:calc(100% + 20px);position: relative;left:-10px;}
.works-show .content td {box-sizing: border-box;padding:0 10px}

.works-show .caption .title h1 {font-size:36px;font-weight:500;}
.works-show .caption .title .gs {font-size:12px;font-weight:500;line-height: 1.5;margin-top:30px;display:none;}
.works-show .caption .title .gs i {color:rgba(0,0,0,0.5)}
.works-show .caption .summry .more-summry {margin-top:80px;display:none;}
.works-show .caption .summry .home-more {margin-top:110px;}
.works-show .caption .summry .home-more a {color:rgba(0,0,0,0.5);border-color:rgba(0,0,0,0.5);padding:0 25px;cursor: pointer}
.works-show .caption .summry .home-more a:hover {color:#fff;}

.news-menu .menu ul {flex: none;display:flex;gap:50px}
#loadmore {pointer-events: none;}
#loadmore .home-more a{pointer-events:auto;}

.news {margin:130px 0 180px 0}
.news #btn-load {margin-bottom:-10px}

.news-show {margin:280px 0 230px 0; line-height: 1.5}
.news-show .wrap {display:flex;justify-content: space-between;border-top:1px solid rgba(0,0,0,0.75);}
.news-show .gs {width:48%;order:2;position: relative;}
.news-show .gs .home-more {margin-top:40px}
.news-show .gs .pic,.news-show .gs .title {display:none;}
.news-show .gs .in {width:874px;position: absolute;left:0;top:0; z-index: 999;padding-top:25px}
.news-show .gs.active .in {position: fixed;left:50%;top:73px;margin-left:36px}
.news-show .text {width:48%;order:1;padding-top:25px}
.news-show .text .title {font-size:36px;line-height: 1.4;font-weight:500;margin:0 0 120px 0}
.news-show .text .title p {color:#5e5e5e;font-size:40px;line-height: 1.3}
.news-show .text .content img {margin:10px 0;border-radius:20px;}

.contact-text {margin:260px 0 195px 0;font-size:48px;line-height: 1.15;font-weight:400}
.company-photo .pic {position: relative;padding:33.28125% 0;}
.company-photo .pic img {border-radius:20px}
.contact-who {margin:110px 0 0 0}
.contact-who .wrap {display:flex;justify-content: space-between;}
.contact-who .title {width:45%;font-weight:500;font-size:33px; line-height: 1.4}
.contact-who .content {width:50%;color:rgba(0,0,0,0.75); line-height: 1.5}
.contact-who .content img.logo {width:204px;margin-top:85px;}
.contact-who .content .detail hr {margin:240px 0 25px 0}
.contact-who .content .detail .indnum {line-height: 2.8;}
.contact-who .content .detail .big {font-size:48px;line-height: 1.2;font-weight:700;display:inline-block;vertical-align: top;margin:3px 0 0 0}
.contact-who .content .detail .img {margin-top:75px;}
.contact-who .content .detail .title-tech {margin:-16px 0 32px 0}

.about-business {margin-top:340px}
.about-business .wrap {border-top:1px solid rgba(0,0,0,0.75);padding:20px 0 0 0}
.about-business hr {margin:232px 0 25px 0}
.about-business .content {font-size:24px;font-weight:400; line-height: 1.5;color:rgba(0,0,0,0.75);padding-top:5px}
.about-business .content strong {font-weight:500}
.about-business .content .subject-service {margin-bottom:25px}
.about-business .content h3 {font-size:24px;font-weight:500;display:inline-block;position: relative;margin:60px 0 10px 0}
.about-business .content h3:before {content:'';position: absolute;left:0;bottom:3px;width:100%;height:1px;background: #000;}

.about-case .info {width:50%;margin:180px 0 0  auto;line-height: 1.5}
.about-case .info .title {color:#000;font-weight:500;border-top:1px solid rgba(0,0,0,0.75);padding:25px 0 30px 0;}
.about-case .info .content {color:rgba(0,0,0,0.75)}
.about-case li {position: relative;margin-top:90px}
.about-case li .pic {position: absolute;left:0;top:-230px;width:48.5%;opacity:0;transition-duration: 0.5s;pointer-events: none;}
.about-case li .pic div {position: relative; overflow:hidden;padding:28.33333% 0;border-radius:20px;}
.about-case li.active .pic {opacity:1; pointer-events:auto;}
.about-case li .text {width:50%;margin:0 0 0 auto; line-height: 1.5}
.about-case li .text .title {margin:0 0 10px 0}
.about-case li .text .title a {font-weight:500;display:inline-block;position: relative}
.about-case li .text .title a:before {content:'';position: absolute;left:0;bottom:3px;width:100%;height:1px;background: #000}
.about-case li .text .title p {display:inline-block; vertical-align: top;color:rgba(0,0,0,0.25);margin:0 0 0 15px}
.about-case li .text .content {color:rgba(0,0,0,0.75)}

.about-choose {margin-top:440px;}
.about-choose .wrap {border-top:1px solid rgba(0,0,0,0.75);padding:18px 0 0 0}
.about-choose .content {padding-top:5px}

.about-team .subject {text-align: center;font-weight:400;color:#000;font-size:72px;line-height: 1;margin:345px 0 60px 0}
.about-team .info {position: relative;margin:215px 0 200px 0}
.about-team .info .img {position: absolute;left:50%;top:50%; z-index: 1;width:720px;height:561px;margin:-280px 0 0 -360px}
.about-team .info ul {position: relative;height:1405px;z-index: 200}
.about-team .info li {position: absolute; z-index: 100;left:50%;display:flex;align-items:flex-end;justify-content:flex-start}
.about-team .info li .pic {width:305px;margin:0 15px 0 0;border-radius:20px}
.about-team .info li .pic div {overflow: hidden;position: relative;padding:66.6666% 0;border-radius:20px}
.about-team .info li .pic {transform-origin: center bottom;transform: perspective(500px) rotateX(0deg);transition-duration: 0.5s;display:block}
.about-team .info li:hover .pic {transform: perspective(500px) rotateX(-3deg);}
.about-team .info li.li411 .pic,.about-team .info li.li413 .pic {width:265px}
.about-team .info li.li410 .pic,.about-team .info li.li414 .pic {width:280px}
.about-team .info li .pic img {width:100%}
.about-team .info li .text {font-size:14px;color:#000; line-height: 1.3;transition-duration: 0.5s;position: relative;opacity:0}
.about-team .info li:hover .text {opacity:1}
.about-team .info li.li414 .text {padding-top:20px}
.about-team .info li .text:before {content:'';position: absolute;top:-20px;left:0;border-radius:50%;width:1px;border:1px solid #000;width:10px;height:10px;transition-duration: 0.5s}
.about-team .info li.li414 .text:before {top:0}
.about-team .info li.li411 .text:before,.about-team .info li.li410 .text:before,.about-team .info li.li414 .text:before {left:auto;right:0}
.about-team .info li:hover .text {color:#000;}
.about-team .info li .text p {margin-top:12px}
.about-team .info li .text p:nth-child(1) {margin:0;}
.about-team .info li .text p br {display:none;}
.about-team .info li.li416 {margin-left:-250px;top:-40px}
.about-team .info li.li415 {margin-left:-970px;top:130px}
.about-team .info li.li414 {margin-left:590px;top:100px;align-items:flex-start}
.about-team .info li.li413 {margin-left:340px;top:510px}
.about-team .info li.li412 {margin-left:-800px;top:auto;bottom:220px}
.about-team .info li.li411 {bottom:0;margin-left:-100px}
.about-team .info li.li410 {bottom:0;margin-left:470px}
.about-team .info li.li411 .pic,.about-team .info li.li410 .pic,.about-team .info li.li414 .pic {order:2;margin:0 0 0 15px}
.about-team .info li.li411 .text,.about-team .info li.li410 .text,.about-team .info li.li414 .text {order:1;text-align: right}

.teams {align-items: end;display: grid;gap: 155px 100px;grid-template-columns: repeat(2, 1fr);margin-inline: auto;}
@media only screen and (min-width:640px){
	.teams {display: flex;flex-wrap: wrap;justify-content: center;--cols: 4;}
	.teams > * {flex: 0 0 calc((100% - (var(--cols) - 1) * 1rem) / var(--cols));}
	.teams > :nth-child(7n + 1) { margin-left:1px;}
}
.teams-item {position: relative;}
.teams-item .text {opacity:0;transition-duration: 0.5s;font-size:14px;color:#000; line-height: 1.4;position: relative;padding:0 0 0 23px;margin-top:15px}
.teams-item .text:before {content:'';position: absolute;left:0;top:4px;border-radius:50%;width:10px;height:10px;border:1px solid #000;}
.teams-item .text span:nth-child(2) {margin:0 20px;}
.teams-item .pic {position: relative; overflow: hidden;padding:66.6666% 0;border-radius:20px;}
.teams-item:hover .text {opacity:1}
.teams-item a {transform-origin: center bottom;transform: perspective(500px) rotateX(0deg);transition-duration: 0.5s;display:block}
.teams-item a:hover {transform: perspective(500px) rotateX(-1.5deg);}
.teams-item:nth-child(7n + 1) .pic,.teams-item:nth-child(7n + 5) .pic{padding:62.5% 0}
.teams-item:nth-child(7n + 2) .pic,.teams-item:nth-child(7n + 6) .pic{padding:75% 0}

a.underline {display:inline-block;position: relative}
a.underline:before {content:'';position: absolute;left:0;bottom:0;width:0;height:1px;background: rgba(0,0,0,0.75); transition-duration: 0.5s}
a.underline:hover:before {width:100%}

.more-team {display:none;}
.team-home-more {pointer-events: none;margin-bottom:100px;}
.team-home-more a {pointer-events: auto;}

.home-partner .home-subject {margin-bottom:190px;margin-top:80px}
.scroll-container {width: 100%;overflow: hidden;}
.scroll-row {display: flex;will-change: transform;width: max-content;margin-bottom:8.8vw;}
#brand-row-3 {margin-bottom:0}
.partner-logo {display: flex;align-items: center;justify-content: center;flex-shrink: 0;margin:0 3.6vw;}
.partner-logo img {height:4.5vw;}
.home-news .home-subject {margin-top:200px}
.contact-margin-bottom {margin-bottom:240px}

.foot .caption {margin:0 0 170px 0;font-weight:500;}
.foot .caption .wrap {display:flex;justify-content: space-between;border-top:1px solid rgba(0,0,0,0.75);padding:60px 0 0 0; z-index: 100}
.foot .caption .times {width:50%;font-size:50px;line-height: 1.15}
.foot .caption .times .title {color:#808080}
.foot .caption .text {width:50%;line-height: 1.4;margin-top:5px; z-index: 100}
.foot .caption .text .content {font-size:33px; line-height: 1.35}
.foot .caption .text .content strong {font-size:30px;font-weight:500}
.foot .caption .text .content .join-cn {font-size:30px;font-weight:500;margin-bottom:2px;}
.foot .caption .text .content .join-cn a.underline:hover:before {width:calc(100% - 33px)}
.foot .caption .text .content .join-cn i {display:inline-block; vertical-align: top;background: url("../images/right2.svg") no-repeat center;width:23px;height:23px;background-size:cover;margin:9px 0 0 10px}
.foot .caption .text .social {margin:70px 0;}
.foot .caption .bg {position: absolute;left:0;top:0; z-index: 1;width:0;height:100%; background: #fff;border-right:1px solid transparent;transition-duration: 0.5s}
.foot .caption .bg.active {width:48%;border-color:#000;}
.foot .caption span.icon-close {position: absolute; z-index: 9999;left:0;margin-left:-55px;top:30px;font-size:30px;line-height: 1;cursor: pointer;opacity:0;transition-duration: 0.5s}
.foot .caption span.active.icon-close {left:48%;opacity:1}
.foot .caption .text .social li .text {position:absolute; z-index: 9999; left:0;top:-4px;width:48%;height:100%;box-sizing: border-box;text-align: center;font-size:16px;font-weight:400;line-height: 1.6; display:none;}
.foot .caption .text .social li .text .in {display:flex;align-items: center;justify-content: center;height:100%;flex-direction: column}
.foot .caption .text .social li .text .name {margin:0 0 12px 0}
.foot .caption .text .social li .text .img img {width:200px}
.foot .caption .text .social li .title {font-size:33px}
.foot .caption .text .social li .title a.underline:before {bottom:5px}
.foot .caption .text .social li .title a.underline:hover:before {width:calc(100% - 33px)}
.foot .caption .text .social li .title span {display:inline-block; vertical-align: top;margin:3px 10px 0 10px;font-size:28px;}
.foot .caption .text .social li .title i {display:inline-block; vertical-align: top;background: url("../images/right2.svg") no-repeat center;width:23px;height:23px;background-size:cover;margin-top:11px}
.foot .caption .text .address {font-size:14.5px;font-weight:500;line-height: 1.3;margin:0 0 75px 0}
.foot .caption .text .address p {font-size:16px;}
.foot .caption .text .address p:nth-child(1) {margin-bottom:2px}
.foot .caption .text .logo-cn {width:245px}
.foot .copy {padding:75px 0 75px 0;font-size:16px;font-weight:500;}
.foot .copy .text {margin-left:50%}

@media (min-width: 1044px) {
	* {cursor: none;}
	.custom-cursor {width: 16px;height: 16px;background-color: #0066ff;border-radius: 50%;position: fixed;pointer-events: none;z-index: 9999;transform: translate(-50%, -50%);opacity: 0}
	.custom-cursor.hidden {opacity: 0;}
	.custom-cursor.show {opacity: 1;}
/*	.custom-cursor.hover {width: 32px;height: 32px;}*/
	
	.indpics .swiper-button-next,.indpics .swiper-button-prev,
	.company-photo .swiper-button-next,.company-photo .swiper-button-prev{cursor:none;}
	.custom-cursor.indpics-swiper-button-prev,.custom-cursor.indpics-swiper-button-next,
	.custom-cursor.company-photo-swiper-button-prev,.custom-cursor.company-photo-swiper-button-next{width: auto;height: auto;background: transparent;pointer-events: none;}
	.custom-cursor.indpics-swiper-button-prev::after,.custom-cursor.indpics-swiper-button-next::after,
	.custom-cursor.company-photo-swiper-button-prev::after,.custom-cursor.company-photo-swiper-button-next::after{content: "Prev";font-size:60px;line-height: 1; color:#0066ff;}
	.custom-cursor.indpics-swiper-button-next::after,.custom-cursor.company-photo-swiper-button-next::after {content:'Next';}
}