@font-face{
    font-family:Gotham-Light;
    src:url(../font/Gotham-Light.eot);
    src:url(../font/Gotham-Light.eot) format("embedded-opentype"),url(../font/Gotham-Light.svg) format("svg"),url(../font/Gotham-Light.ttf) format("truetype"),url(../font/Gotham-Light.woff) format("woff"),url(../font/Gotham-Light.woff2) format("woff2");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:Gotham-Book;
    src:url(../font/Gotham-Book.eot);
    src:url(../font/Gotham-Book.eot) format("embedded-opentype"),url(../font/Gotham-Book.svg) format("svg"),url(../font/Gotham-Book.ttf) format("truetype"),url(../font/Gotham-Book.woff) format("woff"),url(../font/Gotham-Book.woff2) format("woff2");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:Gotham-Medium;
    src:url(../font/Gotham-Medium.eot);
    src:url(../font/Gotham-Medium.eot) format("embedded-opentype"),url(../font/Gotham-Medium.svg) format("svg"),url(../font/Gotham-Medium.ttf) format("truetype"),url(../font/Gotham-Medium.woff) format("woff"),url(../font/Gotham-Medium.woff2) format("woff2");
    font-weight:400;
    font-style:normal
}
*{
    -webkit-tap-highlight-color:transparent;
    box-sizing:border-box;
    outline-style:none
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{
    border:0;
    font-size:100%;
    font:inherit;
    margin:0;
    padding:0;
    vertical-align:baseline
}
body{
    font-size:16px;
    max-width:1920px;
    margin:0 auto
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
a{
    outline:0;
    text-decoration:none;
    color:inherit
}
a:hover{
    text-decoration:none
}
a:active,a:hover,a:link,a:visited{
    background:0 0;
    -webkit-tap-highlight-color:transparent;
    -webkit-tap-highlight-color:transparent
}
body,input,textarea{
    font-family:"Source Han Sans CN","Microsoft YaHei","PingFang SC",STSong,SimSun,Arial,sans-serif
}
ol,ul{
    list-style:none
}
@media (max-width:1920px){
    html{
        font-size:100px
    }
}
@media (max-width:1760px){
    html{
        font-size:91.67px
    }
}
@media (max-width:1600px){
    html{
        font-size:83.33px
    }
}
@media (max-width:1440px){
    html{
        font-size:75px
    }
}
@media (max-width:1280px){
    html{
        font-size:66.67px
    }
}
@media (max-width:1120px){
    html{
        font-size:60px
    }
}
.icon{
    width:1em;
    height:1em;
    vertical-align:-.15em;
    fill:currentColor;
    overflow:hidden
}
[class*=" icon-"],[class^=icon-]{
    font-family:iconfont;
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    font-style:normal;
    font-variant:normal;
    line-height:1;
    speak:none;
    text-transform:none;
    vertical-align:middle
}
.wrapper{
    overflow:hidden
}
.light{
    color:#777
}
.btn-default{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 20px;
    width:240px;
    height:40px;
    border:2px solid #000;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    transition:.3s all
}
.btn-default:hover{
    background-color:#000;
    color:#fff!important
}
.btn-default:hover i::before{
    width:120%
}
.btn-default i::before{
    width:100%
}
.loading{
    text-align:center;
    letter-spacing:.4em;
    font-size:14px;
    line-height:4.2;
    color:#606266
}
.loading span{
    cursor:pointer
}
.loading i{
    display:inline-block;
    vertical-align:bottom;
    animation-duration:2.6s;
    animation-fill-mode:both;
    animation-iteration-count:infinite;
    animation-name:wave
}
.loading .wave1{
    animation-delay:.3s
}
.loading .wave2{
    animation-delay:.6s
}
.loading .wave3{
    animation-delay:.9s
}
.loading .wave4{
    animation-delay:1.2s
}
.loading .wave5{
    animation-delay:1.5s
}
.loading .wave6{
    animation-delay:1.8s
}
.loading .wave7{
    animation-delay:2.1s
}
.loading .wave8{
    animation-delay:2.4s
}
@keyframes wave{
    0%,100%,50%{
        opacity:0;
        transform:translate(0,-10%)
    }
    25%,75%{
        opacity:1;
        transform:translate(0,0)
    }
}
.wrapper>.title{
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden;
    padding-top:6.25vw;
    padding-bottom:4.6875vw
}
@media screen and (max-width:1200px){
    .wrapper>.title{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .wrapper>.title{
        padding-left:20px;
        padding-right:20px
    }
}
.wrapper>.title h3{
    font-size:.8rem;
    letter-spacing:.05em;
    line-height:1.7
}
.wrapper>.title p{
    width:75%;
    font-size:18px;
    letter-spacing:.05em;
    line-height:1.7;
    color:#777;
    font-weight:300
}
@media screen and (max-width:960px){
    .wrapper .title p{
        width:100%;
        font-size:14px
    }
}
.wrapper>.banner figure{
    position:relative
}
.wrapper>.banner figure>img{
    width:100%
}
.wrapper>.banner figure figcaption{
    text-align:center;
    position:absolute;
    left:0;
    top:6.7708333333vw;
    width:100%;
    color:#fff
}
.wrapper>.banner figure figcaption h5{
    font-size:25px;
    line-height:1.1
}
.wrapper>.banner figure figcaption h3{
    font-size:.6rem;
    font-weight:400;
    line-height:1;
    letter-spacing:.2em;
    margin-top:1.5625vw
}
.wrapper>.banner figure figcaption h4{
    font-size:.3rem;
    font-weight:300;
    line-height:1.25;
    letter-spacing:.2em;
    margin-top:3.125vw
}
.wrapper>.banner figure figcaption p{
    font-size:.16rem;
    font-weight:200;
    line-height:2.375;
    letter-spacing:.1em;
    margin-top:5px
}
#cnzz_stat_icon_4742456{
    display:none
}
header{
    height:70px;
    min-height:70px
}
header .header-container{
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden;
    overflow:visible;
    position:fixed;
    width:100%;
    max-width:1920px;
    z-index:4000;
    display:flex;
    align-items:center;
    background-color:#fff;
    border-bottom:1px solid #efeff1
}
@media screen and (max-width:1200px){
    header .header-container{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    header .header-container{
        padding-left:20px;
        padding-right:20px
    }
}
header .header-container .logo{
    display:inline-block;
    vertical-align:middle;
    width:90px;
    height:25px
}
header .header-container .logo img{
    display:block;
    width:100%
}
header .header-container nav{
    display:inline-block;
    vertical-align:middle;
    margin-left:2vw
}
header .header-container nav .navmenu{
    display:block
}
header .header-container nav .navmenu>li{
    display:inline-block;
    vertical-align:middle;
    font-weight:400
}
header .header-container nav .navmenu>li.light a{
    color:#777
}
header .header-container nav .navmenu>li:first-child{
    font-weight:500
}
header .header-container nav .navmenu>li>a{
    display:block;
    margin:0 .2rem;
    color:#303133;
    font-size:16px;
    letter-spacing:.03em;
    position:relative;
    height:70px;
    display:flex;
    align-items:center;
    transition:.3s all linear
}
header .header-container nav .navmenu>li>a::before{
    content:"";
    position:absolute;
    bottom:0;
    left:100%;
    width:0;
    height:100%;
    z-index:2000;
    border-bottom:4px solid #333;
    transition:.2s all linear
}
header .header-container nav .navmenu>li .subnav{
    opacity:0;
    visibility:hidden;
    position:absolute;
    top:71px;
    left:0;
    width:100%;
    padding:2.0833333333vw 0;
    z-index:1000
}
header .header-container nav .navmenu>li .subnav::before{
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    height:0;
    width:100%;
    background-color:#fff;
    transition:all .3s
}
header .header-container nav .navmenu>li .subnav ul{
    text-align:center;
    transform:translateY(20px);
    transition:all .3s;
    z-index:2000
}
header .header-container nav .navmenu>li .subnav ul li{
    display:inline-block;
    vertical-align:middle;
    width:11.9791666667vw
}
header .header-container nav .navmenu>li .subnav ul li:hover{
    background-color:#fafafa
}
header .header-container nav .navmenu>li .subnav ul li:hover .img-wrapper{
    opacity:.8
}
header .header-container nav .navmenu>li .subnav ul li figure .img-wrapper{
    position:relative;
    height:122px
}
header .header-container nav .navmenu>li .subnav ul li figure .img-wrapper img{
    position:absolute;
    width:100%;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    max-width:122px;
    max-height:122px
}
header .header-container nav .navmenu>li .subnav ul li figure figcaption{
    font-size:14px
}
header .header-container nav .navmenu>li .dropdown{
    opacity:0;
    visibility:hidden;
    position:relative;
    transform:translateX(-50%) scale(1,0);
    transition:all .3s
}
header .header-container nav .navmenu>li .dropdown ul{
    position:absolute;
    top:1px;
    width:250px;
    background-color:#fff
}
header .header-container nav .navmenu>li .dropdown ul li a{
    display:block;
    height:70px;
    line-height:70px;
    font-size:14px;
    letter-spacing:.03em;
    color:#606266;
    border-bottom:1px solid #ebeef5;
    padding-left:20px
}
header .header-container nav .navmenu>li .dropdown ul li a:hover{
    background-color:#fafafa
}
header .header-container nav .navmenu>li:hover>a::before{
    width:100%;
    bottom:0;
    left:0;
    transition-delay:.1s;
    border-bottom-color:#000
}
header .header-container nav .navmenu>li:hover~li>a::before{
    left:0
}
header .header-container nav .navmenu>li:hover .subnav{
    opacity:1;
    visibility:visible
}
header .header-container nav .navmenu>li:hover .subnav::before{
    height:100%
}
header .header-container nav .navmenu>li:hover .subnav ul{
    transform:translateY(0)
}
header .header-container nav .navmenu>li:hover .dropdown{
    opacity:1;
    visibility:visible;
    transform:translateX(-50%) scale(1,1)
}
header .header-container .action-nav{
    flex-grow:1;
    text-align:right
}
header .header-container .action-nav>div{
    display:inline-block
}
header .header-container .action-nav>div a[class*=" icon-"],header .header-container .action-nav>div a[class^=icon-]{
    color:#303133;
    font-size:20px;
    vertical-align:middle
}
header .header-container .action-nav .search-wrap .search-input{
    outline-style:none;
    padding:5px;
    height:100%;
    margin-right:1vw;
    vertical-align:middle;
    font-size:14px;
    border:none;
    border-bottom:1px solid #333;
    width:10vw;
    max-width:170px;
    transform:scale(0,1);
    transform-origin:right top;
    transition:all .3s
}
header .header-container .action-nav .search-wrap .search-input.active{
    transform:scale(1,1)
}
header .header-container .action-nav .language-wrap{
    margin-right:unset
}
header .header-container .action-nav .language-wrap .lang-filter{
    position:relative
}
header .header-container .action-nav .language-wrap .lang-filter .lang-pannel{
    position:absolute;
    top:26px;
    opacity:0;
    visibility:hidden;
    width:500px;
    padding:20px;
    text-align:center;
    background-color:#fff;
    transform:scale(1,0) translateX(-480px) translateY(20px);
    transform-origin:left top;
    transition:all .3s
}
header .header-container .action-nav .language-wrap .lang-filter .lang-pannel center{
    display:block;
    font-size:16px;
    border-bottom:1px solid #ebeef5;
    height:60px;
    line-height:3.75
}
header .header-container .action-nav .language-wrap .lang-filter .lang-pannel .lang-div h3{
    font-size:16px;
    height:40px;
    line-height:2.5;
    text-align:left
}
header .header-container .action-nav .language-wrap .lang-filter .lang-pannel .lang-div ul{
    overflow:hidden
}
header .header-container .action-nav .language-wrap .lang-filter .lang-pannel .lang-div ul li{
    float:left;
    width:25%;
    text-align:left
}
header .header-container .action-nav .language-wrap .lang-filter .lang-pannel .lang-div ul li img{
    width:15px;
    height:10px;
    margin-right:5px
}
header .header-container .action-nav .language-wrap .lang-filter .lang-pannel .lang-div ul li a{
    font-size:14px;
    color:#606266
}
header .header-container .action-nav .language-wrap:hover .lang-filter .lang-pannel{
    opacity:1;
    visibility:visible;
    transform:scale(1,1) translateX(-480px) translateY(0)
}
header .header-container .mb-nav-btn{
    width:30px;
    height:22px;
    position:relative;
    display:none
}
header .header-container .mb-nav-btn span{
    display:block;
    background-color:#303133;
    width:30px;
    height:2px;
    position:absolute;
    transition:all ease .35s
}
header .header-container .mb-nav-btn span:nth-of-type(1){
    top:0
}
header .header-container .mb-nav-btn span:nth-of-type(2){
    top:10px
}
header .header-container .mb-nav-btn span:nth-of-type(3){
    top:20px
}
header .header-container .mb-nav-btn.trans span:nth-of-type(1){
    top:10px;
    transform:rotate(45deg)
}
header .header-container .mb-nav-btn.trans span:nth-of-type(2){
    width:0
}
header .header-container .mb-nav-btn.trans span:nth-of-type(3){
    top:10px;
    transform:rotate(-45deg)
}
header .mb-nav{
    z-index:2001
}
header .mb-nav .mb-nav-panel{
    position:fixed;
    background-color:#fff;
    width:100%;
    height:100%;
    font-size:14px;
    z-index:2001;
    top:-100%;
    left:0;
    padding-bottom:50px;
    overflow:auto;
    overflow-x:hidden;
    transition:top ease .35s
}
header .mb-nav .mb-nav-panel.show{
    top:50px
}
header .mb-nav .mb-nav-panel .search form{
    margin:10px 20px
}
header .mb-nav .mb-nav-panel .search form input{
    border-radius:15px;
    border:1px solid #333;
    width:100%;
    height:30px;
    padding-left:20px;
    text-align:center
}
header .mb-nav .mb-nav-panel>ul>li:first-child{
    border-top:none
}
header .mb-nav .mb-nav-panel>ul>li:last-child{
    border-bottom:1px #ebeef5 solid
}
header .mb-nav .mb-nav-panel>ul>li:last-child img{
    width:30px;
    height:20px;
    margin-right:10px;
    vertical-align:middle
}
header .mb-nav .mb-nav-panel ul li{
    border-top:1px #ebeef5 solid;
    margin-left:20px;
    position:relative;
    line-height:50px;
    font-size:14px
}
header .mb-nav .mb-nav-panel ul li i{
    position:absolute;
    top:0;
    right:0;
    height:50px;
    padding:0 7px 0 7px;
    display:flex;
    align-items:center
}
header .mb-nav .mb-nav-panel ul li i svg{
    width:20px;
    height:20px;
    fill:#303133;
    transform:rotate(-90deg);
    transition:all ease .35s
}
header .mb-nav .mb-nav-panel ul li.open>i svg{
    transform:rotate(0);
    fill:#303133
}
header .mb-nav .mb-nav-panel ul li ul{
    display:none
}
header .mb-nav .mb-nav-panel ul li a,header .mb-nav .mb-nav-panel ul li span{
    color:#303133;
    display:inline-block;
    width:100%
}
header .mb-nav .mb-nav-panel ul li ul li a{
    color:#303133;
    display:block;
    text-align:left
}
header .mb-nav .mb-nav-panel ul li .mid{
    display:flex;
    align-items:center
}
@media screen and (max-width:1440px){
    header .header-container{
        padding-left:3%;
        padding-right:3%
    }
    header .header-container nav .navmenu>li>a{
        margin:0 13px
    }
    header .header-container .action-nav .search-wrap{
        margin-left:0
    }
    header .header-container .action-nav .search-wrap .search-input{
        width:135px
    }
}
@media screen and (max-width:1200px){
    header .header-container .logo{
        width:80px;
        height:22px
    }
}
@media screen and (max-width:860px){
    header{
        height:50px;
        min-height:unset
    }
    header .header-container{
        height:50px;
        padding:0 20px;
        justify-content:space-between
    }
    header .header-container .action-nav,header .header-container nav{
        display:none
    }
    header .header-container .mb-nav-btn{
        display:block
    }
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1){
    header{
        height:50px;
        min-height:unset
    }
    header .header-container{
        height:50px;
        padding:0 20px;
        justify-content:space-between
    }
    header .header-container .action-nav,header .header-container nav{
        display:none
    }
    header .header-container .mb-nav-btn{
        display:block
    }
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2){
    header{
        height:50px;
        min-height:unset
    }
    header .header-container{
        height:50px;
        padding:0 20px;
        justify-content:space-between
    }
    header .header-container .action-nav,header .header-container nav{
        display:none
    }
    header .header-container .mb-nav-btn{
        display:block
    }
}
@media only screen and (min-device-width:834px) and (max-device-width:1112px) and (-webkit-min-device-pixel-ratio:2){
    header{
        height:50px;
        min-height:unset
    }
    header .header-container{
        height:50px;
        padding:0 20px;
        justify-content:space-between
    }
    header .header-container .action-nav,header .header-container nav{
        display:none
    }
    header .header-container .mb-nav-btn{
        display:block
    }
}
footer{
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden;
    background-color:#f2f2f2
}
@media screen and (max-width:1200px){
    footer{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    footer{
        padding-left:20px;
        padding-right:20px
    }
}
footer .content{
    height:100px;
    display:flex;
    justify-content:space-between;
    overflow:hidden;
    transition:height .3s
}
footer .content:hover{
    height:23.4375vw;
    transition:height .3s
}
footer .content .links{
    display:flex;
    justify-content:space-between;
    width:60%;
    max-width:700px;
    padding-top:40px;
    margin-right:2.6041666667vw
}
footer .content .links>li ul{
    margin-top:30px
}
footer .content .links>li ul li a{
    color:#777;
    font-size:14px;
    line-height:2.14286;
    letter-spacing:.05em
}
footer .content .search{
    width:40%;
    max-width:450px;
    padding-top:30px
}
footer .content .search h3 i{
    display:inline-block;
    vertical-align:middle;
    width:43px;
    height:43px;
    line-height:43px;
    text-align:center;
    border-radius:50%;
    background-color:#000;
    margin-right:12px;
    color:#fff
}
footer .content .search form{
    display:flex;
    justify-content:space-between;
    align-items:center
}
footer .content .search form h3{
    display:inline-block
}
footer .content .search form legend{
    display:block;
    width:100%;
    font-size:14px;
    line-height:1.71429;
    color:#777;
    letter-spacing:.05em
}
footer .content .search form .group-control{
    position:relative;
    height:2.0833333333vw;
    width:55%;
    min-width:200px
}
footer .content .search form .group-control input{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:2.0833333333vw;
    min-height:30px;
    border:2px solid #000;
    outline-style:none;
    font-size:14px;
    padding-left:10px
}
footer .content .search form .group-control button{
    position:absolute;
    right:0;
    height:2.0833333333vw;
    min-height:30px;
    border:none;
    background-color:#fff;
    border-top:2px solid #000;
    border-right:2px solid #000;
    border-bottom:2px solid #000;
    outline-style:none;
    cursor:pointer
}
footer .foot{
    height:70px;
    display:flex;
    justify-content:space-between;
    position:relative;
    color:#777;
    font-size:14px
}
footer .foot::before{
    content:"";
    background-color:#e4e4e4;
    position:absolute;
    left:-100%;
    display:block;
    width:500vw;
    height:100%;
    z-index:10
}
footer .foot .info{
    text-align:left;
    z-index:20;
    display:flex;
    align-items:center
}
footer .foot .info .copyright{
    letter-spacing:.05em;
    margin-right:16px
}
footer .foot .btns{
    text-align:right;
    z-index:20;
    display:flex;
    align-items:center
}
footer .foot .btns .share span{
    margin-right:15px
}
footer .foot .btns .share a{
    margin:0 5px;
    display:inline-block;
    position:relative
}
footer .foot .btns .share a:hover{
    color:#000
}
footer .foot .btns .share a:hover .qrcode{
    display:block
}
footer .foot .btns .share a .qrcode{
    display:none;
    position:absolute;
    top:-130px;
    left:-50px;
    padding:10px;
    background-color:#fff
}
footer .foot .btns .share a .qrcode img{
    width:100px;
    display:block
}
footer .foot .btns .back-to-top{
    margin-left:3.125vw
}
footer .foot .btns .back-to-top:hover{
    color:#000
}
footer .foot .btns .back-to-top:hover i{
    background-color:#000
}
footer .foot .btns .back-to-top i{
    display:inline-block;
    width:20px;
    height:20px;
    text-align:center;
    line-height:20px;
    color:#fff;
    background-color:#777;
    border-radius:50%;
    margin-left:6px;
    font-size:12px
}
footer .mb-foot{
    display:none;
    padding:20px;
    font-size:14px;
    color:#777
}
footer .mb-foot ul{
    width:70%;
    margin:0 auto;
    text-align:center;
    display:flex;
    justify-content:space-around
}
footer .mb-foot .copyright{
    margin-top:10px;
    text-align:center;
    font-size:12px
}
@media screen and (max-width:860px){
    footer .content,footer .foot{
        display:none
    }
    footer .mb-foot{
        display:block
    }
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1){
    footer .content,footer .foot{
        display:none
    }
    footer .mb-foot{
        display:block
    }
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2){
    footer .content,footer .foot{
        display:none
    }
    footer .mb-foot{
        display:block
    }
}
@media only screen and (min-device-width:834px) and (max-device-width:1112px) and (-webkit-min-device-pixel-ratio:2){
    footer .content,footer .foot{
        display:none
    }
    footer .mb-foot{
        display:block
    }
}
.index-page .banners{
    position:relative
}
.index-page .banners .banner-slick{
    position:relative
}
.index-page .banners .banner-slick a figure{
    overflow:hidden;
    text-align:center;
    vertical-align:middle;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover
}
.index-page .banners .slick-dotted.slick-slider{
    margin-bottom:unset
}
.index-page .banners .slick-dots{
    bottom:10px
}
.index-page .banners .arrows{
    position:absolute;
    top:50%;
    width:48px;
    height:48px;
    transform:translateY(-50%);
    border-radius:50%;
    border:#282828 solid 1px;
    text-align:center;
    font-size:48px;
    transition:all .15s linear
}
.index-page .banners .arrows:hover{
    background-color:#000;
    border-color:#000
}
.index-page .banners .arrows:hover i::after,.index-page .banners .arrows:hover i::before{
    border-top-color:#fff;
    border-left-color:#fff
}
.index-page .banners .arrows i::after,.index-page .banners .arrows i::before{
    box-sizing:border-box;
    content:" ";
    display:block;
    width:10px;
    height:10px;
    border-top:#282828 solid 1px;
    border-left:#282828 solid 1px;
    transform:rotate(-45deg);
    position:absolute;
    left:50%;
    top:50%;
    transform-origin:50% 50%;
    margin-left:-3px;
    margin-top:-5px;
    transition:all .15s linear
}
.index-page .banners .arrow-prev{
    left:1.0416666667vw
}
.index-page .banners .arrow-next{
    right:1.0416666667vw
}
.index-page .banners .arrow-next i::after,.index-page .banners .arrow-next i::before{
    transform:rotate(135deg) translate(3px,2px)
}
.index-page .catbar{
    padding:5.7291666667vw 0;
    display:flex;
    align-items:center;
    justify-content:space-around;
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden
}
@media screen and (max-width:1200px){
    .index-page .catbar{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .index-page .catbar{
        padding-left:20px;
        padding-right:20px
    }
}
.index-page .catbar a{
    width:25%;
    text-align:center;
    position:relative
}
.index-page .catbar a::after{
    content:"";
    position:absolute;
    top:20%;
    right:0;
    width:1px;
    height:80%;
    background-color:#efeff1
}
.index-page .catbar a:last-child::after{
    display:none
}
.index-page .catbar a figure img{
    width:9.375vw;
    height:9.375vw;
    min-width:80px;
    min-height:80px
}
.index-page .catbar a figure figcaption{
    margin-top:-15px
}
.index-page .catbar a figure figcaption h3{
    font-size:.22rem
}
.index-page .catbar a figure figcaption h6{
    font-size:12px;
    color:#777
}
.index-page .product{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden
}
@media screen and (max-width:1200px){
    .index-page .product{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .index-page .product{
        padding-left:20px;
        padding-right:20px
    }
}
.index-page .product>figure{
    width:50%;
    overflow:hidden
}
.index-page .product>figure:nth-child(odd){
    padding-right:.78125vw
}
.index-page .product>figure:nth-child(even){
    padding-left:.78125vw
}
.index-page .product>figure.wd{
    width:100%;
    padding:0
}
.index-page .product>figure:hover a img{
    transform:scale(1.04)
}
.index-page .product>figure>a{
    display:block;
    overflow:hidden
}
.index-page .product>figure>a img{
    display:block;
    width:100%;
    transition:all .3s
}
.index-page .product>figure figcaption{
    text-align:center;
    font-size:.24rem;
    padding:1.875vw 0;
    letter-spacing:.1em
}
.index-page .product>figure figcaption>h3{
    text-align:left
}
.index-page .news{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:5.7291666667vw 0;
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden
}
@media screen and (max-width:1200px){
    .index-page .news{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .index-page .news{
        padding-left:20px;
        padding-right:20px
    }
}
.index-page .news div{
    width:33.33333%;
    height:100%;
    position:relative;
    text-align:left;
    padding:0 4.1666666667vw;
    display:flex;
    justify-content:center;
    flex-direction:column
}
.index-page .news div::after{
    content:"";
    position:absolute;
    top:20%;
    right:0;
    width:1px;
    height:80%;
    background-color:#efeff1
}
.index-page .news div:last-child::after{
    display:none
}
.index-page .news div time{
    color:#777;
    font-size:14px
}
.index-page .news div h3{
    font-size:.24rem;
    margin-top:12px
}
.index-page .news div span{
    color:#777;
    font-size:14px;
    margin-top:3.125vw
}
@media screen and (max-width:860px){
    .index-page .banners .arrows{
        visibility:hidden
    }
    .index-page .catbar{
        flex-wrap:wrap
    }
    .index-page .catbar a{
        width:33.333%
    }
    .index-page .catbar a::after{
        display:none
    }
    .index-page .news{
        flex-direction:column
    }
    .index-page .news div{
        width:100%;
        padding-top:10px;
        padding-bottom:10px
    }
    .index-page .news div::after{
        content:"";
        position:absolute;
        left:10%;
        top:100%;
        height:1px;
        width:80%;
        background-color:#efeff1
    }
}
.product-list-page .cat-nav{
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden;
    border-bottom:2px solid #efeff1
}
@media screen and (max-width:1200px){
    .product-list-page .cat-nav{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .product-list-page .cat-nav{
        padding-left:20px;
        padding-right:20px
    }
}
.product-list-page .cat-nav.ralemo,.product-list-page .cat-nav.z{
    margin-top:4.6875vw
}
.product-list-page .cat-nav li{
    position:relative;
    font-size:18px;
    font-weight:500;
    float:left;
    padding:0 15px;
    padding-bottom:20px
}
.product-list-page .cat-nav li:first-child{
    padding-left:0
}
.product-list-page .cat-nav li:last-child a:after{
    display:none
}
.product-list-page .cat-nav li a{
    position:relative;
    display:block
}
.product-list-page .cat-nav li a::after{
    content:"";
    position:absolute;
    top:0;
    right:-15px;
    width:2px;
    height:100%;
    background-color:#777
}
.product-list-page .cat-nav li a::before{
    content:"";
    position:absolute;
    bottom:-20px;
    left:0;
    width:100%;
    height:100%;
    border-bottom:4px solid #000;
    display:none
}
.product-list-page .cat-nav li.active a::before{
    display:block
}
.product-list-page .catbar{
    padding:3.125vw 0;
    display:flex;
    align-items:center;
    justify-content:space-around;
    flex-grow:1;
    flex-wrap:wrap;
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden
}
@media screen and (max-width:1200px){
    .product-list-page .catbar{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .product-list-page .catbar{
        padding-left:20px;
        padding-right:20px
    }
}
.product-list-page .catbar a{
    width:16.6666666667%;
    text-align:center;
    position:relative
}
.product-list-page .catbar a::after{
    content:"";
    position:absolute;
    top:20%;
    right:0;
    width:1px;
    height:80%;
    background-color:#efeff1
}
.product-list-page .catbar a:last-child::after{
    display:none
}
.product-list-page .catbar a figure img{
    width:8.3333333333vw;
    height:8.3333333333vw;
    min-width:80px;
    min-height:80px
}
.product-list-page .catbar a figure figcaption{
    margin-top:-15px
}
.product-list-page .catbar a figure figcaption h3{
    font-size:.22rem
}
.product-list-page .catbar a figure figcaption h6{
    font-size:12px;
    color:#777
}
.product-list-page .products{
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden
}
@media screen and (max-width:1200px){
    .product-list-page .products{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .product-list-page .products{
        padding-left:20px;
        padding-right:20px
    }
}
.product-list-page .products ul{
    display:flex;
    flex-wrap:wrap;
    margin-top:2.6041666667vw;
    margin-bottom:3.125vw
}
.product-list-page .products ul.game{
    margin-top:unset
}
.product-list-page .products ul.game li{
    color:#fff
}
.product-list-page .products ul.game li.active a{
    background-color:#333
}
.product-list-page .products ul.game li a{
    background-color:#4b4b4b
}
.product-list-page .products ul.game li .dots button.active::before{
    border-color:#fff
}
.product-list-page .products ul li{
    width:25%
}
.product-list-page .products ul li.sizer{
    width:25%
}
.product-list-page .products ul li.wd{
    width:50%
}
.product-list-page .products ul li.wd a figure img{
    width:80%
}
.product-list-page .products ul li.active a{
    background-color:#f1f1f1
}
.product-list-page .products ul li a{
    margin:.46875vw;
    display:block;
    text-align:center;
    transition:all .3s;
    background-color:#fafafa
}
.product-list-page .products ul li a figure{
    position:relative;
    padding-top:19.0625vw
}
.product-list-page .products ul li a figure img{
    display:none;
    width:65%;
    position:absolute;
    top:45%;
    left:50%;
    transform:translate(-50%,-50%)
}
.product-list-page .products ul li a figure img:first-child{
    display:inline-block
}
.product-list-page .products ul li a figure figcaption{
    letter-spacing:.1em
}
.product-list-page .products ul li a figure figcaption h3{
    font-size:.28rem;
    height:45px;
    line-height:45px
}
.product-list-page .products ul li a figure figcaption p{
    font-size:16px;
    line-height:2.5;
    color:#777;
    font-weight:200;
    overflow:hidden;
    text-overflow:ellipsis;
    height:35px
}
.product-list-page .products ul li a .dots{
    padding:16px 0;
    height:24px;
    box-sizing:content-box;
    display:flex;
    align-items:center;
    justify-content:center
}
.product-list-page .products ul li a .dots button{
    display:inline-block;
    border-radius:50%;
    width:12px;
    height:12px;
    border:none;
    position:relative;
    padding:0
}
.product-list-page .products ul li a .dots button.active::before{
    content:"";
    border:1px solid #777;
    width:15px;
    height:15px;
    border-radius:50%;
    display:inline-block;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%)
}
.product-list-page .products ul li a .dots button::before{
    display:none
}
.product-list-page .products ul li a .dots button~button{
    margin-left:7px
}
.product-list-page .products .load-more{
    margin-bottom:5.2083333333vw;
    text-align:center
}
.product-list-page .products .load-more .btn-img{
    position:relative;
    cursor:pointer
}
.product-list-page .products .load-more .btn-img img:first-child{
    margin:0 auto;
    width:5.2083333333vw;
    min-width:60px
}
.product-list-page .products .load-more .btn-img img:last-child{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-25%);
    width:1.5625vw;
    min-width:30px;
    animation:move 2.6s infinite both
}
.product-list-page .video{
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden;
    display:flex;
    justify-content:center
}
@media screen and (max-width:1200px){
    .product-list-page .video{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .product-list-page .video{
        padding-left:20px;
        padding-right:20px
    }
}
.product-list-page .video iframe{
    width:80%;
    height:7.5rem
}
.product-list-page .sell-points{
    margin-top:3.125vw
}
.product-list-page .sell-points>.row1{
    position:relative;
    color:#fff;
    font-size:.3rem
}
.product-list-page .sell-points>.row1 figure img{
    width:100%;
    display:block
}
.product-list-page .sell-points>.row1 figure figcaption{
    position:absolute;
    top:5vw;
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden
}
@media screen and (max-width:1200px){
    .product-list-page .sell-points>.row1 figure figcaption{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .product-list-page .sell-points>.row1 figure figcaption{
        padding-left:20px;
        padding-right:20px
    }
}
.product-list-page .sell-points>.row1 figure figcaption>h3{
    font-size:2em
}
.product-list-page .sell-points>.row1 figure figcaption>h6{
    font-size:.6em;
    font-weight:300;
    opacity:.5
}
.product-list-page .sell-points>.row1 ul{
    position:absolute;
    left:0;
    bottom:6.25vw;
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden;
    display:flex;
    justify-content:space-between;
    width:100%
}
@media screen and (max-width:1200px){
    .product-list-page .sell-points>.row1 ul{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .product-list-page .sell-points>.row1 ul{
        padding-left:20px;
        padding-right:20px
    }
}
.product-list-page .sell-points>.row1 ul li h3{
    font-size:1em
}
.product-list-page .sell-points>.row1 ul li h6{
    font-size:.6em;
    font-weight:300;
    opacity:.5
}
.product-list-page .sell-points>.row2{
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden;
    padding-top:6.25vw;
    padding-bottom:6.25vw;
    background-color:#000;
    width:100%
}
@media screen and (max-width:1200px){
    .product-list-page .sell-points>.row2{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .product-list-page .sell-points>.row2{
        padding-left:20px;
        padding-right:20px
    }
}
.product-list-page .sell-points>.row2.ralemo{
    background-color:#fff
}
.product-list-page .sell-points>.row2.ralemo>li .info{
    color:#000;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:0
}
.product-list-page .sell-points>.row2.ralemo>li .info .meta{
    padding:0 30px
}
.product-list-page .sell-points>.row2.ralemo>li .info .meta h3{
    font-size:.4rem;
    font-weight:300;
    letter-spacing:.1em
}
.product-list-page .sell-points>.row2.ralemo>li .info .meta h6{
    font-size:20px;
    opacity:.5;
    line-height:2;
    font-weight:300
}
.product-list-page .sell-points>.row2.z{
    background-color:#fff
}
.product-list-page .sell-points>.row2.z>li{
    padding:0
}
.product-list-page .sell-points>.row2.z>li:not(:first-child){
    margin-top:-1.2rem
}
.product-list-page .sell-points>.row2.z>li:first-child .info .meta{
    margin-bottom:1rem
}
.product-list-page .sell-points>.row2.z>li:last-child .info .meta{
    margin-top:1rem
}
.product-list-page .sell-points>.row2.z>li figure img{
    width:7rem;
    height:7.46rem
}
.product-list-page .sell-points>.row2.z>li .info{
    color:#000;
    display:flex;
    align-items:center;
    padding:0
}
.product-list-page .sell-points>.row2.z>li .info .meta h3{
    font-size:.6rem;
    font-weight:300;
    letter-spacing:.1em
}
.product-list-page .sell-points>.row2.z>li .info .meta h6{
    font-size:20px;
    opacity:.5;
    line-height:2;
    font-weight:300
}
.product-list-page .sell-points>.row2>li{
    width:100%;
    padding:2.34375vw 0;
    display:flex
}
.product-list-page .sell-points>.row2>li:nth-child(odd) figure{
    order:0
}
.product-list-page .sell-points>.row2>li:nth-child(odd) .info{
    order:1
}
.product-list-page .sell-points>.row2>li:nth-child(even) figure{
    order:1
}
.product-list-page .sell-points>.row2>li:nth-child(even) .info{
    order:0
}
.product-list-page .sell-points>.row2>li figure{
    width:50%
}
.product-list-page .sell-points>.row2>li figure img{
    display:block;
    width:100%
}
.product-list-page .sell-points>.row2>li .info{
    width:50%;
    padding-left:5.2083333333vw;
    padding-top:2.0833333333vw;
    color:#fff;
    font-size:.3rem
}
.product-list-page .sell-points>.row2>li .info .meta h3{
    font-size:1.5em;
    font-weight:500;
    letter-spacing:.1em
}
.product-list-page .sell-points>.row2>li .info .meta h6{
    font-size:14px;
    opacity:.5;
    line-height:2;
    font-weight:500
}
.product-list-page .sell-points>.row2>li .info ul{
    margin-top:5.2083333333vw
}
.product-list-page .sell-points>.row2>li .info ul li{
    width:50%;
    float:left
}
.product-list-page .sell-points>.row2>li .info ul li h4{
    color:#00daff;
    font-size:24px;
    font-weight:400;
    letter-spacing:.1em;
    line-height:1.2;
    margin-bottom:.4rem
}
.product-list-page .sell-points>.row2>li .info ul li p{
    font-size:16px;
    opacity:.5;
    letter-spacing:.1em
}
@keyframes move{
    0%,100%,50%{
        opacity:0;
        transform:translate(-50%,-40%)
    }
    25%,75%{
        opacity:1;
        transform:translate(-50%,10%)
    }
}
@media screen and (max-width:860px){
    .product-list-page .catbar a{
        width:33.3333333333%
    }
    .product-list-page .catbar a::after{
        display:none
    }
    .product-list-page .category>div{
        font-size:14px
    }
    .product-list-page .products ul li{
        width:50%;
        order:0
    }
    .product-list-page .products ul li.sizer{
        width:50%
    }
    .product-list-page .products ul li.wd{
        width:100%
    }
    .product-list-page .products ul li a figure{
        padding-top:200px
    }
    .product-list-page .products ul li a figure img{
        top:40%;
        width:50%
    }
    .product-list-page .products ul li a figure figcaption p{
        line-height:1.2;
        font-size:14px;
        margin-top:10px
    }
    .product-list-page .video iframe{
        width:100%;
        height:200px
    }
    .product-list-page .sell-points .row1 figure figcaption h3{
        font-size:1em
    }
    .product-list-page .sell-points .row1 ul{
        display:none
    }
    .product-list-page .sell-points .row2>li{
        flex-wrap:wrap
    }
    .product-list-page .sell-points .row2>li figure{
        display:none
    }
    .product-list-page .sell-points .row2>li .info{
        width:100%
    }
    .product-list-page .sell-points .row2>li .info ul li{
        width:100%
    }
    .product-list-page .sell-points .row2>li .info ul li h4{
        line-height:1.5;
        font-size:18px;
        margin-bottom:10px
    }
    .product-list-page .sell-points .row2>li .info ul li p{
        font-size:14px
    }
    .product-list-page .sell-points .row2>li .info .meta h3{
        font-size:1em
    }
    .product-list-page .sell-points>.row2.ralemo li:nth-child(odd) figure,.product-list-page .sell-points>.row2.z li:nth-child(odd) figure{
        order:0
    }
    .product-list-page .sell-points>.row2.ralemo li:nth-child(odd) .info,.product-list-page .sell-points>.row2.z li:nth-child(odd) .info{
        order:0
    }
    .product-list-page .sell-points>.row2.ralemo li:nth-child(even) figure,.product-list-page .sell-points>.row2.z li:nth-child(even) figure{
        order:0
    }
    .product-list-page .sell-points>.row2.ralemo li:nth-child(even) .info,.product-list-page .sell-points>.row2.z li:nth-child(even) .info{
        order:0
    }
    .product-list-page .sell-points>.row2.ralemo li figure,.product-list-page .sell-points>.row2.z li figure{
        display:block;
        width:100%
    }
    .product-list-page .sell-points>.row2.ralemo li .info .meta,.product-list-page .sell-points>.row2.z li .info .meta{
        padding:0;
        margin-top:10px
    }
    .product-list-page .sell-points>.row2.ralemo li .info .meta h3,.product-list-page .sell-points>.row2.z li .info .meta h3{
        font-size:22px
    }
    .product-list-page .sell-points>.row2.ralemo li .info .meta h6,.product-list-page .sell-points>.row2.z li .info .meta h6{
        font-size:16px
    }
    .product-list-page .sell-points>.row2.z li:not(:first-child){
        margin-top:.8rem
    }
    .product-list-page .sell-points>.row2.z li figure img{
        width:100%;
        height:auto
    }
}
@media screen and (max-width:576px){
    .product-list-page .products ul li a figure{
        padding-top:140px
    }
    .product-list-page .products ul li a figure img{
        top:40%
    }
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1){
    .product-list-page .products ul li a figure{
        padding-top:200px
    }
    .product-list-page .products ul li a figure img{
        top:40%;
        width:50%
    }
    .product-list-page .products ul li.wd a figure img{
        top:35%;
        width:60%
    }
}
@media only screen and (min-device-width:834px) and (max-device-width:1112px) and (-webkit-min-device-pixel-ratio:2){
    .product-list-page .products ul li a figure{
        padding-top:200px
    }
    .product-list-page .products ul li a figure img{
        top:40%;
        width:50%
    }
    .product-list-page .products ul li.wd a figure img{
        top:35%;
        width:60%
    }
}
.product-detail-page .images-info{
    width:75vw;
    margin:0 auto;
    padding:5.2083333333vw 0 6.25vw;
    display:flex
}
.product-detail-page .images-info .product-pic{
    width:50%;
    display:inline-block
}
.product-detail-page .images-info .product-pic .pic-slick figure{
    padding:0 3.6458333333vw;
    height:450px;
    min-height:250px;
    display:flex;
    align-items:center;
    justify-content:center
}
.product-detail-page .images-info .product-pic .pic-slick figure img{
    width:450px
}
.product-detail-page .images-info .product-pic .pic-nav{
    margin-top:20px
}
.product-detail-page .images-info .product-pic .pic-nav .img-box{
    outline-style:none;
    display:flex;
    justify-content:center;
    margin-right:10px
}
.product-detail-page .images-info .product-pic .pic-nav .img-box:first-child{
    margin-left:0
}
.product-detail-page .images-info .product-pic .pic-nav .img-box:last-child{
    margin-right:0
}
.product-detail-page .images-info .product-pic .pic-nav .img-box.slick-current figure::after{
    background-color:rgba(255,255,255,0)
}
.product-detail-page .images-info .product-pic .pic-nav .img-box figure{
    position:relative;
    height:100%;
    display:flex;
    align-items:center;
    border:1px solid #e0e0e0;
    width:70px;
    height:70px
}
.product-detail-page .images-info .product-pic .pic-nav .img-box figure::after{
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(255,255,255,.5)
}
.product-detail-page .images-info .product-pic .pic-nav .img-box figure img{
    width:100%
}
.product-detail-page .images-info .product-info{
    width:50%;
    display:inline-block;
    padding-left:2.0833333333vw
}
.product-detail-page .images-info .product-info>.model{
    font-size:.5rem
}
.product-detail-page .images-info .product-info .title{
    font-size:.3rem
}
.product-detail-page .images-info .product-info .price{
    margin-top:2.0833333333vw
}
.product-detail-page .images-info .product-info .price span{
    display:inline-block;
    vertical-align:middle
}
.product-detail-page .images-info .product-info .price span:first-child{
    font-size:18px;
    margin-right:5px
}
.product-detail-page .images-info .product-info .price span:last-child{
    font-size:28px
}
.product-detail-page .images-info .product-info .intro{
    margin-top:1.5625vw;
    padding:30px 0;
    border-top:1px solid #efeff1;
    font-size:17px;
    white-space:pre-wrap;
    display:flex;
    flex-direction:column
}
.product-detail-page .images-info .product-info .intro ul li{
    line-height:2;
    letter-spacing:.05em;
    display:flex;
    align-items:center;
    list-style:disc inside
}
.product-detail-page .images-info .product-info .intro ul li img{
    margin-right:1.0416666667vw
}
.product-detail-page .images-info .product-info .intro p{
    line-height:1.7
}
.product-detail-page .images-info .product-info .intro p img{
    vertical-align:middle;
    margin-right:5px
}
.product-detail-page .images-info .product-info .filter{
    font-size:14px;
    padding:20px 0;
    position:relative;
    border-top:1px solid #efeff1;
    border-bottom:1px solid #efeff1
}
.product-detail-page .images-info .product-info .filter .name{
    margin-right:1.4583333333vw;
    color:#777
}
.product-detail-page .images-info .product-info .filter ul{
    margin-top:6px;
    overflow:hidden
}
.product-detail-page .images-info .product-info .filter ul li{
    width:7.8125vw;
    min-width:120px;
    cursor:pointer;
    border:1px solid #d2d2d2;
    border-radius:5px;
    padding:10px 0;
    margin-right:10px;
    margin-top:10px;
    display:flex;
    justify-content:center;
    align-items:center;
    float:left
}
.product-detail-page .images-info .product-info .filter ul li.active,.product-detail-page .images-info .product-info .filter ul li:hover{
    border-color:#000
}
.product-detail-page .images-info .product-info .filter ul li i{
    width:20px;
    height:20px;
    border-radius:50%;
    border:2px solid #e0e0e0;
    display:inline-block;
    margin-right:5px
}
.product-detail-page .images-info .product-info .filter .model{
    margin-top:16px
}
.product-detail-page .cat-nav ul{
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden;
    width:100%;
    z-index:1000;
    background-color:#fff;
    width:100%
}
@media screen and (max-width:1200px){
    .product-detail-page .cat-nav ul{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .product-detail-page .cat-nav ul{
        padding-left:20px;
        padding-right:20px
    }
}
.product-detail-page .cat-nav ul li{
    position:relative;
    font-size:18px;
    font-weight:500;
    float:left;
    padding:0 15px 1.0416666667vw 15px;
    display:inline-block
}
.product-detail-page .cat-nav ul li:first-child{
    padding-left:0
}
.product-detail-page .cat-nav ul li:last-child a:after{
    display:none
}
.product-detail-page .cat-nav ul li a{
    position:relative;
    display:block;
    cursor:pointer
}
.product-detail-page .cat-nav ul li a::after{
    content:"";
    position:absolute;
    top:0;
    right:-15px;
    width:2px;
    height:100%;
    background-color:#777
}
.product-detail-page .cat-nav ul li a::before{
    content:"";
    position:absolute;
    bottom:-.9375vw;
    left:0;
    width:100%;
    height:100%;
    border-bottom:4px solid #000;
    display:none
}
.product-detail-page .cat-nav ul li.active a::before{
    display:block
}
.product-detail-page .sell-points p{
    letter-spacing:.05em
}
.product-detail-page .params{
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden;
    background-color:#fafafa;
    padding-top:4.1666666667vw;
    padding-bottom:4.1666666667vw;
    display:none
}
@media screen and (max-width:1200px){
    .product-detail-page .params{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .product-detail-page .params{
        padding-left:20px;
        padding-right:20px
    }
}
.product-detail-page .params li{
    width:33.3333333333%;
    float:left;
    padding:3.125vw 2.34375vw;
    display:inline-block
}
.product-detail-page .params li p{
    overflow:hidden;
    position:relative
}
.product-detail-page .params li p::before{
    content:"";
    display:block;
    position:absolute;
    top:50%;
    border-top:1px dashed #ccc;
    height:1px;
    width:100%
}
.product-detail-page .params li p::after{
    content:"";
    display:block;
    clear:both
}
.product-detail-page .params li p span{
    float:left;
    padding:0 10px;
    line-height:2;
    letter-spacing:.05em;
    background-color:#fafafa;
    position:relative
}
.product-detail-page .params li p span:last-child{
    float:right
}
.product-detail-page .support{
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden;
    padding-top:7.8125vw;
    padding-bottom:7.8125vw
}
@media screen and (max-width:1200px){
    .product-detail-page .support{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .product-detail-page .support{
        padding-left:20px;
        padding-right:20px
    }
}
.product-detail-page .support .info{
    text-align:center
}
.product-detail-page .support .info img{
    margin-bottom:2.6041666667vw
}
.product-detail-page .support .info h3{
    font-size:24px;
    line-height:1.33333;
    letter-spacing:.05em;
    font-weight:500
}
.product-detail-page .support .info p{
    font-size:16px;
    line-height:2;
    letter-spacing:.05em;
    font-weight:300;
    margin-top:20px
}
.product-detail-page .support .info a{
    margin-top:50px
}
.product-detail-page .products{
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden;
    padding-top:7.8125vw;
    padding-bottom:7.8125vw;
    background-color:#fafafa
}
@media screen and (max-width:1200px){
    .product-detail-page .products{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .product-detail-page .products{
        padding-left:20px;
        padding-right:20px
    }
}
.product-detail-page .products h3{
    font-size:.36rem;
    line-height:1.6666666667;
    letter-spacing:.05em;
    font-weight:300;
    text-align:center;
    margin-bottom:25px
}
.product-detail-page .products ul{
    display:flex;
    flex-wrap:wrap
}
.product-detail-page .products ul li{
    width:25%
}
.product-detail-page .products ul li.wd{
    width:50%
}
.product-detail-page .products ul li.wd a figure img{
    width:80%
}
.product-detail-page .products ul li:hover a{
    background-color:#f1f1f1
}
.product-detail-page .products ul li a{
    margin:.46875vw;
    display:block;
    text-align:center;
    transition:all .3s;
    background-color:#fff
}
.product-detail-page .products ul li a figure{
    position:relative;
    padding-top:19.0625vw
}
.product-detail-page .products ul li a figure img{
    display:none;
    width:54%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.product-detail-page .products ul li a figure img:first-child{
    display:inline-block
}
.product-detail-page .products ul li a figure figcaption{
    letter-spacing:.1em
}
.product-detail-page .products ul li a figure figcaption h3{
    font-size:.28rem
}
.product-detail-page .products ul li a figure figcaption p{
    font-size:16px;
    line-height:2.5;
    color:#777;
    font-weight:200;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.product-detail-page .products ul li a .dots{
    padding:16px 0;
    height:24px;
    box-sizing:content-box;
    display:flex;
    justify-content:center;
    align-items:center
}
.product-detail-page .products ul li a .dots button{
    display:inline-block;
    border-radius:50%;
    width:8px;
    height:8px;
    border:none;
    position:relative;
    padding:0
}
.product-detail-page .products ul li a .dots button.active::before{
    content:"";
    border:1px solid #777;
    width:12px;
    height:12px;
    border-radius:50%;
    display:inline-block;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%)
}
.product-detail-page .products ul li a .dots button::before{
    display:none
}
.product-detail-page .products ul li a .dots button~button{
    margin-left:7px
}
@media screen and (min-width:1440px){
    .product-detail-page .images-info .product-pic .pic-nav{
        margin-left:auto;
        margin-right:auto;
        width:400px
    }
}
@media screen and (max-width:860px){
    .product-detail-page .images-info{
        flex-wrap:wrap
    }
    .product-detail-page .images-info .product-pic{
        width:100%
    }
    .product-detail-page .images-info .product-pic .pic-slick figure{
        height:auto
    }
    .product-detail-page .images-info .product-pic .pic-slick figure img{
        width:100%
    }
    .product-detail-page .images-info .product-info{
        width:100%;
        margin-top:20px
    }
    .product-detail-page .images-info .product-info>.model{
        text-align:center
    }
    .product-detail-page .images-info .product-info .title{
        text-align:center
    }
    .product-detail-page .images-info .product-info .price{
        text-align:center
    }
    .product-detail-page .images-info .product-info .price span:last-child{
        font-size:22px
    }
    .product-detail-page .cat-nav{
        text-align:center
    }
    .product-detail-page .cat-nav li{
        float:unset
    }
    .product-detail-page .params li{
        width:100%
    }
    .product-detail-page .products ul li{
        width:50%;
        order:0
    }
    .product-detail-page .products ul li.wd{
        order:1;
        width:100%
    }
    .product-detail-page .products ul li a figure{
        padding-top:30vw
    }
    .product-detail-page .products ul li a figure img{
        top:40%
    }
    .product-detail-page .products ul li a figure figcaption p{
        line-height:1.2;
        font-size:14px;
        margin-top:10px
    }
}
@media screen and (max-width:576px){
    .product-detail-page .sell-points .item .title{
        font-size:14px!important
    }
    .product-detail-page .sell-points .item .desc{
        font-size:12px!important
    }
}
.support-page .services{
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden;
    overflow:hidden;
    margin-bottom:8.8541666667vw
}
@media screen and (max-width:1200px){
    .support-page .services{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .support-page .services{
        padding-left:20px;
        padding-right:20px
    }
}
.support-page .services li{
    width:33.3333333333%;
    text-align:center;
    float:left
}
.support-page .services li a{
    display:block;
    margin:15px;
    padding-top:5.2083333333vw;
    padding-bottom:8.8541666667vw;
    padding-left:15px;
    padding-right:15px;
    color:#000;
    background-color:#fafafa
}
.support-page .services li a:hover h5{
    color:#999
}
.support-page .services li a figure img{
    height:4.1666666667vw;
    min-height:50px
}
.support-page .services li a figure figcaption{
    margin-top:2.6041666667vw
}
.support-page .services li a figure figcaption h5{
    font-size:24px;
    line-height:2.33333;
    letter-spacing:.05em;
    font-weight:500
}
.support-page .services li a figure figcaption p{
    font-size:16px;
    line-height:2;
    letter-spacing:.05em;
    font-weight:300;
    height:120px
}
@media screen and (max-width:960px){
    .support-page .services li{
        width:50%
    }
}
@media screen and (max-width:860px){
    .support-page .services li{
        width:100%
    }
    .support-page .services li a figure figcaption p{
        font-size:14px;
        text-overflow:ellipsis;
        height:auto
    }
}
.download-page{
    overflow:visible
}
.download-page .documents{
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden;
    overflow-y:visible
}
@media screen and (max-width:1200px){
    .download-page .documents{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .download-page .documents{
        padding-left:20px;
        padding-right:20px
    }
}
.download-page .documents .search{
    display:flex;
    flex-wrap:wrap;
    position:relative;
    z-index:2000
}
.download-page .documents .search::before{
    content:"";
    display:block;
    position:absolute;
    left:-200vw;
    bottom:0;
    width:500vw;
    height:2px;
    background-color:#efeff1
}
.download-page .documents .search>li{
    position:relative;
    font-size:16px;
    margin-right:25px;
    padding-bottom:20px;
    box-sizing:content-box
}
.download-page .documents .search>li::before{
    content:"";
    display:block;
    position:absolute;
    bottom:2px;
    height:4px;
    background-color:#000;
    width:0;
    transition:all .3s
}
.download-page .documents .search>li:hover::before{
    width:100%
}
.download-page .documents .search>li:last-child::before{
    height:0
}
.download-page .documents .search>li>a{
    display:block;
    font-size:18px;
    font-weight:500
}
.download-page .documents .search>li>a i{
    display:inline-block;
    vertical-align:middle;
    font-size:12px;
    margin-left:4px
}
.download-page .documents .search>li>ul{
    display:none;
    position:absolute;
    top:47px;
    z-index:100;
    width:250px;
    background-color:#fff;
    max-height:450px;
    overflow-y:scroll
}
.download-page .documents .search>li>ul>li:first-child>a{
    border-top:none
}
.download-page .documents .search>li>ul>li:last-child>a{
    border-bottom:1px solid #efeff1
}
.download-page .documents .search>li>ul>li>a{
    display:block;
    font-size:16px;
    line-height:2.14286;
    letter-spacing:.05em;
    padding:1.0416666667vw;
    position:relative;
    border-top:1px solid #efeff1
}
.download-page .documents .search>li>ul>li>a:hover{
    background-color:#fafafa
}
.download-page .documents .search>li>ul>li>a.active i::after{
    display:none
}
.download-page .documents .search>li>ul>li>a i{
    display:block;
    position:absolute;
    width:10px;
    height:10px;
    top:50%;
    right:20px;
    margin-top:-5px
}
.download-page .documents .search>li>ul>li>a i::after,.download-page .documents .search>li>ul>li>a i::before{
    content:"";
    display:block;
    position:absolute;
    background-color:#000;
    top:50%;
    left:50%
}
.download-page .documents .search>li>ul>li>a i::before{
    width:100%;
    height:2px;
    top:50%;
    transform:translateY(-50%);
    left:0
}
.download-page .documents .search>li>ul>li>a i::after{
    width:2px;
    height:100%;
    top:0;
    transform:translateX(-50%)
}
.download-page .documents .search>li>ul>li>ul{
    padding-left:20px;
    display:none
}
.download-page .documents .search>li>ul>li>ul li a{
    display:block;
    font-size:14px;
    line-height:2.14286;
    letter-spacing:.05em;
    padding:.5208333333vw;
    border:none
}
.download-page .documents .search>li>ul>li>ul li a:hover{
    background-color:#fafafa
}
.download-page .documents .search>li .search-form input{
    border:none;
    vertical-align:middle;
    font-size:16px;
    outline-style:none
}
.download-page .documents .list li{
    width:100%
}
.download-page .documents .list li a{
    padding:2.0833333333vw 0;
    display:flex;
    justify-content:space-between;
    border-bottom:1px solid #efeff1
}
.download-page .documents .list li a:hover{
    background-color:#fafafa
}
.download-page .documents .list li a:hover h3{
    transform:translateX(30px)
}
.download-page .documents .list li a h3{
    display:inline-block;
    vertical-align:middle;
    font-size:18px;
    line-height:1.77778;
    letter-spacing:.1em;
    transition:all .3s;
    width:90%;
    word-break:break-all
}
.download-page .documents .list li a i{
    display:block;
    width:20px;
    height:20px;
    background-color:#000;
    border-radius:50%;
    text-align:center;
    line-height:20px;
    color:#fff;
    font-size:14px
}
.download-page .loading{
    margin:2.6041666667vw 0 6.25vw
}
@media screen and (max-width:860px){
    .download-page .documents .search>li>ul{
        height:300px
    }
}
.verify-page .verify{
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden
}
@media screen and (max-width:1200px){
    .verify-page .verify{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .verify-page .verify{
        padding-left:20px;
        padding-right:20px
    }
}
.verify-page .verify .query-form{
    border-top:1px solid #efeff1;
    border-bottom:1px solid #efeff1;
    padding:25px 0;
    display:flex;
    align-items:center;
    text-align:center
}
.verify-page .verify .query-form a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:4.6875vw;
    height:4.6875vw;
    min-width:50px;
    min-height:50px;
    background-color:#f4f4f4;
    font-size:27px;
    line-height:90px
}
.verify-page .verify .query-form input{
    flex-grow:1;
    font-size:.36rem;
    border:none;
    font-weight:300;
    padding-left:3.125vw
}
.verify-page .verify .query-form button{
    border:none;
    background:0 0;
    border-radius:50%;
    background-color:#000;
    cursor:pointer;
    color:#fff;
    font-size:12px;
    padding:0 3px;
    width:20px;
    height:20px
}
.verify-page .verify p{
    font-size:18px;
    margin-top:20px;
    letter-spacing:.05em;
    line-height:1.77778;
    color:#777;
    font-weight:300
}
.verify-page .verify .result{
    text-align:center
}
.verify-page .verify .query-list{
    overflow:hidden;
    margin-bottom:44px
}
.verify-page .verify .query-list li{
    width:50%;
    text-align:center;
    float:left
}
.verify-page .verify .query-list li a{
    display:block;
    margin:15px;
    padding-top:1rem;
    padding-left:.45rem;
    padding-right:.45rem;
    padding-bottom:.5rem;
    color:#000;
    background-color:#fafafa
}
.verify-page .verify .query-list li a figure img{
    height:4.1666666667vw;
    min-height:50px
}
.verify-page .verify .query-list li a figure figcaption{
    margin-top:2.6041666667vw;
    min-height:4rem
}
.verify-page .verify .query-list li a figure figcaption h5{
    font-size:24px;
    line-height:2.33333;
    letter-spacing:.05em;
    font-weight:500
}
.verify-page .verify .query-list li a figure figcaption p{
    text-align:left;
    font-size:16px;
    line-height:2;
    letter-spacing:.05em;
    font-weight:300
}
.verify-page .verify .query-list li a figure figcaption p .remark{
    font-size:14px
}
.verify-page .verify .diff{
    display:flex;
    justify-content:space-between;
    padding-top:.65rem;
    padding-bottom:.65rem;
    background-color:#fafafa;
    margin-bottom:1.5rem
}
.verify-page .verify .diff>div:first-child{
    padding:0 .55rem
}
.verify-page .verify .diff>div:first-child h5{
    text-align:center;
    font-size:24px;
    line-height:2.33333;
    letter-spacing:.05em;
    font-weight:500
}
.verify-page .verify .diff>div:first-child p{
    text-align:left;
    font-size:16px;
    line-height:2;
    letter-spacing:.05em;
    font-weight:300
}
.verify-page .verify .diff>div:last-child{
    min-width:28.6458333333vw;
    display:flex;
    justify-content:space-around;
    align-items:center
}
.verify-page .verify .diff>div:last-child img:first-child{
    width:1.3rem
}
.verify-page .verify .diff>div:last-child img:last-child{
    width:2.14rem
}
@media screen and (max-width:960px){
    .verify-page .verify .query-list li{
        width:50%
    }
    .verify-page .verify .diff>div{
        width:100%;
        display:block
    }
}
@media screen and (max-width:860px){
    .verify-page .verify .query-list li{
        width:100%
    }
    .verify-page .verify .diff{
        display:block
    }
    .verify-page .verify .diff>div{
        width:100%
    }
}
.ols-page .service{
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden
}
@media screen and (max-width:1200px){
    .ols-page .service{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .ols-page .service{
        padding-left:20px;
        padding-right:20px
    }
}
.ols-page .service .ser-list{
    overflow:hidden;
    margin-bottom:8.8541666667vw
}
.ols-page .service .ser-list li{
    width:33.3333333333%;
    text-align:center;
    float:left
}
.ols-page .service .ser-list li a{
    display:block;
    margin:15px;
    padding-top:5.2083333333vw;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:15px;
    color:#000;
    background-color:#fafafa
}
.ols-page .service .ser-list li a figure img{
    height:4.1666666667vw;
    min-height:50px
}
.ols-page .service .ser-list li a figure figcaption{
    margin-top:2.6041666667vw;
    height:13.0208333333vw;
    min-height:150px
}
.ols-page .service .ser-list li a figure figcaption h5{
    font-size:24px;
    line-height:2.33333;
    letter-spacing:.05em;
    font-weight:500
}
.ols-page .service .ser-list li a figure figcaption p{
    font-size:16px;
    line-height:1.5;
    letter-spacing:.05em;
    font-weight:300
}
@media screen and (max-width:960px){
    .ols-page .service .ser-list li{
        width:50%
    }
}
@media screen and (max-width:860px){
    .ols-page .service .ser-list li{
        width:100%
    }
}
.aftersale-page .faq{
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden;
    margin-bottom:7.8125vw
}
@media screen and (max-width:1200px){
    .aftersale-page .faq{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .aftersale-page .faq{
        padding-left:20px;
        padding-right:20px
    }
}
.aftersale-page .faq .tabs{
    display:flex;
    flex-wrap:wrap;
    position:relative
}
.aftersale-page .faq .tabs::before{
    content:"";
    display:block;
    position:absolute;
    left:-200vw;
    bottom:0;
    width:500vw;
    height:2px;
    background-color:#efeff1
}
.aftersale-page .faq .tabs>li{
    position:relative;
    font-size:16px;
    margin-right:25px;
    padding-bottom:20px;
    box-sizing:content-box
}
.aftersale-page .faq .tabs>li.active::before,.aftersale-page .faq .tabs>li:hover::before{
    width:100%
}
.aftersale-page .faq .tabs>li::before{
    content:"";
    display:block;
    position:absolute;
    bottom:2px;
    height:4px;
    background-color:#000;
    width:0;
    transition:all .3s
}
.aftersale-page .faq .tabs>li>a{
    display:block;
    font-size:18px;
    font-weight:500
}
.aftersale-page .faq .list li{
    width:100%
}
.aftersale-page .faq .list li.active a i::after{
    display:none
}
.aftersale-page .faq .list li a{
    padding:2.0833333333vw 0;
    padding-right:20px;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    border-bottom:1px solid #efeff1
}
.aftersale-page .faq .list li a:hover{
    background-color:#fafafa
}
.aftersale-page .faq .list li a:hover h3{
    transform:translateX(30px)
}
.aftersale-page .faq .list li a .content{
    display:none;
    font-size:16px;
    letter-spacing:.05em;
    line-height:1.875;
    color:#777;
    font-weight:300;
    padding:0 38px;
    width:100%;
    margin-top:20px
}
.aftersale-page .faq .list li a .content .ql-align-center{
    text-align:center
}
.aftersale-page .faq .list li a .content .q-size-small{
    font-size:12px
}
.aftersale-page .faq .list li a .content .q-size-large{
    font-size:20px
}
.aftersale-page .faq .list li a .content .ql-size-huge{
    font-size:32px
}
.aftersale-page .faq .list li a .content em{
    font-style:italic
}
.aftersale-page .faq .list li a .content strong{
    font-weight:700
}
.aftersale-page .faq .list li a .content img{
    max-width:100%
}
.aftersale-page .faq .list li a .content h1{
    font-size:26px
}
.aftersale-page .faq .list li a .content h2{
    font-size:20px
}
.aftersale-page .faq .list li a .content h3{
    font-size:16px
}
.aftersale-page .faq .list li a .content h4{
    font-size:13px
}
.aftersale-page .faq .list li a .content h5,.aftersale-page .faq .list li a .content h6{
    font-size:12px
}
.aftersale-page .faq .list li a h3{
    display:inline-block;
    vertical-align:middle;
    font-size:18px;
    line-height:1.77778;
    letter-spacing:.1em;
    transition:all .3s
}
.aftersale-page .faq .list li a i{
    display:block;
    width:20px;
    height:20px;
    background-color:#000;
    border-radius:50%;
    text-align:center;
    line-height:20px;
    color:#fff;
    font-size:14px;
    position:relative
}
.aftersale-page .faq .list li a i::after,.aftersale-page .faq .list li a i::before{
    content:"";
    display:block;
    position:absolute;
    background-color:#fff;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.aftersale-page .faq .list li a i::before{
    width:50%;
    height:2px
}
.aftersale-page .faq .list li a i::after{
    width:2px;
    height:50%
}
@media screen and (max-width:860px){
    .aftersale-page .faq .list li a i{
        display:none
    }
}
.faq-page .faq{
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden;
    margin-bottom:7.8125vw
}
@media screen and (max-width:1200px){
    .faq-page .faq{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .faq-page .faq{
        padding-left:20px;
        padding-right:20px
    }
}
.faq-page .faq .tabs{
    display:flex;
    flex-wrap:wrap;
    position:relative
}
.faq-page .faq .tabs::before{
    content:"";
    display:block;
    position:absolute;
    left:-200vw;
    bottom:0;
    width:500vw;
    height:2px;
    background-color:#efeff1
}
.faq-page .faq .tabs>li{
    position:relative;
    font-size:16px;
    margin-right:25px;
    padding-bottom:20px;
    box-sizing:content-box
}
.faq-page .faq .tabs>li.active::before,.faq-page .faq .tabs>li:hover::before{
    width:100%
}
.faq-page .faq .tabs>li::before{
    content:"";
    display:block;
    position:absolute;
    bottom:2px;
    height:4px;
    background-color:#000;
    width:0;
    transition:all .3s
}
.faq-page .faq .tabs>li>a{
    display:block;
    font-size:18px;
    font-weight:500
}
.faq-page .faq .list li{
    width:100%
}
.faq-page .faq .list li.active>a i::after{
    display:none
}
.faq-page .faq .list li>a{
    padding:2.0833333333vw 0;
    padding-right:20px;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    border-bottom:1px solid #efeff1
}
.faq-page .faq .list li>a:hover{
    background-color:#fafafa
}
.faq-page .faq .list li>a:hover h3{
    transform:translateX(30px)
}
.faq-page .faq .list li>a h3{
    display:inline-block;
    vertical-align:middle;
    font-size:18px;
    line-height:1.77778;
    letter-spacing:.1em;
    transition:all .3s
}
.faq-page .faq .list li>a i{
    display:block;
    width:20px;
    height:20px;
    background-color:#000;
    border-radius:50%;
    text-align:center;
    line-height:20px;
    color:#fff;
    font-size:14px;
    position:relative
}
.faq-page .faq .list li>a i::after,.faq-page .faq .list li>a i::before{
    content:"";
    display:block;
    position:absolute;
    background-color:#fff;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.faq-page .faq .list li>a i::before{
    width:50%;
    height:2px
}
.faq-page .faq .list li>a i::after{
    width:2px;
    height:50%
}
.faq-page .faq .list li>.content{
    display:none;
    font-size:16px;
    letter-spacing:.05em;
    line-height:1.875;
    color:#777;
    font-weight:300;
    padding:0 38px;
    width:100%;
    margin-top:20px
}
.faq-page .faq .list li>.content .ql-align-center{
    text-align:center
}
.faq-page .faq .list li>.content .q-size-small{
    font-size:12px
}
.faq-page .faq .list li>.content .q-size-large{
    font-size:20px
}
.faq-page .faq .list li>.content .ql-size-huge{
    font-size:32px
}
.faq-page .faq .list li>.content em{
    font-style:italic
}
.faq-page .faq .list li>.content strong{
    font-weight:700
}
.faq-page .faq .list li>.content img{
    max-width:100%
}
.faq-page .faq .list li>.content h1{
    font-size:26px
}
.faq-page .faq .list li>.content h2{
    font-size:20px
}
.faq-page .faq .list li>.content h3{
    font-size:16px
}
.faq-page .faq .list li>.content h4{
    font-size:13px
}
.faq-page .faq .list li>.content h5,.faq-page .faq .list li>.content h6{
    font-size:12px
}
.faq-page .faq .list li>.content a{
    color:#7171f4
}
@media screen and (max-width:860px){
    .faq-page .faq .list li a i{
        display:none
    }
}
.news-page .news{
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden;
    margin-bottom:5.2083333333vw
}
@media screen and (max-width:1200px){
    .news-page .news{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .news-page .news{
        padding-left:20px;
        padding-right:20px
    }
}
.news-page .news .tabs{
    display:flex;
    flex-wrap:wrap;
    position:relative
}
.news-page .news .tabs::before{
    content:"";
    display:block;
    position:absolute;
    left:-200vw;
    bottom:0;
    width:500vw;
    height:2px;
    background-color:#efeff1
}
.news-page .news .tabs>li{
    position:relative;
    font-size:16px;
    margin-right:25px;
    padding-bottom:20px;
    box-sizing:content-box
}
.news-page .news .tabs>li.active::before,.news-page .news .tabs>li:hover::before{
    width:100%
}
.news-page .news .tabs>li::before{
    content:"";
    display:block;
    position:absolute;
    bottom:2px;
    height:4px;
    background-color:#000;
    width:0;
    transition:all .3s
}
.news-page .news .tabs>li>a{
    display:block;
    font-size:18px;
    font-weight:500
}
.news-page .news .list{
    overflow:hidden;
    margin-top:2.0833333333vw
}
.news-page .news .list li{
    width:33.3333333333%;
    display:inline-block;
    float:left
}
.news-page .news .list li a{
    display:block;
    margin:16px
}
.news-page .news .list li a figure .img-box{
    height:100%;
    overflow:hidden
}
.news-page .news .list li a figure .img-box img{
    width:100%;
    display:block;
    transition:all .3s
}
.news-page .news .list li a figure:hover img{
    transform:scale(1.04)
}
.news-page .news .list li a figure figcaption{
    padding:30px 3.125vw 30px 0;
    height:189px
}
.news-page .news .list li a figure figcaption time{
    display:block;
    font-size:16px;
    color:#777
}
.news-page .news .list li a figure figcaption h3{
    line-height:1.66667;
    letter-spacing:.05em;
    font-weight:500;
    margin-top:12px;
    font-size:20px
}
.news-page .news .loading{
    margin-top:1.0416666667vw
}
@media screen and (max-width:960px){
    .news-page .news .list li{
        width:50%
    }
}
@media screen and (max-width:860px){
    .news-page .news .list li{
        width:100%
    }
}
.news-detail-page{
    padding-top:5.7291666667vw
}
.news-detail-page>article{
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden;
    margin-bottom:7.8125vw;
    display:flex;
    flex-wrap:wrap;
    overflow:visible
}
@media screen and (max-width:1200px){
    .news-detail-page>article{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .news-detail-page>article{
        padding-left:20px;
        padding-right:20px
    }
}
.news-detail-page>article>.content,.news-detail-page>article>header{
    width:50%;
    display:inline-block
}
.news-detail-page>article>header{
    height:100%
}
.news-detail-page>article>header .share,.news-detail-page>article>header time{
    font-size:14px;
    color:#777;
    margin-bottom:8px
}
.news-detail-page>article>header h1{
    font-size:36px;
    line-height:1.69444;
    letter-spacing:.05em;
    width:60%
}
.news-detail-page>article>header .share{
    margin-top:50px
}
.news-detail-page>article>header .share a{
    margin:0 8px
}
.news-detail-page>article .content{
    padding-top:30px;
    color:#777;
    font-weight:300;
    letter-spacing:.05em;
    line-height:1.875
}
.news-detail-page>article .content .ql-align-center{
    text-align:center
}
.news-detail-page>article .content .q-size-small{
    font-size:12px
}
.news-detail-page>article .content .q-size-large{
    font-size:20px
}
.news-detail-page>article .content .ql-size-huge{
    font-size:32px
}
.news-detail-page>article .content em{
    font-style:italic
}
.news-detail-page>article .content strong{
    font-weight:700
}
.news-detail-page>article .content img{
    max-width:100%;
    display:block;
    margin:0 auto
}
.news-detail-page>article .content h1{
    font-size:26px
}
.news-detail-page>article .content h2{
    font-size:20px
}
.news-detail-page>article .content h3{
    font-size:16px
}
.news-detail-page>article .content h4{
    font-size:13px
}
.news-detail-page>article .content h5,.news-detail-page>article .content h6{
    font-size:12px
}
.news-detail-page .recommend{
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden;
    background-color:#fafafa;
    padding-top:5.2083333333vw
}
@media screen and (max-width:1200px){
    .news-detail-page .recommend{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .news-detail-page .recommend{
        padding-left:20px;
        padding-right:20px
    }
}
.news-detail-page .recommend>h3{
    font-size:36px;
    line-height:1.69444;
    letter-spacing:.05em;
    font-weight:300;
    text-align:center
}
.news-detail-page .recommend .list{
    overflow:hidden;
    margin-top:2.0833333333vw
}
.news-detail-page .recommend .list li{
    width:33.3333333333%;
    display:inline-block;
    float:left
}
.news-detail-page .recommend .list li a{
    display:block;
    margin:16px
}
.news-detail-page .recommend .list li a:hover figure .img-wrapper img{
    transform:scale(1.04)
}
.news-detail-page .recommend .list li a figure .img-wrapper{
    height:21.1979166667vw;
    overflow:hidden;
    position:relative
}
.news-detail-page .recommend .list li a figure .img-wrapper img{
    width:100%;
    transition:all .3s
}
.news-detail-page .recommend .list li a figure figcaption{
    padding:30px 0;
    height:189px
}
.news-detail-page .recommend .list li a figure figcaption time{
    display:block;
    font-size:16px;
    color:#777
}
.news-detail-page .recommend .list li a figure figcaption h3{
    line-height:1.66667;
    letter-spacing:.05em;
    font-weight:500;
    margin-top:12px;
    font-size:20px
}
.news-detail-page .social-share .icon-weibo:hover{
    background-color:unset!important
}
.news-detail-page .social-share .icon-wechat:hover{
    background-color:unset!important
}
@media screen and (max-width:960px){
    .news-detail-page>article>.content,.news-detail-page>article>header{
        width:100%
    }
    .news-detail-page>article>header h1{
        width:100%;
        font-size:24px
    }
}
@media screen and (max-width:860px){
    .news-detail-page .recommend .list li{
        width:100%
    }
    .news-detail-page .recommend .list li a figure .img-wrapper{
        height:auto
    }
}
.about-page .banner figure figcaption{
    color:#000
}
.about-page .tabs{
    display:flex;
    flex-wrap:wrap;
    position:relative;
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden;
    padding-top:20px;
    width:100%;
    background-color:#fff;
    z-index:1000
}
@media screen and (max-width:1200px){
    .about-page .tabs{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .about-page .tabs{
        padding-left:20px;
        padding-right:20px
    }
}
.about-page .tabs::before{
    content:"";
    display:block;
    position:absolute;
    left:-200vw;
    bottom:0;
    width:500vw;
    height:2px;
    background-color:#efeff1
}
.about-page .tabs>li{
    position:relative;
    font-size:16px;
    margin-right:25px;
    padding-bottom:20px;
    box-sizing:content-box
}
.about-page .tabs>li.active::before,.about-page .tabs>li:hover::before{
    width:100%
}
.about-page .tabs>li::before{
    content:"";
    display:block;
    position:absolute;
    bottom:2px;
    height:4px;
    background-color:#000;
    width:0;
    transition:all .3s
}
.about-page .tabs>li>a{
    display:block;
    font-size:18px;
    font-weight:500
}
.about-page .about-info{
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden;
    margin-top:7.8125vw;
    margin-bottom:7.8125vw
}
@media screen and (max-width:1200px){
    .about-page .about-info{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .about-page .about-info{
        padding-left:20px;
        padding-right:20px
    }
}
.about-page .about-info>.caption:last-child{
    margin-top:5.2083333333vw
}
.about-page .about-info>.caption h6{
    font-size:16px;
    line-height:2;
    letter-spacing:.05em;
    font-weight:300;
    color:#777
}
.about-page .about-info>.caption h3{
    font-size:.4rem;
    line-height:1.5;
    letter-spacing:.05em;
    margin-top:10px
}
.about-page .about-info>.caption article{
    font-size:1em;
    letter-spacing:.05em;
    line-height:1.875;
    color:#777;
    font-weight:300;
    margin-top:10px
}
.about-page .about-info>figure{
    margin-top:5.2083333333vw
}
.about-page .about-info>figure img{
    max-width:100%;
    max-height:590px
}
.about-page .about-info>figure img:nth-child(1){
    width:32%
}
.about-page .about-info>figure img:nth-child(2){
    width:66%;
    float:right
}
.about-page .about-list{
    position:relative
}
.about-page .about-list .img-box{
    position:relative;
    height:36.1458333333vw
}
.about-page .about-list .img-box::after{
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(255,255,255,.2)
}
.about-page .about-list .img-box img{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    display:block;
    opacity:0;
    transition:all .3s
}
.about-page .about-list .img-box img.active{
    opacity:1
}
.about-page .about-list .text-box{
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0
}
.about-page .about-list .text-box li{
    width:33.3333333333%;
    height:100%;
    color:#000;
    padding-left:3.125vw;
    transition:all .3s;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    position:relative
}
.about-page .about-list .text-box li:hover{
    transform:translateY(-20px)
}
.about-page .about-list .text-box li h3{
    font-size:.36rem;
    line-height:1.69444;
    letter-spacing:.05em;
    margin-top:20px;
    width:75%
}
.about-page .about-list .text-box li h5{
    font-size:16px;
    line-height:2;
    color:#777;
    font-weight:300;
    letter-spacing:.05em;
    width:75%
}
.about-page .culture{
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden;
    padding-top:9.8958333333vw
}
@media screen and (max-width:1200px){
    .about-page .culture{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .about-page .culture{
        padding-left:20px;
        padding-right:20px
    }
}
.about-page .culture .cul-list>li{
    position:relative;
    margin:75px 0;
    overflow:hidden
}
.about-page .culture .cul-list>li .slick-dots{
    bottom:-3.125vw
}
.about-page .culture .cul-list>li .arrows{
    display:none;
    width:16px;
    height:16px;
    cursor:pointer;
    text-align:center;
    line-height:30px;
    bottom:20px;
    position:absolute
}
.about-page .culture .cul-list>li .item-desc,.about-page .culture .cul-list>li .item-img{
    width:50%
}
.about-page .culture .cul-list>li .item-img img{
    width:100%;
    display:block
}
.about-page .culture .cul-list>li .item-desc{
    padding-top:40px;
    position:relative;
    height:23.4375vw;
    min-height:250px
}
.about-page .culture .cul-list>li .item-desc img{
    width:100%;
    display:block
}
.about-page .culture .cul-list>li .item-desc h5{
    font-size:16px;
    line-height:2;
    letter-spacing:.05em;
    font-weight:300;
    color:#777
}
.about-page .culture .cul-list>li .item-desc h3{
    font-size:.36rem;
    line-height:1.38889;
    letter-spacing:.05em
}
.about-page .culture .cul-list>li .item-desc p{
    font-size:16px;
    line-height:2;
    letter-spacing:.05em;
    font-weight:300;
    color:#777;
    margin-top:30px
}
.about-page .culture .cul-list>li:nth-child(odd) .item-img{
    float:left
}
.about-page .culture .cul-list>li:nth-child(odd) .item-desc{
    padding-left:7.2916666667vw;
    float:right
}
.about-page .culture .cul-list>li:nth-child(odd) .item-desc .arrow-prev{
    left:7.2916666667vw
}
.about-page .culture .cul-list>li:nth-child(odd) .item-desc .arrow-next{
    left:11.3541666667vw
}
.about-page .culture .cul-list>li:nth-child(even) .item-img{
    float:right
}
.about-page .culture .cul-list>li:nth-child(even) .item-desc{
    padding-right:7.2916666667vw;
    float:left
}
.about-page .culture .cul-list>li:nth-child(even) .item-desc .arrow-prev{
    left:0
}
.about-page .culture .cul-list>li:nth-child(even) .item-desc .arrow-next{
    left:78px
}
.about-page .history{
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden;
    padding-bottom:5.2083333333vw
}
@media screen and (max-width:1200px){
    .about-page .history{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .about-page .history{
        padding-left:20px;
        padding-right:20px
    }
}
.about-page .history .history-list-years{
    position:relative;
    padding:0 40px
}
.about-page .history .history-list-years::before{
    content:"";
    display:block;
    position:absolute;
    left:-200vw;
    bottom:9px;
    width:500vw;
    height:2px;
    background-color:#efeff1
}
.about-page .history .history-list-years .slick-current .box time{
    border-bottom:4px solid #000
}
.about-page .history .history-list-years .slick-slide.hidden{
    visibility:hidden;
    width:0!important
}
.about-page .history .history-list-years .arrows{
    display:block;
    position:absolute;
    top:50%;
    width:20px;
    height:20px;
    text-align:center;
    line-height:20px;
    background-color:#000;
    border-radius:50%;
    z-index:200;
    color:#fff;
    font-size:12px;
    margin-top:-15px
}
.about-page .history .history-list-years .arrows:hover{
    background-color:#999
}
.about-page .history .history-list-years .arrows.arrow-prev{
    left:0
}
.about-page .history .history-list-years .arrows.arrow-next{
    right:0
}
.about-page .history .history-list-years .box{
    display:block;
    text-align:center;
    padding-bottom:10px
}
.about-page .history .history-list-years .box:hover time{
    border-bottom:4px solid #000
}
.about-page .history .history-list-years .box time{
    font-size:18px;
    line-height:2.94444;
    position:relative;
    display:inline-block;
    height:100%;
    width:auto;
    border-bottom:4px solid #fff;
    transition:all .3s
}
.about-page .history .history-list-items{
    margin-top:40px
}
.about-page .history .history-list-items .slick-slide{
    opacity:.3
}
.about-page .history .history-list-items .slick-slide.slick-current,.about-page .history .history-list-items .slick-slide:hover{
    opacity:1
}
.about-page .history .history-list-items .box{
    margin:0 16px
}
.about-page .history .history-list-items .box figure img{
    display:block;
    width:100%
}
.about-page .history .history-list-items .box figcaption{
    padding:30px
}
.about-page .history .history-list-items .box figcaption time{
    display:block;
    font-size:.5rem;
    line-height:1.2
}
.about-page .history .history-list-items .box figcaption h3{
    font-size:20px;
    line-height:1.8;
    letter-spacing:.05em
}
.about-page .history .history-list-items .box figcaption p{
    font-size:16px;
    letter-spacing:.05em;
    line-height:1.875;
    color:#777;
    font-weight:300;
    margin-top:30px
}
@media screen and (max-width:960px){
    .about-page .culture .cul-list>li:first-child{
        margin-top:0
    }
    .about-page .culture .cul-list>li .item-desc,.about-page .culture .cul-list>li .item-img{
        width:100%;
        padding-left:0!important;
        padding-right:0!important
    }
    .about-page .about-list .text-box li h5{
        font-size:12px;
        line-height:1.5;
        width:100%
    }
    .about-page .about-list .text-box li h3{
        font-size:10px;
        margin-top:0;
        width:100%
    }
}
.honor-page .honors{
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden;
    padding-bottom:6.7708333333vw
}
@media screen and (max-width:1200px){
    .honor-page .honors{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .honor-page .honors{
        padding-left:20px;
        padding-right:20px
    }
}
.honor-page .honors .tabs{
    display:flex;
    flex-wrap:wrap;
    position:relative;
    margin-bottom:20px
}
.honor-page .honors .tabs::before{
    content:"";
    display:block;
    position:absolute;
    left:-200vw;
    bottom:0;
    width:500vw;
    height:2px;
    background-color:#efeff1
}
.honor-page .honors .tabs>li{
    position:relative;
    font-size:16px;
    margin-right:25px;
    padding-bottom:20px;
    box-sizing:content-box
}
.honor-page .honors .tabs>li.active::before,.honor-page .honors .tabs>li:hover::before{
    width:100%
}
.honor-page .honors .tabs>li::before{
    content:"";
    display:block;
    position:absolute;
    bottom:2px;
    height:4px;
    background-color:#000;
    width:0;
    transition:all .3s
}
.honor-page .honors .tabs>li>a{
    display:block;
    font-size:18px;
    font-weight:500
}
.honor-page .honors .list{
    overflow:hidden;
    display:flex;
    flex-wrap:wrap
}
.honor-page .honors .list li{
    width:25%
}
.honor-page .honors .list li.active figcaption .more::after{
    display:none
}
.honor-page .honors .list li a{
    margin:16px;
    display:block;
    background-color:#fafafa;
    padding:2.6041666667vw;
    padding-top:0;
    position:relative
}
.honor-page .honors .list li figure{
    height:10.4166666667vw;
    min-height:150px;
    padding-top:2.6041666667vw
}
.honor-page .honors .list li figure img{
    width:100%;
    height:100%;
    display:block
}
.honor-page .honors .list li figcaption{
    margin-top:20px
}
.honor-page .honors .list li figcaption time{
    font-size:24px;
    line-height:1.33333
}
.honor-page .honors .list li figcaption .overflow{
    height:60px;
    overflow:hidden;
    transition:all .3s
}
.honor-page .honors .list li figcaption .overflow article{
    font-size:16px;
    letter-spacing:.05em;
    line-height:1.875;
    color:#777;
    font-weight:300
}
.honor-page .honors .list li figcaption .more{
    position:relative;
    display:block;
    width:20px;
    height:20px;
    border-radius:50%;
    background-color:#000;
    margin-top:40px
}
.honor-page .honors .list li figcaption .more::after,.honor-page .honors .list li figcaption .more::before{
    content:"";
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    background-color:#fff;
    transform:translate(-50%,-50%)
}
.honor-page .honors .list li figcaption .more::before{
    width:8px;
    height:2px
}
.honor-page .honors .list li figcaption .more::after{
    width:2px;
    height:8px
}
@media screen and (max-width:1200px){
    .honor-page .honors .list li{
        width:50%
    }
    .honor-page .honors .list li figure img{
        width:auto;
        height:100%;
        display:block
    }
}
@media screen and (max-width:860px){
    .honor-page .honors .list li{
        width:100%
    }
}
.investor-page .cat-nav ul{
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden;
    width:100%;
    z-index:1000;
    background-color:#fff;
    width:100%
}
@media screen and (max-width:1200px){
    .investor-page .cat-nav ul{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .investor-page .cat-nav ul{
        padding-left:20px;
        padding-right:20px
    }
}
.investor-page .cat-nav ul li{
    position:relative;
    font-size:18px;
    font-weight:500;
    float:left;
    padding:0 15px 1.0416666667vw 15px;
    display:inline-block
}
.investor-page .cat-nav ul li:first-child{
    padding-left:0
}
.investor-page .cat-nav ul li:last-child a:after{
    display:none
}
.investor-page .cat-nav ul li a{
    position:relative;
    display:block;
    cursor:pointer
}
.investor-page .cat-nav ul li a::after{
    content:"";
    position:absolute;
    top:0;
    right:-15px;
    width:2px;
    height:100%;
    background-color:#777
}
.investor-page .cat-nav ul li a::before{
    content:"";
    position:absolute;
    bottom:-.9375vw;
    left:0;
    width:100%;
    height:100%;
    border-bottom:4px solid #000;
    display:none
}
.investor-page .cat-nav ul li.active a::before{
    display:block
}
.investor-page .contact{
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden;
    display:flex;
    flex-wrap:wrap
}
@media screen and (max-width:1200px){
    .investor-page .contact{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .investor-page .contact{
        padding-left:20px;
        padding-right:20px
    }
}
.investor-page .contact li{
    display:inline-block;
    width:25%
}
.investor-page .contact li .box{
    margin:16px;
    padding:2.2395833333vw 0;
    text-align:center;
    background-color:#fafafa
}
.investor-page .contact li .box figure{
    height:150px;
    display:flex;
    display:flex;
    align-items:center;
    justify-content:center
}
.investor-page .contact li .box figcaption{
    font-size:24px;
    line-height:1.33333
}
.investor-page .bhxc,.investor-page .dqbg{
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden
}
@media screen and (max-width:1200px){
    .investor-page .bhxc,.investor-page .dqbg{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .investor-page .bhxc,.investor-page .dqbg{
        padding-left:20px;
        padding-right:20px
    }
}
.investor-page .bhxc .list a,.investor-page .dqbg .list a{
    display:flex;
    align-items:center;
    font-size:16px;
    padding-top:2.0833333333vw;
    padding-bottom:2.0833333333vw;
    border-top:1px solid #efeff1
}
.investor-page .bhxc .list a:hover,.investor-page .dqbg .list a:hover{
    background-color:#fafafa
}
.investor-page .bhxc .list a:hover h3,.investor-page .dqbg .list a:hover h3{
    transform:translateX(30px)
}
.investor-page .bhxc .list a time,.investor-page .dqbg .list a time{
    display:inline-block;
    vertical-align:middle;
    font-size:18px;
    line-height:1.77778;
    margin-right:4.9479166667vw
}
.investor-page .bhxc .list a h3,.investor-page .dqbg .list a h3{
    display:inline-block;
    vertical-align:middle;
    font-size:18px;
    line-height:1.77778;
    letter-spacing:.1em;
    transition:all .3s;
    flex-grow:1
}
.investor-page .bhxc .list a i,.investor-page .dqbg .list a i{
    display:block;
    width:20px;
    height:20px;
    background-color:#000;
    border-radius:50%;
    text-align:center;
    line-height:20px;
    color:#fff;
    font-size:14px
}
.investor-page .bhxc .loading,.investor-page .dqbg .loading{
    margin-top:4.1666666667vw
}
.investor-page .search{
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden;
    background-color:#fafafa;
    padding-top:5.2083333333vw;
    padding-bottom:5.2083333333vw;
    text-align:center
}
@media screen and (max-width:1200px){
    .investor-page .search{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .investor-page .search{
        padding-left:20px;
        padding-right:20px
    }
}
.investor-page .search h3{
    font-size:24px;
    line-height:1.33333;
    letter-spacing:.05em;
    font-weight:500;
    text-align:center;
    margin-top:30px
}
.investor-page .search .btn-default{
    margin-top:30px;
    width:21.3541666667vw;
    min-width:220px
}
.investor-page .bhxc,.investor-page .dqbg,.investor-page .gszl,.investor-page .tzzll{
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden;
    margin:.7rem 0
}
@media screen and (max-width:1200px){
    .investor-page .bhxc,.investor-page .dqbg,.investor-page .gszl,.investor-page .tzzll{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .investor-page .bhxc,.investor-page .dqbg,.investor-page .gszl,.investor-page .tzzll{
        padding-left:20px;
        padding-right:20px
    }
}
.investor-page .bhxc,.investor-page .dqbg,.investor-page .tzzll{
    display:none
}
.investor-page .gszl{
    display:flex;
    justify-content:center
}
.investor-page .gszl img{
    width:8rem
}
@media screen and (max-width:960px){
    .investor-page .contact li{
        width:50%
    }
}
@media screen and (max-width:860px){
    .investor-page .gszl img{
        width:100%
    }
    .investor-page .contact li{
        width:100%
    }
    .investor-page .news .list a h3{
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap
    }
    .investor-page .news .list a i{
        display:none
    }
}
.joinus-page .list{
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden;
    display:flex;
    flex-wrap:wrap;
    padding-bottom:6.7708333333vw
}
@media screen and (max-width:1200px){
    .joinus-page .list{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .joinus-page .list{
        padding-left:20px;
        padding-right:20px
    }
}
.joinus-page .list li{
    width:25%;
    text-align:center
}
.joinus-page .list li a{
    display:block;
    height:14.5833333333vw;
    min-height:200px;
    background-color:#fafafa;
    padding-top:80px;
    margin:16px
}
.joinus-page .list li a:hover figcaption p span::before{
    width:100%
}
.joinus-page .list li a figure img{
    height:50px
}
.joinus-page .list li a figcaption{
    font-size:18px;
    color:#777;
    line-height:1.77778;
    display:inline-block;
    padding-bottom:5px
}
.joinus-page .list li a figcaption p span{
    position:relative;
    padding-bottom:5px
}
.joinus-page .list li a figcaption p span::before{
    content:"";
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    width:0;
    height:1px;
    background-color:#000;
    transition:all .3s
}
@media screen and (max-width:960px){
    .joinus-page .list li{
        width:50%
    }
}
@media screen and (max-width:860px){
    .joinus-page .list li{
        width:100%
    }
}
.contact-page .contact{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    align-items:center
}
.contact-page .contact .info,.contact-page .contact .pic{
    display:inline-block;
    vertical-align:top;
    width:50%
}
.contact-page .contact .info{
    padding-left:14.5833333333%;
    padding-right:6.25vw
}
.contact-page .contact .info h3{
    font-size:36px;
    line-height:1.69444;
    letter-spacing:.05em
}
.contact-page .contact .info p{
    font-size:16px;
    line-height:2;
    letter-spacing:.05em;
    color:#777;
    font-weight:300
}
.contact-page .contact .info address{
    margin-top:2.6041666667vw
}
.contact-page .contact .pic img{
    display:block
}
@media screen and (max-width:860px){
    .contact-page .contact{
        padding-top:5.2083333333vw;
        padding-bottom:5.2083333333vw
    }
    .contact-page .contact .info{
        width:100%
    }
    .contact-page .contact .pic{
        display:none
    }
}
.agent-page .crumbs ul{
    background-color:#fafafa;
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden;
    width:100%;
    z-index:2000;
    text-align:right;
    overflow:auto;
    white-space:nowrap
}
@media screen and (max-width:1200px){
    .agent-page .crumbs ul{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .agent-page .crumbs ul{
        padding-left:20px;
        padding-right:20px
    }
}
.agent-page .crumbs ul li{
    padding:1.0416666667vw 0;
    display:inline-block
}
.agent-page .crumbs ul li:last-child a{
    border-right:none
}
.agent-page .crumbs ul li a{
    padding:0 1.0416666667vw;
    font-size:1em;
    line-height:2.5;
    letter-spacing:.1em;
    font-weight:300;
    color:#777;
    border-right:1px solid #ccc;
    box-sizing:content-box
}
.agent-page .crumbs ul li a.active,.agent-page .crumbs ul li a:hover{
    color:#000
}
.agent-page .tabs{
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden;
    white-space:nowrap;
    position:relative
}
@media screen and (max-width:1200px){
    .agent-page .tabs{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .agent-page .tabs{
        padding-left:20px;
        padding-right:20px
    }
}
.agent-page .tabs::before{
    content:"";
    display:block;
    position:absolute;
    left:-200vw;
    bottom:0;
    width:500vw;
    height:2px;
    background-color:#efeff1
}
.agent-page .tabs>li{
    position:relative;
    font-size:16px;
    margin-right:25px;
    padding-bottom:20px;
    box-sizing:content-box;
    display:inline-block
}
.agent-page .tabs>li.active::before,.agent-page .tabs>li:hover::before{
    width:100%
}
.agent-page .tabs>li::before{
    content:"";
    display:block;
    position:absolute;
    bottom:2px;
    height:4px;
    background-color:#000;
    width:0;
    transition:all .3s
}
.agent-page .tabs>li>a{
    display:block;
    font-size:18px;
    font-weight:500
}
.agent-page .map{
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden;
    margin-bottom:5.2083333333vw;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
    background-color:#fafafa
}
@media screen and (max-width:1200px){
    .agent-page .map{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .agent-page .map{
        padding-left:20px;
        padding-right:20px
    }
}
.agent-page .map .baiduMap,.agent-page .map .filter{
    width:50%
}
.agent-page .map .baiduMap{
    height:700px
}
.agent-page .map .filter{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column
}
.agent-page .map .filter .group-controls{
    width:26.0416666667vw;
    min-width:300px
}
.agent-page .map .filter .group-controls label{
    display:block;
    color:#777
}
.agent-page .map .filter .group-controls select{
    height:45px;
    border:1px solid #efeff1;
    color:#777;
    width:100%;
    margin-top:10px
}
.agent-page .map .filter .group-controls~.group-controls{
    margin-top:20px
}
.agent-page .map .filter .group-info{
    margin-top:40px;
    width:26.0416666667vw;
    min-width:300px;
    line-height:2;
    font-weight:300
}
@media screen and (max-width:1200px){
    .agent-page .map .baiduMap{
        width:65%;
        height:500px
    }
    .agent-page .map .filter{
        width:30%
    }
}
@media screen and (max-width:960px){
    .agent-page .map .baiduMap,.agent-page .map .filter{
        width:100%
    }
    .agent-page .map .baiduMap{
        height:400px
    }
    .agent-page .map .filter{
        margin:6.25vw 0
    }
}
@media screen and (max-width:860px){
    .agent-page .tabs{
        overflow:auto
    }
}
.agent-cn-page .crumbs ul{
    background-color:#fafafa;
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden;
    width:100%;
    z-index:2000;
    text-align:right;
    overflow:auto;
    white-space:nowrap
}
@media screen and (max-width:1200px){
    .agent-cn-page .crumbs ul{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .agent-cn-page .crumbs ul{
        padding-left:20px;
        padding-right:20px
    }
}
.agent-cn-page .crumbs ul li{
    padding:1.0416666667vw 0;
    display:inline-block
}
.agent-cn-page .crumbs ul li:last-child a{
    border-right:none
}
.agent-cn-page .crumbs ul li a{
    padding:0 1.0416666667vw;
    font-size:1em;
    line-height:2.5;
    letter-spacing:.1em;
    font-weight:300;
    color:#777;
    border-right:1px solid #ccc;
    box-sizing:content-box
}
.agent-cn-page .crumbs ul li a.active,.agent-cn-page .crumbs ul li a:hover{
    color:#000
}
.agent-cn-page .tabs{
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden;
    white-space:nowrap;
    position:relative
}
@media screen and (max-width:1200px){
    .agent-cn-page .tabs{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .agent-cn-page .tabs{
        padding-left:20px;
        padding-right:20px
    }
}
.agent-cn-page .tabs::before{
    content:"";
    display:block;
    position:absolute;
    left:-200vw;
    bottom:0;
    width:500vw;
    height:2px;
    background-color:#efeff1
}
.agent-cn-page .tabs>li{
    position:relative;
    font-size:16px;
    margin-right:25px;
    padding-bottom:20px;
    box-sizing:content-box;
    display:inline-block
}
.agent-cn-page .tabs>li.active::before,.agent-cn-page .tabs>li:hover::before{
    width:100%
}
.agent-cn-page .tabs>li::before{
    content:"";
    display:block;
    position:absolute;
    bottom:2px;
    height:4px;
    background-color:#000;
    width:0;
    transition:all .3s
}
.agent-cn-page .tabs>li>a{
    display:block;
    font-size:18px;
    font-weight:500
}
.agent-cn-page .map{
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden;
    margin-bottom:5.2083333333vw;
    padding-top:5.2083333333vw;
    padding-bottom:5.2083333333vw;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center
}
@media screen and (max-width:1200px){
    .agent-cn-page .map{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .agent-cn-page .map{
        padding-left:20px;
        padding-right:20px
    }
}
.agent-cn-page .map .baiduMap{
    height:700px
}
.agent-cn-page .map .filter{
    width:100%
}
.agent-cn-page .map .filter>.agents{
    display:flex;
    justify-content:space-between;
    margin-top:20px;
    padding:55px;
    background-color:#fafafa
}
.agent-cn-page .map .filter>.agents>div{
    flex-grow:1
}
.agent-cn-page .map .filter>.agents>div:first-child{
    margin-right:20px
}
.agent-cn-page .map .filter>.agents>div:last-child{
    margin-left:20px
}
.agent-cn-page .map .filter .group-controls{
    width:100%
}
.agent-cn-page .map .filter .group-controls label{
    display:block;
    color:#777
}
.agent-cn-page .map .filter .group-controls select{
    height:45px;
    border:1px solid #efeff1;
    color:#777;
    width:100%;
    margin-top:10px
}
.agent-cn-page .map .filter .group-controls~.group-controls{
    margin-top:60px
}
.agent-cn-page .map .filter .group-info{
    margin-top:60px;
    width:26.0416666667vw;
    min-width:300px;
    line-height:2;
    font-weight:300
}
@media screen and (max-width:1200px){
    .agent-cn-page .map .filter .agents{
        justify-content:space-between
    }
    .agent-cn-page .map .filter .agents>div:first-child{
        margin-right:0
    }
    .agent-cn-page .map .filter .agents>div:last-child{
        margin-right:0
    }
}
@media screen and (max-width:860px){
    .agent-cn-page .tabs{
        overflow:auto
    }
    .agent-cn-page .map .filter .agents{
        flex-wrap:wrap;
        padding:0
    }
    .agent-cn-page .map .filter .agents>div{
        width:100%
    }
    .agent-cn-page .map .filter .agents>div:first-child{
        margin-right:0
    }
    .agent-cn-page .map .filter .agents>div:last-child{
        margin-left:0
    }
    .agent-cn-page .map .filter .agents:last-child>div:first-child{
        margin-bottom:40px
    }
    .agent-cn-page .map .filter .agents .group-info img{
        display:none
    }
}
.shop-page .crumbs ul{
    background-color:#fafafa;
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden;
    width:100%;
    z-index:2000;
    text-align:right;
    overflow:auto;
    white-space:nowrap
}
@media screen and (max-width:1200px){
    .shop-page .crumbs ul{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .shop-page .crumbs ul{
        padding-left:20px;
        padding-right:20px
    }
}
.shop-page .crumbs ul li{
    padding:1.0416666667vw 0;
    display:inline-block
}
.shop-page .crumbs ul li:last-child a{
    border-right:none
}
.shop-page .crumbs ul li a{
    padding:0 1.0416666667vw;
    font-size:1em;
    line-height:2.5;
    letter-spacing:.1em;
    font-weight:300;
    color:#777;
    border-right:1px solid #ccc;
    box-sizing:content-box
}
.shop-page .crumbs ul li a.active,.shop-page .crumbs ul li a:hover{
    color:#000
}
.shop-page .tabs{
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden;
    white-space:nowrap;
    position:relative
}
@media screen and (max-width:1200px){
    .shop-page .tabs{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .shop-page .tabs{
        padding-left:20px;
        padding-right:20px
    }
}
.shop-page .tabs::before{
    content:"";
    display:block;
    position:absolute;
    left:-200vw;
    bottom:0;
    width:500vw;
    height:2px;
    background-color:#efeff1
}
.shop-page .tabs>li{
    position:relative;
    font-size:16px;
    margin-right:25px;
    padding-bottom:20px;
    box-sizing:content-box;
    display:inline-block
}
.shop-page .tabs>li.active::before,.shop-page .tabs>li:hover::before{
    width:100%
}
.shop-page .tabs>li::before{
    content:"";
    display:block;
    position:absolute;
    bottom:2px;
    height:4px;
    background-color:#000;
    width:0;
    transition:all .3s
}
.shop-page .tabs>li>a{
    display:block;
    font-size:18px;
    font-weight:500
}
.shop-page .list{
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden;
    display:flex;
    flex-wrap:wrap;
    padding-bottom:6.7708333333vw;
    padding-top:40px
}
@media screen and (max-width:1200px){
    .shop-page .list{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .shop-page .list{
        padding-left:20px;
        padding-right:20px
    }
}
.shop-page .list li{
    width:25%
}
.shop-page .list li a{
    display:block;
    height:14.5833333333vw;
    min-height:200px;
    background-color:#fafafa;
    padding:2.6041666667vw;
    margin:16px
}
.shop-page .list li a:hover figcaption span::before{
    width:100%
}
.shop-page .list li a figure img{
    display:block;
    width:50px;
    height:28px
}
.shop-page .list li a figcaption{
    font-size:18px;
    line-height:1.77778;
    margin-top:2.6041666667vw
}
.shop-page .list li a figcaption h3{
    font-size:24px;
    line-height:1.33333;
    letter-spacing:.05em
}
.shop-page .list li a figcaption span{
    position:relative;
    font-weight:300;
    display:inline-block;
    padding-bottom:5px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    width:100%
}
.shop-page .list li a figcaption span::before{
    content:"";
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    width:0;
    height:1px;
    background-color:#000;
    transition:all .3s
}
@media screen and (max-width:960px){
    .shop-page .list li{
        width:50%
    }
}
@media screen and (max-width:860px){
    .shop-page .tabs{
        overflow:auto
    }
    .shop-page .list li{
        width:100%
    }
}
.search-page .result{
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden;
    padding-top:30px
}
@media screen and (max-width:1200px){
    .search-page .result{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .search-page .result{
        padding-left:20px;
        padding-right:20px
    }
}
.search-page .result .serch-form{
    display:flex;
    align-items:center;
    margin:3.125vw 0
}
.search-page .result .serch-form input{
    font-size:.6rem;
    border:none;
    border-bottom:1px solid #dadada;
    flex-grow:1
}
.search-page .result .serch-form i{
    width:20px;
    height:20px;
    display:block;
    border-radius:50%;
    background-color:#000;
    color:#fff;
    cursor:pointer
}
.search-page .result .serch-form i::before{
    font-size:20px
}
.search-page .result h3{
    font-size:24px
}
.search-page .result span{
    font-size:16px;
    color:#777
}
.search-page .products{
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden
}
@media screen and (max-width:1200px){
    .search-page .products{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .search-page .products{
        padding-left:20px;
        padding-right:20px
    }
}
.search-page .products ul{
    display:flex;
    flex-wrap:wrap;
    margin-top:2.6041666667vw;
    margin-bottom:3.125vw
}
.search-page .products ul.game{
    margin-top:unset
}
.search-page .products ul.game li{
    color:#fff
}
.search-page .products ul.game li.active a{
    background-color:#333
}
.search-page .products ul.game li a{
    background-color:#4b4b4b
}
.search-page .products ul.game li .dots button.active::before{
    border-color:#fff
}
.search-page .products ul li{
    width:25%
}
.search-page .products ul li.sizer{
    width:25%
}
.search-page .products ul li.wd{
    width:50%
}
.search-page .products ul li.wd a figure img{
    width:80%
}
.search-page .products ul li.active a{
    background-color:#f1f1f1
}
.search-page .products ul li a{
    margin:.46875vw;
    display:block;
    text-align:center;
    transition:all .3s;
    background-color:#fafafa
}
.search-page .products ul li a figure{
    position:relative;
    padding-top:19.0625vw
}
.search-page .products ul li a figure img{
    display:none;
    width:65%;
    position:absolute;
    top:45%;
    left:50%;
    transform:translate(-50%,-50%)
}
.search-page .products ul li a figure img:first-child{
    display:inline-block
}
.search-page .products ul li a figure figcaption{
    letter-spacing:.1em
}
.search-page .products ul li a figure figcaption h3{
    font-size:.28rem;
    height:45px;
    line-height:45px
}
.search-page .products ul li a figure figcaption p{
    font-size:16px;
    line-height:2.5;
    color:#777;
    font-weight:200;
    overflow:hidden;
    text-overflow:ellipsis;
    height:35px
}
.search-page .products ul li a .dots{
    padding:16px 0;
    height:24px;
    box-sizing:content-box;
    display:flex;
    justify-content:center;
    align-items:center
}
.search-page .products ul li a .dots button{
    display:inline-block;
    border-radius:50%;
    width:12px;
    height:12px;
    border:none;
    position:relative;
    padding:0
}
.search-page .products ul li a .dots button.active::before{
    content:"";
    border:1px solid #777;
    width:15px;
    height:15px;
    border-radius:50%;
    display:inline-block;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%)
}
.search-page .products ul li a .dots button::before{
    display:none
}
.search-page .products ul li a .dots button~button{
    margin-left:7px
}
.search-page .products .item .wrap{
    padding:4.6875vw;
    display:flex;
    align-items:center;
    background-color:#fafafa;
    margin:16px 0
}
.search-page .products .item .wrap .img-box{
    width:50%;
    position:relative;
    height:11.9791666667vw;
    min-height:200px;
    text-align:center
}
.search-page .products .item .wrap .img-box.wd a img{
    width:100%;
    height:auto
}
.search-page .products .item .wrap .img-box a{
    height:100%;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center
}
.search-page .products .item .wrap .img-box a img{
    display:block;
    height:100%;
    width:auto
}
.search-page .products .item .wrap .info-box{
    width:50%;
    padding-left:30px
}
.search-page .products .item .wrap .info-box h3{
    font-size:36px
}
.search-page .products .item .wrap .info-box p{
    font-size:16px;
    color:#777
}
.search-page .documents{
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden;
    padding-top:3.125vw;
    padding-bottom:3.125vw
}
@media screen and (max-width:1200px){
    .search-page .documents{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .search-page .documents{
        padding-left:20px;
        padding-right:20px
    }
}
.search-page .documents h3{
    font-size:24px
}
.search-page .documents .list li:first-child a{
    border:none
}
.search-page .documents .list li a{
    padding:2.0833333333vw 0;
    display:flex;
    justify-content:space-between;
    border-top:1px solid #efeff1
}
.search-page .documents .list li a:hover{
    background-color:#fafafa
}
.search-page .documents .list li a:hover h3{
    transform:translateX(30px)
}
.search-page .documents .list li a h3{
    display:inline-block;
    vertical-align:middle;
    font-size:18px;
    line-height:1.77778;
    letter-spacing:.1em;
    transition:all .3s;
    flex-grow:1;
    overflow:hidden;
    text-overflow:ellipsis;
    word-break:break-all
}
.search-page .documents .list li a i{
    display:block;
    width:20px;
    height:20px;
    background-color:#000;
    border-radius:50%;
    text-align:center;
    line-height:20px;
    color:#fff;
    font-size:14px
}
.search-page .news{
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden;
    padding-top:3.125vw;
    padding-bottom:3.125vw
}
@media screen and (max-width:1200px){
    .search-page .news{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .search-page .news{
        padding-left:20px;
        padding-right:20px
    }
}
.search-page .news h3{
    font-size:24px
}
.search-page .news .list li:first-child a{
    border:none
}
.search-page .news .list li a{
    display:flex;
    align-items:center;
    font-size:16px;
    padding-top:2.0833333333vw;
    padding-bottom:2.0833333333vw;
    border-top:1px solid #efeff1
}
.search-page .news .list li a:hover{
    background-color:#fafafa
}
.search-page .news .list li a:hover h3{
    transform:translateX(30px)
}
.search-page .news .list li a time{
    display:inline-block;
    vertical-align:middle;
    font-size:18px;
    line-height:1.77778;
    margin-right:4.9479166667vw
}
.search-page .news .list li a h3{
    display:inline-block;
    vertical-align:middle;
    font-size:18px;
    line-height:1.77778;
    letter-spacing:.1em;
    transition:all .3s;
    flex-grow:1;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.search-page .news .list li a i{
    display:block;
    width:20px;
    height:20px;
    background-color:#000;
    border-radius:50%;
    text-align:center;
    line-height:20px;
    color:#fff;
    font-size:14px
}
@media screen and (max-width:1200px){
    .search-page .documents .list li a i,.search-page .news .list li a i{
        display:none
    }
}
@media screen and (max-width:860px){
    .search-page .products ul li{
        width:50%;
        order:0
    }
    .search-page .products ul li.wd{
        order:1;
        width:100%
    }
    .search-page .products ul li a figure{
        padding-top:140px
    }
    .search-page .products ul li a figure img{
        top:40%
    }
    .search-page .products ul li a figure figcaption p{
        line-height:1.2;
        font-size:14px;
        margin-top:10px
    }
    .search-page .products .item .wrap .img-box a img{
        width:100%;
        height:auto
    }
    .search-page .products .item .wrap .info-box h3{
        font-size:24px
    }
    .search-page .news .list li a time{
        display:none
    }
}
.product-list-page.viot-page .imgs{
    padding-left:8.3333333333%;
    padding-right:8.3333333333%;
    overflow:hidden;
    display:grid;
    grid-template-columns:50% 50%;
    grid-column-gap:20px;
    grid-row-gap:20px;
    margin-bottom:5.2083333333vw
}
@media screen and (max-width:1200px){
    .product-list-page.viot-page .imgs{
        padding-left:5%;
        padding-right:5%
    }
}
@media screen and (max-width:960px){
    .product-list-page.viot-page .imgs{
        padding-left:20px;
        padding-right:20px
    }
}
.product-list-page.viot-page .imgs img{
    display:inline-block;
    width:100%
}
@media screen and (max-width:860px){
    .product-list-page.viot-page .imgs{
        grid-column-gap:unset;
        grid-row-gap:10px;
        grid-template-columns:100%
    }
}
.snquery-page .query{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    align-items:center
}
.snquery-page .query .info,.snquery-page .query .pic{
    display:inline-block;
    vertical-align:top;
    width:50%
}
.snquery-page .query .info{
    padding-left:14.5833333333%;
    padding-right:6.25vw
}
.snquery-page .query .info h3{
    font-size:36px;
    line-height:1.69444;
    letter-spacing:.05em
}
.snquery-page .query .info p{
    font-size:16px;
    line-height:2;
    letter-spacing:.05em;
    color:#777;
    font-weight:300
}
.snquery-page .query .info .result-info{
    background:#c7c7c7;
    border-radius:2px;
    border:none
}
.snquery-page .query .info .sninputdiv{
    position:relative;
    margin-top:40px;
    margin-bottom:36px;
    display:flex;
    align-items:center
}
.snquery-page .query .info .sninputdiv::before{
    position:absolute;
    color:#fff;
    z-index:100;
    left:10px;
    font-weight:700
}
.snquery-page .query .info .sninputdiv .input{
    position:relative;
    color:#fff
}
.snquery-page .query .info .sninputdiv .input::-moz-placeholder{
    color:#fff;
    font-weight:200
}
.snquery-page .query .info .sninputdiv .input::placeholder{
    color:#fff;
    font-weight:200
}
.snquery-page .query .info .sninputdiv .input .icon-icon-searchs{
    position:absolute;
    left:10px
}
.snquery-page .query .info .sninputdiv .sn{
    width:25.1041666667vw;
    padding:10px 10px 10px 37px
}
.snquery-page .query .info .result{
    color:#4d4d4d
}
.snquery-page .query .info .result .title{
    font-weight:700;
    margin-bottom:20px
}
.snquery-page .query .info .result .item{
    margin:10px 0;
    display:flex;
    align-items:center;
    flex-wrap:wrap
}
.snquery-page .query .info .result .item>span:first-child{
    margin-right:10px
}
.snquery-page .query .info .result .item>span:last-child{
    padding:5px 10px;
    width:70%;
    background:#e8e8e8;
    white-space:nowrap
}
.snquery-page .query .pic img{
    display:block
}
@media screen and (max-width:860px){
    .snquery-page .query{
        padding-top:5.2083333333vw;
        padding-bottom:5.2083333333vw
    }
    .snquery-page .query .info{
        width:100%;
        padding:0 6.25vw
    }
    .snquery-page .query .info .sninputdiv .sn{
        width:100%
    }
    .snquery-page .query .info .result .item>span:first-child{
        flex-shrink:0
    }
    .snquery-page .query .info .result .item>span:last-child{
        width:100%;
        margin-top:10px
    }
    .snquery-page .query .pic{
        display:none
    }
}