@charset "utf-8";.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both}.clearfix{*zoom:1}@font-face{font-family:'DINPro-Regular_13937';src:url('../../commons/css/DINPro-Regular_13937.ttf')}@font-face{font-family:'Source Han Sans CN Medium';src:url('../font/SOURCEHANSANSCN-MEDIUM.eot');src:url('../font/SOURCEHANSANSCN-MEDIUM.eot?#font-spider') format('embedded-opentype'),url('../font/SOURCEHANSANSCN-MEDIUM.woff') format('woff'),url('../font/SOURCEHANSANSCN-MEDIUM.ttf') format('truetype'),url('../font/SOURCEHANSANSCN-MEDIUM.svg') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'Source Han Sans CN Normal';src:url('../font/SOURCEHANSANSCN-NORMAL.eot');src:url('../font/SOURCEHANSANSCN-NORMAL.eot?#font-spider') format('embedded-opentype'),url('../font/SOURCEHANSANSCN-NORMAL.woff') format('woff'),url('../font/SOURCEHANSANSCN-NORMAL.ttf') format('truetype'),url('../font/SOURCEHANSANSCN-NORMAL.svg') format('svg');font-weight:normal;font-style:normal}.textALN{text-align:center}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes arrowshortlong{0%{width:10%}100%{width:100%}}@keyframes upDown{0%{transform:translateY(-5px)}50%{transform:translateY(2px)}100%{transform:translateY(-5px)}}@-ms-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@-ms-keyframes arrowshortlong{0%{width:10%}100%{width:100%}}@-ms-keyframes upDown{0%{transform:translateY(-5px)}50%{transform:translateY(2px)}100%{transform:translateY(-5px)}}@media screen and (min-height:900px){body,html{width:100%;overflow-x:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{position:relative}body #bgtop{width:1920px;height:auto;position:absolute;top:0;left:50%;margin:0 0 0 -960px;z-index:-999999}body #bgbottom{width:1920px;height:auto;position:absolute;bottom:150px;left:50%;margin:0 0 0 -960px;z-index:-999999}header{width:1000px;margin:20px auto 20px;overflow:hidden}header h1{width:100%;margin:30px 0 27px}header h1 #Clogo{height:44px;width:44px;float:left;cursor:pointer}header h1 #Cname{font-size:16px;line-height:44px;color:#0c164e;font-family:"Source Han Sans CN Medium";margin:0 10px;width:70px;height:auto;float:left;cursor:pointer}#top{height:677px;width:1000px;margin:0 auto 30px;position:relative}#top #top-left{width:530px;float:left}#top #top-left h2{width:100%;font-size:36px;line-height:36px;font-family:"Source Han Sans CN Normal";text-align:left;color:#0c164e;margin:170px 0 0 0}#top #top-left .swiper-container{width:340px;height:60px;margin:33px 0 0 0}#top #top-left .swiper-container .swiper-wrapper{width:100%}#top #top-left .swiper-container .swiper-wrapper .swiper-slide{width:100%}#top #top-left .swiper-container .swiper-wrapper .swiper-slide h3{width:100%;font-size:40px;line-height:60px;font-family:"Source Han Sans CN Medium";text-align:left;color:#0c164e}#top #top-left p{width:100%;font-size:18px;line-height:28px;font-family:"Source Han Sans CN Normal";text-align:left;color:#708297;margin:51px 0 0 0}#top #top-left .code-trigger{display:block;width:126px;height:16px;-webkit-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:10px;background:#6495fe;-moz-box-shadow:0 4px 10px rgba(100,149,254,0.55);-webkit-box-shadow:0 4px 10px rgba(100,149,254,0.55);box-shadow:0 4px 10px rgba(100,149,254,0.55);margin:95px 0 0 0;cursor:pointer;position:relative;line-height:16px}#top #top-left .code-trigger img{height:16px;width:12px;height:auto;float:left}#top #top-left .code-trigger i{float:left;font-size:16px;font-family:"Source Han Sans CN Normal";text-align:center;line-height:inherit;margin:0 0 0 10px;color:#fff}#top #top-left .code-trigger div{box-sizing:border-box;height:142px;width:144px;-webkit-border-radius:6px;-o-border-radius:6px;-ms-border-radius:6px;-moz-border-radius:6px;border-radius:6px;position:absolute;left:0;right:0;bottom:50px;margin:0 auto;background:#f7fbff;opacity:0;transition:all .5s linear;box-shadow:0 3px 9px 3px rgba(206,209,212,0.5)}#top #top-left .code-trigger div img{height:100px;width:100px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}#top #top-left .code-trigger div span{display:block;height:11px;width:11px;background:#f7fbff;position:absolute;bottom:-5px;left:0;right:0;margin:0 auto;transform:rotate(-45deg);box-shadow:-3px 3px 3px rgba(206,209,212,0.5)}#top #top-left .code-trigger:hover div{animation:fade-in;animation-duration:.5s;-webkit-animation:fade-in .5s;animation-fill-mode:forwards}#top #top-right{width:366px;float:right;margin:17px -26px 0 0}#top #top-right #phone-box{width:366px;height:auto;position:relative}#top #top-right #phone-box .phoneImg{height:100%;width:100%}#top #top-right #phone-box div{height:476px;width:268px;position:absolute;top:70px;left:49px;z-index:9999}#top #top-right #phone-box div img{height:100%;width:100%}#top #box{height:677px;width:953px;position:absolute;right:-463px;top:0;z-index:-10}#top #box img:nth-child(1){height:310px;width:310px;position:absolute;top:25.9px;right:186px}#top #box img:nth-child(2){height:230px;width:230px;position:absolute;top:203px;right:188px}#top #box img:nth-child(3){height:403px;width:403px;position:absolute;top:319px;right:81px}#top #box img:nth-child(4){height:328px;width:256px;position:absolute;top:16px;right:0}#top #box img:nth-child(5){height:310px;width:310px;position:absolute;top:403px;right:736px}#top #box img:nth-child(6){height:260px;width:232px;position:absolute;top:244px;right:0}#list{width:1000px;overflow:hidden;margin:0 auto}#list .list-head{width:100%;font-size:36px;font-family:"Source Han Sans CN Medium";line-height:36px;color:#0c164e;text-align:center;margin:130px auto 0}#list ul{width:100%;display:-moz-box;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-moz-box-align:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-moz-box-pack:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin:77px auto 0;display:table}#list ul li{display:table-cell}#list ul li img{height:auto;margin:0 auto}#list ul li h4{width:100%;font-size:22px;font-family:"Source Han Sans CN Normal";text-align:center;color:#708297;line-height:22px}#list ul li h4 i{font-family:"DINPro-Regular_13937","Source Han Sans CN Normal";opacity:0}#list ul li h4 em{font-family:"DINPro-Regular_13937","Source Han Sans CN Normal";opacity:0;transition:all .5s linear}#list ul li h5{width:100%;font-size:18px;font-family:"Source Han Sans CN Medium";text-align:center;color:#0c164e;line-height:18px;margin:43px 0 0 0}#list ul li h6{width:100%;font-size:16px;font-family:"Source Han Sans CN Normal";text-align:center;color:#0c164e;line-height:16px;margin:27px 0 0 0}#list ul li:nth-child(1) img{width:143px}#list ul li:nth-child(2) img{width:145px}#list ul li:nth-child(3) img{width:108px}#list ul li:nth-child(4) img{width:106px}#process{width:1000px;height:350px;padding:299px 0 126px;margin:0 auto;position:relative}#process .list-head{width:100%;font-size:36px;font-family:"Source Han Sans CN Medium";line-height:36px;color:#0c164e;text-align:center;margin:0 auto 71px}#process .data{position:absolute;width:210px;left:0;right:0;top:400px;margin:0 auto;transition:all .5s linear}#process .data #i-box{height:200px;width:200px;position:relative;opacity:0}#process .data #i-box span{display:block;height:10.5px;width:93.1px;position:absolute;top:0;bottom:0;left:230px;margin:auto 0 auto}#process .data #i-box span em{display:block;background:#fff;height:100%;width:0;background:url(../img/arrow1.png) no-repeat left center;background-clip:contain}#process .data #i-box span .arrow{animation:arrowshortlong;animation-delay:1s;animation-duration:.8s;animation-iteration-count:3;animation-fill-mode:forwards}#process .data #i-box i{position:absolute;-webkit-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;border-radius:50%;opacity:.7;transition:all .5s linear}#process .data #i-box img{position:absolute;transition:all .5s linear}#process .data p{width:100%;font-size:16px;text-align:center;line-height:16px;font-family:"Source Han Sans CN Normal";color:#0c164e;margin:38px 0 0 0}#process .Arrangement{opacity:0;position:absolute;width:225px;left:0;right:0;top:400px;margin:0 auto;transition:all .5s linear}#process .Arrangement .bar-box{height:200px;position:relative}#process .Arrangement .bar-box span{display:block;height:10.5px;width:93.1px;position:absolute;top:0;bottom:0;left:250px;margin:auto 0 auto}#process .Arrangement .bar-box span em{display:block;background:#fff;height:100%;width:0;background:url(../img/arrow2.png) no-repeat left center;background-clip:contain}#process .Arrangement .bar-box span .arrow{animation:arrowshortlong;animation-delay:1s;animation-duration:.8s;animation-iteration-count:3;animation-fill-mode:forwards}#process .Arrangement .bar-box .bar-main{width:100%;height:177px;display:flex}#process .Arrangement .bar-box .bar-main em{flex:1;height:100%;margin:0 10px 0;position:relative}#process .Arrangement .bar-box .bar-main em i{display:block;height:2%;width:100%;position:absolute;bottom:3px;vertical-align:bottom;transition:all .5s linear}#process .Arrangement .bar-box .bar-main em:nth-child(1)>i{background:#839ff8;box-shadow:0 5px 5px #839ff8}#process .Arrangement .bar-box .bar-main em:nth-child(2)>i{background:#f4bc56;box-shadow:0 5px 5px #f4bc56}#process .Arrangement .bar-box .bar-main em:nth-child(3)>i{background:#50d599;box-shadow:0 5px 5px #50d599}#process .Arrangement .bar-box .bar-main em:nth-child(4)>i{background:#5acff7;box-shadow:0 5px 5px #5acff7}#process .Arrangement .bar-box .bar-main em:nth-child(5)>i{background:#f7a4ec;box-shadow:0 5px 5px #f7a4ec}#process .Arrangement .bar-box .bar-x{height:11px;display:flex;margin:13px 0 0 0;position:relative}#process .Arrangement .bar-box .bar-x p{height:0;width:192px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;border-top:solid 1px #c4cfdb;z-index:-999}#process .Arrangement .bar-box .bar-x i{flex:1;height:11px;width:11px;margin:0 17px;-webkit-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;border-radius:50%}#process .Arrangement .bar-box .bar-x i:nth-child(1){background:#839ff8}#process .Arrangement .bar-box .bar-x i:nth-child(2){background:#f4bc56}#process .Arrangement .bar-box .bar-x i:nth-child(3){background:#50d599}#process .Arrangement .bar-box .bar-x i:nth-child(4){background:#5acff7}#process .Arrangement .bar-box .bar-x i:nth-child(5){background:#f7a4ec}#process .Arrangement .word{width:100%;font-size:16px;text-align:center;line-height:16px;font-family:"Source Han Sans CN Normal";color:#0c164e;margin:38px 0 0 0}#process .model{width:210px;position:absolute;right:0;opacity:0;transition:all .5s linear}#process .model div{height:200px;width:200px;margin:0 auto;position:relative}#process .model div img{position:absolute}#process .model div img:nth-child(1){width:100%;height:auto;left:0;right:0;bottom:0;margin:0 auto}#process .model div img:nth-child(2),#process .model div img:nth-child(3),#process .model div img:nth-child(4),#process .model div img:nth-child(5),#process .model div img:nth-child(6){width:24px;height:auto}#process .model div img:nth-child(2){left:3px;bottom:102px}#process .model div img:nth-child(3){left:90px;bottom:47px}#process .model div img:nth-child(4){left:109px;bottom:102px}#process .model div img:nth-child(5){left:125px;bottom:102px}#process .model div img:nth-child(6){left:141px;bottom:102px}#process .model div .up-down{animation:upDown;animation-delay:1s;animation-timing-function:linear;animation-duration:2s;animation-iteration-count:infinite}#process .model p{width:100%;font-size:16px;text-align:center;line-height:16px;font-family:"Source Han Sans CN Normal";color:#0c164e;margin:38px 0 0 0}footer{width:100%;background:#f6f9fc}footer #footer-main{width:1000px;height:150px;margin:0 auto}footer #footer-main .left{height:44px;width:250px;float:left;margin:53px 0 50px 0}footer #footer-main .left h1{width:100%;overflow:hidden}footer #footer-main .left h1 #Clogos{height:44px;width:44px;float:left}footer #footer-main .left h1 #Cnames{font-size:16px;line-height:44px;color:#0c164e;font-family:"Source Han Sans CN Medium";margin:0 10px;width:70px;height:auto;float:left;cursor:pointer}footer #footer-main .right{float:right}footer #footer-main .right ul{height:34px;margin:35px 0 0 0}footer #footer-main .right ul li{font-size:14px;font-family:"Source Han Sans CN Normal";line-height:34px;text-align:left;float:left;color:#708297;margin:0 37px 0 0;position:relative}footer #footer-main .right ul li p{color:#708297;cursor:pointer}footer #footer-main .right ul li p:hover{color:#0c164e}footer #footer-main .right ul li a{color:#708297}footer #footer-main .right ul li a:hover{color:#0c164e}footer #footer-main .right ul li .introduction{width:475px;font-size:14px;font-family:"Source Han Sans CN Normal";line-height:26px;padding:9px 17px;-webkit-border-radius:6px;-o-border-radius:6px;-ms-border-radius:6px;-moz-border-radius:6px;border-radius:6px;position:absolute;left:50%;bottom:40px;margin:0 -254.5px;background:#f7fbff;opacity:0;transition:all .5s linear;box-shadow:0 3px 9px 3px rgba(206,209,212,0.5)}footer #footer-main .right ul li .introduction span{display:block;height:11px;width:11px;background:#f7fbff;position:absolute;bottom:-5px;left:0;right:0;margin:0 auto;transform:rotate(-45deg);box-shadow:-3px 3px 3px rgba(206,209,212,0.5)}footer #footer-main .right ul .code-box{position:relative}footer #footer-main .right ul .code-box div{box-sizing:border-box;height:142px;width:142px;-webkit-border-radius:6px;-o-border-radius:6px;-ms-border-radius:6px;-moz-border-radius:6px;border-radius:6px;position:absolute;left:50%;right:0;bottom:40px;margin:0 -71px 0;background:#f7fbff;opacity:0;transition:all .5s linear;box-shadow:0 3px 9px 3px rgba(206,209,212,0.5)}footer #footer-main .right ul .code-box div img{height:100px;width:100px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}footer #footer-main .right ul .code-box div span{display:block;height:11px;width:11px;background:#f7fbff;position:absolute;bottom:-5px;left:0;right:0;margin:0 auto;transform:rotate(-45deg);box-shadow:-3px 3px 3px rgba(206,209,212,0.5)}footer #footer-main .right .onRecord{font-size:14px;font-family:"Source Han Sans CN Normal";line-height:14px;text-align:left;color:#708297;margin:30px 0 0 0}}@media screen and (min-height:769px) and (max-height:899px){body,html{width:100%;overflow-x:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{position:relative}body #bgtop{width:1920px;height:auto;position:absolute;top:0;left:50%;margin:0 0 0 -960px;z-index:-999999}body #bgbottom{width:1920px;height:auto;position:absolute;bottom:150px;left:50%;margin:0 0 0 -960px;z-index:-999999}header{width:1000px;margin:0 auto;overflow:hidden}header h1{width:100%;margin:30px 0 27px}header h1 #Clogo{height:44px;width:44px;float:left;cursor:pointer}header h1 #Cname{font-size:16px;line-height:44px;color:#0c164e;font-family:"Source Han Sans CN Medium";margin:0 10px;width:70px;height:auto;float:left;cursor:pointer}#top{height:677px;width:1000px;margin:0 auto;position:relative}#top #top-left{width:530px;float:left}#top #top-left h2{width:100%;font-size:36px;line-height:36px;font-family:"Source Han Sans CN Normal";text-align:left;color:#0c164e;margin:170px 0 0 0}#top #top-left .swiper-container{width:340px;height:60px;margin:33px 0 0 0}#top #top-left .swiper-container .swiper-wrapper{width:100%}#top #top-left .swiper-container .swiper-wrapper .swiper-slide{width:100%}#top #top-left .swiper-container .swiper-wrapper .swiper-slide h3{width:100%;font-size:40px;line-height:60px;font-family:"Source Han Sans CN Medium";text-align:left;color:#0c164e}#top #top-left p{width:100%;font-size:18px;line-height:28px;font-family:"Source Han Sans CN Normal";text-align:left;color:#708297;margin:51px 0 0 0}#top #top-left .code-trigger{display:block;width:126px;height:16px;-webkit-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:10px;background:#6495fe;-moz-box-shadow:0 4px 10px rgba(100,149,254,0.55);-webkit-box-shadow:0 4px 10px rgba(100,149,254,0.55);box-shadow:0 4px 10px rgba(100,149,254,0.55);margin:95px 0 0 0;cursor:pointer;position:relative;line-height:16px}#top #top-left .code-trigger img{height:16px;width:12px;height:auto;float:left}#top #top-left .code-trigger i{float:left;font-size:16px;font-family:"Source Han Sans CN Normal";text-align:center;line-height:inherit;margin:0 0 0 10px;color:#fff}#top #top-left .code-trigger div{box-sizing:border-box;height:142px;width:144px;-webkit-border-radius:6px;-o-border-radius:6px;-ms-border-radius:6px;-moz-border-radius:6px;border-radius:6px;position:absolute;left:0;right:0;bottom:50px;margin:0 auto;background:#f7fbff;opacity:0;transition:all .5s linear;box-shadow:0 3px 9px 3px rgba(206,209,212,0.5)}#top #top-left .code-trigger div img{height:100px;width:100px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}#top #top-left .code-trigger div span{display:block;height:11px;width:11px;background:#f7fbff;position:absolute;bottom:-5px;left:0;right:0;margin:0 auto;transform:rotate(-45deg);box-shadow:-3px 3px 3px rgba(206,209,212,0.5)}#top #top-left .code-trigger:hover div{animation:fade-in;animation-duration:.5s;-webkit-animation:fade-in .5s;animation-fill-mode:forwards}#top #top-right{width:366px;float:right;margin:0 -26px 0 0}#top #top-right #phone-box{width:366px;height:auto;position:relative}#top #top-right #phone-box .phoneImg{height:100%;width:100%}#top #top-right #phone-box div{height:476px;width:268px;position:absolute;top:70px;left:49px;z-index:9999}#top #top-right #phone-box div img{height:100%;width:100%}#top #box{height:677px;width:953px;position:absolute;right:-463px;top:0;z-index:-10}#top #box img:nth-child(1){height:310px;width:310px;position:absolute;top:25.9px;right:186px}#top #box img:nth-child(2){height:230px;width:230px;position:absolute;top:203px;right:188px}#top #box img:nth-child(3){height:403px;width:403px;position:absolute;top:319px;right:81px}#top #box img:nth-child(4){height:328px;width:256px;position:absolute;top:16px;right:0}#top #box img:nth-child(5){height:310px;width:310px;position:absolute;top:403px;right:736px}#top #box img:nth-child(6){height:260px;width:232px;position:absolute;top:244px;right:0}#list{width:1000px;overflow:hidden;margin:0 auto}#list .list-head{width:100%;font-size:36px;font-family:"Source Han Sans CN Medium";line-height:36px;color:#0c164e;text-align:center;margin:130px auto 0}#list ul{width:100%;display:-moz-box;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-moz-box-align:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-moz-box-pack:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin:77px auto 0;display:table}#list ul li{display:table-cell}#list ul li img{height:auto;margin:0 auto}#list ul li h4{width:100%;font-size:22px;font-family:"Source Han Sans CN Normal";text-align:center;color:#708297;line-height:22px}#list ul li h4 i{font-family:"DINPro-Regular_13937","Source Han Sans CN Normal";opacity:0}#list ul li h4 em{font-family:"DINPro-Regular_13937","Source Han Sans CN Normal";opacity:0;transition:all .5s linear}#list ul li h5{width:100%;font-size:18px;font-family:"Source Han Sans CN Medium";text-align:center;color:#0c164e;line-height:18px;margin:43px 0 0 0}#list ul li h6{width:100%;font-size:16px;font-family:"Source Han Sans CN Normal";text-align:center;color:#0c164e;line-height:16px;margin:27px 0 0 0}#list ul li:nth-child(1) img{width:143px}#list ul li:nth-child(2) img{width:145px}#list ul li:nth-child(3) img{width:108px}#list ul li:nth-child(4) img{width:106px}#process{width:1000px;height:350px;padding:299px 0 126px;margin:0 auto;position:relative}#process .list-head{width:100%;font-size:36px;font-family:"Source Han Sans CN Medium";line-height:36px;color:#0c164e;text-align:center;margin:0 auto 71px}#process .data{position:absolute;width:210px;left:0;right:0;top:400px;margin:0 auto;transition:all .5s linear}#process .data #i-box{height:200px;width:200px;position:relative;opacity:0}#process .data #i-box span{display:block;height:10.5px;width:93.1px;position:absolute;top:0;bottom:0;left:230px;margin:auto 0 auto}#process .data #i-box span em{display:block;background:#fff;height:100%;width:0;background:url(../img/arrow1.png) no-repeat left center;background-clip:contain}#process .data #i-box span .arrow{animation:arrowshortlong;animation-delay:1s;animation-duration:.8s;animation-iteration-count:3;animation-fill-mode:forwards}#process .data #i-box i{position:absolute;-webkit-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;border-radius:50%;opacity:.7;transition:all .5s linear}#process .data #i-box img{position:absolute;transition:all .5s linear}#process .data p{width:100%;font-size:16px;text-align:center;line-height:16px;font-family:"Source Han Sans CN Normal";color:#0c164e;margin:38px 0 0 0}#process .Arrangement{opacity:0;position:absolute;width:225px;left:0;right:0;top:400px;margin:0 auto;transition:all .5s linear}#process .Arrangement .bar-box{height:200px;position:relative}#process .Arrangement .bar-box span{display:block;height:10.5px;width:93.1px;position:absolute;top:0;bottom:0;left:250px;margin:auto 0 auto}#process .Arrangement .bar-box span em{display:block;background:#fff;height:100%;width:0;background:url(../img/arrow2.png) no-repeat left center;background-clip:contain}#process .Arrangement .bar-box span .arrow{animation:arrowshortlong;animation-delay:1s;animation-duration:.8s;animation-iteration-count:3;animation-fill-mode:forwards}#process .Arrangement .bar-box .bar-main{width:100%;height:177px;display:flex}#process .Arrangement .bar-box .bar-main em{flex:1;height:100%;margin:0 10px 0;position:relative}#process .Arrangement .bar-box .bar-main em i{display:block;height:2%;width:100%;position:absolute;bottom:3px;vertical-align:bottom;transition:all .5s linear}#process .Arrangement .bar-box .bar-main em:nth-child(1)>i{background:#839ff8;box-shadow:0 5px 5px #839ff8}#process .Arrangement .bar-box .bar-main em:nth-child(2)>i{background:#f4bc56;box-shadow:0 5px 5px #f4bc56}#process .Arrangement .bar-box .bar-main em:nth-child(3)>i{background:#50d599;box-shadow:0 5px 5px #50d599}#process .Arrangement .bar-box .bar-main em:nth-child(4)>i{background:#5acff7;box-shadow:0 5px 5px #5acff7}#process .Arrangement .bar-box .bar-main em:nth-child(5)>i{background:#f7a4ec;box-shadow:0 5px 5px #f7a4ec}#process .Arrangement .bar-box .bar-x{height:11px;display:flex;margin:13px 0 0 0;position:relative}#process .Arrangement .bar-box .bar-x p{height:0;width:192px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;border-top:solid 1px #c4cfdb;z-index:-999}#process .Arrangement .bar-box .bar-x i{flex:1;height:11px;width:11px;margin:0 17px;-webkit-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;border-radius:50%}#process .Arrangement .bar-box .bar-x i:nth-child(1){background:#839ff8}#process .Arrangement .bar-box .bar-x i:nth-child(2){background:#f4bc56}#process .Arrangement .bar-box .bar-x i:nth-child(3){background:#50d599}#process .Arrangement .bar-box .bar-x i:nth-child(4){background:#5acff7}#process .Arrangement .bar-box .bar-x i:nth-child(5){background:#f7a4ec}#process .Arrangement .word{width:100%;font-size:16px;text-align:center;line-height:16px;font-family:"Source Han Sans CN Normal";color:#0c164e;margin:38px 0 0 0}#process .model{width:210px;position:absolute;right:0;opacity:0;transition:all .5s linear}#process .model div{height:200px;width:200px;margin:0 auto;position:relative}#process .model div img{position:absolute}#process .model div img:nth-child(1){width:100%;height:auto;left:0;right:0;bottom:0;margin:0 auto}#process .model div img:nth-child(2),#process .model div img:nth-child(3),#process .model div img:nth-child(4),#process .model div img:nth-child(5),#process .model div img:nth-child(6){width:24px;height:auto}#process .model div img:nth-child(2){left:3px;bottom:102px}#process .model div img:nth-child(3){left:90px;bottom:47px}#process .model div img:nth-child(4){left:109px;bottom:102px}#process .model div img:nth-child(5){left:125px;bottom:102px}#process .model div img:nth-child(6){left:141px;bottom:102px}#process .model div .up-down{animation:upDown;animation-delay:1s;animation-timing-function:linear;animation-duration:2s;animation-iteration-count:infinite}#process .model p{width:100%;font-size:16px;text-align:center;line-height:16px;font-family:"Source Han Sans CN Normal";color:#0c164e;margin:38px 0 0 0}footer{width:100%;background:#f6f9fc}footer #footer-main{width:1000px;height:150px;margin:0 auto}footer #footer-main .left{height:44px;width:250px;float:left;margin:53px 0 50px 0}footer #footer-main .left h1{width:100%;overflow:hidden}footer #footer-main .left h1 #Clogos{height:44px;width:44px;float:left}footer #footer-main .left h1 #Cnames{font-size:16px;line-height:44px;color:#0c164e;font-family:"Source Han Sans CN Medium";margin:0 10px;width:70px;height:auto;float:left;cursor:pointer}footer #footer-main .right{float:right}footer #footer-main .right ul{height:34px;margin:35px 0 0 0}footer #footer-main .right ul li{font-size:14px;font-family:"Source Han Sans CN Normal";line-height:34px;text-align:left;float:left;color:#708297;margin:0 37px 0 0;position:relative}footer #footer-main .right ul li p{color:#708297;cursor:pointer}footer #footer-main .right ul li p:hover{color:#0c164e}footer #footer-main .right ul li a{color:#708297}footer #footer-main .right ul li a:hover{color:#0c164e}footer #footer-main .right ul li .introduction{width:475px;font-size:14px;font-family:"Source Han Sans CN Normal";line-height:26px;padding:9px 17px;-webkit-border-radius:6px;-o-border-radius:6px;-ms-border-radius:6px;-moz-border-radius:6px;border-radius:6px;position:absolute;left:50%;bottom:40px;margin:0 -254.5px;background:#f7fbff;opacity:0;transition:all .5s linear;box-shadow:0 3px 9px 3px rgba(206,209,212,0.5)}footer #footer-main .right ul li .introduction span{display:block;height:11px;width:11px;background:#f7fbff;position:absolute;bottom:-5px;left:0;right:0;margin:0 auto;transform:rotate(-45deg);box-shadow:-3px 3px 3px rgba(206,209,212,0.5)}footer #footer-main .right ul .code-box{position:relative}footer #footer-main .right ul .code-box div{box-sizing:border-box;height:142px;width:142px;-webkit-border-radius:6px;-o-border-radius:6px;-ms-border-radius:6px;-moz-border-radius:6px;border-radius:6px;position:absolute;left:50%;right:0;bottom:40px;margin:0 -71px 0;background:#f7fbff;opacity:0;transition:all .5s linear;box-shadow:0 3px 9px 3px rgba(206,209,212,0.5)}footer #footer-main .right ul .code-box div img{height:100px;width:100px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}footer #footer-main .right ul .code-box div span{display:block;height:11px;width:11px;background:#f7fbff;position:absolute;bottom:-5px;left:0;right:0;margin:0 auto;transform:rotate(-45deg);box-shadow:-3px 3px 3px rgba(206,209,212,0.5)}footer #footer-main .right .onRecord{font-size:14px;font-family:"Source Han Sans CN Normal";line-height:14px;text-align:left;color:#708297;margin:30px 0 0 0}}@media screen and (max-height:768px){body,html{width:100%;overflow-x:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{position:relative}body #bgtop{width:1920px;height:auto;position:absolute;top:0;left:50%;margin:0 0 0 -960px;z-index:-999999}body #bgbottom{width:1920px;height:auto;position:absolute;bottom:150px;left:50%;margin:0 0 0 -960px;z-index:-999999}header{width:1000px;margin:0 auto;overflow:hidden}header h1{width:100%;margin:30px 0 27px}header h1 #Clogo{height:44px;width:44px;float:left;cursor:pointer}header h1 #Cname{font-size:16px;line-height:44px;color:#0c164e;font-family:"Source Han Sans CN Medium";margin:0 10px;width:70px;height:auto;float:left;cursor:pointer}#top{height:677px;width:1000px;margin:0 auto;position:relative}#top #top-left{width:530px;float:left}#top #top-left h2{width:100%;font-size:36px;line-height:36px;font-family:"Source Han Sans CN Normal";text-align:left;color:#0c164e;margin:120px 0 0 0}#top #top-left .swiper-container{width:340px;height:60px;margin:39px 0 0 0}#top #top-left .swiper-container .swiper-wrapper{width:100%}#top #top-left .swiper-container .swiper-wrapper .swiper-slide{width:100%}#top #top-left .swiper-container .swiper-wrapper .swiper-slide h3{width:100%;font-size:40px;line-height:60px;font-family:"Source Han Sans CN Medium";text-align:left;color:#0c164e}#top #top-left p{width:100%;font-size:18px;line-height:28px;font-family:"Source Han Sans CN Normal";text-align:left;color:#708297;margin:37px 0 0 0}#top #top-left .code-trigger{display:block;width:126px;height:16px;-webkit-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:10px;background:#6495fe;-moz-box-shadow:0 4px 10px rgba(100,149,254,0.55);-webkit-box-shadow:0 4px 10px rgba(100,149,254,0.55);box-shadow:0 4px 10px rgba(100,149,254,0.55);margin:66px 0 0 0;cursor:pointer;position:relative;line-height:16px}#top #top-left .code-trigger img{height:16px;width:12px;height:auto;float:left}#top #top-left .code-trigger i{float:left;font-size:16px;font-family:"Source Han Sans CN Normal";text-align:center;line-height:inherit;margin:0 0 0 10px;color:#fff}#top #top-left .code-trigger div{box-sizing:border-box;height:142px;width:144px;-webkit-border-radius:6px;-o-border-radius:6px;-ms-border-radius:6px;-moz-border-radius:6px;border-radius:6px;position:absolute;left:0;right:0;bottom:50px;margin:0 auto;background:#f7fbff;opacity:0;transition:all .5s linear;box-shadow:0 3px 9px 3px rgba(206,209,212,0.5)}#top #top-left .code-trigger div img{height:100px;width:100px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}#top #top-left .code-trigger div span{display:block;height:11px;width:11px;background:#f7fbff;position:absolute;bottom:-5px;left:0;right:0;margin:0 auto;transform:rotate(-45deg);box-shadow:-3px 3px 3px rgba(206,209,212,0.5)}#top #top-left .code-trigger:hover div{animation:fade-in;animation-duration:.5s;-webkit-animation:fade-in .5s;animation-fill-mode:forwards}#top #top-right{width:366px;float:right;margin:57px -26px 0 0}#top #top-right #phone-box{width:366px;height:auto;position:relative}#top #top-right #phone-box .phoneImg{height:100%;width:100%}#top #top-right #phone-box div{height:476px;width:268px;position:absolute;top:70px;left:49px;z-index:9999}#top #top-right #phone-box div img{height:100%;width:100%}#top #box{height:677px;width:953px;position:absolute;right:-463px;top:0;z-index:-10}#top #box img:nth-child(1){height:310px;width:310px;position:absolute;top:25.9px;right:186px}#top #box img:nth-child(2){height:230px;width:230px;position:absolute;top:203px;right:188px}#top #box img:nth-child(3){height:403px;width:403px;position:absolute;top:319px;right:81px}#top #box img:nth-child(4){height:328px;width:256px;position:absolute;top:16px;right:0}#top #box img:nth-child(5){height:310px;width:310px;position:absolute;top:403px;right:736px}#top #box img:nth-child(6){height:260px;width:232px;position:absolute;top:244px;right:0}#list{width:1000px;overflow:hidden;margin:0 auto}#list .list-head{width:100%;font-size:36px;font-family:"Source Han Sans CN Medium";line-height:36px;color:#0c164e;text-align:center;margin:130px auto 0}#list ul{width:100%;display:-moz-box;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-moz-box-align:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-moz-box-pack:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin:77px auto 0;display:table}#list ul li{display:table-cell}#list ul li img{height:auto;margin:0 auto}#list ul li h4{width:100%;font-size:22px;font-family:"Source Han Sans CN Normal";text-align:center;color:#708297;line-height:22px}#list ul li h4 i{font-family:"DINPro-Regular_13937","Source Han Sans CN Normal";opacity:0}#list ul li h4 em{font-family:"DINPro-Regular_13937","Source Han Sans CN Normal";opacity:0;transition:all .5s linear}#list ul li h5{width:100%;font-size:18px;font-family:"Source Han Sans CN Medium";text-align:center;color:#0c164e;line-height:18px;margin:43px 0 0 0}#list ul li h6{width:100%;font-size:16px;font-family:"Source Han Sans CN Normal";text-align:center;color:#0c164e;line-height:16px;margin:27px 0 0 0}#list ul li:nth-child(1) img{width:143px}#list ul li:nth-child(2) img{width:145px}#list ul li:nth-child(3) img{width:108px}#list ul li:nth-child(4) img{width:106px}#process{width:1000px;height:350px;padding:299px 0 126px;margin:0 auto;position:relative}#process .list-head{width:100%;font-size:36px;font-family:"Source Han Sans CN Medium";line-height:36px;color:#0c164e;text-align:center;margin:0 auto 71px}#process .data{position:absolute;width:210px;left:0;right:0;top:400px;margin:0 auto;transition:all .5s linear}#process .data #i-box{height:200px;width:200px;position:relative;opacity:0}#process .data #i-box span{display:block;height:10.5px;width:93.1px;position:absolute;top:0;bottom:0;left:230px;margin:auto 0 auto}#process .data #i-box span em{display:block;background:#fff;height:100%;width:0;background:url(../img/arrow1.png) no-repeat left center;background-clip:contain}#process .data #i-box span .arrow{animation:arrowshortlong;animation-delay:1s;animation-duration:.8s;animation-iteration-count:3;animation-fill-mode:forwards}#process .data #i-box i{position:absolute;-webkit-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;border-radius:50%;opacity:.7;transition:all .5s linear}#process .data #i-box img{position:absolute;transition:all .5s linear}#process .data p{width:100%;font-size:16px;text-align:center;line-height:16px;font-family:"Source Han Sans CN Normal";color:#0c164e;margin:38px 0 0 0}#process .Arrangement{opacity:0;position:absolute;width:225px;left:0;right:0;top:400px;margin:0 auto;transition:all .5s linear}#process .Arrangement .bar-box{height:200px;position:relative}#process .Arrangement .bar-box span{display:block;height:10.5px;width:93.1px;position:absolute;top:0;bottom:0;left:250px;margin:auto 0 auto}#process .Arrangement .bar-box span em{display:block;background:#fff;height:100%;width:0;background:url(../img/arrow2.png) no-repeat left center;background-clip:contain}#process .Arrangement .bar-box span .arrow{animation:arrowshortlong;animation-delay:1s;animation-duration:.8s;animation-iteration-count:3;animation-fill-mode:forwards}#process .Arrangement .bar-box .bar-main{width:100%;height:177px;display:flex}#process .Arrangement .bar-box .bar-main em{flex:1;height:100%;margin:0 10px 0;position:relative}#process .Arrangement .bar-box .bar-main em i{display:block;height:2%;width:100%;position:absolute;bottom:3px;vertical-align:bottom;transition:all .5s linear}#process .Arrangement .bar-box .bar-main em:nth-child(1)>i{background:#839ff8;box-shadow:0 5px 5px #839ff8}#process .Arrangement .bar-box .bar-main em:nth-child(2)>i{background:#f4bc56;box-shadow:0 5px 5px #f4bc56}#process .Arrangement .bar-box .bar-main em:nth-child(3)>i{background:#50d599;box-shadow:0 5px 5px #50d599}#process .Arrangement .bar-box .bar-main em:nth-child(4)>i{background:#5acff7;box-shadow:0 5px 5px #5acff7}#process .Arrangement .bar-box .bar-main em:nth-child(5)>i{background:#f7a4ec;box-shadow:0 5px 5px #f7a4ec}#process .Arrangement .bar-box .bar-x{height:11px;display:flex;margin:13px 0 0 0;position:relative}#process .Arrangement .bar-box .bar-x p{height:0;width:192px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;border-top:solid 1px #c4cfdb;z-index:-999}#process .Arrangement .bar-box .bar-x i{flex:1;height:11px;width:11px;margin:0 17px;-webkit-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;border-radius:50%}#process .Arrangement .bar-box .bar-x i:nth-child(1){background:#839ff8}#process .Arrangement .bar-box .bar-x i:nth-child(2){background:#f4bc56}#process .Arrangement .bar-box .bar-x i:nth-child(3){background:#50d599}#process .Arrangement .bar-box .bar-x i:nth-child(4){background:#5acff7}#process .Arrangement .bar-box .bar-x i:nth-child(5){background:#f7a4ec}#process .Arrangement .word{width:100%;font-size:16px;text-align:center;line-height:16px;font-family:"Source Han Sans CN Normal";color:#0c164e;margin:38px 0 0 0}#process .model{width:210px;position:absolute;right:0;opacity:0;transition:all .5s linear}#process .model div{height:200px;width:200px;margin:0 auto;position:relative}#process .model div img{position:absolute}#process .model div img:nth-child(1){width:100%;height:auto;left:0;right:0;bottom:0;margin:0 auto}#process .model div img:nth-child(2),#process .model div img:nth-child(3),#process .model div img:nth-child(4),#process .model div img:nth-child(5),#process .model div img:nth-child(6){width:24px;height:auto}#process .model div img:nth-child(2){left:3px;bottom:102px}#process .model div img:nth-child(3){left:90px;bottom:47px}#process .model div img:nth-child(4){left:109px;bottom:102px}#process .model div img:nth-child(5){left:125px;bottom:102px}#process .model div img:nth-child(6){left:141px;bottom:102px}#process .model div .up-down{animation:upDown;animation-delay:1s;animation-timing-function:linear;animation-duration:2s;animation-iteration-count:infinite}#process .model p{width:100%;font-size:16px;text-align:center;line-height:16px;font-family:"Source Han Sans CN Normal";color:#0c164e;margin:38px 0 0 0}footer{width:100%;background:#f6f9fc}footer #footer-main{width:1000px;height:150px;margin:0 auto}footer #footer-main .left{height:44px;width:250px;float:left;margin:53px 0 50px 0}footer #footer-main .left h1{width:100%;overflow:hidden}footer #footer-main .left h1 #Clogos{height:44px;width:44px;float:left}footer #footer-main .left h1 #Cnames{font-size:16px;line-height:44px;color:#0c164e;font-family:"Source Han Sans CN Medium";margin:0 10px;width:70px;height:auto;float:left;cursor:pointer}footer #footer-main .right{float:right}footer #footer-main .right ul{height:34px;margin:35px 0 0 0}footer #footer-main .right ul li{font-size:14px;font-family:"Source Han Sans CN Normal";line-height:34px;text-align:left;float:left;color:#708297;margin:0 37px 0 0;position:relative}footer #footer-main .right ul li p{color:#708297;cursor:pointer}footer #footer-main .right ul li p:hover{color:#0c164e}footer #footer-main .right ul li a{color:#708297}footer #footer-main .right ul li a:hover{color:#0c164e}footer #footer-main .right ul li .introduction{width:475px;font-size:14px;font-family:"Source Han Sans CN Normal";line-height:26px;padding:9px 17px;-webkit-border-radius:6px;-o-border-radius:6px;-ms-border-radius:6px;-moz-border-radius:6px;border-radius:6px;position:absolute;left:50%;bottom:40px;margin:0 -254.5px;background:#f7fbff;opacity:0;transition:all .5s linear;box-shadow:0 3px 9px 3px rgba(206,209,212,0.5)}footer #footer-main .right ul li .introduction span{display:block;height:11px;width:11px;background:#f7fbff;position:absolute;bottom:-5px;left:0;right:0;margin:0 auto;transform:rotate(-45deg);box-shadow:-3px 3px 3px rgba(206,209,212,0.5)}footer #footer-main .right ul .code-box{position:relative}footer #footer-main .right ul .code-box div{box-sizing:border-box;height:142px;width:142px;-webkit-border-radius:6px;-o-border-radius:6px;-ms-border-radius:6px;-moz-border-radius:6px;border-radius:6px;position:absolute;left:50%;right:0;bottom:40px;margin:0 -71px 0;background:#f7fbff;opacity:0;transition:all .5s linear;box-shadow:0 3px 9px 3px rgba(206,209,212,0.5)}footer #footer-main .right ul .code-box div img{height:100px;width:100px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}footer #footer-main .right ul .code-box div span{display:block;height:11px;width:11px;background:#f7fbff;position:absolute;bottom:-5px;left:0;right:0;margin:0 auto;transform:rotate(-45deg);box-shadow:-3px 3px 3px rgba(206,209,212,0.5)}footer #footer-main .right .onRecord{font-size:14px;font-family:"Source Han Sans CN Normal";line-height:14px;text-align:left;color:#708297;margin:30px 0 0 0}}