@charset "utf-8";

/* 首页 */
.Banner{width: 100%; clear: both;}
.Banner .item .img{width: 100%;}

@media ( max-width:1200px){ 
    /* .Banner .item .pc{display: none;}
    .Banner .item .sj{display: block;} */
}

/* index */
.category{display: inline-block; padding: 0 8px; border: 1px solid #e5e5e5; color: #999; border-radius: 5px; font-size: 12px;}
.HomeTit .name{font-size: 0.32rem; line-height: 0.48rem;}

.HomeProduct .list dd{width: 33.3333%; float: left;}
.HomeProduct .list dd a{display: block; padding: 5%; cursor: default;}
.HomeProduct .list dd .tit{text-align: center; margin-top: 0.15rem;}

.HomeSolutions{display: none;}
.HomeSolutions .list dd{width: 33.333%; float: left; text-align: center; margin-top: 3%;}
.HomeSolutions .list dd .img img{max-width: 60%;}
.HomeSolutions .list dd .tit{font-size: 0.2rem; color: #fff;}

.HomeAbout .bg{position: absolute; left: 0; top: 0; bottom: 0; width: 50%; background: rgba(41,146,252,0.7);}
.HomeAbout .box{position: relative; z-index: 9;}
.HomeAbout .title{font-family: Arial; font-size: 0.6rem; line-height: 0.6rem; color: #fff;}
.HomeAbout .title i{padding: 0 0.2rem; color: #2992fc;}
.HomeAbout .con{width: 46%; font-size: 0.18rem; line-height: 0.4rem; color: #fff; text-align: justify;}

.HomeNews .list dd{padding-bottom: 0.3rem; margin-bottom: 0.3rem; border-bottom: 1px solid #ececec; font-size: 14px; line-height: 24px;}
.HomeNews .list dd .tit{font-size: 16px;}
.HomeNews .list dd .time{margin: 0.1rem 0;}
.HomeNews .list dd .p{color: #666; -webkit-line-clamp: 2; margin-bottom: 0.15rem;}

@media(max-width:768px){ 
    .HomeTit .name{font-size: 0.22rem; line-height: 0.3rem;}
    .HomeProduct .list dd{width: 50%;}
    .HomeAbout{display: none;}
} 

/* 产品中心 */
.ProductList dd{width: 25%; float: left;}
.ProductList dd a{display: block; padding: 5%;}
.ProductList dd .tit{text-align: center; margin-top: 0.15rem;}

@media(max-width:768px){
    .ProductList dd{width: 50%;}
}

/* 产品详情 */
.PicScroll{width: 42.5%;}
.PicScroll .bds{border: 1px solid #eee;}
.PicScroll .bds dd a{cursor: url(../images/plus.png),auto;}
.PicScroll .hds{margin: 14px 4% 0;}
.PicScroll .hds dl{margin-left: -2%;}
.PicScroll .hds dd{margin-left: 2%;}
.PicScroll .hds dd a{display: block; border: 1px solid transparent;}
.PicScroll .hds dd img{height: 1.17rem;}
.PicScroll .hds dd.slick-current a{border: 1px solid #2b2b2b;}

.sharebox .hidebox{position: absolute; right: 0; top: 100%; width: 2.56rem; max-width: 2rem; padding: 15px; vertical-align: middle; border-radius: 5px; box-shadow: 0 0 20px rgba(0,0,0,0.15); background: #fff; white-space: normal; text-align: center;}
.sharebox .btn{color: #666; display: block;}
.sharebox .hidebox .arrow{position: absolute; right: 0.1rem; color: #fff; top: -14px;}
.sharebox .hidebox .link a{display: inline-block; width: 0.3rem; line-height: 0.3rem; font-size: 0.22rem; border-radius: 50%; color: #fff; margin: 0 0.1rem;}
.sharebox .hidebox .link a.a1{background: #46d42f;}
.sharebox .hidebox .link a.a2{background: #f44336;}
.sharebox .hidebox .link a.a3{background: #2992fc;}
.sharebox:hover .hidebox{display: block !important;}
.Proins{width: 55.35%;}
.Proins .titlebox{padding-right: 1.6rem; margin-top: 0.1rem;}
.Proins .titlebox .sharebox{position: absolute; right: 0; top: 0; padding-left: 0.2rem; border-left: 1px solid #f0f0f0;}
.Proins .titlebox .sharebox .btn{line-height: 0.35rem;}
.Proins .titlebox .sharebox .btn i{display: block; font-size: 0.24rem; line-height: 0.2rem;}
.Proins .titlebox .sharebox .btn span{display: block; font-size: 0.13rem;}
.Proins .titlebox .title{line-height: 0.4rem; font-size: 0.2rem; padding: 0.2rem 0 0.1rem;}
.Proins .info{font-size: 0.14rem; padding: 0.1rem 0;}
.Proins .iphone{display: inline-block; margin-top: 0.3rem; padding: 0 0.15rem; line-height: 0.42rem; background: rgba(43,160,232,1); color: #fff; border-radius: 0.21rem;}

.PrevNextBox{padding-top: 0.18rem; margin: 0.14rem 0;}
.PrevNextBox dl{width: 49.22%; position: relative; font-size: 0.14rem;}
.PrevNextBox dl b{font-weight: normal; position: absolute; left: 0; top: 0;}
.PrevNextBox dl a{padding-left: 0.7rem;}

.ProductDetail{margin-top: 0.8rem;}
.ProductDetail .hd{border: 1px solid #f0f0f0; font-size: 0.15rem; line-height: 0.54rem;}
.ProductDetail .hd li{width: 1.6rem; float: left; border-right: 1px solid #f0f0f0; text-align: center; padding: 0 0.08rem; position: relative;}
.ProductDetail .hd li a{display: block;}
.ProductDetail .hd li::after{content: ''; position: absolute; left: 0; right: 0; top: -1px; border: 2px solid #000;}
.ProductDetail .bd{padding: 0.25rem 0.15rem; font-size: 0.14rem; line-height: 0.38rem;}
.ProductDetail .bd dl{margin-top: 2%;}
.ProductDetail .bd dl dt{font-size: 0.16rem; font-weight: bold; color: rgb(51, 127, 229);}

@media(max-width:768px){ 
    .PicScroll,.Proins{width: auto; float: none;}
    .PicScroll .bds{border: none;}
    .PicScroll .hds{display: none;}
    .Proins .iphone{position: fixed; left: 0; right: 0; bottom: 0; text-align: center; border-radius: 4px; line-height: 0.5rem;}
    .ProductDetail{border-top: 0.16rem solid #f8f8f8; margin-top: 0.3rem;}
    .ProductDetail .hd{text-align: center; border: none; line-height: 0.6rem;}
    .ProductDetail .hd li{display: inline-block; float: none; width: auto; border-right: none; border-bottom: 1px solid #000;}
    .ProductDetail .hd li::after,.PrevNextBox{display: none;}
} 

/* 解决方案 */
.SolutionsList dd{margin-bottom: 0.3rem;}
.SolutionsList dd .Scale-img{width: 23.885%; height: 1.64rem;}
.SolutionsList dd .con{width: 73.5%; padding: 0.1rem 0.2rem 0.1rem 0.1rem;}
.SolutionsList dd .con .titlebox{line-height: 0.28rem; padding-right: 1rem;}
.SolutionsList dd .con .titlebox .time{position: absolute; right: 0; top: 0; font-size: 0.14rem; color: #999;}
.SolutionsList dd .con .p{margin: 0.18rem 0 0.2rem; -webkit-line-clamp: 1; font-size: 0.14rem; color: #666;}
/* .SolutionsList dd .con .category{display: inline-block; font-size: 12px; color: #999; padding: 0 8px; border-radius: 5px; border: 1px solid #e5e5e5;} */
.SolutionsList dd:hover{box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);}

@media(max-width:1024px){
    .SolutionsList dd .Scale-img{width: 38%;}
    .SolutionsList dd .con{width: 58%;}
}

@media(max-width:768px){
    .SolutionsList dd .con .titlebox{padding-right: 0;}
    .SolutionsList dd .con .titlebox .time{position: static;}
    .SolutionsList dd .con .p{margin: 0.1rem 0 0.15rem; -webkit-line-clamp: 2;}
}

@media(max-width:480px){
    .SolutionsList dd{box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); margin-bottom: 0.15rem;}
    .SolutionsList dd .Scale-img,.SolutionsList dd .con{width: auto; float: none;}
    .SolutionsList dd .con{padding: 0.2rem;}
}

/* 详情页 */
.NewsDetail .title{padding-bottom: 0.24rem; margin-bottom: 0.3rem; border-bottom: 1px solid rgb(235, 235, 235);}
.NewsDetail .title h1{font-weight: normal; padding: 0.24rem 0; margin-bottom: 0.1rem; font-size: 0.22rem; line-height: 0.3rem;}
.NewsDetail .title .ins{font-size: 0.14rem; color: #666; margin-bottom: 0.24rem;}
.NewsDetail .title .time{font-size: 0.14rem;}
.DetailOther{padding: 0.3rem 0; margin-top: 0.5rem; border-top: 1px dashed rgb(235, 235, 235);}
.DetailOther .sharebox .btn span{padding-left: 0.1rem; font-size: 13px;} 

@media(max-width:768px){ 
    .NewsDetail .title h1{padding: 0;}
    .NewsDetail .title .ins{margin-bottom: 0.1rem;}
} 

/* 维修网点 */
.WebsiteList dl{margin-left: -3%;}
.WebsiteList dd{float: left; margin-left: 3%; width: 47%; padding-bottom: 0.2rem; margin-bottom: 0.2rem; border-bottom: 1px solid #ececec;}
.WebsiteList dd a{display: block; padding: 0.1rem;}
.WebsiteList dd .tit{margin-bottom: 0.18rem;}
.WebsiteList dd .tit span{font-size: 0.14rem; margin-left: 0.2rem;}
.WebsiteList dd .p{-webkit-line-clamp: 1; margin: 0 0 0.2rem; font-size: 0.14rem; color: #666;}

@media(max-width:768px){
    .WebsiteList dd{width: auto; float: none;}
    .WebsiteList dd .tit{margin-bottom: 0.1rem;}
    .WebsiteList dd .p{margin: 0 0 0.1rem;}
}

@media(max-width:480px){
    .WebsiteList dd{margin-bottom: 0.1rem; padding-bottom: 0.1rem;}
}

/* 视频课件 */
.Title01{line-height: 0.5rem; color: #39f; border-bottom: 1px solid #ececec;}
.CommonBox .box{margin-bottom: 3%;}
.CommonBox .box:last-child{margin-bottom: 0;}
.VideoList .box .list dd{width: 20%; float: left;}
.VideoList .box .list dd a{display: block; padding: 0.1rem; cursor: default;}
.VideoList .box .list dd .tit{line-height: 0.36rem; text-align: center; background: rgba(0,0,0,0.7); color: #fff; font-size: 0.15rem; padding: 0 0.1rem;}
.VideoList .box .list dd a:hover{box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);}

@media(max-width:768px){ 
    .Title01{line-height: 0.4rem;}
    .VideoList .box .list dd{width: 50%;}
} 

/* 下载服务 */
.DownList .box .list dl{margin-left: -3%;}
.DownList .box .list dd{width: 30.333%; float: left; margin: 0.2rem 0 0 3%;}
.DownList .box .list dd a{display: block; border: 1px solid #f0f0f0; padding: 5%;}
.DownList .box .list dd .icon{position: absolute; left: 0; top: 0; width: 0.48rem;}
.DownList .box .list dd .con{min-height: 0.48rem; padding: 0 0.6rem; color: rgba(101, 113, 128, 1);}
.DownList .box .list dd .down{position: absolute; right: 0; top: 50%; margin-top: -0.15rem; width: 0.48rem; line-height: 0.3rem; background: #f2f3f5; text-align: center; border-radius: 0.15rem; font-size: 0.2rem; font-weight: bold; color: #000;}
.DownList .box .list dd:hover .down{background: #39f; color: #fff;}

@media(max-width:768px){
    .DownList .box .list dd{width: auto; float: none;}
    .DownList .box .list dd a{padding: 0; border: none; border-bottom: 1px dashed #f0f0f0; padding-bottom: 0.2rem;}
}

/* 公司新闻 */
.NewsList .list dd{margin-bottom: 0.15rem; padding-bottom: 0.15rem;}
.NewsList .list dd a{display: block; padding: 0.15rem;}
.NewsList .list dd a:hover{box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);}

/* 招贤纳士 */
.JobList dd{margin-bottom: 0.25rem;}
.JobList dd:last-child{margin-bottom: 0;}
.JobList dd .imgbox{width: 30%;}
.JobList dd .con{width: 67.5%; font-size: 0.14rem;}
.JobList dd .con .title{font-size: 0.24rem;}
.JobList dd .con .ins{margin: 0.1rem 0;}
.JobList dd .con .info{line-height: 0.38rem;}

@media(max-width:768px){
    .JobList dd .imgbox,.JobList dd .con{width: auto; float: none;}
    .JobList dd .imgbox{margin-bottom: 0.2rem;}
    .JobList dd .con .title{font-size: 0.2rem;}
    .JobList dd .con .info{line-height: 0.3rem;}
}

/* 环境风采 */
.ViewPic .bds dd{position: relative;}
.ViewPic .bds dd .tit{position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7); line-height: 0.44rem; font-size: 0.15rem; color: #fff; text-align: center;}
.ViewPic .hds{width: 5.9rem; margin: 0.18rem auto;}
.ViewPic .hds dd{margin: 0 0.09rem;}
.ViewPic .hds dd a{display: block; border: 1px solid transparent;}
.ViewPic .hds dd .imgbox{height: 0.75rem;}
.ViewPic .hds dd.slick-current a{border: 1px solid #666;}

@media(max-width:768px){ 
    .ViewPic .hds{width: 100%;}
} 

@media(max-width:480px){
    .ViewPic .hds{margin-top: 0.1rem;}
    .ViewPic .hds dd{margin: 0 0.05rem;}
    .ViewPic .hds dd .imgbox{height: 0.5rem;}
}

/* 历史传承 */
.HistoryList dd{margin-bottom: 3%;}
.HistoryList dd:last-child{margin-bottom: 0;}
.HistoryList dd .box{line-height: 0.38rem; padding-left: 1.6rem;}
.HistoryList dd .time{position: absolute; left: 0; top: 0; width: 1.5rem; text-align: right;}
.HistoryList dd .titlebox{font-size: 0.24rem;}

@media(max-width:768px){ 
    .HistoryList dd .titlebox{font-size: 0.2rem;}
    .HistoryList dd .time{position: static; display: block; text-align: left;}
    .HistoryList dd .box{line-height: 0.3rem; padding-left: 0;}
} 

@media(max-width:480px){
    .HistoryList dd{padding-bottom: 0.25rem; margin-bottom: 0.25rem; border-bottom: 1px dashed #f0f0f0;}
}

/* 荣誉展示 */
.HonnorList dl{margin-left: -5%;}
.HonnorList dd{width: 20%; float: left; margin: 0 0 3% 5%;}
.HonnorList dd .imgbox{height: 4.2rem; display: flex; align-items: center; justify-content: center;}
.HonnorList dd .imgbox img{max-width: 100%; max-height: 100%;}

@media(max-width:768px){ 
    .HonnorList dl{margin-left: -3%;}
    .HonnorList dd{width: 47%; margin: 0 0 3% 3%;}
} 

@media(max-width:480px){
    .HonnorList dd .imgbox{height: 2.5rem;}
}

/* 信息公开 */
.CommonList dd a{display: block; padding: 0.12rem 0.1rem; border-bottom: 1px dashed #e7e7e7; line-height: 0.34rem; color: rgba(101, 113, 128, 1);}
.CommonList dd .titlebox span{margin-left: 0.1rem;}
.CommonList dd .down{width: 80px; background: #f2f3f5; border-radius: 3px; text-align: center; font-size: 0.14rem; margin-left: 5.8%;}
.CommonList dd:hover .down{background: rgba(43,160,232,1); color: #fff;}

@media(max-width:768px){ 
    .CommonList dd .down{width: auto; padding: 0 0.2rem;}
} 

/* 联系选购 */
.FormBox .box{margin-left: -5%;}
.FormBox dl{width: 45%; float: left; margin: 0 0 0.2rem 5%;}
.FormBox dl dt{margin-bottom: 0.1rem;}
.FormBox dl dd .input,.FormBox dl dd textarea{width: 100%; padding: 0 0.15rem; background: #f3f3f3; line-height: 0.4rem; height: 0.4rem;}
.FormBox dl dd textarea{height: 0.8rem;}
.FormBox dl.w100{width: auto; float: none; clear: both;}
.FormBox .btn{width: 100%; background: #2ba0e8; color: #fff; height: 0.4rem;}

.ContactBox .box{width: 50%;}
.ContactBox .box .title{border-bottom: 1px solid #ddd; padding-bottom: 0.4rem; margin-bottom: 0.4rem;}
.ContactBox .box .title h2{font-size: 0.24rem;}
.ContactBox .box .title i{position: absolute; left: 0; bottom: -1px; width: 30%; height: 1px; background: #52b548; z-index: 2;}
.ContactBox .box .info{font-size: 0.18rem; line-height: 0.3rem;}
.ContactBox .map{width: 39.93%;}

@media(max-width:768px){
    .FormBox .box{margin: 0 0 0.4rem;}
    .FormBox dl{width: auto; float: none; margin-left: 0;}
    .ContactBox .box,.ContactBox .map{width: auto; float: none;}
    .ContactBox .box .title{padding-bottom: 0.25rem; margin-bottom: 0.25rem;}
    .ContactBox .map{margin-top: 0.25rem;}
}

@media(max-width:480px){
    
}










@media(max-width:1024px){ 
    
} 

@media(max-width:768px){ 
    
} 

@media(max-width:640px){
    
}

@media(max-width:480px){
    
}











@media(max-width:1024px){ 
    
} 

@media(max-width:768px){ 
    
} 

@media(max-width:640px){
    
}

@media(max-width:480px){
    
}