@charset "UTF-8";
@font-face{font-family:"OPPOSansWeb2";src:url("https://static.westarcloud.com/5ae01a6ba624635d3d043f24/file/OPPOSansWeb2.woff2") format("woff2"),url("https://static.westarcloud.com/5ae01a6ba624635d3d043f24/file/OPPOSansWeb2.woff") format("woff"),url("https://static.westarcloud.com/5ae01a6ba624635d3d043f24/file/OPPOSansWeb2.ttf") format("truetype");font-weight:normal;font-style:normal}
@font-face{font-family:"Impact";src:url("https://static.westarcloud.com/5ae01a6ba624635d3d043f24/file/impact.ttf") format("truetype");}
body,textarea,input,select{font-family:"OPPOSansWeb2","Arial","Roboto","Microsoft YaHei","Helvetica Neue","Helvetica","sans-serif" !important;font-variation-settings:'wght' 450;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.hold{height:1rem}
.main{width:7.5rem}
.content{width:6.9rem;margin:0 auto}
.header{background-color:#fff;width:7.5rem;margin:0 auto;position:fixed;z-index:100;border-bottom:0.02rem solid #eaeaea}
.collapse-icon{width:1rem;height:1rem;background:url('../images/daoh.png') no-repeat center;display:block;float:left;background-size:0.36rem 0.28rem;cursor:pointer;position:relative;top:0;left:0}
.search-icon{display:block;float:right;width:1rem;height:1rem;cursor:pointer;position:absolute;top:0;right:0;background:url('../images/invalid-sel.png') no-repeat center;background-size:0.34rem 0.34rem}
.search-box{display:none;width:7.5rem;background-color:#fff;position:fixed;top:0;z-index:100}
.search-box form{background-color:#fff;height:0.6rem;padding:0.18rem 0}
.search-box input{float:left;font-size:0.28rem;line-height:0.4rem;height:0.64rem;width:5.68rem;border:none;outline:none;padding:0 0.1rem;border-radius:0.02rem;background-color:#f2f2f2}
.search-box .content{padding:0}
.search-box .search-close{width:0.3rem;height:0.64rem;background:url("../images/xclo.png") no-repeat right center;background-size:0.28rem 0.28rem;cursor:pointer}
.switch-icon{display:block;float:right;width:1rem;height:1rem;cursor:pointer;position:absolute;top:0;right:0.8rem;background:url(../images/dqll.png) no-repeat center;background-size:0.34rem 0.34rem}
.switch-box{width:7.5rem;height:1rem;background-color:#fff;position:fixed;top:0;z-index:100;display:none;line-height:1rem}
.switch-box a{font-size:0.28rem;color:#555;display:inline-block;margin-right:0.2rem}
.switch-box .search-close{width:0.3rem;height:1rem;background:url("../images/xclo.png") no-repeat right center;background-size:0.28rem 0.28rem;cursor:pointer}
.header .logo{width:5.5rem;float:left;display:block;margin-bottom: 0;}
.header .logo img{display:block;width:2.4rem;margin:0.25rem auto 0}
nav{position:fixed;width:5.6rem;height:100%;left:-5.6rem;top:0;background-color:#fff;z-index:999;transition:all .36s ease;overflow-y:scroll}
nav .logo{display:block;width:2.4rem;margin-top:0.25rem}
nav .logo img{display:block;width:100%}
.nav-list .sub1{display:block;height:0.9rem;border-bottom:1px solid #eaeaea;color:#5e5e5e;font-size:0.28rem;line-height:0.9rem;padding-left:0.3rem;position:relative}
.nav-list .sub1-menu{transition:.36s ease;cursor:pointer}
.nav-list span{vertical-align:middle}
.nav-open2 .sub1{background-color:#fbfbfb;color:#ea5504}
.nav-open2 i{border:1px solid #fff}
.nav-list .sub2-menu{background-color:#fff;padding-top:1px;display:none;border-bottom:1px solid #eaeaea}
.nav-list .sub2{display:block;font-size:0.28rem;color:#888;background:#fff url('../images/heise.png') no-repeat 0.56rem center;height:0.78rem;line-height:0.78rem;padding-left:0.88rem;margin-bottom:1px;background-size:0.12rem}
.nav-list .cross{width:0.14rem;height:0.26rem;position:absolute;right:0.4rem;top:0.29rem;background:url('../images/heise.png') no-repeat center;background-size:cover}
.sub1 .one-list{color:#555;line-height:0.9rem;padding-right:0.5rem;display: flex;-ms-flex-align: center !important;align-items: center !important;}
.nav-open2 .one-list{color:#f89600}
.sub1 i{display:inline-block;vertical-align:middle;width:0.04rem;height:0.3rem;background-color:#aaa;margin-right:0.2rem}
.nav-open2 i{background-color:#f89600}
.nav-open2 .sub2-menu{display:block}
.nav-inner{position:relative;border-bottom:1px solid #eaeaea;padding-left:0.3rem}
.nav-close{width:1rem;height:1rem;background:url('../images/close-icon.png') no-repeat center;background-size:0.28rem 0.28rem;display:none;cursor:pointer}
.nav-show{left:0;box-shadow:0 -0.05rem 0.2rem #000}
.nav-show .nav-close{display:block}
footer{width:7.5rem;padding-top:0.8rem;background-color:#333}
footer h3{color:#fff;font-variation-settings:'wght'800;font-size:0.4rem;margin-bottom:0.5rem}
footer .info{margin:0 0.3rem;padding-bottom:0.5rem;border-bottom:0.02rem #5c5c5c solid}
footer .info p{font-size:0.28rem;color:#ddd;line-height:0.42rem;margin-bottom:0.2rem;padding-left:0.7rem;background-size:0.42rem 0.42rem!important}
footer .info p a{color:#ddd}
footer .info .icon-mail{background:url('../images/m-femail.png') no-repeat top left}
footer .info .icon-wa{background:url('../images/m-fwa.png') no-repeat top left}
footer .info .icon-tel{background:url('../images/m-ftel.png') no-repeat top left}
footer .info .icon-add{background:url('../images/m-fadd.png') no-repeat top left}
footer .share-link{overflow:hidden;margin-top:0.4rem}
footer .share-link a{display:block;float:left;width:0.6rem;height:0.6rem;margin-right:0.3rem;border-radius: 50%;background-size: 0.3rem;background-repeat: no-repeat;background-position: center;background-color: #5c5c5c;}
footer .copy{font-size:0.24rem;color:#adadad;margin:0 0.3rem;padding:0.3rem 0}
footer .copy p{padding-bottom:0.15rem}
footer .copy em{margin:0 0.2rem}
footer .copy a{color:#adadad;display:inline-block}
footer .copy p img{margin-left:0.3rem;height:0.28rem}
.indexBot{width:7.5rem;background:#fff;background-size:4.51rem 0.6rem;z-index:999;position:fixed;bottom:0;box-shadow:0 0 10px 0 rgba(0,0,0,0.05);border-top:1px solid #eaeaea}
.indexBot a{float:left;width:19.99%;text-align:center;height:1rem;font-size:0.28rem;color:#999}
.indexBot a span{padding-top:0.4rem;display:inline-block;border-left:1px solid #eaeaea;width:100%;margin-top:0.2rem}
.indexBot a:first-child span{border:none}
.indexBot .bot1{background:url("../images/bom1.png") no-repeat center 0.25rem;background-size:0.24rem 0.24rem}
.indexBot .bot2{background:url("../images/bom2.png") no-repeat center 0.25rem;background-size:0.24rem 0.23rem}
.indexBot .bot3{background:url("../images/bom3.png") no-repeat center 0.25rem;background-size:0.24rem 0.25rem}
.indexBot .bot4{background:url("../images/bom4.png") no-repeat center 0.25rem;background-size:0.3rem 0.24rem}
.indexBot .bot5{background:url("../images/bom5.png") no-repeat center 0.25rem;background-size:0.24rem 0.23rem}
.help1{height:1rem;width:100%}
.right-kf{width:1.1rem;padding:1px 0;background:#ea5504;border-radius:0.06rem 0 0 0.06rem;color:#fff;position:fixed;right:0;top:70%;z-index:9999;box-shadow:-5px 0px 10px 0px rgba(234,85,4,0.3)}
.right-kf em{width:0.38rem;height:0.38rem;background:url("../images/kfwo.png") no-repeat center;background-size:cover;display:block;margin:0.27rem auto 0}
.right-kf span{text-align:center;display:inline-block;font-size:0.24rem;line-height:0.26rem;padding:0.15rem 0 0.27rem;}
#LR-BUBBLE{display:none !important}
#LRMINIBar{display:none !important}
.right-kf01 em{background:url(../images/ico-inquiry.png) no-repeat center;background-size:100%}
.right-kf01{top:54%;z-index:9999;}
.pop-msgbox{position:fixed;top:-.2rem;right:0;bottom:0;left:0;z-index:9999;display:none}
.pop-msgbox-close{background:url(../images/msgbox-down.jpg) 6.15rem center no-repeat;background-size:8%}
.customer {width: 7.5rem;border-top: 0.08rem #ea5504 solid;padding: 0.6rem 0.3rem 0.8rem;background: #fff;box-shadow: 0 0.03rem 0.06rem 0 rgba(0, 0, 0, 0.1);}
.customer-head{text-align:center}
.customer-title{text-align:center;font-size:0.4rem;color:#000;line-height:0.4rem;font-variation-settings:'wght'800}
.customer-title:after{content:"";display:block;width:0.6rem;height:0.04rem;background:#ea5504;margin:0.1rem auto 0}
.customer-head span{color:#999;font-size:0.26rem;display:block;line-height:0.4rem;padding-top:0.2rem;font-variation-settings:'wght'450}
.customer-main{margin:0.4rem auto 0}
.customer-form{margin:0 auto;overflow:hidden}
.form-input{margin-bottom:0.3rem}
.form-input input{width:6.9rem;height:0.8rem;outline:none;border:1px #f7bb9b solid;border-radius:0.08rem;font-size:0.28rem;color:#222;padding:0 0.2rem;box-sizing:border-box}
.form-input1{width:3.3rem;float:left;margin-bottom:0.3rem}
.form-input1:first-child{margin-right:0.3rem}
.form-input1:nth-child(3){margin-right:0.3rem}
.form-input1 input{width:3.3rem;height:0.8rem;outline:none;border:1px #f7bb9b solid;border-radius:0.08rem;font-size:0.28rem;color:#222;padding:0 0.2rem;box-sizing:border-box}
.form-input1 .msg-box{color: #222;margin-top: 0.1rem;display: block;}
.form-input2 input,.form-input2 select{width:6.9rem;height:0.8rem;outline:none;border:1px #f7bb9b solid;border-radius:0.08rem;padding:0 0.2rem;font-size:0.28rem;color:#222;-webkit-appearance:none;appearance:none;-moz-appearance:none;background:#fff url(../images/down.svg) no-repeat 95% center /auto 0.4rem;box-sizing:border-box}
.form-input2 select option{padding:0.2rem 0}
.form-input textarea{width:6.9rem;height:1.7rem;border:1px #f7bb9b solid;border-radius:0.08rem;padding:0.2rem;font-size:0.28rem;color:#222;-webkit-appearance:none;appearance:none;-moz-appearance:none;box-sizing:border-box}
.form-input input::-webkit-input-placeholder{color:#aeaeae}
.form-input input:-moz-placeholder{color:#aeaeae}
.form-input input::-moz-placeholder{color:#aeaeae}
.form-input input:-ms-input-placeholder{color:#aeaeae}
.form-input textarea::-webkit-input-placeholder{color:#aeaeae}
.form-input textarea:-moz-placeholder{color:#aeaeae}
.form-input textarea::-moz-placeholder{color:#aeaeae}
.form-input textarea:-ms-input-placeholder{color:#aeaeae}
.form-but button{width:6.9rem;height:0.8rem;color:#fff;font-size:0.28rem;background:#ea5504;border-radius:0.08rem;border:none;outline:none}
.form-but{margin-top:0.7rem}
.form-but2 button{width:6.9rem;height:0.8rem;color:#fff;font-size:0.28rem;font-weight:700;border-radius:0.04rem;border:none;outline:none;background:#ff9600}
.pub-form2{margin-top:0.4rem;background:url("../images/m-pub-form2bg.jpg") no-repeat center center/cover;padding:0.6rem 0}
.pub-form2 .title{text-align:center;color:#222;font-size:0.3rem;line-height:0.45rem;font-weight:bold}
.radio-outer{padding-bottom:0.3rem}
.radio-outer label{font-size:0.3rem;color:#ea5504;line-height:0.3rem;margin:0.3rem 0 0 0;display:block}
.radio-box{font-size: 0px;}
.radio-box .v-radio{font-size:0.26rem;color:#999;line-height:0.5rem;height:0.5rem;text-align:center;border-radius:0.08rem;border:1px #ea5504 solid;margin-top:0.3rem;width:1.6rem;margin-right:0.14rem;display: inline-block;box-sizing: border-box;}
.radio-box .checked{background:#ea5504;color:#fff}
#LRdiv0{display:none!important;}
/*二级导航*/
.slide-inner-nav .swiper-slide { height: 0.9rem; font-size: 0.3rem; color: #555; line-height: 0.9rem; text-align: center; width: auto; padding: 0 0.4rem; background: url("../images/mlzlx.png") no-repeat left center; background-size: 0.02rem 0.22rem; margin-right: 0 !important; }
.slide-inner-nav .swiper-slide:first-child { background-image: none; }
.slide-inner-nav .swiper-slide.swiper-slide-active { margin-top: 0 !important; }
.slide-inner-nav { box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.08); }
.slide-search-nav .swiper-slide { height: 0.9rem; font-size: 0.3rem; color: #555; line-height: 0.9rem; text-align: center; width: auto; padding: 0 0.4rem; background: url("../images/mlzlx.png") no-repeat left center; background-size: 0.02rem 0.22rem; margin-right: 0 !important; }
.slide-search-nav .swiper-slide:first-child { background-image: none; }
.slide-search-nav .swiper-slide.swiper-slide-active { margin-top: 0 !important; }
.slide-search-nav { border-top: 1px solid #eaeaea; ; }
.slide-search-nav .active { color: #ea5504; }
.inner-mask { height: 0.9rem; left: 0; background: #fff; /*border-top: 1px solid #eaeaea;*/
    border-bottom: 1px solid #eaeaea; z-index: 9; display: none; position: absolute; top: 0.98rem; }
.inner-mask1 { height: 0.9rem; left: 0; background: #fff; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; z-index: 9; display: none; position: absolute; top: 1rem; }
.inner-mask-head { font-size: 0.3rem; height: 0.9rem; line-height: 0.9rem; text-indent: 0.3rem; z-index: 99; }
.inner-mask-window li { float: left; }
.inner-mask-window a { font-size: 0.28rem; color: #555; display: block; float: left; padding: 0.22rem; border: 1px solid #f5f5f5; background: #fafafa; border-radius: 0.04rem; margin-left: 0.1rem; margin-top: 0.1rem; width: 2.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }
.inner-mask-window a.active{color: #ea5504;}
.inner-mask-window { z-index: 99; padding-left: 0.2rem; padding-top: 0.2rem; padding-bottom: 1.8rem; background: #fff; position: relative; top: -1px; border-top: 1px solid #eaeaea; }
.mask-trigger { width: 0.9rem; height: 0.9rem; background-color: deeppink; }
.mask-open { position: absolute; top: 0; right: 0; width: 1.8rem; height: 0.9rem; z-index: 99; background: url('//static.westarcloud.com/5ab9f1bda624634ee3649458/images/mwb.png') no-repeat right center; background-size: cover; }
.mask-open1 { position: absolute; top: 0; right: 0; width: 1.8rem; height: 0.9rem; z-index: 99; background: url('//static.westarcloud.com/5ab9f1bda624634ee3649458/images/mwb.png') no-repeat right center; background-size: cover; }
.mask-all { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); z-index: 8; position: absolute; top: 0; left: 0; display: none; }
.mask-close { height: 0.9rem; width: 0.9rem; background: url("../images/heise2.png") no-repeat center; background-size: 0.35rem 0.19rem; position: absolute; right: 0; top: 0; z-index: 9; }
.mask-alls {width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);z-index: 100;position: absolute; top: 0;left: 0; display: none; cursor: pointer;}

.m-banner { width: 100%; height: 3.2rem; background-size: cover; background-repeat: no-repeat; background-position: center center; -ms-flex-align: center!important; align-items: center!important; display: -ms-flexbox!important; display: flex!important; text-shadow: 1px 1px 4px #000000; }
.m-banner h1 { display: block; width: 5.76rem; margin: 0 auto; line-height:1.5; font-size: 0.28rem; color: #fff; text-align: center; }
.m-banner h1 span { display: block; width: 5.76rem; margin: 0 auto; line-height: 1.25; font-size: 0.45rem; font-weight: bold; color: #fff; text-align: center; letter-spacing:0.1rem; padding-bottom: 0.2rem; }

.slide-inner-nav .active, .slide-inner-nav .active a { color: #ea5504; }
.i-row {height: 0.2rem;background: #f5f5f5;}