@charset "utf-8";
@import url(iconfont.css);
html{margin:0px auto;max-width:750px;line-height:1.15;-webkit-text-size-adjust:100%}

main{display:block}
h1{font-size:2em;margin:.67em 0em}
hr{box-sizing:content-box;height:0px;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0px;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0px}
button,input{overflow:visible}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0px}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0px;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0px}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
[hidden],template{display:none}
ul,ol,li,dl,dt,dd{list-style:none}
h1,h2,h3,h4,h5,h6,li,p,ul{margin:0px;padding:0px}
a{color:#000;text-decoration:none}
body{margin:0px auto;padding:0px;font-size:16px;line-height:1.7;background:#F2F2F2;font-family:helvetica neue,tahoma,hiragino sans gb,stheiti,wenquanyi micro hei,sans-serif}
article h1,article h2,article h3{font-size:inherit;font-weight:400}
article img{max-width:100%}
.l-wrap{padding:0px 15px}
.l-main{margin-top:55px}
.main-tit{-ms-flex-pack:justify;border-bottom:2px solid #DDD;display:flex;justify-content:space-between;padding-bottom:8px}
.main-tit>h2{color:#579338;font-size:18px;font-weight:700}
.main-tit>a{background-image:url(../images/css_sprites.png);background-position:-247px -48px;height:30px;width:30px}
.main-banner{line-height:0}
.main-banner>img{display:block;height:auto;width:100%}

/* banner */
#banner{clear:both;background:#FFF;width:100%;margin:0px auto;position:relative;}
#banner img{display: block;}
.bdbd{z-index:2;position:absolute;bottom: 0 !important;margin:0;padding:0;width:100%;text-align:center;}
.bdbd span{margin:0 8px 20px 0;display:inline-block;text-indent:-9999px;width: 30px;height: 3px;background-color: #61b735;overflow:hidden;border-radius: unset;opacity: 1;}
.bdbd span.swiper-pagination-bullet-active{background-color:#FFF}
.swiper-button-prev, .swiper-button-next{width:70px;height:70px;line-height:99em;overflow:hidden;margin:-35px 0 0;display:block;background:url(../images/lr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;border-radius:35px}
.swiper-button-next{background-position:-48px 0;right:120px}
.swiper-button-prev{left:120px}
#banner:hover .swiper-button-next{opacity:0.8;filter:alpha(opacity=25)}
#banner:hover .swiper-button-prev{opacity:0.8;filter:alpha(opacity=25)}
#banner:hover .swiper-button-next:hover, #bannerhover .swiper-button-prev:hover{opacity:1;filter:alpha(opacity=50)}

.common-page{-ms-flex-pack:distribute;background-color:#FFF;margin-bottom:12px;justify-content:space-around;padding:15px 0px;width:100%}
.common-page,.common-page .page-next,.common-page .page-prev{display:flex}
.common-page .page-next>a,.common-page .page-next>span,.common-page .page-prev>a,.common-page .page-prev>span{border:1px solid #DDD;border-radius:5px;display:flex;height:48px;width:90px}
.common-page .page-next>span,.common-page .page-prev>span{background:url(../images/prev_mg.png) no-repeat 50%}
.common-page .page-next>a,.common-page .page-prev>a{background:url(../images/prev_m.png) no-repeat 50%;border-color:#313437}
.common-page .page-next>a,.common-page .page-next>span{transform:rotate(180deg)}
.page-link{line-height:1.2;padding:15px 0px 0px}
.page-link>div{margin-bottom:15px}
.page-link a,.page-link span{color:#000}
.page-link span{font-size:14px;font-weight:bold}
.page-link a{font-size:14px;text-decoration:underline}
.l-main-single{margin-bottom:12px}
.l-main-single .about-content{background:#FFF;margin-top:12px;padding:15px}
.l-main-single .about-content img{max-width:100%}
.l-main-single .about-content p{word-wrap:break-word;color:#000;font-size:16px;line-height:1.6}
.l-main-products .product-list{background:#FFF;margin-top:12px}
.l-main-products .product-list .tit{border-bottom:2px solid #E6E6E6;margin:0px 12px;padding:12px 0px}
.l-main-products .product-list .tit>h1{color:#579338;font-size:18px;font-weight:700;text-transform:capitalize}
.l-main-news .news{margin-bottom:0px}
.l-main-news .news .news-wrap{background:#FFF;margin-top:12px;padding:15px}
.l-main-news .news li{border-bottom:1px dashed #EEE}
.l-main-news .news .news-list a{-ms-flex-pack:justify;display:flex;font-size:15px;justify-content:space-between;padding:12.5px 0px}
.l-main-news .news .news-list a .news-date{color:#579338;font-size:9pt}
.l-main-news .news .news-tit{word-wrap:break-word;overflow:hidden;padding-right:15px;text-overflow:ellipsis;white-space:nowrap;white-space:break-spaces}
.l-main-news .news-sec{color:#000;margin-bottom:12px;padding-bottom:15px}
.l-main-news .news-sec h1.news-tit{font-size: 20px;text-align:left;color:#579338;}
.l-main-news .news-sec .news-date{word-wrap:break-word;color:#666;font-size:14px;line-height:1.6;padding:10px 0px;text-align:left}
.l-main-news .news-sec article p{word-wrap:break-word;font-size:16px;line-height:1.7;margin-bottom:4px;text-align:left}
.l-main-products .main-tit>h1,.l-main-products .main-tit>h2{font-weight:400}
.l-main-products .main-tit>h1{font-size:22px;color:#579338}
.l-main-products .inquiry,.l-main-products .product-info{padding-bottom:15px}
.l-main-products .recommend{margin-bottom:12px}
.l-main-products .recommend .pro-name{display:block;font-size:12px;line-height:18px;margin:5px 0px;max-height:36px;min-height:18px;overflow:hidden;padding:0px 5px;text-align:center}
.l-main-products .product-info .product-detail{padding:10px 0px}
.l-main-products .product-info .product-detail ul,.l-main-products .product-info .product-detail ol{max-width:100%}
.l-main-products .product-info .product-detail p{color:#000;font-size:16px;line-height:1.6em;margin-bottom:4px;word-break:break-word}
.l-main-products .product-info .product-detail table p{word-break:inherit}
.l-main-products .product-info .productsTags,.l-main-products .product-info .keywords,.l-main-products .product-info .productsTags a:link,.l-main-products .product-info .productsTags a:visited{color:#000;font-size:16px;line-height:1.6em}
.l-main-products .product-intro{color:#444;font-size:15px;margin-bottom:4px;padding:10px 0px}
.l-main-products .inquiry-btn button,.l-main-products .LayImAhrefNode,.l-main-products .pdown1 a span,.l-main-products .pdown2 a span,.l-main-products .pdown3 a span{background-image:linear-gradient(to bottom right, #579338, #4a9b21);border:none;border-radius:1.5px;color:#FFF;display:block;float:left;font-size:15px;height:40px;line-height:38px;margin:0 1% 10px;text-align:center;width:47.8%}
.l-main-products .LayImAhrefNode{background:#ff6550}
.l-main-products .clearfix{zoom:1}
.l-main-products .clearfix:after{clear:both;content:"";display:block;height:0px;visibility:hidden}
.singglepic{display:flex;width:100%;height:auto;max-height:100vw;background:#FFF;align-items:center;justify-content:center}
.singglepic img{height:auto;max-width:100%}
.table-responsive{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;margin:10px 0px;overflow-x:auto;overflow-y:hidden;-ms-touch-action:auto;touch-action:auto;width:100%}
#media{height:100%;width:100%}
.form-m{margin:0px auto;max-width:720px;width:calc(100vw-30px)}
.area2{box-sizing:border-box;overflow:hidden;width:100%}
.pro-intro,.proIntro{margin-bottom:12px;padding:1px 15px 15px;font-size:15px;line-height:1.5em;word-break:break-word}
.pro-intro p,.proIntro p{margin-bottom:5px;font-size:15px;color:#000}
.pro-intro p a,.pro-intro p a:link,.pro-intro p a:visited{color:#000;font-size:15px}
.proCateTags h3 {display:none}
.proCateTags a{display:inline-block;border:1px solid #e3e3e3;border-radius:20px;padding:2px 4px;margin:4px;font-size:12px;text-decoration:none;text-transform:capitalize}
.l-head{background:#FFF;border-bottom:1px solid #EEE;box-sizing:border-box;left:0px;margin:0px auto;max-width:750px;position:fixed;right:0px;top:0px;z-index:999}
.l-head .l-wrap{-ms-flex-align:center;align-items:center;display:flex;height:55px;justify-content: space-between;}
.l-head img.list-arrow{display:none}
.head-nav{max-width:750px;margin:0px auto;background:#FDFDFD;bottom:0px;left:0px;max-height:0px;opacity:0;overflow:hidden;position:fixed;right:0px;top:54px;transition:all .3s;visibility:hidden}
.head-nav.is-active{height:auto;max-height:calc(100vh - 50px);opacity:1;visibility:visible;z-index:200}
.head-logo>img{max-width:120px;max-height:40px;width:100%;height:auto;margin:6px 0px 0px 0px}
.head-search{flex:0 0 38vw;width:38vw;padding:0px 10px;border:1px solid #D1D1D1;border-radius:999px;height:30px;margin-left:auto;outline:0;overflow:hidden;position:relative}
.head-search>button{background:url(../images/css_sprites.png);background-position:-120px -44px;background-size:150px 100px;border:0px;height:30px;position:absolute;right:0px;top:0px;width:30px}
.head-search>input{border:0px;box-sizing:border-box;font-size:14px;height:30px;line-height:30px;margin:0px;padding:0px 13px 0px 0px;outline:0;width:38vw;background:none}
.head-btn{width:25px;height:30px;margin-left:14px;position:relative}
.head-btn>span{background:#579338;border-radius:2px;display:block;height:3px;position:absolute;top:5px;transition:top .4s,transform .4s;width:25px}
.head-btn>span:nth-of-type(2){top:13px}
.head-btn>span:nth-of-type(3){top:21px}
.head-btn.is-open>span{top:14px;transform:rotate(45deg)}
.head-btn.is-open>span:nth-of-type(2){opacity:0}
.head-btn.is-open>span:nth-of-type(3){top:14px;transform:rotate(-45deg)}
#nav{height:100%;overflow-x:hidden;overflow-y:scroll}
#nav a{color:#000;display:block;font-size:16px;overflow:hidden;padding-left:12px;padding-right:12px;text-overflow:ellipsis;white-space:nowrap}
#nav>li{border-bottom:1px solid #ECECEC;position:relative}
#nav>li>a{font-size:16px;font-weight:600;height:40px;line-height:40px;padding:6px 40px 6px 12px}
#nav>li.is-folded .arrow{transform:rotate(90deg)}
#nav .submenu{border-top:1px solid #ECECEC;background-color:#F8F8F8}
#nav .submenu li>a{height:35px;line-height:35px;text-transform:capitalize}
#nav .submenu ul a{font-size:13px;padding-left:30px}
#nav .arrow{background:url(../images/arrow.png);background-size:40px 40px;display:block;width:40px;height:40px;position:absolute;right:4px;top:6px;transition:transform .3s}
.banner{position:relative}
.banner a{width:100%}
.banner img{height:auto;width:100%;display:block}
.swiper{width:100%}
.swiper .swiper-slide>img{display:block;height:auto;width:100%}
.pro-swiper{background:#FFF;height:100vw;max-height:750px;max-width:750px;position:relative;width:100vw}
.pro-swiper .swiper-pagination-bullet-active{background:#579338}
.pro-swiper .swiper-page{background:rgba(0,0,0,.3);border-radius:12px;bottom:10px;color:#FFF;font-size:14px;padding:2px 8px;position:absolute;right:10px;z-index:9}
.pro-swiper .swiper-slide{align-items:center;display:flex;justify-content:center}
.main-nav{background-image:linear-gradient(to right, #579338, #4a9b21);display:flex}
.main-nav .nav-item{-ms-flex:1;flex:1;padding:7px 0px}
.main-nav .nav-item span{color:#FFF;display:block;font-size:12px;font-weight:700;line-height:1.3em;margin-top:4px;text-align:center;max-height:1.3em;overflow:hidden}
.main-nav .icon{background:url(../images/css_sprites.png);background-size:300px 200px;display:block;height:25px;margin:0px auto;width:25px}
.main-nav .icon-home{background-position:0px -50px}
.main-nav .icon-about{background-position:-50px -50px}
.main-nav .icon-product{background-position:-100px -50px}
.main-nav .icon-news{background-position:-150px -50px}
.main-nav .icon-contact{background-position:-200px -50px}
.main-nav .nav-item.active{background:#61b735}
.main-nav .nav-item.active span{color:#FFF}
.main-nav .nav-item.active .icon-home{background-position:0px -100px}
.main-nav .nav-item.active .icon-about{background-position:-50px -100px}
.main-nav .nav-item.active .icon-product{background-position:-100px -100px}
.main-nav .nav-item.active .icon-news{background-position:-150px -100px}
.main-nav .nav-item.active .icon-contact{background-position:-200px -100px}
.main-sec{background:#FFF;margin-top:12px;padding:15px 15px 10px}
.main-prolist{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}
.main-prolist>li{border-bottom:1px solid #DDD;box-sizing:border-box;padding:5px;width:50%}
.main-prolist .pro-img-wrap{position:relative;width:100%}
.main-prolist .pro-img-wrap:after{content:"";display:block;padding-top:100%}
.main-prolist .pro-img{align-items:center;bottom:0px;display:flex;justify-content:center;left:0px;position:absolute;top:0px;width:100%}
.main-prolist .pro-img>img{height:100%;object-fit:contain;width:100%}
.main-prolist .pro-name{color:#000;display:block;font-size:16px;line-height:20px;margin:6px 0;max-height:40px;min-height:20px;overflow:hidden;text-align:center}
.main-prolist:after{background:#EEE;content:" ";height:100%;left:50%;position:absolute;top:0px;width:1px}
.about .main-tit{border-bottom:0px}
.about .about-content{word-wrap:break-word;color:#000;font-size:16px;line-height:1.6;text-align:left}
.about .about-btn{background-image:linear-gradient(to bottom right, #579338, #4a9b21);border-radius:.03rem;color:#FFF;display:block;font-size:14px;height:40px;line-height:40px;margin:10px 0px;text-align:center;border-radius:3px}
.hot-prolist>li{padding:10px 0px}
.hot-prolist .hot-proitem{display:flex}
.hot-prolist .pro-img{border:1px solid #DDD;box-sizing:border-box;-ms-flex:0 0 40vw;flex:0 0 40vw;margin-right:4vw;max-width:40%;position:relative}
.hot-prolist .pro-img:after{content:"";display:block;padding-top:100%}
.hot-prolist .pro-img>a{align-items:center;bottom:0px;display:flex;justify-content:center;left:0px;position:absolute;top:0px;width:100%}
.hot-prolist .pro-img img{height:100%;object-fit:contain;width:100%}
.hot-prolist .pro-info{-ms-flex:1;flex:1;margin-right:7vw;width:calc(100% - 44vw)}
.hot-prolist .pro-info>p{color:#555;font-size:15px;height:54px;line-height:18px;margin-top:.2rem;overflow:hidden}
.hot-prolist .pro-name{color:#000;display:block;font-size:18px;font-weight:700;height:40px;line-height:20px;overflow:hidden}
.hot-prolist .pro-btn{background-image:linear-gradient(to bottom right, #579338, #4a9b21);color:#FFF;display:block;font-size:12px;height:26px;line-height:26px;margin-top:3vw;text-align:center;width:60px;border-radius:3px}
.main-newslist li:nth-child(2n+0) {background-color:#EEE}
.main-newslist .news-item{display:flex;padding:10px 0px}
.main-newslist .news-date{align-items:center;border-right:1px solid #EEE;display:flex;-ms-flex:0px 0px 60px;flex:0px 0px 60px;-ms-flex-direction:column;flex-direction:column;height:60px;justify-content:center;margin-right:16px;padding-right:16px;width:60px}
.main-newslist .news-date>p{text-align:center;font-size:12px}
.main-newslist .news-date .day{color:#000;font-size:30px;line-height:1.1em}
.main-newslist .news-info{-ms-flex:1;flex:1}
.main-newslist .news-tit{color:#000;font-size:16px;font-weight:700;height:18px}
.main-newslist .news-con,.main-newslist .news-tit{line-height:18px;overflow:hidden;table-layout:fixed;word-break:normal;word-break:break-word}
.main-newslist .news-con{font-size:15px;height:36px;margin-top:.1rem;color:#555}
.news{margin-bottom:12px}
.l-foot{padding-bottom:calc(55px + env(safe-area-inset-bottom))}
.foot{background:#111;padding:14px}
.foot .contact-list>li{display:flex;padding:5px 0px}
.foot .contact-list i{background-image:url(../images/css_sprites.png);-ms-flex:0 0 20px;flex:0 0 20px;height:20px;width:20px}
.foot .contact-list .icon-add{background-position:-4px -153px}
.foot .contact-list .icon-tel{background-position:-52px -152px}
.foot .contact-list .icon-mail{background-position:-102px -155px}
.foot .contact-list .icon-url{background-position:-152px -153px}
.foot .contact-list a,.foot .contact-list span{color:#CCC;display:block;-ms-flex:1;flex:1;line-height:1.3em;margin-left:10px}
.foot-share>ul{padding:5px 0px}
.foot-share>ul>li{display:inline-block;overflow:hidden;padding-right:5px;position:relative;vertical-align:top}
.foot-share>ul img{height:30px;width:30px}
.foot-nav{background:#000;border-top:1px solid #222}
.foot-nav>ul{text-align:center}
.foot-nav>ul>li{display:inline-flex;font-size:14px;line-height:175%}
.foot-nav>ul a{color:#CCC;padding:8px}
.foot-right{background:#000;color:#CCC;font-size:12px;padding:16px 16px 26px;text-align:center}
.foot-right a, .foot-right a:link{color:#CCC;font-size:12px;margin-left:10px}
.foot-bar.is-show{bottom:0px}
.foot-bar{border-top:solid 1px #EEE;background:#FFF;bottom:-55px;height:55px;left:0px;margin:0px auto;max-width:750px;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0px;transition:bottom .2s}
.foot-bar>ul,.foot-bar>ul>li{display:flex}
.foot-bar>ul>li{align-items:center;-ms-flex:1;flex:1;height:55px;justify-content:center;text-transform:capitalize;font-size:12px;line-height:170%}
.foot-bar>ul>li a{font-size:12px;color:#555}
.foot-bar .icon{background:url(../images/css_sprites.png);display:block;height:25px;margin:0px auto;width:25px}
.foot-bar .icon-home{background-position:0px 0px}
.foot-bar .icon-phone{background-position:-50px 0px}
.foot-bar .icon-mail{background-position:-100px 0px}
.foot-bar .icon-inquiry{background-position:-150px 0px}
.foot-bar .icon-whatsapp{background-position:-200px 0px}
.foot-bar .icon-skype{background-position:-250px 0px}
#btnSendFeedback{background-image:linear-gradient(to bottom right, #579338, #4a9b21);clear:both;float:none;width:100%}
.area2{border:1px solid #D9D9D9;border-radius:3px;margin:12px 0px;padding:8px}
.area2 input,.area2 textarea{border:0px;color:#000;font-size:14px;outline:0;width:96%}
.area2 textarea{resize:vertical}
.button2{background:#fdb812;border:0px;border-radius:3px;color:#FFF;display:block;font-size:16px;line-height:36px;width:100%}
.area2 textarea{height:24vw}
.feedback-sec p{font-size:16px;line-height:1.3em}
img.lazy{opacity:0}
img:not(.initial){transition:opacity .4s,transform .4s ease}
img.error,img.initial,img.loaded{opacity:1}
img:not([src]){visibility:hidden}
img.error+.pro-load,img.loaded+.pro-load{display:none}
img.loading+.pro-load{display:block}
.pro-load{animation:rotation 1s linear infinite;border:3px solid;border-color:#888 #888 #FFF;border-radius:50%;display:none;display:inline-block;height:20px;position:absolute;width:20px}
@keyframes rotation{0%{transform:rotate(0deg)}
to{transform:rotate(1turn)}
}
.table-responsive table td {border:1px solid #727272;padding:0px 3px}
.product-detail iframe,.product-detail img,.product-detail video{max-width:100% !important;height:auto !important}
.table-responsive .datalist td{border:1px solid #727272}
.singglepic img{max-height:100%}
.swiper .swiper-slide>img{width:auto;height:auto;max-height:100%;max-width:100%}
.foot-share>ul a{display:inline-block;border-radius:50%;background:#333}
.foot-share>ul img{display:block;width:20px;height:20px;padding:5px;position:relative;filter:grayscale(10%) brightness(200%)}
.foot-share>ul a.facebook{background:#1877f2}
.foot-share>ul a.twitter{background:#55ACEE}
.foot-share>ul a.google-plus{background:#DD5044}
.foot-share>ul a.linkedin{background:#0a66c2}
.foot-share>ul a.pinterest{background:#b7081b}
.foot-share>ul a.youtube{background:red}
.foot-share>ul a.msn{background:#0158a2}
.foot-share>ul a.skype{background:#01a9eb}
.main-newslist .news-date{padding-right:0}
.news-list .news-date{align-items:center;border-right:1px solid #EEE;display:flex;-ms-flex:0px 0px 60px;flex:0px 0px 60px;-ms-flex-direction:column;flex-direction:column;height:60px;justify-content:center;margin-right:16px;width:60px}
.news-list .news-date .day{color:#000;font-size:30px;line-height:1.1em}
.news-list .news-date>p{text-align:center;font-size:12px;color:#000}
.news-list .news-info{-ms-flex:1;flex:1}
.news-list .news-con,.news-list .news-tit{line-height:18px;overflow:hidden;table-layout:fixed;word-break:normal}
.news-list .news-tit{color:#000;font-size:16px;font-weight:700;height:18px}
.news-list .news-con{font-size:15px;height:36px;margin-top:.1rem;color:#555}
.l-main-news .news .news-list a{display:flex;padding:10px 0px}
.news-list li:nth-child(2n+0){background-color:#f9f9f9}
.l-main-news .news li{border-bottom:0px}
.l-main-products .inquiry-btn button{padding-left:22px;background:#4a9b21 url(../images/inquiry.png) no-repeat;box-sizing:border-box;background-position:22px 14px}
.l-main-products .pdown1 a span,.l-main-products .pdown2 a span,.l-main-products .pdown3 a span{padding-left:22px;background:#4a9b21 url(../images/download.png) no-repeat;box-sizing:border-box;background-position:38px 16px}
.product-detail iframe, .product-detail video{min-height:203px}
.l-main-single .about-content img,article img{height:auto!important}
.btn-top{position:fixed;width:30px;height:30px;bottom:21vh;right:30px;background:url(../images/top.png) #999 no-repeat;border-radius:10%;overflow:hidden;background-position:center;display:none}
.l-main-products .product-intro{word-break:break-word}
#xyz{marginp:0px;padding:0px}
#xyz ul{display:flex;flex-wrap:wrap;width:100%;padding:0px 12px;box-sizing:border-box}
#xyz ul>li{padding:10px 0px;width:33.333%}
#xyz ul>li img{margin-right:4px;vertical-align:middle}
#xyz ul>li a{overflow:hidden;padding:0px;font-size:16px;text-overflow:ellipsis;white-space:nowrap;color:#000}
.btn-top{cursor:pointer}
.l-main-single .about-content iframe{max-width:100%;height:auto}
#nav .submenu>.side-nav{border-bottom:1px solid #F1F1F1}
#nav .submenu>.side-nav:last-child{border:0}
.head-nav.is-active{max-height:100vh;position:fixed;top:50px;bottom:0px;padding-bottom:env(safe-area-inset-bottom)}
#nav>li ul{display:none}
.l-main-products .product-list .tit>h2{color:#579338;font-size:18px;font-weight:700;text-transform:capitalize}
.prosubmenu ul{margin-top:10px;display:flex;flex-wrap:wrap}
.prosubmenu ul a{font-size:14px;color:#000;display:block;width:100%;height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prosubmenu ul>li{width:50%;padding:0px 10px;line-height:1.8em;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prosubmenu ul>li{border-bottom:1px solid #EEE}
.prosubmenu ul{margin-top:0px;position:relative}
.prosubmenu ul:after{background:#EEE;content:" ";height:100%;left:50%;position:absolute;top:0px;width:1px}
.prosubmenu{padding:0px 12px}
.prosubmenu ul>li{line-height:2.3em}
.product-list .main-prolist{padding:0px 12px}
.head-search,.head-search>input{max-width:120px}
.head-nav.is-active{top:55px}
.table-responsive table td{border:0px;border-color:#CCC!important;border-left:1px solid #727272;border-top:1px solid #727272}
.table-responsive table{border-color:#CCC!important;border-right:1px solid #727272;border-bottom:1px solid #727272}
.rem-news{margin-top:15px}
.rem-news ul{margin-top:10px}
.rem-news li{margin-bottom:15px}
.rem-news li>a{display:flex}
.rem-news a>.news-img{background-color:#EEE;flex:0 0 24vw;width:24vw;height:18vw;margin-left:10px;max-height:140px;max-width:200px;border:1px solid #EEE;box-sizing:border-box;border-radius:5px;overflow:hidden}
.rem-news a>.news-con{padding:6px 0;display:flex;flex-direction:column;justify-content:space-between;flex:1;width:calc(100% - 24vw - 10px)}
.rem-news a>.news-img>img{width:100%;height:100%;object-fit:cover}
.rem-news a .news-title{font-size:14px;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}
.rem-news a .news-intro{font-size:12px;color:#999}
.table-responsive table{font-size:16px;line-height:1.7em}
.l-main-news .rem-news{background:#FFF;padding:15px}
.l-main-news .rem-news{margin-bottom:15px}
.foot-share>ul a.instagram{background:#D6249F;background:radial-gradient(circle at 30% 107%,#FDF497 0,#FDF497 5%,#fd5949 45%,#D6249F 60%,#285aeb 90%)}
.foot-share>ul a.tiktok{background:#000}
.prosubmenu{display:none}
.product-list .tit{position:relative}
.product-list .tit .arrow-wrap{position:absolute;top:14px;transition:transform 0.3s ease;right:10px;width:24px;height:24px;background:#e1e1e1;border-radius:50%}
.arrow-wrap.is-down{transform:rotate(180deg)}
.arrow-wrap .arrow{width:7px;height:7px;position:absolute;top:5.5px;left:7.5px;border-bottom:2px solid #333;border-right:2px solid #333;transform:rotate(45deg)}
.area2 input{height:22px}
.area2 .feed-verification{width:100%;display:flex}
.area2 .feed-verification .verification-box{display:flex}
.area2 .feed-verification input{flex:1}
.area2 .feed-verification img{width:80px}
h4.cate-h4, h4.pro-h4 {clear:both;font-weight:bold}
ul.cate-ulli, ul.pro-ulli {clear:both;padding:10px 0px 10px 20px}
ol.cate-ulli, ol.pro-ulli {clear:both;padding:10px 0px 10px 30px}
ul.cate-ulli li, ul.pro-ulli li {list-style-type:disc;line-height:1.7}
ol.cate-ulli li, ol.pro-ulli li {list-style-type:decimal;line-height:1.7}
.ck-widget-toc{display:table;border:1px solid #a2a9b1;background-color:#f8f9fa;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc ol li{display:block;position:relative;list-style:none}
.ck-widget-toc ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
.ck-widget-toc-title{text-align:left;font-weight:700;margin:0px 0px 5px 0px;padding:0px 0px 0px 5px}
.ck-widget-pt{padding-top:100px;margin-top:-100px}
.ck-widget-toc1{display:table;border:1px solid #a2a9b1;background-color:#f8f9fa;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc1 ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc1 ol li{display:block;position:relative;list-style:none}
.ck-widget-toc1 ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
.common-page{flex-wrap:wrap;justify-content:center;padding:20px 15px;box-sizing:border-box}
.common-page *{padding:5px;border:1px solid #CBCBCB;margin:0px 5px;min-width:30px;display:inline-flex;align-items:center;justify-content:center;margin-top:10px}
.common-page .ctxt{background:#f9f9f9}
video{max-width:100%}
.crumbs{padding:12px 15px;background:#fff;display:flex;border-radius:0 0 12px 12px;font-size:12px;text-transform:capitalize}
.crumbs a,.crumbs span{margin-right:4px}
.crumbs i.icon-youjiantou{margin-right:4px;font-size:12px}
.crumbs i.icon-home{font-size:12px;margin-right:2px}
.main-nav .icon-home::before{content:none}
.foot-bar .icon-home:before{content:none;}