/*全局样式*/

body,a{color:#333;}
.wrapper{width:1200px;}
.wrap-white{padding:60px 0; background:#fff;}
.wrap-gray{padding:60px 0; background:#f4f4f4;}

/*头部样式*/

#header{height:134px; border-top:12px solid #71ba2d;}
#logo{left:0; top:16px;}
#logo img{width:124px; height:90px;}
#nav{right:154px; top:0;}
#nav ul li{position:relative; float:left; height:122px; line-height:122px; margin-left:36px; font-size:17px;}
#nav ul li:first-child{margin-left:0;}
#nav ul li a{display:block;}
#nav ul li:hover > a{color:#007d18;}
#nav ul li.current:before{content:''; position:absolute; left:-24px; right:-24px; top:45px; display:block; height:34px; background:#007d18; border-radius:17px;}
#nav ul li.current > a{position:relative; z-index:99; color:#fff;}
#nav ul li.current,#nav ul li.current + li{margin-left:46px;}
#nav ul li:first-child.current{margin-left:0;}
#nav ul li:last-child.current{margin-right:24px;}
#nav ul li ul{position:absolute; left:-44px; right:-44px; display:none; padding:12px 0; background:#007d18; z-index:99;}
#nav ul li:hover ul{display:block;}
#nav ul li ul li{float:none; height:40px; line-height:40px; margin-left:0; font-size:16px; text-align:center; overflow:hidden;}
#nav ul li ul li a{color:#fff;}
#nav ul li ul li:hover > a{color:#faffb1;}
#t-shop{right:0; top:35px; display:flex;}
#t-shop a{width:52px; height:52px; margin-left:14px; border-radius:6px; overflow:hidden;}
#t-shop a:first-child{margin-left:0;}
#t-shop a img{width:52px; height:52px;}

/*首页样式*/

#banner,#banner-img,#banner-img ul li,#banner-img ul li a{width:100%; height:782px;}
#banner-img ul li{float:left; overflow:hidden;}
#banner-img ul li a{display:block;}
#banner-btn{left:50%; bottom:40px; transform:translateX(-50%); height:10px; overflow:hidden;}
#banner-btn dl{display:flex; justify-content:center;}
#banner-btn dl dd{width:10px; height:10px; margin-left:14px; background:#fff; border-radius:50%; cursor:pointer;}
#banner-btn dl dd:frist-child{margin-left:0;}
#banner-btn dl dd.on{background:#007d18;}
#prev,#next{top:50%; transform:translateY(-50%); display:none; width:26px; height:46px; background-repeat:no-repeat; background-position:center; cursor:pointer; opacity:.8;}
#prev{left:40px; background-image:url(/templates/default/css/img/prev.png);}
#next{right:40px; background-image:url(/templates/default/css/img/next.png);}
#prev:hover,#next:hover{opacity:1;}

.title h2{height:42px; line-height:42px; font-size:40px; font-weight:bold; overflow:hidden;}
.title h2 span{color:#007d18;}
.title h3{display:flex; justify-content:center; align-items:center; height:42px; margin-top:16px; overflow:hidden;}
.title h3 i{width:240px; height:1px; background:#007d18;}
.title h3 em{width:42px; height:42px; margin:0 16px; background:url(/templates/default/css/img/fruit.png) no-repeat center;}
.title p{line-height:30px; margin-top:12px; font-size:16px; color:#666;}

#wrap-about{padding-top:40px; background:url(/templates/default/css/img/about-bg.jpg) no-repeat top center; background-size:cover;}
#wrap-about .title p{color:#007d18;}
#wrap-about + .wrap-gray{padding-top:0;}

#about{align-items:center; height:406px; margin-top:36px; padding:30px 30px 0 30px; background:#fff; border-radius:10px 10px 0 0; overflow:hidden;}
#about .weo-flex-auto{padding:30px 10px 0 10px;}
#about h3{line-height:38px; font-size:24px; font-weight:bold; color:#007d18;}
#about h4{width:176px; height:46px; line-height:46px; margin-top:80px; background:#007d18; border-radius:23px; font-size:15px; text-align:center; overflow:hidden;}
#about h4 a{display:block; color:#fff;}
#about h4:hover a{color:#faffb1;}
#about video{width:670px; height:376px; margin-left:30px; object-fit:fill;}

#honor-box{padding:40px 30px; background:#fff; border-radius:0 0 10px 10px;}
#honor{height:248px; margin-top:40px;}
#honor-item{width:1072px; height:248px; margin:0 auto; overflow:hidden;}
#honor-item ul li{float:left; width:344px; height:248px; margin-right:20px; overflow:hidden;}
#honor-item ul li img{width:344px; max-width:none; height:248px;}
#h-prev,#h-next{top:50%; transform:translateY(-50%); width:20px; height:38px; background-repeat:no-repeat; background-position:center; cursor:pointer;}
#h-prev{left:-6px; background-image:url(/templates/default/css/img/prev1.png);}
#h-next{right:-6px; background-image:url(/templates/default/css/img/next1.png);}

#honor-more{width:176px; height:46px; line-height:46px; margin:40px auto 0 auto; background:#007d18; border-radius:23px; font-size:15px; text-align:center; overflow:hidden;}
#honor-more a{display:block; color:#fff;}
#honor-more:hover a{color:#faffb1;}

#wrap-quality{padding:40px 0 36px 0; background:url(/templates/default/css/img/quality-bg.jpg) no-repeat top center; background-size:cover;}
#wrap-quality .title h2,#wrap-quality .title p{color:#fff;}
#wrap-quality .title h2 span{color:#97df54;}
#wrap-quality .title h3 i{background:rgba(255,255,255,.5);}

#quality dl dd{display:flex; align-items:center; margin-top:60px; padding-bottom:60px; box-shadow:0 8px 8px -8px #e1e1e1;}
#quality dl dd:first-child{margin-top:0;}
#quality dl dd:last-child{padding-bottom:0; box-shadow:none;}
#quality dl dd img{margin-left:60px;}
#quality dl dd:nth-child(even) img{margin:0 60px 0 0;}
#quality dl dd em{position:relative; width:74px; height:94px; line-height:64px; background:url(/templates/default/css/img/q-num.png) no-repeat center; font-size:36px; font-family:'Arial'; font-weight:bold; text-align:center; color:#fff; overflow:hidden;}
#quality dl dd em:after{content:''; position:absolute; left:16px; right:16px; bottom:34px; display:block; height:1px; background:#fff;}
#quality dl dd section{flex:1; margin-left:24px;}
#quality dl dd section h3{height:26px; line-height:26px; font-size:24px; font-weight:bold; color:#007d18; overflow:hidden;}
#quality dl dd section p{line-height:30px; margin-top:14px; font-size:15px; color:#464646;}

#wrap-product{padding:40px 0 36px 0; background:url(/templates/default/css/img/product-bg.jpg) no-repeat top center; background-size:cover;}
#wrap-product .title h2,#wrap-product .title p{color:#fff;}
#wrap-product .title h2 span{color:#97df54;}
#wrap-product .title h3 i{background:rgba(255,255,255,.5);}
#wrap-product + .wrap-white{padding-top:40px;}

#product-more{width:176px; height:46px; line-height:46px; margin:40px auto 0 auto; background:#007d18; border-radius:23px; font-size:15px; text-align:center; overflow:hidden;}
#product-more a{display:block; color:#fff;}
#product-more:hover a{color:#faffb1;}

#product{height:332px;}
#product-item{height:322px; overflow:hidden;}
#product-item ul li{float:left; width:384px; height:332px; margin-right:24px; overflow:hidden;}
#product-item ul li img{width:384px; max-width:none; height:332px;}
#p-prev,#p-next{top:50%; transform:translateY(-50%); width:20px; height:38px; background-repeat:no-repeat; background-position:center; cursor:pointer;}
#p-prev{left:-44px; background-image:url(/templates/default/css/img/prev1.png);}
#p-next{right:-44px; background-image:url(/templates/default/css/img/next1.png);}

#wrap-knowledge{padding:60px 0; background:url(/templates/default/css/img/knowledge-bg.jpg) no-repeat top center; background-size:cover;}
#wrap-knowledge .title h2,#wrap-knowledge .title p{color:#fff;}
#wrap-knowledge .title h3 i{background:rgba(255,255,255,.5);}

#knowledge{height:416px; margin-top:36px;}
#knowledge img{width:524px; height:416px; border-radius:16px 0 0 16px;}
#knowledge .weo-flex-auto{height:416px; padding:54px 46px; background:#fff; border-radius:0 16px 16px 0; overflow:hidden;}
#knowledge ul{height:222px; overflow:hidden;}
#knowledge ul li{display:flex; height:22px; margin-top:18px; overflow:hidden;}
#knowledge ul li:first-child{margin-top:0;}
#knowledge ul li:before{content:'Q'; width:22px; height:22px; line-height:22px; margin-right:12px; background:#b8d12c; border-radius:50%; font-size:15px; font-family:'Arial'; text-transform:uppercase; font-weight:bold; text-align:center; color:#fff; overflow:hidden;}
#knowledge ul li a{flex:1; height:20px; line-height:20px; font-size:15px; color:#007d18; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#knowledge ul li:hover:before{background:#007d18;}
#knowledge h4{width:176px; height:46px; line-height:46px; margin-top:40px; background:#007d18; border-radius:23px; font-size:15px; text-align:center; overflow:hidden;}
#knowledge h4 a{display:block; color:#fff;}
#knowledge h4:hover a{color:#faffb1;}

#news-tab{height:52px; margin-top:36px; overflow:hidden;}
#news-tab dl{display:flex; justify-content:center;}
#news-tab dl dd{width:172px; height:52px; line-height:50px; margin-left:16px; border:1px solid #007d18; border-radius:4px; font-size:16px; text-align:center; color:#007d18; cursor:pointer; overflow:hidden;}
#news-tab dl dd:first-child{margin-left:0;}
#news-tab dl dd.current{background:#007d18; color:#fff;}

#news{margin-top:40px;}
#news .item{display:none;}
#news .weo-fl{width:560px; height:420px; overflow:hidden;}
#news .weo-fl span{display:block; width:560px; height:296px; overflow:hidden;}
#news .weo-fl img{width:560px; max-width:none; height:296px;}
#news .weo-fl h3{height:18px; line-height:18px; margin-top:20px; font-size:16px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news .weo-fl p{height:48px; line-height:24px; margin-top:10px; font-size:14px; color:#666;}
#news .weo-fl h4{height:18px; line-height:18px; margin-top:10px; font-size:16px; color:#999; overflow:hidden;}
#news .weo-fl:hover h3{color:#007d18;}
#news .weo-fr{width:594px; height:417px; overflow:hidden;}
#news .weo-fr dl dd{height:115px; margin-top:36px; padding-bottom:32px; border-bottom:1px solid #e1e1e1; overflow:hidden;}
#news .weo-fr dl dd:first-child{margin-top:0;}
#news .weo-fr dl dd a{display:flex; align-items:center; height:82px; overflow:hidden;}
#news .weo-fr dl dd span{height:78px; padding-bottom:6px; overflow:hidden;}
#news .weo-fr dl dd span em{display:block; height:46px; line-height:46px; font-size:44px; text-align:center; color:#999; overflow:hidden;}
#news .weo-fr dl dd span h4{height:18px; line-height:18px; margin-top:8px; font-size:16px; text-align:center; color:#999; overflow:hidden;}
#news .weo-fr dl dd section{flex:1; height:82px; margin-left:24px; overflow:hidden;}
#news .weo-fr dl dd section h3{height:18px; line-height:18px; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news .weo-fr dl dd section p{height:52px; line-height:26px; margin-top:12px; font-size:14px; color:#666;}
#news .weo-fr dl dd a:hover section h3{color:#007d18;}

/*内页样式*/

#lm-banner{height:520px; background:url(/templates/default/css/img/lm-banner.jpg) no-repeat center; background-size:cover;}

#location{width:100%; height:67px; border-bottom:1px solid #e1e1e1;}
#location dl{flex:1;}
#location dl dd{float:left; height:66px; line-height:66px; margin-right:56px; font-size:17px; overflow:hidden;}
#location dl dd:last-child{margin-right:0;}
#location dl dd a{display:block;}
#location dl dd a:hover{color:#007d18;}
#location dl dd.current{height:68px; border-bottom:3px solid #007d18;}
#location dl dd.current a{color:#007d18;}
#location span{height:18px; line-height:18px; margin-left:40px; padding-left:26px; background:url(/templates/default/css/img/home.png) no-repeat left center; font-size:15px; color:#999; overflow:hidden;}
#location span a{color:#999;}
#location span a:hover{color:#007d18;}

.wrap-white.main{padding:40px 0;}

#honor-list ul{margin:-24px 0 0 -24px;}
#honor-list ul li{float:left; width:282px; height:204px; margin:24px 0 0 24px; overflow:hidden;}
#honor-list ul li img{width:282px; max-width:none; height:204px;}

#product-list ul{margin:-30px 0 0 -24px;}
#product-list ul li{float:left; width:384px; margin:30px 0 0 24px; overflow:hidden;}
#product-list ul li span{display:block; width:384px; height:332px; overflow:hidden;}
#product-list ul li img{width:384px; max-width:none; height:332px;}
#product-list ul li h3{height:20px; line-height:20px; margin-top:16px; font-size:17px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#product-list ul li:hover h3{color:#007d18;}

#news-rmd{position:relative; height:248px; padding:20px; background:#f6f6f6; overflow:hidden;}
#news-rmd span{display:block; width:322px; height:208px; overflow:hidden;}
#news-rmd img{width:316px; max-width:none; height:208px;}
#news-rmd section{position:absolute; left:366px; right:30px; top:40px; height:170px; background:#f9f9f9; overflow:hidden;}
#news-rmd section h3{height:20px; line-height:20px; font-size:18px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news-rmd section h4{height:18px; line-height:18px; margin-top:20px; font-size:15px; color:#888; overflow:hidden;}
#news-rmd section p{height:90px; line-height:30px; margin-top:22px; font-size:15px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
#news-rmd:hover section h3{color:#007d18;}

#news-list{margin-top:40px;}
#news-list ul li{position:relative; float:left; width:50%; height:166px; padding:40px 30px; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; overflow:hidden;}
#news-list ul li:nth-child(1),#news-list ul li:nth-child(2){border-top:1px solid #e1e1e1;}
#news-list ul li:nth-child(odd){border-left:none;}
#news-list ul li section{width:60px; height:82px; padding:2px 0; text-align:center; overflow:hidden;}
#news-list ul li section em{display:block; height:40px; line-height:40px; font-size:38px; font-family:'Arial'; font-weight:bold; color:#888; overflow:hidden;}
#news-list ul li section i{display:block; width:100%; margin:8px 0 11px 0; height:1px; background:#e1e1e1;}
#news-list ul li section span{display:block; height:18px; line-height:18px; font-size:15px; color:#999; overflow:hidden;}
#news-list ul li figure{position:absolute; left:120px; right:30px; top:40px; height:86px; overflow:hidden;}
#news-list ul li figure figcaption{height:18px; line-height:18px; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news-list ul li figure p{height:56px; line-height:28px; margin-top:12px; font-size:15px; color:#888; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
#news-list ul li:hover{background:#007d18;}
#news-list ul li:hover section em,#news-list ul li:hover section span,#news-list ul li:hover figure figcaption,#news-list ul li:hover figure p{color:#fff;}
#news-list ul li:hover section i{background:#fff;}

.weo-page{margin-top:40px; padding:10px 0;}
.weo-page a{height:44px; line-height:42px; margin-left:10px; padding:0 16px; border-color:#d1d1d1; border-radius:0; font-size:15px; color:#666;}
.weo-page a:hover{border-color:#007d18; color:#007d18;}
.weo-page a.current{background:#007d18; border-color:#007d18; color:#fff;}

#article{line-height:200%; font-size:15px; color:#464646;}
#article-title{line-height:180%; font-size:22px; font-weight:bold; text-align:center; color:#333;}
#article-info{margin:12px 0; text-align:center; color:#999;}

#prev-next{display:flex; justify-content:space-between;  margin-top:30px; padding-top:24px; border-top:1px solid #e1e1e1; overflow:hidden;}
#prev-next a{max-width:560px; height:18px; line-height:18px; font-size:15px; color:#464646; display: inline-block;}
#prev-next a:hover{color:#007d18;}

#contact{padding:40px; background:#f6f6f6;}
#contact h2{height:22px; line-height:22px; margin-bottom:36px; font-size:20px; font-weight:bold; overflow:hidden;}
#contact p{height:32px; line-height:32px; margin-top:26px; padding-left:44px; background-repeat:no-repeat; background-position:left center; font-size:15px; overflow:hidden;}
#contact p:first-child{margin-top:0;}
#contact p.c-icon1{background-image:url(/templates/default/css/img/c-icon1.png);}
#contact p.c-icon2{background-image:url(/templates/default/css/img/c-icon2.png);}
#contact p.c-icon3{background-image:url(/templates/default/css/img/c-icon3.png);}
#contact img{width:120px; height:120px; margin:0 auto; border:1px solid #e1e1e1;}
#contact h3{height:18px; line-height:18px; margin-top:10px; font-size:15px; text-align:center; color:#666; overflow:hidden;}

#map{height:500px; margin-top:24px; background:#f6f6f6; overflow:hidden;}
#map img{max-width:none;}
.anchorBL{display:none;}

/*底部样式*/

#footer{padding:36px 0; background:#ececec;}
#footer .weo-fl{margin-top:2px;}
#f-logo img{width:146px; height:106px;}
#f-contact{margin-left:70px;}
#f-contact h3{height:28px; line-height:28px; font-size:16px; font-weight:bold; color:#007d18; overflow:hidden;}
#f-contact section{line-height:28px; margin-top:4px; font-size:15px; color:#464646;}
#f-shop{display:flex;}
#f-shop a{width:64px; height:64px; margin-left:18px; border-radius:8px; overflow:hidden;}
#f-shop a:first-child{margin-left:0;}
#f-shop a img{width:64px; height:64px;}
#f-qrcode{display:flex; align-items:center; margin-left:40px;}
#f-qrcode section{line-height:26px; font-size:15px; text-align:right; color:#007d18;}
#f-qrcode img{width:120px; height:120px; margin-left:20px;}

#copyright{height:56px; line-height:56px; background:#3d7110; font-size:14px; color:#fff; overflow:hidden;}
#copyright a{color:#fff;}