.banner .img-con img{width:100%;object-fit:cover;object-position:center}
.banner .img-con img.mobile{display:none}
.banner .con-text{width:70%;position:absolute;top:50%;transform:translateY(-50%);left:15%;color:#fff;font-style:italic}
.banner .con-text h3{font-size:1.7rem;letter-spacing:1px;position:relative;top:1rem;opacity:0;transition:all .5s ease 1s;-webkit-transition:all .5s ease 1s;-moz-transition:all .5s ease 1s;-ms-transition:all .5s ease 1s}
.banner .con-text .spec{height:5rem;width:100%;overflow:hidden}
.banner .con-text .spec h2{font-size:3.2rem;font-weight:700;margin-bottom:1.5rem;letter-spacing:1px;position:relative;top:4rem;transition:all 1.5s;-webkit-transition:all 1.5s;-moz-transition:all 1.5s;-ms-transition:all 1.5s}
.banner .con-text p{font-size:.7rem;opacity:.3;margin-bottom:4rem;opacity:0;transition:all 1s ease 1.3s;-webkit-transition:all 1s ease 1.3s;-moz-transition:all 1s ease 1.3s;-ms-transition:all 1s ease 1.3s}
.banner .con-text .about{display:inline-block;width:10rem;height:3rem;border:1px solid #e9e9e9;border-radius:30px;position:relative;text-align:center;left:4rem;opacity:0;transition:all 1s ease 1.6s;-webkit-transition:all 1s ease 1.6s;-moz-transition:all 1s ease 1.6s;-ms-transition:all 1s ease 1.6s}
.banner .con-text .about a{display:block;border-radius:30px;font-size:.8rem;line-height:3rem;color:#fff;font-style:normal;position:relative;cursor:pointer}
.banner .con-text .about a:hover{background:#fff;color:#9f223d}
.banner .con-text .about.name{margin-left:1.5rem}
.banner .con-text.active h3{top:0;opacity:1}
.banner .con-text.active .spec h2{top:0}
.banner .con-text.active p{opacity:1}
.banner .con-text.active .about{left:0;opacity:1}
.banner .swiper-pagination-bullets{bottom:80px;left:-40%}
.banner .swiper-pagination-bullets .swiper-pagination-bullet{width:6px;height:6px;background:rgba(255,255,255,.4);margin:0 8px;opacity:1}
.banner .swiper-pagination-bullets .swiper-pagination-bullet-active{background:#9e223f}
.banner .decor_text{position:absolute;bottom:80px;left:14%;color:#fff;z-index:100}
.banner .decor_text span{font-size:.7rem}
.banner .decor_text .line{display:inline-block;width:70px;height:1px;background:rgba(255,255,255,.5);position:relative;bottom:4px}
.banner .decor_text .line:before{content:'';width:0;height:100%;background:#9e223f;position:absolute;top:0;left:0}
.banner .decor_text .line.active:before{width:100%;transition:all 5s;-webkit-transition:all 5s;-moz-transition:all 5s;-ms-transition:all 5s}
.banner .button-prev:not(.disabled):hover svg{transform:translateX(-25px)}
.banner .button-next:not(.disabled):hover svg{transform:translateX(25px)}
.banner .button:not(.disabled):hover .cls-1{transform:scale(1.1)}
.banner .button:not(.disabled):hover .cls-4{stroke-dasharray:2px;stroke-dashoffset:2px;opacity:1}
.banner .button:not(.disabled):hover #arrow-trg{transform:rotateY(180deg) translate(-37px,39px)}
.banner .button:not(.disabled):hover #line{transform:translate(35px,42px) scaleX(.33)}
.banner .button-next,.banner .button-prev{transition:.5s;outline:0;position:absolute;width:140px;z-index:10;top:65vh;transform:translateY(-34px);cursor:pointer}
.banner .button-prev{left:4vw}
.banner .button-next{right:4vw}
.banner .button.disabled{opacity:.2;cursor:default}
.banner #arrow-svg-home{transform:translateY(353px)}
.banner .button-next #arrow-svg-home{transform:translateY(353px) rotateY(180deg);transform-origin:80px 0 0}
.banner svg{transition:.5s}
.banner .cls-1{transition:.5s;opacity:.4;transform-origin:-20px 40px;opacity:1}
.banner .cls-4{transition:.5s;stroke-width:2px;stroke:#fff;fill:none;stroke-dasharray:1;stroke-dashoffset:1;opacity:.4;transform-origin:0 0 0}
.banner #arrow-trg{transition:.5s;fill:#fff;transform:rotateY(180deg) translate(-53px,39px)}
.banner #line{transition:.5s;stroke:#fff;transform:translate(50px,42px)}
.banner .button-prev:not(.disabled):hover svg{transform:translateX(-25px)}
.banner .button-next:not(.disabled):hover svg{transform:translateX(25px)}
.banner .button:not(.disabled):hover .cls-1{transform:scale(1.1)}
.banner .button:not(.disabled):hover .cls-4{stroke-dasharray:2px;stroke-dashoffset:2px;opacity:1}
.banner .button:not(.disabled):hover #arrow-trg{transform:rotateY(180deg) translate(-37px,39px)}
.banner .button:not(.disabled):hover #line{transform:translate(35px,42px) scaleX(.33)}
.banner .video video{width:100%;object-fit:cover;object-position:center}

 
.hot{padding-left:8%;padding-right:8%}
.hot .top{border-bottom:1px solid #e9e9e9;position:relative;margin-top:4.5rem;padding-bottom:4rem}
.hot .top .left h3{font-size:1.2rem;position:relative;top:2rem;opacity:0;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s}
.hot .top .left h2{font-size:2.3rem;font-weight:700;color:#9f223d;margin-bottom:5rem;position:relative;top:2rem;opacity:0;transition:all .5s ease .3s;-webkit-transition:all .5s ease .3s;-moz-transition:all .5s ease .3s;-ms-transition:all .5s ease .3s}
.hot .top .left p{font-size:1.2rem;width:50%;position:relative;top:2rem;opacity:0;transition:all .5s ease .6s;-webkit-transition:all .5s ease .6s;-moz-transition:all .5s ease .6s;-ms-transition:all .5s ease .6s}
.hot .top .left p:before{content:'';width:28px;height:2px;background:#9f223d;position:absolute;top:-1rem;left:0}
.hot .top .about{width:20rem;height:23rem;border-radius:0 0 100px 0;background:#9f223d;top:0;opacity:0;z-index:101;position:absolute;right:0;padding:2.5rem;text-align:center;transition:all 2s;-webkit-transition:all 2s;-moz-transition:all 2s;-ms-transition:all 2s}
.hot .top .about h2{font-size:1.8rem;color:#f3f3f3}
.hot .top .about .line{width:2rem;height:1px;background:#f3f3f3;margin:1.6rem auto}
.hot .top .about h3{font-size:1.3rem;color:#f3f3f3;margin-bottom:1.1rem}
.hot .top .about p{color:#fff;font-size:.7rem;opacity:.5}
.hot .top .about .play{width:3.3rem;height:3.3rem;border-radius:50%;background:rgba(0,0,0,.2);margin:3rem auto 0;cursor:pointer;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s}
.hot .top .about .play span{color:#fff;font-size:.8rem;line-height:3.3rem;position:relative;left:2px}
.hot .top .about .play:hover{background:#fff}
.hot .top .about .play:hover span{color:#9f223d}
.hot .bottom{padding-bottom:3.5rem;padding-top:2.8rem}
.hot .bottom>ul li{float:left;width:25%;text-align:center;cursor:pointer;position:relative}
.hot .bottom>ul li a{display:block}
.hot .bottom>ul li .tu{width:9.9rem;height:9.9rem;border-radius:50%;margin:0 auto;position:relative;overflow:hidden;opacity:0;transform-origin:center center;transform:scale(.1);transition:all 2s ease .2s;-webkit-transition:all 2s ease .2s;-moz-transition:all 2s ease .2s;-ms-transition:all 2s ease .2s}
.hot .bottom>ul li .tu img{width:100%}
.hot .bottom>ul li .tu .icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);z-index:3}
.hot .bottom>ul li .tu .mask{width:0;height:0;border-radius:50%;position:absolute;top:50%;left:50%;background:#9f223d;opacity:0;z-index:2;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s}
.hot .bottom>ul li h2{font-size:1.3rem;font-weight:700;margin:1.2rem 0 .2rem;position:relative;top:1rem;opacity:0;transition:all 1s ease 1.2s;-webkit-transition:all 1s ease 1.2s;-moz-transition:all 1s ease 1.2s;-ms-transition:all 1s ease 1.2s}
.hot .bottom>ul li h3{font-size:.8rem;color:#999;margin-bottom:1rem;position:relative;top:1rem;opacity:0;transition:all 1s ease 1.4s;-webkit-transition:all 1s ease 1.4s;-moz-transition:all 1s ease 1.4s;-ms-transition:all 1s ease 1.4s;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;line-height:1.5;height:3em;padding:0 10px}
.hot .bottom>ul li .more{width:4.5rem;height:1.7rem;position:relative;top:1rem;opacity:0;border-radius:18px;border:1px solid #e9e9e9;margin:0 auto;transition:all 1s ease 1.6s;-webkit-transition:all 1s ease 1.6s;-moz-transition:all 1s ease 1.6s;-ms-transition:all 1s ease 1.6s}
.hot .bottom>ul li .more h4{display:block;line-height:1.7rem;border-radius:18px}
.hot .bottom>ul li:hover .tu .mask{width:100%;height:100%;margin-top:-50%;margin-left:-50%;opacity:.8}
.hot .bottom>ul li:hover .more h4{background:#9f223d;color:#fff}
.hot .bottom>ul li:not(:last-child):before{content:'';width:1px;height:9.9rem;background:#e9e9e9;position:absolute;right:0;top:20%}
.hot.active .top .left h3{top:0;opacity:1}
.hot.active .top .left h2{top:0;opacity:1}
.hot.active .top .left p{top:0;opacity:1}
.hot.active .top .about{top:-10rem;opacity:1}
.hot.active .bottom>ul li .tu{opacity:1;transform:scale(1)}
.hot.active .bottom>ul li h2{top:0;opacity:1}
.hot.active .bottom>ul li h3{top:0;opacity:1}
.hot.active .bottom>ul li .more{top:0;opacity:1}
.solve{position:relative}
.solve img{width:100%}
.solve img.mobile{display:none}
.solve .solve-con{position:absolute;top:30%;left:8%;color:#fff}
.solve .solve-con h3{font-size:1.2rem;letter-spacing:1px;opacity:0;transition:all .5s ease .5s;-webkit-transition:all .5s ease .5s;-moz-transition:all .5s ease .5s;-ms-transition:all .5s ease .5s}
.solve .solve-con .box{height:3.8rem;overflow:hidden}
.solve .solve-con .box h2{font-size:2.3rem;font-weight:700;letter-spacing:1px;position:relative;top:3rem;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s}
.solve .solve-con>ul{margin-top:3.5rem;margin-bottom:4rem}
.solve .solve-con>ul li{float:left;padding-right:4.2rem;position:relative}
.solve .solve-con>ul li h4{font-size:3.5rem;position:relative;top:-2rem;opacity:0;transition:all 1s ease 1s;-webkit-transition:all 1s ease 1s;-moz-transition:all 1s ease 1s;-ms-transition:all 1s ease 1s}
.solve .solve-con>ul li h4:before{content:'+';position:absolute;right:-1rem;top:0;font-size:1.5rem}
.solve .solve-con>ul li span{display:block;font-size:.8rem;position:relative;top:-2rem;opacity:0;transition:all 1s ease 1.3s;-webkit-transition:all 1s ease 1.3s;-moz-transition:all 1s ease 1.3s;-ms-transition:all 1s ease 1.3s}
.solve .solve-con>ul li:not(:first-child){padding-left:4.2rem}
.solve .solve-con>ul li:not(:first-child):after{content:'';width:1px;height:2.3rem;background:#fcfcfc;opacity:0;position:absolute;left:0;top:36%;transition:all 1s ease 1.6s;-webkit-transition:all 1s ease 1.6s;-moz-transition:all 1s ease 1.6s;-ms-transition:all 1s ease 1.6s}
.solve .solve-con .more{width:10rem;height:3rem;border-radius:30px;display:inline-block;position:relative;left:4rem;opacity:0;transition:all 1s ease 1.8s;-webkit-transition:all 1s ease 1.8s;-moz-transition:all 1s ease 1.8s;-ms-transition:all 1s ease 1.8s}
.solve .solve-con .more a{display:block;color:#fff;font-size:.8rem;line-height:3rem;text-align:center;border-radius:30px;border:1px solid #e9e9e9}
.solve .solve-con .more a:hover{background:#9f223d;border:1px solid #9f223d;color:#fff}
.solve .solve-con .more.demo{margin-left:1.5rem}
.solve .solve-con.active h3{opacity:1}
.solve .solve-con.active .box h2{top:0}
.solve .solve-con.active>ul li h4{opacity:1;top:0}
.solve .solve-con.active>ul li span{opacity:1;top:-.4rem}
.solve .solve-con.active>ul li:not(:first-child):after{opacity:.4}
.solve .solve-con.active .more{left:0;opacity:1}
.topic{position:relative;overflow:hidden}
.topic .left{float:left;width:60%;height:100%;position:absolute;left:0;top:0;background:url(../img/ditu.png) no-repeat left bottom,-webkit-linear-gradient(#fff 30%,#f4f4f4,#dedede);background:url(../img/ditu.png) no-repeat left bottom,-o-linear-gradient(#fff 30%,#f4f4f4,#dedede);background:url(../img/ditu.png) no-repeat left bottom,-moz-linear-gradient(#fff 30%,#f4f4f4,#dedede);background:url(../img/ditu.png) no-repeat left bottom,linear-gradient(#fff 30%,#f4f4f4,#dedede)}
.topic .left .sanjiao{position:absolute;right:0;top:0;width:0;height:0;border-color:#fff transparent;border-width:0 0 50rem 12rem;border-style:solid}
.topic .right{float:right;width:38%;padding-right:8%;padding-top:6rem;padding-bottom:6rem}
.topic .right h3{font-size:1.2rem;opacity:0;transition:all 1s ease .5s;-webkit-transition:all 1s ease .5s;-moz-transition:all 1s ease .5s;-ms-transition:all 1s ease .5s}
.topic .right .box{height:4rem;overflow:hidden}
.topic .right .box h2{font-size:2.3rem;margin-bottom:2.2rem;position:relative;top:3rem;opacity:0;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s}
.topic .right .box h2 span{color:#9f223d;font-weight:700}
.topic .right p{font-size:.7rem;color:#97a2a8;width:90%;margin-bottom:4rem;position:relative;top:-1rem;opacity:0;transition:all 1s ease .8s;-webkit-transition:all 1s ease .8s;-moz-transition:all 1s ease .8s;-ms-transition:all 1s ease .8s}
.topic .right .more{width:10rem;height:3rem;background:#969a9e;border-radius:30px;display:inline-block;position:relative;top:-2rem;opacity:0;transition:all 1s ease 1s;-webkit-transition:all 1s ease 1s;-moz-transition:all 1s ease 1s;-ms-transition:all 1s ease 1s}
.topic .right .more a{display:block;font-size:.8rem;color:#fff;border-radius:30px;text-align:center;line-height:3rem;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s}
.topic .right .more a:hover{background:#9f223d}
.topic .right .more.demo{margin-left:1.5rem}
.topic .right .video{margin-top:6rem;width:25rem;position:relative;cursor:pointer;transform:scale(.1);opacity:0;overflow:hidden;transition:all 1s ease 1.4s;-webkit-transition:all 1s ease 1.4s;-moz-transition:all 1s ease 1.4s;-ms-transition:all 1s ease 1.4s}
.topic .right .video img{width:100%}
.topic .right .video .play{position:absolute;width:3.5rem;height:3.5rem;border-radius:50%;top:50%;left:50%;background:#9f223d;text-align:center;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s}
.topic .right .video .play span{color:#fff;font-size:18px;line-height:3.5rem;position:relative;left:2px}
.topic .right .video .play:hover{background:#fff}
.topic .right .video .play:hover span{color:#9f223d}
.topic.active .right h3{opacity:1}
.topic.active .right .box h2{top:0;opacity:1}
.topic.active .right p{opacity:1;top:0}
.topic.active .right .more{opacity:1;top:0}
.topic.active .right .video{opacity:1;transform:scale(1)}
.power{position:relative;height:0;padding-bottom:26.7%;background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed;background-image:url(../img/zhineng_bg.jpg)}
.power .text{position:absolute;color:#fff;top:50%;left:50%;text-align:center;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.power .text h3{font-size:1.2rem;letter-spacing:1px}
.power .text h2{font-size:2.3rem;letter-spacing:1px}
.power .text .more{width:10rem;height:3rem;border-radius:30px;margin:0 auto;margin-top:4rem}
.power .text .more a{display:block;font-size:.8rem;text-align:center;line-height:3rem;color:#fff;border-radius:30px;border:1px solid #fff}
.power .text .more a:hover{background:#9f223d;border:1px solid #9f223d}
.case{padding-top:4rem;padding-bottom:4rem;background:#eeeeef;position:relative}
.case .swiper-container{width:76%;margin:0}
.case .swiper-container .swiper-slide div{direction:ltr}
.case .swiper-container .swiper-slide a{display:block}
.case .swiper-container .swiper-slide a .top{height:0;padding-bottom:55%;overflow:hidden;position:relative}
.case .swiper-container .swiper-slide a .top>img{width:100%}
.case .swiper-container .swiper-slide a .top .text{position:absolute;bottom:0;right:-1rem;width:60%;height:2.5rem;color:#fff}
.case .swiper-container .swiper-slide a .top .text:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;bottom:0;right:0;z-index:1;background:#9f223d;transform:skew(-20deg)}
.case .swiper-container .swiper-slide a .top .text .left{float:left;position:relative;z-index:2;width:2rem;top:30%;margin-right:1rem;margin-left:8%}
.case .swiper-container .swiper-slide a .top .text .left img{width:100%}
.case .swiper-container .swiper-slide a .top .text h2{float:left;font-size:.8rem;position:relative;z-index:2;line-height:2.5rem}
.case .swiper-container .swiper-slide a .bottom{background:#fff;height:23rem;text-align:left;padding:2.2rem 2rem 0}
.case .swiper-container .swiper-slide a .bottom h2{font-size:1.4rem;font-weight:700;margin-bottom:.8rem;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;line-height:1.5;height:1.5em}
.case .swiper-container .swiper-slide a .bottom>p{font-size:.8rem;color:#666;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;line-height:1.5;height:3em}
.case .swiper-container .swiper-slide a .bottom>ul{margin-top:2.2rem}
.case .swiper-container .swiper-slide a .bottom>ul li{margin-top:1.2rem}
.case .swiper-container .swiper-slide a .bottom>ul li h3{font-size:.8rem;color:#9f223d}
.case .swiper-container .swiper-slide a .bottom>ul li p{font-size:.8rem;color:#666;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;line-height:1.5;height:1.5em}
.case .swiper-container .swiper-slide:hover .top>img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1)}
.case .more{margin:3.8rem auto 0;width:10rem;height:3rem}
.case .more a{display:block;line-height:3rem;font-size:.8rem;background:#9f223d;border-radius:30px;color:#fff;text-align:center}
.case .more a:hover{background:#8b0002}
.case .ditu{position:absolute;right:0;top:0;width:42%;height:100%;background:#9f223d;overflow:hidden}
.case .ditu:before{content:'';position:absolute;left:0;top:0;width:0;height:0;border-color:#eeeeef transparent;border-width:52rem 12rem 0 0;border-style:solid}
.case .swiper-button-next,.case .swiper-button-prev{top:30%;right:13%;left:auto;width:3.1rem;height:3.1rem;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:0 0}
.case .swiper-button-next:before,.case .swiper-button-prev:before{content:'\e66e';font-family:iconfont;position:absolute;top:32%;left:40%;font-size:.8rem;color:#fff}
.case .swiper-button-next:hover,.case .swiper-button-prev:hover{background:#fff}
.case .swiper-button-next:hover:before,.case .swiper-button-prev:hover:before{color:#9f223d;left:38%}
.case .swiper-button-prev{top:38%}
.case .swiper-button-prev:before{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg)}
.case .swiper-pagination{position:absolute;right:12%;top:46%;color:rgba(255,255,255,.4);letter-spacing:1px;font-size:1.2rem;z-index:1;width:auto;left:auto}
.case .swiper-pagination .current{font-size:3rem;color:#fff}
.case .line{margin-top:1.5rem;width:6rem;height:1px;background:rgba(255,255,255,.5);position:absolute;top:53%;right:12%;z-index:1}
.case .line:before{content:'';width:0;height:1px;background:#fff;position:absolute;left:0;top:0}
.case .line.active:before{width:100%;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s}
.free-telephone{padding:6rem 8% 6rem;background:url(../img/about.png) no-repeat top left;position:relative}
.free-telephone h2{font-size:2.3rem;font-weight:700}
.free-telephone p{font-size:1.2rem}
.free-telephone .more{position:absolute;right:8%;top:7.5rem;width:10rem;height:3rem;border-radius:30px;background:#9f223d}
.free-telephone .more a{color:#fff;display:block;border-radius:30px;line-height:3rem;text-align:center;font-size:.8rem}
.free-telephone .more a:hover{background:#8b0002}
.sign-up{position:fixed;width:100%;height:100%;top:0;z-index:1000;background-color:rgba(0,0,0,.4);display:none}
.sign-up .table{width:70%;height:76%;background:#fff;position:absolute;top:12%;left:15%;overflow:hidden}
.sign-up .table .left{width:56%;height:100%;position:absolute;left:0;top:0;background:url(../img/form_img.jpg) no-repeat;background-size:cover}
.sign-up .table .left .logo{position:absolute;top:8%;left:8%}
.sign-up .table .left .text{position:absolute;bottom:8%;left:8%;color:#fff}
.sign-up .table .left .text h4{font-size:1rem}
.sign-up .table .left .text h2{font-size:2.2rem;font-weight:700;letter-spacing:1px;position:relative;top:-.4rem}
.sign-up .table .left .text h3{font-size:1.1rem;letter-spacing:1px}
.sign-up .table .right{width:44%;height:100%;float:right;padding:2%}
.sign-up .table .right h2{font-size:1.7rem;font-weight:700}
.sign-up .table .right h2 span{color:#9f223d}
.sign-up .table .right h4{font-size:16px;margin-bottom:1rem}
.sign-up .table .right form{height:90%}
.sign-up .table .right form>ul{height:80%}
.sign-up .table .right form>ul li{width:100%;height:16%;padding-bottom:3%;float:left}
.sign-up .table .right form>ul li input{width:100%;height:100%;border:none;background:#f3f3f5;padding-left:1rem;color:#999;font-size:.8rem}
.sign-up .table .right form>ul li.list-half{width:42%}
.sign-up .table .right form>ul li.list-right{width:54%;margin-left:4%}
.sign-up .table .right form>ul li:last-child{height:36%}
.sign-up .table .right form>ul li:last-child textarea{width:100%;height:100%;border:none;background:#f3f3f5;padding-top:1rem;padding-left:1rem;color:#999;font-size:.8rem}
.sign-up .table .right form .button{width:10rem;height:3rem;border-radius:30px;background:#9f223d;color:#fff;font-size:.8rem;line-height:3rem;text-align:center;border:none;margin-top:.8rem;cursor:pointer}
.sign-up .table .right form .button:hover{background:#8b0002}
.sign-up .table .close{position:absolute;right:1rem;top:1rem;color:#999;font-size:.9rem;cursor:pointer}
#videoPopup{position:fixed;width:100%;height:100%;top:0;z-index:1000;background-color:rgba(0,0,0,.4);display:none}
#videoPopup .video-box{width:70%;position:absolute;left:15%;top:8%}
#videoPopup .video-box video{width:100%;position:absolute;top:0;left:0;right:0;bottom:0}
#videoPopup .video-box .close{position:absolute;right:1rem;top:1rem;width:2rem;height:2rem;border-radius:50%;background:rgba(0,0,0,.1);cursor:pointer;text-align:center}
#videoPopup .video-box .close span{font-size:.8rem;line-height:2rem;color:#fff}
#videoPopup .video-box .close:hover{background:rgba(0,0,0,.5)}
.case-appointment{position:fixed;width:100%;height:100%;top:0;z-index:1000;background-color:rgba(0,0,0,.4);display:none}
.case-appointment .table{width:60%;height:66%;position:absolute;left:20%;top:17%;background:#fff;padding:2% 3%}
.case-appointment .table h2{height:10%;font-size:1.7rem;font-weight:700;margin-bottom:1rem}
.case-appointment .table h2 span{color:#9f223d}
.case-appointment .table form{height:90%}
.case-appointment .table form .big-box{height:76%}
.case-appointment .table form .big-box .left{float:left;width:48%;height:100%}
.case-appointment .table form .big-box .left>ul{height:100%}
.case-appointment .table form .big-box .left>ul li{float:left;width:100%;height:20%}
.case-appointment .table form .big-box .left>ul li:not(:last-child){padding-bottom:3%}
.case-appointment .table form .big-box .left>ul li select{width:100%;height:100%;border:none;padding-left:1rem;background:#f3f3f5;font-size:.8rem;color:#999}
.case-appointment .table form .big-box .left>ul li input{width:100%;height:100%;border:none;padding-left:1rem;background:#f3f3f5;font-size:.8rem;color:#999}
.case-appointment .table form .big-box .left>ul li.input-left{width:40%}
.case-appointment .table form .big-box .left>ul li.input-right{float:right;width:57%}
.case-appointment .table form .big-box .right{float:right;width:48%;height:100%;position:relative}
.case-appointment .table form .big-box .right span{position:absolute;top:1rem;left:1rem;font-size:.8rem;color:#999;z-index:100}
.case-appointment .table form .big-box .right textarea{background:#f3f3f5;width:100%;border:none;padding:2.5rem 1rem;height:100%}
.case-appointment .table form .btn{width:10rem;height:3rem;background:#9f223d;color:#fff;border-radius:30px;font-size:.8rem;text-align:center;line-height:3rem;cursor:pointer;float:right;margin-top:1.6rem}
.case-appointment .table form .btn:hover{background:#7a1d2f}
.case-appointment .table .close{position:absolute;right:1rem;top:1rem;color:#999;font-size:.9rem;cursor:pointer}
@media screen and (max-width:1680px){.case .swiper-container .swiper-slide a .top .text{width:70%}
}
@media screen and (max-width:1366px){.sign-up .table .right form{height:86%}
.case .swiper-container .swiper-slide a .top .text{width:70%}
}
@media screen and (max-width:1024px){.topic .left .sanjiao{border-width:0 0 52rem 12rem}
.topic .right{width:40%}
.topic .right .more{width:8rem;background:#9f223d}
.topic .right .video{margin-top:5rem;width:20rem}
.case .swiper-container .swiper-slide a .top .text{width:83%}
.sign-up .table .left{width:46%}
.sign-up .table .left .text h2{font-size:1.8rem}
.sign-up .table .right{width:54%}
.case-appointment .table{width:74%;left:13%}
}
@media screen and (max-width:768px){#videoPopup .video-box{width:96%;position:absolute;left:2%;top:5%}
.banner{margin-top:5.5rem}
.banner .img-con img.pc{display:none}
.banner .img-con img.mobile{display:block}
.banner .con-text{text-align:center;left:0;top:45%}
.banner .con-text h3{font-size:16px}
.banner .con-text .spec h2{font-size:20px}
.banner .con-text p{font-size:12px}
.banner .con-text .about a{font-size:14px}
.banner .decor_text{display:none}
.banner .swiper-pagination-bullets{bottom:40px;left:0}
.hot{background:url(../img/about.png) no-repeat -130px 3px}
.hot .top{padding-top:3.5rem;margin-top:0}
.hot .top .about{width:100%;position:relative;height:auto;top:0}
.hot .top .about h2{font-size:18px}
.hot .top .about h3{font-size:16px}
.hot .top .about p{font-size:13px}
.hot .top .left h3{font-size:12px}
.hot .top .left h2{font-size:28px;margin-bottom:4rem}
.hot .top .left p{width:100%;font-size:14px}
.hot .bottom{padding-top:1rem}
.hot .bottom>ul li{width:50%;margin-top:2.5rem}
.hot .bottom>ul li:nth-child(2):before{display:none}
.hot .bottom>ul li h2{font-size:16px}
.hot .bottom>ul li h3{font-size:12px}
.hot .bottom>ul li .more{width:6rem;height:30px}
.hot .bottom>ul li .more h4{font-size:14px;line-height:30px}
.hot .bottom>ul li .tu .icon{width:40%}
.hot.active .top .about{top:-2rem}
.solve img.pc{display:none}
.solve img.mobile{display:block}
.solve .solve-con{left:0;top:48%;width:100%}
.solve .solve-con h3{font-size:16px;text-align:center}
.solve .solve-con .box h2{font-size:26px;text-align:center}
.solve .solve-con>ul{width:100%;margin-top:2rem;margin-bottom:3rem}
.solve .solve-con>ul li{width:33.333%;padding-right:1rem;padding-left:2rem}
.solve .solve-con>ul li:not(:first-child){padding-left:2rem}
.solve .solve-con>ul li h4{font-size:30px}
.solve .solve-con>ul li h4:before{right:1rem}
.solve .solve-con>ul li:nth-child(2) h4:before{right:-10px}
.solve .solve-con>ul li span{font-size:12px}
.solve .solve-con.active .more{left:16%}
.solve .solve-con .more a{font-size:14px}
.topic{background:url(../img/ditu.png) no-repeat left bottom,-webkit-linear-gradient(#fff 30%,#f4f4f4,#dedede);background:url(../img/ditu.png) no-repeat left bottom,-o-linear-gradient(#fff 30%,#f4f4f4,#dedede);background:url(../img/ditu.png) no-repeat left bottom,-moz-linear-gradient(#fff 30%,#f4f4f4,#dedede);background:url(../img/ditu.png) no-repeat left bottom,linear-gradient(#fff 30%,#f4f4f4,#dedede)}
.topic .left{width:100%;float:none;position:relative;height:400px;background:0 0}
.topic .left .sanjiao{display:none}
.topic .left .container{transform:scale(.8);-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8)}
.topic .left .container .component{left:6%;top:-8rem}
.topic .right{width:100%;float:none;padding-right:0;text-align:center;padding-top:3rem;padding-bottom:5rem}
.topic .right h3{font-size:16px}
.topic .right .box h2{font-size:26px}
.topic .right p{width:80%;margin:2rem auto;font-size:12px}
.topic .right .more a{font-size:14px}
.topic .right .video{width:90%;margin:5rem auto 0}
.power{padding-bottom:64%}
.power .text{width:100%}
.power .text h3{font-size:16px}
.power .text h2{font-size:26px}
.power .text .more{margin-top:3rem}
.power .text .more a{font-size:14px}
.case .swiper-container{width:100%}
.case .swiper-container .swiper-slide .bottom{height:24rem}
.case .swiper-container .swiper-slide .bottom h2{font-size:20px}
.case .swiper-container .swiper-slide .bottom p{font-size:13px}
.case .swiper-container .swiper-slide .bottom ul li h3{font-size:13px}
.case .swiper-container .swiper-slide .bottom ul li p{font-size:12px}
.case .swiper-button-next,.case .swiper-button-prev{display:none}
.case .swiper-pagination{display:none}
.case .ditu{width:32%}
.case .ditu:before{border-width:54.5rem 10rem 0 0}
.case .line{display:none}
.case .more a{font-size:14px}
.free-telephone{text-align:center;background:url(../img/about.png) no-repeat -130px 3px}
.free-telephone h2{font-size:26px}
.free-telephone p{font-size:16px}
.free-telephone .more{position:relative;top:2rem;right:0;left:50%;margin-left:-5rem}
.free-telephone .more a{font-size:14px}
.sign-up .table{width:90%;top:6%;left:5%;overflow:auto}
.sign-up .table .left{display:none}
.sign-up .table .left .text h2{font-size:1.8rem}
.sign-up .table .right{width:100%;padding:5%;overflow:auto}
.sign-up .table .right h2{font-size:16px}
.sign-up .table .right h4{font-size:13px}
.sign-up .table .right form{height:100%}
.sign-up .table .right form>ul{height:90%}
.sign-up .table .right form>ul li{height:10.6%}
.sign-up .table .right form>ul li.list-half{width:100%}
.sign-up .table .right form>ul li.list-right{width:100%;margin-left:0}
.case-appointment .table{width:90%;left:5%;top:8%;padding:6% 4%}
.case-appointment .table h2{font-size:16px;margin-bottom:.2rem}
.case-appointment .table form{overflow:auto}
.case-appointment .table form .big-box .left{width:100%;height:110%}
.case-appointment .table form .big-box .left>ul li{height:14.2%}
.case-appointment .table form .big-box .left>ul li.input-left{width:100%}
.case-appointment .table form .big-box .left>ul li.input-right{width:100%}
.case-appointment .table form .big-box .right{width:100%;height:50%;margin-top:3%}
.case-appointment .table form .btn{margin-top:1rem;font-size:13px}
}