@charset "UTF-8";.indexNav{
    display: none;
}
.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}
#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;}
#nav>li>a.this{color:#3fb58a}
#nav>li>ul{position:absolute;left:10px;z-index:20;background:#fff;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}
.banner{position:relative;display:flex;flex-wrap:wrap;justify-content:center;display:-webkit-flex;align-items:center;margin-top: 50px;}
.banner:before{content:'';display:block;position:absolute;width:100%;height:100%;background:#000;opacity:0.2}
.banner img{width:100%;height: 50vw;}
.bannerTxt{position:absolute;width: 90%;text-align: center;}
.bannerTxt h2{color:#fff;font-size: 18px;}
.bannerTxt p{color:#fff;font-size: 14px;}
.bannerTxt a{line-height: 34px;background:#3fb58a;color:#fff;margin: 10px auto;font-size: 14px;font-weight: normal;display: block;width: 120px;text-align: center;}
.bannerTxt strong{}
.indexA{display:flex;flex-wrap:wrap;justify-content:space-between;display:-webkit-flex;align-items:center;padding: 0.5rem 14px;}
.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;text-align: center;}
.indexA h3{text-align:center;padding:0.5em 1em}
.indexAboutTxt p{color:#333;margin-bottom:1em;font-size: 14px;}
.indexAboutTxt .BJQ{}
.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;display: none;}
.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: 0.5rem 14px;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;font-size: 14px;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;align-items:center;}
.indexB ul li{width: 100%;text-align:center;padding:10px 30px 0px;border-bottom: 1px solid #eee;padding-bottom: 20px;}
.indexB ul li:last-child{
    border: none;
}
.indexB ul img{width: 50px;margin: 0 auto;}
.indexB ul h3{padding-bottom:0.5em;font-size: 18px;font-weight: 600;}
.indexB ul p{color:#666;font-size: 14px;}
.indexB ul li i{font-size:60px;color:#3fb58a;margin-bottom: 10px;}

.ContactBox{padding: 0.5rem 14px;display:flex;flex-wrap:wrap;justify-content:space-between;display:-webkit-flex;}
.ContactBox h2{color:#333;font-size:0.4rem;text-align: center;}
.ContactLeft{
    width: 100%;
}
.ContactLeft form{}
.ContactLeft input{width:100%;border-bottom:1px solid #999999;height: 40px;line-height: 40px;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: 30px;padding:10px 0;}
.ContactLeft button{height: 40px;line-height: 40px;background:#3fb58a;color:#fff;width: 100%;}
.ContactRight{}
.ContactRight h3{color: #666;margin-bottom:20px;font-size: 14px;font-weight: normal;font-family: 'Roboto', sans-serif;padding-top: 5px;}
.ContactRight ul{}
.ContactRight li{margin-bottom:30px;display:flex;flex-wrap:wrap;display:-webkit-flex;align-items:center}
.ContactRight li div{
    width: calc(100% - 50px);
}
.ContactRight li i{font-size:34px;margin-right:14px;color:#3fb58a}
.ContactRight p{}
.ContactRight a{
    font-size: 14px;
}
.ContactRight span{font-size:18px;line-height:24px;color:#333333;font-family:'Roboto',sans-serif;font-weight:500;display:block}

.lanmubanner{position:relative;margin-top: 50px;}
.lanmubanner:before{content:'';position:absolute;width:100%;top:0px;height:100%;background:#000;opacity:0.3;left: 0px;}
.lanmubanner img{width:100%;height: 30vw;}
.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;display: none;}
.lanmubannerTxt h2{font-size:0.3rem;color:#fff;text-align:center;text-transform:capitalize}
.lanmubannerTxt a{color:#fff;margin:0 5px}
.About{padding: 0.5rem 14px;}
.About .box>h2{font-size:0.4rem;margin-bottom:0.5em}
.About .box p{margin-bottom:1em;font-size: 14px;}
.About ul{display:flex;flex-wrap:wrap;justify-content:space-between;display:-webkit-flex;padding-top:40px}
.About ul li{width: 101%;border:1px solid #eee;padding: 20px 20px;text-align:center;margin-bottom: -1px;}
.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: 18px;}
.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:#999;position:absolute;left:0px;top:10px}
.productList{padding-bottom:0px}
.productList ul{padding: 0.5rem 14px 10px;display:flex;flex-wrap:wrap;display:-webkit-flex;width:100%;justify-content:space-between;}
.productList ul li{width: 49%;margin-bottom: 20px;border: 1px solid #eee;padding: 10px;}
.productList ul li a{display:block}
.productList ul li img{width:100%}
.productList ul li h3{font-weight: 600;padding: 6px 0;font-size: 14px;line-height: 1.2em;text-align: center;}
.productShow{padding: 0.5rem 14px;}
.productShowHead{overflow:hidden;min-height:50vh}
.productShowHeadLeft{
    width: 100%;
}
.productShowHeadLeft .swiper-container{padding-bottom:0px}
.productShowHeadLeft img{width:100%}
.productShowHeadRight{}
.productShowHeadRight h1{font-size: 18px;color:#242424;margin-bottom:20px;padding-top: 10px;}
.productShowTxt{}
.productShowTxt h2{margin-bottom: 10px;font-size: 16px;}
.productShowTxt p{color:#666;margin-bottom: 0.5em;font-size: 14px;}
.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}
.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;}
.indexAbj{}
.fixed{}
.fixed .indexNav{position:fixed;width:100%;left:0px;top:0px;z-index:9;background:#fff;box-shadow:0 1px 6px 0 rgba(32,33,36,0.28)}
.fixed #nav>li>a{line-height:70px}
.map{
    padding-top: 40px;
}
.map iframe{display:block;width:100%;min-height:50vh}
.footB{overflow:hidden;padding-top: 20px;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;padding: 0 14px;}
.footBA{width:24%;display: none;}
.footB h4{font-size:21px;text-transform:uppercase;padding-bottom:20px;color:#fff;font-family: 'Roboto',sans-serif;font-weight: 500;text-align: center;font-size: 18px;}
.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%;display: none;}
.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: 100%;}
.footBD form{display:block}
.footBD input{background:none;width:100%;border:1px solid #444;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 #444;padding:10px;font-size:14px;display:block;margin-bottom:20px;color:#fff}
.footBD button{width: 100%;height:40px;line-height:40px;background: #3fb58a;color:#fff;font-size:14px;text-transform:uppercase;display: block;margin: 0 auto;}
.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%;display: none;}
.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.36rem;color:#fff;width:100%;text-align:center;padding: 0px 20px 20px;}
.indexF a{height: 40px;line-height: 40px;background:#3fb58a;color:#fff;font-weight:bold;display:block;margin:0 auto;width: 160px;text-align:center;font-size: 14px;font-weight: normal;}
.indexF:before{content:'';display:block;position:absolute;width:100%;height:100%;background:#000;opacity:0.5;top:0px;left:0px}
.pageA{padding: 0.5rem 14px;}
.pageA h2{font-size: 18px;margin-bottom:0.5em;text-align:center;color: #3fb58a;font-weight: 600;}
.pageA  .BJQ{}
.pageA  .BJQ p{margin-bottom:1em;color:#333}
.pageA  ul{display:flex;flex-wrap:wrap;justify-content:space-between;display:-webkit-flex;padding-top: 20px;}
.pageA  ul li{width: 100%;margin-bottom: 30px;box-shadow: 0 1px 3px 0 rgba(32,33,36,0.1);}
.pageA  ul li img{width:100%}
.pageA  ul li h3{text-align:center;padding: 0em 1em 0;font-size: 18px;color: #3fb58a;}
.pageA  ul li p{text-align:center;font-size: 14px;}
.pageA ol{padding:10px 0}
.pageA ol li{position:relative;padding-left:15px;font-size: 14px;color:#444;margin-bottom: 5px;}
.pageA ol li:before{content:'';width: 6px;height:6px;display:block;background:#999;position:absolute;left:0px;top: 9px;}
.pageA .BJQ strong{text-transform:capitalize;font-size: 16px;}
.pageA .BJQ p{
    font-size: 14px;
}



.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;
    font-size: 14px;
    padding: 0 20px;
}