.section1,.section2,.section22,.section23{padding:80px 0 100px}.page-content .top .container,.section1,.section2 .container .title,.section22,.section22 .container .title,.section23 .container .title,.section24,.section24 .container .title{text-align:center}.page-content{min-height:300px}.page-content .top{height:650px;background-size:cover;background-repeat:no-repeat;background-position:center}.page-content .top .container{min-height:650px;position:relative}.page-content .top .container .con-title{font-size:38px;font-family:PingFang SC;font-weight:700;color:#278975;margin-top:72px;margin-bottom:63px}.page-content .top .container .con-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:40px}.page-content .top .container .con-item .item-img div{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#595757;line-height:40px}.page-content .top .container .con-item .b-line{width:1px;height:48px;background:#B7B7B7;margin:0 31px 28px}.page-content .top .container .top-title{position:absolute;top:33%;left:2%;width:100%;font-family:Microsoft YaHei;color:rgba(255,255,255,1)}.page-content .top .container .top-title .top-title-item1{width:640px;height:66px;font-size:88px;font-family:Microsoft YaHei;font-weight:700;color:rgba(255,255,255,1);line-height:22px}.page-content .top .container .top-title .top-title-item2{width:640px;font-size:24px;font-family:Microsoft YaHei;font-weight:400;color:rgba(255,255,255,1);line-height:36px;opacity:.8;margin:30px 0}.page-content .top .container .top-title .top-title-item3{text-align:center;width:118px;height:36px;border:1px solid rgba(255,255,255,1);border-radius:18px;cursor:pointer}.page-content .top .container .top-title .top-title-item3 span{width:58px;height:15px;font-size:14px;font-weight:400;line-height:33px}.section1{background-color:#fff}.section1 .banner-content{margin-bottom:80px}.section1 .banner-content div{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#050505;line-height:28px}.section1 .title h1{font-size:36px;font-family:Microsoft YaHei;font-weight:700;color:#050505;line-height:52px}.section1 .title h1 span{margin:0 10px 10px;display:inline-block;background-color:#000;width:10px;height:10px;border-radius:50%}.section1 .title .bt-line{display:inline-block;width:60px;height:6px;background:#0584ba;margin:20px 0 30px}.section1 .content-list .pro-item{width:1168px;font-size:14px;font-family:Microsoft YaHei;font-weight:700;color:rgba(123,123,123,1);line-height:26px}.section1 .content-list .devicename{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:1172px;font-size:18px;font-family:Microsoft YaHei;font-weight:400;color:#595757;line-height:27px;margin-top:20px}.section2 .container .title h1,.section22 .container .title h1,.section23 .container .title h1{font-size:36px;color:#050505}.section2 .container .title h1,.section22 .container .title h1,.section23 .container .title h1,.section24 .container .title h1{font-weight:700;line-height:52px;font-family:Microsoft YaHei}.section1 .content-list .devicename div{width:133px}.section2 .container .title .bt-line,.section22 .container .title .bt-line,.section23 .container .title .bt-line{display:inline-block;width:60px;margin:20px 0 80px;height:6px}.section2{background:rgba(244,245,247,1)}.section2 .container .title .bt-line{background:#0584ba}.section22{background-color:#fff}.section22 .container .title .bt-line{background:#0584ba}.section23{background:rgba(244,245,247,1)}.section23 .container .title .bt-line{background:#0584ba}.section23 .devicename{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:1172px;font-size:18px;font-family:Microsoft YaHei;font-weight:700;color:#595757;margin-top:20px}.section24{padding:80px 0;background-color:#fff}.section24 .container .title h1{font-size:36px;color:#050505}.section24 .container .title .bt-line{display:inline-block;width:60px;height:6px;background:#0584ba;margin:20px 0 80px}.section24 .content-list{text-align:left}.section3,.section3 .box,.section4,.section6{text-align:center}.section24 .content-list .devicename{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:1170px;font-size:18px;font-family:Microsoft YaHei;font-weight:400;color:#595757;margin-top:30px}.section24 .content-list .devicename ul{width:552px}.section24 .content-list .devicename ul li{margin-bottom:20px}.section24 .content-list .devicename ul li:before{content:"";display:inline-block;width:8px;height:8px;background-color:#0584ba;border-radius:50%;margin-right:10px;vertical-align:middle}.section3{padding:60px 0;background-color:#fff}.section3 .title h1{font-size:44px;font-weight:700;color:rgba(36,36,36,1)}.section3 .title .bt-line{display:inline-block;width:60px;height:6px;background:#0584ba;margin:20px 0 80px}.section3 .content-list,.section3 .content-list .pro-item{display:-webkit-box;display:-ms-flexbox;-webkit-box-align:center}.section3 .box{font-family:'Fira Sans',sans-serif;overflow:hidden;position:relative}.section3 .box:after,.section3 .box:before{content:'';background-color:rgba(0,0,0,.5);height:25%;width:100%;opacity:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);position:absolute;left:50%;top:-100%;-webkit-transition:all .3s;transition:all .3s}.section3 .box:after{top:100%}.section3 .box:hover:before{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);top:0}.section3 .box:hover:after{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);top:auto;bottom:0}.section3 .box:hover:after,.section3 .box:hover:before{height:50%;opacity:1}.section3 .box img{width:100%;height:auto}.section3 .box .box-content{width:100%;opacity:0;-webkit-filter:blur(10px);filter:blur(10px);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);position:absolute;top:60%;left:50%;z-index:1;-webkit-transition:all .4s ease .1s;transition:all .4s ease .1s}.section3 .box:hover .box-content{opacity:1;-webkit-filter:blur(0);filter:blur(0);top:50%}.section3 .box .title{color:rgba(255,255,255,1);font-size:25px;font-weight:600;text-transform:uppercase;margin:0}.section3 .content-list{display:flex;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.section3 .content-list .pro-item{width:290px;display:flex;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.section3 .content-list .pro-item .img{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:285px;height:304px}.section3 .content-list .pro-item .img .pro-item-txt{position:absolute;bottom:30px;left:50%;width:88px;height:17px;margin-left:-44px;font-size:17px;font-family:Microsoft YaHei;font-weight:700;color:rgba(255,255,255,1)}.section3 .content-list .pro-item h6{margin:20px 0 17px;width:250px;height:10px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:rgba(36,36,36,1);line-height:20px}.section4{padding:60px 0;background:rgba(244,245,247,1)}.section4 .title h1{font-size:44px;font-weight:700;color:rgba(36,36,36,1)}.section4 .title .bt-line{display:inline-block;height:1px;margin:28px 0}.section4 .content-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.section4 .content-list .pro-item,.section4 .content-list .pro-item .img{-webkit-box-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal}.section4 .content-list img{width:100%}.section4 .content-list .pro-item{width:386px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column}.section4 .content-list .pro-item .img{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:98%;height:100%}.section4 .content-list .pro-item .img img{width:380px;height:260px}.section4 .content-list .pro-item .img .box-ig{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.4)}.section4 .content-list .pro-item .img .pro-item-txt{position:absolute;top:50%;left:50%;width:235px;height:147px;margin-top:-74px;margin-left:-116px;font-size:10px;font-family:Microsoft YaHei;font-weight:400;color:rgba(255,255,255,1)}.section4 .content-list .pro-item .img .pro-item-txt .title h1{width:245px;height:24px;font-size:24px;font-family:Microsoft YaHei;font-weight:700;color:rgba(255,255,255,1);line-height:52px}.section4 .content-list .pro-item .img .pro-item-txt .title .bt-line{width:26px;height:1px;background:rgba(255,255,255,1);border-radius:0}.section4 .content-list .pro-item .img .pro-item-txt .title .bt-txt{width:233px;height:39px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:rgba(255,255,255,1);line-height:24px}.section4 .content-list .pro-item .img .item-img-list1{margin-bottom:15px;position:relative}.section4 .content-list .pro-item .img .item-img-list1 .box-ig{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.4)}.section4 .content-list .pro-item .img .item-img-list1 .pro-item-txt{position:absolute;top:50%;left:50%;width:233px;height:156px;margin-top:-78px;margin-left:-116px;font-size:10px;font-family:Microsoft YaHei;font-weight:400;color:rgba(255,255,255,1)}.section4 .content-list .pro-item .img .item-img-list1 .pro-item-txt .title h1{width:233px;height:24px;font-size:24px;font-family:Microsoft YaHei;font-weight:700;color:rgba(255,255,255,1);line-height:52px}.section4 .content-list .pro-item .img .item-img-list1 .pro-item-txt .title .bt-line{width:26px;height:1px;background:rgba(255,255,255,1);border-radius:0}.section4 .content-list .pro-item .img .item-img-list2{margin-top:15px;position:relative}.section4 .content-list .pro-item .img .item-img-list2 .box-ig{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.4)}.section4 .content-list .pro-item .img .item-img-list2 .pro-item-txt{position:absolute;top:50%;left:50%;width:233px;height:156px;margin-top:-78px;margin-left:-116px;font-size:10px;font-family:Microsoft YaHei;font-weight:400;color:rgba(255,255,255,1)}.section4 .content-list .pro-item .img .item-img-list2 .pro-item-txt .title h1{width:233px;height:24px;font-size:24px;font-family:Microsoft YaHei;font-weight:700;color:rgba(255,255,255,1);line-height:52px}.section4 .content-list .pro-item .img .item-img-list2 .pro-item-txt .title .bt-line{width:26px;height:1px;background:rgba(255,255,255,1);border-radius:0}.section5{padding:41px 0;background-color:#fff}.section5 .container .title2{margin-top:170px;font-family:Microsoft YaHei}.section5 .container .title2 h1{width:273px;height:50px;font-size:44px;font-family:Microsoft YaHei;font-weight:700;color:rgba(36,36,36,1);line-height:52px}.section5 .container .title2 .bt-line2{height:1px;margin:28px 0}.section5 .container .title2 .desc{width:352px;height:40px;font-size:14px;font-family:Microsoft YaHei;font-weight:700;color:rgba(123,123,123,1);line-height:26px}.section5 .container .title2-img{margin-top:25px;text-align:center}.section5 .container .title2-img img{width:782px;height:505px}.section6{padding:61px 0;background:rgba(244,245,247,1)}.section6 .title h1{font-size:44px;font-weight:700;color:rgba(36,36,36,1)}.section6 .title .bt-line{display:inline-block;height:1px;margin:28px 0}.section6 .title .bt-txt{font-size:10px;font-family:Microsoft YaHei;font-weight:700;color:rgba(123,123,123,1)}.section6 .content-list{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.section6 .content-list .pro-item{width:594px}.section6 .content-list .pro-item .img{display:-webkit-box;display:-ms-flexbox;display:flex}.section6 .content-list .pro-item .img .bg-white-showbox{width:150px;height:150px;background:rgba(255,255,255,1);-webkit-box-shadow:0 7px 38px 0 rgba(151,183,204,.34);box-shadow:0 7px 38px 0 rgba(151,183,204,.34);border-radius:10px}.section6 .content-list .pro-item .img .bg-white-showbox img{margin-top:42px;width:62px;height:70px}.section6 .content-list .pro-item .img .pro-item-txt{margin-left:20px;font-family:Microsoft YaHei}.section6 .content-list .pro-item .img .pro-item-txt .pro-txt-top{width:176px;height:33px;font-size:34px;text-align:left;font-family:Microsoft YaHei;font-weight:700;color:rgba(36,36,36,1);line-height:52px}.section6 .content-list .pro-item .img .pro-item-txt .pro-txt-bottom{width:351px;height:67px;margin-top:30px;font-size:14px;text-align:left;font-family:Microsoft YaHei;font-weight:400;color:rgba(123,123,123,1);line-height:26px}.section7,.section8,.section8 .box{text-align:center}.section7 .container-bt .title h1,.section8 .title h1{font-size:44px;font-weight:700;color:rgba(36,36,36,1)}.section7{padding:60px 0;background:rgba(244,245,247,1)}.section7 .container-bt{width:100%}.section7 .container-bt .title .bt-line{display:inline-block;height:1px;margin:28px 0}.section7 .container-bt .content-list .pro-item img{width:100%;height:450px}.section8{padding:61px 0;background-color:#fff}.section8 .title{height:138px}.section8 .title .bt-line{display:inline-block;height:1px;margin:28px 0}.section8 .content-list,.section8 .content-list .pro-item{display:-webkit-box;display:-ms-flexbox;-webkit-box-align:center}.section8 .box{font-family:'Fira Sans',sans-serif;overflow:hidden;position:relative}.section8 .box:after,.section8 .box:before{content:'';background-color:rgba(0,0,0,.5);height:25%;width:100%;opacity:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);position:absolute;left:50%;top:-100%;-webkit-transition:all .3s;transition:all .3s}.section8 .box:after{top:100%}.section8 .box:hover:before{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);top:0}.section8 .box:hover:after{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);top:auto;bottom:0}.section8 .box:hover:after,.section8 .box:hover:before{height:50%;opacity:1}.section8 .box img{width:100%;height:auto}.section8 .box .box-content{width:100%;opacity:0;-webkit-filter:blur(10px);filter:blur(10px);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);position:absolute;top:60%;left:50%;z-index:1;-webkit-transition:all .4s ease .1s;transition:all .4s ease .1s}.section8 .box:hover .box-content{opacity:1;-webkit-filter:blur(0);filter:blur(0);top:50%}.section8 .box .title{color:rgba(255,255,255,1);font-size:25px;font-weight:600;text-transform:uppercase;margin:0;height:20px}.section8 .content-list{display:flex;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.section8 .content-list .pro-item{width:386px;display:flex;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.section8 .content-list .pro-item .img{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:285px;height:520px}.section8 .content-list .pro-item .img .pro-item-txt{position:absolute;top:50%;left:50%;width:178px;height:70px;margin-top:-50px;margin-left:-89px;font-size:10px;font-family:Microsoft YaHei;font-weight:400;color:rgba(255,255,255,1)}.section8 .content-list .pro-item .img .pro-item-txt .title h1{width:178px;height:10px;font-size:17px;font-family:Microsoft YaHei;font-weight:700;color:rgba(255,255,255,1)}.section8 .content-list .pro-item .img .pro-item-txt .title .bt-line{width:18px;height:1px;background:rgba(255,255,255,1);border-radius:0}.section8 .content-list .pro-item .img .item-img-list1{margin-bottom:15px;position:relative;width:386px}.section8 .content-list .pro-item .img .item-img-list1 .pro-item-txt{font-size:10px;font-family:Microsoft YaHei;font-weight:400;color:rgba(255,255,255,1)}.section8 .content-list .pro-item .img .item-img-list1 .pro-item-txt .title h1{width:178px;height:10px;font-size:17px;font-family:Microsoft YaHei;font-weight:700;color:rgba(255,255,255,1)}.section8 .content-list .pro-item .img .item-img-list1 .pro-item-txt .title .bt-line{width:18px;height:1px;background:rgba(255,255,255,1);border-radius:0}.section8 .content-list .pro-item .img .item-img-list2{margin-top:15px;position:relative;width:386px}.section8 .content-list .pro-item .img .item-img-list2 .pro-item-txt{position:absolute;top:50%;left:50%;width:178px;height:70px;margin-top:-50px;margin-left:-89px;font-size:10px;font-family:Microsoft YaHei;font-weight:400;color:rgba(255,255,255,1)}.section8 .content-list .pro-item .img .item-img-list2 .pro-item-txt .title h1{width:178px;height:10px;font-size:17px;font-family:Microsoft YaHei;font-weight:700;color:rgba(255,255,255,1)}.section8 .content-list .pro-item .img .item-img-list2 .pro-item-txt .title .bt-line{width:18px;height:1px;background:rgba(255,255,255,1);border-radius:0}