@charset "UTF-8";
.indexNav{position:fixed;width:100%;top:0px;left:0px;z-index:2;background:#fff}
.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:32px;color: #000;}
.logo img{height:50px}
#nav{}
#nav>li{float:left;display:block;position:relative;padding:0 25px}
#nav>li>a{line-height:80px;font-size:18px;transition:0.4s;-o-transition:0.4s;-moz-transition:0.4s;-webkit-transition:0.4s;font-family:'Roboto',sans-serif;font-weight:500;text-transform:uppercase;position:relative}
#nav>li>a.this{color: #C00!important;}
#nav>li>a.this:before{content:'';display:block;width: 14px;height: 1px;background: #C00;position:absolute;left:0px;transition: 0.4s;-o-transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;width: 100%;bottom: 26px;}
#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%}
#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.4;left:0px;top:0px}
.banner img{width:100%;height: 70vh;}
.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:#C00;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 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;text-transform:uppercase}
.indexA h2:before{content:''}
.indexA h3{padding: 0.5em 0em 0;font-size:20px;}
.indexA .indexAboutTxt p{line-height:1.8em;margin-bottom:1em;color:#333}
.indexAboutTxt .BJQ{width:50%; }
.indexAboutTxt .BJQ a{line-height:40px;background:#C00;color:#fff;padding:0 50px;margin-top:20px}
.indexAboutTxt .BJQ strong{}
.indexAboutTxt .BJQ ul{padding-bottom:1em}
.indexAboutTxt .BJQ ul li{padding-bottom:8px}
.indexAboutTxt .BJQ ul li i{color:#C00;margin-right:5px}
.indexAboutTxt>img{max-width:600px;}
.indexA>ul{display:flex;flex-wrap:wrap;justify-content:space-between;display:-webkit-flex;}
.indexA>ul>li{width: 30%;display: flex;flex-wrap: wrap;display: -webkit-flex;justify-content: space-between;padding-top: 30px;}
.indexA>ul li img{
    width: 60px;
    height: 60px;
}
.indexA>ul li p{color:#444;font-size:14px}
.indexA>ul li h4{}
.indexAbout{}
.Services{padding: 0.8rem 0;position:relative;background-attachment:fixed;background-size:cover;background-position:center;}
.Services:before{content:'';position:absolute;width:100%;height:100%;background: #fff;top:0px;opacity:1;left:0px;}
.Services .box{}
.Services h2{font-size:0.5rem;padding-bottom:1em;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}
.Services ul li{width:32%;text-align:center;margin-bottom:20px;background: #f5f5f5;}
.Services ul li:last-child{}
.Services ul img{ max-width:100%; margin:0 auto;}
.Services ul h3{padding-top:10px;font-size:22px;font-weight:600;color:#000}
.Services ul p{color:#555;font-size:14px}
.Services ul li i{font-size:60px;color:#C00}
.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}
.ContactLeft{padding-bottom:100px;padding-top:0.5rem;width:100%;padding:40px;box-shadow:6px 5px 30px 0px rgb(0 0 0 / 12%);border-radius:4px}
.ContactLeft h3{font-weight:normal;font-size:14px;padding-bottom:1em;color:#666}
.ContactLeft form{}
.ContactLeft h2{color:#333;font-size:0.4rem;text-align:left;margin-bottom:20px}
.ContactLeft input{width:100%;height:46px;line-height:46px;font-size:14px;display:block;margin-bottom:10px;padding:0 10px;border:1px solid #e5e5e5}
.ContactLeft textarea{width:100%;height:130px;border:none;font-size:14px;display:block;margin-bottom:20px;padding:10px;border:1px solid #e5e5e5}
.ContactLeft button{height:45px;line-height:45px;background:#C00;color:#fff;padding:0 50px;display:block}
.ContactRight{width:48%}
.ContactRight h3{color:#333;margin-bottom:20px;font-family:'Roboto',sans-serif;font-weight:500;font-size:18px;padding-top:16px}
.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;width:100%;display:flex;flex-wrap:wrap;display:-webkit-flex;justify-content:space-between}
.ContactRight li div{padding-top:10px;width:calc(100% - 60px)}
.ContactRight li i{font-size:40px;color:#C00}
.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:#C00}
.About>ul li img{width:100%}
.About>ul li h3{text-align:center; font-size:20px}
.About>ul li p{color:#666;font-size:14px}
.About .BJQ{overflow:hidden}
.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:#C00;margin-right:5px}
.fixed{}
.fixed .indexNav{position:fixed;width:100%;left:0px;top:0px;z-index:9;background:#fff!important;box-shadow:0 1px 6px 0 rgba(32,33,36,0.28)}
.fixed #nav>li>a{line-height:70px;color:#000}
.fixed .logo h1{}
.map{width:49%;display:flex;flex-wrap:wrap;justify-content:space-between;display:-webkit-flex}
.map iframe{display:block;width:49%;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: #222;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:'Oswald',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:#C00;color:#fff;font-size:14px;text-transform:uppercase}
.copyright{margin-top:20px;border-top:1px solid rgb(255 255 255 / 0.3);position:relative;z-index:2}
.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:0.5em;text-transform:uppercase}
.indexF a{height:40px;line-height:40px;background:#C00;color:#fff;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%;}
.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{padding:0 20px 20px}
.About ul>li div{padding:20px}
.About ul>li div{}
.indexF .box p{color:#fff;font-size:16px;text-align:center;padding:0 10%;margin-bottom:1em}
.indexF .box p:last-child{margin-bottom:0px;}

.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:#C00;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%;cursor:pointer}
.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;cursor: pointer;}
.pageOl img{width:100%}
.pageOl h3{color:#000;font-size:22px;font-weight:600;padding:10px 0 0}
.pageOl p{font-size:14px;color:#444}
.pageOl div{}




.pageImgs{padding:1rem 0}

 
.pageImgs ul{display:flex;flex-wrap:wrap;justify-content:space-between;display:-webkit-flex}
.pageImgs ul li{width:24%;cursor:pointer}
.pageImgs ul li img{width:100%}
.pageImgs ul li div{}
.pageImgs ul li h3{color:#000;font-size:16px;font-weight:600;padding:6px 0;text-align:center}
 
.pageImgs ol{display:flex;flex-wrap:wrap;justify-content:space-between;display:-webkit-flex}
.pageImgs li{width:32%;margin-bottom:30px;cursor: pointer;}
.pageImgs img{width:100%}
.pageImgs h3{color:#000;font-size:22px;font-weight:600;padding:10px 0 0}
.pageImgs p{font-size:14px;color:#444}
.pageImgs 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;color:#fff;width:48%;padding-left:20px}
.indexF .BJQ ul li i{position:absolute;left:0px;top:6px}
.sousuo{background: #f5f5f5;}
.sousuo button{position:absolute;right:0px;height:38px;top:0px;padding:0 15px;background:none;color: #333;}
.sousuo input{width:240px;height:38px;line-height:38px;font-size:14px;padding:0 10px;display:block;background:none;color: #333;}
.sousuo form{display:block;position:relative}
.sousuo input::-webkit-input-placeholder{color:#999}
.sousuo input::-moz-placeholder{color:#999}
.sousuo input::-ms-input-placeholder{color:#999}
.indexLeimu{display:flex;flex-wrap:wrap;justify-content:space-between;display:-webkit-flex}
.indexLeimu a{display:block;width:32%;margin-bottom:20px;position:relative}
.indexLeimu img{width:100%}
.indexLeimu h3{text-align:center;padding:10px;position:absolute;bottom:0px;color:#fff;width:100%;left:0px;background-image:linear-gradient(rgb(0 0 0 / 0),rgb(0 0 0 / 0.5))}
.indexCp{padding: 0.8rem 0;}
.indexCp h2{font-size:0.5rem;padding-bottom:1em;text-align:center;position:relative;text-transform:uppercase}
.indexCp .BJQ{padding-bottom:20px}
.indexCp .BJQ p{text-align:center}
.indexCp .BJQ h3{}
#indexCp{}
#indexCp img{max-height:260px}
#indexCp h3{font-size:22px;margin:10px 0 0px;height:1.5em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#000}
#indexCp p{font-size:14px;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.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:#C00;border:1px solid #C00}
.productLeft ol li a.this{color:#C00}
.productRight{width:calc(100% - 280px)}
.Leftfixed .H2ol{position:fixed;top:100px;width:240px}
.fixed .sousuo{}
.fixed .sousuo input{color:#333}
.fixed .sousuo button{color:#333}
.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:block}
.fixed .logo2{display:none}
.fixed .indexTel p{}
.fixed .indexTel i{}
.content .indexNav{}
.indexA>ul>li div{
    width: calc(100% - 80px);
}
.fixed #nav>li>a.this:before{bottom: 20px;}
.productList1{display:flex;flex-wrap:wrap;display:-webkit-flex;justify-content:space-between;padding:1rem 0}
.productList1 ul{display:flex;flex-wrap:wrap;display:-webkit-flex;justify-content:space-between; width:100%;}
.productList1 ul li{width:32%;margin-bottom:30px}
.productList1 ul li a{display:block}
.productList1 ul li img{width:100%}
.productList1 ul li h3{margin:10px 0 0;font-size:22px;font-family:'Roboto',sans-serif;font-weight:500;color:#000}
.productList1 ul li p{color:#666;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.productList1 ul li div{
    position: relative;
}
.productList1 ul li strong{}
.productList2{display:flex;flex-wrap:wrap;display:-webkit-flex;justify-content:space-between;padding:1rem 0}
.productList2 ul{display:flex;flex-wrap:wrap;display:-webkit-flex;}
.productList2 ul li{width: 32.6%;margin-bottom: 1%;margin-right: 1%;border: 1px solid #e3e3e3;padding: 30px;}
.productList2 ul li a{display:block}
.productList2 ul li img{
    height: 200px;
    margin: 0 auto;
}
.productList2 ul li h3{margin:10px 0 0;font-size:18px;font-family:'Roboto',sans-serif;font-weight:500;color:#000}
.productList2 ul li p{color:#666;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.productList2 ul li div{}
.productList2 ul li strong{}

.productList2 ul li:nth-child(3n){ margin-right:0px;}

.productList3{display:flex;flex-wrap:wrap;display:-webkit-flex;justify-content:space-between}
.productList3>ul{width:100%;display:flex;flex-wrap:wrap;display:-webkit-flex;justify-content:space-between}
.productList3>ul>li{width:100%;padding:0.6rem 0}
.productList3>ul>li em{}
.productList3>ul>li a{display:flex;flex-wrap:wrap;display:-webkit-flex;justify-content:space-between}
.productList3>ul>li img{width:500px}
.productList3>ul>li h3{margin:10px 0;font-size:26px;font-family:'Roboto',sans-serif;font-weight:500;color:#000;text-transform:capitalize}
.productList3>ul>li p{color:#666;font-size:15px;overflow:hidden;margin-bottom:1em}
.productList3>ul>li div{width:calc(100% - 540px)}
.productList3>ul>li strong{}
.productList3>ul>li:nth-child(2n){background:#f5f5f5}
.productList3>ul>li:nth-child(2n) img{}
.productList3>ul>li:nth-child(2n) div{}
.productList3>ul>li div ul{}
.productList3>ul>li div ul li{color:#333;position:relative;padding-left:20px;margin-bottom:5px;font-size:14px}
.productList3>ul>li i{color:#C00;position:absolute;left:0px;top:3px}
.productShow3Img{}
.productShow3Img img{max-width:100%;margin:0 auto 20px}
.productShow3{padding:1rem 0}
.productShow3 h1{font-size:30px;color:#000;margin-bottom:20px;text-align:center}
.productShow3 .BJQ{margin:0 auto}
.productShow3 .BJQ h3{font-size:20px}
.productShow3 .BJQ h4{}
.productShow3 .BJQ h2{}
.productShow3 .BJQ p{padding-bottom:1em}
.productShow3 .BJQ ul{margin:20px 0}
.productShow3 .BJQ ul li{margin-bottom:5px;position:relative;padding-left:20px}
.productShow3 .BJQ ul li i{color:#C00;position:absolute;left:0px;top:3px}
.productShow3 .BJQ strong{}
.productShow2{padding:1rem 0;display:flex;flex-wrap:wrap;display:-webkit-flex;justify-content:space-between}
.productShow2 h1{font-size:30px;color:#000;margin-bottom:20px}
.productShow2 .BJQ{margin:0 auto}
.productShow2 .BJQ h3{font-size:20px}
.productShow2 .BJQ h4{}
.productShow2 .BJQ h2{}
.productShow2 .BJQ p{padding-bottom:1em}
.productShow2 .BJQ ul{}
.productShow2 .BJQ ul li{margin-bottom:5px;position:relative;padding-left:20px}
.productShow2 .BJQ ul li i{color:#C00;position:absolute;left:0px;top:3px}
.productShow2 .BJQ strong{}
.productShow2Txt{padding-top:0px;width:calc(100% - 540px)}
.productShow2Img{width:500px}
#productShow2Img{padding-bottom:0px}
#productShow2Img img{}
.productShow1{padding:1rem 0;display:flex;flex-wrap:wrap;display:-webkit-flex;justify-content:space-between}
.productShow1 h1{font-size:30px;color:#000;margin-bottom:20px;text-align:center}
.productShow1 .BJQ{margin:0 auto}
.productShow1 .BJQ h3{font-size:20px}
.productShow1 .BJQ h4{}
.productShow1 .BJQ h2{}
.productShow1 .BJQ p{padding-bottom:1em}
.productShow1 .BJQ ul{}
.productShow1 .BJQ ul li{margin-bottom:5px;position:relative;padding-left:20px}
.productShow1 .BJQ ul li i{color:#C00;position:absolute;left:0px;top:3px}
.productShow1 .BJQ strong{}
.productShow1Txt{padding-top:20px}
.productShow1Img{width:100%;padding-bottom:0px}
#productShow1Img{padding-bottom:0px}
#productShow1Img img{}
.indexTel{display:flex;flex-wrap:wrap;justify-content:space-between;display:-webkit-flex;align-items:center}
.indexTel i{font-size:24px}
.indexTel div{}
.indexTel h3{font-weight:normal;color:#999;font-size:15px}
.indexTel p{font-weight:600;font-size:24px}
#indexCpdefault{display:flex;flex-wrap:wrap;display:-webkit-flex;justify-content:space-between}
#indexCpdefault li{width: 24%;margin-top: 20px;border:1px solid #e3e3e3;padding: 20px;}
#indexCpdefault li a{display:block}
#indexCpdefault li img{
    height: 200px;
    margin: 0 auto;
}
#indexCpdefault li h3{color:#000;font-size:22px;height:1.5em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#indexCpdefault li p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;font-size: 14px;height:3em;margin: 10px 0 0px;}
#indexCpdefault li em{display:block;background:#f3f3f3;text-align:center;line-height:38px;transition:0.4s;-o-transition:0.4s;-moz-transition:0.4s;-webkit-transition:0.4s;font-size: 14px;display: none;}
#indexCpdefault li:hover em{background:#C00;color:#fff}
.indexCpdefaultTxt{}
.projects{padding: 0.8rem 0;background-attachment: fixed;background-size: cover;background-position: center;position: relative;}
.projects h2{font-size:0.5rem;padding-bottom:1em;text-align:center;position:relative;text-transform:uppercase;color: #000;}
.projects .swiper-slide{}
.projects .swiper-slide img{}
.projects .swiper-slide div{position:absolute;bottom:-30px;background:#fff;width:90%;left:5%;padding:20px 20px;box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);}
.projects .swiper-slide h3{font-size:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.projects .swiper-slide p{color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.projects:before{content:'';display:block;width:100%;height: 100%;position:absolute;left:0px;bottom:0px;background: #f5f5f5;opacity: 1;}
#projects{ padding-bottom:80px; }
.indexTel span{display:block;width:36px;height:36px;background:#C00;color:#fff;text-align:center;line-height:40px;margin-right:15px;border-radius:4px}




.banner .icon-zuo-copy{
    position: absolute;
    bottom: 20px;
    color: #fff;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    font-size: 50px;
    opacity: 0.9;
    
    -moz-animation: myMove 1s linear infinite alternate;
-webkit-animation: myMove 1s linear infinite alternate;
-o-animation: myMove 1s linear infinite alternate;
animation: myMove 1s linear infinite alternate;
}


@-moz-keyframes myMove {
  0% {bottom: 20px;}
  100% {bottom: 40px;}
}
@-webkit-keyframes myMove {
   0% {bottom: 20px;}
  100% {bottom: 40px;}
}
@-o-keyframes myMove {
 0% {bottom: 20px;}
  100% {bottom: 40px;}
}
@keyframes myMove {
   0% {bottom: 20px;}
  100% {bottom: 40px;}
}


/*2021-9-13 15:45:31*/
#indexCpdefault li em i{
    font-size: 14px;
}





/*2021-9-13 16:51:50*/
.productList1 ul li h4{
    font-weight: normal;
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    color: #fff;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 10px 20px;
    background-image: linear-gradient(rgb(0 0 0 / 0),rgb(0 0 0 / 0.8));
}
.productList1 ul li h4 i{}
.productList1 ul li h5{
    color: #333;
    font-weight: normal;
}
.productList1 ul li h5 i{}

.productList1 ul li h4 em{
    width: 70%;
}
.productList1 ul li h4 span{
    font-weight: bold;
}