﻿@charset "utf-8"; 
:root {--color: #e77303;--fontfamily:"Roboto";}
.wklist{display: flex;flex-flow: row;margin-top: 30px;justify-content: center;text-align:center;flex-wrap:wrap}
.wklist li{width:33%;font-size: var(--fontsize20);position: relative;}
.wklist li:nth-child(n+10){display: none;}
.wklist li .title{color: orange;font-size: 36px;font-weight: 600;}
.wklist li .info{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.wklist li:hover .flipper {transform: rotateX(180deg);transition-delay: .15s;}
.wklist li,.front,.back {width: 33%;height: 270px;}
.flipper {transition: 0.6s;transform-style: preserve-3d;position: relative;width: 100%;height: 100%;}
.front,.back {backface-visibility: hidden;position: absolute;top: 0;left: 0;width: 100%;}
.front {z-index: 2;}
.back {transform: rotateX(180deg);}
.wklist li .back img{transform: scale(1.3);}
.wklist li .wkimg{height: 100%;}
.wklist li .wkimg img{height: 100%;}
.wkimgbg{overflow: hidden;height: 100%;}
.wklist li .info a{color: orange;}
@media (max-width:1440px){.wklist li,.front,.back {height: 180px;}}
@media (max-width:1025px){.wklist li:hover .flipper {transform: inherit;}}
.home-helpcenter .wklist li .wkimg img{ width: 100%;}

@media (max-width:1025px){.wklist li{width: 49%;}}
.home-banner .swiper-slide>a::after{display:none;}
.home-banner .banner-animote{position:absolute;color:#FFF;}
.home-banner .banner-animote.ban1{top:40%;left:8%;transform: translateY(-50%);width:100%;}
.home-banner .banner-animote.ban1 .ban1-title{color:#E8A11F;font-weight:var(--fontbold7);display:flex;line-height:1;}
.home-banner .banner-animote.ban1 .ban1-title .right{transform: translateY(-20%);margin-left:10px;}
.home-banner .banner-animote.ban1 .ban1-title strong,.home-banner .banner-animote.ban1 .ban1-title sup{text-shadow:-1px 0 #fff,0 1px #fff,1px 0 #fff,0 -1px #fff;}
.home-banner .banner-animote.ban1 .ban1-title sup{font-size:70px;}
.home-banner .banner-animote.ban1 .ban1-title strong{font-size:120px;}
.home-banner .banner-animote.ban1 .ban1-title p{font-size:70px;text-shadow: 1px 2px 3px var(--fontcolor);}
.home-banner .banner-animote.ban1 .ban1-line{line-height:1.3;background:var(--color);display:inline-block;padding:5px 50px 5px 10px;font-size:48px;position:relative;margin:10px 0;}
.home-banner .banner-animote.ban1 .ban1-line:after{content:'';position: absolute;left:calc(100% - 25px);top:0;width:60px;height:100%;display: inline-block;background:var(--color);transform: skew(-30deg);}
.home-banner .banner-animote.ban1 .ban1-des{color:var(--color);font-weight:var(--fontbold7);font-size:42px}
@media (max-width:1600px){.home-banner .banner-animote.ban1 .ban1-title strong{font-size:8vw}
.home-banner .banner-animote.ban1 .ban1-title p,.home-banner .banner-animote.ban1 .ban1-title sup{font-size:3vw;}
.home-banner .banner-animote.ban1 .ban1-title .right{transform: initial;}
.home-banner .banner-animote.ban1 .ban1-line{font-size: 2.3vw;}
.home-banner .banner-animote.ban1 .ban1-des{font-size:2.1vw}}
@media (max-width:768px){.home-banner .banner-animote.ban1 .ban1-title strong{font-size:60px;}
.home-banner .banner-animote.ban1 .ban1-title p, .home-banner .banner-animote.ban1 .ban1-title sup{font-size:24px;}
.home-banner .banner-animote.ban1 .ban1-line{font-size:18px;padding-right:20px;}
.home-banner .banner-animote.ban1 .ban1-line:after{left:calc(100% - 10px);width:20px;}
.home-banner .banner-animote.ban1 .ban1-des{font-size:14px;}}
@media (max-width:550px){.home-banner .banner-animote.ban1 .ban1-title strong{font-size:20px;}
.home-banner .banner-animote.ban1 .ban1-title p, .home-banner .banner-animote.ban1 .ban1-title sup{font-size:13px;line-height:1;}
.home-banner .banner-animote.ban1 .ban1-des,.home-banner .banner-animote.ban1 .ban1-line{display:none;}
.home-banner .banner-animote.ban1 .ban1-title{max-width:40%;}
.home-banner .banner-animote.ban1 .ban1-title .right{display:flex;align-items: center;margin-left:3px;}
.home-banner .banner-animote.ban1{top:43%;}}
.home-banner .banner-animote.ban2{top:32%;left:50%;transform: translateY(-50%);}
.home-banner .banner-animote.ban2 .ban2-title{color:var(--color);font-size:46px;font-weight:var(--fontbold7);line-height:1.1}
.home-banner .banner-animote.ban2 .ban2-title strong{font-size:86px;}
.home-banner .banner-animote.ban2 .ban2-title span{display:block;color:#fff;text-transform: uppercase;}
.home-banner .banner-animote.ban2 .ban2-des{margin-top:5px;font-size:20px;}
.home-banner .banner-animote.ban2 .ban2-des p{position:relative;padding-left:20px;}
.home-banner .banner-animote.ban2 .ban2-des p:before{content:'';width:5px;height:5px;display:inline-block;background:#fff;border-radius: 50%;position: absolute;top:50%;transform: translateY(-50%);left:5px;}
@media (max-width:1600px){.home-banner .banner-animote.ban2{top:35%;}
.home-banner .banner-animote.ban2 .ban2-title strong{font-size:3.5vw;}
.home-banner .banner-animote.ban2 .ban2-title{font-size:2vw;}
.home-banner .banner-animote.ban2 .ban2-des{font-size: 0.9vw;}
.home-banner .banner-animote.ban2 .ban2-des p{line-height:1.3}}
@media (max-width:768px){.home-banner .banner-animote.ban2 .ban2-des{display:none;}
.home-banner .banner-animote.ban2{top:30%;}
.home-banner .banner-animote.ban2 .ban2-title{font-size:18px}
.home-banner .banner-animote.ban2 .ban2-title strong{font-size:30px;}}
@media (max-width:550px){.home-banner .banner-animote.ban2{top:22%;}
.home-banner .banner-animote.ban2 .ban2-title{font-size:14px}
.home-banner .banner-animote.ban2 .ban2-title strong{font-size:20px;}}
.home-banner .banner-animote.ban3{top:17%;left:50%;transform: translateX(-50%);width:100%;text-align: center;}
.home-banner .banner-animote.ban3 .ban3-title{color:#494f3e;font-family: Roboto;font-size:85px;letter-spacing: 13px;width:100%;}
@media (max-width:1600px){.home-banner .banner-animote.ban3 .ban3-title{font-size:4.5vw;}}
@media (max-width:1366px){.home-banner .banner-animote.ban3 .ban3-title{letter-spacing: 10px;}}
@media (max-width:768px){.home-banner .banner-animote.ban3 .ban3-title{font-size:30px;letter-spacing: 7px;}}
@media (max-width:550px){.home-banner .banner-animote.ban3 .ban3-title{font-size: 20px;letter-spacing:1px;}}
