/*全局样式*/

html{overflow-x:hidden;}
body,a{color:#3f3a39;}
.wrapper{width:1440px;}
.wrap-white{padding:60px 0; background:#fff;}
.wrap-gray{padding:60px 0; background:#f6f6f6;}
.pr{ position:relative;}
.hidden {
    overflow: hidden;
}
.pa {
    position: absolute;
}

/*头部样式*/

#header{height:92px;}
#logo{left:0; top:16px;}
#logo img{width:70px; height:60px;}
#h-right{right:0; top:0; display:flex; align-items:center; height:92px;}
#nav ul li{position:relative; float:left; height:92px; line-height:92px; margin-left:48px; font-size:16px;}
#nav ul li:first-child{margin-left:0;}
#nav ul li a{display:block;}
#nav ul li:hover > a{color:#04873e;}
#nav ul li.current > a{color:#04873e;}
#nav ul li ul{position:absolute; display:none; left:-48px; right:-48px; top:92px; padding:12px 0; background:#04873e; 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:15px; text-align:center; overflow:hidden;}
#nav ul li ul li a{color:#fff;}
#nav ul li ul li:hover > a{color:#ffe751;}
.h-line{width:1px; height:16px; margin:0 24px; background:#ccc;}
#language{height:20px; line-height:20px; font-family:'Arial'; font-size:16px; overflow:hidden;}
#language a{display:block; padding-left:30px; background:url(img/language.png) no-repeat left center; color:#666;}
#language:hover a{background-image:url(img/language-h.png); color:#04873e;}
#tel{height:22px; line-height:22px; padding-left:32px; background:url(img/tel.png) no-repeat left center; font-size:16px; color:#04873e; overflow:hidden;}
#tel em{font-family:'Arial'; font-size:18px;}

/*首页样式*/
#banner,#banner-img,#banner-img ul li,#banner-img ul li a{width:100%; height:450px;}
#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:0 6px; background:#fff; border-radius:50%; cursor:pointer;}
#banner-btn dl dd.on{background:#04873e;}
#prev,#next{top:50%; transform:translateY(-50%); width:26px; height:48px; background-repeat:no-repeat; background-position:center; cursor:pointer; opacity:.7; display:none;}
#prev{left:60px; background-image:url(img/prev.png);}
#next{right:60px; background-image:url(img/next.png);}
#prev:hover,#next:hover{opacity:1;}

.title{display:flex; justify-content:space-between; align-items:center;}
.title section{position:relative; height:106px; padding:26px 0 0 32px;}
.title section:before{content:''; position:absolute; left:0; top:0; display:block; width:100px; height:100px; box-sizing:border-box; border:10px solid #e2ece7; border-radius:50%;}
.title h2{position:relative; z-index:99; height:50px; line-height:50px; font-family:'Georgia'; font-size:48px; font-weight:bold; text-transform:uppercase; color:#04873e; overflow:hidden;}
.title h3{position:relative; z-index:99; display:flex; align-items:center; height:28px; margin-top:2px; overflow:hidden;}
.title h3 span{height:28px; line-height:28px; font-size:26px; overflow:hidden;}
.title h3 i{flex:1; height:0; margin-left:20px; border-bottom:2px dotted #d1d1d1;}
.title a{width:192px; height:52px; line-height:52px; background:#04873e; border-radius:26px; font-size:15px; text-align:center; color:#fff; overflow:hidden;}

#product-menu{width:180px; height:496px; margin-top:50px; overflow:hidden;}
#product-menu dl dd{height:55px; line-height:54px; border:1px solid #e1e1e1; border-top:none; font-size:15px; overflow:hidden;}
#product-menu dl dd:first-child{height:56px; border-top:1px solid #e1e1e1;}
#product-menu dl dd a{position:relative; display:block; padding:0 40px 0 18px;}
#product-menu dl dd a:after{content:'》'; position:absolute; right:10px; top:0; display:block; height:58px; line-height:58px; font-size:14px;}
#product-menu dl dd:hover a,#product-menu dl dd:hover a:after{color:#04873e;}
#product{width:1438px; height:496px; margin:50px -204px 0 0; overflow:hidden;}
#product-item{width:1438px; height:442px; overflow:hidden;}
#product-item ul li{float:left; width:340px; height:442px; margin-right:26px; overflow:hidden; }
#product-item ul li span{display:block; width:340px; height:380px; overflow:hidden;position:relative;}
#product-item ul li img{width:340px; max-width:none; height:380px;}
#product-item ul li h3{height:62px; line-height:62px; padding:0 20px; background:#f5f5f5; font-size:16px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.case_listul_up{position: absolute;top: 0;left: 0; height: 3px;width: 0;background: #04883f;z-index: 1;transition: all 1s;}
.case_listul_fl { position: absolute; top: 0; left: 0; height: 0; width: 3px;background: #04883f;z-index: 1; transition: all 1s;}
.case_listul_fr { position: absolute; bottom: 0; right: 0; height: 0; width: 3px; background: #04883f; z-index: 1;transition: all 1s;}
.case_listul_d { position: absolute; bottom: 0; right: 0; height: 3px; width: 0; background: #04883f; z-index: 1; transition: all 1s;}
.case_listul_imgmd { position: absolute; top: 0;left: 0; width: 100%; height: 0; background: rgba(0, 0, 0, 0.5); transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; opacity: 0;}

#product-item ul li:hover h3{color:#04873e;}

#product-item ul li:hover .case_listul_up,#product-item ul li:hover .case_listul_d{width:100%;}
#product-item ul li:hover .case_listul_fl,#product-item ul li:hover .case_listul_fr{height:100%;}
#product-item ul li:hover .case_listul_imgmd{ opacity:1;height:100%;}
.case_listul_imgmd b {display: block; font-size:16px; color: #fff;width: 100%; font-weight: normal; position: relative; top: 48%; text-align: center;}

#product-btn{display:flex; align-items:center; height:18px; margin-top:36px; overflow:hidden;}
#product-btn em{height:18px; line-height:18px; font-family:'Arial'; font-size:16px; text-transform:uppercase; cursor:pointer; overflow:hidden;}
#product-btn em:hover{color:#04873e;}
#product-btn span{display:flex; height:2px; margin:0 20px; overflow:hidden;}
#product-btn span i{width:30px; height:2px; background:#ccc;}
#product-btn span i:first-child{background:#333;}

#wrap-advantage{padding:60px 0; background:url(img/advantage-bg.jpg) no-repeat top center; background-size:cover;}
#advantage-text{padding:0 120px; text-align:center; color:#fff;}
#advantage-text h2{height:50px; line-height:50px; font-family:'Georgia'; font-size:48px; font-weight:bold; text-transform:uppercase; overflow:hidden;}
#advantage-text h3{height:28px; line-height:28px; margin-top:8px; font-size:26px; overflow:hidden;}
#advantage-text p{line-height:30px; margin-top:20px; font-size:15px;}
#advantage{position:relative; height:488px; margin-top:44px; }
#advantage dl dd{position:absolute; width:442px; height:244px; padding:36px 40px; border:1px solid transparent; border-radius:10px; overflow:hidden;}
#advantage dl dd:nth-child(1){left:0; top:0;}
#advantage dl dd:nth-child(2){right:0; top:0;}
#advantage dl dd:nth-child(3){left:0; bottom:0;}
#advantage dl dd:nth-child(4){right:0; bottom:0;}
#advantage dl dd:nth-child(even){text-align:right;}
#advantage dl dd em{display:block; height:56px; background-repeat:no-repeat; background-position:center;}
#advantage dl dd:nth-child(even) em{margin-left:auto;}
#advantage dl dd em.adv-icon1{width:54px; background-image:url(img/adv-icon1.png);}
#advantage dl dd em.adv-icon2{width:60px; background-image:url(img/adv-icon2.png);}
#advantage dl dd em.adv-icon3{width:66px; background-image:url(img/adv-icon3.png);}
#advantage dl dd em.adv-icon4{width:62px; background-image:url(img/adv-icon4.png);}
#advantage dl dd h3{height:22px; line-height:22px; margin-top:22px; font-size:19px; color:#fff; overflow:hidden;}
#advantage dl dd p{height:56px; line-height:28px; margin-top:14px; font-size:15px; color:#fff;}
#advantage dl dd:hover{background:rgba(255,255,255,.1); border-color:#fff;}
#advantage dl dd:hover em.adv-icon1{background-image:url(img/adv-icon1-h.png);}
#advantage dl dd:hover em.adv-icon2{background-image:url(img/adv-icon2-h.png);}
#advantage dl dd:hover em.adv-icon3{background-image:url(img/adv-icon3-h.png);}
#advantage dl dd:hover em.adv-icon4{background-image:url(img/adv-icon4-h.png);}
#advantage dl dd:hover h3,#advantage dl dd:hover p{color:#ffe751;}
.advan_imgs{ position:absolute; top:270px; left:50%; margin-left:-198px; width:395px; height:395px; border-radius:100%; overflow:hidden;}
.advan_imgs li{ display:none;}

.advan_dot{ position:absolute; top:250px; left:50%; margin-left:-218px; width:436px; height:436px; border-radius:100%; border:1px #fff solid;transition: 0.5s; animation: rotate 12s linear infinite;}
.advan_dot em { position: absolute; right: 53px; top: 53px;display: block; width: 20px; height: 20px; background: #fff; border-radius: 50%;}

#about .weo-fl{width:786px; height:638px;}
#about-text{padding-right:66px;}
#about-text section{height:210px; line-height:30px; margin-top:40px; font-size:15px; color:#666; overflow:hidden;}
#about-text section p{text-indent:30px;}
#about-text h4{width:192px; height:52px; line-height:52px; margin-top:44px; background:#04873e; border-radius:26px; font-size:15px; text-align:center; overflow:hidden;}
#about-text h4 a{display:block; color:#fff;}
#about-number{position:relative; display:flex; height:130px; margin-top:56px;}
#about-number:before{content:''; position:absolute; left:-240px; top:0; bottom:0; display:block; width:240px; background:#04873e;}
#about-number section{flex:1; height:130px; padding:30px 0 26px 0; background:#04873e; overflow:hidden;}
#about-number section:nth-child(even){background:#20b76d;}
#about-number section:last-child{border-radius:0 50px 0 0;}
#about-number section h4{height:20px; line-height:20px; font-size:18px; text-align:center; color:#fff; overflow:hidden;transition: all 0.5s;}
#about-number section h3{display:flex; justify-content:center; height:44px; margin-top:10px; color:#fff; overflow:hidden;}
#about-number section h3 span{height:44px; line-height:44px; font-family:'Arial'; font-size:42px; overflow:hidden;}
#about-number section h3 em{height:20px; line-height:20px; margin:16px 0 0 6px; font-size:18px; overflow:hidden;}
#about-number section h3 i{height:22px; line-height:22px; margin-left:4px; font-size:20px; overflow:hidden;}
#about-number section:hover{}
#about-number section:hover h4{  margin-top:-5px;transition: all 0.5s;}

#about .weo-fr{width:622px; height:638px; border-radius:50px 0 0 0; overflow:hidden;}
#about .weo-fr img{width:622px; height:638px; overflow:hidden; transition: all 0.5s;}
#about .weo-fr img:hover{ transform: scale(1.2); transition: all 0.5s;}
#news{margin-top:50px;}
#news ul{margin:-24px 0 0 -24px;}
#news ul li{float:left; width:342px; height:450px; margin:24px 0 0 24px; background:#fff; overflow:hidden;}
#news ul li a{display:block; padding:20px 20px 18px 20px;}
#news ul li h4{height:42px; line-height:42px; font-family:'Arial'; font-size:40px; text-align:center; overflow:hidden;}
#news ul li h5{height:18px; line-height:18px; margin-top:2px; font-family:'Arial'; font-size:15px; text-align:center; color:#999; overflow:hidden;}
#news ul li em{width:90px; height:30px; line-height:28px; background:#e7f5ee; border:1px solid #04873e; border-radius:4px; font-size:14px; text-align:center; color:#666; overflow:hidden;}
#news ul li i{position:relative; display:block; height:1px; margin-top:17px; background:#e1e1e1;}
#news ul li i:before{content:''; position:absolute; left:0; top:-1px; bottom:-1px; display:block; width:48px; background:#c9c9c9;}
#news ul li h3{height:20px; line-height:20px; margin-top:26px; font-size:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news ul li span{display:block; width:302px; height:198px; margin-top:20px; overflow:hidden;}
#news ul li img{width:302px; max-width:none; height:198px;}
#news ul li p{height:56px; line-height:28px; margin-top:12px; font-size:15px; color:#666;}
#news ul li:hover h4{color:#04873e;}
#news ul li:hover em{background:#04873e; color:#fff;}
#news ul li:hover i:before{background:#04873e;}
#news ul li:hover h3{color:#04873e;}

#wrap-feedback{padding:60px 0; background:url(img/feedback-bg.jpg) no-repeat top center; background-size:cover;}

#feedback{display:flex;}
#feedback-box{width:832px; height:568px; padding:40px 56px 42px 56px; background:#fff; overflow:hidden;}
#feedback-item{margin-top:28px; padding:0 32px;}
#feedback-item p{height:18px; line-height:18px; margin-bottom:28px; font-size:16px; color:#666; overflow:hidden;}
#feedback-item input{display:block; width:100%; height:46px; line-height:46px; margin-bottom:20px; padding:0 16px; background:#eee; border:none; border-radius:4px; font-size:15px; color:#464646;}
#feedback-item input::-moz-placeholder{color:#999;}
#feedback-item input::-webkit-input-placeholder{color:#999;}
#feedback-item input::-ms-input-placeholder{color:#999;}
#feedback-item textarea{display:block; width:100%; height:98px; line-height:26px; padding:10px 16px; background:#eee; border:none; border-radius:4px; font-size:15px; color:#464646;}
#feedback-item textarea::-moz-placeholder{color:#999;}
#feedback-item textarea::-webkit-input-placeholder{color:#999;}
#feedback-item textarea::-ms-input-placeholder{color:#999;}
#feedback-item button{display:block; width:226px; height:46px; line-height:46px; margin:30px auto 0 auto; background:#04873e; border:none; border-radius:4px; font-size:15px; color:#fff;}

/*内页样式*/

#lm-banner{height:450px; background-size:cover;}

#location{height:71px; border-bottom:1px solid #e1e1e1; overflow:hidden;}
#location h2{height:70px; line-height:70px; font-size:16px; font-weight:bold; color:#04873e; overflow:hidden;}
#location span{height:18px; line-height:18px; padding-left:24px; background:url(img/home.png) no-repeat left center; font-size:15px; color:#666; overflow:hidden;}
#location span a{color:#666;}
#location span a:hover{color:#04873e;}

.wrap-white.min{padding:40px 0 50px 0;}

#left{width:280px;}
#l-menu{margin-bottom:38px;}
#l-menu h2{height:20px; line-height:20px; font-size:18px; overflow:hidden;}
#l-menu dl{margin-top:20px;}
#l-menu dl dd{height:48px; line-height:48px; margin-top:10px; background:#f6f6f6; font-size:15px; overflow:hidden;}
#l-menu dl dd:first-child{margin-top:0;}
#l-menu dl dd a{display:block; padding:0 18px 0 34px; background:url(img/arrow-r.png) no-repeat left 18px center;}
#l-menu dl dd:hover a{background-image:url(img/arrow-r1.png); color:#04873e;}
#l-menu dl dd.current{background:#04873e;}
#l-menu dl dd.current a{background-image:url(img/arrow-r2.png); color:#fff;}

#l-contact{}
#l-contact h2{height:20px; line-height:20px; font-size:18px; overflow:hidden;}
#l-contact i{display:block; height:1px; margin-top:16px; background:#e1e1e1;}
#l-contact section{line-height:30px; margin-top:12px; font-size:15px; color:#666;}

#l-rmd{margin-top:28px;}
#l-rmd h2{height:20px; line-height:20px; font-size:18px; overflow:hidden;}
#l-rmd i{display:block; height:1px; margin-top:16px; background:#e1e1e1;}
#l-rmd ul{margin-top:20px;}
#l-rmd ul li{margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #e1e1e1;}
#l-rmd ul li:last-child{margin-bottom:0; padding-bottom:0; border-bottom:none;}
#l-rmd ul li a{display:flex; align-items:center;}
#l-rmd ul li span{width:98px; height:110px; overflow:hidden;}
#l-rmd ul li img{width:98px; max-width:none; height:110px;}
#l-rmd ul li section{flex:1; height:78px; margin-left:16px; overflow:hidden;}
#l-rmd ul li section h3{height:24px; line-height:24px; font-size:14px;}
#l-rmd ul li section h4{height:60px; line-height:18px; margin-top:3px; font-size:12px; color:#666; overflow:hidden;}
#l-rmd ul li:hover section h3{color:#04873e;}

#right{width:1120px;}

#news-list ul li{margin-bottom:30px; padding-bottom:30px; border-bottom:1px dashed #d1d1d1;}
#news-list ul li:last-child{margin-bottom:0;}
#news-list ul li a{display:flex; align-items:center;}
#news-list ul li span{width:302px; height:198px; overflow:hidden;}
#news-list ul li img{width:302px; max-width:none; height:198px;}
#news-list ul li section{flex:1; height:172px; margin-left:24px; overflow:hidden;}
#news-list ul li section h3{height:18px; line-height:18px; font-size:16px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news-list ul li section p{height:60px; line-height:30px; margin-top:12px; font-size:15px; color:#666;}
#news-list ul li section h4{height:18px; line-height:18px; margin-top:10px; font-size:15px; color:#999; overflow:hidden;}
#news-list ul li section h5{width:90px; height:30px; line-height:28px; margin-top:24px; background:#e7f5ee; border:1px solid #04873e; border-radius:4px; font-size:14px; text-align:center; color:#666; overflow:hidden;}
#news-list ul li:hover section h3{color:#04873e;}
#news-list ul li:hover section h5{background:#04873e; color:#fff;}

.weo-page{margin-top:50px;}
.weo-page a{min-width:40px; height:40px; line-height:38px; margin-left:12px; padding:0 14px; border-color:#d1d1d1; border-radius:0; font-size:15px; color:#666;}
.weo-page a:hover{border-color:#04873e; color:#04873e;}
.weo-page a.weo-page-on{background:#04873e; border-color:#04873e; color:#fff;}

#article{line-height:200%; font-size:15px; color:#464646;}
#article-title{line-height:160%; font-size:22px; font-weight:bold; text-align:center; color:#333;}
#article-info{margin:18px 0; text-align:center; color:#999;}

#prev-next{display:flex; justify-content:space-between; align-items:center; margin-top:36px; padding-top:28px; border-top:1px solid #e1e1e1;}
#prev-next a{max-width:530px; height:18px; line-height:18px; font-size:15px; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#prev-next a:hover{color:#04873e;}

#product-list ul{margin:-24px 0 0 -24px;}
#product-list ul li{float:left; width:262px; margin:24px 0 0 24px; overflow:hidden;}
#product-list ul li span{display:block; width:262px; height:292px; overflow:hidden;}
#product-list ul li img{width:262px; max-width:none; height:292px;}
#product-list ul li h3{height:18px; line-height:18px; margin-top:16px; font-size:16px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#product-list ul li:hover h3{color:#04873e;}

#product-slide{width:384px; height:520px;}
#product-slide-item{width:384px; height:430px; overflow:hidden;}
#product-slide-item ul li{float:left; width:384px; height:430px; overflow:hidden;}
#product-slide-item ul li img{width:384px; max-width:none; height:430px;}
#product-slide-thumb{width:324px; height:72px; margin-top:16px; overflow:hidden;}
#product-slide-thumb dl dd{position:relative; float:left; width:72px; height:72px; margin-right:12px; cursor:pointer; overflow:hidden;}
#product-slide-thumb dl dd:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; display:block; background:rgba(0,0,0,.5);}
#product-slide-thumb dl dd.on:after{display:none;}
#product-slide-thumb dl dd img{width:72px; height:72px;}
#ps-prev,#ps-next{width:18px; height:72px; margin-top:16px; background-repeat:no-repeat; background-position:center; background-color:#eee; cursor:pointer;}
#ps-prev{background-image:url(img/prev1.png);}
#ps-next{background-image:url(img/next1.png);}
#ps-prev:hover{background-image:url(img/prev1-h.png);}
#ps-next:hover{background-image:url(img/next1-h.png);}

#product-info{width:696px; height:420px; overflow:hidden;}
#product-info h1{height:24px; line-height:24px; font-size:22px; font-weight:bold; overflow:hidden;}
#product-info i{display:block; height:1px; margin-top:23px; background:#e1e1e1;}
#product-info section{height:272px; line-height:34px; margin-top:20px; font-size:15px; color:#464646; overflow:hidden;}
#product-info h4{width:188px; height:48px; line-height:48px; margin-top:32px; background:#04873e; border-radius:4px; font-size:15px; text-align:center; overflow:hidden;}
#product-info h4 a{display:block; color:#fff;}

#product-detail-title{margin-top:40px;}
#product-detail-title h2{height:24px; line-height:24px; font-size:22px; font-weight:bold; overflow:hidden;}
#product-detail-title i{display:block; height:1px; margin-top:18px; background:#e1e1e1;}
#product-detail{line-height:200%; margin-top:24px; font-size:15px; color:#464646;}

#product-detail-btn{display:flex; justify-content:space-between; align-items:center; margin-top:36px; padding-top:28px; border-top:1px solid #e1e1e1;}
#product-detail-btn a{width:92px; height:42px; line-height:40px; border:1px solid #e1e1e1; font-size:15px; text-align:center; color:#464646; overflow:hidden;}
#product-detail-btn a:hover{border-color:#04873e; color:#04873e;}
#product-detail-btn a.back{background:#04873e; border-color:#04873e; color:#fff;}

.contact{margin-bottom:36px; padding-bottom:40px; border-bottom:1px dashed #d1d1d1;}
.contact:last-child{margin-bottom:0; padding-bottom:0; border-bottom:none;}
.contact h3{height:24px; line-height:24px; font-size:22px; font-weight:bold;}
.contact section{line-height:32px; margin-top:18px; font-size:15px; color:#464646;}
.map{height:420px; margin-top:0; background:#f6f6f6;}
.map img{max-width:none;}
.anchorBL{display:none;}

/*底部样式*/

#f-link{padding:30px 0; background:#282a29; border-bottom:1px solid #3e403f;}
#f-link h3{height:18px; line-height:18px; margin-right:12px; font-size:16px; text-transform:uppercase; color:#fff; overflow:hidden;}
#f-link section{flex:1; display:flex; flex-wrap:wrap; margin:-12px 0 0 -24px;}
#f-link section a{height:18px; line-height:18px; margin:12px 0 0 24px; font-size:14px; color:#dcdcdc;}
#f-link section a:hover{color:#fff;}

#footer{padding:40px 0; background:#282a29;}
#f-tel h3{height:16px; line-height:16px; font-size:14px; color:#fff; overflow:hidden;}
#f-tel h2{height:26px; line-height:26px; margin-top:6px; font-family:'Arial'; font-size:24px; font-weight:bold; text-transform:uppercase; color:#666; overflow:hidden;}
#f-tel section{margin-top:24px; padding-left:62px; background:url(img/tel1.png) no-repeat left center;}
#f-tel h5{height:16px; line-height:16px; font-size:14px; color:#dcdcdc; overflow:hidden;}
#f-tel h4{height:38px; line-height:38px; margin-top:6px; font-family:'Impact'; font-size:36px; color:#dcdcdc; overflow:hidden;}
#f-contact h3{height:16px; line-height:16px; font-size:14px; color:#fff; overflow:hidden;}
#f-contact h2{height:26px; line-height:26px; margin-top:6px; font-family:'Arial'; font-size:24px; font-weight:bold; text-transform:uppercase; color:#666; overflow:hidden;}
#f-contact section{line-height:28px; margin-top:18px; font-size:14px; color:#dcdcdc;}
#f-qrcode{margin-top:10px;}
#f-qrcode img{display:block; width:102px; height:102px; margin:0 auto;}
#f-qrcode h3{height:16px; line-height:16px; margin-top:12px; font-size:14px; text-align:center; color:#dcdcdc; overflow:hidden;}
#copyright{height:52px; line-height:52px; background:#323335; font-size:14px; color:#dcdcdc; overflow:hidden;}
#copyright a{color:#dcdcdc;}
#copyright a:hover{color:#fff;}

.weo-tip{border-radius:4px;}
.weo-tip-text i{width:22px; height:22px; background-size:22px 22px;}
.weo-tip-text span{height:18px; line-height:18px; font-size:15px;}



/* 新PCbanner */
.ind_banner_box {
		/*height: 100vh;*/
		height:710px;
	
    position:relative;
	}
	.ind_banner_box .swiper-container {
		height: 100%;
	}
	.banner_img_box {
	  width: 100%;
	  height: 100%;
	  position: relative;
	}
	.banner_img_box .banner_img {
		width: 100%;
	    height: 100%;
	    background-position: center;
	    background-repeat: no-repeat;
	    background-size: cover;
	    transform: scale(1.2);
	}

  .banner_img_box .banner_text_img_box {
    width: 35.833%;
    position: absolute;
    left: 54%;
    top: 49.5%;
    transform: translate(-50%, -50%); }
    .banner_img_box .banner_text_img_box img {
      width: 100%;
      display: block; }


.ind_banner_box .banner_img_box {
  transform: scale(1.5);
  transition: all .5s ease-in-out; }
  .ind_banner_box .banner_img_box .banner_text_img_box {
    transform: translate(-50%, -50%) scale(1.25);
    opacity: 0;
    transition: all 0s ease; }

.ind_banner_box .active .banner_img_box {
  transform: scale(1);
  transition: all 0s ease; }
  .ind_banner_box .active .banner_img_box .banner_img {
    transform: scale(1);
    transition: all 3s ease; }
.ind_banner_box .active .banner_img_box .banner_text_img_box {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  transition: all .3s ease;
}
.ind_banner_box .swiper-pagination{
  bottom:4vh;
  width:100%;
  text-align:center;
}
.ind_banner_box .swiper-pagination-bullet{
  width:5px;
  height:5px;
  background:#fff;
  opacity:.4;
  position:relative;
  outline:none;
}
.ind_banner_box .swiper-pagination-bullet+.swiper-pagination-bullet{
  margin-left:57px;
}
.ind_banner_box .swiper-pagination-bullet:before{
  content:"";
  position:absolute;
  width:41px;
  height:3px;
  background:url(../images/banner_dot.png) no-repeat center center;
  left:-49px;
  top:1px;
}
.ind_banner_box .swiper-pagination-bullet:nth-of-type(1):before{
  display:none;
}
.ind_banner_box .swiper-pagination-bullet:after{
  content:"";
  width:15px;
  height:15px;
  border:solid 1px #fff;
  position:absolute;
  top:-6px;
  left:-6px;
  transform:rotate(45deg);
}
.ind_banner_box .swiper-pagination-bullet-active{
  opacity:1;
  background:#f75827;
}
.ind_banner_box .swiper-pagination-bullet-active:before{
  opacity:.4;
}
#page,#tabbar{ display:none}

.contact-left-inf{ float:left; width:460px;}
.contant-right-map{ float:right; width:900px;}
#contact-left-qrcode{ margin-top:30px;}
#contact-left-qrcode h3{ font-size:15px; color:#666; font-weight:normal;}
.contact-left-inf section p{ padding-left:36px; line-height:40px;}
.contact-left-inf section p:nth-child(2){ background:url(../images/c-icon1.png) no-repeat 0 center; background-size:25px 25px;}
.contact-left-inf section p:nth-child(3){ background:url(../images/c-icon1.png) no-repeat 0 center; background-size:25px 25px;}
.contact-left-inf section p:nth-child(4){ background:url(../images/c-icon1.png) no-repeat 0 center; background-size:25px 25px;}

.contact-left-inf section p:nth-child(5){ background:url(../images/c-icon2.png) no-repeat 0 center; background-size:25px 25px;}
.contact-left-inf section p:nth-child(6){ background:url(../images/c-icon3.png) no-repeat 0 center; background-size:25px 25px;}
.contact-left-inf section p:nth-child(7){ background:url(../images/c-icon4.png) no-repeat 0 center; background-size:25px 25px;}


@media screen and (max-width: 1440px){
 #nav ul li{ margin-left:24px; font-size:14px;}   
.wrapper { width: 1200px;}
 #about .weo-fl {width: 580px; height: 638px;}
 #about .weo-fr { width: 600px; height: 638px; border-radius: 50px 0 0 0; overflow: hidden;}   
 #advantage dl dd{width: 360px; height: 216px;  padding: 20px 10px;}  
 #advantage dl dd p {font-size: 14px;}   
 #news ul li{ width:280px; height:420px;}   
#news ul li span { width:240px; height:158px;}
 #news ul li span img{ width:240px; height:158px;}   
 #product{ width:1200px;}
 #right{ width:880px;}
 #product-list ul li{ width:277px;}
 #product-list ul li span{ width:277px; height:310px;}
 #product-list ul li img{width:277px; height:310px;}
 #product-info{ width:450px;}
 #page{ display:none}
 .contact-left-inf{ float:left; width:460px;}
.contant-right-map{ float:right; width:700px;}


}


@media (max-width:750px){
html{ font-size: 100% !important;}
body{font-size:16px;font-size:1.2rem ;}
nav:not(.mm-menu)
{
	display: none;
}
.wrap-white{padding:0;width:100%; background:#fff; overflow:hidden;}
.wrap-gray{ padding:0;background:#f7f7f6;}
.wrapper{padding:1.5rem 1rem;width:100%;}
.clear{clear: both;}
#header{ display:none;}
#page{ display:block;}
#language{ position:absolute; top:20px; right:70px}
#language a{ font-weight:normal;}
.ind_banner_box{ padding-top:60px; height:15rem;}
.swiper-button-next, .swiper-button-prev{ width:2rem; height:1.5rem; top:65%;}
.title section{height:4rem;}
.title section:before{ width:3rem; height:3rem; }
.title h2{ font-size:1.5rem; height:1.5rem; line-height:1.5rem;}
.title section{ padding:1rem 0 0 1rem;}
.title h3 span{ font-size:1rem}
.title h3 i{ margin-left:0.5rem;}
.title a{ display:none;}
.weo-flex-row-between{ justify-content:normal;}
.weo-flex{ display:block;}
#product-menu{ margin-top:2rem; width:100%; height:4rem;}
#product-menu dl{ display:flex; justify-content:flex-start;  flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap;}
#product-menu dl::-webkit-scrollbar{ display:none;}
#product-menu dl dd{height: 3rem;line-height: 3rem;font-size: 1rem;text-align: center;cursor: pointer; box-sizing: border-box; padding: 0;overflow: visible;border-top: 1px solid #e1e1e1; font-size:0.875rem}
#product-menu dl dd:first-child{height: 3rem;line-height: 3rem;}
#product-menu dl dd a:after{height: 3rem;line-height: 3rem;}
#product{ width:100%; margin:0;height:18rem;}
#product-item{ width:100%;height:14rem;}
#product-item ul li{ width:48%; margin:0 1rem 0 0; height:14rem;}
#product-item ul li span{ width:100%; height:11.5rem}
#product-item ul li img{ width:100%; height:100%; }
#product-item ul li h3{ height:2.5rem;line-height:2.5rem; font-size:0.875rem}
#product-btn{ width:60%; margin: 1.5rem auto 0 auto;}
#advantage-text{padding:0;}
#advantage-text h2{  font-size:1.5rem; height:1.5rem; line-height:1.5rem;}
#advantage-text h3{ font-size:1rem}
#advantage-text p{font-size:0.875rem}
.advan_dot,.advan_imgs{ display:none;}
#wrap-advantage{padding:1rem 0;}
#advantage{ margin-top:1rem; height:auto;}
#advantage dl{ }
#advantage dl dd{ position:relative; width:100%; height:9rem}
#advantage dl dd em.adv-icon1,#advantage dl dd em.adv-icon2,#advantage dl dd em.adv-icon3,#advantage dl dd em.adv-icon4{}
#advantage dl dd h3{ font-size:1rem;position: absolute;top: 0;left: 5.5rem;}
#advantage dl dd p{position: absolute;top: 2.5rem;left: 5.5rem; font-size:0.5rem;}
#advantage dl dd p.weo-text-elips{-webkit-line-clamp: 4; height:80px; line-height:1.25rem; text-align:left;font-size:0.875rem;}
#advantage dl dd:nth-child(even){ text-align:left;}
#advantage dl dd:nth-child(even) em{ margin-left:0;}
#about .weo-fl{width:100%; height:auto;}
#about-text{ padding:0;}
#about-text section{ font-size:0.875rem; width:100%; margin-top:1.5rem;}
#about-text h4{ width:10rem; height:3rem; margin:1.5rem auto 0 auto;}
#about-number{ margin-top:1.5rem;}
#about-number section h4{ font-size:0.875rem}
#about-number section h3{ display:block; height:60px; text-align:center;}
#about-number section h3 span{ font-size:1.5rem; line-height:2rem;}
#about-number section h3 em{ font-size:0.875rem; display:block; margin:0;}
#about .weo-fr{ width:100%; height:auto; display:none;}
#about .weo-fr img{ width:100%; height:auto;}
#news{ margin-top:2rem;}

#news ul{ margin:0; display:flex; justify-content:space-between; flex-wrap:wrap;}
#news ul li{ width:48%; margin:0 0 1.5rem 0; height:19rem;}
#news ul li a{padding:1rem;}
#news ul li h4{ font-size:2rem; height:2rem; line-height:2rem;}
#news ul li h3{ font-size:1rem; margin-top:1rem;}
#news ul li p{ font-size:0.875rem}
#news ul li em{ display:none;}
#news ul li i:before{ left:50%; margin-left:-20px;}
#news ul.weo-clear:after{ display:none;}
#news ul li span{ width:100%; height:5rem;}
#news ul li span img{width:100%; height:100%;}
#wrap-feedback{ padding:0;}
#feedback{ display:block;}
#feedback img{ width:100%; height:auto;}
#feedback-box{ width:100%; padding:1rem; height:auto;}
#feedback-item p{ font-size:.875rem; line-height:1.5rem; height:3rem;}
#footer{ display:none;}
#f-link{ padding:0;}
#f-link section{ margin-top:0;}
#tabbar{ display:block;}
.pf{position: fixed;}
.hidden{ overflow:hidden;}
#tabbar{left:0; right:0; bottom:0; height:4.5rem; margin-left:auto; margin-right:auto; padding:1rem 0; background:#fff; border-top:0.0625rem solid #e1e1e1; z-index:997;}
#tabbar dl dd{float:left; width:33.33%; height:3.325rem; text-align:center; overflow:hidden;}
#tabbar dl dd a{display:block;}
#tabbar dl dd em{display:block; width:100%; height:1.5rem; background-repeat:no-repeat; background-position:center;}
#tabbar dl dd em.home{background-image:url(../images/home.png); background-size:1.5rem 1.325rem;}
#tabbar dl dd em.wechat{background-image:url(../images/wechat.png); background-size:1.65rem 1.25rem;}
#tabbar dl dd em.tel{background-image:url(../images/tel.png); background-size:1.5rem 1.5rem;}
#tabbar dl dd h3{height:1.25rem; line-height:1.25rem; margin-top:0.325rem; font-size:0.875rem; overflow:hidden;}
#tabbar dl dd.current em.home,#tabbar dl dd:hover em.home{background-image:url(../images/home-h.png);}
#tabbar dl dd.current em.wechat,#tabbar dl dd:hover em.wechat{background-image:url(../images/wechat-h.png);}
#tabbar dl dd.current em.tel,#tabbar dl dd:hover em.tel{background-image:url(../images/tel-h.png);}
#tabbar dl dd.current h3,#tabbar dl dd:hover h3{color:#04863e;}
#copyright{ margin-bottom:4.5rem; height:5rem;}
#copyright .wrapper{ padding:1rem; line-height:1.5rem;}
#copyright .wrapper span{ display:none; }
.m_banner{ padding-top:3.65rem}
#lm-banner{ width:100%; height:10rem; background-size:cover;  }
#left{ float:normal; width:100%;} 
#right{ width:100%; float:normal}
.wrap-white.min{ padding:0rem;}
#location{ height:auto;}
#location h2{ display:none;}
#location .wrapper{ padding:1rem;}
#l-contact,#l-rmd{ display:none}
#l-menu h2{ display:none}
#l-menu dl{ display:flex; justify-content:flex-start;  flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap; margin:0;}
#l-menu dl::-webkit-scrollbar{ display:none;}
#l-menu dl dd{margin:0 0.5rem 0 0; overflow:visible;}
#l-menu dl dd a{ background:none}
#l-menu dl dd.current a{ background:none}
#l-menu dl dd:hover a{background-image:none; color:#04873e;}
#l-menu dl dd a{ padding:0 1.5rem;}
#l-menu{ margin-bottom:1rem;}
#location span{ font-size:0.875rem;}
#news-list ul li span{ width:8rem; height:5.5rem;}
#news-list ul li img{ width:100%; height:100%;}
#news-list ul li section{ height:auto}
#news-list ul li section p{ height:1.5rem;}
#news-list ul li section p.weo-text-elips{-webkit-line-clamp: 1;}
#news-list ul li section h5{ display:none;}
#product-list ul{ margin:0; display:flex; justify-content:space-between; flex-wrap:wrap;}
#product-list ul li{ width:48%; margin:0 0 1.5rem 0;}
#product-list ul li span{ width:100%; height:11.5rem;}
#product-list ul li span img{ width:100%; height:100%;}
#prev-next{ display:block;}
#prev-next a{ display:block; width:100%; height:2rem; line-height:2rem;}
#product-slide{ width:100%; height:31rem;}
#product-slide-item,#product-slide-item ul li{ width:100%; height:24rem;}
#product-slide-item ul li img{ width:100%; height:100%;}
#product-slide .weo-flex{ display:flex;}
#product-info{ width:100%;}
#contact-left-qrcode{ display:none;}
.contant-right-map{ margin-top:1.5rem;}













}













