@charset "UTF-8";.indexNav{
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 2;
    background: #335ba6;
}
.indexNav .box{display:flex;flex-wrap:wrap;justify-content:space-between;display:-webkit-flex;align-items:center;width: 95%;}
.logo{}
.logo h1{text-transform:uppercase;font-size:24px}
.logo img{ height:50px;}
#nav{}
#nav>li{float:left;display:block;position:relative}
#nav>li>a{line-height: 90px;font-size:18px;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: 400;color: #fff;text-transform:uppercase;}
#nav>li>a.this{}
#nav>li>ul{position:absolute;left:10px;z-index:20;background: #fff;box-shadow:0 2px 6px 0 rgba(32,33,36,0.28);display:none;min-width: 150%;border-top: 2px solid #005aaa;}
#nav>li>ul>li{
    border-bottom: 1px solid rgba(0,0,0,0.10);
}
#nav>li>ul>li>a{display:block;padding: 10px 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.2;left: 0px;top: 0px;}
.banner img{width:100%;height: 100vh;}
.bannerTxt{position:absolute;width:1300px;text-align: center;padding-top: 90px;}
.bannerTxt h2{color:#fff;font-size:0.6rem;line-height: 1em;padding-bottom: 0.5em;text-transform:uppercase;}
.bannerTxt p{color:#fff;font-size:20px;padding: 0 20%;}
.bannerTxt a{padding:0 50px;line-height:50px;background: #005aaa;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.5rem;padding-bottom:0.5em;color:#000000;text-transform: uppercase;}
.indexA h2:before{content:'';}
.indexA h3{text-align:center;padding:0.5em 1em;font-size: 20px;}
.indexA .indexAboutTxt p{line-height:1.8em;margin-bottom:1em;color: #333;}
.indexAboutTxt .BJQ{width:50%}
.indexAboutTxt .BJQ a{height:50px;line-height:50px;background:#005aaa;color:#fff;padding:0 50px;font-weight:bold}
.indexAboutTxt .BJQ strong{}
.indexAboutTxt .BJQ ul{
    padding-bottom: 1em;
}
.indexAboutTxt .BJQ ul li{
    padding-bottom: 8px;
}
.indexAboutTxt .BJQ ul li i{
    color: #005aaa;
    margin-right: 5px;
}
.indexAboutTxt>img{max-width:600px}
.indexA>ul{display:flex;flex-wrap:wrap;justify-content:space-between;display:-webkit-flex;padding-top:40px}
.indexA>ul>li{width:31%}
.indexA>ul li img{width:100%}
.indexA>ul li p{
    color: #444;
    font-size: 14px;
}
.indexA>ul li h4{}
.indexAbout{}
.Services{padding:1rem 0;position:relative;background-attachment:fixed;background-size:cover;background-position:center}
.Services:before{content:'';position:absolute;width:100%;height:100%;background: #f5f5f5;top:0px;opacity:1;left: 0px;}
.Services .box{}
.Services h2{font-size: 0.5rem;padding-bottom:0.5em;text-align:center;position:relative;text-transform: uppercase;}
.Services .BJQ{}
.Services .BJQ p{margin-bottom:1em;text-align:center}
.Services .BJQ ol{}
.Services .BJQ ol li{margin-bottom:0.5em}
.Services ul{display:flex;flex-wrap:wrap;justify-content:space-between;display:-webkit-flex;padding-top:20px;}
.Services ul li{width: 32%;text-align:center;margin-bottom: 20px;}
.Services ul li:last-child{}
.Services ul img{width:100%}
.Services ul h3{padding-top: 10px;font-size:20px;font-weight: 600;color: #000;}
.Services ul p{color: #555;font-size: 14px;}
.Services ul li i{font-size:60px;color:#005aaa}

 


.ContactBox{padding: 1rem 0 1rem;display:flex;flex-wrap:wrap;justify-content:space-between;display:-webkit-flex;}
.ContactBox h2{color:#333;font-size:0.4rem;text-align: center;}
.ContactLeft{
    padding-bottom: 100px;
    padding-top: 0.5rem;
    display: none;
}
.ContactLeft form{}
.ContactLeft h2{
    color: #333;
    font-size: 0.4rem;
    text-align: center;
    margin-bottom: 20px;
}
.ContactLeft input{width:100%;height:46px;line-height:46px;font-size:14px;display:block;margin-bottom:10px;padding: 0 0px;border-bottom: 1px solid #999999;}
.ContactLeft textarea{width:100%;height:130px;border:none;font-size:14px;display:block;border-bottom: 1px solid #999999;margin-bottom: 20px;padding: 10px 0;}
.ContactLeft button{height:50px;line-height:50px;background:#005aaa;color:#fff;padding:0 80px;margin: 0 auto;display: block;}
.ContactRight{width: 100%;}
.ContactRight h3{color:#333;margin-bottom:20px;font-family:'Roboto',sans-serif;font-weight:500;font-size:18px;padding-top:16px;text-align: center;}
.ContactRight ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    display: -webkit-flex;
    padding: 0.5rem 0;
}
.ContactRight li{margin-bottom:30px;align-items:center;border-radius: 10px 10px 10px 10px;box-shadow: 0px 10px 20px 0px rgb(146 147 148 / 12%);width: 32%;padding: 30px 40px;text-align: center;}
.ContactRight li div{padding-top: 10px;}
.ContactRight li i{font-size: 50px;color:#005aaa;}
.ContactRight p{}
.ContactRight a{
    color: #666;
    font-size: 14px;
}
.ContactRight span{font-size: 20px;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.2;left: 0px;}
.lanmubanner img{width:100%;height: 40vh;}
.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;padding-top: 90px;}
.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: 32%;text-align:center;background: #f5f5f5;}
.About>ul li i{font-size:60px;color:#005aaa}
.About>ul li img{width:100%}
.About>ul li h3{text-align:center;padding-bottom:0.5em;font-size:20px}
.About>ul li p{color:#666;font-size:14px;}
.About .BJQ{}
.About .BJQ>img{
    float: left;
    margin-right: 40px;
    max-width: 600px;
}
.About .BJQ ul{overflow:hidden;padding: 0px 0 20px 0px;}
.About .BJQ ul li{position:relative;font-size: 16px;margin-bottom: 5px;}
.About .BJQ ul li:before{}
.About .BJQ ul li i{color: #005aaa;
    margin-right: 5px;}
.productList{display: flex;flex-wrap: wrap;justify-content: space-between;display: -webkit-flex;padding: 0.5rem 0;}
.productList ul{display:flex;flex-wrap:wrap;display:-webkit-flex;width:100%;justify-content:space-between;}
.productList ul li{width: 32%;margin-bottom:40px;}
.productList ul li a{display:block}
.productList ul li img{width:100%;height: 260px;}
.productList ul li h3{font-weight: 600;padding: 10px 0 0;font-size: 16px;color: #000;}
.productShow{padding: 1rem;}
.productShowHead{overflow:hidden;min-height:50vh;display: flex;flex-wrap: wrap;justify-content: center;display: -webkit-flex;}
.productShowHeadLeft{width: 700px;}
.productShowHeadLeft .swiper-container{padding-bottom:0px}
.productShowHeadLeft img{width:100%}
.productShowHeadRight{
    width: 100%;
}
.productShowHeadRight h1{font-size: 30px;color:#242424;margin-bottom:20px;text-align: center;}
.productShowTxt{}
.productShowTxt h2{margin-bottom:20px;font-size:24px}
.productShowTxt p{color: #333;margin-bottom: 1em;}
.productShowTxt .BJQ{}
.productShowTxt p img{max-width:100%; margin:0 auto;}
.productShowTxt strong{}
.productShowHeadLeft .gallery-topY{margin-bottom:10px}
.productShowHeadLeft h3{display:none}
.indexTop{background: #333;display: none;}
.indexTopleft{}
.indexTopleft a{color:#fff;font-size: 14px;line-height: 36px;}
.indexTopleft a i{position:relative;top:0px;margin-right:4px;font-size: 13px;color: #fff;}
.indexTopNr{width: 95%;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;padding-left: 60px;}
.indexTopright a.mailbox{}
.indexTopright a.mailbox em{position:relative;z-index:2;font-size: 14px;}
.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}
.indexTel i{font-size: 26px;margin-right: 10px;color: #fff;}
.indexTel div{}
.indexTel h3{font-weight:normal;color:#999;font-size:15px}
.indexTel p{font-weight: 600;font-size: 24px;color: #fff;font-family: 'Roboto',sans-serif;font-weight: 400;}

.fixed{}
.fixed .indexNav{position:fixed;width:100%;left:0px;top:0px;z-index:9;background: #335ba6!important;box-shadow:0 1px 6px 0 rgba(32,33,36,0.28);}
.fixed #nav>li>a{line-height:70px;color: #fff;}
.map{
    width: 100%;
}
.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: #040c1b;opacity: 1;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 rgb(238 238 238 / 0.5);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;border: 1px solid rgb(238 238 238 / 0.5);padding:10px;font-size:14px;display:block;margin-bottom:20px;color:#fff;}
.footBD button{width:150px;height:40px;line-height:40px;background: #005aaa;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.8rem 0;display: flex;flex-wrap: wrap;justify-content: center;display: -webkit-flex;align-items: center;}
.indexF h2{line-height:1em;font-size: 0.5rem;color:#fff;width:100%;text-align:center;padding-bottom: 10px;text-transform: uppercase;}
.indexF a{height: 40px;line-height: 40px;background: #fff;color: #005aaa;font-weight: 600;display:block;text-align:center;padding: 0 40px;font-size: 15px;}
.indexF:before{content:'';display:block;position:absolute;width:100%;height:100%;background: #000;opacity: 0;top:0px;left:0px;}
.indexF .BJQ{
    width: 100%;
    margin-bottom: 20px;
}
.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: #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: #ddd; } 
.footBD input::-moz-placeholder { color: #ddd;}
.footBD input::-ms-input-placeholder { color: #ddd;} 
.footBD textarea::-webkit-input-placeholder{ color: #ddd; } 
.footBD textarea::-moz-placeholder { color: #ddd;}
.footBD textarea::-ms-input-placeholder { color: #ddd;} 
.Services ul li div{}
.About ul>li div{
    padding: 20px;
}
.About ul>li div{}


.productList ul li p{
    font-size: 14px;
    color: #444;
}
.productList ul li em{}
.productList ul li span{}
.indexF .box p{
    color: #fff;
    font-size: 20px;
    text-align: center;
    padding: 0 20%;
}
 
 /*2021年7月17日16:46:04*/
 
 .page{
    padding: 1rem 0;
}
 .page h2{}
 .page .BJQ{}
 .page .BJQ p{
    margin-bottom: 0.5em;
}
 .page .BJQ h3{
    font-size: 24px;
    padding-bottom: 0.5em;
    padding-top: 1em;
    text-transform:capitalize;
}
 .page .BJQ h4{}
 .page .BJQ strong{}
 
 
 .page .BJQ ul{overflow:hidden;padding-bottom: 1em;}
 .page .BJQ ul li{position:relative;padding-left:15px;font-size: 16px;}
 .page .BJQ ul li i{color: #005aaa;
    margin-right: 5px;}
 
 
 
 
 
.pageUl{
    padding: 20px 0;
}
.pageUl ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    display: -webkit-flex;
}
.pageUl ul li{
    width: 24%;
}
.pageUl ul li img{
    width: 100%;
}
.pageUl ul li div{}
.pageUl ul li h3{
    color: #000;
    font-size: 16px;
    font-weight: 600;
    padding: 6px 0;
    text-align: center;
}


.pageOl{}
.pageOl ol{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    display: -webkit-flex;
}
.pageOl li{
    width: 32%;
    margin-bottom: 30px;
}
.pageOl img{
    width: 100%;
}
.pageOl h3{
    color: #000;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 0;
}
.pageOl p{
    font-size: 14px;
    color: #444;
}
.pageOl div{}

 
 
.indexF .BJQ ul{
    padding-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    display: -webkit-flex;
}
.indexF .BJQ ul li{
    position: relative;
    padding-left: 14px;
    color: #fff;
}
.indexF .BJQ ul li:before{content: '';width: 6px;height: 6px;display: block;background: #fff;position: absolute;left: 0px;top: 10px;}


.sousuo{
    background: none;
    border: 1px solid rgb(255 255 255 / 0.8);
    border-radius: 20px;
}
.sousuo button{
    position: absolute;
    right: 0px;
    height: 38px;
    top: 0px;
    padding: 0 15px;
    background: none;
    color: #fff;
}
.sousuo input{
    width: 240px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    padding: 0 10px;
    display: block;
    background: none;
    color: #fff;
}
.sousuo form{
    display: block;
    position: relative;
}

.sousuo input::-webkit-input-placeholder{ color: #fff; } 
.sousuo input::-moz-placeholder { color: #fff;}
.sousuo input::-ms-input-placeholder { color: #fff;} 

/*2021-8-13 11:10:34*/
.indexLeimu{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    display: -webkit-flex;
}
.indexLeimu a{
    display: block;
    width: 32%;
    margin-bottom: 20px;
}
.indexLeimu img{
    width: 100%;
}
.indexLeimu h3{
    text-align: center;
    padding: 10px;
}

.indexCp{
    padding: 1rem 0;
    background: #f2f7fb;
}
.indexCp h2{
    font-size: 0.5rem;
    padding-bottom: 0.5em;
    text-align: center;
    position: relative;
    text-transform: uppercase;
    line-height: 1em;
}
.indexCp .BJQ{
    padding-bottom: 20px;
}
.indexCp .BJQ p{
    text-align: center;
}
.indexCp .BJQ h3{}


#indexCp{}
#indexCp img{
    height: 240px;
}
#indexCp h3{
    font-size: 18px;
    text-align: center;
    margin: 10px 0 0;
    height: 1.5em;
    overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
#indexCp p{
    text-align: center;
    font-size: 14px;
    color: #666;
}
.productLeft{
    width: 240px;
    min-height: 50vh;
}
.productLeft h2{
    text-transform:uppercase;
    font-size: 20px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #000;
}
.productLeft ol{}
.productLeft ol li{
    margin-bottom: 6px;
}
.productLeft ol li span i{
    font-size: 12px;
    position: relative;
    top: -7px;
}
.productLeft ol li span{
    border: 1px solid #999;
    width: 14px;
    height: 14px;
    margin-right: 8px;
    color: #fff;
}
.productLeft ol li a{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    align-items:center;
}
.productLeft ol li a.this span{
    color: #005aaa;
    border: 1px solid #005aaa;
}
.productLeft ol li a.this{color: #005aaa;}


.productRight{
    width: calc(100% - 280px);
}

.Leftfixed .H2ol{
    position: fixed;
    top: 100px;
    width: 240px;
}

.fixed .sousuo{}
.fixed .sousuo input{
}
.fixed .sousuo button{}
.fixed .sousuo input::-webkit-input-placeholder{ color: #999; } 
.fixed .sousuo input::-moz-placeholder { color: #999;}
.fixed .sousuo input::-ms-input-placeholder { color: #999;} 

.logo1{display: none;}

.fixed .logo1{display: none;}
.fixed .logo2{display: block;}

.fixed .indexTel p{}
.fixed .indexTel i{}

.content .indexNav{
    background: #335ba6;
}

.productList2 .productRight{ width:100%;}



.fuwu{padding: rem 0 1rem;}
.fwlist .box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    display: -webkit-flex;
}
.fwlist:nth-child(2n){
    background: #fff;
}
.fwlist{
    background: #f2f7fb;
    padding: 60px 0;
}
.fwimg{
    width: 500px;
}
.fwimg img{
    width: 100%;
    height: 100%;
}
.fwtxt{
    width: calc(100% - 540px);
}
.fwtxt h3{
    color: #005aaa;
    font-size: 24px;
    padding-bottom: 1em;
}
.fwtxt p{
    margin-bottom: 10px;
}
.fwtxt ul{
    padding-left: 25px;
}
.fwtxt ul li{
    list-style-type: disc;
    margin-bottom: 10px;
    font-size: 14px;
}