/******************************

 ******************************/


@import url('iconfont.css');
@import url("message.css");
:root{--color:#2B3AA1;--hovercolor:#1F1F1F;--fontcolor:#111111;--headercolor:#CCCCCC;--footercolor:#CCCCCC;--introcolor:#555555;--fontsize12:12px;--fontsize13:13px;--fontsize14:14px;--fontsize15:15px;--fontsize16:16px;--fontsize17:17px;--fontsize18:18px;--fontsize20:20px;--fontsize22:22px;--fontsize24:24px;--fontsize26:26px;--fontsize28:28px;--fontsize30:30px;--fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700;--fontfamily:'Lato','Open Sans','Roboto','Poppins','Oswald','Noto Sans','Montserrat',arial,sans-serif}
*,html,body,h1,h2,h3,h4,h5,h6,table,th,td,ul,li,dl,dt,dd,div,p{margin:0px;padding:0px;box-sizing:border-box}
html{margin:0px;padding:0px;overflow-x:hidden}
body{margin:0px auto;padding:0px;font-size:var(--fontsize16);color:var(--fontcolor);line-height:1.5;  font-family: 
    -apple-system, 
    BlinkMacSystemFont, 
    "Segoe UI", 
    Roboto, 
    "Helvetica Neue", 
    Arial, 
    "Hiragino Sans GB", 
    "PingFang SC", 
    "Microsoft YaHei", 
    "HarmonyOS Sans", 
    "Noto Sans SC", 
    sans-serif;
        }}






h1,h2,h3,h4,h5,h6{text-transform:capitalize;font-weight:var(--fontbold6)}
img{border:none;max-width:100%;max-height:100%;height:auto}
ol,ul,li{list-style:none}
a,a:hover{text-decoration:none;color:var(--fontcolor)}
table{border-collapse:collapse}
.table-responsive{touch-action:auto;width:100%;margin:.2rem 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
header{position:relative}
header .header-top{display:flex;height:50px;background:#0B0B0B;padding:0px 260px;justify-content:space-between}
header .header-top .top-info{display:flex;align-items:center;height:100%;color:var(--headercolor)}
header .header-top .top-info i{margin-right:5px}
header .header-top .top-info .info-email{margin-left:30px}
header .header-top .top-info a{color:var(--headercolor)}
header .header-top .top-right{display:flex;align-items:center;height:100%}
header .header-top .top-right .search-input{display:flex;align-items:center;width:230px;height:30px;box-sizing:border-box;border:1px solid var(--headercolor);border-radius:15px}
header .header-top .top-right .search-input .icon-search{cursor:pointer;color:var(--headercolor);margin-left:18px}
header .header-top .top-right .search-input input{margin-left:10px;height:24px;outline:0;border:none;color:var(--headercolor);background: transparent}
header .header-top .top-right .search-input .search-btn{display:none}
header nav{position:absolute;padding:0px 260px;top:50px;display:flex;width:100%;height:100px;box-sizing:border-box;justify-content:space-between;background:#FFFFFF;z-index:90;transition-property:height;transition-duration:.2s;transition-timing-function:ease}
header nav .header-logo{cursor:pointer;height:100%;display:flex;align-items:center;justify-content:center}
header nav .header-logo img{max-width:100%;max-height:100%}
header nav .header-logo a{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
header nav ul{display:flex;position:relative}
header nav ul li{display:flex;align-items:center;height:100%;margin:0px 26px;cursor:pointer;-webkit-tap-highlight-color:transparent}
header nav ul li:last-child{margin-right:0px}
header nav ul li a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;font-size:var(--fontsize18);font-weight:var(--fontbold6);color:var(--fontcolor);transition:all .3s ease;    font-weight: 500;}
header nav ul li a:after{transition:.4s ease-in-out;content:"";background:var(--color);left:50%;width:80%;height:2px;transform:translateX(-50%) rotateY(90deg);position:absolute;bottom:30px}
header nav ul li .inmenu_1{color:var(--color)}
header nav ul li .inmenu_1:after{content:"";width:90%;height:2px;left:50%;bottom:25px;background:var(--color);transform:translateX(-50%);position:absolute;transition:all .3s ease}
header nav ul li .inmenu_1~.icon-angle-down,header nav ul li:hover>.icon-angle-down,header nav ul li:hover>a{color:var(--color)}
header nav ul li:hover>.icon-angle-down:after{transform:translateX(-50%) rotateY(0)}
header nav ul li:hover>a:after{transform:translateX(-50%) rotateY(0);display:none}
header nav ul .submenu{display:flex;width:100vw;top:100px;right:-260px;background:#FCFCFC;flex-wrap:wrap;transform-origin:top;transform:rotateX(90deg);opacity:0;position:absolute;justify-content:center;transition:all .5s ease}
header nav ul .submenu li{position:relative;margin:10px 20px;border-bottom:none}
header nav ul .submenu li a{font-size:var(--fontsize16);font-weight:normal}
header nav ul .submenu li a{font-size:var(--fontsize16);font-weight:normal}
header nav ul .submenu li a{font-size:var(--fontsize16);font-weight:normal}
header nav ul .submenu li:after{content:"";position:absolute;height:15px;width:1px;right:-20px;background:#CCCCCC}
header nav ul .submenu li:last-child:after{content:none}
header nav ul .submenu+.icon-angle-down{position:relative;transform:scale(1);font-weight:var(--fontbold6);color:var(--fontcolor);margin-left:5px;top:1px}
header nav .nav-btn{display:none;position:relative;margin:auto 0px;height:5vw;width:7vw}
header nav .nav-btn span{border-radius:2px;position:absolute;display:block;width:7vw;height:.5vw;background-color:var(--color);transition:top .2s .2s,transform .2s,background .2s,opacity 0s .2s}
header nav .nav-btn span:first-child{top:.1vw}
header nav .nav-btn span:nth-child(2){top:2.5vw;width:6vw}
header nav .nav-btn span:nth-child(3){top:4.9vw}
header nav .toggle-animate span:first-of-type{top:1.6vw;transform:rotate(45deg);transition:top .2s,transform .2s .2s,background .2s}
header nav .toggle-animate span:nth-of-type(2){opacity:0;transition:opacity .2s}
header nav .toggle-animate span:nth-of-type(3){top:1.6vw;transform:rotate(-45deg);transition:bottom .2s,transform .2s .2s,background .2s}
header nav .mobile-search-btn{display:none}
header .min ul li a:after{bottom:15px}
main{margin-top:100px;width:100%}
main .common-pages{display:flex;justify-content:center;align-items:center;margin-bottom:50px;width:100%;height:60px}
main .common-pages span{opacity:.4}
main .common-pages a,main .common-pages span{margin:0px 5px;transition:all .3s ease;box-sizing:border-box;border:1px solid #F9F9F9;padding:8px 14px;display:flex;height:40px;justify-content:center;align-items:center;color:#494949}
main .common-pages a:hover,main .common-pages span.ctxt{background:var(--color);color:#FFFFFF}
main .common-pages span.ctxt{opacity:1;border:none}
main.common-container .inner-banner .pc{display:block}
main.common-container .inner-banner .sm{display:none}
footer{margin-top:30px;width:100%}
footer .top-btn{display:none;border-radius:50%;width:40px;height:40px;background:#FFFFFF;z-index:1;display:flex;justify-content:center;align-items:center;box-shadow:0px 5px 15px 0px rgba(0,0,0,.1);transition:all .4s ease}
footer .top-btn:hover{cursor:pointer;background:#CCCCCC}
footer .top-btn i{position:relative;transform:scale(1.4)}
footer .footer-top{margin:0px 260px;height:100px;background:var(--color);display:flex;align-items:center;padding:0px 40px;justify-content:space-between}
footer .footer-top .contact-left{display:flex}
footer .footer-top .contact-left .contact-logo img{position:relative;width:60%}
footer .footer-top .contact-left .contact-content{position:relative;margin:0px 0px 0px 40px;max-width:600px;height:100%}
footer .footer-top .contact-left .contact-content p:first-child{line-height:45px;position:relative;top:22px;font-size:26px;color:#FFFFFF}
footer .footer-top .contact-left .contact-content p:nth-child(2){font-size:var(--fontsize20);color:#FFFFFF}
footer .footer-top .contact-left .contact-content:before{content:"";position:absolute;top:32px;left:-20px;width:2px;height:30px;background:#FFFFFF;opacity:.6}
footer .footer-top .contact-btn{width:160px;height:45px;border:1px solid #FFFFFF3F;justify-content:flex-end;display:flex;justify-content:center;align-items:center;transition:all .3s ease}
footer .footer-top .contact-btn a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#FFFFFF;font-size:var(--fontsize16)}
footer .footer-top .contact-btn:hover{background:#FFFFFF}
footer .footer-top .contact-btn:hover a{color:var(--color)}
footer .footer-container{overflow:hidden;background:var(--hovercolor)}
footer .footer-container>ul{display:flex;height:100px;margin:0px 260px}
footer .footer-container>ul>li{height:100%;flex:1;display:flex;justify-content:center;align-items:center}
footer .footer-container>ul>li .logo{position:relative;height:100%;width:100px;background:url(../image/footer-contact.png) no-repeat}
footer .footer-container>ul>li .content{padding:30px 0px 0px 20px;height:100%;line-height:1.2;display:flex;flex-direction:column;flex:1}
footer .footer-container>ul>li .content .content-title{color:var(--footercolor);padding-bottom: 4px;}
footer .footer-container>ul>li .content .content-title:after{content:"";background:#FFFFFF;width:3px;height:30px}
footer .footer-container>ul>li .content .content-text,footer .footer-container>ul>li .content .content-text a{color:var(--footercolor);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
footer .footer-container>ul>li.map .logo{background-position:30px 22px}
footer .footer-container>ul>li.email .logo{background-position:-90px 22px}
footer .footer-container>ul>li.tel .logo{background-position:-210px 22px}
footer .footer-container>ul>li span{height:26px;width:2px;background:#FFFFFF3F}
footer .footer-container .bottom-info{margin:30px 260px;height:auto;display:flex;background:var(--hovercolor)}
footer .footer-container .bottom-info>li{height:100%;display:block;margin:0px 15px}
footer .footer-container .bottom-info>li .title{color:#FFFFFF;line-height:50px;font-size:var(--fontsize20);font-weight:var(--fontbold6)}
footer .footer-container .bottom-info>li:last-child{margin-right:0px}
footer .footer-container .bottom-info .intro{flex:1.3}
footer .footer-container .bottom-info .intro .intro-text{color:var(--footercolor);line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
footer .footer-container .bottom-info .intro .contact-list{margin-top:30px;display:flex}
footer .footer-container .bottom-info .intro .contact-list li{width:32px;height:32px;margin-right:10px;display:flex;transition:all .5s;justify-content:center;align-items:center;box-sizing:border-box}
footer .footer-container .bottom-info .intro .contact-list li a{color:var(--footercolor)}
footer .footer-container .bottom-info .intro .contact-list li a:hover{color:var(--color)}
footer .footer-container .bottom-info .nav{flex:1}
footer .footer-container .bottom-info .nav ul li a{position:relative;color:var(--footercolor);line-height:28px;padding-left:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:4px 0;}
footer .footer-container .bottom-info .nav ul li a:hover{color:#FFFFFF}
footer .footer-container .bottom-info .nav ul li a:after{content:">";position:absolute;top:0px;left:0px}
footer .footer-container .bottom-info .cate{flex:1}
footer .footer-container .bottom-info .cate ul li a{position:relative;color:var(--footercolor);line-height:28px;padding-left:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:4px 0;}
footer .footer-container .bottom-info .cate ul li a:hover{color:#FFFFFF}
footer .footer-container .bottom-info .cate ul li a:after{content:">";position:absolute;top:0px;left:0px}
footer .footer-container .bottom-info .code{flex:0.5}
footer .footer-container .bottom-info .code img{width:135px;height:135px;min-width:135px;background:#000000;opacity:.85;transition:all .5s;display:block;margin:0px auto}
footer .footer-container .bottom-info .code img:hover{opacity:1;cursor:pointer}
footer .footer-container .bottom-info .code .title{text-align:center}
footer .footer-container .bottom-info .contact-list{display:none}
footer .footer-container .right-text{color:var(--footercolor);font-size:var(--fontsize14);padding:10px 260px}
footer .footer-container .right-text a{color:var(--footercolor);margin-left:10px}
.sm-mask,footer .mobile-bottom{display:none}
.sm-mask{position:fixed;width:100%;bottom:0px;height:100%;background:rgba(0,0,0,.6);z-index:9;top:13.3333333333vw}
#toast-container{padding-top:250px}
.singglepic{z-index:9!important;width:450px!important;height:450px!important;margin-bottom:40px!important;border-color:#EEE!important;display:flex;justify-content:center;align-items:center}
.home-container{width:100%}
.home-container .swiper-container .swiper-slide{width:100%;transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;overflow:hidden}
.home-container .swiper-container .swiper-slide img{transform:translateZ(0)}
.home-container .swiper-container .swiper-button-next:after,.home-container .swiper-container .swiper-button-prev:after{content:""}
.home-container .swiper-container .swiper-button-next i,.home-container .swiper-container .swiper-button-prev i{transform:scale(3);color:var(--color)}
.home-container .swiper-container .swiper-pagination-bullet{background:#FFFFFF}
.home-container .swiper-container .swiper-pagination-bullet-active{background:var(--color)}
.home-container .part-title{position:relative}
.home-container .part-title h3{text-align:center;font-size:40px;line-height:1.2;color:var(--fontcolor)}
.home-container .part-title h3 em{color:var(--color);font-style:normal}
.home-container .part-title p{text-align:center;color:var(--fontcolor)}
.home-container .part-title:after{color:#EEEEEE;font-weight:var(--fontbold6);font-size:120px;position:absolute;top:-80%;left:50%;transform:translateX(-50%);z-index:-99}
.home-container .welcome-info{margin-top:80px}
.home-container .welcome-info .part-title:after{content:"02"}
.home-container .welcome-info .part-item{margin:50px 260px 0px}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide{display:flex}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item{position:relative;border:1px solid #EAEAEA;flex:1;margin-right:50px;transition:all .5s}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:last-child{margin-right:0px}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:auto;background:var(--color)}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img img{transition:all .5s ease;width:100%;display:block}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img a{transition:all .5s ease;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0px;left:0px;display:flex;font-size:var(--fontsize24);transform:translate3d(0,20px,0);opacity:0;color:#FFFFFF;z-index:666}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img:after{content:"";display:block;}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item p{color:var(--fontcolor)}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-title{margin:10px 10px 0px;font-size:var(--fontsize18)}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-content{margin:10px;font-size:var(--fontsize16);color:var(--introcolor);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover{transform:translateY(-2px);box-shadow:0 0 15px rgba(0,0,0,.3)}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-title{color:var(--color)}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-img img{opacity:.4}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-img a{transform:translateZ(0);opacity:1}
.home-container .welcome-info .part-item .swiper-part-pagination{margin:30px 0px;display:flex;justify-content:center}
.home-container .welcome-info .part-item .swiper-part-pagination .swiper-pagination-bullet{background:#000000}
.home-container .welcome-info .part-item .swiper-part-pagination .swiper-pagination-bullet-active{background:var(--color)}
.home-container .about-info{overflow:hidden;width:100%;display:flex;    margin-top: 60px;}
.home-container .about-info div{width:50%}
.home-container .about-info .about-img img{width:100%;display:block}
.home-container .about-info .about-content{padding:40px 0px;background:var(--color);display:flex;flex-direction:column;justify-content:space-evenly}
.home-container .about-info .about-content .content-title{padding-left:80px;font-size:36px;font-weight:var(--fontbold6);color:#FFFFFF}
.home-container .about-info .about-content article{padding-left:80px;padding-right:200px}
.home-container .about-info .about-content article p{font-size:var(--fontsize18);color:#FFFFFF;line-height:32px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical}
.home-container .about-info .about-content .about-btn{width:180px;height:50px;border:1px solid #FFFFFF;font-size:var(--fontsize20);display:flex;justify-content:center;align-items:center;margin-left:80px;transition:all .5s ease}
.home-container .about-info .about-content .about-btn:hover{background:#FFFFFF;border:2px solid var(--color);cursor:pointer}
.home-container .about-info .about-content .about-btn:hover a{color:var(--color)}
.home-container .about-info .about-content .about-btn a{color:#FFFFFF}
.home-container .hot-product{margin-top:60px}
.home-container .hot-product .part-title:after{content:"01"}
.home-container .hot-product ul{margin:50px 260px;display:flex;flex-wrap:wrap;justify-content:space-between}
.home-container .hot-product ul li{width:31%;height:30%;margin-bottom:30px}
.home-container .hot-product ul li .pro-img{width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;border:1px solid #EEEEEE}
.home-container .hot-product ul li .pro-img img{display:block;width:100%;height:100%;border:none;transition:all .5s}
.home-container .hot-product ul li .pro-img:after{display:block;content:"";padding-top:100%}
.home-container .hot-product ul li .pro-name{color:var(--fontcolor);font-size:var(--fontsize18);line-height:45px;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.home-container .hot-product ul li .pro-btn{width:120px;height:35px;margin:0px auto;border:1px solid #CCCCCC;text-transform:lowercase;border-radius:20px;display:flex;justify-content:center;align-items:center;transition:all .5s}
.home-container .hot-product ul li .pro-btn a{color:var(--fontcolor)}
.home-container .hot-product ul li:hover .pro-img img{transform:scale(1.1)}
.home-container .hot-product ul li:hover .pro-name{color:var(--color)}
.home-container .hot-product ul li:hover .pro-btn{border:1px solid #FFFFFF;background:var(--color)}
.home-container .hot-product ul li:hover .pro-btn a{color:#FFFFFF}
.home-container .lastest-news{width:100%; margin-top:80px}
.home-container .lastest-news .part-title:after{content: "03";}
.home-container .lastest-news .part-title{ margin-bottom:50px}
.home-container .lastest-news ul{width:100%;display:flex;flex-wrap:wrap}
.home-container .lastest-news ul li{width:50%}
.home-container .lastest-news ul li a object{display:flex}
.home-container .lastest-news ul li div{flex:1}
.home-container .lastest-news ul li .news-img img{width:100%;display:block}
.home-container .lastest-news ul li .news-content{position:relative;background:#F6F6F6;display:flex;flex-direction:column;justify-content:space-evenly;padding:30px 0}
.home-container .lastest-news ul li .news-content .news-title{margin:0px 80px;color:var(--fontcolor);font-size:var(--fontsize20);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.home-container .lastest-news ul li .news-content .news-date{margin:0px 80px;color:var(--introcolor)}
.home-container .lastest-news ul li .news-content article{margin:0px 80px;color:var(--introcolor);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.home-container .lastest-news ul li .news-content .more-link{margin:0px 80px;color:var(--fontcolor);font-size:var(--fontsize16)}
.home-container .lastest-news ul li .news-content .more-link i{color:var(--fontcolor);position:relative;top:1px;transform:scale(1.7)}
.home-container .lastest-news ul li .news-content:before{content:"";position:absolute;bottom:0px;transition:opacity .7s ease 0s,transform .7s ease 0s;width:94%;height:92%;top:4%;left:3%;opacity:0;border-top:2px solid var(--color);border-bottom:2px solid var(--color);transform:scaleX(0);-webkit-transform:scaleX(0);box-sizing:border-box}
.home-container .lastest-news ul li .news-content:after{transition:opacity .5s ease 0s,transform .5s ease 0s;content:"";border-left:2px solid var(--color);border-right:2px solid var(--color);transform:scaleY(0);-webkit-transform:scaleY(0);opacity:0;position:absolute;width:94%;height:92%;top:4%;left:3%;box-sizing:border-box}
.home-container .lastest-news ul li:hover .news-content .more-link a,.home-container .lastest-news ul li:hover .news-content .more-link i,.home-container .lastest-news ul li:hover .news-content .news-title a{color:var(--color)}
.home-container .lastest-news ul li:hover .news-content:after,.home-container .lastest-news ul li:hover .news-content:before{opacity:1;transform:scale(1)}
.home-container .lastest-news ul li:nth-child(3) a object,.home-container .lastest-news ul li:nth-child(4) a object{flex-direction:row-reverse}
.home-container .partners{margin:80px 260px}
.home-container .partners .part-title:after{content:"04"}
.home-container .partners ul{width:100%;margin-top:50px;display:flex;flex-wrap:wrap}
.home-container .partners ul li{max-width:16%;min-width:16%;height:0px;padding-bottom:13%;flex:1;border-top:1px solid #EEEEEE;border-left:1px solid #EEEEEE;border-bottom:1px solid #EEEEEE;transition:all .5s}
.home-container .partners ul li a{display:block}
.home-container .partners ul li img{transition:all .3s ease}
.home-container .partners ul li:nth-of-type(6n){border-right:1px solid #EEEEEE}
.home-container .partners ul li:nth-of-type(n+7){border-bottom:1px solid #EEEEEE}
.home-container .partners ul li:nth-of-type(n+7):hover{border-bottom:1px solid var(--color)}
.home-container .partners ul li:hover{border-top:1px solid var(--color);border-left:1px solid var(--color);border-bottom:1px solid var(--color)}
.home-container .partners ul li:hover img{transform:scale(1.1)}
.home-container .partners ul li:hover+li{border-left:1px solid var(--color)}
.home-container .partners ul li:hover+li+li+li+li+li+li{border-top:1px solid var(--color)}
.home-container .partners ul li:nth-of-type(6n):hover{border-right:1px solid var(--color)}
.common-container .inner-banner{width:100%;min-height:10px;background:#F1F1F1}
.common-container .inner-banner img{width:100%;display:block}
.common-container .breadcrumbs-nav{position:relative;padding:15px 260px;border-bottom:1px solid #ECECEC;color:var(--fontcolor)   ;  background-color: #f3f3f3;}
.common-container .breadcrumbs-nav span{margin:0px 5px}
.common-container .breadcrumbs-nav h1,.common-container .breadcrumbs-nav h1 a,.common-container .breadcrumbs-nav h2,.common-container .breadcrumbs-nav h2 a{display:inline;font-size:var(--fontsize16);color:var(--color)}
.abouts-content{padding:0px 260px 50px}
.abouts-content .abouts-title{margin-top:40px;font-size:var(--fontsize28);font-weight:var(--fontbold6);color:var(--fontcolor);text-transform:uppercase;padding:10px 0px;border-bottom:1px solid #D5D5D5;margin-bottom:20px}
.abouts-content article div{margin-bottom:30px}
.abouts-content article .content,.abouts-content article .title,.abouts-content article p{color:var(--fontcolor);line-height:28px}
.abouts-content article .title{font-size:var(--fontsize16);font-weight:var(--fontbold6)}
.abouts-content article .content{width:1000px}

.abouts-content article .imgs-list{margin-top:30px;display:flex;justify-content:space-between}
.abouts-content article .imgs-list li{margin-right:10px}
.abouts-content article .imgs-list li:last-child{margin:0px}
.abouts-content article .imgs-list li img{display:block}
.products-content{position:relative;width:100%;padding-top:0px}
.products-content .type-box{margin:0px 260px 50px}
.products-content .type-box h1{font-size:var(--fontsize24);padding:5px 10px;color:var(--fontcolor);border-left:5px solid var(--color);border-bottom:1px solid #EEEEEE}
.products-content .pro-list{width:100%;box-sizing:border-box;margin-top:40px;padding:0px 260px; overflow:hidden}
.products-content .pro-list li{transition:all .4s ease}
.products-content .pro-list .list-1{box-sizing:border-box;flex:1;width:23.5%;min-width:23.5%;max-width:23.5%;border:2px solid #EEEEEE;margin-right:2%;margin-bottom:40px; float:left}
.products-content .pro-list .list-1:nth-of-type(4n){margin-right:0px}
.products-content .pro-list .list-1 .pro-img{position:relative;width:100%;display:flex;justify-content:center;align-items:center}
.products-content .pro-list .list-1 .pro-img a{width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.products-content .pro-list .list-1 .pro-img img{position:absolute;max-width:100%;max-height:100%;display:block}
.products-content .pro-list .list-1 .pro-img:after{display:block;content:"";padding-top:100%}
.products-content .pro-list .list-1 .pro-name{padding:10px 20px 0px;min-height:50px;display:flex;justify-content:center;align-items:center}
.products-content .pro-list .list-1 .pro-name a{text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--fontcolor);font-size:var(--fontsize18);font-weight:var(--fontbold6)}
.products-content .pro-list .list-1 article{padding:0px 20px;margin-top:10px}
.products-content .pro-list .list-1 article a{color:var(--introcolor);font-size:var(--fontsize16);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.products-content .pro-list .list-1>span{display:block;margin:10px;height:1px;background:#EEEEEE}
.products-content .pro-list .list-1 .more-btn{display:block;margin:30px 20px;height:37px;background:var(--color);color:#FFFFFF;line-height:37px;text-align:center}
.products-content .pro-list .list-1:hover{box-shadow:0px 5px 15px rgba(0,0,0,.1);transform:translateY(-3px)}
.products-content .pro-list .list-2{width:100%;display:flex;margin-bottom:30px}
.products-content .pro-list .list-2 .pro-img{width:280px;display:flex;justify-content:center;align-items:center;border:1px solid #E5E5E5}
.products-content .pro-list .list-2 .pro-img img{display:block;width:100%}
.products-content .pro-list .list-2 .pro-info{padding:40px;flex:1;background:#F6F6F6}
.products-content .pro-list .list-2 .pro-info .pro-name a{font-size:var(--fontsize18);font-weight:var(--fontbold6);color:var(--fontcolor);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.products-content .pro-list .list-2 .pro-info article{margin-top:15px}
.products-content .pro-list .list-2 .pro-info article a{font-size:var(--fontsize16);color:var(--introcolor);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.products-content .pro-list .list-2 .pro-info .more-btn{margin-top:35px;width:200px;height:42px;display:block;display:flex;justify-content:center;align-items:center;border:1px solid var(--color);color:var(--color);font-size:var(--fontsize18);font-weight:var(--fontbold6);transition:all .3s ease}
.products-content .pro-list .list-2 .pro-info .more-btn i{position:relative;top:1.2px;margin-left:5px;transform:scale(1.1)}
.products-content .pro-list .list-2:hover{cursor:pointer;box-shadow:0px 5px 15px 0px rgba(0,0,0,.1);transform:translateY(5px)}
.products-content .pro-list .list-2:hover .pro-info .more-btn{background:var(--color);color:#FFFFFF}
.products-content .pro-list .list-2:hover .pro-info .more-btn i{color:#FFFFFF}
.products-content .pro-list .list-2 .compare-action{position:relative;margin:10px 0px;justify-content:flex-start}
.products-content .pro-list .list-1.pro-checked{border:2px solid var(--color)}
.products-content .pro-list:after{content:"";width:23%}
.products-content .seo-key{margin:0px 260px;padding:10px;line-height:1.7em;color:var(--fontcolor);border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.1)}
.products-content .seo-key a{text-decoration:underline;text-transform:lowercase}
.products-content .seo-key a:hover,.products-content .seo-key a:active{color:var(--color)}
.pro-filter{position:absolute;top:6px;right:260px;height:40px;background:var(--color);display:flex;justify-content:space-between;align-items:center;padding:0px 40px 0px 10px}
.pro-filter>a{color:#FFFFFF!important;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.pro-filter i{top:8px;right:15px;position:absolute;transform:scale(1.2);color:#FFFFFF}
.pro-filter i:hover,.pro-filter:hover{cursor:pointer}
.filter-box{width:100%;position:absolute;top:-40px;padding:0px 260px;max-height:350px;min-height:100px;overflow-y:auto;background:#FCFCFC;transition:all .4s ease;z-index:20;box-shadow:0 7px 10px -7px rgba(0,0,0,.6);transform-origin:top;transform:rotateX(90deg);opacity:0}
.filter-box::-webkit-scrollbar{width:3px}
.filter-box::-webkit-scrollbar-thumb,.filter-box::-webkit-scrollbar-track{border-radius:10px;background-color:rgba(0,0,0,.1)}
.filter-box::-webkit-scrollbar-thumb{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}
.filter-box .pro-type-list{padding:15px 0px}
.filter-box .pro-type-list>ul{width:100%;display:flex;flex-wrap:wrap}
.filter-box .pro-type-list>ul a{transition:all .4s ease}
.filter-box .pro-type-list>ul a:hover{color:var(--color)}
.filter-box .pro-type-list>ul .LiLevel1{width:25%;margin-bottom:20px}
.filter-box .pro-type-list>ul .LiLevel1 li:last-child{margin-bottom:0px}
.filter-box .pro-type-list>ul .LiLevel1 li a{width:100%;height:100%;line-height:40px}
.filter-box .pro-type-list>ul .LiLevel1 li a,.filter-box .pro-type-list>ul .LiLevel1>a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-align:center}
.filter-box .pro-type-list>ul .LiLevel1>a{font-size:var(--fontsize18);height:35px;line-height:35px;background:#FFFFFF;width:70%;border-top:2px solid var(--color)}
.filter-box .pro-type-list>ul .LiLevel1 .sub-menu{margin:10px 0px 0px;display:flex;flex-wrap:wrap;flex-direction:column}
.filter-box .pro-type-list>ul .LiLevel2{width:70%;height:35px;background-color:#FFFFFF;margin-bottom:10px}
.filter-box .pro-type-list>ul .LiLevel2 a{font-size:var(--fontsize13)}
.filter-box .pro-type-list>ul .LiLevel2 .sub-menu{display:none}
.filter-box .pro-type-list .prosubmenu{width:100%}
.filter-box .pro-type-list .prosubmenu>ul{width:100%;display:flex;flex-wrap:wrap}
.filter-box .pro-type-list .prosubmenu>ul a{transition:all .4s ease}
.filter-box .pro-type-list .prosubmenu>ul a:hover{color:var(--color)}
.filter-box .pro-type-list .prosubmenu>ul>li{width:25%;margin-bottom:10px}
.filter-box .pro-type-list .prosubmenu>ul>li>a{margin:0px auto;font-size:var(--fontsize18);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:35px;background:#FFFFFF;text-align:center;width:90%;border-top:1px solid var(--color)}
.filter-box .scrollTip{height:35px;width:35px;box-sizing:border-box;position:absolute;right:260px;bottom:40px;animation:down 1.5s infinite;border-radius:50%;background:rgba(0,0,0,.3);-webkit-animation:down 1.5s infinite;display:flex;justify-content:center;align-items:center}
.filter-box .scrollTip i{position:relative;top:1px;transform:scale(2);color:#FFFFFF}
@keyframes down{0%{transform:translate(0)}20%{transform:translateY(15px)}40%{transform:translate(0)}}
@-webkit-keyframes down{0%{transform:translate(0)}20%{transform:translateY(15px)}40%{transform:translate(0)}}
.common-container .news-content{margin:0px 260px}
.common-container .news-content .news-list{margin:50px 0px 0px;width:100%;display:flex;flex-wrap:wrap}
.common-container .news-content .news-list .list-1{width:100%;padding:15px;margin-bottom:25px;background:#FCFCFC;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}
.common-container .news-content .news-list .list-1:hover{cursor:pointer;box-shadow:0px 5px 10px rgba(0,0,0,.2);transform:translateY(-2px)}
.common-container .news-content .news-list .list-1:hover .news-info .more-btn,.common-container .news-content .news-list .list-1:hover .news-info .news-title a{color:var(--color)}
.common-container .news-content .news-list .list-1 .news-img{width:200px;max-width:200px;min-width:200px;height:150px;display:flex;justify-content:center;align-items:center}
.common-container .news-content .news-list .list-1 .news-img img{width:100%}
.common-container .news-content .news-list .list-1 .news-info .news-date{color:var(--introcolor)}
.common-container .news-content .news-list .list-1 .news-info .news-title{margin-top:10px}
.common-container .news-content .news-list .list-1 .news-info .news-title a{color:var(--fontcolor);font-size:var(--fontsize18);font-weight:var(--fontbold6);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.common-container .news-content .news-list .list-1 .news-info .news-text{margin:10px 0px;font-size:var(--fontsize16);color:var(--introcolor);display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.common-container .news-content .news-list .list-1 .news-info .news-text a{color:var(--introcolor);font-size:var(--fontsize16);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.common-container .news-content .news-list .list-1 .news-info .more-btn{position:relative;display:block;color:var(--fontcolor)}
.common-container .news-content .news-list .list-1 .news-info .more-btn i{position:absolute;top:1px;left:80px;transform:scale(1)}
.common-container .news-content .news-list .list-2{margin-right:25px;width:23%;border:2px solid #EEEEEE;box-sizing:border-box;margin-bottom:50px;transition:all .4s ease}
.common-container .news-content .news-list .list-2:nth-of-type(4n){margin-right:0px}
.common-container .news-content .news-list .list-2 .news-img{width:100%}
.common-container .news-content .news-list .list-2 .news-img img{width:100%;max-width:100%;max-height:100%;transition:all .4s ease}
.common-container .news-content .news-list .list-2 .news-info{padding:8px}
.common-container .news-content .news-list .list-2 .news-info .news-date{color:var(--introcolor)}
.common-container .news-content .news-list .list-2 .news-info .news-title{margin-top:10px}
.common-container .news-content .news-list .list-2 .news-info .news-title a{color:var(--fontcolor);font-weight:var(--fontbold6);font-size:var(--fontsize18);line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.common-container .news-content .news-list .list-2 .news-info .news-text{margin:10px 0px;font-size:var(--fontsize16);color:var(--introcolor);display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.common-container .news-content .news-list .list-2 .news-info .news-text a{color:var(--introcolor);font-size:var(--fontsize16);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.common-container .news-content .news-list .list-2:hover{border-color:var(--color);box-shadow:0px 0px 5px 1px rgba(0,0,0,.3);transform:translateY(-3px)}
.common-container .news-content .news-list .list-2:hover .news-info .news-title a{color:var(--color)}
.common-container .news-content .common-pages{margin-bottom:80px}
.knowledges-content{margin:0px 260px}
.knowledges-content .knowledges-list{margin:50px 0px 30px;width:100%;display:flex;flex-wrap:wrap}
.knowledges-content .knowledges-list .list-1{width:100%;padding:15px;margin-bottom:25px;background:#FCFCFC;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}
.knowledges-content .knowledges-list .list-1:hover{cursor:pointer;box-shadow:0px 5px 10px rgba(0,0,0,.2);transform:translateY(-2px)}
.knowledges-content .knowledges-list .list-1:hover .knowledges-info .knowledges-title a,.knowledges-content .knowledges-list .list-1:hover .knowledges-info .more-btn{color:var(--color)}
.knowledges-content .knowledges-list .list-1 .knowledges-img{width:200px;max-width:200px;min-width:200px;height:150px;display:flex;justify-content:center;align-items:center}
.knowledges-content .knowledges-list .list-1 .knowledges-img img{width:100%}
.knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-date{color:var(--introcolor)}
.knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-title{margin-top:10px}
.knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-title a{color:var(--fontcolor);font-size:var(--fontsize18);font-weight:var(--fontbold6);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-text{margin:10px 0px;font-size:var(--fontsize16);color:var(--introcolor);display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-text a{color:var(--introcolor);font-size:var(--fontsize16);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.knowledges-content .knowledges-list .list-1 .knowledges-info .more-btn{position:relative;display:block;color:var(--fontcolor)}
.knowledges-content .knowledges-list .list-1 .knowledges-info .more-btn i{position:absolute;top:1px;left:80px;transform:scale(1)}
.knowledges-content .knowledges-list .list-2{margin-right:25px;width:23%;border:2px solid #EEEEEE;box-sizing:border-box;margin-bottom:50px;transition:all .4s ease}
.knowledges-content .knowledges-list .list-2:nth-of-type(4n){margin-right:0px}
.knowledges-content .knowledges-list .list-2 .knowledges-img{width:100%}
.knowledges-content .knowledges-list .list-2 .knowledges-img img{width:100%;max-width:100%;max-height:100%;transition:all .4s ease}
.knowledges-content .knowledges-list .list-2 .knowledges-info{padding:8px}
.knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-date{color:var(--introcolor)}
.knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-title{margin-top:10px}
.knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-title a{color:var(--fontcolor);font-weight:var(--fontbold6);font-size:var(--fontsize18);line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-text{margin:10px 0px;font-size:var(--fontsize16);color:var(--introcolor);display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-text a{color:var(--introcolor);font-size:var(--fontsize16);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.knowledges-content .knowledges-list .list-2:hover{border-color:var(--color);box-shadow:0px 0px 5px 1px rgba(0,0,0,.3);transform:translateY(-3px)}
.knowledges-content .knowledges-list .list-2:hover .knowledges-info .knowledges-title a{color:var(--color)}
.knowledges-content .common-pages{margin-bottom:80px}
.news-detail-content{margin:50px 0px 100px;width:100%;padding:0px 260px}
.news-detail-content .news-title{padding:0px 160px;text-align:center;color:var(--fontcolor);font-size:var(--fontsize28)}
.news-detail-content .news-date{margin:0px;color:var(--introcolor);text-align:center}
.news-detail-content .news-views{color:var(--introcolor);margin-left:20px;text-align:center}
.news-detail-content .news-info{display:flex;justify-content:center;align-items:center;margin-bottom:20px}
.news-detail-content article p{margin-bottom:5px;color:var(--fontcolor)}
.news-detail-content article p:first-of-type{margin-top:0px}
.news-detail-content span.line{margin:20px 0px;display:block;width:100%;height:1px;background:#ECECEC}
.news-detail-content .pages-list a,.news-detail-content .pages-list div,.news-detail-content .pages-list span{color:var(--fontcolor);font-size:var(--fontsize16)}
.news-detail-content .pages-list span{color:var(--color)}
.news-detail-content .pages-list div{margin-top:10px}
.news-detail-content .pages-list a:hover{text-decoration:underline;color:var(--color)}
.knowledges-detail-content{margin:50px 0px 100px;width:100%;padding:0px 260px}
.knowledges-detail-content .knowledges-title{padding:0px 160px;text-align:center;color:var(--fontcolor);font-size:var(--fontsize30);line-height:48px;font-weight:var(--fontbold6)}
.knowledges-detail-content .knowledges-date{color:var(--introcolor);text-align:center}
.knowledges-detail-content .knowledges-views{color:var(--introcolor);margin-left:20px;text-align:center}
.knowledges-detail-content .knowledges-info{display:flex;justify-content:center;align-items:center;margin-bottom:20px}
.knowledges-detail-content article p{margin-bottom:10px;color:var(--fontcolor)}
.knowledges-detail-content article p:first-of-type{margin-top:0px}
.knowledges-detail-content span.line{margin:20px 0px;display:block;width:100%;height:1px;background:#ECECEC}
.knowledges-detail-content .pages-list a,.knowledges-detail-content .pages-list div,.knowledges-detail-content .pages-list span{color:var(--fontcolor);font-size:var(--fontsize16)}
.knowledges-detail-content .pages-list span{color:var(--color)}
.knowledges-detail-content .pages-list div{margin-top:10px}
.knowledges-detail-content .pages-list a:hover{text-decoration:underline;color:var(--color)}
.pro-detail-content{position:relative;margin-bottom:100px}
.pro-detail-content .pro-review{margin:50px 260px 30px;display:flex}
.pro-detail-content .pro-review .pro-preview-left{min-width:428px;height:550px;box-sizing:border-box}
.pro-detail-content .pro-review .pro-preview-right{padding:10px 80px 0px;margin-bottom:20px;flex:1}
.pro-detail-content .pro-review .pro-preview-right .pro-name{font-size:var(--fontsize28);color:var(--fontcolor);margin-bottom:10px}
.pro-detail-content .pro-review .pro-preview-right .pro-price,.pro-detail-content .pro-review .pro-preview-right .pro-views{font-size:var(--fontsize24);color:var(--color);line-height:24px;margin:20px 0px}
.pro-detail-content .pro-review .pro-preview-right article{font-size:var(--fontsize16);color:var(--introcolor);margin:10px 50px 0px 0px}
.pro-detail-content .pro-review .pro-preview-right .btn-list{margin-top:10px;display:flex;flex-wrap:wrap}
.pro-detail-content .pro-review .pro-preview-right .btn-list .btn,.pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2{height:46px;width:300px;border:1px solid var(--color);display:flex;justify-content:center;align-items:center;margin:20px 20px 0px 0px;cursor:pointer}
.pro-detail-content .pro-review .pro-preview-right .btn-list .btn a,.pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2 a{width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.pro-detail-content .pro-review .pro-preview-right .btn-list .btn span,.pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2 span{font-size:var(--fontsize18);color:var(--color)}
.pro-detail-content .pro-review .pro-preview-right .btn-list .btn:hover span,.pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2:hover span{color:#FFFFFF}
.pro-detail-content .pro-detail-title{padding:0px 260px;line-height:50px;width:100%;background:#FCFCFC;font-size:var(--fontsize22);text-align:center;color:var(--fontcolor);font-weight:var(--fontbold6)}
.pro-detail-content .pro-intro{margin:30px 260px 0px}
.pro-detail-content .pro-intro .intro-title{font-size:var(--fontsize20);font-weight:var(--fontbold6);color:var(--color);line-height:50px}
.pro-detail-content .pro-intro article{font-size:var(--fontsize16);color:var(--fontcolor);padding:0px}
.pro-detail-content .pro-intro article p {font-size:var(--fontsize16);color:var(--fontcolor)}
.pro-detail-content .pro-spec{margin:30px 260px 0px}
.pro-detail-content .pro-spec .spec-title{font-size:var(--fontsize20);font-weight:var(--fontbold6);color:var(--color);line-height:50px}
.pro-detail-content .pro-spec .spec-content{padding:20px 0px;border-top:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6}
.pro-detail-content .pro-spec .spec-content table tr td{height:50px;width:480px}
.pro-detail-content .pro-bottom-tip{margin:0px 260px;font-size:var(--fontsize16);color:var(--fontcolor);padding:40px 0px}
.pro-detail-content .pro-page-switch{width:100%;background:#FCFCFC;height:50px;padding:0px 260px;display:flex;justify-content:space-between;margin:50px 0px}
.pro-detail-content .pro-page-switch .page-next,.pro-detail-content .pro-page-switch .page-prev{font-size:var(--fontsize16);color:var(--fontcolor);line-height:50px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.pro-detail-content .pro-page-switch .page-prev{display:flex}
.pro-detail-content .pro-page-switch .page-prev i{margin-right:10px}
.pro-detail-content .pro-page-switch .page-prev .page-btn{margin-right:30px}
.pro-detail-content .pro-page-switch .page-next{display:flex;flex-direction:row-reverse}
.pro-detail-content .pro-page-switch .page-next i{margin-left:10px}
.pro-detail-content .pro-page-switch .page-next .page-btn{margin-left:30px}
.pro-detail-content .pro-page-switch .page-btn{width:180px;height:100%;background:var(--color);display:flex;justify-content:center;align-items:center;color:#FFFFFF;font-size:var(--fontsize16);line-height:50px}
.pro-detail-content .pro-page-switch a{font-size:var(--fontsize16);color:var(--fontcolor);line-height:50px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.pro-detail-content .random-pro-list{margin:0px 260px}
.pro-detail-content .random-pro-list .random-title{font-size:var(--fontsize22);font-weight:var(--fontbold6);color:var(--fontcolor);line-height:50px;text-align:center;background:#FCFCFC}
.pro-detail-content .random-pro-list ul{margin-top:20px;display:flex;justify-content:space-between}
.pro-detail-content .random-pro-list ul li{flex:1;max-width:15%;min-width:15%}
.pro-detail-content .random-pro-list ul li .pro-img{width:100%;border:1px solid #EEEEEE;display:flex;justify-content:center;align-items:center;overflow:hidden}
.pro-detail-content .random-pro-list ul li .pro-img img{width:100%;transition:all .3s ease}
.pro-detail-content .random-pro-list ul li .pro-img:after{display:block;content:"";padding-top:100%}
.pro-detail-content .random-pro-list ul li .pro-name{text-align:center;color:var(--fontcolor);min-height:40px;margin:10px 0px}
.pro-detail-content .random-pro-list ul li .more-btn{margin:0px auto;display:block;width:100px;height:33px;border:1px solid #000000;border-radius:16px;display:flex;justify-content:center;align-items:center;font-size:var(--fontsize14);font-weight:var(--fontbold6);color:var(--fontcolor);transition:all .3s ease}
.pro-detail-content .random-pro-list ul li:hover .more-btn{background:var(--color);color:#FFFFFF;border:1px solid var(--color)}
.pro-detail-content .random-pro-list ul li:hover .pro-img img{transform:scale(1.2)}
.pro-detail-content .send-inquiry{margin-top:40px}
.pro-detail-content .send-inquiry .inquiry-title{margin:20px 0px;width:100%;height:50px;line-height:50px;font-size:var(--fontsize22);font-weight:var(--fontbold6);color:var(--fontcolor);text-align:center;background:#FCFCFC}
.pro-detail-content .send-inquiry .inquiry-form{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;margin:0px 260px}
.pro-detail-content .share-btn-list{margin-top:30px}
.swiper-pagination-bullet-active{background:var(--color)!important}
.common-container .contact-wrapper{margin:50px 0px;display:flex}
.common-container .contact-wrapper .contact-left{padding:20px;width:450px;background:#FCFCFC}
.common-container .contact-wrapper .contact-left .title{font-size:var(--fontsize30);font-weight:var(--fontbold6);color:var(--fontcolor)}
.common-container .contact-wrapper .contact-left ul li{margin:0px 0px 20px;line-height:24px;color:var(--fontcolor)}
.common-container .contact-wrapper .contact-left ul li .contact-way{font-size:var(--fontsize18);font-weight:var(--fontbold6)}
.common-container .contact-wrapper .contact-left ul li .contact-info{font-size:var(--fontsize16)}
.common-container .contact-wrapper .contact-left ul li .contact-num{font-size:var(--fontsize20);margin-top:10px}
.common-container .contact-wrapper .contact-main{margin-left:20px;flex:1}
.common-container .contact-wrapper .contact-main .send-inquiry .inquiry-form{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;margin-left:30px}
.common-container .video-content{margin:0px 260px}
.common-container .video-content .video-list{margin:50px 0px;width:100%}
.common-container .video-content .video-list li{height:195px;padding:0px 24px;display:flex;justify-content:space-between;align-items:center;background:#FCFCFC;margin-bottom:20px;transition:all .3s ease}
.common-container .video-content .video-list li:hover{cursor:pointer;box-shadow:0px 5px 10px rgba(0,0,0,.2);transform:translateY(-2px)}
.common-container .video-content .video-list li:hover .video-info .more-btn,.common-container .video-content .video-list li:hover .video-info .video-title a{color:var(--color)}
.common-container .video-content .video-list li .video-img{width:200px;height:150px}
.common-container .video-content .video-list li .video-img img{width:100%}
.common-container .video-content .video-list li .video-info .video-date{color:var(--introcolor)}
.common-container .video-content .video-list li .video-info .video-title{margin-top:10px}
.common-container .video-content .video-list li .video-info .video-title a{color:var(--fontcolor);font-size:var(--fontsize18);font-weight:var(--fontbold6);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.common-container .video-content .video-list li .video-info .video-text{margin:10px 0px;font-size:var(--fontsize16);color:var(--introcolor);display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.common-container .video-content .video-list li .video-info .video-text a{color:#999999;font-size:var(--fontsize16);line-height:24px}
.common-container .video-content .video-list li .video-info .more-btn{position:relative;display:block;color:var(--fontcolor)}
.common-container .video-content .video-list li .video-info .more-btn i{position:absolute;top:1px;left:80px;transform:scale(1)}
.common-container .video-content .video-list-2{display:flex;flex-wrap:wrap;margin:50px 0px;width:100%}
.common-container .video-content .video-list-2 li{margin-right:36px;width:23%;border:2px solid #EEEEEE;box-sizing:border-box;margin-bottom:50px;transition:all .4s ease}
.common-container .video-content .video-list-2 li:nth-of-type(4n){margin-right:0px}
.common-container .video-content .video-list-2 li .video-img{width:100%}
.common-container .video-content .video-list-2 li .video-img img{width:100%;max-width:100%;max-height:100%;transition:all .4s ease}
.common-container .video-content .video-list-2 li .video-info{padding:8px}
.common-container .video-content .video-list-2 li .video-info .video-date{color:var(--introcolor)}
.common-container .video-content .video-list-2 li .video-info .video-title{margin-top:10px}
.common-container .video-content .video-list-2 li .video-info .video-title a{color:var(--fontcolor);font-weight:var(--fontbold6);font-size:var(--fontsize18);line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.common-container .video-content .video-list-2 li .video-info .video-text{margin:10px 0px;font-size:var(--fontsize16);color:var(--introcolor);display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.common-container .video-content .video-list-2 li .video-info .video-text a{color:var(--introcolor);font-size:var(--fontsize16);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.common-container .video-content .video-list-2 li:hover{border-color:var(--color);box-shadow:0px 0px 5px 1px rgba(0,0,0,.3);transform:translateY(-3px)}
.common-container .video-content .video-list-2 li:hover .video-info .video-title a{color:var(--color)}
.common-container .video-content .common-pages{margin-bottom:80px}
.common-container .feedback-content{margin:50px 0px;padding:0px 260px;display:flex}
.common-container .feedback-content .feedback-main{flex:1}
.common-container .feedback-content .feedback-main .feedback-tips{margin-bottom:50px}
.common-container .feedback-content .feedback-main .feedback-tips p{line-height:30px}
.common-container .feedback-content .feedback-main .feedback-tips p a{color:var(--color)}
.common-container .feedback-content .feedback-main .send-inquiry .inquiry-form{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap}
@media(min-width:1441px)and (max-width:1680px){
.home-container .about-info .about-content .content-title{font-size:var(--fontsize30)}
.home-container .about-info .about-content article{padding-right:100px}
.home-container .about-info .about-content article p{font-size:var(--fontsize18)}
.home-container .about-info .about-content .about-btn{width:140px;height:40px;font-size:var(--fontsize18)}
.home-container .lastest-news ul li .news-content .more-link,.home-container .lastest-news ul li .news-content .news-date,.home-container .lastest-news ul li .news-content .news-title,.home-container .lastest-news ul li .news-content article{margin:0px 50px}}
@media(min-width:1281px)and (max-width:1440px){
.home-container .about-info .about-content .content-title{font-size:var(--fontsize26)}
.home-container .about-info .about-content article{padding-right:100px}
.home-container .about-info .about-content article p{font-size:var(--fontsize14)}
.home-container .about-info .about-content .about-btn{width:120px;height:30px;font-size:var(--fontsize14)}
.home-container .lastest-news ul li .news-content .news-title{margin:0px 40px;font-size:var(--fontsize20)}
.home-container .lastest-news ul li .news-content .more-link,.home-container .lastest-news ul li .news-content .news-date,.home-container .lastest-news ul li .news-content article{margin:0px 40px}}
@media(min-width:1281px)and (max-width:1520px){
.home-container .welcome-info .part-item{margin:50px 100px 0px}
.home-container .hot-product ul{margin:50px 100px}
.home-container .partners{margin:140px 100px 150px}}
@media(max-width:1440px){
.home-container .part-title p:first-child{font-size:40px}
.home-container .part-title:after{font-size:170px}
.home-container .about-info .about-content .content-title{padding-left:20px;font-size:var(--fontsize18)}
.home-container .about-info .about-content article{padding:0px 20px}
.home-container .about-info .about-content article p{font-size:var(--fontsize16);line-height:28px}
.home-container .about-info .about-content .about-btn{width:120px;height:30px;font-size:var(--fontsize14);margin-left:20px}}
@media(min-width:1081px)and (max-width:1280px){
.home-container .welcome-info .part-item{margin:50px 50px 0px}
.home-container .hot-product ul{margin:50px 50px}
.home-container .lastest-news ul li .news-content .news-title{margin:0px 30px;font-size:var(--fontsize16)}
.home-container .lastest-news ul li .news-content .more-link,.home-container .lastest-news ul li .news-content .news-date,.home-container .lastest-news ul li .news-content article{margin:0px 30px}
.home-container .partners{margin:140px 50px 150px}}
@media(min-width:769px)and (max-width:1081px){
.home-container .welcome-info .part-item{margin:50px 15px 0 25px}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item{margin-right:25px}
.home-container .about-info .about-content article{padding:0px 20px}
.home-container .about-info .about-content article p{font-size:var(--fontsize14);line-height:28px}
.home-container .hot-product ul{margin:50px 25px}
.home-container .lastest-news ul li .news-content .news-date,.home-container .lastest-news ul li .news-content .news-title{margin:0px 20px;font-size:var(--fontsize14)}
.home-container .lastest-news ul li .news-content .more-link,.home-container .lastest-news ul li .news-content article{margin:0px 20px;font-size:var(--fontsize12)}
.home-container .lastest-news ul li .news-content:before{border-top:2px solid var(--color);border-bottom:2px solid var(--color)}
.home-container .lastest-news ul li .news-content:after{border-left:2px solid var(--color);border-right:2px solid var(--color)}
.home-container .lastest-news ul li .news-content:after,.home-container .lastest-news ul li .news-content:before{width:96%;height:94%;top:3%;left:2%}
.home-container .partners{margin:140px 25px 150px}}
@media screen and (max-width:768px){
.home-container #swiper-banner .swiper-button-next,.home-container #swiper-banner .swiper-button-prev{display:none}
.home-container .part-title h3{font-size:4.8vw}
.home-container .part-title p{line-height:24px;font-size:3.4666666667vw}
.home-container .part-title:after{font-size:19.2vw;top:-8vw}
.home-container .welcome-info{margin-top:10vw}
.home-container .welcome-info .part-item{margin:5vw 4vw 0vw}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide{max-width:50vw}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-title{font-size:var(--fontsize16);display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-content{font-size:var(--fontsize16)}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img{min-height:41vw;background:#FFFFFF}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover{transform:translateY(0);box-shadow:none}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-title{color:var(--color)}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-img img{opacity:.4}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-img a{transform:translateZ(0);opacity:1}
.home-container .welcome-info .part-item .swiper-part-pagination{margin:4vw 0vw}
.home-container .about-info{position:relative}
.home-container .about-info .about-img{width:100%;background:var(--color)}
.home-container .about-info .about-img img{opacity:.1}
.home-container .about-info .about-content{padding:6vw 0vw;width:100%;background:0 0;z-index:9}
.home-container .about-info .about-content .content-title{padding-left:4vw;font-size:4.8vw;font-weight:var(--fontbold6);color:#FFFFFF}
.home-container .about-info .about-content article{padding-left:4vw;padding-right:4vw;margin:15px 0px}
.home-container .about-info .about-content article p{font-size:var(--fontsize16)}
.home-container .about-info .about-img{position:absolute;height:100%;height:100%}
.home-container .about-info .about-content .about-btn{width:30vw;height:10vw;font-size:var(--fontsize16)}
.home-container .about-info .about-content .about-btn:hover{background:#FFFFFF;border:2px solid var(--color);cursor:pointer}
.home-container .about-info .about-content .about-btn:hover a{color:var(--color)}
.home-container .about-info .about-content .about-btn a{color:#FFFFFF}
.home-container .hot-product{margin-top:10vw}
.home-container .hot-product ul{margin:5vw 4vw}
.home-container .hot-product ul li{width:48%;margin-bottom:5vw;margin-right:1.8666666667vw}
.home-container .hot-product ul li:nth-of-type(2n){margin-right:0px}
.home-container .hot-product ul li .pro-img{min-height:40vw}
.home-container .hot-product ul li .pro-name{font-size:var(--fontsize16);line-height:1.3;-webkit-line-clamp:2}
.home-container .hot-product ul li .pro-btn{display:none}
.home-container .lastest-news ul li{width:100%}
.home-container .lastest-news ul li:nth-of-type(2n){display:none}
.home-container .lastest-news ul li .news-content,.home-container .lastest-news ul li .news-img{width:50%;padding:0;}
.home-container .lastest-news ul li .news-content .news-title{margin:10px;font-size:var(--fontsize16);-webkit-line-clamp:3}
.home-container .lastest-news ul li .news-content .news-date{margin:0px 10px;font-size:var(--fontsize14)}
.home-container .lastest-news ul li .news-content article{display:none;margin:0 2.6666666667vw;font-size:3.4vw;line-height:110%}
.home-container .lastest-news ul li .news-content .more-link{display:none}
.home-container .partners{margin:10vw 4vw}
.home-container .partners ul{margin-top:5vw}
.home-container .partners ul li{box-sizing:border-box;max-width:33%;min-width:33%;height:auto;padding-bottom:0px;border:1px solid #EEEEEE;border-right:none;border-bottom:none}
.home-container .partners ul li:nth-of-type(4n){border-bottom:1px solid #EEEEEE;}
.home-container .partners ul li:nth-of-type(5n){border-bottom:1px solid #EEEEEE;}
.home-container .partners ul li:nth-of-type(6n){border-top:1px solid #EEEEEE;border-left:1px solid #EEEEEE;border-right:none;border-bottom:1px solid #EEEEEE;}
.home-container .partners ul li:nth-of-type(3n){border-right:1px solid #EEEEEE}
.home-container .partners ul li:nth-of-type(n+7){border-top:1px solid #EEEEEE;border-left:1px solid #EEEEEE;border-bottom:none}
.home-container .partners ul li:nth-of-type(n+10),.home-container .partners ul li:nth-of-type(n+7):hover{border-bottom:1px solid #EEEEEE}
.home-container .partners ul li:hover{border-top:1px solid #EEEEEE;border-left:1px solid #EEEEEE}
.home-container .partners ul li:hover+li{border-left:1px solid #EEEEEE}
.home-container .partners ul li:hover+li+li+li+li+li+li{border-top:1px solid #EEEEEE}
.home-container .partners ul li:nth-of-type(6n):hover{border-right:1px solid #EEEEEE}}
@media screen and (min-width:751px)and (max-width:768px){
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-title{font-size:var(--fontsize18);min-height:0px}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-content{font-size:var(--fontsize14)}
.home-container .about-info .about-content .content-title{font-size:var(--fontsize28)}
.home-container .about-info .about-content article p,.home-container .hot-product ul li .pro-name,.home-container .lastest-news ul li .news-content .news-title{font-size:var(--fontsize24)}
.home-container .lastest-news ul li .news-content .news-date{font-size:var(--fontsize20)}
.home-container .lastest-news ul li .news-content article{font-size:var(--fontsize18)}}
@media(min-width:1281px)and (max-width:1520px){
header .header-top,header nav{padding:0px 100px}
header nav ul .submenu{right:-100px}
main.common-container .breadcrumbs-nav{padding:0px 100px}
footer .footer-container>ul,footer .footer-top{margin:0px 100px}
footer .footer-container .right-text{padding:0px 100px}}
@media(min-width:1081px)and (max-width:1280px){
header .header-top,header nav{padding:0px 50px}
header nav ul .submenu{right:-50px}
header nav ul .submenu li a{font-size:var(--fontsize16);font-weight:normal}
header nav ul li a{font-size:var(--fontsize16)}
main.common-container .breadcrumbs-nav{padding:0px 50px}
footer .footer-container>ul,footer .footer-top{margin:0px 50px}
footer .footer-container .right-text{padding:0px 50px}}
@media(min-width:769px)and (max-width:1080px){
header .header-top,header nav{padding:0px 25px}
header nav ul .submenu{right:-25px}
header nav ul .submenu li a{font-size:var(--fontsize16);font-weight:normal}
header nav ul li{margin:0px 8px}
header nav ul li a{font-size:var(--fontsize14)}
main.common-container .breadcrumbs-nav{padding:0px 25px}
footer .footer-top{margin:0px 25px}
footer .footer-top .contact-left .contact-content p:nth-child(2){font-size:var(--fontsize20)}
footer .footer-container>ul{margin:0px 25px}
footer .footer-container .right-text{padding:0px 25px}}
@media screen and (max-width:768px){
html,body{overflow-x:hidden}
body{font-size:var(--fontsize16)}
header .header-top{position:relative;background:0 0}
header .header-top .top-info,header .header-top i{display:none}
header .header-top .top-right{transition:all .4s ease}
header .header-top .top-right .search-input{position:fixed;width:100vw;left:0px;background:#FFFFFF;border-radius:0;padding:35px 15px;z-index:80;border:none;display:flex;opacity:0;top:0px;transition:all .4s ease}
header .header-top .top-right .search-input .search-btn{padding:0px 1.3333333333vw;display:block;height:10.6666666667vw;line-height:10.6666666667vw;background:var(--color);color:#FFFFFF;transition:all .4s ease}
header .header-top .top-right .search-input input{flex:1;height:10.6666666667vw;background-color:#EEEEEE;color:var(--fontcolor);margin:0px;padding-left:10px;transition:all .4s ease;    font-size: 15px;}
header .header-top .top-right .search-active{opacity:1;top:13.3333333333vw}
header nav{position:relative;width:100vw;height:13.3333333333vw;position:fixed;top:0px;left:0px;padding:0px 4vw;box-shadow:0px 1px 2px 0px rgba(0,0,0,.1)}
header nav ul{background-color:#232429;top:13.3333333333vw;left:0px;position:absolute;flex-direction:column;width:66.7%}
header nav ul li{position:relative;height:auto;margin:0px;display:block;padding:3vw;border-bottom:1px solid #FFFFFF2F}
header nav ul li a{width:100%;display:flex;justify-content:space-between;color:#FFFFFF;font-weight:normal;font-size:var(--fontsize16)}
header nav ul li a:hover{color:var(--color)}
header nav ul li a:hover:after{display:none;transform:none}
header nav ul li .inmenu_1{color:#FFFFFF}
header nav ul li .inmenu_1:after{content:none}
header nav ul li:last-child{border-bottom:none}
header nav ul li i{position:absolute;box-sizing:border-box;width:6vw;height:3vw;padding-left:3vw;right:5vw;top:3vw;color:#FFFFFF;transform:scale(1.4) rotate(0);transform-origin:center center;transition:all .3s}
header nav ul li .slide-active{transform:scale(1.4) rotate(90deg);transform-origin:6vw 2.9vw}
header nav ul li:hover>a,header nav ul li:hover>i{color:#FFFFFF}
header nav ul li:hover>a:after,header nav ul li:hover>i:after{transform:translateX(-50%) rotateY(90deg)}
header nav ul .submenu{transition:none;position:relative;width:100%;right:0px;transform-origin:top;transform:rotateX(0);opacity:1;height:auto;background:#232429;top:0px;list-style-type:square;display:none}
header nav ul .submenu li{position:relative;list-style-type:square;padding:2.6666666667vw 0 0;margin:0 0 0 5.3333333333vw}
header nav ul .submenu li a{font-size:var(--fontsize16);font-weight:normal}
header nav ul .submenu li:after{content:none}
header nav ul .submenu li:before{content:"";position:absolute;top:5.5vw;left:-3vw;width:1vw;height:1vw;background-color:#FFFFFF}
header nav>ul{left:-66.7%}
header nav .nav-btn{width:33%;display:flex}
header nav .header-logo img {max-height:90%}
header nav .mobile-search-btn{display:block;width:33%;display:flex;justify-content:flex-end;align-items:center}
header nav .mobile-search-btn i{transform:scale(1.4);color:var(--fontcolor)}
header nav .header-logo{width:33%}
main{margin-top:0px}
.common-container .breadcrumbs-nav{padding:10px 15px;font-size:var(--fontsize14)}
.detail-container .breadcrumbs-nav{display:none}
.pro-filter{display:none}
main .common-pages{margin-bottom:6.6666666667vw;height:8vw;font-size:4.6666666667vw}
main .common-pages a,main .common-pages span{margin:0 .6666666667vw;padding:1.3333333333vw 2.6666666667vw;font-size:4.6666666667vw;height:auto}
main.common-container .inner-banner{min-height:0px}
main.common-container.detail-container .inner-banner{display:none}
footer{margin-top:6.6666666667vw}
footer .footer-top{height:18.6666666667vw;margin:0px;padding:0px 4vw}
footer .footer-top .contact-left .contact-logo{display:none}
footer .footer-top .contact-left .contact-content{display:flex;flex-direction:column;justify-content:space-evenly;padding-top:0px;margin-left:0px;width:60vw;height:18.6666666667vw}
footer .footer-top .contact-left .contact-content p:first-child{line-height:4vw;top:0px;left:-5.3333333333vw;transform:scale(.8)}
footer .footer-top .contact-left .contact-content p:nth-child(2){position:relative;left:-5.3333333333vw;line-height:4vw;padding-right:.6666666667vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;transform:scale(.8)}
footer .footer-top .contact-left .contact-content:before{display:none}
footer .footer-container{padding-bottom:55px;height:auto}
footer .footer-container>ul{margin:0px;height:auto;flex-wrap:wrap}
footer .footer-container>ul>li{flex:none;padding:1.3333333333vw 0vw}
footer .footer-container>ul>li .content{padding-top:0px;padding-left:0px;font-size:var(--fontsize16)}
footer .footer-container>ul>li .content .content-title{font-size:var(--fontsize16)}
footer .footer-container>ul>li .logo{width:70px;height:70px;overflow:hidden;background-size:200px 37px}
footer .footer-container>ul>li:first-child{width:100%}
footer .footer-container>ul>li:nth-child(2),footer .footer-container>ul>li:nth-child(3){width:100%;padding:0px}
footer .footer-container>ul>li span{margin-top:2.6666666667vw;height:5.3333333333vw;position:relative;right:4vw;top:-.6666666667vw}
footer .footer-container>ul>li.map .logo{background-position:10px 20px}
footer .footer-container>ul>li.email .logo{background-position:-70px 20px}
footer .footer-container>ul>li.tel .logo{background-position:-150px 20px}
footer .footer-container .bottom-info{height:auto;padding:0vw 5vw;margin-top:5vw}
footer .footer-container .bottom-info li .title{line-height:10.6666666667vw}
footer .footer-container .bottom-info .intro .title,footer .footer-container .bottom-info .intro .intro-text{display:none}
footer .footer-container .bottom-info{display:block;margin:0px}
footer .footer-container .bottom-info .intro .contact-list{margin:10px 0px}
footer .footer-container .bottom-info>li{margin:10px 0px;width:100% !important}
footer .footer-container .bottom-info .nav{margin:0px}
footer .footer-container .bottom-info .nav .title{display:none}
footer .footer-container .bottom-info .nav ul{display:flex;flex-wrap:wrap}
footer .footer-container .bottom-info .nav ul li{min-width:49%}
footer .footer-container .bottom-info .nav ul li a{font-size:var(--fontsize16)}
footer .footer-container .bottom-info .code{display:none}
footer .footer-container .bottom-info .code .title{font-size:var(--fontsize16)}
footer .footer-container .bottom-info .code img{width:18vw;height:18vw;min-width:18vw;opacity:1}
footer .footer-container .bottom-info .contact-list li{width:6.6666666667vw;height:6.6666666667vw;display:flex;justify-content:center;align-items:center;margin-right:1.3333333333vw}
footer .footer-container .bottom-info .contact-list li img{width:100%}
footer .footer-container .right-text{padding:15px;font-size:var(--fontsize14)}
footer .mobile-bottom{z-index:500;background:#FCFCFCFB;width:100%;display:flex;align-items:center;justify-content:space-evenly;box-shadow:1px 2px 10px rgba(0,0,0,.2)}
footer .mobile-bottom .mobile-bottom-item{display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:25%;height:55px;font-size:var(--fontsize12);position:relative}
footer .mobile-bottom .mobile-bottom-item a{display:flex;flex-direction:column;justify-content:space-around;align-items:center;color:#333333}
footer .mobile-bottom .mobile-bottom-item i{font-size:var(--fontsize20);line-height:1}
#toast-container{padding-top:150px}}
@media screen and (min-width:751px)and (max-width:768px){
footer .footer-top .contact-left .contact-content p:first-child,footer .footer-top .contact-left .contact-content p:nth-child(2){font-size:var(--fontsize28)}
footer .footer-top .contact-btn a{font-size:var(--fontsize20)}
footer .footer-container>ul>li .content,footer .footer-container>ul>li .content .content-title{font-size:var(--fontsize24)}
footer .footer-container>ul>li .content .content-text{font-size:var(--fontsize20)}
footer .footer-container>ul>li .logo{width:90px;height:90px}
footer .footer-container>ul>li.map .logo{background-position:10px 30px}
footer .footer-container>ul>li.email .logo{background-position:-70px 30px}
footer .footer-container>ul>li.tel .logo{background-position:-150px 30px}
footer .footer-container .bottom-info .nav .title,footer .footer-container .bottom-info .nav ul li a{font-size:var(--fontsize24)}
footer .footer-container .right-text{font-size:var(--fontsize20)}
footer .mobile-bottom .mobile-bottom-item{font-size:var(--fontsize24)}}
@media screen and (min-width:2000px){
.swiper-slide a,.swiper-slide img{width:100%}
header .header-top,header nav{padding:0px 450px}
.home-container .welcome-info .part-item{margin:50px 450px 0px}
.home-container .hot-product ul{margin:50px 450px}
.home-container .partners{margin:140px 450px 150px}
.common-container .news-content,.common-container .video-content,.knowledges-content,.pro-detail-content .pro-bottom-tip,.pro-detail-content .random-pro-list,.pro-detail-content .send-inquiry .inquiry-form,footer .footer-container>ul,footer .footer-top{margin:0 450px}
.common-container .breadcrumbs-nav,.knowledges-detail-content,.news-detail-content,.pro-detail-content .pro-detail-title,.pro-detail-content .pro-page-switch,.products-content .pro-list,footer .footer-container .right-text{padding:0px 450px}
.abouts-content{padding:0px 450px 50px}
.pro-filter{right:450px}
.pro-detail-content .pro-review{margin:50px 450px 30px}
.pro-detail-content .pro-intro,.pro-detail-content .pro-spec{margin:30px 450px 0px}}
@media(min-width:1281px)and (max-width:1520px){
.abouts-content{padding:0px 100px 50px}}
@media(min-width:1081px)and (max-width:1280px){
.abouts-content{padding:0px 50px 50px}}
@media(min-width:769px)and (max-width:1081px){
.abouts-content{padding:0px 25px 50px}}
@media screen and (max-width:768px){
.abouts-content{padding:0px 4vw}
.abouts-content .abouts-title{margin-top:4vw;font-size:4.5333333333vw;padding:1.3333333333vw 0;margin-bottom:.1333333333vw}
.abouts-content article div{margin-bottom:4vw}
.abouts-content article .title{margin-top:2.1333333333vw;font-size:var(--fontsize16)}
.abouts-content article .content,.abouts-content article .title,.abouts-content article p{line-height:5.3333333333vw}
.abouts-content article .content,.abouts-content article p{width:100%}
.abouts-content article .imgs-list{margin-top:1.3333333333vw}
.abouts-content article .imgs-list li{display:none;padding-right:6.6666666667vw}
.abouts-content article .imgs-list li:first-child{display:block}}
@media(min-width:1281px)and (max-width:1520px){
.common-container .news-content{margin:0px 100px}}
@media(min-width:1081px)and (max-width:1280px){
.common-container .news-content{margin:0px 50px}}
@media(min-width:769px)and (max-width:1081px){
.common-container .news-content{margin:0px 25px}}
@media screen and (max-width:768px){
.common-container .news-content{margin:0px 4vw}
.common-container .news-content .news-list{margin:4vw 0vw;justify-content:space-between}
.common-container .news-content .news-list .list-1{padding:10px}
.common-container .news-content .news-list .list-1 .news-img{display:none}
.common-container .news-content .news-list .list-1 .news-info .news-date{font-size:var(--fontsize14)}
.common-container .news-content .news-list .list-1 .news-info .news-title a{font-size:var(--fontsize16)}
.common-container .news-content .news-list .list-1 .news-info .more-btn{font-size:var(--fontsize14)}
.common-container .news-content .news-list .list-1 .news-info .more-btn i{font-size:var(--fontsize14);position:absolute;top:2px;left:19vw;transform:scale(1.2)}
.common-container .news-content .news-list .list-2{margin-bottom:6.6666666667vw;width:46%;margin-right:4vw}
.common-container .news-content .news-list .list-2:nth-of-type(3n){margin-right:4vw}
.common-container .news-content .news-list .list-2:nth-of-type(2n){margin-right:0px}
.common-container .news-content .news-list .list-2 .news-info .news-date{line-height:3.2vw;font-size:3.2vw}
.common-container .news-content .news-list .list-2 .news-info .news-title{margin-top:1.3333333333vw}
.common-container .news-content .news-list .list-2 .news-info .news-title a{font-size:4vw;line-height:4.2666666667vw}
.common-container .news-content .news-list .list-2 .news-info .news-text{margin:2.6666666667vw 0vw}
.common-container .news-content .news-list .list-2 .news-info .news-text a{font-size:3.3333333333vw;line-height:4vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}
@media(min-width:1281px)and (max-width:1520px){
.knowledges-content{margin:0px 100px}}
@media(min-width:1081px)and (max-width:1280px){
.knowledges-content{margin:0px 50px}}
@media(min-width:769px)and (max-width:1081px){
.knowledges-content{margin:0px 25px}}
@media screen and (max-width:768px){
.common-container .knowledges-content{margin:0px 4vw}
.common-container .knowledges-content .knowledges-list{margin:4vw 0vw;justify-content:space-between}
.common-container .knowledges-content .knowledges-list .list-1{padding:10px}
.common-container .knowledges-content .knowledges-list .list-1 .knowledges-img{display:none}
.common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-date{font-size:4vw;line-height:4.5333333333vw;transform:scale(.8);position:relative;left:-7.3333333333vw}
.common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-title{margin:1.3333333333vw 0vw}
.common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-title a{font-size:4.5333333333vw;line-height:4.8vw}
.common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-text{margin:0vw 0vw 1.3333333333vw}
.common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-text a{font-size:4vw;line-height:4.5333333333vw}
.common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .more-btn{font-size:4vw;position:relative}
.common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .more-btn i{position:absolute;top:1.2px;left:21.3333333333vw;transform:scale(1.2)}
.common-container .knowledges-content .knowledges-list .list-2{margin-bottom:6.6666666667vw;width:46%;margin-right:4vw}
.common-container .knowledges-content .knowledges-list .list-2:nth-of-type(3n){margin-right:4vw}
.common-container .knowledges-content .knowledges-list .list-2:nth-of-type(2n){margin-right:0px}
.common-container .knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-date{line-height:3.2vw;font-size:3.2vw}
.common-container .knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-title{margin-top:1.3333333333vw}
.common-container .knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-title a{font-size:4vw;line-height:4.2666666667vw}
.common-container .knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-text{margin:2.6666666667vw 0vw}
.common-container .knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-text a{font-size:3.3333333333vw;line-height:4vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}
@media screen and (max-width:768px){
.common-container .contact-wrapper{margin:0px;padding:4vw 0vw 0vw;flex-direction:column}
.common-container .contact-wrapper .contact-left{padding:4vw;width:100%}
.common-container .contact-wrapper .contact-left .title{font-size:4.5333333333vw}
.common-container .contact-wrapper .contact-left ul{margin-top:4vw}
.common-container .contact-wrapper .contact-left ul li{line-height:5.3333333333vw;margin:2.6666666667vw 0vw}
.common-container .contact-wrapper .contact-left ul li .contact-way{font-size:4vw;font-weight:var(--fontbold6)}
.common-container .contact-wrapper .contact-left ul li .contact-info{font-size:var(--fontsize16)}
.common-container .contact-wrapper .contact-left ul li .contact-num{font-size:4.5333333333vw;margin-top:.6666666667vw}
.common-container .contact-wrapper .contact-main{margin-top:4vw;margin-left:0px;flex:1}
.common-container .contact-wrapper .contact-main .send-inquiry .inquiry-form{margin-left:0px}}
@media(min-width:1281px)and (max-width:1520px){
.products-content .content-top{margin:0px 100px}
.products-content .type-box{margin:0px 100px 30px}
.products-content .pro-list,.products-content .pro-list-2{padding:0px 100px}
.products-content .seo-key{margin:0px 100px}
.pro-filter{right:100px}
.filter-box{padding:0px 100px}
.filter-box .scrollTip{right:100px}}
@media(min-width:1081px)and (max-width:1280px){
.products-content .content-top{margin:0px 50px}
.products-content .type-box{margin:0px 50px 30px}
.products-content .pro-list,.products-content .pro-list-2{padding:0px 50px}
.products-content .seo-key{margin:0px 50px}
.filter-box{padding:0px 50px}
.filter-box .scrollTip,.pro-filter{right:50px}}
@media(min-width:769px)and (max-width:1080px){
.products-content .content-top{margin:0px 25px}
.products-content .type-box{margin:0px 25px 50px}
.products-content .pro-list,.products-content .pro-list-2{padding:0px 25px}
.products-content .pro-list-2 li .pro-info{padding:40px 50px}
.products-content .seo-key{margin:0px 25px}
.filter-box{padding:0px 25px}
.filter-box .scrollTip,.pro-filter{right:25px}}
@media screen and (max-width:768px){
.products-content{padding:3vw 3vw 0vw}
.products-content .content-top{margin:0px;height:100px;display:flex;align-items:center}
.products-content .content-top .pro-counts{display:none}
.products-content .content-top .pro-filter{display:inline-block;background:0 0;width:auto;height:auto;padding:0px}
.products-content .content-top .pro-filter span{font-size:4vw;color:var(--fontcolor);font-weight:var(--fontbold6)}
.products-content .content-top .pro-filter i{display:none}
.products-content .type-box{margin:0 0 6.6666666667vw}
.products-content .type-box h1{display:block;height:10.6666666667vw;font-size:4.8vw;line-height:10.6666666667vw}
.products-content .type-box p{line-height:1.6em}
.products-content .pro-list{margin-top:0px;padding:0px}
.products-content .pro-list .list-1{width:48%;min-width:48%;max-width:48%;margin-right:2.1333333333vw;margin-bottom:5.3333333333vw;border:1px solid #EEEEEE}
.products-content .pro-list .list-1:nth-of-type(2n){margin-right:0px}
.products-content .pro-list .list-1 .pro-img{height:32.8vw;min-height:32.8vw}
.products-content .pro-list .list-1 .pro-name{padding:0px 2.6666666667vw;min-height:8vw;display:flex;justify-content:center;align-items:center}
.products-content .pro-list .list-1 .pro-name a{font-size:var(--fontsize16);font-weight:var(--fontbold4)}
.products-content .pro-list .list-1 article{display:none}
.products-content .pro-list .list-1 span{margin:2.6666666667vw}
.products-content .pro-list .list-2.pro-checked{border-color:var(--color)}
.products-content .pro-list .list-2{border:2px solid #EEEEEE;height:auto;width:47%;min-width:47%;max-width:47%;margin-right:1.3333333333vw;margin-bottom:5.3333333333vw;flex-direction:column}
.products-content .pro-list .list-2:nth-of-type(2n){margin-right:0px}
.products-content .pro-list .list-2 .pro-img{width:auto;height:32.8vw;min-height:32.8vw;border:none}
.products-content .pro-list .list-2 .pro-info{padding:0px;background:#FFFFFF}
.products-content .pro-list .list-2 .pro-info .pro-name{margin-top:1.3333333333vw;padding:0px 2.6666666667vw}
.products-content .pro-list .list-2 .pro-info .pro-name a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:3.4vw;line-height:3.2vw}
.products-content .pro-list .list-2 .pro-info article{display:none}
.products-content .pro-list .list-2 .pro-info span{display:block;height:1px;background:#EEEEEE;margin:2.6666666667vw}
.products-content .pro-list .list-2 .pro-info .compare-action{left:0px;margin:5.3333333333vw 2.6666666667vw;height:8vw;font-size:3.4vw;justify-content:flex-start;align-items:center;width:auto;background-color:var(--color)}
.products-content .pro-list .list-2 .pro-info .compare-action span{margin:0px;background:0 0;height:auto;color:#FFFFFF}
.products-content .pro-list .list-2 .pro-info .compare-action .compare-action-check+label{border-color:#FFFFFF}
.products-content .pro-list .list-2 .pro-info .compare-action .compare-action-check:checked+label:before{color:#FFFFFF}
.products-content .seo-key{margin:0 0 25px}
.products-content .seo-key .keywords{margin-top:2.6666666667vw}
.products-content .seo-key .keywords span{display:flex;flex-wrap:wrap}
.products-content .seo-key .keywords a{display:inline-block;width:auto;padding:0px 2.6666666667vw;background:#CCCCCC;border-radius:999px;margin-right:1.3333333333vw;color:var(--fontcolor);margin-bottom:4vw}}
@media(min-width:1281px)and (max-width:1520px){
.pro-detail-content .pro-review{margin:50px 100px 0px}
.pro-detail-content .pro-review .pro-preview-right{padding:30px 50px 0px}
.pro-detail-content .pro-detail-title{padding:0px 100px}
.pro-detail-content .pro-intro,.pro-detail-content .pro-spec{margin:30px 100px 0px}
.pro-detail-content .pro-bottom-tip{margin:0px 100px}
.pro-detail-content .pro-page-switch{padding:0px 100px}
.pro-detail-content .random-pro-list,.pro-detail-content .send-inquiry .inquiry-form{margin:0px 100px}}
@media(min-width:1081px)and (max-width:1280px){
.pro-detail-content .pro-review{margin:50px 50px 0px}
.pro-detail-content .pro-review .pro-preview-right{width:500px;padding:30px 20px 0px}
.pro-detail-content .pro-review .pro-preview-right .pro-name{font-size:var(--fontsize24)}
.pro-detail-content .pro-review .pro-preview-right .btn-list{margin-top:20px}
.pro-detail-content .pro-detail-title{padding:0px 50px}
.pro-detail-content .pro-intro,.pro-detail-content .pro-spec{margin:30px 50px 0px}
.pro-detail-content .pro-bottom-tip{margin:0px 50px}
.pro-detail-content .pro-page-switch{padding:0px 50px}
.pro-detail-content .random-pro-list{margin:0px 50px}
.pro-detail-content .random-pro-list ul li .pro-name{font-size:var(--fontsize14)}
.pro-detail-content .send-inquiry .inquiry-form{margin:0px 50px}}
@media(min-width:769px)and (max-width:1080px){
.pro-detail-content .pro-review{margin:50px 25px 0px}
.pro-detail-content .pro-review .pro-preview-right{width:400px;padding:30px 20px 0px}
.pro-detail-content .pro-review .pro-preview-right .btn-list{margin-top:20px}
.pro-detail-content .pro-detail-title{padding:0px 25px}
.pro-detail-content .pro-intro,.pro-detail-content .pro-spec{margin:30px 25px 0px}
.pro-detail-content .pro-bottom-tip{margin:0px 25px;font-size:var(--fontsize14)}
.pro-detail-content .pro-page-switch{padding:0px 25px}
.pro-detail-content .random-pro-list{margin:0px 25px}
.pro-detail-content .random-pro-list ul li .pro-name{font-size:var(--fontsize12)}
.pro-detail-content .send-inquiry .inquiry-form{margin:0px 25px}}
@media screen and (max-width:768px){
.pro-detail-content .pro-review{margin:0px 4vw;flex-direction:column}
.pro-detail-content .pro-review .pro-preview-left{width:100%;min-width:100%;height:auto}
.pro-detail-content .pro-review .pro-preview-left .preview-container{visibility:hidden;width:100%}
.pro-detail-content .pro-review .pro-preview-left .preview-container .small-box{display:none}
.pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box{margin-top:0px}
.pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box a{display:none}
.pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box .list,.pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box .list .wrapper{width:100%}
.pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box .list .wrapper .item{height:auto;border:none;margin:0px}
.pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box .list .wrapper .item img{width:100%}
.pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box .list .banner-page{display:flex}
.pro-detail-content .pro-review .pro-preview-right{margin-bottom:0px;padding:4vw 0px}
.pro-detail-content .pro-review .pro-preview-right .pro-price,.pro-detail-content .pro-review .pro-preview-right .pro-views{font-size:4vw;margin:1.3333333333vw 0vw}
.pro-detail-content .pro-review .pro-preview-right .share-btn-list{margin:4vw 0vw}
.pro-detail-content .pro-review .pro-preview-right article{margin:0px}
.pro-detail-content .pro-review .pro-preview-right .btn-list{justify-content:space-between;margin-top:4vw}
.pro-detail-content .pro-review .pro-preview-right .btn-list .btn,.pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2{height:12vw;width:45vw;margin:0px 0px 15px}
.pro-detail-content .pro-review .pro-preview-right .btn-list .btn span,.pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2 span{font-size:var(--fontsize16)}
.pro-detail-content .pro-review .singglepic{width:100%!important;height:auto!important;margin-top:4vw;margin-bottom:0!important;border:none!important}
.pro-detail-content .pro-review .singglepic img{max-width:100%;max-height:100%}
.pro-detail-content .pro-detail-title{padding:10px;line-height:1.3}
.pro-detail-content .pro-intro{margin:2vw 4vw}
.pro-detail-content .pro-intro .intro-title{font-size:4.2666666667vw}
.pro-detail-content .pro-intro article{line-height:1.7em;padding:4vw 0px}
.pro-detail-content .pro-spec{margin:4vw 6.6666666667vw}
.pro-detail-content .pro-spec .spec-title{font-size:4.2666666667vw}
.pro-detail-content .pro-spec .spec-content{padding:4vw 0px}
.pro-detail-content .pro-spec .spec-content table tr td{height:6.6666666667vw;width:100%}
.pro-detail-content .pro-bottom-tip{margin:0px 5vw;padding:4vw 0vw;line-height:1.5em}
.pro-detail-content .pro-page-switch{background:0 0;height:auto;padding:0px 4vw;margin:4vw 0vw;flex-wrap:wrap}
.pro-detail-content .pro-page-switch .page-prev{background:#FCFCFC;width:100%}
.pro-detail-content .pro-page-switch .page-prev i{margin-right:1.3333333333vw}
.pro-detail-content .pro-page-switch .page-next{background:#FCFCFC;margin-top:6.6666666667vw;width:100%}
.pro-detail-content .pro-page-switch .page-next i{margin-left:1.3333333333vw}
.pro-detail-content .pro-page-switch .page-btn{width:32vw}
.pro-detail-content .pro-page-switch .page-btn a{color:#FFFFFF;font-size:var(--fontsize16)}
.pro-detail-content .random-pro-list{margin:0px}
.pro-detail-content .random-pro-list ul{width:100%;margin-top:4vw;flex-wrap:wrap}
.pro-detail-content .random-pro-list ul li{max-width:31%;min-width:31%;margin-bottom:6.6666666667vw}
.pro-detail-content .random-pro-list ul li .pro-img{height:29.0666666667vw}
.pro-detail-content .random-pro-list ul li .pro-name{line-height:4vw;margin:2.6666666667vw 0vw;font-size:2.6666666667vw}
.pro-detail-content .random-pro-list ul li .more-btn{width:16vw;height:5.3333333333vw;padding:.6666666667vw;border-radius:4vw;font-size:2.6666666667vw}
.pro-detail-content .send-inquiry{margin-top:4vw}
.pro-detail-content .send-inquiry .inquiry-form{margin:0px 4vw}
.pro-detail-content .table-responsive{touch-action:auto;width:100%;margin:.2rem 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}}
@media(min-width:1281px)and (max-width:1520px){
.news-detail-content{padding:0px 100px}
.news-detail-content .news-title{font-size:var(--fontsize24)}}
@media(min-width:1081px)and (max-width:1280px){
.news-detail-content{padding:0px 50px}
.news-detail-content .news-title{font-size:var(--fontsize20)}}
@media(min-width:769px)and (max-width:1081px){
.news-detail-content{padding:0px 25px}
.news-detail-content .news-title{font-size:var(--fontsize18)}}
@media screen and (max-width:768px){
.news-detail-content{margin:4vw 0vw;padding:0px 4vw}
.news-detail-content .news-title{padding:0px}
.news-detail-content .news-info {font-size:var(--fontsize14)}
.news-detail-content .news-date{margin:2vw 0px}
.news-detail-content article p{margin-bottom:5px;color:var(--fontcolor)}
.news-detail-content article p:first-of-type{margin-top:0px}
.news-detail-content span.line{margin:6.6666666667vw 0vw}
.news-detail-content .pages-list a,.news-detail-content .pages-list div,.news-detail-content .pages-list span{line-height:5.3333333333vw;font-size:var(--fontsize16)}
.news-detail-content .pages-list div{margin-top:2.6666666667vw}}
@media(min-width:1281px)and (max-width:1520px){
.knowledges-detail-content{padding:0px 100px}
.knowledges-detail-content .knowledges-title{font-size:var(--fontsize24)}}
@media(min-width:1081px)and (max-width:1280px){
.knowledges-detail-content{padding:0px 50px}
.knowledges-detail-content .knowledges-title{font-size:var(--fontsize20)}}
@media(min-width:769px)and (max-width:1081px){
.knowledges-detail-content{padding:0px 25px}
.knowledges-detail-content .knowledges-title{font-size:var(--fontsize18)}}
@media screen and (max-width:768px){
.knowledges-detail-content{margin:4vw 0vw;padding:0px 4vw}
.knowledges-detail-content .knowledges-title{padding:0px;font-size:4vw;line-height:7vw}
.knowledges-detail-content .knowledges-date{margin:4vw 0vw;line-height:6.4vw}
.knowledges-detail-content article p{margin-top:4vw;line-height:4.5333333333vw}
.knowledges-detail-content article p:first-of-type{margin-top:0px}
.knowledges-detail-content span.line{margin:6.6666666667vw 0vw}
.knowledges-detail-content .pages-list a,.knowledges-detail-content .pages-list div,.knowledges-detail-content .pages-list span{line-height:5.3333333333vw}
.knowledges-detail-content .pages-list div{margin-top:2.6666666667vw}}
@media(min-width:1281px)and (max-width:1520px){
.common-container .video-content{margin:0px 100px}}
@media(min-width:1081px)and (max-width:1280px){
.common-container .video-content{margin:0px 50px}}
@media(min-width:769px)and (max-width:1081px){
.common-container .video-content{margin:0px 25px}}
@media screen and (max-width:768px){
.common-container .video-content{margin:0px 4vw}
.common-container .video-content .video-list{margin:6.6666666667vw 0vw}
.common-container .video-content .video-list li{padding:10px}
.common-container .video-content .video-list li .video-img{display:none}
.common-container .video-content .video-list li .video-info .video-date{font-size:4vw;line-height:4.5333333333vw;transform:scale(.8);position:relative;left:-7.3333333333vw}
.common-container .video-content .video-list li .video-info .video-title{margin:1.3333333333vw 0vw}
.common-container .video-content .video-list li .video-info .video-title a{font-size:4.5333333333vw;line-height:4.8vw}
.common-container .video-content .video-list li .video-info .video-text{margin:0vw 0vw 1.3333333333vw}
.common-container .video-content .video-list li .video-info .video-text a{font-size:4vw;line-height:4.5333333333vw}
.common-container .video-content .video-list li .video-info .more-btn{font-size:4vw;position:relative}
.common-container .video-content .video-list li .video-info .more-btn i{position:absolute;top:1.2px;left:21.3333333333vw;transform:scale(1.2)}
.common-container .video-content .video-list-2{margin:4vw 0vw;justify-content:space-between}
.common-container .video-content .video-list-2 li{margin-bottom:6.6666666667vw;width:46%;margin-right:4vw}
.common-container .video-content .video-list-2 li:nth-of-type(3n){margin-right:4vw}
.common-container .video-content .video-list-2 li:nth-of-type(2n){margin-right:0px}
.common-container .video-content .video-list-2 li .video-info .video-date{line-height:3.2vw;font-size:3.2vw}
.common-container .video-content .video-list-2 li .video-info .video-title{margin-top:1.3333333333vw}
.common-container .video-content .video-list-2 li .video-info .video-title a{font-size:4vw;line-height:4.2666666667vw}
.common-container .video-content .video-list-2 li .video-info .video-text{margin:2.6666666667vw 0vw}
.common-container .video-content .video-list-2 li .video-info .video-text a{font-size:3.3333333333vw;line-height:4vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}
@media(min-width:1281px)and (max-width:1520px){
.common-container .feedback-content{padding:0px 100px 50px}}

@media(min-width:1081px)and (max-width:1280px){
.common-container .feedback-content{padding:0px 50px 50px}}
@media(min-width:769px)and (max-width:1081px){
.common-container .feedback-content{padding:0px 25px 50px}}
@media screen and (max-width:768px){
.common-container .feedback-content{margin:0px;padding:6.6666666667vw 6.6666666667vw 0vw;flex-direction:column}
.common-container .feedback-content .feedback-main{margin-top:0px;margin-left:0px;flex:1}
.common-container .feedback-content .feedback-main .feedback-tips{margin-bottom:6.6666666667vw}
.common-container .feedback-content .feedback-main .feedback-tips p{line-height:1.6em}
.common-container .feedback-content .feedback-main .send-inquiry .inquiry-form{margin-left:0px}}
@-webkit-keyframes hvr-icon-wobble-horizontal{
16.65%{transform:translateX(6px)}
33.3%{transform:translateX(-5px)}
49.95%{transform:translateX(4px)}
66.6%{transform:translateX(-2px)}
83.25%{transform:translateX(1px)}
to{transform:translateX(0)}}
@keyframes hvr-icon-wobble-horizontal{
16.65%{transform:translateX(6px) scale(1.7)}
33.3%{transform:translateX(-5px) scale(1.7)}
49.95%{transform:translateX(4px) scale(1.7)}
66.6%{transform:translateX(-2px) scale(1.7)}
83.25%{transform:translateX(1px) scale(1.7)}
to{transform:translateX(0) scale(1.7)}}
.hvr-icon-wobble-horizontal{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;transition-duration:.3s}
.hvr-icon-wobble-horizontal:active .hvr-icon,.hvr-icon-wobble-horizontal:focus .hvr-icon,.hvr-icon-wobble-horizontal:hover .hvr-icon{-webkit-animation-name:hvr-icon-wobble-horizontal;animation-name:hvr-icon-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}
.hvr-bounce-to-right,.hvr-bounce-to-right-y{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;transition-property:color;transition-duration:.5s}
.hvr-bounce-to-right-y:before,.hvr-bounce-to-right:before{content:"";position:absolute;z-index:-1;top:-1px;left:-1px;right:-1px;bottom:-1px;background:var(--color);transform:scaleX(0);transform-origin:0 50%;transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out}
.hvr-bounce-to-right-y:active,.hvr-bounce-to-right-y:focus,.hvr-bounce-to-right-y:hover,.hvr-bounce-to-right:active,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:hover{color:#FFFFFF}
.hvr-icon-wobble-horizontal .hvr-icon{transform:translateZ(0)}
.hvr-bounce-to-right-y:active:before,.hvr-bounce-to-right-y:focus:before,.hvr-bounce-to-right-y:hover:before,.hvr-bounce-to-right:active:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:hover:before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66)}
.hvr-shutter-out-vertical{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;background:#FFFFFF;transition-property:color;transition-duration:.3s}
.hvr-shutter-out-vertical:before{content:"";position:absolute;z-index:-1;top:0px;bottom:0px;left:0px;right:0px;background:var(--color);transform:scaleY(0);transform-origin:50%;transition-property:transform;transition-duration:.3s;transition-timing-function:ease-out}
.hvr-shutter-out-vertical:active,.hvr-shutter-out-vertical:focus,.hvr-shutter-out-vertical:hover{color:#FFFFFF}
.hvr-shutter-out-vertical:active:before,.hvr-shutter-out-vertical:focus:before,.hvr-shutter-out-vertical:hover:before{transform:scaleY(1)}
.swiper-slide{display:flex;justify-content:center}
.swiper-lazy-preloader{width:30px!important;height:30px!important;border-radius:50%!important;border:2px solid #000000!important;border-top-color:transparent!important}
.preview-container{position:relative;width:450px}
.preview-container .small-box{position:relative;width:450px;height:450px;border:1px solid #EEEEEE;display:flex;justify-content:center;align-items:center;box-sizing:border-box}
.preview-container .small-box img{max-width:100%;max-height:100%}
.preview-container video{width:100%;height:100%;object-fit:contain;background:#EEEEEE;z-index:99}
.preview-container .big-box.act{display:none !important}
.preview-container .small-box .hover{position:absolute;width:180px;height:180px;background-color:hsla(0,0%,80%,.6);border:1px solid #EEEEEE;display:none}
.preview-container .thumbnail-box{margin-top:20px;position:relative;width:100%;box-sizing:border-box}
.preview-container .thumbnail-box .list{overflow:hidden;width:390px;margin:0px auto;position:relative}
.preview-container .thumbnail-box .list ul{width:2500px;display:flex}
.preview-container .thumbnail-box .list ul .item{width:58px;height:58px;display:flex;justify-content:center;align-items:center;margin:0px 10px;box-sizing:border-box;border:1px solid #CCCCCC}
.preview-container .thumbnail-box .list ul .item:hover{cursor:pointer}
.preview-container .thumbnail-box .list ul .item img{max-width:100%;max-height:100%}
.preview-container .thumbnail-box .list ul .item-cur{border:1px solid var(--color)}
.preview-container .thumbnail-box .list .banner-page{display:none;justify-content:center;align-items:center;position:absolute;height:6.6666666667vw;width:13.3333333333vw;border-radius:5.3333333333vw;background:rgba(0,0,0,.8);bottom:1.3333333333vw;right:1.3333333333vw;z-index:999}
.preview-container .thumbnail-box .list .banner-page span{color:#FFFFFF;font-size:var(--fontsize16)}
.preview-container .thumbnail-box .btn{position:absolute;top:50%;width:22px;height:32px;margin-top:-16px}
.preview-container .thumbnail-box .btn-prev{left:0px;background:url(../image/btn_prev.png) no-repeat}
.preview-container .thumbnail-box .btn-next{right:0px;background:url(../image/btn_next.png) no-repeat}
.preview-container .thumbnail-box .btn_prev_disabled{background:url(../image/btn_prev_disabled.png) no-repeat;cursor:not-allowed}
.preview-container .thumbnail-box .btn_next_disabled{background:url(../image/btn_next_disabled.png) no-repeat;cursor:not-allowed}
.preview-container .big-box{display:none;overflow:hidden;top:0px;left:449px;border:1px solid #EEEEEE;position:absolute;width:450px;height:450px;box-sizing:border-box;background:#FFFFFF;z-index:20}
.preview-container .big-box img{display:block;max-width:none;width:130%}
.compare-action{position:relative;margin:10px 0px;display:flex;justify-content:center;align-items:center;cursor:pointer}
.compare-action span{display:inline-block;font-size:var(--fontsize14);color:var(--color);-webkit-user-select:none;user-select:none}
.compare-action .compare-action-check+label{width:16px;height:16px;content:" ";border:1px solid var(--color);border-radius:1px;margin-right:5px;cursor:pointer}
.compare-action .compare-action-check:checked+label:before{font-size:var(--fontsize16);line-height:16px;content:"鉁�";text-align:center;color:var(--color);position:relative;left:2px;top:-3px}
.compare-action input[type=checkbox]{visibility:hidden;display:none}
@media(max-width:768px){
.compare-action{position:relative;margin:10px 0px;font-size:3.4vw;justify-content:center}
.compare-action .compare-action-check+label{margin-left:0px;margin-right:5px}
.products-content .pro-list .compare-action span{margin:0px}}
.inquiry-pro-list{margin:20px 0px;padding:0px 20px;display:none;box-sizing:border-box;border:1px solid #DDDDDD}
.inquiry-pro-list a{text-decoration:none;color:var(--fontcolor)}
.inquiry-pro-list .inquiry-pro-item{border-bottom:1px solid #DDDDDD;display:flex;padding:20px 0px;box-sizing:content-box}
.inquiry-pro-list .inquiry-pro-item .pro-item-img{width:100px;display:flex;justify-content:center;align-items:center;overflow:hidden}
.inquiry-pro-list .inquiry-pro-item .pro-item-img img{vertical-align:bottom}
.inquiry-pro-list .inquiry-pro-item .pro-item-name{font-size:var(--fontsize16);margin:20px 0px 0px 20px;width:50%}
.inquiry-pro-list .inquiry-pro-item .pro-item-name a{font-size:var(--fontsize16)}
.inquiry-pro-list .inquiry-pro-item .pro-item-name a:hover{color:var(--color)}
.inquiry-pro-list .inquiry-pro-item .pro-item-name p{padding:0px;margin:0px}
.inquiry-pro-list .inquiry-pro-item .pro-item-del{position:relative;width:30px;margin-left:auto;display:flex;justify-content:center;align-items:center}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close{position:absolute;width:30px;height:30px;left:0px;top:40px}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:after,.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:before{position:absolute;left:15px;content:"";height:20px;width:2px;background-color:#333333}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:before{transform:rotate(45deg)}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:after{transform:rotate(-45deg)}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:hover{cursor:pointer}
.inquiry-pro-list .inquiry-pro-item:last-child{border:none}
@media(max-width:768px){
.inquiry-pro-list{padding:0vw 3vw}
.inquiry-pro-list .inquiry-pro-item{box-sizing:border-box;padding:3vw 0vw}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close{right:0px;top:8vw}
.inquiry-pro-list .inquiry-pro-item .pro-item-name{font-size:var(--fontsize16);margin:10px 0px 0px 10px}
.inquiry-pro-list .inquiry-pro-item .pro-item-name p a{font-size:var(--fontsize16);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}
.table td,.table th{border:1px solid #cdcdcd;padding:5px}
.table{border-collapse:collapse}
.products-content .seo-key a{color:var(--fontcolor)}
.pro-detail-content .pro-intro article a{color:var(--fontcolor)}
.pro-detail-content .productsTags{line-height:1.6;color:var(--fontcolor)}
.pro-detail-content .productsTags a{color:var(--fontcolor);text-decoration:underline;text-transform:lowercase}
.pro-detail-content .productsTags a:hover{color:var(--color)}
#tags{display:flex;border-bottom:1px solid #CCCCCC;margin-bottom:20px;flex-wrap:wrap}
#tags li a{font-size:var(--fontsize18);font-weight:var(--fontbold6);line-height:46px;padding:0px 28px;border:1px solid #CCCCCC;margin:10px 20px -1px 0px;display:block;box-sizing:border-box}
#tags li a:hover,#tags li.selectTag a{color:var(--color)}
@media screen and (max-width:992px){
#tags li a{font-size:var(--fontsize17);padding:0px 20px;line-height:40px;margin-right:10px}}
@media screen and (max-width:768px){
#tags li a{font-size:var(--fontsize14);padding:0px 10px;line-height:30px;margin-right:6px}}
@media screen and (max-width:500px){
#tags li a{width:100%;text-align:center;font-size:var(--fontsize14);padding:0px 10px;line-height:30px;margin-right:0px}
#tags li{width:49%}
#tags{justify-content:space-between;border:none}}
#tagContent .tagContent{display:none}
#tagContent .tagContent.selectTag{display:block}
.protypebody{margin:0px 260px 50px;line-height:1.6;color:var(--introcolor);box-shadow:0 0 5px #DDDDDD;padding:15px}
@media (max-width:1520px) and (min-width:1281px){
.protypebody{margin:0px 100px 30px}}
@media (max-width:1280px) and (min-width:1081px){
.protypebody{margin:0px 50px 30px}}
@media (max-width:1080px) and (min-width:769px){
.protypebody{margin:0px 25px 50px}}
@media screen and (max-width:768px){
.protypebody{margin:0 0 6.6666666667vw;font-size:3.4vw}}
@media screen and (max-width:768px){
.products-content .pro-list .list-2 .pro-img a{display:block;height:100%;width:100%}
.products-content .pro-list .list-2 .pro-img a img{height:100%;object-fit:contain}
header nav>ul{height:calc(100% - 13.3333333333vw);position:fixed;display:block;overflow-y:auto}}
.filter-box .pro-type-list>ul .LiLevel2{width:25%;background:0 0}
.filter-box .pro-type-list>ul .LiLevel2 a{width:70%;height:35px;background:#FFFFFF;display:inline-block;line-height:35px;text-align:center}
.filter-box .pro-type-list>ul .LiLevel1 .LiLevel2{width:70%}
@media screen and (max-width:768px){
main.common-container .inner-banner .sm{display:none}
main.common-container .inner-banner .pc{display:block}}
@media screen and (max-width:768px){
main.detail-container .inner-banner .pc{display:none}}
.knowledges-detail-content .pro-detail-content .random-pro-list,.news-detail-content .pro-detail-content .random-pro-list{margin:0px}
.inquiry-title{margin:20px 0px;width:100%;height:50px;line-height:50px;font-size:var(--fontsize22);font-weight:var(--fontbold6);color:var(--fontcolor);text-align:center;background:#FCFCFC}
.inquiry-form{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap}
@media screen and (max-width:768px){
.common-container .news-content .news-list .list-1 .news-info .news-text{font-size:var(--fontsize16);-webkit-line-clamp:3}}
.ie .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img::after{padding-top:0px;height:auto}
.ie .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img img{position:relative;height:auto;width:auto}
.ie .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img{display:block;position:relative}
.ie .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img a{display:inline-block;position:absolute;top:50%;left:50%;height:auto;width:auto;transform:translate(-50%,-50%)}
.ie .home-container .about-info .about-content{justify-content:space-around}
.ie .home-container .hot-product ul li .pro-img:after{padding-top:0px}
.ie .home-container .lastest-news ul li .news-content{justify-content:space-around}
.ie .home-container .hot-product ul li .pro-name{width:100%;height:70px}
.ie .home-container .hot-product ul li a,.ie .home-container .hot-product ul li object{height:auto}
.ie .products-content .pro-list .list-1 .pro-img img{position:relative;width:100%}
.ie .products-content .pro-list .list-2 .pro-img a{position:relative;display:block;width:100%;height:100%}
.ie .products-content .pro-list .list-2 .pro-img a img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.ie .compare-action .compare-action-check+label{display:block}
.ie .products-content .pro-list .list-1 .pro-name{box-sizing:border-box}
.ie .products-content .pro-list .list-1 .pro-name a{width:100%;display:block}
.ie .feedbackForm tbody{width:850px}
.ie .feedbackForm table input{width:300px}
.ie .feedbackForm tbody tr:last-child td:nth-of-type(2) input,.ie .feedbackForm tbody tr:last-child td:nth-of-type(2) textarea,.ie .feedbackForm tbody tr:nth-of-type(5) td:nth-of-type(2) input,.ie .feedbackForm tbody tr:nth-of-type(5) td:nth-of-type(2) textarea,.ie .feedbackForm tbody tr:nth-of-type(6) td:nth-of-type(2) input,.ie .feedbackForm tbody tr:nth-of-type(6) td:nth-of-type(2) textarea{width:740px}
.ie .feedbackForm table tr td:first-of-type,.ie .filter-box .pro-type-list>ul .LiLevel1>a,.ie .filter-box .pro-type-list>ul .pro-menu>li a,.ie .filter-box .pro-type-list>ul .sub-menu>li a{display:block}
.ie .products-content .pro-list .list-1 article a{height:36px;display:block}
.ie .common-container .news-content .news-list .list-2 .news-info .news-text a,.ie .knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-text a{height:45px;display:block}
.ie .preview-container .thumbnail-box .list ul .item img{width:80%}
.ie .home-container .hot-product ul li{margin-bottom:150px}
.ie footer .footer-container .bottom-info .intro .contact-list li img{width:20px}
.ie10 .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img a{left:20%}
.ie10 .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-title{word-break:break-all;width:40%}
.ie10 .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-content{width:40%}
.ie10 .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item{border:none}
.ie10 .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide{border:1px solid #EAEAEA}
.ie10 .home-container .hot-product ul li{margin-bottom:150px}
@media (min-width:769px) and (max-width:1081px){
.home-container .about-info .about-img img{height:100%;object-fit:cover}
.contact-logo,.home-container .lastest-news ul li .news-content article,footer .footer-top .contact-left .contact-content:before{display:none}
footer .footer-top .contact-left .contact-content{width:90%;padding-top:0px;margin-left:0px}
footer .footer-container>ul{flex-wrap:wrap;height:auto;padding:20px 0px}
footer .footer-container>ul>li{width:50%;height:140px}
footer .footer-container .bottom-info .intro{display:none}
footer .footer-container>ul>li{height:auto!important}
footer .footer-container .bottom-info{margin-top:0px}
.abouts-content article .content{width:100%}
.products-content .pro-list .list-1{min-width:47%;max-width:47%}
.common-container .contact-wrapper .contact-main,.common-container .contact-wrapper .contact-main .send-inquiry .inquiry-form{margin-left:0px}
.common-container .contact-wrapper .contact-main{margin-top:20px}
.common-container .contact-wrapper .contact-left{width:100%}
.common-container .contact-wrapper{flex-wrap:wrap}
.common-container .news-content .news-list .list-2{width:calc(48% - 12.5px)}
.common-container .news-content .news-list .list-2:nth-of-type(2){margin-right:0px}
.pro-detail-content .pro-review{flex-wrap:wrap}
.pro-detail-content .pro-intro article{padding:30px 0px}
.pro-detail-content .pro-review .pro-preview-left{margin:0px auto}}
@media screen and (max-width:768px){.pro-detail-content{margin:0px}}
.small-box .icon-video{width:50px;height:50px;position:absolute;top:0px;right:0px;cursor:pointer;z-index:33;background:url(https://shuangyu.92wailian.com/k622/skin/images/icon-video.png) no-repeat;background-size:40px 40px;background-position:center}
.icon-pre{width:50px;height:50px;position:absolute;top:0px;right:0px;cursor:pointer;z-index:33;background:url(../image/preview.png) no-repeat;background-size:30px 30px;background-position:center}
iframe{max-width:100%}
@media screen and (max-width:768px){
.abouts-content img,.knowledges-detail-content article img,.news-detail-content article img,.pro-detail-content .pro-intro img{height:auto!important}}
@media screen and (max-width:500px){
.pro-detail-content .pro-intro iframe{max-width:100%;min-height:240px;height:auto}}
.download-list{margin:0px 260px;display:flex}
.download-list li{width:calc(25% - 22.5px);margin-right:30px;margin-bottom:30px}
.download-img img{max-width:100%}
.download-list .download-name{font-size:var(--fontsize24);text-align:center}
.download-list .download-btn{display:block;margin:0px auto;width:40%;margin-top:10px;background:#EEEEEE;text-align:center;border-radius:999px;line-height:30px}
.download-list li:nth-of-type(4n){margin-right:0px}
@media screen and (min-width:2000px){
.download-list{margin:0 450px}}
.download-list{flex-wrap:wrap}
.download-img:after{display:block;content:"";padding-top:100%}
.download-img{position:relative}
.download-img img{position:absolute;width:100%;height:100%}
.download-list .download-name{margin-top:30px}
@media (min-width:1281px) and (max-width:1520px){
.download-list{margin:0px 100px}}
.download-list{margin-top:50px}
.project-list{margin-top:50px;flex-wrap:wrap;margin:0px 260px;display:flex}
@media screen and (min-width:2000px){
.project-list{margin:0 450px}}
@media (min-width:1281px) and (max-width:1520px){
.project-list{margin:0px 100px}}
@media (min-width:960px) and (max-width:1280px){
.project-list{margin:0px 100px}}
.project-list li{width:calc(25% - 22.5px);margin-right:30px;margin-bottom:30px}
.doc-container .products-content {margin:0px;padding:50px 260px}
@media (max-width:1520px){
.doc-container .products-content{padding:50px 100px}}
@media (max-width:1280px){
.doc-container .products-content{padding:50px}}
@media (max-width:1080px){
.doc-container .products-content{padding:50px 25px}}
@media (max-width:768px){
.doc-container .products-content{padding:6.6666666667vw 6.6666666667vw}}
.mobile-bottom-item a{text-transform:capitalize}
.product-price{padding:10px 0px 0px}
.list-1 .product-price{padding:0px 20px}
.product-content-price{margin-bottom:10px;font-size:var(--fontsize14);color:var(--color)}
.addToCart{height:46px;width:300px;border:1px solid var(--color);display:flex;justify-content:center;align-items:center;margin:20px 20px 0px 0px;cursor:pointer;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;background:#FFFFFF;transition-property:color;transition-duration:.3s}
.addToCart::before{content:"";position:absolute;z-index:-1;top:0px;bottom:0px;left:0px;right:0px;background:var(--color);transform:scaleY(0);transform-origin:50%;transition-property:transform;transition-duration:.3s;transition-timing-function:ease-out}
.addToCart:hover::before{transform:scaleY(1)}
.addToCart span{font-size:var(--fontsize18);color:var(--color)}
.addToCart:hover span{color:#FFFFFF}
@media(max-width:768px){
.addToCart{height:12vw;width:45vw;margin:0px 0px 15px}
.addToCart span{font-size:var(--fontsize16)}
.products-content .pro-list .list-2 .product-price span{height:auto;background:0 0;margin:0px}
.product-price{padding:1vw 2.6666666667vw 0vw;font-size:3.2vw}
.product-content-price{font-size:4vw;margin:10px 0px}
.products-content .pro-list .list-1 .product-price span{margin:0px}
.list-1 .product-price{padding:1vw 2.6666666667vw}
.pro-intro article img,.abouts-content img{height:auto!important}}
.indnewsmodule ul{margin:0px 260px;flex-wrap:wrap;display:flex;justify-content:space-between}
.indnewsmodule ul li{width:31%;margin:15px 0px}
.indnewsmodule ul li .media {display:flex}
.indnewsmodule ul li .media-left{height:78px;width:78px;background:var(--color);margin-right:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.indnewsmodule ul li .media-body{width:calc(100% - 98px)}
.indnewsmodule ul li .media-body h6 a{font-size:var(--fontsize16);display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:6px 0 8px}
.indnewsmodule ul li .media:hover .media-left{background:#252525;color:#FFFFFF}
.indnewsmodule ul li .media-left p{text-align:center;margin:0px;line-height:22px;color:#FFFFFF}
.indnewsmodule ul li .media .media-left .f-month{font-size:var(--fontsize14);color:#FFFFFF}
.indnewsmodule ul li .media .media-left .f-day{font-size:var(--fontsize28);color:#FFFFFF;margin-bottom:12px}
.indnewsmodule ul li .media .media-left .f-year{font-size:var(--fontsize12);color:#FFFFFF;line-height:1}
.indnewsmodule ul li .media .media-body h3,#fh5co-news-list .media .media-body h6{margin-bottom:0px;margin-top:0px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:var(--fontsize16)}
.indnewsmodule ul li .media .media-body h3 a,#fh5co-news-list .media .media-body h6 a{font-size:var(--fontsize16);color:#252525;line-height:25px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.indnewsmodule ul li .media:hover h6 a{color:var(--color)}
.indnewsmodule ul li .media .media-body p{color:grey;font-size:var(--fontsize14);line-height:22px;height:44px;overflow:hidden}
@media screen and (max-width:1520px){
.indnewsmodule ul{margin:0px 100px}}
@media screen and (max-width:1280px){
.indnewsmodule ul{margin:0px 50px}}
@media screen and (max-width:1080px){
.indnewsmodule ul{margin:0px 25px}}
@media screen and (max-width:1024px){
.indnewsmodule ul li{width:48%}}
@media screen and (max-width:768px){
.indnewsmodule ul{margin:0px 4vw}}
@media screen and (max-width:640px){
.indnewsmodule ul li{width:100%;margin:10px 0px}}
@media(max-width:768px){footer .mobile-bottom{height:auto;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}
footer .footer-container{padding-bottom:calc(55px + constant(safe-area-inset-bottom));padding-bottom:calc(55px + env(safe-area-inset-bottom))}
iframe,video{max-width:100%;min-height:240px;height:auto}}
@media screen and (max-width:768px){
header nav{z-index:999}}
.sm-mask{z-index:998}
#jljw_IM_GdImBox{z-index:900!important}
@media screen and (max-width:768px){header .header-top .top-right .search-input{z-index:999}}
.compare-panel.is-bottom{bottom:calc(55px + constant(safe-area-inset-bottom));bottom:calc(55px + env(safe-area-inset-bottom))}
.app{font-size:var(--fontsize16)}
.app p{font-size:1em;line-height:2em}
.app h4{font-size:1.5em;margin-bottom:1em}
.app h5{font-size:1em;margin:1em 0}
.app .app-list{display:-ms-flexbox;display:flex}
.app .app-list .list-item{-ms-flex:1;flex:1}
.app .app-list .list-item h4{margin-bottom:1em}
.app .app-list li{padding:10px 0px 10px 35px;background:url(../image/about_li.png) no-repeat;background-position:2px}
.app{font-size:var(--fontsize16)}
.app .app-box{display:-ms-flexbox;display:flex}
.app .box-l{-ms-flex:3.5;flex:3.5}
.app .box-l img{width:100%}
.app .box-r{-ms-flex:6.5;flex:6.5}
.app .box-r{padding-left:40px}
.support .support-item{display:-ms-flexbox;display:flex}
.support .support-item>div{-ms-flex:1;flex:1;margin-bottom:60px}
.support .item-r{-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.support .item-l .item-con{padding-right:66px}
.support .item-r .item-con{padding-left:66px}
.support .item-con{margin-top:10px}
.support .item-con p{margin-top:.5em}
.support .item-con h4{font-size:var(--fontsize24);padding-bottom:10px;margin-bottom:1em;position:relative}
.support .item-con h4::after{content:'';display:block;position:absolute;top:100%;left:0px;height:3px;width:40px;background-color:#B0ACAC}
.solution .icon-list{display:-ms-flexbox;display:flex;position:relative}
.solution .icon-list>div{-ms-flex:1;flex:1}
.solution .icon{width:90px;height:90px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}
.solution .sol-icon{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#FFFFFF;-ms-flex-align:center;align-items:center;position:relative;margin:0 6%}
.solution .sol-icon:after{content:'01';font-size:90px;font-weight:var(--fontbold6);position:absolute;top:-8px;left:50%;color:var(--introcolor);opacity:.1;transform:translateX(-50%)}
.solution .sol-icon:before{content:'';position:absolute;top:50%;left:100%;width:100%;height:30px;background:url(../image/sol_line.png) no-repeat;transform:translateY(-50%)}
.solution .sol-icon:nth-child(2):after{content:'02'}
.solution .sol-icon:nth-child(3):after{content:'03'}
.solution .sol-icon:nth-child(4):after{content:'04'}
.solution .sol-icon:nth-child(4):before{display:none}
.solution h4{font-size:var(--fontsize24);margin-bottom:1em}
.solution .sol-tab .tab-list{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}
.solution .sol-tab .tab-title{padding:10px 20px;background-color:#EAEEEE;color:var(--introcolor);cursor:pointer;margin-right:20px}
.solution .sol-tab .tab-title:hover{background-color:#B0ACAC;color:#FFFFFF}
.solution .sol-tab .tab-title.is-active{background-color:#B0ACAC;color:#FFFFFF}
.solution .sol-tab .tab-title:nth-last-child(1){margin-right:0px}
.solution .sol-tab .tab-content .content-item{display:none}
.solution .tab-content{margin-top:40px}
.solution .sol-box{display:-ms-flexbox;display:flex;margin-bottom:40px}
.solution .sol-box>div{width:50%;-ms-flex:auto;flex:auto;padding:0px}
.solution .sol-box>div img{display:block;width:100%;height:auto}
.solution .sol-box .box-icon{width:86px;height:86px;border-radius:50%;background-color:#B0ACAC;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}
.solution .sol-box .box-icon>img{width:40px;height:auto}
.solution .sol-box .con{background-color:#F3F3F3;padding:4%;box-sizing:border-box}
.solution .sol-box .con-top{display:-ms-flexbox;display:flex;margin-bottom:20px}
.solution .sol-box .con-top p{margin-left:30px;margin-top:10px;font-size:var(--fontsize24);line-height:1.3em}
.applic-list ul{display:flex;flex-wrap:wrap;margin:0 -10px}
.applic-list ul li{width:33.3333%;margin-bottom:20px;padding:0px 10px;box-sizing:border-box}
.applic-list .applic-name{padding:10px 0px;display:block;text-align:center;color:var(--fontcolor);font-weight:var(--fontbold6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.applic-list .applic-img img{display:block;width:100%;height:auto}
.support-item-img{margin-bottom:20px}
.support-item-img img{width:100%;height:auto}
.ck-add{padding-top:20px}
.ck-add .cp .cp-img img{width:100%;height:auto}
.ck-add .cp{display:flex}
.ck-add .cp>div{width:50%}
.ck-add .cp-con{padding-left:40px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
.ck-add .cp-con h4{font-size:var(--fontsize20);font-weight:var(--fontbold6);line-height:1.2em;margin-bottom:14px}
.ck-add .ps-img{margin-bottom:20px}
.ck-add .ps-img img{width:100%;height:auto}
.ck-add .ps-con p{line-height:1.8em;margin-bottom:20px}
.ck-add .ti{display:flex;flex-wrap:wrap;align-items:center}
.ck-add .ti .ti-tit{white-space:nowrap;font-size:var(--fontsize20);font-weight:var(--fontbold6);color:var(--fontcolor);padding:20px}
.ck-add .ti .ti-con{flex:1}
.ck-add .ti .ti-img{width:100%;margin:10px 0px}
.ck-add .ti .ti-img img{width:100%;height:auto}
.ck-add .dh-con h4{text-align:center}
.ck-add p{margin-bottom:20px;line-height:1.6em;color:var(--fontcolor)}
.ck-add h4{font-size:var(--fontsize20);margin-bottom:20px;font-weight:var(--fontbold6);color:var(--fontcolor)}
.ck-add ul{padding-left:20px}
.ck-add ul li{position:relative;color:#6E6E6E;list-style:disc}
.ck-add .ce-list{display:flex}
.ck-add .ce-list>div{flex:1}
.ck-add .ce-list img{width:100%;height:auto}
.ck-add .ce-list{margin:0 -10px}
.ck-add .ce-list .ce-item{padding:0px 10px;box-sizing:border-box}
.ck-add .ho .ho-item{display:flex}
.ck-add .ho .ho-item img{display:block;margin:0px auto}
.ck-add .ho .l .ho-left,.ck-add .ho .r .ho-right{flex:4}
.ck-add .ho .l .ho-right,.ck-add .ho .r .ho-left{display:flex;flex-direction:column;justify-content:center;flex:6;padding:0px 20px;box-sizing:border-box}
.ck-add .ho .ho-title{font-weight:var(--fontbold6)}
.ck-add .ho .ho-con{margin-top:30px}
.ck-add .ca-img img{width:100%;height:auto}
.ck-add .ca-img{margin-bottom:20px}
.ck-add .rd .rd-img-list{display:flex}
.ck-add .rd .rd-img{padding:0px 10px;margin-bottom:20px}
.ck-add .rf .rf-con img{float:left;margin-right:30px}
.ck-add .cm-img img{width:100%;height:auto}
.ck-add .cm-img{margin-bottom:20px}
.ck-add .cv img{float:right}
.ck-add .ch-item{display:flex}
.ck-add .ch-item>div{width:50%}
.ck-add .ch-item.r{flex-direction:row-reverse}
.ck-add .ch-con{display:flex;padding:20px;box-sizing:border-box;flex-direction:column;justify-content:center}
.ck-add .pe .pe-con .pe-img{float:right}
.ck-add .pe ul li img{margin-top:0!important}
.ck-add .pe ul li{list-style:none}
.ck-add .pe ul{padding-left:0px}
@media screen and (max-width:768px){
.applic-list ul li{width:50%}
.applic-list .applic-name{font-size:var(--fontsize14)}
.ck-add .cp{flex-direction:column}
.ck-add .cp>div{width:100%}
.ck-add .ce-list{flex-wrap:wrap}
.ck-add .ce-list>div{width:100%;flex:none}
.ck-add .cp-con{padding-left:0px;margin-top:20px}
.ck-add .ho .ho-con{margin-top:0px}
.ck-add .ho .ho-item{display:block}
.ck-add .ho .ho-title{margin:10px 0px}
.ck-add .rd .rd-img-list{flex-direction:column}
.ck-add .rd .rd-img{padding:0px}
.ck-add .ch-item.l,.ck-add .ch-item.r{flex-direction:column}
.ck-add .ch-item>div{width:100%}}
.app,.solution,.applic-list,.support{padding-top:20px}
@media screen and (max-width:768px){
.app,.case,.solution,.support{padding:10px 0px}
.applic-list{padding:6vw 0}
.app .app-box,.app .app-list{flex-direction:column}
.app .box-l{margin-bottom:1em}
.app .box-r{padding-left:0px}
.app .list-item{margin-bottom:1em}
.how-to-use ul>li{width:100%}
.case ul>li{width:50%;padding:0px 2vw}
.case ul{margin:0 -2vw}}
@media screen and (max-width:1500px){
.solution .tab-content{margin-top:10px}
.solution .sol-box{flex-direction:column}
.solution .sol-box>div{width:100%}
.solution .icon-list{flex-wrap:wrap}
.solution .icon-list>div{flex:auto}
.solution .sol-icon{width:50%;margin:0px;margin-bottom:4vw}
.solution .sol-icon:before{display:none}
.solution .sol-tab .tab-list{flex-wrap:wrap}
.solution .sol-tab .tab-title{width:100%;margin-right:0px;margin-bottom:10px}
.solution .sol-box .box-icon{width:65px;height:65px}
.solution .sol-box .con-top p{margin-top:0px;margin-left:16px}}
@media screen and (max-width:1000px){
.support .support-item{flex-direction:column}
.support .support-item img{width:100%}
.support .item-l .item-con{padding-right:0px}
.support .item-r .item-con{padding-left:0px}
.support .support-item>div{margin-bottom:8vw}
.support .item-con h4{font-size:var(--fontsize20)}}
@media screen and (max-width:768px){
.abouts-content{padding:0px 4vw}
.ck-add .ch-con{padding:10px 0px}
.abouts-content article .content,.abouts-content article .title,.abouts-content article p,.app p,.solution p,.support p{line-height:1.6em}
.ck-add .ho .l .ho-right,.ck-add .ho .r .ho-left{padding:10px 0px}
.ck-add .ce-list>div{width:50%}}
.addToCart.is-active{background:var(--color)}
.addToCart.is-active span{color:#FFFFFF}
.wmkc-video-g{height:6px;width:2%;background-color:var(--color);margin-top:20px;margin-bottom:20px}
.wmkc-video-table p{font-size:var(--fontsize28);margin-bottom:70px}
.wmkc-video-box{display:flex;justify-content:space-between}
.wmkc-video-all{width:32%}
.wmkc-video-all p:nth-of-type(1){margin-top:20px;margin-bottom:18px;font-size:var(--fontsize18)}
.wmkc-video-all p:nth-of-type(2){margin-bottom:25px;font-size:var(--fontsize16)}
.wmkc-video-all p:nth-of-type(3){font-size:var(--fontsize15)}
.wmkc-video-all:hover .wmkc-video-bor{box-shadow:5px 2px 10px 1px #B2B7DD;border-left:none}
.wmkc-video-view{text-align:center;margin-top:40px}
.wmkc-video-view span{background-color:var(--color);color:#FFFFFF;text-align:center;padding:15px 25px}
.wmkc-video-conn{padding:20px 20px}
.wmkc-video-span{height:2px;background-color:#E5E5E5;width:100%;margin-bottom:30px}
.gallery-next .swiper-slide,.gallery-up .swiper-slide,.wmkc-deve-alls .swiper-container .swiper-slide{flex-direction:column}
.wmkc-deve-all{display:flex;justify-content:space-between}
.wmkc-deve-page{margin-top:30px;margin-bottom:30px}
.wmkc-deve-page .swiper-pagination{position:relative;display:flex;justify-content:space-around}
.wmkc-deve-page .swiper-pagination-bullet{width:15px;height:15px;line-height:70px;margin:0px 20px;border:2px solid var(--color);background:#FFFFFF;opacity:1}
.wmkc-deve-page .swiper-pagination-bullet strong{margin-left:-9px;font-size:var(--fontsize14)}
.wmkc-deve-size{width:48%;margin-top:90px;padding:0px 20px}
.wmkc-deve-img{width:48%}
.wmkc-deve h4{text-align:center;font-size:var(--fontsize20);font-weight:var(--fontbold6);line-height:1.2em;margin-bottom:55px;color:var(--fontcolor)}
.wmkc-deve-size p:nth-of-type(1){font-size:var(--fontsize20);font-weight:var(--fontbold6);line-height:1.2em;margin-bottom:14px;color:var(--fontcolor)}
.ck-add ul li{list-style:none}
.ck-add ul{margin-top:70px}
.wmkc-deve-wire{height:1px;background-color:#E5E5E5;width:auto;display:flex;justify-content:space-around;position:relative;top:10px}
.wmkc-deve-circle{width:20px;height:20px;border:2px solid #4E4E4E;border-radius:30px;margin:auto;display:flex}
.wmkc-deve-c{width:10px;height:10px;background-color:#4E4E4E;border-radius:30px;margin:auto}
.wmkc-deve-wire li{position:absolute;top:-10px}
.wmkc-honor{display:flex;background-color:#4E4E4E}
.wmkc-honor-size{width:35%;padding:60px}
.wmkc-honor-swier{width:64%;display:flex}
.wmkc-honor-size h4{font-size:var(--fontsize20);font-weight:var(--fontbold6);line-height:1.2em;margin-bottom:60px;color:#FFFFFF}
.wmkc-honor-size p:nth-of-type(1){font-size:var(--fontsize20);font-weight:var(--fontbold6);line-height:1.2em;margin-bottom:15px;color:var(--color)}
.wmkc-honor-size p:nth-of-type(2){font-size:var(--fontsize16);line-height:1.8em;color:#D0D0D0}
.wmkc-honor-swier{background-image:url(https://shuangyu.92wailian.com/k622/skin/images/honor-01.png);background-repeat:no-repeat}
.wmkc-honor-tu{width:32%;margin:auto}
.gallery-next,.gallery-up,.wmkc-deve-alls .swiper-container{margin-top:40px}
.wmkc-honor-left{width:30px;height:80px;background-color:#999999;position:absolute;text-align:center}
.wmkc-honor-left:hover{background-color:var(--color)}
.wmkc-honor-right:hover{background-color:var(--color)}
.wmkc-honor-right{width:30px;height:80px;background-color:#999999;position:absolute;text-align:center}
.wmkc-honor-left img{width:50%;margin-top:100%}
.wmkc-honor-right img{width:50%;margin-top:100%}
.wkmc-social-top{display:flex;padding:70px 0 0 0;background-color:#FAFAFA}
.wmkc-social-img{flex:1;width:100%}
.wmkc-social-size{width:54%}
.wmkc-social-env{display:flex}
.wmkc-social-env p{font-size:var(--fontsize18)}
.wmkc-social-ziti p{line-height:28px;margin-top:20px;margin-bottom:25px}
.wmkc-socizl-leaf{max-width:45px;text-align:center}
.wmkc-socizl-leaf img{width:50%}
.wmkc-social-p{max-width:70px;text-align:center;margin:auto;background-color:#FFFFFF;padding:22px 0px;margin-right:30px}
.wmkc-social-box{display:flex;margin-bottom:35px}
.wmkc-social-p img{width:35%}
.wmkc-social-sizep p:nth-of-type(1){font-size:var(--fontsize18)}
.wmkc-social-sizep p:nth-of-type(2){line-height:28px}
.wmkc-social-charity{display:flex;margin-top:90px}
.wmkc-social-png{flex:1}
.wmkc-social-char{width:52%}
.wmkc-social-ad{display:flex;margin-top:20px}
.wmkc-social-adimg{width:40px;text-align:center}
.wmkc-social-adimg img{width:70%}
.wmkc-social-ad h5{font-weight:var(--fontbold6);font-size:var(--fontsize18)}
.wmkc-social-ss{line-height:1.5;margin-top:20px;margin-bottom:40px}
.wmkc-social-li{display:flex;align-content:center;align-items:center;margin-bottom:30px}
.wmkc-social-li::before{content:"";width:10px;height:10px;border-radius:30px;background-color:var(--color);margin-right:15px}
.wmkc-social-li p{border-radius:30px;margin-right:15px;flex:1}
.wmkc-members{display:flex;width:49%;margin-bottom:30px}
.wmkc-content-img{flex:1}
.wmkc-content-img img{width:100%;height:100%}
.wmkc-members-ioce{display:flex;text-align:center;padding:20px 0px;align-items:center}
.wmkc-members-ioce p{color:var(--color)}
.wmkc-members-right{width:60%;padding:0px 0px 0px 30px;border-left:none;box-shadow:5px 1px 5px 2px #CCCCCC}
.wmkc-members-backtu{margin-right:5px;background-image:url(../image/members-02.png);width:20px;height:20px;background-repeat:no-repeat;background-size:100%}
.wmkc-members-table{font-size:var(--fontsize24);margin-top:20px}
.wmkc-members-s{color:var(--introcolor);line-height:1.5}
.wmkc-members-all{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:47px}
.wmkc-members:hover .wmkc-members-right{box-shadow:none;border:1px solid var(--color);border-left:none}
.wmkc-members-page{display:flex;width:40%;margin:auto;justify-content:space-between;align-items:center}
.wmkc-members-page div{width:10%;border:1px solid #E8E8E8;padding:20px 0px}
.wmkc-members-page div p{text-align:center}
.wmkc-members-page :active{background-color:var(--color);color:#FFFFFF}
.wmkc-faq{min-height:800px}
.wmkc-faq-size{text-align:center}
.wmkc-faq-size h5{font-size:var(--fontsize24);margin-bottom:20px}
.wmkc-faq-size p{margin-bottom:0px}
.wmkc-faq-ul{display:flex;justify-content:space-between;margin-top:70px;margin-bottom:60px}
.wmkc-faq-list p{margin-bottom:0px}
.wmkc-faq-list{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.wmkc-faq-list .wmkc-faq-item{width:100%}
.wmkc-faq-listlet p{padding:0px 40px}
.wmkc-faq-li{width:17%;background-color:#F5F5F5;text-align:center;border-radius:10px}
.wmkc-faq-li p{margin-bottom:0px;padding:25px 0px}
.wmkc-faq-jia{width:20px;height:20px;transition:all .8s}
.wmkc-faq-listlet{max-height:0px;overflow:hidden}
.wmkc-faq-all{background-color:#F5F5F5;border-bottom:1px solid #FFFFFF}
.wmkc-faq-all:hover .wmkc-faq-listlet{max-height:600px;transition-timing-function:ease-in}
.wmkc-faq-all:hover{border-left:5px solid var(--color)}
.wmkc-faq-all:hover .wmkc-faq-jia{transform:rotate(180deg)}
.project-list{margin:30px 250px 0px}
.project-list li{width:100%;border-bottom:solid 1px #F5F5F5;margin-top:0px;margin-bottom:0px}
.project-name{line-height:1.6em;color:var(--fontcolor);font-weight:var(--fontbold6)px;font-size:var(--fontsize18);padding:25px 40px}
.project-content{max-height:0px;overflow:hidden;padding:0px 40px 0px;margin-bottom:20px}
.project-list li:hover .project-content{max-height:800px;transition-timing-function:ease-in}
.project-list li:hover{border-left:5px solid var(--color)}
.video-list{display:flex;flex-wrap:wrap;margin:0px 250px}
.video-list li{width:32%;margin-right:20px}
.video-name{padding:20px 10px;font-size:var(--fontsize18);font-weight:var(--fontbold6);border-bottom:2px solid #E5E5E5}
.video-in{line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;margin:20px 10px}
.video-list li:hover{box-shadow:5px 2px 10px 1px #B2B7DD}
.wmkc-social-char,.wmkc-social-size{margin-left:40px}
@media (max-width:1520px){
.project-list,.video-list{margin:30px 100px 0px}}
@media (max-width:1280px){
.project-list{margin:30px 50px 0px}
.video-list{margin:0px 50px}}
@media (max-width:1024px){
.video-list{margin:30px 30px 0px}
.project-list{margin:auto}
.wmkc-social-img{margin:auto}
.wmkc-honor-size{padding:20px}
.wmkc-members-right{padding:15px}}
@media (max-width:1000px){
.video-list{margin:20px 30px 0px}}
@media(max-width:768px){
.video-list{flex-direction:column}
.video-list li{width:100%;margin-bottom:20px}
.wmkc-video-box{flex-direction:column}
.wmkc-video-all{width:100%;margin-bottom:30px}
.ck-add p{margin-bottom:10px;font-size:var(--fontsize16)}
.wkmc-social-top{flex-direction:column}
.wmkc-social-size{width:100%;margin-left:0px}
.wmkc-social-env{padding:0px 20px;margin-top:20px}
.wmkc-social-ziti p{margin-top:0px}
.wmkc-social-manage{padding:20px 20px}
.wmkc-social-img{text-align:center}
.wmkc-social-charity{flex-direction:column}
.wmkc-deve-img,.wmkc-deve-size,.wmkc-social-char{width:100%;margin-left:0px}
.wmkc-deve-all{flex-direction:column}
.wmkc-deve-size{margin-top:30px}
.ck-add ul{margin-top:40px;margin-bottom:80px;padding-left:0px}
.wmkc-deve-wire ul li p{font-size:var(--fontsize12)}
.wmkc-deve h4{margin-bottom:20px}
.wmkc-honor{flex-direction:column}
.wmkc-honor-swier{width:100%}
.wmkc-honor-size{padding:25px;width:100%;text-align:center}
.wmkc-members{flex-direction:column}
.wmkc-members-right{width:100%}
.wmkc-members-page{width:85%}
.wmkc-members-right{padding:0px 10px;font-size:var(--fontsize14)}
.wmkc-introdu-n,.wmkc-introdu-p{width:40px;height:40px;line-height:45px}
.wmkc-members-s{padding-bottom:20px}
.wmkc-members-table{font-size:var(--fontsize18)}}
@media (max-width:320px){
.ck-add p{margin-bottom:10px}
.wkmc-social-top,.wmkc-social-box{flex-direction:column}
.wmkc-social-p{margin:auto;margin-bottom:20px}
.wmkc-social-env{margin-top:20px}
.wmkc-social-charity{flex-direction:column;margin-top:30px}
.wmkc-social-li div{padding:0px 5px}
.wmkc-social-size{margin-left:0px}
.wmkc-video-table p{font-size:var(--fontsize24);margin-bottom:15px}
.wmkc-video-g{width:10%;margin-bottom:10px}
.wmkc-members,.wmkc-members-all{flex-direction:column}
.wmkc-members{width:100%}
.wmkc-members-right{width:100%;padding:0px}
.wmkc-members-page{width:100%}
.wmkc-members-page div{width:14%;padding:10px 10px}
.wmkc-members-z{margin-bottom:20px}
.wmkc-deve-size{width:100%;margin-top:0px}
.wmkc-deve-img{width:100%}
.ck-add ul{margin-top:30px;margin-bottom:40px;padding-left:0px}
.wmkc-honor-size{padding:15px}}
@media(min-width:2000px){
.video-list{margin:0 450px}}
.abouts-content .ck-add img{width:auto}
.swiper-lazy{opacity:0;transition:opacity .3s}
.swiper-lazy.swiper-lazy-loaded{opacity:1}
.home-container .welcome-info .swiper-slide{width:22%}
@media screen and (max-width:768px){
.home-container .lastest-news ul li:nth-of-type(2n){display:block}
.home-container .lastest-news ul li:nth-child(3) a object, .home-container .lastest-news ul li:nth-child(4) a object{flex-direction:row}
.home-container .lastest-news ul li:nth-of-type(2n) a object{flex-direction:row-reverse}}
@media(min-width:1121px) and (max-width:1440px){
header nav ul li{margin:0px 9px}}
@media(min-width:1081px) and (max-width:1120px){
header nav ul li{margin:0 6px}}
#swiper-banner img{height:auto}
@media(max-width:769px){
.mobcate-main-box{position:relative;margin-bottom:15px}
.mobcate-main-title{color:var(--fontcolor);font-size:var(--fontsize20);padding:10px 0px;cursor:pointer;background:url(../image/cate-btn.png) right center/24px no-repeat;border-bottom:1px solid #CCCCCC}
.mobcate-main-title+ul{position:absolute;top:100%;left:0px;right:0px;padding:10px;z-index:20;display:none;background-color:#FFFFFF;box-shadow:rgb(0 0 0 / 20%) 0 2px 16px}
.mobcate-main-title+ul li>ul{display:none;padding-left:20px}
.mobcate-main-title+ul li{position:relative;padding-right:20px}
.mobcate-main-title+ul li a{display:block;line-height:24px;padding:4px 0px}
.mobcate-main-title+ul .icon-angle-right{position:absolute;top:10px;right:0px;width:20px;z-index:2;display:block}
.mobcate-main-title+ul .icon-angle-right.active{transform:rotate(90deg)}}
@media(min-width:769px){
.products-content .pro-list .list-1 article a,.common-container .news-content .news-list .list-2 .news-info .news-text a,.products-content .pro-list .list-2 .pro-info article a{-webkit-line-clamp:initial}}
h4.cate-h4, h4.pro-h4 {clear:both;font-weight:var(--fontbold6)}
ul.cate-ulli, ul.pro-ulli {clear:both;padding:10px 0px 10px 20px}
ul.cate-ulli li, ul.pro-ulli li {list-style-type:disc;line-height:1.7}
ol.cate-ulli, ol.pro-ulli {clear:both;padding:10px 0px 10px 30px}
ol.cate-ulli li, ol.pro-ulli li {list-style-type:decimal;line-height:1.7}
.prolist-content{clear:both;margin:40px 260px 0px;line-height:1.6}
.prohome-content{clear:both;margin:0px 260px 30px;padding:10px;line-height:1.6;box-sizing:border-box}
.prolist-bottom{clear:both;margin:0px 260px 30px;padding:10px;line-height:1.6;box-sizing:border-box}
.prolist-bottom a{text-decoration:underline}
.prolist-bottom a:hover{color:var(--color)}
@media screen and (min-width:2000px){.prohome-content,.prolist-bottom{margin:0px 450px 30px}
.prolist-content{margin:20px 450px}}
@media (min-width:1281px) and (max-width:1520px){.prohome-content,.prolist-bottom{margin:0px 100px 30px}
.prolist-content{margin:20px 100px}}
@media (min-width:1081px) and (max-width:1280px){.prohome-content,.prolist-bottom{margin:0px 50px 30px}
.prolist-content{margin:20px 50px}}
@media(max-width:768px){.prohome-content,.prolist-bottom{margin:0px 3vw 20px}
.prolist-content{margin:0px 0px 10px 0px}}
@media (min-width:769px) and (max-width:1080px){.prohome-content,.prolist-bottom{margin:0px 25px 20px}
.prolist-content{margin:20px 25px}}
@media(max-width:768px){.prohome-content{clear:both;padding:0px;line-height:1.6;box-sizing:border-box}
.prolist-bottom{clear:both;padding:0px;line-height:1.6;box-sizing:border-box}}
.ck-widget-toc{display:table;border:1px solid #A2A9B1;background-color:#F8F9FA;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc ol li{display:block;position:relative;list-style:none}
.ck-widget-toc ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
.ck-widget-toc-title{text-align:left;font-weight:var(--fontbold6);margin:0px 0px 5px 0px;padding:0px 0px 0px 5px}
.ck-widget-pt{padding-top:100px;margin-top:-100px}
.ck-widget-toc1{display:table;border:1px solid #A2A9B1;background-color:#F8F9FA;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc1 ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc1 ol li{display:block;position:relative;list-style:none}
.ck-widget-toc1 ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
.lang{width:auto;position:relative;z-index:9999;text-align:left;margin-left:30px}
.lang-icon{display:flex;align-items:center;width:100%;height:30px;border:none;cursor:pointer;font-size:var(--fontsize14);user-select:none;white-space:nowrap}
.lang-icon>img{margin-right:5px;margin-top:3px}
.lang-icon span{position:relative;padding-right:18px;color:var(--headercolor)}
.lang-icon span::before{content:"";position:absolute;right:4px;top:11px;width:8px;height:1px;background:var(--headercolor);transform:rotate(50deg)}
.lang-icon span::after{content:"";position:absolute;right:0px;top:11px;width:8px;height:1px;background:var(--headercolor);transform:rotate(-50deg)}
.lang-drop{position:absolute;top:calc(100% + 26px);right:50%;transform:translateX(50%);background:#FFFFFF;border:1px solid #EBEEF5;border-radius:4px;box-shadow:0px 2px 12px 0 rgba(0,0,0,.1);z-index:9999;visibility:hidden;opacity:0;transition:opacity .3s,top .3s}
.lang-drop.lang-flex{transform:translateX(25%)}
.lang-drop.lang-flex .lang-arrow{left:75%}
.lang-drop.active{visibility:visible;opacity:1;top:calc(100% + 12px)}
.lang-arrow{display:block;width:10px;height:10px;background-color:#FFFFFF;border-top:1px solid #EBEEF5;border-left:1px solid #EBEEF5;transform:translateX(-50%) rotate(45deg);position:absolute;top:-6px;left:50%}
.lang-wrap{width:140px;padding:8px 0px;box-sizing:border-box}
.lang-flex .lang-wrap{width:340px;display:flex;flex-wrap:wrap;padding:8px}
.lang-wrap li{width:100%;padding:8px 16px;box-sizing:border-box;transition:background-color .3s}
.lang-flex .lang-wrap li{width:33%;padding:8px 6px}

.lang-wrap li a{display:block;font-size:var(--fontsize12);text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.lang-wrap li img{display:inline-block;width:24px;height:16px;vertical-align:-.25em;margin-right:4px}
@media (max-width:1024px){
.lang{margin-left:auto;position:fixed;top:11px;right:50px;transition:all .2s linear}
.lang-icon span{display:none}
.lang-icon>img{width:36px;height:24px;margin-top:0px}
.lang-drop.lang-flex{right:auto;left:50%;transform:translateX(-50%);top:60px!important;position:fixed;width:calc(100vw - 20px)}
.lang-drop.lang-flex.active{top:54px!important}
.lang-flex .lang-wrap{width:100%}
.lang-drop.lang-flex .lang-arrow{left:84%}
.lang-drop{display:none}
.lang-drop.active{display:block}}
.pro-detail-content .pro-detail-title span{margin-right:10px}
.contact-list ul{display:flex;flex-wrap:wrap}
@media(max-width:768px){
.top-btn{display:none!important}
.mobile-bottom-item .top-btn{display:flex!important;position:absolute;bottom:auto;right:auto;left:50%;top:50%;transform:translate(-50%,-50%);transition:none;background:none}
.mobile-bottom-item .top-btn:hover{background:none}}
.wmkcfeedback .wmkcfb-company{background:url(../image/company.png) no-repeat;background-size:20px 20px;background-position:right 10px top 14px}
.wmkcfeedback .wmkcfb-name{background:url(../image/user.png) no-repeat;background-size:22px 19px;background-position:right 10px top 16px}
.wmkcfeedback .wmkcfb-title{width:100%;background:url(../image/title.png) no-repeat;background-size:20px 20px;background-position:right 10px top 14px}
.wmkcfeedback .wmkcfb-phone{background:url(../image/phone.png) no-repeat;background-size:20px 20px;background-position:right 10px top 14px}
.wmkcfeedback .wmkcfb-email, .wmkcfeedback .wmkcfb-emailcomfirm{background:url(../image/email.png) no-repeat;background-size:20px 20px;background-position:right 10px top 14px}
.wmkcfeedback .wmkcfb-content{background:url(../image/pencil.png) no-repeat;background-size:15px 15px;background-position:right 10px top 15px}
.mediaplay{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);z-index:9;width:50px!important;height:50px!important;cursor:pointer;display:none}
@media(max-width:768px){.thumbnail-box .swiper-pagination{display:none}}
.products-content .pro-list .list-2 .pro-img img:not(.loaded){width:40px;height:40px}
.filter-flex{display:flex;flex-wrap:wrap;max-width:1500px;margin:0px auto}
.filter-flex #filterlist{width:260px;margin-right:20px}
.filter-flex .pro-list{flex:1;padding:0px;margin:0px}
#filterlist .side-cate{margin-bottom:20px}
#filterlist .side-cate .title{color:var(--fontcolor);font-size:var(--fontsize20);margin-bottom:5px;font-weight:var(--fontbold5)}
#filterlist .filterlist-ul li{display:flex;align-items:center;margin:10px 0px 20px;line-height:1;cursor:pointer;user-select:none}
#filterlist .filterlist-ul li:nth-child(n+21){display:none}
#filterlist .filterlist-ul li.act{color:var(--color)}
#filterlist .filterlist-ul li.act .input::after{transform:translate(-50%,-50%) scale(1)}
#filterlist .filterlist-ul li .input{width:16px;height:16px;margin-right:10px;border:1px solid #666666;position:relative}
#filterlist .filterlist-ul li .input::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);width:9px;height:9px;background:var(--color);transition:all .1s linear}
#filterlist .filterlist-ul li span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
#filterlist .viewmore-filter{color:var(--color);text-transform:uppercase;cursor:pointer}
#filterlist .viewmore-filter:hover{text-decoration:underline}
@media (max-width:1024px){.filter-flex #filterlist{width:100%;margin:0px}}
.pagesbanner{position:relative;z-index:1}
.pagesbanner>a{z-index:1;position:relative;display:block}
.pagesbanner video,.pagesbanner img{width:100%;height:auto;object-fit:cover;min-height:160px}
.pagesbanner .pagesbanner-animate{width:100%;padding:0px 20px;z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#FFFFFF;text-align:center;margin-top:20px;opacity:0;animation:pagesbanner 1s .5s forwards}
.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize30);font-weight:var(--fontbold5);line-height:1.2}
.pagesbanner .pagesbanner-animate .p2{margin-top:20px;font-size:var(--fontsize18);font-weight:var(--fontbold4)}
@keyframes pagesbanner{0%{margin-top:20px;opacity:0}100%{margin-top:0px;opacity:1}}
@media (max-width:1024px){
.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize26)}
.pagesbanner .pagesbanner-animate .p2{margin-top:10px;font-size:var(--fontsize16)}}
@media (max-width:768px){
.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize20)}
.pagesbanner .pagesbanner-animate .p2{font-size:var(--fontsize14)}}
.ab_img img{ max-width:100% !important; height:auto !important;display:inline-block;}
.ab_img p{text-wrap: inherit !important;}
.ab_img p span{text-wrap: inherit !important;}


.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{  font-family: 
    -apple-system, 
    BlinkMacSystemFont, 
    "Segoe UI", 
    Roboto, 
    "Helvetica Neue", 
    Arial, 
    "Hiragino Sans GB", 
    "PingFang SC", 
    "Microsoft YaHei", 
    "HarmonyOS Sans", 
    "Noto Sans SC", 
    sans-serif;
        }}
.text-secondary{ text-align:center; padding:20px 0}



        /* 主容器 - 设置固定高度 */
        .jy-hdp-container {
            position: relative;
            width: 100%;
            height: 900px;
            overflow: hidden;
            margin: 0 auto;
        }

        .jy-hdp-slides {
            position: relative;
            width: 100%;
            height: 100%;
        }

        .jy-hdp-slide {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: opacity 1.2s cubic-bezier(0.65, 0, 0.35, 1);
            z-index: 1;
        }

        .jy-hdp-slide.jy-hdp-active {
            opacity: 1;
            z-index: 2;
        }

        /* 图片容器 */
        .jy-hdp-slide-image-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            background-color: #0a0e17;
        }

        .jy-hdp-slide-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            position: relative;
            min-width: 100%;
            min-height: 100%;
        }

        .jy-hdp-slide-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to bottom, 
                rgba(10, 14, 23, 0.6) 0%, 
                rgba(10, 14, 23, 0.3) 50%,
                rgba(10, 14, 23, 0.6) 100%);
            z-index: 2;
        }

        /* 标题 - 靠左显示 */
        .jy-hdp-slide-content {
            position: absolute;
            top: 50%;
            left: 10%;
            transform: translateY(-50%);
            width: 80%;
            max-width: 1000px;
            text-align: left;
            padding: 40px;
            z-index: 3;
        }

        .jy-hdp-slide-title {
           
            font-size: clamp(2.1rem, 5vw, 3.5rem);
            font-weight: 900;
            margin-bottom: 30px;
           
            color: #ffffff;
            text-transform: uppercase;
            letter-spacing: 2px;
            line-height: 1.1;
            /* 取消所有文字阴影 */
            position: relative;
            padding-bottom: 20px;    text-shadow: 2px 2px 5px rgb(0 0 0);
        }

        .jy-hdp-slide-title::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 3px;
            width: 150px;
            height: 2px;
            background: #ffffff;
            border-radius: 2px;
        }

        .jy-hdp-slide-desc {
            font-size: clamp(1.1rem, 2vw, 1.4rem);
            line-height: 1.8;
            color: #ffffff;  /* 纯白色 */
            font-weight: 400;
            margin-bottom: 40px;
            max-width: 800px;
    text-shadow: 2px 2px 5px rgb(0 0 0);
            /* 取消所有文字阴影 */
        }

        .jy-hdp-slide-highlight {
            color: #00f7ff;
            font-weight: 700;
            /* 取消所有文字阴影 */
        }

        /* 按钮样式 */
        .jy-hdp-slide-btn {
            display: inline-block;
            padding: 15px 40px;
            background: #16499d;
            color: #ffffff;  /* 纯白色 */
            font-family: 'Orbitron', sans-serif;
            font-size: 1.1rem;
            font-weight: 600;
            text-decoration: none;
            text-transform: uppercase;
            letter-spacing: 2px;
            border-radius: 50px;
          
           
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            /* 取消按钮文字阴影 */
        }

        .jy-hdp-slide-btn:hover {
            transform: translateY(-3px);
            box-shadow: 
                0 0 40px rgba(0, 247, 255, 0.5),
                0 0 20px rgba(122, 0, 255, 0.5);
            border-color: rgba(255, 255, 255, 0.6); color: #ffffff;  /* 纯白色 */
        }

        .jy-hdp-slide-btn::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
            transition: left 0.5s ease;
        }

        .jy-hdp-slide-btn:hover::before {
            left: 100%;
        }

        /* 自定义左右箭头按钮 - 修复箭头居中 */
        .jy-hdp-nav-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 70px;
            height: 70px;
            background: rgba(10, 14, 23, 0.7);
            border: 1px solid rgba(0, 247, 255, 0.3);
            color: #00f7ff;
            border-radius: 50%;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 10;
            transition: all 0.3s ease;
            backdrop-filter: blur(5px);
            -webkit-tap-highlight-color: transparent;
            padding: 0;
            margin: 0;
        }

        .jy-hdp-nav-btn:hover {
            background: rgba(0, 247, 255, 0.1);
            box-shadow: 0 0 30px rgba(0, 247, 255, 0.3);
            transform: translateY(-50%) scale(1.1);
        }

        /* 左箭头 - 缩小并居中在圆圈内 */
        .jy-hdp-prev-btn {
            left: 30px;
        }

        .jy-hdp-prev-btn::before {
            content: '';
            width: 16px;
            height: 16px;
            border-left: 2.5px solid #00f7ff;
            border-bottom: 2.5px solid #00f7ff;
            transform: rotate(45deg);
            transition: all 0.3s ease;
            margin: 0;
            position: relative;
            left: 2px;
        }

        .jy-hdp-prev-btn:hover::before {
            border-left-color: #ffffff;
            border-bottom-color: #ffffff;
            transform: rotate(45deg) scale(1.2);
        }

        /* 右箭头 - 缩小并居中在圆圈内 */
        .jy-hdp-next-btn {
            right: 30px;
        }

        .jy-hdp-next-btn::before {
            content: '';
            width: 16px;
            height: 16px;
            border-right: 2.5px solid #00f7ff;
            border-top: 2.5px solid #00f7ff;
            transform: rotate(45deg);
            transition: all 0.3s ease;
            margin: 0;
            position: relative;
            right: 2px;
        }

        .jy-hdp-next-btn:hover::before {
            border-right-color: #7a00ff;
            border-top-color: #7a00ff;
            transform: rotate(45deg) scale(1.2);
        }

        /* 指示器 */
        .jy-hdp-indicators {
            position: absolute;
            bottom: 40px;
            left: 0;
            width: 100%;
            display: flex;
            justify-content: center;
            gap: 15px;
            z-index: 10;
            -webkit-tap-highlight-color: transparent;
        }

        .jy-hdp-indicator {
            width: 14px;
            height: 14px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.2);
            border: 2px solid rgba(255, 255, 255, 0.4);
            cursor: pointer;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            -webkit-tap-highlight-color: transparent;
        }

        .jy-hdp-indicator::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #00f7ff;
            border-radius: 50%;
            transform: scale(0);
            transition: transform 0.3s ease;
        }

        .jy-hdp-indicator.jy-hdp-active::before {
            transform: scale(1);
        }

        .jy-hdp-indicator.jy-hdp-active {
            border-color: #00f7ff;
            box-shadow: 0 0 15px #00f7ff;
        }

        /* 科技感装饰元素 */
        .jy-hdp-tech-decoration {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 4;
        }

        .jy-hdp-grid-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: 
                linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
            background-size: 50px 50px;
            opacity: 0.3;
        }

        /* 响应式设计 - 移动端设置固定高度 */
        @media (max-width: 1024px) {
            .jy-hdp-container {
                height: 700px;
            }
            
            .jy-hdp-slide-content {
                left: 8%;
                width: 84%;
                padding: 30px;
            }
            
            .jy-hdp-nav-btn {
                width: 60px;
                height: 60px;
            }
            
            .jy-hdp-prev-btn::before,
            .jy-hdp-next-btn::before {
                width: 15px;
                height: 15px;
                border-width: 2.2px;
            }
            
            .jy-hdp-prev-btn {
                left: 20px;
            }
            
            .jy-hdp-next-btn {
                right: 20px;
            }
            
            .jy-hdp-slide-btn {
                padding: 12px 35px;
                font-size: 1rem;
            }
        }

        /* 移动端 */
        @media (max-width: 768px) {
            .jy-hdp-container {
                height: 600px;
                max-height: none;
                position: relative;
                min-height: auto;
            }
            
            .jy-hdp-slide-image-container {
                height: 100%;
            }
            
            .jy-hdp-slide-image {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center;
            }
            
            .jy-hdp-slide-content {
                left: 5%;
                width: 90%;
                padding: 20px;
            }
            
            .jy-hdp-slide-title {
                font-size: 2rem;
                margin-bottom: 20px;
            }
            
            .jy-hdp-slide-title::after {
                width: 100px;
            }
            
            .jy-hdp-slide-desc {
                font-size: 1rem;
                line-height: 1.6;
                margin-bottom: 30px;
                color: #ffffff;
            }
            
            .jy-hdp-slide-btn {
                padding: 10px 30px;
                font-size: 0.95rem;
                color: #ffffff;
            }
            
            /* 移动端：箭头调整到标题两侧 */
            .jy-hdp-nav-btn {
                width: 45px;
                height: 45px;
                top: 50% !important;
                transform: translateY(-50%) !important;
            }
            
            .jy-hdp-prev-btn::before,
            .jy-hdp-next-btn::before {
                width: 14px;
                height: 14px;
                border-width: 2px;
            }
            
            /* 左箭头在标题左侧 */
            .jy-hdp-prev-btn {
                left: 10px !important;
            }
            
            .jy-hdp-prev-btn::before {
                left: 1px;
            }
            
            /* 右箭头在标题右侧 */
            .jy-hdp-next-btn {
                right: 10px !important;
            }
            
            .jy-hdp-next-btn::before {
                right: 1px;
            }
            
            .jy-hdp-nav-btn:hover {
                transform: translateY(-50%) scale(1.1) !important;
            }
            
            .jy-hdp-indicators {
                bottom: 30px;
            }
        }

        @media (max-width: 480px) {
            .jy-hdp-container {
                height: 500px;
            }
            
            .jy-hdp-slide-content {
                left: 4%;
                width: 92%;
                padding: 15px;
            }
            
            .jy-hdp-slide-title {
                font-size: 1.8rem;
                margin-bottom: 15px;
            }
            
            .jy-hdp-slide-title::after {
                width: 80px;
            }
            
            .jy-hdp-slide-desc {
                font-size: 0.9rem;
                line-height: 1.5;
                margin-bottom: 25px;
                color: #ffffff;
            }
            
            .jy-hdp-slide-btn {
                padding: 8px 25px;
                font-size: 0.85rem;
                color: #ffffff;
            }
            
            /* 移动端小屏幕箭头更小 */
            .jy-hdp-nav-btn {
                width: 40px;
                height: 40px;
            }
            
            .jy-hdp-prev-btn::before,
            .jy-hdp-next-btn::before {
                width: 12px;
                height: 12px;
                border-width: 2px;
            }
            
            .jy-hdp-prev-btn {
                left: 5px !important;
            }
            
            .jy-hdp-next-btn {
                right: 5px !important;
            }
            
            .jy-hdp-indicators {
                bottom: 20px;
            }
            
            .jy-hdp-indicator {
                width: 12px;
                height: 12px;
            }
        }

        /* 横屏模式优化 */
        @media (max-height: 600px) and (orientation: landscape) {
            .jy-hdp-container {
                height: 400px;
            }
            
            .jy-hdp-slide-content {
                top: 45%;
                left: 8%;
                transform: translateY(-45%);
            }
            
            .jy-hdp-slide-title {
                font-size: 1.8rem;
                margin-bottom: 10px;
            }
            
            .jy-hdp-slide-desc {
                font-size: 0.9rem;
                margin-bottom: 20px;
                color: #ffffff;
            }
            
            .jy-hdp-slide-btn {
                padding: 8px 25px;
                font-size: 0.85rem;
                color: #ffffff;
            }
            
            .jy-hdp-nav-btn {
                width: 40px;
                height: 40px;
            }
            
            .jy-hdp-indicators {
                bottom: 15px;
            }
            
            .jy-hdp-prev-btn {
                left: 15px !important;
            }
            
            .jy-hdp-next-btn {
                right: 15px !important;
            }
        }

        /* 动画效果 */
        @keyframes jy-hdp-fadeInLeft {
            from {
                opacity: 0;
                transform: translateX(-30px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

        @keyframes jy-hdp-fadeIn {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }

        .jy-hdp-slide.jy-hdp-active .jy-hdp-slide-title {
            animation: jy-hdp-fadeInLeft 0.8s ease 0.2s both;
        }

        .jy-hdp-slide.jy-hdp-active .jy-hdp-slide-desc {
            animation: jy-hdp-fadeInLeft 0.8s ease 0.5s both;
        }

        .jy-hdp-slide.jy-hdp-active .jy-hdp-slide-btn {
            animation: jy-hdp-fadeInLeft 0.8s ease 0.8s both;
        }

        .jy-hdp-slide.jy-hdp-active .jy-hdp-slide-image {
            animation: jy-hdp-fadeIn 1s ease 0.1s both;
        }
        
        /* 页面内容示例，演示可滚动 */
        .page-content {
            padding: 40px 20px;
            max-width: 1200px;
            margin: 0 auto;
            background: #0a0e17;
        }
        
        .page-content h2 {
            font-family: 'Orbitron', sans-serif;
            color: #00f7ff;
            margin-bottom: 20px;
            font-size: 2rem;
        }
        
        .page-content p {
            font-size: 1.1rem;
            line-height: 1.8;
            color: #ffffff;
            margin-bottom: 20px;
        }













  .jy-home-service-container {
         max-width: 1440px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 2.2rem;
    }

    .jy-home-service-card {
      position: relative;
      background: rgb(243 243 243 / 75%);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      border-radius: 15px;
    
     
      transition: all 0.25s ease;
      display: flex;
      flex-direction: column;
      height: 100%;
      transform: translateY(0);
    }

    .jy-home-service-card-link {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 10;
      border-radius: 32px;
      text-indent: -9999px;
    }

    .jy-home-service-card:hover {
     
   
      box-shadow: 0 30px 45px -15px rgba(18, 52, 77, 0.2);
      transform: translateY(-6px);
    }

    .jy-home-service-img {
      width: 100%;
      aspect-ratio: 16 / 10;
         border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
      margin-bottom: 1.7rem;
      overflow: hidden;
      position: relative;
      box-shadow: 0 8px 16px -8px rgba(0,32,64,0.12);
      border: 1px solid rgba(255,255,255,0.3);
      background: #f0f4fa;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .jy-home-service-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.4s cubic-bezier(0.2, 0.9, 0.4, 1);
      display: block;
    }

    .jy-home-service-card:hover .jy-home-service-img img {
      transform: scale(1.06);
    }

    .jy-home-service-img::after {
      content: "";
      position: absolute;
      top: 10%;
      right: 12%;
      width: 30px;
      height: 30px;
      background: rgba(180, 210, 240, 0.5);
      border-radius: 50%;
      filter: blur(14px);
      z-index: 2;
      pointer-events: none;
    }

    .jy-home-service-img::before {
      content: "";
      position: absolute;
      bottom: 10%;
      left: 8%;
      width: 50px;
      height: 50px;
      background: rgba(120, 170, 240, 0.3);
      border-radius: 50%;
      filter: blur(22px);
      z-index: 2;
      pointer-events: none;
    }

    .jy-home-service-title {
      font-size: 1.7rem;
      font-weight: 700;
      letter-spacing: -0.01em;
      line-height: 1.2;
      margin-bottom: 0.4rem;
      color: #0c263b;
      display: flex;
      align-items: center;
      justify-content: space-between;
      position: relative;
      z-index: 5;    padding: 0px 26px 20px 26px;
    }

    .jy-home-service-sub {
      font-size: 0.95rem;
      font-weight: 400;
      color: #4a657e;
      margin-bottom: 1.4rem;
      line-height: 1.5;
      border-left: 4px solid #6c9bd2;
      padding-left: 0.9rem;
      background: linear-gradient(90deg, rgba(108,155,210,0.04), transparent);
      position: relative;
      z-index: 5;     margin: 0px 26px 20px 26px;
    }

    .jy-home-service-list {
      display: flex;
      flex-wrap: wrap;
      gap: 0.5rem 0.7rem;
      margin-top: auto;
      position: relative;
      z-index: 5;    padding: 0px 26px 20px 26px;
    }

    .jy-home-service-tag {
      background: white;
      border-radius: 40px;
      padding: 0.35rem 1.1rem;
      font-size: 0.78rem;
      font-weight: 500;
      color: #1e3d5e;
      letter-spacing: 0.02em;
      border: 0.5px solid rgba(60, 110, 150, 0.18);
      box-shadow: 0 2px 4px rgba(0,0,0,0.02);
      transition: background 0.2s, border-color 0.2s;
      backdrop-filter: blur(2px);
      background: rgba(255,255,255,0.7);
      pointer-events: none;
    }

    .jy-home-service-tag:hover {
      background: #eef5fc;
      border-color: #568fc2;
      color: #0a3146;
    }

    @media (max-width: 1024px) {
      .jy-home-service-container {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.8rem;
      }
      body { padding: 3rem 1.5rem; }
    }

    @media (max-width: 640px) {
      .jy-home-service-container {
        grid-template-columns: 1fr;
        gap: 1.8rem;
      }
      .jy-home-service-title { font-size: 1.6rem; }
    }

    .jy-home-service-badge {
      text-align: center;
      margin-bottom: 3rem;
      font-weight: 600;
      font-size: 0.9rem;
      letter-spacing: 6px;
      text-transform: uppercase;
      color: #4e6e8b;
      opacity: 0.7;
    }

    .jy-home-service-card *:not(.jy-home-service-card-link) {
      pointer-events: none;
    }

    .jy-home-service-card .jy-home-service-card-link {
      pointer-events: auto;
      cursor: pointer;
    }

    .jy-home-service-footer {
      display: flex;
      justify-content: center;
      margin-top: 3.5rem;
      font-size: 0.8rem;
      color: #3f5f7a;
      gap: 2rem;
      letter-spacing: 1px;
      opacity: 0.7;
    }














 .jy-zuosanyousan-reset {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    .jy-zuosanyousan-wrapper {
      background: linear-gradient(145deg, #f7f9fc 0%, #edf2f7 100%);
     
      padding: 2rem 0rem;
      color: #1a2b3e;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;    z-index: 1;
    position: relative;
    }

    /* 商业合作主容器 - 固定1400px宽度 */
    .jy-zuosanyousan-section {
      max-width: 1400px;
      width: 100%;
      margin: 0 auto;
    }

    .jy-zuosanyousan-title {
      font-size: 2.2rem;
      font-weight: 700;
      letter-spacing: -0.02em;
      margin-bottom: 2.5rem;
      color: #0c263b;
      display: flex;
      align-items: center;
      position: relative;
    }

    .jy-zuosanyousan-title span {
      background: linear-gradient(135deg, #1e3b5c, #2c5a7a);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      margin-right: 1rem;
    }

    .jy-zuosanyousan-title::after {
      content: '';
      flex: 1;
      height: 2px;
      background: linear-gradient(90deg, #6c9bd2, transparent);
      margin-left: 1.5rem;
    }

    /* 三列布局 - 高度保持一致，使用grid平均分配 */
    .jy-zuosanyousan-grid {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 1.8rem;
      align-items: stretch;    margin-top: 60px; padding-bottom: 60px;
    }

    /* 左中右通用卡片样式 */
    .jy-zuosanyousan-card {
     
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      border-radius: 15px;
    
    
      transition: all 0.25s ease;
      display: flex;
      flex-direction: column;
      height: 100%;
    }

 

    /* 左侧和右侧 - 图片竖排容器 */
    .jy-zuosanyousan-vertical {
      display: flex;
      flex-direction: column;
      gap: 1.5rem;
      width: 100%;
    }

    /* 竖排图片项 - 相对定位，作为文字模块的容器 */
    .jy-zuosanyousan-item {
      width: 100%;
      aspect-ratio: 16 / 10;
      border-radius: 20px;
      overflow: hidden;
      position: relative;
      box-shadow: 0 8px 16px -8px rgba(0,32,64,0.12);
      border: 1px solid rgba(255,255,255,0.3);
      background: #f0f4fa;
    }

    .jy-zuosanyousan-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.4s cubic-bezier(0.2, 0.9, 0.4, 1);
      display: block;
    }

    .jy-zuosanyousan-card .jy-zuosanyousan-item:hover img {
      transform: scale(1.06);
    }

    /* 装饰性光晕 - 保留但置于文字下层 */
    .jy-zuosanyousan-item::after {
      content: "";
      position: absolute;
      top: 10%;
      right: 12%;
      width: 30px;
      height: 30px;
      background: rgba(180, 210, 240, 0.5);
      border-radius: 50%;
      filter: blur(14px);
      z-index: 2;
      pointer-events: none;
    }

    .jy-zuosanyousan-item::before {
      content: "";
      position: absolute;
      bottom: 10%;
      left: 8%;
      width: 50px;
      height: 50px;
      background: rgba(120, 170, 240, 0.3);
      border-radius: 50%;
      filter: blur(22px);
      z-index: 2;
      pointer-events: none;
    }


    /* ----- 图片上层文字模块 - 绝对定位覆盖在图片上 ----- */
    .jy-zuosanyousan-overlay {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 1.2rem 1rem 0.9rem 1rem;
      background: linear-gradient(to top, rgba(10, 30, 45, 0.85), rgba(10, 30, 45, 0.4) 70%, transparent);
      border-radius: 0 0 20px 20px;
      color: white;
      z-index: 10;
    
    }

    /* 标题样式 - 白色字体 */
    .jy-zuosanyousan-overlay-title {
      font-size: 1.25rem;
      font-weight: 700;
      line-height: 1.2;
      margin-bottom: 0.3rem;
      color: white;
      text-shadow: 0 2px 4px rgba(0,0,0,0.3);
    }

    /* 描述文字 - 白色半透明 */
    .jy-zuosanyousan-overlay-desc {
      font-size: 0.8rem;
      font-weight: 400;
      line-height: 1.4;
      margin-bottom: 0.5rem;
      color: rgba(255, 255, 255, 0.9);
      text-shadow: 0 1px 2px rgba(0,0,0,0.2);
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    /* 标签列表 - 白色标签风格 */
    .jy-zuosanyousan-overlay-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 0.4rem 0.5rem;
    }

    .jy-zuosanyousan-overlay-tag {
      background: rgba(255, 255, 255, 0.2);
      backdrop-filter: blur(4px);
      border-radius: 40px;
      padding: 0.2rem 0.8rem;
      font-size: 0.7rem;
      font-weight: 500;
      color: white;
      border: 0.5px solid rgba(255, 255, 255, 0.4);
      letter-spacing: 0.02em;
      transition: background 0.2s;
    }

    .jy-zuosanyousan-overlay-tag:hover {
      background: rgba(255, 255, 255, 0.35);
      border-color: rgba(255, 255, 255, 0.8);
    }

    /* ---------- 中间轮播区域样式 - 纯图片，无文字 ---------- */
    .jy-zuosanyousan-carousel {
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
    }

    /* 轮播图片主容器 */
    .jy-zuosanyousan-carousel-container {
      width: 100%;
      height: 100%;
      border-radius: 24px;
      overflow: hidden;
      position: relative;
      box-shadow: 0 12px 25px -10px rgba(0,32,64,0.2);
      border: 1px solid rgba(255,255,255,0.4);
      background: #eef2f6;
    }

    .jy-zuosanyousan-carousel-slides {
      display: flex;
      width: 100%;
      height: 100%;
      transition: transform 0.5s ease-in-out;
    }

    .jy-zuosanyousan-carousel-slide {
      flex: 0 0 100%;
      width: 100%;
      height: 100%;
    }

    .jy-zuosanyousan-carousel-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    /* 轮播指示器 */
    .jy-zuosanyousan-carousel-dots {
      position: absolute;
      bottom: 20px;
      left: 0;
      right: 0;
      display: flex;
      justify-content: center;
      gap: 0.8rem;
      z-index: 20;
    }

    .jy-zuosanyousan-carousel-dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.5);
      border: 1px solid rgba(255,255,255,0.8);
      cursor: pointer;
      transition: all 0.2s;
      padding: 0;
      box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    }

    .jy-zuosanyousan-carousel-dot.active {
      background: white;
      transform: scale(1.3);
      box-shadow: 0 0 12px rgba(255,255,255,0.8);
    }

    /* 响应式 */
    @media (max-width: 1450px) {
      .jy-zuosanyousan-section {
        max-width: 1200px;
      }
    }

    @media (max-width: 1024px) {
      .jy-zuosanyousan-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
      }
      .jy-zuosanyousan-wrapper {
        padding: 3rem 1.5rem;
      }
    }

    /* 底部装饰 */
    .jy-zuosanyousan-footer {
      margin-top: 3rem;
      text-align: center;
      font-size: 0.9rem;
      color: #5f7d99;
    }












  /* 底部模块容器：全屏100%宽度，加垂直内边距 - 所有css命名修改为jy-footer前缀 */
    .jy-footer-wrapper {
      width: 100%;
      background: #191919;
      font-family: 'Inter', sans-serif;
      padding: 4rem 5% 1.5rem 5%;
      color: #e6edf3;
      border-top: 1px solid rgba(108, 155, 210, 0.3);
      box-shadow: 0 -10px 30px rgba(0,0,0,0.1);
    }

    /* 内部内容容器：最大宽度限制，左右边距自适应 */
    .jy-footer-container {
      max-width: 1400px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 1.2fr;
      gap: 4rem;
      align-items: start;
    }

    /* ---------- 左侧：关注我们区域 ---------- */
    .jy-footer-left {
      display: flex;
      flex-direction: column;
    }

    .jy-footer-title {
      font-size: 1.8rem;
      font-weight: 600;
      letter-spacing: -0.02em;
      margin-bottom: 1.5rem;
      color: white;
      position: relative;
      padding-bottom: 0.75rem;
    }

    .jy-footer-title::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 60px;
      height: 3px;
      background: linear-gradient(90deg, #6c9bd2, #3a7ca5);
      border-radius: 2px;
    }

    .jy-footer-social-grid {
      display: flex;
      flex-wrap: wrap;
      gap: 1.2rem;
      margin-top: 0.8rem;
    }

    /* 社交图标卡片样式 - 毛玻璃效果 */
    .jy-footer-social-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 56px;
      height: 56px;
      background: rgba(255, 255, 255, 0.08);
      backdrop-filter: blur(4px);
      -webkit-backdrop-filter: blur(4px);
      border-radius: 18px;
      border: 1px solid rgba(255, 255, 255, 0.15);
      color: white;
      font-size: 1.7rem;
      transition: all 0.25s ease;
      text-decoration: none;
      box-shadow: 0 8px 16px -8px rgba(0,0,0,0.3);
      position: relative;
    }

    .jy-footer-social-icon:hover {
      background: rgba(255, 255, 255, 0.2);
      border-color: rgba(255, 255, 255, 0.4);
      transform: translateY(-5px);
      box-shadow: 0 15px 20px -10px rgba(0,160,255,0.3);color: #ffffff;
    }

    /* 微信、抖音、小红书 - 二维码容器 */
    .jy-footer-qr-container {
      position: relative;
    }

    /* 二维码弹层 - 悬浮显示 */
    .jy-footer-qr-code {
      position: absolute;
      bottom: 70px;
      left: 50%;
      transform: translateX(-50%);
      width: 120px;
      height: 120px;
      background: white;
      border-radius: 16px;
      padding: 8px;
      box-shadow: 0 15px 30px rgba(0,0,0,0.4);
      display: none;
      z-index: 100;
      border: 3px solid rgba(255,255,255,0.8);
    }

    .jy-footer-qr-code img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      display: block;
    }

    /* 小三角指示器 */
    .jy-footer-qr-code::after {
      content: '';
      position: absolute;
      bottom: -10px;
      left: 50%;
      transform: translateX(-50%);
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid white;
    }

    .jy-footer-social-icon:hover .jy-footer-qr-code {
      display: block;
    }

    /* 小红书图标 - 使用指定PNG图片 */
    .jy-footer-xiaohongshu {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
    }

    .jy-footer-xiaohongshu img {
      width: 38px;
      height: 38px;
      object-fit: contain;
      display: block;
    }

    /* 个别图标微调 */
    .jy-footer-social-icon .fa-weixin {
      font-size: 1.8rem;
    }
    .jy-footer-social-icon .fa-tiktok {
      font-size: 1.6rem;
    }

    /* ---------- 右侧：邮件订阅区域 ---------- */
    .jy-footer-right {
      display: flex;
      flex-direction: column;
    }

    .jy-footer-newsletter-title {
      font-size: 1.8rem;
      font-weight: 600;
      letter-spacing: -0.02em;
      margin-bottom: 0.75rem;
      color: white;
    }

    .jy-footer-newsletter-desc {
      font-size: 1rem;
      line-height: 1.6;
      color: rgba(230, 237, 243, 0.85);
      margin-bottom: 2rem;
      max-width: 550px;
      font-weight: 400;
      border-left: 4px solid #6c9bd2;
      padding-left: 1.2rem;
      background: linear-gradient(90deg, rgba(108,155,210,0.06), transparent);
    }

    /* 邮件订阅表单 */
    .jy-footer-newsletter-form {
      display: flex;
      flex-direction: column;
      gap: 1.2rem;
      width: 100%;
    }

    .jy-footer-input-group {
      display: flex;
      flex-wrap: wrap;
      gap: 1rem;
      width: 100%;
    }

    .jy-footer-email-input {
      flex: 1;
      min-width: 220px;
      padding: 1rem 1.5rem;
      background: rgba(255, 255, 255, 0.06);
      border: 1px solid rgba(255, 255, 255, 0.2);
      border-radius: 50px;
      font-size: 1rem;
      color: white;
      font-family: 'Inter', sans-serif;
      backdrop-filter: blur(4px);
      transition: all 0.25s;
    }

    .jy-footer-email-input::placeholder {
      color: rgba(200, 215, 230, 0.7);
      font-weight: 300;
    }

    .jy-footer-email-input:focus {
      outline: none;
      border-color: #6c9bd2;
      background: rgba(255, 255, 255, 0.1);
      box-shadow: 0 0 0 3px rgba(108, 155, 210, 0.2);
    }

    .jy-footer-subscribe-btn {
      padding: 1rem 2.2rem;
      background: linear-gradient(145deg, #2c5a7a, #1e405b);
      border: none;
      border-radius: 50px;
      color: white;
      font-size: 1rem;
      font-weight: 600;
      letter-spacing: 0.03em;
      cursor: pointer;
      transition: all 0.25s;
      border: 1px solid rgba(255,255,255,0.2);
      box-shadow: 0 8px 18px -6px rgba(0,0,0,0.3);
      white-space: nowrap;
    }

    .jy-footer-subscribe-btn:hover {
      background: linear-gradient(145deg, #367a9e, #255974);
      transform: translateY(-3px);
      box-shadow: 0 15px 25px -10px #1e405b;
      border-color: rgba(255,255,255,0.4);
    }

    /* 杂志名称强调 */
    .jy-footer-magazine-name {
      font-weight: 700;
      color: #aad0f9;
      letter-spacing: 0.01em;
    }

    /* 响应式 */
    @media (max-width: 900px) {
      .jy-footer-container {
        grid-template-columns: 1fr;
        gap: 3rem;
      }
      
      .jy-footer-wrapper {
        padding: 3rem 6%;
      }
      
      .jy-footer-newsletter-desc {
        max-width: 100%;
      }
    }

    @media (max-width: 550px) {
      .jy-footer-input-group {
        flex-direction: column;
      }
      
      .jy-footer-subscribe-btn {
        width: 100%;
        text-align: center;
      }
      
      .jy-footer-social-grid {
        gap: 1rem;
      }
      
      .jy-footer-social-icon {
        width: 50px;
        height: 50px;
        font-size: 1.5rem;
      }
      
      .jy-footer-qr-code {
        width: 100px;
        height: 100px;
        bottom: 60px;
      }
      
      .jy-footer-xiaohongshu img {
        width: 28px;
        height: 28px;
      }
    }

    /* 版权说明 */
    .jy-footer-copyright {
      margin-top: 3.5rem;
      text-align: center;
      font-size: 0.8rem;
      color: rgba(200, 215, 230, 0.6);
      border-top: 1px solid rgba(255,255,255,0.08);
      padding-top: 2rem;
      max-width: 1400px;
      margin-left: auto;
      margin-right: auto;
    }

 
        .jy-mapp-wrapper {
            position: relative;
            width: 1400px;
            max-width: 100%;
            border-radius: 16px;
            overflow: hidden;
            background: transparent;
            cursor: default;
            margin: 60px auto; /* 替代原来body的居中效果 */
        }
        /* 背景图片容器 - 独立移动层 */
        .jy-mapp-bg-layer {
            position: relative;
            width: 100%;
            height: auto;
            transition: transform 0.08s ease-out;
            will-change: transform;
        }
        .jy-mapp-bg-img {
            display: block;
            width: 100%;
            height: auto;
            pointer-events: none;
        }
        /* 标注层 - 独立移动层，与背景错位 */
        .jy-mapp-markers {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            transition: transform 0.08s ease-out;
            will-change: transform;
        }
        /* 单个标注 - 关键：让这个区域可以点击 */
        .jy-mapp-marker {
            position: absolute;
            display: flex;
            flex-direction: column;
            align-items: center;
            transform: translate(-50%, -50%);
            pointer-events: auto;
            cursor: pointer;
        }
        /* 高亮圆点 - 纯色脉冲，无边框 */
        .jy-mapp-dot {
            width: 15px;
            height: 15px;
            background: currentColor;
            border-radius: 50%;
            box-shadow: 0 0 20px currentColor;
            animation: jy-mapp-pulse 1.8s infinite;
            border: none;
            pointer-events: none;
        }
        @keyframes jy-mapp-pulse {
            0% { box-shadow: 0 0 0 0 currentColor, 0 0 0 0 rgba(255,255,255,0.8); }
            70% { box-shadow: 0 0 0 16px rgba(255,255,255,0), 0 0 0 6px rgba(255,255,255,0.4); }
            100% { box-shadow: 0 0 0 0 rgba(255,255,255,0), 0 0 0 0 rgba(255,255,255,0); }
        }
        /* 国家名称 - 纯文字，无背景边框 */
        .jy-mapp-country-name {
            color: #1a2c3e;
            font-size: 15px;
            font-weight: 600;
            margin-top: 8px;
            letter-spacing: 0.5px;
            text-shadow: 0 1px 3px rgba(255,255,255,0.9), 0 0 5px rgba(255,255,255,0.8);
            background: transparent;
            border: none;
            box-shadow: none;
            padding: 0;
            border-radius: 0;
            white-space: nowrap;
            transition: transform 0.2s;
            pointer-events: auto;
        }
        .jy-mapp-country-name:hover {
            transform: scale(1.05);
        }
        .jy-mapp-country-name a {
            color: #1a2c3e;
            text-decoration: none;
            display: flex;
            align-items: center;
            gap: 4px;
            background: transparent;
            border: none;
            cursor: pointer;
        }
        .jy-mapp-country-name a:hover {
            color: #000;
            text-decoration: none;
        }
        /* 国家名左侧小圆点 */
        .jy-mapp-dot-indicator {
            display: inline-block;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: currentColor;
            margin-right: 4px;
            border: none;
            box-shadow: 0 0 6px currentColor;
            pointer-events: none;
        }
        /* 自定义光标提示 - 增加趣味 */
        .jy-mapp-cursor-hint {
            position: fixed;
            bottom: 30px;
            right: 40px;
            background: rgba(30, 50, 70, 0.8);
            backdrop-filter: blur(4px);
            color: white;
            padding: 12px 24px;
            border-radius: 40px;
            font-size: 14px;
            pointer-events: none;
            z-index: 1000;
            border: 1px solid rgba(255,255,255,0.3);
            box-shadow: 0 4px 15px rgba(0,0,0,0.2);
            letter-spacing: 1px;
        }