@charset "utf-8";
@import url(https://css02.v15cdn.com/wap.m1/fonts/iconfont.css);
@import url(https://css01.v15cdn.com/language.css);
:root{--color:#013299;--hovercolor:#006836;--fontcolor:#000000;--fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700}
*,html,body,h1,h2,h3,h4,h5,h6,table,th,td,ul,li,dl,dt,dd,div,p{margin:0px;padding:0px}
html{margin:0px auto;max-width:750px;line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0px auto;padding:0px;font-size:16px;line-height:1.6;background:#F2F2F2;font-family:helvetica neue,tahoma,hiragino sans gb,stheiti,wenquanyi micro hei,sans-serif}
a{color:var(--fontcolor);text-decoration:none}
ul,ol,li,dl,dt,dd{list-style:none}
img{max-width:100%;height:auto;border:none;vertical-align:bottom}
iframe,video{max-width:100%;min-height:240px}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0px;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
summary{display:list-item}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0px;white-space:normal}
[hidden],template{display: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}
[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}
main,details{display:block}
.l-wrap{padding:0px 15px}
.l-main{margin-top:55px}
.main-tit{display:flex;justify-content:space-between}
.main-tit>h2{color:var(--color);font-size:20px;font-weight:var(--fontbold6)}
.main-tit>a{background-image:url(https://css02.v15cdn.com/wap.m1/darkgreen/css_sprites.webp);background-position:-247px -48px;height:30px;width:30px}
.main-banner{line-height:0}
.main-banner>img{display:block;height:auto;width:100%;min-height:150px;object-fit:cover}
.common-page{flex-wrap:wrap;justify-content:center;padding:15px;box-sizing:border-box}
.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 #EEEEEE;border-radius:5px;display:flex;height:48px;width:90px}
.common-page .page-next>span,.common-page .page-prev>span{background:url(https://css02.v15cdn.com/wap.m1/darkgreen/prev_mg.webp) no-repeat 50%}
.common-page .page-next>a,.common-page .page-prev>a{background:url(https://css02.v15cdn.com/wap.m1/darkgreen/prev_m.webp) no-repeat 50%;border-color:#313437}
.common-page .page-next>a,.common-page .page-next>span{transform:rotate(180deg)}
.common-page *{margin:5px;padding:4px;min-width:26px;border:1px solid #EEEEEE;display:inline-flex;align-items:center;justify-content:center}
.common-page .ctxt{color:#FFF;background:var(--color);border-color:var(--color)}
.page-link{line-height:1.2;padding:12px 0px 0px}
.page-link>div{margin-bottom:15px}
.page-link a,.page-link span{color:var(--fontcolor)}
.page-link span{font-size:16px;font-weight:var(--fontbold5,500)}
.page-link a{font-size:16px;text-decoration:underline}
.l-main-single{margin-bottom:12px}
.container{padding:0 12px;margin-top:10px}
.l-main-single .about-content{margin:12px auto;background:#FFFFFF;border-radius:12px}
.l-main-single .about-content img{max-width:100%}
.l-main-single .about-content p{word-wrap:break-word;color:var(--fontcolor);font-size:16px;line-height:1.6}
.l-main-products .product-list{margin:12px auto;background:#FFFFFF;border-radius:12px}
.l-main-products .product-list .tit,.l-main-news .news .tit,.about-content .tit{border-bottom:2px solid #E6E6E6;margin:0px 12px;padding:12px 0px}
.l-main-products .product-list .tit>h1,.l-main-news .news .tit>h1,.about-content .tit>h1{color:var(--color);font-size:20px;font-weight:var(--fontbold6);text-transform:capitalize}
.l-main-products .product-list1{margin:12px auto 0px;padding:0px 12px;background:#FFFFFF}
.l-main-products .product-list1 .tit{padding:12px 0px;border-bottom:2px solid #E6E6E6}
.l-main-products .product-list1 .tit>h1{color:var(--color);font-size:20px;font-weight:var(--fontbold6);text-transform:capitalize}
.l-main-news .news{margin:12px auto;background:#FFFFFF;border-radius:12px}
.l-main-news .news .news-wrap{clear:both;padding:0 12px}
.l-main-news .news .news-list a{display:flex;padding:10px;justify-content:space-between}
.l-main-news .news .news-list a .news-date{display:flex;flex-direction:column;border-right:1px solid #EEEEEE;margin-right:10px;padding-right:10px;align-items:center;justify-content:center}
.l-main-news .news .news-tit{word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.l-main-news .news-sec h1.news-tit{font-size:26px;line-height:1.3;color:var(--color)}
.l-main-news .news-sec .news-date{word-wrap:break-word;color:#666666;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;text-align:left}
.l-main-news .news-sec article .blogcontent{clear:both;margin:0px auto 40px;padding:0px}
.l-main-news .news-sec article .blogcontent h2{margin:20px 0px 0px 0px;font-size:24px;line-height:1.3}
.l-main-news .news-sec article .blogcontent h3{margin:20px 0px 0px 0px;font-size:22px;line-height:1.3}
.l-main-news .news-sec article .blogcontent h4{margin:20px 0px 0px 0px;font-size:20px;line-height:1.3}
.l-main-news .news-sec article .blogcontent h5{margin:20px 0px 0px 0px;font-size:18px;line-height:1.3}
.l-main-news .news-sec article .blogcontent img{margin:0px 0px 10px 0px;padding:0px;max-width:49%;margin-right:1%;border:solid 1px #EEEEEE;vertical-align:top}
.l-main-news .news-sec article .blogcontent p{margin:0px 0px 10px 0px;padding:0px;line-height:1.6}
.l-main-news .news-sec article .blogcontent p a{color:var(--color)}
.l-main-news .news-sec article .blogcontent p a:hover{text-decoration:underline}
.l-main-news .news-sec article .blogcontent ul{margin:0px;padding:5px 0px 0px 20px}
.l-main-news .news-sec article .blogcontent ul li{margin:0px 0px 5px 0px;list-style-type:disc}
.l-main-products .main-tit>h1{font-size:24px;line-height:1.4;color:var(--color)}
.l-main-products .recommend{margin-bottom:12px}
.l-main-products .recommend .pro-name{font-size:16px;text-align:center;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.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:var(--fontcolor);font-size:16px;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:var(--fontcolor);font-size:16px;line-height:1.6em}
.l-main-products .product-intro{color:#444444;font-size:16px;margin-bottom:5px;padding:10px 0px;word-break:break-word}
.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, var(--color), #008C49);border:none;border-radius:1.5px;color:#FFFFFF;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:#FFFFFF;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-intro1{margin:0px auto 12px auto;padding:5px 0px 20px;word-break:break-word}
.pro-intro,.proIntro{margin:0px auto 12px auto;padding:5px 12px 20px;word-break:break-word}
.pro-intro p a,.pro-intro p a:link,.pro-intro p a:visited{color:var(--fontcolor)}
.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:#FFFFFF;border-bottom:1px solid #EEEEEE;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}
.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 #EEEEEE;border-radius:999px;height:30px;margin-left:auto;outline:0;overflow:hidden;position:relative}
.head-search>button{background:url(https://css02.v15cdn.com/wap.m1/darkgreen/css_sprites.webp);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:var(--color);border-radius:2px;display:block;height:2px;position:absolute;top:5px;transition:top .4s,transform .4s;width:25px}
.head-btn>span:nth-of-type(2){top:14px}
.head-btn>span:nth-of-type(3){top:23px}
.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:var(--fontcolor);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;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:40px;line-height:40px;text-transform:capitalize}
#nav .submenu ul a{font-size:13px;padding-left:30px}
#nav .arrow{background:url(https://css02.v15cdn.com/wap.m1/darkgreen/arrow.webp);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:#FFFFFF;height:100vw;max-height:750px;max-width:750px;position:relative;width:100vw}
.pro-swiper .swiper-pagination-bullet-active{background:var(--color)}
.pro-swiper .swiper-page{background:rgba(0,0,0,.3);border-radius:12px;bottom:10px;color:#FFFFFF;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, var(--color), #008C49);display:flex}
.main-nav .nav-item{-ms-flex:1;flex:1;padding:7px 0px}
.main-nav .nav-item span{color:#FFFFFF;display:block;font-size:12px;font-weight:var(--fontbold6);line-height:1.3em;margin-top:4px;text-align:center;max-height:1.3em;overflow:hidden}
.main-nav .icon{background:url(https://css02.v15cdn.com/wap.m1/darkgreen/css_sprites.webp);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:var(--hovercolor)}
.main-nav .nav-item.active span{color:#FFFFFF}
.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{margin:12px auto;padding:12px;background:#FFFFFF;border-radius:12px}
.main-prolist{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}
.main-prolist>li{border-bottom:1px solid #EEEEEE;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:var(--fontcolor);font-size:16px;text-align:center;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.main-prolist:after{background:#EEEEEE;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:var(--fontcolor);font-size:16px;line-height:1.6;text-align:left}
.about .about-btn{background-image:linear-gradient(to bottom right, var(--color), #008C49);border-radius:.03rem;color:#FFFFFF;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 #EEEEEE;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;width:calc(100% - 44vw)}
.hot-prolist .pro-info>p{color:#555555;font-size:14px;word-break:break-word}
.hot-prolist .pro-name{color:var(--fontcolor);font-size:18px;font-weight:var(--fontbold6)}
.hot-prolist .pro-btn{background-image:linear-gradient(to bottom right, var(--color), #008C49);color:#FFFFFF;display:block;font-size:14px;height:30px;line-height:30px;margin-top:3vw;text-align:center;width:75px;border-radius:4px}
.main-newslist li:nth-child(2n+0) {background-color:#F9F9F9}
.main-newslist .news-item{display:flex;padding:10px}
.main-newslist .news-date{display:flex;flex-direction:column;border-right:1px solid #EEEEEE;margin-right:10px;padding-right:10px;align-items:center;justify-content:center}
.main-newslist .news-date>p{text-align:center;font-size:12px}
.main-newslist .news-date .day{color:var(--fontcolor);font-size:30px;line-height:1.1em}
.main-newslist .news-info{-ms-flex:1;flex:1}
.main-newslist .news-tit{font-size:16px;line-height:1.5;color:var(--fontcolor);font-weight:var(--fontbold6)}
.main-newslist .news-con,.main-newslist .news-tit{word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.main-newslist .news-con{font-size:14px;line-height:1.5;color:#555555}
.news{margin-bottom:12px}
.l-foot{padding-bottom:calc(25px + env(safe-area-inset-bottom))}
.foot{clear:both;padding:12px;background:#111111;border-radius:12px 12px 0px 0px}
.foot .contact-list>li{display:flex;padding:5px 0px}
.foot .contact-list i{background-image:url(https://css02.v15cdn.com/wap.m1/darkgreen/css_sprites.webp);-ms-flex:0px 0px 20px;flex:0px 0px 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:#CCCCCC;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:#000000;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:#CCCCCC;padding:8px}
.foot-right{background:#000000;color:#CCCCCC;font-size:12px;padding:12px 12px 36px;text-align:center}
.foot-right a, .foot-right a:link{color:#CCCCCC;font-size:12px;margin-left:10px}
.foot-bar.is-show{bottom:0px}
.foot-bar{border-top:solid 1px #EEEEEE;background:#FFFFFF;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;z-index:9}
.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:#555555;text-align:center}
.foot-bar .icon{background:url(https://css02.v15cdn.com/wap.m1/darkgreen/css_sprites.webp);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-email1,.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}
.area2{border:1px solid #D9D9D9;border-radius:3px;margin:12px 0px;padding:8px}
.area2 input,.area2 textarea{border:0px;color:var(--fontcolor);font-size:14px;outline:0;width:96%}
.area2 textarea{resize:vertical}
.button2{background:#fdb812;border:0px;border-radius:3px;color:#FFFFFF;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:2px solid;border-color:#888888 #888888 #FFFFFF;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:#333333}
.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:#333333}
.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:#FF0000}
.foot-share>ul a.msn{background:#0158a2}
.foot-share>ul a.skype{background:#01a9eb}
.news-list .news-date .day{font-size:30px}
.news-list .news-date>p{text-align:center;font-size:12px;color:var(--fontcolor)}
.news-list .news-info{-ms-flex:1;flex:1}
.news-list .news-tit{font-size:16px;line-height:1.5;color:var(--fontcolor);font-weight:var(--fontbold6)}
.news-list .news-con{font-size:14px;line-height:1.5;color:#555555}
.news-list li:nth-child(2n+0){background-color:#f9f9f9}
.l-main-products .inquiry-btn button{padding-left:22px;background:#008C49 url(https://css02.v15cdn.com/wap.m1/darkgreen/inquiry.webp) 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:#008C49 url(https://css02.v15cdn.com/wap.m1/darkgreen/download.webp) 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{width:30px;height:30px;bottom:21vh;right:30px;background:url(https://css02.v15cdn.com/wap.m1/darkgreen/top.webp) #999999 no-repeat;border-radius:10%;overflow:hidden;background-position:center;display:block !important;opacity:1 !important}
#xyz{margin:30px auto 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:var(--fontcolor)}
.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:var(--color);font-size:20px;font-weight:var(--fontbold6);text-transform:capitalize}
.prosubmenu ul{margin-top:10px;display:flex;flex-wrap:wrap}
.prosubmenu ul a{font-size:16px;color:var(--fontcolor);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 #EEEEEE}
.prosubmenu ul{margin-top:0px;position:relative}
.prosubmenu ul:after{background:#EEEEEE;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:#CCCCCC!important;border-left:1px solid #727272;border-top:1px solid #727272}
.table-responsive table{border-color:#CCCCCC!important;border-right:1px solid #727272;border-bottom:1px solid #727272}
.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:#EEEEEE;flex:0 0 24vw;width:24vw;height:18vw;margin-left:10px;max-height:140px;max-width:200px;border:1px solid #EEEEEE;box-sizing:border-box;border-radius:5px;overflow:hidden}
.rem-news a>.news-con{padding:6px 0px;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:16px;line-height:1.4;text-transform:capitalize}
.rem-news a .news-intro{font-size:12px;color:#666666}
.table-responsive table{font-size:16px;line-height:1.7em}
.l-main-news .rem-news{margin:12px auto;padding:12px;background:#FFFFFF;border-radius:12px}
.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:#000000}
.prosubmenu{display:none}
section .tit{position:relative}
.tit .arrow-wrap{position:absolute;top:16px;right:5px;width:26px;height:26px;background:#EEEEEE;transition:transform 0.3s ease;border-radius:50%}
.arrow-wrap.is-down{transform:rotate(180deg)}
.arrow-wrap .arrow{width:7px;height:7px;position:absolute;top:7px;left:8px;border-bottom:2px solid var(--color);border-right:2px solid var(--color);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}
table{border-collapse:collapse;width:100%}
table td,table th{border:1px solid #EEEEEE;padding:4px 10px}
h4.cate-h4, h4.pro-h4{clear:both;font-weight:var(--fontbold5,500)}
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}
.prohome-content {clear:both;margin:30px auto;padding:10px;line-height:1.6;box-sizing:border-box}
.prolist-content {clear:both;margin:0px auto 15px;padding:10px;line-height:1.6;box-sizing:border-box}
.prolist-bottom{clear:both;margin:0px auto 10px;padding:10px;line-height:1.6;box-sizing:border-box}
.prolist-bottom a{text-decoration:underline}
.prolist-bottom a:hover{color:var(--color)}
.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:var(--fontbold6);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}
.crumbs{padding:12px 15px;background:#FFFFFF;display:flex;border-radius:0px 0px 12px 12px;font-size:12px;text-transform:capitalize}
.crumbs h1{font-size:12px}
.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}
.mediaplay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:99;width:50px!important;height:50px!important;cursor:pointer;display:none}
#media{width:100%;height:100%;background:#EEEEEE;object-fit:contain;z-index:99;position:relative}
.prosubmenu ul>li.LocalCurrent a{color:var(--color)}
.lang-icon{display:none;}
.lang-wrap{width:100% !important;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:10px 0px;max-height:inherit !important;overflow-y:inherit !important;}
.lang-wrap li{width:33%;padding:4px 0;}