*{ margin:0; box-sizing: border-box; padding:0; transition-property: all;-ms-transition-property: all;-moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all;}
body{ font-family:"microsoft yahei"; color:#333; font-size:0.9rem;  line-height: 24px; min-width: 1280px;}
a{ text-decoration: none; -webkit-transition: all ease .1s;  -moz-transition: all ease .1s; transition: all ease .1s; border:none; color: #333;}
a:focus { outline: 0 }
a:hover{ color: #00b350;}
img{ border:none; -webkit-transition: all ease .5s;  -moz-transition: all ease .5s; transition: all ease .5s; vertical-align: middle;}
ul,li{ list-style:none;}
.clear{ clear:both;}
.clearfix{ clear:both;}
p{ margin:0; padding:0;}
.padding5{ padding:5px;}
.padding10{ padding:10px;}
.padding15{ padding:15px;}
.padding20{ padding:20px;}
.padding30{ padding:30px;}
.padding40{ padding:40px;}
.fr{ float:right;}
.fl{ float:left; }
.paddingright{ padding-right:10px;}
.paddingleft{ padding-left:10px;}
.undis{ display:block;  background-size: cover;}
.dis{ display:none;  }
.pr5{ padding-right:5px;}
.red{ color:#f00;}
.fff{ color:#fff;}
.pdt30{ padding-top: 30px;}
.txtcenter{ text-align: center;}
h4, .h4, h5, .h5, h6, .h6{ margin: 0;}
.auto1280{ width:1360px; margin: 0 auto;}
.flex {display: flex; flex-wrap: wrap;}
.flex-center { display: flex; align-items: center; justify-content: center;}
.flex-center-contain { justify-content: space-between;}
.flex-center-contain1 { justify-content: space-between; align-items: center; }
.flex-center-contain2 { align-items: center; }
.flex-center1 { display: flex; align-items: center; justify-content: center;}


#home .home,
#products .products,
#brand1 .brand1,
#brand2 .brand2,
#brand3 .brand3,
#brand4 .brand4,
#about .about,
#solution .solution{color: #00b350; font-weight: bold; }







input,button,select,textarea{ outline:none;  font-family:"microsoft yahei"; }
textarea{resize:none; }
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none; font-weight:normal;}

#warp{ width:100%; height:auto; position: relative; }

header{ width: 100%; height: 98px; padding: 20px 0; background: #FFFFFF; position: fixed; left: 0; top: 0; z-index: 999; box-shadow: 0px 6px 20px 1px rgba(0,0,0,0.08);}
header .logo{ width: 146px; height: 58px;}
header .logo a{ display: block; width: 146px; height: 58px; background: url(../images/logo.png) no-repeat;}
header .logo a h1{ display: none;}

header nav ul li{ font-size: 1.1rem; padding: 0 25px; position: relative; line-height: 40px;}
header nav li:hover ul{ display: block;}
header nav li ul{ display: none; position: absolute; left: 0; z-index: 999; top: 32px; background: #FFFFFF; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); width: 200px;}
header nav li ul li{ height: 42px; line-height: 42px; font-size: 0.9rem; border-bottom: 1px solid #EEEEEE; padding: 0;}
header nav li ul li a{ display: block; padding: 0 15px; font-weight: normal; font-size: 0.9rem;}
header nav li ul li a:hover{ background: #009944; color: #FFFFFF;}


.searchshow{ width: 230px; height: 40px; background: #FFFFFF; border:1px solid #009944;border-right:none;   border-radius:4px;}
.searchshow input{border:none; height: 38px; border-radius: 4px 0 0 4px;  padding: 0 15px; width: 80%;}
.searchshow button{ border: none; font-size: 1rem; border-radius: 0 4px 4px 0; width: 20%; background: #009944; color:#FFFFFF;}



/**banner**/
.main_visual{ margin-top: 98px;}
.main_visual .owl-carousel,.main_visual .owl-stage-outer,.main_visual .owl-stage,.main_visual .owl-carousel .owl-item{width: 100%; height: auto;}
.main_visual .owl-carousel .item{width: 100%;height: auto; background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual .owl-carousel .item img{ width: 100%; height: auto;}
.main_visual .owl-prev,.main_visual .owl-next{width:16px;height:28px;background-repeat: no-repeat; background-position: center center; position: absolute;top: 50%;margin-top: -14px;text-indent: -999px; overflow: hidden;}
.main_visual .owl-prev{background-image: url(../images/BL.png);left: 5%}
.main_visual .owl-next{background-image: url(../images/BR.png);right: 5%;}


.main_visual .owl-dots{display: none; text-indent: -99999em;}
.main_visual .owl-controls{ height: 0;}

.home-brand-search{ position: relative; z-index: 333; background: #E60013; border-radius: 32px 0px 32px 0px; margin-top: -92px; padding: 30px 100px;}
.home-brand-search h2{ color: #FFFFFF; font-size: 1.8rem; text-align: center; line-height: 38px; margin-bottom: 15px;}
.home-brand-search-box{ width: 100%; background: #FFFFFF; text-align: center; border-radius: 31px; height: 50px; line-height: 50px;}
.home-brand-search-box button{ color: #E60013; font-size: 1.2rem; background: none; border: none;}
.home-brand-search-box input{ border: none; background: none; padding: 0 10px; font-size: 1rem;}

.home-brand-search-list{ width: 100%; text-align: center; margin-top: 25px;}
.home-brand-search-list a{ display: inline-block; background: #FFFFFF; width: 20%; margin: 0 10px; border-radius:6px; padding: 5px 10px;}
.home-brand-search-list a img{ width: 100%; height: auto;}

.home-about{ width: 100%; height: auto; background: url(../images/home-aboutbg.png) no-repeat center; padding: 90px 0;}
.home-about-box{ position: relative;}
.home-about-box-left{ width: 49%; padding-right: 60px;}
.home-about-box-left h3{ font-size: 1.2rem; color: #727277; font-weight: 500; background: url(../images/home-title.png) no-repeat left center; padding-left: 48px;}
.home-about-box-left h4{ color: #111; font-size: 1.8rem; line-height: 56px;}
.home-about-box-left-info{ padding-top: 10px; line-height: 26px;}
.home-about-box-left a{ display: block; margin-top: 50px; font-size: 1rem; color: #FFFFFF; width: 160px;height: 52px; line-height: 52px; text-align: center; background: #111111;border-radius: 29px;}
.home-about-box-left a img{ margin-right: 8px;}
.home-about-box-left a:hover{ background: #009944;}

.home-about-box-num{ width: 788px; height: 133px; padding: 35px 0; color: #FFFFFF; background: url(../images/home-num.png) no-repeat; position: absolute; left: 0; bottom: 0;}
.home-about-box-num dl{ width: 33.3%; height: auto; border-right:1px solid rgba(255,255,255,0.5); padding: 0 70px;}
.home-about-box-num dl dt b{ font-size: 3rem; line-height: 48px;}
.home-about-box-num dl dt  span{ padding-left: 10px;}
.home-about-box-num dl dd{ font-size: 0.9rem; line-height: 26px;}
.home-about-box-right{ width:51%;}
.home-about-box-right img{ width: 100%; height: auto;}

.home-products{ width: 100%; height: auto; background: url(../images/home-probg.png) no-repeat center; background-size:cover0; padding-bottom: 90px;}

.home-title{ padding: 60px 0 35px 0;}
.home-title-left{}
.home-title-left b{ display: block; font-size: 1.2rem; color: #727277; font-weight: 500; background: url(../images/home-title.png) no-repeat left center; padding-left: 48px;}
.home-title-left em{ display: block;  font-weight: bold; font-style: normal; color: #111; font-size: 1.8rem; line-height: 56px;}
.home-title a{ display: block; font-size: 1rem; color: #FFFFFF; width: 160px;height: 52px; line-height: 52px; text-align: center; background: #111111;border-radius: 29px;}
.home-title a img{ margin-right: 8px;}
.home-title a:hover{ background: #009944;}

.home-title li{ font-size: 1.1rem; margin: 0 16px; cursor: pointer; line-height: 40px;}
.home-title li.thistab{ font-weight: bold; color: #111111; border-bottom:3px solid #009944;}

.home-products-list{}
.home-products-item{ width: 31.3%; background: #FFFFFF; border-radius:12px; border:1px solid #EEEEEE; padding: 25px;}
.home-products-item-img1{ width: 136px; height: auto;}
.home-products-item-img1 img{ width: 100%; height: auto;}
.home-products-item-img2{ width: 280px; height: auto; margin: 0 auto;}
.home-products-item-img2 img{ width: 100%; height: auto;}
.home-products-item-info{ width: 100%; padding-top: 20px; height: auto;}
.home-products-item-info b a{ display: block; line-height: 32px; height: 32px; color: #111111; font-size: 1.1rem;}
.home-products-item-info b a:hover{ color: #009944;}
.home-products-item-info p{ margin-top: 5px; line-height: 20px; height: 40px; overflow: hidden; color: #666;}
.home-products-item-info a.home-pro-links{ display: block; line-height: 22px; margin-top: 15px;}
.home-products-item-info a.home-pro-links img{ margin-left: 10px;}


.home-brand-list{}
.home-brand-list a{ display: block; width: 13.3%; padding: 10px; margin-bottom: 1%; height: auto; background: #FFFFFF; box-shadow: 0px 6px 12px 1px rgba(0,0,0,0.06);border-radius: 8px;border: 1px solid #EEEEEE;}
.home-brand-list a img{ width: 100%; height: auto;}


.home-gcbrand{}
.home-gcbrand-left{ position: relative; width: 304px;}
.home-gcbrand-left img{ width: 100%; height: auto;}
.home-gcbrand-left-info{ width: 100%; height: auto; color: #FFFFFF; position: absolute; left: 0; top: 0; padding: 23px; z-index: 333;}
.home-gcbrand-left-info b{ display: block; font-size: 1.2rem; line-height: 30px;}
.home-gcbrand-left-info em{ display: block; width: 40px; height: 4px; background: #FFFFFF; margin-top: 12px;}

.home-gcbrand-right{ width: calc(100% - 304px); padding-left: 15px;}

.home-gcproducts-item{ width: 24%; background: #FFFFFF; border-radius:6px; box-shadow: 0px 6px 20px 1px rgba(0,0,0,0.08); padding:15px 25px;}
.home-gcproducts-item-img1{ width: 89px; height: auto;}
.home-gcproducts-item-img1 img{ width: 100%; height: auto;}
.home-gcproducts-item-img2{ width: 160px; height: auto; margin: 0 auto;}
.home-gcproducts-item-img2 img{ width: 100%; height: auto;}
.home-gcproducts-item-info{ width: 100%; height: 32px; line-height: 32px; overflow: hidden; margin-top: 10px; font-size: 1rem; text-align: center;}

.home-solution{ width: 100%; height: auto;}
.main_visual1 .owl-carousel,.main_visual1 .owl-stage-outer,.main_visual1 .owl-stage,.main_visual1 .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual1 .owl-carousel .item{width: 100%;height: 100%; position: relative;  background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual1 .owl-carousel .item img{ border-radius:8px;}
.main_visual1 .owl-carousel .item div{ display: none; position: absolute; color: #FFFFFF; left: 70px; top: 165px; z-index: 333; width: 390px;}
.main_visual1 .owl-carousel .item div h3{ line-height: 46px; font-size: 28px;}
.main_visual1 .owl-carousel .item div p{ line-height: 22px; height: 66px; overflow: hidden; margin-top: 10px;}
.main_visual1 .owl-carousel .item h4{ margin-top: 30px; height: 40px; line-height: 40px; font-weight: normal; }
.main_visual1 .owl-carousel .item h4 img{ width: 22px; height: 22px; margin-left: 10px; display: inline-block;}

.main_visual1 .owl-carousel .active .item div{ display: block;}


.main_visual1 .owl-prev,.main_visual1 .owl-next{width:42px;height: 42px;background-repeat: no-repeat; background-position: center center; position: absolute; margin-top: -21px; top: 50%;text-indent: -999px; overflow: hidden;}
.main_visual1 .owl-prev{background-image: url(../images/SL.png);left:5%;}
.main_visual1 .owl-prev:hover{background-image: url(../images/SLS.png);}
.main_visual1 .owl-next{background-image: url(../images/SR.png);right:5%; }
.main_visual1 .owl-next:hover{background-image: url(../images/SRS.png);right:5%; }
.main_visual1 .owl-dots{ display: none; text-indent: -99999em;}


.home-blog{ width: 100%; height: auto; background: url(../images/home-blogbg.png) no-repeat center; background-size:cover; margin-top: 60px; padding-bottom: 130px;}

.home-blog-list{ width: 100%;}

.main_visual2 .owl-carousel,.main_visual2 .owl-stage-outer,.main_visual2 .owl-stage,.main_visual2 .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual2 .owl-carousel .item{width: 100%;height: 100%; background-repeat: no-repeat; background: #FFFFFF; border-radius: 20px; padding: 30px; background-position: center center;-webkit-background-size: cover; background-size: cover;}

.main_visual2 .owl-prev,.main_visual2 .owl-next{text-indent: -999px; display: none;}

.blog-item-left{ width: 270px; height: 270px;}
.blog-item-left img{width: 270px; height: 270px; border-radius: 20px;}
.blog-item-right{ width: calc(100% - 270px); padding-left: 30px;}
.blog-item-right em{ display: block; line-height: 36px; font-size: 1rem; font-style: normal;}
.blog-item-right b a{ display: block; font-size: 1.4rem; color: #111111; line-height: 36px; height: 72px; overflow: hidden;}
.blog-item-right b a:hover{ color: #009944;}
.blog-item-right p{ color: #666666; line-height: 24px; height: 72px; overflow: hidden; margin-top: 20px;}
.blog-item-right a.blog-links{ display: block; height: 32px; line-height: 32px; margin-top: 20px;}
.blog-item-right a.blog-links img{ display: inline-block; width: 22px; height: 22px; margin-left: 10px;} 


.main_visual2 .owl-dots{ width: 100%; text-align: center; height: 4px; position:absolute; left: 0; bottom: 0;  z-index: 999;}
.main_visual2 .owl-dots .owl-dot{display: inline-block;  margin:0 3px;}
.main_visual2 .owl-dots .owl-dot span{  display: inline-block; width: 24px; height: 4px; background:#aeb0b2; }
.main_visual2 .owl-dot.active span{  background:#009944; }





footer{}

.footer-box{ width: 100%; padding: 65px 0; background: #303030; color: #FFFFFF;}

.footer-box-menu{ width: 60%;}
.footer-box-menu dl dt{ font-size: 1.1rem; font-weight: bold; line-height: 40px; margin-bottom: 12px;}
.footer-box-menu dl dd a{ display: block; line-height: 26px; color: #ccc;}
.footer-box-menu dl dd a:hover{ color: #FFFFFF;}

.footer-box-contact{ width: 33%; height: auto; border-left:2px solid #4b4b4b; padding-left: 100px;}
.footer-box-contact b{ display: block; font-size: 1.1rem; line-height: 40px; margin-bottom: 12px;}
.footer-box-contact li{ line-height: 26px; width: 100%;}
.footer-box-contact li span{ display: block; height: 26px; }
.footer-box-contact li a{ color: #FFFFFF; padding-left: 10px; display: block;}

.footer-box-contact em{ display: block; color:#999999; margin-top: 5px; line-height: 42px; font-style: normal;}
.footer-box-contact-share{ width: 100%;}
.footer-box-contact-share a{ position: relative; color: #FFFFFF; font-size: 1rem; margin-right: 12px; display: block; width: 42px; line-height: 42px; height: 42px; text-align: center; border-radius:50%; background: #5c5c5c;}
.footer-box-contact-share a:hover{ background:#009944;}
.footer-box-contact-share a .fwx{ background: #FFFFFF; border-radius:6px; text-align: center; width: 140px; height: 140px; position: absolute; left: 0; top: -142px; display: none;}
.footer-box-contact-share a .fwx img{ width: 120px; height: 120px; margin-top: 10px;}
.footer-box-contact-share a:hover .fwx{ display: block;}


.footer-copy{ width: 100%; height: 52px; line-height: 52px; background: #434343; color: #FFFFFF;}
.footer-copy a{ color: #FFFFFF;}



.client-2 {
            position: fixed;
            right: -152px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(../images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 80px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 14px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 3px;
            margin-top: 10px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #00b350;
            color: #fff;
            height: 62px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #00b350;
            width: 97px;
            height: 62px;
            position: relative;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
            display: block;
        }

.banner2{ width: 100%; height: 350px; margin-top: 98px; text-align: center;}
.banner2 h1{ color: #FFFFFF; font-size: 2.4rem; text-transform: uppercase; line-height: 78px;}
.banner2 em{ display: block; width: 72px; height: 4px; background: #FFFFFF; margin: 0 auto;}


.abmenu{ width: 100%; height: 72px;  border-bottom: 2px solid #EEEEEE; line-height: 72px;}
.abmenuL{}
.abmenuL a{ display: block; float: left; padding: 0 25px;}
#lm_hover{ color: #FFFFFF; background:#009944; }
.abmenuR i{ padding-right: 10px; color: #009944; margin-top: 26px; font-size: 20px;}
.abmenuR a{ margin: 0 5px;}


.about-company{ padding: 60px 0 180px 0; position: relative;}
.about-company-left{ width: calc(100% - 568px); padding-right: 150px;}
.about-company-left h2{ font-size: 1.2rem; color: #727277; font-weight: 500; background: url(../images/home-title.png) no-repeat left center; padding-left: 48px;}
.about-company-left h3{ color: #111; font-size: 1.8rem; line-height: 56px;}


.about-company-right{ width: 568px; height: auto;}
.about-company-right img{ width: 100%; height: auto;}

.about-company-num{ width: 921px; height: 140px; padding: 35px 70px; background: url(../images/abnum.png) no-repeat; position: absolute; left: 0; bottom:50px; z-index: 333;}
.about-company-num b{ display: block; color: #FFFFFF; font-size: 1.4rem; line-height: 40px;}
.about-company-num em{ display: block; font-style: normal; font-size: 1.2rem; color: #FFFFFF; opacity: 0.5;}


.about-custmerbg{ width: 100%; height: auto; background: url(../images/about-custbg.png) no-repeat center; background-size:cover; padding-bottom: 70px;}
.about-custmer-title{ text-align: center; padding: 60px 0;}
.about-custmer-title b{ display: block; color: #111111; font-size: 1.8rem; line-height: 48px;}
.about-custmer-title em{ display: block; font-style: normal; line-height: 18px; color: #999; font-size: 1.1rem;}
.about-custmer-list{}
.about-custmer-list dl{ text-align:  center; width: 20%;}
.about-custmer-list dl dd{ padding: 25px 0;}
.about-custmer-list dl dd b{ display: block; color: #111111; line-height: 36px; font-size: 1.3rem;}
.about-custmer-list dl dd p{ font-size: 1rem; line-height: 26px;}


.about-custmerbox{ position: relative; margin-top: 30px;}
.about-custmerbox img{ width: 100%; height: auto;}
.about-custmerbox-info{ position: absolute; left: 0; top: 0; color: #FFFFFF; z-index: 333; padding: 35px 40px;}
.about-custmerbox-info b{ display: block;  line-height: 36px; font-size: 1.3rem;}
.about-custmerbox-info p{ font-size: 1rem; line-height: 26px;}


.about-env{ padding-bottom: 110px;}
.main_visual3 .owl-carousel,.main_visual3 .owl-stage-outer,.main_visual3 .owl-stage,.main_visual3 .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual3 .owl-carousel .item{width: 100%;height: 100%; background-repeat: no-repeat;  background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual3 .owl-carousel .item img{ width: 100%; height: auto;}
.main_visual3 .owl-prev,.main_visual3 .owl-next{text-indent: -999px; display: none;}

.main_visual3 .owl-dots{ width: 100%; text-align: center; height: 4px; position:absolute; left: 0; bottom: 0;  z-index: 999;}
.main_visual3 .owl-dots .owl-dot{display: inline-block;  margin:0 3px;}
.main_visual3 .owl-dots .owl-dot span{  display: inline-block; width: 24px; height: 4px; background:#aeb0b2; }
.main_visual3 .owl-dot.active span{  background:#009944; }


.about-info{ padding: 25px 0;}
.about-info img{max-width: 100%;}

.about-img-list{ padding: 25px 0;}
.about-img-list dl{ width: 32%; height: auto; text-align: center; margin: 0.5%;}
.about-img-list dl img{ width: 100%; height: auto;}
.about-img-list dl dd{ width: 100%; height: 58px; line-height: 58px; font-size: 18px; background: #F5F5F5;}

.sou-menu{ padding:50px 0;}
.sou-menu dl{ width:31.3%; margin:1%; position:relative;}
.sou-menu dl dd img{ width:100%; height:auto;}
.sou-menu dl dt{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.3);}
.sou-menu dl dt a{ font-size:2rem; color:#fff; font-weight:bold;}