﻿@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage12-part1 .wmpage12-title .wmpage-title{font-size:var(--wmpage-font32);line-height:1.52;font-weight:var(--fontbold6);}
.wmpage12-part1{text-align:center}
.wmpage12-part1 .wmpage12-introduce{margin-top:25px}
.wmpage12-part1 .wmpage12-introduce p{line-height:1.5;color:var(--wmpage-color19,#777);max-width: 80%;margin: 0 auto;}
.wmpage12-part1 .swiper-slide img{width:100%}
.wmpage12-part1 .item .img{transition:all .3s ease-in-out}
.wmpage12-part1 .swiper-container{margin-top:35px;overflow:hidden}
.wmpage12-part1 .part1-title{font-size:var(--wmpage-font20);margin-top:20px;color:var(--wmpage-color20,#0d3745);font-weight:var(--fontbold7)}
.wmpage12-part1 .item:hover .img{box-shadow:0 20px 40px 0 rgba(13,55,69,.1)}
@media(max-width:1200px){.wmpage12-part1 .swiper-container{margin-top:25px}
.wmpage12-part1 .part1-title{font-size:var(--wmpage-font16);margin-top:10px}}
@media(max-width:1024px){.wmpage12-part1 .wmpage12-introduce{margin-top:15px}}
@media(max-width:800px){.wmpage12-part1 .wmpage12-introduce p{font-size:var(--wmpage-font14)}}
.certificate-page1,.certificate-page2,.certificate-page3{padding:5% 0}
.sfullwidthbg-c{position:relative;z-index:1}
.sfullwidthbg-c::before{content:'';background-color:#f6f6f6;position:absolute;left:50%;transform:translateX(-50%);top:0;width:100vw;height:100%;z-index:-1}
.certificate-page1 .wmpage12-part1 .wmpage-lwrap{display:flex;align-items:center;gap:20px;max-width:1600px;margin:0 auto}
.certificate .font18-700{font-size:var(--font18);font-weight:var(--fontbold7);margin-top:30px}
.intro-color-size{color:var(--introcolor);font-size:var(--font16);text-align:center;font-weight:var(--fontbold4)}
.certificate-page1 .wmpage12-part1 .swiper-container{flex:1;overflow:hidden;margin-top:0!important;text-align:center}
.certificate-page1 .wmpage12-part1 .swiper-button-next,.certificate-page1 .wmpage12-part1 .swiper-button-prev{position:static!important;width:50px!important;height:50px!important;background:#f8f5f0;border-radius:50%;color:var(--color);transition:all .3s;display:flex!important;align-items:center;justify-content:center;margin-top:0!important}
.certificate-page1 .wmpage12-part1 .swiper-button-next:hover,.certificate-page1 .wmpage12-part1 .swiper-button-prev:hover{background:var(--color);color:#fff}
.certificate-page1 .wmpage12-part1 .swiper-button-next::after,.certificate-page1 .wmpage12-part1 .swiper-button-prev::after{font-size:18px;font-weight:700}
.certificate-page2 .patents-tabs-body .kche-item-title{font-size:var(--font18);font-weight:var(--fontbold7);margin-top:30px}
@media (max-width:1720px){.certificate-page1 .wmpage12-part1 .swiper-button-prev{left:10px;z-index:10}
.certificate-page1 .wmpage12-part1 .swiper-button-next{right:10px;z-index:10}}
.certificate-page2 .patents-tabs-header{display:flex;justify-content:center;gap:20px;margin-bottom:40px}
.certificate-page2 .patents-tabs-header .tab-btn{padding:12px 35px;border-radius:30px;font-size:18px;font-weight:var(--fontbold7);cursor:pointer;transition:all .3s ease;border:1px solid #eaeaea;background:#fff;color:#333}
@media screen and (max-width:1024px){.certificate-page2 .patents-tabs-header .tab-btn{padding:12px 30px;font-size:16px!important;font-weight:var(--fontbold4)}}
.certificate-page2 .patents-tabs-header .tab-btn.active{background:var(--color);color:#fff;border-color:var(--color)}
.certificate-page2 .patents-tabs-body .tab-content{display:none}
.certificate-page2 .patents-tabs-body .tab-content.active{display:block}
.certificate-page2 .patents-swiper{position:relative;overflow:hidden;width:100%;padding-bottom:40px!important}
.certificate-page2 .patents-swiper .swiper-pagination-bullet{width:10px;height:10px;background:#ccc;opacity:1;margin:0 5px}
.certificate-page2 .patents-swiper .swiper-pagination-bullet-active{background:var(--color)}
.certificate-page3 .honors-swiper-wrap{position:relative}
.certificate-page3 .honors-swiper{position:relative;overflow:hidden;width:100%;padding-bottom:40px!important}
.certificate-page3 .honors-swiper .swiper-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center}
.certificate-page3 .honors-swiper .swiper-slide{flex-shrink:0;width:100%;box-sizing:border-box}
.certificate-page3 .honors-swiper .swiper-pagination-bullet{width:10px;height:10px;background:#ccc;opacity:1;margin:0 5px}
.certificate-page3 .honors-swiper .swiper-pagination-bullet-active{background:var(--color)}
.certificate .kche-t58 .kche-template-item h2,.certificate .kche-t58 .kche-template-item h3,.certificate .kche-t58 .kche-template-item h4{line-height:1;font-weight:var(--fontbold6,700);font-size:46px;margin:0;padding:0}
@media screen and (max-width:1720px){.certificate .kche-t58 .kche-template-item h2,.certificate .kche-t58 .kche-template-item h3,.certificate .kche-t58 .kche-template-item h4{font-size:36px!important}}
@media screen and (max-width:1440px){.certificate .kche-t58 .kche-template-item h2,.certificate .kche-t58 .kche-template-item h3,.certificate .kche-t58 .kche-template-item h4{font-size:28px!important}}
@media screen and (max-width:1024px){.certificate .kche-t58 .kche-template-item h2,.certificate .kche-t58 .kche-template-item h3,.certificate .kche-t58 .kche-template-item h4{font-size:26px!important}}
@media (max-width:768px){.certificate .kche-t58 .kche-template-item h2,.certificate .kche-t58 .kche-template-item h3,.certificate .kche-t58 .kche-template-item h4{font-size:24px!important}}
.certificate .banner-img.pagesbanner{position:relative;display:flex;align-items:center;justify-content:center}
.certificate-main .pagesbanner::after{background-color:#7c6b55}
.certificate-banner-p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:5;width:100%;padding:0 20px}
.certificate-banner-p p{margin:0;color:#fff}
.certificate-banner-p p:first-child{font-weight:var(--fontbold7);font-size:36px;line-height:1}
.certificate-banner-p p:last-child{font-size:18px}
@media screen and (max-width:1024px){.certificate-banner-p p:first-child{font-size:24px}}
@media screen and (max-width:768px){.certificate-banner-p p:first-child{font-size:20px}}
.certificate-page1 .part1-title,.certificate-page2 .kche-item-title,.certificate-page3 .font18-700{transition:color .3s ease}
.certificate-page1 .item:hover .part1-title,.certificate-page2 .kche-flex-item5:hover .kche-item-title,.certificate-page2 .kche-flex-item:hover .kche-item-title,.certificate-page3 .kche-flex-item4:hover .font18-700,.certificate-page3 .kche-flex-item:hover .font18-700{color:var(--color)}
.img-hover-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease;z-index:10;pointer-events:none}
.certificate-page1 .img:hover .img-hover-overlay,.certificate-page2 .kche-item-img:hover .img-hover-overlay,.certificate-page3 .kche-item-img:hover .img-hover-overlay{opacity:1}
.img-hover-overlay .icon-fangdajing{font-size:30px;color:#fff;width:30px;height:30px;line-height:30px;text-align:center}
.cert-preview-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.8);z-index:9999;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:all .3s ease}
.cert-preview-modal.active{opacity:1;visibility:visible}
.cert-preview-modal img{max-width:90%;max-height:90%;object-fit:contain;border-radius:4px;display:none}
.cert-preview-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:cert-spin 1s ease-in-out infinite;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px}
@keyframes cert-spin{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}}
.cert-preview-error{color:#fff;font-size:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.6);padding:10px 20px;border-radius:4px;display:none}
.cert-preview-close{position:absolute;top:20px;right:30px;color:#fff;font-size:40px;cursor:pointer;line-height:1;z-index:10000}
