html, body {  position: relative;  height: 100%;}.container{  height: 100%;}.container{  min-width: 1280px;  overflow-x:auto;}.fullPage_title{  width:100%;  height:900px;  overflow: hidden;  position: relative;}.fullPage_title .background-video {    width: 100%;    height: 100%;    position: absolute;    top: 0;    left: 0;    overflow: hidden;    z-index:1;    background: #000;}.fullPage_title .overlay-black {    position: absolute;    background: #000;    width: 100%;    height: 100%;    opacity: .3;    z-index: 1;}.fullPage_title .background-video video {    width: 100%;    height: auto;    position: absolute;    left: 0;    top: 50%;    transform: translateY(-50%) scale(1.2);    z-index: 0;}.fullPage_title .background-video::after {    content: '';        position: absolute;        top: 0;        left: 0;        width: 100%;        height: 100%;        background: url(../images/bg_dot.png) left top repeat;}/* 大文字 动画效果 */.fullPage_title .title{  position: absolute;  z-index: 2;  width:100%;  height:85%;  top:30%;  left:0;}.fullPage_title .font-ol-title{  position: relative;  overflow: hidden;  /* width:356px; */  height:115px;  margin:0 auto;}.fullPage_title .font-ol-title .f{  height:115px;  /* width:300px; */  margin:0 auto;}.fullPage_title .font-ol-title .o{  vertical-align: top;  overflow: inherit;}.fullPage_title .font-ol-title span{  opacity: 0;  font-size:80px;  font-weight: 500;  color:#FFF;  transition: all .5s ease;  display: block;  -webkit-transform: translate(0px, 200px);          transform: translate(0px, 200px);}.fullPage_title.active .font-ol-title span{   opacity: 1;  -webkit-transform: translate(0px, 0px);          transform: translate(0px, 0px);      }.fullPage_title .font-ol-title_add{  position: relative;  overflow: hidden;  /* width:356px; */  height:60px;  margin:0px auto 0;}.fullPage_title .font-ol-title_add .f{  height:60px;  /* width:300px; */  margin:0 auto;}.fullPage_title .font-ol-title_add .o{  vertical-align: top;  overflow: inherit;}.fullPage_title .font-ol-title_add span{  opacity: 0;  font-size:46px;  /* font-weight: 600; */  color:#FFF;  transition: all .5s ease;  display: block;}.effect_T .font-ol-title_add span{  font-size: 42px;}.seas_T .font-ol-title_add .o{  vertical-align: top;  overflow: inherit;  text-align: center;}.seas_T .font-ol-title .o{  vertical-align: top;  overflow: inherit;    width: 83px;  text-align: center;}.brands_T .font-ol-title_add .o{  vertical-align: top;  overflow: inherit;}.brands_T .font-ol-title_add .o{  vertical-align: top;  overflow: inherit;  width: 22px;  text-align: center;}.effect_T .font-ol-title .o{  vertical-align: top;  overflow: inherit;  width:94px;  text-align: center;}.effect_T .font-ol-title_add .o{  vertical-align: top;  overflow: inherit;}.fullPage_title .font-ol-title_add span{   -webkit-transform: translate(0px, 100px);          transform: translate(0px, 200px);}.active.fullPage_title .font-ol-title_add span{   opacity: 1;  -webkit-transform: translate(0px, 0px);          transform: translate(0px, 0px);}/* title 整行文字动画 */.fullPage_title .font-ol-info{  display: block;  text-align: center;  font-size: 24px;  color: #fff;  width: 100%;  height: 30px;  margin: 60px auto 0;}.fullPage_title .font-ol-info .f{  height:100%;}.fullPage_title .font-ol-info .o{  height:100%;  display: inline-block;  vertical-align: top;  overflow: inherit;}.fullPage_title .font-ol-info span{  opacity: 0;  height:100%;  display: inline-block;  transition: all .5s ease;  letter-spacing: 8px;  -webkit-transform: translate(0px, 50px);  transform: translate(0px, 50px);}.active.fullPage_title .font-ol-info span{  opacity: 1;    -webkit-transform: translate(0px, 2px);    -webkit-transition-delay:.6s;    transform: translate(0px, 2px);    transition-delay:.6s;}/* 副标题 动画 */.little_title  .font-ol-title_ZN{  width:140px;  height:33px;  color:#1f2022;  font-size:18px;  font-weight:600;  overflow: hidden;}.little_title  .font-ol-title_EN{  width:500px;  height:73px;  color:#1f2022;  font-size:70px;  /* font-weight:600; */  overflow: hidden;  text-align: left;  line-height: 80px;}.little_title  .font-ol-title_Text{  width:600px;  height:25px;  color:#1f2022;  font-size: 20px;  overflow: hidden;  text-align: left;  line-height: 25px;}.little_title  .font-ol-title_ZN .f{  height:25px;  width:140px;}.little_title  .font-ol-title_ZN .o{  vertical-align: top;  overflow: hidden;}.little_title  .font-ol-title_ZN span{  font-size:18px;  font-weight: 500;  color:#000;  transition: transform .5s ease;  display: block;}.little_title .font-ol-title_ZN span{   -webkit-transform: translate(0px, 30px);          transform: translate(0px, 30px);}.little_title  .font-ol-title_EN .f{  width:500px;  height:70px;}.little_title  .font-ol-title_EN .o{  vertical-align: top;  overflow: hidden;}.little_title  .font-ol-title_EN span{  font-size:70px;  font-weight: 500;  color:#000;  transition: transform .5s ease;  display: block;}.little_title .font-ol-title_EN span{   -webkit-transform: translate(0px, 90px);          transform: translate(0px, 90px);}.little_title  .font-ol-title_Text .f{  width:600px;  height:25px;}.little_title  .font-ol-title_Text .o{  vertical-align: top;  overflow: hidden;}.little_title  .font-ol-title_Text span{  font-size:18px;  color:#000;  transition: all .5s;  display: block;}.little_title .font-ol-title_Text span{   -webkit-transform: translate(0px, 30px);          transform: translate(0px, 30px);}/* 优势 ADVANTAGE__ */.advantage{    width: 100%;    /* padding: 30px 0 70px; */    background: #f3f3f3;    height: 355px;    display: flex;    justify-content: center;    align-items: center;}.advantage .content{  width:1200px;  margin:0 auto;  overflow: hidden;}.active.advantage.little_title .font-ol-title_ZN span{   -webkit-transform: translate(0px, 0px);          transform: translate(0px, 0px);}.active.advantage.little_title .font-ol-title_EN span{   -webkit-transform: translate(0px, 0px);          transform: translate(0px, 0px);}.advantage .font-line-text{  display: block;  text-align: left;  font-size: 24px;  color: #1f2022;  width: 900px;  height:85px;  float: right;  margin-right: 30px;  margin-top: 15px;}.advantage .font-line-text span b{  font-weight: 500;}.advantage .font-line-text .f{  height:100%;}.advantage .font-line-text .o{  height:100%;  display: inline-block;  vertical-align: top;  overflow: hidden;}.advantage .font-line-text span{  height:100%;  line-height: 37px;  display: inline-block;  transition: all 1.1s;  -webkit-transform: translate(0px, 85px);  transform: translate(0px, 85px);}.active.advantage .font-line-text span{  -webkit-transform: translate(0px, 2px);  -webkit-transition-delay:.5s;          transform: translate(0px, 2px);          transition-delay:.5s;}/* 产品 product */.product{  width:100%;  padding:75px 0;  background: linear-gradient(120deg, #1F2350, #2A3377);}.product .content{  width:1200px;  margin:0 auto;  overflow: hidden;  color:#FFF;}.product .content .font-ol-title_EN span,.product .content .font-ol-title_ZN span{  color:#fff;}.active.product.little_title .font-ol-title_ZN span{   -webkit-transform: translate(0px, 0px);          transform: translate(0px, 0px);}.active.product.little_title .font-ol-title_EN span{   -webkit-transform: translate(0px, 0px);          transform: translate(0px, 0px);}.product_cn{  padding:90px 0 0px;  justify-content: space-around;}.product_cn dt{  position: relative;  width:265px;  height:265px;  border-radius: 50%;  overflow: hidden;  border: 7px rgba(45, 68, 186, .38) solid;  }.product_cn dt>div{  position: relative;  width:267px;  height:267px;  border-radius: 50%;  overflow: hidden;  background:#fff;  margin-left:-1px;  margin-top:-1px;  z-index: -1;  }.product_cn dt img{  position: absolute;  left:0;  right:0;  top:0;  bottom:0;  margin:auto;  width:240px;  }.product_cn dd{  padding-top:30px;  text-align:center;  font-size:18px;  line-height:27px;}.product_cn dt .bgColor{  width:100%;  height:100%;  background:#fff;}.product_cn dt .bgmask {  position: relative;    width: 300px;    height: 300px;    background: #2d44ba;    margin: -220px 0 0 -220px;    -webkit-transform: rotate(-45deg);    transform: rotate(-45deg);    z-index: 6;    transition: all 200ms 0s ease-in-out;    -webkit-backface-visibility: hidden;    backface-visibility: hidden;}.product_cn dl:hover dt .bgmask {    visibility: visible;    margin: -6px 0 0 -6px;    transition: all 300ms 0s ease-in-out;}.product_cn dl:hover dt>div{  background:#2d44ba;  transition-delay: 200ms;}.product_cn dt .hoverImg{  width:240px;  position: absolute;  left:0;  top:0;  right: 0;  bottom:0;  margin:auto;  opacity: 0;  z-index: 10;}.product_cn dl:hover .hoverImg{  opacity: 1;  transition: all 250ms 0s ease-in;}/* 顺序出现 */.product_cn .f{  height:100%;}.product_cn .o{  height:100%;  display: inline-block;  overflow:inherit;}.product_cn ul li:nth-child(1){  transition: all 1s ease;  opacity: 0;  -webkit-transform: translate(0px, 100px);  transform: translate(0px, 100px);}.active.product_cn  ul li:nth-child(1){  opacity: 1;  -webkit-transform: translate(0px, 0px);  -webkit-transition-delay:0.2s;          transform: translate(0px, 0px);          transition-delay:0.2s;}.product_cn .text-2{  width:265px;  height:54px;  display: inline-block;  opacity: 0;  transition: all 1s ease;  -webkit-transform: translate(0px, 50px);  transform: translate(0px, 50px);}.active.product_cn .text-2{  opacity: 1;  -webkit-transform: translate(0px, 0px);  -webkit-transition-delay:.1s;          transform: translate(0px, 0px);          transition-delay:.1s;}.product_cn  ul li:nth-child(2){  transition: all 1s ease;  opacity: 0;  -webkit-transform: translate(0px, 100px);  transform: translate(0px, 100px);}.active.product_cn ul li:nth-child(2){  opacity: 1;  -webkit-transform: translate(0px, -30px);  -webkit-transition-delay:.4s;  -webkit-transition-duration:1s;          transform: translate(0px, -30px);          transition-delay:.4s;          transition-duration:1s;}.product_cn  ul li:nth-child(3){  transition: all 1s ease;  opacity: 0;  -webkit-transform: translate(0px, 100px);  transform: translate(0px, 100px);}.active.product_cn ul li:nth-child(3){  opacity: 1;  -webkit-transform: translate(0px, -60px);  -webkit-transition-delay:.6s;  -webkit-transition-duration:1.3s;          transform: translate(0px, -60px);          transition-delay:.6s;          transition-duration:1.3s;}.product_cn .text-4{  opacity: 0;    width:265px;  height:54px;  display: inline-block;  transition: all 1s ease;  -webkit-transform: translate(0px, 50px);  transform: translate(0px, 50px);}.active.product_cn .text-4{  opacity: 1;  -webkit-transform: translate(0px, 0px);  -webkit-transition-delay:.3s;          transform: translate(0px, 0px);          transition-delay:.3s;}.product_cn  dl:nth-child(3) dt{  transition: all 1s ease;  opacity: 0;  -webkit-transform: translate(0px, 100px);  transform: translate(0px, 100px);}.active.product_cn  dl:nth-child(3) dt{  opacity: 1;  -webkit-transform: translate(0px, 0px);  -webkit-transition-delay:.4s;          transform: translate(0px, 0px);          transition-delay:.4s;}.product_cn .text-6{  opacity: 0;  width:265px;  height:54px;  display: inline-block;  transition: all 1s ease;  -webkit-transform: translate(0px, 50px);  transform: translate(0px, 50px);}.active.product_cn .text-6{  opacity: 1;  -webkit-transform: translate(0px, 0px);  -webkit-transition-delay:.5s;          transform: translate(0px, 0px);          transition-delay:.5s;}/* case 案例 */.case{  width:100%;  padding:75px 0;  background:#fff;}.case .content{  width:1200px;  margin:0 auto;  overflow: hidden;}.case  .case_body{  padding: 65px 0 30px;}.active.case.little_title .font-ol-title_ZN span{   -webkit-transform: translate(0px, 0px);          transform: translate(0px, 0px);}.active.case.little_title .font-ol-title_EN span{   -webkit-transform: translate(0px, 0px);          transform: translate(0px, 0px);}.case_lines_inner{  display: flex}.case_body .unit {    overflow: hidden;    position: relative;    height: 544px;    width: 395px;    margin-right: 8px;    background: #f5f5f5;      transition: all 1s ease;    -webkit-transform: translate(0px, 600px);          transform: translate(0px, 600px);}.active.case_body .unit{    -webkit-transform: translate(0px, 0px);          transform: translate(0px, 0px);}.active.case_body .unit:nth-child(1){  -webkit-transition-delay:0s;          transition-delay:0s;}.active.case_body .unit:nth-child(2){  -webkit-transition-delay:.1s;          transition-delay:.1s;}.active.case_body .unit:nth-child(3){  -webkit-transition-delay:.2s;          transition-delay:.3s;}.case_lines_inner .unit_body {    position: relative;    z-index: 2;    height: 219px;    padding: 40px;    transition: color 550ms cubic-bezier(.23,1,.32,1);}.case_lines_inner .unit_body:before {    position: absolute;    top: 40px;    left: 40px;    width: 20px;    height: 3px;    background: #111;    content: " ";    transition: background 550ms cubic-bezier(.23,1,.32,1);}.case_lines_inner .unit_body .en {    height: 26px;    padding-top: 32px;    font-family: "Inter UI",sans-serif;    font-size: 26px;    font-weight: 700;    line-height: 26px;}.case_lines_inner .unit_body .jp {    font-size: 18px;    margin-top:24px;}.case_lines_inner .unit_inner > img{  width:100%;}.case_lines_inner .app_child_liftup {    opacity: 0;    animation: fadeliftup 1.5s cubic-bezier(.23,1,.32,1) both;}.case_lines_inner .unit_mask {    position: absolute;    top: 544px;    left: 0;    z-index: 1;    width: 100%;    height:544px;    transition: top .4s cubic-bezier(.23,1,.32,1);} .case_lines_inner .unit_mask:before {    position: absolute;    top: 0;    left: 0;    z-index: 1;    width: 100%;    height: 100%;    background:rgba(38,61,177,.9);    content: "";}.case_lines_inner .mask_inner{  position: absolute;  bottom:0;  left:0;  z-index: 2;  width:100%;  height:327px;  overflow: hidden;  color:#fff;}.case_lines_inner .mask_inner .mask_inner_data{  display: flex;  justify-content: center;  text-align: center;  position: absolute;  bottom:80px;  left:0;  z-index: 2;  width:100%;  height:150px;}.case_lines_inner .mask_inner .mask_inner_data > div:not(.line){  /* padding:0 30px; */  width:50%;}.case_lines_inner .mask_inner  span{  position: relative;  display: block;  font-size:18px;  /* font-weight: 900; */}.case_lines_inner .mask_inner  strong{  font-size:62px;  /* font-weight: 900; */}.case_lines_inner .mask_inner  sup{    position: absolute;    top: 0px;    font-size:20px;    /* font-weight: 800; */}.case_lines_inner .mask_inner .line {  width:2px!important;  height:95px;  background:rgba(255,255,255,.61);  padding:0!important;  position: absolute;  left: 50%;  margin-left: -1px;}.caseArrow{  position: absolute;  width:47px;  height:15px;  background:url(../images/caseArrow.png) 100% 100% no-repeat;  background-size: 100% 100%;  left:40px;  bottom:35px;}.case_lines_inner .unit:hover .unit_mask{  top:0;}.case_lines_inner .unit:hover .unit_body:before{  background:#fff;}.case_lines_inner .unit:hover .unit_body .en,.case_lines_inner .unit:hover .unit_body .jp {  color:#FFF;  font-weight: 700;}@keyframes fadeliftup{  0%{    transform:translateY(300px);    opacity:0  }  100%{    transform:translateY(0);    opacity:1  }}/* service 服务 */.service{  width:100%;  padding:75px 0;  background:#fff;}.service .content{  width:1200px;  margin:0 auto;  overflow: hidden;}.active.service.little_title .font-ol-title_ZN span{   -webkit-transform: translate(0px, 0px);          transform: translate(0px, 0px);}.active.service.little_title .font-ol-title_EN span{   -webkit-transform: translate(0px, 0px);          transform: translate(0px, 0px);}.active.service.little_title .font-ol-title_Text span{   -webkit-transform: translate(0px, 0px);          transform: translate(0px, 0px);}.service_cn.brands ul{  width:100%;  display: flex;  flex-direction: row;  justify-content: space-around;  margin-top:30px;}.service_cn.brands ul li{  width:400px;  display: flex;  flex-direction: column;  justify-content: center;  align-items: center;}.service_cn.brands ul li .icon{  width:230px;  height:190px;  overflow: hidden;  position: relative;}.service_cn.brands ul li .icon img.ani{    position: absolute;    left: 50%;    right: 0;    top: 0;    bottom: 0;    margin: auto;    width: 120%;    margin-left: -60%;    display: none;}.service_cn.brands ul li .icon img.not{  position: absolute;    left: 0;    right: 0;    top: 0;    bottom: 0;    margin: auto;    width: 62%;    }.service_cn.brands ul li h3{  height:60px;  line-height: 50px;  color:#2e2f36;  font-size: 24px;  font-weight: bold;}.service_cn.brands{  width:100%;  height:650px;  overflow: hidden;}.service_cn.brands .f{  width:100%;  height:325px;}.service_cn.brands .o{  vertical-align: top;  overflow: hidden;}.service_cn.brands  ul{  transition: all 1.25s ease;}/* 出海营销 service */.service_cn.overseas ul{  width:100%;  display: flex;  flex-direction: row;  justify-content: space-around;}.service_cn.overseas ul li{  width:100px;  display: flex;  flex-direction: column;  justify-content: center;  align-items: center;}.service_cn.overseas ul li .icon{  width:100px;  height:110px;  overflow: hidden;  position: relative;}.service_cn.overseas ul li .icon img{  position: absolute;  left:0;  right:0;  top:0;  bottom:0;  margin:auto;}.service_cn.overseas ul li h3{  height:60px;  line-height: 50px;  color:#2e2f36;  font-size: 24px;  font-weight: bold;}.service_cn.overseas{  width: 100%;  /* height: 140px; */  overflow: hidden;  padding: 140px 0 70px;}.service_cn.overseas .f{  width:100%;  height:140px;}.service_cn.overseas .o{  vertical-align: top;  overflow: hidden;}.service_cn.overseas  ul{  transition: all 1s cubic-bezier(.02,-0.16,.58,1.16);}.service_cn.overseas ul{   -webkit-transform: translate(0px, 150px);          transform: translate(0px, 150px);}.active.service_cn.overseas .f  ul{  -webkit-transition-delay: 1s;          transition-delay: 1s;  -webkit-transform: translate(0px, 0px);          transform: translate(0px, 0px);}/* 效果营销 service */.service_cn.effect {  height:inherit;}.service_cn.effect ul{  width:1030px;  margin:0px auto 30px;  height:260px;}.service_cn.effect  li{  width:100%;  height:260px;  margin:0 auto;  overflow: hidden;  display: flex;  justify-content: space-between;  }.service_cn.effect  li .icon{  width:300px;  height:260px;  overflow: hidden;  position: relative;}.service_cn.effect li .icon img{  position: absolute;  left:0;  right:0;  top:0;  bottom:0;  margin:auto 0 auto auto;}.service_cn.effect li .info{  width:680px;  border-bottom:1px #bdbec7 solid;  display: flex;  flex-direction: column;  justify-content: center;}.service_cn.effect li h3{  font-size: 24px;  font-weight: 700;  line-height:50px;  height:65px;  color: #2e2f36;  overflow: hidden;}.service_cn.effect  li p{  font-size: 18px;  line-height: 27px;  color: #2e2f36;  font-weight: normal;}.service_cn.effect .f{  width:100%;  height:270px;}.service_cn.effect .o{  vertical-align: top;  overflow: hidden;}.service_cn.effect  ul{  transition: all 900ms ease;}.service_cn.effect ul{   opacity: 0;  -webkit-transform: translate(0px, 220px);          transform: translate(0px, 220px);}.active.service_cn.effect .f  ul{  opacity: 1;  -webkit-transform: translate(0px, 0px);          transform: translate(0px, 0px);}/* 资源 resources */.resources{  width:100%;  padding:75px 0;  background:#25272a;}.resources .content .font-ol-title_EN span,.resources .content .font-ol-title_ZN span{  color:#fff;}.resources .content{  width:1200px;  margin:0 auto;  overflow: hidden;  }.active.resources.little_title .font-ol-title_ZN span{   -webkit-transform: translate(0px, 0px);          transform: translate(0px, 0px);}.active.resources.little_title .font-ol-title_EN span{   -webkit-transform: translate(0px, 0px);          transform: translate(0px, 0px);}.active.resources.little_title .font-ol-title_Text span{   -webkit-transform: translate(0px, 0px);          transform: translate(0px, 0px);}.resources_cn {  position: relative;  color:#fff;  margin-top:70px;}.resources_cn .outer{    position: relative;    width:300px;    height:300px;    background:blue;    animation: transform 25s ease-in-out infinite both alternate;}.resources_cn .inner{  position:absolute;  top:0;  left:0;  right:0;  bottom: 0;  margin:auto;  width:270px;  height:270px;  /* background:#000; */    animation: transform 30s ease-in-out infinite both alternate;}.resources_cn .resources_1 .outer{  background:#2d44ba;}.resources_cn .resources_2 .outer{  background:#d6372d;}.resources_cn .resources_3 .outer{  background:#10864a;}.resources_cn .resources_1 .inner{  background: url('../images/effectResource_1.jpg');  background-size:300px;  background-position: center; }.resources_cn .resources_2 .inner{  background: url('../images/effectResource_2.jpg');  background-size:300px;  background-position: center; }.resources_cn .resources_3 .inner{  background: url('../images/effectResource_3.jpg');  background-size:300px;  background-position: center; }.resources_cn .resources_4 .outer{  background:#f39d23;}.resources_cn.overseas .resources_1 .inner{  background: url('../images/overseasResource_1.jpg');  background-size:300px;  background-position: center; }.resources_cn.overseas .resources_2 .inner{  background: url('../images/overseasResource_2.jpg');  background-size:300px;  background-position: center; }.resources_cn.overseas .resources_3 .inner{  background: url('../images/overseasResource_3.jpg');  background-size:300px;  background-position: center; }.resources_cn.overseas .resources_4 .inner{  background: url('../images/overseasResource_4.jpg');  background-size:300px;  background-position: center; }.resources_cn  ul{  width:1030px;  margin:0px auto 30px;}.resources_cn   li{  width:100%;  margin:0 auto;  overflow: hidden;  display: flex;  justify-content: space-between;  }.resources_cn li .info{  width:680px;  display: flex;  flex-direction: column;  justify-content: center;}.resources_cn .resources_2,.resources_cn .resources_4{  flex-direction: row-reverse;}.resources_cn li h3{  font-size: 36px;  font-weight: 700;  line-height:80px;  height:80px;  overflow: hidden;}.resources_cn  li p{  font-size: 18px;  line-height:40px;}.resources_cn .f{  width:100%;  height:305px;  margin-bottom:45px;}.resources_cn .o{  vertical-align: top;  overflow: hidden;}.resources_cn  ul{  transition: all 900ms ease;}.resources_cn ul{   opacity: 0;  -webkit-transform: translate(0px, 330px);          transform: translate(0px, 330px);}.active.resources_cn .f  ul{  opacity: 1;  -webkit-transform: translate(0px, 0px);          transform: translate(0px, 0px);}@-webkit-keyframes transform {    0%,100% {        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%    }    14% {        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%    }    28% {        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%    }    42% {        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%    }    56% {        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%    }    70% {        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%    }    84% {        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%    }}@keyframes transform {    0%,100% {        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%    }    14% {        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%    }    28% {        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%    }    42% {        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%    }    56% {        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%    }    70% {        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%    }    84% {        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%    }}.product .product_cn ul{  display:flex;  position: relative;  width:100%;}.product .product_cn ul li{  width: 599px;  height: 259px;  border: 1px solid rgba(255,255,255,0.3);}.product .product_cn ul li a{  display:flex;  flex-direction:column;  justify-content: space-between;  padding:60px 50px;  box-sizing:border-box;  width:100%;  height:100%;}.product .product_cn ul li:last-child a{  padding:50px;}.product .product_cn ul li .arrow_icon{  width:16px;  overflow: hidden;  transition: all .5s ease;}.c-site-foot-box__border {  position: absolute;  top: -1px;  left: -1px;  bottom: -1px;  right: -1px;  pointer-events: none}.c-site-foot-box:hover .c-site-foot-box__border:after,.c-site-foot-box:hover .c-site-foot-box__border:before {  opacity: 1}.c-site-foot-box:hover .c-site-foot-box__border:after {  -webkit-transform: scaleY(1);  transform: scaleY(1)}.c-site-foot-box:hover .c-site-foot-box__border:before {  -webkit-transform: scaleX(1);  transform: scaleX(1)}.c-site-foot-box:hover .arrow_icon{  width: 100px!important;;}.c-site-foot-box__border:after,.c-site-foot-box__border:before {  content: "";  position: absolute;  background-color: #fff;  opacity: 0;  transition: opacity .5s ease,-webkit-transform .5s ease;  transition: transform .5s ease,opacity .5s ease;  transition: transform .5s ease,opacity .5s ease,-webkit-transform .5s ease}.c-site-foot-box__border:after {  width: 1px;  height: 100%;  -webkit-transform: scaleY(0);  transform: scaleY(0)}.c-site-foot-box__border:before {  height: 1px;  width: 100%;  -webkit-transform: scaleX(0);  transform: scaleX(0)}.c-site-foot-box__border--top:before {  top: 0;  left: 0;  -webkit-transform-origin: left;  transform-origin: left}.c-site-foot-box__border--top:after {  top: 0;  left: 0;  -webkit-transform-origin: top;  transform-origin: top}.c-site-foot-box__border--bottom:before {  bottom: 0;  right: 0;  -webkit-transform-origin: right;  transform-origin: right}.c-site-foot-box__border--bottom:after {  bottom: 0;  right: 0;  -webkit-transform-origin: bottom;  transform-origin: bottom}