@charset "utf-8";

/* 首页 */
.Banner .item .mobile{display: none;}
.Banner .BanCon{position: absolute; left: 0; right: 0; z-index: 5; top: 22%; color: #fff;}
.Banner .BanCon .box{max-width: 58%;}
.Banner .BanCon h2{line-height: 0.9rem; font-size: 0.8rem; margin-bottom: 0.3rem;}
.Banner .BanCon h2 .din{font-size: 1rem;}
.Banner .BanCon p{font-size: 0.18rem; line-height: 0.36rem;}
.Banner .slick-current .BanCon{animation:fadeInUp 1s 1; -webkit-animation:fadeInUp 1s 1;}
.Banner .slick-dots{bottom: 0.7rem;}

@keyframes fadeInUp {
    0% {
        opacity:0;
        transform:translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

/* index */
.mt80{margin-top: 0.8rem;}
.mb80{margin-bottom: 0.8rem;}
.mb30{margin-bottom: 0.3rem;}
.mt110{margin-top: 1.1rem;}
.mb110{margin-bottom: 1.1rem;}

.HomeTit{line-height: 0.86rem; height: 0.86rem; border-bottom: 1px solid #ebebeb;}
.HomeTit .name{font-size: 30px;}
.HomeTit i{display: inline-block; margin-left: 10px;}

.Commore{display: block; line-height: 24px; color: #fff; font-size: 16px;}
.Commore i{display: inline-block; vertical-align: middle; width: 24px; margin-left: 0.1rem; background: #00a0e9; color: #fff; text-align: center; border-radius: 50%; font-size: 14px;}

.HomeProduct .box{margin-left: -0.15rem;}
.HomeProduct dl dd{margin-left: 0.15rem; position: relative;}
.HomeProduct dd .mask{position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 0.3rem 0.4rem; line-height: 0.32rem; font-size: 20px; z-index: 5; background-color: rgba(0,0,0,0.3); color: #fff;}
.HomeProduct dd .Commore{position: absolute; left: 0.4rem; right: 0.4rem; bottom: 0.4rem;}

.HomeXlPro dd .imgbox .size{opacity: 0;}
.HomeXlPro dd .imgbox .img{position: absolute; left: 0; top: 0; width: 100%; transition:500ms;}
.HomeXlPro dd .imgbox .i1{transition: 400ms;}
.HomeXlPro dd .imgbox .i2{opacity:0; filter:alpha (opacity=0);}
.HomeXlPro dd:hover .imgbox .i2{opacity:1;  filter:alpha(opacity=100);}
.HomeXlPro dd:hover .imgbox .i1{opacity: 0; filter: alpha(opacity=0);}
.HomeXlPro dd .mask{color: #000;}
.HomeXlPro dd .mask{background-color: transparent;}
.HomeXlPro dd:hover .mask{color: #fff; background-color: rgba(0,0,0,0.3);}

.HomeColumn dl{margin-left: -0.8%;}
.HomeColumn dd{width: 32.5333%; float: left; margin-left: 0.8%; position: relative;}
.HomeColumn dd .con{position: absolute; left: 0.5rem; right: 0.5rem; bottom: 0.4rem; color: #fff; z-index: 6;}
.HomeColumn dd .con .tit{font-size: 30px; line-height: 0.46rem;}
.HomeColumn dd .con .p{-webkit-line-clamp: 1; line-height: 0.36rem;}

/* .HomeVideo .Scale-img{opacity: 0;} */
.HomeVideo .video,.HomeVideo .con,.VideoBox .video,.ActiveVideo .video{position: absolute; left: 0; top: 0; right: 0; bottom: 0;}{position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.HomeVideo .video,.VideoBox .video{width: 100%; height: 100%; z-index: 5;}
.HomeVideo .con{z-index: 9; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; color: #fff;}
.HomeVideo .con .play{display: block; font-size: 0.6rem; line-height: 0.6rem;}
.HomeVideo .con .more{display: inline-block; margin-top: 0.36rem; width: 98px; line-height: 34px; font-size: 15px; color: #fff; border: 1px solid rgba(255,255,255,0.6); border-radius: 5px;}

.video_player{display: none;}
.video_player .video_mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.95)!important; background: #000; filter: alpha(opacity=95); z-index: 1000;}
.video_player .video_close{position: fixed; top: 0; right: 0; z-index: 1200; cursor: pointer; font-size: 0.4rem; line-height: 0.4rem; color: #fff;}
.video_player .video_content{width: 9.8rem; height: 6rem; overflow: hidden; position: fixed; top: 50%; left: 50%; margin-top: -3rem; margin-left: -4.9rem; z-index: 1100;}

@media ( max-width:1024px){
    .Banner .BanCon h2{line-height: 0.7rem; font-size: 0.6rem;}
    .Banner .BanCon h2 .din{font-size: 0.8rem;}
    .Banner .slick-dots{bottom: 0.3rem;}
    .mt80{margin-top: 0.3rem;}
    .mb80{margin-bottom: 0.3rem;}
    .mt110{margin-top: 0.3rem;}
    .mb110{margin-bottom: 0.3rem;}
    .HomeTit .name,.HomeColumn dd .con .tit{font-size: 0.3rem;}
    .HomeColumn dd .con{left: 0.25rem; right: 0.25rem; bottom: 0.3rem;}
    .HomeVideo .con .play{display: none;}
}

@media ( max-width:640px){
    .HomeColumn dd{width: auto; float: none; margin-bottom: 2px;}
}

@media ( max-width:480px){
    .Banner .BanCon{top: 10%;}
    .Banner .BanCon .box{max-width: none;}
    .Banner .BanCon h2{line-height: 0.4rem; font-size: 0.3rem; margin-bottom: 0;}
    .Banner .BanCon h2 .din{font-size: 0.4rem;}
    .Banner .BanCon p{line-height: 24px;}
}

/* 了解品牌 */
.ComPlay{position: absolute; left: 50%; top: 50%; margin: -0.4rem 0 0 -0.4rem; width: 0.8rem; height: 0.8rem; background-image: url(../images/play.png); z-index: 5;}

/* .VideoBox .Scale-img{opacity: 0;} */
.AboutBox .Scale-img{width: 50%; float: right;}
.AboutBox .box{position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #00a0e9; color: rgba(255,255,255,0.7); display: flex; align-items: center;}
.AboutBox .box .con{width: 42.36%;}
.AboutBox .box .con .title{line-height: 0.6rem; padding-bottom: 0.48rem; font-size: 0.4rem; color: #fff; border-bottom: 1px solid rgba(255,255,255,0.15);}
.AboutBox .box .con .title span{font-size: 0.6rem;}
.AboutBox .box .con .title i{color: rgba(255, 255, 255, 0.4); margin: 0 0.1rem;}
.AboutBox .box .con .p{line-height: 0.32rem; -webkit-line-clamp: 3; margin: 0.62rem 0 0.32rem;}
.AboutBox .box .con .Commore{color: rgba(255,255,255,0.7);}
.AboutBox .box .con .Commore i{background-color: #33b3ed;}

.AboutList{padding: 2rem 0;}
.AboutList dl{margin-left: -3.5%;}
.AboutList dl dd{width: 16.5%; float: left; margin-left: 3.5%;}
.AboutList dl dd .box{height: 3.98rem; border: 1px solid rgba(255,255,255,0.4); color: #fff; display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column;}
.AboutList dl dd .box .icon{display: block; width: 0.56rem; margin-bottom: 0.6rem;}
.AboutList dl dd .con span{display: block; line-height: 0.32rem;}
.AboutList dl dd .con p{line-height: 0.4rem;}
.AboutList dl dd .con p i{font-size: 0.36rem; margin-right: 5px;}

@media ( max-width:1024px){
    .AboutBox .box .con .title{line-height: 0.4rem; padding-bottom: 0.2rem; font-size: 0.28rem;}
    .AboutBox .box .con .title span{font-size: 0.4rem;}
    .AboutBox .box .con .p{margin: 0.35rem 0;}

    .AboutList{padding: 1rem 0;}
    .AboutList dl dd .box{height: 3rem;}
    .AboutList dl dd .box .icon{margin-bottom: 0.4rem;}
}

@media ( max-width:480px){
    .ComPlay{width: 0.6rem; height: 0.6rem; margin: -0.3rem 0 0 -0.3rem;}
    .AboutBox .Scale-img{width: auto; float: none;}
    .AboutBox .box{position: static;}
    .AboutBox .box .con{width: auto; padding: 0.3rem 0.1rem;}
    .AboutBox .box .con .p{margin: 0.25rem 0;}

    .AboutList{padding: 0.5rem 0;}
    .AboutList dl dd:first-child{width: auto; float: none; margin-top: 0;}
    .AboutList dl dd{width: 46.5%; margin-top: 0.2rem;}
    .AboutList dl dd .box{height: 2.5rem;}
}

/* 设计理念 */
.DesignBox .item{position: relative;}
.DesignBox .item .Scale-img{height: 8rem;}
.DesignBox .item .Scale-img span{background-attachment: fixed;}
.DesignBox .item .con{position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 6; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center;}
.DesignBox .item .con .title{padding-bottom: 0.36rem; margin-bottom: 0.2rem; background: url(../images/titbg.png) no-repeat center bottom;}
.DesignBox .item .con .title p{display: inline-block; vertical-align: middle; color: #fff;}
.DesignBox .item .con .title .th{font-size: 0.8rem; line-height: 0.83rem; margin-right: 0.22rem;}
.DesignBox .item .con .title .td{text-align: left;}
.DesignBox .item .con .title .td em{display: inline-block; font-size: 0.48rem; line-height: 0.55rem;}
.DesignBox .item .con .title .td span{display: block; font-size: 0.18rem; line-height: 0.28rem; color: #00a0e9;}
.DesignBox .item .con .title .td span i{display: inline-block; padding: 0 0.08rem;}
.DesignBox .item .con .info{line-height: 0.32rem; color: rgba(255,255,255,0.7); max-width: 680px; margin: 0 auto;}

@media ( max-width:1024px){
    .DesignBox .item .Scale-img{height: 6rem;}
    .DesignBox .item .Scale-img span{background-attachment: scroll;}
    .DesignBox .item .con .title .th{font-size: 0.6rem; line-height: 0.64rem; margin-right: 0.1rem;}
    .DesignBox .item .con .title .td em{font-size: 0.3rem; line-height: 0.4rem;}
    .DesignBox .item .con .title .td span{font-size: 0.16rem; line-height: 0.24rem;}
    .DesignBox .item .con .title .td span i{padding: 0 0.04rem;}
}

@media ( max-width:640px){
    .DesignBox .item .Scale-img{height: 4.5rem;}
    .DesignBox .item .con .title .th{font-size: 0.45rem;}
}

@media ( max-width:480px){
    .DesignBox .item .con .title .th{font-size: 0.35rem; line-height: 0.5rem;}
    .DesignBox .item .con .title .td em{font-size: 0.24rem; line-height: 0.3rem;}
    .DesignBox .item .con .title .td span{line-height: 0.2rem;}
}

/* 发展历程 */
.HistoryBox{position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.HistoryBox .w1440,.HistoryBox .bd .slider,.HistoryBox .bd .slick-list,.HistoryBox .bd .slick-track{height: 100%;}
.HistoryBox .hd{position: absolute; left: 0; right: 0; bottom: 5%;}
.HistoryBox .hd dd{position: relative; text-align: center;}
.HistoryBox .hd dd::before{content: ''; position: absolute; left: 0; right: 0; top: 16px; width: 100%; height: 1px; background: rgba(255,255,255,0.1);}
.HistoryBox .hd dd a{display: block; line-height: 0.57rem; font-size: 0.24rem; color: rgba(255,255,255,0.4); padding-top: 42px; background-image: url(../images/dot1.png); background-repeat: no-repeat; background-position: center top;}
.HistoryBox .hd dd.slick-current::before{background: #26a9e8;} 
.HistoryBox .hd dd.slick-current a{color: #fff; background-image: url(../images/dot2.png);}
.HistoryBox .bd{height: 75%;}
.HistoryBox .bd dd{display: flex; align-items: center; justify-content: center;}
.HistoryBox .bd dd .year{font-size: 1.4rem; line-height: 1.4rem; color: rgba(255,255,255,0.3); margin-right: 0.75rem;}
.HistoryBox .bd dd .box{max-width: 7.2rem; background: rgba(0,160,233,0.8); color: rgba(255,255,255,0.7);}
.HistoryBox .bd dd .box::before{content: ''; position: absolute; left: -12px; top: 50%; margin-top: -10px; width: 12px; height: 21px; background-image: url(../images/arrow.png);}
.HistoryBox .bd dd .con{padding: 0.4rem 0.5rem;}
.HistoryBox .bd dd .con .title span{display: block; font-size: 0.32rem; line-height: 0.4rem; color: #fff;}
.HistoryBox .bd dd .con .title i{display: block; width: 20px; height: 2px; margin-top: 0.22rem; background: #fff;}
.HistoryBox .bd dd .con .info{margin-top: 0.3rem; line-height: 0.36rem;}

@media ( max-width:768px){
    .HistoryBox .bd dd .year{font-size: 0.8rem;}
}

@media ( max-width:480px){
    .HistoryBox .bd dd{flex-direction: column;}
    .HistoryBox .bd dd .year{display: block; font-size: 0.5rem; line-height: 0.5rem; margin-bottom: 0.3rem; text-align: left; margin-right: 0;}
    .HistoryBox .bd dd .box::before{left: 50%; top: -16px; margin: 0 0 0 -10px; transform: rotate(90deg);}
    .HistoryBox .bd dd .con{padding: 0.25rem;}
    .HistoryBox .bd dd .con .title span{font-size: 0.25rem; line-height: 0.3rem;}
    .HistoryBox .bd dd .con .info{margin-top: 0.15rem;}
}

/* 产品信息 */
.ptb80{padding: 0.8rem 0;}
.ProductList dl{margin-left: -4%;}
.ProductList dd{width: 29.333%; float: left; margin: 0 0 4% 4%;}
.ProductList dd a{display: block; padding: 0.3rem 0.3rem 0.5rem; background: #f7f7f7; border: 1px solid transparent;}
.ProductList dd .con{margin-top: 0.2rem; text-align: center;}
.ProductList dd .con .title{font-size: 18px;}
.ProductList dd .con .tit{margin: 0.1rem 0 0.25rem;}
.ProductList dd:hover a{background: #f2fafe; border: 1px solid #26a9e8; box-shadow: 0 0 20px rgba(0,160,233,0.1);}

.LoadMore{text-align: center; margin-top: 0.2rem;}
.LoadMore .icon::before{content: ''; position: absolute; width: 100%; left: 0; top: 50%; height: 1px; background: #ebebeb;}
.LoadMore .icon span{display: inline-block; background: #fff; padding: 0 0.36rem; position: relative; z-index: 3;}
.LoadMore .icon img{display: inline-block; width: 0.48rem; border-radius: 50%; box-shadow: 0 0 30px rgba(0,160,233,0.2);}
.LoadMore p{margin-top: 0.15rem; font-size: 15px;}

@media ( max-width:1024px){
    .ptb80{padding: 0.5rem 0;}
    .ProductList dl{margin-left: -2.5%;}
    .ProductList dd{width: 30.8333%; margin: 0 0 2.5% 2.5%;}
}

@media ( max-width:640px){
    .ProductList dd a{padding: 0.2rem;}
    .ProductList dd .con .title{font-size: 16px;}
}

@media ( max-width:480px){
    .ptb80{padding: 0.3rem 0;}
    .ProductList dd{width: 97.5%; margin-bottom: 0.25rem;}
}

/* 产品详情 */
.mb70{margin-bottom: 0.7rem;}
.ProCurrent{border-bottom: 1px solid #ebebeb; line-height: 1rem; position: relative;}
.ProCurrent::after{content: ''; position: absolute; left: 0; right: 0; top: 100%; height: 2000px; z-index: 4; background-color: rgba(0,0,0,0.6); opacity: 0; display: none; transition: all 300ms;}
.ProCurrent.on::after{opacity: 1; display: block;}
.ProCurrent .menu{width: 1.13rem; margin-right: 0.3rem; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; position: relative;}
.ProCurrent .menu .icon img{display: inline-block; vertical-align: middle;}
.ProCurrent .menu .icon::after{content: ''; position: absolute; left: 50%; margin-left: -5px; top: 100%; width: 11px; height: 6px; background-image: url(../images/arrow2.png);}
.ProCurrent .menu .hidebox{position: absolute; left: 0; top: 100%; width: 260px; padding: 15px 10px; background: #fff; z-index: 5;}
.ProCurrent .menu .hidebox dd{border-bottom: 1px solid #ebebeb; line-height: 40px;}
/* .ProCurrent .menu .hidebox dd:nth-child(2n){float: right;} */
.ProCurrent .menu .hidebox dd img{display: inline-block; vertical-align: middle; width: 15px; margin-right: 5px;}

.ProCurrent .nav{text-align: right;}
.ProCurrent .nav i{display: inline-block; vertical-align: middle; margin: 0 0.34rem; width: 1px; height: 16px; background: #ebebeb;}
.ProCurrent .nav a.on{color: #00a0e9;}

.Title01{padding-bottom: 0.22rem; border-bottom: 1px solid #ebebeb;}
.Title01 span{display: block; font-size: 0.3rem; line-height: 0.43rem;}

.ProDetail dd{margin-top: 0.5rem; background: #f7f7f7;}
.ProDetail dd .Scale-img,.ProDetail dd .con{width: 50%; float: left;}
.ProDetail dd:nth-child(2n) .Scale-img{float: right;}
.ProDetail dd .Scale-img{height: 5rem;}
.ProDetail dd .con{padding: 0.56rem 0.6rem;}
.ProDetail dd .con li{margin-bottom: 0.4rem;}
.ProDetail dd .con li:last-child{margin-bottom: 0;}
.ProDetail dd .con li .title{font-size: 0.24rem; line-height: 0.32rem; margin-bottom: 0.1rem;}

.ProTable table td{height: 0.6rem; background: #f7f7f7;}
.ProTable table td.title{background: #f0f6fb; width: 2.6rem;}
.ProTable table td .con{padding: 0.1rem 0.35rem;}

.ProSupport dl{display: flex; justify-content: space-between;}
.ProSupport dl dd{width: 24.65%; display: flex; position: relative;}
.ProSupport dl dd::after{content: ''; position: absolute; width: 1px; height: 0.3rem; background: #ebebeb; right: -20%; top: 50%; margin-top: -0.15rem;}
.ProSupport dl dd:nth-child(3n)::after{display: none;}
.ProSupport dl img{width: 0.88rem; height: 0.88rem; margin-right: 0.3rem;}
.ProSupport dl .con .title{font-size: 0.22rem; line-height: 0.28rem; color: #242a33; margin-bottom: 0.1rem;}
.ProSupport dl .con .info{line-height: 0.3rem;}

@media ( max-width:1600px){
    .ProDetail dd .con li{margin-bottom: 0.3rem;}
}

@media ( max-width:1240px){
    .mb70{margin-bottom: 0.4rem;}
    .ProDetail dd .con{padding: 0.4rem;}
    .ProDetail dd .con li{margin-bottom: 0.2rem;}
    .ProDetail dd .con li .title{margin-bottom: 0;}
}

@media ( max-width:768px){
    .ProCurrent .nav{display: none;}
    .ProDetail dd{margin-top: 0.25rem;}
    .ProDetail dd .Scale-img,.ProDetail dd .con,.ProDetail dd:nth-child(2n) .Scale-img{width: auto; float: none;}
    .ProSupport dl,.ProSupport dl dd{display: block; width: auto;}
    .ProSupport dl dd::after{display: none;}
    .ProSupport dl dd{margin-bottom: 0.2rem; padding-bottom: 0.2rem; border-bottom: 1px solid #ebebeb;}
    .ProSupport dl dd:last-child{border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
    .ProSupport dl img,.ProSupport dl .con{display: inline-block; vertical-align: middle;}
    .ProSupport dl .con{width: 80%;}
    .ProSupport dl .con .title{font-size: 18px;}
}

@media ( max-width:480px){
    .mb70{margin-bottom: 0.25rem;}
    .Title01{padding-bottom: 0.1rem;}
    .Title01 span{font-size: 0.25rem;}
    .ProDetail dd .Scale-img{height: 3rem;}
    .ProDetail dd .con{padding: 0.25rem;}
    .ProTable table td.title{width: 1.2rem;}
    .ProTable table td .con{padding: 0.1rem;}
    .ProSupport dl .con{width: 70%;}
}

/* 新闻动态 */
.NewsList dl{margin-left: -4%;}
.NewsList dd{width: 29.333%; float: left; margin: 0 0 4% 4%;}
.NewsList dd .Scale-img{border-radius: 5px;}
.NewsList dd .con{padding: 0.25rem 0; border-bottom: 1px solid #eee;}
.NewsList dd .con .tit{font-size: 20px;}
.NewsList dd .con .other{margin-top: 0.1rem;}
.NewsList dd .con .other span.fl{font-size: 14px;}
.NewsList dd .con .other .Commore{font-size: 15px;}

@media ( max-width:768px){
    .NewsList dl{margin-left: -2%;}
    .NewsList dd{width: 48%; margin: 0 0 2% 2%;}
    .NewsList dd .con .tit{font-size: 17px;}
    .NewsList dd .con .other{margin-top: 0.05rem;}
}

@media ( max-width:480px){
    .NewsList dd{width: 98%; margin-bottom: 0.2rem;}
    .NewsList dd .con .other{margin-top: 0;}
}

/* 新闻详情 */
.mb50{margin-bottom: 0.5rem;}
.Title02{line-height: 0.46rem; font-size: 0.4rem; background: url(../images/titbg2.png) no-repeat center center; text-align: center; color: #fff;}

.NewsDetail{background-image: url(../images/boxbg.jpg); background-size: 100% auto; background-repeat: no-repeat; background-position: center top; background-color: #111118; padding-bottom: 1px;}
.NewsTxt{padding: 2rem 0;}
.NewsTxt img{display: inline-block; width: 8.17rem;}

.ActiveVideo dd .play{position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; background-color: rgba(0,0,0,0.6); background-image: url(../images/play.png); background-position: center center; background-repeat: no-repeat;}
.ActiveVideo .bd dd .play{background-size: 0.8rem;}
.ActiveVideo .hd dd .play{background-size: 0.6rem;}
.ActiveVideo .hd dl,.ActivePic dl{margin-left: -0.6rem;}
.ActiveVideo .hd dl dd,.ActivePic dd{margin-left: 0.6rem;}

.ActiveStep .box{background-image: url(../images/boxbg2.jpg); padding: 0.6rem;}
.ActiveStep .box .item{margin-bottom: 0.3rem; position: relative; padding-left: 1.9rem; color: #fff; font-size: 20px; min-height: 0.48rem; line-height: 0.48rem;}
.ActiveStep .box .item:last-child{margin-bottom: 0;}
.ActiveStep .box .item .title{position: absolute; left: 0; top: 0; width: 1.6rem; text-align: center; border-radius: 0.3rem; background-color: rgba(0,0,0,0.5);}
.ActiveStep .box .item li{position: relative; padding: 0 0 0.3rem 150px; font-size: 16px; margin-top: -0.17rem;}
.ActiveStep .box .item li:first-child{margin-top: 0;}
.ActiveStep .box .item li::before{content: ''; position: absolute; left: 4px; top: 0.3rem; bottom: 0; width: 1px; background-color: rgba(255,255,255,0.2);}
.ActiveStep .box .item li:last-child::before{display: none;}
.ActiveStep .box .item li .time{position: absolute; left: 0; top: 0; padding-left: 0.29rem; background-image: url(../images/dot3.png); background-repeat: no-repeat; background-position: left center;}

.ActivePic dd{position: relative;}
.ActivePic dd .Scale-img{height: 3rem;}
.ActivePic dd .title{position: absolute; left: 0; bottom: 0; right: 0; z-index: 6; font-size: 18px; line-height: 0.5rem; text-align: center; color: #fff; background-color: rgba(0,0,0,0.8);}
.ActivePic .slick-prev{left: 0.8rem;}

@media ( max-width:1024px){
    .mb50{margin-bottom: 0.3rem;}
    .ActiveStep .box{padding: 0.3rem;}
    .ActiveStep .box .item{font-size: 18px;}
    .ActivePic dd .title{font-size: 16px;}

    .ActiveVideo .hd dl,.ActivePic dl{margin-left: -0.2rem;}
    .ActiveVideo .hd dl dd,.ActivePic dd{margin-left: 0.2rem;}
    .ActivePic .slick-prev{left: 0.4rem;}
}

@media ( max-width:768px){
    .Title02{font-size: 0.32rem;}
    .NewsTxt{padding: 1rem 0;}
    .NewsTxt img{width: 4.17rem;}
}

@media ( max-width:480px){
    .Title02{font-size: 0.26rem;}
    .mb50{margin-bottom: 0.15rem;}
    .NewsTxt{padding: 0.6rem 0;}
    .NewsTxt img{width: 3rem;}
    .ActiveVideo .bd dd .play{background-size: 0.6rem;}
    .ActiveVideo .hd dd .play{background-size: 0.3rem;}
    .ActiveStep .box .item{padding-left: 0; margin-bottom: 0.15rem; font-size: 16px;}
    .ActiveStep .box .item .title{position: static;}
    .ActiveStep .box .item ul{margin-top: 0.15rem;}
    .ActiveStep .box .item li{font-size: 15px; line-height: 0.36rem; padding-left: 115px;}
}

/* 预约安装 */
.Title03{padding-bottom: 0.22rem; line-height: 36px; font-size: 24px; border-bottom: 1px solid #e3e3e3;}
.InstallBox{padding: 0.6rem 0.3rem; max-width: 840px; margin: 0 auto;}
.InstallBox .box dl{position: relative; padding-left: 160px; margin-bottom: 0.2rem; line-height: 50px; min-height: 50px;}
.InstallBox .box dl dt{position: absolute; left: 0; top: 0; width: 150px; text-align: right; color: #666;}
.InstallBox .box dl dd .input,.InstallBox .box dl dd select,.InstallBox .box dl dd textarea{background-color: #fff; width: 100%; line-height: 50px; border-radius: 5px; padding: 0 0.12rem;}
.InstallBox .box dl dd .time{background-image: url(../images/time.png); background-repeat: no-repeat;background-position: 95% center;}
.InstallBox .box dl dd .con select,.InstallBox .box dl dd .con .time{display: block; float: left; padding: 0 45px 0 0.12rem; margin-left: 2%;}
.InstallBox .box dl dd .con{margin-left: -2%;}
.InstallBox .box dl dd .col1 select,.InstallBox .box dl dd .col1 .input{width: 48%;}
.InstallBox .box dl dd .col2 select{width: 31.3333%;}
.InstallBox .box dl dd .col2 .input{margin-left: 2%; width: 98%; margin-top: 0.1rem;}
.InstallBox .box dl dd .i2{width: 180px;}
.InstallBox .box dl dd .mobile{padding-right: 170px;}
.InstallBox .box dl dd textarea{height: 140px;}
.InstallBox .box dl dd .getcode{position: absolute; right: 0; width: 160px; text-align: center; border-radius: 5px; background: #00a0e9; color: #fff;}
.InstallBox .box dl dd .change{display: inline-block; vertical-align: middle; width: 1.2rem; border-radius: 5px; margin-left: 0.1rem;}
.InstallBox .box dl .btns{padding-top: 0.3rem;}
.InstallBox .box dl .btns input{width: 150px; height: 55px; border-radius: 5px; margin-right: 10px; background-color: #9a9a9a; color: #fff;}

@media ( max-width:768px){
    .Title03{font-size: 20px; padding-bottom: 0.1rem;}
    .InstallBox{padding: 0.25rem;}
}

@media ( max-width:480px){
    .Title03{font-size: 18px; padding-bottom: 0;}
    .InstallBox .box dl{padding-left: 85px; line-height: 38px; min-height: 38px; margin-bottom: 0.15rem;}
    .InstallBox .box dl dt{width: 75px;}
    .InstallBox .box dl dd .input,.InstallBox .box dl dd select,.InstallBox .box dl dd textarea{line-height: 38px; font-size: 15px;}
    .InstallBox .box dl dd .con select,.InstallBox .box dl dd .con .time{float: none; margin-bottom: 5px;}
    .InstallBox .box dl dd .col1 select, .InstallBox .box dl dd .col1 .input,.InstallBox .box dl dd .col2 select{width: 98%;}
    .InstallBox .box dl dd select{margin-bottom: 5px;}
    .InstallBox .box dl dd .i2{width: 111px;}
    .InstallBox .box dl dd .getcode{position: static; display: block; width: 100%; margin-top: 5px;}
    .InstallBox .box dl dd .mobile{padding-right: 0.12rem;}
    .InstallBox .box dl dd textarea{height: 90px;}
    .InstallBox .box dl .btns{padding-top: 0.15rem;}
    .InstallBox .box dl .btns input{width: 90px; height: 38px;}
}

/* 服务政策 */
.ptb70{padding: 0.7rem 0;}
.mb20{margin-bottom: 0.2rem;}
.SinglePage{line-height: 36px; color: #666;}
.SinglePage .bz{font-size: 14px;}
.SinglePage .warm{margin-left: 16px;}
.SinglePage .item{margin-bottom: 0.3rem;}
.SinglePage .item:last-child{margin-bottom: 0;}
.SinglePage .item h2{padding-bottom: 0.08rem; font-size: 24px;}
.SinglePage .item h2 i{display: inline-block; vertical-align: middle; width: 10px; height: 2px; background: #00a0e9; margin-left: 0.1rem;}
.SinglePage .list li{margin-top: 0.18rem; line-height: 30px; padding-left: 16px; background-repeat: no-repeat; background-position: 0 12px; background-image: url(../images/dot4.png);}

.ServiceBox .list2 dd{width: 280px; float: left; margin-right: 30px;}
.ServiceBox .list2 dd:last-child{margin-right: 0;}
.ServiceBox .list2 dd a{display: block; padding: 0 0.35rem; background: #f4f9fb; border-radius: 5px; font-size: 18px; line-height: 0.8rem;}
.ServiceBox .list2 dd img{display: inline-block; vertical-align: middle; width: 0.32rem; margin-right: 0.2rem;}
.ServiceBox .list2 dd .din{font-size: 20px;}
.ServiceBox .list2 dd .iconfont{font-size: 24px;}

.SinglePage .list3{display: flex; flex-wrap: wrap; align-items: center; text-align: center;}
.SinglePage .list3 dd{padding: 0 0.8rem; position: relative;}
.SinglePage .list3 dd::after{content: ''; position: absolute; left: 0; top: 50%; margin-top: -0.4rem; width: 1px; height: 0.8rem; background: #e7e7e7;}
.SinglePage .list3 dd.first{padding-left: 0;}
.SinglePage .list3 dd.first::after{display: none;}
.SinglePage .list3 dd.first img{width: 0.9rem;}
.SinglePage .list3 dd img{display: inline-block; width: 0.48rem;}

@media ( max-width:1024px){
    .ptb70{padding: 0.5rem 0;}
}

@media ( max-width:768px){
    .SinglePage .list3 dd{padding: 0 0.4rem;}
    .SinglePage .item h2{font-size: 18px; line-height: 18px;}
}

@media ( max-width:640px){
    .Title01 span{font-size: 0.24rem;}
}

@media ( max-width:480px){
    .ptb70{padding: 0.3rem 0;}
    .SinglePage .list li{margin-top: 0;}
    .ServiceBox .list2 dd{width: 100%; margin-bottom: 2px;}
    .SinglePage .list3{justify-content: space-between;}
    .SinglePage .list3 dd.first{width: 100%; padding-right: 0; margin-bottom: 0.1rem;}
    .SinglePage .list3 dd{padding: 0 0.2rem;}
    .SinglePage .list3 dd:nth-child(2)::after{display: none;}
}

/* 帮助中心 */
.HelpBox .hd ul{display: flex; justify-content: space-between; text-align: center; align-items: center;}
.HelpBox .hd li{width: 4.4rem;}
.HelpBox .hd li .icons,.HelpBox .hd li span{display: inline-block; vertical-align: middle;}
.HelpBox .hd li .icons{width: 0.64rem; height: 0.64rem; margin-right: 0.2rem;}
.HelpBox .hd li a{display: block; line-height: 1.16rem; font-size: 24px; color: #333; border: 1px solid #e0e0e0; border-radius: 5px;}
.HelpBox .hd li.on a{color: #00a0e9; border: 1px solid #00a0e9; background-color: #eff6f9; box-shadow: 0 0 0.2rem rgba(0,160,233,0.1);}
.HelpBox .list{padding: 0.24rem 0 0.2rem;}
.HelpBox .list dd{width: 47%; float: left; line-height: 0.71rem; border-bottom: 1px dashed #eaeaea; font-size: 18px; padding-left: 16px; background: url(../images/dot4.png) no-repeat left center;}
.HelpBox .list dd:nth-child(2n){float: right;}
.HelpBox .list dd a{color: #666;}
.HelpBox .list dd:hover a{color: #00a0e9;}

.VideoList dd{margin-bottom: 0;}
.VideoList dd .Scale-img{height: 3rem; border-radius: 5px;}
.VideoList dd .play{position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,0.6); background-image: url(../images/play.png); background-repeat: no-repeat; background-position: center center; background-size: 0.6rem;}
.VideoList .slick-arrow{margin-top: -0.57rem;}

@media ( max-width:768px){
    .HelpBox .hd li{width: auto;}
    .HelpBox .hd li a{padding: 0 0.3rem; font-size: 18px; line-height: 0.8rem;}
    .HelpBox .hd li .icons{width: 0.45rem; height: 0.45rem; margin-right: 0;}
    .HelpBox .list dd{width: auto; font-size: 16px;}
    .HelpBox .list dd,.HelpBox .list dd:nth-child(2n){float: none;}
}

@media ( max-width:480px){
    .HelpBox .hd li a{padding: 0.1rem; line-height: 30px; font-size: 16px;}
    .HelpBox .hd li .icons{display: none;}
    .HelpBox .list{padding: 0.15rem 0;}
    .HelpBox .list dd{width: auto; font-size: 15px; line-height: 0.6rem;}
}

/* 详情页 */
.NewsDetailBox{padding: 0 1rem;}
.News_title{text-align:center; padding: 0 0 0.45rem; border-bottom: 1px dashed #e6e6e6;}
.News_title h2{line-height: 0.46rem; margin-bottom: 0.2rem; font-size: 0.4rem;}
.News_title p{color:#999; font-size: 0.14rem;}
.News_title p em{padding:0 0.16rem;}
.NewsDetailBox .SinglePage{padding: 0.4rem 0 0.3rem; margin-bottom: 0.44rem; border-bottom: 1px dashed #e6e6e6; color: #666;}
.NewsDetailBox .SinglePage .video img{display: block; width: 100%; opacity: 0;}
.NewsDetailBox .SinglePage .video video{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #000; z-index: 5;}
.PrevNextBox dl{line-height: 0.44rem; padding-left: 0.14rem; font-size: 0.18rem; background-image: url(../images/dot4.png); background-repeat: no-repeat; background-position: left center;}
.PrevNextBox dl a{color: #666;}
.PrevNextBox dl b{color:#999; font-weight:normal; float: left;}

@media ( max-width:1024px){
    .News_title{padding-bottom: 0.2rem;}
    .News_title h2{font-size: 0.3rem; line-height: 0.36rem; margin-bottom: 0.15rem;}
	.NewsDetailBox .SinglePage{padding: 0.25rem 0; margin-bottom: 0.25rem;}
	.PrevNextBox dl{float: none; line-height: 0.36rem;}
}

@media ( max-width:768px){
	.NewsDetailBox{padding: 0;}
    .News_title h2{font-size: 0.25rem;}
}

@media ( max-width:480px){
    .News_title h2{font-size: 0.22rem; line-height: 0.3rem;}
    .News_title p em{padding:0 0.1rem;}
}

/* 视频列表 */
.VideoList li .Scale-img{height: 3rem;}

.ListBox dl dd{padding-left: 16px; background: url(../images/dot4.png) no-repeat left center; line-height: 0.7rem; border-bottom: 1px dashed #eaeaea;}
.ListBox dl dd .tit{font-size: 18px;}
.ListBox dl dd .date{color: #999; margin-left: 0.15rem;}

@media ( max-width:480px){
    .ListBox dl dd{line-height: 0.6rem;}
    .ListBox dl dd .tit{font-size: 16px;}
}