@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.0/font/bootstrap-icons.css");
/* ==========================================================================
2. GENERAL
========================================================================== */
html{overflow-x:hidden;font-size:10px;}
body{font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;color:#333;font-size:1.4rem;font-weight:400;background:#fff;overflow-x:hidden}
img{ max-width:100%; height:auto;}
p{margin-bottom:0}
a{color:#333;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
a.nivo-lightbox-close{ color:#fff;}
a:focus,a:hover{color:#00662d;transition:0.3s all; } 
ul{margin:0;padding:0}
ul li{list-style:none}
a:focus,a:hover{text-decoration:none;outline:0}
/*
a:not([href]):not([tabindex]){color:#fff}
a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:#fff}
*/
.bg-transparent{background:0 0!important}
.bg-defult{background:#00662d!important}
/* ==========================================================================
2.1 Section Title
========================================================================== */
.section{padding:50px 0 0;}
.section-header{margin-bottom:30px;text-align:center;position:relative}
.section-header .section-title{font-size:3rem;margin-bottom:10px;text-transform:uppercase;font-weight:600;color:#263238;position:relative}
.section-header .section-subtitle{}
/* ==========================================================================
2.2 Buttons
========================================================================== */
.btn{font-size:1.4rem;padding:10px 30px;border-radius:30px;font-weight:400;color:#fff;text-transform:uppercase;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;display:inline-block}
.btn:active,.btn:focus{box-shadow:none;outline:0;color:#fff}
.btn-common{background-color:#00662d;position:relative;z-index:1;padding:12px 32px;border-radius:30px}
.btn-common:hover{color:#fff}
.btn-effect{overflow:hidden}
.btn-effect:after{content:'';position:absolute;width:0;height:100%;z-index:1;left:0;top:0;background:rgba(0,0,0,.1);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.btn-effect:hover:after{width:100%}
.btn-border{border-style:solid;border-width:2px;cursor:pointer;background-color:transparent;border-color:#fff;color:#fff}
.btn-border:hover{color:#fff;background-color:#00662d}
.btn-lg{padding:14px 33px;text-transform:uppercase;font-size:1.6rem}
.btn-rm{padding:7px 10px;text-transform:capitalize}
button:focus{outline:0!important}
.close-button{cursor:pointer}
.clear{clear:both}
/* ==========================================================================
2.4  Pre Loader
========================================================================== */
#loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#263238;z-index:9999999999}
.spinner{width:40px;height:40px;top:45%;position:relative;margin:0 auto}
.double-bounce1,.double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#00662d;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-bounce 2s infinite ease-in-out;animation:sk-bounce 2s infinite ease-in-out}
.double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}
@-webkit-keyframes sk-bounce{0%,100%{-webkit-transform:scale(0)}
50%{-webkit-transform:scale(1)}
}
@keyframes sk-bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)}
50%{transform:scale(1);-webkit-transform:scale(1)}
}
/* ========================================================================== 
-2.5 Scroll To Up 
========================================================================== */
.back-to-top{display:none;position:fixed;bottom:18px;right:15px}
.back-to-top i{display:block;width:36px;height:36px;line-height:36px;color:#fff;font-size:1.4rem;text-align:center;border-radius:30px;background-color:#00662d;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.overlay-2{background:rgba(0,0,0,.9)!important}
.overlay{position:absolute;width:100%;height:100%;top:0;left:0;background:#00662d;opacity:.5}
/* ==========================================================================
Navbar Style
========================================================================== */
.headerbg{ width:100%;}
.headertop{line-height:40px;}
.welcome{}
.headerlink{}
.headerlink a{ padding-left:20px;}
.headerlink em{ margin-right:5px;}
.menubg{ background:#00662d;}
.navbar-brand{height:100px; line-height:100px; padding:0 0;}
.navbar-brand span{ display:inline-block; vertical-align:middle;}
.navbar-brand img{max-height:100px}
@media screen and (min-width: 320px) and (max-width: 768px){
.navbar-brand{ padding-top:0!important; padding-bottom:0!important; max-width:80%;}
.navbar-brand{height:65px; line-height:65px;}
.navbar-brand img{max-height:55px}
}
.menu-bg{background-color:#fff!important;box-shadow:0 1px 3px 0 rgba(0,0,0,.16),0 1px 3px 0 rgba(0,0,0,.12);z-index:999;padding:3px}
.navbar-expand-md{background-color:#fff!important;box-shadow:0 1px 3px 0 rgba(0,0,0,.16),0 1px 3px 0 rgba(0,0,0,.12);z-index:999;padding:0}
.navbar-expand-md .navbar-nav li.nav-item{width:12.5%;}
.navbar-expand-md .navbar-nav .nav-link{color:#fff;line-height:60px;position:relative; display:block; text-align:center; padding:0 0;}
.navbar-expand-md .navbar-nav .nav-link:before{ content:""; height:100%; display:block; width:1px; background:#007634; position:absolute; left:0; top:0;}
.navbar-expand-md .navbar-nav li:first-child .nav-link:before{ display:none;}
@media (min-width: 576px) {
  .navbar-expand-md .navbar-nav .nav-link{line-height:32px;}
}

@media (min-width: 768px) {
  .navbar-expand-md .navbar-nav .nav-link{line-height:60px;}
}

@media (min-width: 992px) {
  .navbar-expand-md .navbar-nav .nav-link{line-height:60px;}
}

@media (min-width: 1200px) {
  .navbar-expand-md .navbar-nav .nav-link{line-height:60px;}
}
/*.navbar-expand-md .navbar-nav .nav-link:before{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:#00662d;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.navbar-expand-md .navbar-nav .active::before,.navbar-expand-md .navbar-nav .nav-link:hover::before{width:50%}*/
.navbar-expand-md .navbar-nav .nav-link:focus,.navbar-expand-md .navbar-nav .nav-link:hover,.navbar-expand-md .navbar-nav .nav-link:hover:before{color:#fff;font-weight:600;}
.navbar-expand-md .navbar-nav .active>.nav-link,.navbar-expand-md .navbar-nav .nav-link.active,.navbar-expand-md .navbar-nav .nav-link.active:before,.navbar-expand-md .navbar-nav .nav-link.open,.navbar-expand-md .navbar-nav .open>.nav-link{color:#fff;font-weight:600;}
.navbar-expand-md .navbar-toggler{border-radius:0;margin:5px 0;cursor:pointer;float:right;padding: 0.25rem 0; font-size:2rem;}
.dropdown-toggle::after{ display:none;}
.menubg ul.dropdown-menu{ margin:0 0; padding:0 0;border:none;border-radius:0; background:#00662d;min-width:100%;font-size:medium;}
.menubg ul.dropdown-menu li{ text-align:center;}
.menubg ul.dropdown-menu li a.dropdown-item{ color:#fff; font-size:1.4rem; line-height:36px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; display:block; padding:0 0;}
.menubg ul.dropdown-menu li a.dropdown-item:hover{color:#fff!important; background:#00662d;}
.headertel{ line-height:25px; background:url(../images/tel.png) no-repeat right center; padding-right:60px; text-align:right;}
.headertel p{  color:#000;font-size:1.6rem; padding:0; margin:0;}
.headertel h3{ font-size:2rem; margin:0; padding:0; color:#00662d;font-weight:600;}
.searchbox{ }
.searchbox .hotsearch{line-height: 25px; padding:10px 0; }
.searchbox .hotsearch span{ font-weight:600;}
.searchbox .hotsearch a{ padding: 0 10px;}
.searchbox .searchboxnr{overflow:hidden;padding:10px 0; }
.searchbox .searchboxnr form{ position:relative; border:1px #999 solid;-webkit-border-radius:20px;-moz-border-radius:20px;  border-radius:20px; overflow:hidden;}
.searchbox .searchboxnr input[type="text"]{line-height:30px; height:30px; border:0; text-indent:10px; color:#fff; background:none;float:left; display:block;width:clac(100% - 40px); outline:none;}
.searchbox .searchboxnr input::-webkit-input-placeholder{color:#fff;}
.searchbox .searchboxnr input::-moz-placeholder{color:#fff;}
.searchbox .searchboxnr input::-ms-input-placeholder{color:#fff;}
.searchbox .searchboxnr button[type="submit"]{height: 30px; width:40px; text-align:center;line-height:30px;background:none;border: 0;font-size:18px; color:#fff;cursor:pointer; float:right;}
/* ==========================================================================
Portfolio Section
========================================================================== */
#inproduct{background: #f5f8f9;padding: 60px 0px;}
.inproductcat{border: solid 1px #c7c7c7; margin-right:20px;}
.inproductcat .title{padding: 20px 0; text-align:center;background:url(../images/titlebg.png) no-repeat center #004c22;}
.inproductcat .title h4{font-size:1.6rem;color: #fff;text-transform:uppercase;}
.inproductcat .title h3{margin: 0 0 5px;color: #fff;font-size: 2rem;}
.inproductcat .inproductcatlist{background-color:#00662d;}
.inproductcat .inproductcatlist ul{ }
.inproductcat .inproductcatlist ul li{color:#fff; position: relative;border-top: 1px solid #fff;} 
.inproductcat .inproductcatlist ul li a{ font-size:1.4rem;line-height:6rem;padding-left:40px; display:block; color:#fff;}
.inproductcat .inproductcatlist ul li a:hover{background:#004c22;}
.inproductcontact{border: 2px solid #00662d; border-top: 0px; text-align: left; background-color: #fff; padding: 15px;}
.inproductcontact p{font-size: 1.8rem; text-align: center;}
.inproductcontact h3{color: #00662d;  font-size: 2.4rem; font-weight: bold;text-align: center;}
.inproductcontact .more{ text-align:center;}
.inproductcontact .more a{background-color: #00662d; border-radius: 10px; padding: 5px 25px; color: #fff; display:inline-block;}
.inproductlist{ margin-bottom:10px;}
@media (min-width: 1200px) {
.inproductcat{margin-right:20px;}
.inproductlist{ margin-left:-20px;}
}
.inptitle{background:url(../images/inptitle.jpg) no-repeat left bottom #fff; padding-bottom:15px; overflow:hidden;}
.inptitle span{ font-weight:600; color:#6fb70f; line-height:3rem;font-size:1.4rem; display:block;}
.inptitle a{color: #b90000;font-size:1.4rem;text-transform: uppercase;line-height:3rem; display:block;}
#portfolios{}
#portfolios .portfolio-item{}
#portfolio .mix{}
.controls{text-align:center;padding:0 0 20px}
.controls .active{color:#00662d!important;border-color:#00662d;background:0 0}
.controls .btn{text-transform:uppercase;margin:2px}
.controls:hover{color:#fff;cursor:pointer}
.portfolio-item{ margin-bottom:15px;}
.shot-item{width:100%;height:100%;overflow:hidden;position:relative}
.shot-item img{width:100%;height:100%;-webkit-transition-duration:4s;-o-transition-duration:4s;transition-duration:4s}
.shot-item .single-content{background-color:rgba(22,26,39,.7);opacity:.9;height:100%;left:0;opacity:0;position:absolute;top:0;-webkit-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;width:100%}
.shot-item .single-content .fancy-table{display:table;height:100%;left:0;position:relative;top:0;width:100%;z-index:2}
.shot-item .single-content .fancy-table .table-cell{display:table-cell;vertical-align:middle;text-align:center}
.shot-item .single-content .zoom-icon a{color:#fff;font-size:3rem;margin-bottom:15px}
.shot-item .single-content a{color:#fff;font-size:1.6rem}
.shot-item:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.shot-item:hover .single-content{opacity:.8}
.shot-txt{ text-align:center; line-height:250%; padding:5px;font-weight: normal; background:#00662d; margin-top:3px;}
.shot-txt a{ color:#fff;}

.item-boxes{padding:30px;border-radius:4px;border:1px solid #eaeaea;margin:15px 0;webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.item-boxes .icon{margin-bottom:10px}
.item-boxes .icon i{font-size:3rem;line-height:60px;color:#00662d}
.item-boxes h4{font-size:1.8rem;font-weight:500;margin-bottom:15px}
.item-boxes p{margin:0}
.item-boxes:hover{background:0 0;box-shadow:0 10px 50px 0 rgba(84,110,122,.35)}

#inbar{ position:relative; padding:0 0 0; margin-top:30px;}
.inbarpic{ margin:0 -960px; position:relative; z-index:1;}
.inbartxt{ position:absolute; z-index:2; left:0; top:0; width:100%; height:100%;}
.inbartxtbox{ width:100vw; color:#fff;}
.inbartitle{ color:#fff; padding-right:}
.inbartitle h3{ color:#fff; font-size:2.2rem;}
.inbartitle h3 span{ font-weight:100;}
.inbartitle p{color: #555;text-transform: uppercase;letter-spacing: 1.7px; font-size:1rem;}
.inbartel{ line-height:45px; padding-top:30px;}
.inbartel img{ vertical-align:middle; padding-right:10px;}
.inbartel span{ font-size:1.4rem;line-height:34px; display:inline-block;}
.inbartel i{ font-size:2rem; font-style:normal; font-weight:600;line-height:34px;display:inline-block;}
.inbartel a{width: 130px;background: #00662d; color:#fff;display:inline-block;border-radius: 5px;text-align: center;line-height: 34px;vertical-align:top; margin-left:10px;}
.inbartel a:hover{ background:#6fb70f;}
/* ==========================================================================
advantage Section Start
========================================================================== */
#advantage{ padding-bottom:50px; overflow:hidden;}
#advantage-scroller{ margin:35px -15px;}
.advantage-item-wrapper{ margin:0 auto;display:block; padding:0 15px;}
.advantage-item-wrapper a{border: 5px solid #f5f5f5; display:block;height: 360px;;}
.advantage-item-wrapper .pic{ position:relative;display:block; width:139px; height:139px; margin:32px auto;}
.advantage-item-wrapper .pic i{ position:absolute; top:0; left:0; width:100%; height:100%;line-height:139px; text-align:center; font-size:2.2rem; color:#fff; font-style:normal;}
.advantage-item-wrapper .pic img{ width:100%;}
.advantage-item-wrapper .txt{ padding:0 15px; line-height:2.2rem; }
/* ==========================================================================
process Section Start
========================================================================== */
#process{background: #f5f8f9;padding: 60px 0px;}
.processtitle{  background:#fff;border-radius:5px; padding-top:30px; margin-top:15px;}
.processtitle .title{ width:177px; height:177px; margin:0 auto; text-align:center; color:#fff;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;background: #00662d; line-height:177px; font-size:3rem; font-weight:600; margin-bottom:15px;}
.processtitle p{line-height: 50px;color: #696969;font-size:2.4rem;font-weight: bold;text-align: center;min-height:195px}
.processtitle .tel{ background:url(../images/in_04_l.png) no-repeat center bottom; background-size:100% auto; padding:50px 0 10px; line-height:3.6rem; font-size:2.8rem; color:#fff; text-align:center; ;}
.processbox{ margin-bottom:10px; padding-bottom:10px; position:relative;}
.processbox:before{content:"";width:100%;height: 1px;background: #cbcbcb;position: absolute;left:-15px;bottom:0;z-index: 1; display:block;}
.processbox .txt{ position:relative; margin-top:15px;}
.processbox .txt h3{color: #00662d;font-size:1.6rem;font-weight: bold;}
.processbox .txt p{line-height: 40px;color: #686767; margin:0; padding:0;}
.processbox .txt a.more{ position:absolute; right:0; bottom:0;background: #00662d;border-radius: 10px;line-height:36px; display:block; color:#fff;padding:0 30px;}
.processbox .pic{}
.processbox .pic img{ width:100%;}
/* ==========================================================================
Team Section
========================================================================== */
.testimonial{background:#f9f9f9}
.testimonial-item{padding:30px;margin:15px;background:#fff;border-radius:4px;border:1px solid rgba(0,0,0,.06)}
.testimonial-item .author{display:inline-block;margin-bottom:20px}
.testimonial-item .author .img-thumb{float:left;overflow:hidden;position:relative}
.testimonial-item .author .img-thumb img{border-radius:50%;width:75%}
.testimonial-item .author .author-info{float:left;padding:3px 0}
.testimonial-item .author .author-info h2{font-size:18px;font-weight:500;line-height:30px;margin-bottom:0}
.testimonial-item .author .author-info h2 a{color:#484848}
.testimonial-item .author .author-info h2 a:hover{color:#00662d}
.testimonial-item .content-inner{overflow:hidden}
.testimonial-item .content-inner .description{width:100%;margin-bottom:10px}
.testimonial-item .content-inner span{color:#00662d}
.owl-pagination{position:absolute;width:100%;left:0;bottom:-40px}
.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1}
.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:2px 4px;opacity:1;border-radius:30px;background:#fff;border:2px solid #fff;box-shadow:0 0 2px rgba(0,0,0,.2);transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{background:#00662d}
/* ==========================================================================
Slider
========================================================================== */
#carousel-area{overflow:hidden;background:#2c3e50}
#carousel-area .carousel-item{background-size:100%}
#carousel-area .carousel-item .img-responsive-a{ display:block;}
#carousel-area .carousel-item .img-responsive-a img{ width:100%;}
#carousel-area .carousel-item .carousel-caption{top:32%;right:10%;left:12%;text-shadow:none;padding-top:0;padding-bottom:0}
#carousel-area .carousel-item .carousel-caption h3{color:#fff;font-weight:500;font-size:26px;line-height:38px}
#carousel-area .carousel-item .carousel-caption h2{font-size:80px;font-weight:700;color:#fff}
#carousel-area .carousel-item .carousel-caption h4{color:#fff;font-size:18px;font-weight:500;margin-bottom:30px}
#carousel-area .carousel-control{display:none;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#carousel-area:hover .carousel-control{display:block;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeIn;animation-name:fadeIn}
#carousel-area .carousel-control-next,#carousel-area .carousel-control-prev{opacity:1}
#carousel-area .carousel-control-next i,#carousel-area .carousel-control-prev i{width:48px;line-height:48px;height:48px;color:#fff;font-size:24px;display:inline-block;background:#00662d;border-radius:30px;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
#carousel-area .carousel-control-next i:hover,#carousel-area .carousel-control-prev i:hover{opacity:.9}
/*#carousel-area .carousel-indicators li.active,#carousel-area .carousel-indicators li:hover{opacity:1}*/
#carousel-area .carousel-indicators{bottom:0;left: auto;}
#carousel-area .carousel-indicators li{width:20px;height:20px;border-radius:0; margin:2px 5px;border-top:none;border-bottom:none;text-indent:0; text-align:center;color:#fff;background:rgba(0,102,45,0.7);}
#carousel-area .carousel-indicators li.active{ width:24px; height:24px;margin:0 5px;  color:#fff;background:rgba(0,102,45,1);}
#slider-area{margin-top:-1px}
#slider-area .btn{margin-right:15px}
#slider-area .large_white{color:#fff}
#slider-area .about-info p{color:#333}
/* ==========================================================================
Blog 
========================================================================== */
#blog{ padding-bottom:50px;}
.inblogtitle{position:relative;margin-bottom: 15px;border-bottom: 1px solid #ccc;color: #00662d;}
.inblogtitle span{font-size:1.8rem;font-weight: 600;line-height:4rem;}
.inblogtitle em{ padding:0 5px; font-style:normal;font-size:1.4rem;font-weight: normal;ine-height:4rem;}
.inblogtitle i{font-size:1.4rem;font-weight: normal;font-style:normal; text-transform:uppercase;ine-height:4rem;}
.inblogtitle a{ position:absolute; right:0; top:0; line-height:40px; text-transform:uppercase;}
.blogbox{}
.blogbox .pic{}
.blogbox .txt{ margin-left:-15px; margin-right:15px;}
.blogbox .txt em{ font-style:normal; font-size:1.4rem; margin-bottom:10px; display:block;}
.blogbox .txt h3{ font-size:1.8rem;}
.blogbox .txt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.blogboxlinka{ overflow:hidden; line-height:36px; position:relative; padding-left:25px;}
.blogboxlinka.active{ display:none;}
.blogboxlinka:before{content: '';background:#00662d;width: 4px;height: 4px;position: absolute;left: 10px;top: 9px;}
.blogboxlinka span{ float:right; font-size:1.2rem;}
.blogboxlinka:hover,.blogboxlinka:focus,.blogboxbg:hover{ color:#333;}
.blogboxbg{border-bottom: 1px dotted #ccc;display:block;}
.blogboxbg .txt{ padding-top:15px;}


.infaqs{}
.infaqslist{ }
.infaqslist ul{}
.infaqslist ul li{border-bottom: 1px dashed #999; padding-bottom:1rem; margin-bottom:1rem; display:block;}
.infaqslist ul li:after{ content:""; display:table; clear:both;}
.infaqslist ul li h3{font-size: 1.4rem; font-weight: bold; line-height: 32px;}
.infaqslist ul li i{background-color: #00662d;}
.infaqslist ul li i{font-size: 1.2rem; border-radius: 5px; color: #fff; padding: 4px; font-weight: normal; margin-right: 1rem; font-style:normal;}
.infaqslist ul li h3 a{color: #00662d; }
.infaqslist ul li p{padding: 3px 0; line-height: 2.4rem; font-size: 1.4rem;}
.infaqslist ul li p span{ }

/* ==========================================================================
about
========================================================================== */
#about{ padding:50px 0;}
.about{ background:#fff;border: 2px solid #00662d;padding: 50px;}
.about .txt{color: #888; line-height:200%;}
.about .txt .aboutpic{ margin-bottom:10px;}
.about .txt .more{ margin-top:15px;}
.about .txt .more a{display: block;width:100%;height: 40px;border: 1px solid #00662d; text-align:center;line-height: 40px;color: #fff; background:#00662d;transition: 0.3s all;}
.about .txt .more a:hover{background: #00662d; color: #fff; transition: 0.3s all; }
.about .pic{}

#hotproducts{ background:url(../images/hotproductsbg.jpg) no-repeat center top;}
.hotproductslist{ padding:30px 0 50px;}
.hotproductslist .bd{}
.hotproductslist .bd ul{ overflow:hidden; zoom:1;}
.hotproductslist .bd ul li{ margin:0; float:left; width:25%; overflow:hidden; text-align:center; }
.hotproductslist .bd ul li .hotproductsbox{ margin:10px; padding:10px; background:#fff;}
.hotproductslist .bd ul li .pic{ }
.hotproductslist .bd ul li .txt{ line-height:40px}
.hotproductslist .bd ul li .txt a{ display:block;}

#inner-page{ margin-top:30px;}

.weizhi{ border-bottom:1px #cccccc solid; line-height:40px; position:relative; display:none;}
.weizhi i{ margin-right:5px;}
.nrbt{color:#333;line-height:50px; font-size: 1.4em;}
.nrothers{line-height:4rem;color:#9c9c9c;border-bottom:1px #ededed dashed}
.nrothers span{ margin-right:10px;}
.nrothers span i{ padding:0 5px;}
.nrothers a{color:#ededed;font-size:1rem}
.fontZoom,.single,.view{padding:30px 0;}
.fontZoom img,.single img{max-width:100%}
.fontZoomtitle{background-color:#eee;margin-bottom:20px}
.fontZoomtitle h3{line-height:36px;padding-left:10px;color:#000}

.viewbox,.productshow{ background:#fff; margin-bottom:30px;}

.ProductZoom{padding:5px 0; border-bottom:1px #e4e5e5 solid; margin-bottom: 15px;}
.ProductZoom img{max-width:100%}
.ProductZoomtitle{ margin-bottom:15px; border-bottom:1px #eee solid; color:#00662d;line-height:36px; position:relative;}
.ProductZoomtitle h3{ min-width:120px; font-size: 1.8rem; color:#00662d; float:left;}
.ProductZoomtitle:before{ width:120px; border-bottom:3px #00662d solid; position:absolute; bottom:-1px; left:0;content:""; display:block;}
.ProductZoomtitle:after{ content:""; display:table; clear:both;}

.cloud-zoom-lens{border:2px solid #ddd;margin:0;background-color:#fff;cursor:move}
.cloud-zoom-title{ display:none;position:absolute!important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;font-weight:700;font-size:10px;top:0}
.cloud-zoom-big{border:2px solid #ccc;overflow:hidden;}
.cloud-zoom-loading{color:#fff;background:#222;padding:3px;border:1px solid #000}
.zoom-section{clear:both;}
.zoom-small-image{/*float:left;*/margin:0; max-width:100%; border:1px #eee solid;}
.zoom-small-image img{width:100%;}
.cloud-zoom-gallery{ text-align:center; display:block;}
.zoom-tiny-image{border:1px solid #eee;}
.zoom-tiny-image:hover{border:1px solid #f9f66d}
.zoom-desc{float:left;margin:4px 0 0 0;width:100%;display:inline}
.zoom-desc p{line-height:140%;margin-bottom:10px;color:#FFF}

#product-scroller{ }
#product-scroller .item{margin:0 2px;}
#product-scrolle .owl-carousel .owl-wrapper-outer{padding:0 10px;}
#product-scroller .owl-controls .owl-buttons{ position:absolute; width:100%; top:calc(50% - 25px);}
#product-scroller .owl-controls .owl-buttons div{color: #4e4e4e;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver */width:10px; height:45px;;margin:0;padding:0;color:#00662d; line-height:45px;}
#product-scroller .owl-controls .owl-buttons div.owl-prev,#product-scroller .owl-controls .owl-buttons div.owl-next{opacity:1;filter:alpha(opacity=100);position:absolute; left:-10px; top: 0; }
#product-scroller .owl-controls .owl-buttons div.owl-next{right:-10px; left: auto;}
#product-scroller .owl-controls .owl-buttons div.owl-prev:hover,#product-scroller .owl-controls .owl-buttons div.owl-next:hover{opacity:0.7;filter:alpha(opacity=70)}

.productwz{}
.productwz h3{ color:#00662d; font-size:1.8rem;}
.productwz p.wz{ margin-bottom:10px;}
.productwzothers{line-height:40px;color:#9c9c9c;}
.productwzothers span{ margin-right:10px;}
.productwzothers span i{ padding:0 5px;}
.productwzothers a{color:#ededed;font-size:1.2rem;}
.productwz .productwzlist{}
.productwz .productwzlist dl{ overflow:hidden; margin:0; padding:0; margin-bottom:5px;}
.productwz .productwzlist dl dt{ float:left; width:80px;}
.productwz .productwzlist dl dd{width:calc(100% - 85px); float:right;}
.productwz .productdescription{ overflow:hidden;margin: 0;padding: 10px 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;}
.productwz .productdescription dl{}
.productwz .productdescription dl dt{width:80px; float:left;}
.productwz .productdescription dl dd{width:calc(100% - 85px); float:right;}
.productwz .more{ padding:10px 0; overflow:hidden; display: none;}
.productwz .more a{ width:100px; display:block; background:#00207F; color:#fff;line-height:32px; float:left; margin-right:10px; text-align:center;border-radius:5px;}

.enquiry{ margin-top:20px;}
.enquiry a{ display:inline-block; line-height:35px; padding:0 20px; background-color:#ae0f0f; color:#fff;border-radius:4px;}

.shangxia{}
.shangxia ul{ border-top: 1px #00207F dotted;border-bottom: 1px #00207F dotted; padding: 0.5rem 0;}
.shangxia ul:after{ content: ""; display: table;clear: both;}
.shangxia ul li{ width: 50%; float: left;}
.shangxia ul li:nth-child(2){ text-align: right;}
.productpic{text-align:center}

.likearticle {}
.likearticle .title{ border-bottom: 1px #11497c solid; margin: 15px 0;}
.likearticle .title:after{ content: ""; display: table; clear: both;}
.likearticle .title h3{ color: #333; font-size: 1.8rem;}
.likearticle .title h3 i{font-size: 1.4rem; font-style: normal;color: #00662d; padding: 0 5px;font-weight:200;}
.likearticle .title h3 em{ font-size: 1.4rem;font-style: normal; color: #00662d; text-transform: uppercase;font-weight:200;}
.likearticle .title a{ float: right;}
.likearticle .title a i{ font-style: normal;}
.likearticle .title a:hover{ padding-right: 10px; text-decoration: underline; color: #00662d;}
.likearticle .likearticlelist{}
.likearticle .likearticlelist ul li{ line-height:30px; margin-bottom:5px; padding-bottom:5px;border-bottom: 1px solid #ccc;}
.likearticle .likearticlelist ul li span{ float:right;}
.likearticle .likearticlelist ul li a{ line-height:30px;}
.likearticle .likearticlelist ul li a i{ margin-right: 5px;}
.likearticle .likearticlelist ul li a:hover{ color: #00662d; padding-left:20px;}
.commend {}
.commend .title{ border-bottom: 1px #11497c solid; margin: 15px 0;}
.commend .title:after{ content: ""; display: table; clear: both;}
.commend .title h3{ color: #333; font-size: 1.8rem;}
.commend .title h3 i{font-size: 1.4rem; font-style: normal;color: #00662d; padding: 0 5px;font-weight:200;}
.commend .title h3 em{ font-size: 1.4rem;font-style: normal; color: #00662d; text-transform: uppercase;font-weight:200;}
.commend .title a{ float: right;}
.commend .title a i{ font-style: normal;}
.commend .title a:hover{ padding-right: 10px; text-decoration: underline; color: #00662d;}

.commendbg{ padding: 30px 0;}
.commend .commendproductbox{  position: relative;-webkit-box-shadow:-4px 0px 8px 1px #f0f0f0,0px -4px 8px 1px #f0f0f0,4px 0px 8px 1px #f0f0f0,0px 4px 8px 1px #f0f0f0;box-shadow: -3px 0px 6px 1px #f0f0f0,0px -4px 8px 1px #f0f0f0,4px 0px 8px 1px #f0f0f0,0px 4px 8px 1px #f0f0f0; background:#f7f7f7; }
.commend .commendproductbox .pic{ position: relative;}
/*.commend .commendproductbox .pic::before{ position: absolute;content: ""; display: none; top: 0; right: 0; width: 48px; height: 48px; background: url(../images/tj.png) no-repeat; z-index: 10;}*/
.commend .commendproductbox .pic:before{ position: absolute;content: ""; display: block; top: 0; left: 10px; width: 48px; height: 48px; background: url(../images/logo.png) no-repeat center; z-index: 10; background-size: 100% auto;}
.commend .commendproductbox .txt{  color: #666; text-align: center;}
.commend .commendproductbox .txt a{ line-height: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; color: #666; padding: 0 5px; display: block;}
.commend .commendproductbox .txt:hover a{ text-decoration:underline; color: #00662d;}

.commendnews .commendnewsbox{ margin:0 15px 15px;}
.commendnews .commendnewsbox .pic{}
.commendnews .commendnewsbox .pic img{ width: 100%;}
.commendnews .commendnewsbox .txt{}
.commendnews .commendnewsbox .txt h3{ font-size:1.6rem;}
.commendnews .commendnewsbox .txt h3 a{white-space: nowrap; text-overflow: ellipsis;overflow: hidden; word-break: break-all; display: block;line-height: 3rem; padding: 0;}
.commendnews .commendnewsbox .txt h3:hover a{color: #333 ; text-decoration: underline; padding-left: 10px;}
.commendnews .commendnewsbox .txt p{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; margin: 0;}
.commendnews .commendnewsli{ overflow: hidden; border-bottom: 1px #e5e5e5 solid;}
.commendnews .commendnewsli span{ float: right;line-height: 1.5rem;  display: block;    padding: 10px 0;}
.commendnews .commendnewsli a{ white-space: nowrap; text-overflow: ellipsis;overflow: hidden; word-break: break-all; display: block;line-height: 1.5rem; padding: 10px 0;}
.commendnews .commendnewsli a i{ margin-right: 5px;}
.commendnews .commendnewsli a:hover{ color: #00662d ; text-decoration: underline;margin-left: 10px;}



.crumb{margin: 0 0 2rem;}
.crumb .crumbbox{ padding:0.5rem 0; line-height:2rem;color: #666;}
.crumb .crumbbox:after{ content: ""; display: table; clear: both;}
.crumb .crumbbox .crumbtitle{ font-size:1.8rem; font-weight:600; color:#00662d;line-height:2rem; }
.crumb .crumbbox .crumbwz{}
.crumb .crumbbox .crumbwz i{ margin-right:5px; font-size:1.4rem;line-height:2rem; }
.crumb .crumbbox .crumbwz:hover i{ color:#00662d;}
.crumb .crumbbox .crumbwz a{line-height:2rem; color: #666;}

.sitemaplist{ padding: 15px 0;}
.sitemaplist ul{ display: block;}
.sitemaplist ul:after{ clear: both; content: ""; display: table;}
.sitemaplist ul li{ padding-left: 10px;}
.sitemaplist ul li a{ line-height: 36px; padding: 0 15px; color: #000; font-weight: 600; font-size: 1.5rem;}
.sitemaplist ul li a:hover{ text-decoration: underline; padding: 0 5px 0 25px; color: #00662d;}
.sitemaplist ul li ul li{ float: left;}
.sitemaplist ul li ul li.xj{ float: none; width:100%; overflow:hidden;}
.sitemaplist ul li ul li a{ font-weight: normal;font-size: 1.4rem;}

.substation{}
.substation .title{position:relative;height:36px;padding:0; margin: 15px 0;  text-align:left;font:bold 22px/42px "微软雅黑";color:#737372;}
.substation .title a{position:absolute;right:10px;top:0px;height:36px;width:100px;text-align: center;display:block;background:#eb2830;color:#fff;line-height: 36px;font-size:1.4rem;font-weight: bold;}
.substation .title a:hover{text-decoration:none;background:#f39c11;color:#fff;}
.substation .substationlist{border: 1px solid #f4f4f4;padding: 15px; margin: 15px 0;}
.substation .substationlist dl{padding: 10px 0;line-height: 24px;overflow: hidden;border-bottom: 1px dashed #ddd;}
.substation .substationlist dl dt{float:left;font-family:arial;font-weight:bold;font-size:1.8rem;width:35px;padding-left:25px;color:#444;display: table-cell;}
.substation .substationlist dl  dd{margin:0 0 0 55px;padding-left:15px;border-left:1px dashed #b2b2b2;}
.substation .substationlist dl  dd a{padding:1px 12px 1px 12px;white-space:nowrap;float:left; display: block; line-height: 30px;;}
.substation .substationlist dl  dd a:hover{text-decoration:none;background:#eb2830;color:#fff;}
.substation .substationfooter{text-align: center; border-top: 2px solid #eb2830;padding-top: 10px;}
.substation .substationfooter .substationfootermenu{}
.substation .substationfooter .substationfootermenu ul{}
.substation .substationfooter .substationfootermenu ul li{ display: inline-block; line-height: 30px;}
.substation .substationfooter .substationfootermenu ul li a{ display: block; padding: 0 15px;}
.substation .substationfooter .copyright{ text-align: center; padding: 10px 0;}

.leftsideBar{ margin-bottom:30px;}
.leftsideBar .title{padding: 20px 0; text-align:center;background:url(../images/titlebg.png) no-repeat center #004c22; position:relative;}
.leftsideBar .title h4{font-size:1.6rem;color: #fff; text-transform:uppercase;}
.leftsideBar .title h3{margin: 0 0 5px;color: #fff;font-size:2rem; }
.leftsideBar .titles{ background: #00662d; color: #fff; padding:10px;}
.leftsideBar .titles:after{ content:""; display:table; clear:both;}
.leftsideBar .titles h3{ color: #fff; font-size: 1.8rem; margin: 0; float:left; position:relative; padding-left:10px;}
.leftsideBar .titles h3:before{content:""; display:block; left:0; top:15%; width:3px; height:70%; position:absolute; background:#fff;}
.leftsideBar .titles i{ float: right; color: #fff; cursor: pointer; margin: 5px 5px 0; font-size: 1.4rem;}
.leftsideBar .titles i a{ color: #fff;}
.leftsideBar .titles:after{  content: ""; display: table; clear: both;}

#leibiea i{ font-size: 2rem; color:#fff; float:right;}
.leibie{background:#00662d;}
.menuTree{ }
.menuTree ul{display:none;}
.menuTree li{line-height:45px;color:#00662d; display:block;position:relative;}
.menuTree li:after{ position:absolute;content: "";display: block;height:1px;width:100%;border-top: 1px solid #fff;left: 0; top: 60px;}
.menuTree li a{line-height:60px;height:60px;overflow:hidden; position:relative;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all;display:block;border-top:1px solid #fff;padding:0 8px 0 25px;}
.menuTree li i{ display:none; float:right; color:#000; font-size:2.4rem; width: 20px; text-align: center; font-style: normal; position: absolute; top: 0; right: 10px; cursor: pointer;}
.menuTree li.parent i.add{display:block;}
.menuTree li.parent i.subtract{display:none;}
.menuTree li.parent.expanded i.add{display:none;}
.menuTree li.parent.expanded i.subtract{display:block;}
.menuTree li.child i.add,.menuTree li.child i.subtract{display:none;}
.menuTree li a:hover,.menuTree ul li a.cur{color: #fff;background: #004c22;text-decoration:underline;}
.menuTree ul li ul li a{line-height:60px;height:60px;overflow:hidden;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; word-break: break-all; display:block;padding:0 8px 0 32px;}
.menuTree ul li ul li a:hover,.menuTree ul li a.cur{color:#fff;background:#00662d;text-decoration:underline;}
.leibies{ padding:10px 0;}
.leibies ul{ text-align:center;}
.leibies ul:after{ content:""; display:table;clear:both;}
.leibies ul li{line-height:60px;color:#00662d;display: inline-block; padding:0 5px; }
.leibies ul li a{line-height:60px; height:60px; overflow:hidden;border: 1px #00662d solid; text-align:center; display:block; padding:0 30px;color:#00662d;-moz-border-radius: 10px;border-radius: 10px; }
.leibies ul li a:hover,.leibies ul li a.cur{color:#fff; btext-decoration: none; background: #00662d; border-color: #00662d;}
.leibies ul li ul{ display: none;}

.leftnews{  margin-top: 15px;padding-bottom: 0;}
.leftnews .leftnewslist{}
.leftnews .leftnewslist ul{}
.leftnews .leftnewslist ul li{white-space: nowrap;text-overflow: ellipsis; overflow: hidden; word-break: break-all; line-height: 30px;}
.leftnews .leftnewslist ul li i{ display: inline-block; background: #999; color: #fff;  line-height: 18px; padding: 0 5px; margin:6px 0; font-size:1rem;-webkit-transform:scale(0.8);  font-style: normal; width: 24px; text-align: center; margin-right: 4px;}
.leftnews .leftnewslist ul li:nth-child(1) i,.leftnews .leftnewslist ul li:nth-child(2) i,.leftnews .leftnewslist ul li:nth-child(3) i{ background: #00662d;}
.leftnews .leftnewslist ul li a{}
.leftnews .leftnewslist ul li a:hover{ color:#00662d;}

.lefttags{  margin-top: 15px;padding-bottom: 0;}
.lefttags .lefttagslist{ padding-top:10px;}
.lefttags .lefttagslist ul{ overflow:hidden; margin:0 -2px;}
.lefttags .lefttagslist ul li{ width:50%; float:left;}
.lefttags .lefttagslist ul li a{ line-height: 30px;border: 1px dashed #d0d0d0;background: #fcfcfc; display:block; white-space: nowrap;text-overflow: ellipsis; overflow: hidden; word-break: break-all; margin:2px; text-align:center;}

.leftcontact{margin-top: 15px;padding-bottom: 0;}
.leftcontact .txt{border: 2px solid #00662d; border-top: 0px; text-align: left; background-color: #fff; padding: 15px;}
.leftcontact .txt p{font-size: 1.8rem; text-align: center;}
.leftcontact .txt h3{color: #00662d;  font-size: 2.4rem; font-weight: bold;text-align: center;}
.leftcontact .txt .more{ text-align:center;}
.leftcontact .txt .more a{background-color: #00662d; border-radius: 10px; padding: 5px 25px; color: #fff; display:inline-block;}


.blog-item-wrapper{background:#fff; margin-bottom:15px;-webkit-transition:transform .2s linear,-webkit-box-shadow .2s linear;-moz-transition:transform .2s linear,-moz-box-shadow .2s linear;transition:transform .2s linear,box-shadow .2s linear}
.blog-item-wrapper:hover{box-shadow:0 10px 50px 0 rgba(84,110,122,.35);-webkit-transform:translateY(-5px);transform:translateY(-5px)}
.blog-item-wrapper:hover .blog-item-img:before{opacity:1}
.blog-item-img{position:relative}
.blog-item-img img{width:100%;}
.blog-item-text{padding:1.5rem 3rem;}
.blog-item-text h3{line-height:3rem;font-size:1.8rem;font-weight:500;margin-bottom:5px;}
.blog-item-text h3 a{color:#263238}
.blog-item-text h3 a:hover{ color:#00662d;}
.blog-item-text p{}
.meta-tags{margin-top:10px}
.meta-tags span{color:#999;;margin-right:10px}
.meta-tags span i{margin-right:5px} 
.meta-tags span a{color:#999}
.meta-tags span a:hover{}


.pages{ padding:15px 0 30px;}
.pages .page-link{color: #333;}
.pages .page-item.active .page-link{background-color: #00662d;border-color: #00662d;}
.single{ margin-bottom:50px;}
.form-group{ position:relative;}
.content-form{padding:0 0 50px;}
.content-form .content-form-title{}
.content-form .content-form-title h3{ font-size: 1.8rem; line-height: 120%; font-weight: 600; color: #000; font-family: arial;}
.content-form .content-form-title p{ font-size: 1.2rem;  font-weight: 100;}
.content-form .form-submit{}
.content-form .form-submit button{ width: 100%;}
/* ==========================================================================
Contact Us
========================================================================== */
.form-control{width:100%;margin-bottom:20px;padding:15px 15px;font-size:1.4rem;border-radius:30px;border:1px solid transparent;background:#f5f5f5;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.form-control:focus{border:1px solid #00662d;outline:0;box-shadow:none;}
.btn.disabled,.btn:disabled{opacity:1}
textarea{border-radius:4px!important}
.contact-info{margin-bottom:15px}
.contact-info i{font-size:2rem;color:#00662d}
.contact-info h5{margin-top:5px;font-size:1.8rem;font-weight:500}
.contact-info p{font-size:1.4rem;margin-bottom:0}
#contact{background:#fff;position:relative;overflow:hidden}
#contact .contact-block{overflow:hidden}
.text-danger{font-size:1.4rem;margin-top:10px}
.list-unstyled li{color:#d9534f}
/* Contact Map */
#conatiner-map{width:100%;height:480px}
#google-map-area{position:relative}
#google-map-area .container-fluid{padding-left:0;padding-right:0}
.toggle-map{height:5px;width:100%;background-color:#00662d;bottom:0;text-align:center;position:absolute;z-index:106}
.toggle-map .map-icon{width:50px;height:50px;display:inline-block;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;background-color:#fff;border:#00662d 3px solid;position:relative;top:-46px}
.toggle-map .map-icon i{width:44px;height:44px;display:inline-block;line-height:44px;text-align:center;font-size:2rem}
#google-map{text-align:center;background-color:#fff;height:465px;position:absolute;bottom:-460px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;z-index:101;width:100%;border-top:#00662d 3px solid}
#google-map.panel-show{bottom:-20px!important;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}

#friendlink{ padding:15px 0; color: #000;background:#F3F6F7; min-height:100px;}
#friendlink .friendlinktitle{ line-height:2.2rem; display:inline-block;}
#friendlink .friendlinkwz{display:inline-block;}
#friendlink .friendlinkwz a{ line-height:2.2rem;color: #999; padding: 0 10px; display: inline-block;}
#friendlink .friendlinkwz a:hover{}
/* ==========================================================================
Footer Style
========================================================================== */
.my-kefu{position: fixed;right: 0px;top:20%;z-index:9999;} 
.my-kefu ul{width: 77px;} 
.my-kefu li a{text-decoration: none; display:block;} 
.my-kefu li{background:#00662d;margin-top: 1px;padding: 9px 0;height: 74px;width: 77px;} 
.my-kefu li i{background: url(../images/kefu.png) no-repeat;display:block; width: 30px; height: 27px; margin: 0px auto; text-align: center;} 
.my-kefu li p{height: 20px; line-height: 20px; overflow: hidden;text-align: center;color: #fff;} 
.my-kefu .my-kefu-qq i{background-position: 4px 0;} 
.my-kefu .my-kefu-tel i{background-position: 0 -25px;} 
.my-kefu .my-kefu-tel1 i{background-position: -35px 4px;} 
.my-kefu .my-kefu-tel1:hover{ width:246px; height:145px;} 
.my-kefu .my-kefu-tel2 i{background-position: -35px 4px;} 
.my-kefu .my-kefu-tel2:hover{ width:246px; height:172px;} 
.my-kefu .my-kefu-liuyan i{background-position: 4px -53px;} 
.my-kefu .my-kefu-weixin i{background-position: -34px 4px;} 
.my-kefu .my-kefu-weibo i{background-position: -30px -22px;} 
.my-kefu .my-kefu-ftop{background-color:#333;} 
.my-kefu .my-kefu-ftop i{width:33px;height:35px;background-position: -27px -51px;} 
.my-kefu-left{ float: left; width: 77px; height: 47px;position: relative;} 
.my-kefu-tel-right{font-size: 2rem; color: #fff; float: left; height: 24px; line-height: 24px; padding-left:15px; border-left: 1px solid #fff; padding-top: 10px;} 
.my-kefu-tel1-right{font-size: 2rem; color: #fff; float: left; height: 24px; line-height: 22px; margin-top: 8px; border:none; margin:0 auto; margin-bottom:5px;} 
.my-kefu-tel2-right{font-size: 2rem; color: #fff; float: left; height: 24px; line-height: 22px; margin-top: 8px; border:none; margin:0 auto; margin-bottom:5px;} 
.my-kefu-right{width: 20px;} 
.my-kefu-tel-main{color: #fff; margin-top: 9px; height: 47px; width: 247px;} 
.my-kefu-main{width: 97px;position: relative;} 
.my-kefu-weixin-pic{position: absolute;left: -130px;top: -24px; display: none;}
#baiduditubox img,.google-maps img {max-width: none!important;}
#baiduditubox label{ max-width: none!important;}
footer{background:#00662d; color:#fff;}
footer a{ color:#fff;}
footer .footer-Content{padding:10px 0;border-bottom: 1px solid #62B770;}
footer .footermenu{padding-left:0;}
footer .footermenu ul{ overflow:hidden; text-align:center;}
footer .footermenu li{ display:block; width:12.5%; float:left;}
footer .footermenu li a{color:#fff; line-height:30px; padding:0 15px;}
footer .footermenu li a:hover{color:#fff; font-weight:600;}
.site-info{}
.copyright{padding:20px 0 10px;border-top:1px solid #eaeaea;}
.copyright p{margin-bottom:0;line-height:40px}
.copyright p a{color:#fff}

@media (min-width: 641px) and (max-width: 1024px) {
.advantagelist .txt{ position:relative; width:100%; margin:15px 0;left:0;}	
}
@media (max-width: 768px) {
.navbar-expand-md .navbar-nav li.nav-item{width:100%;}
.navbar-expand-md .navbar-nav .nav-link{ line-height:3rem;}
.dropdown-toggle::after{ display:inline-block;}
.advantagelist .txt{ position:relative; width:100%; margin:15px 0;left:0;}	
.advantagelist .txtbox h3{ font-size:1.8rem;}
.advantagelist .txtbox h3 i{font-size:2rem;}
.advantagelist .txtbox p,.advantagelist .txtbox ul li{ font-size:1.4rem;}
.hotproductslist .bd ul li{ width:100%;}
.about{padding:10px;}
#advantage-scroller{ margin:35px 0;}
.blogbox .txt{ margin-left:0; margin-right:0;}
.leftsideBar .title{ text-align:left; padding:10px;}
.leftsideBar .title h3{ padding:0 5px;}
.leibie{ display: none;}
.productshow,.viewbox{padding:0;margin-top:0;}
footer .footer-Content{ padding:15px 0;}
.widget.line:before{display:none;}
.support,.site-info{ text-align:center;}
}