@charset "UTF-8";.indexNav{}
.indexNav .box{display:flex;flex-wrap:wrap;justify-content:space-between;display:-webkit-flex;align-items:center}
.logo{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    align-items:center;
}
.logo h1{text-transform:uppercase;font-size: 32px;color: #eabd48;order: 2;padding: 0 0 0 5px;}
#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:#eabd48}
#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}
.banner:before{content:'';display:block;position:absolute;width:100%;height:100%;background:#000;opacity: 0;left: 0px;top: 0px;}
.banner img{width:100%;height:70vh}
.bannerTxt{position:absolute;width:1300px;text-align:left;padding: 0 40% 0 0;}
.bannerTxt h2{color:#fff;font-size: 50px;}
.bannerTxt p{color:#fff;font-size: 20px;}
.bannerTxt a{padding:0 50px;line-height: 46px;color:#fff;font-weight:bold;margin:40px 0;border-radius: 40px;border: 2px solid #fff;}
.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: 40px;margin-bottom:20px;text-align: center;}
.indexA h3{text-align:center;padding:0.5em 1em}
.indexA .indexAboutTxt p{color:#333;line-height:1.8em;margin-bottom:1em}
.indexAboutTxt .BJQ{}
.indexAboutTxt .BJQ a{height:50px;line-height:50px;background:#eabd48;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;align-items:center;padding-top:20px}
.indexB ul li{width: 48%;padding: 10px 00px 30px 0px;}
.indexB ul li:last-child{}
.indexB ul img{width:100%;display: none;}
.indexB ul h3{padding-bottom:0.5em;font-size:20px}
.indexB ul p{color:#666}
.indexB ul li i{font-size:60px;color:#eabd48}

.ContactBox{padding:1rem 0rem;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:#eabd48;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:#eabd48}
.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%;height: 300px;}
.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:#eabd48}
.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: #eabd48;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:310px;margin-bottom:40px}
.productList ul li a{display:block}
.productList ul li img{width:100%}
.productList ul li h3{font-weight:normal;padding:10px 0}
.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: #eabd48;}
.indexTopleft{}
.indexTopleft a{color:#fff;font-size:14px}
.indexTopleft a i{position:relative;top:0px;margin-right:4px;font-size:14px;color: #fff;}
.indexTopNr{width:1300px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;display:-webkit-flex;align-items:center;display: none;}
.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: #fff;}
.indexTel{display:flex;flex-wrap:wrap;justify-content:space-between;display:-webkit-flex;align-items:center;border: 2px solid #3561ac;padding: 0 20px;border-radius: 40px;}
.indexTel i{font-size: 28px;margin-right:14px;color: #3561ac;}
.indexTel div{}
.indexTel h3{font-weight:normal;color:#999;font-size:15px}
.indexTel p{font-weight:bold;font-size: 20px;color: #eabd48;}
.indexAbj{}
.fixed{}
.fixed .indexNav{position:fixed;width:100%;left:0px;top:0px;z-index:9;box-shadow:0 1px 6px 0 rgba(32,33,36,0.28);background: #fff;}
.fixed #nav>li>a{line-height:60px;}
.fixed .indexTel i{}
.fixed .indexTel p{}
.fixed  h1{}

.map{padding-bottom:100px}
.map iframe{display:block;width:100%;min-height:50vh}
.footB{overflow:hidden;padding: 40px 0;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-bottom: 1px solid #6a6a6a;margin-bottom:10px;line-height:36px;height:36px;font-size:14px;color:#fff;}
.footBD textarea{background:none;border: none;width:100%;padding: 10px 0;font-size:14px;display:block;margin-bottom:20px;color:#fff;border-bottom: 1px solid #6a6a6a;}
.footBD button{width:150px;height:40px;line-height: 36px;color:#fff;font-size:14px;text-transform:uppercase;border-radius: 40px;border: 1px solid #fff;background: none;}
.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;padding-bottom: 10px;}
.indexF{background-attachment:fixed;background-size:cover;background-position:center;position:relative}
.indexF .box{padding: 1rem 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: 46px;color:#fff;font-weight:bold;display:block;margin:0 auto;width:200px;text-align:center;border-radius: 40px;border: 2px solid #fff;}
.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:space-between;display:-webkit-flex;padding-top:40px}
.pageA  ul li{width:31%}
.pageA  ul li img{width:100%}
.pageA  ul li h3{text-align:center;padding:0.5em 1em}
.pageA  ul li p{text-align:center}
.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: #eabd48;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{}


.indexfwBJ{}
.indexfwBJ h3{
    font-size: 0.4rem;
    color: #eabd48;
    margin-bottom: 20px;
    text-align: center;
}
.indexfw .box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    display: -webkit-flex;
}
.indexfw {padding: 1rem 0;background: #f5f5f5;}
.indexfw img{
    width: 50%;
}
.indexfw .BJQ{
    width: 47%;
}
.indexfw .BJQ h2{
    font-size: 30px;
    margin-bottom: 0.5em;
}
.indexfw p{
    font-size: 14px;
    margin-bottom: 1em;
}
.indexfwBJ .indexfw:nth-child(2n){
    background: #fff;
}
.indexfwBJ .indexfw:nth-child(2n) img{
    order: 2;
}