header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 20;
    transition: all ease 0.5s;
    background-color: transparent;
}

header.search-qh .qhs-a {display: block;}

header.search-qh .qh-opa {display: block;} 
.qh-top{width: 100%;background-color: #1e67d4;}

.qh-main{width: 14.4rem;margin: 0 auto;}

.qh-main:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}

.qh-lt{float: left; font-size: 0;}

.qh-link{display: inline-block;vertical-align: middle;margin-right: .3rem; cursor: pointer;line-height: .45rem;}

.qh-link:last-child{margin-right: 0;}

.qh-icon{display: inline-block;vertical-align: middle;margin-right: .1rem;}

.qh-icon img{max-width: .18rem;max-height: .16rem;}

.qh-text{font-family: D-DIN;display: inline-block;vertical-align: middle;color: #ffffff;} 

.qh-rt{float: right;font-size: 0;display: flex;}

.qh-share{display: inline-block;vertical-align: middle;margin-left: .2rem; cursor: pointer;line-height: .45rem;}

.qh-share>img{height: .15rem;opacity: .4; }

.qh-share:hover>img{opacity: 1;}



.qh-bottom{width: 100%;background-color: #ffffff;}

.qh-cont{width: 14.4rem;margin: 0 auto;}

.qh-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}

.qh-left{float: left;font-size: 0;}

.qh-logo{display: inline-block;vertical-align: middle;cursor: pointer; line-height: .95rem;}

.qh-logo img{max-width: none;height: .6rem;}



.qh-right{float: right; font-size: 0;}



.qh-h{display: inline-block;vertical-align: middle;margin-right: 1rem;}

.qh-i{display: inline-block;vertical-align: middle;position: relative; cursor: pointer; padding: 0 .18rem;}

.qh-j{font-family: D-DIN-Bold;font-weight: bold;position: relative; display: inline-block;color: #333333;line-height: .95rem;}

.qh-j:after{content: '';position: absolute;bottom: 0;left: 0;transition: all ease .5s; width: 0;height: .03rem;background-color: #1e67d4;}

.qh-i.active .qh-j{color: #1e67d4;}

.qh-i:hover .qh-j{color: #1e67d4;} 



.qh-sub {display: none; width: 2.4rem;  background-color: #fff; position: absolute;left: 50%;top: .95rem;transform: translate(-50% ,0); z-index: 1000;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}

.qh-item{display: block;width: 100%;position: relative;}

.qh-one{font-family: D-DIN;display: block;cursor: pointer;width: 100%;padding: 10px .2rem; line-height:1.4;  color: #333333; }



.qh-item.has-two .qh-one{padding-right: .5rem;}

.qh-item.has-two .qh-one:after{content: '>';position: absolute;top: 50%;right: 0;transform: translate(0,-50%); width: .5rem;text-align: center;}

.qh-twobox{display: none; position: absolute;top: 0;right: -100%; width: 2.4rem; background-color: #fff; z-index: 1000;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}

.qh-two{font-family: D-DIN;display: block;cursor: pointer;width: 100%;padding: 10px .2rem; line-height:1.4;  color: #333333; }



.qh-sub:hover{overflow: visible !important;}

.qh-item:hover .qh-twobox{display: block;} 



.qh-inquiry{font-family: D-DIN-Bold;font-weight: bold; display: inline-block;vertical-align: middle;cursor: pointer; color: #333333;line-height: .95rem;}

.qh-inquiry img{width: .2rem;margin-right: .1rem;}



.qh-language{display: inline-block;vertical-align: middle;margin-left: .3rem; position: relative;}

.qhl-tip{font-family: D-DIN-Bold;font-weight: bold; display: block;cursor: pointer;line-height: .95rem;color: #333333;} 

.qhl-tip:before{content: '';display: inline-block;vertical-align: middle;  margin-right: .09rem; width: 1.1em; height: .95rem;background-image: url('../images/qa37.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

.qhl-list{display: none;width: 120px; background-color: #fff; position: absolute;left: 50%;top:.95rem;transform: translate(-50% ,0); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}

.qhl-item{display: block;cursor: pointer; width: 100%;padding: 10px 5px; line-height:1.5;text-align: center; color: #666;transition: background-color .3s;}

.qhl-item:hover {background-color: #1e67d4; color: #fff;}



.qh-k{display: inline-block;vertical-align: middle;margin-left: .3rem;}

.qh-search{position: relative;z-index: 8;display: block;cursor: pointer; width:.4rem;height: .4rem;border-radius: 50%;background-color: #1e67d4; background-image: url('../images/qa38-b.png');background-size:.18rem auto ;background-position: center center;background-repeat: no-repeat;}

.qhs-a{display: none;z-index: 108;white-space: nowrap; position: fixed;top: 2rem;left: 50%;transform: translate(-50%,0);}

.qhs-form{font-size: 0;display: inline-block;}

.qhs-text{border: none;padding: 0 .2rem; display: inline-block;vertical-align: middle; width: 6rem;height: 45px;background-color: #fff;color: #333;}

.qhs-submit{border: none;display: inline-block;vertical-align: middle;cursor: pointer; width: 45px;height: 45px; background-color: #1e67d4;background-image: url('../images/qa38-b.png');background-size: 18px auto;background-position: center center;background-repeat: no-repeat;}

header.search-qh .qhs-a {display: block;}

header.search-qh .qh-opa {display: block;} 



.qh-menu {display: none; position: absolute;cursor: pointer; top: 0;right:10px; width: .5rem;height: .95rem;background-image: url('../images/qa-menu.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

.qh-opa {display: none;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background-color: rgba(0, 0, 0, 0.5);z-index: 10;cursor: pointer;}

 

@media (min-width: 1200px) { 

    .qh-i.active .qh-j:after{width: 100%;}

    .qh-i:hover .qh-j:after{width: 100%;}

    .qh-item:hover .qh-one{background-color: #1e67d4;color: #fff;} 

    .qh-two:hover{background-color: #1e67d4;color: #fff;} 

}



@media (max-width: 1400px) { 

    .qh-h{margin-right: 1rem;}

}

@media (max-width: 1200px) { 

    .qh-main{width: 100%;padding: 0 10px;}

    .qh-cont{width: 100%;padding: 0 10px;position: relative;}

    .qh-text{font-size: 12px;}

    .qh-share>img{height: 10px;}



    .qh-right{margin-right: .6rem;}



    .qh-h{position: fixed; right: 0;top: 0;margin-right: 0; width: 260px; height: 100vh;overflow: auto; background-color: #fff;  z-index: 1000;transform: translate(100vw, 0);transition: transform .3s;}

    .qh-i {width: 100%;padding: 0;margin: 0;height: auto;}

    .qh-j {padding: 0;padding-left: 20px;height: 40px;line-height: 40px;font-size: 16px;} 

    .qh-i.has-sub:after {content: "";background-image: url('../images/qa-right.png');background-size:auto 12px ;background-position: center center;background-repeat: no-repeat; display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;position: absolute;right: 0;top: 0;font-size: 20px;color: #333;}

    .qh-i.has-sub.show:after {background-image: url('../images/qa-down.png');background-size:auto 14px ;}

    

    .qh-sub {position: relative;top: 0;background-color: #fff;box-shadow: none;left: 0;transform: translate(0,0);width: 100%;}

    .qh-one{text-align: left;padding-left: 40px;font-size: 14px;} 

    .qh-item.has-two .h-one:after{display: none;}

    .qh-twobox{display: block;position: relative;right: 0;width: 100%; padding-left: 60px;    box-shadow: none;}

    .qh-item:hover .qh-one{color: #1e67d4;} 

    .qh-two:hover{color: #1e67d4;} 



    .qh-menu{display: block;}

    header.menu-qh .qh-opa{display: block;}

    header.menu-qh  .qh-h{transform: translate(0,0);}

}



@media(max-width:370px) {   

    .qhs-text{width: 5rem;height: 35px;} 

    .qhs-submit{width: 35px;height: 35px;} 

    .qh-inquiry img{display: none;}

}

.nanner {
    width: 100%;
    position: relative;
}

.nanner .imgs {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.nanner .imgs .img {
    width: 100%;
    padding-top: 26.0416%;
}

.nanner .nox {
    position: absolute;
    z-index: 4;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.nanner .nox .nit {
    width: 100%;
    color: #fff;
    line-height: 1.5;
}

.crumbs {
    width: 100%;
}

.crumbs .crum {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0.1rem 0;
    position: relative;
}

.crumbs .crum .cul {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

.crumbs .crum .cul .home {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.15rem;
    width: 20px;
}

.crumbs .crum .cul .home img {
    width: 100%;
    display: block;
}

.crumbs .crum .cul a {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    line-height: 3;
}

.crumbs .crum .cul a span {
    display: inline-block;
    color: #333;
    margin: 0 0.1rem;
}

.crumbs .crum .cul a span img {
    width: 100%;
    display: block;
}

.crumbs .crum .cul a:last-child span {
    display: none;
}

.crumbs .crum .cenu {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    cursor: pointer;
    right: 0.1rem;
    display: none;
}

.crumbs .crum .cenu img {
    width: 100%;
    display: block;
}
@media (max-width: 800px) {
     .crumbs .crum .cenu {
        display: block;
    }
}
.w1400 {
    width: 14rem;
    margin: 0 auto;
    position: relative;
    font-size: 0;
}

@media (max-width: 1420px) {
    .w1400 {
        width: 94%;
    }
}

.solutom {
    width: 100%;
    padding: 0 0 0.3rem;
}

.solutom .solutlis {
    width: 100%;
    font-size: 0;
}

.solutom .solutlis .solem {
    display: inline-block;
    vertical-align: top;
    width: calc((454 / 1400 * 100%));
    margin-right: calc(19 / 1400 * 100%);
    margin-bottom: 0.4rem;
}

.solutom .solutlis .solem a {
    width: 100%;
    display: block;
}

.solutom .solutlis .solem .imgs {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.solutom .solutlis .solem .imgs a {
    width: 100%;
    display: block;
}

.solutom .solutlis .solem .imgs .img {
    width: 100%;
    padding-top: 75%;
    transition: all ease 0.5s;
}

.solutom .solutlis .solem .som {
    width: 100%;
    padding: 0.24rem 0;
    border-bottom: solid 1px #efeff5;
}

.solutom .solutlis .solem .som .st {
    width: 100%;
    color: #222434;
    line-height: 1.5;
}

.solutom .solutlis .solem .som .sm {
    width: 100%;
    margin-top: 0.1rem;
    color: #81838e;
    line-height: 1.5;
    height: 3em;
}

.solutom .solutlis .solem:hover .imgs .img {
    transform: scale(1.1);
}

.solutom .solutlis .solem:hover .som .st {
    color: #2269d5;
}

.solutom .solutlis .solem:nth-child(3n) {
    margin-right: 0;
}
.w1400 {
    width: 14rem;
    margin: 0 auto;
    position: relative;
    font-size: 0;
}

@media (max-width: 1420px) {
    .w1400 {
        width: 94%;
    }
}
.pages {
    text-align: center;
    width: 100%;
    font-size: 0;
    display: block;
    padding-top: 0.3rem;
}

.pages .page {
    display: inline-block;
    vertical-align: middle;
    width: 0.42rem;
    height: 0.42rem;
    line-height: 0.42rem;
    text-align: center;
    color: #000;
    cursor: pointer;
    background-color: #f4f4f5;
    margin: 0 0.05rem;
    transition: all ease 0.3s;
}

.pages .page.ltn {
    background-image: url("../images/b1.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.pages .page.rtn {
    background-image: url("../images/b2.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.pages .page.on {
    color: #fff;
    background-color: #2269d5;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.pages .page.on.ltn,
.pages .page.ltn:hover {
    background-image: url("../images/b3.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    opacity: 1;
}

.pages .page.on.rtn,
.pages .page.rtn:hover {
    background-image: url("../images/b4.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    opacity: 1;
}

.pages .page:hover {
    color: #fff;
    background-color: #2269d5;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

@media (max-width: 900px) {
    .pages .page {
        width: 0.7rem;
        height: 0.7rem;
        line-height: 0.7rem;
    }
}
@media(max-width: 800px){

    .z1{max-width: 500px !important;width: 100% !important;margin: 0 auto !important;padding: 0 !important;float: none !important;display: block !important;}

    .z2,

    .z3,

    .z4,

    .z5{float: none !important;display: inline-block !important;vertical-align: top !important;margin: 0 2% 2% 0 !important;}

    .z2{width: 49% !important;}

    .z3{width: 32% !important;}

    .z4{width: 23.5% !important;}

    .z5{width: 18.4% !important;}

    .z2:nth-child(2n),

    .z3:nth-child(3n),

    .z4:nth-child(4n),

    .z5:nth-child(5n){margin-right: 0 !important;}

    .mb3{margin-bottom: 30px !important;}

    .mb2{margin-bottom: 20px !important;}

    .mb1{margin-bottom: 10px !important;}

    .mt1{margin-top: 10px !important;}

    .l1{padding-left: 10px !important;}

    .r1{padding-right: 10px !important;}

    .t1{padding-top: 10px !important;}

    .b1{padding-bottom: 10px !important;}

    .l2{padding-left: 20px !important;}

    .r2{padding-right: 20px !important;}

    .t2{padding-top: 20px !important;}

    .b2{padding-bottom: 20px !important;}

    .l3{padding-left: 30px !important;}

    .r3{padding-right: 30px !important;}

    .t3{padding-top: 30px !important; }

    .b3{padding-bottom: 30px !important;}

    .t0{top: 0 !important;}

    .f1{flex: 1;}

    .p0{padding: 0 !important;}

    .hauto{height: auto !important;}

    .none{display: none !important;}

    .tl{text-align: left !important;}

    .trs{text-align: right !important;}

    .tcn{text-align: center !important;}

    .nblock{display: block !important;}

    .epsnone{-webkit-line-clamp: 100;}

    .bnone{border: none !important;}

    .jfls{justify-content: flex-start !important;}

}
.eps2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.sidebar{position: fixed;top: 60%;right: .1rem;z-index: 18; transform: translate(0,-50%);}

.sidebar-item{display: block;cursor: pointer;position: relative; width: .64rem;margin: 1px 0;}

.sidebar-link{display: block;width: 100%;height: .64rem;line-height: .64rem;text-align: center;background-color: #333333;}

.sidebar-link img{max-width: 50%;max-height: 50%;}



.sidebar-item:hover .sidebar-link{background-color: #327ae6;}



.sidebar-sub{visibility: hidden;opacity: 0;z-index: -1;transition: all ease .5s; position: absolute;top: 0;right: .64rem;}

.sidebar-phone{display: block;width: 2.1rem;min-width: 150px; text-align: center; background-color: #327ae6;}

.sidebar-icon{display: inline-block;vertical-align: middle;margin-right: .13rem;width: .22rem;line-height: .64rem;}

.sidebar-icon img{width: 100%;}

.sidebar-text{ font-family: D-DIN-Bold;font-weight: bold; display: inline-block;vertical-align: middle;max-width: calc(100% - .6rem);line-height: 1.3; color: #ffffff;}



.sidebar-item.show .sidebar-sub{visibility: visible;opacity: 1;z-index: 8;right: 0;}



@media (max-width: 1200px) { 

    .sidebar-item.show .sidebar-sub{visibility: visible;opacity: 1;z-index: 8;right: .64rem;}

}
.qi-top{width: 100%;background-color: #222222;}

.qi-cont{width: 14.4rem;margin: 0 auto; padding-top: .88rem;padding-bottom: 1.1rem;}

.qi-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}

.qi-left{float: left;width: 4rem;}

.qi-logo{display: inline-block;cursor: pointer;width: 2.67rem;margin-bottom: .43rem;}

.qi-logo img{width: 100%;}

.qi-intro{color: rgba(255,255,255,.45);line-height: 2;}

.qi-tr{width: 100%;font-size: 0;padding-top: .1rem;}

.qi-td{display: inline-block;vertical-align: middle;cursor: pointer;margin-top: .2rem; margin-right: .13rem; height: .26rem;}

.qi-td img{height: 100%;}



.qi-right{float: right;font-size: 0;padding-top: .2rem;}

.qi-a{display: inline-block;vertical-align: top;width: 2.3rem;padding-right: .15rem;}

.qi-tip{font-family: D-DIN-Bold;font-weight: bold; color: #ffffff;}

.qi-onebox{display: inline-block;padding-top: .24rem;}

.qi-one{font-family: D-DIN;display: block;cursor: pointer; color: rgba(255,255,255,.5);line-height: 1.77;}

.qi-one:hover{color: #fff;}

.qi-b{display: inline-block;vertical-align: top;width: 2.88rem;margin-right: .75rem;}

.qi-twobox{width: 100%;padding-top: .24rem;}

.qi-two{display: block;font-size: 0;position: relative;padding-left: .25rem;}

.qi-icon{position: absolute;top: 0;left: 0;height: 1.77em;line-height: 1.77em;width: .15rem;}

.qi-icon img{max-width: 100%;max-height: 100%;}

.qi-text{font-family: D-DIN;width: 100%;color: rgba(255,255,255,.5);line-height: 1.77;}

.qi-c{display: inline-block;vertical-align: top;width: 3.3rem;}

.qi-form{width: 100%;padding-top: .3rem;margin-bottom: .38rem;}

.qi-d{display: block;position: relative; width: 100%;padding-right: .5rem;background-color: rgba(255,255,255,.1);}

.qi-input{width: 100%;background-color: transparent;border: none;padding: 0 .2rem;color: #fff;height: .5rem;}

.qi-submit{position: absolute;top: 0;right: 0;display: block;cursor: pointer; width: .5rem;height: 100%; background-color: #1e67d4;border: none;background-image: url('../images/qa46.png');background-size: .21rem auto;background-position: center center;background-repeat: no-repeat;}

.qi-sharebox{width: 100%;font-size: 0;padding-top: .1rem;}

.qi-share{display: inline-block;vertical-align: top;cursor: pointer;margin-top: .2rem;margin-right: .3rem;}

.qi-img1{display: block;height: .23rem;}

.qi-img1 img{height: 100%;}

.qi-img2{display: none;height: .23rem;}

.qi-img2 img{height: 100%;}

.qi-share:hover .qi-img1{display: none;}

.qi-share:hover .qi-img2{display: block;}



.qi-bottom{width: 100%;padding: .15rem 0; background-color: #2d2d2d;}

.qi-main{width: 14.4rem;margin: 0 auto;}

.qi-main:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}

.qi-lt{float: left;font-family: D-DIN;color: rgba(255,255,255,.7);line-height: 1.66;}

.qi-lt *{line-height: inherit;color: inherit;}

.qi-rt{float: right;font-family: D-DIN;color: rgba(255,255,255,.7);line-height: 1.66;}

.qi-rt *{line-height: inherit;color: inherit;}



@media (max-width: 800px) { 

    .qi-cont{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}

    .qi-left{width: 100%;margin-bottom: .3rem;}

    .qi-right{width: 100%;}

    .qi-a{width: 100%;margin-bottom: .3rem;}

    .qi-onebox{width: 100%;}

    .qi-one{display: inline-block;vertical-align: middle;margin-right: .2rem;margin-bottom: .2rem;}

    .qi-b{width: 100%;margin-right: 0;margin-bottom: .3rem;}

    .qi-c{width: 100%;}

    .qi-d{max-width: 320px;}

    .qi-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}

}footer {
    width: 100%;
}

footer .ftop {
    width: 100%;
    background-color: #262839;
    padding: 0.7rem 0;
}

footer .ftop .fop {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

footer .ftop .fop .fcont {
    display: inline-block;
    vertical-align: top;
    width: calc((455 / 1400 * 100%));
}

footer .ftop .fop .fcont form {
    width: 100%;
    display: block;
}

footer .ftop .fop .fcont .fit {
    width: 100%;
    font-size: 0;
    margin-bottom: 0.15rem;
}

footer .ftop .fop .fcont .fit a {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    line-height: 1.5;
    transition: all ease 0.5s;
}

footer .ftop .fop .fcont .fit a:hover {
    color: #fff;
}

footer .ftop .fop .fcont .row {
    width: 100%;
    font-size: 0;
}

footer .ftop .fop .fcont .row .input {
    display: inline-block;
    vertical-align: top;
    width: calc((100% - 12px) / 3);
    margin-right: 6px;
    margin-bottom: 6px;
}

footer .ftop .fop .fcont .row .input input {
    width: 100%;
    display: block;
    padding: 0 0.15rem;
    border: none;
    line-height: 3;
    height: 3em;
    color: #fff;
    background-color: #383b58;
}

footer .ftop .fop .fcont .row .input:nth-child(3n) {
    margin-right: 0;
}

footer .ftop .fop .fcont .row .text {
    width: 100%;
    margin-bottom: 6px;
}

footer .ftop .fop .fcont .row .text .area {
    width: 100%;
    display: block;
    background-color: #383b58;
    padding: 0.15rem;
    line-height: 1.5;
    color: #fff;
    border: none;
}

footer .ftop .fop .fcont .sub {
    width: 100%;
}

footer .ftop .fop .fcont .sub input {
    width: 100%;
    display: block;
    line-height: 3;
    height: 3em;
    text-align: center;
    cursor: pointer;
    border: none;
    background-color: #2269d5;
    color: #262839;
}

footer .ftop .fop .fcom {
    width: calc((365 / 1400 * 100%));
    display: inline-block;
    vertical-align: top;
}

footer .ftop .fop .fcom .flist {
    display: inline-block;
    vertical-align: top;
    width: calc(50%);
    padding-right: 0.1rem;
}

footer .ftop .fop .fcom .flist .fit {
    width: 100%;
    font-size: 0;
    margin-bottom: 0.15rem;
}

footer .ftop .fop .fcom .flist .fit a {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    line-height: 1.5;
    transition: all ease 0.5s;
    padding: 0.04rem 0;
}

footer .ftop .fop .fcom .flist .fit a:hover {
    color: #fff;
}

footer .ftop .fop .fcom .flist .ful {
    width: 100%;
}

footer .ftop .fop .fcom .flist .ful a {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    color: rgba(255, 255, 255, 0.5);
    transition: all ease 0.5s;
    line-height: 2;
}

footer .ftop .fop .fcom .flist .ful a:hover {
    color: #fff;
}

footer .ftop .fop .fcom .flist .ful div {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    color: rgba(255, 255, 255, 0.5);
    line-height: 2;
    transition: all ease 0.5s;
}

footer .ftop .fop .frtm {
    width: calc((320 / 1400 * 100%));
    display: inline-block;
    vertical-align: top;
}

footer .ftop .fop .frtm .fogo {
    width: 100%;
    font-size: 0;
}

footer .ftop .fop .frtm .fogo a {
    display: inline-block;
    vertical-align: middle;
    width: 2.45rem;
}

footer .ftop .fop .frtm .fogo a img {
    width: 100%;
    display: block;
}

footer .ftop .fop .frtm .fip {
    width: 100%;
    color: #fff;
    line-height: 1.5;
    margin: 0.15rem 0 0.12rem;
}

footer .ftop .fop .frtm .fip p {
    color: #fff;
    line-height: 1.5;
}

footer .ftop .fop .frtm .fx {
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.1);
    margin: 0.12rem 0;
}

footer .ftop .fop .frtm .fok {
    width: 100%;
    font-size: 0;
}

footer .ftop .fop .frtm .fok .hiom {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    line-height: 1.5;
    margin-right: 0.2rem;
    padding: 0.05rem 0;
}

footer .ftop .fop .frtm .fok .hiom span {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    margin-right: 0.06rem;
}

footer .ftop .fop .frtm .fok .hiom span img {
    width: 100%;
    display: block;
}

footer .ftop .fop .frtm .fhare {
    width: 100%;
    font-size: 0;
    margin-top: 0.2rem;
}

footer .ftop .fop .frtm .fhare .am {
    display: inline-block;
    vertical-align: middle;
    width: 0.22rem;
    height: 0.22rem;
    width: 22px;
    height: 22px;
    margin-right: 0.1rem;
}

footer .ftop .fop .frtm .fhare .am a,
footer .ftop .fop .frtm .fhare .am img {
    width: 100%;
    display: block;
}

footer .fbot {
    width: 100%;
    background-color: #131528;
}

footer .fbot .fot {
    width: 100%;
    padding: 0.3rem 0;
}

footer .fbot .fot .fm {
    width: 100%;
    text-align: center;
    color: #8d90a5;
    line-height: 1.5;
}

@media (max-width: 800px) {
    footer .ftop {
        padding: 0.3rem 0;
    }

    footer .ftop .fop {
        flex-direction: column-reverse;
    }

    footer .ftop .fop .frtm {
        width: 100%;
        margin-bottom: 0.3rem;
    }

    footer .ftop .fop .frtm .fogo a {
        width: 180px;
    }

    footer .ftop .fop .frtm .fip {
        margin: 0.2rem 0;
    }

    footer .ftop .fop .fcom {
        width: 100%;
        margin-bottom: 0.3rem;
    }

    footer .ftop .fop .fcom .flist {
        width: 100%;
        border-bottom: solid 1px #e5e5e5;
        position: relative;
        border-top: solid 1px #e5e5e5;
    }

    footer .ftop .fop .fcom .flist .fit {
        width: 100%;
        margin-bottom: 0;
        padding: 0.3rem 0;
    }

    footer .ftop .fop .fcom .flist .lx {
        display: none;
    }

    footer .ftop .fop .fcom .flist .ful {
        width: 100%;
        font-size: 0;
        padding-bottom: 0.15rem;
        display: none;
    }

    footer .ftop .fop .fcom .flist .ful a {
        line-height: 2;
    }

    footer .ftop .fop .fcom .flist.has-ful:after {
        content: " ";
        display: inline-block;
        width: 14px;
        height: 8px;
        background-image: url("../images/x1.png");
        background-position: center;
        background-size: 100% 100%;
        text-align: center;
        position: absolute;
        right: 0.2rem;
        left: auto;
        transform: translateX(0);
        top: 0.4rem;
        color: #333;
        border: none;
        transition: all ease 0.5s;
    }

    footer .ftop .fop .fcom .flist.has-ful.show:after {
        content: " ";
        transform: translateX(0) rotate(180deg);
    }

    footer .ftop .fop .fcom .flist+.flist {
        border-top: none;
    }

    footer .ftop .fop .fcont {
        width: 100%;
    }
}