@charset "utf-8";
body{background:#fff; margin:0; font-family:'Microsoft YaHei','微软雅黑','Verdana','PingFang SC','Arial','宋体';  width:100%; position:relative; overflow-x:hidden;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote{padding:0; margin:0;}
table,td,tr,th{font-size:0.18rem;}
img{border:0; display:block}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
address,cite,code,em,th,i{font-weight:normal; font-style:normal;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
a {color:#333; text-decoration:none; margin: 0; padding: 0;}
a:hover {color:#036bec;text-decoration:none;}

input[placeholder], [placeholder], *[placeholder] {color:#757575; outline:none;}
input::-webkit-input-placeholder, 
textarea::-webkit-input-placeholder{color:#757575;}

input:-moz-placeholder, 
textarea:-moz-placeholder {color:#757575;}

input:-ms-input-placeholder, 
textarea:-ms-input-placeholder {color:#757575;}

button,input{outline:none;  border:none;}



.navbigBox{width:100%; margin:0 auto; overflow:hidden;}
.headBox{width:100%; position:relative; background:#fff;}
.topTel{width:100%; border-bottom:1px #757575 solid; height:0.48rem; position:relative; background:#fff;}
.tel_language{ line-height:0.48rem; font-size:0.16rem;  text-align:right; color:#333;}
.tel_language span{margin-right:0.0rem;}
.tel_language a{ color:#333; font-weight:bold;}
.tel_language a:hover,.tel_language a.set{color:#036bec;}

.topBox{width:100%; background:#fff; margin:0 auto; position:relative; z-index:99;}



.toplMbox{height:0.8rem;  display:flex; align-items:center; justify-content:space-between; }
.logo{display:block; }
.logo img{width:1.3rem;}

.topNavBox{display:flex; align-items:center; justify-content:space-between; }
.menuBox{text-align:center; list-style:none; display:inline-block;}
.menuBox li{text-align:center; float:left; padding:0 0.16rem;  list-style-type:none; position:relative;}
.menuBox li.ative a{ background:url("../images/marrow.png") no-repeat right center; padding-right:0.16rem;}
.menuBox li.on a{background:url("../images/marrow_b.png") no-repeat right center;}

.menuBox li a{color:#757575; font-size:0.18rem; display:block; line-height:0.8rem; font-weight:bold; box-sizing:border-box;}
.menuBox li a:hover,.menuBox .on a{ color:#036bec;}

.menuBox .sub{position:absolute; left:50%; top:0.8rem; border-top:0.02rem #246fee solid;  -webkit-transform:translateX(-50%); transform:translateX(-50%); padding:0.2rem 0 0.1rem; background:#fff; z-index:999; zoom:1; min-width:1.76rem; box-sizing:border-box; box-shadow:0 0.05rem 0.1rem rgba(0,0,0,0.2); display:none;}
.menuBox .sub li{color:#333; width:100%; text-align:center; padding-left:0.24rem; padding-right:0.14rem; margin-bottom:0.08rem; box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; height: 0.44rem; float:none;}
.menuBox .sub li a{display:block; color:#7a7a7a; line-height:0.45rem; font-size:0.18rem;  background:none; font-weight:400;  white-space:nowrap;}
.menuBox .sub li a:hover{color:#036bec;  background:none;}
.menuBox .sub li span{display:block; background:#ff0000; border-radius:0.05rem; padding:0 0.05rem; color:#fff; font-size:0.12rem; transform: scale(0.8);}
.menuBox .sub li.m{ background:url("../images/mrjd.png") no-repeat right 0.24rem center;}

.menuBox .sub li.m::before{ content: ""; width: 0.06rem; height: 100%; background: #fff; position: fixed; left:1.70rem; top:0; z-index: 99; box-shadow:0.05rem 0 0.04rem rgba(0,0,0,0.1);}

.menuBox .sub li .twoSub{position:fixed; left:1.74rem; top:-0.02rem;  width:3.5rem; background:#fff; box-sizing:border-box; padding:0.28rem 0  0.04rem 0.20rem; text-align:left; box-shadow:0.08rem 0.05rem 0.1rem rgba(0,0,0,0.2); display:none; vertical-align:top; font-size: 0;}
.menuBox .sub li .twoSub a{ display:inline-block; line-height:0.28rem;  text-align:left; font-size:0.16rem; margin-bottom:0.09rem;}
.menuBox .sub li .twoSub a.subtit{display:block; color:#036bec;  margin-bottom:0;}


.objBtn{margin-left:0.62rem; display:block;}
.objBtn a{ display:block; color:#fff; font-size:0.16rem; padding:0.05rem 0.16rem; border-radius:0.05rem; }
.objBtn .topBlue{background:#036bec; border: 1px #036bec solid; color: #fff;}
.objBtn .topBlue:hover{background:rgba(255,255,255,0); border: 1px #036bec solid; color: #036bec;}
.objBtn .topGreen{ background:#4dbe98; margin-left:0.18rem; }



/*banner*/
.bannerBox{position:relative; width:100%; overflow:hidden;}

#banner li{ position:relative}
#banner .bannerInfo{ position:absolute; left:50%; top:25%; transform:translate(-50%); width:80%; text-align:center; display: none;}
#banner .bannerInfo h2{font-size:0.56rem; font-weight:600; color:#fff; margin-bottom:0.1rem;  text-shadow:0 0 0.05rem rgba(0,0,0,0.5);}
#banner .bannerInfo span{ font-size:0.3rem; color:#fff; font-weight:lighter; text-shadow:0 0 0.05rem rgba(0,0,0,0.5);}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position:absolute; bottom:0.3rem;  width:100%;}
/* LOADER */
.bx-wrapper .bx-loading {min-height:0.5rem; background:url('../images/bx_loader.gif') center center no-repeat #fff; height:100%; width:100%; position:absolute; top:0; left:0; z-index:90; display:none;}
/* PAGER */
.bx-wrapper .bx-pager {text-align:center; font-size:.85em; font-family:Arial; font-weight:bold; color:#666;}
.bx-wrapper .bx-pager.bx-default-pager a {text-indent:-9999px; display:inline-block; width:0.3rem; height:0.05rem; border-radius:0.05rem; background:rgba(255,255,255,0.2); margin:0 0.05rem;  outline:0;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {background:#fff;}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display:inline-block; vertical-align:bottom; }
.bx-wrapper .bx-pager-item {font-size:0; line-height:0;}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {left:0.1rem; background:url('../images/controls.png') no-repeat 0 -0.32rem;}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {background-position:0 0;}
.bx-wrapper .bx-next {right:0.1rem; background:url('../images/controls.png') no-repeat -0.43rem -0.32rem;}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {background-position:-0.43rem 0;}
.bx-wrapper .bx-controls-direction a {position:absolute; top:50%; width:0.32rem; height:0.32rem;  margin-top:-0.16rem; outline:0;  text-indent:-9999px; z-index:9999;}
.bx-wrapper .bx-controls-direction a.disabled {display:none;}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto { text-align:center;}
.bx-wrapper .bx-controls-auto .bx-start { display:block; text-indent:-9999px; width:0.1rem; height:0.12rem; outline:0; background:url('../images/controls.png') -86px -11px no-repeat; margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {background-position:-86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop {display:block; text-indent:-9999px; width:0.1rem; height:0.11rem; outline:0; background:url('../images/controls.png') -86px -44px no-repeat; margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {background-position:-86px -33px;}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align:center; width:100%; margin:0 auto;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right:0; width:0.35rem;}


.partName{margin-bottom:0.8rem; text-align:center; width:100%;}
.partName h1{ font-size:0.36rem;  color:#333; font-family: 'Microsoft YaHei','PingFang SC','微软雅黑','Verdana';}
.partName h1 img{ display: block; margin: 0 auto; height: 0.36rem;}

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

.mRoomPtit{margin-bottom:0.4rem; text-align:center; width:100%; display: none;}
.mRoomPtit h1{ font-size:0.36rem;  color:#333; font-family:'Microsoft YaHei','微软雅黑','Verdana';}
.mRoomPtit h1 img{ display: block; margin: 0 auto; height: 0.36rem;}


.inVideoPlayBtn{position:absolute; left:50%; top:25%; transform:translateX(-50%); cursor:pointer;}
.inVideoPlayBtn h1{font-size:0.36rem;  color:#fff; text-align: center;  margin-bottom: 0.8rem; font-family:'Microsoft YaHei','微软雅黑','Verdana';}
.inVideoPlayBtn img{width:1.2rem; margin:0 auto;}




#productVideo.companyVideo {display:none; position:fixed; left:0; bottom:0;  right:0; top:0; background-color:rgba(0,0,0,0.7);  z-index:1000;}
#productVideo.companyVideo .videoContent {width:54%;  transform:translate(-50%, -50%); position:absolute;  top:50%; left:50%; padding:0.48rem 0 0; background-color:#000;}
#productVideo.companyVideo .videoContent .closeVbtn {width:0.24rem;  height:0.24rem; position:absolute;  right:0.14rem; top:0.12rem; opacity:0.5;  -webkit-transition:opacity 0.5s;  -o-transition:opacity 0.5s; transition:opacity 0.5s; cursor:pointer;}
#productVideo.companyVideo .videoContent .closeVbtn img {width:100%;}
#productVideo.companyVideo .videoContent video {width:100%; vertical-align:middle;}


.inNew{ position:relative; margin-top:1.20rem;}


.bigTxt{ position:absolute; left:50%; top:50%;  transform:translate(-50%,-50%);  text-align:center; align-items:center;}
.bigTxt h1{font-size:0.90rem; color:#fff; display:block;}
.bigTxt a{ display:inline-block; width:2.80rem; height:0.52rem; line-height:0.52rem; background:#333; margin:0.64rem auto 0;  font-size:0.18rem; color:#fff;}
.bigTxt a:hover{background:#036bec; }

.tradeBg{background:url(../images/inTradeBg.jpg) no-repeat bottom center;  background-size: auto 100%; margin-top:1.20rem; padding-bottom:0.85rem;}
.tradeBox{list-style:none; padding:0; }
.tradeBox li{list-style-type:none; width:3.74rem; float:left; margin-right:0.35rem; margin-bottom:0.35rem; position:relative; font-size: 0;}
.tradeBox li:nth-child(3n){margin-right:0; }
.tradeBox li a{position:absolute; left:0; top:0; width:100%; height:100%; padding-top:0.94rem; box-sizing:border-box; text-align:center; transition:all 0.5s;}
.tradeBox li a h3{font-size:0.3rem; color:#fff;  height:1.90rem; display:block; position:relative; margin:0 auto;}
.tradeBox li a h3::after{content:""; position:absolute; bottom:0; left:50%;  margin-left:-0.1rem; width:0.2rem; height:0.04rem; background:#fff;}

.tradeBox li a:hover{background:rgba(0,0,14,0.8);}
.tradeBox li a span{ display:inline-block; width:2.8rem; height:0.52rem; line-height:0.52rem; background:#333; margin:1.28rem auto 0;  font-size:0.18rem; 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;}
.inMap{position:absolute; left:0; top:10%; width:100%; text-align: center; font-size: 0;}
.inMap h1 {font-size:0.36rem; color:#fff; display:block; margin-bottom: 0.6rem; text-align: center;}
.inMapDot{margin: 0 auto; position: relative; display: inline-block;}
.inMapDot img{ display: block; margin: 0 auto; width: auto; height: 5.3rem;}

.mapDot{height:100%; width: 100%;  position: absolute; left: 0; top: 0; font-size: 0.3rem; z-index: 10; text-align: left;}

.mapDot .addDot,
.mapDot .addDotR{position:absolute; font-size:0.17rem; color:#fff; line-height:0.3rem; display:inline-block; white-space: nowrap;}
.mapDot .addDot::before,
.mapDot .addDotR::before{content: ''; position: absolute;  top: 50%;  margin-top: -0.06rem;  width: 0.12rem; height: 0.12rem;  border-radius:50%;  background:#036bec;}
.mapDot .addDot::before{ left: 0;}
.mapDot .addDotR::before{ right: 0; }

.mapDot .addDot::after,
.mapDot .addDotR::after{content: ''; position: absolute;  top: 50%;  border-radius:50%; width: 0.28rem; height: 0.28rem; margin-top: -0.14rem; -webkit-box-shadow: inset #036bec 0 0 5px; box-shadow: inset #036bec 0 0 5px;}
.mapDot .addDot::after{ left: -0.08rem;}
.mapDot .addDotR::after{ right: -0.08rem;}


.mapDot .addDot span,
.mapDot .addDotR span{font-size:0.17rem; color:#fff; line-height:0.3rem; position: relative; display:block;}

.mapDot .addDot span.lDotFt{padding-left:0.28rem; }
.mapDot .addDotR span.rDotFt{padding-right:0.28rem;}

.mapDot .addDot span.lDotFt::before,
.mapDot .addDotR span.rDotFt::before{content: ''; position: absolute;  top: 50%;  margin-top: -0.06rem;  width: 0.12rem; height: 0.12rem;  border-radius:50%; -webkit-box-shadow: inset #036bec 0 0 5px; box-shadow: inset #036bec 0 0 5px; display: block;  background: #036bec; opacity: 0;}

.mapDot .addDot span.lDotFt::before{ left:0;}
.mapDot .addDotR span.rDotFt::before{ right: 0; }

.mapDot .addDot span.lDotFt::after,
.mapDot .addDotR span.rDotFt::after{content: ''; position: absolute;  top: 50%;  border-radius:50%; width: 0.28rem; height: 0.28rem; margin-top: -0.14rem; -webkit-box-shadow: inset #036bec 0 0 5px; box-shadow: inset #036bec 0 0 5px; opacity: 0;}

.mapDot .addDot span.lDotFt::after{ left: -0.08rem;}
.mapDot .addDotR span.rDotFt::after{ right: -0.08rem;}

.mapDot .addDot span.active::before,
.mapDot .addDotR span.active::before{animation: scaled 2s infinite;}

.mapDot .addDot span.active::after,
.mapDot .addDotR span.active::after{animation: scaledinset 2s infinite;}

@-webkit-keyframes scaledinset{
    0%{opacity:0;-webkit-transform:scale(.1);transform:scale(.1); }
    5%{opacity:1;}
    to{opacity:0;-webkit-transform:scale(4);transform:scale(4);}
}
@keyframes scaledinset{
    0%{opacity:0;-webkit-transform:scale(.1);transform:scale(.1)}
    5%{opacity:1}
    to{opacity:0;-webkit-transform:scale(4);transform:scale(4)}
}
@-webkit-keyframes scaled{
    0%{opacity:0;-webkit-transform:scale(.1);transform:scale(.1); }
    5%{opacity:1;}
    to{opacity:0;-webkit-transform:scale(5);transform:scale(5);}
}
@keyframes scaled{
    0%{opacity:0;-webkit-transform:scale(.1);transform:scale(.1)}
    5%{opacity:1}
    to{opacity:0;-webkit-transform:scale(5);transform:scale(5)}
}


.name1{left:10.5%; top:16.5%;}
.name2{left:23.5%; top:16.5%;}
.name3{left:8%; top:29%;}
.name4{left:27%; top:22.5%;}
.name5{left:21%; top:26.5%;}
.name6{left:33%; top:71.5%;}
.name7{left:59%; top:41.5%;}
.name8{left:54%; top:72.5%;}
.name9{left:51.8%; top:20%;}
.name10{left:87.5%; top:22.8%;}
.name11{left:81%; top:32.2%;}
.name12{left:89.5%; top:78%;}
.name13{left:67%; top:41%;}
                
.name14{left:21%; top:59%;}
.name15{left:49%; top:79.8%;}
.name16{left:45.2%; top:24%;}
.name17{left:50%; top:43.5%;}
.name18{left:41.5%; top:34%;}
.name19{left:60.5%; top:14%;}
.name20{left:79%; top:20.5%;}
.name21{left:72.8%; top:39%;}
.name22{left:71.8%; top:57.5%;}
.name23{left:33%; top:5.5%;}
.name24{left:29%; top:81.5%;}
.name25{left:42.5%; top:18.5%;}
.name26{left:82.2%; top:81.5%;}




.newBcolor{background:#f0f0f0; padding-bottom:1.20rem;}
.newItem{list-style:none; padding:0; }
.newItem li:nth-child(2n){margin-right:0; }
.newItem li .newText{position:absolute; width:5.48rem; height:1.96rem; left:0.19rem; bottom:0; background:#fff; padding:0.32rem 0.38rem; box-sizing:border-box; font-weight:400; transition:all 0.5s;}
.newItem li .newText p{font-size:0.18rem; height:0.9rem; line-height:0.3rem; color:#333; margin:0; overflow:hidden;}

.newItem li a:hover .newText{background:#036bec; box-shadow:0 0.03rem 0.1rem rgba(0,0,0,0.5);}
.newItem li a:hover .newText h2{color:#fff;}


.inClient{background:url("../images/linebg.jpg") repeat-x left top #333; background-size: auto 1.58rem;}
.posRe{ position:relative}
.posRe h3{ font-size:0.36rem; padding-top:0.3rem;  padding-bottom:0.3rem; color:#333; display:none;}


.clientItem{list-style:none; padding:0; margin:0;  padding-bottom:0.72rem; width:7.30rem; display:flex; flex-direction:row; flex-flow:wrap; align-items:flex-start; justify-content:flex-start;}
.clientItem li{list-style-type:none; width:1.46rem; height:1.46rem; overflow:hidden; background:#e3e3e3;}
.clientItem li img{margin:0 auto; width: 100%;}

.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:hidden}



.clientName{position:absolute; right:0; top:0; height:100%; width:3.98rem; padding:0.94rem 0 0; background:#036bec; box-sizing:border-box; display:none;}
.clientName .clietText{position:relative; width:100%; padding:0 0.30rem; box-sizing:border-box;}
.clientName .clietText::before{content:"◆";  position:absolute; left:-0.14rem; top:1rem; font-size:0.48rem; color:#036bec; }
.clientName .clietText h2{ font-size:0.30rem; position:relative; padding-bottom:0.74rem; color:#fff;}
.clientName .clietText h2 span{ display:block; margin-bottom:0.04rem;}
.clientName .clietText h2::after{content:""; position:absolute; left:0.3rem; bottom:-0.2rem; width:0.04rem; height:0.74rem; background:#fff;}
.clientName .clietText .clientInfo{ display:block;}
.clientName .clietText h4{ font-size:0.24rem; margin-bottom:0.15rem;  margin-top:0.48rem; font-weight:400;  color:#fff;}
.clientName .clietText p{ font-size:0.18rem; margin:0; font-weight:400; height:0.9rem; line-height:0.3rem; color:#fff;}



.intryout,.mapTit{position:relative; }
.tryoutTxt{ position:absolute; left:50%; top:50%; margin-left:-6rem; transform:translateY(-50%);  text-align:center; align-items:center; font-size: 0;}
.tryoutTxt h1{font-size:0.36rem; color:#333; display:block;}
.tryoutTxt a{ display:inline-block; width:1.6rem; height:0.6rem; line-height:0.6rem; border-radius:0.1rem; background:#036bec; border: 1px #036bec solid; margin:0.45rem auto 0;  font-size:0.2rem; color:#fff; transition:all 0.5s;}
.tryoutTxt a:hover{background:#fff; color: #036bec;}


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



.bannerTxt span{font-size:0.2rem; color:#fff;line-height:0.3rem; display:block; width:8.6rem; margin:0 auto 0.45rem;}
.bannerTxt a{ display:inline-block; width:1.6rem; height:0.6rem; line-height:0.6rem; border-radius:0.08rem; background:#036bec; border: 1px #036bec solid; color: #fff;  margin:0 auto;  font-size:0.2rem; transition:all 0.5s;}
.bannerTxt a:hover{background:#fff; color: #036bec; }


.bnrTopTxt{ width:12rem; position:absolute; left:50%; top:15%;  transform:translateX(-50%); padding:0 0.2rem; box-sizing:border-box; text-align:center;}

.bnrTopTxt span{font-size:0.2rem; color:#fff;line-height:0.3rem; display:block; width:8.60rem; margin:0 auto 0.45rem;}



/*产品中心*/
.feature{list-style:none;  width:100%; display:flex; flex-direction:row; flex-flow:wrap; align-items:flex-start; justify-content:flex-start;}






/**/
.proBox{position:relative;}
.proBox .lrPicShow{display:flex; flex-direction:row; flex-flow:wrap; align-items:flex-start; justify-content:space-between;}
.proBox .leftPic,.proBox .rightPic{ width:44%;}





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

.proIcon{list-style:none; text-align:center; 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 0.08rem rgba(0,0,0,0.1); border-radius:0.1rem; width:2.75rem; height:3.20rem; box-sizing:border-box; padding:0.64rem 0.1rem 0; margin-right:0.32rem;}
.proIcon li:nth-child(4n){margin-right:0;}
.proIcon li img{margin:0 auto 0.4rem; width: 1.07rem;}
.proIcon li p{width:90%; margin:0 auto;  font-size:0.24rem; color:#333; text-align:center;  line-height:0.32rem; font-weight: 400;}


/*关于会畅*/
.aboutBg{background: url("../images/about_bg.png") no-repeat top center #fff; background-size:auto 70%; padding-top: 1rem; padding-bottom: 0.24rem;}
.about{width:100%; font-size:0.22rem; line-height:0.32rem; padding-bottom:1rem;}
.aboutText{width:80%; margin:0 auto; color:#333;}
.aboutNum{list-style:none;  width:100%; margin-top:1rem;}
.aboutNum li{list-style-type:none; width:25%; display:block; text-align:center; float:left;}
.aboutNum li span{ display:block; color:#036bec; font-size:0.54rem; line-height: 0.54rem; margin-bottom: 0.1rem;}
.aboutNum li p{display: block; margin: 0;}

.hoorList{list-style:none;  width:100%; display:flex; flex-direction:row; flex-flow:wrap; align-items:flex-start; justify-content:space-between;}
.hoorList li{list-style-type:none; width:48%; margin-bottom:0.32rem; padding:0.6rem 0.36rem; height: 3.45rem; overflow: hidden; box-sizing:border-box; border:1px #ccc solid; background:#fff;  position: relative;}
.hoorList li::after{content: ''; position: absolute; left: 0; bottom:0; width: 100%; height: 0.6rem; background: #fff;}
.hoorList li a{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.hoorList li h2{font-size:0.34rem; color:#333; margin-bottom:0.2rem; padding-bottom:0.1rem; border-bottom:0.03rem #757575 solid; position:relative;}
.hoorList li h2::before{content:"";  height:0.03rem; width:100%; position:absolute; bottom:-0.03rem; left:0; background:#757575; transition:all 1s; transform:scale(0,1);transform-origin:0 0}
.hoorList li p{font-size:0.2rem; color:#757575; margin:0;  line-height:0.48rem; }
.hoorList li:hover{box-shadow:0 0 0.1rem rgba(0,0,0,0.2);}
.hoorList li:hover h2{color:#036bec;}
.hoorList li:hover h2::before{background:#036bec; opacity:1; transform:scale(1);}

.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:48%; margin-bottom:0.32rem; box-sizing:border-box; }
.addList li h2{font-size:0.34rem; color:#333; margin-bottom:0.2rem; padding-bottom:0.2rem; border-bottom:0.03rem #757575 solid; position:relative;}
.addList li p{font-size:0.2rem; color:#757575;  line-height:0.32rem;  margin: 0 auto 0.32rem;}

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

.newsList{list-style:none;  width:100%; padding:0; margin-top:1rem;}
.newsList li{list-style-type:none; margin-bottom:0.76rem;  font-size: 0;}
.newsList li a{display:block; display:flex;  align-items:center; justify-content:space-between;}
.newsList li .newPic{ width:3.7rem; height:2rem; overflow:hidden;}
.newsList li .newPic img{ display:block; transition:all 0.5s;}

.newsList li .newTit{ width:66%;}
.newsList li .newTit h2{ font-size:0.24rem; color:#333;}
.newsList li .newTit p{ font-size:0.18rem; color:#757575; padding:0; height:0.64rem; line-height:0.32rem;  overflow:hidden;}
.newsList li .newTit span{ font-size:0.18rem; color:#757575;}
.newsList li a:hover img{transform:scale(1.1);}
.newsList li a:hover h2,.newsList li a:hover p{color:#036bec;}

/*内容*/
.infoBox{padding-top:1rem; margin-bottom:0.7rem;}
.infoTit{ text-align:center; margin-bottom:0.6rem; font-size: 0;}
.infoTit h2{font-size:0.3rem; font-weight:bold; line-height:0.38rem; color:#333; margin-bottom:0.2rem; display:block;}
.infoTit span{color:#757575; font-size:0.22rem; display:block;}

.info{ font-size:0.22rem; color:#757575; line-height:0.3rem;}
/*.info img{ display:block; margin:0 auto;}*/
.info img{ height: auto; width: auto\9; width:100%;}

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

/*分页*/
.pages{overflow:hidden;width:90%;margin:0 auto; padding:0; margin-top:0.4rem;text-align:center; font-size: 0.16rem}
.pages a{display:inline-block;line-height:0.4rem; background:#efefef; padding:0 0.15rem;font-size:0.16rem;color:#333; margin:0 0.05rem; margin-bottom:0.1rem;}
.pages a:hover{background:#036bec;color:#fff;}
.pages a.on{background:#036bec;color:#fff;}

/*招聘*/
.jobBox{ padding-top:1rem; margin-bottom:0.7rem;}

.wlist{width:100%; list-style:none; padding:0; margin:0;}
.wlist li{ color:#333; font-size:0.2rem; 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.36rem;}
.wlist li .workName{float:left;}
.wlist li .clickMore{float:right; padding-right:0.16rem; background:url(../images/jobRicon.png) center right no-repeat;}

.wlist li.select .workTit{border-bottom:1px #036bec solid;}

.wlist li:hover .clickMore{color:#036bec; background:url(../images/jobRiconb.png) center right no-repeat;}
.wlist li:hover .workName,
.wlist li:hover .clickMore a,
.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.4rem 0.35rem; position:relative;}
.wlist li .workinfo .workAdd{background:#f6f8ff;  color:#757575; box-sizing:border-box; padding:0.52rem 1.04rem; margin-bottom:0.64rem;}
.wlist li .workinfo .workAdd p{display:inline-block; width:32%; font-size:0.18rem; margin:0;}
.wlist li .workinfo .workAdd p span{color:#333;}

.wlist li .workinfo h5{font-size:0.18rem; color:#333; line-height:0.32rem; margin:0;}
.wlist li .workinfo p,.wlist li .workinfo div{font-size:0.18rem; line-height:0.32rem; 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.45rem auto 0;  font-size:0.2rem; color:#036bec; text-align:center;}
.applyWork:hover{background:#036bec; color:#fff; }

.workBox{ background:#ebebeb; width:9.86rem; height:6.18rem; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); box-sizing:border-box; padding:0.72rem 1rem;}
.workFrom{ position:relative}
.workFrom .close{ position:absolute;right:0; top:-0.2rem; width:0.2rem; cursor:pointer;}
.workFrom .close img{display:block}
.workFrom h2{ font-size:0.2rem; color:#333;}
.workFrom span{font-size:0.18rem; color:#757575; display:block; margin-bottom:0.2rem; line-height:0.3rem;}

.inputWork{list-style:none; padding:0; display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap;}
.inputWork li{ width:48%; margin-bottom:0.2rem; display:flex; align-items:flex-start; justify-content:space-between;  line-height:0.5rem; color:#757575; font-size:0.16rem;}
.inputWork li input{ width:100%; height:0.5rem; line-height:0.5rem; padding:0 0.2rem; font-size:0.16rem; 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.16rem; color:#333; width:1.34rem; line-height:0.54rem; cursor: pointer;}

.workFrom .subit{text-align:right; margin-top:0.2rem;}
.workFrom .subit a{ background:#fff; display:inline-block; text-align:center; font-size:0.16rem; color:#333; width:1.34rem; line-height:0.54rem;}

/*投资者关系*/
.stockBox{box-sizing:border-box; padding:0.40rem 0.50rem; margin-top:-0.7rem; position:relative; z-index:20; box-shadow:0 0 0.1rem rgba(0,0,0,0.1 ); background:#fff; font-size: 0;}
.stockInfo{list-style:none; padding:0; }
.stockInfo li{list-style-type:none;  font-size:0.16rem; color:#757575; display:inline-block; margin-left: 0.3rem;}
.stockInfo li:nth-child(1){width:52%; margin-left: 0;}
.stockInfo li span{ font-size:0.24rem; color:#036bec;display:block; margin-top: 0.1rem;}
.stockInfo li em{font-style:normal; display:block;margin-top: 0.1rem;}

.listMore{ text-align:right; font-size: 0;}
.listMore  a{ font-size:0.16rem; color:#036bec; line-height:0.54rem;}

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

.inves{padding-top:1rem; margin-bottom:0.7rem;}
.invesList{list-style:none;  width:100%; margin-bottom:0.7rem; display:flex; flex-direction:row; flex-flow:wrap; align-items:flex-start; justify-content:space-between;}
.invesList li{list-style-type:none; width:49%; margin-bottom:0.32rem; padding:0.32rem 0.42rem;box-sizing:border-box; box-shadow:0 0 0.1rem 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; }
.invesList li h3{font-size:0.2rem; color:#333; line-height: 0.4rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.invesList li span{ font-size:0.18rem; 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;}

/*解决方案*/
.trendBk{background:#f6f8ff;}

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

.whiteBg{padding-top:1rem; padding-bottom:0.24rem;}

.scenes{list-style:none; display:flex; flex-direction:row; flex-flow:wrap; align-items:flex-start; justify-content:center;}
.scenes li{list-style-type:none; width:3.7rem; margin:0 0.15rem 0.32rem;}
.scenes li img{ width: 100%;}
.scenes li h2{ font-size:0.24rem; text-align:center; color:#333; height:0.78rem; line-height:0.78rem;}
.scenes li a:hover h2 {color:#fff; background:#036bec}
.scenes li p{ font-size:0.24rem; text-align:center; color:#333; height:0.78rem; line-height:0.78rem; margin: 0;}
.scenes li a:hover p {color:#fff; background:#036bec}




.caseTwol,.caseTwoFd{list-style:none; display:flex; flex-direction:row; flex-flow:wrap; align-items:flex-start; justify-content:space-between;}


.caseTwoFd li{list-style-type:none; width:48%; margin-bottom:0.5rem; font-size: 0; position: relative;}
.caseTwoFd li div{ overflow:hidden;}
.caseTwoFd li div img{transition:all 0.5s;}
.caseTwoFd li h2{ font-size:0.14rem; text-align:center; color:#333;  padding:0.15rem 0; background:#fff; position:relative; width:90%; margin: -0.36rem auto 0; transition:all 0.5s;  box-shadow:0px 0 0.1rem rgba(0,0,0,0.1 ); box-sizing: border-box;}
.caseTwoFd li a:hover h2{color:#fff; background:#036bec}
.caseTwoFd li a:hover div img{ transform:scale(1.1);}


/*优势*/
.superTxt{ position:absolute; left:50%; top:50%;  transform:translate(-50%,-50%);  text-align:center; align-items:center; font-size: 0; }
.superTxt p span{display:block;}
.superTxt p:last-child{ border-right:none;}

/*下载中心*/


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

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

.leftTitName{margin-bottom:0.7rem; width:100%; margin-top:1rem;}
.leftTitName h1{ font-size:0.28rem;  color:#333;}

.downList{list-style:none; padding:0; display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; margin-bottom: 0.7rem;}
.downList li{list-style-type:none; display:inline-block; width:48.5%; margin-bottom:0.4rem; box-shadow:0px 0 0.1rem rgba(0,0,0,0.1 ); font-size: 0; }
.downList li a{color:#757575; font-size:0.2rem; width:100%; display:flex; align-items:center; justify-content:flex-start; height:1.34rem; line-height:1.34rem; padding:0 0.25rem; box-sizing:border-box; background:#fff;}
.downList li a img{margin-right:0.34rem;}
.downList li a:hover,.downList li a.on{ color:#fff; background:#036bec;}
.downList li a:hover img,.downList li a.on img{filter:grayscale(100%) brightness(500%); -moz-filter:grayscale(100%) brightness(500%); -webkit-filter:grayscale(100%) brightness(500%); -ms-filter:grayscale(100%) brightness(500%);}
 
.tablist{display:none;}

/*服务体系*/
.serviceBox{padding-top:1rem; margin-bottom:0.7rem}
.serItem{list-style:none; display:flex; flex-direction:row; flex-flow:wrap; align-items:flex-start; justify-content:center;}
.serItem li{list-style-type:none; width:2.6rem; height:3.74rem; display:flex; align-items:center; text-align:center; margin-bottom:0.52rem; box-sizing:border-box; padding:0 0.32rem; margin-right:0.52rem;}
.serItem li:nth-child(4n),.serItem li:last-child{margin-right:0;}
.serItem li h2{font-size:0.54rem; text-align:center; color:#036bec; height:0.78rem; line-height:0.78rem; width:100%;}
.serItem li p{color:#036bec; font-size:0.18rem; margin:0 auto; display:block;}

.leftMenu{list-style:none; width:2.95rem; padding:0.2rem 0.25rem; box-sizing:border-box; background:#f6f8ff; float:left;}
.leftMenu li{list-style-type:none; line-height:0.64rem; color:#333; font-size:0.20rem;}
.leftMenu li a{ color:#333;  padding-left:0.2rem;}
.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.04rem;}

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

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



.serRbox{float:right; width:8.54rem; display:block;}
.serBtit{ width:100%; margin-bottom:0.2rem; margin-top:0.2rem; font-size: 0;}
.serBtit h2{ font-size:0.28rem; color:#333; margin-bottom: 0.1rem;}
.serBtit span{ display:block; color:#757575; font-size:0.18rem; line-height:0.32rem;}

.serNewlist{list-style:none; display:block;}
.serNewlist li{list-style-type:disc; width:100%; padding: 0.15rem 0; color:#333; font-size: 0.18rem; margin-left: 0.4rem;}
.serNewlist li a{font-size:0.18rem; color:#333;}
.serNewlist li a:hover{ color:#036bec}

.btmBox{ margin-top:0.4rem; border-top:1px #ccc solid; padding-top:0.5rem; font-size: 0;}
.iconItem{list-style:none; display:block;}
.iconItem li{list-style-type:none; display:inline-block; width:0.44rem; height:0.44rem; margin-right:0.28rem; position:relative;}
.iconItem li a{display:block; width:100%; height:0.44rem; }
.iconItem li a.pdf{background:url("../images/siveicon.png") no-repeat 0 0; background-size: 2.59rem auto;}
.iconItem li a.pdf:hover{background:url("../images/siveicon.png") no-repeat 0 -0.46rem; background-size: 2.59rem auto;}
.iconItem li a.sina{background:url("../images/siveicon.png") no-repeat -0.72rem 0; background-size: 2.59rem auto;}
.iconItem li a.sina:hover{background:url("../images/siveicon.png") no-repeat -0.72rem -0.46rem; background-size: 2.59rem auto;}
.iconItem li a.wx{background:url("../images/siveicon.png") no-repeat -1.44rem 0; background-size: 2.59rem auto;}
.iconItem li a.wx:hover{background:url("../images/siveicon.png") no-repeat -1.44rem -0.46rem; background-size: 2.59rem auto;}
.iconItem li a.link{background:url("../images/siveicon.png") no-repeat -2.15rem 0; background-size: 2.59rem auto;}
.iconItem li a.link:hover{background:url("../images/siveicon.png") no-repeat -2.15rem -0.46rem; background-size: 2.59rem auto;}

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


.serPdflist{list-style:none;  display:flex; flex-direction:row; flex-flow:wrap; align-items:flex-start; justify-content:space-between; font-size: 0;}
.serPdflist li{list-style-type:none; width:48.5%; line-height:0.28rem; color:#333; margin-bottom:0.25rem; }
.serPdflist li a{font-size:0.16rem; color:#333; display: flex; align-items: center; position: relative; padding:0.2rem 0.26rem 0.2rem 0.88rem; box-sizing:border-box; box-shadow:0 0 0.08rem rgba(0,0,0,0.1); min-height: 0.96rem;}
.serPdflist li a p{margin: 0;}
.serPdflist li a i{ background:url(../images/pdficon.png) no-repeat  0 -0.49rem; background-size: 100% auto; display:inline-block; width:0.48rem; height:0.48rem;  position: absolute; left: 0.2rem; top: 50%; transform:translateY(-50%);}
.serPdflist li a:hover{ color:#fff; background:#036bec;}
.serPdflist li a:hover i{ color:#fff; background:url(../images/pdficon.png) no-repeat 0 0; background-size: 100% auto;}

.faqinfo{display:block; font-size:0.18rem;}
.faqinfo img{margin: 0 auto; display: block; max-width: 100%;}
.faqinfo ul{ margin-left:0.3rem;}
.faqinfo ul li{ margin-bottom:0.5rem; }
.faqinfo h6{ font-weight:700; font-size: 0.18rem;}
.faqinfo p{ margin: 0; margin-bottom: 0.15rem;}



/*申请试用及联系销售*/
.marBox{margin-bottom:1.2rem;margin-top:1rem; }
.submitBtn{ width:100%; text-align:center; margin-top:0.2rem; font-size: 0; }
.submitBtn a{ display:inline-block; width:2.64rem; height:0.64rem; line-height:0.64rem; border-radius:0.08rem; background:#036bec; border: 1px #036bec solid; margin:0 auto ;  font-size:0.2rem; color:#fff; transition: all 0.5s;}
.submitBtn a:hover{ background:#fff; color: #036bec;}
.inputText{list-style:none; padding:0; display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; font-size: 0;}
.inputText li{ display:inline-block; width:48%; margin-bottom:0.4rem; }
.inputText li input, .inputText li select{ width:100%; height:0.64rem; line-height:0.64rem; padding:0 0.2rem; font-size:0.16rem; color:#333; box-sizing:border-box; border:1px #757575 solid;}
.inputText li input:focus,.inputText li select:focus {outline:none; border:1px solid #036bec;}
.inputText li select{-webkit-appearance: none; -moz-appearance: none; appearance: none;}


.inputText li.text{width:100%;}
.inputText li.text textarea{ width:100%; min-height:1.9rem; line-height:0.32rem; padding:0.1rem 0.2rem; font-size:0.16rem; color:#333; box-sizing:border-box; border:1px #757575 solid;}
.inputText li.text textarea:focus {outline:none; border:1px solid #036bec;}



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





/*手机端隐藏*/
.logo p,.phoneMenu,.ftTel,.fidshow,.ftIcon,#nb_toolbar_wrap{ display:none;}

/*浮动*/
.rightfixed{position:fixed; right:0.05rem; bottom:0.7rem; width:0.78rem; z-index:99999; }
.fixedList{list-style:none; border:1px #e8e8e8 solid; box-sizing: border-box;}
.fixedList li{list-style-type: none; background:#fff;  text-align:center; width:100%; padding:0; border-bottom:1px #e8e8e8 solid; position:relative;}
.fixedList li:last-child{border-bottom:1px #fff solid;}
.fixedList li a{display:table-cell; width:0.78rem; height:0.78rem; text-align:center; vertical-align:middle; font-size:0.12rem;  color:#333;}
.fixedList li a img{display:block; margin:0 auto 0.08rem; width:0.3rem;}
.fixedList li:hover a{color:#fff; background:#036bec; border-bottom:1px #036bec solid;}
.fixedList li:hover .showewm{display:block;}
.fixedList li a:hover img{filter:grayscale(100%) brightness(500%); -moz-filter:grayscale(100%) brightness(500%); -webkit-filter:grayscale(100%) brightness(500%); -ms-filter:grayscale(100%) brightness(500%);}
.showewm{ display:none; position:absolute; left:-1.2rem; top:50%;background:url("../images/ewmbg.png") no-repeat top; background-size: 100%; width:1.2rem; height:1.06rem; overflow:hidden;  box-sizing:border-box;   transform:translateY(-50%); padding:0.17rem; text-align: left;}
.showewm img{width:0.72rem;}


/*底部*/
.footerBox{background:#333; width:100%; }
.footInfo{padding-top:0.8rem; padding-bottom:0.38rem;}

.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; width: 15%;}
.ftmenuBox li a.ftculmn{ font-size:0.20rem; color:#fff; line-height:0.36rem; margin-bottom:0.1rem;}
.ftmenuBox li a{ font-size:0.18rem; color:#a9a9a9; line-height:0.48rem; display:block;}
.ftmenuBox li a:hover{ color:#fff;}



.company{ text-align:center; color:#fff; font-size:0.18rem; margin-top:0.18rem;}
.company a{ display:inline-block; color:#898989; margin:0 0.08rem;}
.company a:hover{color:#fff;}

.copyright{background:#333; width:100%; text-align:center; color:#fff; border-top:1px #e6e6e6 solid; font-size:0;}


.copyrightIcon{ width:100%; text-align:center; background: #fff}
.iconItem{width:12rem; margin:0 auto; font-size:0.16rem; vertical-align: top; padding: 0.1rem 0;}
.iconItem a{color:#fff;  font-weight:400; margin:0 0.05rem; display:inline-block; vertical-align: middle; line-height: 0.3rem;}
.iconItem a:hover{color:#fff;}


.showMleft{ -webkit-animation:fadeInLeft 0.5s ease  forwards; -moz-animation:fadeInLeft 0.5s ease forwards;  -o-animation:fadeInLeft 0.5s ease forwards; animation:fadeInLeft 0.5s  ease forwards;}

@-webkit-keyframes fadeInLeft{
    0%{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
    0%{opacity:0;-moz-transform:translateX(-30px);transform:translateX(-30px)}
    100%{opacity:1;-moz-transform:translateX(0);transform:translateX(0)}
}
@-o-keyframes fadeInLeft{
    0%{opacity:0;-o-transform:translateX(-30px);transform:translateX(-30px)}
    100%{opacity:1;-o-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInLeft{
    0%{opacity:0;-ms-transform:translateX(-30px);transform:translateX(-30px)}
    100%{opacity:1;-ms-transform:translateX(0);transform:translateX(0)}
}


.mtime025{  -webkit-animation-delay:0.25s; animation-delay:0.25s; }
.mtime05{  -webkit-animation-delay:0.5s; animation-delay:0.5s; }
.mtime075{  -webkit-animation-delay:0.75s; animation-delay:0.75s; }
.mtime10{  -webkit-animation-delay:1s; animation-delay:1s; }
.mtime125{  -webkit-animation-delay:1.25s; animation-delay:1.25s; }
.mtime15{  -webkit-animation-delay:1.5s; animation-delay:1.5s; }


.animOne{
    opacity:0;  
    -webkit-animation:oneUp 0.5s ease  forwards; 
    -moz-animation:oneUp 0.5s ease forwards;
    -o-animation:oneUp 0.5s ease forwards;
    animation:oneUp 0.5s  ease forwards;
}
@-webkit-keyframes oneUp{
    0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@-moz-keyframes oneUp{
    0%{opacity:0;-moz-transform:translateY(50px);transform:translateY(50px)}
    100%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}
}
@-o-keyframes oneUp{
    0%{opacity:0;-o-transform:translateY(50px);transform:translateY(50px)}
    100%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}
}
@keyframes oneUp{
    0%{opacity:0;-ms-transform:translateY(50px);transform:translateY(50px)}
    100%{opacity:1;-ms-transform:translateY(0);transform:translateY(0)}
}
@keyframes linew {
    from { width:0}
    to {width:100%}
}
@-webkit-keyframes linew {
    from { width:0}
    to {width:100%}
}


.videoList{width:100%; margin-top:1rem;}
.videoList h2{ font-size:0.28rem; color:#333; margin-bottom: 0.48rem; display: block;}

.listVid{list-style:none; display:flex; align-items: flex-start; justify-content: flex-start; flex-flow: wrap;}
.listVid li{list-style-type:none; width:3.68rem; margin-right:0.48rem; margin-bottom:0.48rem; }
.listVid li:nth-child(3n){margin-right:0;}
.listVid li a{display: block; cursor: pointer;}
.listVid li .videoPic{position:relative; height:2.2rem; border-radius:0.08rem; overflow: hidden; }
.listVid li h1{font-size:0.18rem; color:#757575; padding:0.2rem 0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

.listVid li .videoPic .PlayBtn{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); cursor:pointer;}
.listVid li .videoPic .PlayBtn img{width:0.6rem; margin:0 auto;}