@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}
body{padding-top:80px;}
header{position:fixed;top:0px;left:0px;width:100%;z-index:999;height:80px;background:#FFF;transition:height .2s;box-shadow:0 0 5px rgba(0, 0, 0, .5)}
@media(min-width:801px){
    .fixed-on header{height:60px}
}
.container{width:100%;max-width:1640px;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;}
    .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-product*/
    .in-product{background-color: #fafafa;background-color: var(--bgcolor)}
    .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-item{background: #e5e5e5;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-new*/
    .pro-new-img{width:40%;}
    .pro-new-txt{width:56%; margin-left:4%;}
    .pro-new-txt h3 a{display:block;}
    .pro-new-txt h3 a:hover{white-space:pre-wrap; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
    .cp-suxing{opacity: .6;}

/*in-about*/
    .in-about{background: #eee; background:var(--bgcolor);}
    .vidoe-box{background: #eee;}
    .vidoe-box video{display: block;margin: auto;max-height:524px;}
    .about-txt{padding:4% 6%;}
    .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;}}

    .about-min{padding:1px 0;overflow: hidden;}
    .about-min .i{float: left;font-size:3em; color:var(--c);line-height: 1.8em;margin-top: .2em;}
    .about-min div:last-child{margin-left:4em;}
    .about-min h4{margin-bottom: 8px;}
    .about-min p{margin-top: 8px;}

@media(max-width: 768px){
    .about-txt{padding:3%;}
}

/*首页-优势*/
    .in-advantage ul li:nth-of-type(odd){background-color: #fafafa; background-color: var(--bgcolor)}
    .in-advantage ul li:hover{ box-shadow: 0 0 10px rgba(0,0,0,.1); box-shadow:var(--box-yy); border-radius:var(--yuan10); position: relative; z-index: 2; -webkit-border-radius:var(--yuan10); -moz-border-radius:var(--yuan10); -ms-border-radius:var(--yuan10); -o-border-radius:var(--yuan10); background: var(--bg1); }
    .adv-item{padding:10%; text-align: center;}
    .adv-item .i-box{font-size:3em;color: var(--c);}
    .adv-item i{transition: all 0.2s linear;}
    .adv-item h4{margin:10px 0;font-size: 1.2em;}
    .adv-item:hover i{transform: rotateY(180deg);}

/*首页-新闻*/
    .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;}
}

/*首页-公司证书*/
    .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;}
    .honor-item{background-color:rgba(255,255,255,.5); border-radius: 5px; overflow: hidden;border:.5em solid rgba(255,255,255,.8)}
    .honor-item:hover{box-shadow: 0 0 10px rgba(0,0,0,.1);}
    .honor-item h6{padding:1em;text-align: center; margin:0;position: relative; font-size: 1em;}
@media(max-width: 768px){
    .in-honor ul li:last-child{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,.3); text-align: center;}
.foottit{font-size:1.2em;}
.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;}
}


/*↓右侧贴边客服*/
: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:20%;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 .w1600{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*/

/*栏目-关于我们*/
#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;}

/*栏目-产品中心*/
    #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;}


/*详情-产品*/
    .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;}

    .cpxq-content p:has(> img:only-child) {margin-top:0;padding-top:0;margin-bottom: 0;padding-bottom: 0;}
/*栏目-新闻*/
    #news-list ul{padding:0;margin:0;}
    .lm-news-item{margin:1em 0; overflow: hidden;height:90px;}
    .lm-time{width:90px;height:90px; 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:110px; height: 100%;}
    .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;}
    .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;}

/*栏目-联系我们*/
    .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}


/*弹出留言*/

        /* 遮罩层样式 */
        #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 {
            position: fixed;
            right: 0;
            bottom: 50%;
            transform: translateY(-50%) translateX(100%);
            background-color: #8b5a2b;
            color: white;
            border: none;
            border-radius: 6px 0 0 6px;
            padding: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            cursor: pointer;
            z-index:99997;
            transition: transform 0.3s ease;
        }
        #sideButton i{font-size: 1.5em;margin:0 2px;}
        #sideButton:hover {
            background-color: #744a20;
        }

        /* 显示状态类 */
        .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*/