.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;
    }
}







/*----- 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;}


.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);}


.of{overflow:hidden;}
.wh{max-width:1200px;width:94%;margin: 0 auto;}



.flexc{display: flex;justify-content: center;flex-wrap:wrap;align-items: center;}
.flexf{display: flex;justify-content: space-between;flex-wrap: wrap;}
.flexs{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.flexd{display: flex;justify-content: space-between;align-items:flex-end;flex-wrap:wrap;}
.bold{font-weight:bold;}
.oh{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.upc{text-transform:uppercase;}
.bcg{background-size:100% 100%;}




/*头部样式*/
.top1{background:#3a6d70;}
.top1 .wh{height:55px;}
.toplist{display: flex;align-items: center;flex-wrap: wrap;}
.toplist li{display: flex;align-items: center;flex-wrap: wrap;}
.toplist li .wz{color:#fff;font-size:16px;margin-left:10px;}
.toplist li+li{margin-left:3.1vw;}


/*热门搜索*/
#formsearch2{border-bottom:1px solid rgb(255, 255, 255,.4);width:313px;height: 28px;margin-left:auto;margin-right:26px;}
#formsearch2 input{}
#formsearch2 input#keyword{line-height:28px;padding-left:0;color:rgb(255, 255, 255,.4);font-size:14px;background:none;border:none;outline:none;border-radius:0;width: calc(100% - 70px); }
#formsearch2 input#s_btn{width:62px;line-height:17px;text-align:right;background:none;outline:none;border:none;cursor:pointer;border-radius:0;font-size:16px;color:rgb(255, 255, 255,.4);border-left:1px solid rgb(255, 255, 255,.4);padding:0;}
#formsearch2 input::-webkit-input-placeholder{color:rgb(255, 255, 255,.4);}
#formsearch2 textarea::-webkit-input-placeholder{color:rgb(255, 255, 255,.4);}

.top1 .dropdown-toggle::after{display:none;}
.top1 .language-group .btn img{border-radius:50%;height:20px;}

.logos{width:27.5%;}






/* banner */
.bans{position:relative;}
.bans .mySwiperba{overflow:hidden;}
.bans .swiper-slide img{width:100%;display:block;}
.bans .swiper-paginationba{width:100%;text-align:center;left:0;right:0;bottom:25px;position:absolute;z-index:99;}
.bans .swiper-pagination-bullet{width:13px;height:13px;margin:0 6px;display: inline-block;border-radius:0;background:#fff;opacity:1;cursor:pointer;}
.bans .swiper-pagination-bullet-active{background:#3a6d70;opacity:1;}




/*主体样式*/
.box1{padding:3.28vw 0 1.46vw;}
.sybt{text-align:center;}
.sybt .wz{font-size:1.56vw;color:#3a6d70;line-height:1.05;text-transform:uppercase;}
.sybt .bthx{background:#3a6d70;height:1px;width:14.75%;margin:0 auto;margin-top:1.14vw;}
.prod{margin-top:2.97vw;}
.prod li{width:26.5%;text-align:center;}
.prod li .tu{border:1px solid #efefef;display:block;padding:8px;border-radius:50%;}
.prod li .img{border:1px solid #efefef;display:block;border-radius:50%;}
.prod li:hover .tu{border:1px solid #3a6d70;background:#3a6d70;}
.prod li .wz{color:#4e4e4e;font-size:16px;text-transform:uppercase;padding:25px 10px 18px;position: relative;}
.prod li .wz:before{content:"";width:21.38%;height:1px;background:#3a6d70;position:absolute;display: block;left:50%;transform:translateX(-50%);bottom:0;}


.box2{background:url(//wm.cdn.cn86.cn/stzsswhb/2026/07/64fc2342f0dycz3i.png) no-repeat;background-size:100% 100%;padding:8.65vw 0 6.35vw;}
.syabt{width:42.83%; padding-left: 5%;}
.abbt{color:#fff;font-size:1.56vw;line-height:1.05;text-transform:uppercase;}
.abbt span{border-bottom:1px solid #fff;padding-bottom:16px;display:inline-block;}
.abwz{color:#fff;font-size:18px;line-height:2.11;margin:2.08vw 0;}
.abwz p{margin:0;}

a.amo{border-radius: 20px;width: 157px;height: 49px;font-size:18px;padding:0 20px;text-align:center;}
a.amo1{color:#fff!important;border:1px solid #fff;}
a.amo1:hover{background:#fff;color:#3a6d70!important;}




.box3{padding:2.6vw 0 2.09vw;}
.po11{margin-top:3.12vw;position:relative;}
.po11 .mySwiper1{overflow:hidden;padding:1px;margin:0 17px;}
.po11 .swiper-slide{text-align:center;}
.po11 .swiper-slide a{border:1px solid #d2d2d2;display:block;}
.po11 .swiper-slide .det{border-top:1px solid #d2d2d2;padding:20px 5px 18px;}
.po11 .swiper-slide img{width:100%;display:block;}
.po11 .swiper-slide .wz{color:#5a5a5a;font-size:16px;text-transform:uppercase;}
.po11 .swiper-slide .mo{color:#8b8b8b;font-size:16px;text-align:center;margin:0 auto;margin-top:20px;border:1px solid rgb(229, 229, 229);  width: 142px;
  line-height: 36px;border-radius: 15px;}
.po11 .swiper-slide:hover .det{background:#3a6d70;}
.po11 .swiper-slide:hover .wz{color:#fff;}
.po11 .swiper-slide:hover .mo{background:#fff;border-color:#fff;}

.prev{position: absolute;top:40%;left:-70px;width:53px;height:53px;opacity:1;z-index:9;background:url(//wm.cdn.cn86.cn/stzsswhb/2026/06/aa623b490alukxda.png) no-repeat;background-size:100% 100%;}
.next{position: absolute;top:40%;right:-70px;width:53px;height:53px;opacity:1;z-index:9;background:url(//wm.cdn.cn86.cn/stzsswhb/2026/06/80ae065bd58zgr9p.png) no-repeat;background-size:100% 100%;}

a.amo2{color:#3a6d70!important;border:1px solid #3a6d70;margin:0 auto;margin-top:2.6vw;}
a.amo2:hover{background:#3a6d70;color:#fff!important;}









/*页面底部*/
.footimg img{width:100%;display:block;}
.foot{background:#3a6d70;margin-top:-1px;}
.wh1636{max-width:1636px;margin:0 auto;width:97%;}
.ftcont{padding:30px 0 44px;}
.ftt{color:#fff;font-size:20px;text-transform:uppercase;font-weight:bold;}
.ftt2{opacity:0;}
.fta{width:37.5%;}
.news-swiper{overflow: hidden;margin-top:30px;}
.news-swiper .swiper-slide .img{width:26%;border:1px solid #fff;}
.news-swiper .swiper-slide img{width:100%;display:block;}
.news-swiper .swiper-slide .det{width:71.11%;}
.news-swiper .swiper-slide .wz{color:#fff;font-size:16px;text-transform:uppercase;}
.news-swiper .swiper-slide .wz2{color:#fff;font-size:14px;line-height:24px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-top:0.7vw;}
.news-swiper .swiper-pagination2{width:auto;margin-top:0.9822vw;position:relative;z-index:99;}
.news-swiper .swiper-pagination-bullet{width:11px;height:11px;margin:0;margin-right:8px;display: inline-block;border-radius: 50%;background:#0c0c0c;opacity:1;cursor:pointer;}
.news-swiper .swiper-pagination-bullet-active{background:#fff;opacity:1;}


.ftb{width:50%;}
.ftb .cont{margin-top:41px;}
.flx{width:66%;border-right:1px solid #FFF;}
.flx li{width:50%;font-size:16px;color:#fff;line-height:18px;}
.flx li:nth-child(n+3){margin-top:15px;}
.ftadd{width:29%;}
.ftadd li{width:17.62%;}
.ftadd li img{width:100%;display:block;}



.ftlink{border-top:1px solid  rgb(255, 255, 255,.3);border-bottom:1px solid  rgb(255, 255, 255,.3);padding:26px 0;}
.ftlink li{margin:0 1.754vw;display: flex;align-items: center;flex-wrap: wrap;}
/* .ftlink li a{color:#fff!important;font-size:16px;text-transform:uppercase;font-weight:bold;}
 */
.ftlink li .img{width:47px;}
.ftlink li .wz{color:#fff;font-size:22px;}





.bq{text-align:center;color: rgba(255, 254, 254, 0.502);font-size:14px;padding:18px 0;}
.bq a{color: rgba(255, 254, 254, 0.502);}
.bq a:hover{color:#fff!important;}
.bq p{margin:0;}






@media (max-width:1280px) {
  .language-group .btn {
    color: #fff;
  }
  .toplist li .wz,.pc-navbar>li>a,.prod li .wz,.po11 .swiper-slide .wz,.flx li,.news-swiper .swiper-slide .wz,.ftlink li a{font-size:15px;}
  .sybt .wz,.abbt{font-size:24px;}
  .abwz{font-size:16px;line-height:27px;}
  a.amo{font-size:16px;width:146px;height:42px;border-radius:14px;}
  .prev{top:40%;left:-10px;width:36px;height:36px;}
.next{top:40%;right:-10px;width:36px;height:36px;}
.po11 .mySwiper1{margin:0 40px;}
.po11 .swiper-slide .mo{font-size:14px;width:125px;line-height:31px;}
.ftt{font-size:18px;}
.ftlink li .wz{font-size:19px;}
}



@media (max-width: 768px) {
   .language-group .btn {
    color: #333;
  }
  .box1,.box3{padding:35px 0;}
  .prod li{width:30%;}
  .box2{background:#3a6d70;padding:35px 0;}
  .syabt{width:100%;}
  .flx{width:100%;border:none;margin-bottom:12px;}
  .ftb,.fta{width:48%;}
  .ftb .cont,.news-swiper{margin-top:20px;}
  .ftadd{width:42%;}
  .flx li:nth-child(n+3){margin-top: 10px;}
  .ftlink{padding:18px 0;}
  .bq{padding:12px 0;}
  .bans .swiper-paginationba{bottom:15px;}
  .ftlink li .wz{font-size:16px;}
}




@media (max-width:640px) {
  .toplist li .wz,.pc-navbar>li>a,.prod li .wz,.po11 .swiper-slide .wz,.flx li,.news-swiper .swiper-slide .wz,.ftlink li a{font-size:14px;}
  .sybt .wz,.abbt{font-size:21px;}
  .abwz{font-size:15px;line-height:24px;margin:15px 0 20px;}
  a.amo{font-size:15px;width:136px;height:39px;border-radius:11px;}
  .prod,.po11,a.amo2{margin-top:20px;}
  .prod li{width:31%;}
  .prod li .tu{padding:4px;}
  .prod li .wz{padding:12px 5px;}
  .prev{left:-5px;}
  .next{right:-5px;}
  .po11 .swiper-slide .mo{margin-top:10px;}
  .ftb, .fta{width:100%;}
  .ftb{margin-top:20px;}
  .ftb .cont,.news-swiper{margin-top: 12px;}
  body{padding-bottom:70px;}
  .ftadd{width:180px;}
  .bq{line-height:22px;}
  .ftt2{display:none;}
  .ftlink li .wz{font-size:14px;}
}