.structure-layout .h1,
.structure-layout .h2,
.structure-layout .h3,
.structure-layout .h4,
.structure-layout .h5,
.structure-layout .h6 {
    color: #000;
    font-weight: 700;
    font-family: 'Arial', sans-serif;
    font-size: 1.75rem;
 }
.structure-layout .product-structure .structure-table {
    padding-top: 20px;
    padding-bottom: 20px;
    border-collapse: collapse;
}
.structure-layout .product-structure .structure-table .structure-row {
    display: table-row;
    margin: 10px 0;
}
.structure-layout .product-structure .structure-table .structure-row .col-left {
    width: 40%;
    background-color: #fafafa;
}
.structure-layout .product-structure .structure-table .structure-row .col-right {
    width: 60%;
    background-color: #fff;
    display: table-cell;
}
.structure-layout .product-structure .structure-table .structure-row .col-left,
.structure-layout .product-structure .structure-table .structure-row .col-right {
    padding: 12px;
    display: table-cell;
    border: 1px solid #f4f4f4;
    font-size: 14px;
    color: #222;
    line-height: 20px;
}
table.has-title {
    margin-bottom: 10px;
}

@media (min-width: 990px){
    .poorder {
        position: absolute;
        right: 20px;
        top: -27px;
    }
}

.poorder .tab-list {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.poorder .tab-list dd {
    cursor:pointer;
}

.poorder #ert {
    width:21px;
    height:22px;
    float:left;
    background-image:url(../images/p-he.jpg);
    background-repeat:no-repeat;
    background-position:center center;
}

.poorder #uioi {
    width:21px;
    height:22px;
    float:left;
    background-image:url(../images/p-su.jpg);
    background-repeat:no-repeat;
    background-position:center center;
}

.poorder .tab-list .list .current {
    background-image:url(../images/p-he-1.jpg) !important;
}

.poorder .tab-list .list1 .current {
    background-image:url(../images/p-su-1.jpg) !important;
}


/*  */

@media (min-width: 990px) {
    .page-wrap-left {
        display: none;
    }
}

.icon-font {
    position: relative;
}
.icon-font:after {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(../images/icon_spirit.png);
    background-repeat: no-repeat;
    position: absolute;
    left: calc(50% - 15px);
    top: calc(50% - 15px);
}

.xypg-left-box {
    margin-bottom: 20px;
}

.xypg-left-title {
    background: var(--main-theme-color);
    padding: 10px 20px;
    position: relative;
}

.xypg-left-title h3 {
    font-size: 20px;
    color: #ffffff;
    line-height: 30px;
    font-weight: bold;
    position: relative;
    text-transform: capitalize;
    z-index: 9;
}

.xypg-left-con {
    border: 1px solid #d2d2d2;
    border-top: none;
}

/*  */

.page-mob-tool {
    position: fixed;
    right: 15px;
    bottom: 100px;
    z-index: 999;
}

.page-mob-tool li.xymob-page-navbtn span {
    color: #fff;
    position: relative;
    z-index: 1;
    font-size: 0;
    background: url(../images/menux.png) no-repeat center;
    font-family: "Candara", "SF Pro Display", "Arial";
    width: 40px;
    height: 40px;
    display: block;
}

.page-mob-tool li {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 1px;
    cursor: pointer;
    position: relative;
}

.page-mob-tool li:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: var(--main-theme-color);
    opacity: .7;
}

.page-mob-tool li i {
    display: block;
    width: 100%;
    height: 100%;
}

.page-mob-tool li .icon-dots-horizontal:after {
    background-position: -30px -390px;
}

.page-mob-tool li .icon-top:after {
    background-position: -30px -60px;
}

@media (min-width: 992px) {
    .page-mob-tool {
        display: none;
    }
}

/* 手机站 左侧导航弹出特效 */
.xymob-left-close-btn {
    display: none;
}


@media (max-width: 990px) {
    /* 弹出框之后 body 上增加一个禁止滚动的类*/ 
    body.no-scroll, html.no-scroll {
        height: 100vh;
        overflow: hidden;
    }

    .xymob-menu-click {
        position: fixed;
        width: 100vw;
        overflow-y: scroll;
        top: 0;
        left: 100%;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        z-index: 999999;
        height: 100vh;
        background: rgba(0, 0, 0, 0.7);
    }

    .xymob-menu-click .xypg-left-news, 
    .xymob-menu-click .xypg-left-keys, 
    .xymob-menu-click .xypg-left-contact, 
    .xymob-menu-click .page-message-img {
        display: none;
    }

    .xymob-menu-click .xymob-left-close-btn {
        display: block;
        position: absolute;
        top: 15px;
        right: 15px;
        width: 32px;
        height: 32px;
        line-height: 32px;
        border-radius: 50%;
        border: 1px solid #fff;
        text-align: center;
        background: black;
    }

    .xymob-menu-click .xymob-left-close-btn .icon-font {
        display: block;
        width: 100%;
        height: 100%;
    }

    .xymob-menu-click .xymob-left-close-btn .icon-font:after {
        background-position: -30px -300px;
    }

    .xymob-menu-click .xypg-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-height: 90vh;
        padding: 5vh 0;
    }

    .xymob-menu-click .xypg-left .xypg-left-menu {
        width: 90%;
        background: #fff;
    }

    .xymob-menu-click.click {
        left: 0;
    }
}


/* 内页左侧导航栏样式 */
.xypg-left-nav {
    margin: 0 -1px;
}

.xypg-left-nav > li {
    position: relative;
    border-bottom: 1px solid #eeeeee;
}

.xypg-left-nav > li:last-child {
    border-bottom: none;
}

.xypg-left-nav > li > a {
    display: block;
    font-size: 16px;
    line-height: 22px;
    color: #2e2e2e;
    padding: 15px 18px;
}

.xypg-left-nav > li .first-nav-btn {
    position: absolute;
    z-index: 99;
    width: 30px;
    height: 30px;
    text-align: center;
    top: 10px;
    right: 20px;
    cursor: pointer;
    background: url(../images/icon_spirit.png) 0 -240px no-repeat;
}

.xypg-left-nav > li .first-nav-btn.clicked {
    background-position: 0 -270px;
}

.xypg-left-nav > li:hover > a, .xypg-left-nav > li.clicked > a {
    color: var(--main-theme-color);
}

.xypg-left-nav > li:hover .first-nav-btn, .xypg-left-nav > li.clicked .first-nav-btn {
    color: var(--main-theme-color);
}

.xypg-left-nav .xypg-left-subnav {
    display: none;
    padding: 0 10px;
}

.xypg-left-nav .xypg-left-subnav > li {
    border-top: 1px dashed #eeeeee;
}

.xypg-left-nav .xypg-left-subnav > li > a {
    padding: 8px;
    display: block;
    line-height: 20px;
    color: #818181;
    font-size: 16px;
}

.xypg-left-nav .xypg-left-subnav > li > a:hover {
    color: var(--main-theme-color);
}

.xypg-left-nav .xypg-left-subnav > li.clicked > a {
    color: var(--main-theme-color);
}

.xypg-left-nav .xypg-left-threenav > li > a {
    padding: 5px 10px;
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #999999;
}

.xypg-left-nav .xypg-left-threenav > li > a:before {
    content: '\2014   ';
}

.xypg-left-nav .xypg-left-threenav > li > a:hover {
    color: var(--main-theme-color);
}

.xypg-left-nav .xypg-left-threenav > li.clicked > a {
    color: var(--main-theme-color);
}

@media (max-width: 990px) {
    .xypg-left-nav .xypg-left-threenav {
        display: block;
    }
}

/*  */
input{padding:0;margin:0;font-family:'Arial';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

.shouye h1,.shouye h2{font-size:12px;font-weight:bold;}
.shouye hr {border: 0;border-top:1px solid #ccc;height:0;}
.shouye p{margin: 0;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

.flex2{display: flex;justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;}

.com-img{ display:block; overflow:hidden;}
.com-img img{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

body {
    overflow-x: hidden;
}
.j-space-between{justify-content:space-between}
.j-flex-start{justify-content:flex-start}
.j-flex-end{justify-content:flex-end}
.j-center{justify-content:center}
.a-j-center{align-items:center;justify-content:center}
.a-center{align-items:center}
.a-flex-start{align-items:flex-start}
.a-flex-end{align-items:flex-end}
.wh{margin: 0 auto;width: 93%;}
/* wmy-header */

.wmy-header {

  margin-bottom: 30px;

}

.wmy-logo {

  width: 16.3%;

  float: left;

  font-size: 0;

  line-height: 150px;

  display: block;

}

.wmy-logo img {

  max-width: 100%;

  vertical-align: middle;

}

.head-right {

  width: 83%;

  float: right;

}

.head-right .right-top {

  border-bottom: 1px solid #dfe7ec;

  text-align: right;

  padding: 21px 0;

}

.head-right .right-top .top-menu,

.head-right .right-top .language-group {

  display: inline-block;

  vertical-align: middle;

  line-height: 30px;

}

.head-right .right-top .top-menu {

  border-right: 1px solid #dfe7ec;

  padding-right: 14px;

}

.head-right .right-top .top-menu a {

  font-size: 14px;

  font-family: "Arial";

  color: #8897a1;

  padding: 0 11px;


}

.head-right .right-top .top-menu a:hover {

  color: #536b7a!important;

}

.head-right .right-top .language-group {

  padding-left: 15px;

}

.head-right .right-top .language-group button {

  background: none !important;

}

.head-right .right-top .language-group .dropdown-menu {

  right: 0;

  left: auto;

}

.head-right .right-bottom {

  padding-top: 30px;

}

.head-right .right-bottom .search {

  float: left;

  margin-left: 24%;

  width: 32.5%;

  height: 40px;

  font-size: 0;

}

.head-right .right-bottom .search .keyword {

  height: 40px;

  width: 80%;

  box-shadow: none;

  float: left;

  border-right: 0;

}

.head-right .right-bottom .search .submit {

  display: inline-block;

  vertical-align: middle;

  width: 20%;

  height: 40px;

  background: #e50012 url(//wm.cdn.cn86.cn/szkangshidun/2026/05/551c1d1630ltlzh2.png) no-repeat center;

  border: none;

}

.head-right .right-bottom .search .submit .fa {

  font-size: 16px;
  display: inline-block;
  color: #fff;
  margin-top: 6px;

}
.topr{display: inline-block;}
.topr .dropdown-toggle::after{
    width: 12px;height: 7px;background: url(//wm.cdn.cn86.cn/szkangshidun/2026/05/cae1842000h7bojy.png) no-repeat center;border:none;    vertical-align: middle;
}
.language-group .btn{color: #8897a1;font-size: 14px;font-family: 'Arial';}
.head-right .right-msg {

  float: right;

  font-size: 14px;

  font-family: "Arial";

  color: #e50012;

  background: url(//wm.cdn.cn86.cn/szkangshidun/2026/05/3646acee84dknhdi.png) left center no-repeat;

  padding-left: 25px;

}

.head-right .right-msg:hover {

  /*text-decoration: underline;*/

}

@media (max-width: 990px) {

  .wmy-header {

    position: relative;

    padding: 20px 0;

    margin-bottom: 0;

  }

  .wmy-logo {

    width: 100%;

    padding-right: 30%;

    float: none;

    line-height: 1;

  }

  .head-right {

    position: absolute;

    top: 0;

    right: 0;

    width: auto;

  }

  .head-right .right-top {

    padding: 0;

    border-bottom: none;

  }

  .head-right .right-top .top-menu {

    display: none;

  }

  .head-right .right-top .language-group {

    line-height: 20px;

  }

  .head-right .right-bottom {

    display: none;

  }

  .wmy-header .nav-btn {

    position: absolute;

    right: 15px;

    top: 50%;

    margin-top: -15px;

    width: 30px;

    height: 30px;

    background: url(../images/nav-btn.png) center no-repeat;

  }

}



/* wmy-menu */

.wmy-nav {

  background: #f7f9fb;

  padding: 18px 0;

}
.wmy-nav .fa-angle-down{font-weight: bold;color: #536b7a;padding-left: 5px;}

.wmy-nav > li {

  float: left;

  position: relative;

}

.wmy-nav > li > a {

  font-size: 18px;

  font-family: "Arial";

  color: #333333;

  font-weight: bold;

  line-height: 2;

  padding: 0 3.3vw;

}

.wmy-nav > li > a:hover{color: #e50012;}
.wmy-nav > li:not(:last-child):after {

  content: '';

  position: absolute;

  top: 0;

  bottom: 0;

  right: 0;

  background: #dfe7ec;

  width: 1px;

}

.wmy-nav > li .nav-jt {

  position: absolute;

  background: url(//wm.cdn.cn86.cn/wmy13/2025/05/1adc64c6f2r99jqe.png) center no-repeat;

  width: 12px;

  height: 7px;

  right: 10px;

  top: 50%;

  margin-top: -3px;

}

.wmy-nav .wmy-sub-nav {

  position: absolute;

  z-index: 99;

  background: #f7f9fb;

  left: 0;

  width: 100%;

  display: none;

}

.wmy-nav .wmy-sub-nav a {

  display: block;

  text-align: center;

  line-height: 35px;

  font-size: 14px;

  color: #536b7a;

}

.wmy-nav .wmy-sub-nav a:hover {

  text-decoration: underline;

}

@media (max-width: 990px) {

  .wmy-nav {

    display: none;

    position: absolute;

    left: 0;

    right: 0;

    z-index: 99999;

    padding: 0;

  }

  .wmy-nav > li {

    float: none;

    width: 100%;

    text-align: center;

  }

  .wmy-nav > li > a {

    padding: 0;

    line-height: 40px;

  }

  .wmy-nav > li:not(:last-child) {

    border-bottom: 1px solid #ccc;

  }

  .wmy-nav > li:not(:last-child):after {

    display: none;

  }

  .wmy-nav > li .nav-jt {

    display: none;

  }

}




/* banner */
.tul{width: 13.7%;text-align: center;}
.tul li{margin-bottom: 1.2vw;}
.tul li:last-child{margin-bottom: 0;}
.tul li a{display: block;padding-bottom: 1.2vw; background: url(//wm.cdn.cn86.cn/szkangshidun/2026/05/1d9f054c6acbfloi.png) no-repeat bottom center;}
.tul li:last-child a{background: none;padding-bottom: 0;}
.tbt{color: #333333;font-size: 14px;margin-top: 0.5vw;line-height: 1;}
.bandd{position: relative;}
.home-banner {
    width: 85.8%;
    position: relative;
    overflow: hidden;
}
.ban{position: absolute;width: 100%;z-index: 99999;bottom: 7.5%;}

.home-banner .swiper-slide {
    position: relative;
    overflow: hidden;
}

.home-banner .swiper-slide a {
    display: block;
}

.home-banner .swiper-slide a>img {
    display: block;
    width: 100%;
    transform: scale(1);
    transition: all 2s ease-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.home-banner .swiper-slide.swiper-slide-active a>img {
    transform: scale(1);
}


.home-banner .swiper-slide .v_cover {
    position: absolute;
    left: 2.8vw;
    top: 7vw;
    padding: 2.6vw 2vw;
    width: 49.2%;
    color: #fff;background: rgba(255,255,255,.8);
  
}

.home-banner .swiper-slide .v_cover .v_con {
  
    position: relative;
    z-index: 5;
}

.home-banner .swiper-slide .v_con * {
    transition-delay: transform 1s, opacity 0s;
    transition-duration: 1s;
    transform: translate3d(0, 80px, 0);
    opacity: 0
}

.home-banner .swiper-slide-active .v_con * {
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.home-banner .swiper-slide-active .v_con .v_tit_aa {
    transition-delay: .3s
}

.home-banner .swiper-slide-active .v_con .v_tit_bb {
    transition-delay: .5s
}


.v_tit_aa {
    font-size: 2.5vw;
    color: #000000;
    line-height: 1.6;
    font-weight: bold;line-height: 1;
}
.v_tit_bb {
    font-size:1.1458vw;
    color: #393939;
    margin: 1.8vw 0;
    line-height:1.8181;
}
.ban .wh{position: relative;}
.v_cover a{display: block;background-color: #e50012;margin-right: 1.6vw; transition:all 0.5s;padding: 1.05vw 1.55vw;color: #ffffff;font-size:1.1458vw;text-align: center;}
.v_cover a:hover{background: #000;}

.logo img{max-width: 187px;}


.scroll_to_top2{display: none;}

.tul li img{width: 5vw;}

.home-banner .swiper-pagination1{text-align: center;padding-left: 16%; width: 100%;position: absolute;z-index: 999;line-height: 1;font-size: 0;bottom: 5%;}
.home-banner .swiper-pagination1 .swiper-pagination-bullet{margin: 0 0.6vw;transition:all 0.5s;border-radius: 0; width: 37px;height: 5px;background-color: #595959;opacity: 1;outline: none;}
.home-banner .swiper-pagination1 .swiper-pagination-bullet-active{background-color: #e50012;}




/**/
.box1{overflow: hidden;margin: 4.5% 0 3.5%;}
.mySwiper{overflow: hidden;}
.mySwiper .swiper-slide{background-color: #232323;height: auto;}
.mySwiper a{display: block;text-align: center;padding-bottom: 6px;}
.pbt{color: #ffffff;font-weight: bold;font-size: 0.9375vw;padding: 0 2px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;margin: 18px 0 6px;}
.mySwiper a .img{height: 110px;line-height: 110px;}
.mySwiper a .img img{max-width: 70%;transition:all 0.5s;}
.mySwiper a:hover .img img{transform:scale(1.05);}

/**/
.box2{margin-bottom: 3.5%;overflow: hidden;padding: 20px 0;}
.yul li{width: 24.05%;background-color: #ffffff;box-shadow: 0px 0px 28px 1px  rgba(0, 0, 0, 0.07);border-radius: 10px;}
.yul li a{display: block;padding: 20px 2.1vw 3.5vw;}
.yul li .img{height: 186px;line-height: 186px;}
.yst{color: #242424;font-size: 1.45833vw;font-weight: bold;line-height: 1.607;margin: 1vw 0 1.2vw;}
.ys1{color: #242424;font-size: 0.9375vw;line-height: 1.722;min-height: calc(1.722em * 6);margin-bottom:calc(1.607em * 1.5) }
.m2{display: inline-block;color: #e50012;font-size: 20px;padding-right: 43px;background: url(//wm.cdn.cn86.cn/szkangshidun/2026/05/7cbd9c3c601eu268.png) no-repeat right center;}
.yul li:first-child .ys1{margin-bottom: 0;}

/**/
.box3{padding: 4.6% 0 5.6%;background-color: #fafafa;overflow: hidden;}
.box3 .wh{max-width: 1482px;}
.tab-con { position: relative; }
.tab-con .tab-main { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
.tab-con .tab-main { opacity: 0; visibility: hidden; transition: all .5s ease; }
.tab-con .tab-main.active { position: relative;z-index: 99; opacity: 1; visibility: visible;  }
.bt1{color: #1e1e1e;font-size: 2.6vw;text-align: center;font-weight: bold;line-height: 1.1;}
.fsort{margin: 2.4vw 0 3.2vw;}
.fsort li a{display: block;color: #1e1e1e;font-size: 1.25vw;line-height: 66px;}
.fsort li{border-bottom: 2px solid #a7a7a7;transition:all 0.5s;width: 25%;text-align: center;}
.fsort li.active{border-color: #e50012;color: #e50012;background-color: #f0f0f0;}
.fleft{width: 49%;}
.fimg{width: 41.5%;overflow: hidden;}
.fimg img{width: 100%;transition:all 0.5s;}
.fimg:hover img{transform:scale(1.1);}
.fbt{color: #1e1e1e;font-size: 1.5625vw;font-weight: bold;line-height: 1.1;}
.fuwu{color: #1e1e1e;font-size: 0.9375vw;line-height: 1.6111;font-weight: bold;margin: 1.7vw 0 2.8vw;}
.fu p{background: url(//wm.cdn.cn86.cn/szkangshidun/2026/05/5dc2b12f84eykjtf.png) no-repeat left center;padding-left: 56px;color: #363636;line-height: 35px;margin-bottom: 1.4vw; font-size: 1.1458vw;}
.fmore a{background-color: #e50012;padding: 1.2vw 0;color: #ffffff;font-size: 1.04vw;width: 10.416vw;margin-top: 7px;}
.fmore a img{margin-left: 1.1vw;}
.fmore a:hover{background: #000;}



/**/
.box4{margin: 4.2% 0 3.75%;overflow: hidden;}
.pbox{margin-top: 2.4vw;}
.mySwiper2{overflow: hidden;}
.tab-con2 { position: relative; }
.tab-con2 .tab-main2 { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
.tab-con2 .tab-main2 { opacity: 0; visibility: hidden; transition: all .5s ease; }
.tab-con2 .tab-main2.active { position: relative;z-index: 99; opacity: 1; visibility: visible;  }
.psort li{margin-right: 2.8vw;}
.psort li:last-child{margin-right: 0;}
.psort li a{display: block;color: #333333;font-size: 18px;font-weight: bold;}
.psort li.active a{color: #e50012;}
.mySwiper2 .tup{display: block;position: relative;}
.mySwiper2 .img{border: solid 1px #e6e6e6;position: relative;overflow: hidden;}
.xin{width: 48px;height: 25px;background-color: #3ace77;font-size: 14px;color: #ffffff;text-align: center;line-height: 25px;position: absolute;left: 0;top:0;}
.pmore{width: 108px;height: 30px;opacity: 0;transition:all 0.5s; background-color: #e50012;color: #ffffff;font-size: 14px;line-height: 30px;text-align: center;position: absolute;left: 0;bottom: 0;}
.mySwiper2 .swiper-slide:hover .pmore{opacity: 1;}
.mySwiper2 h3 a{display: block;color: #333333;font-size: 16px;font-weight: normal;margin-top: 1.4vw;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.mySwiper2 .swiper-slide:hover h3 a{color: #e50012;}
.mySwiper2 .img img{transition:all 0.5s;}
.mySwiper2 .swiper-slide:hover .img img{transform:scale(1.1);}





/**/
.box5{overflow: hidden;}
.box5 .wh{position: relative;}
.tab-con3 { position: relative; }
.tab-con3 .tab-main3 { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
.tab-con3 .tab-main3 { opacity: 0; visibility: hidden; transition: all .5s ease; }
.tab-con3 .tab-main3.active { position: relative;z-index: 99; opacity: 1; visibility: visible;  }
.ybt{font-size: 2.6vw;color: #fff;font-weight: bold;line-height: 1.1;}
.ying{padding: 10.2vw 3.5vw 11.7vw;}
.ybt3{color: #ffffff;font-size: 1.5625vw;line-height: 1.1;margin: 2.7vw 0 1.5vw;}
.lingyu{font-size: 16px;line-height: 1.75;color: #ffffff;margin-bottom: 17px;}
.yleft{max-width: 556px;}
.ymore2 a{display: block;width: 152px;height: 54px;background-color: #e50012;border-radius: 27px;line-height: 54px;text-align: center;color: #ffffff;font-size: 16px;}
.ymore2 a:hover{background: #000;}

.yysort{position: absolute;width: 41.5%;z-index: 999;right: 2.9vw;top:9vw;border-right: solid 1px #ffffff;}
.yysort li{border-top: solid 1px #ffffff;border-left: solid 1px #ffffff;width: calc(100% / 3);transition:all 0.5s;}
.yysort li a{display: block;padding: 3.2vw 1vw 1.9vw;}
.ybt2{color: #ffffff;font-size: 1.145833vw;margin-top: 1.3vw;}
.yysort li:nth-child(4),.yysort li:nth-child(5),.yysort li:nth-child(6){border-bottom: solid 1px #ffffff;}
.yysort li.active{background-color: #e50012;text-align: center;}


/**/
.box6{margin: 4.5% 0 6.9%;}
.box6 .wh{position: relative;}
.mySwiper3{overflow: hidden;}
.swiper-button-prev1,.swiper-button-next1{position: absolute;outline: none;border-radius: 50%;z-index: 999; width: 62px;height: 62px;background-color: #ffffff;box-shadow: 0px 0px 9px 0px  rgba(0, 0, 0, 0.28);top:50%;transform:translateY(-50%);}
.swiper-button-prev1{background:#fff url(//wm.cdn.cn86.cn/szkangshidun/2026/05/bbf00470b01pi8rr.png) no-repeat center;left: -31px;}
.swiper-button-prev1:hover{background:#fff  url(//wm.cdn.cn86.cn/szkangshidun/2026/05/92795222cevsoyit.png) no-repeat center;}
.swiper-button-next1{background:#fff  url(//wm.cdn.cn86.cn/szkangshidun/2026/05/23e1924774u6q3gq.png) no-repeat center;right: -31px;}
.swiper-button-next1:hover{background:#fff  url(//wm.cdn.cn86.cn/szkangshidun/2026/05/989b0edbeckfazyy.png) no-repeat center;}


/**/
.nleft{width: 50.2%;}
.nright{width: 48%;overflow: hidden;}
.nbt{color: #1e1e1e;font-size: 2.6vw;font-weight: bold;line-height: 1;margin-bottom: 2.3vw;}
.xin1 {margin-bottom: 10px;}
.xin1 li{width: 48.4%;}
.xin1 li a{display: block;padding-bottom: 1.4vw;border-bottom: 1px solid #dadada;}
.xin1 li .img{overflow: hidden;}
.xin1 li .img img{display: block;width: 100%;transition:all 0.5s;}
.xin1 li:hover .img img{transform:scale(1.1);}
.xin1 .wz{color: #2f2f2f;font-size: 18px;transition:all 0.5s;margin-top: 13px; line-height: 1.5;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.xin2 .bd{overflow: hidden;height: 385px;}
.wz2{color: #666666;font-size: 18px;transition:all 0.5s;width: calc(100% - 120px);overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.ntime{color: #666666;font-size: 16px;}
.xin2 .bd li a{border-bottom: 1px solid #e6e6e6;height: 4vw;padding-top: 20px;height: 77px;}
.xin2 .bd li:hover .wz2,.xin1 li:hover .wz{color: #e50012;}

.box7{overflow: hidden;padding-bottom: 7vw;}

.clamp1 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.clamp2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}



.clamp3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.xw_ll{background-color: #f5f5f5;padding: 0 1.4vw 2vw;height: 39vw;overflow: hidden;}
.nr11{width: calc(100% - 50px);}
.xw_ll li{padding: 1.5vw 0;border-bottom: 1px solid #dadada;overflow: hidden;}
.xw_ll li a{display: block;width: 100%;}
.xw_ll li .clamp1{ 
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0px;font-weight: normal;
    color: #333333;margin-bottom: 0px;}

.xw_ll li .clamp2{ 
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0px;
    color: #666666;margin-bottom: 0px;}


.xw_ll li .clamp3 h4{   
    font-size: 16px;
    font-weight: normal;
    line-height: 26px;
    letter-spacing: 0px;    color: #666666;margin-top: 1.1vw;margin-bottom: 0px;}


.dj{width: 30px;height: 30px;background: url(//wm.cdn.cn86.cn/szkangshidun/2026/05/54e69d1254ikv5kd.png) no-repeat center;}
.active .dj {background: url(//wm.cdn.cn86.cn/szkangshidun/2026/05/7a38a7e094gklbxt.png) no-repeat center;}
 .xw_ll li.active  .clamp1{color: #e50012;}




/**/
.ft1{padding-top: 4.2vw;border-top:1px solid #dadada;margin-bottom: 1.8vw;}
.ft2{text-align: center;color: #666666;font-size: 16px;padding: 20px 0;border-top:1px solid #e6e6e6;line-height: 1.3;}
.ft2 a{color: #666;}
.dbt1{color: #333333;font-size: 1.3541vw;font-weight: bold;margin-bottom: 3.2vw;}
.sec2 a{display: block;color: #333333;font-size: 1.0416vw;line-height: 1.9;}
.sec22 a:first-child{display: none;}
.lx p{padding-left: 34px;color: #333333;font-size: 0.9375vw;line-height: 1.666;}
.tlx{width: 432px;}
.lx p:first-child{background: url(//wm.cdn.cn86.cn/szkangshidun/2026/05/8e2afd7de8zlo6wt.png) no-repeat left 6px;}
.lx p:nth-child(2){background: url(//wm.cdn.cn86.cn/szkangshidun/2026/05/baef41ca54gxxzik.png) no-repeat left 6px;}
.lx p:nth-child(3){background: url(//wm.cdn.cn86.cn/szkangshidun/2026/05/eb5a8bf47eq7n6wt.png) no-repeat left 6px;}
.she{margin-top: 1.5vw;}
.she a{margin-right: 20px;}
.she a:last-child{margin-right: 0px;}
.dbt{color: #333333;font-size:1.3541vw;font-weight: bold;line-height: 1.53;margin: 1.2vw 0; }
.tleft{width: 454px;}
.tlogo img{width: 200px;}
.yan li{width: 49%;border: solid 1px #e6e6e6;margin-bottom: 10px;}
.yan li input{height: 51px;background-color: #ffffff;outline: none;border:none;display: block;width: 100%;color: #a9a9a9;font-size: 16px;padding-left: 16px;}
.yan li textarea{height: 81px;padding:10px 15px;color: #a9a9a9;font-size: 16px;line-height: 23px;background-color: #ffffff;outline: none;border:none;display: block;width: 100%;color: #a9a9a9;font-size: 16px;padding-left: 16px;}
.yan li.ny{width: 100%;overflow: hidden;}
.yan ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #a9a9a9;
}
.yan :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #a9a9a9;
}
.yan ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #a9a9a9;
}
.yan :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #a9a9a9;
}
.yzm1{width: calc(100% - 120px);border: solid 1px #e6e6e6;height: 36px;padding-left: 16px;color: #a9a9a9;font-size: 16px;}
.tj input{display: block;margin-top: 10px;width: 120px;height: 36px;line-height: 36px;text-align: center;color: #fff;font-size: 14px;background: #e50012;}
.foot a:hover{color: #e50012;}


@media(max-height: 1840px){
 
}
@media(max-height: 1740px){
        .xw_ll {
        height: 42vw;
    }
}

@media(max-width: 1600px){
    .m2,.xw_ll li .clamp1{font-size: 18px;}
    .pbt,.ys1,.fuwu{font-size: 16px;}
}


@media(max-width: 1400px){
    .wmy-nav > li > a{padding:0 2.5vw;}
    .tbt{font-size: 12px;}
    .tul li img{width: 4vw;}
}


@media(max-width: 1100px){
    .wmy-nav > li > a{padding:0 2vw;font-size: 16px;}
    .tbt{font-size: 12px;}
    .tul li img{width: 4vw;}
}

@media(max-width: 991px){
    .v_cover a{font-size: 14px;padding: 10px 15px;}
    .v_tit_bb{font-size: 12px;}
}


@media(max-width: 768px){
    
    
}


@media(max-width:640px){
    .home-banner,.tul{width: 100%;}
    .tul{margin: 15px 0;}
    .tbt{font-size: 14px;margin-top: 10px;}
    .tul{display: flex;justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;}
    .tul li{width: 50%;}
    .tul li a{margin-bottom: 10px;background: none;}
    .tul li img{width: 50px;}
    .tul li .img{height: 61px;line-height: 61px;}
    .language-group .btn{padding: 5px;}
    .v_tit_aa{font-size: 16px;}
    .home-banner .swiper-slide .v_cover{width: 70%;}
    .v_tit_bb{font-size: 10px;line-height: 1.1;}
     .v_cover a {
        font-size: 12px;
        padding: 4px 8px;
    }
}




/**/
/* =========================
1600
========================= */
@media screen and (max-width:1600px){

    .wh{
        width: 92%;
    }

    .mySwiper a .img{
        height: 100px;
        line-height: 100px;
    }
    .mySwiper a .img img{max-height: 80px;}

    .yul li .img{
        height: 170px;
        line-height: 170px;
    }

    .fu p{
        padding-left: 45px;
        background-size: 28px;
    }

    .yysort{
        width: 44%;
    }

    .xw_ll{
        height: 680px;
    }

}

@media(max-width: 1500px){
    .dj{background-size: 10px!important;}
    .active .dj{background-size: 15px!important;}
}


/* =========================
1400
========================= */
@media screen and (max-width:1400px){

    .bt1,
    .ybt,
    .nbt{
        font-size: 42px;
    }

    .fbt,
    .ybt3{
        font-size: 26px;
    }
    
    .xin2 .bd li a{height: 70px;}
    .xw_ll{height: 640px;}
  

    .fuwu,
    .pbt,
    .lx p,
    .sec2 a{
        font-size: 15px;
    }

    .fu p{
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 16px;
    }

    .mySwiper a .img{
        height: 90px;
        line-height: 90px;
    }

    .yul li .img{
        height: 150px;
        line-height: 150px;
    }
    .yul li .img img{height: 140px;}

    .xw_ll li .clamp1{
        font-size: 18px;
        line-height: 28px;
    }

    .xw_ll li .clamp2,
    .xw_ll li .clamp3 h4{
        font-size: 15px;
        line-height: 24px;
    }

    .swiper-button-prev1,
    .swiper-button-next1{
        width: 54px;
        height: 54px;
    }
    .tleft{width: 400px;}

}


@media(max-width: 1300px){
    .bt1, .ybt, .nbt{font-size: 36px;}
    .ft2{font-size: 14px;}
    .xw_ll{height: 620px;}
    .yan li input,.yan li textarea{font-size: 14px;}
}

/* =========================
1200
========================= */
@media screen and (max-width:1200px){
    .xin2 .bd{height: auto;}
        .yul li .img{
        height: 130px;
        line-height: 130px;
    }
    .yul li .img img{height: 120px;}

    .yst{font-size: 18px;}
    .pbt, .ys1, .fuwu{font-size: 14px;}
    .bt1,
    .ybt,
    .nbt{
        font-size: 32px;
    }

    .fsort li a{
        font-size: 18px;
        line-height: 58px;
    }


    .fleft{
        width: 52%;
    }

    .fimg{
        width: 44%;
    }

    .fbt,
    .ybt3{
        font-size: 22px;
    }

    .fu p{
        font-size: 15px;
        padding-left: 38px;
        background-size: 22px;
    }
    .dao{display: none;}
    .fmore a{
        width: 160px;
        font-size: 15px;
    }
    .yleft{max-width: 500px;}
 

 

    .ybt2{
        font-size: 16px;
    }

    .xw_ll{
        height: auto;
    }

    .nleft,
    .nright{
        width: 100%;
    }

    .nright{
        margin-top: 40px;
    }

    

}


/* =========================
1025
========================= */
@media screen and (max-width:1025px){
   
 .yleft{width: 50%;}

    .yul{
        flex-wrap: wrap;
    }

    .yul li{
        width: 48%;
        margin-bottom: 25px;
    }

    .yul li a{
        padding: 25px;
    }

    .yst{
        font-size: 22px;
    }

    .ys1{
        font-size: 15px;
        min-height: auto;
    }

    
    .psort{
        flex-wrap: wrap;
    }

    .psort li{
        margin: 0 20px 15px 0;
    }

    .mySwiper2 h3 a{
        font-size: 15px;
    }

    .xin1{
        flex-wrap: wrap;
    }

   

    .ft1{
        flex-wrap: wrap;
    }

    .sec2{
        width: 50%;
        margin-bottom: 30px;
    }   .yul li:first-child .ys1{margin-bottom: calc(1.607em * 1.5);}

}


/* =========================
991
========================= */
@media screen and (max-width:991px){

    .bt1,
    .ybt,
    .nbt{
        font-size: 28px;
    }

    
   
    .xw_ll li{
        padding: 20px 0;
    }

    .dbt1,
    .dbt{
        font-size: 22px;
    }

    .sec2 a,
    .lx p{
        font-size: 14px;
    }

    .yan li{
        width: 100%;
    }

    .swiper-button-prev1,
    .swiper-button-next1{
        display: none;
    }
    .wz2{font-size: 14px;}
    .wz2{font-size: 16px;}
    .xin2 .bd li a{height: 60px;}
    body{padding-bottom: 70px;}

}


/* =========================
768
========================= */
@media screen and (max-width:768px){
    .bt1, .ybt, .nbt{font-size: }
    .fsort{
        flex-wrap: wrap;
    }

    .fsort li{
        width: 50%;
    }

    .fsort li a{
        line-height: 52px;
        font-size: 16px;
    }

    .fbox{
        flex-wrap: wrap;
    }

    .fleft,
    .fimg{
        width: 100%;
    }

    .fimg{
        margin-top: 30px;
    }

     .xin1 li{
        width: 100%;
        margin-bottom: 25px;
    }
    .bt1,
    .ybt,
    .nbt{
        font-size: 28px;
    }

    .fbt,
    .ybt3,
    .yst{
        font-size: 20px;
    }

    .pbt,
    .ys1,
    .fuwu,
    .lingyu,
    .lx p,
    .sec2 a{
        font-size: 14px;
    }

    .mySwiper a .img{
        height: 80px;
        line-height: 80px;
    }



    .fmore a,
    .ymore2 a{
        width: 150px;
        height: 46px;
        line-height: 46px;
        font-size: 14px;padding: 0;
    }
    .fmore a img{width: 20px;margin-left: 10px;}

    .psort li a{
        font-size: 15px;
    }

    .xin1 .wz,
    .wz2{
        font-size: 16px;
    }

    .ntime{
        font-size: 14px;
    }

    .xw_ll li .clamp1{
        font-size: 16px;
        line-height: 26px;
    }

    .xw_ll li .clamp2,
    .xw_ll li .clamp3 h4{
        font-size: 14px;
        line-height: 24px;
    }

    .sec2,.tleft,.tlx{
        width: 100%;
    }
    .ybt2{font-size: 14px;line-height: 1.2;}
    .tlx{margin-top: 25px;}

}


/* =========================
640
========================= */
@media screen and (max-width:640px){
.yul li{width: 100%;}
  .box1{margin-top: 0;}
    .bt1,
    .ybt,
    .nbt{
        font-size: 24px;
        line-height: 1.4;
    }
    .m2, .xw_ll li .clamp1{font-size: 16px;}
    .box2{padding-bottom: 0;}
    .yul li .img img{height: 90px;}
    .yul li .img{height: 100px;line-height: 100px;}
    .fbt,
    .ybt3,
    .yst{
        font-size: 18px;
    }
    .fsort{margin: 15px 0 20px;}
    .fsort li {
        width: 50%;
    }

    .fsort li a{
        line-height: 48px;font-size: 14px;
    }
    .fu p{margin-bottom: 10px;}

   

 

    .yysort li a{
        padding: 10px;
    }

    .mySwiper2 h3 a{
        margin-top: 15px;
        font-size: 14px;
    }

    .xin1 .wz,
    .wz2{
        font-size: 15px;
    }

    .xw_ll{
        padding: 0 15px 20px;
    }

    .xw_ll li .clamp1{
        font-size: 15px;
        line-height: 24px;
    }

    .xw_ll li .clamp2,
    .xw_ll li .clamp3 h4{
        font-size: 13px;
        line-height: 22px;
    }

    .ft2{
        font-size: 14px;
        line-height: 24px;
    }

    .she a{
        margin-right: 12px;
    }

    .tlogo img{
        width: 160px;
    }

    .yan li input,
    .yan li textarea{
        font-size: 14px;
    }

    .tj input{
        width: 100%;
    }
    .yleft{width: 100%;}
    .yysort{width: 90%;bottom: 20px;right: 5%;top:auto;}
    .ying{height: 520px;}
    .yysort li img{height: 25px;}
    .nright{margin-top: 20px;}
    .xin2 .bd li a{height: 56px;padding-top: 10px;}
    .xw_ll li{padding: 10px 0;}
    .dbt{margin: 10px 0;}
    .dbt1, .dbt{font-size: 20px;}
    .ft1{margin-bottom: 15px;}
    .ft2{padding: 10px 0;}
}




/*产品内页*/
.cpbj{background: #f5f5f5;padding-top: 4.2vw;}
.wmy-left {
    background: #fff;
    padding: 20px 20px;
    margin-bottom: 30px;
}
.wmy-left .left-title{color: #222222;font-size: 24px;padding: 10px 0 32px;}

@media (min-width:990px) {
    .wmy-left {
        float: left;
        width: 26.7%;
        margin-right: 48px;
    }
}

.wmy-right {
    position: relative;
    overflow: hidden;
    background: #fff;
    padding: 40px 30px 47px;
}

.product-cate.cate-list .list-title{border:none;padding-left: 1.4vw; border-bottom: 1px solid rgba(225,221,221,.5);color: #333333;font-size: 15px;line-height: 48px;font-weight: normal;}
.product-cate.cate-list{border:none;}
.product-cate.cate-list .category span{background: url(//wm.cdn.cn86.cn/szkangshidun/2026/05/f9060da594pf33at.png) center no-repeat;}
.product-cate.cate-list .active {
  background: #e50012;color: #fff;
}
.product-cate.cate-list .category:hover .list-title {
  background: #e50012;color: #fff;
}
.sou1 #formsearch{}
.sou1 #formsearch input{height:55px;background-color: #f5f5f5;border:none;line-height:55px;outline: none;}
.sou1 #formsearch input#keyword{height:55px;line-height:55px;padding-left:27px;color:#555555;font-size: 15px;width: calc(100% - 200px);}
.sou1 #formsearch input#s_btn{width: 200px;height: 55px;background-color: #e50012;line-height:55px;text-align:center;color:#fff;border:none;cursor:pointer;font-size: 15px;}
.sou1 ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #555555;
}
.sou1 :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #555555;
}
.sou1 ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #555555;
}
.sou1 :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #555555;
}

.product-list{margin-top: 20px;}
.sou1{margin-bottom: 20px;}
.more3{display: inline-block;background: #e50012;color: #fff;text-align: center;padding:10px 20px;margin-top: 10px;width: 166px;}


.miao1{font-size: 12px;text-align: left;padding: 0 5px;line-height: 20px;}
@media (min-width: 990px){
    .poorder {
        position: absolute;
        right: 30px;
        top: 10px;
    }
}

@media only screen and (max-width: 992px) {
    .wmy-left {
        background: none;
        margin: 0;
        padding: 0;
    }
    .nei-page-wrap {
        padding-bottom: 40px;
    }
}

@media(max-width: 640px){
    .wmy-right{padding: 20px 15px;}
    .sou1 #formsearch input#s_btn{width: 100px;height: 42px;line-height: 42px;font-size: 14px;}
    .sou1 #formsearch input#keyword{font-size: 14px;padding-left: 15px;width: calc(100% - 100px);height: 42px;line-height: 42px;}
    .product-list{margin-top: 20px;}
    .product-list .content .list .cont .product-title{font-size: 14px;line-height: 24px;height: 48px;}
    .more2{width: 80%;margin:0 auto;height: 38px;line-height: 38px;font-size: 14px;}
    .xin1{margin-top: 25px;}
    .box2{margin: 10px 0;}
    .news_wap .tabli li{font-size: 16px;margin-right: 15px;}
    .news_wap .tabli li:last-child{margin-right: 0;}
    .news_tit{margin-top: 0;}
    .news_wap_left,.news_wap .tab_1 .n2{margin-top: 20px;}
    .news_wap .tab_1 .n2 li a,.news_nr h3 a{font-size: 16px;}
    .news_wap_right .news_list_3 li .time .shi1{font-size: 35px;}
    .news_nr{padding-left: 0;width: calc(100% - 70px);}
    .news_wap_right .news_list_3 li{padding-bottom: 10px;}
    .news_nr span{line-height: 22px;}
}
