.container{width:100%;padding:0 18.75%}.ban-icon-dh{width:5.625%;position:absolute;left:35.78125%;top:23.6328%;-webkit-transform:scale(1.6);transform:scale(1.6);opacity:0;-webkit-transition:opacity .3s,-webkit-transform .5s ease;transition:opacity .3s,-webkit-transform .5s ease;transition:opacity .3s,transform .5s ease;transition:opacity .3s,transform .5s ease,-webkit-transform .5s ease;-webkit-transition-delay:.5s;transition-delay:.5s}.ban-icon-dh img{max-width:100%}.move .ban-icon-dh{opacity:1;-webkit-transform:none;transform:none}.page2 h2,.page4 h2,.page6 h2,.page7 h2{font-size:40px;letter-spacing:5px}@media (max-width:1440px){.page2 h2,.page4 h2,.page6 h2,.page7 h2{font-size:36px}}@media (max-width:1366px){.page2 h2,.page4 h2,.page6 h2,.page7 h2{font-size:32px}}@media (max-width:1000px){.page2 h2,.page4 h2,.page6 h2,.page7 h2{font-size:24px;letter-spacing:1px}}@media (max-width:768px){.page2 h2,.page4 h2,.page6 h2,.page7 h2{font-size:30px;letter-spacing:1px}}@media (max-width:420px){.page2 h2,.page4 h2,.page6 h2,.page7 h2{font-size:22px}}.page2 h2 span,.page4 h2 span,.page6 h2 span,.page7 h2 span{font-size:60px;margin-right:4px}@media (max-width:1440px){.page2 h2 span,.page4 h2 span,.page6 h2 span,.page7 h2 span{font-size:50px}}@media (max-width:1366px){.page2 h2 span,.page4 h2 span,.page6 h2 span,.page7 h2 span{font-size:46px}}@media (max-width:1000px){.page2 h2 span,.page4 h2 span,.page6 h2 span,.page7 h2 span{font-size:34px}}@media (max-width:768px){.page2 h2 span,.page4 h2 span,.page6 h2 span,.page7 h2 span{font-size:40px;margin-right:7px}}@media (max-width:420px){.page2 h2 span,.page4 h2 span,.page6 h2 span,.page7 h2 span{font-size:32px}}.page2 p,.page4 p,.page6 p,.page7 p{line-height:30px}@media (max-width:1200px){.page2 p,.page4 p,.page6 p,.page7 p{line-height:26px}}@media (max-width:768px){.page2 p,.page4 p,.page6 p,.page7 p{line-height:40px}}@media (max-width:550px){.page2 p,.page4 p,.page6 p,.page7 p{font-size:18px;line-height:28px}}@media (max-width:480px){.page2 p,.page4 p,.page6 p,.page7 p{font-size:16px;line-height:26px}}@media (max-width:420px){.page2 p,.page4 p,.page6 p,.page7 p{font-size:14px;line-height:24px}}.page2 p,.page4 p,.page6 p{font-weight:700;text-align:justify}@media (max-width:768px){.page2 p,.page4 p,.page6 p{text-align:center}}.page2{position:relative}.page2 .text{position:absolute;top:20.625%;left:13.0729%}.page2 .text h2{color:#221815}.page2 .text p{color:#2a292c;width:31%;margin:20px 0 0}.page3 li{display:inline-block;float:left}.page3 li .bottom,.page3 li .top{position:relative}.page3 li .bottom h4,.page3 li .top h4{position:absolute;top:50%;width:100%;color:#fff;text-align:center;transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);opacity:0;filter:alpha(opacity=0);transition:opacity 1s;-ms-transition:opacity 1s;-o-transition:opacity 1s;-webkit-transition:opacity 1s;-moz-transition:opacity 1s}.page3 li .bottom:before,.page3 li .top:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75);opacity:0;filter:alpha(opacity=0);transition:opacity 1s;-ms-transition:opacity 1s;-o-transition:opacity 1s;-webkit-transition:opacity 1s;-moz-transition:opacity 1s}.page3 li .bottom:hover h4,.page3 li .top:hover h4{opacity:1;filter:alpha(opacity=100)}.page3 li .bottom:hover:before,.page3 li .top:hover:before{opacity:1;filter:alpha(opacity=100)}.page3 li:nth-child(1){width:37.447916%}.page3 li:nth-child(2){width:31.302083%}.page3 li:nth-child(3){width:31.250001%}.page3 .remark{right:5%;bottom:1%}.page3 .swiper-slide{color:#010000;background:#e5e5e5;text-align:center}.page3 .swiper-top{padding-top:10.4%;padding-bottom:17.066%}.page3 .swiper-pagination{width:100%;left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);top:18.6%}.page3 .swiper-pagination-bullet{width:12px;height:12px;border-radius:50%;background:#7d7d7d;opacity:1;filter:alpha(opacity=1);margin:0 10px;transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease}@media (max-width:480px){.page3 .swiper-pagination-bullet{width:10px;height:10px;margin:0 8px}}.page3 .swiper-pagination-bullet-active{background:#000}.page4{position:relative}.page4 .text{position:absolute;top:17.935%;left:13.0729%}.page4 .text h2,.page4 .text p{color:#2a292c}.page4 .text p{margin:20px 0 0;width:33%}.page4 .text span{display:inline-block;margin-bottom:10px}.page5{background:url(https://cdn.haojue.com/bocweb/products/dm/images/dm/ldm-img9.jpg) no-repeat;background-color:#1e2224}.page5 h5{font-size:35px;color:#fff;font-weight:600;letter-spacing:3px;padding-bottom:3.64%}@media (max-width:1440px){.page5 h5{font-size:30px}}@media (max-width:1366px){.page5 h5{font-size:26px}}@media (max-width:768px){.page5 h5{font-size:35px;font-weight:bolder}}@media (max-width:750px){.page5 h5{font-size:.47rem}}@media (max-width:480px){.page5 h5{font-size:22px}}@media (max-width:420px){.page5 h5{font-size:20px}}.page5 .fun-list{width:1345px;margin:0 auto}.page5 .fun-list li{display:inline-block;float:left;width:25%; color:#fff;text-align:center;border-right:1px solid #fff}.page5 .fun-list li:nth-child(-n+8){border-bottom:1px solid #fff}.page5 .fun-list li:nth-child(12),.page5 .fun-list li:nth-child(4),.page5 .fun-list li:nth-child(8){border-right:none}.page5 .fun-list li p{margin:0;padding:15.43% 0}.page5 .fun-list2{width:1200px;margin:0 auto;margin-top:3.4375%;margin-bottom:3.5416%}.page5 .fun-list2 ul{margin-left:-4px;margin-right:-4px}.page5 .fun-list2 ul li{position:relative;display:inline-block;float:left;width:calc(50% - 8px);background:#3e3e43;padding:2.16% 8% 2.16% 2.5%;margin:4px 4px;transition:background 1s ease;-ms-transition:background 1s ease;-o-transition:background 1s ease;-webkit-transition:background 1s ease;-moz-transition:background 1s ease}.page5 .fun-list2 ul li .pic{float:left;width:23.65591%}.page5 .fun-list2 ul li .text{float:right;width:60%;color:#fff;position:absolute;right:14.5%;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%)}.page5 .fun-list2 ul li .text p{font-size:16px;line-height:26px;margin-top:10px}.page5 .fun-list2 ul li .text h4{letter-spacing:10px}@media (max-width:1366px){.page5 .fun-list2 ul li .text h4{letter-spacing:5px}}@media (max-width:768px){.page5 .fun-list2 ul li .text h4{letter-spacing:10px}}@media (max-width:480px){.page5 .fun-list2 ul li .text h4{letter-spacing:5px}}.page5 .fun-list2 ul li:hover{background:-webkit-linear-gradient(left bottom,#3896f2,#084ea6);background:-o-linear-gradient(top right,#3896f2,#084ea6);background:-moz-linear-gradient(top right,#3896f2,#084ea6);background:linear-gradient(to top right,#3896f2,#084ea6);transition:background 1s ease;-ms-transition:background 1s ease;-o-transition:background 1s ease;-webkit-transition:background 1s ease;-moz-transition:background 1s ease}.page6{background:#f2f2f3;position:relative;padding-bottom:4.427%}.page6 .img_1{width:49.3229%;margin-left:32.5%;padding-top:6.25%;position:relative}.page6 .img_1:before{content:"";width:0%;height:2px;background:#e60012;position:absolute;top:58%;right:-16.5%;z-index:1;transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s}.page6 .img_1:after{content:"";width:0%;height:2px;background:#e60012;position:absolute;bottom:2%;right:-16.5%;z-index:1;transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s}.page6 .img_1 .height{position:absolute;height:38.5%;width:8.2%;bottom:2.5%;right:-10.5%}.page6 .img_1 .height:after,.page6 .img_1 .height:before{content:"";width:22%;height:0%;top:0;position:absolute;left:41%;background:url(https://cdn.haojue.com/bocweb/products/dm/images/dm/arrow.png) no-repeat center top;background-size:100%;transition:all 1s ease 1s;-ms-transition:all 1s ease 1s;-o-transition:all 1s ease 1s;-webkit-transition:all 1s ease 1s;-moz-transition:all 1s ease 1s}.page6 .img_1 .height:after{top:auto;bottom:0;background:url(https://cdn.haojue.com/bocweb/products/dm/images/dm/arrow.png) no-repeat center bottom;background-size:100%}.page6 .img_1 .number-value{position:absolute;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);left:0;opacity:0;filter:alpha(opacity=0);transition:all 1s ease 1.5s;-ms-transition:all 1s ease 1.5s;-o-transition:all 1s ease 1.5s;-webkit-transition:all 1s ease 1.5s;-moz-transition:all 1s ease 1.5s;width:100%}.page6 .icon{position:absolute;font-size:0}.page6 .icon div,.page6 .icon p{position:relative;display:inline-block;vertical-align:top;margin-top:0;white-space:nowrap;color:#fff;font-size:16px;width:auto}.page6 .icon p{background:url(https://cdn.haojue.com/bocweb/products/dm/images/dm/dm-img15.png) no-repeat;background-size:100% 100%;padding:3px 20px}.page6 .icon div{vertical-align:middle;margin:7px 15px 0}.page6 .icon.icon-1{right:64%;top:43.5%}.page6 .icon.icon-2{left:39%;top:42.5%}.page6 .icon.icon-2 p{background:url(https://cdn.haojue.com/bocweb/products/dm/images/dm/dm-img16.png) no-repeat;background-size:100% 100%;margin-left:15px}.page6 .icon.icon-3{left:52%;bottom:11.5%}.page6 .icon.icon-3 p{background:url(https://cdn.haojue.com/bocweb/products/dm/images/dm/dm-img16.png) no-repeat;background-size:100% 100%;margin-left:15px}.page6 .icon.icon-4{right:57%;bottom:13%}.page6 .text{position:absolute;top:16.371%;left:13.0729%}.page6 .text h2{color:#221815}.page6 .text p{color:#565656;width:36%;margin:20px 0 0}.move .img_1:before{width:19.5%}.move .img_1:after{width:102%}.move .img_1 .height:after,.move .img_1 .height:before{height:50%}.move .img_1 .number-value{opacity:1;filter:alpha(opacity=1)}.page7{text-align:center;padding-bottom:3.5416%;background:#fff}.page7 .text h2{color:#221815}.page7 .text p{color:#565656;width:36%;font-weight:bolder}.page7 .swiper-slide{color:#fff;font-size:0;background:#909090}.page7 .swiper-left,.page7 .swiper-right{display:inline-block;vertical-align:middle}.page7 .swiper-left{width:50%;float:left;text-align:left}.page7 .swiper-left>div{position:absolute;width:50%;top:50%;left:0;transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);padding:0 5.6%}.page7 .swiper-left>div h4{font-weight:700;letter-spacing:3px}@media (max-width:1366px){.page7 .swiper-left>div h4{font-weight:bolder}}.page7 .swiper-right{width:50%;float:right;position:relative}.page7 .swiper-pagination{width:49%;left:0;bottom:23px}.page7 .swiper-button-prev{left:-36px;top:52%;width:13px;background:url(https://cdn.haojue.com/bocweb/products/dm/images/dm/left.png) no-repeat}.page7 .swiper-button-prev:hover{background:url(https://cdn.haojue.com/bocweb/products/dm/images/dm/left1.png) no-repeat}.page7 .swiper-button-next{right:-36px;top:52%;width:13px;background:url(https://cdn.haojue.com/bocweb/products/dm/images/dm/right.png) no-repeat}.page7 .swiper-button-next:hover{background:url(https://cdn.haojue.com/bocweb/products/dm/images/dm/right1.png) no-repeat}.page7 .swiper-pagination-bullet{width:9px;height:9px;border-radius:50%;background:#fff;opacity:1;filter:alpha(opacity=1);margin:0 8px;transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease}@media (max-width:768px){.page7 .swiper-pagination-bullet{margin:0 10px;width:12px;height:12px}}@media (max-width:480px){.page7 .swiper-pagination-bullet{margin:0 8px;width:10px;height:10px}}@media (max-width:375px){.page7 .swiper-pagination-bullet{margin:0 6px}}.page7 .swiper-pagination-bullet-active{background:#373737}.swiper-page7.container_68{margin-top:3.9%}@media (max-width:1680px){.move .img_1 .height:after,.move .img_1 .height:before{height:40%;background-size:100% 100%}}@media (max-width:1560px){.page4 .text p{width:39%}.page6 .icon.icon-2{left:38.5%}.page6 .icon.icon-3{left:51.5%}.page6 .text{left:12%}}@media (max-width:1440px){.page2 .text{left:10%}.page4 .text{left:10%}.page4 .text p{width:37%}.page5 .fun-list{width:100%;padding-left:68px;padding-right:68px}.page6 .text p{width:32%}.page7 .text p{width:48%}}@media (max-width:1366px){.page3 .remark{right:2%;font-size:12px}.page5 .fun-list li p{padding:20% 0}.page5 .fun-list2{width:100%;padding-left:68px;padding-right:68px}.page5 .fun-list2 ul li .text p{margin-top:8px}.page6 .text{left:10%}}@media (max-width:1200px){.page4 .text{left:5%}.page5 .fun-list2 ul li{padding:2.16% 2.5% 2.16%}.page5 .fun-list2 ul li .text{width:62%;right:10%}.page5 .fun-list2 ul li .text p{font-size:14px}.page6 .text{left:5%;top:10.371%}}@media (max-width:1000px){.page2 .text{left:5%}.page2 .text p{width:33%}.page4 .text{top:10%}.page5 .fun-list2 ul li .text p{line-height:22px}.page6 .icon{width:auto!important;height:auto!important;overflow:visible}.page6 .icon p{display:none}.page6 .icon.icon-2{left:36.5%;top:36%}.page6 .icon.icon-3{right:44%;bottom:18%}.page7 .text p{width:54%}}@media (max-width:900px){.page5 .fun-list2 ul li .text{width:66%;right:5%}.page5 .fun-list2 ul li .text p{font-size:12px}}@media (max-width:768px){.page2 .text{top:6.255%;left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);text-align:center;width:90%}.page2 .text p{width:100%}.page3 h4{font-weight:700}.page4 .text{width:90%;top:5.6%;left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);text-align:center}.page4 .text h2 br{display:none}.page4 .text p{width:100%}.page4 .text span{margin-bottom:0}.page5{background:url(https://cdn.haojue.com/bocweb/products/dm/images/dm/lm-dm-img9.jpg) no-repeat;background-color:#000;background-size:100%}.page5 h5{padding-bottom:13.733%}.page5 .fun-list{padding-left:4.66%;padding-right:4.66%}.page5 .fun-list li{width:50%;border-right:none}.page5 .fun-list li p{padding:18% 0}.page5 .fun-list li:nth-child(-n+10){border-bottom:1px solid #fff}.page5 .fun-list li:nth-child(2n+1){border-right:1px solid #fff}.page5 .fun-list2{padding:15.866% 4.66%;margin-top:0;margin-bottom:0}.page5 .fun-list2 ul{margin-left:0;margin-right:0}.page5 .fun-list2 ul li{width:100%;margin:0;margin-bottom:9px;padding:4.55%}.page5 .fun-list2 ul li .pic{width:21%;padding-top:5px}.page5 .fun-list2 ul li .text{width:69%}.page5 .fun-list2 ul li .text h4{font-weight:bolder}.page6 .img_1{width:auto;margin-left:0;padding-top:0}.page6 .icon{display:none}.page6 .text{width:90%;top:7.809%;left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);text-align:center}.page6 .text p{width:100%}.page6 .img_1:after,.page6 .img_1:before{display:none}.page7{padding-bottom:0}.page7 .swiper-left,.page7 .swiper-right{width:100%}.page7 .container_68{width:100%}.page7 .swiper-left{height:340px;text-align:center}.page7 .swiper-left>div{position:static;transform:none;-ms-transform:none;-o-transform:none;-webkit-transform:none;-moz-transform:none;width:100%;padding:9.6% 8.5333% 0}.page7 .swiper-left>div p{margin-top:15px}.page7 .swiper-pagination{width:100%;bottom:45px}.page7 .swiper-page7.container_68{margin-top:8.4%}.page7 .text p{width:90%}}@media (max-width:768px) and (max-width:480px){.page7 .swiper-left>div p{margin-top:10px}}@media (max-width:670px){.page7 .swiper-left{height:320px}}@media (max-width:520px){.page2 .text{top:2%}.page4{background:#3979bc}.page4 .text{top:4.5%}.page4 .text h2{font-size:22px}.page4 .text h2 span{font-size:32px}.page7 .swiper-left{height:300px}}@media (max-width:480px){.page6{padding-top:18%}}@media (max-width:420px){.page4 .text h2{font-size:18px;letter-spacing:0}.page4 .text h2 span{font-size:28px;margin-right:4px}.page5 .fun-list2 ul li{padding:6.55% 4.55%}.page7 .swiper-left{height:260px}.page7 .swiper-pagination{bottom:30px}}@media (max-width:375px){.page4{padding-top:15px}.page5 .fun-list2 ul li{padding:8% 3%}.page7 .swiper-pagination{bottom:20px}}