@charset "UTF-8";
@media screen and (max-width:1670px) {
    .imBlock2 .videobox video.video {
        width: auto;
        height: 100%
    }
}

@media screen and (max-width:1480px) {
    .headNav ul li a {
        padding: 0 .05rem
    }
}

@media screen and (max-width:1280px) {
    .header .logobox {
        width: 1.2rem
    }
    .header .hbtnbox {
        margin: 0 .05rem
    }
    .header .hbtnbox a {
        width: 1.3rem
    }
    .headNav ul li a {
        font-size: .14rem
    }
    .header .headRight {
        padding-top: 0
    }
    .m-Cmainbox {
        padding-left: 2.6rem
    }
    .m-Cmainbox .m-sidemenu {
        width: 2.6rem
    }
    .m-Cmainbox .m-sidemenu ul li a {
        padding: .1rem .15rem
    }
    .m-Cmainbox .rArticlebox {
        padding: 0 .8rem .6rem .3rem
    }
    .m-Cmainbox2 .tra-pla-box {
        padding-left: .3rem
    }
    .feaListbox ul li {
        padding: .1rem
    }
    .feaListbox ul li .innerLibox {
        padding: .2rem
    }
    .feaListbox ul li .innerLibox .tit {
        padding-left: .52rem;
        font-size: .18rem;
        min-height: .42rem
    }
    .tabListbox .m-main,
    .tabListbox .m-menu {
        padding: .1rem .3rem .1rem .4rem
    }
    .feaListbox ul li .innerLibox .tit .icon {
        width: .42rem;
        height: .42rem
    }
    .feaListbox ul li .innerLibox .tit .icon img {
        width: 55%
    }
    .conTitbox1 h2 {
        font-size: .26rem
    }
    .tabListbox {
        margin: .2rem 0 .4rem
    }
    .tabListbox .m-menu .tit {
        font-size: .18rem
    }
    .tabListbox .m-menu .licon {
        width: .26rem
    }
    .tabListbox2 .m-main,
    .tabListbox2 .m-menu {
        padding-left: 0 !important
    }
    .indexBan {
        height: 5.2rem
    }
    .indexBan .swiper-container>ul li .cenTxt h2 {
        font-size: .3rem
    }
    .indexBan .swiper-container>ul li .cenTxt .m-btnstyle1 {
        width: 2.4rem;
        margin: .1rem 0
    }
    .accountTabbox .wrapper {
        margin-top: .78rem
    }
    .accountTabbox .tMain .item .num {
        font-size: .38rem
    }
    .imBlock1 .wrapper {
        margin-top: .96rem
    }
    .imBlock1 .lmbox h2 {
        font-size: .24rem
    }
    .withdrawBox .tabMenu ul li {
        width: .97rem
    }
    .m-article h2 {
        font-size: .18rem
    }
    .m-article h2,
    .m-article h3,
    .m-article p {
        padding: .1rem 0
    }
    .newsListbox,
    .page-newsDetails {
        padding: 0 .3rem .6rem
    }
}

@media screen and (max-width:1024px) {
    .wrapper {
        padding-left: .15rem;
        padding-right: .15rem
    }
    .header .logobox {
        width: 1rem
    }
    .headNav ul li a:after {
        bottom: -.05rem
    }
    .footer .fbotbox .wrapper {
        padding: .2rem .1rem
    }
}

@media screen and (max-width:1023px) {
    .fContactbox,
    .footer .fbotbox {
        text-align: center
    }
    .header .topHead {
        height: .6rem
    }
    .header .topHead .hright .m-th1 a,
    .header .topHead .hright .m-th2 a {
        padding-left: 30px
    }
    .header .topHead .hright .lanChange,
    .header .topHead .hright .row {
        line-height: .6rem;
        font-size: .22rem
    }
    .header .headRight {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        padding-top: 1.4rem;
        background-color: #151934;
        display: none;
        opacity: 0;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        transition: all .3s ease-out
    }
    .header .headRight.active {
        display: block;
        opacity: 1
    }
    .header .headRight .headNav {
        float: none
    }
    .header .innerMain {
        padding: .25rem 0
    }
    .header .innerMain .wrapper {
        min-height: .4rem
    }
    .header .logobox {
        float: none;
        position: absolute;
        left: .3rem;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        z-index: 2
    }
    .header .hbtnbox {
        margin: .25rem .1rem .25rem .25rem
    }
    .header .hbtnbox a {
        width: 2rem;
        line-height: .55rem
    }
    .headNav {
        margin: .25rem 0
    }
    .headNav ul li {
        float: none;
        display: block;
        margin: 0;
        padding: .15rem .25rem
    }
    .headNav ul li a {
        display: inline-block;
        font-size: .2rem;
        line-height: 2em
    }
    .headNav ul li a:after {
        left: 0;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    .headNav ul li a.active:after,
    .headNav ul li a:hover:after {
        width: 35%
    }
    .m-mobshow {
        display: block
    }
    .m-pcshow {
        display: none
    }
    .m-btnstyle2 {
        font-size: .22rem
    }
    .accountTabbox .tMain .item,
    .imBlock1 .mrow {
        float: none;
        width: 100%
    }
    .imBlock1 .lmbox {
        padding-right: 0;
        margin-bottom: .5rem
    }
    .imBlock1 .lmbox .btnLearnmore {
        display: block;
        margin: 0 auto
    }
    .imBlock1 .rmbox {
        padding-left: 0
    }
    .imBlock1 .rmbox .tiptxt {
        font-size: .18rem
    }
    .quotationBox .pBox,
    .quotationBox .table1 .thead {
        font-size: .24rem;
        line-height: .6rem
    }
    .imBlock1 .rmbox .quotationBox {
        margin: 0 auto;
        width: 100%
    }
    .quotationBox .pBox {
        height: .6rem
    }
    .table1 .tbody .tr {
        font-size: .22rem;
        height: .6rem;
        line-height: .6rem
    }
    .etoAdvantage .slidesToptxt ul li .intxt {
        padding: 0 .3rem
    }
    .etoAdvantage .mTopbox {
        margin-top: .8rem
    }
    .etoAdvantage .slidesBotdot ul li {
        width: .25rem !important;
        height: .25rem;
        /* top: .12rem; */
        font-size: .22rem
    }
    .newsBlock .newsList {
        padding-top: .9rem
    }
    .newsItems .text .ntit {
        font-size: .24rem
    }
    .newsItems .text .date {
        font-size: .18rem
    }
    .newsItems .text .info {
        font-size: .2rem
    }
    .newsItems .text .btnReadmore {
        font-size: .16rem
    }
    .m-arrowBox .swiper-button-next,
    .m-arrowBox .swiper-button-prev {
        width: .55rem;
        height: .55rem;
        line-height: .55rem;
        font-size: .32rem
    }
    .footer .fbotbox,
    .footer .fbotbox .flink ul li a {
        line-height: 1.6em;
        font-size: .2rem
    }
    .comPartnerbox .m-arrowBox .swiper-button-next,
    .comPartnerbox .m-arrowBox .swiper-button-prev {
        margin: 0
    }
    .comPartnerbox .partnerListbox ul li .pimg {
        padding-right: .2rem
    }
    .acceptingBox .partnerListbox {
        padding: 0 .55rem
    }
    .flinkbox {
        display: none
    }
    .fContactbox .fcontactmain,fProductbox ,
    .footer .fbotbox .flink ul li {
        display: inline-block;
        float: none
    }
    .fContactbox {
        padding: .4rem
    }
    .fContactbox .row {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: .4rem;
        font-size: .2rem;
        padding-left: .6rem
    }

    .fProductbox .row {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: .4rem;
        font-size: .2rem;
        padding-left: .6rem
    }
    .fContactbox .row .icon {
        width: .35rem
    }
    .fContactbox .sharebox {
        float: none
    }
    .fProductbox {
        padding: .4rem
    }
    .fProductbox .row {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: .4rem;
        font-size: .2rem;
        padding-left: .6rem
    }
    .footer {
        padding-bottom: .8rem
    }
    .footer .fbotbox .flink {
        float: none;
        padding-bottom: .25rem
    }
    .footer .fbotbox .copyright {
        float: none;
        display: none
    }
    .m-Cmainbox .m-sidemenu ul li,
    .sharebox ul li {
        display: inline-block
    }
    .footer .fbotbox .ftxt {
        width: 100%
    }
    .footer .btnContact {
        width: 90%;
        right: auto;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        font-size: .22rem;
        height: .6rem;
        line-height: .6rem
    }
    .footer .btnContact .icon {
        width: .4rem
    }
    .sharebox ul li {
        float: none
    }
    .sharebox ul li a {
        font-size: .34rem
    }
    .indexBan {
        height: 420px
    }
    .indexBan .swiper-container>ul li .cenTxt h2 {
        white-space: inherit
    }
    .indexBan .swiper-container>ul li .cenTxt {
        width: 100%;
        padding: 0 .25rem
    }
    .m-Cmainbox {
        padding-left: 0
    }
    .m-Cmainbox .m-sidemenu {
        position: static;
        width: 100%
    }
    .m-Cmainbox .m-sidemenu ul li a {
        font-size: .24rem
    }
    .m-Cmainbox .rArticlebox {
        padding: .5rem .3rem
    }
    .tabListbox .m-main,
    .tabListbox .m-menu {
        padding: .2rem .3rem .2rem .4rem
    }
    .whitebox {
        display: none
    }
    .m-article {
        font-size: .22rem;
        line-height: 2em
    }
    .conTitbox1 h2 {
        font-size: .32rem
    }
    .tabListbox .m-menu .tit {
        font-size: .22rem
    }
    .t-table1,
    .tabListbox .m-main {
        font-size: .2rem
    }
    .lftBox {
        font-size: .18rem
    }
    .innerpageHeader .headRight {
        background-color: #fff
    }
    .feaListbox {
        padding-bottom: .3rem
    }
    .feaListbox ul li {
        width: 50%
    }
    .feaListbox ul li .innerLibox .tit {
        font-size: .24rem
    }
    .feaListbox ul li .infobox {
        font-size: .18rem
    }
    .featureBox {
        padding: 0
    }
    .featureBox .conTitbox1 {
        padding: .2rem
    }
    .downloadBox .tabBox .m-tabMenu ul li {
        width: 1.4rem;
        font-size: .2rem;
        padding-left: .3rem;
        margin: 0 .05rem
    }
    .downloadBox .tabBox .m-tabMenu ul li .icon {
        width: .3rem
    }
    .downloadBox .tabBox .m-tabMain .m-block .ltxt {
        float: none;
        width: 100%
    }
    .downloadBox .tabBox .m-tabMain .m-block .rimg {
        float: none;
        padding: .35rem .2rem;
        width: 100%
    }
    .m-btnstyle4 .icon {
        width: .3rem
    }
    .glossaryBox .linkBox ul li a {
        width: .5rem;
        height: .5rem;
        line-height: .5rem;
        font-size: .26rem
    }
    .lftBox h3 {
        font-size: .26rem
    }
    .lftBox h2 {
        font-size: .3rem
    }
    .m-article h3 {
        font-size: .2rem
    }
    .t-table1 .tr .td {
        word-break: break-all
    }
    .fromBox .inform .menu ul li {
        font-size: .22rem;
        line-height: .55rem
    }
    .m-input-style1 {
        font-size: .2rem
    }
    .botLinkbox ul li a,
    .f-focus {
        font-size: .18rem
    }
    .whyItems .w-img {
        float: none !important;
        width: 100%;
        margin-bottom: .35rem
    }
    .whyItems .w-img img {
        margin: 0 auto
    }
    .whyItems .w-txt {
        float: none !important;
        width: 100%;
        padding: 0 !important
    }
    .addressInfo .wrapper {
        width: 100%
    }
}

@media screen and (max-width:414px) {
    .imBlock2 .listbox {
        padding: .3rem 0
    }
    .imBlock2 .listbox .rbox {
        padding-bottom: 0
    }
    .imBlock2 .listbox .tradeItems {
        width: 50% !important;
        margin-bottom: .2rem
    }
    .tradeItems .imgbox img {
        max-width: 60%
    }
    .feaListbox ul li {
        float: none;
        width: 100%
    }
}

@media screen and (max-width:320px) {
    .addressInfo {
        height: auto;
        padding: .2rem 0
    }
    .addressInfo .fitem {
        float: none !important;
        width: 100%;
        padding: .15rem 0;
        text-align: center !important
    }
    .addressInfo .fitem .inbox {
        text-align: center
    }
}