body, html {position:relative; background:#fff; overflow-y:auto; overflow-x:hidden; color:#2f3846; scroll-behavior:smooth; width:100%;}
ul {list-style:none; margin:0; padding:0;}
a {text-decoration:none;}
.clx:before, .clx:after {display:table; line-height:0; content:"";}
.clx:after {clear:both;}
.hide {display:none!important;}

.box1 {position:absolute; left:0px; width:600px; height:530px; background:url(../images/box1.png) no-repeat; background-size:600px; top:0; margin-left:0; z-index:2; opacity:0; -webkit-transform:translate(0, -530px); -webkit-animation:box1-in 1.5s forwards;}
@keyframes box1-in {
    from {-webkit-transform:translate(0, -530px); opacity:0;}
    to {-webkit-transform:translate(0, -200px); opacity:1;}
}
.box2 {position:absolute; right:0px; width:600px; height:530px; background:url(../images/box2.png) no-repeat; background-size:600px; top:0; z-index:2; opacity:0; -webkit-transform:translate(600px,400px); -webkit-animation:box2-in 1.5s forwards;}
@keyframes box2-in {
    from {-webkit-transform:translate(600px,400px); opacity:0;}
    to {-webkit-transform:translate(400px,300px); opacity:1;}
}

.head {width:100%; height:120px; position:fixed; top:0; left:0; z-index:4; background:transparent; -webkit-transition:all .4s ease;}
.head.in { 
    background:rgba(255,255,255,.90); 
    backdrop-filter: blur(10px);/* 背景模糊效果 */
    -webkit-backdrop-filter: blur(10px);}
.head-body {width:1220px; height:120px; margin:auto; position:relative;}
.logo {width:135px; height:50px; background:url(../images/logo.png) no-repeat; background-size:135px; position:absolute; top:35px; left:0; z-index:1; opacity:0; -webkit-animation:fade-in 1s .5s forwards;}
.menuicon {width:42px; height:34px; position:absolute; top:43px; right:0; z-index:3; cursor:pointer; opacity:0; -webkit-animation:fade-in 1s .7s forwards;}
.menuicon.in .menuicon-1 {-webkit-animation:menu-icon1-in .6s forwards;}
.menuicon.in .menuicon-2 {-webkit-animation:fade-out .6s forwards;}
.menuicon.in .menuicon-3 {-webkit-animation:menu-icon3-in .6s forwards;}
.menuicon.out .menuicon-1 {-webkit-animation:menu-icon1-out .6s forwards;}
.menuicon.out .menuicon-2 {-webkit-animation:fade-in .6s forwards;}
.menuicon.out .menuicon-3 {-webkit-animation:menu-icon3-out .6s forwards;}
.menuicon div {height:3px; right:0; background:#676d72; position:absolute;}
.menuicon-1 {top:0; width:100%;}
.menuicon-2 {top:15px; width:50%;}
.menuicon-3 {bottom:0; width:100%;}
.menu {width:100vw; height:100vh; background:#dfe5f6; position:absolute; top:0; left:50%; margin-left:-50vw; z-index:2; opacity:0; -webkit-transform:translate(0, -100vh);}
.menu.in {-webkit-animation:menu-in 1s forwards;}
.menu.out {-webkit-animation:menu-out 1s forwards;}
.menu-body {width:1220px; margin:auto; padding-top:120px;}
.follow {float:left;}
.follow-title {font-family:'cu'; font-size:24px; line-height:30px;}
.follow-list {margin:40px 0; font-size:18px; font-family:'cu'; line-height:24px;}
.follow-line {width:1px; height:300px; background:#2f3846; overflow:hidden; margin-top:40px;}
.follow-contact {margin-top:40px; font-size:16px; font-family:'xi'; line-height:24px;}
.menu-list {float:right; padding-right:50px;}
.menu-list li {text-align:right;}
.menu-list li a {display:block; font-size:56px; font-family:'cu'; letter-spacing:8px; line-height:80px; padding:15px 0; -webkit-transition:all .3s ease; cursor:pointer; color:#2f3846;}
.menu-list li a:hover {color:#039ccf;}
@keyframes menu-in {
    from {opacity:0; -webkit-transform:translate(0, -100vh);}
    to {opacity:1; -webkit-transform:translate(0, 0);}
}
@keyframes menu-out {
    from {opacity:1; -webkit-transform:translate(0, 0);}
    to {opacity:0; -webkit-transform:translate(0, -100vh);}
}
@keyframes menu-icon1-in {
    from {-webkit-transform:rotate(0deg) translate(0, 0);}
    to {-webkit-transform:rotate(45deg) translate(10px, 10px);}
}
@keyframes menu-icon3-in {
    from {-webkit-transform:rotate(0deg) translate(0, 0);}
    to {-webkit-transform:rotate(-45deg) translate(12px, -11px);}
}
@keyframes menu-icon1-out {
    from {-webkit-transform:rotate(45deg) translate(10px, 10px);}
    to {-webkit-transform:rotate(0deg) translate(0, 0);}
}

@keyframes menu-icon3-out {
    from {-webkit-transform:rotate(-45deg) translate(12px, -11px);}
    to {-webkit-transform:rotate(0deg) translate(0, 0);}
}

.main1 {width:1220px; height:880px; margin:120px auto 0; position:relative; z-index:2;}
.main1-dots {position:absolute; top:250px; left:20px; z-index:1; opacity:0; -webkit-animation:fade-in 1s 1s forwards;}
.main1-texts {width:720px; height:200px; line-height:200px; position:absolute; top:280px; left:0; z-index:2;}
.main1-texts .title{    
    font-family: 'cu';
    font-size: 180px;
    text-align: left;
    color: #fff;
}
.main1-texts div {position:absolute; top:0; left:0; width:100%; text-align:center;}
.main1-texts i {display:inline-block;}
.en {letter-spacing:-55px;}
.en i {font-size:160px; -webkit-transform:translate(-50px ,0); opacity:0;}
.en.eff i:nth-child(1) {-webkit-animation:text-in .5s .9s ease-in forwards, text-hold 3s 1.4s linear forwards, text-out .5s 4.4s ease-out forwards;}
.en.eff i:nth-child(2) {-webkit-animation:text-in .5s .8s ease-in forwards, text-hold 3s 1.3s linear forwards, text-out .5s 4.3s ease-out forwards;}
.en.eff i:nth-child(3) {-webkit-animation:text-in .5s .7s ease-in forwards, text-hold 3s 1.2s linear forwards, text-out .5s 4.2s ease-out forwards;}
.en.eff i:nth-child(4) {-webkit-animation:text-in .5s .6s ease-in forwards, text-hold 3s 1.1s linear forwards, text-out .5s 4.1s ease-out forwards;}
.en.eff i:nth-child(5) {-webkit-animation:text-in .5s .5s ease-in forwards, text-hold 3s 1s linear forwards, text-out .5s 4s ease-out forwards;}
.fr {letter-spacing:-18px;}
.fr i {font-size:110px; -webkit-transform:translate(-50px ,0); opacity:0;}
.fr.eff i:nth-child(1) {-webkit-animation:text-in .5s 1.1s ease-in forwards, text-hold 3s 1.6s linear forwards, text-out .5s 4.6s ease-out forwards;}
.fr.eff i:nth-child(2) {-webkit-animation:text-in .5s 1s ease-in forwards, text-hold 3s 1.5s linear forwards, text-out .5s 4.5s ease-out forwards;}
.fr.eff i:nth-child(3) {-webkit-animation:text-in .5s .9s ease-in forwards, text-hold 3s 1.4s linear forwards, text-out .5s 4.4s ease-out forwards;}
.fr.eff i:nth-child(4) {-webkit-animation:text-in .5s .8s ease-in forwards, text-hold 3s 1.3s linear forwards, text-out .5s 4.3s ease-out forwards;}
.fr.eff i:nth-child(5) {-webkit-animation:text-in .5s .7s ease-in forwards, text-hold 3s 1.2s linear forwards, text-out .5s 4.2s ease-out forwards;}
.fr.eff i:nth-child(6) {-webkit-animation:text-in .5s .6s ease-in forwards, text-hold 3s 1.1s linear forwards, text-out .5s 4.1s ease-out forwards;}
.fr.eff i:nth-child(7) {-webkit-animation:text-in .5s .5s ease-in forwards, text-hold 3s 1s linear forwards, text-out .5s 4s ease-out forwards;}
.de {letter-spacing:-20px;}
.de i {font-size:140px; -webkit-transform:translate(-50px ,0); opacity:0;}
.de.eff i:nth-child(1) {-webkit-animation:text-in .5s .9s ease-in forwards, text-hold 3s 1.4s linear forwards, text-out .5s 4.4s ease-out forwards;}
.de.eff i:nth-child(2) {-webkit-animation:text-in .5s .8s ease-in forwards, text-hold 3s 1.3s linear forwards, text-out .5s 4.3s ease-out forwards;}
.de.eff i:nth-child(3) {-webkit-animation:text-in .5s .7s ease-in forwards, text-hold 3s 1.2s linear forwards, text-out .5s 4.2s ease-out forwards;}
.de.eff i:nth-child(4) {-webkit-animation:text-in .5s .6s ease-in forwards, text-hold 3s 1.1s linear forwards, text-out .5s 4.1s ease-out forwards;}
.de.eff i:nth-child(5) {-webkit-animation:text-in .5s .5s ease-in forwards, text-hold 3s 1s linear forwards, text-out .5s 4s ease-out forwards;}
.ru {letter-spacing:-20px;}
.ru i {font-size:120px; -webkit-transform:translate(-50px ,0); opacity:0;}
.ru.eff i:nth-child(1) {-webkit-animation:text-in .5s 1s ease-in forwards, text-hold 3s 1.5s linear forwards, text-out .5s 4.5s ease-out forwards;}
.ru.eff i:nth-child(2) {-webkit-animation:text-in .5s .9s ease-in forwards, text-hold 3s 1.4s linear forwards, text-out .5s 4.4s ease-out forwards;}
.ru.eff i:nth-child(3) {-webkit-animation:text-in .5s .8s ease-in forwards, text-hold 3s 1.3s linear forwards, text-out .5s 4.3s ease-out forwards;}
.ru.eff i:nth-child(4) {-webkit-animation:text-in .5s .7s ease-in forwards, text-hold 3s 1.2s linear forwards, text-out .5s 4.2s ease-out forwards;}
.ru.eff i:nth-child(5) {-webkit-animation:text-in .5s .6s ease-in forwards, text-hold 3s 1.1s linear forwards, text-out .5s 4.1s ease-out forwards;}
.ru.eff i:nth-child(6) {-webkit-animation:text-in .5s .5s ease-in forwards, text-hold 3s 1s linear forwards, text-out .5s 4s ease-out forwards;}
.kr {letter-spacing:-10px;}
.kr i {font-size:150px; -webkit-transform:translate(-50px ,0); opacity:0;}
.kr.eff i:nth-child(1) {-webkit-animation:text-in .5s .9s ease-in forwards, text-hold 3s 1.4s linear forwards, text-out .5s 4.4s ease-out forwards;}
.kr.eff i:nth-child(2) {-webkit-animation:text-in .5s .8s ease-in forwards, text-hold 3s 1.3s linear forwards, text-out .5s 4.3s ease-out forwards;}
.kr.eff i:nth-child(3) {-webkit-animation:text-in .5s .7s ease-in forwards, text-hold 3s 1.2s linear forwards, text-out .5s 4.2s ease-out forwards;}
.kr.eff i:nth-child(4) {-webkit-animation:text-in .5s .6s ease-in forwards, text-hold 3s 1.1s linear forwards, text-out .5s 4.1s ease-out forwards;}
.kr.eff i:nth-child(5) {-webkit-animation:text-in .5s .5s ease-in forwards, text-hold 3s 1s linear forwards, text-out .5s 4s ease-out forwards;}
.jp {letter-spacing:-10px;}
.jp i {font-size:150px; -webkit-transform:translate(-50px ,0); opacity:0;}
.jp.eff i:nth-child(1) {-webkit-animation:text-in .5s .9s ease-in forwards, text-hold 3s 1.4s linear forwards, text-out .5s 4.4s ease-out forwards;}
.jp.eff i:nth-child(2) {-webkit-animation:text-in .5s .8s ease-in forwards, text-hold 3s 1.3s linear forwards, text-out .5s 4.3s ease-out forwards;}
.jp.eff i:nth-child(3) {-webkit-animation:text-in .5s .7s ease-in forwards, text-hold 3s 1.2s linear forwards, text-out .5s 4.2s ease-out forwards;}
.jp.eff i:nth-child(4) {-webkit-animation:text-in .5s .6s ease-in forwards, text-hold 3s 1.1s linear forwards, text-out .5s 4.1s ease-out forwards;}
.jp.eff i:nth-child(5) {-webkit-animation:text-in .5s .5s ease-in forwards, text-hold 3s 1s linear forwards, text-out .5s 4s ease-out forwards;}
.cn {letter-spacing:-10px;}
.cn i {font-size:160px; -webkit-transform:translate(-50px ,0); opacity:0;}
.cn.eff i:nth-child(1) {-webkit-animation:text-in .5s .6s ease-in forwards, text-hold 3s 1.1s linear forwards, text-out .5s 4.1s ease-out forwards;}
.cn.eff i:nth-child(2) {-webkit-animation:text-in .5s .5s ease-in forwards, text-hold 3s 1s linear forwards, text-out .5s 4s ease-out forwards;}
@keyframes text-in {
    from {-webkit-transform:translate(-200px ,0); opacity:0;}
    to {-webkit-transform:translate(0px, 0); opacity:1;}
}
@keyframes text-hold {
    from {-webkit-transform:translate(0px, 0); opacity:1;}
    to {-webkit-transform:translate(10px, 0); opacity:1;}
}
@keyframes text-out {
    from {-webkit-transform:translate(10px, 0); opacity:1;}
    to {-webkit-transform:translate(210px, 0); opacity:0;}
}
.main1-pics {width:100%; height:760px; position:absolute; top:0; right:0; z-index:1; overflow:hidden; opacity:0; -webkit-animation:fade-in 1s .8s forwards;}
.main1-pics-float {width:100%; height:100%; background:rgba(0,0,0,.75); position:absolute; top:0; left:0; z-index:2;}
.main1-do {
    font-family:'cu'; 
    font-size:403px;  
    background: -webkit-linear-gradient(top, #fff, #fff 70%, #f1f3fd 70%);
    -webkit-background-clip: text; /* 背景剪切到文字 */
    -webkit-text-fill-color: transparent; /* 文字填充颜色设置为透明 */
    display: inline-block; /* 使元素成为内联块，以适应背景尺寸 */
    color:#eaedf6; line-height:395px; letter-spacing:-20px; position:absolute; bottom:0; right:0; z-index:3; text-shadow:0px 0px 300px rgba(33,76,254,.2); opacity:0; -webkit-animation:fade-up 1s 1.2s forwards;}
.main1-line {width:228px; height:9px; background:#039ccf; position:absolute; right:380px; top:200px; z-index:3; -webkit-animation:who-line-in 2.2s forwards;}
.main1-item{
    position: absolute;
    top: 500px;
    width: 700px;
    z-index: 2;
    font-family: 'xi';
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    padding-left: 20px;
    box-sizing: border-box;
}
.main1-content strong {
    color: #039ccf;
    font-size: 24px;
}
.main1-info{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 50px;
}

.pic-en, .pic-fr, .pic-de, .pic-ru, .pic-kr, .pic-jp, .pic-cn {width:100%; height:760px; position:absolute; top:0; right:0; z-index:1; overflow:hidden;}
.pic-en img, .pic-fr img, .pic-de img, .pic-ru img, .pic-kr img, .pic-jp img, .pic-cn img {width:100%; display:block;}
.pic-en.eff {-webkit-animation:pic-in .5s .5s ease-in forwards, pic-hold 3.4s 1s linear forwards, pic-out .5s 4.4s ease-out forwards; -webkit-transform:scale(2); opacity:0;}
.pic-fr.eff {-webkit-animation:pic-in .5s .5s ease-in forwards, pic-hold 3.6s 1s linear forwards, pic-out .5s 4.6s ease-out forwards; -webkit-transform:scale(2); opacity:0;}
.pic-de.eff {-webkit-animation:pic-in .5s .5s ease-in forwards, pic-hold 3.4s 1s linear forwards, pic-out .5s 4.4s ease-out forwards; -webkit-transform:scale(2); opacity:0;}
.pic-ru.eff {-webkit-animation:pic-in .5s .5s ease-in forwards, pic-hold 3.5s 1s linear forwards, pic-out .5s 4.5s ease-out forwards; -webkit-transform:scale(2); opacity:0;}
.pic-kr.eff {-webkit-animation:pic-in .5s .5s ease-in forwards, pic-hold 3.4s 1s linear forwards, pic-out .5s 4.4s ease-out forwards; -webkit-transform:scale(2); opacity:0;}
.pic-jp.eff {-webkit-animation:pic-in .5s .5s ease-in forwards, pic-hold 3.4s 1s linear forwards, pic-out .5s 4.4s ease-out forwards; -webkit-transform:scale(2); opacity:0;}
.pic-cn.eff {-webkit-animation:pic-in .5s .5s ease-in forwards, pic-hold 3.1s 1s linear forwards, pic-out .5s 4.1s ease-out forwards; -webkit-transform:scale(2); opacity:0;}
@keyframes who-line-in {
    from {-webkit-transform:translate(-80px, 0); opacity:0;}
    to {-webkit-transform:translate(0, 0); opacity:1;}
}
@keyframes pic-in {
    from {-webkit-transform:scale(1.08); opacity:0;}
    to {-webkit-transform:scale(1.07); opacity:1;}
}
@keyframes pic-hold {
    from {-webkit-transform:scale(1.07); opacity:1;}
    to {-webkit-transform:scale(1); opacity:1;}
}
@keyframes pic-out {
    from {-webkit-transform:scale(1); opacity:1;}
    to {-webkit-transform:scale(1); opacity:1}
}

.main2 {width:100%; position:relative; z-index:1; margin-top:-200px; overflow:hidden;}
.main2-bg1 {width:100%; height:80px; position:absolute; top:0; left:0; background:url(../images/body-bg1.png) repeat-x; background-size:1px; z-index:1}
.main2-bg2 {width:100%; height:80px; position:absolute; bottom:0; left:0; background:url(../images/body-bg2.png) repeat-x; background-size:1px; z-index:1}
.main2-wrapper {width:1220px; margin:auto; min-height:500px; position:relative; z-index:2;}
.main2-body {    
    width: 1220px;
    padding: 300px 40px 120px 0;
    text-align: right;
    position: relative;
    z-index: 3;}
.main2-title {font-family:'chang'; font-size:116px; line-height:100px; margin-bottom:5px; opacity:0; display:inline-block;}
.main2-title-text1 {position:relative; z-index:2;}
.main2-title-line1 {width:0%; height:26px; background:#039ccf; position:absolute; bottom:0; left:50%; -webkit-transform:translate(-50%, 0); z-index:1; -webkit-transition:all .4s ease;}
.main2-item:hover .main2-title-line1 {width:100%;}
.main2.in .main2-title {-webkit-animation:fade-up .5s forwards;}
.main2.in .main2-content1 {-webkit-animation:fade-up .5s .3s forwards;}
.main2.in .main2-subtitle1 {-webkit-animation:fade-up .5s .6s forwards;}
.main2.in .main2-content2 {-webkit-animation:fade-up .5s .9s forwards;}
.main2.in .main2-subtitle2 {-webkit-animation:fade-up .5s 1.2s forwards;}
.main2.in .main2-content3 {-webkit-animation:fade-up .5s 1.5s forwards;}
@keyframes fade-up {
    from {-webkit-transform:translate(0,20px); opacity:0;}
    to {-webkit-transform:translate(0,0); opacity:1;}
}
.main2-title-text {position:relative; z-index:2;}
.main2-title-line {width:0%; height:13px; background:#039ccf; position:absolute; bottom:0; left:50%; -webkit-transform:translate(-50%, 0); z-index:1; -webkit-transition:all .4s ease;}
.main2-item:hover .main2-title-line {width:100%;}
.main2-subtitle {font-family:'chang'; font-size:36px; line-height:40px; opacity:0; display:inline-block; position:relative;}
.main2-content {font-family:'xi'; font-size:14px; line-height:24px; margin-bottom:20px; opacity:0;}
.main2-content strong {color:#039ccf; font-size:24px;}
.main2-dot1, .main2-dot2, .main2-dot3, .main2-dot4, .main2-dot5, .main2-dot6, .main2-dot7, .main2-dot8, .main2-dot8-dot, .main2-dot9, .main2-dot10, .main2-h, .main2-y {position:absolute; z-index:2;}
.main2-dot1 {width:60px; height:60px; border-radius:50%; overflow:hidden; background-image:-webkit-linear-gradient(-35deg, #1181ef, #0ed86f); top:430px; left:10px; opacity:0;}
.main2.in .main2-dot1 {-webkit-animation:main2-dot1-in 1s 1s forwards, main2-dot1-inf 2s 2s linear infinite;}
@keyframes main2-dot1-in {
    from {opacity:0; -webkit-transform:translate(-80px, 0);}
    to {opacity:1; -webkit-transform:translate(0, 0);}
}
@keyframes main2-dot1-inf {
    from {-webkit-transform:rotate(0deg);}
    to {-webkit-transform:rotate(360deg);}
}
.main2-dot2 {width:28px; height:28px; background:transparent; border-radius:50%; border:3px solid #ff6464; top:250px; left:160px; opacity:0;}
.main2.in .main2-dot2 {-webkit-animation:fade-in 1s 1.5s forwards, main2-dot2-inf 2.2s 2.5s ease-in-out infinite;}
@keyframes main2-dot2-inf {
    0% {-webkit-transform:translate(0,0);}
    50% {-webkit-transform:translate(0,-20px);}
    100% {-webkit-transform:translate(0,0);}
}
.main2-dot3 {width:16px; height:16px; background:transparent; border:9px solid #f39800; top:130px; left:300px; opacity:0;}
.main2.in .main2-dot3 {-webkit-animation:fade-in 1s 2s forwards, main2-dot3-inf 2s 3s ease-in-out infinite;}
@keyframes main2-dot3-inf {
    0% {-webkit-transform:rotate(0deg);}
    100% {-webkit-transform:rotate(-180deg);}
}
.main2-dot4 {width:0; height:0; border-bottom:12px solid #a5559c; border-left:8px solid transparent; border-right:8px solid transparent; top:315px; left:400px; opacity:0;}
.main2.in .main2-dot4 {-webkit-animation:fade-in 1s 2.5s forwards, main2-dot4-inf 2.5s 3.5s infinite;}
@keyframes main2-dot4-inf {
    from {-webkit-transform:rotate(0deg);}
    to {-webkit-transform:rotate(360deg);}
}
.main2-dot5 {width:0; height:0; border-top:27px solid #0ec686; border-left:17px solid transparent; border-right:17px solid transparent; top:660px; left:800px; opacity:0;}
.main2.in .main2-dot5 {-webkit-animation:fade-in 1s 3s forwards, main2-dot5-inf 2s 4s infinite;}
@keyframes main2-dot5-inf {
    0% {-webkit-transform:translate(0,0);}
    50% {-webkit-transform:translate(0,30px);}
    100% {-webkit-transform:translate(0,0);}
}
.main2-dot6 {width:24px; height:24px; border:12px solid #ff6464; background:transparent; top:770px; left:150px; opacity:0;}
.main2.in .main2-dot6 {-webkit-animation:fade-in 1s 3.5s forwards,main2-dot6-inf 2s 4.5s ease-in-out infinite;}
@keyframes main2-dot6-inf {
    0% {-webkit-transform:rotate(0deg);}
    100% {-webkit-transform:rotate(-180deg);}
}
.main2-dot7 {width:50px; height:50px; border-radius:50%; overflow:hidden; background-image:-webkit-linear-gradient(-35deg, #ff6b5c, #ffbe08); top:730px; right:-30px; opacity:0;}
.main2.in .main2-dot7 {-webkit-animation:fade-in 1s 4s forwards, main2-dot7-inf 2s 5s infinite;}
@keyframes main2-dot7-inf {
    from {-webkit-transform:rotate(0deg);}
    to {-webkit-transform:rotate(360deg);}
}
.main2-dot8 {width:0; height:0; border-left:45px solid #a5559c; border-top:32px solid transparent; border-bottom:32px solid transparent; top:950px; left:30px; opacity:0;}
.main2-dot8-dot {width:0; height:0; border-left:25px solid #eef1f6; border-top:17px solid transparent; border-bottom:17px solid transparent; top:-17px; left:-37px;}
.main2.in .main2-dot8 {-webkit-animation:fade-in 1s 4.5s forwards, main2-dot8-inf 2.5s 5.5s ease-in-out infinite;}
@keyframes main2-dot8-inf {
    0% {-webkit-transform:translate(0,0) rotate(0deg);}
    50% {-webkit-transform:translate(0,-20px) rotate(-10deg);}
    100% {-webkit-transform:translate(0,0) rotate(0deg);}
}
.main2-dot9 {width:16px; height:16px; background:transparent; border:8px solid #38dc88; left:250px; top:600px; opacity:0;}
.main2.in .main2-dot9 {-webkit-animation:fade-in .5s forwards, main2-dot9-inf 2s .5s infinite;}
@keyframes main2-dot9-inf {
    0% {-webkit-transform:rotate(0deg);}
    100% {-webkit-transform:rotate(-180deg);}
}
.main2-dot10 {position:absolute; bottom:-50px; right:300px; width:50px; height:50px; border:7px solid #2550fd; border-radius:50%; background:transparent; z-index:2; -webkit-animation:main2-dot10-inf 2s ease-in-out infinite;}
@keyframes main2-dot10-inf {
    0% {-webkit-transform:translate(0,0);}
    50% {-webkit-transform:translate(0,-30px);}
    100% {-webkit-transform:translate(0,0);}
}
.main2.in .text-h {-webkit-animation:fade-up 1s 1s forwards;}
.main2.in .text-y {-webkit-animation:fade-up 1s 1.5s forwards;}

.main3 {width:1220px; margin:auto; padding:120px 0 50px; position:relative; z-index:3;}
.main3-pic {float:right; width:450px; position:relative; overflow:hidden; opacity:0;}
.main3-float {width:100%; height:100%; position:absolute; top:0; left:0; z-index:2; background:rgba(14,63,254,.80);}
.show-pc {display:block;}
.show-mobile {display:none;}
.main3-pic img {width:100%;}
.main3-body {width:100%; padding-top:0px; position:relative; z-index:2;}
.main3-title {font-size:116px; font-family:'chang'; line-height:100px; margin-bottom:20px; opacity:0; display:inline-block;}
.main3-title-text1 {position:relative; z-index:2;}
.main3-title-line1 {width:0%; height:26px; background:#039ccf; position:absolute; bottom:0; left:50%; -webkit-transform:translate(-50%, 0); z-index:1; -webkit-transition:all .4s ease;}
.main3-item:hover .main3-title-line1 {width:100%;}
.main3-content {font-size:14px; line-height:24px; font-family:'xi'; margin-bottom:15px; opacity:0;}
.main3-subtitle {font-size:36px; font-family:'chang'; margin-bottom:10px; opacity:0; position:relative; display:inline-block;}
.main3-title-text {position:relative; z-index:2;}
.main3-title-line {width:0%; height:13px; background:#039ccf; position:absolute; bottom:0; left:50%; -webkit-transform:translate(-50%, 0); z-index:1; -webkit-transition:all .4s ease;}
.main3-item:hover .main3-title-line {width:100%;}
.main3.in .main3-pic {-webkit-animation:fade-up 1s 1s forwards;}
.main3.in .main3-title1 {-webkit-animation:fade-up .5s .3s forwards;}
.main3.in .main3-content1 {-webkit-animation:fade-up .5s .6s forwards;}
.main3.in .main3-title2 {-webkit-animation:fade-up .5s .9s forwards;}
.main3.in .main3-content2 {-webkit-animation:fade-up .5s 1.2s forwards;}
.main3.in .text-i {-webkit-animation:fade-up 1s 1.2s forwards;}
.main3-info{
    display: flex;
}
.main3-info div{
    flex: 1;
}
.main3-info div img,.main3-ai>div img{
    width: 100%;
}
.main3-ai{
    display: flex;
    font-size: 14px;
    line-height: 24px;
    font-family: 'xi';
    margin: 0 -20px;
}
.main3-ai>div{
    flex: 1;
    margin: 0 20px;
}
.main4 {min-height:400px; width:100%; position:relative; z-index:1;}
.main4-body {width:1220px; padding:80px 0 120px; margin:auto; position:relative; z-index:2;}
.main4-dots {position:absolute; top:50px; right:-50px; z-index:1; opacity:0;}
.main4.in .main4-dots {-webkit-animation:fade-in 1s .8s forwards;}
.main4.in .text-n {-webkit-animation:fade-in 1s 1s forwards;}
.main4-item {text-align:center;}
.main4-title {font-size:116px; font-family:'chang'; text-align:center; line-height:100px; opacity:0; display:inline-block;}
.main4-title-text1 {position:relative; z-index:2;}
.main4-title-line1 {width:0%; height:26px; background:#039ccf; position:absolute; bottom:0; left:50%; -webkit-transform:translate(-50%, 0); z-index:1; -webkit-transition:all .4s ease;}
.main4-title:hover .main4-title-line1 {width:100%;}
.main4-service {width:300px; height:200px; margin:auto; position:relative; overflow:hidden; opacity:0;}
.main4-service-text {width:300px; height:200px; position:relative; z-index:2;}
.main4-service-text div {position:absolute; top:0; left:0; width:290px; padding-left:10px; height:200px; line-height:190px; font-size:20px; font-family:'cu'; text-align:center; opacity:0;}
.service-text1.eff, .service-text2.eff, .service-text3.eff, .service-text4.eff, .service-text5.eff {-webkit-animation:fade-in .6s forwards, fade-out .6s 3.6s forwards;}
.main4-service-bg {width:300px; height:4800px; position:absolute; top:0; left:0; z-index:1; background-repeat:no-repeat; background-size:300px; -webkit-animation:main4-service-animation 1s steps(24) infinite; background-image:url(../images/s-sprite.png);}
@keyframes main4-service-animation {
    from {-webkit-transform:translate3d(0,0,0);}
    to {-webkit-transform:translate3d(0,-4800px,0);}
}
.main4-list {position:relative; z-index:2;}
.main4-list-item {margin:10px 0; opacity:0;}
.main4-list-item:nth-child(even) {padding-left:300px; text-align:right;}
.main4-list-item:nth-child(odd) {padding-right:300px;}
.main4-list-title {font-size:24px; font-family:'cu'; line-height:30px; margin-bottom:10px; position:relative; display:inline-block;}
.main4-list-title-text {position:relative; z-index:2;}
.main4-list-title-line {width:0%; height:13px; background:#039ccf; position:absolute; bottom:0; left:50%; -webkit-transform:translate(-50%, 0); z-index:1; -webkit-transition:all .4s ease;}
.main4-list-item:hover .main4-list-title-line {width:100%;}
.main4-list-content {font-size:14px; line-height:28px; font-family:'xi';}
.main4.in .main4-title {-webkit-animation:fade-up .8s forwards;}
.main4.in .main4-service {-webkit-animation:fade-up .8s .6s forwards;}
.main4.in .main4-item1 {-webkit-animation:fade-up .8s 1.2s forwards;}
.main4.in .main4-item2 {-webkit-animation:fade-up .8s 1.5s forwards;}
.main4.in .main4-item3 {-webkit-animation:fade-up .8s 1.8s forwards;}
.main4.in .main4-item4 {-webkit-animation:fade-up .8s 2.1s forwards;}
.main4.in .main4-item5 {-webkit-animation:fade-up .8s 2.4s forwards;}

.main5 {padding:100px 0 150px; position:relative; z-index:2;}
.main5-wrapper {width:1220px; margin:auto; position:relative;}
.main5-dots {position:absolute; top:120px; left:20px; z-index:1; opacity:0;}
.main5.in .main5-dots {-webkit-animation:fade-in 1s .8s forwards;}
.main5.in .text-k {-webkit-animation:fade-in 1s 1s forwards;}
.main5-title {text-align:center; font-size:116px; font-family:'chang'; opacity:0;}
.main5-st {text-align:center;}
.main5-subtitle {text-align:center; font-size:72px; line-height:64px; font-family:'chang'; margin-bottom:50px; opacity:0; display:inline-block;}
.main5-subtitle-text {position:relative; z-index:2;}
.main5-subtitle-line {width:0%; height:18px; background:#039ccf; position:absolute; bottom:0; left:50%; -webkit-transform:translate(-50%, 0); z-index:1; -webkit-transition:all .4s ease;}
.main5-st:hover .main5-subtitle-line {width:100%;}
.main5.in .main5-title {-webkit-animation:fade-up 1s .3s forwards;}
.main5.in .main5-subtitle {-webkit-animation:fade-up 1s .5s forwards;}
.main5.in .accordion ul li:nth-child(1) {-webkit-animation:main5-acc-in .6s .5s forwards;}
.main5.in .accordion ul li:nth-child(2) {-webkit-animation:main5-acc-in .6s .7s forwards;}
.main5.in .accordion ul li:nth-child(3) {-webkit-animation:main5-acc-in .6s .9s forwards;}
.main5.in .accordion ul li:nth-child(4) {-webkit-animation:main5-acc-in .6s 1.1s forwards;}
.main5.in .main5-swiper {-webkit-animation:main5-acc-in .6s .5s forwards;}
.main5-swiper {display:none; opacity:0; position:relative; z-index:5;}
.main5-swiper .swiper-slide {background-repeat:no-repeat; background-position:center center; background-size:cover; transition:all 500ms ease;}
.main5-body {width:100%; height:590px; margin:auto; position:relative; z-index:2;}
@keyframes main5-acc-in {
    from {-webkit-transform:translate(0,80px); opacity:0;}
    to {-webkit-transform:translate(0,0); opacity:1;}
}
.accordion {width:100%; height:590px;}
.accordion ul {width:100%; display:table; table-layout:fixed; margin:0; padding:0;}
.accordion ul li {display:table-cell; vertical-align:bottom; position:relative; width:25%; height:590px; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:all 500ms ease; opacity:0;}
.acc-block {display:block; width:100%; cursor:pointer;}
.acc-body {display:block; height:590px; width:100%; position:relative; z-index:3; vertical-align:bottom; box-sizing:border-box; transition:all 200ms ease;}
.accordion ul li:nth-child(1), .main5-swiper .swiper-slide:nth-child(1) {background-image:url("../images/case1.jpg");}
.accordion ul li:nth-child(2), .main5-swiper .swiper-slide:nth-child(2) {background-image:url("../images/case2.jpg");}
.accordion ul li:nth-child(3), .main5-swiper .swiper-slide:nth-child(3) {background-image:url("../images/case3.jpg");}
.accordion ul li:nth-child(4), .main5-swiper .swiper-slide:nth-child(4) {background-image:url("../images/case4.jpg");}
.accordion ul:hover li, .accordion ul:focus-within li {width:12%;}
.accordion ul li:focus {outline: none;}
.accordion ul:hover li:hover,
.accordion ul li:focus, .accordion ul:focus-within li:focus {width:64%;}
.accordion ul:hover li:hover .acc-body,
.accordion ul li:focus .acc-body, .accordion ul:focus-within li:focus .acc-body {background:rgba(0, 0, 0, 0.4);}
.accordion ul:hover li {width:12% !important;}
.accordion ul:hover li:hover {width:64% !important;}
.accordion ul:hover li:hover .acc-body {background:rgba(0, 0, 0, 0.4);}
.acc-body * {opacity:0; -webkit-transform:translateX(-20px); transform:translateX(-20px); -webkit-transition:all 400ms ease; transition:all 400ms ease;}
.accordion ul:hover li .acc-body * {opacity:0 !important;}
.accordion ul:hover li:hover .acc-body *,
.accordion ul li:focus .acc-body *, .accordion ul:focus-within li:focus .acc-body * {opacity:1; -webkit-transform:translateX(0); transform:translateX(0);}
.accordion ul:hover li:hover .acc-body * {opacity:1 !important; -webkit-transform:translateX(0); transform:translateX(0);}
.acc-content {width:100%; height:60px; overflow:hidden; padding:20px 0; background:#d4dcf6; line-height:30px; font-size:24px; font-family:'cu'; position:absolute; bottom:-100px; left:0;}
.acc-content p {padding:0 20px; margin:0;}
.acc-content span {font-family:'xi'; font-size:20px;}
.acc-dot {width:0; height:0; border-left:15px solid #2f3846; border-top:12px solid transparent; border-bottom:12px solid transparent; position:relative; float:right; margin:15px 20px 0 0;}
.acc-dot-dot {width:0; height:0; border-left:7px solid #d4dcf6; border-top:6px solid transparent; border-bottom:6px solid transparent; top:-6px; left:-12px; position:absolute;}

.main6 {width:1220px; padding-top:50px; margin:auto; position:relative; z-index:2;}
.main6-dots {position:absolute; top:220px; right:-115px; opacity:0;}
.main6.in .main6-dots {-webkit-animation:fade-in 1s .8s forwards;}
.main6-bg-text {color:#e6eaf6; font-size:150px; font-family:'cu'; text-align:center; line-height:160px; width:100%; position:absolute; z-index:1; top:60px; left:0; letter-spacing:10px; opacity:0;}
.main6.in .main6-bg-text {-webkit-animation:main6-bg-text-in 1s forwards;}
@keyframes main6-bg-text-in {
    from {opacity:0; -webkit-transform:translate(0,100px);}
    to {opacity:1; -webkit-transform:translate(0,0);}
}
.main6-title {text-align:center; font-size:116px; font-family:'chang'; line-height:60px; position:relative; z-index:2; letter-spacing:6px; margin-bottom:180px; opacity:0;}
.main6.in .main6-title {-webkit-animation:main6-title-in 1s .3s forwards;}
@keyframes main6-title-in {
    from {opacity:0; -webkit-transform:translate(0,100px);}
    to {opacity:1; -webkit-transform:translate(0,0);}
}
.main6-line {width:230px; height:4px; background:#039ccf; margin:0 auto 140px; overflow:hidden; opacity:0;}
.main6.in .main6-line {-webkit-animation:main6-line-in 1s .6s forwards;}
@keyframes main6-line-in {
    from {opacity:0; width:0;}
    to {opacity:1; width:230px;}
}
.main6-content {font-size:14px; font-family:'cu'; line-height:24px; margin:0 200px 100px; opacity:0; position:relative;}
.main6-content p {margin-bottom:50px;}
.main6.in .main6-content {-webkit-animation:main6-content-in 1s .9s forwards;}
@keyframes main6-content-in {
    from {opacity:0; -webkit-transform:translate(0,80px);}
    to {opacity:1; -webkit-transform:translate(0,0);}
}
.main6-btn {background:#ffbd09; height:48px; line-height:48px; padding:0 30px; font-family:'cu'; font-size:12px; color:#fff; border-radius:24px; border:0; cursor:pointer; outline:none; opacity:0;}
.main6.in .main6-btn {-webkit-animation:main6-btn-in 1s 1.2s forwards;}
@keyframes main6-btn-in {
    from {opacity:0; -webkit-transform:translate(0,80px);}
    to {opacity:1; -webkit-transform:translate(0,0);}
}
.main6-footlinks {text-align:center; margin-bottom:170px; opacity:0;}
.main6-footlinks li {display:inline-block; vertical-align:middle; font-family:'cu'; font-size:24px; margin:0 39px; line-height:30px;}
.main6.in .main6-footlinks {-webkit-animation:fade-in 1s 1.5s forwards;}
.main6-footlinks a {color:#2f3846; -webkit-transition:all .3s ease;}
.main6-footlinks a:hover {color:#039ccf;}
.main6-copyright {font-size:12px; font-family:'xi'; text-align:center; padding-bottom:20px; opacity:0;}
.main6.in .main6-copyright {-webkit-animation:fade-in 1s 1.8s forwards;}

.text-h, .text-y, .text-l, .text-i, .text-n, .text-k {width:500px; height:500px; background-size:500px; position:absolute; opacity:0;}
.text-h {background-image:url(../images/h.png); top:150px; left:-10px; z-index:1;}
.text-y {background-image:url(../images/y.png); bottom:-220px; left:180px; z-index:1;}
.text-i {background-image:url(../images/i.png); bottom:-150px; left:-70px; z-index:1;}
.text-n {background-image:url(../images/n.png); bottom:240px; left:400px; z-index:1;}
.text-k {background-image:url(../images/k.png); top:60px; right:-160px; z-index:1;}
.dots {width:210px; overflow:hidden;}
.dot {width:10px; height:10px; background:#f1f3fd; float:left; margin:0 25px 32px 0;}
.dot:nth-child(3) {-webkit-animation:dot-flash 5s infinite;}
.dot:nth-child(6) {-webkit-animation:dot-flash 6s 1s infinite;}
.dot:nth-child(8) {-webkit-animation:dot-flash 4s .5s infinite;}
.dot:nth-child(10) {-webkit-animation:dot-flash 4.5s 1.5s infinite;}
.dot:nth-child(13) {-webkit-animation:dot-flash 5.5s 2s infinite;}
.dot:nth-child(18) {-webkit-animation:dot-flash 6s .5s infinite;}
.dot:nth-child(21) {-webkit-animation:dot-flash 5.5s 1s infinite;}
.dot:nth-child(22) {-webkit-animation:dot-flash 3.5s 2s infinite;}
.dot:nth-child(25) {-webkit-animation:dot-flash 4s .5s infinite;}
.dot:nth-child(27) {-webkit-animation:dot-flash 5s 1.5s infinite;}
.dot:nth-child(31) {-webkit-animation:dot-flash 4.5s 1s infinite;}
.dot:nth-child(32) {-webkit-animation:dot-flash 6s 2s infinite;}
.dot:nth-child(38) {-webkit-animation:dot-flash 3.5s 1.5s infinite;}
.dot:nth-child(40) {-webkit-animation:dot-flash 5s 2s infinite;}
.dot:nth-child(42) {-webkit-animation:dot-flash 4s .5s infinite;}

.pop {width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,.8); z-index:9; opacity:0; display:none;}
.pop.in {-webkit-animation:fade-in 1s forwards;}
.pop.out {-webkit-animation:fade-out 1s forwards;}
.pop-body {width:100%; height:100vh; max-width:1280px; overflow-x:hidden; overflow-y:auto; position:absolute; top:0; left:50%; background:#dfe5f6; opacity:0; -webkit-transform:translate(-50%, 0) scale(.2);}
.pop.in .pop-body {-webkit-animation:pop-body-in 1s forwards;}
.pop.out .pop-body {-webkit-animation:pop-body-out 1s forwards;}
.pop-close {width:40px; height:40px; position:absolute; top:10px; right:10px; color:#555; font-size:36px; z-index:2; text-align:center; line-height:36px; cursor:pointer;}
.pop-close.black {color:#2f3846;}
/*.pop.in .pop-case-pic {-webkit-animation:fade-in .8s 1s forwards;}*/
/*.pop.in .pop-case-content {-webkit-animation:fade-in .8s 1.2s forwards;}*/
/*.pop.in .pop-close {-webkit-animation:fade-in .8s 1.5s forwards;}*/
.pop-case-pic {width:100%; overflow:hidden; position:relative; z-index:1;}
.pop-case-pic img {width:100%; display:block;}
.pop-case-content {padding:60px 150px; font-size:18px;}
.pop-case-content p { line-height:30px;}
.pop-contact {padding:100px 150px;}
.pop-contact-head {overflow:hidden; margin-bottom:20px;}
.pop-contact-address {float:right; font-size:18px; line-height:24px; font-family:'cu'; text-align:right;}
.pop-contact-title {font-size:44px; font-family:'cu';}
.pop-contact-content {font-size:18px; line-height:30px;}
.pop-contact-content div {font-weight:bold; font-size:24px; margin-bottom:15px;}
.pop-contact-content p {margin:0; padding:0; margin-bottom:25px;}
.pop-contact-content ul {margin-bottom:25px;}
.pop-contact-content li {list-style:disc; margin-left:30px; margin-bottom:10px;}

.backtop {width:65px; height:65px; position:fixed; bottom:20px; left:50%; margin-left:545px; z-index:3; opacity:0; -webkit-transition:all .5s ease;}
.backtop.in {opacity:1;}
.backtop a {color:#fff;display:flex;text-align: center;align-items: center;justify-content: center; width:65px; height:65px; cursor:pointer;  background-color:#000;-webkit-transition:all .5s ease;}
.backtop a:hover {background-color:#039ccf;}
@keyframes pop-body-in {
    from {opacity:0; -webkit-transform:translate(-50%, 0) scale(.2);}
    to {opacity:1; -webkit-transform:translate(-50%, 0) scale(1);}
}
@keyframes pop-body-out {
    from {opacity:1; -webkit-transform:translate(-50%, 0) scale(1);}
    to {opacity:0; -webkit-transform:translate(-50%, 0) scale(.2);}
}

@keyframes fade-in {
    from {opacity:0;}
    to {opacity:1;}
}
@keyframes fade-out {
    from {opacity:1;}
    to {opacity:0;}
}
@keyframes dot-flash {
    0%, 10% {opacity:1;}
    40%, 50% {opacity:0;}
    90%, 100% {opacity:1;}
}

@media screen and (max-width:750px) {
    .box1 {display:none;}
    .head {width:100vw; height:100vh; position:absolute;}
    .head.in { background:transparent;}
    .head-body {width:100vw; height:100vh;}
    .logo {background:url(../images/logo_white.png) no-repeat; background-size:135px; top:50%; left:50%; margin:-160px 0 0 -67.5px;}
    .menuicon {top:15px; right:15px; }
    .menuicon div {background:#fff;}
    .dots {-webkit-transform:scale(.6);}
    .main1-do {opacity:.1; bottom:-40px; right:-64px; -webkit-animation:none;}
    .main1-line {top:50%; left:50%; width:152px; height:6px; margin-top:90px; margin-left:-76px;}
    .main1-texts {color:#fff; width:100%; top:50%; margin-top:-120px;}
    .en {letter-spacing:-10px;}
    .en i {font-size:72px;}
    .fr {letter-spacing:-5px;}
    .fr i {font-size:54px;}
    .de {letter-spacing:-5px;}
    .de i {font-size:72px;}
    .ru {letter-spacing:-5px;}
    .ru i {font-size:64px;}
    .kr {letter-spacing:-6px;}
    .kr i {font-size:64px;}
    .jp {letter-spacing:-6px;}
    .jp i {font-size:64px;}
    .cn {letter-spacing:-5px;}
    .cn i {font-size:100px;}
    .main1-dots {top:auto; bottom:-165px; left:50%; margin-left:-105px; z-index:5;}
    .main1-dots .dot {background:#fff;}
    .main1-item{
        color: #fff;
        padding: 0 20px;
        width: 100%;
        top: 650px;
    }
    .main1-texts .title{
        font-size: 20vw;
        padding-left: 20px;
    }

    .main1 {width:100vw; height:100vh; margin:0;}
    .main1-pics {width:100vw; height:100vh;}
    .pic-en, .pic-fr, .pic-de, .pic-ru, .pic-kr, .pic-jp, .pic-cn {width:auto; height:100vh;}
    .pic-en img, .pic-fr img, .pic-de img, .pic-ru img, .pic-kr img, .pic-jp img, .pic-cn img {height:100%;}

    .main2 {margin:0;}
    .main2 .main2-bg1, .main2 .main2-bg2 {display:none;}
    .main2-wrapper {width:100%;}
    .main2-body {width:auto; padding:100px 30px;}
    .text-h, .text-y, .text-l, .text-i, .text-n, .text-k {display:none;}
    .main2-body {text-align:left;}
    .main2-title {font-size:72px; line-height:64px;}
    .main2-title-line1 {height:18px;}
    .main2-content {margin-bottom:40px;}
    .main2-content strong {font-size:18px;}
    .main2-dot1 {top:480px;}
    .main2-dot7 {top:85px; left:150px; right:auto;}
    .main2-dot3 {top:380px;}
    .main2-dot4 {top:515px; left:355px;}
    .main2-dot2 {display:none; -webkit-animation:none;}
    .main2-dot10 {bottom:auto; right:30px; top:820px;}
    .main2-dot6 {top:1300px; left:250px;}
    .main2-dot9 {top:965px; left:30px;}
    .main2-dot8 {top:1350px;}

    .main3 {padding:0 0 50px; width:100%;}
    .main3.in .main3-pic {-webkit-animation:fade-up 1s forwards;}
    .main3-pic {float:none; width:100%;}
    .show-pc {display:none;}
    .show-mobile {display:block;}
    .main3-body {width:auto; padding:30px 30px 0; text-align:center;}
    .main3-title {font-size:72px; line-height:64px;}
    .main3-title-line1 {height:18px;}
    .main3-content {margin-bottom:30px;}
    .main3-ai{
        flex-direction: column;
    }

    .main4-body {width:100%; padding:40px 0 0;}
    .main4-title {font-size:72px; line-height:64px;}
    .main4-title-line1 {height:18px;}
    .main4-dots {display:none; -webkit-animation:none;}
    .main4-list-item {padding:0 30px!important; text-align:center!important; margin:30px 0;}
    .main4-list-title {font-size:14px; line-height:22px;}
    .main4-list-title-line {height:9px;}
    .main4-list-content {font-size:12px; line-height:22px;}
    .main5-st:hover .main5-subtitle-line {width:0%;}
    .main4-list-title-line.eff {-webkit-animation:main4-line-eff 3s forwards;}
    @keyframes main4-line-eff {
        0% {width:0%;}
        20%, 80% {width:100%;}
        100% {width:0%;}
    }

    .main5 {padding:30px 0 60px;}
    .main5 .main2-bg1 {display:none;}
    .main5-wrapper {width:100%;}
    .main5-title {font-size:72px;}
    .main5-subtitle {font-size:48px; line-height:40px;}
    .main5-subtitle-line {height:10px;}
    .main5-dots {top:85px; left:50%; margin-left:-95px;}
    .main5-swiper {display:block;}
    .main5-body {width:96%; height:auto; display:none;}
    .accordion {height:auto;}
    .accordion ul {display:block;}
    .accordion ul li {width:100%; height:390px; display:block;}
    .acc-body {height:390px;}
    .acc-content {bottom:0; background:rgba(0,0,0,.75); color:#fff; font-size:12px; line-height:20px;}
    .acc-body * {opacity:1; transform:none;}
    .acc-content p {padding:0; text-align:center;}
    .acc-content span {font-family:'cu'; font-size:12px;}
    .acc-dot {position:absolute; bottom:10px; left:50%; float:none; border-left:12px solid #fff; border-top:8px solid transparent; border-bottom:8px solid transparent;}
    .acc-dot-dot {border-left:8px solid #000; border-top:6px solid transparent; border-bottom:6px solid transparent; top:-6px; left:-11px;}
    .accordion ul:hover li, .accordion ul:focus-within li {width:100%!important;}
    .accordion ul:hover li:hover,
    .accordion ul li:focus, .accordion ul:focus-within li:focus {width:100%!important;}
    .accordion ul:hover li:hover .acc-body,
    .accordion ul li:focus .acc-body, .accordion ul:focus-within li:focus .acc-body {background:transparent;}
    .main5-swiper .swiper-container {overflow:visible;}
    .main5-swiper .swiper-pagination {bottom:-36px!important;}
    .main5-swiper .swiper-pagination-bullet {-webkit-transition:all .4s ease; background:#cacfde; opacity:1; border-radius:4px;}
    .main5-swiper .swiper-pagination-bullet-active {width:24px; background:#5e698c;}

    .main6 {width:100%; padding-top:80px;}
    .main6-dots {display:none; -webkit-animation:none;}
    .main6-title {font-size:72px; line-height:80px; letter-spacing:2px; margin-bottom:100px;}
    .main6-bg-text {font-family:'chang'; font-size:115px; line-height:75px; width:1000px; top:130px; left:50%; margin-left:-500px; letter-spacing:0;}
    .main6-line {margin:0 auto 50px;}
    .main6-content {margin:0 60px 50px; text-align:center; font-size:12px;}
    .main6-content p {margin-bottom:30px;}
    .main6-footlinks {display:none; -webkit-animation:none;}

    .menu-body {width:100%;}
    .follow {display:none;}
    .menu-list {padding-right:30px;}
    .menu-list li a {font-size:32px; line-height:50px; letter-spacing:4px;}

    .pop-close {color:#fff; background:rgba(0,0,0,.3); width:30px; height:30px; line-height:24px; font-size:30px;}
    .pop-close.black {background:transparent;}
    .pop-case-content {padding:20px 30px; font-size:14px;}
    .pop-case-content iframe {height:200px}
    .pop-contact {padding:20px 30px;}
    .pop-contact-content {font-size:14px;}
    .pop-contact-content div {font-size:22px;}
    .pop-contact-head {height:142px; position:relative;}
    .pop-contact-title {font-size:32px; position:absolute; top:0; left:0;}
    .pop-contact-address {float:none; font-size:14px; text-align:left; position:absolute; top:60px; left:0; line-height:18px;}
}