@charset "utf-8";
/*@font-face {*/
    /*font-family: opposansLighter;*/
    /*src: url("../font/OPPOSans-L.ttf");*/
/*}*/
/*@font-face {*/
    /*font-family: opposansRegular;*/
    /*src: url("../font/OPPOSans-R.ttf");*/
/*}*/
/*@font-face {*/
    /*font-family: opposansMedium;*/
    /*src: url("../font/OPPOSans-M.ttf");*/
/*}*/
/*@font-face {*/
    /*font-family: robotoregular;*/
    /*src: url("../font/Roboto-Regular.ttf");*/
/*}*/
/*@font-face {*/
    /*font-family: robotobold;*/
    /*src: url("../font/Roboto-Bold.ttf");*/
/*}*/
.opposansRegular{font-family: opposansRegular;}
.opposansLighter{font-family: opposansLighter;}
.opposansMedium{font-family: opposansMedium;}
.robotoregular{font-family: robotoregular;}
.robotobold{font-family: robotobold;}
* { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none;box-sizing: border-box;}
html,body{font-size: 0.14rem;font-family:opposansRegular,"Microsoft YaHei","PingFang SC","HarmonyOS Sans";background: #fff;color: #000;}
input,textarea,select,pre{font-family:opposansRegular,"Microsoft YaHei","PingFang SC","HarmonyOS Sans";font-size: 0.14rem;}
img,input,textarea{ border: none; }
h1,h2,h3,h4,h5{font-weight: normal;font-size: 0.14rem;line-height: 1.6;}
table{width: 100%;border-collapse: collapse;}
audio,canvas,video{ display: inline-block; *display: inline; *zoom: 1;}
html.hide{overflow: hidden;}
body.hide{overflow: hidden;}
a{color: #000;}
.fl{ float: left;}
.fr{float: right;}
.clear:after{ content: ''; display: table; clear: both; }
p{line-height: 1.6;}
.des-justify p{text-align: justify;}
.img100 img{vertical-align: bottom;width: 100%;}
.middle-box{display: table; height: 100%;  width:100%; margin:0 auto; position:relative; table-layout: fixed;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;}
.pc-show{display: block;}
.wap-show{display: none;}
.position-full{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.relative{position: relative;}
.text-center{text-align: center;}
.overhide{overflow: hidden;}
.w1440{width: 75%;max-width: 92%;margin: 0 auto;}
ul{font-size: 0;}
ul li{font-size: 0.14rem;display: inline-block;vertical-align: top;}
ul li:last-child{margin-right: 0;}
.BMap_Marker img{width: 100%;vertical-align: bottom;}
.scrollBar::-webkit-scrollbar {width: 6px;height: 6px;}
.scrollBar::-webkit-scrollbar-thumb:hover { border: 1px solid #636363;background-color: #929292;}
.scrollBar::-webkit-scrollbar-thumb {background-color: #cfcfd2;border-radius: 8px;background-clip: padding-box;min-height: 28px;}
.scrollBar::-webkit-scrollbar-track-piece {background: #f3f3f3;}
.search_box .text::-webkit-input-placeholder{color:#fff;}
.search_box .text:-moz-placeholder{color:#fff;}
.search_box .text::-moz-placeholder{color:#fff;}
.search_box .text:-ms-input-placeholder{color:#fff;}
.edit *{font-weight: revert;list-style: revert;}
.mg-bt10{margin-bottom: 0.1rem;}
.mg-bt15{margin-bottom: 0.15rem;}
.mg-bt20{margin-bottom: 0.2rem;}
.mg-bt25{margin-bottom: 0.25rem;}
.mg-bt30{margin-bottom: 0.3rem;}
.mg-bt40{margin-bottom: 0.4rem;}
.mg-bt50{margin-bottom: 0.5rem;}
.mg-bt60{margin-bottom: 0.6rem;}
.mg-bt70{margin-bottom: 0.7rem;}
.mg-bt80{margin-bottom: 0.8rem;}
.des16 p{font-size: 0.16rem;}
.des18 p{font-size: 0.18rem;}
.line20 p{line-height: 2;}
.line18 p{line-height: 1.8;}
.size18{font-size: 0.18rem;}
.des-fff *{color: #fff;}
.title-fff *{color: #fff;}
.imgmax img{max-width: 100%;vertical-align: bottom;}
.swiper-pagination-bullets .swiper-pagination-bullet{vertical-align: middle;opacity: 1;}
.wow{transform: translateZ(0);}
/*header s*/
.header{position: fixed;width: 100%;top:0;left: 0;z-index: 999;transition: all .4s;}
body.active .header{background: #fff;box-shadow: 0 1px 2px #f0f0f0;}
.bgfff{background: #fff;}
.header > .w1440{height: 0.8rem;position: relative;}
.logo{position: absolute;top:50%;left: 0;transform: translateY(-50%);}
.logo img{height: 0.26rem;display: block;vertical-align: bottom;}

.header-con{margin-left: 1.65rem;}
.nav li{margin-right: 0.5rem;}
.nav li:last-child{margin-right:0;}
.nav-yi{line-height: 0.8rem;font-size: 0.2rem;position: relative;display: inline-block;font-family: opposansMedium;font-weight: bold;}
.nav-yi:after{content: "";position: absolute;transition: all .4s;width: 0;height: 0.03rem;background: #333;left: 50%;transform: translateX(-50%);opacity: 0;bottom:0;max-width: 100%;}
.nav li:hover .nav-yi:after{width: 0.36rem;opacity: 1;}
.nav li.active .nav-yi:after{width: 0.36rem;opacity: 1;}
.nav li.active .nav-yi{font-weight: bold;}

.header-area{position: absolute;right: 0;top:50%;transform: translateY(-50%);transition: all .4s;display: flex;align-items: center;}
.wssc{display: flex;background: #222;transition: all .4s;height: 0.44rem;padding: 0 0.24rem;align-items: center;border-radius: 0.44rem;color: #fff;font-family: opposansLighter;white-space: nowrap;}
.wssc img{height: 0.18rem;margin-right: 0.08rem;}
.language{margin-right: 0.3rem;display: flex;align-items: center;cursor: pointer;}
.language-box{position: absolute;left: 50%;margin-left: -0.4rem; top: 100%;width:0.8rem;z-index: 5;display: none;box-shadow: 0 1px 2px #f5f5f5;background: #f5f5f5;}
.language-box a{display: block;text-align: center;line-height: 0.4rem;transition: all .4s;font-size: 0.18rem;}
.language-box a:hover{background: #ccc;}
.language img{width: 0.16rem;}
.language-val{margin: 0 0.1rem;}
.language .i{background: url("../images/xia20x12.png") no-repeat center;background-size: cover;width: 0.1rem;height: 0.06rem;transition: all .4s;}
.nav-hide{position: fixed;left: 0;width: 100%;background: #fff;border-top: 1px solid #f4f4f4;padding: 0.3rem 0;display: none;}
.nav-nm{display: flex;justify-content: center;}
.nav-nm a{margin-right: 0.9rem;display: block;text-align: center;}
.nav-nm a:last-child{margin-right: 0;}
.nav-nm a img{height: 0.32rem;}

.nav-pro-page{display: flex;justify-content: space-between;flex-wrap: wrap;}
.nav-pro-type{width: 23.6%;line-height: 0.7rem;padding: 0 0.2rem;height: 0.7rem;position: relative;transition: all .4s;margin-bottom: 2px;}
.nav-pro-type:after{content: ""; width: 0.08rem;height: 0.13rem;background: url("../images/r15x25.png") no-repeat center;background-size: 100% 100%;position: absolute;right: 0.2rem;top:50%;transform: translateY(-50%);}
.nav-pro-right{width: 71%;display: none;position: absolute;top:0;right: 0;}
.nav-pro-page.active .nav-pro-type{background: #f2f2f2;}
.nav-pro-page:hover .nav-pro-type{background: #f2f2f2;}
.nav-pro-page.active .nav-pro-right{display: block;}
.nav-pro-xl{display: flex;flex-wrap: wrap;align-items: center;}
.nav-pro-xl a{margin-right: 1rem;position: relative;color: #888888;transition: all .4s;}
.nav-pro-xl a:after{content: "";position: absolute;right: -0.5rem;height: 0.18rem;top:50%;margin-top: -0.09rem;border-right: 1px solid #888;}
.nav-pro-xl a:last-child{margin-right: 0;}
.nav-pro-xl a:last-child:after{display: none;}
.nav-pro-xl a.active{color: #000;}
.nav-pro-xl a:hover{color: #000;}
.nav-pro-list-item{display: none;flex-wrap: wrap;}
.nav-pro-list-item.active{display: flex;}
.nav-pro-list-item a{width: 23.5%;margin-right: 2%;position: relative;text-align: center;}
.nav-pro-list-item a:nth-child(4n){margin-right: 0;}
.nav-pro-list-item a .img100{position: relative;padding-bottom: 100%;margin-bottom: 0.1rem;}
.nav-pro-list-item a .img100 img{object-fit: contain;}
.nav-pro{min-height: 4rem;}


.menu-handler{width: 30px; height: 32px; cursor: pointer; position: absolute;right:4%;top:50%;margin-top: -16px; transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); display: none; }
.menu-handler .burger{height: 2px; background: #212223; display: block;width: 20px; position: absolute; z-index: 5; left: 5px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center;-o-transform-origin: center; -ms-transform-origin: center;border-radius: 2px;-webkit-border-radius: 2px;top: 8px;transition:all .4s;}
.menu-handler .burger-2{top: 15px; }
.menu-handler .burger-3{top: 22px;}
.menu-handler.active .burger-1{top:15px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2{-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3{top: 15px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
/*header e*/
/*footer s*/
.footer{background: #f4f4f4;}
.footer-top{padding: 0.9rem 0 0.5rem;}
.footer-top > .w1440{display: flex;justify-content: space-between;}
.footer-left{display: flex;flex-wrap: wrap;}
.footer-left dl{width: 1.2rem;margin-right: 0.5rem;}
.footer-left dl:last-child{margin-right: 0;}
.footer-left dl dt{font-size: 0.2rem;font-weight: bold;border-bottom: 1px solid #e8e7e6;padding-bottom: 0.15rem;}
.footer-left dl dd{margin-top: 0.15rem;}
.footer-left dl dd a{color: #444;transition: all .4s;font-size: 0.18rem;}
.footer-left dl dd a:hover{color: #000;}
.des-444 p{color: #444;}
.footer-lxfs{margin-right: 0.16rem;}
.footer-lxfs li{border:1px solid #e8e7e6;border-radius: 0.14rem;padding:0.2rem 0.22rem;width: 3.2rem;position: relative;display: block;margin-bottom: 0.16rem;}
.footer-lxfs li p{margin-bottom: 0.05rem;}
.footer-lxfs li img{width: 0.24rem;position: absolute;top:50%;transform: translateY(-50%);right: 0.15rem;}
.footer-lxfs li:last-child{margin-bottom: 0;}
.size20{font-size: 0.2rem;}
.footer-right-are{display: flex;margin-bottom: 0.16rem;}
.fwwx{border:1px solid #e8e7e6;border-radius: 0.14rem;overflow: hidden;padding: 0.14rem;}
.des-light p{font-weight: lighter;}
.title-bold h3{font-weight: bold;}
.des-title18 h3{font-size: 0.18rem;}
.footer-share{border:1px solid #e8e7e6;border-radius: 0.14rem;padding:0.2rem 0.22rem;margin-bottom: 0.16rem;}
.footer-share:last-child{margin-bottom: 0;}
.footer-share:last-child a:nth-child(2){width: 0.8rem;}
.footer-share a{position: relative;display: inline-block;vertical-align: middle;width: 0.34rem;height: 0.28rem;margin-right: 0.2rem;}
.footer-share a:last-child{margin-right: 0;}
.share-hide{position: absolute;width: 1.2rem;height: 1.2rem;bottom:0.35rem;left: 50%;margin-left: -0.6rem;display: none;}
.share-hide img{width: 100%;height: 100%;}
.footer-share a.active .share-hide{display: block;}
.footer-bot .w1440{padding: 0.35rem 0; border-top: 1px solid #e8e7e6;}
.footer-ba a,.footer-ba span{color: #7c7c7c;font-weight: lighter;display: inline-block;}
/*footer e*/

/*index s*/
.swiper-container1{height: 100%;}
.footer-slide{height: auto !important;}
.imgcover{position: absolute;width: 100%;top:0;height: 100%;left: 0;object-fit: cover;}
.banner .swiper-container{height: 100%;}
.hxkj .swiper-container{height: 100%;}
.zindex9{z-index: 9;}
.banner-des{display: inline-block;}
.title-bold h2{font-weight: bold;}
.title58 h2{font-size: 0.58rem;line-height: 1.3;}
.size28{font-size: 0.28rem;}
.bannerDot{position: absolute;bottom:0.32rem;left: 50%;transform: translateX(-50%);z-index: 9;background: rgba(0,0,0,0.24);padding: 0.1rem 0.2rem;border-radius: 0.34rem;display: flex;}
.bannerDot .swiper-pagination-bullet{width: 0.2rem;height: 0.2rem;border-radius: 100%;border:0.03rem solid transparent;background: none;position: relative;margin-right: 0.04rem;vertical-align: middle;}
.bannerDot .swiper-pagination-bullet:last-child{margin-right: 0;}
.bannerDot .swiper-pagination-bullet:after{position: absolute;content: "";width: 0.08rem;height: 0.08rem;background: #fff;border-radius: 100%;top:50%;left: 50%;margin: -0.04rem 0 0 -0.04rem;}
.bannerDot .swiper-pagination-bullet-active{border-color: #fff;}
.banner video{position: absolute;width: 100%;height: 100%;top:0;;left: 0;object-fit: cover;}
.index-con{width: 50%;}
.index-con-odd{float: right;}
.index-con-even{float: left;}
.size24{font-size: 0.24rem;}
.ljgd{color: #3274df;font-size: 0.2rem;display: inline-block;position: relative;padding-right: 0.2rem;}
.ljgd span{position: relative;}
.ljgd span:after{position: absolute;width: 100%;bottom:0;border-bottom:1px solid #3274df;content: "";display: none;left: 0;}
.ljgd-fff span:after{border-color: #fff;}
.ljgd:hover span:after{display: block;}
/*.ljgd *{vertical-align: middle; display: inline-block;}*/
.ljgd .i{width: 0.09rem;height: 0.15rem; background: url("../images/r18x31.png") no-repeat center;background-size: 100% 100%;transition: all .4s;position: absolute;right: 0;top:50%;margin-top: -0.07rem;}
.ljgd:hover .i{transform: translateX(0.05rem);}
.hxkj video{object-fit: cover;}
.hxkj-title{position: absolute;z-index: 5;left: 0;width: 100%;bottom:0.9rem;}
.play60{width: 0.6rem;height: 0.6rem;background: url("../images/play120.png") no-repeat center;background-size: 100% 100%;display: inline-block;}
.hxkj-fm{cursor: pointer;}
.size22{font-size: 0.22rem;}
.hxkjDot{position: absolute;width: 100%;z-index: 9;left: 0;bottom:0.65rem;}
.hxkjDot a{display: block;text-align: right;margin-bottom: 0.2rem;color: #fff;position: relative;padding-right: 0.6rem;transition: all .4s;opacity: 0.4;}
.hxkjDot a:last-child{margin-bottom: 0;}
.hxkjDot a:after{content: "";position: absolute;right: 0;top:50%;height: 0.22rem;border-right: 2px solid #fff;transform: translateY(-50%);opacity: 0;transition: all .4s;}
.hxkjDot a.active{opacity: 1;font-weight: bold;}
.hxkjDot a.active:after{opacity: 1;}
.sanbot{position: absolute;width: 0.19rem;z-index: 9;bottom: 0.4rem;left: 50%;margin-left: -0.1rem;}
.index-full-t80{position: absolute;top:0.8rem;left: 0;width: 100%;bottom:0;}
.top-ljgd{display: flex;justify-content: space-between;align-items: center;}
.news-bot{background: #f4f4f4;transition: all .4s;padding: 0.3rem;}
.des-title22 h3{font-size: 0.22rem;transition: all .4s;}
.news-bot h3{line-height: 0.32rem;height: 0.64rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-bot p{transition: all .4s;}
.date1{color: #444;transition: all .4s;font-size: 0.16rem;opacity: 0.6;}
.news-a{display: block;border-radius: 0.08rem;overflow: hidden;}
.news-a .img100{padding-bottom: 60%;}
.news-a:hover .news-bot{background: #222;}
.news-a:hover .news-bot *{color: #fff;}
.newslast{display: flex;align-items: center;justify-content: space-between;}
.newsBtn{width: 0.8rem;height: 0.44rem;border-radius: 0.44rem;border:1px solid #b7b7b7;transition: all .4s;cursor: pointer;}
.newsprogress{width: 82%;height: 2px;background: #f1f1f1;}
.newsprogress .swiper-scrollbar-drag{background: #222;}
.newsBtn1{background: #fff url("../images/r1.png") no-repeat center;background-size: cover;}
.newsBtn1:hover{background: #222 url("../images/r3.png") no-repeat center;background-size: cover;border-color: #222;}
.newsBtn2{background: #fff url("../images/r2.png") no-repeat center;background-size: cover;}
.newsBtn2:hover{background: #222 url("../images/r4.png") no-repeat center;background-size: cover;border-color: #222;}
.xg-a{position: absolute;width: 50%;top:0;height: 100%;}
.xg-a:first-child{left: 0;}
.xg-a:nth-child(2){right: 0;}
.sd-bg{position: absolute;width: 100%;bottom:0;background: url("../images/jux.png") no-repeat center;background-size: 100% 100%;height: 50%;transition: all .4s;}
.xg-titl{position: absolute;width: 100%;left: 0;bottom:0.6rem;z-index: 9;}
.title48 h2{font-size: 0.48rem;}
.ljgd-fff{color: #fff;}
.ljgd-fff .i{background: url("../images/r18x31-fff.png") no-repeat center;background-size: 100% 100%;}
.xg-a:hover .sd-bg{opacity: 0;}
/*index e*/
/*01_人体工学椅 s*/
.no-ban{padding-top: 0.8rem;}
.title55 h2{font-size: 0.55rem;}
.cp-list li{position: relative;margin-bottom: 0.2rem;display: block;width: 100%;}
.cp-list li:last-child{margin-bottom: 0;}
/*.cp-list li:nth-child(odd) .index-con{float: left;}*/
.cp-page{padding-top: 1rem;position: relative;}
.padding-b100{padding-bottom: 1rem;}
.return{position: fixed;z-index: 998;right: 5%;bottom:10%;background: #fbfbfb;width: 0.6rem;text-align: center;padding: 0.15rem 0;border-radius: 0.15rem;cursor: pointer;display: none;}
.return span{color: #7a7a7a; font-size: 0.12rem;display: block;}
.return img{width: 0.18rem;}
.return.active{display: block;}
.ny-xl{background: #f4f4f4;position: fixed;z-index: 997;left: 0;width: 100%;top:0.8rem;height: 0.8rem;display: flex;align-items: center;}
.ny-xl .nav-pro-xl{justify-content: center;display: block;}
.ny-xl .nav-pro-xl .swiper-container{margin: 0 0.4rem;}
.ny-xl .nav-pro-xl .swiper-container .swiper-slide{border-right: 1px solid #666;}
.ny-xl .nav-pro-xl .swiper-container .swiper-slide:last-child{border-right:none;}
.ny-xl .nav-pro-xl .swiper-container .swiper-slide.active a{color: #000;}
.btn40 div{display: inline-block;width: 0.4rem;height: 0.4rem;border-radius: 100%;transition: all .4s;cursor: pointer;}
.btn401{background: #fff url("../images/801.png") no-repeat center;background-size: cover;}
.btn402{background: #fff url("../images/802.png") no-repeat center;background-size: cover;}
.ny-xl .btn40 div{position: absolute;top:50%;margin-top: -0.2rem;}
.ny-xl .btn401{left: 0;}
.ny-xl .btn402{right: 0;}
.maodian{position: absolute;left: 0;top:-1.6rem;}
/*01_人体工学椅 e*/
/*01_人体工学椅详情 s*/
.padding-tb80{padding: 0.8rem 0;}
.title60 h2{font-size: 0.6rem;}
.sanqu-title{position: absolute;top:28%;left: 0;width: 100%;}
.title60 h2{line-height: 1.3;}
.color-fff{color: #fff;}
.des24 p{font-size: 0.24rem;}
.siwei-list{display: flex;}
.siwei-list li{background: rgba(245,245,245,0.3);width: 1.43rem;height: 1.43rem;display: flex;align-items: center;justify-content: center;flex-direction: column;border-radius: 0.08rem;margin-right: 0.1rem;}
.siwei-list li:last-child{margin-right: 0;}
.sanliuling-box{display: flex;justify-content: space-between;}
.sanliuling-box > div{width: 50%;}
.sanliuling-con{padding: 1.7rem 5% 5% 12.5%;}
.bgf5f5f5{background: #f5f5f5;}
.bgededed{background: #ededed;}
.sanliuling-con2{padding-top: 0.5rem;}
.nav-ban{padding-top: 1.6rem;}
.des20 p{font-size: 0.2rem;}
/*01_人体工学椅详情 e*/
/*04_儿童桌椅详情页 s*/
.zsm{padding-top: 0;}
.zzb-con{padding-right: 0.9rem;}
.sanliuling-con-pr-0{padding-right: 0;}
/*04_儿童桌椅详情页 e*/
/*02_01_人体工学理念 s*/
.padding-t80{padding-top: 0.8rem;}
.title40 h2{font-size: 0.4rem;line-height: 1.3;}
.title40 h2{margin-bottom: 0.15rem;}
/*.title40 h2:nth-child(2){margin-bottom: 0;}*/
.des-555 p{color: #555;}
.des18 p{font-size: 0.18rem;}
.bgf4f4f4{background: #f4f4f4;}
.jjjDot{position: absolute;z-index: 9;width: 100%;left: 0;bottom:0.6rem;}
.jjjDot ul{display: flex;justify-content: center;}
.jjjDot li{width: 23.5%;margin-right: 2%;position: relative;cursor: pointer;}
.jjjDot li:nth-child(4n){margin-right: 0;}
.jjjDot li:last-child{margin-right: 0;}
.lbtj-show{background: rgba(34,34,34,.3);height: 0.8rem;padding: 0 0.2rem;display: flex;align-items: center;justify-content: space-between;border-radius: 0.1rem;}
.lbtj-show .i{width: 0.18rem;height: 0.18rem;background: url("../images/36x36.png") no-repeat center;background-size: 100% 100%;}
.lbtj-hide{position: absolute;width: 100%;bottom:0;left: 0;border-radius: 0.1rem;overflow: hidden;transform: scaleY(0);transform-origin: bottom;transition: all .4s;}
.jjjDot li.active .lbtj-hide{transform: scaleY(1);}
.lbtj-hide h3{position: absolute;top:0;left: 0;padding: 0.1rem 0.2rem;z-index: 5;}
.des-title24 h3{font-size: 0.24rem;}
.des-title24 h2{font-size: 0.24rem;}
.lbtj-hide:after{content: "";position: absolute;width: 100%;height: 100%;top:0;left: 0;background: url("../images/sd2.png") no-repeat center;background-size: 100% 100%;}
.content-top80{position: absolute;top:0.8rem;left: 0;z-index: 9;width: 100%;}
.des-title30 h3{font-size: 0.3rem;}
.why2-des{position: relative;padding-left: 0.2rem;}
.why2-des:before{position: absolute;left: 0;top:0.06rem;bottom:0.06rem;border-right: 0.02rem solid #dad9d8;content: "";}
.why2 li{margin-bottom: 0.4rem;}
.why2 li:last-child{margin-bottom: 0;}
.title40 h3{font-size: 0.3rem;}
/*02_01_人体工学理念 e*/
/*03_核心技术 s*/
.bge8e8e8{background: #e8e8e8;}
.img100 video{width: 100%;vertical-align: bottom;display: block;}
.radius10{border-radius: 0.1rem;}
.data{display: flex;justify-content: space-between;flex-wrap: wrap;}
.data li{position: relative;width: 32%;border-top:1px solid #efefef;padding-top: 0.3rem;}
.data li img{width: 0.4rem;position: absolute;right: 0.4rem;top:0.3rem;}
.data-top span{font-size: 0.3rem;font-weight: bold;font-family: robotoregular;}
.data-top span:nth-child(1){font-size: 0.48rem;line-height: 1;}
.bannerDot2{position: absolute;bottom:0.8rem;left: 50%;transform: translateX(-50%);z-index: 9;background: rgba(255,255,255,0.24);padding: 0.13rem 0.36rem;border-radius: 0.34rem;display: flex;}
.bannerDot2 .swiper-pagination-bullet{width: 0.08rem;height: 0.08rem;border-radius: 100%;margin-right: 0.12rem;background: #fff;opacity: 0.5;transition: all .4s;}
.bannerDot2 .swiper-pagination-bullet:last-child{margin-right: 0;}
.bannerDot2 .swiper-pagination-bullet-active{opacity: 1;}
.fytyBtn div{position: absolute;top:50%;transform: translateY(-50%);width: 0.8rem;height: 0.44rem;border-radius: 0.44rem;border:1px solid #fff;z-index: 9;cursor: pointer;transition: all .4s;}
.fytyBtn1{left: 0.96rem;background: url("../images/r3.png") no-repeat center;background-size: cover;}
.fytyBtn2{right: 0.96rem;background: url("../images/r4.png") no-repeat center;background-size: cover;}
.fytyBtn div:hover{background-color: #000;border-color: #000;}
.sqbanner img,.sqbanner video{height:9.6rem;object-fit: cover;}
.biaozhun-title{position: absolute;top:0;width: 24%;left: 0;}
.biaozhun-right{width: 75%;margin-left: 25%;}
.biaozhun-list{display: flex;flex-wrap: wrap;}
.biaozhun-list li{width: 32%;margin-right: 2%;border:1px solid #e0e0e0;border-radius: 0.1rem;padding: 0.4rem;min-height: 2.75rem;margin-bottom: 2%;}
.biaozhun-list li .des-title22{margin-bottom: 0.05rem;}
.biaozhun-list li:nth-child(3n){margin-right: 0;}
/*03_核心技术 e*/
/*03_01_线上商城 s*/
.ny-xl2{position: static;}
.ny-nav-warp{display: flex;justify-content: center;}
.ny-nav-warp a{display: inline-block;color: #888;transition: all .4s; line-height: 0.8rem;position: relative;margin-right: 0.6rem;}
.ny-nav-warp a:last-child{margin-right: 0;}
.ny-nav-warp a:after{content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom:0;border-bottom: 2px solid #000;width: 0;transition: all .4s;}
.ny-nav-warp a.active{color: #000;}
.ny-nav-warp a.active:after{width: 100%;}
.ny-nav-warp a:hover{color: #000;}
.ny-nav-warp a:hover:after{width: 100%;}
.shopline li{width: 23.5%;margin-right: 2%;margin-bottom: 2%;background: #f4f4f4;border-radius: 0.1rem;overflow: hidden;}
.shopline li:nth-child(4n){margin-right: 0;}
.shopline li a{display: block;position: relative;height: 100%;padding: 6%;}
.shopline2 li a{display: block;position: relative;height: 100%;padding: 6%;}
.shopline{min-height: 3rem;}
.shopline-name{height: 0.57rem;}
.shopline-name p:nth-child(1){font-weight: bold;}
.des-333 p{color: #333;}
.shopline-line{width: 0.2rem;border-bottom: 1px solid #000;margin-top: 0.1rem;margin-bottom: 0.1rem;}
/*03_01_线上商城 e*/
/*03_02_线下门店 s*/
.xxmd-lit li{width: 32%;margin-right: 2%;margin-bottom: 2%;background: #f4f4f4;border-radius: 0.1rem;padding: 0.35rem;}
.xxmd-lit li:nth-child(3n){margin-right: 0;}
.des-title20 h3{font-size: 0.2rem;}
.xxmd-lit li p{position: relative;padding-left: 0.3rem;margin-top: 0.1rem;}
.xxmd-lit li img{width: 0.2rem;position: absolute;left: 0;top:0.01rem;}
.des-888 p{color: #888;}
.xxmd-lit{display: flex;flex-wrap: wrap;}
.padding-b80{padding-bottom: 0.8rem;}
.xxmd-data-list li{text-align: center;width: 23.5%;margin-right: 2%;}
.xxmd-data-list li:last-child{margin-right: 0;}
.xxmd-data-top{display: inline-block;position: relative;}
.xxmd-data-top span{font-size: 0.72rem;line-height: 1;}
.xxmd-data-top .jia{font-size: 0.3rem;line-height: 1;position: absolute;left: 100%;top:0;font-weight: bold;margin-left: 0.05rem;}
.numxia{font-size: 0.3rem;line-height: 1;position: absolute;left: 100%;bottom:0.08rem;font-weight: bold;margin-left: 0.05rem;}
.xxmd-data{padding: 2rem 0;}
.wold{position: absolute;z-index: -1;width: 48.5%;top:50%;left: 50%;transform: translate(-50%,-50%);}
/*03_02_线下门店 e*/
/*03_03_企业采购 s*/
.fwys li{min-height: 4.8rem;border-radius: 0.1rem;width: 23.5%;margin-right: 2%;text-align: center;padding-top: 1.5rem;}
.fwys li:nth-child(4n){margin-right: 0;}
.fwys li:last-child{margin-right: 0;}
.fwys li img{width: 0.5rem;}
/*.des-title24 h3{line-height: 1.3;}*/
/*.des-title24 h2{line-height: 1.3;}*/
.fwys{display: flex;flex-wrap: wrap;}
.nay-tab a{position: relative;margin-right: 0.5rem;padding-bottom: 0.15rem;color: #555;transition: all .4s;}
.nay-tab a:last-child{margin-right: 0;}
.nay-tab a:before{content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom:0;border-bottom: 2px solid #000;width: 0;transition: all .4s;}
.nay-tab a.active:before{width: 100%;}
.nay-tab a.active{color: #000;}
.nay-tab a:hover{color: #000;}
.nay-tab a:hover:before{width: 100%;}
.tabs{display: none;}
.tabs.active{display: block;}

.btn80x44{}
.btn80x44 div{display: inline-block;width: 0.8rem;height: 0.44rem;transition: all .4s;cursor: pointer;border:1px solid #222;border-radius: 0.44rem;z-index: 9;}
.btn80x44 a{display: inline-block;width: 0.8rem;height: 0.44rem;transition: all .4s;cursor: pointer;border:1px solid #222;border-radius: 0.44rem;z-index: 9;}
.btn80x441{background: url("../images/r1.png") no-repeat center;background-size: cover;}
.btn80x441:hover{background: #000 url("../images/r3.png") no-repeat center;background-size: cover;}
.btn80x442{background: url("../images/r2.png") no-repeat center;background-size: cover;}
.btn80x442:hover{background: #000 url("../images/r4.png") no-repeat center;background-size: cover;}
.btn80x44-mid div{position: absolute;top:50%;transform: translateY(-50%);}
.btn80x44-mid .btn80x441{left: -1rem;}
.btn80x44-mid .btn80x442{right: -1rem;}
.tab-cp .img100{padding-bottom: 130%;}
.partner li{width: 18.8%;margin-right: 1.5%;margin-bottom: 1.5%;background: #fff;}
.partner li:nth-child(5n){margin-right: 0;}
.ptbot{width: 55.55%;margin: 0 auto;}
.ptbot-con{display: flex;justify-content: space-between;border-bottom: 1px solid #e8e7e6;height: 0.8rem;align-items: center;padding: 0 0.2rem;}
.ptbot .swiper-container{height: 2.4rem;}
.ptbot .swiper-container .swiper-wrapper{transition-timing-function: linear;}
.ptbot:before{content: "";width: 100%;left: 0;height: 0.8rem;top:0;position: absolute;z-index: 9; background-image: linear-gradient(rgba(244,244,244,1), rgba(244,244,244,0));}
.ptbot:after{content: "";width: 100%;left: 0;height: 0.8rem;bottom:0;position: absolute;z-index: 9; background-image: linear-gradient(rgba(244,244,244,0), rgba(244,244,244,1));}
.pzbz-box{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.pzbz-img{width: 50%;}
.pzbz-con{width: 50%;}
.pzbz-con li{width: 49%;margin-right: 0;text-align: left;margin-top: 1rem;}
.pzbz-con li:nth-child(2n){margin-right: 0;}
.pzbz-con li:nth-child(1){margin-top: 0;}
.pzbz-con li:nth-child(2){margin-top: 0;}
.des-title36 h3{font-size: 0.36rem;}
/*03_03_企业采购 e*/
/*04_01_儿童桌椅 s*/
.des22 p{font-size: 0.22rem;}
.ppsl .des-title22 h3{height: auto;}
.ppsl .news-bot{min-height: 1.86rem;}
.size48{font-size: 0.48rem;}
.wmdys-list li{width: 18.8%;margin-right: 1.5%;text-align: center;padding-top: 1.4rem;min-height: 4rem;padding-left: 0.05rem;padding-right: 0.05rem;}
.wmdys-list li:nth-child(5n){margin-right: 0;}
.wmdys-list li .i{width: 0.38rem;height: 0.02rem;background: #000;margin: 0.35rem auto;display: none;}
.wmdys-list li .size48{line-height: 1;position: absolute;width: 100%;left: 0;color: #ddd;font-weight: lighter;font-size: 0.64rem;bottom: -0.22rem;}
.des-op05{opacity: 0.5;}
.wjsc-list li{width: 23.5%;margin-right: 2%;text-align: center;min-height: 5rem;padding: 1.1rem 0.05rem 0;border:1px solid rgba(255,255,255,0.4);}
.wjsc-list li:nth-child(5n){margin-right: 0;}
.wjsc-list li .i{width: 0.38rem;height: 0.02rem;background: #fff;margin: 0.35rem auto;}
.wjsc-list li img{width: 0.5rem;vertical-align: bottom;}
.des-title28 h3{font-size: 0.28rem;}
.hzlc .swiper-slide{height: 4.2rem;}
.hzlc:before{content: "";position: absolute;top:50%;left: 0;z-index: -1;border-top: 1px solid #dad9d8;width: 100%;}
.hzlc-con{position: absolute;width: 100%;height: 50%;left: 0;padding: 0 0.05rem;}
.hzlc-con .i{width: 0.16rem;height: 0.16rem;border-radius: 100%;left: 50%;margin-left: -0.08rem;background: #b2b2b2;position: absolute;}
.hzlc .swiper-slide:nth-child(odd) .hzlc-con{bottom: 0;padding-top: 0.2rem;}
.hzlc .swiper-slide:nth-child(even) .hzlc-con{top: 0;padding-bottom: 0.2rem;}
.hzlc .swiper-slide:nth-child(odd) .hzlc-con .i{top: -0.08rem;}
.hzlc .swiper-slide:nth-child(even) .hzlc-con .i{bottom: -0.08rem;}
.hrzs-box{display: flex;justify-content: space-between;}
.hrzs-a{width: 34%;}
.hrzs-b{width: 66%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.hrzs-b li{background: #fff;width: 49%;margin-right: 2%;}
.hrzs-b li:nth-child(2n){margin-right: 0;}
.hrzs-b li .des-title28{background: #000;padding: 0 0.5rem;}
.hrzs-b li .des-title28 h3{line-height: 0.6rem;}
.des-title28 h3{font-size: 0.28rem;}
.hrzs-dq{padding: 0.4rem 0.5rem;}
.input-text{margin-left: 0.35rem;}
.input-text .text{display: block;width: 100%;background: none;height: 0.6rem;font-size: 0.18rem;}
.xing{font-size: 0.18rem;position: absolute;top:0;left: 0.2rem;line-height: 0.6rem;color: #888;}
.input-page{margin-bottom: 2%;}
.input-page-3 .input-page{width: 32%;margin-right: 2%;}
.input-page-3 .input-page:nth-child(3n){margin-right: 0;}
.sqhz{display: inline-block;background: #000;color: #fff;text-align: center;width: 1.6rem;line-height: 0.5rem;}
/*04_01_儿童桌椅 e*/
/*04_02_人体工学椅 s*/
.xianji-title{margin-bottom: 4.1rem;}
.xianji-list{display: flex;flex-wrap: wrap;}
.xianji-list li{width: 49%;margin-right: 2%;box-shadow: 0 0 0.32rem 0 rgba(218, 218, 218, 0.35);padding:0.35rem 0.4rem;margin-bottom: 2%;}
.xianji-list li:nth-child(2n){margin-right: 0;}
.cthy-list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.cthy-list li{width: 32%;margin-right: 2%;text-align: center;min-height: 3.2rem;padding: 0.8rem 0.05rem 0;margin-bottom: 2%;}
.cthy-list li:nth-child(3n){margin-right: 0;}
.cthy-list li img{width: 1rem;max-width: 100%;}
.skills li{width: 14%;margin-right: 1.33%;position: relative;padding-bottom: 35%; overflow: hidden;transition: all .4s;}
.skills li:last-child{margin-right: 0;position: absolute;top:0;right: 0;}
.skills-title{background: rgba(0,0,0,0.6);transition: all .4s;}
.skills-title-con{position: absolute;bottom:0.35rem;right: 0;width: 100%;padding:0 0.1rem;text-align: center; transition: all .4s;}
.skills-title-bg{position: absolute;top:50%;left: 50%;height: 100%;transform: translate(-50%,-50%);}
.skills li.active{width: 54%;}
.skills li.active .skills-title{opacity: 0;}
.skills li.active .skills-con{opacity: 1;}
.zindex5{z-index: 5;}
.skills-con{background: url("../images/sd3.png") no-repeat center;background-size: 100% 100%;padding: 0.6rem 0.45rem 0;opacity: 0;transition: all .4s;}
.des-op06{opacity: 0.6;}
.skills-warp img{width: 0.5rem;}
.skills-con-bot{width: 2.7rem;max-width: 100%;margin-top: 0.3rem;padding-top: 0.3rem;border-top: 1px solid rgba(255,255,255,0.3);}
.skills2-warp{padding-bottom: 36%;}
.skills2{display: none;}
.hxcp-bot{height: 0.9rem;display: flex;align-items: center;justify-content: center;padding: 0.1rem;transition: all .4s;}
.jmyq-list{border-left: 1px solid rgba(255,255,255,0.1);}
.jmyq-list li{min-height: 8.5rem;text-align: center;width: 25%;padding:3.5rem 0.1rem 0;border-right: 1px solid rgba(255,255,255,0.1);}
.jmyq-list li img{width: 0.8rem;vertical-align: bottom;}
.jmlc-list{display: flex;flex-wrap: wrap;}
.jmlc-list li{width: 23.5%;margin-right: 2%;margin-bottom: 2%;border:1px solid #bebebe;padding: 0.35rem;}
.jmlc-list li:nth-child(4n){margin-right: 0;}
.jmlc-ic{text-align: right;}
.jmlc-ic img{width: 0.5rem;vertical-align: bottom;}
.color-999{color: #999;}
/*04_02_人体工学椅 e*/
/*05_01_关于黑白调.html s*/
.about-des{width: 11rem;max-width: 100%;margin: 0 auto;}
.about-list li{width: 32%;margin-right: 2%;}
.about-list li img{width: 1.1rem;max-width: 100%;}
.about-list li:last-child{margin-right: 0;}
.about-list .des18{width: 3.5rem;max-width: 100%;margin: 0 auto;}
.pplc-warp{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.view .swiper-container{margin: 0 1.2rem;}
.pplc-con{width: 45%;}
.pplc-img{width: 50%;}
.preview-box .swiper-slide{width: 14.285%;text-align: center;cursor: pointer;}
.preview-box:before{border-top: 1px solid #c8c8c8;content: "";position: absolute;width: 100%;top:0.16rem;}
.his-dot{width: 0.32rem;margin: 0 auto 0.3rem;background: transparent;height: 0.32rem;border-radius: 100%;position: relative;transition: all .4s;}
.his-dot .i{width: 0.1rem;height: 0.1rem;background: #777;border-radius: 100%;top:50%;left: 50%;margin: -0.05rem 0 0 -0.05rem;position: absolute;transition: all .4s;}
.preview .active-nav .his-dot{background: #000;}
.preview .active-nav .his-dot .i{background: #fff;}
/*05_01_关于黑白调.html e*/
/*02_资质荣誉 s*/
.fzlc-box{width: 12.4rem;max-width: 100%;margin: 0 auto;}
.fzlc-left{width: 17%;}
.fzlc-right{width: 74.2%;}
.history .swiper-container{height: 7rem;}
.history .swiper-slide:hover p{font-size: 0.48rem;}
.history .active-nav p{font-size: 0.48rem;}
.fzlc-left{padding-bottom: 75px;position: relative;}
.fzlc-left:before{content: "";position: absolute;right: 1px;top:0;height: 100%;border-left: 1px solid #e7e7e7;}
.history .swiper-slide{cursor: pointer;}
.history .swiper-slide:before{position: absolute;right: 0;height: 0.4rem;top:50%;margin-top:-0.2rem;width: 0.04rem;background: #000;content: "";display: none;}
.history .active-nav:before{display: block;}
.history .swiper-slide:hover:before{display: block;}
.ryzs-list li{text-align: center;width: 31%;margin-right: 3.5%;margin-bottom: 3.5%;}
.ryzs-list li:nth-child(3n){margin-right: 0;}
.ryzs-list li .img100{border:0.06rem solid #dad9d8;padding-bottom: 68%;}
.ryzs-list li .img100 img{object-fit: contain;}
/*02_资质荣誉 e*/
/*03_新闻动态 s*/
.new-ban-con{position: absolute;z-index: 9;left: 0;width: 100%;bottom:0.55rem;}
.new-ban-con p{font-size: 0.16rem;}
.xinwen li{width: 48.6%;margin-right: 2.8%;margin-bottom: 2.8%;}
.xinwen li:nth-child(2n){margin-right: 0;}
.xinwen .img100{padding-bottom: 56%;}
.page{padding-top: 0.2rem;}
.page a{margin-right: 0.1rem;}
.page a:last-child{margin-right: 0;}
/*03_新闻动态 e*/
/*04_新闻动态详情 s*/
.no-ban .header{border-bottom: 1px solid #f4f4f4;}
.xwxq-edit{border-top: 1px solid #dad9d8;border-bottom: 1px solid #dad9d8;padding: 0.35rem 0;}
.w1000{width: 52%;margin: 0 auto;}
.edit img{max-width: 100%;height: auto !important;margin: 0 auto;display: block;}
.xwxq-page{display: flex;align-items: center;justify-content: space-between;}
.xwxq-page-btn{display: inline-block;font-size: 0.16rem;color: #888;transition: all .4s;text-align: center;width: 1.6rem;line-height: 0.5rem;border:1px solid #dad9d8;border-radius: 0.5rem;}
.xwxq-page-btn:hover{background: #000;border-color: #000;color: #fff;}
.xwxq-top p{font-size: 0.16rem;}
/*04_新闻动态详情 e*/
/*05_服务支持 s*/
.azsp-list li{width: 32%;margin-right: 2%;margin-bottom: 2%;text-align: center;cursor: pointer;}
.azsp-list li:nth-child(3n){margin-right: 0;}
.azsp-list li:hover .azsp-sd{background: rgba(0,0,0,0);}
.play40{background: url("../images/play120.png") no-repeat center;background-size: cover;width: .4rem;height: 0.4rem;display: inline-block;}
.azsp-sd{background: rgba(0,0,0,0.5);transition: all .4s;}
.sptc{position: fixed;z-index: 99999;background: rgba(0,0,0,0.5);left: 0;right: 0;top: 0;bottom:0;display: none;}
.video_t{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: 1200px;max-width: 92%;}
.video_t a{position: absolute;width: 38px;height: 38px;right: -19px;top:-19px;z-index:9;}
.video_t a img{width: 100%;vertical-align: bottom;}
.video_t video{width: 100%;vertical-align: bottom;}
@media (max-width:760px) {
    .video_t a{width: 24px;height: 24px;right: 0;top:-30px;}
}
.shfw-list{display: flex;flex-wrap: wrap;}
.shfw-list li{width: 32.3%;margin-right: 1.55%;margin-bottom: 1.55%;padding:0.5rem 0.6rem;text-align: center;}
.shfw-list li img{width: 0.5rem;vertical-align: bottom;max-width: 100%;}
.shfw-list li .des16 p{text-align: justify;}
.shfw-list li:nth-child(1){width: 49.225%;}
.shfw-list li:nth-child(1) .des16 p{text-align: center;}
.shfw-list li:nth-child(2) .des16 p{text-align: center;}
.shfw-list li:nth-child(2){width: 49.225%;margin-right: 0;}
.shfw-list li:nth-child(5){margin-right: 0;}
/*05_服务支持 e*/
/*06_走进黑白调 s*/
.jrwm-list li{width: 32.3%;margin-right: 1.55%;margin-bottom: 1.55%;text-align: center;padding: 1.6rem 0.1rem 0;min-height:4.6rem;}
.jrwm-list li img{width: 0.5rem;max-width: 100%;}
.jrwm-list li:nth-child(3n){margin-right: 0;}

.swhz-list{display: flex;flex-wrap: wrap;}
.swhz-list img{width: 0.5rem;max-width: 100%;vertical-align: bottom;}
.swhz-list li{width: 49.225%;margin-right: 1.55%;margin-bottom: 1.55%;text-align: center;padding: 0.6rem 0.1rem 0;min-height: 3.1rem;}
.swhz-list li:nth-child(2n){margin-right: 0;}
.swhz-list li .des16{display: inline-block;text-align: left;}
/*06_走进黑白调 e*/
/*居家选购 s*/
.tab-cp2 .img100{padding-bottom: 71%;}
.shopline2 li{width: 32%;margin-right: 2%;margin-bottom: 2%;background: #f4f4f4;border-radius: 0.1rem;overflow: hidden;}
.shopline2 li:nth-child(3n){margin-right: 0;}
.shopline2{min-height: 3rem;}
.shopline2 li img{width: auto; height: 0.8rem;margin-left: -3%;}
/*居家选购 e*/
.zishi > .position-full{z-index: 9;}

.zudong3 li{width: 32.3%;margin-right: 1.55%;margin-bottom: 1.55%;position: relative;}
.zudong3 li:nth-child(3n){margin-right: 0;}
.zd-con{position: absolute;z-index: 5;left: 0;width: 100%;bottom:0;padding: 0.35rem 0.4rem;}
.text-md-box{overflow: hidden;}
.swiperDot{margin-top: 0.3rem;}
.swiperDot .swiper-pagination-bullet{background: #222;opacity: 0.3;margin-right: 0.1rem;}
.swiperDot .swiper-pagination-bullet:last-child{margin-right: 0;}
.swiperDot .swiper-pagination-bullet-active{opacity: 1;}


.min-100vh{min-height: 100vh;display: flex;align-items: center;justify-content: center;}
.bannervdbtn{z-index: 10;cursor: pointer;}
.banner-con-top{pointer-events: none;}
.h100{height: 100vh;}

.page a{height: 0.44rem;min-width:0.44rem;line-height: 0.44rem;border:1px solid #222;display: inline-block;transition: all .4s;font-size: 0.16rem;vertical-align: middle;border-radius: 0.08rem;}
.page a:hover{background-color: #000;color: #fff;}
.page a.active{background-color: #000;color: #fff;}
.page .page-btn{width: 0.8rem;}
.page .page-left{background: url("../images/r1.png") no-repeat center;background-size: cover;}
.page .page-left:hover{background: #000 url("../images/r3.png") no-repeat center;background-size: cover;}
.page .page-right{background: url("../images/r2.png") no-repeat center;background-size: cover;}
.page .page-right:hover{background: #000 url("../images/r4.png") no-repeat center;background-size: cover;}

.spfl{
    position: absolute;
    right: 100%;
    margin-right: 0.4rem;
    white-space: nowrap;
}
.spfl a{display: block;color: #888;transition: all .4s;margin-bottom: 0.2rem;}
.spfl a.active{color: #000;font-weight: bold;}
.spfl a:hover{color: #000;font-weight: bold;}

.imgscale .img100{overflow: hidden;}
.imgscale .img100 img{transition: all .4s;}
.imgscale:hover .img100 img{transform: scale(1.1);}
.background-cover{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.slideUp,.banner .swiper-slide-active .banner-des,.swiper-container1 .swiper-wrapper > .swiper-slide-active .index-con{
    animation:slideUp 1s both ease-out;-webkit-animation:slideUp 1s both ease-out;
}
@keyframes slideUp{
    0%{opacity:0;-webkit-transform: translateY(60px);transform: translateY(60px);}
    100%{opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
}
.slideLeft{
    animation:slideLeft 1s both ease-out;-webkit-animation:slideLeft 1s both ease-out;
}
@keyframes slideLeft{
    0%{opacity:0;-webkit-transform: translateX(-60px);transform: translateX(-60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.slideRight{
    animation:slideRight 1s both ease-out;-webkit-animation:slideRight 1s both ease-out;
}
@keyframes slideRight{
    0%{opacity:0;-webkit-transform: translateX(60px);transform: translateX(60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.tobig{
    animation:tobig 1s both ease-out;-webkit-animation:tobig 1s both ease-out;
}
@keyframes tobig{
    0%{opacity:0;-webkit-transform: scale(0);transform: scale(0);}
    100%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}