header{width: 100%;position: fixed;left: 0;top: 0;z-index: 12345;transition: all 1s cubic-bezier(.25,.1,.25,1);}
header.black{background-color: #000;}
.h-space{width: 100%;height: .9rem;background-color: #000;}
.h-inner{max-width: 14.4rem;margin: 0 auto;width: 100%;}
.h-index{display: inline-block;margin-top: .2rem;float: left;}
.h-logo{height: .32rem;}
.h-right{float: right;font-size: 0;}
.h-menu{display: none;width: 46px;height: 46px;background-repeat: no-repeat;background-position: center center;background-image: url(/static/home/images/menu.png);background-size: 28px 28px;}
.h-mask{background-color: rgba(0,0,0,.6);position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 998;transition:all .5s;opacity: 0;visibility: hidden;}
.h-nav{display: inline-block;vertical-align: middle;font-size: 0;white-space: nowrap;}
.h-li{display: inline-block;vertical-align: top;position: relative;margin: 0 .15rem;white-space: normal;}
.h-link{color: #fff;display: block;line-height: 0.72rem;font-weight: bold;}
.h-li.active .h-link{color: #ff7800;}
.h-sub{display: none;width: 10em;background-color: #000;position: absolute;left: 50%;margin-left: -5em;top: 100%;z-index: 1000;padding: 0.05rem 0;border-radius: .1rem;}
.h-sub>li>a{display: block;width: 100%;line-height: 1.71;padding: .06rem 0.03rem;text-align: center;color: #fff;transition: background-color .3s;}
header.show-menu .h-nav{right: 0;}
header.show-menu .h-mask{opacity:1;visibility:visible;}
.h-search{width: .4rem;height: .4rem;margin-left: .54rem;display: inline-block;vertical-align: middle;border-radius: 50%;background-color: #ff7800;background-image: url(/static/home/images/9.png);background-size: 100% auto;background-repeat: no-repeat;background-position: center center;cursor: pointer;}
.h-sch{display: none;width: 100%;padding: .4rem 0;position: fixed;top: 0;right: 0;margin-right: 0;z-index: 999;background-color: #fff;font-size: 0;text-align: center;}
.h-form{width: 100%;background-color: transparent;position: relative;overflow: hidden;font-size: 0;}
.h-text{width: 3.8rem;height: .4rem;line-height: .4rem;font-size: .16rem;padding: 0 .1rem 0 0.05rem;border: none;border-bottom: 1px solid #ccc;border-right: none;vertical-align: top;background-color: transparent;color: #333;text-align: left;vertical-align: top;}
.h-smt{background-image: url(/static/home/images/59.png);background-position: center center;width: .4rem;height: .4rem;background-size: .22rem .22rem;background-repeat: no-repeat;color: transparent;cursor: pointer;border: none;border-bottom: 1px solid #ccc;background-color: transparent;transition: all .3s;vertical-align: top;}
header.show-sch .h-mask{opacity:1;visibility:visible;}
header.show-sch .h-sch{display: block;}
.h-lang{display: inline-block;vertical-align: middle;margin-left: .3rem;position: relative;z-index: 1234;}
.h-cur{color: #fff;line-height: .47rem;font-weight: bold;display: block;}
.h-cur:before{content: "";display: inline-block;vertical-align: middle;width: 1.125em;height: 1em;position: relative;top: -1px;background-image: url(/static/home/images/8.png);background-size: 100% 100%;margin-right: .625em;}
.h-items{width: 100%;background-color: #fff;position: absolute;left: 0;top: 100%;width: 6em;border-radius: .1rem;visibility: hidden;opacity: 0;transition: all .3s;padding: .05rem 0;}
.h-item{display: block;color: #333;line-height: 2;cursor: pointer; text-align: center; padding: 0 .1rem;}
.h-lang.show .h-items{visibility: visible;opacity: 1;}

.h-inq{display: inline-block;vertical-align: middle;margin-left: .4rem;position: relative;z-index: 1;}
.h-inc{color: #fff;line-height: .47rem;font-weight: bold;cursor: pointer;display: block;}
.h-inc:before{content: "";display: inline-block;vertical-align: middle;width: 1.125em;height: 1em;position: relative;top: -1px;background-image: url(/static/home/images/7.png);background-size: 100% 100%;margin-right: .625em;}

.h-share{display: inline-block;vertical-align: top;font-size: 0;}
.h-one{display: inline-block;vertical-align: top;line-height: .47rem;margin: 0 0 0 .2rem!important;}
.h-one-icon{display: inline-block;vertical-align: middle;height: 1em;}
@media(min-width: 1201px){
    .h-item:hover{color: #ff7800;}
    .h-link:hover{color: #ff7800;}
    .h-sub>li>a:hover{color: #ff7800;}
}
@media(max-width: 1920px){
    .h-sch{padding: 40px 0;}
    .h-text{width: 380px;height: 40px;line-height: 40px;font-size: 16px;padding: 0 10px 0 5px;}
    .h-smt{width: 40px;height: 40px;background-size: 22px 22px;}
}
@media(max-width: 1450px){
    .h-search{width: 30px;height: 30px;}
}
@media(max-width: 750px){
    header.show-sch .h-text{width: 220px;}
}
@media(max-width: 600px){
    .h-share{display: none;}
}
@media(max-width: 1200px){
    header{height: 46px;background-color: #222;padding-left: 10px;position: fixed;}
    .h-top{position: absolute;right: 92px;width: auto;}
    .h-search{height: 46px;width: 46px;vertical-align: top;margin-left: 0;background-color: transparent;background-size: 40px auto;}
    .h-lang{line-height: 46px;padding: 0;vertical-align: top;margin-left: 20px;margin-right: 10px;}
    .h-cur{line-height: 46px;}
    .h-cur:before{width: 18px;height: 16px;}
    .h-inq{margin-left: 20px;}
    .h-inc{line-height: 46px;}
    .h-inc:before{width: 18px;height: 16px;}
    .h-one{line-height: 46px;}
    .h-one-icon{height: 16px;}
    body{padding-top: 46px;}
    .h-space{display: none;}
    .h-inner{max-width: 100%;}
    .h-index{margin-top: 15px;}
    .h-logo{height: 16px;}
    .h-nav{width: 280px;height: 100%;position: fixed;right: -280px;top: 0;padding: 10px 0;left: auto;transform: translate(0,0);background-color: #fff;z-index: 12345;overflow: auto;transition: all .3s;}
    .h-li{display: block;margin: 0;}
    .h-li.active .h-link:after{display: none;}
    .h-sub{width: 100%;margin-left: 0;top: 0;position: relative;left: 0;padding: 0;}
    .h-sub>li>a{text-align: left;padding: 10px 0 10px 40px;color:#666;}
    .h-li.has-nav:after{content: "+";display: inline-block;width: 40px;height: 46px;line-height: 46px;text-align: center;position: absolute;right: 0;top: 0;font-size: 20px;color: #666;}
    .h-li.has-nav.show:after{content: "-";}
    .h-link{line-height: 46px;padding: 0 46px 0 20px;}
    .h-menu{display: inline-block;}
    .h-smt{background-size: 17px auto;}
    .h-link{color: #333;}
    header.show-lang .h-mask{opacity:1;visibility:visible;}
    .h-sub{background-color: #fff;}
}
@media(max-width: 420px){
    .h-index{margin-top: 16px;}
    .h-logo{height: 12px;}
}
@media(max-width: 370px){
    .h-lang{margin-right: 0;margin-left: 10px;}
    .h-inq{margin-left: 0;}
    .h-cur:before{margin-right: 3px;}
    .h-inc:before{margin-right: 3px;}
}
@media(max-width: 340px){
    .h-index{margin-top: 15px;}
    .h-logo{height: 10px;}
}

.qh-sub {display: none; width: 2rem;  background-color: #fff; position: absolute;left: 50%;top: .72rem;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{display: block;cursor: pointer;width: 100%;padding: 10px .2rem; line-height:1.4;  color: #333;transition: all .3s;word-break: break-all;}
.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{display: block;cursor: pointer;width: 100%;padding: 10px .2rem;line-height:1.4;color: #333;transition: all .3s;word-break: break-all;}
.qh-sub:hover{overflow: visible !important;}
.qh-item:hover .qh-twobox{display: block;}
@media(min-width: 1201px){
    .qh-item:hover .qh-one{background-color: #ff7800;color: #fff;} 
    .qh-two:hover{background-color: #ff7800;color: #fff;} 
}
@media (max-width: 1200px) { 
    .h-li.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;}
    .h-li.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;}
    header.show-menu .qh-opa{display: block;}
    header.show-menu  .qh-h{transform: translate(0,0);}
}

/* w3013 广告图 start */
.a-main{width: 100%;position: relative;}
.a-bn{width: 100%;}
.a-s{position: relative;}
.a-box{width: 100%;padding-top: 46.875%;position: relative;}
.a-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.a-video{ padding-top: 46.875%;position: relative; }
.a-video video{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.a-mouse{width: .23rem;height: .3rem;background-image: url(/static/home/images/11.png);background-size: 100% 100%;position: absolute;left: 50%;margin-left: -7.2rem;bottom: .67rem;z-index: 123;}
.a-text{width: 14.4rem;position: absolute;left: 50%;margin-left: -7.2rem;top: 47.77%;transform: translate(0,-50%);z-index: 123;}
.a-tit{color: #fff;line-height: 1.194;font-weight: bold;text-shadow: 0 0 1px rgba(50,50,50,0.59);margin-bottom: .75rem;margin-top: -0.2em;}
.a-btn{display: inline-block;vertical-align: top;padding: 0 .4rem;background-color: #ff7800;color: #fff;line-height: 2.77;border-radius: 1.385em;font-weight: bold;cursor: pointer;}
.a-bot{position: absolute;right: 50%;margin-right: -7.2rem;bottom: .67rem;z-index: 123;font-size: 0;display: none;}
.a-bot span{color: #fff;display: inline-block;vertical-align: middle;line-height: 1;font-weight: bold;}
.a-bot.show{display: block;}
.a-line{padding: 0 .08rem;}
.a-pg{display: inline-block;vertical-align: middle;margin-right: .22rem;}
.a-pg .swiper-pagination-bullet{width: .3rem;height: .04rem;background-color: rgba(255,255,255,0.7);border-radius: 0;opacity: 1;}
.a-pg .swiper-pagination-bullet-active{background-color: #ff7800;opacity: 1;}
@media(max-width: 800px){
    .a-text{width: 100%;left: 0;margin-left: 0;padding: 0 3%;}
    .a-mouse{left: 3%;margin-left: 0;display: none;}
    .a-bot{right: 3%;margin-right: 0;}
}
@media(max-width: 500px){
    .a-box{padding-top: 66%;}
    .a-tit{font-size: 24px;}
    .a-bot{bottom: 20px;}
}
/* w3013 广告图 end */

.b-main{width: 100%;padding-top: .83rem;padding-bottom: .75rem;background-image: url(/static/home/images/19.jpg);background-size: cover;background-position: center top;}
.b-inner{width: 100%;max-width: 14.4rem;margin:0 auto;}
.b-title{color: #ff7800;margin-bottom: .12rem;line-height: 1;text-align: center;font-weight: bold;}
.b-title:before,
.b-title:after{content:"";display: inline-block;vertical-align: middle;width: .24em;height: .222em;background-image: url(/static/home/images/29.png);background-size: 100% 100%;}
.b-title:before{margin-right: .3rem;}
.b-title:after{margin-left: .3rem;}
.b-des{color: #333;line-height: 1.3;text-align: center;font-weight: bold;margin-bottom: .54rem;}
.b-cont{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;}
.b-new{width: 48.98%;display: inline-block;vertical-align: top;margin-right: 2.04%;margin-bottom: 2.04%;position: relative;border-radius: .1rem;overflow: hidden;}
.b-item{display: inline-block;vertical-align: top;width: 23.47%;margin-right: 2.04%;margin-bottom: 2.04%;background-color: #fff;border-radius: .1rem;overflow: hidden;}
.b-item:nth-child(4n+3){margin-right: 0;}
.b-box{width: 100%;padding-top: 85.798%;position: relative;margin-bottom: .2rem;}
.b-pic{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.b-text{width: 100%;padding: 0 .3rem .15rem;min-height: 1.18rem;}
.b-tit{font-weight: bold;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 1;margin-bottom: .16rem;}
.b-attrs{width: 100%;}
.b-attr{color: #333;line-height: 1.222;}
.b-txt{width: 48%;position: absolute;left: 0.5rem;top: 48.14%;z-index: 123;transform: translate(0,-50%);}
.b-t{color: #fff;font-weight: bold;padding-bottom: .2rem;position: relative;margin-bottom: .33rem;}
.b-t:after{content:"";display: inline-block;width: .33rem;height: .04rem;border-radius: .02rem;background-color: #ff7800;position: absolute;left: 0;bottom: 0;}
.b-intro{color: #fff;line-height: 1.2;margin-bottom: .46rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.b-btn{display: inline-block;vertical-align: top;padding: 0 .4rem;background-color: #ff7800;color: #fff;line-height: 2.77;border-radius: 1.385em;font-weight: bold;cursor: pointer;}
.b-wrap{width: 100%;height: 100%;position: relative;}
.b-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
@media(min-width: 1201px){
    .b-item:hover .b-tit{color: #ff7800;}
}
@media(max-width: 800px){
    .b-inner{max-width: 94%;}
}
@media(max-width: 650px){
    .b-main{padding-top: 40px;padding-bottom: 40px;}
    .b-new{width: 100%;margin-right: 0;margin-bottom: 2%;}
    .b-wrap{height: auto;padding-top: 61%;}
    .b-item{width: 49%;margin-right: 2%;margin-bottom: 2%;}
    .b-item:nth-child(4n+3){margin-right: 2%;}
    .b-item:nth-child(2n+1){margin-right: 0;}
}

/* w3013 选择 start */
.c-main{width: 100%;padding-top: .83rem;background-image: url(/static/home/images/25.jpg);background-size: 100% auto;background-position: center top;background-repeat: no-repeat;}
.c-inner{width: 100%;max-width: 14.4rem;margin:0 auto;}
.c-title{color: #fff;margin-bottom: .12rem;line-height: 1;text-align: center;font-weight: bold;}
.c-title:before,
.c-title:after{content:"";display: inline-block;vertical-align: middle;width: .24em;height: .222em;background-image: url(/static/home/images/26.png);background-size: 100% 100%;}
.c-title:before{margin-right: .3rem;}
.c-title:after{margin-left: .3rem;}
.c-des{color: #fff;line-height: 1.3;text-align: center;font-weight: bold;margin-bottom: .54rem;}
.c-list{width: 100%;background-color: #fff;padding: 0.7rem 0.36rem .45rem;border-radius: .1rem;font-size: 0;}
.c-item{display: inline-block;vertical-align: top;width: 33.33%;padding: 0 .5rem;margin-bottom: .5rem;}
.c-box{width: 1.67rem;height: 1.67rem;background-color: #ffe4cc;border-radius: 50%;margin: 0 auto .36rem;padding: .13rem;position: relative;}
.c-in{width: 100%;height: 100%;background-color: #ff7800;border-radius: 50%;}
.c-line{width: 2px;height: .35rem;background-image: url(/static/home/images/23.png);background-size: 100% 100%;margin: 0 auto .18rem;position: relative;}
.c-line:before{content: "";display: inline-block;width: .17rem;height: .17rem;border-radius: 50%;border: 0.02rem solid #d2d2d2;position: absolute;left: 1px;margin-left: -0.085rem;bottom: 100%;box-sizing: border-box;}
.c-tit{color: #333;font-weight: bold;text-align: center;margin-bottom: .2rem;}
.c-intro{color: #666;line-height: 1.44;}
.c-box:after{content: "";display: inline-block;width: .09rem;height: .09rem;border-radius: 50%;background-color: #ff7800;position: absolute;}
.c-item:nth-child(3n+1) .c-box:after{left: 50%;top: -0.04rem;margin-left: -0.05rem;}
.c-item:nth-child(3n+2) .c-box:after{left: .15rem;bottom: .24rem;}
.c-item:nth-child(3n+3) .c-box:after{right: -0.04rem;top: 50%;margin-top: -0.05rem;}
@media(max-width: 1200px){
    .c-item{padding: 0 .3rem;}
}
@media(max-width: 900px){
    .c-main{background-size: auto 196px;}
}
@media(max-width: 800px){
    .c-inner{max-width: 94%;}
    .c-item{padding: 0 10px;}
}
@media(max-width: 650px){
    .c-main{padding-top: 40px;}
}
@media(max-width: 500px){
    .c-list{padding-left: 10px;padding-right: 10px;}
    .c-item{width:100%;padding: 0;}
}

/* w3013 选择 end */

.d-main{width: 100%;position: relative;padding: 1.24rem 0 1.36rem;}
.d-left-bg{width: 41.46%;height: 100%;position: absolute;left: 0;top: 0;background-image: url(/static/home/images/33.jpg);background-size: cover;background-position: center top;}
.d-right-bg{width: 58.54%;height: 100%;position: absolute;right: 0;top: 0;background-image: url(/static/home/images/34.jpg);background-size: cover;background-position: center bottom;}
.d-inner{width: 100%;max-width: 14.4rem;margin: 0 auto;position: relative;z-index: 123;}
.d-left{float: left;width: 50.69%;}
.d-box{width: 100%;cursor: pointer;position: relative;}
.d-v{width: 100%;vertical-align: top;border-radius: .1rem;}
.d-play{width: .64rem;height: .64rem;min-width: 40px;min-height: 40px;background-image: url(/static/home/images/28.png);background-size: 100% 100%;position: absolute;left: .48rem;bottom: .4rem;z-index: 123;background-repeat: no-repeat;}
.d-box.ing .d-play{display: none;}
.d-right{float: right;width: 49.31%;padding-left: .84rem;}
.d-title{color: #ff7800;font-weight: bold;line-height: 1;margin-bottom: .28rem;}
.d-title:after{content:"";display: inline-block;vertical-align: middle;width: .24em;height: .222em;background-image: url(/static/home/images/29.png);background-size: 100% 100%;margin-left: .3rem;}
.d-intro{color: #fff;line-height: 1.66;opacity: 0.8;margin-bottom: .5rem;}
.d-rows{width: 100%;padding-bottom: .66rem;}
.d-row{width: 100%;position: relative;margin-bottom: .3rem;padding-left: 2.136em;}
.d-row:last-child{margin-bottom: 0;}
.d-icon{width: 1.363em;position: absolute;left: 0;top: 0;}
.d-t{color: #fff;line-height: 1.363;width: 100%;}
.d-btn{display: inline-block;vertical-align: top;padding: 0 .4rem;background-color: #ff7800;color: #fff;line-height: 2.77;border-radius: 1.385em;font-weight: bold;cursor: pointer;}
@media(max-width: 800px){
    .d-inner{max-width: 94%;}
    .d-right{padding-left: 20px;}
}
@media(max-width: 650px){
    .d-main{padding-top: 40px;padding-bottom: 40px;}
    .d-left{float: none;width: 100%;}
    .d-right{float: none;width: 100%;padding-left: 0;margin-bottom: 20px;}
    .d-left-bg{display: none;}
    .d-right-bg{width: 100%;}
}

.g-main{width: 100%;padding-top: .83rem;padding-bottom: .79rem;background-image: url(/static/home/images/41.png);background-size: cover;background-position: center center;}
.g-inner{width: 100%;max-width: 14.4rem;margin: 0 auto;font-size: 0;}
.g-left{display: inline-block;vertical-align: middle;width: 42.92%;color: #ff7800;line-height: 1.2;font-weight: bold;}
.g-right{display: inline-block;vertical-align: middle;width: 57.08%;border: .02rem solid #ff7800;height: .77rem;border-radius: .385rem;position: relative;}
.g-input{width: 100%;height: 100%;border: none;padding: 0 1.75rem 0 .54rem;color: #333;background-color: transparent;}
.g-sub{width: 1.55rem;height: .58rem;border-radius: .29rem;background-color: #ff7800;color: #fff;font-weight: bold;position: absolute;right: .1rem;top: .08rem;border: none;cursor: pointer;}
.g-right input::-webkit-input-placeholder,
.g-right textarea::-webkit-input-placeholder{color: #666;}
.g-right input:-moz-placeholder,
.g-right textarea:-moz-placeholder{color: #666;}
.g-right input::-moz-placeholder,
.g-right textarea::-moz-placeholder{color: #666;}
.g-right input:-ms-input-placeholder,
.g-right textarea:-ms-input-placeholder{color: #666;}
@media(max-width: 1392px){
    .g-sub{width: 112px;}
    .g-input{padding-right: 122px;}
}
@media(max-width: 1130px){
    .g-right{height: 42px;border-width: 1px;border-radius: 21px;}
    .g-sub{height: 34px;line-height: 34px;border-radius: 16px;top: 3px;right: 3px;}
}
@media(max-width: 800px){
    .g-inner{max-width: 94%;}
}
@media(max-width: 650px){
    .g-main{padding-top: 38px;padding-bottom: 40px;}
    .g-left{width: 100%;margin-bottom: 20px;}
    .g-right{width: 100%;}
}

/* w3014 侧边客服 start */
.rightnav{position:fixed;top:60%;right:0.2rem;transform:translateY(-50%);z-index:20;border-radius: .32rem;display: none;}
.rightnav .ritm{width:0.6rem;height:0.6rem;display:block;position: relative;background-color: #ff7800;border-radius: 50%;margin-bottom: .07rem;}
.rightnav .ritm:last-child{margin-bottom: 0;}
.rightnav .ritm a{width:100%;height: 100%;display:inline-block;text-align: center;padding-top: .05rem;}
.rightnav .ritm img{width: .5rem;height: .5rem;}
.rightnav .ritm.has-text a{position: absolute;right: 0;top: 0;transition: all .3s;white-space: nowrap;overflow: hidden;font-size: 0;}
.r-phone{width: auto;display: inline-block;vertical-align: middle;white-space: nowrap;color: #fff;padding-right: .13rem;font-weight: bold;display: none;}
.rightnav .ritm.has-text.active a{width:  2.6rem;background-color: #ff7800;border-radius: .32rem;}
.rightnav .ritm.has-text.active .r-phone{display: inline-block;}
/* w3014 侧边客服 end */

/* w3013 底部 start */
footer{width: 100%;background-color: #222;}
.f-inner{width: 100%;max-width: 14.4rem;margin: 0 auto;min-height: 5.55rem;position: relative;}
.f-left{width: 60.97%;font-size: 0;padding-top: .84rem;}
.f-dls{width: 100%;font-size: 0;padding-bottom: .28rem;}
.f-dl{display: inline-block;vertical-align: top;margin-bottom: .76rem;padding-right: .2rem;}
.f-dl:nth-child(2n+1){width: 41.3%;}
.f-dl:nth-child(2n){width: 58.7%;}
.f-dt{color: #fff;font-weight: bold;line-height: 1;}
.f-dd{width: 100%;font-size: 0;}
.f-links{width: 100%;padding-top: .34rem;}
.f-one{display: inline-block;vertical-align: top;width: 1.46rem;margin-bottom: .08rem;}
.f-link{display: inline-block;vertical-align: top;color: #fff;opacity: 0.7;line-height: 1.33;}
.f-rows{width: 100%;padding-top: .34rem;}
.f-row{width: 100%;position: relative;padding-left: 1.39em;margin-bottom: .08rem;}
.f-i{width: .833em;
    /* position: absolute;left: 0;top: 0.665em;transform: translate(0,-50%); */
}
.f-t{width: 100%;color: #fff;line-height: 1.33em;opacity: 0.7;}
.f-share{width: 100%;padding-top: .35rem;font-size: 0;}
.f-el{display: inline-block;vertical-align: top;height: .25rem;margin: 0 .3rem 0 0!important;}
.f-el:last-child{margin-right: 0;}
.f-ic{height: 100%;}
.f-ic.gray{opacity: 0.4;}
.f-ic.orange{display: none;}
.f-el:hover .f-ic.orange{display: inline-block;opacity: 1;}
.f-el:hover .f-ic.gray{display: none;}
.f-cards{width: 100%;font-size: 0;padding-top: .36rem;}
.f-card{display: inline-block;vertical-align: top;margin-right: .13rem;}
.f-card-img{height: .26rem;vertical-align: top;}
.f-bot{width: 100%;color: rgba(255,255,255,0.7);border-top: 1px solid rgba(255,255,255,0.12);line-height: 1.33;padding: 1em 0;}
.f-bot a{display: inline-block;vertical-align: top;line-height: inherit;color: inherit;}

.f-right{width: 39.03%;height: 100%;position: absolute;right: 0;top: 0;background-color: #ff7800;padding: .5rem .6rem;}
.f-r-tit{color: #fff;font-weight: bold;white-space: nowrap;line-height: 1;margin-bottom: .3rem;}
.f-r-row{width: 100%;position: relative;margin-bottom: .2rem;}
.f-r-input{width: 100%;height: .44rem;border-radius: .22rem;background-color: #ff9333;border: none;padding: 0 .4rem;color: #fff;}
.f-right input::-webkit-input-placeholder,
.f-right textarea::-webkit-input-placeholder{color: rgba(255,255,255,0.5);}
.f-right input:-moz-placeholder,
.f-right textarea:-moz-placeholder{color: rgba(255,255,255,0.5);}
.f-right input::-moz-placeholder,
.f-right textarea::-moz-placeholder{color: rgba(255,255,255,0.5);}
.f-right input:-ms-input-placeholder,
.f-right textarea:-ms-input-placeholder{color: rgba(255,255,255,0.5);}
.f-r-area{width: 100%;height: 1.23rem;border-radius: .1rem;line-height: 1.375;background-color: #ff9333;border: none;padding: 0.13rem .4rem;color: #fff;}
.f-r-need{color: #fff;position: absolute;left: 0;top: 0;line-height: .5rem;padding-left: .2rem;display: inline-block;}
.f-r-last{width: 100%;text-align: center;padding-top: .1rem;}
.f-r-sub{display: inline-block;vertical-align: top;line-height: 2.777em;border-radius: 1.389em;background-color: #fff;width: 10em;border: none;text-align: center;color: #ff7800;font-weight: bold;cursor: pointer;}
@media(max-width: 1920px){
    .f-el{height: 25px;}
    .f-card{margin-right: 13px;}
    .f-card-img{height: 26px;}
}
@media(max-width: 1250px){
    .f-inner{max-width: 938px;}
    .f-r-tit{margin-bottom: 20px;}
    .f-r-row{margin-bottom: 12px;}
    .f-r-input{height: 30px;border-radius: 15px;}
    .f-r-need{line-height: 36px;}
    .f-r-area{height: 80px;}
    .f-r-last{padding-top: 6px;}
    .f-r-sub{height: 38px;border-radius: 19px;line-height: 38px;}
}
@media(min-width: 1201px){
    .f-link:hover{opacity: 1;}
}
@media(max-width: 1000px){
    .f-inner{max-width: 94%;}
}
@media(max-width: 900px){
    .f-left{width: 100%;}
    .f-right{width: 100%;position: relative;height: auto;}
    .f-one{width: 50%;}
    .f-dl:nth-child(2n){padding-right: 0;}
}
@media(max-width: 600px){
    .f-left{padding-top: 40px;}
    .f-dls{padding-bottom: 10px;}
    .f-dl{margin-bottom: 25px;}
    .f-dl:nth-child(2n+1){width: 100%;}
    .f-dl:nth-child(2n){width: 100%;}
    .f-el{margin-right: 30px;}
}
/* w3013 底部 end */