#loading img {
    width: 1.5rem
}

.move_SS,
.move_header {
    width: 100%;
    height: .44rem;
    display: none;
    line-height: .44rem
}

.move_SS {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10
}

.move_header {
    background-color: #fff !important;
    padding: 0 .2rem;
    box-sizing: border-box
}

.move_header .white_logo {
    display: inline-block
}

.move_header .orange_logo {
    display: none
}

.move_header-logo {
    width: 1.2rem;
    height: 100%;
    display: inline-block
}

.move_header-logo img {
    width: 1.2rem;
    height: .22rem;
    vertical-align: middle
}

.move_header .unfold_icon {
    float: right;
    height: 100%;
    line-height: .44rem;
    display: flex;
    align-items: center
}

.move_header .unfold_icon-show {
    width: .2rem;
    height: .2rem;
    vertical-align: middle
}

.move_header .unfold_icon-orange {
    display: none;
    width: .2rem;
    height: .2rem
}

.move_header .unfold_icon-close {
    display: none
}

.move_header .unfold_icon-close img {
    width: .16rem;
    height: .16rem;
    vertical-align: middle
}

.move_header .unfold_icon-close .close_iconD {
    display: block
}

.move_header .unfold_icon-close .close_iconC,
.move_header .unfold_icon-close:hover .close_iconD {
    display: none
}

.move_header .unfold_icon-close:hover .close_iconC {
    display: block
}

.move_active {
    background: #fff;
    color: #3C4151
}

.move_active .white_logo {
    display: none
}

.move_active .orange_logo {
    display: inline-block
}

.move_active .unfold_icon-show {
    display: none
}

.move_active .unfold_icon-orange {
    display: inline-block
}

.move_remove {
    background-color: #fff !important
}

.move_remove .unfold_icon-orange,
.move_remove .unfold_icon-show {
    display: none !important
}

.move_remove .unfold_icon-close {
    display: block !important
}

.mobile_banner {
    display: none;
    width: 100%;
    height: auto
}

.mobile_banner-top {
    position: relative;
    height: 1.84rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center
}

.mobile_banner-top #mobile_imgBanner {
    width: 100%;
    min-height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.mobile_banner-top h3 {
    color: #fff;
    text-align: center;
    font-size: .2rem;
    font-weight: 600;
    z-index: 2
}

.mobile_banner-desc {
    padding: 0 .2rem;
    box-sizing: border-box;
    font-size: .12rem;
    line-height: 1.8em;
    text-align: justify;
    margin-top: .32rem;
    word-break: break-all;
}

.mobile_banner-desc p {
    color: #666C78
}

.header_top .menu .a_ly_title{
    cursor: pointer;
    /* width: 100%;
    height: 100%; */
}

.header_top .menu .a_ly_title,
.header_top .menu-title {
    color: #fff;
    font-size: .14rem;
}

.mobile_banner-desc .known_more {
    margin-top: .2rem;
    display: inline-block;
    font-size: 0.12rem;
    color: #3C4151;
    display: flex;
    align-items: center;
}

.mobile_banner-desc .known_more .known_more-img {
    width: 0.20rem;
    height: 0.15rem;
    margin-left: 0.1rem;
}

.en_china-box,
.header_top .menu-content-third,
.top_p {
    display: none
}

.menu .menu-content {
    display: none;
}

.mobile_banner-desc .known_more img {
    width: .82rem
}

.top_p {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 11;
    width: 2.6rem;
    height: 100%;
    overflow-y: scroll;
    background-color: #3C4151;
}

.active_menu {
    background-color: #2E3240 !important
}

.active_menu .rotate_img {
    transform: rotate(180deg);
}

.header_top,
.mobile_head {
    height: auto;
}

.mobile_head {
    min-height: 100%;
    /* padding-bottom: 1.5rem; */
    position: relative;
    overflow-y: scroll;
    box-sizing: border-box
}

.header_top {
    width: 100%;
    padding-bottom: 1rem
}

.header_top .menu {
    width: 100%
}

.header_top .menu .ly_title-x {
    height: .44rem;
    /* line-height: .44rem; */
    display: flex;
    align-items: center;
    font-size: .14rem;
    cursor: pointer;
}

.header_top  .menu  .menu_es {
    cursor: default;
}

.header_top .menu-title {
    width: 100%;
    padding: 0 .16rem;
    box-shadow: 0 0 1px 0 rgba(235, 237, 240, .3);
    box-sizing: border-box;
    overflow: hidden;
    position: relative
}

.header_top .menu-content .third_active_c,
.header_top .menu-content-third li:hover a,
.header_top .menu-content-two:hover a,
.header_top .menu-title:hover a {
    color: #FE7704
}

.header_top .menu-content .third_active_c a {
    color: #FE7704;
}

.header_top .menu-title img {
    width: .14rem;
    /* height: .14rem; */
    vertical-align: middle;
    position: absolute;
    right: .16rem;
    top: 50%;
    margin-top: -.07rem
}

/* .header_top .menu-title .rotate_img {
    transform: rotate(180deg)
} */

.header_top .menu-title .li_title {
    font-size: .14rem;
    /* cursor: pointer; */
}

.header_top .menu-title:hover {
    background-color: #2E3240
}

.header_top .menu_es  .li_title {
    cursor: default;
}

.header_top .menu-content-two {
    padding-left: .4rem;
    box-sizing: border-box;
    font-size: .14rem;
}

.header_top  .menu-solution{
    cursor: default !important;
}

.header_top .menu-content-two .a_ly_title{
    cursor: default;
}

.header_top .menu-content-third li {
    padding-left: .6rem;
    box-sizing: border-box
}

.header_top .menu-content .third_active_c {
    background-color: #20242F
}

.en_china {
    cursor: pointer;
    position: relative;
    position: absolute;
    bottom: .26rem;
    left: .24rem
}

.en_china-img {
    width: .16rem;
    height: .16rem
}

.en_china-arrow {
    width: .12rem;
    /* height: .12rem; */
    margin-left: .14rem
}

.en_china-choice .choice_txt {
    padding-left: .06rem;
    padding-right: .06rem;
    position: relative;
    color: #fff;
    font-size: 0.14rem;
}

.en_china-box {
    box-shadow: 0 .04rem .03rem rgba(100, 101, 102, .08);
    padding: .1rem;
    width: .9rem;
    position: absolute;
    top: -1.2rem;
    left: .4rem/4;
    background-color: #fff;
    border-radius: .02rem
}

.en_china-box .box_item {
    padding-top: .1rem;
    padding-bottom: .1rem;
    position: relative;
    color: #666;
    overflow: hidden;
    font-size: 0.14rem;
}

.en_china-box .box_item.selected::before,
.en_china-box .box_item::after,
.en_china::after {
    content: '';
    position: absolute
}

.en_china-box .box_item.selected,
.en_china-box .box_item:not(.selected):hover {
    color: #FE7704
}

.en_china-box .box_item::after {
    transition: width .5s;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0%;
    height: .02rem;
    background-color: #FE7704;
    border-radius: .05rem
}

.en_china-box .box_item:not(.selected):hover::after {
    width: 80%
}

.en_china-box .box_item.selected::before {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: .1rem;
    height: .1rem;
    background-color: #FE7704;
    border-radius: 50%
}

.en_china::after {
    transition: width .5s;
    bottom: -.06rem;
    left: 50%;
    transform: translateX(-32%);
    width: 0;
    height: .02rem;
    background-color: #fff;
    border-radius: .05rem
}

.en_china:hover {
    opacity: 1
}

.en_china:hover::after {
    width: 76%
}

.en_china:hover .icon-bottom {
    display: inline-block;
    transform: rotateX(-180deg);
    transition: transform 1s
}

.index_footer {
    width: 100%
}

.mobile_ft {
    display: none;
    width: 100%;
    background-color: #3C4151;
    color: #fff
}

.mobile_ft-top {
    width: 100%;
    box-sizing: border-box;
    box-shadow: 0 1px 0 0 #505762;
    padding: .4rem .32rem .24rem
}

.mobile_ft-center,
.mobile_ft-end {
    box-sizing: border-box;
    padding: .2rem .32rem
}

.mobile_ft-top .top-logo {
    margin-bottom: .2rem
}

.mobile_ft-top .top-logo img {
    width: 1.41rem
}

.mobile_ft-top .top-right {
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.mobile_ft-top .top-right .top-right-one {
    text-align: center;
    color: #ffffff;
    font-size: 0.12rem;
    float: left;
}

.mobile_ft-top .top-right .top-right-one:first-child {
    margin-right: 0.4rem;
}

.mobile_ft-top .top-right .top-right-one p {
    margin-bottom: 0.1rem;
    white-space: nowrap;
}

.mobile_ft-top .top-right .top-right-one img {
    /* width: 100%; */
    width: 1rem;
    height: 1rem;
}

.mobile_ft-top .top-wechat img {
    width: .3rem;
    height: .3rem
}

.mobile_ft-center {
    width: 100%;
    box-shadow: 0 1px 0 0 #505762
}

.mobile_ft-center .center-tally {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around
}

.mobile_ft-center .center-tally_list {
    margin-bottom: .16rem
}

.mobile_ft-center .center-tally_list .caption_main,
.mobile_ft-center .center-tally_list .caption_main a ,.mobile_ft-center .center-tally_list .caption_main span{
    font-size: .12rem;
    color: #fff
}

.mobile_ft-center .center-tally_list .caption_minor {
    font-size: .12rem;
    color: #B3B9C2;
    margin-top: .06rem
}

.mobile_ft-center .center-tally_list .caption_minor a {
    font-size: .12rem;
    color: #B3B9C2;
    position: relative;
}

/* .mobile_ft-center .center-tally_list .caption_minor a:after {
    position: absolute;
    content: "";
    right: -5px;
    top: 0;
    width: 0.02rem;
    height: 100%;
    background-color: #B3B9C2;
} */

.mobile_ft-center .center-tally_list .caption_minor a:hover {
    color: #FE7704;
}

.mobile_ft-center .center-tally_list:last-child {
    margin-bottom: 0
}

.mobile_ft-end {
    width: 100%
}

.mobile_ft-end .brand_info {
    color: #B3B9C2;
    font-size: .12rem;
    line-height: 2em
}

#preventTran {
    z-index: 9999;
    background: #2e2e2e;
    color: #626262;
    /* margin: auto; */
    text-align: center;
    display: none;
    font-size: 0.22rem;
    width: 100%;
    height: 100%;
    /* margin-top: 0.4rem; */
    position: fixed;
}

#preventTran div {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}

@media screen and (min-width:960px) {
    .mobile_inBanner {
        display: none
    }
}

@media screen and (max-width:960px) {
    .top {
        display: none !important
    }

    .mobile_banner,
    .mobile_inBanner,
    .move_SS,
    .move_header,
    .top_active {
        display: block !important;
    }

    .ft {
        display: none !important
    }

    .mobile_ft {
        display: block !important
    }
}