/* 全局样式 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Arial, sans-serif;
    color: #333;
    line-height: 1.6;
}

/* 顶部导航栏 */
#navbar {
    color: white;
    transition: all 0.3s ease;
    position: fixed;
    width: 100%;
    z-index: 1000;top: 0;
}

#navbar.scrolled {    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    animation: slideDown 0.3s ease;
    background: #fff;}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}

.navbar-top {display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 13px;
    align-content: center;
    flex-wrap: nowrap;margin-top: 13px;
}
.navbar-top .left{    align-items: center;
    display: flex;
    flex: 1;
    height: 100%;}
.logo img {
    height:50px;
}

.search-box {
    flex: 1;
    max-width:650px;
    margin: 0 20px;    border: 2px solid #222;
    border-radius: 30px;
}
.el-icon svg {
    height: 1em;
    width: 1em;
}
.el-icon {
    --color: inherit;
    align-items: center;
    font-size: 20px;
    --color: #ffffff;
    color: var(--color);
    display: inline-flex;
    fill: currentColor;
    font-size: inherit;
    height: 1em;
    justify-content: center;
    line-height: 1em;
    position: relative;
    width: 1em;
}
.search-box form button{align-items: center;
    background: linear-gradient(315deg, #421eff, #20bdff 66%, #00fff0);
    border-radius: 20px;
    cursor: pointer;margin: 3px;
    display: flex;
    height:38px;
    justify-content: center;
    margin-right: 3px;border:none;
    width:38px;}
.search-box form{display: flex;
    justify-content: space-between;
    align-items: center;
}
.imgimg{clear: both;display: block;width:100%;overflow: hidden;}

.search-box input {
    width: 100%;
    padding: 8px 12px;
    border: none;
    border-radius: 20px;
    outline: none;    color: #222;
    font-family: AlibabaPuHuiTi-Medium;
    font-size: 14px;
}

.language-selector {
    display: flex;
    align-items: center;position: relative;height: 50px;
}
.language-selector a.langrz{display: flex;align-content: center;justify-content: center;align-items: center;gap: 7px;padding-left:15px;padding-right:15px;}
.language-selector a{text-decoration:none;}
.language-selector dd{display:none;position: absolute;top: 50px;background: #fff;width: 100%;    box-shadow: 0px 0px 10px #6a6d6b;padding-top: 15px;padding-bottom: 15px;z-index: 9999;}
.language-selector:hover dd{display: block;padding-right:15px;padding-left:15px;}
.language-selector dd a{display: flex;
    justify-content: flex-start;    width: 120px;
    align-items: center;
    gap: 7px;
    padding-top: 5px;
    padding-bottom: 5px;}
.language-selector dd a:hover p{color:#27ae60;}
.language-selector a img{height:22px;-o-object-fit: contain;object-fit: contain;}
.language-selector a p{font-size: 15px;
    color: #222;
    text-align: center;
    padding: 0;
    margin: 0;}

.company-info {    background: url(aa.jpg) no-repeat center center;
    background-size: cover;
    width: 100%;
}
.company-info .roww{    padding-top: 2.5em;
    padding-bottom: 2.5em;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 3em;}
.company-details{
    font-size: 15px;
    line-height: 20px;
    margin-top: 10px;
    clear: both;
    display: block;
}
.ininfr{clear: both;display: block;    margin-top: 10px;}
.ininfr span{    background: #fff;
    border-radius: 12px;
    flex-shrink: 0;    color: #222;    font-size: 12px;
    font-family: "AlibabaPuHuiTi", "Helvetica Neue", helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", arial, sans-serif;
    padding: 4px 20px;}

.company-info h3 {    flex: 1;
    font-family: AlibabaPuHuiTi-Medium;
    font-size: 24px;
    line-height: 30px;    font-weight: 600;
}

.company-details span {
    margin-right: 15px;
    font-size: 14px;
}

.company-info img {
    height:120px;
}

.navbar-bottom {background: #bdeb8f;
    clear: both;
    display: block;
}
.navbar-bottom .container{display: flex;
    justify-content: space-between;
    line-height: 50px;}

.nav-links {    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.nav-links li {    min-width: 200px;
    text-align: center;
}

.nav-links a {
    color: white;
    text-decoration: none;
    font-weight: bold;
    transition: color 0.3s ease;display: block;
}
.nav-links a.on,.nav-links a:hover{background-color: #0003;color:#fff;}
.el-icon svg {
    height: 18px;
    width: 18px;
}
.el-icon {
    --color: inherit;
    align-items: center;
    color: #363637;
    display: inline-flex;
    fill: currentColor;
    font-size: 18px;
    height: 1em;
    justify-content: center;
    line-height: 1em;
    position: relative;
    width: 1em;
}
.internal-search form button{    border: none;
    background: none;    padding-right: 15px;
    padding-top: 8px;}
    .internal-search form{    align-items: center;
    background: #f1f8ff;
    border-radius: 17px;
    display: flex;
    height: 34px;
    overflow: hidden;
    padding-left: 14px;
    font-size: 14px;}
.internal-search form input{background: #f1f8ff;}

.navbar-fixed-top.scrolled .company-info{display:none;}

.internal-search {
    display: flex;
    align-items: center;
}

.internal-search input {
    padding: 5px 10px;
    border: none;
    border-radius: 15px;
    outline: none;
    margin-right: 5px;min-width: 264px;
}

/* 轮播图 */
#banner {
    position: relative;
    background-color: #f8f9fa;
    width: 100%;
    overflow: hidden;
}

.swiper-slide img {
    width: 100%;
    height: auto;
}

.banner-content {
    background: linear-gradient(to right, #27ae60, #2ecc71);
    color: white;
    padding: 40px;
    border-radius: 10px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.banner-content h2 {
    font-size: 36px;
    margin-bottom: 20px;
    font-weight: bold;
}

.banner-content p {
    font-size: 18px;
    margin-bottom: 30px;
}

.product-images {
    display: flex;
    gap: 10px;
    margin-top: auto;
}

.product-images img {
    width: 80px;
    height: 80px;
    border-radius: 5px;
    object-fit: cover;
}

#featured-products .swiper-button-next{background-color: rgb(31 45 61 / 23%);
    width: 36px;
    height: 36px;
    right: 16px;
    border-radius: 50px;
}
#featured-products .swiper-button-prev{background-color: rgb(31 45 61 / 23%);
    width: 36px;
    height: 36px;
    left: 16px;
    border-radius: 50px;
}
#featured-products .swiper-button-next:after{    font-size: 16px;
    color: #fff;}
#featured-products .swiper-button-prev:after{    font-size: 16px;
    color: #fff;}
#featured-products .swiper-button-prev:hover,#featured-products .swiper-button-next:hover{background-color: hsl(0deg 0% 29.17% / 43%);}


.swiper-pagination-clickable .swiper-pagination-bullet{width:50px;height:4px;background-color: #fff;    opacity: .48;border-radius: 3px;}
.swiper-horizontal .swiper-pagination-bullet-active{background:#003bd8;opacity:1;}

/* 通栏产品展示 */
#featured-products {width:100%;overflow: hidden;
    background-color: #f8f9fa;    position: relative;
}

#featured-products .section-header {
    text-align: center;
    margin-bottom: 30px;
}

#featured-products h2 {
    color: #27ae60;
    font-size: 28px;
    font-weight: bold;
    padding: 10px 20px;
    display: inline-block;
    background-color: white;
    border-radius: 25px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.product-item {
    text-align: center;
    margin-bottom: 30px;
}

.product-item img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 5px;
    margin-bottom: 15px;
}

.product-item h3 {
    font-size: 16px;
    margin-bottom: 10px;
}

.product-item .btn {
    background-color: #27ae60;
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 20px;
    text-decoration: none;
    display: inline-block;
    transition: background-color 0.3s ease;
}

.product-item .btn:hover {
    background-color: #2ecc71;
}

/* 产品信息展示 */
#product-info {background: #f5f5f5;}

#product-info .container .col-md-3{    align-items: center;
    background: #fff;
    box-shadow: 0 4px 10px #0000001a;
    display: flex;
    justify-content: center;}

#product-info h2 {
    text-align: center;
    margin-bottom: 30px;
    color: #27ae60;
}

.product-card {    padding: 20px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}


.product-card:hover img{position: relative;
    transform: scale(1.05);
}

.product-card img {
max-width: 100%;height:240px;
    margin-bottom: 15px;    transition: all .3s ease-in-out;
}

.product-card p {color: #333;
    cursor: pointer;
    display: -webkit-box;
    font-family: AlibabaPuHuiTi;
    font-size: 16px;
    font-weight: 400;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    line-height: 22px;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    overflow: hidden;
    box-orient: vertical;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;    text-align: left;
}

.product-card .btn {border: 1px solid #000;
    border-radius: 16px;
    color: #333;
    cursor: pointer;
    flex-shrink: 0;
    font-family: AlibabaPuHuiTi;
    font-size: 16px;
    font-weight: 400;
    height: 32px;
    line-height: 30px;
    margin: 0 auto;
    text-align: center;padding: 0;
    width: 156px;}

.product-card .btn:hover {    background: linear-gradient(90deg, #003bd8, #4af9b6 99%), #d8d8d8;
    border: none;
    color: #fff;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

/* 关于我们 */
#about-us {clear: both;display: block;width:100%;}
.rowroww{clear: both;display:flex;width:100%;}

#about-us h2 {    color: rgb(114, 192, 64);
    font-size: 29px;margin-bottom:20px;
}
#about-us p{font-size: 15px;    color: #222;font-family: "AlibabaPuHuiTi", "Helvetica Neue", helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", arial, sans-serif;
    line-height:1.8;}

.about-content {    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    margin-top: 20px;
    background: #fff;
}

.about-image {    flex: 1;
    min-width: 800px;
}

.about-image img {
    width: 100%;
}

.about-text {
    flex: 1;    padding: 60px;
}

.about-text h3 {
    color: #27ae60;
    margin-bottom: 15px;
}

/* 图片展示 */
#image-showcase {clear: both;display: block;width:100%;
}

.showcase-container {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}

.showcase-container img {
    width: 100%;
    height: auto;
    transition: transform 0.5s ease;
}

.showcase-container:hover img {
    transform: scale(1.05);
}

.showcase-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.7);
    color: white;
    padding: 20px;
    transform: translateY(100%);
    transition: transform 0.3s ease;
}

.showcase-container:hover .showcase-overlay {
    transform: translateY(0);
}

/* 专利证书和认证 */
#certifications {
    padding:20px 0;clear: both;display: block;    position: relative;
}
#certifications .container{    background: url(zs.png) no-repeat center center;
    background-size: cover;position: relative;}


.cert-slider {
    margin-bottom: 30px;
}

.cert-item {
    text-align: center;
    padding: 20px;
}

.cert-item img {
    width: 100%;
    height:270px;margin-left: -20px;
}

.verification-section {clear: both;display: block;width:100%;padding-top: 3em;
}

.verification-section h3 {
    color: #27ae60;
    margin-bottom: 20px;
}

.verification-items {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;    margin-top: 2em;
}
.verification-items img{max-width:100%;}
.verification-item {
    display: flex;
    align-items: center;
}

.verification-item i {
    font-size: 24px;
    color: #27ae60;
    margin-right: 10px;
}

/* 专利证书 */
#certifications h2 {color: #fff;
    flex-shrink: 0;
    font-family: AlibabaPuHuiTi;
    text-align: center;
    width: 100%;
    padding-top: 50px;
    font-size: 50px;
    font-weight: 500;
    line-height: 54px;
}

.cert-slider .swiper-button-next{width: 40px;
    background-color: hsl(0deg 0% 100% / 80%);
    height: 40px;
    border-radius: 50%;
    right: 2em;}
.cert-slider .swiper-button-prev{width: 40px;
    background-color: hsl(0deg 0% 100% / 80%);
    height: 40px;
    border-radius: 50%;
    left: 2em;}
.cert-slider .swiper-button-next:after,.cert-slider .swiper-button-prev:after{    font-size: 16px;
    color: #333;}
.cert-slider .swiper-button-next:hover,.cert-slider .swiper-button-prev:hover{background-color: hsl(0deg 0% 100% / 80%);}



.cert-subtitle {    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-top: 18px;    color: #fff;
    flex-shrink: 0;
    font-family: AlibabaPuHuiTi;
    text-align: center;
    width: 100%;}

.cert-slider {    width: 80%;
    margin: 0 auto;padding: 2.5em 0 8em 0;  overflow: hidden;
}
.cert-slider .cert-item{background: url(k.png) no-repeat center center;
    background-size: cover;}



.cert-slider .cert-item img {
    max-height: 100%;
    object-fit: contain;
}


.verification-section h3 font{color: #424598;
    font-size: 24px;}

.verification-section h3 {    text-align: center;
    margin-bottom: 20px;
    color: #333;
    font-family: AlibabaPuHuiTi;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
}

/* 联系供应商 */
#contact-supplier {clear: both;display: block;width:100%;margin-bottom: 3em;}
#contact-supplier .container{background:#fff;}


#contact-supplier h2 {    color: #333;
    font-family: AlibabaPuHuiTi;
    font-size: 28px;
    font-weight: 500;
    line-height: 28px;
    text-align: center;    padding-top: 2em;
}

.contact-form {    background-color: #fff;
    box-sizing: border-box;
    min-height: 400px;
    padding: 30px 250px;
    width: 100%;
}

.form-group {
    margin-bottom: 20px;
}

.form-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
    color: #333;
}

.form-group textarea {    width: 100%;
    padding: 10px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    resize: vertical;
    min-height: 170px;
    background: #f3f4f6;
}

.form-group input {
    width: 100%;
    padding: 10px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
}

.char-count {
    display: block;
    text-align: right;
    font-size: 12px;
    color: #666;
    margin-top: 5px;
}

.btn-submit {background: linear-gradient(90deg, #003bd8, #4af9b6 99%);
    border: none;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    font-family: AlibabaPuHuiTi;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    margin: 20px auto 0;
    overflow: hidden;
    position: relative;display: block;
    text-align: center;
    width: 160px;
}

.btn-submit:hover:after {
    animation: lightSweep-7b42286b .6s ease-in-out;
    display: block;
}
.btn-submit:after {
    animation: none;
    animation-fill-mode: backwards;
    background: linear-gradient(90deg, transparent, hsla(0, 0%, 100%, .3), transparent);
    content: "";
    display: none;
    height: 100%;
    left: -100%;
    position: absolute;
    top: 0;
    width: 100%;
}

.btn-submit:hover {
    background-color: #2ecc71;
}

/* Footer */
#footer {
    background-color:#fff;
    color:#666;
    padding: 40px 0;
}

.footer-content {display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;}

.footer-info {
    flex: 1;
    min-width: 300px;
    margin-bottom: 20px;
}

.footer-info p {    color: #222;
    clear: both;
    margin: 0;
    font-size: 16px;
    line-height:2;
    font-family: "AlibabaPuHuiTi", "Helvetica Neue", helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", arial, sans-serif;
}

.social-links {    clear: both;
    display: block;
}

.social-links span {color: #222;
    clear: both;
    margin: 0;
    font-size: 16px;
    line-height:2;
    font-family: "AlibabaPuHuiTi", "Helvetica Neue", helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", arial, sans-serif;
}

.social-links a {
    color: white;
    margin-right: 10px;
    font-size: 18px;
    transition: color 0.3s ease;
}

.social-links a:hover {
    color: #27ae60;
}

.payment-methods {    flex: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap:30px;}

.payment-methods img {
    height: 32px;
}

.footer-bottom {padding-top: 20px;display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
}

.copyright{color: #666;align-items: center;display: flex;
    font-size: 15px;
    margin-top: 20px;}
.copyright a{color: #666;font-size: 15px;margin-left:10px;text-decoration:none;}
.copyright a:hover {
    color: #27ae60;
}

main{
    background: #f5f5f5;margin-top: 326px;
}

.navbar-fixed-top.scrolled + main {
    margin-top: 226px;
}
.adimg{clear: both;display: block;width:100%;margin-top:20px;}
.adimg img{clear: both;display: block;width:100%;}
.social-links a i{color: #444444;font-size: 24px;font-family: iconfont;font-style: normal;-webkit-font-smoothing: antialiased;}
.icon-facebook:before{content:""}
.icon-linkedin:before{content:""}
.icon-youtube:before{content:""}
.icon-TikTok:before{content:""}
.icon-instagram:before{content:""}
.icon-x:before{content:""}
.icon-kefux:before{content:""}
.follow-icon{
    color: #444444;
    font-size: 24px;
}
@font-face{font-display:swap;font-family:iconfont;font-style:normal;src:url(iconfont.woff2?t=1773039897546) format("woff2"),url(iconfont.woff?t=1773039897546) format("woff"),url(iconfont.ttf?t=1773039897546) format("truetype")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.clear{clear:both;display: block;width:100%;}
.productlist{clear:both;display: block;width:100%;padding-top: 20px;}
.productlist .container{align-items: flex-start;display: flex;justify-content: flex-start;}
.productlist .left{display: flex;flex-direction: column;width: 256px;margin-bottom:3em;}
.productlist .left h2{border-bottom: 1px solid #e0e0e0;box-sizing: border-box;color: #222;font-family: AlibabaPuHuiTi-Medium;font-size: 16px;line-height: 22px;padding: 12px 20px;font-weight: bold;}
.productlist .left .finrst{clear: both;display: block;background: #fff;}
.productlist .left .finrst dd{clear: both;display: block;}
.productlist .left .finrst dd a{clear: both;display: block;color: #003bd8;font-family: AlibabaPuHuiTi-Medium;text-decoration:none;text-underline-offset: 4px;font-size: 14px;line-height: 20px;padding: 10px 20px;}
.productlist .left .finrst dd a.on{font-weight: bold;}
.productlist .left .finrst dd a:hover{background: #f2f3f7;}
.productlist .right{box-sizing: border-box;padding-left: 20px;width: calc(100% - 256px);}
.productlist .left .twotwo{clear: both;display: block;background: #fff;margin-top:20px;}
.productlist .left .twotwo ul{padding:0;margin:0;}
.productlist .left .twotwo ul li{clear: both;display: block;width:100%;list-style: none;}
.productlist .left .twotwo ul li a{cursor: pointer;display: flex;margin-top: 10px;padding: 0 10px;text-decoration:none;}
.productlist .left .twotwo ul li a:hover dl{color: #003bd8;}
.productlist .left .twotwo ul li a dt{border-radius: 8px;
    overflow: hidden;
    position: relative;    flex-shrink: 0;
    height: 80px;    display: inline-block;
    width: 80px;}
.productlist .left .twotwo ul li a dl{box-sizing: border-box;
    flex: 1;
    overflow: hidden;
    padding-left: 10px;display: -webkit-box;
    font-size: 14px;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    line-height: 20px;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    overflow: hidden;
    box-orient: vertical;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;color: #000;font-family: "AlibabaPuHuiTi", "Helvetica Neue", helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", arial, sans-serif;}


.productlist .left .twotwo ul li a dt img{opacity: 1;object-fit: cover;height: 100%;
    width: 100%;transition: transform .4s ease-in-out;
    vertical-align: top;}
.productlist .left .twotwo ul li a dt img:hover{ transform: scale(1.05);}
.productlist .right ul{padding:0;margin:0;display: flex;
    flex-wrap: wrap;
    gap: 20px;}
.productlist .right ul li{    list-style: none;
    align-items: center;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 15px -3px #0000001a;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 12px 12px 20px;
    width: 23%;}
.productlist .right ul li dt img{max-width:100%;height:240px;transition: transform .4s ease-in-out;}
.productlist .right ul li dd{color: #222;padding-top: 12px;
    cursor: pointer;
    display: -webkit-box;
    font-size: 16px;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    line-height: 22px;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    overflow: hidden;
    box-orient: vertical;
    word-wrap: break-word;
    overflow-wrap: break-word;font-family: "AlibabaPuHuiTi", "Helvetica Neue", helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", arial, sans-serif;
    white-space: normal;}
.productlist .right ul li dd:hover{color: #003bd8;}
.productlist .right ul li a{text-decoration:none;}

.productlist .right ul li dt {width:100%;overflow: hidden;border-radius: 10px;}
.productlist .right ul li dt:hover img{transform: scale(1.1);}
.productlist .right ul li a.btn{border: 1px solid #000;
    border-radius: 16px;
    color: #333;
    cursor: pointer;
    flex-shrink: 0;
    font-family: AlibabaPuHuiTi;
    font-size: 16px;
    font-weight: 400;
    height: 32px;
    line-height: 30px;
    margin: 0 auto;
    text-align: center;
    padding: 0;margin-top: 20px;
    width: 156px;}
.productlist .right ul li a.btn:hover {
    background: linear-gradient(90deg, #003bd8, #4af9b6 99%), #d8d8d8;
    border: none;
    color: #fff;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}
.xrpagination{clear: both;display: block;width: 100%;margin-top:4em;}
.xrpagination ul.pagination{display: flex;align-content: center;justify-content: center;align-items: center;gap: 10px;}
.xrpagination ul.pagination li{width: auto;padding: 5px 15px;border-radius: 2px;}
.xrpagination ul.pagination li.active{background: #0d7037;}
.xrpagination ul.pagination li.active a{color:#fff;}
.xrpagination ul.pagination li:hover{background: #0d7037;cursor: pointer;}
.xrpagination ul.pagination li:hover a{color:#fff;}
.proaxqring{clear: both;display: block;width:100%;}
.mbxie{clear: both;display: block;padding: 10px 0px;color: #222;font-size: 15px;}
.mbxie a{font-weight: 700;text-decoration: none;color: #222;font-size: 15px;}
.proctarttr{clear: both;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-content: center;
    align-items: flex-start;gap: 5em;}
.proctarttr .left{width:50%;float: left;    background: #fff;}
.proctarttr .right{background: #fff;
    border-radius: 20px;    padding: 20px;
    box-shadow: 0 0 30px #0000001a;
    box-sizing: border-box;
    color: #333;
    margin-bottom: 20px;}
.pc-slide {
	width:100%;
	margin: 0 auto;
}

.view .swiper-container {
	width:100%;
	height:auto;
}

.view .arrow-left {background: #fff url(index_tab_l.png) no-repeat center center;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -25px;
    z-index: 10;
    width: 36px;
    height: 36px;
    border-radius: 50px;
    box-shadow: 0 0 30px #0000001a;
    color: #222;
    font-size: 18px;
    background-size: 14px 14px;}

.view .arrow-right {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    z-index: 10;
    width: 36px;
    height: 36px;
    border-radius: 50px;
    box-shadow: 0 0 30px #0000001a;
    color: #222;
    font-size: 18px;
    background-size: 14px 14px;
	background: url(index_tab_r.png) no-repeat center center;
background-size: 14px 14px;
	right: 10px;
	z-index: 10;
}

.preview {
	width: 100%;
	margin-top: 10px;
	position: relative;
}

.preview .swiper-container {
	width: 430px;
	height: 82px;
	margin-left: 35px;
}

.preview .swiper-slide {
	width: 87px;
	height: 82px;
	cursor:pointer;
}

.preview .slide6 {
	width: 82px;
}

.preview .arrow-left {
	background: url(feel3.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.preview .arrow-right {
	background: url(feel4.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.preview img {
	padding: 1px;
}

.preview .active-nav img {
	padding: 0;
	border: 1px solid #F00;
}
.proctarttr .right .cltitle{
    font-size: 22px;
    font-weight: 700;
    clear: both;
    display: block;
}
.proctarttr .right .ininto{
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin-top: 20px;
}
.proctarttr .right dl{color: #666;margin-bottom: 20px;
    font-size: 15px;    margin-top:8px;
    line-height: 20px;}
.proctarttr .right ul{    padding: 0;
    margin: 0;
    border-top: 1px solid #e5e5e5;
    padding-top: 20px;border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;}
.proctarttr .right ul dt{color: #222;
    font-family: AlibabaPuHuiTi-Medium;    margin-bottom: 2em;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;}
.proctarttr .right ul li{    display:block;
    margin-bottom: 14px;
    align-items: flex-start;}
.proctarttr .right ul li span{    width: 200px;
    font-size: 14px;
    color: #222;
    font-weight: 400;
    float: left;}
.proctarttr .right ul li .imgimg{    width: calc(100% - 200px);
    float: right;}
.proctarttr .right ul li .imgimg img{height:22px;}
.proctarttr .right ul li font{    color: #999;
    font-size: 12px;
    line-height: 14px;
    margin-top: 10px;}
.proctarttr .right ul li p{color: #222;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;}

.anrer{display: flex;margin-top:20px;}
.anrer a{width: 49%;}
.anrer a:first-child{border: 1px solid #333;
    border-radius: 71px 0 0 71px;    font-weight: bold;
    border-right: none;}
.anrer a:last-child{    background: linear-gradient(270deg, #4af9b6, #003bd8);
    border-radius: 0 64px 64px 0;
    color: #fff;}
.imaiqwrw{    clear: both;
    display: block;
    width: 100%;
    font-family: AlibabaPuHuiTi-Medium;
    font-size: 18px;
    color: #222;
    font-weight: bold;
    margin-top:1em;
    border-left: 5px solid #222;
    border-radius: 5px;
    padding-left: 26px;}
.cpintrorow{clear: both;display: block;width:100%;background: #fff;    padding-top: 1px;
    margin-top: 20px;}
.cpintrorow div{max-width: 100%;}
.cpintrorow img{max-width: 100%;}
.cpintrorow video{max-width: 100%;}
.abouttr{clear: both;display: block;width:100%;}
.abouttr .left{width:80%;float: left;    background: #fff;
    border-radius: 10px;
    margin-top: 20px;
    padding: 20px 124px 40px 100px;}


.abouttr .right{width:18%;float:right;    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 7px #0000001a;
    box-sizing: border-box;
    flex-shrink: 0;
    padding: 20px; margin-top: 20px;
    position: sticky;
    word-break: break-all;
    word-wrap: break-word;
    overflow-wrap: break-word;}
.abouttr .right .tttler{    color: #222;
    font-family: AlibabaPuHuiTi-Medium;padding-bottom:20px;
    font-size: 20px;font-weight: bold;
    line-height: 27px;}
.abouttr .right img{width:100%;}






/* 响应式设计 */
@media (max-width: 768px) {



.abouttr .left{width:100%;padding: 10px;}
.abouttr .left img{max-width:100%;}
.abouttr .right{width:100%;}
.proctarttr .right ul li .imgimg {
    width: calc(100% - 120px);
}
.proctarttr .right ul li span{width:120px;}
.proctarttr .right dl{font-size:12px;} 
.proctarttr .right .ininto {
    font-size: 14px;
}
.proctarttr .right .cltitle{font-size: 16px;}
.preview .swiper-slide {
    width: 60px;
    height: 60px;
}
.preview .swiper-container{width:96%;overflow: hidden;}
.preview{width:96%;overflow: hidden;}
.proctarttr .left{width:100%;}
.proctarttr{display: block;}
.xrpagination ul.pagination{text-align: center;}
.xrpagination{margin-top: 2em;}
.productlist .right .xrpagination ul.pagination li{width: auto;padding: 2px 11px;border-radius: 2px;display: inline-block;}
.productlist .right ul li dt img{height: auto;margin-bottom: 10px;border: 1px solid #dadada;padding: 20px;border-radius: 5px;}
.productlist .right ul li{width:100%;margin-bottom: 20px;}
.productlist .right ul{display: block;}
.productlist .right{padding-left: 0;width: 100%;}
.productlist .left{display:none;}
.productlist .container{display: block;}
main{margin-top: 0px;}
.navbar-fixed-top.scrolled + main {margin-top: 0px;}
.copyright{display: block;}
.footer-bottom{display: block;}
.payment-methods{display: block;}
#contact-supplier{margin-bottom: 1.5em;}
.footer-content{display: block;}
.contact-form{padding: 30px 0px;}

.cert-item img {
    height: 324px;
    margin-left: -28px;
    margin-top: -5px;
}
.cert-slider {padding: 1.5em 0 6em 0;}
.cert-subtitle{margin-top: 10px;        font-size: 14px;
        line-height: 1;}
#certifications h2{        font-size: 1.4em;
        padding-top: 30px;
        line-height: 1;}
.cert-slider .swiper-button-prev{left:0.5em;}
.cert-slider .swiper-button-next{right:0.5em;}
#about-us h2 {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: bold;
}
.about-text {padding: 10px;
    margin-top: 20px;
}
.about-image{min-width: 100%;}
.rowroww{display: block;}
#banner{margin-top: 0;}
.navbar-fixed-top.scrolled .company-info {
    display: block;
}
.company-info .roww{display: block;width: 100%;padding-top: 1em;
padding-bottom: 1em;}
.navbar-bottom .container{display: block;padding: 0;}
#navbar{position: relative;overflow: hidden;}
.logo img {
    height: 40px;
}
.company-info img {
    height: 100px;
    margin: 0 auto;
    display: block;
}
.ininfr span{         padding: 2px 5px;
        display: inline-block;
        margin-right: 1em;
        margin-bottom: 5px;}
.company-info .roww .left{clear: both;display: block;width: 100%;}
.company-info .roww .right{clear: both;display: block;width: 100%;}
#navbar.scrolled{ position: relative;}
.navbar-top {flex-direction: row;
        align-items: center;
        display: flex;        margin-top: 5px;
        margin-bottom: 5px;width: 100%;
        justify-content: space-between;
}
.language-selector{height:40px;}
.company-info h3{font-size: 14px;
        margin-top: 10px;
        line-height: 1.2;}
.company-details{font-size: 14px; line-height: 1;margin-top:0px;}
        

        
.search-box {display:none;}
    
    .navbar-bottom {
        flex-direction: column;width: 100%;
        align-items: flex-start;
    }
    
    .nav-links {clear: both;
        display: block;
        width: 100%;height: 50px;
    }
    
    .nav-links li {        width: 33.3%;
        float: left;
        min-width: auto;}
    
    .internal-search {display:none;
    }
    
    .about-content {
        flex-direction: column;
    }
    
    .about-image {
        margin-right: 0;
    }
    
    .verification-items {
        flex-direction: column;
        align-items: center;
    }
    
    .verification-item {
        margin-bottom: 15px;
    }
}