.p-b-70 {
  padding-bottom: 70px;
}
.auto {
  margin: 0 auto;
  min-width: 1280px;
  max-width: 1280px;
  _width: 1280px;
}


.container{
  margin: 0 auto;
  min-width: 1280px;
  max-width: 1280px;
  _width: 1280px;
}
.tac {
  text-align: center;
}
.color-333 {
  color: #333;
}
.font-size-28 {
  font-size: 28px;
}
.p-t-70 {
  padding-top: 70px;
}
.p-b-50 {
  padding-bottom: 50px;
}
.font-weight-normal {
  font-weight: normal;
}
.cert-list-wrap {
  margin-top: 25px;
  height: 156px;
  background-color: #fff;
  -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 53, 127, 0.1);
          box-shadow: 0px 4px 20px 0px rgba(0, 53, 127, 0.1);
  border-radius: 2px;
}

.wsymain{background:#f2f6ff;padding:0px 0 50px;overflow:hidden}
.wsy-main .wsyoption{float:left;text-align:center;width:460px;font-size:18px;height:315px;overflow:hidden}
.wsy-main .wsyoption li{float:left;margin:0 25px 30px 0;width:128px;height:142px;cursor:pointer;padding:20px 0 0;background:#fff}
.wsy-main .wsyoption li:before{content:"";display:block;width:65px;height:74px;margin:0 auto 12px;background:url(../image/icons.png) no-repeat}
.wsy-main .option .item1:before{background-position:0 0}
.wsy-main .option .item2:before{background-position:-72px 0}
.wsy-main .option .item3:before{background-position:-144px 0}
.wsy-main .option .item4:before{background-position:-216px 0}
.wsy-main .option .item5:before{background-position:-288px 0}
.wsy-main .option .active{background:#035aff url(../image/av-active.jpg) center no-repeat;color:#fff}
.wsy-main .option .active.item1:before{background-position:0 -85px}
.wsy-main .option .active.item2:before{background-position:-72px -85px}
.wsy-main .option .active.item3:before{background-position:-144px -85px}
.wsy-main .option .active.item4:before{background-position:-216px -85px}
.wsy-main .option .active.item5:before{background-position:-288px -85px}
.wsy-main .option .item4{margin-right:30px}
.wsy-main .option .item4,.wsy-main .option .item5{width:202px}
.wsy-main .main{display:none;float:right;width:788px;height:315px;padding:40px 0 0 40px}
.wsy-main .main h3{font-size:30px;color:#000}
.wsy-main .main p{font-size:16px;margin:16px 0 35px;color:#666;line-height:30px;width:360px}
.btn1{float:left;width:178px;height:48px;font-size:18px;color:#666;margin-right:20px;border:1px solid #ddd;line-height:48px;text-align:center}
.wsy-main .main .link{border:1px solid #035aff;background:#035aff;color:#fff}
.wsy-main .main1{background:url(../image/av-bg5.jpg) center no-repeat}
.wsy-main .main2{background:url(../image/av-bg4.jpg) center no-repeat}
.wsy-main .main3{background:url(../image/av-bg3.jpg) center no-repeat}
.wsy-main .main4{background:url(../image/av-bg2.jpg) center no-repeat}
.wsy-main .main5{background:url(../image/av-bg1.jpg) center no-repeat}

.dn23{width: 100%;background: #f2f6ff url("../image/dn23_bg.jpg") no-repeat top center;padding: 50px 0 50px 0;box-sizing: border-box}
.dn23_tit{text-align: center;font-size: 28px;color: #333;}
.dn23_tit1{text-align: center;font-size: 16px;color: #666;margin-top: 22px;}
.dn23_con{margin-top: 80px;}
.dn23_conTit{width: 880px;margin: 0 auto}
.dn23_conTit>li{box-sizing: border-box;padding: 0 2px 20px 2px;text-align: center;float: left;margin-right: 124px;cursor: pointer;margin-bottom: 4px;position: relative}
.dn23_conTit>li:last-child{margin-right: 0px;}
.titleLine{ width:0;height:4px;background:#059fff;transition:width 0.3s linear;position:absolute;margin:0 auto;top:100px;left:0;right:0;}
.dn23_conTit>li:nth-child(1):hover .titleLine{width: 90px;}
.dn23_conTit>li:nth-child(2):hover .titleLine{width: 90px;}
.dn23_conTit>li:nth-child(3):hover .titleLine{width: 126px;}
.dn23_conTit>li:nth-child(4):hover .titleLine{width: 66px;}
.dn23_conTit>li>p{font-size: 18px;color: #666;margin-top: 15px;}
.dn23_conTit>li>p.dn23_act{color: #00aaff}
.dn23_conList>ul{float: left;display: none}
.dn23_conList>ul>li{width: 254.5px;height: 170px;background: #fff;margin-top: 40px;float: left;box-sizing: border-box;padding: 20px;cursor: pointer;margin-right: 40px;}
.dn23_conList>ul>li:nth-child(4n){margin-right: 0px;}
.dn23_conList>ul>li:hover{box-shadow: 0px 5px 10px rgba(0,0,0,0.05);}
.dn23_conList>ul>li:hover> .dn23_ckxq{display: block}
.dn23_conList>ul>li:hover> .dn23_price{display: none}
.dn23_conList>ul>li:hover> .dn23_listTit>span:nth-child(1){color: #ff6600}
.dn23_conList>ul>li>a{display: block;width: 100%;height: 100%}
.dn23_listTit span{display: inline-block;margin-right: 10px;vertical-align: middle}
.dn23_listTit span:nth-child(1){font-size: 15px;color: #333;font-weight: bold;}
.dn23_listTit span:nth-child(2){width: 36px;height: 20px;background: #fff;border:1px solid #ff4948;text-align: center;line-height: 20px;color: #ff4948;font-size: 10px;font-family: Arial;font-weight: bold;box-sizing: border-box}
.dn23_listTit span:nth-child(3){width: 36px;height: 20px;background: #fff;border:1px solid #ff4948;text-align: center;line-height: 20px;color: #ff4948;font-size: 10px;font-family: Arial;font-weight: bold;box-sizing: border-box}
.dn23_listTxt{font-size: 14px;color: #666;line-height: 20px;margin-top: 18px;margin-bottom: 20px;text-align: justify;height: 40px;}
.dn23_price{font-size: 14px;color: #999;display: block}
.dn23_price>span{font-size: 20px;color: #ff6600;}
.dn23_ckxq{display: none}
.dn23_ckxq>.dn23_btn{display: block;width: 90px;height: 30px;background: #FA8334;font-size: 14px;color: #fff;text-align: center;line-height: 30px;}
.dn23_conTit>li>img.dn23_imgAct{animation: bounce 0.8s;}

.dn23-com {
  width: 100%;
}
.dn23-com .dn23-com-tab {
  position: relative;
  padding-top: 39px;
  box-shadow: 0px 4px 8px 0px rgba(30, 35, 45, 0.08);
  z-index: 1;
}
.dn23-com .dn23-com-tab ul {
  margin-top: 35px;
}
.dn23-com .dn23-com-tab ul li {
  position: relative;
  float: left;
  width: 20%;
  height: 124px;
  text-align: center;
  cursor: pointer;
}
.dn23-com .dn23-com-tab ul li::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0px;
  height: 2px;
  background-color: #2358fe;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.dn23-com .dn23-com-tab ul li:hover h3 {
  color: #2358fe;
}
.dn23-com .dn23-com-tab ul li div {
  width: 64px;
  height: 64px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center;
}
.dn23-com .dn23-com-tab ul li h3 {
  line-height: 60px;
  font-size: 18px;
  color: #2D3037;
}
.dn23-com .dn23-com-tab ul li.active::after {
  width: 100%;
}
.dn23-com .dn23-com-tab ul li.active h3 {
  color: #2358fe;
}
.dn23-com .dn23-com-item-box {
  width: 100%;
  background-color: #F0F2F5;
  padding-bottom: 20px;
}
.dn23-com .dn23-com-item {
  position: relative;
  display: none;
}
.dn23-com .dn23-com-item:nth-child(1) {
  display: block;
}
.dn23-com .product-type-list {
  padding-top: 40px;
  display: flex;
  flex-direction: row;
  gap: 20px;
  flex-wrap: wrap;
}
.dn23-com .product-type-list .product-type-item {
  width: 299px;
  height: 190px;
}
.dn23-com .product-type-list .product-type-item .product-type-item-content {
  position: relative;
  float: left;
  width: 100%;
  height: 190px;
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF);
  padding: 23px 15px 23px 23px;
  border: 1px solid #FFF;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
  box-shadow: 0px 4px 8px 0px rgba(30, 35, 45, 0.08);
}
.dn23-com .product-type-list .product-type-item .product-type-item-content .bg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-repeat: no-repeat;
  background-position: right center;
}
.dn23-com .product-type-list .product-type-item .product-type-item-content > a {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 3;
}
.dn23-com .product-type-list .product-type-item:hover .product-type-item-content {
  background: linear-gradient(0deg, #FFFFFF, #F0F2F5);
  margin-top: -8px;
  box-shadow: 0px 8px 8px 0px rgba(30, 35, 45, 0.08);
}
.dn23-com .product-type-list .product-type-item:hover .product-type-item-content .title {
  color: #2358fe;
}
.dn23-com .product-type-list .product-type-item:last-child {
  margin-bottom: 0px;
}
.dn23-com .product-type-list .product-type-item .title {
  position: relative;
  z-index: 2;
  height: 24px;
  line-height: 24px;
  font-size: 20px;
  color: #2D3037;
}
.dn23-com .product-type-list .product-type-item .title a {
  font-size: 20px;
  color: #2D3037;
}
.dn23-com .product-type-list .product-type-item .title a:hover {
  color: #2358fe;
}
.dn23-com .product-type-list .product-type-item .title .minprice {
  position: relative;
  display: inline-block;
  height: 24px;
  line-height: 22px;
  font-size: 12px;
  color: #2358fe;
  padding: 0px 8px;
  border: 1px solid #2358fe;
  border-left: none;
  vertical-align: top;
  margin-left: 16px;
}
.dn23-com .product-type-list .product-type-item .title .minprice::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -7px;
  width: 8px;
  height: 24px;
  background: url(../image/arrow-half-icon.png) no-repeat center;
}
.dn23-com .product-type-list .product-type-item .title .yh-s {
  display: inline-block;
  vertical-align: top;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  color: #FFFFFF;
  background-color: #2358fe;
  padding: 0px 8px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  margin-left: 6px;
}
.dn23-com .product-type-list .product-type-item .des {
  position: relative;
  z-index: 2;
  line-height: 24px;
  font-size: 13px;
  color: #5E6D81;
  margin-top: 10px;
}
.dn23-com .product-type-list .product-type-item .badge-list {
  position: relative;
  z-index: 2;
  margin-top: 10px;
}
.dn23-com .product-type-list .product-type-item .badge-list span {
  float: left;
  height: 20px;
  line-height: 18px;
  color: #9EA7B3;
  padding: 0px 8px;
  border: 1px solid #BDC5D3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  margin-right: 4px;
}
.dn23-com .product-type-list .product-type-item .badge-list span:last-child {
  margin-right: 0px;
}
.dn23-com .product-type-list .product-type-item .link {
  position: relative;
  z-index: 4;
  height: 36px;
  margin-top: 18px;
}
.dn23-com .product-type-list .product-type-item .link a {
  float: left;
  width: 120px;
  height: 36px;
  line-height: 34px;
  font-size: 14px;
  text-align: center;
  border: 1px solid #2358fe;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  margin-right: 16px;
}
.dn23-com .product-type-list .product-type-item .link a:nth-child(1) {
  color: #FFFFFF;
  background-color: #2358fe;
}
.dn23-com .product-type-list .product-type-item .link a:nth-child(1):hover {
  background-color: #0040ff;
}
.dn23-com .product-type-list .product-type-item .link a:last-child {
  color: #2D3037;
  border-color: #BDC5D3;
  margin-right: 0px;
}
.dn23-com .product-type-list .product-type-item .link a:last-child:hover {
  color: #2358fe;
  border-color: #2358fe;
}
.dn23-com .main-product {
  float: left;
  width: 74%;
  padding-top: 40px;
}
.dn23-com .main-product .product-item {
  float: left;
  width: 31%;
  height: 190px;
  padding: 24px 10px 0px 20px;
  margin-bottom: 20px;
 background-color: #ffffff;
 margin-left:20px;
}
.dn23-com .main-product .product-item .title {
  height: 24px;
  line-height: 24px;
  font-size: 18px;
  color: #2D3037;
  white-space: nowrap;
}
.dn23-com .main-product .product-item .title .minprice {
  position: relative;
  display: inline-block;
  height: 24px;
  line-height: 22px;
  font-size: 12px;
  color: #2358fe;
  padding: 0px 8px;
  border: 1px solid #2358fe;
  border-left: none;
  vertical-align: top;
  margin-left: 16px;
}
.dn23-com .main-product .product-item .title .minprice::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -7px;
  width: 8px;
  height: 24px;
  background: url(../image/arrow-half-icon.png) no-repeat center;
}
.dn23-com .main-product .product-item .title .yh-s {
  display: inline-block;
  vertical-align: top;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  color: #FFF;
  padding: 0px 8px;
  background-color: #2358fe;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  margin-left: 6px;
}
.dn23-com .main-product .product-item .des {
  line-height: 24px;
  font-size: 14px;
  color: #5E6D81;
  margin-top: 12px;
}
.dn23-com .main-product .product-item .badge-list {
  margin-top: 15px;
}
.dn23-com .main-product .product-item .badge-list span {
  float: left;
  height: 22px;
  line-height: 20px;
  color: #9EA7B3;
  padding: 0px 7px;
  border: 1px solid #BDC5D3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  margin-right: 4px;
}
.dn23-com .main-product .product-item .badge-list span:last-child {
  margin-right: 0px;
}
.dn23-com .main-product .product-item .now-s-buy {
  display: inline-block;
  vertical-align: top;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  color: #9EA7B3;
  margin-top: 22px;
}
.dn23-com .main-product .product-item .now-s-buy i {
  display: inline-block;
  width: 6px;
  height: 11px;
  background: url(../image/arrow-right-gray.png) no-repeat center;
  margin-left: 9px;
  vertical-align: -1px;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}
.dn23-com .main-product .product-item .now-s-buy:hover {
  color: #2358fe;
}
.dn23-com .main-product .product-item .now-s-buy:hover i {
  background: url(../image/link-arrow-right.png) no-repeat center;
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  -o-transform: translateX(8px);
  transform: translateX(8px);
}
.dn23-com .main-product .product-item .look-all-product-link {
  line-height: 20px;
  font-size: 14px;
  color: #2358fe;
  margin-top: 15px;
}
.dn23-com .main-product .product-item .look-all-product-link .arrow {
  display: inline-block;
  width: 6px;
  height: 11px;
  background: url(../image/link-arrow-right.png) no-repeat center;
  margin-left: 10px;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}
.dn23-com .main-product .product-item .look-all-product-link:hover .arrow {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  -o-transform: translateX(8px);
  transform: translateX(8px);
}
.dn23-com .main-product .product-item:hover .title {
  color: #2358fe;
}


/*  数据展示 */
.mcounter {
    background-color: #156cb7;
}

.module.mcounter .module_container {
    padding: 60px 0;
    position: relative;
    z-index: 1;
}

.module.mcounter ul.content_list li {
    width: 25%;
    height: 108px;
    float: left;
    text-align: center;
}

    .module.mcounter ul.content_list li p {
        text-align: center;
        font-size: 14px;
        color: #fff;
    }

        .module.mcounter ul.content_list li p.number .counterDX {
            font-size: 48px;
            color: #fff;
            font-family: HELVETICANEUELTPRO-THEX, Arial;
            text-align: center;
            margin-top: 15px;
        }

        .module.mcounter ul.content_list li p.number .unit {
            vertical-align: top;
            font-size: 14px;
        }

        .module.mcounter ul.content_list li p.title {
            margin-bottom: 10px;
        }

.module .module_container {
    max-width: 1280px;
    margin: 0 auto;
    height: 200px;
}

.bgShow {
    background-image: url(../image/mid.png);
    min-width: 1280px;
}

.module.mcounter ul.content_list li div {
    border-right: rgba(233, 174, 170, .49) 1px solid;
}


.mainTitle {
  margin-bottom: 20px;
  font-size: 28px;
  text-align: center;.area-box {
  position: absolute;
  z-index: 99;
}

@media screen and (max-width:767px) {
    .auto {
  margin: 0 auto;
  min-width: 100%;
  max-width: 100%;
  _width: 100%;
}
.dn23-com .product-type-list {
  float: left;
  width: 100%;
  padding-top: 40px;
}
.dn23-com .dn23-com-tab ul li {
  position: relative;
  float: left;
  width: 100%;
  height: 124px;
  text-align: center;
  cursor: pointer;
}
.dn23-com .main-product {
  float: center;
  width: 100%;
  padding-top: 40px;
}
.dn23-com .main-product .product-item {
  float: left;
  width: 100%;
  height: 190px;
  padding: 24px 10px 0px 20px;
  margin-bottom: 20px;
 background-color: #ffffff;
 margin-left:0px;
}
.dn23_tit{text-align: center;font-size: 18px;color: #333;m}
.dn23_tit1{text-align: center;font-size: 12px;color: #666;margin-top: 12px;}
.dn23_conTit{width: 100%;margin: 0 auto}  
.dn23_conTit>li{box-sizing: border-box;padding: 0 2px 10px 2px;text-align: center;float: left;margin-right: 14px;cursor: pointer;margin-bottom: 4px;position: relative}
.container{
  margin: 0 auto;
  min-width: 100%;
  max-width: 100%;
  _width: 100%;
}
.dn23_con{margin-top: 50px;}
.dn23_conList>ul>li{width: 100%;height: 170px;background: #fff;margin-top: 40px;float: left;box-sizing: border-box;padding: 20px;cursor: pointer;margin-right: 40px;}
.why_main ul li{float: left;width: 98%;margin: 0 1%;box-shadow: 0px 0px 10px 0px #f1f1f1;padding:40px 20px 20px;box-sizing: border-box;background: #fff;min-height: 140px;text-align: center;border-radius: 6px;margin-bottom:20px;}
.dn23_conTit>li>p{font-size: 12px;color: #666;margin-top: 15px;}
.dn23_conTit>li>img{animation: bounce 0.8s;width:20px;}
.wsymain{background:#f2f6ff;padding:0px 0 50px;min-width:100%;overflow:hidden}
.wsy-main .wsyoption{text-align:center;width:100%;font-size:18px;height:315px;overflow:hidden}
.wsy-main .wsyoption li{float:left;margin:0 10px 15px 0;width:100px;height:142px;cursor:pointer;padding:20px 0 0;background:#fff}
.wsy-main .wsyoption li:before{content:"";display:block;width:65px;height:74px;margin:0 auto 12px;background:url(../image/icons.png) no-repeat}
.wsy-main .option .item1:before{background-position:0 0}
.wsy-main .option .item2:before{background-position:-72px 0}
.wsy-main .option .item3:before{background-position:-144px 0}
.wsy-main .option .item4:before{background-position:-216px 0}
.wsy-main .option .item5:before{background-position:-288px 0}
.wsy-main .option .active{background:#035aff url(../image/av-active.jpg) center no-repeat;color:#fff}
.wsy-main .option .active.item1:before{background-position:0 -85px}
.wsy-main .option .active.item2:before{background-position:-72px -85px}
.wsy-main .option .active.item3:before{background-position:-144px -85px}
.wsy-main .option .active.item4:before{background-position:-216px -85px}
.wsy-main .option .active.item5:before{background-position:-288px -85px}
.wsy-main .option .item4{margin-right:10px}
.wsy-main .option .item4,.wsy-main .option .item5{width:155px}
.wsy-main .main{display:none;float:right;width:100%;height:250px;padding:20px 0 0 40px;margin-top:10px;}
.wsy-main .main h3{font-size:16px;color:#000}
.wsy-main .main p{font-size:14px;margin:16px 0 35px;color:#666;line-height:30px;width:98%;}
.btn1{float:left;width:120px;height:30px;font-size:14px;color:#666;margin-right:20px;border:1px solid #ddd;line-height:30px;text-align:center}
.wsy-main .main .link{border:1px solid #035aff;background:#035aff;color:#fff}
.wsy-main .main1{background:url(../image/av-bg5.jpg) center no-repeat}
.wsy-main .main2{background:url(../image/av-bg4.jpg) center no-repeat}
.wsy-main .main3{background:url(../image/av-bg3.jpg) center no-repeat}
.wsy-main .main4{background:url(../image/av-bg2.jpg) center no-repeat}
.wsy-main .main5{background:url(../image/av-bg1.jpg) center no-repeat}
.cert-list-wrap {
  margin-top: 25px;
  height: 450px;
  background-color: #fff;
  -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 53, 127, 0.1);
          box-shadow: 0px 4px 20px 0px rgba(0, 53, 127, 0.1);
  border-radius: 2px;
}
.cert-list-wrap li {
  position: relative;
  text-align: center;
  float: left;
  width: 50%;
  margin-bottom: 50px;
}
}