body{background:#f5f7fa}main{font-size:14px;color:#242933}main .link,main .news-link{display:inline-block;font-family:VIVO-FONT-WEB-BOLD,VIVO-FONT-NAV-BOLD,sans-serif}main .link:after,main .news-link:after{font-family:vivo_iconFont;content:"\e61d";vertical-align:middle}@media screen and (min-width:769px){main .link:hover,main .news-link:hover{color:#415fff}}main .link:after,main .news-link:after{margin-left:5px;font-size:27px}main [data-theme=white]{color:#fff}main [data-theme=white].brand-head-wrap .head-content-box .auxiliaryTitle:before{background:#fff}main .brand-head-wrap{position:relative;height:900px;overflow:hidden}main .brand-head-wrap .head-img-box{height:100%}main .brand-head-wrap .head-img-box img{position:absolute;top:0;height:100%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}main .brand-head-wrap .head-content-box{width: 1248px;position:absolute;top:208px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);}main .brand-head-wrap .head-content-box .title{margin-bottom:4px;line-height:76px;font-size:66px;font-weight: bold;}main .brand-head-wrap .head-content-box .auxiliaryTitle{width: 520px;display: none;font-size:22px;margin-top:127px;line-height:40px;/* font-family:VIVO-FONT-WEB-BOLD,VIVO-FONT-NAV-BOLD,sans-serif; */}main .brand-head-wrap .head-content-box .auxiliaryTitle:before{content:'';display:block;width:80px;height:3px;background:#242933;margin-bottom:20px}main .brand-head-wrap:before{content:'';position:absolute;bottom:52px;width:100%;height:248px;z-index:1;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(245,247,250,0)),to(#f5f7fa));background-image:-webkit-linear-gradient(top,rgba(245,247,250,0) 0,#f5f7fa 100%);background-image:-moz- oldlinear-gradient(top,rgba(245,247,250,0) 0,#f5f7fa 100%);background-image:-o-linear-gradient(top,rgba(245,247,250,0) 0,#f5f7fa 100%);background-image:linear-gradient(180deg,rgba(245,247,250,0) 0,#f5f7fa 100%)}main .brand-head-wrap:after{content:'';position:absolute;bottom:0;z-index:1;width:100%;height:52px;background:#f5f7fa}main .content-wrap{position:relative;z-index:5;margin-top: -260px;}main .content-wrap .content-box{width: 1248px;margin:0 auto;}main .content-wrap .content-box .dateLine-box{position:relative;padding-bottom:80px}main .content-wrap .content-box .dateLine-box>i{width:2px;height:100%;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);background:#ebedf0;-webkit-transition:height 1s linear 800ms;-o-transition:height 1s linear 800ms;-moz-transition:height 1s linear 800ms;transition:height 1s linear 800ms}main .content-wrap .content-box .dateLine-box>i.ani{height:0}main .content-wrap .content-box .dateLine-box:after{content:'';position:absolute;left:50%;bottom:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:20px;height:18px;background-color:#575c66;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;border:solid 4px #ebedf0;z-index:2}main .content-wrap .content-box .dateLine-head{margin: 100px 0 60px;text-align:center;}main .content-wrap .content-box .dateLine-head h1{font-size:40px;margin-bottom:12px;/* font-family:VIVO-FONT-WEB-BOLD,VIVO-FONT-NAV-BOLD,sans-serif; */}main .content-wrap .content-box .dateLine-head p{font-size:20px;line-height:34px}main .content-wrap .content-box .dateLine-item{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}main .content-wrap .content-box .dateLine-item+.dateLine-item{margin-top:14px}main .content-wrap .content-box .dateLine-item>div{width:50%;position:relative;font-size:18px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}main .content-wrap .content-box .dateLine-item>div .text-box{width:100%;/* opacity:0; */-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}main .content-wrap .content-box .dateLine-item>div:nth-of-type(2) .text-box{padding-left:-webkit-calc(100% - 660px);padding-left:-moz-calc(100% - 660px);padding-left: calc(100% - 560px);}main .content-wrap .content-box .dateLine-item>div:nth-of-type(2) .date:after{left:0;right:auto;-webkit-transform:translate(-50%,25%);-moz-transform:translate(-50%,25%);-ms-transform:translate(-50%,25%);-o-transform:translate(-50%,25%);transform:translate(-50%,25%)}main .content-wrap .content-box .dateLine-item>div .date{margin-bottom:6px}main .content-wrap .content-box .dateLine-item>div .date:after{content:'';position:absolute;right:0;-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);-o-transform:translateX(50%);transform:translateX(50%);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:20px;height:18px;background-color:#575c66;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;border:solid 4px #ebedf0;z-index:2}main .content-wrap .content-box .dateLine-item>div .title{max-width: 470px;font-size:26px;/* font-family:VIVO-FONT-WEB-BOLD,VIVO-FONT-NAV-BOLD,sans-serif; */}main .content-wrap .content-box .dateLine-item>div .img-box{margin-top:26px;width: 560px;height:373px;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;overflow:hidden;/* opacity:0 */}main .content-wrap .content-box .dateLine-item>div .img-box img{-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;width:100%}main .content-wrap .content-box .dateLine-item>div .placeholder{margin-bottom:26px;visibility:hidden;opacity:0}main .content-wrap .content-box .dateLine-link{text-align:center;margin-top:60px;font-size:20px;line-height: 36px;}main .content-wrap .content-box .dateLine-link p:nth-child(1){font-size:18px;margin-bottom:6px}main .content-wrap .content-box .dateLine-link p:nth-child(2){width:460px;display:inline-block;font-size:26px;font-family:VIVO-FONT-WEB-BOLD,VIVO-FONT-NAV-BOLD,sans-serif}main .content-wrap .content-box .dateLine-link a{
position: relative;}main .content-wrap .content-box .dateLine-link a:after{content:"";vertical-align:middle;/* background: url(../images/more2.png); */position: absolute;width: 38px;height: 26px;right: -46px;top: 0;opacity: 1;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%;background-repeat: no-repeat;-webkit-transition: opacity .3s;-o-transition: opacity .3s;-moz-transition: opacity .3s;transition: opacity .3s;}@media screen and (min-width:769px){main .content-wrap .content-box .dateLine-link a:hover{color: #2db06e;}}main .content-wrap .content-box .dateLine-link a:before{content:"";font-size:27px;margin-left:6px;content: "";vertical-align: middle;background: url(../images/more2.png);position: absolute;width: 38px;height: 26px;right: -46px;top: 0;opacity: 1;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%;background-repeat: no-repeat;-webkit-transition: opacity .3s;-o-transition: opacity .3s;-moz-transition: opacity .3s;transition: opacity .3s;}main .content-wrap .content-box .join-us{width:100%;height:360px;margin:120px 0;position:relative;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;overflow:hidden}main .content-wrap .content-box .join-us>div{position:absolute;left:110px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);font-size:22px}main .content-wrap .content-box .join-us>div p{margin-bottom:8px;font-size:40px;line-height:60px;font-family:VIVO-FONT-WEB-BOLD,VIVO-FONT-NAV-BOLD,sans-serif}main .content-wrap .content-box .join-us img{width:100%}main .content-wrap .content-box .chart-box{position:relative;width:100%;height:700px;z-index:5;margin-top:-500px;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;background:#fff}main .content-wrap .content-box .chart-box .chart-container{width:100%;height:100%}main .content-wrap .content-box .chart-box .chart-content{position:absolute;left:110px;bottom:110px;z-index:1;font-size:14px;width:340px;min-width:260px}main .content-wrap .content-box .chart-box .chart-content h2{font-size:28px;margin-bottom:10px;font-family:VIVO-FONT-WEB-BOLD,VIVO-FONT-NAV-BOLD,sans-serif}main .content-wrap .content-box .chart-box .chart-content p{line-height:1.5}main .content-wrap .slogan-box{width: 1248px;margin:0 auto;position:relative;height:424px;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;/* opacity:0 */}main .content-wrap .slogan-box:after{content:'';width:2px;height:170px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#f0f2f5}main .content-wrap .slogan-box ul{height:100%;font-size:0}main .content-wrap .slogan-box li{width:32.5%;position:absolute;left:7.5%;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);vertical-align:top}main .content-wrap .slogan-box li>div:last-of-type{margin-top:36px}main .content-wrap .slogan-box li:last-of-type{left:auto;right:7.5%}main .content-wrap .slogan-box li h2{font-size:26px;margin-bottom:8px;font-weight: bold;}main .content-wrap .slogan-box li p{font-size:20px;line-height:2;color:#575c66}main .content-wrap .maps-box{position:relative;width:100%;height:1200px;min-height:700px;margin-top:160px;padding-top:160px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden}main .content-wrap .maps-box .shadow{position:absolute;left:0;right:0;top:0;bottom:0;z-index:3;background:#000;opacity:0;-webkit-transition:opacity 1470ms ease-in;-o-transition:opacity 1470ms ease-in;-moz-transition:opacity 1470ms ease-in;transition:opacity 1470ms ease-in}main .content-wrap .maps-box .shadow.ani{opacity:.7}main .content-wrap .maps-box .map-bg{width:100%;position:absolute;top:0;bottom:0;z-index:-1;-webkit-transition:-webkit-transform 2.4s cubic-bezier(0.33,0,.32,1.27);transition:-webkit-transform 2.4s cubic-bezier(0.33,0,.32,1.27);-o-transition:-o-transform 2.4s cubic-bezier(0.33,0,.32,1.27);-moz-transition:transform 2.4s cubic-bezier(0.33,0,.32,1.27),-moz-transform 2.4s cubic-bezier(0.33,0,.32,1.27);transition:transform 2.4s cubic-bezier(0.33,0,.32,1.27);transition:transform 2.4s cubic-bezier(0.33,0,.32,1.27),-webkit-transform 2.4s cubic-bezier(0.33,0,.32,1.27),-moz-transform 2.4s cubic-bezier(0.33,0,.32,1.27),-o-transform 2.4s cubic-bezier(0.33,0,.32,1.27);transition:transform 2.4s cubic-bezier(0.33,0,.32,1.27),-webkit-transform 2.4s cubic-bezier(0.33,0,.32,1.27);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}main .content-wrap .maps-box .map-bg img{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);height:100%}main .content-wrap .maps-box .map-bg.ani{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}main .content-wrap .maps-box .text-content{width:780px;text-align:center;font-size:20px;margin:0 auto}main .content-wrap .maps-box .text-content h1{font-size:40px;margin-bottom:20px}main .content-wrap .maps-box .amount-content{display:inline-block;margin-top:80px}main .content-wrap .maps-box .amount-content>div{display:inline-block;font-size:20px}main .content-wrap .maps-box .amount-content>div+div{margin-left:180px}main .content-wrap .maps-box .amount-content>div .amount{margin-bottom:14px}main .content-wrap .maps-box .amount-content>div .amount span{display:inline-block;text-align:left;line-height:130px;font-size:130px;width:150px;letter-spacing:-8px}main .content-wrap .maps-box .amount-content>div .amount span.J-amount-third{width:auto;max-width:165px}main .content-wrap .maps-box .amount-content>div .amount i{position:relative;left:8px;top:11px;vertical-align:top;font-size:40px}@media screen and (max-width:1599px){main .brand-head-wrap .head-content-box{width:auto;left:80px;right:80px;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}main .content-wrap .content-box{}main .content-wrap .content-box .dateLine-item>div:nth-of-type(2) .text-box{padding-left:-webkit-calc(100% - 38.333vw);padding-left:-moz-calc(100% - 38.333vw);padding-left:calc(100% - 38.333vw)}main .content-wrap .content-box .dateLine-item>div .date{font-size:1.125vw;margin-bottom:.375vw}main .content-wrap .content-box .dateLine-item>div .title{max-width:28.75vw;font-size:1.625vw}main .content-wrap .content-box .dateLine-item>div .img-box{margin-top:1.667vw;width:38.333vw;height:21.667vw}main .content-wrap .content-box .dateLine-item>div .placeholder{margin-bottom:1.667vw}main .content-wrap .content-box .dateLine-link p:nth-child(1){font-size:1.125vw}main .content-wrap .content-box .dateLine-link p:nth-child(2){width:28.75vw;font-size:1.625vw}main .content-wrap .content-box .join-us{margin:7.5vw 0;height:21.667vw}main .content-wrap .content-box .join-us>div{left:6.583vw;font-size:1.5vw}main .content-wrap .content-box .join-us>div p{margin-bottom:.333vw;font-size:2.408vw;line-height:3.75vw}main .content-wrap .content-box .join-us>div .link:after{font-size:1.83vw}main .content-wrap .content-box .join-us img{width:100%}main .content-wrap .content-box .chart-box{margin-top:-31.25vw;height:43.75vw}main .content-wrap .content-box .chart-box .chart-content{left:6.875vw;bottom:6.875vw;font-size:.875vw;width:21.25vw}main .content-wrap .content-box .chart-box .chart-content h2{font-size:28px;margin-bottom:.625vw}main .content-wrap .slogan-box{height:26.5vw}main .content-wrap .slogan-box li h2{font-size:1.5vw;margin-bottom:.5vw}main .content-wrap .slogan-box li p{font-size:1.2vw}main .content-wrap .maps-box{height:75vw;margin-top:10vw;padding-top:10vw}main .content-wrap .maps-box .text-content{width:48.75vw;font-size:1.25vw}main .content-wrap .maps-box .text-content h1{font-size:1.75vw;margin-bottom:1.25vw}main .content-wrap .maps-box .amount-content{margin-top:5vw}main .content-wrap .maps-box .amount-content>div{font-size:1.25vw}main .content-wrap .maps-box .amount-content>div+div{margin-left:11.375vw}main .content-wrap .maps-box .amount-content>div .amount{margin-bottom:.875vw}main .content-wrap .maps-box .amount-content>div .amount span{line-height:8.125vw;font-size:8.125vw;width:9.375vw;letter-spacing:-.5vw}main .content-wrap .maps-box .amount-content>div .amount span.J-amount-third{max-width:10.313vw}main .content-wrap .maps-box .amount-content>div .amount i{left:.5vw;top:1vw;font-size:2.5vw}}@media screen and (max-width:1199px){main .brand-head-wrap .head-content-box{left:40px;right:40px}main .content-wrap .content-box{margin:0 40px}main .content-wrap .content-box .dateLine-box{padding-bottom:48px}main .content-wrap .content-box .dateLine-head{margin:90px 0 60px}main .content-wrap .content-box .dateLine-link{margin-top:40px;font-size:20px}main .content-wrap .slogan-box{width:100%;margin:0;height:30.729vw;-webkit-border-radius:1.667vw;-moz-border-radius:1.667vw;border-radius:1.667vw}main .content-wrap .slogan-box li{width:37.5%}main .content-wrap .slogan-box li h2{font-size:1.8vw}main .content-wrap .slogan-box li p{font-size:1.5vw}}@media screen and (max-width:768px){main{font-size:3.88889vw}main .brand-head-wrap{height:139.44444vw}main .brand-head-wrap .head-content-box{width:auto;position:absolute;top:75.55556vw;left:9.16667vw;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}main .brand-head-wrap .head-content-box .logo{height:6.11111vw;margin-bottom:1.94444vw}main .brand-head-wrap .head-content-box .logo img{height:100%}main .brand-head-wrap .head-content-box .title{line-height:8.33333vw;margin-bottom:1.66667vw;font-size:8.33333vw}main .brand-head-wrap .head-content-box .auxiliaryTitle{width:68.05556vw;line-height:5.55556vw;margin-top:13.88889vw;font-size:3.88889vw}main .brand-head-wrap .head-content-box .auxiliaryTitle:before{width:9.44444vw;height:.55556vw;margin-bottom:3.05556vw}main .brand-head-wrap .head-content-box .link{font-size:3.88889vw;margin-top:6.94444vw}main .brand-head-wrap:before,main .brand-head-wrap:after{display:none}main .content-wrap{margin-top:-10.83333vw}main .content-wrap .content-box{width:auto;margin:0 5.55556vw}main .content-wrap .content-box .dateLine-box{padding-bottom:11.38889vw}main .content-wrap .content-box .dateLine-box>i{width:.55556vw;left:1.38889vw;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}main .content-wrap .content-box .dateLine-box:after{left:0;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;width:3.33333vw;height:2.77778vw;-webkit-border-radius:2.5vw;-moz-border-radius:2.5vw;border-radius:2.5vw;border:solid .55556vw #ebedf0}main .content-wrap .content-box .dateLine-head{margin:22.22222vw 0 11.94444vw}main .content-wrap .content-box .dateLine-head h1{font-size:6.66667vw;margin-bottom:.83333vw}main .content-wrap .content-box .dateLine-head p{font-size:3.88889vw;line-height:6.38889vw}main .content-wrap .content-box .dateLine-item{display:block}main .content-wrap .content-box .dateLine-item+.dateLine-item{margin-top:10.83333vw}main .content-wrap .content-box .dateLine-item>div{width:100%;font-size:2.77778vw;padding-left:8.33333vw}main .content-wrap .content-box .dateLine-item>div:nth-of-type(2) .text-box{padding-left:0;opacity:1}main .content-wrap .content-box .dateLine-item>div:nth-of-type(2) .text-box .date:after{left:-8.33333vw;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}main .content-wrap .content-box .dateLine-item>div+div{margin-top:10.83333vw}main .content-wrap .content-box .dateLine-item>div .date{font-size:2.77778vw;margin-bottom:.83333vw;line-height:1}main .content-wrap .content-box .dateLine-item>div .date:after{left:-8.33333vw;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;width:3.33333vw;height:2.77778vw;-webkit-border-radius:2.5vw;-moz-border-radius:2.5vw;border-radius:2.5vw;border:solid .55556vw #ebedf0}main .content-wrap .content-box .dateLine-item>div .title{max-width:69.72222vw;font-size:4.16667vw}main .content-wrap .content-box .dateLine-item>div .img-box{margin-top:2.77778vw;width:78.05556vw;height:44.44444vw;-webkit-border-radius:3.33333vw;-moz-border-radius:3.33333vw;border-radius:3.33333vw}main .content-wrap .content-box .dateLine-item>div .img-box img{-webkit-border-radius:3.33333vw;-moz-border-radius:3.33333vw;border-radius:3.33333vw}main .content-wrap .content-box .dateLine-item>div .placeholder{display:none}main .content-wrap .content-box .dateLine-link{position:relative;z-index:1;text-align:left;margin-top:-3.88889vw;font-size:3.88889vw;padding-left:8.33333vw}main .content-wrap .content-box .dateLine-link p:nth-child(1){line-height:5vw;font-size:2.77778vw;margin-bottom:1.11111vw}main .content-wrap .content-box .dateLine-link p:nth-child(2){width:76.38889vw;font-size:4.44444vw}main .content-wrap .content-box .dateLine-link a:after{font-size:5.55556vw;margin-left:.83333vw}main .content-wrap .content-box .join-us{height:74.44444vw;margin:10.83333vw 0;-webkit-border-radius:3.33333vw;-moz-border-radius:3.33333vw;border-radius:3.33333vw}main .content-wrap .content-box .join-us>div{left:50%;top:10vw;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);font-size:3.88889vw;text-align:center}main .content-wrap .content-box .join-us>div p{margin-bottom:1.38889vw;font-size:5.55556vw;line-height:7.77778vw}main .content-wrap .content-box .join-us>div .link:after{font-size:5.55556vw}main .content-wrap .content-box .chart-box{height:139.16667vw;margin-top:-20.27778vw;-webkit-border-radius:3.33333vw;-moz-border-radius:3.33333vw;border-radius:3.33333vw}main .content-wrap .content-box .chart-box .chart-container{width:100%;height:100%}main .content-wrap .content-box .chart-box .chart-content{left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);top:9.72222vw;bottom:auto;font-size:3.05556vw;width:66.11111vw;min-width:auto;text-align:center}main .content-wrap .content-box .chart-box .chart-content h2{font-size:5.55556vw;margin-bottom:1.11111vw}main .content-wrap .slogan-box{height:87.22222vw;-webkit-border-radius:3.33333vw;-moz-border-radius:3.33333vw;border-radius:3.33333vw;padding:11.11111vw 9.16667vw;opacity:1}main .content-wrap .slogan-box.ani:after{opacity:0}main .content-wrap .slogan-box:after{content:'';width:81.66667vw;height:.55556vw;top:47.22222vw;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:opacity 1s;-o-transition:opacity 1s;-moz-transition:opacity 1s;transition:opacity 1s;background-color:#f0f2f5}main .content-wrap .slogan-box li{display:block;width:100%;position:static;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}main .content-wrap .slogan-box li:last-of-type{margin-top:13.33333vw}main .content-wrap .slogan-box li>div{width:33.88889vw;display:inline-block}main .content-wrap .slogan-box li>div:last-of-type{margin-top:0;margin-left:10.83333vw}main .content-wrap .slogan-box li h2{font-size:3.88889vw;margin-bottom:1.66667vw}main .content-wrap .slogan-box li p{font-size:3.33333vw;line-height:5.83333vw}main .content-wrap .maps-box{height:123.33333vw;min-height:auto;margin-top:22.22222vw;padding-top:16.11111vw}main .content-wrap .maps-box .text-content{width:77.77778vw;font-size:3.33333vw}main .content-wrap .maps-box .text-content h1{font-size:6.66667vw;margin-bottom:1.94444vw}main .content-wrap .maps-box .text-content p{line-height:5.83333vw}main .content-wrap .maps-box .amount-content{margin-top:10.83333vw}main .content-wrap .maps-box .amount-content>div{font-size:3.05556vw}main .content-wrap .maps-box .amount-content>div:nth-child(1){width:23.88889vw}main .content-wrap .maps-box .amount-content>div:nth-child(2){width:18.05556vw}main .content-wrap .maps-box .amount-content>div:nth-child(3){width:23.88889vw}main .content-wrap .maps-box .amount-content>div:nth-child(3) p:last-of-type{margin:0 auto;width:13.33333vw}main .content-wrap .maps-box .amount-content>div+div{margin-left:10vw}main .content-wrap .maps-box .amount-content>div .amount{margin-bottom:1.94444vw}main .content-wrap .maps-box .amount-content>div .amount span{width:14.16667vw;line-height:11.94444vw;font-size:11.94444vw}main .content-wrap .maps-box .amount-content>div .amount span.J-amount-third{max-width:16.66667vw}main .content-wrap .maps-box .amount-content>div .amount i{left:1px;top:.83333vw;font-size:3.88889vw}}
main .pro-series-header .header-pro-wraper .swiper-container .swiper-slide img {
      border-radius: 50%;
      border: 1px solid #666;
    }

    main .pro-series-header .header-pro-wraper .swiper-container .swiper-slide {
      width: 220px;
    }


    .fix-wrap {
      display: none;
      z-index: 9999;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.8)
    }

    .fix-wrap .hide {
      position: fixed;
      width: 25px;
      height: 25px;
      padding: 25px;
      right: 20%;
      top: 20%;
      background: #090908;
      cursor: pointer;
      border-radius: 50%;
      transition: all .8s;
      -webkit-transition: all .8s;
    }

    .fix-wrap .hide::before,
    .fix-wrap .hide::after {
      position: absolute;
      top: 50%;
      left: 50%;
      content: '';
      width: 1px;
      height: 55%;
      background: #fff;
      margin-top: -27.5%
    }

    .fix-wrap .hide::before {
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg)
    }

    .fix-wrap .hide::after {
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg)
    }

    .fix-wrap .hide:hover {
      transform: rotate(180deg);
      -webkit-transform: rotate(180deg)
    }

    .fix-video .video-wrap {
      width: 55%;
      position: absolute;
      top: 30%;
      padding: 10px;
      border-radius: 5px;
      /* border: 1px solid #3a3a3a; */
      /* box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); */
      /* background: #2d2d2d; */
    }

    .fix-video video {
      width: 100%;
      /* height: 100%; */
      object-fit: cover;
      animation: ReturnToNormal .5s both;
      -webkit-animation: ReturnToNormal .5s both;
    }

    .fix-pic {
      overflow: auto
    }

    .fix-pic img {
      max-height: 100%;
      animation: zoomIn .5s both;
      -webkit-animation: zoomIn .5s both
    }

    .video-open::after {
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url(../images/video_icon2.png) no-repeat center;
    }

    .dfcc,
    .dfccs,
    .dflc,
    .dflr,
    .dflrs {
      display: -webkit-flex;
      display: flex
    }

    .dfcc,
    .dfccs {
      justify-content: center;
      -webkit-justify-content: center
    }

    .wh1 {
      width: 100%;
      height: 100%;
    }
      .ryzz {
          width: 1248px;
          margin: 60px auto 0;
        }

        .ryzz ul {
          display: flex;
          justify-content: flex-start;
          flex-wrap: wrap;
        }

        .ryzz ul li {
          width: 18.5%;
          margin: 0 9px;
          padding: 10px;
          background: #ffffff;
          margin-bottom: 26px;
          /* box-shadow: 0 0 2px 4px #f5f5f5; */
          border-radius: 10px;
        }

        .ryzz ul li img {
          width: 100%;
        }