@charset "utf-8";
:root{--fontfamily:arial}
.fa{font-family:FontAwesome!important}
.tcont p{font-size:18px}
.inside-pro-box .inside-pro-text p,.left-email a,.left-tel,.mainmenu ul ul>li>a,.search,.sf-menu li a,.sf-menu li li a,.sf-menu li:hover li a{font-size:18px}
.footer-tit .h3,.tcont p{cursor:default}
.contact-info a:hover,.footer-pro-items li a:hover,.footer-tit .h3:hover{color:var(--color)}
.floatwindow_email i{background-image:url(/js/31659/email.png)!important}
.floatwindow_im-tel li:hover .floatwindow_email i{background-image:url(/images/FloatWindow/21/email-w.png)!important}
.LayImAhrefNode,.inside-pro-box .inside-pro-text .inside-pro-more a,.pcon_r .p_more{font-size:18px}
.contact-info a:hover,.left-email a:hover{color:var(--color)}
.newslist li.nwmor:hover{background:var(--color);padding:10px}
.newslist li.nwmor{transition:.3s}
.newslist li.nwmor:hover .newstxt p,.newslist li.nwmor:hover a,.newslist li.nwmor:hover span{color:#fff}
.pro_lb1 li span.fl img{position:static;transform:none}
.pro_lb1 li span.fl{text-align:center;height:auto}
.inside-pro-box{margin:0;padding:10px 0;transition:.3s}
.inside-pro-box:hover{background:var(--color);padding:10px;color:#fff}
.inside-pro-box:hover a{color:#fff}
.inside-pro-box:hover .inside-pro-more a{background:#333}
.inside-pro-box .inside-pro-img{width:250px}
.inside-pro-box .inside-pro-text{width:calc(100% - 268px)}
section>.container:after{content:'';height:0;clear:both;visibility:hidden;display:block}
.mainmenu ul li a.inmenu_1{color:#fff}
.acon .pinfo table td{overflow:hidden}
.acon .pinfo table td img:hover{transform:scale(1.3)}
.social_link{margin:10px 0;width:300px}
.logo{left:auto}
.logo img{margin-top:0;max-height:58px}
@media (min-width:1366px){.container{width:100%}
.head-top{width:1280px;margin:0 auto}
.navBox{width:1280px;margin:0 auto}}
.index-tit{margin-bottom:2rem}
.index-tit,.pro-item .pro-item-tit a{color:#fff}
.footer{background:#dcdcdc}
.copy{background:var(--color)}
.footer-main>div .ebtn{background:var(--color)}
.sf-menu li li a:hover{color:var(--color)}
@media (min-width:1366px){.container{width:100%}
.head-top{width:1280px;margin:0 auto}
.navBox{width:1280px;margin:0 auto}}
.about-more a{background:var(--color)}
.ProductTopHotList{background:url(/js/31659/product.jpg) no-repeat center;background-size:cover}
.back_to_top:not(.totop),.footer hr{display:none!important}
.bPosition,.bPosition a,.newcon .next a:hover,.newcon .prev a:hover,.news-item:hover .news-more i.fa,.news-text-tit .h3 a,.news-text-tit h3 a,.newslist li a:hover,.pcon .tit,.rnews h3,.rnews li a:hover,.rollPro h3,.social_link li a,.yellow{color:var(--color)}
.news-index.con-title .index-tit{color:#000}
.bbdd a.wmuActive{background-image:url(/js/31659/active1.png)}
.search-box .tcont p{font-size:20px;margin-right:0}
.ProductTopHotList .con-title{position:relative;margin-top:100px}
.ProductTopHotList .con-title .index-tit{position:absolute;top:-70px;width:100%;color:#000}
.ProductTopHotList .con-title .pro-box{padding-top:50px}
.news-item a img{width:100%}
.nav-tabs{display:flex;border-top:1px solid #ccc;padding-top:10px}
.nav-tabs .tab-item{width:7.69%;text-align:center;position:relative}
.his-item{display:none}
.his-item.show{display:block}
.his-item:not(.show){opacity:0}
.nav-tabs .tab-item:before{content:'';position:absolute;width:10px;height:10px;top:-18px;left:50%;border-radius:50%;transform:translateX(-50%);background:#000;border:4px solid #fff}
.nav-tabs .tab-item.active{color:var(--color)}
.nav-tabs .tab-item.active:before{background:var(--color)}
.his-item:not(.active){opacity:0}
.his-item{transition:.5s}
.tab-item{cursor:pointer}
.his-year{font-size:50px;font-weight:700;margin-top:50px}
.his-text p{margin-bottom:10px}
.history{margin-top:50px}
@media screen and (min-width:993px){.main{float:none;margin-left:25rem;width:calc(100% - 45rem)}}
@media screen and (max-width:1600px) and (min-width:993px){.main{width:calc(100% - 30rem)}}
@media screen and (max-width:1400px) and (min-width:993px){.main{width:calc(100% - 17rem);margin-left:17rem}}
.main>.clearfix{clear:none}
.social_link li:nth-child(4){display:none}
.newcon .share-btn-list .share-btn:nth-child(n+3){display:none}
.social_link li img{width:24px}
.home-about .item1 .about-img{background-image:url(/uploads/202231659/citrus-aurantium-extract09032070695.jpg)}
.home-about .item2 .about-img{background-image:url(/uploads/202231659/citrus-aurantium-extract09081602251.jpg)}
.home-partners{display:none}
.certi-swiper .swiper-slide img{height:auto}
.product-detail .btn-list a{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:10px 10px 10px 0}
.product-detail .btn-list button.send{margin-top:10px}
.product-detail .btn-list a:hover{background:var(--color)}
.product-detail .btn-list div:hover{background:0 0}
@media (max-width:769px){.product-detail .btn-list a{margin:0 0 4vw;line-height:10.6666666667vw}}
.index header+main{margin-top:0}
header{background:#ffffffb0}
.headTop.l-wrap{height:40px!important;display:flex;justify-content:space-between}
.headTop .left a:first-child{margin-right:20px}
.headTop .right a{display:inline-flex;width:30px;height:30px;margin-left:10px;background:#249a99;justify-content:center;align-items:center;border-radius:50%;color:#fff}
.common-content .news-views{display:none}
.table td,.table th{border:1px solid #cdcdcd;padding:5px}
table{max-width:100%}
.head-logo>img{height:60px;object-fit:contain}
@media (min-width:1261px){.head-nav>ul>li>a{height:70px;line-height:70px}}
@media (min-width:769px){header>.l-wrap{height:70px!important}}
@media (max-width:768px){.headTop.l-wrap{display:none}
header>.l-wrap{height:50px!important}
.head-logo{height:100%}
.head-nav.is-active>ul{top:80px}}
.new-share{margin-top:40px}
@media (min-width:769px){header.is-fix{background:rgba(255,255,255,.95)}
header+main{margin-top:110px}}
@media (max-width:768px){header+main{margin-top:80px}}
.home-about .about-img{background:0 0!important}
.about-img iframe{width:100%;height:100%;display:block}
@media (max-width:1280px){.about-img iframe{height:450px}}
@media screen and (max-width:769px){.home-about .about-item .about-img{padding-top:0}
.about-img iframe{height:350px}}
.common-content .pro-list.list0 .pro-intro{-webkit-line-clamp:inherit;max-height:inherit}
.common-content .pro-list .pro-name{margin:0 0 10px}
div.share-btn-list .twitter,div.share-btn-list>div:nth-last-child(-n+2){display:none}
img{max-width:100%}
.home-categories{padding-top:60px}
.catelist{display:flex;flex-wrap:wrap;justify-content:space-between;padding-top:12px}
.catelist li{width:23%;text-align:center}
.catelist li a{border:1px solid var(--color);padding:25px;box-sizing:border-box;border-radius:8px;display:block;height:100%}
.catelist li .cateic{margin-bottom:15px}
.catelist li .catetit{line-height:1.4;font-weight:700}
.home-choose{padding:60px 0}
.chooselist{flex-wrap:wrap;display:flex;justify-content:space-between;padding-top:20px}
.chooselist li{width:23%;text-align:center}
.home-about .about-icon-list>li>span:first-child{margin-bottom:10px}
.chooselist li:hover img{transform:scale(1.05)}
.chooselist li img{max-width:80%;transition:.2s}
.chooselist li .choosetit{font-weight:700;margin:15px 0;font-size:18px}
.chooselist li p{line-height:1.6;color:#444}
@media (max-width:1024px){.catelist li,.chooselist li{width:48%;margin-bottom:25px}}
@media (max-width:540px){.catelist li a{padding:25px 10px}
.chooselist li .choosetit{font-size:16px;margin:10px 0}
.home-choose{padding-bottom:30px}}
table.nycontustable td:first-child{padding-right:10px}
table.nycontustable td:nth-child(2){padding-left:10px}
@media (max-width:768px){table.nycontustable td{display:block;width:100%;padding:0 0 15px!important}}
@media (max-width:640px){table.nycontustable td iframe{height:290px}}
.home-certi .home-title span{color:#fff}
.footinfo{margin-top:8px;line-height:1.5;font-size:14px}
.footinfo p:nth-child(2){margin-bottom:12px}
.home-about .item1 .about-article{position:relative;padding-left:22px}
.home-about .item1 .about-article:before{content:'';width:8px;height:8px;background:#aee0de;border-radius:50%;position:absolute;left:0;top:8px}
.home-about .about-icon-list{margin:30px 0}
.about-pBox{margin-bottom:20px}
.about-item2{margin-top:30px}
.about-scroll-num{display:flex;justify-content:center}
.about-scroll-num p{font-size:50px;font-weight:700;color:#249a99}
.about-down-ul{display:flex;justify-content:space-between;width:80%;margin:0 auto}
.about-down-li{width:19%;text-align:center}
.about-down-num{font-size:50px;font-weight:700;margin-bottom:20px;color:#249a99}
.about-down-word{font-size:18px}
a.foot-btn{background:var(--color);padding:10px 20px;display:inline-block}
a.foot-btn:hover{color:#000}
.home-product-cate{display:none}
@media (max-width:768px){.about-down-ul{width:95%}
.about-down-word{font-size:15px}}
@media (max-width:640px){.about-down-ul{flex-wrap:wrap}
.about-down-li{width:49%;margin:10px 0}
.about-item2{margin-top:10px}
.about-down-num,.about-scroll-num p{font-size:38px}}
.footprint_swiper .swiper-container{height:640px}
.history-content{display:flex;flex-wrap:wrap;background:url(/uploads/31659/bg.jpg) no-repeat center;background-size:cover}
.history-content .history-left{width:60%}
.history-content .history-right{width:40%}
.history-content .history-left{padding:50px 0 50px 30px;box-sizing:border-box}
.footprint_li_info{display:flex}
.footprint_li_info .text,.footprint_li_info .time{font-size:16px}
.footprint_li_info .time{width:80px;font-weight:700}
.footprint_li_info .text{max-width:600px;margin-right:20px;flex:1}
.footprint_li_info .right{flex:1;height:1px;background:#0070c0;margin-top:10px;position:relative}
.footprint_li_info .right:before{content:" ";position:absolute;left:0;top:-4px;height:9px;width:9px;background-color:#025daa;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.footprint_li_info .right:after{content:'';position:absolute;right:0;top:-6px;z-index:3;width:15px;height:15px;border:3px solid #025daa;border-radius:50%;background:#fff;box-sizing:border-box}
.footprint_swiper .footprint_next,.footprint_swiper .footprint_prev{position:absolute;bottom:0;right:-30px;width:56px;height:56px;min-width:56px;min-height:56px;background:url(/js/10482/downarrow.png) no-repeat center;background-size:100% 100%;cursor:pointer}
.footprint_swiper .footprint_prev{top:0;background-image:url(/js/10482/uparrow.png)}
.footprint_swiper{position:relative;padding:80px 0}
.history-left,.history-right{position:relative}
.history-left{z-index:1}
.history_right_info{position:absolute;left:30px;right:30px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.footprint_swiper .swiper-slide{justify-content:flex-start}
.footprint_li{width:100%}
.history-right .history_right_info .title{height:auto}
.history-right .history_right_info .title{line-height:2}
.nyabusfirtit{text-align:center;font-weight:700;font-size:17px;line-height:1.4;margin-bottom:30px;color:var(--color)}
.abussecinfo{text-align:center;font-weight:700;margin-bottom:40px}
.abusseccent{display:inline-block}
.abussecinfo p{text-align:left}
.abussecinfo p strong{font-size:20px;color:var(--color)}
.abuscontbox>p>img{display:block;margin:0 auto}
@media (max-width:1920px){.footprint_swiper .swiper-container{height:500px}}
@media (max-width:1280px){.history-content>div{width:100%}
.history_right_info{position:static;transform:none;padding:5%}
.footprint_swiper .footprint_next,.footprint_swiper .footprint_prev{right:0}}
@media screen and (max-width:768px){footer .footer-top .footer-nav ul li{width:50%}
.history-content{flex-direction:column}
.history-content .history-left,.history-content .history-right{width:100%}
.footprint_li_info .text{flex:1}
.footprint_swiper .swiper-slide{height:auto!important}
.footprint_li_info .right{display:none}}
.nyabustags>div{margin:0 15px 25px;font-size:19px;border:1px solid #ccc;padding:12px 25px;cursor:pointer}
.nyabustags{display:flex;flex-wrap:wrap;justify-content:center}
.nyabustags>div.abact,.nyabustags>div:hover{background:var(--color);color:#fff;border-color:var(--color)}
.abuscontbox{display:none}
.abuscontbox.abact{display:block}
.abuscontbox>p{margin-bottom:8px}
@media (max-width:768px){.nyabustags>div{margin:0 5px 15px;padding:10px;font-size:16px}
.abussecinfo p,.nyabusfirtit{font-size:18px}}
#nyepzoom .wmkc-flex-item{cursor:pointer}
.popwindow{position:fixed;width:100%;height:100%;top:0;left:0;z-index:999999;background:rgba(0,0,0,.5);display:none}
.popcenter{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.popcenter img{display:block;max-width:80vw;max-height:80vh;object-fit:contain}
.home-about .about-icon-list>li>span:first-child{min-width:60px}
.wmkc-cyc{animation:rotate 10s linear infinite}
.cycle{background:url(/js/31659/icon-100.png) center no-repeat;background-size:contain;position:absolute;width:80%;height:80%;left:10px;top:15px}
.home-about .about-icon-list>li{position:relative;width:25%}
.home-about .about-icon-list>li>i{padding:30px 0}
@keyframes rotate{100%{transform:rotate(360deg)}}
.chooselist li img{width:100%}
article img{height:auto!important}
footer{background:#f5f8f8;color:#000}
footer :not(.foot-socialul.social-itemi,.foot-socialul.social-item){color:#000!important}
.foot-right{background:#f5f8f8}
iframe{max-width:100%}
@media (max-width:560px){iframe{max-height:300px}}
@media (max-width:560px){.nysinggle .wmkc-template-18 table.wmkc-table.wmkc-table-rules.wmkc-table-rules-rows td{display:block}
.nysinggle .wmkc-template-18 table.wmkc-table.wmkc-table-rules.wmkc-table-rules-rows tr td:nth-child(1),.nysinggle .wmkc-template-18 table.wmkc-table.wmkc-table-rules.wmkc-table-rules-rows tr td:nth-child(n+4){display:none}
.nysinggle .wmkc-template-18 table.wmkc-table.wmkc-table-rules.wmkc-table-rules-rows tr:nth-last-child(2) td:nth-child(3){display:none}}
p.wmkc-item-title{background:rgba(0,0,0,.2)!important}
.top-btn{background:var(--color);color:#fff}
.about-img lite-youtube{max-width:100%;height:100%}
@media (min-width:1025px){.common-content .pro-list .pro-cart{width:60px;height:60px;}
.common-content .pro-list .pro-cart>i{font-size:40px}}
@media (min-width:1025px) and (max-width:1440px){.common-content .pro-list .pro-cart{width:45px;height:45px;}
.common-content .pro-list .pro-cart>i{font-size:30px}}
.chooselist li{width:25%;overflow: hidden;}
.chooselist li img{max-width: 100%;}
.chooselist li .choosetit{color:#fff;width:100%;}
.chooselist li p{color:#fff;}
@media (max-width:768px){.chooselist li{width:46%;}}
@media (max-width:500px){.chooselist li{width:100%;}}
.home-choose .l-wrap{max-width:1920px;}
.chooselist li{position: relative;}
.chooselist li .choosetit{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.chooselist li p{position: absolute;top: 60%;left: 50%;transform: translate(-50%, 10%);}
.chooselist li:hover img {transform: scale(1);}
.chooselist li .choosepic::after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0, 0, 0, .5);}
.chooselist li:hover .choosepic::after{background:rgba(36, 154, 153, .7)}
.chooselist li img{display:block;}
@media (max-width:1600px){.chooselist li p{width:90%}}
@media (max-width:1024px){.chooselist li p {top:40%} .chooselist li .choosetit{top:20%}}
@media (min-width:1025px){.common-main .sidebar{position:sticky;top:125px;}}
.certi-swiper .swiper-slide.is-active .certi-name:after{display:none}
.home-certi{background:#F7F7F7;padding:20px 0 10px;}
.home-certi .certi-inner{display:flex;flex-wrap:wrap;justify-content: space-between;align-items:center;}
.home-certi .home-title{margin-bottom:0;text-align:left;}
.home-certi .home-title span{color:var(--fontcolor);padding-bottom:0;}
.home-certi .home-title span:after{display:none;}
.home-certi .certi-inner .certi-left{width:47%}
.home-certi .certi-inner .certi-left .des{margin:20px 0 30px;}
.home-certi .certi-inner .certi-left .more a{display:inline-block;padding:7px 20px;text-align: center;color:var(--fontcolor);border:1px solid var(--fontcolor);transition: all .3s;}
.home-certi .certi-inner .certi-left .more a:hover{background:var(--fontcolor);color:#fff;}
.home-certi .certi-inner .certi-right{width:46%;}
.home-certi .certi-inner .certi-right img{display:block;}
@media (min-width:769px){.home-certi .certi-inner .certi-left .des{font-size:var(--fontsize20)}}
@media (max-width:768px){.home-certi .certi-inner .certi-left,.home-certi .certi-inner .certi-right{width:100%;margin:10px 0;}
.home-certi .certi-inner .certi-left .des{margin:10px 0 20px;}}
.home-choose{padding-bottom:0}
.home-choose .l-wrap{padding-bottom:30px}
.foot-social ul .social-item>i{color: #fdfdfd !important;}