@charset "utf-8";
:root{--color:#b6aedc;--fontfamily: poppins, sans-serif;}
video#video{width:100%;}
.home-videotop {position:relative;}
video#video{min-height:400px;max-height:calc(100vh - 100px);object-fit:cover}
.videotxt {position:absolute;top:50%;width:50%;left:calc(50% - 725px);transform:translate(0,-50%);z-index:2;color:#fff;display:flex;flex-direction:column;align-items:flex-start;}
.videotit1 {background:#ffffffb3;font-weight:bold;color:#222;font-size:17px;padding:6px 15px;line-height:1;}
.videotit2 {margin:20px 0;font-weight:bold;font-size:4vw;line-height:1.2;}
.videotxt p {font-weight:bold;font-size:1.3vw;}
@media (max-width:1500px){.videotxt{left:20px}}
@media (max-width:1024px){.videotxt p{font-size:17px}
.videotxt{width:100%;left:0;padding:0 20px;}}
@media (max-width:768px){.videotxt p{font-size:17px}
.videotit1{font-size:15px}
.videotit2{font-size:30px}}
@media (max-width:560px){.videotxt p{font-size:16px}
.videotit1{font-size:15px}
.videotit2{font-size:27px;margin:15px 0}}
@media (min-width:561px){.home-about .about-img .img-info {padding:20px;height:200px;width:200px;}
.home-about .about-img .img-info .p1 {line-height:1;font-size:48px;margin-bottom:8px;}
.home-about .about-img .img-info p{font-size:17px}}
@media (max-width:768px){.home-about .about-img .img iframe{height:400px}}
@media (max-width:560px){.home-about .about-img .img-info{width:100%;height:auto;position:static;margin-top:10px}
.home-about .about-img{padding:0}
.home-about .about-img .img iframe{height:300px}}
@media (min-width:1025px){body.index {padding-top:0;}
body.index .head-top{background:transparent}
body.index .head-info {background:none;box-shadow:0 0 0;}
header.is-active .head-info {background:rgba(255,255,255,.8)!important}}
.home-des-box{display:none}
header .head-share{display:none;}
header .head-link{margin-left:auto;margin-right:20px;}
@media (max-width:768px){.home-about .about-img .img-info::before,.home-about .about-img .img-info::after{display:none;}}
@media (min-width:1025px){body.index header:not(.is-active) .head-info{height:50px}
body.index header:not(.is-active) .head-info .head-logo{position:relative;top:-24px}}
/*homenews*/
.home-news .home-title{text-align: center;}
@media (min-width:769px){.home-news .homenews-list{margin-top:0;}}
.home-news .homenews-wrap{margin-top:2%;display:flex;justify-content:space-between;align-items:flex-start}
.home-news .homenews-img{width:40%}
.home-news .homenews-img img{width:100%;border-radius:var(--borderradius);transition:all .1s linear}
.home-news .homenews-img img:hover{transform:scale(1.01)}
.homenews-list{flex:1;padding-left:30px;list-style:none}
.homenews-list li{position:relative;padding-bottom:15px;margin-bottom:15px;padding-left:30px;border-bottom:1px solid #eaeaea}
.homenews-list li.act .icon{background:var(--color);color:#FFFFFF;border-color:var(--color)}
.homenews-list li.act .name{color:var(--color)}
.homenews-list li .info{display:none}
.homenews-list li .icon{cursor:pointer;position:absolute;left:0px;top:4px;width:20px;height:20px;line-height:1;background:rgba(146,146,146,0);border:1px solid var(--introcolor);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--fontsize14)}
.homenews-list li .icon em{transform: rotate(-90deg);}
.homenews-list li .name{font-size:var(--fontsize20);font-weight:var(--fontbold6);line-height:1.2}
.homenews-list li .date{color:var(--introcolor);display:flex;align-items:center;font-size:var(--fontsize14);padding:4px 0px}
.homenews-list li .date em{margin-right:10px;font-size:var(--fontsize14)}
.homenews-list li .text{color:var(--introcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.homenews-list li .home-more{min-width:125px;height:42px;margin-top:1em}
@media (max-width:768px){.home-news .homenews-img{display:none}
.homenews-list{padding-left:0px}
.homenews-list li{padding-left:0px}
.homenews-list li .icon{display:none}
.homenews-list li .info{height:auto!important;display:block!important}
.homenews-list li .name{font-size:var(--fontsize18)}}
.home-choose{display:none;}
.home-service{position:relative;padding:4% 0px}
.home-service{background:no-repeat top}
.home-service .home-des,.home-service .home-title{color:var(--fontcolor)}
#serviceswiper{margin-top:40px}
#serviceswiper .swiper-slide{background:#FAFAFA;width:49%;padding:3% 4%;text-align:center}
#serviceswiper .swiper-slide .p1{font-size:var(--fontsize28);font-weight:var(--fontbold6)}
.home-service .home-des{width:100%;margin-top:20px;text-align:center}
#serviceswiper .swiper-slide .icon{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:10px 0px}
#serviceswiper .swiper-slide .icon li{display:inline-flex;flex-direction:column;margin:10px 20px}
#serviceswiper .swiper-slide .icon li:hover p{color:var(--color)}
#serviceswiper .swiper-slide .icon li>em{height:40px;font-size:45px;color:var(--color);display:flex;align-items:center;justify-content:center}
#serviceswiper .swiper-slide .icon li p{padding-top:5px;font-size:var(--fontsize18)}
@media (max-width:768px){.home-service{padding:40px 0px}}
.home-good .list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.home-good .list li{width:100%;list-style:none;box-shadow:0px 4px 21px 0px rgba(0,0,0,0.07);padding:30px 20px;display:flex;flex-direction:column;align-items:center}
.home-good .list li img{max-width:80px;border-radius:50%;margin-bottom:10px}
.home-good .home-des{text-align:center;width:100%;line-height:4;color:#777}
.home-good .country{color:#999}
.home-good li h5{font-size:18px;line-height:1.5;margin-top:10px;color:#1c3c25;font-weight:700}
.home-good li p{margin:10px auto;color:#777;max-width:240px;text-align:center}
@media (max-width:768px){.home-good .list{grid-template-columns:repeat(1,1fr)}}
.home-category .home-title{font-weight:var(--fontbold7)}
@media (min-width:1025px){.home-category .home-title{font-size:40px}}
.home-category .pro-lists{list-style:none;display:grid;gap:15px;margin-top:4%;grid-template-columns:repeat(4,1fr)}
.home-category .pro-list{overflow:hidden;display:flex;align-items:center;border-radius:20px;border:1px solid var(--color)}
.home-category .pro-img{max-width:40%}
.home-category .pro-img img{aspect-ratio:129/196;object-fit:cover}
.home-category .right .title{font-weight:bold;font-size:21px;color:var(--fontcolor);line-height:33px;margin-bottom:30px}
.home-category .right .more{padding:6px 10px;box-sizing:border-box;background:var(--color);color:#fff}
@media (max-width:1024px){.home-category .pro-lists{grid-template-columns:repeat(2,1fr)}}
.home-category .right .more{display: inline-block;}
@media (max-width:550px){.home-category .right .more{font-size:12px}
.home-category .right .title{font-size:16px;line-height:1.6}}
#serviceswiper .swiper-slide {padding: 3% 1%;}
@media(min-width:1025px){.home-category .right .title{height:65px;}
.home-good .l-wrap{padding: 0 120px;}}
.home-good{padding-top:4%;}
.home-category{padding:4% 0;}
.home-category .pro-list{padding: 10px 0; }
.home-good .home-title{font-weight:var(--fontbold7)}
@media (min-width:1025px){.home-good .home-title{font-size:40px;}
.home-news .homenews-wrap{flex-direction: row-reverse;}
.home-news .homenews-list{padding-left:0;padding-right:30px;}
.home-good .list{max-width:85%;margin:0 auto;}}
.home-good .hg-more{display: inline-block;margin-top: auto;background: var(--color);border: 1px solid var(--color);color: #fff;padding: 7px 20px;}
.home-good .hg-more:hover{color:#fff;}
.home-banner .banner-animote.ban1{text-align: left;left:40%;}
.home-banner .banner-animote.ban1 .p1,.home-banner .banner-animote.ban1 .p2{max-width:60%;}
@media (max-width:1600px){.home-banner .banner-animote.ban1{left:47%;}
.home-banner .banner-animote.ban1 .p1{font-size:3vw}
.home-banner .banner-animote.ban1 .p2{font-size:1.5vw}}
@media (max-width:1440px){.home-banner .banner-animote.ban1{left:52%;}
.home-banner .banner-animote.ban1 .p1, .home-banner .banner-animote.ban1 .p2{max-width:50%;}}
@media (max-width:768px){.home-banner .banner-animote.ban1{left:50%;}
.home-banner .banner-animote.ban1 .p1{font-size:18px;}
.home-banner .banner-animote.ban1 .p2{font-size:14px;}}
@media (max-width:550px){.home-banner .banner-animote.ban1 .p2{display:none;}
.home-banner .banner-animote.ban1 .p1{font-size:12px}}
@media (min-width:769px){#serviceswiper .swiper-slide .icon li{width:23%;margin:2% 1%;}}
#serviceswiper .swiper-slide .icon{align-items: flex-start;}
#serviceswiper .swiper-slide{height:auto;display: flex;flex-direction: column;align-items: center;}
#serviceswiper .swiper-slide .icon li p{font-size:16px;line-height:1.3;}
#serviceswiper .swiper-slide .icon li>em{line-height:1;}
#serviceswiper .swiper-slide .home-more{margin-top:auto;}
@media (max-width:768px){#serviceswiper .swiper-slide>.icon{justify-content: space-between;}
#serviceswiper .swiper-slide>.icon li{width:31%;margin:10px 0;}
#serviceswiper .swiper-slide .icon img{max-width:30px;}
#serviceswiper .serviceswiper-pagination{text-align:center;}}
.home-category .pro-list{border:1px solid var(--color)}
.home-category .right .more,#serviceswiper .swiper-slide .home-more,.home-about .about-img .img-info,.home-about .home-more,.home-message .wmkcfeedback .send-btn,.homenews-list li.act .icon{background:var(--color)}
.home-about .about-adv em,.homenews-list li .icon em,.homenews-list li.act .name,#serviceswiper .swiper-slide .icon li:hover p{color:var(--color)}
#serviceswiper .swiper-slide:nth-child(1){border-right:2px solid var(--color)}
.home-good .hg-more,.homenews-list li .home-more{display:none}
.homenews-list li .icon,.homenews-list li.act .icon{border-color: var(--color);}
.homenews-list li.act .icon em{color: #fff;}
.home-product .homepro-list .proitem{border-bottom-color: var(--color);}
#serviceswiper .swiper-slide .icon li p,#serviceswiper .swiper-slide .p2{min-height: 50px;}
@media (min-width:1025px){body.index header:not(.is-active) .head-info .nav-ul>li>a.inmenu_1,body.index header:not(.is-active) .head-info .nav-ul>li>a:hover,body.index header:not(.is-active) .head-info .nav-ul>li:hover>a{color:#fff;}
.pro-main .sidebar{width:280px;}
.pro-d-main .sidebar{width:400px;}}
#serviceswiper .swiper-slide .icon img{max-width:45px}
.sidebar-item.category .menu-item.active{background-color:#ffffff}
.sidebar-item.category .menu-item.active a{color:var(--fontcolor)}
@media (min-width: 1025px) { .pro-main .sidebar {width: 400px;}}
#jljw_IM_GdImBox .gimicf{color: #000 !important;}
#jljw_IM_GdImBox .form-preview label{color: #000 !important;}
#jljw_IM_GdImBox .form-preview .form-preview-tip{color: #000 !important;}
#jljw_IM_GdImBox .form-preview .submit-button{color: #000 !important;}
.airless-bottle-page1 .pro-cate-title{display: none;}
.airless-bottle-page1 .sidebar-item.hotpro{display: none;}
.airless-bottle-page1 .sidebar-item.inquiry{display: none;}
.airless-bottle-page1 .home-message{position:relative;padding:3% 0}
.airless-bottle-page1 .home-message{background-color:#DDDDDD;background-size:cover;background-repeat:no-repeat}
.airless-bottle-page1 .home-message .l-wrap{display:flex;align-items:center;flex-wrap:wrap;width: 100%;max-width: 1700px;padding: 0px 70px;margin: 0px auto;}
.airless-bottle-page1 .home-message .homemessage-img{width:50%;border-radius:5px;overflow:hidden}
.airless-bottle-page1 .home-message .homemessage-img:hover img{transform:scale(1.02)}
.airless-bottle-page1 .home-message .homemessage-img img{width:100%;border-radius:var(--borderradius);transition:all .2s ease}
.airless-bottle-page1 .home-message .homemessage-info{width:50%;box-sizing:border-box;padding-left:40px}
.airless-bottle-page1 .home-message .home-title{text-align:left}
.airless-bottle-page1 .home-message .homemessage-des{margin:15px 0px}
.airless-bottle-page1 .home-message .homemessage-des p{font-size:var(--fontsize18);color:var(--introcolor)}
@media screen and (max-width:1024px){.airless-bottle-page1 .home-message{padding:50px 0px}}
@media screen and (max-width:768px){.airless-bottle-page1 .home-message{padding:30px 0px}
.airless-bottle-page1 .home-message .homemessage-img{width:100%}
.airless-bottle-page1 .home-message .homemessage-info{width:100%;padding-left:0px;margin-top:2em}}
footer .foot-item.foot-code .foot-qrimg .ewm-box{display:flex;}
footer .foot-item.foot-code .foot-qrimg .ewm-box>div{width:120px;text-align:center}
footer .foot-code img{height:auto}
footer .foot-item.foot-code .foot-qrimg .ewm-box>div:nth-child(1){margin-right:10px;}
footer .foot-item.foot-code .foot-qrimg .ewm-box>div p{margin-top:10px;}
@media (min-width:1025px){footer .foot-item.foot-categories{width:20%;}
footer .foot-item.foot-nav{width:22%;}
footer .foot-item.foot-code{width:17%;}}
@media (max-width:1024px){footer .foot-main .foot-item.foot-code{display:block;}}
.prodetails-content .prodetails-tabs{display:none;}
.news-main .sidebar,.news-d-main .sidebar{display:none}
.news-main .page-main,.news-d-main .page-main{margin-left:0;width:100%;}