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

}

/*! w3012 产品中心-广告图 start  */.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}
/*! w3012 产品中心-广告图 end  */

/*! w3012 产品列表 start */.produm{width:100%;padding:.5rem 0}
.produm .propm{width:100%;font-size:0;display:flex;flex-wrap:wrap;justify-content:space-between}
.produm .propm .prl{display:inline-block;vertical-align:top;width:calc((310 / 1400 * 100%));padding-top:.8rem}
.produm .propm .prl .pit{width:100%;background-color:#2269d5;color:#fff;font-weight:700;line-height:1.5;padding:.2rem .3rem}
.produm .propm .prl .reul{width:100%}
.produm .propm .prl .reul .rli{width:100%;background-color:#f4f4f5;position:relative}
.produm .propm .prl .reul .rli .ras{width:100%;font-size:0;border-bottom:solid 1px #eee}
.produm .propm .prl .reul .rli .ras>a{display:inline-block;vertical-align:middle;line-height:2;color:#333;font-weight:700;padding:.1rem .2rem}
.produm .propm .prl .reul .rli .ras>a:hover{color:#2269d5}
.produm .propm .prl .reul .rli .eul{width:100%;position:relative;display:none;background:#fff;border-top:solid 1px #eee;padding:0 .1rem}
.produm .propm .prl .reul .rli .eul .el{width:100%;border-bottom:solid 1px #eee;position:relative}
.produm .propm .prl .reul .rli .eul .el:after{content:' ';position:absolute;right:.2rem;top:.25rem;width:14px;height:9px;background-image:url(../images/x.png);background-size:100% 100%;transition:all ease .5s;text-align:center;display:none}
.produm .propm .prl .reul .rli .eul .es{width:auto;display:inline-block;vertical-align:middle;line-height:3;color:#666;padding-left:.2rem;position:relative}
.produm .propm .prl .reul .rli .eul .es:hover{color:#2269d5}
.produm .propm .prl .reul .rli .eul .el.has-navss:after{display:inline-block}
.produm .propm .prl .reul .rli .eul .el.has-navss.show:after{content:' ';transform:rotate(180deg)}
.produm .propm .prl .reul .rli .eul .sul{width:100%;display:none;border-top:solid 1px #eee;padding:.2rem .3rem}
.produm .propm .prl .reul .rli .eul .sul a{width:100%;line-height:2.2;color:#666;display:block}
.produm .propm .prl .reul .rli .eul .sul a.active{color:#2269d5}
.produm .propm .prl .reul .rli .eul .sul a:hover{color:#2269d5}
.produm .propm .prl .reul .rli:after{content:' ';position:absolute;right:.2rem;top:.25rem;width:14px;height:9px;display:block;transition:all ease .5s;background-image:url(../images/x.png);background-size:100% 100%;color:#000;display:none}
.produm .propm .prl .reul .rli.has-navs:after{display:block}
.produm .propm .prl .reul .rli.has-navs.show:after{content:' ';transform:rotate(180deg)}
.produm .propm .prr{display:inline-block;vertical-align:top;width:calc((1045 / 1400 * 100%))}
.produm .propm .prr .maul{width:100%}
.produm .propm .prr .sacem{width:100%;display:none}
.produm .propm .prr .sacem.active{display:block}
.produm .propm .prr .sit{width:100%;color:#222434;line-height:1.5;font-weight:700;margin-bottom:.15rem}
.produm .propm .prr .sorm{width:100%}
.produm .propm .prr .sorm form{width:100%;display:block;font-size:0}
.produm .propm .prr .sorm .inpt{display:inline-block;vertical-align:top;margin-right:calc(5 / 1045 * 100%);margin-bottom:.1rem;width:calc(290 / 1045 * 100%)}
.produm .propm .prr .sorm .inpt .select-con{width:100%;display:inline-block;vertical-align:middle;position:relative;font-size:0;background-color:#fff;border:solid 1px #d2d2d2;padding:0 .4rem 0 .2rem;overflow:hidden}
.produm .propm .prr .sorm .inpt .select-con .select-value{display:inline-block;vertical-align:middle;width:100%;line-height:3.2;height:3.2em;color:#333}
.produm .propm .prr .sorm .inpt .select-con select{position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;opacity:0}
.produm .propm .prr .sorm .inpt .select-con select option{color:#666;font-size:calc(12px - .12rem + .14rem);line-height:2.8;background:#fff}
.produm .propm .prr .sorm .inpt .select-con:after{display:inline-block;content:"";position:absolute;right:.2rem;top:50%;transform:translateY(-50%);z-index:1;width:0;height:0;border:solid .05rem;border-color:#919191 transparent transparent transparent}
.produm .propm .prr .sorm .sub{display:inline-block;vertical-align:top;width:calc((159 / 1045) * 100%);text-align:center;height:3.2em;line-height:3.2;color:#fff;position:relative;background-color:#2269d5;overflow:hidden}
.produm .propm .prr .sorm .sub span{display:inline-block;vertical-align:middle;width:22px;margin-right:.1rem}
.produm .propm .prr .sorm .sub span img{width:100%;display:block}
.produm .propm .prr .sorm .sub input{position:absolute;top:0;left:0;width:100%;height:100%;display:block;opacity:0;cursor:pointer}
.produm .propm .prr .sacemlis{width:100%;font-size:0}
.produm .propm .prr .sacemlis .cemas{display:inline-block;vertical-align:top;width:calc((335 / 1045 * 100%));margin-right:calc((19 / 1045 * 100%));margin-bottom:.2rem;background-color:#fff;transition:all ease .5s;border:solid 1px #e8e8f4}
.produm .propm .prr .sacemlis .cemas .stm{width:100%}
.produm .propm .prr .sacemlis .cemas a{width:100%;display:block;padding:.3rem}
.produm .propm .prr .sacemlis .cemas .imgs{width:100%;position:relative;overflow:hidden}
.produm .propm .prr .sacemlis .cemas .imgs .img{width:100%;padding-top:54.54%;transition:all ease .5s}
.produm .propm .prr .sacemlis .cemas .xit{width:100%;text-align:center;color:#222434;line-height:1.5;margin-top:.1rem}
.produm .propm .prr .sacemlis .cemas .xim{width:100%;text-align:center;color:#81838e;line-height:1.5;height:3em;margin:.12rem 0}
.produm .propm .prr .sacemlis .cemas .add{width:.34rem;height:.34rem;display:block;margin:0 auto;transition:all ease .5s}
.produm .propm .prr .sacemlis .cemas .add img{width:100%;display:block}
.produm .propm .prr .sacemlis .cemas .add img:first-child{display:block}
.produm .propm .prr .sacemlis .cemas .add img:last-child{display:none}
.produm .propm .prr .sacemlis .cemas .vob{width:100%;background-color:#f4f4f5;display:flex;flex-wrap:wrap;align-items:center}
.produm .propm .prr .sacemlis .cemas .vob a{display:inline-block;vertical-align:middle;width:.48rem;height:.48rem;padding:0}
.produm .propm .prr .sacemlis .cemas .vob a img{width:100%;height:100%;display:block}
.produm .propm .prr .sacemlis .cemas .vob .xt{display:inline-block;vertical-align:middle;flex:1;text-align:center;color:#333;line-height:1.5}
.produm .propm .prr .sacemlis .cemas .stm:hover .imgs .img{transform:scale(1.1)}
.produm .propm .prr .sacemlis .cemas .stm:hover .add{background-color:#2269d5}
.produm .propm .prr .sacemlis .cemas .stm:hover .add img:first-child{display:none}
.produm .propm .prr .sacemlis .cemas .stm:hover .add img:last-child{display:block}
.produm .propm .prr .sacemlis .cemas:nth-child(3n){margin-right:0}
.produm .propm .prr .sacemlis .cemas:hover{box-shadow:8px 6px 30px 0 rgba(216,216,232,.4)}
.produm .propm .prr .descm{width:100%;padding:.3rem 0}
.produm .propm .prr .descm .detop{width:100%;background-color:#f4f4f5;padding:5px 5px 0;font-size:0}
.produm .propm .prr .descm .detop span{display:inline-block;vertical-align:middle;background-color:#fff;color:#222434;line-height:2.5;padding:0 .4rem}
.produm .propm .prr .descm .dinp{width:100%;margin:.3rem 0;color:#666;line-height:1.8;padding:0 3px}
.produm .propm .prr .descm .dinp p{color:#666;line-height:1.8}
.produm .propm .prr .descm .nob{width:100%;margin-top:.3rem;font-size:0}
.produm .propm .prr .descm .nob .nab{width:49%;margin-right:2%;display:inline-block;vertical-align:middle}
.produm .propm .prr .descm .nob .nab a{width:100%;display:block;background-color:#fff;border:solid 1px #e8e8f4;padding:.1rem .3rem;color:#666;line-height:1.5;text-align:center}
.produm .propm .prr .descm .nob .nab a:hover{color:#fff;background-color:#2269d5;border:solid 1px #2269d5}
.produm .propm .prr .descm .nob .nab:nth-child(2n){margin-right:0}
.produm .propm .prr .relateds .relatper .bl{left:-.25rem}
.produm .propm .prr .relateds .relatper .br{right:-.25rem}
.produm .propm .prr .proeom{width:100%;font-size:0;display:flex;flex-wrap:wrap;justify-content:space-between}
.produm .propm .prr .proeom .poml{display:inline-block;vertical-align:top;width:calc(600 / 1045 * 100%);display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}
.produm .propm .prr .proeom .poml .elper{width:calc((120 / 600) * 100%);margin-left:calc((15 / 600) * 100%);position:relative;box-sizing:border-box}
.produm .propm .prr .proeom .poml .elper .swiper-container{width:100%;height:calc(100% - 62px);padding:.1rem 0}
.produm .propm .prr .proeom .poml .elper .swiper-slide{width:100%;transition:all ease .5s;cursor:pointer;height:auto;border:solid 1px #ccc}
.produm .propm .prr .proeom .poml .elper .swiper-slide .img{width:100%;padding-top:100%}
.produm .propm .prr .proeom .poml .elper .swiper-slide.on{border:solid 1px #2269d5}
.produm .propm .prr .proeom .poml .elper .btn{position:relative;width:31px;height:31px;margin:0 auto 0;cursor:pointer;border-radius:50%;border:solid 1px #e8e8f4}
.produm .propm .prr .proeom .poml .elper .btn img{width:100%;display:block}
.produm .propm .prr .proeom .poml .elper .btn img:first-child{display:block}
.produm .propm .prr .proeom .poml .elper .btn img:last-child{display:none}
.produm .propm .prr .proeom .poml .elper .btn:hover{border:solid 1px #2269d5;background-color:#2269d5}
.produm .propm .prr .proeom .poml .elper .btn:hover img:first-child{display:none}
.produm .propm .prr .proeom .poml .elper .btn:hover img:last-child{display:block}
.produm .propm .prr .proeom .poml .erper{width:calc((460 / 600) * 100%)}
.produm .propm .prr .proeom .poml .erper .swiper-slide{width:100%}
.produm .propm .prr .proeom .poml .erper .swiper-slide .img{width:100%;padding-top:100%;border:solid 1px #ccc}
.produm .propm .prr .proeom .pomr{display:inline-block;vertical-align:top;width:calc((370 / 1045* 100%))}
.produm .propm .prr .proeom .pomr .pir{width:100%;font-size:0}
.produm .propm .prr .proeom .pomr .pir .pt{display:inline-block;vertical-align:middle;color:#222434;line-height:1.5;position:relative}
.produm .propm .prr .proeom .pomr .pir .ic{position:absolute;top:50%;width:19px;height:19px;left:103%;top:0}
.produm .propm .prr .proeom .pomr .pir .ic .cm{width:100%;height:100%;display:block}
.produm .propm .prr .proeom .pomr .pir .ic .sm{width:1rem;height:1rem;width:100px;height:100px;max-width:none;position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);display:block;opacity:0;transition:all ease .5s}
.produm .propm .prr .proeom .pomr .pir .ic:hover .sm{opacity:1}
.produm .propm .prr .proeom .pomr .pinp{width:100%;color:#666;line-height:1.5;margin:.2rem 0}
.produm .propm .prr .proeom .pomr .pinp p{color:#666;line-height:1.5}
.produm .propm .prr .proeom .pomr .numbers{width:100%;font-size:0;margin:.35rem 0}
.produm .propm .prr .proeom .pomr .numbers span{display:inline-block;vertical-align:middle;color:#333;line-height:2.2}
.produm .propm .prr .proeom .pomr .numbers .cum{display:inline-block;vertical-align:middle;font-size:0;margin-left:.2rem}
.produm .propm .prr .proeom .pomr .numbers .cum .ctn{display:inline-block;vertical-align:middle;width:.4rem;height:.4rem;cursor:pointer;width:2.2em;height:2.2em;line-height:2.2em;border:solid 1px #313131}
.produm .propm .prr .proeom .pomr .numbers .cum .ctn img{width:100%;display:block}
.produm .propm .prr .proeom .pomr .numbers .cum .counx{display:inline-block;vertical-align:middle;width:66px;margin:0 .1rem}
.produm .propm .prr .proeom .pomr .numbers .cum .counx input{width:100%;height:.4rem;line-height:.4rem;height:2.2em;line-height:2.2em;text-align:center;display:block;background-color:#fff;border:solid 1px #313131;color:#222}
.produm .propm .prr .proeom .pomr .ptm{width:100%;font-size:0;display:flex;flex-wrap:wrap}
.produm .propm .prr .proeom .pomr .ptm .pas{display:inline-block;vertical-align:middle;color:#fff;line-height:2.8;width:auto;padding:0 40px;margin-right:.12rem;background-color:#2269d5}
.produm .propm .prr .proeom .pomr .ptm .vas{display:inline-block;vertical-align:middle;flex:1;color:#fff;line-height:2.8;text-align:center;background-color:#222434}
.produm .propm .prr .proeom .pomr .ptm .vas span{display:inline-block;vertical-align:middle;position:relative;top:-.02rem;width:21px;margin-right:.06rem}
.produm .propm .prr .proeom .pomr .ptm .vas span img{width:100%;display:block}
.produm .propm .pack{display:none}
@media (max-width:800px){.crumbs .crum .cenu{display:block}
.produm .propm{padding-top:0}
.produm .propm .prl{width:80%;position:fixed;left:0;top:0;right:auto;height:100vh;background-color:#fff;margin-right:0;overflow:auto;z-index:501;transition:transform .3s;padding:.5rem .2rem;display:block;text-align:left;display:none}
.produm .propm .prr{width:100%}
.produm .propm .prr .sorm .inpt{width:100%;margin-right:0}
.produm .propm .prr .sorm .sub{width:100%}
.produm .propm .prr .sacemlis{width:100%}
.produm .propm .prr .sacemlis .cemas .vob a{width:30px;height:30px}
.produm .propm .prr .proeom .poml .elper{font-size:0}
.produm .propm .prr .proeom .poml .elper .btn{display:inline-block;vertical-align:middle;transform:rotate(-90deg)}
.produm .propm .prr .proeom .poml .elper .swiper-container{width:calc(100% - 62px - .2rem);margin:0 .1rem;height:auto;padding:.1rem 0;display:inline-block;vertical-align:middle}
.produm .propm .pack{position:fixed;right:0;top:0;left:auto;height:100vh;width:100%;background-color:rgba(0,0,0,.7);overflow:auto;z-index:500;transition:transform .3s;padding:.1rem;display:block;text-align:left;display:none}
}
.qj-main{width:100%;padding-top:.45rem}
.qj-form{width:100%}
.qj-titles{color:#327ae6;line-height:1.38;font-weight:700;margin-bottom:.15rem}
.qj-form input::-webkit-input-placeholder,.qj-form textarea::-webkit-input-placeholder{color:#d2d3d6!important}
.qj-form input:-moz-placeholder,.qj-form textarea:-moz-placeholder{color:#d2d3d6!important}
.qj-form input::-moz-placeholder,.qj-form textarea::-moz-placeholder{color:#d2d3d6!important}
.qj-form input:-ms-input-placeholder,.qj-form textarea:-ms-input-placeholder{color:#d2d3d6!important}
.crumbs{width:100%}
.crumbs .crum{width:100%;font-size:0;display:flex;flex-wrap:wrap;align-items:center;padding:.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:.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 .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:.1rem;display:none}
.crumbs .crum .cenu img{width:100%;display:block}
.w1400{width:14rem;margin:0 auto;position:relative;font-size:0}
@media (max-width:1420px){.w1400{width:94%}
}
.q-input{display:block;width:100%;padding:0 .1rem;height:.42rem;color:#333;border:solid 1px #dcdce2}
.q-item{display:block;width:100%;margin-bottom:.1rem}
.q-cont{width:100%;margin-bottom:.1rem;display:flex;justify-content:space-between;align-items:center}
.q-lt{width:61.93%}
.q-code{width:35.48%;border:solid 1px #dcdce2}
.q-code img{width:100%;height:.42rem;object-fit:contain;cursor:pointer}
.q-submit{display:block;width:100%;border:none;cursor:pointer;height:.42rem;text-align:center;line-height:.42rem;color:#fff;background-color:#327ae6}
@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}
}
.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;
    }
}
.q-textarea {
    display: block;
    width: 100%;
    padding: .05rem .1rem;
    height: 1rem;
    line-height: .32rem;
    color: #333;
    border: solid 1px #dcdce2;
}
/*! w3012 产品列表 end */

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