.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:'Microsoft YaHei';}
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;}

hr {border: 0;border-top:1px solid #ccc;height:0;}
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.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}

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{max-width: 1580px;margin: 0 auto;width: 92%;}


.top1{background: #f3f4f8;    position: relative;
    z-index: 999999;}
.top1 .wh{height: 40px;}
.wel{color: #666666;font-size: 14px;}
.yx{padding-left: 30px;color: #4c4c4c;font-size: 16px;background: url(//wm.cdn.cn86.cn/waimao/2025/08/a74445766adqmajb.png) no-repeat left center;}
.dh{padding-left: 28px;color: #4c4c4c;font-size: 16px;background: url(//wm.cdn.cn86.cn/waimao/2025/08/1943bef156fphib8.png) no-repeat left center;margin-left: 17px;}
.top1 .social-share .icon-facebook{
    width: 28px;
    height: 28px;
    background-color: #3b5998;
    border:none;
    line-height: 28px;
    border-radius: 0;
    color: #fff;
}
.top1 .language-group .btn{color: #151515;font-size: 16px;}
.top1 .social-share .social-share-icon{margin: 0 14px 0 0;}
.top1 .social-share .icon-twitter{
    width: 28px;
    height: 28px;
    background-color: #31a9f3;
    border:none;
    line-height: 28px;
    border-radius: 0;
    color: #fff;
}
.top1 .social-share .icon-linkedin{
    width: 28px;
    height: 28px;
    background-color: #0077b5;
    border:none;
    line-height: 28px;
    border-radius: 0;
    color: #fff;
}
.top2{position: relative;z-index: 9999;top:0;width: 100%;background: #fff;}
.top11{position: relative;z-index: 9999;top:0;width: 100%;}
.top11.scroll{position: fixed;}



.x-menu>li {
    text-align: center;
    padding: 0 1.7vw;
}

.x-menu>li>a {
    display: block;
    font-size: 17px;
    color: #333333;
    height: 84px;
    line-height: 84px; 
    position: relative;
    text-transform: uppercase;
}

.x-menu>li:hover>a {
    color: #2c69e5;
    font-weight: bold;
}

.x-sub-menu {
    position: absolute;
    z-index: 999;
    width: 150%;
    left: -25%;
    top: 100%;
    display: none;
    background: #fff;
    border-radius: 0;
    padding: 0 0
}

.x-sub-menu>li>a {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
    padding: .6em .3em
}

.x-sub-menu>li>a:hover {
    color: #fff!important;
    background-color: var(--main-theme-color)
}

.x-menu >li.lastli{padding:0;margin-right: 2.7vw;margin-left: 1.3vw;position: relative;}
.x-menu>li.ly1 a{display: block;width: 153px;height: 42px;line-height: 42px;margin-top: 21px; background-color: #0066ff;border-radius: 20px;color: #ffffff;font-size: 18px;}

.x-menu>li.ly1{padding: 0;}


@media(max-width: 1400px){
   .lang-es .x-menu>li{padding: 0 1vw;}
   .x-menu >li.lastli{margin-right: 2vw;}
}

@media(max-width: 1300px){
      .lang-es .x-menu>li>a{font-size: 15px;}
      .x-menu >li.lastli{margin-right: 0vw;}
}








.so {
    line-height: 84px;
    cursor: pointer;
}

.so img {
    max-width: 100%;
}

.ss {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    width: 248px;
    padding: 20px;
    border-radius: 20px;
    z-index: 999;
    background: rgb(0, 102, 255, 0.5);
}

.ss input {
    outline: none;
    line-height: 30px;
    width: 27%;
    background: none;
    border: 1px solid #fff;
    background: #fff;
    font-size: 13px;
    color: #1c4086;
    float: left;
}

.ss #keyword {
    padding-left: 5px;
    line-height: 30px;
    width: 73%;
    background: none;
    border: 1px solid #fff;
    outline: none;
    font-size: 13px;
    color: #fff;
    float: left;
}

.ss #keyword:-webkit-autofill {
    -webkit-text-fill-color: #fff !important;
    transition: background-color 5000s ease-in-out 0s;
}

.ss #keyword::placeholder {
    color: #fff;
}
.x-menu> li:hover .head-c-r-l-b, .x-menu> li:hover .head-b2 {
    transition:all 0.5s;
    max-height:100vh;
}
.head-c-r-l-b, .head-b2 {
    position: absolute;
    z-index:100;
    top: 80px;
    transition:all 0.5s;
    min-width:  100%;
    left: 50%;
    -webkit-transform: translateY(0%) translateX(-50%);
    transform: translateY(0%) translateX(-50%);
    box-shadow: 1px 4px 10px rgba(0, 0, 0, 0.05);
    max-height:0;
    overflow:hidden;
    background: #fff;
    display: flex;
    justify-content: center;
}
.head-c-r-l-b ul {
    display: flex;/*flex-wrap: wrap;*/
    justify-content: center;
    padding: 20px 0 40px 0;
    max-width: 1580px;
    margin: 0 auto;
    width: 92%;
}
.head-c-r-l-b ul li {
    width:18%;
    margin:0 1%;
}
.head-c-r-l-b ul li a {
    display:block;
    text-align:center;
    color:#000;
    font-size:16px;
}
.head-c-r-l-b ul li a h4 {
    overflow:hidden;
    margin-bottom:20px;
}
.head-c-r-l-b ul li a h4 img {
    display:block;
    width:100%
}
.head-c-r-l-b ul li a:hover {
    color: #1b80d6;
}
.head-c-r-l-b ul li a:hover img {
    transform:scale(1.1)
}
.head-c-r-l-t ul li {
}
.head-c-r-l-t ul li a {
}
.head-c-r-l-b dl {
    width: 18%;
    margin: 0px 2%;
}
.head-c-r-l-b dl>a {
    display:block;
    font-size: 18px;
    color:#000;
    margin-bottom: 22px;
    line-height: 24px;
    font-weight:bold;
}
.head-c-r-l-b dl>a h4 {
    margin:0 auto 30px auto;
    border: 1px solid #efefef;
}
.head-c-r-l-b dl>a h4 img {
    width: 100%;
    display: block;
}
.head-c-r-l-b dl>a:hover {
}
.head-c-r-l-b dl p {
    font-size:12px;
}
.head-c-r-l-b dl p span {
    display:block;
    font-size:12px;
    padding:5px;
}
.head-c-r-l-b dl p span a {
    line-height:24px;
    background:none!important;
    padding-left:10px;
}
.head-c-r-l-b dl p a {
    display:block;
    line-height:36px;
    color:#000;
    padding-right: 30px;
}
.head-c-r-l-b dl p a:hover {
    color:#0081d7
}

/**/
/* banner */
.bandd{position: relative;}
.home-banner {
    width: 100%;
    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: 100vw;
}



.home-banner .swiper-pagination1{min-width: 93px;}

.home-banner .swiper-pagination1 .swiper-pagination-bullet {
   width: 12px;
    height: 12px;
    background-color: #ffffff;
    opacity: 0.7;
    margin: 0 4px!important;
    transition: width .3s ease;
    border-radius: 6px;
}

.home-banner .swiper-pagination1 .swiper-pagination-bullet-active {
   width: 45px;
    opacity: 1;
}

.home-banner .swiper-slide .v_cover {
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 12%;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center
}

.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: 30px;
    color: #ffffff;
    margin-bottom: 2vw;
    line-height: 1;
    text-align: center;
}
.v_tit_bb{font-size:3.4375vw;color: #ffffff;font-weight: bold;line-height: 1.318;max-width: 70%;margin: 0 auto}
.ban .wh{position: relative;}
.v_cover a{display: block;width: 200px;height: 52px;background-color: #d60018;border-radius: 26px;line-height: 52px;margin: 0 auto;color: #ffffff;font-size: 18px;text-align: center;margin-top: 2.8vw;}
.jian{position: relative;right: 0;}
.swiper-button-prev1,.swiper-button-next1{width: 51px;height: 51px;text-align: center;line-height: 49px;display: block;position: relative; border: dashed 1px #ffffff;border-radius: 50%;outline: none;transition:all 0.3s;}
.swiper-button-prev1{margin-right: 28px;}
.swiper-button-prev1:hover{border-color: #d60018; background-color: #d60018;}
.swiper-button-next1:hover{border-color: #d60018;background-color: #d60018;}
.logo img{max-width: 146px;}


.scroll_to_top2{display: none;}



/**/
.box1{margin: 3.2% 0 5.2%;overflow: hidden;}
.box1 .wh{max-width: 1710px;position: relative;}
.bt1{text-align: center;}
.bt11{color: #222222;font-weight: bold;font-size: 3.125vw;line-height: 1;}
.line1{width: 60px;height: 4px;background-color: #00ffaa;margin: 0 auto;margin-top: 15px;}
.box1 #formsearch2{
        width: 294px;
    height: 46px;
    background-color: #e5efff;
    border-radius: 20px;
    border: solid 1px #f1f1f1;
    position: absolute;right: 0;top:10px;
}
.box1 #formsearch2 input{height:46px;background:none;border:none;line-height:46px;}
.box1 #formsearch2 input#keyword{height:44px;line-height:44px;padding-left:27px;color:rgba(51,51,51,.5);font-size: 15px;width: calc(100% - 46px);}
.box1 #formsearch2 input#s_btn{width:46px;height:44px;line-height:44px;text-align:center;background:url(//wm.cdn.cn86.cn/waimao/2025/08/dee7921797bmouke.png) no-repeat left center;color:#fff;border:none;cursor:pointer;font-size: 12px;}
.box1 ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:rgba(51,51,51,.5);
}
.box1 :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:rgba(51,51,51,.5);
}
.box1 ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: rgba(51,51,51,.5);
}
.box1 :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: rgba(51,51,51,.5);
}
.mySwiper{overflow: hidden;margin-top: 65px;}
.mySwiper .swiper-slide a{display: block;border: solid 1px #cfcfcf;}
.mySwiper .swiper-slide .img{overflow: hidden;}
.mySwiper .swiper-slide .img img{transition:all 0.5s;}
.mySwiper .swiper-slide:hover .img img{transform:scale(1.1);}
.pbj{padding: 20px 20px 16px 16px;}
.pbj h3{color: #333333;font-size: 23px;font-weight: bold;text-align: center;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.pbj p{font-size: 14px;line-height: 24px;color:rgba(51,51,51,.7);padding-left: 10px;background: url(//wm.cdn.cn86.cn/waimao/2025/08/23da2d986dztatbw.png) no-repeat left 9px;}
.gd{width: 123px;height: 33px;background-color: #bebebe;margin: 0 auto;line-height: 33px;text-align: center;color: #ffffff;font-size: 13px;font-weight: bold;margin-top: 15px;}
.mySwiper .swiper-slide:hover .pbj h3{color: #0066ff;}
.mySwiper .swiper-slide:hover  a{border-color: #0066ff;}
.mySwiper .swiper-slide:hover .gd{background: #0066ff;}





/**/
.box2{background: url(//wm.cdn.cn86.cn/waimao/2025/08/21e6e8062csdb34g.jpg) no-repeat top center;background-size: cover;overflow: hidden;padding: 70px 0 50px;}
.p1{color: #222222;opacity: 0.7;font-size: 18px;margin-top: 22px;}
.pul{margin-top: 50px;}
.pul li{margin-bottom: 2.2vw;width: 32.54%;position: relative;overflow: hidden;}
.box2 .wh{max-width: 1488px;}
.pul li a{display: block;}
.pul li .img{overflow: hidden;}
.pul li .img2{position: absolute;left:0;top:0;z-index: 9;opacity: 0;transition:all 0.5s;}
.pbj2{position: absolute;width: 96.2%;left: 0.4%;bottom:0;padding: 1.3vw 0;text-align: center;border-top:1px solid #d6d6d6;z-index: 99;}
.pbj2 h3{color: #333333;font-size: 24px;font-weight: bold;}
.pbj2 p{color: #333333;font-size: 16px;line-height: 21px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.pul li:hover .img2{opacity: 1;}
.pul li:hover .pbj2 h3,.pul li:hover .pbj2 p{color: #fff;}
.pul li:hover .img2{transform:scale(1.1);}


/**/
.box3{background: url(//wm.cdn.cn86.cn/waimao/2025/08/f0e21fbe7ewtuork.jpg) no-repeat top center;background-size: cover;padding: 5.6% 0;overflow: hidden;}
.box3 .wh{max-width: 1510px;}
.aleft{}
.aright{width: 47%;}
.acon{color: #ffffff;font-size: 16px;line-height: 30px;}
.amore a{margin-top: 1.8vw;text-align: center; display: block;width: 149px;height: 39px;line-height: 39px;background-color: #0066ff;color: #ffffff;font-size: 16px;font-weight: bold;}
.aleft{width: 47%;margin-top: 14px;}
.en{color: #00ffaa;font-size: 18px;font-weight: bold;}
.abt{color: #ffffff;font-size: 40px;line-height: 1.25;font-weight: bold;}
.sul li{text-align: center;}
.ss2{color: #ffffff;font-size: 15px;}
.sbt{letter-spacing: -3px;color: #00ffaa;font-size: 6.25vw;font-weight: bold;line-height: 1;margin: 1.1vw 0;}
.ss3{color: #ffffff;font-size: 15px;}
.sul li p{color: #ffffff;font-size: 16px;line-height: 30px;max-width: 242px;margin: 0 auto;margin-top: 1.1vw;}
.sul{margin-top: 3.5vw;}




/**/
.box4{background:url(//wm.cdn.cn86.cn/waimao/2025/08/b6384b2986tdyl4u.jpg) no-repeat top center;background-size: cover; padding:3.12vw 0;overflow: hidden;}
.choosez{width:38.48%;}
.sybt{text-align:center;}
.sybt .wz{color:#00ffaa;font-size:26px;margin-bottom:0.668vw;}
.sybt .wz2{color:#222222;font-size:3.65vw;line-height:1;font-weight: bold;}
.sybt3{text-align:left;}
.choosewz{color:#666666;font-size:16px;line-height:30px;margin-top:1.994vw;}
.chooselist{width:52.03%;}
.chooselist li{width:48.66%;border-radius: 25px;background-color: rgb(255, 255, 255);cursor: pointer;float:left;}
.chooselist li .det{padding:40px 25px 56px;}
.chooselist li .wz{color:#444444;font-size:24px;line-height:30px;height:60px;overflow: hidden;margin:30px 0 35px;}
.chooselist li .nmb{color:#dadada;font-size:38px;}
.chooselist li:hover{background-color: #0066ff;box-shadow: 3px 4px 15px 0px rgba(0, 0, 0, 0.3);}
.chooselist li:hover .wz{color:#fff;}
.chooselist li:hover .nmb{color:#fff;}
.chooselist li:hover .img img{filter: brightness(0) invert(100%);}
.chooselist li:nth-child(2n){float:right;}
.chooselist li+li{margin-top:20px;}
.flexs{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}



/**/
.box5{padding: 80px 0 69px;overflow: hidden;background: url(//wm.cdn.cn86.cn/waimao/2025/08/5816428494traugx.jpg) no-repeat top center;background-size: cover;}
.box5 .wh{max-width: 1554px;}
#certify{position: relative;margin-top: 50px;}


#certify  .swiper-slide {
    width: 35.3%;
    background: #fff;
}
#certify  .swiper-slide .img{
   box-shadow: 0px 5px 15px 0px rgba(9, 1, 4, 0.3);
}
#certify  .swiper-slide .img1{overflow: hidden;}
#certify  .swiper-slide:hover .img img{transform:scale(1.05);}
#certify  .swiper-slide img{
    display:block;width: 100%;transition:all 0.5s;
}
#certify  .swiper-slide p {
    letter-spacing: 1px;
    color: #222222;
    font-size: 22px;
    text-align: center;
    margin-top: 1.8vw;
    text-transform: uppercase;
    opacity: 0;
}
#certify  .swiper-slide-active p{opacity: 1;}


#certify .swiper-button-prev2 ,#certify .swiper-button-next2{outline: none;width: 56px;height: 56px;top:35%;position: absolute;cursor: pointer;z-index: 999;}
#certify .swiper-button-prev2 {
    left: 0px;
    background: url(//wm.cdn.cn86.cn/waimao/2025/08/31941e7b10p81tpg.png) no-repeat;
    background-position: 0 0;
    background-size: 100%;
}



#certify .swiper-button-next2 {
    right: 0px;
    background: url(//wm.cdn.cn86.cn/waimao/2025/08/8ab72fd7df1dfpc5.png) no-repeat;
    background-position: 0 0;
    background-size: 100%;
}



/**/
.box6{overflow: hidden;position: relative;}
.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: static; opacity: 1; visibility: visible;  }
.ying .img img{width: 100%;}
.ybj{position: absolute;top:12vw;left: 8.7vw;z-index: 999;}
.ybj h3{margin-bottom: 0;
    width: 80%;
}
.ybj h3 a{color: #ffffff;font-size:3.9583vw;color: #fff;display: block;margin-bottom: 1.5vw;}
.ybj p{color: #ffffff;font-size: 17px;line-height: 1.7647;max-width: 619px;}
.ying .amore a{margin-top: 3vw;}
.yy{background: rgba(0,0,0,.6);position: absolute;bottom: 0;left: 0;width: 100%;z-index: 999;}
.yy .wh{max-width: 1400px;}
.ysort{background: url(//wm.cdn.cn86.cn/waimao/2025/08/2e78199766hgvecr.png) no-repeat right center;}
.ysort li{width: 20%;cursor: pointer;overflow: hidden; text-align: center;height: 99px;background: url(//wm.cdn.cn86.cn/waimao/2025/08/2e78199766hgvecr.png) no-repeat left center;}
.ysort li p{letter-spacing: 1px;color: #ffffff;font-size: 1.25vw;width: calc(100% - 60px);}
.ysort li img{max-width: 48px;}
.ysort li .img2{display: none;}
.ysort li.active .img1{display: none;}
.ysort li.active .img2{display: inline-block;}
.ysort li.active {background: #1146c9;}
.ying .ybj   * {
    transition-delay: transform 1s, opacity 0s;
    transition-duration: 1s;
    transform: translate3d(0, 80px, 0);
    opacity: 0;
    overflow: hidden;
}

.ying .active .ybj  * {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.ying .active .ybj h3 a {
    transition-delay: .3s
}

.ying .active .ybj p {
    transition-delay: .5s
}
.ying{overflow: hidden;}






.box7{background:#f3f4f8;padding:3.65vw 0 4.69vw;overflow: hidden;}
.xw1{margin-top:3.12vw;}
.xw1 li{width:23.48%;}
.xw1 li .img img{width:100%;display:block;}
.xw1 li .det{background:#fff;width:90%;margin:0 auto;margin-top:-40px;position: relative;z-index:99;}
.xw1 li .nr{padding:26px 17px;}
.xw1 li .wz{color:#111111;font-size:22px;word-break: break-all;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.xw1 li .xhx{width:39px;height:2px;background-color: #1146c9;margin:16px 0;transition:all 0.8s}
.xw1 li .wz2{color:#999999;font-size:16px;line-height:26px;height:52px;overflow: hidden;}
.xw1 li .xhx2{width:100%;height:1px;background-color:#ebebeb;}
.xw1 li .aa{padding:0 17px;height:62px;}
.xw1 li .tm{color:#111111;font-size:16px;}
.xw1 li .mo{width:22px;height:22px;background:url(//wm.cdn.cn86.cn/waimao/2025/08/6ae3373e86dqxeiw.png) no-repeat center center #1146c9;border-radius:50%;}
.xw1 li:hover .wz{color:#00ffaa;}
.xw1 li:hover .xhx{background-color: #00ffaa;}
.xw1 li:hover .mo{background-color: #00ffaa;} 







.foot{background:#2c2c2c;padding:3.5vw 0;overflow: hidden;}
.foot .wh{max-width: 1680px;}
.fota{width:23.2%;}
.flx .wz{color:#fff;font-size:32px;margin:30px 0 23px;font-weight: bold;}
.flx .wz2{color:#fff;font-size:16px;line-height:26px;opacity:.5;}

.f_nav{width:340px;margin-top:30px;}
.f_nav dl{}
.f_nav dt{font-size:20px;margin-bottom:28px;color:#fff;}
.f_nav dd{font-size:16px;line-height:30px;}
.f_nav dd a{color:#fff;opacity:.5;display: block;}
.f_nav dd a:hover{color:#fff!important;opacity:1;}

.fotc{width:21%;margin-top:30px;}
.flx2 .wz{font-size:20px;margin-bottom:28px;color:#fff;font-weight: bold;}
.flx2 .wz2{font-size:16px;line-height:30px;color:rgba(255,255,255,.5);}
.flx2 .wz2 a{color:rgba(255,255,255,.5);}
.flx2 .wz2 a:hover{color:#fff!important;}
.fotc .social-share{margin-top:23px;}
.fotc .social-share .social-share-icon{border-radius:0;border:none;}
.fotc .social-share .icon-facebook{color: #fff!important;background:#4a66a0!important;}
.fotc .social-share .icon-twitter{color: #fff!important;background:#31a9f3!important;}
.fotc .social-share .icon-linkedin{color: #fff!important;background:#0077b5!important;}
.fotc .social-share a{margin:0;margin-right:17px;}
.yan{width:23%;}
.ms1 input{background-color: #ffffff;outline: none;border:none;width: 100%;display: block;height: 47px;padding-left: 12px;font-size: 16px;color: rgba(27,27,27,.5);}
.ms1 textarea{background-color: #ffffff;outline: none;border:none;width: 100%;display: block;height: 117px;padding-top: 6px; padding-left: 12px;font-size: 16px;color: rgba(27,27,27,.5);}
.ms1{margin-bottom: 13px;}
.yan ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:  rgba(27,27,27,.5);
}
.yan :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:  rgba(27,27,27,.5);
}
.yan ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:   rgba(27,27,27,.5);
}
.yan :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:  rgba(27,27,27,.5);
}

.tj input{display: block;width: 131px;height: 43px;background-color: #00ffaa;border-radius: 10px;line-height: 43px;text-align: center;color: #1b1b1b;font-size: 16px;}

.bq{background:#161616;font-size:15px;text-align:center;padding:15px 0;color:rgba(255,255,255,.3);}
.bq a{color:rgba(255,255,255,.3);}
.bq a:hover{color:#fff!important;}
.flogo img{max-width: 197px;}
















@media(max-width: 1500px){
    .pbj h3{font-size: 21px;}
    .pbj2 h3{font-size: 22px;}
}

@media (max-width:1440px) {
 .choosewz{font-size:15px;line-height:26px;}
 .chooselist li .wz{font-size:21px;}
 .chooselist li .nmb{font-size:32px;}
  a.amo{width:148px;line-height:42px;font-size:15px;}
 .xw1 li .wz{font-size:20px;}
 .xw1 li .tm{font-size:15px;}
 .xw1 li .wz2{font-size:15px;line-height:23px;height:46px;}
 .flx .wz{font-size:28px;}
 .flx .wz2{font-size:15px;}
 .f_nav dd,.flx2 .wz2{font-size:15px;}
 .f_nav dt,.flx2 .wz{font-size:18px;}
 #certify  .swiper-slide {width: 38%;}
}

@media(max-width: 1300px){
    .ss3{font-size: 14px;}
     .chooselist li .wz{font-size:18px;line-height:26px;height:52px;}
    .chooselist li .nmb{font-size:30px;}
     .xw1 li{width:49%;}
    .xw1 li:nth-child(n+3){margin-top:25px;}
    .f_nav{display:none;}
    .fota{width:35%;}
    .fotc{width:30%;}
    .flx .wz{font-size:26px;margin:35px 0 18px;}
    .f_nav dt, .flx2 .wz{margin-bottom:13px;}
    .f_nav dd, .flx2 .wz2{line-height:25px;}
    .sybt .wz{font-size:20px;}
    .sycpwz{font-size:20px;}
     #certify  .swiper-slide {width: 40%;}
     .ybj{left: 5vw;top:8vw;}
     .ysort li{height: 80px;}
}



@media(max-width: 1200px){
    .x-menu>li{padding: 0 1.3vw;}
    .box1 #formsearch2{width: 230px;}
    .box1 #formsearch2 input#keyword{padding-left: 15px;}
    .mySwiper{margin-top: 40px;}
    .pbj2 p{font-size: 14px;}
      .pbj h3{font-size: 18px;}
    .pbj2 h3{font-size: 19px;}
    .abt{font-size: 36px;}
    .sul li{width: 49%;}
}
@media(max-width: 1100px){
    .x-menu>li.ly1{display: none;}
    .aleft,.aright{width: 100%;}
    .aleft{margin-bottom: 30px;}
    .bt11{font-size: 36px;}

     #certify  .swiper-slide {width: 45%;}
     #certify .swiper-slide p{font-size: 20px;margin-top: 25px;}
     .ybj p{font-size: 15px;}
     .ybj h3 a{margin-bottom: 20px;}
}


@media(max-width: 768px){
    .box1 #formsearch2{position:static;margin: 20px auto 0;}
    .box2{padding: 50px 0 30px;}
    .pul{margin-top: 30px;}
    .p1{font-size: 16px;margin-top: 13px;}
    .pul li{width: 49%;margin-bottom: 2%;}
    .abt{font-size: 30px;}
     .chooselist li .det{padding:25px 20px;}
  .chooselist li .img{width:50px;}
  .chooselist li .img img{width:100%;display:block;}
  .chooselist li .wz{font-size:16px;line-height:22px;height:44px;margin:20px 0;}
  .chooselist li .nmb{font-size:27px;}
  .chooselist li+li{margin-top:11px;}
   .sybt .wz{font-size:18px;}
    .fotc{width:100%;margin: 20px 0;}
  .fota,.yan{width:100%;}
  .box5{padding: 60px 0 49px;}
  #certify{margin-top: 30px;}
  #certify .swiper-slide p{font-size: 18px;}
  .ybj p{font-size: 14px;}
     .ybj h3 a{margin-bottom: 10px;}
     .ybj{top:4vw;}
     .ysort li{height: 70px;}

}

@media(max-width: 640px){
    .box1{margin: 30px 0;}
    .bt11{font-size: 26px;}
    .line1{width: 40px;height: 3px;margin-top: 10px;}
    .mySwiper{margin-top: 20px;}
    .box2{padding: 30px 0;}
    .p1{font-size: 14px;margin-top: 10px;}
    .pul{margin-top: 20px;}
    .pbj2{padding: 15px 0;}
    .pul li{width: 100%;margin-bottom: 20px;}
    .abt{font-size: 20px;margin-top: 5px;}
    .sbt{letter-spacing: 0;font-size: 40px;}
    .sul li p{font-size: 15px;line-height: 22px;}
    .sul{margin-top: 30px;}
    .acon{font-size: 14px;line-height: 26px;}
    .amore a{margin-top: 20px;}
      .box4{padding: 30px 0;}
          .sybt .wz{font-size:16px;}
    .sybt .wz2{font-size:25px;margin:8px 0;}
   
    .choosez{width:100%;}
    .chooselist{width:100%;margin-top:10px;}
    .chooselist li{margin-top:15px;}
    .chooselist li+li{margin-top:15px;}
    .chooselist li .wz{font-size:14px;}
    .chooselist li .nmb{font-size:24px;}
      .xw1{margin-top:20px;}
    .xw1 li{width:100%;}
    .xw1 li:nth-child(n+2){margin-top:25px;}
    .xw1 li .wz{font-size:18px;}
    .xw1 li .aa{height:50px;}
    .fota{width:100%;}
    .flx .wz{font-size:24px;margin:15px 0 10px;}
    .flx .wz2{font-size:14px;line-height:22px;}
    .fotc{width:100%;margin-top:20px;}
    .foot{padding:20px 0;}
    .bq{font-size:14px;}
    body{padding-bottom:70px;}
    .box5{padding: 30px 0;}
    #certify .swiper-button-prev2, #certify .swiper-button-next2{display: none;}
    #certify .swiper-slide{width: 277px;}
    #certify .swiper-slide p{font-size: 12px;margin-top: 15px;}
    #certify .swiper-slide .img{box-shadow: 0px 5px 10px 0px rgba(9, 1, 4, 0.3);}
    .yy{position: relative;z-index: 9999;}
    .ysort li{width: 50%;height: 50px;}
    .ying .img img{height: 300px;    object-fit: cover;}
    .ybj h3 a{font-size: 24px;}
    .ybj{top:40px;padding-right: 15px;}
    .ysort{background: none;}
    .ysort li p{padding-left: 5px;font-size: 10px;width: calc(100% - 48px);overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
    .ysort li img{max-width: 30px;}
    .box7{padding: 30px 0;}
    .flogo img{max-width: 40%;}
    .ms1 input{height: 40px;font-size: 14px;}
    .ms1 textarea{height: 80px;font-size: 14px;}
    .amore a{width: 120px;height: 35px;line-height: 35px;font-size: 14px;}


}