@import url("font/iconfont.css");@charset "utf-8";/* CSS Document*/blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
iframe,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul{margin: 0;padding: 0;vertical-align: baseline}
.clearfix:after,
.clearfix:before{display: table;content: ''}
.clearfix:after{clear: both;overflow: hidden}
.clearfix{zoom: 1}
.hidden{display: none;}
img{max-width: 100%;}
select{border: none;-webkit-appearance: none;-moz-appearance: none}
iframe{border: 0}
input{box-shadow: none;}
a,
button,
img,
input,
select{outline: 0 none}
input:focus,
textarea:focus,
.layui-input:focus,
.layui-select:focus,
.layui-textarea:focus{outline: 0;border: 1px solid #16C09C!important;box-shadow: 0 0 0 2px rgba(22, 192, 156, 0.2);}
img{border: 0 none;vertical-align: top;max-width: 100%;}
em,
i{font-style: normal}
ol,
ul{list-style: none}
button,
h1,
h2,
h3,
h4,
h5,
h6,
input,
select{font-size: 100%;font-family: inherit}
table{border-collapse: collapse;border-spacing: 0}
input[type='text']{-webkit-appearance: none;}
a{text-decoration: none;color: #000;}
a:hover{cursor: pointer}
.fl{float: left;}
.fr{float: right;}
.padding10{padding: 10px;}
.padding15{padding: 15px;}
.padding20{padding: 20px;}
.padding30{padding: 30px;}
.margin10{margin: 10px;}
.margin15{margin: 15px;}
.margin20{margin: 20px;}
.margin30{margin: 30px;}
.margin40{margin: 40px;}
.margin60{margin: 60px;}
.mtop20{margin-top: 20px;}
.mtop30{margin-top: 30px;}
.paddingTB40{padding: 40px 0;}
::-webkit-scrollbar{width: 8px;height: 8px}
::-webkit-scrollbar-button{height: 0;width: 0}
::-webkit-scrollbar-track{background-color: #f1f1f1;-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, .1);box-shadow: inset 0 0 1px rgba(0, 0, 0, .1);}
::-webkit-scrollbar-thumb{background: #ccc;border-radius: 8px;}
.wzb_flex{display: -webkit-box;display: -webkit-flex;display: flex;}
.wzb_flex_item{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;}
body{overflow-x: hidden;color: #000;/*font-size: 14px;*/-webkit-tap-highlight-color: transparent;-webkit-font-smoothing: antialiased;font-style: normal;font-variant-ligatures: normal;font-variant-caps: normal;font-variant-numeric: normal;font-variant-east-asian: normal;font-weight: normal;font-stretch: normal;font: 14px/1.5 PingFang SC,PingFang-SC-Regular,Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;/* font: 14px/1.5 "PingFang SC", "Lantinghei SC", "Microsoft YaHei", "HanHei SC", "Helvetica Neue", "Open Sans", Arial, "Hiragino Sans GB", "微软雅黑", STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif;*//*font-family: Helvetica Neue, Helvetica, "PingFang SC", "Microsoft YaHei", "Lantinghei SC", "HanHei SC", "Helvetica Neue", "Open Sans", Arial, SimSun, sans-serif;*/}
#header{height: 70px;background: #fff;box-shadow: 0 0 50px rgb(0 0 0 / 5%);}
#header .logo{position: absolute;top: 13px;left: 20px;}
#header .layui-nav{position: absolute;top: 0;left: 200px;}
#header .side-nav{position: absolute;top: 18px;right: 20px;}
#header .side-nav span{margin: 0 10px;color: #ccc;}
#header .layui-nav .layui-nav-item{line-height: 70px;height: 70px;}
#header .logo img{height: 44px;}
.layui-nav .layui-this:after,
.layui-nav-bar,
.layui-nav-tree .layui-nav-itemed:after{height: 0px;}
#header .layui-nav *{font-size: 16px;color: #333}
#header .layui-nav .layui-this a{color: #333;}
#header .layui-nav-child{background: #fff;border: 0;box-shadow: none;padding: 0px;}
#header .layui-nav .layui-nav-item .layui-nav-child a{height: 44px;line-height: 44px;}
#header .layui-nav-child a:link,
#header .layui-nav-child a:visited{background: none;color: #333;}
#header .layui-nav-child a:hover,
#header .layui-nav-child a:active{background: none;color: #16C09C;}
#header .layui-nav .layui-nav-item a{padding: 0 30px;display: block;height: 70px;}
#header .layui-nav .layui-nav-item a:hover{color: #16C09C;background: #fff;}
.banner{height: 500px;width: 100%;overflow: hidden;}
.banner .layui-carousel{height: 100%;}
.description h3{font-size: 20px;color: #000;}
.description p{margin-top: 10px;color: #999;font-size: 12px;}
.title{text-align: center;font-size: 34px;padding: 60px 0 40px;font-weight: 700;}
.greyBg{background: rgb(251, 251, 251);}
.section{padding-bottom: 60px;}
.des-info h3{font-size: 42px;padding-top: 100px;font-weight: bold;}
.des-info p{margin-top: 10px;font-size: 16px;color: #777;line-height: 30px;}
.des-info a{display: inline-block;margin-top: 20px;}
.cell{border: 1px solid #ebebeb;/*padding: 20px;*/position: relative;border-radius: 2px;transition: all .3s;/*text-align: center;*/}
.cell-top{background: #fafafa;padding: 20px 15px;/*border-left: 2px solid #16C09C;*/position: relative;}
.cell-top a{position: absolute;right: 10px;top: 20px;color: #16C09C;}
.cell-content li{padding: 20px 10px;border-bottom: 1px solid #f9f9f9;margin: 0 10px;}
.ico{margin-right: 10px;}
.cell-content li:last-child{border-bottom: none;}
.cell-content li h4{font-size: 16px;}
.description div.cell-content li img{height: 60px;}
.cell:hover{cursor: pointer;box-shadow: 0 7px 15px 0 rgba(22, 64, 135, .1);border: 1px solid #16C09C;transform: translateY(-10px)}
.cell span{font-size: 54px;color: #16C09C;}
/*.cell h3{margin-top: 15px;}*/.layui-tab-brief>.layui-tab-title .layui-this{color: #16C09C;}
.con{margin-right: 30px;height: 196px;position: relative;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;transition: .3s ease-in-out;box-sizing: border-box;}
.step-container .layui-col-md3{box-sizing: border-box;}
.pro:first-child .con{border-left: 1px solid #ebebeb;}
.step-container .layui-col-md3:first-child .con{border-left: 1px solid #ebebeb;}
.con .lefttop{position: absolute;left: -14px;top: -1px;width: 27px;height: 99px;background: #fff;border-top: 1px solid #ebebeb;border-left: 1px solid #ebebeb;transform: skew(15deg, 0deg);transition: .3s ease-in-out;}
.step-container .layui-col-md3:first-child .con .lefttop,
.step-container .layui-col-md3:first-child .con .leftbottom{display: none;}
.con .leftbottom{position: absolute;left: -14px;bottom: -1px;width: 27px;height: 99px;background: #fff;border-bottom: 1px solid #ebebeb;border-left: 1px solid #ebebeb;transform: skew(-15deg, 0deg);transition: .3s ease-in-out;}
.con .incon{height: 194px;overflow: hidden;position: relative;z-index: 3;background: #fff;padding: 26px 0 0 32px;box-sizing: border-box;}
.con .incon .titarea{overflow: hidden;height: 26px;font-size: 0;margin-bottom: 17px;}
.con .incon .titarea .step{display: inline-block;vertical-align: middle;width: 45px;height: 26px;overflow: hidden;margin-right: 8px;}
.con .incon .titarea .tit{display: inline-block;height: 26px;line-height: 26px;font-size: 18px;color: #4b5154;overflow: hidden;vertical-align: middle;}
.con .incon .exp{height: 63px;font-size: 14px;color: #73777a;line-height: 21px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;margin-bottom: 10px;}
.con .incon .downarea{}
.con .rightjiao{position: absolute;background: #fff;z-index: 2;right: -44px;top: 53px;display: inline-block;width: 87px;height: 87px;border-top: 1px solid #ebebeb;border-right: 1px solid #ebebeb;transform: rotate(45deg) skew(30deg, 30deg);transition: .3s ease-in-out;}
.con:hover,
.con:hover .leftbottom,
.con:hover .lefttop,
.con:hover .rightjiao,
.step-container .layui-col-md3:first-child .con:hover{box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .16);border-color: #16C09C;cursor: pointer;}
.footer{background: #181818;width: 100%;height: auto;box-sizing: border-box;font-size: 12px;color: #9b9ea0;padding-top: 40px;}
.footer h3{font-size: 14px;color: #fff;margin-bottom: 10px;}
.footer a{color: #9b9ea0;}
.footer a:hover{color: #16C09C}
.copyright{text-align: center;line-height: 40px;border-top: 1px solid rgba(255, 255, 255, 0.1);margin-top: 30px;}
.footer li{line-height: 26px;}
.description div img{height: 70px;}
.description1 .layui-col-md3{padding: 40px 20px;}
.description1 .layui-col-md3 h3{margin-top: 20px;}
.aboutBanner{height: 340px;background: url(../images/aboutBanner.jpg) no-repeat center center /cover;}
.aboutMe{margin: 0;}
.aboutMe .layui-tab-title li{height: 50px;line-height: 50px;font-size: 16px;padding: 0 40px;border-radius: 25px;}
.aboutMe .layui-tab-title{border-bottom: none;background: #f2f2f2;height: 50px;padding: 50px 0;}
.aboutMe.layui-tab-brief>.layui-tab-title .layui-this{background: #16C09C;box-shadow: 0 2px 8px rgba(22, 192, 156, 0.3);color: #fff;}
.aboutMe.layui-tab-brief>.layui-tab-title .layui-this:after{height: 0;border: 0;}
.cover-info{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);text-align: center;color: #fff;letter-spacing: 2px;}
.cover-info h3{font-size: 24px;font-weight: 500;margin-bottom: 20px;margin-top: 100px;}
.cover-info p{font-size: 34px;margin-top: 10px;}
.des-about{font-size: 16px;color: #454545;margin-bottom:40px;line-height: 24px;letter-spacing: 1px;text-indent: 2em;}
.erweima{border: 1px solid #ebebeb;/*background: #fbfbfb;*/text-align: center;padding:40px 20px;margin:0 20px 20px;}
.erweima img{width: 160px;}
.erweima p{color: #777;margin-top: 10px;}
.contact-ads .wzb_flex{border-bottom: 1px solid #000;padding: 15px 0;}
.contact-ads h3{font-weight: 700;font-size: 14px;}
.contact-ads p{margin-top: 5px;font-size: 13px;color: #999;}
.ico-contanc{margin-right: 10px;}
/*2022-03-25*/.greyBg{background: #f5f5f5;}
.youshi{background: #fff;max-width: 1200px;margin: 30px auto 0;}
.sectionCell{padding: 30px 30px 40px;text-align: center;background: #fff;transition: 0.3s;}
.sectionCell p{color: #555;line-height: 24px;margin-top: 20px;}
.sectionCell h3{font-weight: 700;font-size: 18px;margin-top: 10px;}
.sectionCell:hover{margin-top: -10px;}
/* .sectionCell img{width: 80px;height: 80px;}*/.HomeBedProductsCell{background: #fff;position: relative;overflow: hidden;transition: .3s;;}
.HomeBedProductsCell:hover{box-shadow: 0 5px 30px #bbb;}
.HomeBedProductsCellBack{background: #fff;position: absolute;width: 100%;height: 100%;padding: 20px;top: 100%;transition: top 0.3s;box-sizing: border-box;}
.HomeBedProductsCellFront{padding: 20px;}
.HomeBedProductsCell:hover .HomeBedProductsCellBack{top: 0px;}
.HomeBedProductsCell h3{font-size: 16px;font-weight: 700;}
.HomeBedProductsCell label{font-size: 12px;color: #999;}
.HomeBedProductsCell p{font-size: 12px;margin-top: 5px;line-height: 20px;}
.HomeBedProductsCell p span{color: #999;}
.HomeBedProductsCellBack label{color: #16C09C;display: block;margin-bottom: 10px;}
.HomeBedProductsCellBack div{position: absolute;bottom: 20px;left: 20px;color: #16C09C;}
.icon-tel{display: inline-block;width: 20px;height: 20px;background: url(pdtImg/icon-tel.png) no-repeat;background-size: 100% 100%;vertical-align: -4px;margin-right: 5px;}
.banner img{width:100%}
.second-title{font-size: 12px;color: #777;text-align: center;margin-top: -30px;}
@media screen and (min-width: 1200px){.layui-container{width: 1200px;}}
.layui-container{padding: 0;}
.demo-list{margin: -20px -10px;}
.demo-list li{width: 25%;float: left;text-align: center;}
.demo-list li img{max-width: 100%;}
.demoCell{margin:20px 10px;background: #fff;border-radius: 2px;box-shadow: 0 4px 15px 0 rgb(37 60 126 / 12%);overflow:hidden}
.demoCell p{padding: 20px;font-size: 16px;}
.software-list .sectionCell img{width: auto;height: auto;}
.margin-top60{margin-top: 60px;}
.main-product{background: #fff;margin-bottom: 20px;align-items: center;box-shadow: 0 4px 15px 0 rgb(37 60 126 / 12%);}
.main-product .wzb_flex_item{margin-left: 20px;}
.main-product img{height: 300px;}
.main-product h3{font-size: 18px;font-weight: bold;}
.main-product p{margin-top: 10px;color: #555;}
.main-product label{font-size: 12px;color: #999;display: block;margin-bottom: 10px;margin-top: 5px;}
#header .layui-nav .layui-nav-item a{padding: 0 20px;font-size: 15px;}
.sectionCell img{height: 100px;}
.soft-product .sectionCell{border-left: 1px solid #ebebeb;}
.soft-product .layui-col-md2:first-child .sectionCell{border-left: none;}
.soft-product .sectionCell p{margin-top: 10px;}
.soft-product .sectionCell p:first-child{margin-top: 20px;}
.partnerBanner{height: 400px;background: url(../pdtImg/partnerBanner.png) no-repeat center center /cover;}
.supportBanner{height: 400px;background: url(../pdtImg/supportBanner.png) no-repeat center center /cover;}
.anBanner{height: 400px;background: url(../pdtImg/anBanner.png) no-repeat center center /cover;}
.aboutBanner{height: 400px;background: url(../pdtImg/gywmBanner.png) no-repeat center center /cover;}
.simpleBanner{color: #fff;overflow: hidden;}
.simpleBanner h2{font-size: 36px;font-weight: 700;margin-top: 100px;}
.simpleBanner p{margin-top:10px;line-height: 24px;}
.wj-swiper-slide{width: 230px;height: 390px;float: left;margin-left: 15px;background-size: cover;background-position: center 0;-webkit-transition: all .25s ease;transition: all .25s ease;color: #fff;position: relative;}
.wj-swiper-slide.active{width: 465px;}
.wj-swiper .wj-swiper-slide:first-child{margin-left: 0;}
.wj-swiper-slide p{display: none;padding: 0 20px;margin-top: 40px;line-height: 24px;}
.wj-swiper-slide.active p{display: block;}
.wj-swiper-slide .mask{opacity: 0;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(38,38,38,.8);z-index: 1;-webkit-transition: all .25s ease;transition: all .25s ease;}
.wj-swiper-slide.active .mask{opacity: 0.5;}
.wj-swiper-slide h3{text-align: center;font-size: 24px;font-weight: 700;position: relative;}
.wj-swiper-slide h3:after{content: "";position: absolute;bottom: -20px;left: 50%;margin-left: -12px;width: 24px;height: 5px;border-radius: 3px;background-color: #cb2118;}
.wj-swiper-slide .bd{position: relative;z-index: 2;color: #fff;text-align: center;padding-top: 200px;}
.partnerCell{background:rgb(247,250,253);}
.partnerCell div{padding: 20px;}
.partnerCell h3{font-size: 24px;font-weight: 700;}
.partnerCell p{color: #555;margin-top: 10px;line-height: 24px;}
.baseSupport{background: #fff;}
.supportType img{width: 40px;margin-right: 20px;height: 40px;}
.supportType .wzb_flex{padding: 30px 0px 30px 90px;align-items: center;}
.supportType h3{font-size: 16px;font-weight: bold;}
.supportType p{color: #555;margin-top: 5px;}
.supportType>div{position: relative;}
.supportType>div:after{content: " ";position: absolute;left: 0;top: 50%;width: 1px;height: 20px;background: #E0E0E0;margin-top: -10px;}
.supportType>div:first-child:after{opacity: 0;}