blockquote,body,button,dd,dl,dt,fieldset,figcaption,figure,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}body{font:12px/1.5 Microsoft YaHei,Arial;color:#333}button,input,select{vertical-align:middle;font-size:100%}ol,ul{list-style:none}fieldset,img{border:0}em,i,var{font-style:normal}a:link,a:visited{text-decoration:none}button,input[type=date],input[type=number],input[type=search],input[type=submit],input[type=tel],input[type=text],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-image:none;border-radius:0;border:0 none;outline:none;box-sizing:border-box}input::-webkit-search-cancel-button,input::-webkit-search-decoration{display:none}.clearfix{*zoom:1}@media screen and (max-width:767px){body{font:16px/1.5 Microsoft YaHei,Arial}}@font-face{font-family:myfont;src:url(//at.alicdn.com/t/font_427314_wzznj4o1qua98uxr.eot);src:url(//at.alicdn.com/t/font_427314_wzznj4o1qua98uxr.eot#iefix) format("embedded-opentype"),url(//at.alicdn.com/t/font_427314_wzznj4o1qua98uxr.woff) format("woff"),url(//at.alicdn.com/t/font_427314_wzznj4o1qua98uxr.ttf) format("truetype"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E") format("svg")}.wrap{width:1000px;margin:0 auto;position:relative}.wrap h2{width:1000px;height:68px}.clearfix:after{content:".";display:block;visibility:hidden;clear:both;height:0;font-size:0}body{background:#0084ff}.float-view{display:none;position:fixed;width:190px;height:380px;bottom:80px;left:50%;margin-left:530px;background:#fff;text-align:center;font-size:12px;color:#707479;z-index:100}.float-view .title{padding-top:19px;padding-bottom:15px}.float-view .title h2{width:119px;margin:0 auto;height:43px;background:url(https://s.kcimg.cn/topic/images/huajing/contact_title.png) no-repeat 50% 0}.float-view figure{margin:0 auto}.float-view figure,.float-view figure img{width:130px;height:132px}.float-view .address,.float-view .email,.float-view .tel{line-height:30px;font-size:14px}.float-view .address:before,.float-view .email:before,.float-view .tel:before{display:inline-block;font-family:myfont;font-size:14px;color:#007eff}.float-view .tel{padding-top:12px}.float-view .tel:before{content:"\e6f8";width:14px;height:14px;line-height:14px;color:#007eff}.float-view .email:before{content:"\e68a";width:14px;height:10px;line-height:10px;color:#007eff}.float-view .address{padding-bottom:9px;display:block;color:#707479}.float-view .address:before{content:"\e6f9";width:14px;height:15px;line-height:15px}.float-view .know{font-size:14px;display:block;width:150px;height:40px;line-height:40px;background:#0385ff;color:#fff;margin:0 auto;box-shadow:0 1px 6px 2px rgba(0,0,0,.3)}.header{width:100%;height:660px;background:url(https://s.kcimg.cn/topic/images/huajing/banner1.jpg) no-repeat 50%;position:relative}.header .wrap{z-index:10;padding-top:1px;box-sizing:border-box}.header .wrap .logo{position:absolute;left:0;top:20px;width:90px;height:90px;background:url(https://s.kcimg.cn/topic/images/huajing/logo.jpg) no-repeat 50%}.header .wrap .slogan{position:relative;width:708px;height:378px;margin:100px auto 0;background:url(https://s.kcimg.cn/topic/images/huajing/title_bg.png) no-repeat 50%}.header .wrap .slogan .roller{position:absolute;left:50%;bottom:-120px;width:784px;height:193px;margin-left:-392px;background:url(https://s.kcimg.cn/topic/images/huajing/roller.png) no-repeat 50%}.header .wrap .slogan .bar-title{position:absolute;top:58px;left:50%;margin-left:-354px;width:708px;height:234px;background:url(https://s.kcimg.cn/topic/images/huajing/title.png) no-repeat 50%}.visible .wrap .logo{-webkit-animation:bounceInDown 1s;animation:bounceInDown 1s}.visible .wrap .slogan{-webkit-animation:zoomInRight 1s;animation:zoomInRight 1s}.visible .wrap .slogan .bar-title{-webkit-animation:zoomIn 2s;animation:zoomIn 2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}80%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}80%{opacity:1}}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}#canvas{width:100%;height:500px;position:absolute;left:0;bottom:0;overflow:hidden;z-index:1}.view2{position:relative;height:630px;z-index:10;background:url(https://s.kcimg.cn/topic/images/huajing/module1.jpg) no-repeat 50%}.view2 .wrap{width:900px;height:540px;background:#fff;position:absolute;left:50%;top:-60px;margin-left:-450px;padding-top:50px}.view2 .wrap h2{height:68px;width:100%;background:url(https://s.kcimg.cn/topic/images/huajing/title_intro.png) no-repeat 50%;margin-bottom:40px;font-size:0;color:#fff}.view2 .wrap .video-view{width:590px;height:340px;background:#fff;border:5px solid #fff;position:absolute;top:165px;left:-50px;box-shadow:1px 1px 10px #ccc}.view2 .wrap .intro{position:absolute;right:-50px;top:160px;width:345px;height:378px;padding:12px 15px 0;border:5px solid #0385ff;background:#fff}.view2 .wrap .intro p{font-size:14px;line-height:20px;color:#202224;margin-bottom:18px}.view2 .wrap .intro .figure{width:345px;height:180px;overflow:hidden}.view2 .wrap .intro .figure img{width:100%}.visible .wrap .intro p{-webkit-animation:autoHeight 2s;animation:autoHeight 2s}@-webkit-keyframes autoHeight{0%{height:0;overflow:hidden}to{height:160px}}@keyframes autoHeight{0%{height:0;overflow:hidden}to{height:160px}}.view3{position:relative;height:750px;background:url(https://s.kcimg.cn/topic/images/huajing/module2.jpg) no-repeat 50%}.view3 .wrap{padding-top:60px}.view3 .wrap h2{height:68px;width:100%;background:url(https://s.kcimg.cn/topic/images/huajing/title_show.png) no-repeat 50%;margin-bottom:40px;font-size:0;color:#fff}.view3 .wrap .car-show .big-img{float:left;width:500px;height:500px;overflow:hidden;position:relative}.view3 .wrap .car-show .big-img img{width:100%}.view3 .wrap .car-show .big-img>div{position:absolute;left:0;bottom:0;width:460px;height:114px;background:rgba(0,0,0,.5);color:#fff;padding:0 20px}.view3 .wrap .car-show .big-img>div h4{line-height:18px;font-size:18px;margin-top:20px}.view3 .wrap .car-show .big-img>div p{line-height:20px;font-size:14px;margin-top:17px}.view3 .wrap .car-show .big-img>div p span{color:#36f}.view3 .wrap .car-show .list-right{width:500px;float:right}.view3 .wrap .car-show .list-right .img-title{float:right;width:490px;height:160px;overflow:hidden;background:#fff;display:block}.view3 .wrap .car-show .list-right .img-title .figure{float:left;width:240px;height:160px;overflow:hidden}.view3 .wrap .car-show .list-right .img-title .figure img{width:240px;height:160px}.view3 .wrap .car-show .list-right .img-title>div{float:right;width:210px;background:#fff;padding:18px 20px 0}.view3 .wrap .car-show .list-right .img-title>div h4{color:#202224;font-size:18px;line-height:24px;margin-bottom:10px}.view3 .wrap .car-show .list-right .img-title>div p{font-size:14px;line-height:20px;color:#202224;height:60px;overflow:hidden}.view3 .wrap .car-show .list-right ul li{float:left;width:240px;height:160px;margin:10px 0 0 10px;overflow:hidden}.view3 .wrap .car-show .list-right ul li a{position:relative;display:block;width:240px;height:160px}.view3 .wrap .car-show .list-right ul li a p{position:absolute;bottom:0;left:0;width:100%;padding:10px;font-size:14px;line-height:20px;background:rgba(0,0,0,.5);color:#fff;box-sizing:border-box}.view3 img{transition-duration:1s}.view3 img:hover{-webkit-transform:scale3d(1.15,1.15,1.15) translateX(5px);transform:scale3d(1.15,1.15,1.15) translateX(5px)}.view4{height:684px;background:url(https://s.kcimg.cn/topic/images/huajing/module3.jpg) no-repeat 50% 0}.view4 .wrap .sub-title{padding-top:60px}.view4 .wrap .sub-title h2{background:url(https://s.kcimg.cn/topic/images/huajing/title_product.png) no-repeat 50% 0}.view4 .wrap .sub-nav{position:relative;width:500px;margin:30px auto 10px}.view4 .wrap .sub-nav li{position:relative;width:240px;height:60px;line-height:60px;float:left;border:1px solid #fff;border-radius:50px;text-align:center;color:#fff;font-size:26px;box-sizing:border-box;cursor:pointer}.view4 .wrap .sub-nav li:first-child{margin-right:10px}.view4 .wrap .sub-nav li:first-child:after{position:absolute;top:50%;left:239px;width:10px;height:1px;content:"";background:#fff}.view4 .wrap .sub-nav li:first-child:before{position:absolute;top:50%;left:-255px;width:255px;height:1px;content:"";background:#fff}.view4 .wrap .sub-nav li:last-child:before{position:absolute;top:50%;left:239px;width:255px;height:1px;content:"";background:#fff}.view4 .wrap .sub-nav li.active{background:#fff;color:#0084ff;font-weight:700}.view4 .wrap .sub-nav li.active i{display:block;content:"";width:0;height:0;border:10px solid transparent;border-top:10px solid #fff;position:absolute;top:59px;left:50%;margin-left:-5px}.view4 .wrap .view4-box{margin-top:47px;position:relative;height:420px;color:#fff;font-size:14px;line-height:20px;display:none}.view4 .wrap .view4-box.selected{display:block}.view4 .wrap .view4-box.tab1 .circle,.view4 .wrap .view4-box.tab1 .circle:after{width:420px;height:420px;position:absolute;left:50%;top:0;margin-left:-210px}.view4 .wrap .view4-box.tab1 .circle:after{content:"";display:block;background:url(https://s.kcimg.cn/topic/images/huajing/hang_bg.png) no-repeat 50% 0;-webkit-animation:routeView 5s linear infinite;animation:routeView 5s linear infinite}.view4 .wrap .view4-box.tab1 .circle figure{position:absolute;top:24px;left:-40px;width:500px;height:372px;z-index:999;cursor:pointer}.view4 .wrap .view4-box.tab1 .circle figure img{width:500px}.view4 .wrap .view4-box.tab1 .shape{position:absolute;cursor:pointer}.view4 .wrap .view4-box.tab1 .shape:first-child{width:231px;height:90px;top:90px;left:0;background:url(https://s.kcimg.cn/topic/images/huajing/shape1.png) no-repeat 50% 100%}.view4 .wrap .view4-box.tab1 .shape:first-child p{width:187px;height:60px}.view4 .wrap .view4-box.tab1 .shape:nth-child(2){width:257px;height:110px;top:256px;left:0;background:url(https://s.kcimg.cn/topic/images/huajing/shape2.png) no-repeat 50% 100%}.view4 .wrap .view4-box.tab1 .shape:nth-child(2) p{width:210px;height:100px}.view4 .wrap .view4-box.tab1 .shape:nth-child(3){width:257px;height:88px;top:41px;right:7px;background:url(https://s.kcimg.cn/topic/images/huajing/shape3.png) no-repeat 50% 100%}.view4 .wrap .view4-box.tab1 .shape:nth-child(3) p{width:210px;padding-left:43px;height:80px}.view4 .wrap .view4-box.tab1 .shape:nth-child(4){width:288px;height:88px;top:168px;right:3px;background:url(https://s.kcimg.cn/topic/images/huajing/shape4.png) no-repeat 50% 100%}.view4 .wrap .view4-box.tab1 .shape:nth-child(4) p{width:214px;height:80px;padding-left:80px;padding-top:35px}.view4 .wrap .view4-box.tab1 .shape:nth-child(5){width:381px;height:136px;top:238px;right:7px;background:url(https://s.kcimg.cn/topic/images/huajing/shape5.png) no-repeat 50% 100%}.view4 .wrap .view4-box.tab1 .shape:nth-child(5) p{width:210px;height:60px;padding-left:174px;padding-top:68px}.view4 .wrap .view4-box.tab2 .square{position:relative;width:900px;margin:0 auto;height:170px;border:1px dotted #fff;box-sizing:border-box}.view4 .wrap .view4-box.tab2 .square:before{content:"";width:900px;height:170px;position:absolute;top:-5px;left:-5px;border:1px solid #fff}.view4 .wrap .view4-box.tab2 .square h4,.view4 .wrap .view4-box.tab2 .square p{padding-left:34px}.view4 .wrap .view4-box.tab2 .square h4{width:120px;font-size:30px;line-height:30px;padding-top:44px;padding-bottom:19px}.view4 .wrap .view4-box.tab2 .square p{width:512px;font-size:16px;line-height:24px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.view4 .wrap .view4-box.tab2 .square figure{position:absolute;top:45px;left:564px;width:380px;height:137px}.view4 .wrap .view4-box.tab2 .square figure img{width:380px;height:137px}.view4 .wrap .view4-box.tab2 .square:first-child{margin-bottom:40px}.view4 .wrap .view4-box.tab2 .square:last-child figure{left:-55px}.view4 .wrap .view4-box.tab2 .square:last-child h4,.view4 .wrap .view4-box.tab2 .square:last-child p{padding-left:366px}@-webkit-keyframes slideLeft{0%{opacity:0;-webkit-transform:translateX(-1000px);transform:translateX(-1000px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideLeft{0%{opacity:0;-webkit-transform:translateX(-1000px);transform:translateX(-1000px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideRight{0%{opacity:0;-webkit-transform:translateX(1000px);transform:translateX(1000px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideRight{0%{opacity:0;-webkit-transform:translateX(1000px);transform:translateX(1000px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes scale{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}.visible .wrap .view4-box{-webkit-animation:scale 1s;animation:scale 1s}.visible .wrap .view4-box .shape:first-child,.visible .wrap .view4-box .shape:nth-child(2){-webkit-animation:slideLeft 1s;animation:slideLeft 1s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.visible .wrap .view4-box .shape:nth-child(3),.visible .wrap .view4-box .shape:nth-child(4),.visible .wrap .view4-box .shape:nth-child(5){-webkit-animation:slideRight 1s;animation:slideRight 1s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}@-webkit-keyframes routeView{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes routeView{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.view5{height:542px;background:url(https://s.kcimg.cn/topic/images/huajing/module4.jpg) no-repeat 50% 0}.view5 .wrap .sub-title{padding-top:60px}.view5 .wrap .sub-title h2{background:url(https://s.kcimg.cn/topic/images/huajing/title_part.png) no-repeat 50% 0}.view5 .wrap .part-box{margin-top:37px;margin-left:10px}.view5 .wrap .part-box li{position:relative;float:left;background:#fff;width:230px;height:360px}.view5 .wrap .part-box li a{display:block;text-align:center;color:#202224}.view5 .wrap .part-box li a figure{position:absolute;width:230px;height:230px}.view5 .wrap .part-box li a figure img{width:230px;height:230px}.view5 .wrap .part-box li a figure img:hover{-webkit-animation:jelloHover .8s;animation:jelloHover .8s}.view5 .wrap .part-box li a h4,.view5 .wrap .part-box li a p{width:200px;margin:0 auto}.view5 .wrap .part-box li a h4{font-size:18px;line-height:18px;margin-top:22px;padding-bottom:15px;border-bottom:1px solid #d8d8d8}.view5 .wrap .part-box li a p{font-size:14px;line-height:20px;padding-top:11px}.view5 .wrap .part-box li+li{margin-left:23px}.view5 .wrap .part-box li:first-child{margin-top:13px;border-bottom:3px solid #011b7b}.view5 .wrap .part-box li:first-child a figure{top:-10px;left:-10px}.view5 .wrap .part-box li:first-child a h4{padding-top:220px}.view5 .wrap .part-box li:nth-child(2){border-top:3px solid #011b7b}.view5 .wrap .part-box li:nth-child(2) a figure{bottom:-10px;left:-10px}.view5 .wrap .part-box li:nth-child(2) a h4{padding-top:0}.view5 .wrap .part-box li:nth-child(3){margin-top:13px;border-bottom:3px solid #011b7b}.view5 .wrap .part-box li:nth-child(3) a figure{top:-10px;left:-10px}.view5 .wrap .part-box li:nth-child(3) a h4{padding-top:220px}.view5 .wrap .part-box li:nth-child(4){border-top:3px solid #011b7b}.view5 .wrap .part-box li:nth-child(4) a figure{bottom:-10px;left:-10px}.view5 .wrap .part-box li:nth-child(4) a h4{padding-top:0}.view5 .wrap .part-box li:nth-child(4) a p{width:180px}@-webkit-keyframes route{0%{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@keyframes route{0%{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}.visible .wrap .part-box li{-webkit-animation:route 1s;animation:route 1s}@-webkit-keyframes jelloHover{0%,11.1%,to{-webkit-transform:translateX(0);transform:translateX(0)}88.8%{-webkit-transform:translateX(12px);transform:translateX(12px)}}@keyframes jelloHover{0%,11.1%,to{-webkit-transform:translateX(0);transform:translateX(0)}88.8%{-webkit-transform:translateX(12px);transform:translateX(12px)}}.view6{height:617px;background:url(https://s.kcimg.cn/topic/images/huajing/module5.jpg) no-repeat 50% 0}.view6 .wrap .sub-title{padding-top:60px}.view6 .wrap .sub-title h2{background:url(https://s.kcimg.cn/topic/images/huajing/title_edit.png) no-repeat 50% 0}.view6 .wrap .edit-box{margin-top:40px}.view6 .wrap .edit-box li{position:relative;width:320px;height:324px;background:#fff;float:left;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.view6 .wrap .edit-box li .come{position:absolute;top:0;left:0;width:320px;height:325px;background:#fff}.view6 .wrap .edit-box li .come span{position:absolute;width:110px;height:90px;top:50%;margin-top:-45px;left:50%;margin-left:-55px;display:block;background:url(https://s.kcimg.cn/topic/images/huajing/come.png) no-repeat 50% 50%}.view6 .wrap .edit-box li a{display:block;color:#202224}.view6 .wrap .edit-box li a figure,.view6 .wrap .edit-box li a figure img{width:320px;height:215px}.view6 .wrap .edit-box li a h4,.view6 .wrap .edit-box li a p{width:280px;padding:0 20px}.view6 .wrap .edit-box li a h4{font-size:18px;line-height:18px;padding-top:20px;padding-bottom:11px}.view6 .wrap .edit-box li a p{font-size:14px;line-height:20px}.view6 .wrap .edit-box li+li{margin-left:20px}.view6 .wrap .edit-box li:hover{-webkit-animation-name:swimg;animation-name:swimg}@-webkit-keyframes swimg{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swimg{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}