header{width: 100%;position: fixed;top: 0;left: 0;right: 0;z-index: 20;transition: all ease 0.5s;background-color: transparent;}
header .hops{width: 100%;padding: 0.1rem 0;background-color: #1b1b1b;}
header .hop{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
header .hop .hol{display: inline-block;vertical-align: middle;font-size: 0;}
header .hop .hol .hiom{display: inline-block;vertical-align: middle;color: #fff;line-height: 1.5;}
header .hop .hol .hiom span{display: inline-block;vertical-align: middle;width: 18px;margin-right: 0.1rem;}
header .hop .hol .hiom span img{width: 100%;display: block;}
header .hop .hol .hiom+.hiom{margin-left: 0.3rem;}
header .hop .hor{display: inline-block;vertical-align: middle;}
header .hop .languages{width: auto;display: inline-block;vertical-align: middle;font-size: 0;margin: 0 0.1rem;text-align: left;margin-left: 0.3rem;}
header .hop .languages .lauges{width: 100%;display: inline-block;vertical-align: middle;position: relative;}
header .hop .languages .lauges .lashow{width: 100%;color: #fff;position: relative;cursor: pointer;font-size: 0;padding-right: 0.2rem;}
header .hop .languages .lauges .lashow .am{width: 100%;font-size: 0;}
header .hop .languages .lauges .lashow .am .xm{display: inline-block;vertical-align: middle;width: 18px;margin-right: 0.06rem;}
header .hop .languages .lauges .lashow .am .xm img{width: 100%;display: block;}
header .hop .languages .lauges .lashow .am .laps{display: inline-block;vertical-align: middle;color: #fff;line-height: 1.5;}
header .hop .languages .lauges .lashow:after{content: ' ';position: absolute;right: 0rem;top: calc(50% + 0.04rem);transform: translateY(-50%);width: 0;height: 0;border: solid 5px;border-color: #fff transparent transparent transparent;}
header .hop .languages .lauges .language{position: absolute;z-index: 10;top: 100%;width: 100%;display: none;width: 1.5rem;left: 50%;transform: translateX(-50%);}
header .hop .languages .lauges .language .latem{width: 100%;}
header .hop .languages .lauges .language .latem a{width: 100%;display: block;color: #333;padding: 0 0.1rem;line-height: 3;background: rgba(255, 192, 0, 0.5);}
header .hop .languages .lauges .language .latem:hover a{background: #2269d5;color: #fff;}
header .hop .languages .lauges .language .latem.on a{background: #2269d5;color: #fff;}
header .hop .share{display: inline-block;vertical-align: middle;font-size: 0;}
header .hop .share .am{display: inline-block;vertical-align: middle;width: 0.22rem;height: 0.22rem;margin: 0 0.05rem;}
header .hop .share .am a, header .hop .share .am img{width: 100%;display: block;}
header .hobs{width: 100%;background-color: #fff;box-shadow: 0px 0px 16px 0px rgba(4, 0, 0, 0.08);}
header .hob{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
header .hob .logo{display: inline-block;vertical-align: middle;width: 2.62rem;}
header .hob .logo a, header .hob .logo img{width: 100%;display: block;}
header .hob .rav{display: inline-block;vertical-align: middle;font-size: 0;margin-left: 0.2rem;}
header .hob .rav .menu{display: inline-block;vertical-align: middle;width: 24px;height: 24px;margin-left: 0.1rem;cursor: pointer;display: none;position: relative;}
header .hob .rav .menu img{width: 100%;display: block;}
header .hob .rav .menu .clk{width: 100%;height: 100%;text-align: center;color: #333;font-size: 20px;line-height: 24px;text-align: center;position: absolute;z-index: 3;left: 50%;top: 50%;transform: translate(-50%, -50%);display: none;}
header .hob .rav .stvm{display: inline-block;vertical-align: middle;position: relative;overflow: hidden;}
header .hob .rav .stvm .input{display: inline-block;vertical-align: middle;width: 0;border-bottom: solid 1px #eee;transition: all ease 0.3s;}
header .hob .rav .stvm .input input{width: 100%;display: block;border: none;background-color: transparent;line-height: 2.5;color: #333;}
header .hob .rav .stvm .input input::-webkit-input-placeholder, header .hob .rav .stvm .input textarea::-webkit-input-placeholder{color: #666;}
header .hob .rav .stvm .input input:-moz-placeholder, header .hob .rav .stvm .input textarea:-moz-placeholder{color: #666;}
header .hob .rav .stvm .input input::-moz-placeholder, header .hob .rav .stvm .input textarea::-moz-placeholder{color: #666;}
header .hob .rav .stvm .input input:-ms-input-placeholder, header .hob .rav .stvm .input textarea:-ms-input-placeholder{color: #666;}
header .hob .rav .stvm .clost{display: inline-block;vertical-align: middle;font-size: 0;color: #333;cursor: pointer;transition: all ease 0.3s;}
header .hob .rav .stvm .clost img{width: 100%;display: block;}
header .hob .rav .stvm .vic{display: inline-block;vertical-align: middle;width: 22px;height: 22px;cursor: pointer;width: 0;position: relative;}
header .hob .rav .stvm .vic img{width: 100%;display: block;}
header .hob .rav .stvm .vic .vis{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;z-index: 2;cursor: pointer;opacity: 0;}
header .hob .rav .stvm.long .input{width: 1.5rem;}
header .hob .rav .stvm.long .input input{padding: 0 0.15rem;}
header .hob .rav .stvm.long .clost{display: inline-block;}
header .hob .rav .stvm.long .clost{font-size: 20px;}
header .hob .rav .stvm.long .vic{width: 22px;margin: 0 0.1rem;}
header .hob .rav .am{display: inline-block;vertical-align: middle;width: 22px;height: 22px;}
header .hob .rav .am img{width: 100%;display: block;}
header .hob nav{display: inline-block;vertical-align: middle;flex: 1;text-align: right;}
header .hob nav .natem{width: auto;display: inline-block;vertical-align: middle;position: relative;text-align: left;}
header .hob nav .natem .nas{width: auto;display: inline-block;position: relative;margin: 0 0.1rem;}
header .hob nav .natem .nas a{display: inline-block;line-height: 3.5;line-height: 1rem;color: #333;position: relative;padding: 0 0.15rem;}
header .hob nav .natem .nas:after{content: ' ';position: absolute;left: 50%;bottom: 0rem;transform: translateX(-50%);opacity: 0;width: 100%;height: 2px;background-color: #2269d5;}
header .hob nav .natem .navuls{width: 2.2rem;width: 140px;position: absolute;z-index: 101;left: calc(50%);top: 100%;transform: translateX(-50%);background-color: white;box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09);display: none;}
header .hob nav .natem .navuls ul{width: 100%;}
header .hob nav .natem .navuls ul li{width: 100%;position: relative;}
header .hob nav .natem .navuls ul li .njm{width: 100%;font-size: 0;background-color: rgba(255, 255, 255, 0.5);}
header .hob nav .natem .navuls ul li .ns{width: 100%;display: inline-block;vertical-align: middle;line-height: 3;color: #222;text-align: left;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding: 0 0.15rem;position: relative;background-color: rgba(255, 255, 255, 0.5);}
header .hob nav .natem .navuls ul li .theul{width: 100%;background-color: #f4f4f5;display: none;position: absolute;left: 100%;top: 0;}
header .hob nav .natem .navuls ul li .theul li{width: 100%;font-size: 0;}
header .hob nav .natem .navuls ul li .theul li .xn{display: inline-block;vertical-align: middle;color: #81838e;line-height: 2.5;padding: 0 0.2rem;width: 100%;}
header .hob nav .natem .navuls ul li .theul li:hover{background-color: #e5e5ed;}
header .hob nav .natem .navuls ul li .theul li:hover .xn{color: #2269d5;}
header .hob nav .natem .navuls ul li:hover .ns{background-color: #2269d5;}
header .hob nav .natem .navuls ul li.has-the:after{content: " ";display: inline-block;width: 8px;height: 11px;position: absolute;right: 0.08rem;left: auto;transform: translateY(-50%);top: 50%;background-image: url("../image/r1.png");background-size: 100% 100%;background-position: center;}
header .hob nav .natem .navuls ul li.has-the.show:after{content: "-";}
header .hob nav .natem.on .nas a{color: #2269d5;}
header .hob nav .natem.on .nas:after{opacity: 1;}
header .hob nav .natem:hover .nas a{color: #2269d5;}
header .hob nav .natem:hover .nas:after{opacity: 1;}
@media (max-width: 800px){header .hop .hol{width: 100%;text-align: center;margin-bottom: 0.06rem;}
header .hop .hor{width: 100%;text-align: center;}
header .hop .share .am{width: 18px;height: 18px;}
header .hop .languages .lauges .lashow{padding-right: 0.3rem;}
header .hob{height: 0.8rem;}
header .hob nav{width: 100%;position: fixed;right: 0;top: calc(1.5rem);left: auto;height: calc(100vh - 0.2rem - 32px);background-color: #fff;margin-right: 0;overflow: auto;z-index: 500;transition: transform .3s;padding-left: 0.1rem;padding: 0.1rem;display: block;text-align: left;display: none;border-top: solid 1px #e5e5e5;}
header .hob nav .natem{display: inline-block;vertical-align: middle;position: relative;width: auto;width: 100%;padding: 0.1rem 0;opacity: 0;transform: translate(-10px, -30px);transition: all .8s ease;}
header .hob nav .natem .nas{width: auto;display: inline-block;width: 100%;margin: 0;}
header .hob nav .natem .nas a{width: auto;display: inline-block;vertical-align: middle;line-height: 2.5;color: #333;font-weight: bold;padding: 0 0.3rem;position: relative;}
header .hob nav .natem .nas a:hover{color: #2269d5;background-color: transparent;}
header .hob nav .natem .navuls{width: 1.4rem;width: 100%;position: relative;z-index: 101;left: 0%;top: 0%;transform: translateX(0%);background: #fff;box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09);display: none;text-align: left;}
header .hob nav .natem .navuls ul{width: 100%;padding: 0.1rem 0.2rem;}
header .hob nav .natem .navuls ul li{width: 100%;display: block;position: relative;margin-bottom: 0;}
header .hob nav .natem .navuls ul li .ns{width: auto;display: inline-block;vertical-align: middle;line-height: 3;color: #333;text-align: left !important;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding: 0 0.2rem;background: #fff;position: relative;}
header .hob nav .natem .navuls ul li .ns:hover{color: #2269d5;}
header .hob nav .natem .navuls ul li .theul{width: 100%;background-color: #fff;display: none;left: 0;top: 0;position: relative;}
header .hob nav .natem .navuls ul li .theul li{width: 100%;font-size: 0;}
header .hob nav .natem .navuls ul li .theul li .xn{display: inline-block;vertical-align: middle;color: #333;line-height: 2.5;padding: 0 0.2rem;}
header .hob nav .natem .navuls ul li .theul li .xn:hover{color: #00479d;}
header .hob nav .natem .navuls ul li+li{border-top: solid 1px #eee;}
header .hob nav .natem .navuls ul li:hover .ns{background-color: transparent;color: #2269d5;}
header .hob nav .natem .navuls ul li.has-the:after{top: 0.4rem;}
header .hob nav .natem:before{display: none !important;}
header .hob nav .natem .prosubnav{display: none;}
header .hob nav .natem.on .nas:after{display: none;}
header .hob nav .natem.has-nav:after{content: "+";display: inline-block;width: 36px;height: 36px;line-height: 36px;text-align: center;position: absolute;background: none;right: 0;left: auto;transform: translateX(0);top: 0.05rem;font-size: 20px;color: #333;border: none;}
header .hob nav .natem.has-nav.show:after{content: "-";}
header .hob nav .natem.animate{opacity: 1;transform: translate(0, 0);}
header .hob .rav .menu{display: inline-block;}
header .hob .rav .stvm{position: fixed;left: 0;top: 0;width: 100%;height: 1rem;z-index: 10;background-color: rgba(0, 0, 0, 0.8);display: flex;align-items: center;padding: 0.15rem 2%;display: none;}
header .hob .rav .stvm form{width: 100%;display: flex;align-items: center;}
header .hob .rav .stvm .clost{display: inline-block;vertical-align: middle;width: 23px;height: 23px;font-size: 20px;color: #fff !important;line-height: 23px;text-align: center;position: relative;margin-right: 0.1rem;}
header .hob .rav .stvm .input{display: inline-block;vertical-align: middle;width: calc(100% - 23px - 1rem);}
header .hob .rav .stvm .input input::-webkit-input-placeholder, header .hob .rav .stvm .input textarea::-webkit-input-placeholder{color: #fff;}
header .hob .rav .stvm .input input:-moz-placeholder, header .hob .rav .stvm .input textarea:-moz-placeholder{color: #fff;}
header .hob .rav .stvm .input input::-moz-placeholder, header .hob .rav .stvm .input textarea::-moz-placeholder{color: #fff;}
header .hob .rav .stvm .input input:-ms-input-placeholder, header .hob .rav .stvm .input textarea:-ms-input-placeholder{color: #fff;}
header .hob .rav .stvm .input input{color: #fff;}
header .hob .rav .stvm .vic{width: 0.4rem;text-align: center;}
header .hob .rav .stvm .vic .sub{width: 100%;}
header.menu-state .hob .rav .menu img{opacity: 0;}
}
@media (max-width: 450px){header .hop .hm{display: none;}
header .hop .hk{width: 100%;text-align: center;}
}

.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;}
.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: .48rem;}

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

.qh-h{display: inline-block;vertical-align: middle;margin-right: 1.6rem;}
.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: 2rem;  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: 2rem; 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('/static/home/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);z-index:2;}
.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('/static/home/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('/static/home/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('/static/home/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('/static/home/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('/static/home/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;}
}

.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%;
    }
}

.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%;
    }
}

.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%;
    }
}