@charset "utf-8";

body {position:relative; max-width:640px; margin:0 auto; min-height:100%; background-color:#fff;}
html {background-color:#eee;}
.owidth {width:95%; margin:0 2.5%;}
.btm-nav {position:fixed; bottom:0; width:100%; max-width:640px; height:4.2em; background-color:#eee; text-align:center;}
.btm-nav-spstkr {height:4.2em; margin-bottom:0; width:100%; border:0 none; margin-top:1em; visibility:hidden;}
.btm-nav-it {float:left; width:25%;}
.btm-nav-it:before {content:''; display:block; margin:15px auto 4px auto; width:30px; height:29px; background-image:url('../img/ico1.png'); zoom:.7;}
.btm-nav-it:nth-child(1):before {background-position:0 0;}
.btm-nav-it:nth-child(1):hover:before{background-position:0 -40px;}
.btm-nav-it:nth-child(2):before {background-position:-40px 0;}
.btm-nav-it:nth-child(2):hover:before{background-position:-40px -40px;}
.btm-nav-it:nth-child(3):before {background-position:-86px 0;}
.btm-nav-it:nth-child(3):hover:before{background-position:-86px -40px;}
.btm-nav-it:nth-child(4):before {background-position:-125px 0;}
.lgo {display:block; max-width:90%; text-align:center; margin:.8em auto; background-color:#fff;}
.lgo img {max-width:100%;}

.top {position:relative; z-index:2; height:50px; background-color:#3e4143;}
.swiper-button-next, .swiper-button-prev {display:none !important;}
.srch {float:right;}
.srch-ico:before {display:inline-block; content:''; margin:16px auto; position:relative; width:15px; height:18px; background:url('../img/ico1.png') -21px -84px;}
.srch-ico {float:right; width:40px; height:30px; text-align:center;}
.srch-ico.cloz:before {content:'×'; font-size:27px; background:none; margin-top:6px; color:#fff;}

.srch form {display:none; position:absolute; padding:12px 16px; width:100%; right:0; top:50px; box-sizing:border-box; overflow:hidden; white-space:nowrap;
   background-color:#eee; transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -webkit-transition:all .3s ease 0s;}
.srch button, .srch input {display:inline-block; height:30px; margin-left:-2px; margin-right:-2px;}
.srch button {color:#fff; border:0 none; width:50px; background-color:#7cb63d;}
.srch input {width:85%; border:0 none;}
.srch:hover .srch-ico {background-position:-21px 0;}

.nav-mnu {float:left; padding:0 10px;}
.nav-mnu-ico:before {display:inline-block; content:''; margin:18px auto; position:relative; width:30px; height:22px; background:url('../img/ico1.png') -170px -43px;}
.nav-mnu-ico {float:right; width:30px; height:22px; zoom:.9; text-align:center;}
.nav-mnu-ico.cloz:before {content:'×'; font-size:30px; background:none; margin-top:9px; color:#fff;}
.nav-mnu-lst {display:none; position:absolute; width:100%; top:35px; left:0; margin-left:0; padding:0; background-color:#eee;}
.nav-mnu-lst li {width:100%; padding:0 20px; box-sizing:border-box; line-height:35px; background-color:#aaa; color:#fff; border-bottom:1px #fff solid;}
.nav-mnu-lst .nav-mnu-sub-it {padding-left:40px; background-color:#fff;}
li.nav-mnu-sub-it {border-bottom:1px #ccc solid;}
.nav-mnu-lst li:before {content:'>'; float:right; font-family: 'Simsun';}
li.nav-mnu-sub-it:before {color:#333;}
.nav-mnu-lst a {display:block;}

.icos1-lst1 {margin:20px auto;}
.icos1-it {float:left; width:49%; padding:10px 0;}
.icos1-it:before {content:''; display:block; margin:0 auto; width:62px; height:62px; border-radius: 62px;
    background-color:#f4f4f4; background-image:url('../img/ico.png');}
.icos1-it1:before {background-position:-2px -20px;}
.icos1-it2:before {background-position:-64px -23px;}
.icos1-it3:before {background-position:-126px -21px;}
.icos1-it4:before {background-position:-186px -23px;}
.icos1-it:nth-child(2n) {right:0;}
.icos1-tit {margin-top:8px; text-align:center;}
.icos1-desc {padding:6px; text-align:center; font-size:11px; color:#adadad;}

.tit1 {text-align:center; font-weight:normal; zoom:.85;}
.tit1 span:first-child {display:block; color:#adadad; font-size:11px; text-transform: uppercase;}
.tit1 span:last-child {display:block; font-size:18px;}
.tit1 i {display:block; margin:10px 0;}
.tit1 i:before{content:''; display:inline-block; width:19px; height:19px; background:url('../img/ico.png') -44px 0;}
.tit1 a {float:right; width:72px; height:24px; margin-top:-30px; font-size:13px; text-align:center; line-height:24px; color:#fff; background-color:#7cb63d;}
.tit1 a:hover { color:#7cb63d; background-color:#fff;}
.tit1-mrgn {margin-top:20px; margin-bottom:20px;}

.prod-ctes1-tit {float:left; padding-top:7px; background-color:#fff; color:#7cb63d; text-align:center; text-transform: uppercase;}
.prod-ctes1-tit i:first-child {font-size:18px;}
.prod-ctes1-tit i:last-child {font-size:11px;}
.prod-ctes1 span, .prod-ctes1 a {float:left; width:49%; margin-bottom:2px; line-height:51px; cursor: pointer; text-align:center; color:#fff;
  background-color:#6b6f70; border-left:2px #fff solid;}
.prod-ctes1 .mytabs_tab_on {position:relative; background-color:#7cb63d;}
.prod-ctes1 .mytabs_tab_on:after {content:''; display:block; position:absolute; left:50%; margin-left:-8px; width:0; height:0; border-top:8px #7cb63d solid;
    border-left:8px transparent solid; border-right:8px transparent solid; margin-bottom:-7px;}
.prod-it1 { float:left; width:49%; margin-right:2%; padding:10px; margin-bottom:7px; box-sizing:border-box;
    border:1px #e5e5e5 solid; transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -webkit-transition:all .3s ease 0s;}
.prod-it1:nth-child(2n) {margin-right:0;}
.prod-it1 img {width:100%;}
.prod-lst1 {margin-top:10px; margin-bottom:-10px; min-height:240px;}
.prod-it1-iso {display:block; width:63px; height:23px; margin:12px 0; background:url('../img/ico.png') 0 -99px;}
.prod-it1-tit {font-size:15px; line-height:42px; font-weight:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.prod-it1-desc {height:2.5em; color:#adadad; font-size:13px; overflow:hidden;}
.prod-it1-btn {display:block; margin:0 auto 8px auto; width:129px; height:35px; border:1px #ededed solid; border-radius:35px; zoom:.8;
    background:url('../img/arr.png') repeat-x 0 47%; transition:all .2s ease 0s; -moz-transition:all .2s ease 0s; -webkit-transition:all .2s ease 0s;}
.prod-it1:hover .prod-it1-btn {background-position:-97% 47%; background-color:#f2f2f2; border-color:#f2f2f2;}
.prod-it1:hover {box-shadow:0 0 14px #ddd; }
.prod-pnl1 {display:none; background-color:#fff;}
.prod-pnl1.mytabs_pnl_on {display:block;}

.com-fto {width:100%;}
.com-tit {display:none;}
.com-desc {margin-top:20px; font-size:14px;}
.com-mor {float:right; height:30px; width:91px; margin-top:1em; text-align:center; line-height:30px; background-color:#7cb63d; font-size:13px; color:#fff; border-radius:30px;}
.com-mor:hover {color:#7cb63d; background-color:#fff;}

.com-hor {position:absolute; bottom:0; width:100%; text-align:center;}
.com-hor-tab {display:inline-block; padding:0 40px; margin:0 3px; line-height:43px; cursor:pointer; background-color:#7cb63d; color:#fff; border-radius:5px 5px 0 0;}
.com-hor-tab.mytabs_tab_on {color:#333; background-color:#fff;}
.com-hor1-pnls .com-hor-it {float:left; box-sizing:border-box;
    border:1px #e5e5e5 solid; transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -webkit-transition:all .3s ease 0s; }
.com-hor1-pnls1 .com-hor-it {width:285px; padding:16px; margin-right:20px; }
.com-hor1-pnls1 .com-hor-it:nth-child(4n)  {margin-right:0;}
.com-hor1-pnls2 .com-hor-it { width:14%; padding:7px; margin-right:3.2%;}
.com-hor1-pnls2 .com-hor-it:nth-child(6n)  {margin-right:0;}
.com-hor-it img {display:block; width:100%;}
.com-hor1-mor { float:right; width:50px; height:50px; margin-right:-50px; margin-top:85px; text-align:center; line-height:50px; font-size:30px;
     color:#fff; background-color:#7cb63d; font-family: 'Simsun';}
.com-hor1-mor:hover {color:#7cb63d; background-color:#fff;}
.com-hor1-pnls {margin-top:30px;}
.com-hor1-pnls div {position:relative; z-index:0; height:0; overflow:hidden; opacity:0; background-color:#fff;
     transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -webkit-transition:all .3s ease 0s;}
.com-hor1-pnls div.mytabs_pnl_on{ display:block; height:auto; overflow:visible; opacity:1; z-index:1;}

.com-hor {text-align:center;}
.com-hor-it .com-hor-tab {display:inline-block; padding:0 40px; margin:0 3px; line-height:43px; cursor:pointer;
   background-color:#7cb63d; color:#fff; border-radius:5px 5px 0 0;}
.com-hor-it .com-hor-tab.mytabs_tab_on {color:#333; background-color:#fff;}

.idx-dcr1 {display:block; max-width:80%; margin:20px auto;}
.tit {text-align:center; font-weight: 600; color:#353535;}
.idx-qtty-pnl {margin:10px 0; font-size:13px;}
.idx-qtty-pnl img {width:100%; margin:10px 0;}
.idx-qtty-pnl:before {float:left; margin-right:8px; width:30px; height:30px; color:#fff; background-color:#7cb63d;
   border-radius:30px; text-align:center; font-size:20px; line-height:28px;}
.idx-qtty-pnl:nth-child(1):before {content:'1';}
.idx-qtty-pnl:nth-child(2):before {content:'2';}
.idx-qtty-pnl:nth-child(3):before {content:'3';}
.idx-qtty-pnl:nth-child(4):before {content:'4';}
.idx-qtty-pnl:nth-child(5):before {content:'5';}
.idx-qtty-pnl:nth-child(6):before {content:'6';}
.idx-qtty-pnl:nth-child(7):before {content:'7';}
.idx-qtty-pnl:nth-child(8):before {content:'8';}

.cse-it {float:left; box-sizing:border-box;width:49%; margin-right:2%; margin-bottom:20px; background-color:#f3f3f3;}
.cse-it:nth-child(2n) {margin-right:0;}
.cse-it-thm img {width:100%;}
.cse-it h3 {margin:10px; margin-right:32px; font-size:15px; font-weight:normal; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}
.cse-it p {margin:10px; margin-right:32px; margin-top:25px; height:50px; overflow:hidden; font-size:13px; color:#a6a6a6;}
.cse-it1-btn {display:block; margin:20px auto; width:129px; height:35px; zoom:.8;border:1px #ededed solid; border-radius:35px;
    background:#fff url('../img/arr.png') repeat-x 0 47%; transition:all .2s ease 0s; -moz-transition:all .2s ease 0s; -webkit-transition:all .2s ease 0s;}
.cse-it:hover .cse-it1-btn {background-position:-97% 47%; background-color:#f2f2f2; border-color:#f2f2f2;}
.cse-it:hover {background-color:#fff;}
.cse-it1-btn {display:block; margin:20px auto; width:129px; height:35px; border:1px #ededed solid; border-radius:35px;
  background:#fff url('../img/arr.png') repeat-x 0 47%; transition:all .2s ease 0s; -moz-transition:all .2s ease 0s; -webkit-transition:all .2s ease 0s;}
.cse-it:hover .cse-it1-btn {background-position:-97% 47%; background-color:#f2f2f2; border-color:#f2f2f2;}
.cse-it:hover {background-color:#fff;}

.idx-dcr2 {width:100%; margin:.5em 0;}

.news-it {padding:10px; box-sizing: border-box; width:100%; color:#4e4e4e;}
.news-lst .news-it:nth-child(2n) {margin-right:0;}
.news-it-dte {float:left; padding:14px 23px; background-color:#7cb63d; color:#fff; text-align:center;
    transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -webkit-transition:all .3s ease 0s; zoom:.7;}
.news-it-dte i:first-child {display:block; width:40px; margin:0 auto 5px auto; padding-bottom:5px; border-bottom:2px #fff solid;}
.news-it-dte i:last-child {display:block; font-size:18px;}
.news-lst {height:0; opacity:0; overflow:hidden; transition:all .2s ease 0s; -moz-transition:all .2s ease 0s; -webkit-transition:all .2s ease 0s;}
.news-it h3 { margin-left:80px; font-size:15px; font-weight:normal;
     text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
     transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -webkit-transition:all .3s ease 0s;}
.news-it:hover {box-shadow: 10px 10px 10px #eee;}
.news-it p {margin-left:80px; margin-top:4px; overflow:hidden; height:33px;font-size:12px;}
.news-it:hover h3 {color:#7cb63d;}
.news-it:hover .news-it-dte {background-color:#fff; color:#7cb63d;}
.news-it:hover .news-it-dte i:first-child {border-color:#7cb63d;}
.news-lst.mytabs_pnl_on {height:auto; opacity:1; overflow:visible;}

.frnd-lnk {background-color:#f1f1f1; border-bottom:1px #ddd solid; margin-top:10px; padding:15px 0; font-size:13px; line-height:20px;}
.frnd-lnk a{margin:5px;}
.frnd-lnk a:hover {color:#7cb63d;}

.lft-mnu-ctct-nbr {display:block; width:220px; margin-left:auto; margin-right:auto; margin-top:20px; font-size:20px;
  line-height:40px; color:#fff; border-radius:40px; background-color:#7cb63d; box-shadow: 2px 3px 0 rgba(0,0,0,.22);}
.lft-mnu-ctct-nbr:before {content:''; float:left; margin-left:10px; margin-top:7px; margin-right:10px; width:27px; height:26px; background:url('../img/ico.png') -152px -94px;}
.lft-mnu-ctct-nbr:hover {background-color:#fff; color:#7cb63d;}
.lft-mnu-ctct-nbr:hover:before {background-position:-187px -94px;}
.lft-mnu-ctct-txt {display:block; margin-top:8px; margin-bottom:20px; color:#373737; text-align:center; }

.btm1 h3 {font-size:15px; margin-bottom:1em;}
.btm1 p {font-size:13px; line-height:1.5em;}
.btm1 {padding:1em 2.5%; background-color:#f1f1f1;}
.btm2 {padding:10px; text-align:center; font-size:12px;}
.btm1-info { text-align:center; margin-top:10px;}
.btm1-ewm {display:inline-block; margin:8px; font-size:14px; }
.btm1-ewm img {display:block; width:130px; margin:0 auto 5px auto; border:1px #ddd solid; border-radius:5px;}

.inr-bnr {height:120px; background:url('../../img/inr-bnr.jpg') 50% 50%; background-size:auto 100%;}
.sitemap {padding:10px 0; margin-bottom:30px; text-align:center; border-bottom:1px #e1e1e1 solid;}
.sitemap:before {content:''; display:inline-block; margin-right:8px; vertical-align:top; width:20px; height:18px; background:url('../img/ico.png') -78px -135px;}
.sitemap a:hover { color:#7cb63d; }
.sitemap-tit {float:left; padding:5px 0; margin-top:-4px; font-size:18px; color:#7cb63d; border-bottom:4px #7cb63d solid;}
.sitemap-tit-en {float:left; margin-left:10px; margin-top:4px; color:#adadad; text-transform: uppercase;}

.prod-dtl-thm .swiper-wrapper {height:auto;}
.prod-dtl-thm.swiper-container { width: 100%; }
.prod-dtl-thm .swiper-slide { display:block; text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */
display:-webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
 -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;
  -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.prod-dtl-thm .swiper-slide img {width:100%;}
.prod-dtl-thm:root {--swiper-theme-color:#7cb63d !important; }
.prod-dtl-thm .swiper-button-next:after {color:#fff; background-color:rgba(0,0,0,.2); text-align:center; padding:23px 15px; margin-left:-2em; }
.prod-dtl-thm .swiper-button-prev:after {color:#fff; background-color:rgba(0,0,0,.2); text-align:center; padding:23px 15px; margin-right:-2em; }
.prod-dtl-thm .swiper-pagination {margin-bottom:.5em;}
.prod-dtl-thm .swiper-pagination-bullet {width:15px; height:15px; margin:6px !important; background-color:#7cb63d;}
.prod-dtl-thm .swiper-button-next,
.prod-dtl-thm .swiper-button-prev {opacity:0; transition:all .3s ease 0s; -webkit-transition:all .3s ease 0s; zoom:.6;}
.prod-dtl-thm:hover .swiper-button-next,
.prod-dtl-thm:hover .swiper-button-prev {opacity:1;}

.prod-dtl {width:100%; box-sizing:border-box; padding:0 2.5%; margin:0 auto;}
.prod-dtl-nm { padding-bottom:20px; margin-top:15px; text-align:center; font-size:20px; border-bottom:2px #bbb dotted;}
.prod-dtl-desc {margin-bottom:20px;}
.lft-mnu-ctct2 span {display:block; text-align:center; margin-right:10px; margin-top:6px; color:#7cb63d;}
.prod-dtl .lft-mnu-ctct-nbr {margin-top:2px;}
.prod-dtl .lft-mnu-ctct-nbr {background-color:#7cb63d;}
.prod-dtl .lft-mnu-ctct-nbr:hover {background-color:#fff;}

.prod-tit {color:#7cb63d; font-size:1.3em; margin:1em 0; font-weight:600; text-align:center;}
.prod-desc {text-align: justify; }
.prod_tbl {border-top:1px #aaa dotted; padding-top:1.5em; margin-top:1.5em;}
.prod_tbl table {margin:0 auto; font-size:15px; border-collapse:collapse; border-top:3px #000000 solid; border-bottom:3px #000000 solid;}
.prod_tbl tbody {display:block;width:100%;}
.prod_tbl td {padding:.5em; border-bottom:1px #ccc solid;}
.prod-dcr0 {display:block; margin:1em auto;}
.prod-qual {padding:1.3em 1.3em 1.3em 0 ; margin-top:20px; background-color:#f0f0f0; border-bottom:6px #7cb63d solid;}
.prod-qual ul { line-height:1.8em; margin:0;}
.prod-qual li {list-style: disc; margin:0;}
.prod-anno {font-size:1.4em; text-align:center;}
.prod-anno span {color:#7cb63d;}
.prod-annoen { text-align:center; margin:.2em 0; text-transform: uppercase; color:#adadad;}
.prod-param-0 {background:url('../../img/bck0.png') no-repeat 0 80%;}
.prod-param-0 table {width:100%; margin:1em auto; border-collapse:collapse; line-height:2em;}
.prod-param-0 td {font-size:15px; border-bottom:1px #d5d5d5 solid;}
.prod-param-0 td:nth-child(2n) {border:none; width:20px;}
.prod-param-1 table {width:100%; margin:2em auto; font-size:13px; border-collapse:collapse; line-height:2em; border:1px #d5d5d5 solid; border-radius: 5px 5px 0 0;}
.prod-param-1-th {font-size:1.4em; text-align: center; line-height:2.2em;}
.prod-param-1-th1 {background-color:#808080;}
.prod-param-1-th2 {color:#fff; background-color:#808080; }
.prod-param-1-th2 td {padding:.4em 1em;}
.prod-param-1-th2 td:nth-child(2) {text-align:right; text-transform: uppercase;}
.prod-param-1-tbd td {width:25%; text-align:center; border:1px #d5d5d5 solid;}
.prod-param-1-tbd td:nth-child(2n){background-color:#ebebeb;}
.prod-cse {width:95%; margin:1em auto;}
.prod-cse-txt0 {color:#4e4e4e; margin-top:2em;}
.prod-cse-txt1 {font-size:2em; font-weight: 600;}
.prod-cse-dcr0 {margin:.5em;}
.prod-cse-foto {width:100%; margin-top:1em;}
.prod-douyin {text-align:center; margin-top:2.5em; margin-bottom:3em;}
.prod-douyin img {max-width:90%;}
.prod-douyin span {display:block; margin-top:.3em; }

.prod-dcr0 {zoom:.7;}

.cse-lst {margin-top:10px;}
.cse-lst2 .cse-it-thm {float:left; width:130px; }
.cse-lst2 .cse-it-thm img {width:100%;}
.cse-lst2 .cse-it {width:100%; margin-right:0;}
.cse-lst2 .cse-it p {margin-left:160px; }
.cse-lst2 .cse-it1-btn {float:right; margin:0 40px 0 0;}
.cse-lst2 .cse-it h3 {margin-left:140px; margin-right:22px; overflow:hidden; white-space: normal; height:38px;}
.cse-lst2 .cse-it {margin-bottom:12px;}

.cse-tit {font-weight:normal; font-size:17px; text-align:center; margin-top:1.5em;}
.cse-dte {font-size:13px; color:#4e4e4e; text-align:center; padding:10px 0;}
.cse-dtl .content {padding:20px 0;}
.cse-dtl .content img {display:block; margin:15px auto; padding:8px; border:1px #ddd solid;}
.cse-dtl .content img, .prod-dtl img {display:block; max-width:100%; height:auto !important; box-sizing:border-box;}

.prvnxt em, .prvnxt span>span {display:none;}
.prvnxt a {display:block; box-sizing:border-box; padding:0 6px; border-left:1px #fff solid; line-height:40px;
   background-color:#eee; color:#333; border-bottom:1px #fff solid; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}
.prvnxt a:hover {background:#fff; color:#7cb63d;}
.prvnxt a:before {float:left; margin-left:-6px; margin-right:10px; padding:0 10px; background-color:#ddd;}
.prvnxt .atk-prv:before {content:'上一条';}
.prvnxt .atk-next:before {content:'下一条';}
.prvnxt .atk-prv:before,
.prvnxt .atk-next:before {float:left; line-height:40px; background-color:#d3d3d3; padding:0 5px;}

.pgr {margin:10px 2.5% 20px 2.5%; text-align:center; font-size:13px;}
.pgr p,
.pgr a {display:inline-block; min-width:30px; box-sizing:border-box; padding:0 12px; margin:5px 2px; border:1px #e1e1e1 solid; line-height:30px;}
.pgr a:hover {color:#7cb63d;}
.pgr .cur { background-color:#7cb63d; color:#fff;}
.pgr .cur:hover {color:#fff;}

.cse-dtl .content img, .prod-dtl img {display:block; margin:.7em auto; max-width:100%; }
.atkl_ctnt {margin-top:1.5em;}

.srch-lst .news-it-dte {background-color:#fff; padding:0; margin-right:20px; }
.srch-lst .news-it-dte img {width:8em;}

.idx-bnr2 {  margin-bottom: 30px;}
.flash img {  width: 100%}
.flash ul.bxslider {  list-style: none;  margin-top: 0;  padding: 0;}
.flash div.bx-pager {  bottom: 4%;}
.flash div.bx-controls-direction {  display: none;}
.prod-thm div.bx-pager {  bottom: 1em;}