.container{width:100%;padding:0 18.75%}.sort li:nth-child(2):after{content:'';width:1px;height:16px;background:#232425;display:inline-block;vertical-align:middle;margin:0 15px}@media (max-width:870px){.sort li:nth-child(2):after{margin:0 8px}}.ban-icon-dh{width:7.55%;position:absolute;left:37.5%;top:21.3%;-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{font-size:60px}@media (max-width:1440px){.page2 h2,.page4 h2,.page6 h2{font-size:50px}}@media (max-width:1366px){.page2 h2,.page4 h2,.page6 h2{font-size:46px}}@media (max-width:1000px){.page2 h2,.page4 h2,.page6 h2{font-size:34px}}@media (max-width:768px){.page2 h2,.page4 h2,.page6 h2{font-size:40px}}@media (max-width:480px){.page2 h2,.page4 h2,.page6 h2{font-size:36px}}@media (max-width:420px){.page2 h2,.page4 h2,.page6 h2{font-size:24px}}.page7 h2{font-size:60px}@media (max-width:1440px){.page7 h2{font-size:50px}}@media (max-width:1366px){.page7 h2{font-size:46px}}@media (max-width:1000px){.page7 h2{font-size:34px}}@media (max-width:768px){.page7 h2{font-size:35px}}@media (max-width:480px){.page7 h2{font-size:28px}}@media (max-width:420px){.page7 h2{font-size:24px}}.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:420px){.page2 p,.page4 p,.page6 p,.page7 p{font-size:14px;line-height:24px}}.page2 p,.page4 p,.page6 p{font-weight:700}.page2{position:relative}.page2 .text{position:absolute;top:29.0625%;right:15.625%;width:20.7291%}.page2 .text h2,.page2 .text p{color:#2a292c}.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;left:50%;top:50%;color:#fff;transform:translate(-50%);-ms-transform:translate(-50%);-o-transform:translate(-50%);-webkit-transform:translate(-50%);-moz-transform:translate(-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:26.4033%;left:12.0833%;width:21.8562%}.page4 .text h2,.page4 .text p{color:#2a292c}.page5{background:url(https://cdn.haojue.com/bocweb/products/dh/images/dh/ldh-img9.jpg) no-repeat;background-color:#24282a}.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:2.0833%}.page6 .img_1{width:50.55%;margin-left:28.6458%;padding-top:2.70833%;position:relative}.page6 .img_1:before{content:"";width:0%;height:2px;background:#5db8e9;position:absolute;top:53%;right:-15.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:#5db8e9;position:absolute;bottom:2.5%;right:-15.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:44.5%;width:14.3%;bottom:2.5%;right:-15.5%}.page6 .img_1 .height:after,.page6 .img_1 .height:before{content:"";width:11.724%;height:0%;top:0;position:absolute;left:50%;background:url(https://cdn.haojue.com/bocweb/products/dh/images/dh/arrow.png) no-repeat center top;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/dh/images/dh/arrow.png) no-repeat center bottom}.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/dh/images/dh/dh-img15.png) no-repeat;background-size:100% 100%;padding:7px 20px}.page6 .icon div{vertical-align:middle;margin:7px 15px 0}.page6 .icon.icon-1{right:65.3%;top:38.5%}.page6 .icon.icon-2{left:37.5%;top:37.8%}.page6 .icon.icon-2 p{background:url(https://cdn.haojue.com/bocweb/products/dh/images/dh/dh-img16.png) no-repeat;background-size:100% 100%;margin-left:15px}.page6 .icon.icon-3{right:45%;bottom:14%}.page6 .text{position:absolute;top:15.78%;left:10.7812%;width:24.051%}.page6 .text h2{color:#3e3a39}.page6 .text p{color:#3e3a39}.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 h2{color:#3e3a39}.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}.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 7.3333%;text-align:left}.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/dh/images/dh/left.png) no-repeat}.page7 .swiper-button-prev:hover{background:url(https://cdn.haojue.com/bocweb/products/dh/images/dh/left1.png) no-repeat}.page7 .swiper-button-next{right:-36px;top:52%;width:13px;background:url(https://cdn.haojue.com/bocweb/products/dh/images/dh/right.png) no-repeat}.page7 .swiper-button-next:hover{background:url(https://cdn.haojue.com/bocweb/products/dh/images/dh/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{top:11.4033%;left:7.0833%;width:25.8562%}.page6 .icon.icon-2{left:36.9%;top:37.6%}.page6 .icon.icon-3{bottom:12%}.page6 .text{top:11.78%;left:10%;width:25.051%}}@media (max-width:1440px){.page2 .text{right:10%;width:26.7291%}.page4 .text{right:10%}.page5 .fun-list{width:100%;padding-left:68px;padding-right:68px}.page6 .text{width:23.051%}}@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}}@media (max-width:1200px){.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%;width:24.051%}.page6 .icon.icon-2{left:35.9%;top:36.6%}}@media (max-width:1000px){.page2 .text{right:5%}.page4 .text{top:11.28%;right:8%;width:30%}.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:34.9%}.page6 .icon.icon-3{right:44%;bottom:18%}.page6 .text{width:30%}}@media (max-width:900px){.page5 .fun-list2 ul li .text{width:66%;right:5%}.page5 .fun-list2 ul li .text p{font-size:12px}.page6 .text{top:9.78%}}@media (max-width:768px){.page2 .text{width:90.66%;top:5.6%;left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%)}.page3 h4{font-weight:700}.page4 .text{width:90.66%;top:5.6%;left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%)}.page4 .text h2,.page4 .text p{color:#fff}.page5{background:url(https://cdn.haojue.com/bocweb/products/dh/images/dh/lm-dh-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.66%;top:7.834%;left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%)}.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:332px}.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;text-align:center}.page7 .swiper-left>div p{margin-top:15px}.page7 .swiper-pagination{width:100%;bottom:45px}.page7 .swiper-page7.container_68{margin-top:8.4%}}@media (max-width:768px) and (max-width:480px){.page7 .swiper-left>div p{margin-top:10px}}@media (max-width:670px){.page6{padding-top:10%}.page6 .text{top:5.834%}.page7 .swiper-left{height:270px}}@media (max-width:520px){.page4{padding-top:12%;background:#3979bc}.page4 .text{top:4.5%}.page7 .swiper-left{height:260px}}@media (max-width:480px){.page6{padding-top:18%}}@media (max-width:420px){.page5 .fun-list2 ul li{padding:6.55% 4.55%}.page7 .swiper-left{height:210px}.page7 .swiper-pagination{bottom:30px}}@media (max-width:375px){.page4{padding-top:70px}.page5 .fun-list2 ul li{padding:8% 3%}.page7 .swiper-pagination{bottom:20px}}.bg1{position:relative}.text1{font-size:12px;color:#fff;position:absolute;bottom:3.02%;left:19.8437%}.banner .text1{bottom:2.233%;left:19.8437%}