*{margin:0;padding:0;border:0;vertical-align:middle;box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
html{-webkit-text-size-adjust:none;word-wrap:break-word;font-size:1;}

body{font-family:-apple-system-font,Helvetica Neue,sans-serif, Arial, Helvetica, sans-serif;color:#3f3f3f;max-width:640px;min-width:320px;margin:0 auto;width:100%;}
html, body{height:100%;}
ol,ul,li{list-style:none;}
img{max-width:100%;}
.hid{display:none;}
.clearfix:after{clear:both;content:"";display:block;font-size:0;height:0;overflow:hidden;visibility:hidden;}
.clearfix{zoom:1;}
.t_c{text-align:center;}
.t_r{text-align:right;}

@font-face{font-family:"iconfont";src:url('../font/zhizhe.eot');src:url('../font/zhizhe.eot') format('embedded-opentype'),url('../font/zhizhe.woff') format('woff'),url('../font/zhizhe.ttf') format('truetype'),url('../font/zhizhe.svg') format('svg');}
.iconfont{font-family:"iconfont" !important;font-size:1rem;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

table{border-collapse:collapse;border-spacing:0;empty-cells:show;font-size:inherit;}
fieldset, img{border:0;}
input, button, textarea, select{font-size:100%;}
body, input, button, textarea, select, option{font-size:normal;}
a, input, textarea{text-decoration:none;outline:0;-webkit-tap-highlight-color:transparent;}
input, button{border:none;outline-style:none;}
var{font-style:normal;}
ins{text-decoration:none;}

html.noscroll{height:100%;overflow:hidden;}

a:link,a:visited{text-decoration:none;color:#333;}

header{padding:.5rem;height:3.4rem;-webkit-box-shadow:0 0 .6rem rgba(0, 0, 0, 0.15);box-shadow:0 0 .6rem rgba(0, 0, 0, 0.15);background-color:rgba(255, 255, 255, 0.9);position:relative;background:#fff;width:100%;z-index:9998;top:0;}
header img{height:100%;}
header div{position:absolute;right:1rem;top:1rem;width:1.4rem;height:1.4rem;border-top:2px solid #999;border-bottom:2px solid #999;}
header div::after{content:"";display:inline-block;position:absolute;z-index:9999;width:100%;height:2px;background:#999;top:50%;margin-top:-1px;}


@-webkit-keyframes aslideon{0%{-webkit-transform:translate3d(0, 0, 0)} 100%{-webkit-transform:translate3d(-100%, 0, 0)}}
@-moz-keyframes aslideon{0%{-moz-transform:translate3d(0, 0, 0)} 100%{-moz-transform:translate3d(-100%, 0, 0)}}
@-ms-keyframes aslideon{0%{-ms-transform:translate3d(0, 0, 0)} 100%{-ms-transform:translate3d(-100%, 0, 0)}}
@keyframes aslideon{0%{transform:translate3d(0, 0, 0)} 100%{transform:translate3d(-100%, 0, 0)}}
@-webkit-keyframes aslideoff{0%{-webkit-transform:translate3d(-100%, 0, 0)} 100%{-webkit-transform:translate3d(0, 0, 0)}}
@-moz-keyframes aslideoff{0%{-moz-transform:translate3d(-100%, 0, 0)} 100%{-moz-transform:translate3d(0, 0, 0)}}
@-ms-keyframes aslideoff{0%{-ms-transform:translate3d(-100%, 0, 0)} 100%{-ms-transform:translate3d(0, 0, 0)}}
@keyframes aslideoff{0%{transform:translate3d(-100%, 0, 0)} 100%{transform:translate3d(0, 0, 0)}}
.asidebg{display:none;position:fixed;z-index:99998;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);-webkit-tap-highlight-color:transparent;}
.asidebg p{width:1rem;position:fixed;left:.5rem;top:50%;margin:-3.5rem 0 0;font-size:.9rem;line-height:1rem;color:#f0f0f0;}
.asidebg p span{display:block;width:1rem;height:1rem;margin:.5rem 0 0;position:relative;}
.asidebg p span::before{content:"";display:inline-block;width:.8rem;height:.8rem;border:1px solid #f0f0f0;vertical-align:middle;position:absolute;border-radius:50%;}
.asidebg p span::after{content:"";display:inline-block;width:.3rem;height:.3rem;border-top:1px solid #f0f0f0;border-right:1px solid #f0f0f0;vertical-align:middle;position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);top:.25rem;left:.25rem;}
aside{display:none;position:fixed;z-index:99999;top:0;width:90%;height:100%;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:.4s;animation-duration:.4s;left:100%;background:rgba(255, 255, 255, 0.95);}
aside.on{-webkit-animation-name:aslideon;animation-name:aslideon;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
aside.off{-webkit-animation-name:aslideoff;animation-name:aslideoff;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
aside ul{padding-top:3rem;}
aside ul li{margin:0 2rem;border-bottom:1px dashed #ccc;padding:.6rem 0;}
aside ul li:last-child{border-bottom:none;}
aside ul li a{display:block;font-size:1.3rem;}
aside div{text-align:right;}
aside div{height:2rem;width:2rem;border-top:2px solid #999;-webkit-transform:rotate(45deg);transform:rotate(45deg);right:1.5rem;position:absolute;top:1rem;}
aside div::after{content:"";display:inline-block;height:2rem;width:2rem;border-top:2px solid #999;-webkit-transform:rotate(90deg);transform:rotate(90deg);right:1rem;position:absolute;top:-1rem;}
.menus0 aside > ul > li.menu0 > a,
.menus1 aside > ul > li.menu1 > a,
.menus9 aside > ul > li.menu9 > a,
.menus15 aside > ul > li.menu15 > a,
.menus21 aside > ul > li.menu21 > a,
.menus28 aside > ul > li.menu28 > a,
.menus34 aside > ul > li.menu34 > a,
.menus42 aside > ul > li.menu42 > a,
.menus55 aside > ul > li.menu55 > a,
.menus61 aside > ul > li.menu61 > a,
.menus67 aside > ul > li.menu67 > a,
.menus68 aside > ul > li.menu68 > a,
.menus69 aside > ul > li.menu69 > a,
.menus70 aside > ul > li.menu70 > a,
.menus71 aside > ul > li.menu71 > a{color:#fe5e42;}

footer{padding:1rem 0 5rem;background:#fff;text-align:center;font-size:.9rem;color:#999;line-height:1.5rem;}
footer a:link,footer a:visited{color:#999;}

menu{position:fixed;bottom:0;right:0;background:#fff;opacity:0.95;width:100%;-webkit-box-shadow:0 0 .6rem rgba(0, 0, 0, 0.15);box-shadow:0 0 .6rem rgba(0, 0, 0, 0.15);z-index:999;}
menu a{float:left;height:4.5rem;text-align:center;line-height:4.5rem;width:25%;}
menu a:first-child{position:relative;}
menu a:first-child::after{position:absolute;content:"";display:inline-block;right:0;top:0.8rem;width:1px;height:2.9rem;background:#e5e5e5;}
menu a img{width:2rem;}
menu a:last-child{width:50%;background-color:#fe5e42;color:#fff;}
menu a:last-child img{width:9rem;}

.gotop{display:none;position:fixed;bottom:5rem;right:1rem;width:2.5rem;height:2.5rem;border:1px #e6eaed solid;padding:.3rem;background:#e6eaed;z-index:9999;}
.gotop img{width:100%;}

.focus{position:relative;width:100%;overflow:hidden;max-width:100%;}
.focus li{position:relative;text-align:center;}
.focus li img{vertical-align:middle;width:100%;}
.focus .pagef{position:absolute;bottom:.5rem;right:.5rem;height:1.4rem;line-height:1.4rem;color:#000;font-size:.8rem;background:#f5f5fc;border-radius:.8rem;padding:0 0.5rem;}
.focus .pagef span{color:#fe5e42;font-weight:bold;}



.banner{padding:1rem;}
.banner1{filter:alpha(opacity=100 finishopacity=0 style=1 startx=0,starty=0,finishx=0,finishy=0) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#83cfff,endcolorstr=#0489ff,gradientType=1);-ms-filter:alpha(opacity=100 finishopacity=0 style=1 startx=0,starty=0,finishx=0,finishy=0) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#83cfff,endcolorstr=#0489ff,gradientType=1);background:#0489ff;background:-moz-linear-gradient(to right, #83cfff, #0489ff);background:-webkit-linear-gradient(to right, #83cfff, #0489ff);background:-o-linear-gradient(to right, #83cfff, #0489ff);background:linear-gradient(to right, #83cfff, #0489ff);}
.banner2{filter:alpha(opacity=100 finishopacity=0 style=1 startx=0,starty=0,finishx=0,finishy=0) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fe5c43,endcolorstr=#f92e65,gradientType=1);-ms-filter:alpha(opacity=100 finishopacity=0 style=1 startx=0,starty=0,finishx=0,finishy=0) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fe5c43,endcolorstr=#f92e65,gradientType=1);background:#f92e65;background:-moz-linear-gradient(to right, #fe5c43, #f92e65);background:-webkit-linear-gradient(to right, #fe5c43, #f92e65);background:-o-linear-gradient(to right, #fe5c43, #f92e65);background:linear-gradient(to right, #fe5c43, #f92e65);}
.banner3{filter:alpha(opacity=100 finishopacity=0 style=1 startx=0,starty=0,finishx=0,finishy=0) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#f798f4,endcolorstr=#b778fd,gradientType=1);-ms-filter:alpha(opacity=100 finishopacity=0 style=1 startx=0,starty=0,finishx=0,finishy=0) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#f798f4,endcolorstr=#b778fd,gradientType=1);background:#b778fd;background:-moz-linear-gradient(to right, #f798f4, #b778fd);background:-webkit-linear-gradient(to right, #f798f4, #b778fd);background:-o-linear-gradient(to right, #f798f4, #b778fd);background:linear-gradient(to right, #f798f4, #b778fd);}
.banner4{filter:alpha(opacity=100 finishopacity=0 style=1 startx=0,starty=0,finishx=0,finishy=0) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffcb7b,endcolorstr=#ff835d,gradientType=1);-ms-filter:alpha(opacity=100 finishopacity=0 style=1 startx=0,starty=0,finishx=0,finishy=0) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffcb7b,endcolorstr=#ff835d,gradientType=1);background:#ff835d;background:-moz-linear-gradient(to right, #ffcb7b, #ff835d);background:-webkit-linear-gradient(to right, #ffcb7b, #ff835d);background:-o-linear-gradient(to right, #ffcb7b, #ff835d);background:linear-gradient(to right, #ffcb7b, #ff835d);}
.banner5{filter:alpha(opacity=100 finishopacity=0 style=1 startx=0,starty=0,finishx=0,finishy=0) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2ad68c,endcolorstr=#38a8aa,gradientType=1);-ms-filter:alpha(opacity=100 finishopacity=0 style=1 startx=0,starty=0,finishx=0,finishy=0) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2ad68c,endcolorstr=#38a8aa,gradientType=1);background:#38a8aa;background:-moz-linear-gradient(to right, #2ad68c, #38a8aa);background:-webkit-linear-gradient(to right, #2ad68c, #38a8aa);background:-o-linear-gradient(to right, #2ad68c, #38a8aa);background:linear-gradient(to right, #2ad68c, #38a8aa);}
.banner6{filter:alpha(opacity=100 finishopacity=0 style=1 startx=0,starty=0,finishx=0,finishy=0) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#65e3a6,endcolorstr=#51bca8,gradientType=1);-ms-filter:alpha(opacity=100 finishopacity=0 style=1 startx=0,starty=0,finishx=0,finishy=0) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#65e3a6,endcolorstr=#51bca8,gradientType=1);background:#51bca8;background:-moz-linear-gradient(to right, #65e3a6, #51bca8);background:-webkit-linear-gradient(to right, #65e3a6, #51bca8);background:-o-linear-gradient(to right, #65e3a6, #51bca8);background:linear-gradient(to right, #65e3a6, #51bca8);}
.banner div{border:1px solid #fff;color:#fff;margin:0 auto;padding:.6rem;text-align:center;}
.banner span{font-size:1.6rem;font-weight:bolder;letter-spacing:.4rem;display:block;}

.more{text-align:center;padding:1rem 0 2rem;}
.more a{border:1px solid #e6eaed;padding:.5rem 1.5rem;color:#000;margin:0 auto;}

.youshi{padding:1rem 0;}
.youshi div{text-align:center;font-size:1.6rem;}
.youshi li{margin:1rem auto 0;width:50%;padding:0 1rem;float:left;text-align:center;}
.youshi li img{width:60%;display:block;margin:0 auto;}
.youshi li span{font-size:1.2rem;line-height:2.6rem;}

.fuwu{padding:2rem 0 0;}
.fuwu li{margin-bottom:2rem;text-align:center;padding:0 1rem;color:#666;line-height:1.6rem;}
.fuwu img{width:28%;margin:0 auto;}
.fuwu h3{font-size:1.4rem;line-height:2.6rem;}
.fuwu h3 a{color:#000;}

.inews{margin:0 1rem 1rem;}
.inews dt{background:#333;border-radius:6px 6px 0 0;color:#fff;font-weight:bold;}
.inews dt div{float:left;width:33.3333%;text-align:center;padding:0.6rem 1rem;}
.inews dt div.on{background:#fe5e42;}
.inews dt div:first-child{border-radius:6px 0 0;}
.inews dt div:last-child{border-radius:0 6px 0 0;}
.inews dd{display:none;padding:0 1rem .5rem;background:#f5f5fc;border-radius:0 0 6px 6px;}
.inews dd.on{display:block;}
.inews dd li{font-size:.9rem;border-bottom:1px dashed #999;padding:.5rem 0;}
.inews dd li:last-child{border-bottom:none;}

.customer{background:#f5f5fc;padding:2rem 0 1rem;}
.customer div{font-size:1.6rem;text-align:center;}
.customer ul{width:96%;margin:0 auto;padding:1rem 0;}
.customer li{width:50%;float:left;padding:5% 3%;}
.customer li img{width:100%;}

.urhere{line-height:1.8rem;padding:0.5rem 1rem;font-size:.8rem;}
.urhere a{padding-right:4px;color:#3f3f3f;}
.urhere code{padding:0 4px 0 0;}


.appbox1 > p{padding:1rem 1rem 0;text-indent:2rem;line-height:1.6rem;}
.appbox1 ul{padding:.5rem;color:#666;}
.appbox1 li{width:50%;padding:.5rem;float:left;text-align:center;font-size:.9rem;}
.appbox1 li dl{}
.appbox1 li dl dd{width:5rem;height:5rem;border-radius:50%;margin:0 auto;background:#edf9e8;padding:.5rem;position:relative;}
.appbox1 li dl span{width:4rem;height:4rem;border-radius:50%;background:#99dd81;margin:0 auto;line-height:4rem;display:inline-block;color:#fff;font-size:2rem;position:relative;z-index:20;}
.appbox1 li dl dd:before{content:'';width:5rem;height:5rem;display:inline-block;position:absolute;top:0;left:0;border-radius:50%;background:#edf9e8;opacity:1;animation:animation-delay:100ms;transition:0.5s all ease;transform:scale(1);}
@keyframes ServiceAppScale{0%{transform:scale(1);}	50%,75%{transform:scale(1.3);}78%,100%{opacity:0;}}
.appbox1 li:nth-child(1) dl dd:before{background:#eaf3fe;animation:ServiceAppScale 2s infinite cubic-bezier(0,0,0.49,1.02);}
.appbox1 li:nth-child(2) dl dd{background:#eaf3fe;}
.appbox1 li:nth-child(2) dl dd span{background:#8bbbfc;}
.appbox1 li:nth-child(2) dl dd:before{background:#eaf3fe;animation:ServiceAppScale 3s infinite cubic-bezier(0,0,0.49,1.02);}
.appbox1 li:nth-child(3) dl dd{background:#fae3e9;}
.appbox1 li:nth-child(3) dl dd span{background:#e66284;}
.appbox1 li:nth-child(3) dl dd:before{background:#fae3e9;animation:ServiceAppScale 4s infinite cubic-bezier(0,0,0.49,1.02);}
.appbox1 li:nth-child(4) dl dd{background:#d5ebf2;}
.appbox1 li:nth-child(4) dl dd span{background:#1592b6;}
.appbox1 li:nth-child(4) dl dd:before{background:#d5ebf2;animation:ServiceAppScale 5s infinite cubic-bezier(0,0,0.49,1.02);}
.appbox1 div{margin:.5rem 0;font-size:1.1rem;color:#333;font-weight:bold;}
.appbox2{background:#f5f5f5;padding:1rem 0;}

.wxbox1{padding:1rem 0 0;}
.wxbox1 > p{padding:.5rem 1rem 0;text-indent:2rem;line-height:1.6rem;}
.wxbox1 ul{padding:.5rem;}
.wxbox1 li{float:left;width:50%;padding:.5rem;text-align:center;}
.wxbox1 li::before{content:" ";display:block;width:3rem;height:3rem;background:url(../image/wx01.png) no-repeat center center;margin:0 auto;border:.5rem solid #f5f5f5;border-radius:50%;}
.wxbox1 li:nth-child(2)::before{background-image:url(../image/wx02.png);}
.wxbox1 li:nth-child(3)::before{background-image:url(../image/wx03.png);}
.wxbox1 li:nth-child(4)::before{background-image:url(../image/wx04.png);}
.wxbox1 li:nth-child(5)::before{background-image:url(../image/wx05.png);}
.wxbox1 li:nth-child(6)::before{background-image:url(../image/wx06.png);}
.wxbox1 li dt{font-size:1.1rem;font-weight:bold;padding:.5rem 0;}
.wxbox1 li dd{color:#666;font-size:.9rem;}

.wxbox2{background:#f5f5f5;padding-top:1rem;}
.wxbox2 > p{padding:.5rem 1rem 0;line-height:1.6rem;color:#888;}
.wxbox2 ul{padding:.5rem;}
.wxbox2 li{padding:.5rem;width:50%;float:left;position:relative;z-index:8;}
.wxbox2 li img{width:100%;display:block;}
.wxbox2 li div{width:100%;height:100%;position:absolute;left:0;top:0;padding:.5rem;z-index:10;}
.wxbox2 li h5{background:rgba(0,0,0,0.3);color:#fff;font-size:1.2rem;font-weight:bold;height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}

.wxbox3{padding-top:1rem;}
.wxbox3 > p{padding:.5rem 1rem 0;line-height:1.6rem;color:#888;}
.wxbox3 ul{margin:1rem;border-top:1px dashed #dcdcdc;border-left:1px dashed #dcdcdc;}
.wxbox3 li{border-right:1px dashed #dcdcdc;border-bottom:1px dashed #dcdcdc;float:left;width:33.333%;text-align:center;background:url(../image/wx07.jpg) no-repeat center 1rem/2rem 2rem;padding:3.5rem 0 .5rem;}
.wxbox3 li:nth-child(2){background-image:url(../image/wx08.jpg);}
.wxbox3 li:nth-child(3){background-image:url(../image/wx09.jpg);}
.wxbox3 li:nth-child(4){background-image:url(../image/wx10.jpg);}
.wxbox3 li:nth-child(5){background-image:url(../image/wx11.jpg);}
.wxbox3 li:nth-child(6){background-image:url(../image/wx12.jpg);}
.wxbox3 li:nth-child(7){background-image:url(../image/wx13.jpg);}
.wxbox3 li:nth-child(8){background-image:url(../image/wx14.jpg);}
.wxbox3 li:nth-child(9){background-image:url(../image/wx15.jpg);}
.wxbox3 li:nth-child(10){background-image:url(404.png);}

.wxbox4{background:#f5f5f5;padding-top:1rem;}
.wxbox4 ul{padding:.5rem;}
.wxbox4 li{padding:.5rem;width:33.333%;float:left;text-align:center;}
.wxbox4 li div{background:#fff url(../image/app01.png) no-repeat center 0/5rem 5rem;padding:4.5rem 0 .8rem;font-size:.8rem;}
.wxbox4 li:nth-child(2) div{background-image:url(../image/app02.png);}
.wxbox4 li:nth-child(3) div{background-image:url(../image/app03.png);}
.wxbox4 li:nth-child(4) div{background-image:url(../image/app04.png);}
.wxbox4 li:nth-child(5) div{background-image:url(../image/app05.png);}
.wxbox4 li:nth-child(6) div{background-image:url(../image/app06.png);}
.wxbox4 li:nth-child(7) div{background-image:url(../image/app07.png);}
.wxbox4 li:nth-child(8) div{background-image:url(../image/app08.png);}
.wxbox4 li:nth-child(9) div{background-image:url(../image/app09.png);}
.wxbox4 li:nth-child(10) div{background-image:url(../image/app10.png);}
.wxbox4 li:nth-child(11) div{background-image:url(../image/app11.png);}
.wxbox4 li:nth-child(12) div{background-image:url(../image/app12.png);}
.wxbox4 li:nth-child(13) div{background-image:url(../image/app13.png);}
.wxbox4 li:nth-child(14) div{background-image:url(../image/app14.png);}
.wxbox4 li:nth-child(15) div{background-image:url(../image/app15.png);}

.wxbox5{background:#fff;padding-top:1rem;}
.wxbox5 > p{padding:.5rem 1rem 0;color:#999;}
.wxbox5 ul{padding:.5rem;}
.wxbox5 li{width:50%;float:left;padding:.5rem;}
.wxbox5 li dl{background-color:#d5d5d5;-webkit-box-shadow:0 2px 8px 0 rgba(35,111,251,.08);box-shadow:0 2px 8px 0 rgba(35,111,251,.08);}
.wxbox5 li dl dt{background:#0054ee url(../image/wx21.png) no-repeat center 1.5rem/3rem 3rem;text-align:center;font-size:1.1rem;color:#fff;padding:5.5rem 0 1.5rem;}
.wxbox5 li:nth-child(2) dl dt{background-color:#236ffb;background-image:url(../image/wx22.png);}
.wxbox5 li:nth-child(3) dl dt{background-color:#2e85fb;background-image:url(../image/wx23.png);}
.wxbox5 li:nth-child(4) dl dt{background-color:#3b97ff;background-image:url(../image/wx24.png);}
.wxbox5 li:nth-child(5) dl dt{background-color:#2e85fb;background-image:url(../image/wx25.png);}
.wxbox5 li:nth-child(6) dl dt{background-color:#3b97ff;background-image:url(../image/wx26.png);}
.wxbox5 li dd{padding:1rem .5rem;font-size:.9rem;line-height:1.4rem;height:6.2rem;text-align:center;color:#666;}

.webbox1{}
.webbox1 p{text-indent:2em;line-height:1.6rem;padding:1rem 1rem 0;}
.webbox1 ul{padding:.5rem;}
.webbox1 li{padding:.5rem;width:50%;float:left;position:relative;z-index:8;}
.webbox1 li:first-child{width:100%;}
.webbox1 li img{width:100%;vertical-align:middle;}
.webbox1 li div{width:100%;height:100%;position:absolute;left:0;top:0;padding:.5rem;z-index:10;}
.webbox1 ul li dl{background:rgba(0,0,0,0.4);display:inline-block;width:100%;height:100%;}
.webbox1 ul li dl dt{color:#fff;font-size:1.1rem;height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.webbox1 ul li dl dd{display:none;}

.tit2{text-align:center;color:#ff7852;font-size:1.2rem;font-weight:bold;}

.webbox2{padding-top:1rem;background:#f5f5f5;}
.webbox2 > p{padding:.5rem 1rem 0;color:#999;}
.webbox2 ul{padding:.5rem;}
.webbox2 li{width:50%;float:left;padding:.5rem;}
.webbox2 li dl{background-color:#fff;-webkit-box-shadow:0 2px 8px 0 rgba(35,111,251,.08);box-shadow:0 2px 8px 0 rgba(35,111,251,.08);}
.webbox2 li dl dt{background:#0054ee url(../image/web1.png) no-repeat center 1.5rem/4rem 4rem;text-align:center;font-size:1.1rem;color:#fff;padding:5.5rem 0 1.5rem;}
.webbox2 li:nth-child(2) dl dt{background-color:#236ffb;background-image:url(../image/web2.png);}
.webbox2 li:nth-child(3) dl dt{background-color:#2e85fb;background-image:url(../image/web3.png);}
.webbox2 li:nth-child(4) dl dt{background-color:#3b97ff;background-image:url(../image/web4.png);}
.webbox2 li dd{padding:1rem .5rem;font-size:.9rem;line-height:1.4rem;height:7.6rem;text-align:center;color:#666;}

.webbox3{padding:1rem;}
.webbox3 ul{margin:.5rem;border-top:1px dashed #dcdcdc;border-left:1px dashed #dcdcdc;}
.webbox3 li{border-right:1px dashed #dcdcdc;border-bottom:1px dashed #dcdcdc;width:50%;padding:3rem .5rem .5rem;height:9.2rem;float:left;background:url(../image/web5.png) no-repeat center 1rem/2rem 2rem;color:#999;font-size:.9rem;text-align:center;}
.webbox3 li:first-child{width:100%;background-size:3rem 3rem;padding-top:4rem;}
.webbox3 li:nth-child(2){background-image:url(../image/web6.png);}
.webbox3 li:nth-child(3){background-image:url(../image/web7.png);}
.webbox3 li:nth-child(4){background-image:url(../image/web8.png);}
.webbox3 li:nth-child(5){background-image:url(../image/web9.png);}
.webbox3 li:nth-child(6){background-image:url(../image/web10.png);}
.webbox3 li:nth-child(7){background-image:url(../image/web11.png);}
.webbox3 li:nth-child(8){background-image:url(../image/web12.png);}
.webbox3 li:nth-child(9){background-image:url(../image/web13.png);}
.webbox3 li strong{line-height:2rem;display:block;font-weight:bold;color:#333;}

.webbox4{}
.webbox4 li{margin-bottom:1rem;width:100%;position:relative;}
.webbox4 li img{width:100%;}
.webbox4 li div{position:absolute;left:0;bottom:1rem;padding:0 1rem;width:100%;font-size:1rem;color:#fff;line-height:1.6rem;}
.webbox4 li h3{font-size:1.2rem;padding-bottom:.3rem;font-weight:weight;}

.webbox5{background:#f5f5f5;padding-top:1rem;}
.webbox5 ul{padding:.5rem;}
.webbox5 li{float:left;width:50%;padding:.5rem;text-align:center;}
.webbox5 li div{background:#fff;border:1px solid #e5e5e5;font-size:.9rem;color:#666;line-height:1.4rem;padding:.5rem;}
.webbox5 li:first-child{width:100%;}
.webbox5 li div::before{color:#999;display:block;width:100%;font-family:"iconfont" !important;line-height:4rem;}
.webbox5 li:nth-child(1) div::before{font-size:3rem;content:"\E669";}
.webbox5 li:nth-child(2) div::before{font-size:2.6rem;content:"\E7AB";}
.webbox5 li:nth-child(3) div::before{font-size:1.9rem;content:"\E6B0";}
.webbox5 li:nth-child(4) div::before{font-size:3.2rem;content:"\E60F";}
.webbox5 li:nth-child(5) div::before{font-size:2.4rem;content:"\E60E";}
.webbox5 li:nth-child(6) div::before{font-size:2.6rem;content:"\E625";}
.webbox5 li:nth-child(7) div::before{font-size:2.1rem;content:"\E60A";}
.webbox5 li:nth-child(8) div::before{font-size:3rem;content:"\E6EA";}
.webbox5 li:nth-child(9) div::before{font-size:2.4rem;content:"\E655";}
.webbox5 li strong{font-size:1.1rem;color:#333;margin-bottom:.5rem;display:block;}

.iotbox1{}
.iotbox1 > p{text-indent:2em;line-height:1.6rem;padding:1rem 1rem 0;}
.iotbox1 ul{padding:.5rem;}
.iotbox1 li{padding:.5rem;width:50%;float:left;}
.iotbox1 li div{border:1px solid #ededee;text-align:center;background:#fff url(../image/iot09.png) no-repeat center 0/4rem 4rem;padding:4rem 0 0;}
.iotbox1 li:nth-child(2) div{background-image:url(../image/iot10.png);}
.iotbox1 li:nth-child(3) div{background-image:url(../image/iot11.png);}
.iotbox1 li:nth-child(4) div{background-image:url(../image/iot12.png);}
.iotbox1 li:nth-child(5) div{background-image:url(../image/iot13.png);}
.iotbox1 li:nth-child(6) div{background-image:url(../image/iot14.png);}
.iotbox1 li strong{display:block;padding:0.26rem 0;font-size:1.2rem;}
.iotbox1 li p{width:100%;height:4.4rem;padding:0 .5rem .5rem;line-height:1.3rem;font-size:.9rem;color:#888;}
@media only screen and (max-width:360px){
    .iotbox1 li p{height:5.7rem;}
}

.process-warp{display:flex;flex-direction:column;justify-content:center;background:#f5f5f5;color:#fff;padding:2rem 1rem 1rem;}
.process-warp .equipment{position:relative;margin-bottom:.5rem;width:100%}
.process-warp .equipment .btn-list{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.process-warp .equipment .btn-list p{display:inline-block;position:relative;border-radius:4rem;border:.4rem solid #a8abb5;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:4rem;background:#353d56;text-align:center;padding:.8rem;}
.process-warp .equipment .box-warp{position:relative;padding-bottom:.5rem;}
.process-warp .equipment .box-warp .box{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 4.5rem 0 3.5rem;border-box;height:7.2rem;border-right:2px solid #236ffb;border-bottom:2px solid #236ffb;border-left:2px solid #236ffb}
.process-warp .equipment .box-warp .box::before,.process-warp .equipment .box-warp .box::after{content:" ";position:absolute;left:50%;}
.process-warp .equipment .box-warp .box::before{top:0;height:8rem;width:2px;background-color:#236ffb;}
.process-warp .equipment .box-warp .box::after{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #236ffb;top:8rem;margin-left:-4px;}
.process-warp .equipment .box-warp .box div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-left:.4rem;width:50%}
.process-warp .equipment .box-warp .box div p{font-size:.9rem;color:#888}
.process-warp .equipment .box-warp .fix-item{position:absolute;right:2.3rem;top:2.9rem;font-size:.9rem;color:#888;}

.process-warp .paas{margin:.5rem auto;border:.4rem solid #c0d3f7;border-radius:4rem;overflow:hidden;width:70%;padding:.5rem .5rem .5rem 2.6rem;background:#236ffb url(../image/iot04.png) no-repeat 0.8rem center /1.4rem 1.4rem;}
.process-warp .paas span{font-size:1.2rem;font-weight:700;display:block;}
.process-warp .paas p{line-height:1rem;font-size:.9rem;}

.instruction{margin-bottom:.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.instruction p{margin:0 .4rem;width:.9rem;font-size:.9rem;color:#888;}
.instruction .arrow{position:relative;width:.8rem;height:4rem;border-left:2px solid #236ffb;border-right:2px solid #236ffb;}
.instruction .arrow::after,.instruction .arrow::before{content:" ";position:absolute;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;}
.instruction .arrow::after{border-bottom:5px solid #236ffb;top:-5px;right:3px;}
.instruction .arrow::before{border-top:5px solid #236ffb;top:4rem;left:3px;}

.process-warp .in-the-control{margin:0 auto .5rem;font-size:1.2rem;font-weight:bold;border:.4rem solid #c0d3f7;border-radius:2rem;overflow:hidden;width:40%;padding:.5rem;background:#236ffb;text-align:center;}

.total-background{position:relative;}
.total-background::before,.total-background::after{content:" ";position:absolute;}
.total-background::before{top:0;height:2rem;width:2px;background-color:#236ffb;left:50%;margin-left:-1px;}
.total-background::after{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #236ffb;top:2rem;left:50%;margin-left:-5px;}
.total-background div{margin:3rem auto .5rem;border:.4rem solid #c0d3f7;border-radius:4rem;overflow:hidden;width:56%;padding:.5rem .5rem .5rem 2.6rem;background:#236ffb url(../image/iot05.png) no-repeat 0.8rem center /1.4rem 1.4rem;}
.total-background span{font-size:1.2rem;font-weight:700;display:block;}
.total-background p{line-height:1rem;font-size:.9rem;}

.process-2{position:relative;height:2rem;border-top:2px solid #236ffb;border-left:2px solid #236ffb;border-right:2px solid #236ffb;margin:1.5rem 4rem 8px;}
.process-2::before,.process-2::after{content:" ";position:absolute;left:50%;}
.process-2::before{top:-1.5rem;height:3.5rem;width:2px;background-color:#236ffb;}
.process-2::after{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #236ffb;top:2rem;margin-left:-4px;margin-top:-2px;}
.process-2 p{position:absolute;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #236ffb;top:2rem;margin-left:-6px;margin-top:-2px;}
.process-2 p:last-child{right:-6px;}

.terminal{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-top:8px;}
.terminal div{border:6px solid #c0d3f7;background:#236ffb;padding:.5rem;}
.terminal span{font-size:1.1rem;font-weight:700;display:block;}
.terminal p{line-height:1rem;font-size:.7rem;}

.iotbox2{padding:0 1rem;}
.iotbox2 li{margin-top:1rem;color:#fff;}
.iotbox2 li dl{width:100%;padding:1rem;}
.iotbox2 li dl dt{font-size:1.4rem;margin-bottom:0.5rem;font-weight:bold;color:#fe5e42;}
.iotbox2 li dl dd{line-height:1.6rem;}
.iotbox2 li dl dd p{text-indent:2rem;}
.iotbox2 li:nth-child(1){background:#000;}
.iotbox2 li:nth-child(2){background:#190e5c;}
.iotbox2 li:nth-child(3){background:#0e249c;}
.iotbox2 li:nth-child(4){background:#866dc3;}

.solution{}
.solution p{text-indent:2em;line-height:1.6rem;padding:1rem 1rem 0;}
.solution ul{padding:.5rem;}
.solution li{padding:.5rem;width:50%;float:left;position:relative;z-index:8;}
.solution li img{width:100%;vertical-align:middle;}
.solution ul li span{display:inline-block;width:100%;height:100%;padding:.5rem;position:absolute;left:0;top:0;cursor:pointer;z-index:10;}

.filter{position:relative;border-bottom:1px solid #ccc;}
.filter dl{width:33.3333%;float:left;display:inline;}
.filter dl dt{width:100%;text-align:center;line-height:2.4rem;font-weight:bold;}
.filter dl dt::before{content:"";display:inline-block;width:1px;background:#ccc;height:1rem;float:left;margin-top:.7rem;}
.filter dl:first-child dt::before{display:none;}
.filter dl dt::after{content:"";display:inline-block;margin-left:3px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #ccc;}
.filter dl dd{display:none;position:absolute;top:2.5rem;left:0;width:100%;background:#fff;padding:0 2rem 6rem;max-height:30rem;overflow:auto;}
.filter dl dd a{display:block;border-bottom:1px dashed #ccc;line-height:2.4rem;color:#333;}
.filter dl dd a:last-child{border:none;}
.filter dl dd a.on{color:#fe5e42;}
.filter dl.on dt{color:#fe5e42;}
.filter dl.on dt::after{border-top:none;border-bottom:5px solid #fe5e42;}
.filter dl.on dd{display:block;}

.caselist{padding:.5rem 1rem;}
.caselist li{padding:.5rem 0;border-bottom:1px dashed #ccc;}
.caselist img{float:left;width:40%;display:inline-block;}
.caselist dl{float:right;width:58%;}
.caselist dl dt{font-weight:bold;padding-bottom:.5rem;}
.caselist dl dd{font-size:.8rem;color:#666;}
.caselist dl dd span{}

.detail{padding:0 1rem;}
.detail .atitle{border-bottom:1px dashed #ccc;padding-bottom:1rem;margin-bottom:1rem;}
.detail .atitle h1{font-size:1.4rem;}
.detail .module{margin:0.8rem 0;font-size:.9rem;padding:.5rem 1rem;background-color:#efefef;line-height:1.4rem;color:#000;}
.detail .ainfo{line-height:1.6rem;}
.detail .ainfo p{text-indent:2em;padding:0.3rem 0;}
.detail .ainfo p.t_c{text-indent:0;}
.detail .ainfo img{max-width:100%;}
.detail .imgs{padding-top:.8rem;}
.detail .imgs img{max-width:100%;}


.zengzhibox{padding:0 1rem;}
.zengzhibox li{margin-top:1rem;color:#fff;}
.zengzhibox li dl{width:100%;padding:1rem;}
.zengzhibox li dl dt{font-size:1.4rem;margin-bottom:0.5rem;font-weight:bold;color:#fe5e42;}
.zengzhibox li dl dd{line-height:1.6rem;}
.zengzhibox li:nth-child(1){background:#000;}
.zengzhibox li:nth-child(2){background:#190e5c;}
.zengzhibox li:nth-child(2) p{width:50%;float:left;line-height:1.6rem;}
.zengzhibox li:nth-child(3){background:#1800ff;}
.zengzhibox li:nth-child(4){background:#0e249c;}
.zengzhibox li:nth-child(5){background:#2ad68c;}
.zengzhibox li:nth-child(6){background:#866dc3;}

.about{padding:1rem;}
.about p{text-indent:2em;font-size:1rem;line-height:2rem;color:#666;}
.about li{padding-top:1.8rem;text-align:center;}
.about li:nth-child(odd) div{background:linear-gradient(to right, #83cfff, #0288ff);-webkit-background-clip:text;color:transparent;font-size:3rem;text-align:center;line-height:3rem;}
.about li:nth-child(even) div{background:linear-gradient(to right, #f798f4, #b778fd);-webkit-background-clip:text;color:transparent;font-size:3rem;text-align:center;line-height:3rem;}
.about div{margin:0 auto 0.8rem;}
.about span{font-size:1.6rem;line-height:3rem;display:block;}

.contact{padding:0 1rem;}
.contact dt{font-size:1.6rem;color:#fe5e42;padding-top:1rem;}
.contact dd{font-size:1rem;line-height:2rem}
.contact b{color:#000;}
.contact .ipt{width:100%;background:#f5f5fc;padding:.8rem .5rem;margin:.5rem auto;border:none;border-radius:0.5rem;}
.contact .btn{filter:alpha(opacity=100 finishopacity=0 style=1 startx=0,starty=0,finishx=0,finishy=0) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fe5f42,endcolorstr=#f83061,gradientType=1);-ms-filter:alpha(opacity=100 finishopacity=0 style=1 startx=0,starty=0,finishx=0,finishy=0) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fe5f42,endcolorstr=#f83061,gradientType=1);background:#fe5f42;background:-moz-linear-gradient(to right, #fe5f42, #f83061);background:-webkit-linear-gradient(to right, #fe5f42, #f83061);background:-o-linear-gradient(to right, #fe5f42, #f83061);background:linear-gradient(to right, #fe5f42, #f83061);color:#fff;line-height:2.8rem;width:100%;border-radius:0.5rem;margin:0.5rem auto;}

.upDownPage{margin:0.8rem 1rem;padding:0.5rem 1rem;background-color:#efefef;line-height:1.8rem;color:#000;}
.upDownPage li{width:100%;}
.upDownPage li a{color:#000;}

.pages{background:#fff;padding:1rem;text-align:center;word-wrap:break-word;word-break:normal;}
.pages a,.pages span{border:1px solid #e6e5e6;padding:.3rem .5rem;margin:0 .3rem;}
.pages a:active,.pages a:hover,.pages a.on{color:#FFF;background:#535353;}

.dbox{margin:0.8rem 1rem 0;background:#f5f5fc;border-radius:0 0 6px 6px;}
.dbox p{background:#333;border-radius:6px 6px 0 0;color:#fff;font-size:1.2rem;font-weight:bold;padding:0.6rem 1rem;}
.dbox ul{padding:0.5rem 1rem;}
.dbox ul li{padding:0.1rem 0;font-size:1.2rem;}
.dbox ul li a{color:#333;}