@charset "utf-8";
@media (min-width:300px){html{font-size:40px}}
@media (min-width:350px){html{font-size:46.6667px}}
@media (min-width:375px){html{font-size:50px}}
@media (min-width:400px){html{font-size:53.3333px}}
@media (min-width:420px){html{font-size:56px}}
@media (min-width:600px){html{font-size:80px}}
@media (min-width:750px){html{font-size:100px}}

html{font-size:50px}
body{padding-bottom:1.2rem !important;}
.fl{float:left;}
.fr{float:right;}
input[placeholder], [placeholder], *[placeholder] {color:#333; outline:none;}
input::-webkit-input-placeholder {color:#333;}
input:-moz-placeholder {color:#333;}
input::-ms-placeholder {color:#333;}
button{outline:none;  border:none;}


.cenBox{width:100%; margin:0 auto; padding: 0  5%; box-sizing: border-box;}


.topTel,.topBox .topNavBox,.rightfixed{display:none;}
.topBox{padding:0 0.3rem; box-sizing:border-box;}
.toplMbox{height:1rem;}
.logo{display:flex; align-items:center; justify-content:flex-start;}
.logo img{width:1.1rem; margin-right:0.2rem;}
.logo p{border-left:1px #757575 solid; padding-left:0.2rem; font-size:0.24rem; color:#757575; margin:0; display:inline-block; line-height:0.28rem;}
.phoneMenu{ position:relative; display:block;}
.phoneMenu .menuIco{display:block; height:0.4rem; width:0.4rem; position:relative; z-index:20;}
.menuIco span{display:block; background:#333;  height:0.04rem; border-radius:0.04rem; position:absolute;  left:0}
.menuIco .sp1{top:0; width:0.4rem; }
.menuIco .sp3 {bottom:0;  width:0.4rem;}
.menuIco .sp2{top:50%; width:0.28rem; margin-top:-1px;}

.menuIco .sp1,.menuIco .sp2,.menuIco .sp3{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.menuIco.cur .sp1 { width:0.5rem; background:#fff;
  -o-transform:rotate(45deg); -o-transform-origin:left top;
  -moz-transform:rotate(45deg); -moz-transform-origin:left top;
  -webkit-transform:rotate(45deg); -webkit-transform-origin:left top;
    transform:rotate(45deg); transform-origin:left top;
}
.menuIco.cur .sp2{opacity:0;}
.menuIco.cur .sp3 { width:0.5rem; background:#fff;
  -o-transform:rotate(-45deg); -o-transform-origin:left bottom;
  -moz-transform:rotate(-45deg); -moz-transform-origin:left bottom;
  -webkit-transform:rotate(-45deg); -webkit-transform-origin:left bottom;
    transform:rotate(-45deg); transform-origin:left bottom;
}



.mMblack {position:fixed;  top:0; bottom:0;  left:0; right:0; background:#000; opacity:.7; filter:alpha(opacity=70); z-index:11; display:none;}
.phoneMenu .navItem{position:fixed; width:60%; margin:0;  top:0; height:auto; background:#1f1f1f; right:0; bottom:0; display:block; z-index:12;  -webkit-transform:translateX(100%);  -o-transform:translateX(100%); -moz-transform:translateX(100%); transform:translateX(100%);  transition:all ease .5s;  -webkit-transition:all ease .5s; -webkit-overflow-scrolling:touch;  overflow-y:scroll;  text-align:center;}

.navItem ul{list-style:none; padding:0; margin-top:1rem;  font-size: 0; height: 80%; overflow-y: auto;}
.navItem ul li{list-style-type:none; width:100%; border-bottom:1px solid #252525; height:auto; padding:0; line-height:0.9rem; font-size:0.28rem; }
.navItem ul li a{display:block; text-align:right; padding-right:0.4rem; color:#eee;}

.navItem ul li .subli{color:#eee;  display:none; background:#292929;}
.navItem ul li .subli a{color:#eee;  font-size:0.26rem; display:block; border-bottom:1px #2f2f2f solid; }
.navItem ul li a.select{color:#c7c2c2;}

.language {display:inline-block; vertical-align:middle; margin-top:0.4rem; position:absolute; bottom:4%; right:0.28rem; font-size: 0;}

.language a {width:1rem; height:0.76rem; line-height:0.76rem; display:inline-block; text-align:center; font-size:0.24rem; cursor:pointer;
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -o-transition:all .3s;
  transition:all .3s; color:#fff; border:1px solid #fff;}

.language .en {margin-left:-0.01rem; vertical-align:top; background:#1f1f1f; }
.language .active {background:#fff; color:#222222; border:1px solid #ffffff;}
.phoneMenu .active{ -webkit-transform:translateX(0);  -o-transform:translateX(0); -moz-transform:translateX(0); transform:translateX(0);}


.partName{margin-bottom:0.6rem; text-align:center; width:100%; padding:0 0.4rem; box-sizing:border-box;}
.partName h1{ font-size:0.4rem;  color:#333;}
.partName h1 img{height: 0.4rem;}

.partName p{ font-size:0.32rem;  color:#333; margin:0.2rem auto;}
.partName span{ font-size:0.24rem;  color:#757575; display:block;}

#banner li{overflow: hidden;}
#banner li img{height:7.4rem; width:auto; position: relative; left: 10%; transform: translateX(-10%);}
#banner .bannerInfo{position:absolute; left:50%; top:25%; transform:translate(-50%); width:80%; font-size: 0; text-align:center;}
#banner .bannerInfo h2{font-size:0.36rem; font-weight:400; color:#fff; margin-bottom:0.1rem; text-shadow:0 0 0.1rem rgba(0,0,0,0.5);}
#banner .bannerInfo span{font-size:0.3rem; color:#fff; text-shadow:0 0 0.05rem rgba(0,0,0,0.5);}

.bx-wrapper .bx-pager {font-size: .1em;}


.gyhPlayBtn{width: 0.84rem !important; margin: 0.2rem auto 0; height: 0.84rem !important; cursor: pointer;}

#productVideo.companyVideo .videoContent {width:96%;  transform:translate(-50%, -50%); position:absolute;  top:50%; left:50%; padding:0.52rem 0 0; background-color:#000;}
#productVideo.companyVideo .videoContent .closeVbtn {width:0.48rem;  height:0.48rem; position:absolute; right:0.1rem; top:0.1rem; opacity:0.5; -webkit-transition:opacity 0.5s;  -o-transition:opacity 0.5s; transition:opacity 0.5s; cursor:pointer;}

/*首页*/
.videoPic,.bigImg{position:relative; width:100%;}
.videoPic .picHi{height:4rem; width:auto; position: relative; left: 50%; transform: translateX(-50%);}
.inVideoPlayBtn{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); cursor:pointer;}
.inVideoPlayBtn h1{font-size:0.36rem;  color:#fff; text-align: center;  margin-bottom: 0.32rem; font-family: 'Verdana', '微软雅黑','Microsoft YaHei';}
.inVideoPlayBtn img{width:0.64rem !important; margin:0 auto;}


.inNew{ position:relative; margin-top:1.2rem;}
.bigImg img{ display:block; height:4.2rem;  width:auto; position:relative; left:50%; transform:translateX(-50%);}
.bigTxt{ position:absolute; left:50%; top:50%;  transform:translate(-50%,-50%);  text-align:center; align-items:center; font-size: 0;}
.bigTxt h1{font-size:0.48rem; color:#fff; display:block;}
.bigTxt a{ display:inline-block; width:1.6rem; height:0.48rem; line-height:0.48rem; background:#333; margin:0.34rem auto 0;  font-size:0.24rem; color:#fff;}
.bigTxt a:hover{background:#036bec; }

.tradeBg{background:url(../images/inTradeBg.jpg) no-repeat bottom center; background-size:auto 100%;  margin-top:1.2rem; padding-bottom:0.84rem;}
.tradeBox{list-style:none; }
.tradeBox li{list-style-type:none; width:48%; float:left; margin-right:4%; margin-bottom:0.4rem; position:relative;}
.tradeBox li:nth-child(3n){margin-right:4%; }
.tradeBox li:nth-child(2n){margin-right:0; }

.tradeBox li a{position:absolute; left:0; top:0; width:100%; height:100%; padding-top:0.92rem; box-sizing:border-box; text-align:center;}
.tradeBox li a h3{font-size:0.3rem; font-weight: lighter; color:#fff; height:1.28rem; display:block; position:relative; margin:0 auto;}
.tradeBox li a h3::after{content:""; position:absolute; bottom:0; left:50%;  margin-left:-0.08rem; width:0.16rem; height:0.08rem; background:#fff;}

.tradeBox li a:hover{background:rgba(0,0,14,0.8);}
.tradeBox li a span{ display:inline-block; width:90%; height:0.64rem; line-height:0.64rem; background:#333; margin:0.96rem auto 0;  font-size:0.24rem; color:#fff;}
.tradeBox li a:hover h3{color:#036bec; }
.tradeBox li a:hover h3::after{content:""; background:#036bec;}
.tradeBox li a:hover span{background:#036bec;}


.inMapadd{position:relative; overflow:hidden;}
.inMapadd img{ display:block; height:5.2rem;  width:auto; position:relative; left:50%; transform:translateX(-50%);}

.inMap{position:absolute; left:5%; top:15%; width:90%; height:75%; font-size: 0;}
.inMap h1 {font-size:0.36rem; color:#fff; display:block; margin-bottom: 0.4rem; text-align: center;}
.inMapDot img{ display: block; margin: 0 auto; width: 100%; height: auto;}
.mapDot span{position:absolute; font-size:0.14rem; color:#fff; line-height:normal; display:inline-block;}
.mapDot .lDotFt{padding-left:0.20rem; }
.mapDot .rDotFt{padding-right:0.20rem;}

.lDotFt::before,.rDotFt::before,
.lDotFt::after,.rDotFt::after{content: ''; position: absolute;  top: 50%;  margin-top: -0.06rem;  width: 0.1rem; height: 0.1rem;  border-radius:50%;  background:#036bec;}


.name13{left:94%; top:82.4%;}





.newBcolor{background:#f0f0f0; padding-bottom:0.40rem;}
.newItem{list-style:none; font-size: 0; display:flex; flex-direction:row; flex-flow:wrap; align-items:flex-start; justify-content:space-between;}
.newItem li{list-style-type:none; width:49%; float:none; margin-right:2%; position:relative; margin-bottom:0.6rem;}
.newItem li:nth-child(2n){margin-right:0; }
.newItem li .newPic{width:100%; height:2rem; overflow:hidden;}
.newItem li .newPic img{width:auto; height:100%; position:relative;margin-left: 50%;transform: translateX(-50%);}
.newItem li .newText{position:absolute; width:100%; background:rgba(255,255,255);  height:auto; left:0; bottom:0; padding:3% 5%; box-sizing:border-box;}
.newItem li .newText h2{ font-size:0.24rem; color:#000000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newItem li a:hover .newText{background:#036bec;}
.newItem li a:hover .newText h2{color:#fff;}


.inClient{background:none;}
.posRe h3{ font-size:0.36rem; padding-top:1rem;  padding-bottom:0.6rem; color:#333; display:block; text-align:center;}
.clientItem{list-style:none;  margin:0;  padding-bottom:0.72rem; box-sizing:border-box; width:100%; display:flex; flex-direction:row; flex-flow:wrap; align-items:flex-start; justify-content:space-between;}
.clientItem li{list-style-type:none; font-size: 0;  width:49%; height:1.46rem; margin-bottom:0.2rem; overflow:hidden; float:left; margin-right:0;  background:#e3e3e3; text-align: center;}
.clientItem li img{margin:0 auto; width:1.46rem;}
.clientItem li:hover{ background:#036bec !important;}
.clientItem li:hover img{margin-top:-1.46rem;}

.clientItem li:nth-child(1),
.clientItem li:nth-child(3),
.clientItem li:nth-child(5),
.clientItem li:nth-child(6),
.clientItem li:nth-child(7),
.clientItem li:nth-child(11),
.clientItem li:nth-child(17),
.clientItem li:nth-child(20){visibility:inherit; display:none;}

.clientName{display:none !important; opacity:0;}


.intryout{position:relative; }
.intryout img{ display:block; height:4.2rem; width:auto; position:relative; left:50%; transform:translateX(-50%);}

.tryoutTxt{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);  text-align:center; align-items:center;}
.tryoutTxt h1{font-size:0.36rem; color:#333; display:block;}
.tryoutTxt a{ display:inline-block; width:1.8rem; height:0.84rem; line-height:0.84rem; border-radius:0.1rem; background:#036bec; margin:0.4rem auto 0;  font-size:0.28rem; color:#fff;}
.tryoutTxt a:hover{background:#036bec; color: #fff;}


/*内页Banner*/
.culmnBanner{width:100%; position:relative; overflow:hidden;}
.culmnBanner .mobileBnr{display:block}
.culmnBanner .mobileBnr img{ display:block; width:100%; }


.culmnBanner .pcBnr{display:none}

.bannerTxt{ width:100%; position:absolute; left:50%; top:50%;  transform:translate(-50%,-50%); padding:0 0.4rem; box-sizing:border-box; text-align:center; font-size:0;}
.bannerTxt  h2{font-size:0.48rem; font-weight: bold; color:#fff; line-height:0.6rem; margin-bottom:0.2rem;}
.bannerTxt  span{font-size:0.28rem; color:#fff;line-height:0.6rem; width:100%; margin:0 auto; display:none;}

.bannerTxt a{ display:inline-block; width:2.4rem; height:0.8rem; line-height:0.8rem; border-radius:0.1rem; background:#036bec; margin:0.1rem auto 0;  font-size:0.32rem; color:#fff;}
.bannerTxt a:hover{background:#036bec; color: #fff;}

.trendBox{ padding-top:0.8rem; padding-bottom:0.6rem;}
.whiteBg{padding-top:0.8rem; padding-bottom:0.1rem;}

.bnrTopTxt{ width:100%; position:absolute; left:50%; top:10%; transform:translateX(-50%); padding:0 0.2rem; box-sizing:border-box; text-align:center;}
.bnrTopTxt h2{font-size:0.36rem;color:#fff; line-height:0.5rem;}
.bnrTopTxt span{font-size:0.28rem; color:#fff;line-height:0.48rem; display:block; width:100%; margin:0 auto;}
.bnrTopTxt a{ display:inline-block; width:2.4rem; height:0.64rem; line-height:0.64rem; border-radius:0.1rem; background:#036bec; margin:0.5rem auto 0;  font-size:0.28rem; color:#fff;}
.bnrTopTxt a:hover{background:#036bec; }


/*产品中心*/
.feature{list-style:none;  width:100%;  box-sizing:border-box; display:flex; flex-direction:row; flex-flow:wrap; align-items:flex-start; justify-content:space-between;}
.feature li{list-style-type:none; padding:0.4rem 0.1rem; margin-right:0; width:49%; margin-bottom:0.5em; box-sizing:border-box;  border-radius:0.1rem; overflow:hidden; background:#fff;}
.feature li img{ display:block; margin-bottom:0.4rem; height:0.82rem;}
.feature li h4{font-size:0.28rem; color:#333; height:0.6rem;}
.feature li p{ display:block; margin:0.2rem auto 0; font-size:0.24rem; color:#757575; height:4.96rem; line-height:0.36rem; overflow: hidden;}


#swiperCsy{ overflow:visible; padding-bottom: 0.8rem;}
#swiperCsy .swiper-slide {text-align: center; width:3.8rem !important; padding: 0 0.15rem;  transition: 300ms; transform: scale(0.9);}
#swiperCsy .swiper-slide-active{transform: scale(1);}

.feaItem3 {padding:0.3rem 0.2rem; margin:0; width:100%; min-height:4rem; box-sizing:border-box;  overflow:hidden; box-shadow:0 0 0.1rem rgba(0,0,0,0.1);}
.feaItem3 a{display:block; text-align:center; }
.feaItem3 h2{font-size:0.4rem; color:#333; margin-bottom: 0.32rem;}
.feaItem3 h3{font-size:0.30rem; color:#333;}
.feaItem3 p{ display:block; margin:0.2rem auto 0; font-size:0.24rem; color:#757575; line-height:0.3rem;}
.swiper-slide-active .feaItem3{background: #036bec;}
.swiper-slide-active .feaItem3 h2{font-size:0.4rem; color:#fff; margin-bottom: 0.32rem;  }
.swiper-slide-active .feaItem3 h3{font-size:0.30rem; color:#fff;}
.swiper-slide-active .feaItem3 p{ display:block; margin:0.2rem auto 0; font-size:0.24rem; color:#fff; line-height:0.3rem;}



.localization{list-style:none; width:100%;  font-size: 0;  box-sizing:border-box; display:flex; flex-direction:row; flex-flow:wrap; align-items:flex-start; justify-content:space-between;}
.localization li{list-style-type:none; width:48%; margin-bottom:0.64rem; background:#fff;  border-radius: 0.1rem; box-shadow: 0 0 0.2rem rgba(0,0,0,0.1);}
.localization li a{display:block;  padding:0.6rem 0.36rem;box-sizing:border-box; }
.localization li h2{font-size:0.48rem; color:#333; margin-bottom:0.1rem;}
.localization li p{font-size:0.26rem; color:#757575; margin:0; line-height:0.38rem; height: 4.9rem; overflow:hidden;}
.localization li a:hover,.localization li a.on{border-top:0.06rem #036bec solid;}
.localization li a:hover h2{color:#036bec;}





/**/
.proBox{position:relative; overflow:hidden;}
.proBox img{display: block;}

.proBox .leftPic,.proBox .rightPic{width:24%;}

.proBarCtxt,
.proBkTxt,
.proPicTxt{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);  text-align:center; align-items:center;}

.proTopTxt,.proTop10{ position:absolute; left:50%; top:10%; transform:translateX(-50%); text-align:center; align-items:center;}

.proLeftTxt,.proBarCLtxt{ position:absolute; left:50%; top:50%;  transform:translate(-50%,-50%);  text-align:left; align-items:center;}


.proBkTxt h1,.proTop10 h1{font-size:0.44rem; color:#333; display:block;  margin-bottom: 0.2rem; line-height:0.42rem;}
.proBkTxt p,.proTop10 p{ width:100%; margin:0 auto;  font-size:0.24rem; color:#333; text-align:center;  line-height:0.26rem; }

.proTopTxt h1,
.proLeftTxt h1,
.proPicTxt h1{font-size:0.44rem; color:#fff; display:block; margin-bottom:0.2rem; line-height:0.42rem;}

.proPicTxt p,
.proTopTxt p{ width:100%; margin:0 auto; font-size:0.24rem; color:#fff; text-align:center;  line-height:0.26rem;}




/* 产品banner 大字  h1= 0.6rem   p/span=0.3rem*/
.proBarCLtxt{ position:absolute; left:5%; top:50%;  transform:translateY(-50%);  }
.proBarT20txt{ position:absolute; left:50%; top:15%; transform:translateX(-50%); text-align: center;}

.proBarCtxt h1,
.proBarT20txt h1,
.proBarCLtxt h1{font-size:0.48rem; color:#fff; display:block; line-height:0.42rem; margin-bottom: 0.2rem;}
.proBarCtxt p,
.proBarT20txt p,
.proBarCLtxt p{font-size:0.26rem; color:#fff; display:block; line-height:0.26rem;}
.proBarT20txt span{font-size:0.26rem; color:#fff; display:block; line-height:0.26rem;}
/*----------- end---*/








.proLeftTxt{ position:absolute; left:5%; top:50%; width:90%;  transform:translateY(-50%); text-align:left; align-items:center;}
.proLeftTxt p{ width:100%; margin:0 auto;  font-size:0.28rem; color:#fff; text-align:left; line-height:0.48rem;}

.proTicoBox{ padding:1rem 0 0.7rem; background:#f6f8ff;}
.proTicoTxt{text-align:center; margin-bottom:0.7rem;}
.proTicoTxt h1{font-size:0.48rem; color:#333; display:block; margin-bottom:0.1rem;;}
.proTicoTxt p{ width:100%; margin:0 auto;font-size:0.28rem; color:#333; text-align:center; line-height:0.42rem;}

.proIcon{list-style:none; text-align:center;  font-size: 0; display:flex; flex-direction:row; flex-flow:wrap; align-items:flex-start;}
.proIcon li{list-style-type:none; background:#fff; text-align:center; display:inline-block; box-shadow:0 0 8px rgba(0,0,0,0.1); border-radius:0.1rem; width:48%; height:3.6rem; box-sizing:border-box; padding:0.54rem 0.2rem 0; margin-right:0.26rem; margin-bottom:0.3rem;}
.proIcon li:nth-child(4n){margin-right:0;}
.proIcon li:nth-child(2n){margin-right:0;}
.proIcon li img{margin:0 auto 10px; width:1rem;}
.proIcon li p{width:90%; margin:0 auto;  font-size:0.28rem; color:#333; text-align:center;}





/*关于会畅*/
.about{width:100%; font-size:0.28rem; line-height:0.48rem; padding-bottom:0.4rem;}
.aboutText{width:80%; margin:0 auto;}
.aboutNum{list-style:none;  width:100%; font-size: 0; box-sizing:border-box;  margin-top:1rem;}
.aboutNum li{list-style-type:none; width:50%; display:block; text-align:center; float:left; margin-bottom:0.6rem; }
.aboutNum li span{ display:block; color:#036bec; font-size:0.64rem;}
.aboutNum li p{margin:0.1rem auto 0; font-size:0.26rem;}

.hoorList{list-style:none; width:100%;  box-sizing:border-box;  display:flex; flex-direction:row; flex-flow:wrap; align-items:flex-start; justify-content:space-between;}
.hoorList li{list-style-type:none; width:100%; margin-bottom:0.64rem; padding:0.6rem 0.36rem 0.2rem; overflow: hidden; box-sizing:border-box; border:1px #ccc solid; background:#fff;  font-size: 0;}
.hoorList li::after{content: ''; position: absolute; left: 0; bottom:0; width: 100%; height: 0.6rem; background: #fff;}

.hoorList li a{display:block;}
.hoorList li h2{font-size:0.36rem; color:#333; margin-bottom:0.1rem;  padding-bottom:0.1rem;  border-bottom:0.04rem #757575 solid; position:relative;}
.hoorList li h2::before{content:"";  height:0.04rem; width:15%;  position:absolute; bottom:-0.04rem; left:0; background:#757575; }
.hoorList li p{font-size:0.28rem; color:#757575; margin:0; line-height:0.36rem; margin-bottom: 0.4rem;}
.hoorList li:hover{box-shadow:0 0 0.2rem rgba(0,0,0,0.2);}
.hoorList li:hover h2{color:#036bec;}
.hoorList li:hover h2::before{background:#036bec;}






.contactBox{width:100%;  padding:0px 0.3rem;box-sizing:border-box;}
.abutAdd{margin-bottom:0.6rem;}
.addLBox{margin-top:1rem;}
.addList{list-style:none;  width:100%; margin-top:0.8rem; display:flex; flex-direction:row; flex-flow:wrap; align-items:flex-start; justify-content:space-between;}
.addList li{list-style-type:none; width:100%; margin-bottom:0.32rem;   font-size: 0; box-sizing:border-box; }
.addList li h2{font-size:0.32rem; color:#333; margin-bottom:0.1rem; padding-bottom:0.1rem; border-bottom:0.04rem #757575 solid; position:relative;}
.addList li p{font-size:0.28rem; color:#757575;  line-height:0.48rem; }

/*新闻*/
.newsBox{ margin-bottom:1rem;  font-size: 0; box-sizing:border-box;}
.selectBox{ width:100%; line-height:0.6rem;}
.selectBox select{width:100%; height:0.6rem; line-height:0.6rem; outline:none; font-size:0.28rem; color:#333; padding:0 0.2rem;  box-sizing:border-box; border:1px #757575 solid;}
.selectBox select:focus {outline:none; border:1px solid #036bec;}
.selectBox select option{padding:0.24rem 0.2rem;}

.newsList{list-style:none;  width:100%; padding:0; margin-top:0.6rem;}
.newsList li{list-style-type:none; margin-bottom:0.64rem; font-size: 0; }
.newsList li a{display:block; }
.newsList li .newPic{ width:100%; height:auto; overflow:hidden; margin-bottom:0.2rem;}
.newsList li .newPic img{ display:block}

.newsList li .newTit{ width:100%; font-size:0; }
.newsList li .newTit h2{ font-size:0.30rem; color:#333; margin-bottom: 0.2rem;}
.newsList li .newTit p{ font-size:0.26rem; color:#757575; padding:0; line-height: 0.32rem; height:0.64rem; overflow:hidden;}
.newsList li .newTit span{ font-size:0.26rem; color:#757575; padding-top: 0.15rem; display: block}
.newsList li a:hover h2,.newsList li a:hover p{color:#036bec;}


/*分页*/
.pages{overflow:hidden;width:96%;margin:0 auto;padding:0px;margin-top:0.6rem;text-align:center; font-size:0.2rem;}
.pages a{display:inline-block;line-height:0.6rem; background:#efefef; padding:0px 0.2rem;font-size:0.28rem; color:#333; margin:0px 0.06rem; margin-bottom:0;}
.pages a:hover{background:#036bec;color:#fff;}
.pages a.on{background:#036bec;color:#fff;}

/*内容*/
.infoBox{margin-bottom:0.6rem; padding:1rem 0.3rem 0; box-sizing:border-box;}
.infoTit{ text-align:center; margin-bottom:0.4rem;}
.infoTit h2{font-size:0.4rem; font-weight:bold; line-height:0.56rem; color:#333; margin-bottom:0.4rem; display:block;}
.infoTit span{color:#757575; font-size:0.26rem;}

.info{ font-size:0.28rem; color:#757575; line-height:0.5rem;}
.info img{ display:block; margin:0 auto;}

.pageName{padding-bottom:0.1rem; padding-top:0.4rem; margin-top:0.7rem; color:#757575; font-size:0.28rem; border-top:1px #757575 solid;  display:block;  align-items:center; justify-content:space-between;}
.upPage,.downPage{width:100%;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:0.4rem;}
.downPage{ text-align:right;}
.upPage a,.downPage a{ color:#757575;}
.upPage a:hover,.downPage a:hover{ color:#036bec;}

/*招聘*/
.jobBox{padding:1rem 0.3rem 0; box-sizing:border-box; margin-bottom:0.6rem;}

.wlist{width:100%; list-style:none; padding:0; margin:0;}
.wlist li{ color:#333; font-size:0.28rem; display:block; line-height:0.9rem; background:#fff; border-bottom:1px #ccc solid; list-style-type:none; }
.wlist li .workTit{border-bottom:1px #fff solid; padding:0 0.3rem;}
.wlist li .workName{float:left; text-overflow: ellipsis; overflow: hidden; white-space:nowrap; width: 70%;}
.wlist li .clickMore{float:right; padding-right:0.3rem; background:url(../images/jobRicon.png) center right no-repeat;}


.wlist li.select .workTit{border-bottom:1px #036bec solid;}
.wlist li.select .workName{color:#036bec;}
.wlist li.select .clickMore{color:#036bec; background:url(../images/jobRicona.png) center right no-repeat;}

.wlist li .workinfo{ display:none; color:#333; box-sizing:border-box; padding:0.1rem 0.3rem; position:relative;}
.wlist li .workinfo .workAdd{background:#f6f8ff;  color:#757575; box-sizing:border-box; padding:0.1rem 0.2rem; margin-bottom:0.64rem;}
.wlist li .workinfo .workAdd p{display:inline-block; width:49%; font-size:0.24rem; margin:0;}
.wlist li .workinfo .workAdd p span{color:#333;}

.wlist li .workinfo h5{font-size:0.30rem; color:#333; line-height:0.64rem; margin:0;}
.wlist li .workinfo p,.wlist li .workinfo div{font-size:0.26rem; line-height:0.48rem; margin:0; color:#757575; }
.applyWork{ display:block; width:2.64rem; height:0.64rem; line-height:0.64rem; border-radius:0.1rem; border:1px #036bec solid; margin:0.4rem auto 0.2rem;  font-size:0.28rem; color:#036bec; text-align:center;}
.applyWork:hover{background:#036bec; color:#fff; }

.workBox{ background:#ebebeb; width:90%; height:auto; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); box-sizing:border-box; padding:0.4rem 0.4rem;}
.workFrom{ position:relative; font-size: 0;}
.workFrom .close{ position:absolute;right:0; top:-0.2rem; width:0.3rem;}
.workFrom .close img{display:block}
.workFrom h2{ font-size:0.32rem; color:#333;}
.workFrom span{font-size:0.28rem; color:#757575; display:block; margin-bottom:0.3rem; line-height:0.6rem;}

.inputWork{list-style:none; padding:0; display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap;}
.inputWork li{ width:100%; margin-bottom:0.3rem; display:flex; align-items:flex-start; justify-content:space-between;  line-height:0.3rem; color:#757575; font-size:0.28rem}
.inputWork li input{ width:100%; height:0.8rem; line-height:0.8rem; padding:0 0.4rem; font-size:0.28rem; color:#333; box-sizing:border-box; border:1px #fff solid;}
.inputWork li input:focus {outline:none; border:1px solid #036bec;}
.inputWork li input.w47{ width:47%;}
.inputWork li .upbtn{ background:#fff; text-align:center; font-size:0.28rem; color:#333; width:1.48rem; line-height:0.86rem;}

.workFrom .subit{text-align:right; margin-top:0;}
.workFrom .subit a{ background:#fff; display:inline-block; text-align:center; font-size:0.28rem; color:#333; width:1.48rem; line-height:0.86rem;}




/*投资者关系*/
.stockBox{box-sizing:border-box; width:96%; padding:0.4rem 0.2rem; margin-top:-0.6rem; position:relative; z-index:20; box-shadow:0px 0 0.2rem rgba(0,0,0,0.1 ); background:#fff;font-size:0;}
.stockInfo{list-style:none; padding:0;  text-align:center;}
.stockInfo li{list-style-type:none; font-size:0.24rem; color:#757575; display:inline-block; text-align:center; width:20%; }
.stockInfo li:nth-child(1){width:100%; margin-bottom:0.2rem; margin-left: 0; margin-right: 0; text-align: left;}
.stockInfo li p{margin: 0;}
.stockInfo li span{ font-size:0.3rem; color:#036bec;display:block;}
.stockInfo li em{font-style:normal; display:block;}

.listMore{ text-align:right; width:96%; margin-bottom:0.1rem;font-size:0;}
.listMore  a{ font-size:0.28rem; color:#036bec; line-height:0.64rem;}

.invesBox{padding-top:1rem; margin-bottom:0.7rem;}
.invesBox .partName{margin-bottom:0.1rem;}

.inves{padding-top:1rem; margin-bottom:0.7rem;}
.invesList{list-style:none;  width:100%;  font-size: 0; box-sizing:border-box; margin-bottom:0.8rem; display:flex; flex-direction:row; flex-flow:wrap; align-items:flex-start; justify-content:space-between;}
.invesList li{list-style-type:none; width:100%; margin-bottom:0.32rem; padding:0.32rem 0.4rem;box-sizing:border-box; box-shadow:0 0 0.2rem rgba(0,0,0,0.2); font-size: 0; }
.invesList li a{display:block; padding-right:0.5rem; background:url("../images/downicon.png") no-repeat  right center; background-size:0.4rem auto}
.invesList li h3{font-size:0.28rem; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.invesList li span{ font-size:0.24rem; color:#757575; line-height:0.3rem;}
.invesList li a:hover{background:url("../images/downicona.png") no-repeat  right center; }
.invesList li a:hover h3{color:#036bec;}

.inveCont{width: 100%; list-style: none; font-size: 0; display:flex; flex-direction:row; flex-flow:wrap; align-items:flex-start; justify-content:space-between;}
.inveCont li{list-style-type: none; display: inline-block; font-size:0.24rem; color: #333; margin-bottom: 0.4rem;}
.inveCont li h4{font-size:0.24rem; margin-bottom: 0.1rem;}
.inveCont li p{margin:0; } 



/*行业*/

.trendIcon{list-style:none;  font-size: 0;  width:100%; box-sizing:border-box; display:flex; flex-direction:row; flex-flow:wrap; align-items:flex-start; justify-content:space-between;}
.trendIcon li{list-style-type:none; padding:0.6rem 0 0.3rem; width:43%; box-sizing:border-box; box-shadow:0 0 0.2rem rgba(229,241,255,0.5); text-align:center; border-radius:0.1rem; overflow:hidden; background:#fff; margin-bottom:0.4rem;}
.trendIcon li img{ display:block; margin:0 auto 0.6rem; height:0.8rem;}
.trendIcon li p{ display:block; margin:0.4rem auto 0; font-size:0.28rem; color:#333; height:1.4rem; line-height:0.32rem;}


.projectList{list-style:none;  font-size: 0; padding:0;  display:flex; flex-direction:row; flex-flow:wrap; align-items:center; justify-content:space-between; }
.projectList li{list-style-type:none; padding:0.1rem 0;  width:100%; margin-bottom:0.4rem;  display:flex; align-items:flex-start; justify-content:flex-start; border-radius:0.1rem; box-sizing:border-box;}
.projectList li img{ display:block; margin-right:0.3rem; width: 0.71rem;}
.projectList li .itemText{width:80%; font-size:0;}
.projectList li .itemText h3{font-size:0.28rem; color:#333; display:block; position:relative; margin-bottom: 0.1rem; }
.projectList li .itemText span{ display:inline-block; line-height:0.34rem;  font-size:0.24rem; color:#757575;}


.scenes{list-style:none;  font-size: 0; width:100%; box-sizing:border-box; display:flex; flex-direction:row; flex-flow:wrap; align-items:flex-start; justify-content:space-between; }
.scenes li{list-style-type:none; width:45%; }
.scenes li h2{ font-size:0.28rem; text-align:center; color:#333; height:0.8rem; line-height:0.3rem; margin-top:0.1rem;}
.scenes li a:hover {color:#333;}

.caseItem{list-style:none;  font-size: 0; width:100%; box-sizing:border-box; display:flex; flex-direction:row; flex-flow:wrap; align-items:flex-start; }
.caseItem li{list-style-type:none; width:28%; margin:0 2% 0.32rem; }
.caseItem li a{display:block; box-shadow:0 0 0.2rem rgba(229,241,255,0.5);}
.caseItem li:nth-child(3n){ margin-right:0;}


/*会议室*/
.meetTit{ position:absolute; left:50%; top:13%; transform:translateX(-50%); text-align:center; align-items:center;}
.meetTit h3{font-size:0.36rem; color:#fff; display:block; margin-bottom: 0.3rem;   font-weight:400;}

.meetitem{list-style:none;  font-size:0;  box-sizing:border-box; position:relative;}
.meetitem li{list-style-type:none; padding:0.2rem;  width:100%; margin: 0 auto; box-sizing:border-box; position:relative; display:flex; align-items:center; justify-content:space-between; }
.meetitem li h1{font-size:0.48rem; color:#fff; padding: 0.14rem;  text-align:center; line-height:0.5rem; display:inline-block; position: relative;}
.meetitem li h1::after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; background: rgba(255,255,255,0.5);}
.meetitem li span{ display:block;  width: 82%; text-align: left; font-size:0.26rem; color:#fff; line-height:0.28rem; overflow:hidden;}



.meetPro{list-style:none; width:100%; display:flex; flex-direction:row; flex-flow:wrap; align-items:flex-start; justify-content:space-between; margin-top:-0.07rem;}
.meetPro li{list-style-type:none; position:relative; width:100%; margin-top:0.1rem; overflow:hidden; font-size: 0;}
.meetPro li img{ display:block;  width:100%;}
.meetPro li .proTxt{ position:absolute; left:50%; top:10%; width:80%; transform:translateX(-50%);  text-align:center; align-items:center;}
.meetPro li .proTxt h1{font-size:0.36rem; color:#fff; display:block;}
.meetPro li .proTxt p{ width:100%; margin:0 auto; font-size:0.24rem; color:#fff; text-align:center; height: 0.64rem;  line-height:0.32rem; overflow: hidden;}
.meetPro li .proTxt a{ display:inline-block; width:1.8rem; height:0.64rem; line-height:0.64rem; background:#036bec; margin:0.2rem auto 0; border-radius:0.1rem;  font-size:0.24rem; color:#fff; border: 1px #036bec solid; }
.meetPro li .proTxt a:hover{background:#036bec; }








.caseTwol{list-style:none;  font-size: 0; width:100%; box-sizing:border-box; display:flex; flex-direction:row; flex-flow:wrap; align-items:flex-start; justify-content:space-between;}
.caseTwol li{list-style-type:none; width:48%; margin-bottom:0.4rem;  font-size: 0;}
.caseTwol li a:hover {color:#333;}
.caseTwol li div{ overflow:hidden;}
.caseTwol li h2{ font-size:0.26rem; text-align:center; color:#333;  padding:0.2rem 0; position:relative; width:100%; box-sizing: border-box;}



/*优势*/
.superBox{position:relative; overflow:hidden;}
.superBox img{position:relative;  width: 100%;}
.superTxt{ position:absolute; left:0; top:50%; transform:translateY(-50%);  text-align:center; align-items:center; font-size:0; }
.superTxt h1{font-size:0.38rem; color:#fff; display:block; margin-bottom:0.4rem;}
.superTxt p{ display:inline-block; width:100%; margin:0 auto;  font-size:0.24rem; color:#fff; text-align:center; line-height:0.42rem;}
.superTxt p span{display:inline-block;}

/*下载中心*/
.leftTitName{margin-bottom:0.4rem;margin-top:0.6rem;  width:100%;  font-size: 0; box-sizing:border-box;}
.leftTitName h1{ font-size:0.36rem;  color:#333;}

.tabMenu{list-style:none;  font-size: 0; text-align:center; padding: 0.2rem 0; display:flex; flex-direction:row; flex-flow:wrap; align-items:center; justify-content:center;}
.tabMenu li{list-style-type:none; display:block; padding:0 0; margin: 0 0.14rem;}
.tabMenuTxt li{width:28%;}
.tabMenu li a{color:#757575; font-size:0.24rem; padding: 0.1rem 0; display:block; height:auto; line-height:inherit; font-weight:700; box-sizing:border-box;}
.tabMenu .on a{ color:#036bec;}



.tabItem{list-style:none;  font-size: 0; text-align:center;}
.tabItem li{list-style-type:none; display:inline-block; width:50%; background:#f6f8ff;}
.tabItem li a{color:#757575; font-size:0.36rem; display:block; height:1rem; line-height:1rem; box-sizing:border-box;}
.tabItem a.on{ color:#fff; background:#036bec;}

.tabObjItem{list-style:none;  font-size: 0; margin-top:1rem; }
.tabObjItem li{list-style-type:none; display:inline-block; margin-right:0.1rem;}
.tabObjItem li a{color:#757575; font-size:0.28rem; display:block; border:1px #ccc solid; height:0.8rem; line-height:0.8rem; padding:0 0.16rem; box-sizing:border-box; background:#fff;}
.tabObjItem a.on{ color:#fff; background:#036bec; border:1px #036bec solid;}

.downList{list-style:none; padding:0 0 0.3rem; display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap;}
.downList li{list-style-type:none; display:inline-block; width:48.5%; margin-bottom:0.4rem; box-shadow:0px 0 0.2rem rgba(0,0,0,0.1 );}
.downList li a{color:#757575; font-size:0.28rem; width:100%; display:flex; align-items:center; justify-content:flex-start; height:1.36rem; line-height:0.4rem; padding:0 0.24rem; box-sizing:border-box; background:#fff;}
.downList li a img{margin-right:0.32rem; width:0.52rem;}
.downList li:hover .downEwm{display:none;}
/*服务体系*/
.serviceBox{padding-top:0.5rem; margin-bottom:0.6rem}
.serItem{list-style:none;  font-size: 0; display:flex; flex-direction:row; flex-flow:wrap; align-items:flex-start; justify-content:space-between;}
.serItem li{list-style-type:none; width:49%; height:4rem; display:flex; align-items:center; text-align:center; margin-bottom:0.4rem; box-sizing:border-box; padding:0 0.2rem; margin-right:0;}
.serItem li:nth-child(4n),.serItem li:last-child{margin-right:0;}
.serItem li h2{font-size:1.04rem; text-align:center; color:#036bec; height:1.56rem; line-height:1.56rem; width:100%;}
.serItem li p{color:#036bec; font-size:0.28rem; margin:0 auto; display:block; line-height:0.26rem; }



.leftMenu{list-style:none; width:100%; padding:0 0.5rem; box-sizing:border-box; background:none; float:left;}
.leftMenu li{list-style-type:none; line-height:0.64rem; color:#333;}
.leftMenu li a{ color:#333; padding-left:0.3rem; font-size: 0.28rem; line-height:0.32rem; }
.leftMenu li a.showMenu{background:url(../images/jobRicon.png) no-repeat center left;}
.leftMenu li a:hover{color:#036bec;}
.leftMenu li a.active{color:#036bec; background:url(../images/jobRicona.png) no-repeat center left; margin-left:-0.06rem;}

.leftMenu li .openMu{ padding:0; margin:0; display:none;}
.leftMenu li .openMu li{ width:100%; height:0.8rem; line-height:0.8rem; font-size:0.4rem;}
.leftMenu li .openMu li a{ color:#333; margin-left:0; padding-left:0.6rem;  background:url(../images/jobRicon.png) no-repeat center left 0.3rem;}
.leftMenu li .openMu li a:hover,.leftMenu li .openMu li a.active{color:#036bec; background:url(../images/line.png) no-repeat center left 0.2rem;}

.leftMenu li .setMu{ padding:0; margin:0; display:none;}
.leftMenu li .setMu li{ width:100%;  line-height:0.64rem;}
.leftMenu li .setMu li a{ color:#333; margin-left:0; padding-left:0.6rem; font-size:0.28rem;}
.leftMenu li .setMu li a:hover,.leftMenu li .setMu li a.active{color:#036bec;  background:none;}


.serRbox{float:none; width:100%; font-size: 0; box-sizing:border-box; display:block;}
.serBtit{ width:100%; margin-bottom:0.4rem; margin-top:0.4rem;}
.serBtit h2{font-size:0.42rem; color:#333;}
.serBtit span{ display:block; color:#757575; font-size:0.26rem;}

.serNewlist{list-style:none; display:block; font-size: 0;}
.serNewlist li{font-size:0.28rem; }
.serNewlist li a{font-size:0.28rem; color:#333;}
.serNewlist li a:hover{color:#036bec}


.iconItem li:hover .hewm{display:block;}
.hewm{ display:none; position:absolute; background:url("../images/ewmbg1.png") no-repeat top; width:2.12rem; height:2.4rem; overflow:hidden;  box-sizing:border-box; top:-2.4rem; left:50%;  transform:translateX(-50%); padding:0.34rem;}


.serPdflist{list-style:none; display:block; display:flex; flex-direction:row; flex-flow:wrap; align-items:flex-start; justify-content:space-between;}
.serPdflist li{list-style-type:none; width:100%; line-height:0.56rem; color:#333; margin-bottom:0.5rem}
.serPdflist li a{display:flex; align-items:center; font-size:0.28rem; color:#333; padding:0.1rem 0.26rem; box-sizing:border-box; box-shadow:0 0 0.2rem rgba(0,0,0,0.1);}
.serPdflist li a i{ background:url(../images/pdficon.png) no-repeat  0 -1rem; display:inline-block; width:1.16rem; height:0.96rem; margin-right:0.1rem;}
.serPdflist li a:hover{ color:#fff; background:#036bec;}
.serPdflist li a:hover i{ color:#fff; background:url(../images/pdficon.png) no-repeat 0 0;}

.faqinfo{display:block; font-size:0.28rem;}
.faqinfo ul{ margin-left:0.4rem;}
.faqinfo ul li{ margin-bottom:0.8rem;}

.btmBox,.serZn,.serFaq{ display:none;}


/*申请试用及联系销售*/
.marBox{margin-bottom:0.7rem;margin-top:1rem; }

.submitBtn{ width:100%; text-align:center; margin-top:0.5rem; margin-bottom:1rem;  padding:0 0.4rem; box-sizing:border-box; font-size: 0;}
.submitBtn a{display:inline-block; width:40%; height:0.84rem; line-height:0.84rem; border-radius:0.1rem;  font-size:0.28rem;  transition:none;}
.submitBtn a:hover{background:#036bec; color: #fff;}

.inputText{list-style:none; padding:0 0.4rem; display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap;font-size: 0;}
.inputText li{ display:inline-block; width:100%; margin-bottom:0.4rem; }
.inputText li input,
.inputText li select{height:0.84rem; line-height:0.84rem; padding:0 0.4rem; font-size:0.28rem;}
.inputText li input:focus,
.inputText li select:focus{outline:none; border:1px solid #036bec;}
.inputText li input,
.inputText li.text textarea,
.inputText li select{-webkit-appearance: none; -moz-appearance: none; appearance: none;}

.inputText li.text textarea{ min-height:1.9rem; line-height:0.32rem; padding:0.1rem 0.4rem; font-size:0.28rem;}
.inputText li.text textarea:focus {outline:none; border:1px solid #036bec;}


.conTel{margin-top:0.7rem; text-align:left; padding:0 0.4rem;}
.conTel h4{color:#333; font-size:0.4rem; margin-bottom:0.48rem;}
.conTel p{color:#333; margin:0 auto;font-size:0.32rem; line-height:0.48rem;}
.conTel p a{ color:#757575; }

/*专题页列表*/
.topicLlist{width:4.8rem; border-radius:0.1rem; overflow: hidden;}
.topicLlist a{color:#333; display:block; position:relative;}
.topicLlist .proName{position:absolute; width:100%; left:50%; top:10%;  transform:translateX(-50%); padding:0 0.2rem; box-sizing:border-box; text-align:center;}
.topicLlist .proName h2{font-size:0.28rem;color:#fff; margin-bottom:0.2rem; line-height:0.32rem;}
.topicLlist .proName span{font-size:0.24rem; color:#fff; line-height:0.26rem; display:block; margin:0 auto;}

#swiper1,#swiper2{margin-bottom: 0.8rem;}
#swiper1 .swiper-slide,
#swiper2 .swiper-slide,
#swiper3 .swiper-slide{text-align: center; width:4.8rem !important; display: flex; align-items: center; transition: 300ms; transform: scale(0.9);}
#swiper1 .swiper-slide-active,.swiper-slide-duplicate-active,
#swiper2 .swiper-slide-active,.swiper-slide-duplicate-active,
#swiper3 .swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1);}

.topicMore{width:100%;  text-align:center; font-size: 0;}
.topicMore a{ display:inline-block; padding:0 0.2rem; height:0.7rem; line-height:0.7rem; border-radius:0.1rem; background:#036bec; margin:0.8rem auto 0;  font-size:0.3rem; color:#fff; border: 1px #036bec solid; transition:all 0.5s;}
.topicMore a:hover{background:#fff; color: #036bec; }

/*底部*/
.footerBox{background:#333; width:100%; }
.footInfo{padding:0.88rem 0.14rem 0.4rem; box-sizing:border-box;}
.ftmenuBox{ width:100%; list-style:none; padding:0; margin:0; display:flex; align-items:flex-start; justify-content:space-around;}
.ftmenuBox li{ text-align:left; list-style-type:none; padding:0 0.2rem; border-right:1px #fff solid;}
.ftmenuBox li:last-child{border-right:none;}
.ftmenuBox li a.ftculmn{ font-size:0.24rem; color:#fff; line-height:0.4rem; margin-bottom:0; display:block;}
.ftmenuBox li a{ font-size:0.28rem; color:#898989; line-height:0.7rem; display:none;}
.ftmenuBox li a:hover{ color:#fff;}

.ftTel{ display:block; padding:0 0.34rem; margin-top:0.8rem;}
.ftTel a{display:block;border:1px #fff solid; text-align:center; font-size:0.26rem; color:#fff; line-height:0.64rem;}

.ftIcon{position:relative; text-align:center; margin-top:0.7rem;}
.ftIcon img{display:block; margin:0 auto}

.company{ display:none}
.company a{ display:inline-block; color:#898989; margin:0 0.16rem;}
.company a:hover{color:#fff;}

.copyright{background:#333; width:100%; text-align:center; color:#fff; height:auto; line-height:0.4rem; border-top:1px #333 solid; padding-bottom:0.1rem;}
.copyrightCen{width:100%; margin:0 auto; font-size:0.24rem; vertical-align: top; padding:0.2rem 0;}
.copyrightCen a{color:#fff; margin:0 0.1rem; display:inline-block; vertical-align: middle; line-height: 0.3rem;}
.copyrightCen a:hover{color:#fff;}


.iconItem{width:100%; margin:0 auto; font-size:0.16rem; vertical-align: top; padding: 0.1rem 0;}

.animated{ opacity:1;}

#nb_toolbar_wrap {position:fixed; width:100%; padding:0.2rem 0; display:flex;  flex-flow:row wrap; justify-content:center;  align-items:center;  z-index:60;  left:0; bottom:0; background:rgba(24,11,10,1);}
#nb_toolbar_wrap  a{width:28%; margin-right:2.8%; line-height:0.8rem; font-size:0.24rem; background:#fcfcfe; color:#040404; text-align:center; position:relative; border-radius:0.1rem;  justify-content:center; align-items:center;  display:flex; text-decoration:none; }


@media screen and (max-width:320px) {
    .ftmenuBox li{ text-align:left; list-style-type:none; padding:0 0.2rem; border-right:1px #fff solid;}
    .ftmenuBox li a.ftculmn{ font-size:0.26rem; color:#fff; line-height:0.36rem; margin-bottom:0; display:block;}
    .copyrightCen{width:100%; margin:0 auto; font-size:0.24rem;}
}