.bg{background-color:#f5f5f5;}
.banner {width: 100%;position: relative;overflow: hidden;}
.banner .content {position: relative;padding-top: 18%;}
.banner .content img {position: absolute;width: 100%;top: 0;left: 0;height: 100%;}
.banner .content .mask {position: absolute;height: 100%;width: 100%;left: 0;top: 0;text-align: center;color: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;background-color: #1b294699;}
.banner .content .mask .banbox{width: 950px;margin:0 auto;}
.banner .content .mask .banbox .bantit,.banner .content .mask .banbox h1{font-size: 2rem;line-height: 45px;color: #fff;}
.banner .content .mask .banbox .bantext{margin-top: 1rem;font-size: 1.05rem;line-height: 2rem;color:rgba(255, 255, 255, 0.9);}
.position{width: 100%;height: 50px;margin-top: -50px;position: relative;background-color: rgb(0 0 0 / 26%);}
.position .weizhi{height: 50px;line-height: 50px;color:#dadada;font-size: 14px;}
.position .weizhi a{color: #dadada;padding: 0 5px;}

/*index*/
.index-item {padding-bottom: 70px;}
.index-item ul {background: #fff;vertical-align: middle;box-shadow: 1px 3px 14px 2px rgb(152 168 206 / 15%);border-radius: 6px;padding: 42px 0;overflow: hidden;}
.index-item ul li {margin: 0 42px 26px;line-height: 1rem;height: 1rem;width: 516px;float: left;font-size: 1rem;}
.index-item ul li:nth-last-child(-n+2){margin-bottom: 0;}
.index-item ul li span {color: #bcbcbc;float: right;font-size: 12px;}
.index-item .more {text-align: center;margin-top: 30px;}
.index-item .more a {display: inline-block;width: 150px;padding: 5px 0;background: #4667aa;color: #fff;}


.wd-index {padding: 65px 0 70px 0;text-align: center;}
.wd-index .tiem {display: inline-table;margin: 0 4rem;}
.wd-index .tiem i{display: inline-block;vertical-align: middle;width: 60px;height: 60px;}
.wd-index .tiem .chanpin{background: url(/images/wenda/chanpin.png) no-repeat;background-size: 100%;}
.wd-index .tiem .xinghao{background: url(/images/wenda/xinghao.png) no-repeat;background-size: 100%;}
.wd-index .tiem .anli{background: url(/images/wenda/anli.png) no-repeat;background-size: 100%;}
.wd-index .tiem .zhineng{background: url(/images/wenda/zhineng.png) no-repeat;background-size: 100%;}
.wd-index .tiem .gongyi{background: url(/images/wenda/gongyi.png) no-repeat;background-size: 100%;}
.wd-index .tiem span {font-size: 1.2rem;text-align: center;padding-top: 1rem;display: block;}

.wdindex-title {padding: 70px 0 40px 0;font-size: 24px;font-weight: normal;}
.type-index {padding-bottom: 70px;}
.type-index dl {width: 381px;background: #fff;display: inline-block;margin-right: 24px;vertical-align: middle;box-shadow: 1px 3px 14px 2px rgb(152 168 206 / 15%);border-radius: 6px;padding: 42px 43px;margin-bottom: 2rem;}
.type-index dl:nth-child(3n){margin-right: 0;}
.type-index dl dt {color: #333;margin-bottom: 36px;font-weight: normal;padding-left: 12px;border-left: 2px solid #4667aa;font-size: 16px;height: 16px;line-height: 16px;}
.type-index dl dt a {font-size: 14px;color: #999;float: right;}
.type-index dl dd {margin-bottom: 26px;line-height: 1rem;height: 1rem;width: 100%;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.type-index dl dd:last-child{margin-bottom: 0;}
/*list*/
.wdlist-fl{padding: 4rem 0;overflow: auto;}
.type-list,.consult{background: #fff;}
.type-list{width: 15%;float: left;}
.type-list ul li{display: block;padding: 15px 15px 15px 1.5rem;}
.type-list ul li:after{content:'>';display: inline-block;float: right;color: #8a8a8a;}

.consult{width: 83%;float: right;}
.consult ul{margin: 0 2.5rem;}
.consult ul li{padding: 1.3rem 0;border-bottom: solid 1px #e1e8ec;}
.consult ul li span{float: right;font-size: 14px;line-height: 21px;vertical-align: middle;padding-top: 1px;color: #999;margin-left: 8px;}
.page{padding: 2rem 0;margin: 0 45px;text-align: center;}
.page a {display: inline-block;width: 28px;height: 28px;border-radius: 50%;vertical-align: middle;line-height: 28px;font-size: 1rem;margin: 0 9px;}
.page a??hover{color:#2f82ff;}
.page .page-this{display: inline-block;vertical-align: top;width: 28px;height: 28px;line-height: 28px;color: #fff;background: #2f82ff;border-radius: 50%;margin: 0 9px;}