html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;font-weight:normal;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul,li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
a{color:#7e8c8d;text-decoration:none;-webkit-backface-visibility:hidden;transition: all .3s;}
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track-piece{background-color:rgba(89,146,239,1);-webkit-border-radius:6px}
::-webkit-scrollbar-thumb:vertical{height:4px;background-color:rgba(125,125,125,0.7);-webkit-border-radius:6px}
::-webkit-scrollbar-thumb:horizontal{width:4px;background-color:rgba(125,125,125,0.7);-webkit-border-radius:6px}
html,body{width:100%;font-family:"Arial","Microsoft YaHei","黑体","宋体","微软雅黑",sans-serif}
body{line-height:1;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)} 
html{overflow-y:scroll}
input{background:none;outline:none;border:none}
.cf:before,.cf:after{content:" ";display:block;height:0;clear:both;visibility:hidden}
.cf{*zoom:1}
.fl{float:left}
.fr{float:right}
.dn{display:none}
.module_center{width:1200px;margin:0 auto;position:relative}
.showBox{display:block !important}
@keyframes heart{from{transform:translate(0,0)}to{transform:translate(0,10px)}}
@keyframes heart{from{transform:translate(0,0) scale(1)}to{transform:translate(0,-2px) scale(.95)}}


.header{min-width: 1200px;width:100%;height:70px;box-shadow: 1.949px -0.45px 9px 0px rgba(225, 225, 225, 0.4);background-color: rgba(255, 255, 255, .8);backdrop-filter: blur(10px);position:fixed;top:0;z-index:100;display: flex;justify-content:space-between;align-items: center;}
.header h1{height: 47px;}
.header h1 img{height: 47px;}
.header .menu {display: flex;align-items: center;height: 47px;}
.header .menu li{font-size:18px;color:#333333;margin-right:65px}
.header .menu li a{color:#333;font-weight: 400;}
.header .menu li img{vertical-align: 2px;margin-left: 9px;}
.header .menu li a:hover{color:#216de9;}
.header .menu li.cur a{color:#216de9;font-weight:800}
.header .phone{font-size: 22px;color: 111111;font-weight: bold;display: flex;align-items: center;height: 47px;margin-right: 30px;}
.header .trial {height: 47px;display: flex;align-items: center;}
.header .trial a{transition: all .3s; display:flex;align-items: center;justify-content: center;padding: 0 20px;border-radius: 19px;line-height: 38px;border: 1px solid #ff7e71;font-size: 16px;color: #ff7e71;}
.header .trial a img{width: 22px;height: 18px;margin-right: 10px;transition: all .5s;}
.header .trial a:hover{transform: scale(.95);}
.header .trial a:hover img{animation: heart .5s infinite alternate;}

.navDown_show{top: 70px !important;}
.navDownBox{transition: all .3s;width: 100%;position:fixed;top: -438px;left: 0;z-index: 99;padding-top: 16px;height: 438px;box-sizing: border-box;box-shadow: 1.949px -0.45px 9px 0px rgba(225, 225, 225, 0.4);background-color: rgba(255, 255, 255, .8);backdrop-filter: blur(10px);}
.navDownBox .module_center{display: flex;justify-content: space-between;}
.navDownBox .module_center .listBox{width: 200px;}
.navDownBox .module_center .listBox h3{font-size: 18px;color: #000000;line-height: 65px;border-bottom: 1px solid #c9c9c9;}
.navDownBox .module_center .listBox h3 a{color: #000000;}
.navDownBox .module_center .listBox h3 a:hover,.navDownBox .module_center .listBox h3 a.cur{color: #216de9;font-weight: bold;}
.navDownBox .module_center .listBox ul li {margin-top: 24px;}
.navDownBox .module_center .listBox ul li h4{font-size: 16px;color: #333333;}
.navDownBox .module_center .listBox ul li p{font-size: 14px;color: #999999;margin-top: 8px;}


.scale{height: 620px;background: url('../images/bg_scale.jpg') no-repeat center center;min-width: 1200px;}
.scale .module_center{display: flex;}
.scale .dataBox{width: 745px;height: 620px;background: url('../images/scale_bg_data.png') no-repeat center center;}
.scale .dataBox ul{height: 498px;padding-top: 100px;box-sizing: border-box;position: relative;}
.scale .dataBox li{width: 290px;float: left;margin-right: 36px;margin-bottom: 70px;position: relative;}
.scale .dataBox li h4{font-size: 18px;color: #000000;font-weight: normal;position: relative;}
.scale .dataBox li h4 b{font-size: 46px;color:#000000;font-weight: bold;margin-right: 8px;}
.scale .dataBox li p{font-size: 18px;color: #000000;position: relative;padding-left: 55px;padding-top: 10px;}
.scale .dataBox li:nth-child(2n){margin-right: 0;}
.scale .dataBox li:nth-child(1)::before{display: inline-block;content: "";position: absolute;width:53px;height: 50px;left: 0;bottom:0;-webkit-transition:all .5s linear;-webkit-transition:all .5s linear;z-index:0;background: url('../images/icon_shape01.png') no-repeat center center;}
.scale .dataBox li:nth-child(2)::before{display: inline-block;content: "";position: absolute;width:53px;height: 50px;left: 0;bottom:0;-webkit-transition:all .5s linear;-webkit-transition:all .5s linear;z-index:0;background: url('../images/icon_shape02.png') no-repeat center center;}
.scale .dataBox li:nth-child(3)::before{display: inline-block;content: "";position: absolute;width:53px;height: 50px;left: 0;bottom:0;-webkit-transition:all .5s linear;-webkit-transition:all .5s linear;z-index:0;background: url('../images/icon_shape03.png') no-repeat center center;}
.scale .dataBox li:nth-child(4)::before{display: inline-block;content: "";position: absolute;width:53px;height: 50px;left: 0;bottom:0;-webkit-transition:all .5s linear;-webkit-transition:all .5s linear;z-index:0;background: url('../images/icon_shape04.png') no-repeat center center;}
.scale .dataBox li:nth-child(1):hover::before{opacity:1;visibility:visible;-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}
.scale .dataBox li:nth-child(2):hover::before{opacity:1;visibility:visible;-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}
.scale .dataBox li:nth-child(3):hover::before{opacity:1;visibility:visible;-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}
.scale .dataBox li:nth-child(4):hover::before{opacity:1;visibility:visible;-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}

.scale .dataBox li:nth-child(1){position: absolute;left: 34px;top: 130px;}

.scale .dataBox li:nth-child(2){position: absolute;right: 8px;top: 85px;}
.scale .dataBox li:nth-child(3){position: absolute;left: 64px;bottom: -160px;}
.scale .dataBox li:nth-child(4){position: absolute;right: -72px;bottom: -130px;}


.scale .formBox{width: 454px;height: 518px;border: 7px solid #9b9eb2;box-sizing: border-box;margin: 51px;padding: 68px 48px 0 60px;}
.scale .formBox h3{font-size: 28px;color:#000000;}
.scale .formBox p {border-bottom: 1px solid #cfd6dd;margin-top: 26px;}
.scale .formBox p input {background: none;border: 0;line-height: 56px;font-size: 18px;color: #000000;width: 100%;box-sizing: border-box;}
.scale .formBox a{width: 208px;height: 46px;border-radius: 5px;background-color: #0057ff;margin-top: 46px;text-align: center;font-size: 16px;color: #fff;display: flex;align-items: center;justify-content: center;}
.scale .formBox a i{display: inline-block;width: 31px;height: 10px;background: url('../images/scale_icon_arrow.png') no-repeat;margin-right: 20px;}



.footer{height:430px;background-color:#070612;padding-top: 60px;box-sizing: border-box;position: relative;min-width: 1200px;}
.footer .module_center {display: flex;}
.footer .textBox{flex: 1;display: flex;}
.footer .textBox .itemBox h3{font-size: 18px;color: #ffffff;font-weight: bold;} 
.footer .textBox .itemBox .list {padding-top: 26px;}
.footer .textBox .itemBox .list a,.footer .textBox .itemBox .list p{font-size: 15px;color: #717171;margin-bottom: 26px;display: block;transition: all .3s;}
.footer .textBox .itemBox .list a:hover{color: #fff;font-weight: bold;}
.footer .textBox .serve{width: 310px;}
.footer .textBox .about{width: 155px;}
.footer .textBox .contact{width: 335px;}
.footer .codeBox{width: 326px;display: flex;justify-content: space-between;text-align: center;}
.footer .codeBox .list .pic{width: 146px;height: 146px;}
.footer .codeBox .list .pic img{width: 146px;height: 146px;}
.footer .codeBox .list p{font-size: 16px;color: #717171;padding-top: 20px;}
.footer .botBox{height: 80px;display: flex;justify-content: center;align-items: center;font-size: 16px;color: #999999;border-top: 1px solid #393841;width: 100%;position: absolute;bottom: 0;}
.footer .botBox a{font-size: 16px;color: #999999;margin-left: 10px;}
.footer .botBox a img{vertical-align: -2px;}

.loginPopup{background-color: transparent !important;box-shadow: 0 0 0 rgba(0,0,0,0) !important; width: 403px;height: 549px;background: url('../images/bg_loginPopup.png') no-repeat;position: relative;}
.loginPopup .closeBtn{display: block;width: 35px;height: 35px;background: url('../images/icon_close.png') no-repeat;position: absolute;right: 20px;top: 30px;cursor: pointer;}
.loginPopup h2{text-align: center;font-size: 28px;color: #111111;padding-top: 196px;}
.loginPopup .formBox{padding: 12px 34px 0;width: 100%;box-sizing: border-box;}
.loginPopup .formBox p{border-bottom: 1px solid #dadada;width: 100%;height: 53px;padding-top: 5px;}
.loginPopup .formBox p input{line-height: 50px;border: 0;width: 100%;}
.loginPopup .formBox p input:active{border: 0;}
.loginPopup .formBox a{margin-top: 30px;display: block;width: 100%;height: 50px;background-color: #216de9;border-radius: 5px;text-align: center;line-height: 50px;color: #fff;}
.loginPopup .formBox a i{display: inline-block;width: 31px;height: 10px;background: url('../images/arrow_scale.png') no-repeat;margin-right: 10px;animation: more .5s infinite alternate;}

.viedoPopupBorder{border:4px solid #88c7fe;border-radius:20px !important}
.viedoPopup{width:632px;height:352px;overflow:hidden;border-radius:17px}

@keyframes bigScale{0%{transform:scale(1)}
50%{transform:scale(1.1)}
100%{transform:scale(1)}}
@keyframes animX{0%{left:0}
100%{left:155px}
}@keyframes animY{0%{top:56px}
100%{top:0}
}@keyframes scale{0%{transform:scale(0.7)}
50%{transform:scale(1.2)}
100%{transform:scale(0.7)}
}@keyframes stampRotate{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}@keyframes stampScale{0%{transform:scale(0.9)}
50%{transform:scale(1)}
100%{transform:scale(0.9)}
}@keyframes moveTop{0%{transform:translate(0,-5px)}
100%{transform:translate(0,0)}
}@keyframes moveLeft{0%{transform:translate(-5px,0)}
100%{transform:translate(0,0)}
}@keyframes swing{0%{transform:rotate(10deg);transform:translate(0,-5px)}
50%{transform:rotate(0deg);transform:translate(0,0)}
100%{transform:rotate(10deg);transform:translate(0,-5px)}
}