:root{
  --mainColor:#186289;
  --deputyColor:#1e96d3;
}
body:before{content: '';display:block;height:102px}
.container{max-width:1438px}
.home-box{padding:60px 0}
.header{padding:25px 0;background:#fff;width:100%;position:fixed;top:0;right:0;z-index:101;box-shadow:0 4px 5px 0 rgba(0,0,0,.06), 0 1px 10px 0 rgba(0,0,0,.04), 0 0 4px -1px rgba(0,0,0,.08)}
.header .flex{max-width:1260px}
.header .logo img{max-height:57px}
.nav{margin-left:30px;display:flex;justify-content:space-between}
.nav li{padding:0 21px;display:flex;align-items: center;position:relative}
.nav li a{font-size:15px;font-weight:700;color:#333;display:inline-block;padding:2px 0;border-bottom:solid 2px transparent}
.nav li.active a,
.nav li a:hover{color:var(--mainColor);border-bottom:solid 2px}
.nav-btn{display:none}
.footer{background: #151515;margin-top:30px;padding-top:40px;;color:#999}
.footer a{color:#999}
.footer .container{justify-content: space-between}
.footer .text{flex-basis: 70%}
.footer .text .link{padding-bottom:20px;word-spacing:20px;font-size:15px}
.footer .text .contact{}
.footer .text li{padding:5px 0}
.footer .text li:before{content:'';font-family: iconfont;font-size:16px;color:#aaa;margin-right:12px}
.footer .text li:nth-child(1):before{content:'\e634'}
.footer .text li:nth-child(2):before{content:'\e633'}
.footer .text li:nth-child(3):before{content:'\e620'}
.footer .text li:nth-child(4):before{content:'\e636'}
.footer .qrcode{margin-top:20px}
.footer .qrcode .item{text-align: center;margin-left:20px}
.footer .qrcode .item img{display:block;width:100px;margin-bottom:9px}
.footer .qrcode .item span{}
.copyright{background: #111;margin-top:18px;border-top:solid 1px #333;padding:10px 0;text-align: center;color:#999;font-size:12px}
.copyright a{color:#999}
.home-banner .swiper-slide{height:720px;background-repeat:no-repeat;background-position:center 0;background-size:auto 100%}
.page-banner{height:400px;background-repeat:no-repeat;background-position:center 0;background-size:auto 100%;display:flex;align-items: center;justify-content: center}
.page-banner article{color:#fff;text-align: center}
.page-banner article strong{font-size:48px;display:block;margin-bottom:12px}
.page-banner article span{font-size:22px}
.home-good{margin-top:130px;justify-content: space-between}
.home-good .left{flex:0 0 49.2%;height:670px}
.home-good .right{flex:0 0 49.2%}
.home-good .bottom{justify-content: space-between;margin-top:22px}
.home-good .top{height:438px}
.home-good .small{flex:0 0 49%;height:210px}
.home-good__item{position:relative;overflow: hidden;border-radius:13px}
.home-good__item > a{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}
.home-good__item img{width:100%;height:100%;object-fit: cover;transition: .9s}
.home-good__item:hover img{transform: scale(1.1)}
.bottom-name{position:absolute;right:12px;left:38px;bottom:38px;z-index:3;color:#fff}
.bottom-name h3{font-size:25px;font-weight: 600;display:inline-block}
.bottom-name h3 a{transition: .3s;color:#fff}
.bottom-name h3 a:hover{color:var(--mainColor)}
.bottom-name p{font-size:17px;font-weight: 100;margin-top:9px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.bottom-name p:after{width:25px;height:25px;margin-left:9px;vertical-align:-5px;content:'';display:inline-block;background: url("../images/icon-good.png");background-size: 100%}
.home-good__layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background: #000;opacity: .7}
.home-product{margin-top:90px}
.h-title{padding-bottom:15px;margin-bottom:35px;text-align: center;position:relative}
.h-title strong{font-size:36px}
.h-title:after{content:'';width:40px;height:4px;margin-right:-20px;background: var(--mainColor);position:absolute;right:50%;bottom:0}
.product-list{justify-content: space-between}
.product-list__item{flex:0 0 32%;width:32%}
.product-list__item:empty{}
.product-list__item figure{height:400px;border-radius:12px;overflow: hidden;position:relative}
.product-list__item figure a{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}
.product-list__item figure:before{opacity:0;content:'\e630';font-family: iconfont;color:#eee;font-size:80px;position:absolute;top:0;right:0;bottom:0;left:0;background:hsla(0, 100%, 0%, .3);align-items: center;justify-content: center;display:flex;transition: .5s}
.product-list__item figure:hover:before{opacity:1}
.product-list__item img{width:100%;height:100%;object-fit:cover}
.product-list__item article{padding:23px 30px 23px 25px;position:relative}
.product-list__item article:after{content:'';width:25px;height:25px;right:18px;position:absolute;top:25px;background: url("../images/icon-product.png") no-repeat;background-size: 100% 100%}
.product-list__item article a{font-size:18px;font-weight: 600;transition: .3s;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.product-list__item article a:hover{color:var(--mainColor)}
.product-list__item p{font-size:15px;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.h-more{text-align: center;margin:70px auto 90px}
.h-more a{padding:13px 50px;font-size:20px;color:#333;border:solid 1px;border-radius:30px;transition: .3s}
.h-more a:hover{background: var(--mainColor);color:#fff;border:solid 1px var(--mainColor)}
.home-ad .swiper-container{height:450px;border-radius:9px;overflow: hidden}
.home-ad .swiper-button-prev{left: 15px}
.home-ad .swiper-button-next{right: 15px}
.home-ad .swiper-slide{background-repeat:no-repeat;background-position:center 0;background-size:auto 100%}
.home-solution{margin:89px auto}
.h-solution-list{margin-top:60px;justify-content: space-between}
.h-solution-list__item{height:680px;flex:0 0 32%;width:32%;position:relative;overflow: hidden;border-radius:13px}
.h-solution-list__item > a{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}
.h-solution-list__item img{width:100%;height:100%;object-fit: cover;transition: .9s}
.h-solution-list__item:hover img{transform: scale(1.05)}
.h-solution-list__item:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background: #000;opacity:0;transition: .3s}
.h-solution-list__item:hover:before{opacity:0.3}
.home-about{margin:130px auto 100px}
.home-about-wrapper{margin-top:70px;justify-content: space-between}
.home-about-wrapper .left{flex:0 0 49%;width:49%;height:530px}
.home-about-wrapper .right{flex:0 0 49%;width:49%;justify-content: space-between}
.home-about-wrapper .small{flex: 0 0 48.3%;width:48.3%;height:252px;margin-bottom:20px}
.home-about__item{position:relative;border-radius:12px;overflow: hidden}
.home-about__item > a{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5}
.home-about__item img{width:100%;height:100%;object-fit:cover;transition: .9s}
.home-about__item:hover img{transform: scale(1.05)}
.home-about__item article{position:absolute;right:12px;left:30px;bottom:18px;z-index:3;color:#fff}
.home-about__item h4{font-size:25px;font-weight: 600;display:inline-block}
.home-about__item h4 a{transition: .3s;color:#fff}
.home-about__item h4 a:hover{color:var(--mainColor)}
.page-title{margin:20px 0;justify-content: space-between}
.page-title__name{}
.page-title__name strong{font-size:25px;display:block}
.page-title__name span{font-size:14px;color:#777}
.page-title__select{margin-top:12px}
.page-title__select a{font-size:17px;height:34px;padding:4px 12px;border-radius:5px;margin-left:20px}
.page-title__select a:hover{color:var(--mainColor)}
.page-title__select a.cur{background: var(--mainColor);color:#fff}
.page-about{min-height:500px}
.page-about p{font-size:16px;line-height:1.8;margin-bottom:20px}
.p-contact{max-width:1200px;margin:50px auto}
.p-contact .info{justify-content: space-between;background: #fcfcfc;padding:20px 12px}
.p-contact .info li{text-align: center;flex:0 0 24%}
.p-contact .info li:before{content:'';font-family: iconfont;color:#999;font-size:2rem}
.p-contact .info li.address:before{content:'\e636'}
.p-contact .info li.tel:before{content:'\e632'}
.p-contact .info li.wechat:before{content:'\e623'}
.p-contact .info li.qq:before{content:'\e624'}
.p-contact .info li.email:before{content:'\e620'}
.p-contact .info span{color:#777}
.p-contact .info small{display:block;margin:9px 0;color:#555}
.feedback .title{text-align: center;font-size:18px}
.feedback .row{max-width:680px;margin:25px auto}
.feedback input[type=text]{width:100%;height:50px;padding-left:12px;border:solid 1px #ddd;background: #f7f8fa}
.feedback input[type=text].cur{border:solid 1px #eb5e5e}
.feedback input[type=submit]{width:230px;height:46px;background: #eb5e5e;color:#fff;border-radius:5px}
.title-3{text-align: center;position:relative;font-size:30px;font-weight: bold;margin:40px 0 50px}
.title-3:before{content:'';width:120px;height:1px;background: #ddd;position:absolute;top:25px;left:50%;margin-left:-200px}
.title-3:after{content:'';width:120px;height:1px;background: #ddd;position:absolute;top:25px;right:50%;margin-right:-200px}
.title-4{text-align: center;padding-bottom:18px;margin-bottom:60px;position:relative}
.title-4 span{font-size: 36px;font-weight: 600}
.title-4:after{content:'';position:absolute;right:50%;bottom:0;margin-right:-20px;width:40px;height:4px;background:var(--mainColor)}
.title-5{text-align: center;margin:40px 0}
.title-5 strong{display:block;font-size:38px}
.title-5 span{font-size:16px;color:#aaa}
.pro-title{border-bottom:solid 1px #eee;padding-bottom:12px;margin:12px 0}
.pro-title span{font-size:16px;font-weight: 600}
.news-list{margin-top:20px;margin-bottom:30px}
.news-list li{box-shadow:0 0  8px 1px rgba(0,0,0,.03);border-radius:4px;padding:20px;margin-bottom:25px;display:flex;justify-content:space-between}
.news-list li:hover{box-shadow:0 0  10px 1px rgba(0,0,0,.05)}
.news-list li figure{flex:0 0 17%;width:225px}
.news-list li figure img{width:100%;height:170px}
.news-list li article{flex:0 0 81%;width:81%}
.news-list li .name{font-size:19px;display:block;color:#555;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news-list li .name:hover{color:#00a5f4}
.news-list li .time{font-size:12px;color:#999;margin:15px 0}
.news-list li .desc{line-height:1.8;margin-bottom:22px;color:#777}
.news-list li .more{background:#00a5f4;padding:5px 20px;color:#fff;border-radius:3px}
.article-detail h1{margin:30px 0 22px;text-align: center}
.article-detail .meta{font-size:12px;text-align: right;padding:5px;background: #fbfbfb;margin:22px 0;color:#777}
.article-detail .detail{}
.article-detail .detail p{line-height:1.8;margin-bottom:12px}
.article-detail .detail img{max-width:100%}
.article-detail .neighbor{margin:50px 0;border-top:solid 1px #ddd;padding-top:12px;justify-content: space-between}
.article-detail .neighbor div{color:#777}
.article-detail .neighbor a:hover{text-decoration: underline}
.down-detail{display:flex;justify-content: center;align-items: center;margin:20px auto}
.down-detail .button{background:#5588f2;width:156px;height:52px;border-radius:6px;color:#fff;display:flex;padding:5px 10px;position:relative}
.down-detail .button a,
.down-detail .button button{position:absolute;width:100%;top:0;right:0;bottom:0;left:0;opacity: 0}
.down-detail .button img{width:27px;height:27px;margin:8px 8px 0 0}
.down-detail dl{text-align:center;border-left:solid 1px #80a6f5}
.down-detail dt{font-size:17px;letter-spacing:2px}
.down-detail dd{font-size:12px;transform:scale(.8)}
.goods-info{justify-content: space-between}
.goods-info__photos{flex:0 0 50%;width:50%}
.goods-info__photos .big{flex:0 0 100%;height:520px;border:solid 1px #eee}
.goods-info__photos .big img{width:100%;height:100%;object-fit:cover}
.goods-info__small{justify-content: space-between;margin-top:12px;padding:0 80px;position:relative}
.goods-info__small dd{width:24%;border:solid 1px #eee;cursor:pointer}
.goods-info__small dd.cur{border-color:#80a933}
.goods-info__small img{width:100%;height:80px}
.goods-info__small .prev,
.goods-info__small .next{width:17px;height:30px;position:absolute;top:25px}
.goods-info__small .prev{left:20px;background: url(../images/prev.png) no-repeat;background-size: 100% 100%}
.goods-info__small .next{right:20px;background: url(../images/next.png) no-repeat;background-size: 100% 100%}
.goods-info__info{flex:0 0 47%;width:47%;margin-top:16px}
.goods-info__info h1{font-size:26px;border-bottom:solid 1px #eee;padding-bottom:22px;margin-bottom:22px;font-weight: 600}
.goods-info__info h2{font-size:15px;color:#777;border-top:solid 1px #eee;padding-top:22px;margin-top:22px;font-weight: 500}
.goods-info__info dd{font-size:15px;margin-top:14px;display:flex}
.goods-info__info span{color:#777;flex:0 0 35%}
.goods-info__info strong{font-weight: 500;color:#000}
.goods-title{padding:0 0 12px 18px;margin:32px 0 20px;border-bottom:solid 1px #eee;display:flex;justify-content: space-between;position:relative}
.goods-title:before{content:'';position:absolute;top:6px;left:0;width:5px;height:14px;background:#80a933}
.goods-title span{font-size:16px}
.goods-detail{}
.goods-detail p{margin-bottom:12px;line-height:1.8}
.goods-detail img{max-width:100%}
.goods-tabs{margin:50px 0;border-bottom:solid 1px #eee;display:flex}
.goods-tabs li{font-size:16px;padding:9px 50px;cursor: pointer;border-top:solid 1px #eee;border-right:solid 1px #eee;border-bottom:transparent 1px solid;position:relative}
.goods-tabs li:first-child{border-left:solid 1px #eee}
.goods-tabs li.cur{color:#eb5e5e}
.goods-tabs li.cur:before{content:"";position:absolute;right:0;bottom:-2px;width:100%;height:1px;z-index:2;background: #fff}
.goods-content{display:none;margin-top:20px}
.goods-content.cur{display:block}
.goods-content img{max-width:100%}
.goods-content.anzhuang img{max-width:900px}
.goods-content.chicun img{max-width:500px}
.install{margin-top:30px}
.install .swiper-slide{width:auto;text-align: center}
.install .swiper-slide img{height:100px}
.product-associated{margin:120px auto 80px}
.page-solution-list{display:flex;justify-content: space-between}
.page-solution-item{overflow: hidden;position:relative;margin-bottom:25px}
.page-solution-item img{width:100%;height:100%;object-fit:cover;transition: .8s}
.page-solution-item:hover img{transform: scale(1.05)}
.page-solution-item span{font-size:18px;color:#fff;position:absolute;bottom:12px;left:12px;z-index:2}
.page-solution-item a{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}
.page-solution-list .left{flex:0 0 32%}
.page-solution-list .right{flex:0 0 66%;justify-content: space-between}
.page-solution-list .right .page-solution-item{flex:0 0 48.3%}
.page-solution-row{justify-content: space-between}
.page-solution-row .page-solution-item{flex:0 0 32%}
.page-solution-list .left{height:625px}
.page-solution-list .right .page-solution-item,
.page-solution-row .page-solution-item{height:300px}
.page-case-list{justify-content:space-between}
.page-case-item{flex: 0 0 32%;width:32%;margin-bottom:20px}
.page-case-item:empty{margin-bottom:0}
.page-case-item figure{height:370px;position:relative;overflow: hidden}
.page-case-item figure > a{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6}
.page-case-item figure img{width:100%;height:100%;object-fit:cover;transition: .3s}
.page-case-item figure:hover img{transform: scale(1.05)}
.page-case-item article{display:flex;padding:18px;justify-content: space-between}
.page-case-item article a{color:#555;font-size:17px;font-weight: 600}
.page-case-item article a:hover{color:var(--mainColor)}
.page-case-item article p{color:#666}
.page-case-item article p:before{content:'\e628';font-family: iconfont;font-size:16px;margin-right:9px}
.page-case-item figure:before,
.page-solution-item:before,
.home-about__item:before{opacity:0;content:'\e630';font-family: iconfont;color:#eee;font-size:80px;position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;background:hsla(0, 100%, 0%, .3);align-items: center;justify-content: center;display:flex;transition: .5s}
.page-case-item figure:hover:before,
.page-solution-item:hover:before,
.home-about__item:hover:before{opacity:1}
.page-video-list{justify-content:space-between}
.page-video-item{flex: 0 0 32%;width:32%;margin-bottom:20px}
.page-video-item:empty{margin-bottom:0}
.page-video-item figure{height:370px;position:relative;overflow: hidden;cursor:pointer}
.page-video-item figure img{width:100%;height:100%;object-fit:cover;transition: .3s}
.page-video-item figure:hover img{transform: scale(1.05)}
.page-video-item article{padding:18px;color:#555;font-size:17px;font-weight: 600}
.page-video-item figure:before{opacity:0;content:'\ec61';font-family: iconfont;color:#eee;font-size:80px;position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;background:hsla(0, 100%, 0%, .3);align-items: center;justify-content: center;display:flex;transition: .5s}
.page-video-item figure:hover:before{opacity:1}
.page-down .list{margin:30px 0}
.page-down li{background:#fff;border-radius:3px;border:solid 1px #eee;padding:25px 30px;margin-bottom:20px;box-shadow:0 0  5px 1px rgba(0,0,0,.03);display:flex;justify-content:space-between}
.page-down li:hover{box-shadow:0 0  10px 1px rgba(0,0,0,.08)}
.page-down li .name{font-size:18px;position:relative;padding-left:90px;display:flex;align-items: center}
.page-down li .name:before{content:'';width:59px;height:57px;background:url("../images/download-1.png") no-repeat;position:absolute;top:0;left:0}
.page-down li .button{background:#5588f2;width:156px;height:52px;border-radius:6px;color:#fff;display:flex;padding:5px 10px;position:relative}
.page-down li .button a,
.page-down li .button button{position:absolute;width:100%;top:0;right:0;bottom:0;left:0;opacity: 0}
.page-down li .button img{width:27px;height:27px;margin:8px 8px 0 0}
.page-down li dl{text-align:center;border-left:solid 1px #80a6f5}
.page-down li dt{font-size:17px;letter-spacing:2px}
.page-down li dd{font-size:12px;transform:scale(.8)}
.fixed-r{position:fixed;right:20px;bottom:200px;z-index:101}
.fixed-r li{width:56px;height:56px;line-height:56px;text-align:center;background:var(--mainColor);margin-bottom:2px;color:#fff;position:relative;cursor: pointer}
.fixed-r li:hover{background:var(--deputyColor);color:#fff;position:relative}
.fixed-r li:before{font-size:2rem;font-family:iconfont}
.fixed-r li.tel:before{content:'\e633'}
.fixed-r li.qq:before{content:'\e624'}
.fixed-r li.wechat:before{content:'\e623'}
.fixed-r li.top:before{content:'\e816'}
.fixed-r li a{display:block;width:100%;height:100%;left:0;top:0;position:absolute;z-index:2}
.fixed-r li.tel{overflow: hidden}
.fixed-r li.tel .extend{color:var(--deputyColor);font-size:20px;position:absolute;top:0;bottom:0;right:100%;z-index:-1;padding:0 12px;background: #f5f5f5;line-height:1;display:flex;align-items: center;opacity:0;transition:1s}
.fixed-r li.tel:hover{overflow: visible}
.fixed-r li.tel:hover .extend{right:100%;opacity: 1}
.wechat-popup{position:fixed;z-index:-1;opacity:0;text-align:center;padding:30px;width:260px;border-radius:6px;margin-left:-130px;left:50%;top:30%;background:#fff}
.wechat-popup.visible{z-index:930;opacity: 1}
.wechat-popup .close{position:absolute;top:10px;right:10px;cursor: pointer}
.wechat-popup .close:before{content:'\e61e';font-family: iconfont;font-size:1.2rem}
.wechat-popup img{max-width:92%}
.wechat-popup p{margin:5px 0}
.wechat-popup button{background:var(--mainColor);color:#fff;border-radius:3px;padding:3px 9px}
.wechat-popup label{opacity: 0;position:absolute;top:0}
.case-detail{max-width:1200px;margin:50px auto}
.case-detail .title{font-size:15px;margin:20px 0 10px}
.case-detail .desc{font-size:12px;color:#555}
.case-photo img{width:100%}
.case-photo .swiper-button-next,
.case-photo .swiper-button-prev{background:none;width:40px;height:40px;border-radius:100%;background: #333}
.case-photo .swiper-button-next:hover,
.case-photo .swiper-button-prev:hover{opacity: .8}
.case-photo .swiper-button-next{right:15px}
.case-photo .swiper-button-prev{left:15px}
.case-photo .swiper-button-next:before{content:'\e618';font-family: iconfont;color:#fff;font-size:18px;font-weight: 600}
.case-photo .swiper-button-prev:before{content:'\e619';font-family: iconfont;color:#fff;font-size:18px;font-weight: 600}
.video-popup{position:fixed;left:50%;top:25%;z-index:-10;opacity:0;width:800px;margin-left:-400px;box-shadow:0 0 11px 1px rgba(0,0,0,.1)}
.video-popup.visible{bottom:auto;z-index:950;opacity:1;transition:opacity .3s}
.video-popup .close{position:absolute;top:1px;right:1px;z-index:2;background: #aaa;padding:1px 4px}
.video-popup .close:after{content:'\e61e';font-family:iconfont;cursor:pointer;color:#fff;line-height:1}
.video-popup video{width:100%}
@media (max-width:1438px){
  .product-list__item figure{height:28vw}
  .home-ad .swiper-container{height:32vw}
  .h-solution-list__item{height:50vw}
  .home-about{margin:120px auto 90px}
  .page-case-item figure,
  .page-video-item figure{height:26vw}
}
@media (max-width:1200px){
  .home-banner .swiper-slide{height:56vw}
  .page-banner{height:34vw}
  .home-good{margin-top:110px}
  .bottom-name{left:18px;bottom:18px}
  .home-product{margin-top:70px}
  .h-more{margin:60px auto 80px}
  .home-solution{margin:79px auto}
  .home-about{margin:110px auto 80px}
  .home-about-wrapper .left{height:45vw}
  .home-about-wrapper .small{height:21.5vw}
  .home-about__item h4{font-size:20px}
  .page-solution-list .left{height:52vw}
  .page-solution-list .right .page-solution-item,
  .page-solution-row .page-solution-item{height:25vw}
  .case-detail{margin:40px auto}
}
@media (max-width:1024px){
  .h-title strong{font-size:30px}
  .home-good{margin-top:90px}
  .home-product{margin-top:50px}
  .product-list__item article{padding:23px 30px 23px 15px}
  .product-list__item article a{font-size:14px}
  .product-list__item article p{font-size:12px}
  .h-more{margin:50px auto 70px}
  .home-solution{margin:69px auto}
  .bottom-name h3{font-size:20px}
  .bottom-name p{font-size:15px}
  .home-about{margin:100px auto 70px}
  .title-3{font-size:32px;margin:30px 0 40px}
  .title-3:before{content:'';width:100px;top:20px;left:50%;margin-left:-200px}
  .title-3:after{content:'';width:100px;top:20px;right:50%;margin-right:-200px}
  .page-case-item article,
  .page-video-item article{padding:18px 0}
  .page-case-item article a{font-size:15px}
  .page-down li{padding:15px 20px}
  .page-down li .name{font-size:15px;padding-left:0}
  .page-down li .name:before{display:none}
  .page-down li .button{background:#5588f2;width:120px;height:40px}
  .page-down li .button img{width:20px;height:20px;margin:4px 4px 0 0}
  .page-down li dl{flex-grow: 2}
  .page-down li dt{font-size:14px;height:100%;display:flex;align-items: center;justify-content: center}
  .page-down li dd{display:none}
  .case-detail{margin:30px auto}
}
@media (max-width:768px){
  body:before{height:62px}
  .header{padding:12px 0;z-index:922;background: #fff}
  .header:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;z-index:-1;box-shadow:0 0 5px 5px rgba(0,0,0,.1)}
  .header .flex{justify-content: space-between}
  .header .logo img{max-height:35px}
  .nav-btn{display:block;padding-top:8px}
  .nav-btn:before{content:'\e63e';font-family:iconfont;font-size:1.8rem;line-height:1;color:#333}
  .nav-btn.open:before{content:'\e61e'}
  .nav{margin-left:0;display:block;overflow:auto;padding:82px 12px 12px;position:fixed;top:0;left:100%;z-index:-2;width:100%;height:100vh;background:#fff;transition-duration:.2s}
  .nav.open{left:0;transition-duration:.3s;box-shadow:3px 0 10px 3px rgba(0,0,0,.1)}
  .nav ul{display:block}
  .nav li{border-right:0;display: block;text-align: center;width:60%;margin:0 auto;padding:13px 0;border-bottom:solid 1px #eee}
  .nav li > a,
  .nav li.active > a,
  .nav li > a:hover{border-bottom:0}
  .nav li.extend dl{position:static;top:auto;left:auto;width:100%;padding:6px 0 0;box-shadow:0 0 0 rgba(0,0,0,0);opacity: 1;visibility:visible;margin-top:12px;border-top:dashed 1px #eee}
  .nav li.extend dl:before,
  .nav li.extend:after{display:none}
  .nav li.extend dd a{font-size:12px}
  .footer .text{flex-basis: 100%}
  .footer{margin-top:20px;padding-top:25px;padding-bottom:20px}
  .footer .qrcode{display:none}
  .footer .text .link{word-spacing:5px;font-size:14px}
  .swiper-button-prev{left: 12px}
  .swiper-button-next{right: 12px}
  .h-title strong{font-size:25px}
  .page-banner article strong{font-size:30px;margin-bottom:9px}
  .page-banner article span{font-size:18px}
  .home-good{margin-top:60px}
  .home-good .left{flex:0 0 100%;height:90vw}
  .home-good .right{flex:0 0 100%;margin-top:20px}
  .home-good .small{flex:0 0 49%;height:30vw}
  .home-product{margin-top:30px}
  .product-list__item{flex:0 0 48.5%;width:48.5%}
  .product-list__item article{padding:17px 0 20px 0}
  .product-list__item article:after{width:20px;height:20px;right:0}
  .product-list__item figure{height:39vw}
  .h-more{margin:40px auto 60px}
  .h-more a{padding:13px 40px;font-size:18px}
  .swiper-button-next,
  .swiper-button-prev{top: 45%;width: 12px;height:21px}
  .home-solution{margin:50px auto}
  .h-solution-list{margin-top:40px}
  .home-about{margin:90px auto 60px}
  .home-about-wrapper{margin-top:50px}
  .home-about-wrapper .left{flex:0 0 100%;width:100%;height:40vw}
  .home-about-wrapper .right{flex:0 0 100%;width:100%;margin-top:20px}
  .home-about-wrapper .small{height:30vw}
  .home-about__item h4{font-size:18px}
  .title-3{font-size:25px;margin:10px 0 30px}
  .title-3:before{content:'';width:60px;top:15px;left:50%;margin-left:-130px}
  .title-3:after{content:'';width:60px;top:15px;right:50%;margin-right:-130px}
  .title-4{padding-bottom:15px}
  .title-4 span{font-size: 18px}
  .title-4:after{height:3px}
  .page-title{margin:12px 0}
  .page-title__name strong{font-size:20px}
  .page-title__select a{font-size:14px;height:32px;padding:5px 10px;margin-left:10px}
  .product-list__item article a{font-size:16px}
  .product-list__item p{font-size:12px}
  .news-list li{padding:15px;margin-bottom:20px}
  .news-list li figure{flex:0 0 25vw;width:25vw}
  .news-list li figure img{height:19vw}
  .news-list li article{flex:0 0 63vw;width:63vw}
  .news-list li .name{font-size:16px}
  .news-list li .time{margin:7px 0}
  .news-list li .desc{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:22px}
  .news-list li .more{display:none}
  .article-detail h1{margin-top:20px;font-size:17px}
  .article-detail .neighbor div{flex:0 0 100%;margin-bottom:9px}
  .goods-info__photos{flex:0 0 100%;width:100%}
  .goods-info__photos .big{height:70vw}
  .goods-info__small{padding:0 8vw}
  .goods-info__small img{height:12vw}
  .goods-info__small .prev,
  .goods-info__small .next{width:15px;height:28px;position:absolute;top:4vw}
  .goods-info__small .prev{left:10px}
  .goods-info__small .next{right:10px}
  .goods-info__info{flex:0 0 100%;width:100%;margin-top:25px}
  .goods-info__info h1{font-size:20px;padding-bottom:18px;margin-bottom:18px}
  .install{margin-top:20px}
  .product-associated{margin:100px auto 50px}
  .title-5{margin:10px 0 30px}
  .title-5 strong{font-size:30px}
  .title-5 span{font-size:14px}
  .page-solution-list .left{height:55vw}
  .page-case-item,
  .page-video-item{flex: 0 0 49%;width:49%}
  .page-case-item figure,
  .page-video-item figure{height:36vw}
  .page-down .list{margin:20px 0}
  .page-down li{padding:12px;margin-bottom:12px}
  .page-down li .button{display:none}
  .page-down li .name{font-size:14px;flex: 0 0 100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  .fixed-r{right:12px;bottom:12px}
  .fixed-r li{width:36px;height:36px;line-height:34px}
  .fixed-r li:before{font-size:18px}
  .case-detail{margin:20px auto}
  .video-popup{position:fixed;top:-100vh;width:96%;left:2%;z-index:950;margin-left:0;border-radius:12px 12px 0 0;transition:.3s}
  .video-popup.visible{top:30vh;transition:bottom .3s}
}
@media (max-width:512px){
  .footer .text .link{font-size:12px;padding-bottom:10px}
  .footer .text .contact{font-size:12px}
  .swiper-button-prev,
  .swiper-button-next{display:none}
  .h-title{padding-bottom:10px;margin-bottom:25px}
  .h-title strong{font-size:20px}
  .h-title:after{width:30px;height:3px;margin-right:-15px}
  .title-3{font-size:22px;margin:10px 0 20px}
  .home-product{margin-top:20px}
  .home-good{margin-top:40px}
  .home-good .small{flex:0 0 100%;height:60vw;margin-bottom:20px}
  .bottom-name h3{font-size:18px}
  .bottom-name p:after{width:20px;height:20px}
  .h-more{margin:30px auto}
  .h-more a{padding:6px 30px;font-size:14px}
  .home-solution{margin:30px auto}
  .h-solution-list{margin-top:20px}
  .h-solution-list__item{height:50vw;flex:0 0 100%;width:100%;margin-bottom:20px}
  .home-about{margin:30px auto 0}
  .home-about-wrapper{margin-top:30px}
  .home-about__item h4{font-size:16px}
  .p-contact{margin:30px auto}
  .p-contact .info li{text-align:left;flex:0 0 100%;position:relative;padding: 0 0 12px 40px;border-bottom:dashed 1px #eee}
  .p-contact .info li:before{font-size:1.6rem;position:absolute;top:12px;left:0}
  .feedback .row{margin:15px auto}
  .page-title{margin:12px 0}
  .page-title__name strong{font-size:18px}
  .page-title__name span{font-size:12px}
  .page-title__select a{font-size:12px;height:28px;padding:4px 8px;margin-left:2px}
  .page-about p{font-size:14px}
  .news-list li{padding:12px}
  .news-list li figure{flex:0 0 25vw;width:25vw}
  .news-list li figure img{height:100px}
  .news-list li article{flex:0 0 62vw;width:62vw}
  .news-list li .name{font-size:15px}
  .news-list li .time{display:none}
  .news-list li .desc{margin-bottom:0;font-size:12px;margin-top:10px}
  .title-4{padding-bottom:15px}
  .title-4 span{font-size: 16px}
  .title-4:after{height:3px}
  .page-banner article strong{font-size:20px}
  .page-banner article span{font-size:14px}
  .goods-info__small .prev,
  .goods-info__small .next{top:3vw}
  .goods-info__info h1{font-size:18px}
  .goods-info__info span{flex:0 0 45%}
  .goods-info__info dd{font-size:14px}
  .product-associated{margin:50px auto 0}
  .title-4{margin-bottom:30px}
  .title-5{margin:0 0 20px}
  .title-5 strong{font-size:18px}
  .title-5 span{font-size:12px}
  .page-solution-item span{font-size:14px}
  .page-solution-list .left{flex:0 0 100%}
  .page-solution-list .right{flex:0 0 100%}
  .page-solution-list .right .page-solution-item{flex:0 0 100%}
  .page-solution-row .page-solution-item{flex:0 0 100%}
  .page-solution-list .left{height:50vw}
  .page-solution-list .right .page-solution-item,
  .page-solution-row .page-solution-item{height:50vw}
  .page-case-item article,
  .page-video-item article{padding:15px 0 0}
  .page-case-item article a{font-size:14px}
  .page-case-item article p{font-size:12px}
  .page-case-item article p:before{font-size:14px;margin-right:5px}
  .case-detail{margin:10px auto 20px}
}
@media (max-width:414px){
  .news-list li article{flex:0 0 58vw;width:58vw}
}