a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-family:PingFang SC,Helvetica Neue,Helvetica,微软雅黑," \5FAE\8F6F\96C5\9ED1",Arial,sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.5;font-size:inherit}body{-webkit-overflow-scrolling:touch;font-size:.24rem}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent;text-decoration:none;-webkit-tap-highlight-color:transparent}a:active{outline:0}b,strong{font-weight:700}mark{background:#ff0;color:#000}small{font-size:80%}img{border:0;vertical-align:top}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto;white-space:pre;white-space:pre-wrap;word-wrap:break-word}button,input,optgroup,select,textarea{color:inherit;font-size:inherit;margin:0;border:none;outline:none;-webkit-appearance:none}button{overflow:visible}button,select{text-transform:none}button,html input{cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input::-webkit-outer-spin-button{height:auto;-webkit-appearance:none}fieldset{border:.083333rem solid silver}legend{border:0;padding:0}textarea{overflow:auto;resize:vertical}table{border-collapse:collapse;border-spacing:0}li,ol,ul{list-style:none outside none}h1,h2,h3{font-weight:400}input::-moz-placeholder,textarea::-moz-placeholder{color:#ccc}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#ccc}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ccc}input[type=button]{-webkit-appearance:none;-moz-appearance:none;appearance:none}#nav .wrap:after,footer:after{content:"";clear:both;display:block}#nav .wrap,.banner h1,.client,.company,.contact,.servive,footer{width:1200px;margin:0 auto;padding-left:10px;padding-right:10px}.icon{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}body,html{scroll-behavior:smooth;font-size:12px}#nav{width:100%;height:88px;position:fixed;top:0;left:0;z-index:15;transition:all .2s linear 0s}#nav .wrap{height:100%;position:relative}#nav .logo{height:50px;vertical-align:middle}#nav .title-group{height:100%;padding:20px;display:inline-block;vertical-align:middle}#nav .title-group h4{font-size:24px;line-height:1.1em;color:#fff}#nav .title-group p{color:#eee}#nav .nav-list{float:right;height:100%;padding:20px 0;transition:all .2s ease 0s}#nav .nav-list li{margin-left:50px;display:inline-block;vertical-align:middle;font-size:16px}#nav .nav-list li a{color:#eee}#nav .nav-list:after{content:"";display:inline-block;height:100%;vertical-align:middle}#nav .icon-list{display:none}#nav.float{background-color:#fff;box-shadow:0 1px 5px #eee}#nav.float .title-group h4{color:#000}#nav.float .title-group p{color:#999;font-size:12px}#nav.float .icon-list,#nav.float .nav-list li a{color:#000}@media (max-width:1200px){#nav{height:66px}#nav .logo{height:40px}#nav .title-group{padding:10px}#nav .wrap{max-width:100%}#nav .nav-list{position:absolute;top:95px;right:15px;width:120px;height:auto;padding:5px 10px;text-align:center;background-color:#fff;border-radius:3px;box-shadow:2px 2px 8px rgba(0,0,0,.2),-2px 2px 8px rgba(0,0,0,.2);font-size:0;opacity:0;pointer-events:none;transform:translateY(-20%)}#nav .nav-list li{display:block;margin:15px 0;color:#333}#nav .nav-list.show{opacity:1;pointer-events:auto;transform:none}#nav .nav-list.show li a{color:#333}#nav .icon-list{display:inline-block;height:35px;font-size:35px;line-height:1em;color:#fff;position:absolute;top:0;right:15px;bottom:0;margin:auto}}.banner{width:100%;height:100vh}.banner img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.banner h1{position:absolute;left:0;right:0;top:40%;margin:auto;text-align:left;color:#fff;font-size:60px;font-weight:700}.banner p{font-size:30px;text-align:justify}@media (max-width:1200px){.banner h1,.banner p{width:100%}.banner h1{font-size:30px}.banner p{font-size:15px}}.company{padding-top:180px}.company>h2{display:inline-block;width:30%;height:80px;vertical-align:top;font-size:32px;font-weight:700}.company>.introduction{display:inline-block;width:65%;padding-left:50px;height:80px;border-left:1px solid #eee}.company>.introduction h3{font-size:18px;color:#333}.company>.introduction p{margin-top:5px;color:#999}.company .pic-introduction{display:inline-block;width:100%;height:auto;margin-top:40px;-o-object-fit:cover;object-fit:cover;border-radius:5px}@media (max-width:1200px){.company{padding-top:80px}.company,.company>h2{width:100%}.company>.introduction{width:100%;height:auto;padding-left:10px}.company>.pic-introduction{width:100%}}.servive{padding-top:180px}.servive>h2{display:inline-block;width:30%;height:80px;vertical-align:top;font-size:32px;font-weight:700}.servive>.introduction{display:inline-block;width:65%;padding-left:50px;height:80px;border-left:1px solid #eee}.servive>.introduction h3{font-size:18px;color:#333}.servive>.introduction p{margin-top:5px;color:#999}.servive .pic-introduction{display:inline-block;width:30%;height:220px;margin-top:40px;-o-object-fit:cover;object-fit:cover}.servive .func-list{display:inline-block;margin-top:40px;width:65%;padding-left:50px;font-size:0}.servive .func-list li{width:50%;margin-bottom:40px;padding-right:100px;display:inline-block}.servive .func-list li h5 .icon{width:40px;height:40px;display:inline-block;vertical-align:middle}.servive .func-list li h5 span{display:inline-block;vertical-align:middle;font-size:15px;color:#333;margin-left:15px;font-weight:400}.servive .func-list li p{margin-top:15px;font-size:12px;color:#999}@media (max-width:1200px){.servive{padding-top:80px}.servive,.servive>h2{width:100%}.servive>.introduction{width:100%;height:auto;padding-left:10px}.servive>.pic-introduction{width:100%;height:auto}.servive>.func-list{width:100%;padding-left:10px}.servive>.func-list li{padding-right:10px}}@media (max-width:420px){.servive>.func-list li{width:100%}}.client{padding-top:180px}.client>h2{display:inline-block;width:30%;height:80px;vertical-align:top;font-size:32px;font-weight:700}.client>.introduction{display:inline-block;width:65%;padding-left:50px;height:80px;border-left:1px solid #eee}.client>.introduction h3{font-size:18px;color:#333}.client>.introduction p{margin-top:5px;color:#999}.client>.list{width:100%;padding-top:50px;font-size:0}.client>.list li{display:inline-block;width:15%;height:100px;border:1px solid #eee;border-radius:5px;margin-right:1%;margin-bottom:20px;text-align:center}.client>.list li::nth-child(6n){margin-right:0}.client>.list li .icon{width:50%;height:100%;display:inline-block;vertical-align:middle}.client>.list li:hover{box-shadow:2px 2px 8px rgba(0,0,0,.1),-2px 2px 8px rgba(0,0,0,.1)}@media (max-width:1200px){.client{padding-top:80px}.client,.client>h2{width:100%}.client>.introduction{width:100%;height:auto;padding-left:10px}.client>.pic-introduction{width:100%}.client>.list li{width:32%}}@media (max-width:420px){.client>.list li{width:49%}}.contact{padding-top:180px;padding-bottom:180px}.contact>h2{display:inline-block;width:30%;height:80px;vertical-align:top;font-size:32px;font-weight:700}.contact>.introduction{display:inline-block;width:65%;padding-left:50px;height:80px;border-left:1px solid #eee}.contact>.introduction h3{font-size:18px;color:#333}.contact>.introduction p{margin-top:5px;color:#999}.contact>#address{width:30%;height:200px;margin-top:40px;display:inline-block}.contact .address-detail{display:inline-block;padding-top:20px;margin-top:40px;vertical-align:top;font-size:0}.contact .address-detail li{width:50%;font-size:14px;display:inline-block;margin-bottom:30px;color:#000}.contact .address-detail li span{color:#999;display:inline-block;width:150px}.contact .address-detail li span .icon{width:25px;height:20px;vertical-align:middle}.contact .address-detail li a{color:#000}@media (max-width:1200px){.contact{padding-top:80px;padding-bottom:80px}.contact,.contact>h2{width:100%}.contact>.introduction{width:100%;height:auto;padding-left:10px}.contact>#address{display:block;width:100%}.contact .address-detail{width:100%;padding:0 10px}.contact .address-detail li{display:inline-block;width:50%;padding-right:0}.contact .address-detail li span{width:100px}}@media (max-width:768px){.contact .address-detail li{width:100%}}.hr-end{width:100%;background-color:#eee;border:none;height:1px}footer{padding-top:20px;padding-bottom:20px}footer aside.left{width:280px;float:left}footer aside.left h3{width:100%;color:#000}footer aside.left .input-box{position:relative;width:100%;margin-top:20px}footer aside.left .input-box input{width:100%;height:30px;padding:0 20px;border:1px solid #eee;box-sizing:border-box}footer aside.left .input-box .submit{position:absolute;top:0;right:5px;bottom:0;margin:auto;width:20px;height:auto;cursor:pointer}footer aside.right{width:600px;float:right}footer aside.right .nav{text-align:left;font-size:0}footer aside.right .nav li{display:inline-block;width:25%;font-size:14px}footer aside.right .nav li a{color:#000}footer aside.right .icon{width:20px;height:20px;display:inline-block;margin-right:40px;vertical-align:middle}footer aside.right p{display:inline-block;text-align:center;color:#999;margin-top:35px}@media (max-width:1200px){footer{width:100%}footer aside.left{float:none;margin:0 auto}footer aside.right{width:100%;float:none;margin:30px auto 0;text-align:center}footer aside.right .nav{display:none}footer aside.right .icon{margin:0;padding:0 20px}}