html {
    scroll-behavior: smooth; /* 平滑滚动 */

}

body{ font-family: '微软雅黑' !important; font-weight: 500 !important;}
.nav-menu {

    height: 100vh;

    /* sticky定位 */
    position: sticky;
    top: 0;
}

.vjs-default-skin{width: 90%;}
.hh400 {
    width: 100%;
}
.hdp1 .my-bullet-active1{background:#8d2b04!important; width: 20px; border-radius: 6px}

.hdp1 .swiper-button-next, .hdp1 .swiper-button-prev {
    color:#ffffff;
    --swiper-navigation-size: 24px;
}
.hdp1 .swiper-pagination-bullet {
    background: var(--swiper-pagination-bullet-inactive-color,#fff);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 1);
}
.mobilenav{display: none}
.icon-fanhuidingbu{font-size: 64px;}

/* 返回顶部按钮样式 */
.back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 40px;
    height: 40px;
    background: #cccccc;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 24px;
    cursor: pointer;
    box-shadow: 0 4px 20px rgba(37, 117, 252, 0.4);
    border: none;
    outline: none;
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    z-index: 1000;
}

.back-to-top.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.back-to-top:hover {
    transform: translateY(-5px);
    background: #666666;
}

.back-to-top:active {
    transform: translateY(0);
}








    .scrolledno{display: none}

    .hidden-div {
        position: fixed;
        display: none;
        top: 70px;
        left: 0;
        width: 100%; height: 360px;
        z-index: 100;
        background: rgba(255,255,255,0.93);

    }


    .webtopnav{position: fixed; top: 0; z-index: 100;padding: 0px 0px; height: 70px;

        transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);

        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        background: rgba(0,0,0,0.25);

    }


    .webtopnav:hover{background:#ffffff;}

    .navright .icon-diqiu{font-size: 20px!important;}
    .navright{color: #ffffff;}
    .webtopnav:hover .navright{color: #333333;}

    .logo{margin-right: 200px;}











    /*导航*/
    /*导航*/
    .dropdownmenu ul, .dropdownmenu li {
        margin: 0;
        padding: 0;
    }

    .dropdownmenu ul.navz{}
    .dropdownmenu ul {
        list-style: none;
        width: 100%;
    }
    .dropdownmenu1 ul {
        list-style: none;
        width: 100%;
    }

    .dropdownmenu li {
        float: left;
        position: relative;
        width:auto;
    }

    .webtopnav .dropdownmenu ul.navz a{
        color: #ffffff;
        display: block;
        font-size: 16px;
        padding: 24px 30px;
        text-align: center;
        text-decoration: none;
        -webkit-transition: all .25s ease;
        -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
        -o-transition: all .25s ease;
        transition: all .25s ease;
    }

    .webtopnav:hover .dropdownmenu ul.navz a{
        color: #000000;
    }


    .znav2:hover a.znav3{
        color: #223c5f !important;
    }
a.noww{
    font-weight: bold; color: #faec02 !important;;
}


    .submenuy {
        padding-top: 15px !important;
        left: 50%;
        opacity: 0;
        position: absolute;
        z-index: 9;
        visibility: hidden;
        width: 200px !important;
        margin-left: -100px !important;
        /* 添加动画属性 */
        transform: translateY(-10px) scale(0.95);
        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.1);
    }

    li:hover ul.submenuy {
        opacity: 1;
        top: 69px;
        visibility: visible;
        /* 添加动画结束状态 */
        transform: translateY(0) scale(1);
    }

    .submenuy li {
        float: none;
        width: 100%;
        /* 为子菜单项添加动画 */
        transform: translateX(-10px);
        opacity: 0;
        transition: transform 0.3s ease, opacity 0.3s ease;
    }

    /* 为每个子菜单项添加延迟动画 */
    li:hover .submenuy li:nth-child(1) {
        transition-delay: 0.1s;
    }
    li:hover .submenuy li:nth-child(2) {
        transition-delay: 0.15s;
    }
    li:hover .submenuy li:nth-child(3) {
        transition-delay: 0.2s;
    }
    li:hover .submenuy li:nth-child(4) {
        transition-delay: 0.25s;
    }

    li:hover .submenuy li {
        transform: translateX(0);
        opacity: 1;
    }

    .submenuy a:hover {

        color: #223c5f !important;
        /* 为悬停添加过渡效果 */
        transition: all 0.2s ease;
    }

    .submenuy a {
        padding: 15px 35px !important;
        color: #333333 !important;
        display: block;
        /* 为链接添加过渡效果 */
        transition: all 0.2s ease;
    }
.webtopnav{font-weight: bold !important;}
    .webtopnav.scrolled{background:rgba(255,255,255,0.97); color: #333333;!important; font-weight: bold}

    .webtopnav.scrolled .dropdownmenu ul.navz a{
        color: #000000;
    }

    .webtopnav.scrolled .navright{color: #333333;}


.aboutleft{width: 50%}
.aboutleft img{width: 100%;
    height: auto;}
.aboutright{ margin-right: 8%; flex: 1;
    display: flex;
    align-items: center;      /* 垂直居中 */
    justify-content: flex-end;


    padding:0 0px 0px 20px;          /* 添加内边距让文字不贴边 */
}


.proleft{ margin-left: 8%;
    display: flex;
    align-items: center;      /* 垂直居中 */
    justify-content: flex-end; /* 水平居右 */
width: 30%;

    padding:0 30px 0 0px;          /* 添加内边距让文字不贴边 */
}
.pordright{width: 70%; padding-bottom: 100px; }
.indexabout{ width: 100%;
    display: flex;
    -webkit-justify-content: space-between;justify-content: space-between;
}
.aboutright p{text-align: right; width: 100%;  }
a.moreindex{border: #cccccc 1px solid; font-size: 14px; padding: 10px 30px;border-radius: 20px }
a.moreindex:hover{border: #223c5f 1px solid;color: #ffffff; background: #223c5f; }
.proleft1,.aboutright1{line-height: 36px}
.mySwiper99{margin-top: 100px;}
.mySwiper99.swiper-wrapper.swiper-slide{border-radius: 20px;   }
img.inproimg{border-radius: 20px!important;

    object-fit: cover;   /* 保持比例，裁剪多余部分（也可以使用 contain） */
    transition: transform 0.3s ease; /* 平滑动画 */
    display: block;      /* 去除图片下方的间隙 */

}
img.inproimg:hover{
   /* filter: sepia(60%) hue-rotate(-20deg) saturate(140%);
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* 贝塞尔曲线动画 */
    transform: scale(1.05); /* 放大到 1.2 倍，可调整 */
}


.inproimg1{position: relative;
    overflow: hidden;    /* 关键：隐藏溢出的部分 */
    border-radius: 20px!important;
}

.inproimg2{position: absolute; top: 30px; left: 0px; width: 100%; color: #ffffff;}
.monav{-webkit-justify-content: space-between;justify-content: space-between;}
.monav1{background: #EFEEED; padding: 50px 0px}
.monav2{margin-right: 50px; text-align: left;}
.monav2 p a{width: 100%; margin-top: 10px}
.monavright a{font-size: 32px; color: #999999; margin-left: 10px}
.monavright a:hover{color: #333333}
.momo{padding: 20px 0px}
.momo p{margin-top: 8px}
.bannernw{position: relative}
.bannernw p{position: absolute; left: 8%; bottom: 50px; font-size: 36px; font-weight: bold;color: #ffffff;letter-spacing: 10px;}
.proindexleft{width: 240px; padding-top: 100px}
.proindexright{ margin-left: 50px; margin-top: 100px;flex-direction: column;}

.proc2 p{margin-bottom: 20px; font-size: 20px}
.proc2 p a{border-bottom: #f7f7f7 1px solid; padding-bottom: 6px }
.proc2 p a:hover{border-bottom: #223c5f 1px solid;color: #223c5f}
.proc2 p.now a{border-bottom: #223c5f 1px solid;color: #223c5f}
.pror1 img{border-radius: 10px}
.pror1{position: relative; margin-bottom: 100px;}
.pror1 .prot1{position: absolute; top: 35px; left: 60px; font-size: 36px; font-weight: bold; color: #ffffff}
.pror1 .prot2{position: absolute; bottom: 110px; left: 50%; font-size: 14px; color: #ffffff; width: 100px; margin-left: -50px; background: rgba(255,255,255,0.4); text-align: center; padding: 10px 0px; border: #ffffff 1px solid; border-radius: 20px;}
.pror1 .prot2 a{color: #ffffff;}
.pror1 .prot2:hover a{color: #223c5f;}
.pror1 .prot2:hover {background: #ffffff;}
.pror1 .prot3{position: absolute; bottom: 0px;  font-size: 20px; font-weight: bold; color: #ffffff; width: 100%; background:rgba( 0,0,0,0.5); text-align: center; padding: 20px 10px}
.proindexrightweb{display: none}
.yxltu{width: 50%;}
.yxlright{ width: 50%;
    display: flex;
    align-items: center;      /* 垂直居中 */
    justify-content: flex-end;


    padding:0 0px;          /* 添加内边距让文字不贴边 */
}
.yxlright p{text-align: right; width: 100%; padding-left: 40px  }
.yxlrightl p{text-align: left; width: 100%; padding-right: 40px  }

.yxlindex{margin-top: 60px; padding-bottom: 40px}
.yxlindex1{margin-top: 80px}
.newslstit{border-bottom: #e5e5e5 1px solid; padding: 30px 0px; font-size: 20px;}
.newslstit p{margin-right: 50px; color: #333333}
.newslstit p.now a,.newslstit p a:hover{color: #223c5f; border-bottom: 1px #223c5f solid; padding: 10px 0px}

.newslstil{width: 68%}
.newslstir{width: 30%}
.newslsti1{border-bottom: #e5e5e5 1px solid; margin-top: 30px; padding-bottom: 30px;}
.newslstir img{border-radius: 6px;}
.newstitle{font-size: 24px; font-weight: 500;}
.newstitle a{color: #223c5f}
.newssmalltext{margin-top: 26px; color: #666666; font-size: 18px;}
.zw{padding: 100px 0px}
.zw .icon-zanwuwodegongdan-zanwuwodedaibangongdan{font-size: 64px; color: #e5e5e5}
.newsnwtitle{font-size: 28px; font-weight: bold; margin-top: 40px;}
.newsnwtime{padding: 20px 0px; border-bottom: #e5e5e5 1px solid}
.newsnwtext{font-size: 18px; line-height: 30px; margin-top: 40px; border-bottom: #e5e5e5 1px solid; padding-bottom: 40px;}
.syp{font-size: 18px; margin-top: 20px;}
.xyp{font-size: 18px; margin-top: 20px; margin-bottom: 30px;}
.newsnwtext img{max-width: 100%; height: auto}
.newsnwtext1{font-size: 18px; line-height: 30px; margin-top: 40px;  padding-bottom: 40px;}
.newsnwtext1 img{max-width: 100%; height: auto}
.protu{width: 40%}
.proz{width: 55%}
.eshop2{width: 24%; margin-bottom: 40px;}
.eshop3{font-weight: bold; font-size: 24px; margin-top: 12px;}
.eshop4{padding-bottom: 50px;}
.eshop1{font-size: 32px; font-weight: bold; padding: 46px 0px}
.protuu{width: 55%}
.prozz{width: 40%}
.proxq{font-size: 24px; font-weight: bold; border-bottom: #e5e5e5 1px solid; padding-bottom: 30px; margin-top: 30px}

.prolst{background: #ffffff; padding: 18px; border-radius: 8px; margin-bottom: 30px;}
.proz1{font-size: 28px; font-weight: bold}
.proz2{font-size: 16px; margin-top: 30px; line-height: 30px;}

.contrc1{font-size: 36px; font-weight: bold; padding-top: 50px;}
.contrc2{margin-top: 50px;}
.proindexleftweb{display: none}

.aboutna2{font-size: 32px; font-weight: bold;

    margin-top: 30px;}
.jmgy{position: relative;}
.jmgy1{color: #ffffff; position: absolute; left:8%; }
.aboutna3{font-size: 32px; font-weight: bold; margin-top: 150px}
.aboutna4{font-size:18px; line-height: 30px; margin-top: 40px }
@media (max-width: 1399px) {
    .logo{margin-right: 100px;}

    .webtopnav .dropdownmenu ul.navz a{

        padding: 24px 20px;

    }


}


@media (max-width: 1120px) {
    .vjs-default-skin{width: 100%;}
    .jmgy1{color: #ffffff; position: absolute; left:4%; }
    .aboutna3{font-size: 24px; font-weight: bold; margin-top: 20px}
    .aboutna4{font-size:14px; line-height: 18px; margin-top: 20px }
.width-245{width: 48%}

    .newsnwtitle{font-size: 28px; font-weight: bold; margin-top: 10px;}
    .protuu{width: 100%; }
    .prozz{width: 100%;}
    .proxq{font-size: 24px; font-weight: bold; border-bottom: #e5e5e5 1px solid; padding-bottom: 30px; margin-top: 30px}


    .proz1{font-size: 24px; font-weight: bold; margin-top: 16px;}
    .proz2{font-size: 14px; margin-top: 16px; line-height: 30px;}
.moreindex1{display: none}
    .prolst{background: #f7f7f7; padding: 0px; margin-top: 10px; border-radius: 0px; margin-bottom: 30px; border-bottom: #e5e5e5 1px solid;}
    .protu{width: 100%}
    .protu img{border-radius: 6px;}
    .proz{width: 100%}
.prologo{-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;justify-align-items: center;}

    .newslstil{width: 100%}
    .newslstir{width: 100%}
    .newslsti1{border-bottom: #e5e5e5 1px solid; margin-top: 30px; padding-bottom: 30px;}
    .newslstir img{border-radius: 6px; margin-top: 20px}
    .newstitle{font-size: 24px; font-weight: 500;}
    .newstitle a{color: #223c5f}





    .yxlright1{text-align: center; font-size: 14px; line-height: 36px;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;justify-align-items: center; display: flex;}
    .yxltu{width: 100%;order: 2}
    .yxlright{ width: 100%;order: 1;
        display: flex;
        align-items: center;      /* 垂直居中 */
        justify-content: flex-end;
margin-top: 40px;

        padding:0 0px;          /* 添加内边距让文字不贴边 */
    }
    .yxlright p{text-align: center; width: 100%; padding-left: 0px  }
    .yxlrightl p{text-align: center; width: 100%; padding-right: 0px  }

    .yxlindex{margin-top: 0px; padding-bottom: 40px;}



    .eshop2{width: 48%; margin-bottom: 20px;}
    .eshop3{font-weight: bold; font-size: 24px; margin-top: 12px;}
    .eshop4{padding-bottom: 50px; margin-top: 40px;}
    .eshop1{font-size: 32px; font-weight: bold; padding: 0px 0px}



    .protweb3 a{font-size: 14px; color: #333333; width: 100px;  text-align: center; padding: 10px 0px; border: #333333 1px solid; border-radius: 20px;}

    .width-84{width: 92%; margin-top: 40px}
    .proindexleft{display: none}
    .proindexleftweb{display: block; width: 100%}
    .prorweb1 img{border-radius: 10px;}
    .prorweb1{margin-bottom: 30px;}
    .bannernw p{position: absolute; left: 3%; bottom: 20px; font-size: 24px; font-weight: bold;color: #ffffff;letter-spacing: 4px;}
    .proindexrightweb{display: block}
    .proindexright{display: none}
    .proindexright1{display: block; width: 100%; margin-left: 0px; margin-top: 0px;}
    .monav1{background: #EFEEED; padding: 20px 0px}
    .monavright{width: 100%; -webkit-justify-content: center;justify-content: center;-webkit-align-items: center;justify-align-items: center;}
    .monavright a{margin-left: 5px; margin-right: 5px}
.back-to-top,.monavleft{display: none}
    .mySwiper99{margin-top: 30px;}
    .mySwiper99.swiper-wrapper.swiper-slide{border-radius: 10px;   }
    .pordright{ padding-bottom: 10px; }

    img.inproimg{border-radius: 10px!important;}
    .aboutleft{width: 100%;
        order: 2;}

    .indexabout,.indexpro{ width: 100%;
        display: flex;
        flex-direction: column;
    }
    .aboutright{
        order: 1;
        width: 100%; padding: 30px;
margin-right: 0;
        display: flex;
        -webkit-justify-content: center;justify-content: center;-webkit-align-items: center;justify-align-items: center;


    }
    .aboutright1,.proleft1{font-size: 16px;}
    .pordright{width: 97%;margin-left: 3%}

    .proleft{
        width: 100%; padding: 30px;
        display: flex;
        -webkit-justify-content: center;justify-content: center;-webkit-align-items: center;justify-align-items: center;
        margin: 0px;
    }
    .proleft p{text-align: center; width: 100%;  }
    .aboutright p{text-align: center; width: 100%;  }


.m-top-50px{margin-top: 30px;}
    .webtopnav{display: none}
    .mobilenav{display: block}
    @keyframes fadeInBody {
        from { opacity: 0; }
        to { opacity: 1; }
    }





    .swiper-button-prev,.swiper-button-next{display: none}



}

@media (min-width: 768px) and (max-width: 991px) {
    .sticky {
        position: absolute !important;
    }

    .printmax-header-area {
        display: none;
    }
}