.wow{
    opacity: 0;
}
.mobile {width:100%;}
.mobile-inner {margin-right:auto;margin-left:auto;background-color:;position:relative;}
.mobile-inner img {}
.mobile-inner p {color:#676767;line-height:25px;font-size:16px;padding-bottom:30px;padding-right:30px;padding-left:30px;margin:0px;}
.mobile-inner-header {background-color: rgb(0 0 0);width:100%;height:50px;position:relative;top:0px;z-index:33;left:0px;}
.mobile-inner-header-icon {color:#ffffff;height:50px;font-size:25px;text-align:center;float: left;width:50px;position:relative;-webkit-transition:background 0.5s;-moz-transition:background 0.5s;-o-transition:background 0.5s;transition:background 0.5s;}
.mobile-inner-header-icon:hover {background-color:rgba(255,255,255,0.2);cursor:pointer;}
.mobile-inner-header-icon span {position:absolute;left:calc((100% - 25px) / 2);top:calc((100% - 1px) / 2);width:25px;height:1px;background-color: rgb(255 255 255);}
.mobile-inner-header-icon span:nth-child(1) {transform:translateY(4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2) {transform:translateY(-4px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1) {animation-duration:0.5s;animation-fill-mode:both;animation-name:clickfirst;}
.mobile-inner-header-icon-click span:nth-child(2) {animation-duration:0.5s;animation-fill-mode:both;animation-name:clicksecond;}
@keyframes clickfirst {0% {transform:translateY(4px) rotate(0deg);}
100% {transform:translateY(0) rotate(45deg);}
}
@keyframes clicksecond {0% {transform:translateY(-4px) rotate(0deg);}
100% {transform:translateY(0) rotate(-45deg);}
}
.mobile-inner-header-icon-out span:nth-child(1) {animation-duration:0.5s;animation-fill-mode:both;animation-name:outfirst;}
.mobile-inner-header-icon-out span:nth-child(2) {animation-duration:0.5s;animation-fill-mode:both;animation-name:outsecond;}
@keyframes outfirst {0% {transform:translateY(0) rotate(-45deg);}
100% {transform:translateY(-4px) rotate(0deg);}
}
@keyframes outsecond {0% {transform:translateY(0) rotate(45deg);}
100% {transform:translateY(4px) rotate(0deg);}
}
.mobile-inner-nav{
    overflow: auto;
    max-height: calc(100vh - 50px);
}
.mobile-inner-nav {background-color: hsl(0 0% 0% / 0.9);width:100%;position:absolute;top:50px;padding-bottom:0%;display:none;z-index:444;/* left: 0; */}
.mobile-inner-nav  a {border-bottom:solid 1px rgba(255,255,255,0.3);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;color:#fff;transition:all 0.5s;}
.mobile-inner-nav  dl {display:none;}
.mobile-inner-nav  dl dd {line-height:33px;text-decoration:none;text-indent:3em;font-size:16px;color:#FFFFFF;border-bottom:solid 1px rgba(255,255,255,0.3);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;font-weight:300;font-size:14px;}
.mobile-inner-nav  li {border-bottom:solid 1px rgba(255,255,255,0.3);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;line-height:53px;text-indent:20px;}
.mobile-inner-nav h2.h2tit {line-height:50px;text-decoration:none;text-indent:2em;font-size:16px;color:#FFFFFF;/* border-bottom:solid 1px rgba(255,255,255,0.3); */-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;font-weight:300;}
.mobile-inner-nav h2.h2tit a {color:#FFFFFF;}
.mobile-inner-nav a {border-bottom:none;}
.mobile-inner-nav li {-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:returnToNormal;animation-name:returnToNormal;}
@-webkit-keyframes resize {from,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
0% {opacity:0;-webkit-transform:scale(5,5);transform:scale(5,5);}
100% {opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);}
}
@keyframes resize {from,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
0% {opacity:0;-webkit-transform:scale(5,5);transform:scale(5,5);}
100% {opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);}
}
@-webkit-keyframes returnToNormal {from {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
to {opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes returnToNormal {from {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
to {opacity:1;-webkit-transform:none;transform:none;}
}
.mobile-inner-nav li:last-child h2.h2tit {border-bottom:none;}
.mobile-inner-nav li .h3tit {height:50px;position:relative;background:url(../images/51_icon_search%402x.html) no-repeat 30px center;background-size:17px;}
.mobile-inner-nav li  .words {display:block;width:100%;height:100%;border:none;background:none;text-indent:60px;font-size:15px;color:#fff;background:url(../images/search2.html) no-repeat 30px center;background-size:20px;}
.mobile-inner-nav li:last-child {border-bottom:none;}
.mobile-inner-nav li  form {display:block;width:100%;height:100%;}
@charset "utf-8";@charset "UTF-8";
.animated {animation-duration:1s;animation-fill-mode:both;}
.animated.infinite {animation-iteration-count:infinite;}
.animated.hinge {animation-duration:2s;}
.fadeInUp {animation-duration:1.76s;animation-name:fadeInUp;}
@keyframes fadeInUp {from {opacity:0;transform:translate3d(0,40px,0);}
to {opacity:1;transform:none;}
}
*{font-family: PingFangSC-Regular, PingFang SC, "Microsoft YaHei" ,"Arial" !important;}
body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, th, td, p, blockquote, pre, form, fieldset, legend, input, button, textarea, hr, span {
    margin: 0;
    padding: 0;
}
html {font-size: 62.5%;}
body {font-size: 1.4rem;}
html,body{
    -moz-user-select: none; -khtml-user-select: none; user-select: none;
}
body {
    font-family: "Microsoft YaHei" ! important;
    color: #000000;
    background: #fff;
    margin: 0 auto;
    padding: 0px;
}
body{ -webkit-tap-highlight-color:rgba(0,0,0,0); }
}
input[type="button"], input[type="submit"], input[type="reset"], input[type="text"] {
-webkit-appearance: none;
}
input[type="button"], input[type="submit"], input[type="reset"] {
cursor: pointer;
}
input{
    -webkit-appearance: none;
}
input {-webkit-appearance:none!important; border-radius:0; }

textarea { -webkit-appearance: none;}
a {
    text-decoration: none;
    color: #235aa7;
    outline: none;
}
a:active {
star:expression(this.onFocus=this.blur());
}
img {
    border: 0px;
    vertical-align: middle;
}

li {
    list-style: none;
}

*{
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a:link{text-decoration:none; }

a:visited{text-decoration:none; }

a:hover{text-decoration:none;}

a:active{text-decoration:none;}


.loading {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 99999;
}
.loadingfa {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 29px;
    color: #1f8adf;
    position: absolute;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    top:35%;
}

html {
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: none;
}

html {
    -webkit-tap-highlight-color: transparent;
}

body {
    -webkit-overflow-scrolling: touch;
    background: url(../images/bg01.png) no-repeat center 0;
    background-size: cover;
}

* {
    padding: 0;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    user-select: none;
}

@keyframes rotate{
from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}
@-webkit-keyframes rotate{
from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate{
from{-moz-transform:rotate(0deg)}
to{-moz-transform:rotate(360deg)}
}
@-ms-keyframes rotate{
from{-ms-transform:rotate(0deg)}
to{-ms-transform:rotate(360deg)}
}
@-o-keyframes rotate{
from{-o-transform:rotate(0deg)}
to{-o-transform:rotate(360deg)}
}
.xuanzhuan {
    animation: 2s linear 0s normal forwards infinite rotate;
    -webkit-animation: 2s linear 0s normal forwards infinite rotate;
    -moz-animation: 2s linear 0s normal forwards infinite rotate;
    -o-animation: 2s linear 0s normal forwards infinite rotate;
}
.xuanzhuan img{
display: block;
width: 100%;
}

.pc{
    display: block;
}
.wap{
    display: none;
}
.clearflex:after{
    content: "";
    display: table;
    clear: both;
}

.head{

z-index: 999;

width: 100%;

position: fixed;

left: 0;

top: 0px;

padding-left: calc(39/1920*100vw);

padding-right: calc(28/1920*100vw);

padding-top: calc(30/1920*100vw);

padding-bottom: calc(30/1920*100vw);
}
.head .logo{

float: left;

padding-top: 6px;
}
.head .logo img{

width: calc(48/1920*100vw);
}
.head .nav{

float: left;

/* margin-left: 10vw; */
}
.head .nav ul{

}
.head .nav ul li{

float: left;

position: relative;

margin-right: 2vw;
}
.head .nav ul li .h2tit{

float: left;

position: relative;
}
.head .nav ul li .h2tit a{

font-size: calc(24/1920*100vw);

font-family: MiSans;

font-weight: 400;

color: #FFFFFF;

display: block;

padding-top: calc(16/1920*100vw);

line-height: 1;
}
.head .nav ul li .h2tit a img{position: relative;z-index: 4;height: calc(20/1920*100vw);vertical-align: middle;}
.head .nav ul li .h2tit a span{

padding-left: 2px;

display: inline-block;

vertical-align: middle;

position: relative;

z-index: 4;

position: relative;

top: -1px;
}
.head .nav ul li.sub .h2tit a{

padding-right: calc(40/1920*100vw);

padding-left: calc(10/1920*100vw);
}
.head .nav ul li.sub .h2tit a:after{

}
.head .nav ul li.sub:hover .h2tit a:after{

}
.head .nav ul li.sub:hover .h2tit a{

background: url(../images/down.html) no-repeat 90% calc(25/1920*100vw);

background-size: calc(10/1920*100vw);

-webkit-transition: none;

-o-transition: none;

-moz-transition: none;

-ms-transition: none;

transition: none;
}
.head .nav ul li:hover dl{
    transform: scale(1,1);
}
.head .nav ul li dl{

font-size: calc(16/1920*100vw);

font-family: MiSans;

font-weight: 400;

color: #FFFFFF;

line-height: calc(30/1920*100vw);

position: absolute;

width: 100%;

left: 0;

top: 0px;

background: linear-gradient(-61deg, rgb(215 10 132 / 0.52), rgb(81 18 127 / 0.52));

border-radius: 10px;

padding-top: calc(55/1920*100vw);

padding-bottom: calc(10/1920*100vw);

-webkit-transition: all 0.2s;

-o-transition:all 0.2s;

-moz-transition:all 0.2s;

-ms-transition:all 0.2s;

transition:all 0.2s;

transform: scale(1,0);

transform-origin: top;

overflow: hidden;
}
.head .nav ul li.sub{
    margin-right: 1vw;
}
.head .nav ul li:last-child{
    margin-right: 0px !important;
}
.head .nav ul li dl dd ,
.head .nav ul li dl dd a{

font-size: calc(16/1920*100vw);

font-family: MiSans;
cursor: pointer;

font-weight: 400;

color: #FFFFFF;

display: block;

line-height: 30px;

text-align: center;
}
.head .moreBase{
    float: right;
    margin-left: 0vw;
    width: calc(225/1920*100vw);
    line-height: calc(54/1920*100vw);
    font-size: calc(24/1920*100vw);
}
.moreBase:after{
    content: "";

background: linear-gradient(-61deg, #D70A84, #51127F);

border-radius: 27px;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
}
.moreBase{

/* width: 225px; */

/* height: 54px; */

border-radius: 27px;

display: block;

overflow: hidden;

font-size: 24px;

font-family: MiSans;

font-weight: 400;

color: #FFFFFF;

text-align: center;

position: relative;

line-height: 54px;
}
.moreBase span{
    display: block;
    position: relative;
    z-index: 4;
}
.head .selectMain{
        float: right;
        margin-right: 1vw;
        position: relative;
        margin-left: 1vw;
}
.head .selectMain .h2tit:after{
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    background: linear-gradient(-61deg, #D70A84, #51127F);
    width: 100%;
    height: 100%;

border-radius: 10px;
}
.head .selectMain .h2tit{position: relative;overflow: hidden;line-height: calc(54/1920*100vw);border-radius: 10px;display: inline-block;font-size: calc(13/1920*100vw);font-family: MiSans;font-weight: 400;color: #FFFFFF;padding-left: calc(14/1920*100vw);}
.head .selectMain .h2tit img{

position: relative;

z-index: 4;

width: calc(27/1920*100vw);
}
.head .selectMain .h2tit span{

padding-left: calc(5/1920*100vw);

display: inline-block;

position: relative;

z-index: 4;

padding-right: calc(38/1920*100vw);

background: url(../images/down.html) no-repeat 90% calc(25/1920*100vw);

background-size: calc(10/1920*100vw);
}
.head .selectMain:hover dl{
    transform: scale(1,1);
}
.head .selectMain dl{

font-size: calc(16/1920*100vw);

font-family: MiSans;

font-weight: 400;

color: #FFFFFF;

line-height: calc(30/1920*100vw);

position: absolute;

width: 100%;

left: 0;

top: 0px;

background: linear-gradient(-61deg, rgb(215 10 132 / 0.52), rgb(81 18 127 / 0.52));

border-radius: 10px;

padding-top: calc(65/1920*100vw);

padding-bottom: 10px;

-webkit-transition: all 0.2s;

-o-transition: all 0.2s;

-moz-transition: all 0.2s;

-ms-transition: all 0.2s;

transition: all 0.2s;

transform: scale(1,0);

transform-origin: top;

overflow: hidden;
}
.head .selectMain dl dd a{

display: block;

padding-left: calc(14/1920*100vw);

font-size: calc(13/1920*100vw);

font-family: MiSans;

font-weight: 400;

color: #FFFFFF;

padding-left: calc(14/1920*100vw);
}
.head .selectMain dl dd a img{

width: calc(27/1920*100vw);
}
.head .selectMain dl dd a span{

padding-left: 5px;
}

.head .flor{
    float: right;
}
.wrap{

width: 1470px;

margin: auto;

max-width: 100%;

padding: 0px 15px;
}
.wrap:after{
    content: "";
    display: table;
    clear: both;
}

.main{

padding-top: 123px;
}
.main .topTitle{

background: url(../images/bl.html) no-repeat center center;

background-size: cover;

padding-top: calc(52/1920*100vw);

padding-bottom: calc(52/1920*100vw);

text-align: center;

margin-bottom: calc(26/1920*100vw);
}
.main .topTitle .wrap{

position: relative;
}
.main .topTitle .logo{

display: inline-block;

vertical-align: middle;
}
.main .topTitle .logo img{

width: calc(223/1920*100vw);
}
.main .topTitle .center{display: inline-block;vertical-align: middle;padding-left: calc(40/1920*100vw);}
.main .topTitle .center img{

height: calc(96/1920*100vw);
}

.main .section1{

}
.main .section1 .item{

float: left;

width: calc((100% - 80px)/3);

margin-right: 40px;

position: relative;

padding: 0px 33px;

padding-top: 28px;

padding-bottom: 22px;

margin-bottom: 44px;
}
.main .section1 .item:nth-child(3){
    margin-right: 0px;
}
.main .section1 .item .title{

display: flex;

align-items: center;

padding-bottom: 14px;

border-bottom: 2px solid #FFFFFF;
}
.main .section1 .item .title img{

}
.main .section1 .item .text{

}
.main .section1 .item .text p{

font-size: 24px;

font-family: MiSans;

color: #FFFFFF;

padding-left: 18px;

line-height: 1;

text-transform: uppercase;
}
.main .section1 .item .text p:nth-child(2){

font-size: 16px;

font-family: MiSans;

font-weight: 300;

color: #FFFFFF;

padding-top: 4px;
}
.main .section1 .item .dec{
    font-size: 18px;
font-family: MiSans;
font-weight: 400;
color: #FFFFFF;
line-height: 30px;
padding-top: 20px;
padding-bottom: 25px;
}
.main .section1 .item .dec p:after{
    content:"";
    width: 10px;
    height: 10px;
    border: 2px solid #FFFFFF;
    border-radius: 50%;
    position:absolute;
    top: 8px;
    left:0px;
}
.main .section1 .item .dec p{
    zoom: 1;
    overflow: hidden;
    position: relative;
}
.main .section1 .item .dec .s1{

float: left;

padding-left: 17px;
}
.main .section1 .item .dec .s2{

float: right;
}

.main .section1 .item .moreBase{
    /* line-height: 54px; */
    -webkit-transition: all 0.4s;
    -o-transition:all 0.4s;
    -moz-transition:all 0.4s;
    -ms-transition:all 0.4s;
    transition:all 0.4s;
}
.main .section2{

}
.main .section2 .item{

float: left;

width: calc((100% - 60px)/2);

margin-bottom: 49px;

padding: 30px 32px 40px;
}
.main .section2 .item .title{

font-size: 30px;

font-family: MiSans;

color: #FFFFFF;

line-height: 30px;

margin-bottom: 24px;
}
.main .section2 .item ul:after{
    content:"";
    display:table;
    clear:both
}
.main .section2 .item ul{

/* zoom: 1; */

/* overflow: hidden; */

text-align: center;

font-size: 0;

display: flex;

justify-content: center;
}
.main .section2 .item ul li{

display: inline-block;

margin: 0px 8px;

height: 157px;

background: rgb(0 0 0 / 0.1);

border-radius: 20px;

width: 157px;

vertical-align: middle;

cursor: pointer;

-webkit-transition: all 0.4s;

-o-transition:all 0.4s;

-moz-transition:all 0.4s;

-ms-transition:all 0.4s;

transition:all 0.4s;
}
.main .section2 .item:last-child{
    float: right;
}

.main .section2 .item ul li .imgbox{

height: 117px;

position: relative;
}
.main .section2 .item ul li .imgbox img{

position: absolute;

top: 50%;

left: 50%;

-o-transform: translate(-50%, -50%);

-webkit-transform: translate(-50%, -50%);

-moz-transform: translate(-50%, -50%);

-ms-transform: translate(-50%, -50%);

transform: translate(-50%, -50%);

max-width: 100%;
}

.main .section2 .item ul li .tit{

font-size: 18px;

font-family: MiSans;

font-weight: 400;

color: #FFFFFF;
}
.main .section3{

margin-bottom: 55px;
}
.main .section3 .content:after{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    background:url(../images/logo2.html) no-repeat 83px center;
    background-size:222px;
    top:0px;
    width:100%;
    height:100%;
    left: 0;
}
.main .section3 .content{

padding-left: 360px;

padding-right: 88px;

padding-top: 53px;

padding-bottom: 57px;

position: relative;
}
.main .section3 .content p{

font-size: 18px;

font-family: MiSans;

font-weight: 400;

color: #FFFFFF;

line-height: 48px;

padding-bottom: 26px;

position: relative;

z-index: 3;
}
.main .section3 .content p b{

}
.main .section3 .content p:last-child{
    padding-bottom: 0;
}
.circle{
    background: linear-gradient(0deg, rgb(215 10 132 / 0.2), rgb(81 18 127 / 0.2));
    border-radius: 50px;
}

.main .section4{
    text-align: center;
}
.main .section4 ul{

padding: 0px 3%;
}
.main .section4 ul li:nth-child(5n){
    margin-right:0px;
}
.main .section4 ul li{
    float: left;
    width: calc((100% - 80px)/5);
    margin-bottom: 18px;
    height: 50px;
    position: relative;
    margin-right: 20px;
}
.main .section4 ul li img{
    display: block;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    height: 90%;
    object-fit: contain;
}

.main .section5{

text-align: center;

padding-top: 80px;

padding-bottom: 152px;
}
.main .section5 .link{

font-size: 0;
}
.main .section5 .link a{

margin: 0px 17px;
}
.main .section5 .link a img{

}
.main .section5 .moreBase{

width: 360px;

line-height: 67px;

margin: auto;

margin-top: 36px;

-webkit-transition: all 0.4s;

-o-transition:all 0.4s;

-moz-transition:all 0.4s;

-ms-transition:all 0.4s;

transition:all 0.4s;
}

.moreBase:after, .head, .main{
    -webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
transition:all 0.4s;
}

.head.current{
    padding-top: calc(10/1920*100vw);
    padding-bottom: calc(10/1920*100vw);
    background: #000;
}

.moreBase:hover:after{
width: 150%;
}

.main .section5 .link a img:hover,
.main .section5 .moreBase:hover,
.main .section2 .item ul li:hover,
.main .section1 .item .moreBase:hover{
        box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
    transform: translateY(-10px);
}


.main .topTitle.type2{
    text-align: left;
}
.main .topTitle.type2 .logo{
    padding-left: calc(98/1920*100vw);
}
.main .topTitle.type2 .center img{
position:absolute;
top: 50%;
left: 50%;
-o-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.main .section6{

}
.main .section6 .item:after{
    content: "";
    display: table;
    clear: both;
}
.main .section6 .item{

}
.main .section6 .item .model:nth-child(2n){
    float:right;
}
.main .section6 .item .model{

/*float: left;*/

height: 470px;

/*width: calc((100% - 80px)/2);*/

line-height: 1;

margin-bottom: 68px;
}









.main .section6 .item .model .left{

padding: 0px 33px;

text-align: center;

padding-bottom: 20px;
}
.main .section6 .item .model .left .title{

font-size: 24px;

font-family: MiSans;

font-weight: 600;

color: #FFFFFF;

padding-top: 26px;

padding-left: 5px;

text-align: left;
}
.main .section6 .item .model .left img{

margin-top: 9px;

margin-bottom: 19px;
}
.main .section6 .item .model .left .tit{

font-size: 24px;

font-family: MiSans;

font-weight: 600;

color: #FFFFFF;

padding-bottom: 16px;
}
.main .section6 .item .model .left .titl2{

font-size: 18px;

font-family: MiSans;

font-weight: 400;

color: #FFFFFF;

padding-bottom: 14px;
}
.main .section6 .item .model .left .btn1{



line-height: 37px;

background: linear-gradient(-60deg, #D70A84, #51127F);

border-radius: 19px;

display: block;

font-size: 17px;

font-family: MiSans;

font-weight: 600;

color: #FFFFFF;

margin: auto;

margin-bottom: 11px;
}
.main .section6 .item .model .left .infor{

border-top: 2px solid #FFFFFF;

color: #fff;

text-align: left;
}
.main .section6 .item .model .left .num{

font-size: 30px;

padding-top: 17px;
}
.main .section6 .item .model .left .dec{

}
.main .section6 .item .model .left .dec p:after{
    content:"";
    display:table;
    clear:both;
}
.main .section6 .item .model .left .dec p .s12{
    position:absolute;
    left:0px;
    bottom:0px;
}
.main .section6 .item .model .left .dec p{

font-size: 18px;

line-height: 37px;

/* zoom: 1; */

/* overflow: hidden; */

position: relative;
}
.main .section6 .item .model .left .dec .s1{
    float: left;
    max-width: 70%;
    overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

}
.main .section6 .item .model .left .dec .s2 select{
    border: none;
    background: none;
    font-size: inherit;
    color: #fff;
}
.main .section6 .item .model .left .dec .s2 .select{
    position: relative;
    display: block;
}


 .main .section6 .item .model .left .dec .s2 .select .h2tit {
 width: 159px;
 line-height: 30px;
 background: url(../images/down.html) no-repeat 90% center rgb(199 12 131);
 border-radius: 10px;
 border: none;
 color: #fff;
 appearance: none;
 -moz-appearance: none;
 -webkit-appearance: none;
 background-size: 10px;
 cursor: pointer;
 display: block;
 text-align: center;
 position: relative;
 z-index: 4;
 }

.main .section6 .item .model .left .dec .s2 .select .slide {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0;
    width: 100%;
    text-align: center;
    background: rgb(255 255 255 / .29);
    padding-top: 30px;
    border-radius: 10px;
    z-index: 2;
    display: none;
    }

.main .section6 .item .model .left .dec .s2 .select .slide span {
    display: block;
    cursor: pointer;
    text-align: center;
    }

.main .section6 .item .model .left .dec .s2 .bditems2 {
    text-align: right;
    width: 100%;
    display: block;
}

.main .section6 .item .model .left .dec .s2 .bditems2 .spanitem2 {display:block;
}





.main .section6 .item .model .left .dec .s2{
    float: right;
}
.main .section6 .item .model .left .dec .s2 a{

width: 135px;

background: linear-gradient(-60deg, #D70A84, #51127F);

border-radius: 10px 8px 10px 10px;

display: inline-block;

text-align: center;

line-height: 37px;

color: #fff;
}
.main .section6 .item .model .right{

padding: 27px 30px;
background: url(../images/m.html) no-repeat right bottom;
height: 100%;
}
.main .section6 .item .model .right .hd{

border: 3px solid #FFFFFF;

border-radius: 31px;

zoom: 1;

overflow: hidden;

text-align: center;
}
.main .section6 .item .model .right .hd a{

float: left;

width: 50%;

line-height: 53px;

font-size: 24px;

font-family: MiSans;

font-weight: 600;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;


color: #FFFFFF;
}
.main .section6 .item .model .right .hd a.current{

background: rgb(255 255 255 / .1);
}
.main .section6 .item .model .right .bd{

/* padding: 20px 0px; */

/* overflow: auto; */
}
.main .section6 .item .model .right .bd .text{

padding: 20px 0px;

overflow: auto;

height: 322px;
display: none;
}
.main .section6 .item .model .right .bd .text p{

font-size: 16px;

line-height: 30px;

color: #fff;
}


.textUp{
    text-transform: uppercase;
}
.main .section7{

}
.main .section7 .item:nth-child(2){
    float: right;
}
.main .section7 .item{

float: left;

width: calc((100% - 80px)/2);

height: 334px;

padding: 26px 35px 0px;

line-height: 1;

margin-bottom: 38px;
}
.main .section7 .item .left{

}

.main .section7 .item .title{

font-size: 24px;

font-family: MiSans;

font-weight: 600;

color: #FFFFFF;
}
.main .section7 .item .left .model:nth-child(2){
    float:right;
}
.main .section7 .item .left .models:after{
    content:"";
    position:absolute;
    left:50%;
    top:0px;
    width:2px;
    margin-left:-1px;
    background:#fff;
    height:100%;
}
.main .section7 .item .left .models{

zoom: 1;

overflow: hidden;

position: relative;
}
.main .section7 .item .left .model{

float: left;

width: 42%;
}
.main .section7 .item .left .val{

font-size: 36px;

font-family: MiSans;

font-weight: 600;

color: #FFFFFF;

padding-top: 54px;
}
.main .section7 .item .left .tit{

font-size: 18px;

font-family: MiSans;

font-weight: 400;

color: #FFFFFF;

padding-top: 28px;

line-height: 1.4;
}
.main .section7 .item .left .more{

width: 268px;

line-height: 53px;

background: linear-gradient(-60deg, #D70A84, #51127F);

border-radius: 27px;

display: block;

margin: auto;

margin-top: 58px;

text-align: center;

font-size: 20px;

font-family: MiSans;

font-weight: 600;

color: #FFFFFF;
}
.main .section7 .item .right{

}
.main .section7 .item .right .infor{

zoom: 1;

overflow: hidden;
}
.main .section7 .item .right .infor .inforleft{

float: left;

width: 40%;

border-right: 2px solid #fff;
}
.main .section7 .item .right .infor .inforleft .val{

font-size: 36px;

font-family: MiSans;

font-weight: 600;

color: #FFFFFF;

padding-top: 53px;
}
.main .section7 .item .right .infor .inforleft .tit{

font-size: 18px;

font-family: MiSans;

font-weight: 400;

color: #FFFFFF;

padding-top: 27px;

line-height: 1.4;
}
.main .section7 .item .right .infor .inforRight{

float: right;

width: 57%;

padding-top: 16px;
}
.main .section7 .item .right .infor .inforRight p{

zoom: 1;

overflow: hidden;

line-height: 32px;

margin-bottom: 15px;
}
.main .section7 .item .right .infor .inforRight p .s1{

font-size: 18px;

font-family: MiSans;

font-weight: 400;

color: #FFFFFF;

float: left;

width: 131px;
}
.main .section7 .item .right .infor .inforRight p .s2{

width: calc(100% - 131px);

float: left;
}
.main .section7 .item .right .infor .inforRight p .s2 .words{

border: none;

background: none;

width: 100%;

height: 32px;

background: rgb(255 255 255 / 0.1);

border-radius: 8px;

padding: 0px 10px;

color: #fff;
}
.main .section7 .item .right .more{

width: 188px;

line-height: 43px;

background: linear-gradient(-60deg, #D70A84, #51127F);

border-radius: 10px;

margin-top: -11px;

display: block;

text-align: center;

color: #fff;

float: right;

font-size: 20px;
}
.main .section7 .item .right .total{

clear: both;

font-size: 24px;

font-family: MiSans;

font-weight: 400;

color: #FFFFFF;

padding-top: 40px;
}
.main .section8{

}
.main .section8 .content{

padding: 27px 37px;
}
.main .section8 .content .title{

font-size: 24px;

font-family: MiSans;

font-weight: 600;

color: #FFFFFF;

padding-bottom: 27px;
}
.main .section8 .content .text p:after{
    content:"";
    position:absolute;
    left:0px;
    top:0px;
    width: 9px;
    height: 9px;
    border: 2px solid #FFFFFF;
    border-radius: 27px;
    top: 7px;
}
.main .section8 .content .text{

padding-left: 38px;
}
.main .section8 .content .text p{

font-size: 18px;

font-family: MiSans;

font-weight: 400;

color: #FFFFFF;

margin-bottom: 19px;

position: relative;

padding-left: 23px;
}
body.en .head .nav ul li .h2tit a{
    font-size: calc(14/1920*100vw);
}
body.en .head .nav ul li{
    margin-right: 1vw;
}
body.en .main .section7 .item .left .more,
body.en .main .section6 .item .model .left .dec p,
body.en .main .section6 .item .model .right .hd a{
    font-size: 14px;
}
body.en .main .section7 .item .left .more{
    margin-top: 30px;
}
.main .section9{

padding-bottom: 200px;
}
.main .section9 .item:nth-child(2){
    float: right;
}
.main .section9 .item{
    width: calc((100% - 80px)/2);
    float: left;
    padding: 26px 37px;
    height: 456px;
}
.main .section9 .item .left{
    /* padding: 26px 37px; */
}
.main .section9 .item .title{
    font-size: 24px;
font-family: MiSans;
font-weight: 600;
color: #FFFFFF;
}
.main .section9 .item .left .title2{
    text-align: right;
    background: rgba(255,255,255,.25);
    line-height: 51px;
    border-radius: 10px;
    font-size: 19px;
    font-family: MiSans;
    font-weight: 600;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-top: 11px;
    margin-bottom: 24px;
}
.main .section9 .item .left .title2 img{

height: 39px;

vertical-align: middle;
}
.main .section9 .item .left .title2 span{
    padding-left: 8px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 14px;
}
.main .section9 .item .left .dec1{

font-size: 18px;

font-family: MiSans;

font-weight: 400;

color: #FFFFFF;

padding-left: 8px;

border-bottom: 2px solid #fff;

padding-bottom: 18px;
}
.main .section9 .item .left .dec1 p{

}
.main .section9 .item .left .dec2{

padding-top: 16px;

padding-left: 8px;

font-size: 18px;

font-family: MiSans;

font-weight: 400;

color: #FFFFFF;

line-height: 30px;
}
.main .section9 .item .left .dec2 p:after{
    content:"";
    display:table;
    clear:both;
}
.main .section9 .item .left .dec2 p{

/* zoom: 1; */

/* overflow: hidden; */
}
.main .section9 .item .left .dec2 p .s1{

float: left;
}
.main .section9 .item .left .dec2 p .s2{

float: right;
}

.main .section9 .item .left .dec2 p .s2 .select{
    position: relative;
    display: block;
}
.main .section9 .item .left .dec2 p .s2 .select .h2tit{

width: 159px;

height: 30px;

background: url(../images/down.html) no-repeat 90% center rgb(255 255 255 / 0.29);

border-radius: 10px;

border: none;

color: #fff;

appearance: none;

-moz-appearance: none;

-webkit-appearance: none;

background-size: 10px;

cursor: pointer;

display: block;

text-align: center;

position: relative;

z-index: 4;
}
.main .section9 .item .left .dec2 p .s2 .select .slide span{
    display: block;
    cursor:pointer;
}
.main .section9 .item .left .dec2 p .s2 .select:hover .slide{
    /* display:block; */

}
.main .section9 .item .left .dec2 p .s2 .select .slide{
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0;
    width: 100%;
    text-align: center;
    background: rgb(255 255 255 / .29);
    padding-top: 30px;
    border-radius: 10px;
    z-index: 2;
     display: none;

}
.main .section9 .item .left .dec2 p .s3{

float: left;

padding-left: 10px;
}
.main .section9 .item .left .more{

margin: auto;

margin-top: 50px;

display: block;

width: 390px;

line-height: 54px;

background: linear-gradient(-60deg, #D70A84, #51127F);

border-radius: 300px;

text-align: center;

font-size: 24px;

font-family: MiSans;

font-weight: 600;

color: #FFFFFF;

max-width: 100%;

text-transform: uppercase;
}
.Switch{

cursor: pointer;
}
.Switch input{
        display: none;
}
.Switch label em {
    width: 26px;
    height: 26px;
    float: left;
    margin: 1px;
    border-radius: 13px;
    box-shadow: 2px 3px 8px rgba(0,0,0,.1);
    background: #FFF;
}
.Switch label {
    width: 52px;
    background: #CCC;
    height: 28px;
    border-radius: 14px;
    float: right;
    /* margin: 8px 10px 0 0; */
    box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
    cursor: pointer;
}
.Switch label em {
    width: 26px;
    height: 26px;
    float: left;
    margin: 1px;
    border-radius: 13px;
    box-shadow: 2px 3px 8px rgba(0,0,0,.1);
    background: #FFF;
}
.Switch input:checked + label {
    background: #24DD00;
}

.Switch input:checked + label em {
    float: right;
}

.main .section9 .item .right{

}
.main .section9 .item .right .dec1{

font-size: 19px;

font-family: MiSans;

color: #FFFFFF;

zoom: 1;

overflow: hidden;

padding-top: 26px;

padding-bottom: 15px;

border-bottom: 2px solid #fff;
}
.main .section9 .item .right .dec1 .tit{

float: left;
}
.main .section9 .item .right .dec1 .cal{

float: right;
}
.main .section9 .item .right .dec2{

font-size: 18px;

font-family: MiSans;

font-weight: 400;

color: #FFFFFF;

padding: 24px 12px 34px;
}
.main .section9 .item .right .dec2 p{

zoom: 1;

overflow: hidden;
}
.main .section9 .item .right .dec2 p .s1{

float: left;
}
.main .section9 .item .right .dec2 p .s2{

float: right;
}
.main .section9 .item .right .tab{

}
.main .section9 .item .right .tab .hd{

width: 251px;

line-height: 29px;

border: 2px solid #FFFFFF;

border-radius: 16px;

text-align: center;

zoom: 1;

overflow: hidden;
}
.main .section9 .item .right .tab .hd a{

float: left;

width: 33.333%;

font-size: 16px;

font-family: MiSans;

font-weight: 300;

color: #FFFFFF;
}
.main .section9 .item .right .tab .hd a.current{
    background: rgba(255,255,255,.16)
}
.main .section9 .item .right .tab .bd{
 padding: 0px 0px 20px;
 color: #fff;
 font-size: 14px;
 line-height: 1.7;
 margin-top: 20px;
 height: 134px;
 overflow: auto;
}
.main .section9 .item .right .tab .model{

}
.main .section9 .item:nth-child(2):after{
    content: "";
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: url(../images/m.html) no-repeat right bottom;
}
.main .section9 .item:nth-child(2),
.main .section9 .item:nth-child(2) *{
    position: relative;
    z-index: 4;
}
body.en .main .section9 .item .right .tab .hd{
    width: 100%;
}
.wapWallet{
    position: absolute;
    right: 10px;
    top: 0px;
    line-height: 50px;
    background: linear-gradient(-61deg, #D70A84, #51127F);
    border-radius: 27px;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    top: 10px;
    width: 113px;
    text-align: center;
}
.selecttype1{
    position: absolute;
    right: 137px;
    top: 0px;
}
.selecttype1 .h2tit{

/* line-height: 50px; */

/* height: 50px; */
}
.selecttype1  img{
    height:20px;
    margin-right: 4px;
}
.selecttype1 .h2tit {

color: #fff;

font-size: 12px;

right: 104px;

top: 0px;

line-height: 50px;

background: linear-gradient(-61deg, #D70A84, #51127F);

border-radius: 27px;

color: #fff;

font-size: 14px;

line-height: 30px;

top: 10px;

width: 130px;

display: block;

margin-top: 10px;

font-weight: normal;

text-align: center;
}
.selecttype1 dl{

position: absolute;

left: 0;

top: 50px;

width: 100%;

display: none;
background: linear-gradient(-61deg, #D70A84, #51127F);
    border-radius:27px;
}
.selecttype1 dl dd {

display: block;

line-height: 31px;

color: #fff;

font-size: 12px;
text-align: center;
}

.main .topTitle .center.cn{
display: none;
}
.main .topTitle .center.en{
display: inline-block;
}

 .main .topTitle .center.cn{
display: inline-block;
}
 .main .topTitle .center.en{
display: none;
}


body.en .main .topTitle .center.cn{
display: none;
}
body.en .main .topTitle .center.en{
display: inline-block;
}


.main .topTitle .center img.h56 {
    height: calc(56/1920*100vw);
}

.main .topTitle .center img.h50 {
    height: calc(50/1920*100vw);
}


.head .nav ul li:nth-child(3) dl dd{
    text-transform: uppercase;
}


.alertModel{position: fixed;left: 00px;top: 0px;z-index: 8988;width: 100%;height: 100%;-webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);background-color: rgba(0, 0, 0, 0.35);}
.alertModel .center{

position: absolute;

top: 50%;

left: 50%;

-o-transform: translate(-50%, -50%);

-webkit-transform: translate(-50%, -50%);

-moz-transform: translate(-50%, -50%);

-ms-transform: translate(-50%, -50%);

transform: translate(-50%, -50%);

width: 696px;

border-radius: 50px;

max-width: 90%;
background: url(../kuang/images/im.html) no-repeat center center;
background-size: cover;

padding: 57px 66px 63px;
}
.alertModel .center img{

}
.alertModel{
    /* display: none; */
}
.alertModel .tit{

font-size: 36px;

font-family: MiSans;

font-weight: 400;

color: #FFFFFF;

padding-top: 104px;

padding-bottom: 79px;

text-align: center;
}
.alertModel .more{

width: 352px;

line-height: 58px;

background: linear-gradient(78deg, #D70A84, #51127F);

border-radius: 29px;

display: block;

margin: auto;

color: #fff;

font-size: 30px;

text-align: center;

max-width: 100%;
}


.main .section9 .item .left .title2 .words{
    border-radius: 0px;
    border: 0px;
    background: none;
    color: #fff;
    font-size: 16px;
    height: 40px;
    width: calc(100% - 160px);
    float: left;
    margin-top: 6px;
    margin-left: 10px;
}
.main .section9 .item .left .title2 .cn{
    display: block;
}
.main .section9 .item .left .title2 .en{
    display: none;
}
body.en .main .section9 .item .left .title2 .cn{
    display: none;
}
body.en .main .section9 .item .left .title2 .en{
    display: block;
}

input::-webkit-input-placeholder{
            color:rgba(255,255,255,.7);
        }
        input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:rgba(255,255,255,.7);
        }
        input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
           color:rgba(255,255,255,.7);
        }
        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
           color:rgba(255,255,255,.7);
        }