@charset "UTF-8";.indexNav{
    background: #1D1F26;
}
.indexNav .box{display:flex;flex-wrap:wrap;justify-content:space-between;display:-webkit-flex;align-items:center}
.logo{}
.logo h1{text-transform:uppercase;font-size:24px;color: #fff;}
#nav{}
#nav>li{float:left;display:block;position:relative}
#nav>li>a{line-height:80px;font-weight:600;font-size:18px;text-transform:uppercase;padding: 0 25px;transition:0.4s;-o-transition:0.4s;-moz-transition:0.4s;-webkit-transition:0.4s;font-family: 'Roboto',sans-serif;font-weight: 500;color: #fff;}
#nav>li>a.this{color:#3fb58a}
#nav>li>ul{position:absolute;left:10px;z-index:20;background: #3fb58a;padding:10px 0;box-shadow:0 2px 6px 0 rgba(32,33,36,0.28);display:none;min-width:100%;}
#nav>li>ul>li{}
#nav>li>ul>li>a{display:block;padding:4px 20px;white-space:nowrap;color: #fff;}
.banner{position:relative;display:flex;flex-wrap:wrap;justify-content:center;display:-webkit-flex;align-items:center}
.banner:before{content:'';display:block;position:absolute;width:100%;height:100%;background:#000;opacity: 0;left: 0px;top: 0px;}
.banner img{width:100%;height: 60vh;}
.bannerTxt{position:absolute;width:1300px;text-align:left}
.bannerTxt h2{color:#fff;font-size:0.6rem; }
.bannerTxt p{color:#fff;font-size:20px}
.bannerTxt a{padding:0 50px;line-height:50px;background:#3fb58a;color:#fff;font-weight:bold;margin:40px 0}
.bannerTxt strong{}
.indexA{display:flex;flex-wrap:wrap;justify-content:space-between;display:-webkit-flex;align-items:center;padding:1rem 0}
.indexA>img{max-width:600px}
.indexA>div{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;display:-webkit-flex}
.indexA h2{font-size:0.4rem;padding-bottom:0.5em;color:#000000;border-bottom:1px solid #ddd;margin-bottom:20px}
.indexA h3{text-align:center;padding:0.5em 1em}
.indexA .indexAboutTxt p{color:#333;line-height:1.8em;margin-bottom:1em}
.indexAboutTxt .BJQ{width:50%}
.indexAboutTxt .BJQ a{height:50px;line-height:50px;background:#3fb58a;color:#fff;padding:0 50px;font-weight:bold}
.indexAboutTxt .BJQ strong{}
.indexAboutTxt>img{max-width:600px}
.indexA ul{display:flex;flex-wrap:wrap;justify-content:space-between;display:-webkit-flex;padding-top:40px}
.indexA li{width:31%}
.indexA ul li img{width:100%}
.indexB{padding:1rem 0;position:relative;background-attachment:fixed;background-size:cover;background-position:center}
.indexB:before{content:'';position:absolute;width:100%;height:100%;background:#fff;top:0px;opacity:1;left: 0px;}
.indexB .box{}
.indexB h2{font-size:0.4rem;padding-bottom:0.5em;text-align:center;position:relative}
.indexB .BJQ{}
.indexB .BJQ p{margin-bottom:1em;text-align:center}
.indexB .BJQ ol{}
.indexB .BJQ ol li{margin-bottom:0.5em}
.indexB ul{display:flex;flex-wrap:wrap;justify-content:space-between;display:-webkit-flex;padding-top:20px;}
.indexB ul li{width:31%;text-align:center;padding: 20px;box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);}
.indexB ul li:last-child{}
.indexB ul img{width: 80px;margin: 0 auto;}
.indexB ul h3{padding-bottom:0.5em;font-size:20px}
.indexB ul p{color:#444;    font-size: 14px;}
.indexB ul li i{font-size:60px;color:#3fb58a}

.ContactBox{padding:1rem 0 0.5rem;display:flex;flex-wrap:wrap;justify-content:space-between;display:-webkit-flex}
.ContactBox h2{color:#333;font-size:0.4rem}
.ContactLeft{width:47%}
.ContactLeft form{}
.ContactLeft input{width:100%;border-bottom:1px solid #999999;height:46px;line-height:46px;font-size:14px;display:block;margin-bottom:10px}
.ContactLeft textarea{width:100%;height:130px;border:none;border-bottom:1px solid #999;font-size:14px;display:block;margin-bottom:40px;padding:10px 0}
.ContactLeft button{height:50px;line-height:50px;background:#3fb58a;color:#fff;padding:0 80px}
.ContactRight{width:47%}
.ContactRight h3{color:#333;margin-bottom:20px;font-family:'Roboto',sans-serif;font-weight:500;font-size:18px;padding-top:16px}
.ContactRight ul{}
.ContactRight li{margin-bottom:30px;display:flex;flex-wrap:wrap;display:-webkit-flex;align-items:center}
.ContactRight li div{}
.ContactRight li i{font-size:34px;margin-right:14px;color:#3fb58a}
.ContactRight p{}
.ContactRight a{}
.ContactRight span{font-size:18px;line-height:24px;color:#333333;font-family:'Roboto',sans-serif;font-weight:500;display:block}

.lanmubanner{position:relative}
.lanmubanner:before{content:'';position:absolute;width:100%;top:0px;height:100%;background:#000;opacity:0.3;left: 0px;}
.lanmubanner img{width:100%}
.lanmubannerTxt{position:absolute;top:0px;width:100%;height:100%;display:flex;flex-wrap:wrap;justify-content:center;display:-webkit-flex;align-items:center;color:#fff}
.lanmubannerTxt h2{font-size:0.3rem;color:#fff;text-align:center;text-transform:capitalize}
.lanmubannerTxt a{color:#fff;margin:0 5px}
.About{padding:1rem 0}
.About .box>h2{font-size:0.4rem;margin-bottom:0.5em}
.About .box p{margin-bottom:1em}
.About ul{display:flex;flex-wrap:wrap;justify-content:space-between;display:-webkit-flex;padding-top:40px}
.About ul li{width:31%;border:1px solid #eee;padding:40px 20px;text-align:center}
.About ul li i{font-size:60px;color:#3fb58a}
.About ul li img{width:100%}
.About ul li h3{text-align:center;padding-bottom:0.5em;font-size:20px}
.About ul li p{text-align:center;color:#666;font-size:14px}
.About .BJQ{}
.About ol{overflow:hidden}
.About ol li{position:relative;padding-left:15px;font-size:15px;color:#444}
.About ol li:before{content:'';width:6px;height:6px;display:block;background: #8cbc44;position:absolute;left:0px;top:10px;}
.productList{padding-bottom:100px}
.productList ul{padding-top:60px;display:flex;flex-wrap:wrap;display:-webkit-flex;width:100%;justify-content:space-between}
.productList ul li{width: 24%;margin-bottom: 20px;border: 1px solid #eee;}
.productList ul li a{display:block;padding: 20px 20px 0;}
.productList ul li img{
    max-width: 100%;
    height: 270px;
}
.productList ul li h3{font-weight: 600;color: #000;text-align: center;padding: 15px 0;line-height: 1.2em;}
.productShow{padding:1rem 0 0.5rem}
.productShowHead{overflow:hidden;min-height:50vh}
.productShowHeadLeft{width:400px;float:left;margin-right:40px}
.productShowHeadLeft .swiper-container{padding-bottom:0px}
.productShowHeadLeft img{width:100%}
.productShowHeadRight{}
.productShowHeadRight h1{font-size:24px;color:#242424;margin-bottom:20px}
.productShowTxt{}
.productShowTxt h2{margin-bottom:20px;font-size:24px}
.productShowTxt p{color:#666;margin-bottom:0.3em}
.productShowTxt .BJQ{}
.productShowHeadLeft .gallery-topY{margin-bottom:10px}
.productShowHeadLeft h3{display:none}
.indexTop{background:#000000;display: none;}
.indexTopleft{}
.indexTopleft a{color:#fff;font-size:14px}
.indexTopleft a i{position:relative;top:0px;margin-right:4px;font-size:14px;color:#3fb58a}
.indexTopNr{width:1300px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;display:-webkit-flex;align-items:center}
.indexTopright{}
.indexTopright a{color:#fff;font-size:14px;margin-left:40px;line-height:42px;}
.indexTopright a.mailbox{opacity:1;line-height:42px;padding-left:40px;position:relative}
.indexTopright a.mailbox em{position:relative;z-index:2}
.indexTopright a i{position:relative;top:1px;margin-right:4px;color:#3fb58a}
.indexTel{display:flex;flex-wrap:wrap;justify-content:space-between;display:-webkit-flex;align-items:center}
.indexTel i{font-size:30px;margin-right:14px;color:#3fb58a}
.indexTel div{}
.indexTel h3{font-weight:normal;color:#999;font-size:15px}
.indexTel p{font-weight:bold;font-size: 20px;color: #3fb58a;}
.indexAbj{}
.fixed{}
.fixed .indexNav{position:fixed;width:100%;left:0px;top:0px;z-index:9;background: #1D1F26;box-shadow:0 1px 6px 0 rgba(32,33,36,0.28);}
.fixed #nav>li>a{line-height:70px}
.map{padding-bottom:100px}
.map iframe{display:block;width:100%;min-height:50vh}
.footB{overflow:hidden;padding-top:40px;position:relative;background-attachment:fixed;background-size:cover;background-position:center}
.footB:before{content:'';display:block;position:absolute;width:100%;height:100%;background:#000;opacity:0.7;top:0px;left:0px}
.footBNr{display:flex;flex-wrap:wrap;justify-content:space-between;display:-webkit-flex}
.footBA{width:24%}
.footB h4{font-size:21px;text-transform:uppercase;padding-bottom:20px;color:#fff;font-family: 'Roboto',sans-serif;font-weight: 500;}
.footBA ul{}
.footBA ul li{overflow:hidden;margin-bottom:10px}
.footBA ul li i{float:left;margin-right:10px;color:#fff;opacity:0.7;margin-top:4px}
.footBA ul li p{overflow:hidden}
.footBA ul li a{font-size:14px;color:#fff;opacity:0.7}
.footBB{width:16%}
.footBB a{font-size:14px;margin-bottom:10px;position:relative;padding-left:15px;margin-right:20px;display:block;color:#fff;opacity:0.7}
.footBB a:before{content:'';display:block;width:4px;height:4px;border:1px solid #fff;position:absolute;left:0px;top:8px;transform:rotate(45deg)}
.footBD{width:25%}
.footBD form{display:block}
.footBD input{background:none;width:100%;border: 1px solid #eee;margin-bottom:10px;line-height:36px;height:36px;font-size:14px;padding-left:10px;color:#fff;}
.footBD textarea{background:none;width:100%;border: 1px solid #eee;padding:10px;font-size:14px;display:block;margin-bottom:20px;color:#fff;}
.footBD button{width:150px;height:40px;line-height:40px;background: #3fb58a;color:#fff;font-size:14px;text-transform:uppercase;}
.copyright{margin-top:20px;border-top:1px solid #fff}
.copyrightLeft{}
.copyrightLeft a{line-height:50px;font-size:14px;color:#fff;opacity:0.8;width:100%;text-align:center}
.footA{width:22%}
.footA p{color:#fff;opacity:0.7;font-size:14px}
.indexF{background-attachment:fixed;background-size:cover;background-position:center;position:relative}
.indexF .box{padding:0.5rem 0}
.indexF h2{line-height:1em;font-size:0.4rem;color:#fff;width:100%;text-align:center;padding-bottom:1em}
.indexF a{height:50px;line-height:50px;background:#3fb58a;color:#fff;font-weight:bold;display:block;margin:0 auto;width:200px;text-align:center}
.indexF:before{content:'';display:block;position:absolute;width:100%;height:100%;background:#000;opacity:0.5;top:0px;left:0px}
.pageA{padding:1rem 0}
.pageA h2{font-size:0.3rem;margin-bottom:0.5em;text-align:center}
.pageA  .BJQ{}
.pageA  .BJQ p{margin-bottom:1em;color:#333}
.pageA  ul{display:flex;flex-wrap:wrap;justify-content: center;display:-webkit-flex;padding-top:40px;}
.pageA  ul li{width: 31%;box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);margin: 0 1% 40px;}
.pageA  ul li img{width:100%;height: 260px;}
.pageA  ul li h3{text-align:center;padding:0.5em 1em;font-size: 20px;color: #3fb58a;}
.pageA  ul li p{font-size: 14px;}
.pageA ol{padding:10px 0}
.pageA ol li{position:relative;padding-left:15px;font-size:15px;color:#444}
.pageA ol li:before{content:'';width:6px;height:6px;display:block;background: #8cbc44;position:absolute;left:0px;top:10px;}
.pageA .BJQ strong{text-transform:capitalize;font-size:20px}
.pageA .BJQ p{}


.footBD input::-webkit-input-placeholder{ color: #eee; } 
.footBD input::-moz-placeholder { color: #eee;}
.footBD input::-ms-input-placeholder { color: #eee;} 
.footBD textarea::-webkit-input-placeholder{ color: #eee; } 
.footBD textarea::-moz-placeholder { color: #eee;}
.footBD textarea::-ms-input-placeholder { color: #eee;} 
.indexB ul li div{}
.About ul li div{}
.pageA ul li div{
    padding: 10px 20px 20px;
}


.productList ul li p{}
.productList ul li em{}
.productList ul li span{}
.indexF .box p{
    color: #fff;
    padding: 0 10% 30px;
    text-align: center;
    font-size: 18px;
}