@charset "utf-8";
body{font-family:'Roboto', 'Verdana', 'Lato', 'Open Sans', 'Poppins', 'Oswald', 'Noto Sans', 'Montserrat', sans-serif;}
.clear{zoom:1}
.clear::after{content:'';display:block;height:0px;visibility:hidden;clear:both}

:root{
    --bg1:linear-gradient(0deg, rgb(255, 255, 255) 20%, rgb(255, 254, 220) 60%, rgb(251, 213, 255) 100%);
    --box-yy:0 30px 40px -20px rgba(212, 80, 0, 0.2);
    --box-yy2:0 14px 50px 0 rgba(106,105,105,.16);
    --yuan10:10px;
}
.bg{background-color:var(--bgcolor)}
.bg1{background:linear-gradient(0deg, rgb(255, 255, 255) 48%, rgb(255, 254, 220) 74%, rgb(251, 213, 255) 100%)}
.box-yy1{box-shadow:0 30px 40px -20px rgba(212, 80, 0, 0.2)}

#jd{width:100%;clear:both;overflow:hidden;background:#ccc; background:var(--bgcolor); position:relative;z-index:996;}
#slides, .slides {max-width:2560px;margin-left:auto;margin-right:auto;display:none;position:relative;}
#slides img{width:100%;pointer-events:none;user-select:none;}
#jd video{width:100%;}
#jd a{display:block;text-decoration:none}
#jd a:hover img{transform:scale(1.01)}
#jd:hover img{transform:scale(1.01)}
a.slidesjs-play,  a.slidesjs-stop {display:none!important;}

    #slides a.slidesjs-next, #slides a.slidesjs-previous,
    .slides a.slidesjs-next, .slides a.slidesjs-previous
    {border-radius:50%; background:rgba(255,255,255,0.8);transition: background .2s;z-index:999;overflow:hidden;text-indent: -9999px;position: absolute;top:50%; margin-top:-35px; width:70px;height:70px;line-height:70px; display:none;}
    #slides:hover a.slidesjs-next, #slides:hover a.slidesjs-previous,
    .slides:hover a.slidesjs-next, .slides:hover a.slidesjs-previous
    {display:block;box-shadow: 0 0 0 10px rgba(255,255,255,.2);}

    a.slidesjs-next {right:-35px;}
    a.slidesjs-previous {left:-35px;}
    #slides a:hover.slidesjs-next,
    #slides a:hover.slidesjs-previous,
    .slides a:hover.slidesjs-next,
    .slides a:hover.slidesjs-previous
    {background:rgba(63,63,81,0.8); background:var(--c)}

    a.slidesjs-next:before,a.slidesjs-previous:before{font-family:"宋体";display:block;width:40px;height:70px;line-height:70px;text-align:center;font-size:30px;color:#333;text-indent:0;z-index: +1;}
    a.slidesjs-next:before{content:">";margin-right: 30px;}
    a.slidesjs-previous:before{content:"<";margin-left: 30px;}
    a.slidesjs-next:hover::before,a.slidesjs-previous:hover::before{color:#fff;}

    .slidesjs-pagination {list-style:none;padding:0;margin:0;position:absolute;bottom:1%; right:0;width:100%;text-align: center;z-index:999;}
    .slidesjs-pagination li {margin:6px;padding:0;display:inline-block;}
    .slidesjs-pagination li a {display:inline-block;width:18px;padding-top:18px;height:0; border:1px solid rgba(255,255,255,0); border-radius:50%; overflow: hidden;transition:all 0.6s cubic-bezier(0.216, 0.62, 0.356, 1) 0s;position: relative;}
    .slidesjs-pagination li a::after{content:"";border-radius:50%; width:10px;height:10px;position: absolute;left:4px;top:4px;background: #2952aa; background: var(--c)}

    .slidesjs-pagination li a.active,   .slidesjs-pagination li a:hover.active {margin:0;background:none; border:1px solid #2952aa; border-color: var(--c)}

@media (max-width: 768px) {
    .slidesjs-pagination li a {width:8px;padding-top:8px;}
    .slidesjs-pagination li a::after{width:4px;height:4px;left:2px;top:2px;}
    #slides .slidesjs-navigation{display: none!important}
}
/*轮播图 end*/

.flex{display:flex;flex-wrap:wrap}
.flex-ai-c{display:flex;flex-wrap:wrap;align-items:center}
.flex-ai-fs{display:flex;flex-wrap:wrap;align-items:flex-start}
.flex-ai-fe{display:flex;flex-wrap:wrap;align-items:flex-end}
.flex-jc-c{display:flex;flex-wrap:wrap;justify-content:center}
.flex-jc-sb{display:flex;flex-wrap:wrap;justify-content:space-between}
.flex-jc-sa{display:flex;flex-wrap:wrap;justify-content:space-around}
.flex-jc-fe{display:flex;flex-wrap:wrap;justify-content:flex-end}
.flex-jc-fs{display:flex;flex-wrap:wrap;justify-content:flex-start}
.flex-jc-ai-c{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.flex-jc-ai-sb{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}


header{position:fixed;top:0px;left:0px;width:100%;z-index:999;height:100px;transition:height .2s;}
@media(min-width:801px){
    .fixed-on header{height:80px;box-shadow:0 0 5px rgba(0, 0, 0, .5);background:#FFF;}
}
.container{width:100%;max-width:1540px;margin:0px auto;padding:0px 20px;box-sizing: border-box;}
header>.container{height:100%}
.head-box{height:100%}
.logo{max-width:300px;max-height:100%;}
.logo span{display: inline-block;max-height: 100%;}
.logo img{max-height:60px;transition:all .3s}

nav{height:100%}
.nav{height:100%; margin:0;padding:0;}
.nav a{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.nav>li{position:relative}
.nav>li{display:flex;align-items:center;margin:0px 14px}
.nav>li>a{text-transform:uppercase}
.nav>li>a i{font-size:12px;margin-left:4px}

.nav .submenu{margin:0;padding:0; width:auto;max-width:250px;position:absolute;top:100%;left:0px;transition:transform .3s;z-index:10;background:var(--c);transform-origin:top;transform:rotateX(90deg);visibility:hidden}
.nav>li:last-child .submenu{left:auto;right:0px}
.nav>li:last-child .submenu::before{left:auto;right:12px}
.nav .submenu::before{content:'';display:block;position:absolute;left:12px;border:6px solid transparent;border-bottom-color:var(--c);top:0px;transform:translateY(-100%)}
.nav .submenu a{padding:5px 15px;color: #fff !important;}

.nav>li:hover .submenu{visibility:visible;transform:rotateX(0)}
.nav .submenu a:hover{background:rgba(0,0,0,.2)}

button,input,textarea{outline:0;border:none;font:inherit;-webkit-appearance:none;border-radius:0}
button:focus{outline:0}
button{cursor: pointer;}
.soso{height: 100%;position: relative;}
.soso>i{color: var(--c);padding:8px 10px 4px 10px;cursor: pointer;margin-right: 14px; width:16px;}
.searchicon{color:var(--c);padding:6px 10px;cursor:pointer;font-size:22px !important;margin-right:14px}
.search-box{position:absolute;right:24px;top:100%;display:none;width:300px;border:1px solid #CCC;background:#FFFFFF;height:44px}
.search-box form{height:100%;}
.search-box #keywords{width:260px;height:100%;color:#111;padding:0px 20px;font-size:14px;float:left;box-sizing: border-box;}
.search-box #keywords::-webkit-input-placeholder{color:#555}
.search-box #keywords::-moz-placeholder{color:#555}
.search-box #keywords:-ms-input-placeholder{color:#555}
.search-box #keywords::-ms-input-placeholder{color:#555}
.search-box #keywords::placeholder{color:#555}
.search-box .searchbtn{width:38px;float:left;height:100%;background:0 0;display:block;border-left:1px solid #CCC;color:#555}
.so-i>span:last-child{display:none}
.so-ii>span:first-child{display:none}
.so-ii>span:last-child{display:inline-block}

    .lang{display:inline-block;position:relative;box-sizing: border-box;}
    .lang-icon{display:block;width:100%;height:30px;line-height:26px;cursor:pointer;box-sizing:border-box;font-size:var(--fontsize14);position:relative;user-select:none}
    .lang-icon::before{content:'';display:block;position:absolute;right:0px;top:50%;width:6px;height:6px;border:0 solid #333;border-bottom-width:1px;border-left-width:1px;transform:rotate(-45deg);margin-top:-4px}
    .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 rgb(0 0 0 / 10%);z-index:9999;visibility:hidden;opacity:0;transition:opacity .3s,top .3s}
    .lang-drop.active{visibility:visible;opacity:1;top:calc(100% + 8px)}
    .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; margin: 0; 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.lang-active,*/.lang-wrap li:hover{background-color:#EEE}
    .lang-wrap li a{display:block;color:#000;font-size:12px;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}
    .lang-icon span,.lang-icon::before{display:none}
    .lang-icon{padding:0px}
@media(max-width:768px){
    .lang{margin-left:auto;margin-top:0px}
    .lang-icon img{width:36px;height:24px;margin-top:4px}
    .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:80%}
    .lang-icon{padding:0px 15px 0px 0px}
}

    .mob-menu{display:none;cursor:pointer;margin-left:30px;position:relative}
    .mob-menu span{position:absolute;left:0px;display:block;height:3px;background:#222;border-radius:2px;transition:all .2s}
    .mob-menu span:nth-child(1){width:100%;top:0px}
    .mob-menu span:nth-child(2){width:90%;top:43%}
    .mob-menu span:nth-child(3){width:80%;top:auto;bottom:0px}
    .mobact span:first-child{transform:rotate(45deg);top:46%}
    .mobact span:nth-child(2){opacity:0}
    .mobact span:nth-child(3){width:100%;transform:rotate(-45deg);top:46%}
@media(max-width:800px){
    body{padding-top:10vw;}
    header{height:10vw;}
    .container{padding-left:2vw;padding-right:2vw}
    .logo{max-width:45%;height: 100%;}
    .logo span{display: block;}
    .logo img {display: inline-block; height: 100%; max-height:45px}
    .mob-menu{display:block;width:36px;height:25px}
    .ifsj-nav{box-sizing: border-box; position:fixed;width:100%;top:10vw; left:0px;bottom:0px;background:#FFF;display:none;overflow-y:auto;padding:60px 2vw 2vw 2vw;z-index:999;transition: opacity 0.3s ease, visibility 0.3s ease;}
    .head-box{align-items:center}
    .nav .submenu::before,.so-i{display:none}
    .soso{height:auto;position:absolute;top:10px;left:0px;width:100%;padding:0 .3rem;box-sizing: border-box;}
    .search-box{display:block;position:static;width:100%;height:40px;border-radius:4px;overflow:hidden}
    .search-box #keywords{width:calc(100% - 50px);font-size:14px}
    .search-box .searchbtn{width:50px}
    nav{height:auto}
    .nav,.nav>li{display:block;margin:0px}
    .nav>li>a{font-size:16px;line-height:3;border-bottom:1px solid rgba(0,0,0,.08)}

    .nav>li>a i{position:absolute;right:0px;z-index:10;margin:0px;line-height:1;top:0;width:48px;height:48px;line-height:48px;text-align:center; background-color: #eee;}
    .nav1 ul{position:static;display:block;padding-left:18px;background:0 0}

    .nav .submenu{border-bottom:1px solid rgba(0,0,0,.08);max-width:100%}
    .nav .submenu ul{padding-left:30px}

    .nav .submenu a{height: 42px; line-height:42px;font-size:14px; color: #555 !important;}
    .nav .submenu ul a{padding:0px}

    .nav .submenu a:hover{background:0 0;color:var(--c)}
    .nav .submenu,.nav>li:hover .submenu{transform:rotateX(0);position:static;display:none;transition:none;width:100%;background:0 0}
    .nav>li ul a{font-size:16px;line-height:2}
    .rotate-90 {transform: rotate(90deg);transition: transform 0.3s ease;}
}
@media(max-width:560px){
    body{padding-top:56px;}
    header{height:56px;background: #fff;box-shadow:0 0 5px rgba(0, 0, 0, .5);}
    .ifsj-nav {top:56px;}
}
@media(max-width:415px){.mob-menu{width:30px;height:20px;margin-left:10px}.mob-menu span{height:2px}}
/* head end */


.big-title{font-weight:700; text-align:center;font-size:2em;text-transform: uppercase; color:var(--big-title-color)}
.big-title-p{text-align:center;}
@media(max-width:768px){.big-title{font-size:1.5em;}}


.btn01{display: inline-block; padding:.8em 3em;position:relative;z-index:+1;}
.btn01::before, .btn01::after{content:""; position: absolute; top: 0;bottom: 0;left: 0;right: 0; background: #ededed;z-index: -2;}
.btn01::after{width: 6px;background: var(--c); z-index: -1;transition:all 0.6s}
.btn01:hover{color: #fff!important;}
.btn01:hover::after{width: 100%;}

/*in-about*/
@media(min-width:768px){
    .in-about{padding-top: 80px;}
}
    .vidoe-box{background:#fff;}
    .vidoe-box video{display: block;margin: auto;max-height:524px;}
    .about-txt{padding:4% 6% 4% 1%; position: relative;}
    .about-txt::before{content: "";width:30px;height: 0;border-top: 3px solid var(--c);position: absolute;top:1%;left:1%;}
    .about-txt h2{color: var(--c);}
    @media(min-width:1500px){.about-txt h2{font-size: 30px; margin: 0; line-height: 1.2;font-weight: normal;}}
@media(max-width: 768px){
    .about-txt{padding:3%;}
}


/*in-product*/
    .in-product{}
    .pro-fenlei{margin: 0;padding:0;text-align: center; overflow:hidden;}
    .pro-fenlei li{display: inline-block;width:24%;}
    .pro-fenlei li a{display:block;height: 46px;line-height: 46px; border: 1px solid #555;margin:5% 10%;background-color: #fff; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .pro-fenlei li a:hover{background: var(--c);border-color: var(--c);color: #fff!important;}

    .pro-tp{text-align: center; color: #f90;}
    .pro-tp span{display: inline-block;position: relative;}
    .pro-tp span::before,.pro-tp span::after{content: "";display: block;position: absolute;width: 40px;top: 49%;border-top: 1px solid #f90;}
    .pro-tp span::before{left:-60px;}
    .pro-tp span::after{right:-60px;}

    .pro-item{background: #f5f5f5;padding: 1px 0; color: #4c4c4c;border-radius: 5px;}
    .pro-item a{color:#4c4c4c;}
    .pro-item h3{margin:.8em 1em 0 1em;height:3em;line-height:1.4; font-size: 1em; font-weight: normal; }
    .pro-item p{margin:.5em 1em .8em 1em;padding-top:.5em;border-top:1px solid #bbb;}
    .pro-item p a{display: block;}
    .pro-item:hover{box-shadow: 0px 5px 10px -5px rgba(1,1,1,.1);}
@media(max-width: 768px){
    .pro-fenlei li{width:50%;float:left;}
    .pro-fenlei li a{ margin:5%;}
    .pro-item .imgbox{margin: 1vw;}
}

        /*in-product-link*/
:root{--color:#f90}
.pro-link{text-align: center;position: relative;}
.pro-link::before,.pro-link::after{display: block;content:"";border-top: 1px solid #eee;width:46%; position: absolute;top: 49%;}
.pro-link::before{left:0;}
.pro-link::after{right:0;}
.pro-link a{display: inline-block;}
.pro-link span{padding:0; position:relative;z-index:1;display:inline-block;width:40px;height:40px;background:var(--color);border-radius:50%;color:#fff;font-size:30px;text-align:center;line-height:38px; font-weight:700;}

.pro-link span::after,.pro-link span::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:1px solid var(--color);opacity:0;box-sizing: border-box;}

@-webkit-keyframes aperture{
0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
100%{opacity:0;-webkit-transform:scale(2);transform:scale(2)}
}
@keyframes aperture{
0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
100%{opacity:0;-webkit-transform:scale(2);transform:scale(2)}
}
.pro-link a:hover span::before{-webkit-animation:aperture 1.5s ease infinite;animation:aperture 1.5s ease infinite}
.pro-link a:hover span::after{-webkit-animation:aperture 1.5s ease infinite .4s;animation:aperture 1.5s ease infinite .4s}

/*首页-OEM*/
.in-oem{position: relative; color: #fff;overflow: hidden;}
.in-oem::before{content: "";display:block;width: 100%;height:80%; position: absolute;top:0;left: 0; background:#445463;z-index: -1;}
.in-oem .w1500{overflow: hidden;}
.in-oem h2{color: #fff;}

.in-oem .g2{background:#f8f8f8;}
.oembox{text-align: center; padding: 4%;color: #111;}
.oem-ico{text-align: center}
.oem-ico-item{display: inline-block;margin: 0 10px;padding: 10px;}
.oem-ico-item i{font-size:3em; color:var(--color);}
.b-1{background-color:var(--color);display: inline-block;padding: 10px 40px; color:#333;}
.b-1:hover{color: #fff !important;}


/*首页-证书*/
.in-zs{position: relative;}
.in-zs::before{content: "";position: absolute;bottom:0;left:-10px;right:-10px;top:60%;background: var(--color);}
.zs-t{ text-align: center; border: 1px solid #fff; color:#fff; border-radius:1em; -webkit-border-radius:1em; -moz-border-radius:1em; -ms-border-radius:1em; -o-border-radius:1em; line-height:2em; }

/*首页-合作伙伴*/
.in-partner li{background: #f8f8f8;box-shadow:0 0 10px rgba(0,0,0,.1);}
/*首页-公司相册*/
.xc-t{position: relative;text-align: center;line-height:3em; color:#fff;}
.xc-t::before,.xc-t::after{content: "";display: block;position: absolute;top: 0;bottom: 0;z-index:-1;}
.xc-t::before{left:0;right:50%; background:#445463;}
.xc-t::after{left:50%;right:0;background: var(--color);}

.dowebok{max-height: 300px;overflow: hidden;}
.dowebok .imgbox{display: inline-block;width:400px;height:300px;}
.str_wrap {min-height:203px;overflow:hidden;width:100%;font-size:12px;line-height:16px;position:relative;-moz-user-select:none;-khtml-user-select:none;user-select:none;white-space:nowrap;}
.str_wrap.str_active {background:#fff;}
.str_move {white-space:nowrap;position:absolute;top:0;left:0;cursor:move;}
.str_move_clone {display:inline-block;vertical-align:top;position:absolute;left:100%;top:0;}
.str_vertical .str_move_clone {left:0;top:100%;}
.str_down .str_move_clone {left:0;bottom:100%;}
.str_vertical .str_move,.str_down .str_move {white-space:normal;width:100%;}
.str_static .str_move,.no_drag .str_move,.noStop .str_move{cursor:inherit;}
.str_wrap img {max-width:none !important;}

/*客户评价*/
.in-pj{position: relative;}
.pj-w{position: relative; margin-left:auto; margin-right:auto; width: 960px; max-width: 90%; background: rgba(255,255,255,.6); border-radius:1vw; -webkit-border-radius:1vw; -moz-border-radius:1vw; -ms-border-radius:1vw; -o-border-radius:1vw; padding: 1vw;}
.pj-w::before{content: ""; position: absolute;top:2em;right:2em;width:80px;height:80px;background: url(/template/img/i-yh.webp); background-size:cover;opacity: .2;}
.pj-w h2{text-align: center;}
.pj-w h2 span{display: inline-block;padding: 1em 2em; background: url(/template/img/t-bg.webp) 0 0 no-repeat;background-size: cover;}
@media(min-width:1200px){.pj-w h2{font-size: 2em;}}
.xingx i{display: inline-block;margin:.2em;}
.pj-container{margin:0 3em;}
        /* pj */
        .testimonial-slider {position: relative;
            overflow: hidden;
            width: 100%;
            margin: 0 auto;
        }

        .testimonial-wrapper {
            display: flex;
            transition: transform 0.5s ease;
        }

        .testimonial-item {
            min-width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

        .testimonial-avatar {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            object-fit: cover;
            margin-bottom: 20px;
            border: 3px solid #fff;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }

        .testimonial-content {
            position: relative;
        }


        .testimonial-text {
            line-height: 1.8;
            position: relative;
            z-index: 1;
        }

        .testimonial-author {
            text-align: center;
            font-style: italic;
            color: #666;
            font-weight: bold;
        }

        /* Navigation Controls */
        .testimonial-nav {
            display: flex;
            justify-content: center;
            margin-top: 20px;
        }

        .testimonial-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background-color: #ccc;
            margin: 0 5px;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }

        .testimonial-dot.active {
            background-color: #3498db;
        }

        .testimonial-arrow {
            position: absolute;
            top:60%;
            transform: translateY(-50%);
            width: 40px;
            height: 40px;
            background-color: rgba(255, 255, 255, 0.8);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
            z-index: 10;
            transition: all 0.3s ease;
            opacity: 0;
        }.pj-box:hover .testimonial-arrow{opacity:1;}

        .testimonial-arrow:hover {
            background-color: #fff;
            transform: translateY(-50%) scale(1.1);
        }

        .testimonial-arrow.prev {
            left: 20px;
        }

        .testimonial-arrow.next {
            right: 20px;
        }

        .testimonial-arrow i {line-height: 40px;
            font-size: 1.5em;
            color: #333;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .testimonial-item {
            animation: fadeIn 0.5s ease forwards;
        }
    /* pj end*/
    .in-honor{position: relative;overflow: hidden;}
    .in-honor-bg{background-size:cover;background-position:center; position: absolute;top:0;bottom:0;left:0;right:0; filter: blur(20px);z-index:-1;}


/*首页-新闻*/
    .in-news{background-color: #fafafa; background-color: var(--bgcolor);}
    .news-item{ background-color:#fff; padding-bottom:1em; overflow: hidden; border-radius:var(--yuan10); -webkit-border-radius:var(--yuan10); -moz-border-radius:var(--yuan10); -ms-border-radius:var(--yuan10); -o-border-radius:var(--yuan10); }
    .time{height:1em;line-height: 1em;position:relative;z-index:3;}
    .time p{margin:0 8px;width:45px;height:45px; text-align:center; background-color:var(--c); border-radius:50%;position:absolute;right:0;top:-22px; font-size:12px;color:#fff;overflow: hidden;pointer-events:none;}
    .time p span{display:block;font-size:16px;margin:7px auto auto auto;width: 80%;}
    .news-item>h4,.news-item>p{margin:.5vw 1vw;clear: both;}
    .news-item>h4 a{display: block;}
    .news-item:hover{box-shadow:var(--box-yy)}
@media(max-width: 768px){
    .time p{display: none;}
}


/*footer*/
footer{padding-top:1em;padding-bottom: 1em; background-color:#222; background-color:var(--foot-bgcolor); color:#ccc; color:var(--foot-color)}
footer a{color:#eee; color:var(--foot-color)}
footer ul{padding-left:0;}
.foot-a{padding: 2% 0;}
.footitem{max-width:24%;}
.foot-b{border-top:1px solid rgba(233,218,218,.8); text-align: center;}
.foottit{font-size:1.2em; position: relative;}
.foottit::after{content: "";position: absolute;bottom:-10px;left: 0;width:30px;border-bottom: 2px solid var(--c);}
.footlogo img{max-width: 250px;max-height: 100px;}
.footitem4 img{max-width: 120px;}
.mobile-bottom{display:none; height:48px; background: #fff; color:var(--c); position: fixed;bottom: 0;left: 0;right:0; text-align:center;}
.mobile-bottom a{color:var(--c)}
.mobile-bottom i{font-size:18px;display: block;line-height:1;margin-top:8px;}
@media(max-width: 768px){
    .footitem{width:100%; max-width:100%; margin-bottom:2em;}
    .footitem2,.footitem3,.footitem4{display:none;}
    footer{padding-bottom:50px;}
    .mobile-bottom{display:block;}
    .progress-wrap{width:36px;height:36px;line-height:34px;margin:3px auto auto auto; text-align:center;cursor:pointer;position:relative; background-color:var(--c);color:#fff;padding:1px; border-radius:50%;}
    .progress-wrap.active-progress{opacity:1;}
    .progress-wrap svg{width:90%;height:90%;position:absolute;top:5%;left:5%;}
    .progress-wrap svg path {fill: none;}
    .progress-wrap svg.progress-circle path {stroke:#fff;stroke-width:6;box-sizing:border-box;-webkit-transition: all 200ms linear;transition: all 200ms linear;}
}
.footitem4 .tj{text-align: left;}
.footitem4 .tj input{width:120px;background:var(--color);}
.footitem4 .tj input:hover{background:#2952aa;}
/*社媒*/
.sm a{display: inline-block;margin-left: 10px;width:40px;height:40px;line-height: 40px;text-align: center; color:#fff;font-size: 20px;}
.sm a:hover{background-color:#ccc!important;}
.fb{background:#3b5997;}
.lk{background:#0A66C2;}
.ytb{background:#c4302b;}


/*↓右侧贴边客服*/
:root{--kfpxa:52px;--kfpx:40px;--kf-txtc:#fafafa;--kf-bgc:#25d366;--kf-bgc2:#f90;}
#kf-fixed i{font-size:1.5em}
#kf-fixed .weixin{text-align: center;}

#kf-fixed div:first-child p{border-top-right-radius:5px;border-top-left-radius:5px;}
#kf-fixed div:last-child{border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}

#kf-fixed{position:fixed;right:0;bottom:40%;font-size:14px;z-index:990;}

#kf-fixed .progress-wrap,#kf-fixed .kfico{color:var(--kf-txtc);background: var(--kf-bgc); backdrop-filter:blur(4px);}/*no-hover*/
#kf-fixed .weixin .kfico{background:var(--kf-bgc2);}
#kf-fixed .kfson,#kf-fixed .kf-box:hover .kfico,#kf-fixed .progress-wrap.active-progress:hover{color:var(--kf-bgc); background:var(--kf-txtc);backdrop-filter:blur(4px);}
#kf-fixed .kf-box:hover::after{border-right-color:var(--kf-txtc);}/*hover*/


#kf-fixed p:hover {color:var(--kfcolora);}
#kf-fixed hr{border:0 none;background:#eee;height:1px;}
#kf-fixed .kf-box{width:42px;width:var(--kfpxa);height:32px; height:var(--kfpx);position:relative;margin-bottom:1px;overflow:hidden;}
#kf-fixed .kf-box:hover{overflow: visible;}

#kf-fixed .kfico{margin:0 0 0 10px; width:32px;width:var(--kfpx); height:32px; height:var(--kfpx); line-height:32px;line-height:var(--kfpx); text-align:center;cursor:pointer;position:relative;z-index:980;}

#kf-fixed .kf-box:hover::after{width:0;height:0;content:"";border-top:5px solid transparent;border-right-width:10px;border-right-style:solid;border-bottom:5px solid transparent;position:absolute;top:40%;right:42px;}

#kf-fixed .kfson{ min-width:180px; padding:10px 20px; position:absolute; top:0; right:-500px; opacity:0; box-shadow:0 0 10px rgba(0, 0, 0, .2); box-shadow: var(--box-yy); z-index:970; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }
#kf-fixed .kf-box:hover .kfson{right:42px; right:var(--kfpxa); opacity:1;}
#kf-fixed a{color:#fff;color:var(--kfcolora);}#kf-fixed a:hover{color:#eee!important;color: var(--kfcolora) !important;  text-decoration:underline;}

#kf-fixed .progress-wrap{width:32px;width:var(--kfpx); height:32px;height:var(--kfpx); line-height:32px;line-height:var(--kfpx); margin-left:10px; text-align:center;cursor:pointer;opacity:0;position:relative;}
#kf-fixed .progress-wrap.active-progress{opacity:1;}
#kf-fixed .progress-wrap svg{width:90%;height:90%;position:absolute;top:5%;left:5%;}
#kf-fixed .progress-wrap svg path {fill: none;}
#kf-fixed .progress-wrap svg.progress-circle path {/*stroke:#fff;*/stroke-width:6;box-sizing:border-box;-webkit-transition: all 200ms linear;transition: all 200ms linear;}

@media screen and (max-width:767px) {
#kf-fixed{display:none;}
}
/*↑右侧贴边客服 end*/


/*栏目*/
.dq, .dq a{color:#888;}

:root{--zise-color1:#ff65b2; --zise-color:#ff85c2; --zise3-color:#ffc0cb; --lanse-color:#54b8ff;--huangse-color:#f2e91b; --huangse-color2:#fee660;  --cengse:#e7955f;}

    #banner{position: relative;overflow: hidden;min-height:130px;}
    #banner-bg{background-size:cover; background-position:center center; position: absolute; top:0;bottom:0;left:0;right:0; margin:-20px; z-index:-9;}
    #banner-bg[filter:blur(0px)]{mrging:0;}
    #banner .w1500{height:100%;text-align: center;}
    #banner-txt{color:#fff;text-transform: uppercase; position: relative;}
    #banner-txt::before{display: none; content:"";width:150%;height:0;padding-top:150%; position: absolute; left:-25%;top:-75%;animation: mainzx1 120s infinite linear; -webkit-animation: mainzx1 120s infinite linear;-moz-animation: mainzx1 120s infinite linear;-o-animation: mainzx1 120s infinite linear; filter:blur(10px);}
    #banner-txt::before{border-radius:40% 70% 60% 50%;background:var(--zise3-color);z-index:-1;opacity:.6;}
    @-webkit-keyframes mainzx1{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}@-moz-keyframes mainzx1{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(359deg)}}@-o-keyframes mainzx1{from{-o-transform:rotate(0deg)}to{-o-transform:rotate(359deg)}}@keyframes mainzx1{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}
    /*lm-banner end*/


/*栏目-OEM*/
.oem-zutu{ display:block; background-size: cover; background-position:center 0; height: 100%; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }
.oem-t{position: relative;padding-top:20px;}
.oem-t::before,.oem-t::after{content: "";position: absolute;top:0;left:0;width:30px;height:5px;}
.oem-t::before{left:0;background: #000;}
.oem-t::after{left:30px;background:#f90;}

.ys-sz .gm2{text-align: center;background:#f5f5f5;}
.sz-b{font-size: 2em;font-weight: bold; margin-bottom: 0;}
.sz-b sub{font-size: .5em;font-weight: normal;}

.oem-qjtu{text-align: center;background:#f8f8f8;}

.oem-why h2{ background-image:linear-gradient(to right,#f90,#f8f8f8); padding:0.5em; margin-bottom: 0; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; color:#fff;}
.oem-why>div{background: #f8f8f8;padding: .5em;}

.oem-offer{text-align: center;}
.offer-img{ border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; overflow: hidden;}

.dz-item{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; box-shadow: 0 3px 0 #f90;}
.dz-img img{width:100%;}
.dz-item h4, .dz-item p{padding-left: 1em;padding-right: 1em;}

.oem-zx{text-align: center;padding:3em 1em 4em 1em; background: url(/template/img/oem-bg.webp) no-repeat; background-size: cover; color: #fff;}
.oem-zx h2{font-size: 2em;}
.oem-zx .pro-link a span{ width:200px; font-size: 1.2em; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; }
.oem-zx .pro-link::after,.oem-zx .pro-link::before{display: none;}

.oem-pj h2{position:relative;}
.oem-pj h2::before{content:"";display:block;width:60px;border-bottom: 3px solid #f90; }
@media(min-width:768px) {
    .oem-pj h2::before{height: 40%;}
}
.oem-pj h2 span{padding-top: 1em; display: block;position: relative;}

.oem-pj div.ml2{box-shadow: 0 0 8px rgba(0, 0, 0, .2); border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; margin-bottom: 1em;}
.oem-pj-item{padding:2em;}
.oem-pj-item .xingx{color: #f90; font-size:12px;}

.pj-name-box{line-height:1em;overflow: hidden;}
.pj-name-box img{ float: left; width:90px; height:90px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; margin-right: 20px;}
.pj-name-box i{color: #f90}

.oem-lc{text-align: center;}
.lc-i::before{content:"";display: block;height: 40%;}
.lc-box{margin-bottom:60px; box-shadow:0 0 0 1px #ccc;border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; position: relative;}
.lc-box>span{ display: block; position:absolute; bottom: -25px; left:0; right:0; width: 50px; height: 50px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; background: #f6f6f6;line-height: 48px; margin: auto; font-weight: bold;}
.lc-box:hover{box-shadow: 0 0 10px rgba(0, 0, 0, .2)} .lc-box:hover>span{background: #f90;}
.lc-item{ padding:2em 1em 40px 1em;}
.lc-item i{font-size: 3em;color: #f90;}

.oem-faq .faq-item{margin-bottom:8px!important;}
#faq-list .faq-item:last-child{margin-bottom:0!important;}
.faq-bg{background:url(/template/img/faq.webp) center center no-repeat; background-size: cover}

/*栏目-OEM end*/


/*栏目-关于我们*/
#gszutu{box-shadow: 8px 8px 20px -8px rgba(0, 0, 0, .5);}
@media(min-width:769px){
    html[lang="es"] #gsjj h2{margin:0;}
}
html[lang="en"] #gsjj p,html[lang="es"] #gsjj p{margin:.5em 0;}
    /*相册*/
    .xc-item{box-shadow:0 0 8px rgba(0, 0, 0, .2)}
    .xc-intro{background:rgba(255,255,255,.8);backdrop-filter:blur(4px); height:0;line-height:0;position:absolute;bottom:0;left:0;right:0;text-align: center;z-index:5;margin:0;}
    .imgbox:hover .xc-intro{height:2em;line-height:2em;}

.us-why{text-align: center;}
.us-why-t{background: #f90; color: #fff; border-radius:2em; -webkit-border-radius:2em; -moz-border-radius:2em; -ms-border-radius:2em; -o-border-radius:2em;overflow: hidden;}
.us-why-t span{ display: block; padding:.5em; margin: 5px; border-radius:2em; -webkit-border-radius:2em; -moz-border-radius:2em; -ms-border-radius:2em; -o-border-radius:2em;border: 1px solid #fff; }

.us-why li i{ font-size: 3em; margin:auto; width: 80px; height:80px; line-height:78px; background: #f90; color:#fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }

.us-ys{text-align: center;}
.us-ys-li{ box-shadow: 0 0 10px rgba(0, 0, 0, .2); border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; position: relative; overflow: hidden;}
.us-ys-li>i{position: absolute;bottom: -.5em;left: 0;right:0; opacity: .2;color: #f90; font-size:4em; font-style: normal;font-weight: bold; font-family:Impact; letter-spacing:6px;}
.us-ys-item{padding: 2em 1em 4em 1em;}
.us-ys-item .i{font-size:3em;color:#f90;}

.us-fw-t{text-align: center;position: relative;margin-top: 0;}
.us-fw-t::before{content:"";display: block;width: 60px;border-left: 30px solid #000;border-right: 30px solid #f90;margin: auto; height: 5px;width:0;}
.us-fw li{ box-shadow: 0 0 10px rgba(0, 0, 0, .2); border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; }
.us-fw-item{padding: 2em;}
.us-fw-item h3{border-bottom: 1px solid #ccc;overflow: hidden;font-size:2em;}
.us-fw-item h3 i{float: right; color:#f90; font-weight: normal;}



/*栏目-产品中心*/
    #lm-cpfl-box .aside-h3{cursor:pointer;}
    .aside-h3{position:relative; border-bottom: 1px solid #e5e5e5; padding-bottom:10px; font-size: 1.1em;font-weight: normal;text-transform: uppercase;}
    .aside-h3::after{content:"";position:absolute;left: 0;bottom: -2px;width: 10%;height:3px; background: var(--c);}
    .aside-h3 i.icon{position: absolute;right:0;top:.2em;width:1.6em;height:1.6em;line-height:1.6em; background-color:var(--bgcolor);text-align: center;}
    i.icon::before, i.icon::after{content:"";position: absolute; width:60%;height: 2px;background-color:var(--c);}
    .aside-h3 i.icon::before{right:20%; top:30%;}
    .aside-h3 i.icon::after{right:20%; bottom:30%;}
    .aside-h3.open i.icon::before{right:20%; top:50%; transform: translateY(-50%) rotate(45deg);}
    .aside-h3.open i.icon::after{right:20%; top:50%; transform: translateY(-50%) rotate(-45deg);}
    @media(min-width:769px){   #lm-cpfl-box .aside-h3{margin-top:10%;}.aside-h3 i.icon{display:none}    }
    @media(max-width:768px){   .lm-cpfl{display:none;}       }
    ul.lm-cpfl{padding:0;margin:0;}
    ul.lm-cpfl ul.submenu{padding-left:1em;border-bottom: 1px dotted #eee;}
    li.cpfl-item .submenu li{opacity: .8;}
    li.cpfl-item .submenu li:hover{opacity:1;}

    li.cpfl-item h4{font-size:inherit;font-weight: normal;margin:.5em 0;position: relative;}
    li.cpfl-item h4 a{display: block;margin-right:2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-right: 1px solid #eee;}
    li.cpfl-item h4 i{position: absolute;top:0;right:0; text-align:right;transition: transform 0.3s ease;cursor:pointer;}
    li.cpfl-item:hover h4 i,li.cpfl-item.on h4 i{transform: rotate(90deg); transition: transform 0.3s ease; color: var(--c)}
    li.cpfl-item .submenu{display:none;}
    li.cpfl-item .submenu li{margin:.5em 0;}
    li.cpfl-item:hover .submenu{display:block;}
    .cpfl-item.on h4 a{color: #ffae00 !important; color: var(--c) !important;}
    li.cpfl-item.on .submenu {display:block;}

    .lm-cptj{padding:0;}
    .lm-cptj li{margin-bottom: 1em;}
    .lm-cptj-item h4{font-weight: normal;margin: 0;}
    @media(max-width: 768px){
        .sj-oh{display:none}
    }
    .lm-cp-box li{box-shadow:0 0 0 1px #e5e5e5;border-radius:5px;}
    .lm-cp-box li:hover{box-shadow: var(--box-yy);}
    .lm-cp-item h3{padding: 1em;position: relative; border-top: 1px solid #e5e5e5;margin-top:0; font-size: 1em;}
    .lm-cp-item h3::after{content: "";position: absolute;bottom: 0;left:1em;width:2em;height: 2px;background: var(--c);}
    .lm-cp-box li:hover h3 a{color: var(-c)}
    .lm-cp-item:hover .img{box-shadow:0 0 0 1px #fff;}

.pro-pp li{ box-shadow: 0 0 0 1px #ccc; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; }
.pp-item{padding: 1em;overflow:hidden;}
.pp-img{ float: left; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px;overflow: hidden; width:40%; margin-right: 1em;}
.pp-t{color:#f90;}



/*详情-产品*/
    .cpxq-rbox{margin-top:2%;}

    .slides,#cpimgbox .one-tu{border: 1px solid #ccc;text-align: center;}
    .slides p{margin:0}
    #cpimgbox .one-tu{overflow: hidden;position: relative;}
    #cpimgbox .one-tu::before{width:1px;content: "";height:0;padding-bottom: 100%;display: block;}
    .one-tu p{position: absolute;right: 0;left: 0;bottom: 0;top: 0;margin: 0;}
    .one-tu p img{display: inline-block;min-width: 60%;}

    #sxp2{border-top: 1px solid #e5e5e5; opacity: .8;}
    @media(max-width:768px){#sxp2{display: none;}}
    @media(min-width:1500px){ .xq-lx{margin-top:3em;}}

    .btn2{border:1px solid var(--c);color:var(--c); position: relative;}
    .btn2:hover{color: #fff !important;}
    .btn2:after{position: absolute;content: "";top:0;bottom: 0;left: 0;width: 0;background: var(--c);z-index: -1;}
    .btn2:hover:after{width: 100%; transition: all .3s;}

    .cp-lmfaq h2,.cp-lmfaq h3,.cp-lmfaq h4,.cp-lmfaq h5,.cp-lmfaq h6{margin:2em 0 .5em 0;}
    .cp-ggfaq h2,.cp-ggfaq h3,.cp-ggfaq h4,.cp-ggfaq h5,.cp-ggfaq h6{margin:2em 0 .5em 0;}
    .cp-lmfaq p,.cp-ggfaq p{margin:.2em 0}

    .cptj .imgbox{border:1px solid #e5e5e5;}
    .cptj h3{padding:0 1em; font-size: 1em;font-weight: normal; text-align: center;}
    #jg{border-radius:8px; overflow: hidden; background: linear-gradient(90deg, rgb(255, 119, 0), rgb(255, 73, 0));padding: 8px 20px; color:#fff;max-width:400px;}
    #jg span{font-size:1.5em;}
    #jg a{color:#fff;padding:4px 20px;border-radius:8px;border: 1px solid #fff; float: right;}
    #jg a:hover{background: #333;color: #ccc !important; border-color: #222;}
.cp-suxing i{color:#f90;}
    .cpxq-content p:has(> img:only-child) {margin-top:0;padding-top:0;margin-bottom: 0;padding-bottom: 0;}
/*栏目-新闻*/
.lm-new{background-color: #f8f8f8;}
    #news-list ul{padding:0;margin:0;}
.lm-news-item2{ margin:2em 0; overflow: hidden; box-shadow: 0 0 10px rgba(1,1,1,.1); border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; }
.lm-new-img{width:300px;max-width: 100%; position: relative; float: left;margin-right: 2em;}
.lm-new-img::before{content: "";display: block;height: 0;padding-bottom:75%;}
.lm-new-img span{position: absolute;left:0;right:0;top:0;bottom:0;  background-size:cover;background-position: center center;}
@media(max-width:768px){.lm-new-img{width:100%; margin-right: 0;}}
.lm-new-txt{padding: 1em;}


    .lm-news-item{ margin:2em 0; overflow: hidden; box-shadow: 0 0 10px rgba(1,1,1,.1); border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; }
    .lm-time{width:120px;height:120px; background: var(--c);color: #fff;text-align: center; font-size:12px; float: left;}
    .lm-time span{font-size:2em;display: block;}
    .lm-txt{margin-left:140px; height: 120px;}
    .lm-txt>div{max-width: 98%;}
    .lm-txt h4{font-size:1em;margin: .5em 0;}
    .lm-txt p{opacity: .8;margin: .5em 0;}
    .lm-news-item:hover{box-shadow:0 5px 10px rgba(1,1,1,.1); box-shadow: var(--box-yy); background: var(--bgcolor);}
    .lm-news-item:hover a{color: var(--c);}


@media(max-width:768px){
    .lm-news-item{height:80px;}
    .lm-time{width: 80px;height: 80px;}
    .lm-txt{margin-left:90px;}
}

/*新闻-详情页*/
    .news-content{margin-top:40px;}
    .timehot span{display: inline-block;margin-right:20px;color:#999;}
    #content aside #sxp p {padding: .5em 1em;background: #f5f5f5; background:var(--bgcolor);margin-bottom: 1em;}
    .ce-item {border-bottom: 1px solid #f5f5f5;padding: .5em 0;margin: 0;}
    .fanhui a {display: block;text-align: center;background: #f5f5f5; background:var(--bgcolor);margin-top: 2em;color: #666;line-height: 3em;}
    .fanhui a i {font-size:1.8em;}

/*FAQ 栏目页*/
    #faq-list{padding:0; margin: 0;user-select: none;}
    .faq-item{padding:1em;border: 1px solid #eee;margin-bottom: 2em; background: #f8f8f8;}
    .faq-item .tab-i{padding-right:3em;position: relative; cursor:pointer; font-size:1em;margin:0; font-weight: normal;}
    .faq-item .tab-i:hover,.faq-item .tab-ii{color: var(--c);}
    .faq-item .tab-i:after{content: '+';display: block;position: absolute;right:0;top: 50%;z-index: 1;font-size:1.6em;margin-top: -15px;width: 16px;height: 30px;text-align: center;line-height: 30px;}
    .faq-item .tab-i.tab-ii:after{content: '';height: 2px;background-color: var(--c);margin-top: 0px;}
    .faq-item .tab-c{display:none;}
    .faq-item .tab-c-on{display:block;}
    .faq-icon{float:left;height: 100%;margin-right: 1em;}
    .faq-content{margin-left:2em;}
    .faq-content a{color:#999;}
    .faq-content a .i{vertical-align:sub;}

    .lm-faq .faq-item .tab-i{line-height:3em;}
/*栏目-联系我们*/
    .lx-item{margin-bottom: 2em;}
    .lx-item i{float:left; width: 3em;height: 3em; line-height: 3em; border: 1px solid #e5e5e5;text-align: center;color: #888;}
    .lx-item-txt{margin-left:4em;}
    .lx-item-txt h3{font-size: 1em;line-height:1.2; font-weight: normal;margin-bottom: .5em;}
    .lx-item-txt p{margin-top: .5em;color: #666;}
    .map{text-align:center}

    .lx-big{ border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; background: #f5f5f5;text-align: center;margin-bottom: 2em;box-shadow: 0 0 10px rgba(0, 0, 0, .2);padding: 1em 0;}
    .lx-big .i{ font-size:2em; display: block; background-color: #f90; color:#fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; width: 2em;height:2em;line-height: 2em;margin:auto;}

/*弹出留言*/

        /* 遮罩层样式 */
        #overlay {z-index:99998;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.3);
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.5s ease;
        }

        /* 弹窗样式 - 确保居中 */
        #popup {z-index: 99999;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) scale(0.95);
            width: 100%;
            max-width: 500px;
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            opacity: 0;
            pointer-events: none;
            transition: all 0.5s ease;
        }

        /* 弹窗头部 */
        .popup-header {
            padding: 4px;
            display: flex;
            justify-content: flex-end;
        }

        #closeBtn {
            background: none;
            border: none;
            color: #6b7280;
            cursor: pointer;
            padding: 8px 8px 0 8px;
            transition: color 0.3s ease;
            font-size: 1.2rem;
        }

        #closeBtn:hover {
            color: #374151;
        }

        /* 自定义图标样式 */
        .icon {
            display: inline-block;
            width: 24px;
            height: 24px;
            position: relative;
        }

        /* 关闭图标 (X) */
        .icon-close::before, .icon-close::after {
            content: '';
            position: absolute;
            width: 2px;
            height: 16px;
            background-color: currentColor;
            top: 4px;
            left: 11px;
        }

        .icon-close::before {
            transform: rotate(45deg);
        }

        .icon-close::after {
            transform: rotate(-45deg);
        }
.popup-logo{text-align: center;position: relative;top: -10px;}
.popup-logo img{display: inline-block;width:80%; max-width: 260px;}

        /* 弹窗内容 */
        .popup-content {
            padding:1px 24px 24px;
        }

        .popup-content h3 {
            color: #1f2937;
            font-size: 1.25rem;
            font-weight: 600;
            margin-bottom: 16px;
            text-align: center;
        }

        .info-box {
            background-color: #f8f5f0;
            border-radius: 6px;
            padding:16px;
            margin-bottom: 20px;
            text-align: center;
        }

        .info-box p {
            color: #4b5563;
            margin:0 auto;
            font-size: 1.2em;
            line-height: 1.2;
        }

.liuyan-sm{font-size: 12px; color: #999; margin-top: 30px;}

        /* 侧边按钮 */
        #sideButton {
            width: 60px; height: 60px;
            position: fixed;
            right:1em;
            bottom:10%;
            transform: translateY(-50%) translateX(100%);
            background: -webkit-gradient(linear,left top,right top,from(#f28e26),to(#fd644f));
            background: linear-gradient(90deg,#f28e26,#fd644f);
            color: white;
            border: none;
            padding: 8px;
            cursor: pointer;
            z-index:99997;
            transition: transform 0.3s ease;
            border-radius:50%;
            -webkit-border-radius:50%;
            -moz-border-radius:50%;
            -ms-border-radius:50%;
            -o-border-radius:50%;
            box-shadow: 0 3px 12px rgba(0,0,0,.15);
}
        #sideButton i{font-size: 1.5em;margin:0 2px;}
        #sideButton:hover {         background-color: #744a20;        }
#sideButton::after{border-color: #fd644f;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1);
    border: 1px solid var(--color,#01bf8b);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    opacity: .1;
    -webkit-animation: boxscale 2s linear 1s infinite;
    animation: boxscale 2s linear 1s infinite;
    z-index: -1;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
@-webkit-keyframes boxscale{0%{border-width:0;opacity:.5}to{border-width:10px;opacity:0}}@keyframes boxscale{0%{border-width:0;opacity:.5}to{border-width:10px;opacity:0}}

        /* 显示状态类 */
        .show {
            opacity: 1 !important;
            pointer-events: auto !important;
            transform: translate(-50%, -50%) scale(1) !important;
        }

        .show-overlay {
            opacity: 1 !important;
            pointer-events: auto !important;
        }

        .show-side {
            transform: translateY(-50%) translateX(0) !important;
        }
/*弹出留言 end*/