@charset "utf-8";
/* CSS Document */
html,body{ padding:0; font:14px PingFang SC,"Microsoft YaHei",Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif; background:#fff; max-width: 1920px; margin: 0 auto; position: relative;}
img{ margin:0; padding:0; border:none;}
a{ text-decoration:none; color:#333; -webkit-transit:all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
a:hover{ color:#000;}
p,ul{ padding: 0; margin: 0;}
img{ border: 0;}
li{ list-style: none;}
em{ font-style: normal;}
i{ font-style: normal;}
input,button,select,textarea{ font:14px PingFang SC,"Microsoft YaHei",Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif;}
.atr{ -webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;}
.bshadow{-moz-box-shadow:1px 1px 5px #ddd; -webkit-box-shadow:1px 1px 5px #ddd; box-shadow: 0 4px 8px 0 rgba(7,17,27,.1);}

/*.topfix{ top: 0; position: fixed; bottom: 0; left: 4.5%;}*/
.topfix1{ position: absolute; bottom: -50px; left: 4.5%;}

/*header*/
header{ width: 100%; position: absolute; z-index: 999; border-bottom: 1px solid rgba(255,255,255,.3); height: 120px;}
.header-sub{ width:90%; margin: 30px auto 0 auto;}
.logo{ height: 50px; float: left;}
.logo img{ height: 50px;}
.navs{ display: none;}
nav{ width: auto; display: block; overflow: hidden; float: right;}
nav label{ display: none;}
nav .nava{ float: left; height: 48px; line-height: 48px; text-align: center; display: block; overflow: hidden; font-size: 16px; margin: 0 0 0 30px;}
nav .nava a{ color: #fff;}
nav .sub{ width: 125px; height: 0; background: #0caceb; display: block; overflow: hidden; position: absolute; z-index: 999999; margin: 2px 0 0 -20px;}
nav .sub a{ width: 80%; text-align: left; color: #fff; display: block; overflow: hidden; font-size: 14px; line-height: 20px; padding: 4px 0; margin: 0 10%;}
nav .sub a:last-child{ border: none;}
nav .sub a:hover{ font-weight: bold;}
nav .nava.active{ border-bottom: 2px solid #fff;}
nav .nava.active a{ color: #fff;}
nav .nava:hover{ border-bottom: 2px solid #fff}
nav .nava:hover a{ color: #fff;}
nav .nava:hover .sub{ height: auto; padding: 10px 0;}
nav .nava:hover .sub a{ color: #fff;}

footer{ width: 100%; margin: 100px auto 0 auto;}


.footer-top{ width: 100%; display: block; overflow: hidden; margin: 0 auto; background: url(../img/bottom-bac.png) no-repeat center bottom -1px; background-size: 100%; height: 600px;}
.footer-form{ width: 90%; display: block; overflow: hidden; margin: 0 auto; position: relative; z-index: 1;}
.footer-form .forms{ width: 75%; height: 540px; background: url(../img/forms-bac.png); background-size: cover!important; border-radius: 10px; display: block; overflow: hidden; float: left;}
.forms-cot{ width: 70%; margin: 50px 0 0 5%; display: block; overflow: hidden;}
.forms-cot .ipt{ width: 40%; padding: 0 3%; height: 60px; line-height: 60px; color: #fff; border: 1px solid rgba(255,255,255,.5); background: none; border-radius: 5px; float: left; display: block; overflow: hidden; margin: 30px 0 0 0; outline:none;}
.forms-cot .ipt.right{ float: right; margin-right: 1.5%;}
.forms-cot .tar{ width: 92%; height: 90px; line-height: 24px; padding: 9px 3%; color: #fff; border: 1px solid rgba(255,255,255,.5); background: none; border-radius: 5px; float: left; display: block; overflow: hidden; margin: 30px 0 0 0; outline:none;}
.forms-cot .ipt::placeholder{ color: #fff;}
.forms-cot .tar::placeholder{ color: #fff;}
.forms-cot .btn{ width: 220px; height: 60px; line-height: 60px; text-align: center; border: none; background: #fff; border-radius: 5px; float: left; display: block; overflow: hidden; position: relative; left: 50%; margin: 40px 0 0 -110px; font-size: 18px; cursor: pointer; outline:none;}


.footer-form .maps{ width: 30%; height: 420px; border-radius: 10px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; display: block; overflow: hidden; position: absolute; right: 0; top: 80px; background-size: cover!important;}
.footer-form .maps span{ width: 90%; margin: 280px auto 0 auto; line-height: 30px; color: #fff; display: block; overflow: hidden; font-size: 16px;}

.footer-bot{ width: 100%; display: block; overflow: hidden; margin: 0 auto; background: #121c85;}
.footer-sub{ width: 90%; margin: 40px auto 0 auto; padding: 0 0 30px 0; display: block; overflow: hidden; border-bottom: 1px solid rgba(255,255,255,.3);}
.footer-sub .f-l{ width: 20%; float: left;}
.footer-sub .f-l .footer-logo{ height: 50px; margin: 0 10px 0 0;}
.footer-sub .f-m{ width: 12%; float: left; margin: 0 0 0 20px;}
.footer-sub .f-m em{ width: 100%; font-size: 18px; font-weight: bold; height: 30px; line-height: 30px; display: block; overflow: hidden; margin: 0 0 15px 0;}
.footer-sub .f-m p{ width: 100%; line-height: 24px; padding: 3px 0; display: block; overflow: hidden; color: #fff;}
.footer-sub .f-m p a{ color: #fff;}
.footer-sub .f-m p a:hover{ color: #22c49a;}
.footer-sub .f-m.info{ width: 30%;}
.footer-sub .f-r{ width: 130px; float: right; margin: 0 0 0 0; text-align: center; line-height: 30px;}
.footer-sub .f-r img{ width: 130px; margin: 0 auto;}

.footer-info{ width: 90%; display: block; overflow: hidden; margin: 20px auto 50px auto; line-height: 30px; padding: 10px 0; font-size: 12px; color: #fff; background: #121c85; text-align: center;}
.footer-info p.link{ text-align: left; margin: 0 0 20px 0;}
.footer-info p.link a{ color: #fff; margin: 0 5px;}

.idxban{ width: 100%; height: 720px; display: block; overflow:hidden; margin: 0 auto;}
.ban{ width: 100%; margin: 0 auto; background-size: auto 100%!important; background-position: center!important;}
.ban .swiper-slide{ width: 100%; height: 720px; display: block; overflow: hidden; background-size: auto 100%!important; background-position: center center!important;}
.ban .swiper-slide img{ height: 490px; margin: 0 auto; display: block; overflow: hidden;}
.ban .swiper-pagination-bullet{ width: 36px!important; height: 5px!important; border-radius: 0!important; background: #ccc!important;}
.ban .swiper-pagination-bullet-active{ background-color: #0caceb!important;}
.ban .swiper-button-next{ width: 50px!important; height: 50px!important; border-radius: 50%; background: url(../img/right.png); background-size: 100% !important; right: 10%;}
.ban .swiper-button-prev{ width: 50px!important; height: 50px!important; border-radius: 50%; background: url(../img/left.png); background-size: 100% !important; left: 10%;}

.team .swiper-slide{ width: 100%; height: 640px; display: block; overflow: hidden; background: url(../img/idx-team-bac.png) no-repeat; background-size: auto 100%;;}
.team .btn{ width: 100px; position: absolute; height: 30px; display: block; overflow: hidden; z-index: 9999; top: 20px; right: 20%;}
.team .btn .swiper-pagination{ opacity: .4;}
.team .swiper-button-next{ width: 30px!important; height: 30px!important; border-radius: 50%; background: url(../img/right.png); background-size: 100% !important; right: 0;}
.team .swiper-button-prev{ width: 30px!important; height: 30px!important; border-radius: 50%; background: url(../img/left.png); background-size: 100% !important; left: 0;}


.mains{ width: 90%; display: block; overflow: hidden; margin: 100px auto 0 auto;}
.mains.m2{ margin: 70px auto;}

.lams{ width: 100%; display: block; overflow: hidden; margin: 0 auto; line-height: 50px; text-align: center; font-size: 16px;}
.lams em{ width: 100%; font-size: 40px; font-weight: bold; display: block; overflow: hidden;}
.lams p{ margin: 10px 0 0 0; line-height: 24px;}
.lams.left{ text-align: left;}
.lams.white{ color: #fff;}

.list01{ width: 100%; display: block; overflow: hidden; margin: 50px auto 0 auto;}
.list01 li{ width: 32.33%; height: 380px; float: left; display: block; overflow: hidden; margin: .5%;}
.list01 li span{ width: 100%; height: 330px; display: block; overflow: auto; border-radius: 5px; background-size: cover!important; float: left;}
.list01 li em{ width: 70%; line-height: 50px; float: left; display: block; overflow: hidden; font-size: 22px;}
.list01 li label{ width: 30%; line-height: 50px; float: right; display: block; overflow: hidden; text-align: right; color: #999;}
.list01.mr0{ margin: 10px auto;}
.list01 li img{ border-radius: 5px; width: 100%; }

.list02{ width: 100%; display: block; overflow: hidden; margin: 50px auto 0 auto;}
.list02 li{ width: 19%; padding: 20px 3%; height: 380px; float: left; display: block; overflow: hidden;}
.list02 li img{ height: 180px; display: block; overflow: hidden; margin: 30px auto 0 auto;}
.list02 li img.bac{ height: 90px; padding: 45px 0; display: none;}
.list02 li em{ width: 100%; line-height: 50px; text-align: center; display: block; overflow: hidden; font-size: 22px;}
.list02 li p{ width: 100%; line-height: 24px; display: block; overflow: hidden; color: #999;}
.list02 li:hover{ background: #4370FE;}
.list02 li:hover em{ color: #fff;}
.list02 li:hover p{ color: #fff;}
.list02 li:hover img.show{ display: none;}
.list02 li:hover img.bac{ display: block;}
.list02 li label{ width: 40px; height: 14px; background: url(../img/wedo-show.png) no-repeat center center; background-size: 100%; display: block; overflow: hidden; margin: 20px 0 0 0;}

.list03{ width: 100%; display: block; overflow: hidden; margin: 50px auto 0 auto;}
.list03 li{ width: 23%; height: 400px; float: left; display: block; overflow: hidden; margin: 0 1%; background: #F5F2F2; border-radius: 5px;}
.list03 li img{ height: 230px; display: block; overflow: hidden; margin: 30px auto 0 auto;}
.list03 li em{ width: 100%; line-height: 50px; text-align: center; display: block; overflow: hidden; font-size: 18px; font-weight: bold;}
.list03 li p{ width: 100%; line-height: 24px; display: block; overflow: hidden; color: #999; text-align: center;}

.list04{ width: 100%; display: block; overflow: hidden; margin: 50px auto 0 auto;}
.list04 li{ width: 43.5%; padding: 0 1%; height: 190px; float: left; display: block; overflow: hidden; margin: 3% 0 0 3%; background: #F5F2F2; border-radius: 5px;}
.list04 li img{ width: 140px; height: 140px; display: block; overflow: hidden; float: left; margin: 25px 0 0 0;}
.list04 li em{ width: 50%; line-height: 50px; text-align: center; display: block; overflow: hidden; font-size: 18px; font-weight: bold; float: left; margin: 70px 0 0 0;}
.list04 li a{ float: right; padding: 0 20px; background: #1A1AEF; color: #fff; line-height: 40px; display: block; overflow: hidden; margin: 75px 0 0 0; border-radius: 20px;}

.list05{ width: 100%; display: block; overflow: hidden; margin: 50px auto 0 auto;}
.list05 li{ width: 23%; height: 500px; float: left; display: block; overflow: hidden; margin: 0 1%; background: #F8F1F1; border-radius: 5px; position: relative; z-index: 1;}
.list05 li img{ height: 200px; display: block; overflow: hidden; margin: 30px auto 0 auto;}
.list05 li em{ width: 100%; line-height: 50px; text-align: center; display: block; overflow: hidden; font-size: 18px; font-weight: bold;}
.list05 li p{ width: 100%; line-height: 24px; display: block; overflow: hidden; text-align: center;}
.list05 li::after{ content: "01"; font-size: 100px; font-weight: bold; color: #ddd; left: 10px; top: 0; position: absolute; z-index: -1;}
.list05 li.l2::after{ content: "02"}
.list05 li.l3::after{ content: "03"}
.list05 li.l4::after{ content: "04"}

.list06{ width: 90%; display: block; overflow: hidden; margin: 50px auto 0 auto;}
.list06 li{ width: 31.33%; height: 90px; line-height: 90px; text-align: center; float: left; display: block; overflow: hidden; margin: 1%; background: #F1E6E6; font-size: 20px; border-radius: 5px;}


.list07{ width: 100%; display: block; overflow: hidden; margin: 30px auto 0 auto;}
.list07 li{ width: 31.33%; height: 360px; float: left; display: block; overflow: hidden; margin: 1%; background: #E3EBEF; border-radius: 5px;}
.list07 li img{ height: 130px; display: block; overflow: hidden; margin: 20px auto 0 auto;}
.list07 li em{ width: 100%; line-height: 50px; text-align: center; display: block; overflow: hidden; font-size: 18px; font-weight: bold; margin: 0 0 20px 0;}
.list07 li p{ width: 100%; line-height: 24px; display: block; overflow: hidden; text-align: center;}

.list-service{ width: 100%; display: block; overflow: hidden; margin: 30px auto 0 auto;}
.list-service li{ width: 23%; height: 310px; float: left; display: block; overflow: hidden; margin: 1%; background: #F2F2F2; border-radius: 5px;}
.list-service li img{ height: 140px; display: block; overflow: hidden; margin: 30px auto 10px auto; background: #fff; border-radius: 50%;}
.list-service li em{ width: 100%; line-height: 50px; text-align: center; display: block; overflow: hidden; font-size: 18px; font-weight: bold; }
.list-service li p{ width: 90%; line-height: 24px; display: block; overflow: hidden; text-align: center; margin: 0 auto;}

.list-service.s2 li{ background: #F8F4F4; height: 430px;}
.list-service.s2 li img{ height: 170px; background: #E5E5E5;}
.list-service.s2 li p{ margin: 10px auto 0 auto;}


.web-steps{ width: 90%; display: block; overflow: hidden; margin: 100px auto 0 auto; padding: 80px 0; background: url(../img/web-steps-bac.png); background-size: 100% 100%; border-radius: 5px;}
.web-steps-pic{ max-width: 100%; margin: 50px auto 0 auto; display: block; overflow: hidden;}

.service-li{ width: 100%; display: block; overflow: hidden; margin: 50px auto 0 auto;}
.service-li li{ width: 24%; margin: 1% 1% 0 0; float: left; background: #F3EBEB; display: block; overflow: hidden; border-radius: 5px; height: 60px; padding: 50px 0; line-height: 30px; text-align: center;}
.service-li li em{ width: 100%; font-size: 18px; display: block; overflow: hidden;}

.mains-qa{ width: 90%; display: block; overflow: hidden; margin: 100px auto 0 auto; padding: 80px 0; background: #FBF4F4;}
.qa-pic{ width: 30%; height: 430px; display: block; overflow: hidden; background-size: cover!important; border-radius: 5px; margin: 50px 0 0 3%; float: left;}
.qa-li{ width: 61%; height: 430px; display: block; overflow: hidden; background-size: cover!important; border-radius: 5px; margin: 50px 0 0 3%; float: left;}
.qa-li li{ width: 94%; padding: 10px 3%; display: block; overflow: hidden; border-radius: 5px; background: #fff; margin: 0 0 20px 0; cursor: pointer;}
.qa-li li em{ width: 100%; line-height: 40px; display: block; overflow: hidden; font-size: 18px;}
.qa-li li span{ width: 100%; line-height: 24px; display: none; overflow: hidden; color: #999;}
.qa-li li.active span{ display: block;}

.qa-pic02{ width: 44%; padding: 100px 3%; height: 600px; display: block; overflow: hidden; background-size: cover!important; border-radius: 5px;float: left; position: relative;}
.qa-pic02 img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.qa-li02{ width: 47%; height: auto; display: block; overflow: hidden; background-size: cover!important; border-radius: 5px; float: right;}
.qa-li02 li{ width: 94%; padding: 25px 3%; display: block; overflow: hidden; border-radius: 5px; background: #F6F6F6; margin: 0 0 20px 0;}
.qa-li02 li em{ width: 100%; line-height: 40px; display: block; overflow: hidden; font-size: 18px; font-weight: bold;}
.qa-li02 li span{ width: 100%; line-height: 24px; display: none; overflow: hidden; color: #999;}
/* .qa-li02 li:first-child span{ display: block;} */
.qa-li02 li.active span{ display: block;}

.mains-app-steps{ width: 90%; display: block; overflow: hidden; margin: 100px auto 0 auto; padding: 80px 0; background: #F1EAEA;}
.list08{ width: 90%; display: block; overflow: hidden; margin: 30px auto 0 auto;}
.list08 li{ width: 18%; height: 330px; float: left; display: block; overflow: hidden; margin: 1%; background: #fff; border-radius: 5px; position: relative; z-index: 1;}
.list08 li img{ height: 90px; display: block; overflow: hidden; margin: 30px auto 0 auto;}
.list08 li em{ width: 100%; line-height: 30px; margin: 10px auto; text-align: center; display: block; overflow: hidden; font-size: 18px; font-weight: bold;}
.list08 li p{ width: 100%; line-height: 24px; display: block; overflow: hidden; text-align: center;}

.smartapp-c-pic{ width: 40%; max-width: 630px; height: 570px; display: block; overflow: hidden; background-size: cover!important; float: left; margin: 0 0 0 5%;}
.smartapp-c-pic img{ width: 100%; height: 100%; object-fit: contain; }
.smartapp-c-right{ width: 50%; height: 570px; display: block; overflow: hidden; float: right; margin: 100px 0 0 0;}
.smartapp-c-right span.contact{ float: left; width: 50%; display: block; overflow: hidden; font-size: 40px; line-height: 60px; margin: 50px 0 0 0;}
.smartapp-c-right a.online{ float: left; padding: 0 20px; background: #5656EE; color: #fff; line-height: 45px; display: block; overflow: hidden; margin: 90px 0 0 0; border-radius: 25px;}

.service-pic{ width: 40%; max-width: 620px; height: 520px; display: block; overflow: hidden; background-size: cover!important; float: right; margin: 0 5% 0 0;}
.service-pic img { width: 100%; height: 100%; object-fit: contain; }
.service-left{ width: 40%; height: auto; display: block; overflow: hidden; float: left; margin: 100px 0 0 0;}
.service-info{ width: 100%; margin: 50px 0 0 0; line-height: 30px; font-size: 16px; display: block; overflow: hidden;}

.wei-industry{ width: 90%; min-height: 125px; margin: 50px auto 0 auto;}
.wei-industry span{ width: 14.66%; float: left; margin: 1%; display: block; overflow: hidden;}
.wei-industry span img{ width: 100px; height: 100px; position: absolute;}
.wei-industry span em{ width: 70%; padding: 0 20px 0 0; height: 60px; border-radius: 5px; display: block; overflow: hidden; float: right; margin: 20px 0 0 0; background:#EFEBEB;text-align: right; line-height: 60px; font-size: 18px;}
.wei-industry02{ width: 90%; min-height: 125px; margin: 50px auto 0 auto;}
.wei-industry02 span{ width: 48%; float: left; margin: 1%; display: block; overflow: hidden; background: #F3EAEA; padding: 30px 0; border-radius: 5px;}
.wei-industry02 span label{ font-size: 40px; color: #290BF8; line-height: 60px; display: block; overflow: hidden; float: left; margin: 0 0 0 20px; font-weight: bold;}
.wei-industry02 span em{ width: 80%; height: 60px; display: block; overflow: hidden; float: right; line-height: 60px; font-size: 18px;}


.wedo{ width: 40%; background: #F6F4F4; margin: 30px 2.5% 0 2.5%; padding: 0 2.5%; display: block; overflow: hidden; height: 480px; float: left; border-radius: 5px; font-size: 16px;}
.wedo img{ height: 180px; margin: 20px auto 10px auto; display: block; overflow: hidden;}
.wedo em{ width: 100%; line-height: 50px; text-align: center; display: block; overflow: hidden; font-size: 22px; font-weight: bold;}
.wedo span{ width: 100%; line-height: 30px; display: block; overflow: hidden; margin: 10px auto;}
.wedo p{ width: 95%; line-height: 24px; padding: 3px 0 3px 5%; display: block; overflow: hidden; position: relative; z-index: 1;}
.wedo p::after{ content: ""; width: 10px; height: 10px; left: 0; top: 10px; background: #4370FE; border-radius: 50%; position: absolute; z-index: -1;}

.steps{ width: 100%; background-size: cover!important; margin: 30px auto 0 auto; padding: 80px 0; display: block; overflow: hidden;}
.steps .steps-menu{ width: 80%; margin: 0 auto; display: block; overflow: hidden;}
.steps .steps-menu a{ width: 10%; text-align: center; display: block; overflow: hidden; float: left; color: #fff; position: relative; z-index: 1; padding-bottom: 15px;}
.steps .steps-menu a.active::after{ content: ""; width: 44px; height: 6px; background: #E2E908; left: 50%; margin: 0 0 0 -22px; bottom: 0; position: absolute; z-index: -1;}
.steps .steps-menu a em{ font-size: 30px; font-weight: bold; width: 100%; display: block; overflow: hidden;}
.steps ul{ width: 90%; margin: 30px auto 0 auto;}
.steps ul li{ width: 15.66%; margin: .5%; display: block; overflow: hidden; float: left; background: #fff; min-height: 360px;}
.steps ul li img{ width: 80px; height: 80px; margin: 50px auto 5px auto; display: block; overflow: hidden;}
.steps ul li label{ width: 100%; line-height: 24px; display: block; overflow: hidden; color: #999; text-align: center;}
.steps ul li em{ width: 100%; line-height: 24px; text-align: center; display: block; overflow: hidden; font-size: 18px; margin: 10px auto;}
.steps ul li p{ width: 100%; line-height: 18px; padding: 3px 0; display: block; overflow: hidden; color: #666; text-align: center;}
.steps ul li.active{ border-top: 8px solid #E2E908;}
.steps ul li.active img{ width: 100px; height: 100px; margin-top: 20px;}

.app-left{ width: 40%; float: left; margin: 50px 0 0 0;}
.app-left a{ width: 300px; height: 80px; background: #52AEEC; text-align: center; line-height: 80px; color: #fff; display: block; overflow: hidden; margin: 30px 0 0 0; border-top-right-radius: 10px; border-bottom-left-radius: 10px;}
.app-right{ width: 40%; margin: 0 5%; float: right; display: block; overflow: hidden;}
.app-right span{ width: 90%; padding: 20px 5%; line-height: 30px; display: block; overflow: hidden; background: #F9F5F5; border-radius: 5px; margin: 20px auto 0 auto;}
.app-right span em{ width: 100%; font-weight: bold; font-size: 18px; display: block; overflow: hidden;}

.app-ind{ width: 100%; display: block; overflow: hidden; margin: 100px auto 0 auto; padding: 80px 0; background: #EEF2F3;}
.app-ind-top{ width: 80%; display: block; overflow: hidden; margin: 0 auto;}
.app-ind-top li{ width: 10%; height: 80px; float: left; display: block; overflow: hidden; padding: 10px 0; border-radius: 5px;}
.app-ind-top li img{ height: 40px; display: block; overflow: hidden; margin: 0 auto;}
.app-ind-top li em{ width: 100%; text-align: center; line-height: 40px; display: block; overflow: hidden;}
.app-ind-top li.active{ background: #fff;}

.app-ind-bot{ width: 95%; height: 600px; display: block; overflow: hidden; margin: 50px 0 0 5%; position: relative;}
.app-ind-li{ width: 50%; height: 600px; float: left; display: block; overflow: hidden; background: #EEF2F3;}
.app-ind-pic{ width: 60%; height: 600px; background-size: cover!important; display: block; overflow: hidden; float: left;}
.app-ind-pic img{ width: 100%; height: 100%; object-fit: cover; }
.app-ind-info{ width: 30%; height: 600px; display: block; overflow: hidden; float: right;}
.app-ind-info em{ width: 100%; font-size: 30px; display: block; overflow: hidden; line-height: 40px; margin: 30px 0 0 0;}
.app-ind-info span{ width: 100%; display: block; overflow: hidden; line-height: 50px; margin: 0 0 20px 0;}
.app-ind-info p{ width: 100%; display: block; overflow: hidden; line-height: 30px;}
.app-ind-info a{ width: 170px; height: 60px; border: 1px solid #ccc; border-radius: 5px; text-align: center; line-height: 60px; display: block; overflow: hidden; margin: 30px 0 0 0; }
.app-ind-li.active{}












.app-all{ width: 100%; background: #6312F8; background-image: linear-gradient(#76A6F9, #620BF8); display: block;}

.app-adv-left{ width: 25%; display: block; overflow: hidden; float: left; padding: 80px 5%;}
.app-adv-menu{ width: 100%; display: block; overflow: hidden; margin: 30px 0 0 0;}
.app-adv-menu a{ border-left: 5px solid #570B77; line-height: 60px; width: 90%; padding: 0 0 0 5%; color: #fff; display: block; overflow: hidden; font-size: 20px; font-weight: bold;}
.app-adv-menu a.active{ border-color: #fff;}
.app-adv-li{ width: 55%; display: block; overflow: hidden; float: right; background: #fff; padding-left: 5%;}
.app-adv-li li{ width: 100%; display: block; overflow: hidden; margin: 50px 0 0 0;}
.app-adv-li li span{ width: 50%; float: left; display: block; overflow: hidden;}
.app-adv-li li span label{ float: left; line-height: 50px; font-size: 40px; font-weight: bold; border-bottom: 4px solid #2314EF; display: block; overflow: hidden;}
.app-adv-li li span p{ width: 100%; line-height: 24px; display: block; overflow: hidden; margin: 15px 0 0 0; float: left;}
.app-adv-li li span p em{ line-height: 40px; font-weight: bold; width: 100%; display: block; overflow: hidden;}
.app-adv-li li img{ width: 45%; float: right; display: block; overflow: hidden;}

.app-c{ width: 100%; height: 220px; background: url(../img/app-c-pic.png) no-repeat center center; background-size: auto 100%; display: block; overflow: hidden; margin: 100px auto 0 auto;}
.app-c span{ width: 60%; padding-left: 20%; margin: 0 auto; display: block; overflow: hidden;}
.app-c span em{ float: left; line-height: 220px; font-size: 30px; font-weight: bold; color: #fff; display: block; overflow: hidden;}
.app-c span p{ float: left; line-height: 24px; height: 72px; margin: 75px 0 0 30px; display: block; overflow: hidden; color: #fff;}
.app-c span a{ float: right; line-height: 50px; text-align: center; height: 50px; width: 170px; border-radius: 25px; background: #fff; display: block; overflow: hidden; margin: 80px 0 0 0;}

.industry-left{ width: 30%; float: left;}
.industry-right{ width: 100%; float: right; margin: 0;}
.industry-right span{ width: 100%; float: left; background-size: cover!important; height: 360px; display: block; overflow: hidden; border-radius: 5px; margin: 0 0 10px 0;}
.industry-right label{ width: 20px; height: 4px; background: #015BF7; float: left; display: block; overflow: hidden; margin: 10px 10px 0 0;}
.industry-right em{ width: 70%; line-height: 30px; height: 30px; display: block; overflow: hidden; font-size: 18px; float: left;}

.industry-cot{ width: 70%; margin: 0 auto; float: right; position: relative;}
.industry-cot .swiper-slide{ width: 100%; height: 450px; display: block; overflow: hidden; background-size: auto 100%!important; background-position: center center!important;}
.industry-cot .swiper-pagination-bullet{ width: 36px!important; height: 5px!important; border-radius: 0!important; background: #ccc!important;}
.industry-cot .swiper-pagination-bullet-active{ background-color: #0caceb!important;}
.industry-cot .swiper-button-next{ width: 50px!important; height: 50px!important; border-radius: 50%; right: auto; line-height: 53px;text-align: center; left: 130px; background: #fff!important; font-size: 24px;}
.industry-cot .swiper-button-prev{ width: 50px!important; height: 50px!important; border-radius: 50%; left: 80px; line-height: 53px; text-align: center; background: #fff!important; font-size: 24px;}
.industry-btn{ width: 100%; height: 50px; display: block; overflow: hidden; position: relative; margin-top: -50px;}
.industry-btn .swiper-pagination{ text-align: left;}

.web-service{ width: 90%; display: block; overflow: hidden; margin: 100px auto 0 auto; padding: 80px 0; background: #F6F1F1; border-radius: 5px;}
.web-service ul{ margin: 50px auto 0 auto;}
.web-service ul li{ width: 42.5%; height: 130px; float: left; margin: 10px 0 10px 5%; display: block; overflow: hidden; background: #fff; border-radius: 5px;}
.web-service ul li img{ width: 110px; height: 110px; float: left; margin: 10px;}
.web-service ul li span{ width: 60%; height: 60px; line-height: 30px; float: left; display: block; overflow: hidden; margin: 35px 0 0 0;}
.web-service ul li span em{ width: 100%; font-weight: bold; display: block; overflow: hidden; font-size: 18px;}

.web-do{ width: 90%; display: block; overflow: hidden; margin: 100px auto 0 auto; background: #FEF4F4; border-radius: 5px;}
.web-do-left{ width: 40%; padding: 100px 5% 0 5%; height: 500px; float: left; display: block; overflow: hidden; background: #F5EBEB;}
.web-do-a{ width: 260px; height: 70px; line-height: 70px; text-align: center; background: #3698E3; color: #fff; display: block; overflow: hidden; margin: 30px 0 0 0; font-size: 18px; border-radius: 5px;}
.web-do-li{ width: 50%; float: right;}
.web-do-li li{ width: 40%; height: 300px; padding: 0 5%; float: left; display: block; overflow: hidden;}
.web-do-li li img{ height: 130px; display: block; overflow: hidden; margin: 30px auto 0 auto;}
.web-do-li li em{ width: 100%; line-height: 30px; margin: 10px auto; text-align: center; display: block; overflow: hidden; font-size: 18px; font-weight: bold;}
.web-do-li li p{ width: 100%; line-height: 24px; display: block; overflow: hidden; text-align: center;}

.web-qa-sub{ width: 100%; height: 600px; display: block; overflow: hidden; overflow-x: scroll; margin: 80px 0 0 0; padding-bottom: 80px;}
.web-qa{ width: 5100px; height: 600px; display: block; overflow: hidden;}
.web-qa-li{ width: 850px; height: 600px; float: left; display: block; overflow: hidden;}
.web-qa-pic{ width: 60%; height: 600px; background-size: cover!important; display: block; overflow: hidden; float: left;}
.web-qa-pic img { object-fit: contain; width: 100%; height: 100%; }
.web-qa-info{ width: 40%; height: 600px; display: block; overflow: hidden; float: right;}
.web-qa-info em{ width: 100%; font-size: 30px; display: block; overflow: hidden; line-height: 40px; margin: 230px 0 0 0;}
.web-qa-info span{ width: 100%; display: block; overflow: hidden; line-height: 50px; margin: 0 0 20px 0;}


.mains-bac{ width: 100%; display: block; overflow: hidden; background: url(../img/bac02.png) repeat-y; background-size: 100%; margin: 100px auto 0 auto;}
.mains-team{ width: 90%; display: block; overflow: hidden; margin: 80px auto; padding: 80px 0; background: #fff; border-radius: 5px;}
.team-top{ width: 90%; max-width: 1200px; min-height: 125px; margin: 50px auto 0 auto;}
.team-top span{ width: 22%; float: left; margin: 0 3% 0 0; display: block; overflow: hidden;}
.team-top span img{ width: 125px; height: 125px; position: absolute;}
.team-top span em{ width: 70%; padding: 0 10px 0 0; height: 60px; border-radius: 30px; display: block; overflow: hidden; float: right; margin: 40px 0 0 0; background-size: cover!important;text-align: right; line-height: 60px; color: #fff; font-size: 18px;}
.team-bot{ width: 90%; max-width: 1200px; margin: 50px auto 0 auto;}
.team-bot ul li{ width: 30%; margin: 0 3.33% 0 0; min-height: 400px; display: block; overflow: hidden; float: left; background: #F8F5F5; border-radius: 5px;}
.team-bot ul li img{ height: 165px; display: block; overflow: hidden; margin: 10px auto 0 auto;}
.team-bot ul li em{ width: 100%; line-height: 50px; text-align: center; display: block; overflow: hidden; font-size: 22px; font-weight: bold;}
.team-bot ul li span{ width: 90%; line-height: 30px; height: 60px; display: block; overflow: hidden; margin: 10px auto;}
.team-bot ul li a{ width: 100%; line-height: 30px; text-align: center; color: #4370FE; display: block; overflow: hidden;}

.mains-news{ width: 90%; max-width: 1400px; display: block; overflow: hidden; margin: 50px auto 0 auto;}
.news-menu{ width: 100%; border-bottom: 1px solid #eee; display: block; overflow: hidden; line-height: 50px; font-size: 18px;}
.news-menu a{ float: left; margin: 0 30px 0 0;}
.news-menu a.active{ font-weight: bold;}
.mains-news ul li{ width: 100%; display: block; overflow: hidden; margin: 20px 0 0 0;}
.mains-news ul li span{ width: 30%; height: 280px; background-size: cover!important; float: left; display: block; overflow: hidden;}
.mains-news ul li em{ line-height: 30px; width: 65%; display: block; overflow: hidden; margin: 20px 0 0 5%; font-size: 20px; font-weight: bold; float: left;}
.mains-news ul li p{ line-height: 24px; width: 65%; display: block; overflow: hidden; margin: 30px 0 0 5%; color: #999; float: left;}
.mains-news ul li label{ line-height: 24px; width: 65%; display: block; overflow: hidden; margin: 30px 0 0 5%; color: #999; float: left;}

.details{ width: 90%; max-width: 1400px; display: block; overflow: hidden; margin: 50px auto 0 auto;}
.details img{ max-width: 100%;}

.titles{ width: 90%; margin: 80px auto 0 auto; display: block; overflow: hidden; font-size: 24px; font-weight: bold; text-align: center; line-height: 30px;}
.admins{ width: 90%; max-width: 1400px; margin: 20px auto 0 auto; display: block; overflow: hidden; color: #999; text-align: center; line-height: 30px; border-bottom: 2px solid #eee; padding: 0 0 10px 0;}
.nepr{ width: 90%; max-width: 1400px; margin: 50px auto 0 auto; display: block; overflow: hidden; line-height: 30px;}

a.more{ width: 250px; height: 60px; text-align: center; line-height: 60px; color: #fff; background: #121C85; display: block; overflow: hidden; margin: 50px auto 0 auto; border-radius: 30px;}

.top-pic{ width: 100%; height: auto; margin: 0 auto; display: block; overflow: hidden;}
.top-pic img{ width: 100%; float: left;}
.top-pic span{ width: 100%; height: 400px; display: block; overflow: hidden; margin: 0 auto; background-size: cover;}

.top-pic02{ width: 100%; height: 400px; display: block; overflow: hidden; margin: 0 auto; background: url(../img/bac03.png); background-size: cover;}
.top-pic02 span{ width: 90%; height: 50px; line-height: 50px; font-size: 40px; color: #fff; display: block; overflow: hidden; margin: 220px auto 0 auto;}
.top-pic03{ width: 100%; height: 520px; display: block; overflow: hidden; margin: 0 auto; text-align: center; background-size: cover!important; line-height: 50px; color: #fff;}
.top-pic03 span{ width: 90%; display: block; overflow: hidden; margin: 270px auto 0 auto; font-size: 40px;}

.contact-sub{ width: 90%; margin: 0 auto; display: block; overflow: hidden;}
.contact-pic{ width: 30%; display: block; overflow: hidden; float: left; margin: 0 10%;}
.contact-pic img{ width: 100%; float: left;}
.contact-pic.cr{ float: right;}
.contact-info{ width: 50%; float: right; line-height: 30px; font-size: 16px; display: block; overflow: hidden;}
.contact-info img{ max-width: 100%;}
.contact-info .c-lam{ width: 100%; line-height: 50px; font-size: 40px; font-weight: bold; padding: 0 0 20px 0; display: block; overflow: hidden;}
.contact-info.cl{ float: left;}


@media screen and (max-width:767px){

	/*header*/
	header{ height: 60px; position: static; background: #121c85; border: none;}
	.header-sub{ width:100%; margin: 0 auto;}
	.logo{ height: 30px; float: left; margin: 15px 0 0 5%;}
	.logo img{ height: 30px;}
	.navs{ width: 50px; height: 50px; background: url(../img/menu.png) no-repeat center center; display: block; overflow: hidden; float: right; margin: 5px; background-size: 80%;}
	nav{ width: 100%; float: left; display: none; position: fixed; z-index: 9999; background: rgba(0,0,0,.8); top: 0; bottom: 0;}
	nav label{ display: block; overflow: hidden; float: left; width: 30%; height: 50px; background: url(../img/close.png) no-repeat center center; background-size: 30px; margin: 0 0 0 35%;}
	nav .nava{ margin: 0 20%; width: 60%;}
	nav .nava.active{ border-bottom: 0; background: #121c85; border-radius: 25px;}
	nav .nava:hover{ border-bottom: 0;}
	nav .nava:first-child{ margin-top: 80px;}

	footer{ width: 100%; margin: 50px auto 0 auto;}
	.footer-top{ height: auto;}
	.footer-form{ width: 90%; display: block; overflow: hidden; margin: 0 auto; position: relative; z-index: 1;}
	.footer-form .forms{ width: 100%; height: auto; margin: 10px 0 0 0;}
	.forms-cot{ width: 90%; margin: 30px 0 0 5%;}
	.forms-cot .ipt{ width: 40%; padding: 0 3%; height: 50px; line-height: 50px; margin: 20px 0 0 0;}
	.forms-cot .tar{ margin: 20px 0 0 0;}
	.forms-cot .btn{ width: 160px; margin: 20px 0 30px -80px;}
	.footer-form .maps{ width: 100%; height: 220px; border-radius: 10px!important; position: static;}
	.footer-form .maps span{ width: 90%; margin: 100px auto 0 auto;}

	.footer-sub{ width: 90%; margin: 30px auto 0 auto; padding: 0 0 30px 0; display: block; overflow: hidden; border-bottom: 1px solid rgba(255,255,255,.3);}
	.footer-sub .f-l{ width: 100%; float: left;}
	.footer-sub .f-l .footer-logo{ height: 50px; margin: 0 0 20px 0;}
	.footer-sub .f-m{ width: 100%; float: left; margin: 0;}
	.footer-sub .f-m em{ width: 100%; font-size: 16px; margin: 0 0 15px 0;}
	.footer-sub .f-m p{ width: auto; float: left; margin: 0 20px 0 0;}
	.footer-sub .f-m.info{ width: 100%; margin: 20px 0 0 0;}
	.footer-sub .f-r{ float: left;}

	.footer-info{ width: 90%;margin: 20px auto 30px auto; line-height: 30px; padding: 10px 0;}

	.idxban{height: 160px;}
	.ban .swiper-slide{height: 160px;}

	.mains{ width: 96%; margin: 50px auto 0 auto;}
	.mains.m2{ margin: 70px auto;}

	.lams{ line-height: 36px;}
	.lams em{ font-size: 24px;}
	.lams p{ margin: 10px 0 0 0; line-height: 24px;}
	.lams.left{ text-align: center;}
	.lams.white{ color: #fff;}

	.list01{ width: 100%; display: block; overflow: hidden; margin: 50px auto 0 auto;}
	.list01 li{ width: 46%; height: 200px; margin: 2%;}
	.list01 li span{ width: 100%; height: 150px;}

	.list02{ margin: 10px auto 0 auto;}
	.list02 li{ width: 40%; padding: 20px 3%; margin: 2%; height: 240px; background: #f9f9f9;}
	.list02 li img{ height: 120px; margin: 0 auto;}
	.list02 li em{ font-size: 18px;}

	.list03{ margin: 20px auto 0 auto;}
	.list03 li{ width: 40%; height: 300px; margin: 2%; padding: 0 3%; background: #F5F2F2; border-radius: 5px;}
	.list03 li img{ height: 150px;}
	.list03 li em{ line-height: 30px;}

	.list04{ width: 100%; display: block; overflow: hidden; margin: 20px auto 0 auto;}
	.list04 li{ width: 90%; padding: 0 3%; height: 120px; margin: 3% 0 0 2%;}
	.list04 li img{ width: 100px; height: 100px; margin: 10px;}
	.list04 li em{ width: 30%; line-height: 30px; text-align: left; font-size: 18px; margin: 30px 0 0 10px;}
	.list04 li a{ margin: 40px 0 0 0;}

	.list05{ margin: 20px auto 0 auto;}
	.list05 li{ width: 40%; height: 300px; padding: 0 3%; margin: 2%;}
	.list05 li img{ height: 100px;}
	.list05 li em{ line-height: 30px;}

	.list06{ width: 100%; margin: 30px auto 0 auto;}
	.list06 li{ width: 48%; height: 60px; padding: 30px 0 0 0; line-height: 30px; font-size: 16px;}


	.list07{ width: 100%; margin: 30px auto 0 auto;}
	.list07 li{ width: 98%; height: 300px;}
	.list07 li img{ height: 80px;}
	.list07 li em{ margin: 0 0 10px 0;}

	.list-service{ width: 100%; margin: 30px auto 0 auto;}
	.list-service li{ width: 48%; height: 300px;}
	.list-service li img{ height: 80px;}

	.list-service.s2 li{ height: 300px;}
	.list-service.s2 li img{ height: 80px;}


	.web-steps{ width: 84%;margin: 50px auto 0 auto; padding: 5px 5%; }

	.service-li{ width: 94%; margin: 20px auto 0 auto;}
	.service-li li{ width: 100%; margin: 1% 0 0 0; height: auto; padding: 20px 0; line-height: 30px; text-align: center;}
	.service-li li em{ width: 100%; font-size: 18px; display: block; overflow: hidden;}

	.mains-qa{ width: 100%; margin: 50px auto 0 auto; padding: 50px 0;}
	.qa-pic{ width: 94%; height: 230px; margin: 30px 0 0 3%; float: left;}
	.qa-li{ width: 94%; height: auto; margin: 30px 0 0 3%; float: left;}
	.qa-li li em{ line-height: 30px; font-weight: bold;}

	.qa-pic02{ width: 94%; padding: 30px 3%; height: auto;}
	.qa-li02{ width: 100%;}
	.qa-li02 li{ width: 94%; padding: 15px 3%; margin: 20px 0 0 0;}
	.qa-li02 li em{ width: 100%; line-height: 30px;}
	.qa-li02 li.active span{ display: block;}

	.mains-app-steps{ width: 90%; margin: 50px auto 0 auto; padding: 50px 0;}
	.list08{ width: 90%; display: block; overflow: hidden; margin: 30px auto 0 auto;}
	.list08 li{ width: 65%; height: auto; padding: 10px 0 10px 35%;}
	.list08 li img{ height: 60px; margin: 30px 0 0 10px; position: absolute; left: 0;}
	.list08 li em{ width: 100%; float: left; text-align: left; margin: 0 10px 0 0;}
	.list08 li p{ width: auto; text-align: left; margin: 0 10px 0 0; float: left;}

	.smartapp-c-pic{ width: 100%; max-width: 630px; height: 270px; margin: 0;}
	.smartapp-c-right{ width: 100%; height: auto; margin: 30px 0 0 0;}
	.smartapp-c-right span.contact{ float: left; width: 100%; text-align: center; font-size: 30px; line-height: 40px; margin: 30px 0 0 0;}
	.smartapp-c-right a.online{ float: left; padding: 0; margin: 30px 0 0 30%; width: 40%; text-align: center;}

	.service-pic{ width: 100%; max-width: 620px; height: 320px; margin: 0;}
	.service-left{ width: 90%; height: auto; margin: 10px auto; padding: 0 5%;}
	.service-info{ width: 100%; margin: 20px 0 0 0;}

	.wei-industry{ width: 90%; min-height: 125px; margin: 20px auto 0 auto;}
	.wei-industry span{ width: 48%; float: left; margin: 1%; display: block; overflow: hidden;}
	.wei-industry span img{ width: 60px; height: 60px; position: absolute;}
	.wei-industry span em{ height: 40px; line-height: 40px;}
	.wei-industry02{ width: 92%; min-height: 125px; margin: 30px auto 0 3%; float: left;}
	.wei-industry02 span{ width: 100%; float: left; margin: 1%; padding: 20px 0;}
	.wei-industry02 span label{ font-size: 30px; line-height: 30px; }
	.wei-industry02 span em{ width: 60%; height: auto; line-height: 30px; font-size: 18px;}


	.wedo{ width: 40%; margin: 30px 2% 0 2%; padding: 0 3%; height: 550px;}
	.wedo img{ height: 120px; margin: 10px auto;}
	.wedo em{line-height: 30px; font-size: 18px;}
	.wedo span{ line-height: 24px; font-size: 14px;}
	.wedo p{ font-size: 14px;}
	.wedo p::after{ content: ""; width: 6px; height: 6px; left: 0; top: 12px;}

	.steps{ padding: 50px 0;}
	.steps .steps-menu{ width: 90%;}
	.steps .steps-menu a{ width: 20%;}
	.steps ul{ width: 96%; margin: 30px auto 0 auto;}
	.steps ul li{ width: 40%; margin: 2%; padding: 0 3%; border-radius: 5px;}
	.steps ul li img{ width: 60px; height: 60px; margin: 30px auto 0 auto;}

	.app-left{ width: 100%; margin: 0;}
	.app-left a{ width: 50%; margin: 30px auto; height: 60px; line-height: 60px;}
	.app-right{ width: 90%; margin: 0 5%; float: none; }

	.app-ind{ width: 100%; margin: 50px auto 0 auto; padding: 50px 0;}
	.app-ind-top{ width: 90%; display: block; overflow: hidden; margin: 0 auto;}
	.app-ind-top li{ width: 25%; }
	.app-ind-bot{ width: 90%; display: block; overflow: hidden; margin: 50px 0 0 5%;}
	.app-ind-li{ width: 100%; height: auto; margin: 10px 0 0 0;}
	.app-ind-pic{ width: 100%; height: 300px;}
	.app-ind-info{ width: 100%; height: auto;}

	.app-adv-left{ width: 90%; padding: 30px 5%; background: #76A6F9;}
	.app-adv-menu a{ border-left: 0; border-bottom: 5px solid #570B77; width: 25%; padding: 0; float: left; font-size: 16px;}
	.app-adv-menu a.active{ border-color: #fff;}
	.app-adv-li{ width: 100%;}
	.app-adv-li li{ width: 90%;margin: 30px 0 0 5%;}
	.app-adv-li li span{ width: 100%;}
	.app-adv-li li span label{ font-size: 24px;}
	.app-adv-li li img{ width: 100%;}

	.app-c{ display: none;}

	.industry-left{ width: 100%; float: left;}
	.industry-cot{ width: 100%; float: left;}
	.industry-right span{ height: 260px;}
	.industry-cot .swiper-slide{ height: 350px}

	.web-service{ width: 90%; margin: 50px auto 0 auto; padding: 50px 0;}
	.web-service ul{ margin: 30px auto 0 auto;}
	.web-service ul li{ width: 90%; height: auto; float: left; margin: 10px 0 10px 5%;}
	.web-service ul li img{ width: 25%; height: auto; margin: 10px 0 0 5%;}
	.web-service ul li span{ width: 60%; height: auto; margin: 15px 5% 15px 0; float: right;}

	.web-do{ width: 90%; margin: 50px auto 0 auto;}
	.web-do-left{ width: 90%; padding: 30px 5%; height: auto;}
	.web-do-a{ width: 80%; height: 60px; line-height: 60px; margin: 20px 0 0 10%;}
	.web-do-li{ width: 100%; float: right;}
	.web-do-li li{ width: 40%; height: 240px; padding: 0 5%; float: left; display: block; overflow: hidden;}
	.web-do-li li img{ height: 80px;}
	.web-do-li li em{ font-size: 16px;}

	.web-qa-sub{ width: 100%; height: auto; padding-bottom: 30px;}
	.web-qa{ width: 100%; height: auto;}
	.web-qa-li{ width: 100%; height: auto;}
	.web-qa-pic{ width: 100%; height: 200px;}
	.web-qa-info{ width: 100%; height: auto;}
	.web-qa-info em{ width: 100%; font-size: 24px;margin: 30px 0 0 0;}


	.mains-bac{ margin: 50px auto 0 auto;}
	.mains-team{ width: 90%; margin: 50px auto; padding: 50px 0;}
	.team-top{ width: 100%; margin: 30px auto 0 auto; display: block; overflow: hidden;}
	.team-top span{ width: 46%; float: left; margin: 0 2%; display: block; overflow: hidden;}
	.team-top span img{ width: 65px; height: 65px; position: absolute;}
	.team-top span em{ width: 80%; height: 40px; margin: 50px 0 0 0; line-height: 40px; font-size: 14px;}
	.team-bot{ width: 90%; max-width: 1200px; margin: 30px auto 0 auto; display: block; overflow: hidden;}
	.team-bot ul li{ width: 100%; margin: 10px 0; min-height: auto; padding: 20px 0;}
	.team-bot ul li img{ height: auto; width: 20%; float: left;}
	.team-bot ul li em{ width: 75%; line-height: 30px; text-align: left; font-size: 18px; float: left; margin: 0 0 0 5%;}
	.team-bot ul li span{ width: 75%; float: left; margin: 0 0 0 5%;}
	.team-bot ul li a{ width: 75%; text-align: left; float: right;}

	.mains-news{ margin: 30px auto 0 auto;}
	.news-menu{ width: 100%; border-bottom: 1px solid #eee; display: block; overflow: hidden; line-height: 50px; font-size: 18px;}
	.news-menu a{ float: left; margin: 0 30px 0 0;}
	.news-menu a.active{ font-weight: bold;}
	.mains-news ul li{ width: 100%; display: block; overflow: hidden; margin: 20px 0 0 0;}
	.mains-news ul li span{ width: 100%; height: 150px; }
	.mains-news ul li em{ width: 90%; margin: 20px 0 0 5%; font-size: 18px;}
	.mains-news ul li p{ width: 90%; margin: 20px 0 0 5%;}


	.titles{ width: 90%; margin: 50px auto 0 auto;}
	a.more{ width: 250px; height: 60px; text-align: center; line-height: 60px; color: #fff; background: #121C85; display: block; overflow: hidden; margin: 50px auto 0 auto; border-radius: 30px;}


	.top-pic span{height: 200px;}

	.top-pic02{ height: 200px;}
	.top-pic02 span{ margin: 60px auto 0 auto;}


}

@media (max-width:1365px) and (min-width:1000px){
	/*header*/
	header{ height: 60px; position: static; background: #121c85; border: none;}
	.header-sub{ width:100%; margin: 0 auto;}
	.logo{ height: 30px; float: left; margin: 15px 0 0 5%;}
	.logo img{ height: 30px;}
	.navs{ width: 50px; height: 50px; background: url(../img/menu.png) no-repeat center center; display: block; overflow: hidden; float: right; margin: 5px; background-size: 80%;}
	nav{ width: 100%; float: left; display: none; position: fixed; z-index: 9999; background: rgba(0,0,0,.8); top: 0; bottom: 0;}
	nav label{ display: block; overflow: hidden; float: left; width: 30%; height: 50px; background: url(../img/close.png) no-repeat center center; background-size: 30px; margin: 0 0 0 35%;}
	nav .nava{ margin: 0 20%; width: 60%;}
	nav .nava.active{ border-bottom: 0; background: #121c85; border-radius: 25px;}
	nav .nava:hover{ border-bottom: 0;}
	nav .nava:first-child{ margin-top: 80px;}
}

@media (max-width:1099px) and (min-width:768px){
	/*header*/
	header{ height: 60px; position: static; background: #121c85; border: none;}
	.header-sub{ width:100%; margin: 0 auto;}
	.logo{ height: 30px; float: left; margin: 15px 0 0 5%;}
	.logo img{ height: 30px;}
	.navs{ width: 50px; height: 50px; background: url(../img/menu.png) no-repeat center center; display: block; overflow: hidden; float: right; margin: 5px; background-size: 80%;}
	nav{ width: 100%; float: left; display: none; position: fixed; z-index: 9999; background: rgba(0,0,0,.8); top: 0; bottom: 0;}
	nav label{ display: block; overflow: hidden; float: left; width: 30%; height: 50px; background: url(../img/close.png) no-repeat center center; background-size: 30px; margin: 0 0 0 35%;}
	nav .nava{ margin: 0 20%; width: 60%;}
	nav .nava.active{ border-bottom: 0; background: #121c85; border-radius: 25px;}
	nav .nava:hover{ border-bottom: 0;}
	nav .nava:first-child{ margin-top: 80px;}

	footer{ width: 100%; margin: 50px auto 0 auto;}
	.footer-top{ height: auto;}
	.footer-form{ width: 90%; display: block; overflow: hidden; margin: 0 auto; position: relative; z-index: 1;}
	.footer-form .forms{ width: 100%; height: auto; margin: 10px 0 0 0; float: left;}
	.forms-cot{ width: 90%; margin: 30px 0 0 5%;}
	.forms-cot .ipt{ width: 40%; padding: 0 3%; height: 50px; line-height: 50px; margin: 20px 0 0 0;}
	.forms-cot .tar{ margin: 20px 0 0 0;}
	.forms-cot .btn{ width: 160px; margin: 20px 0 30px -80px;}
	.footer-form .maps{ width: 40%; height: 220px; border-radius: 10px!important; position: static; float: left; display: none;}
	.footer-form .maps span{ width: 90%; margin: 100px auto 0 auto;}

	.footer-sub{ width: 90%; margin: 30px auto 0 auto; padding: 0 0 30px 0; display: block; overflow: hidden; border-bottom: 1px solid rgba(255,255,255,.3);}
	.footer-sub .f-l{ width: 20%; float: left; display: none;}
	.footer-sub .f-l .footer-logo{ height: auto; width: 100%; margin: 0 0 20px 0;}
	.footer-sub .f-m{ width: 20%; float: left; margin: 0;}
	.footer-sub .f-m em{ width: 100%; font-size: 16px; margin: 0 0 15px 0;}
	.footer-sub .f-m p{ width: auto; float: left; margin: 0 20px 0 0;}
	.footer-sub .f-m.info{ width: 40%; margin: 0;}
	.footer-sub .f-r{ width: 20%; float: right;}
	.footer-sub .f-r img{ max-width: 100%;}

	.footer-info{ width: 90%;margin: 20px auto 30px auto; line-height: 30px; padding: 10px 0;}

	.idxban{height: 300px;}
	.ban .swiper-slide{height: 300px;}

	.mains{ width: 96%; margin: 50px auto 0 auto;}
	.mains.m2{ margin: 70px auto;}

	.lams{ line-height: 36px;}
	.lams em{ font-size: 24px;}
	.lams p{ margin: 10px 0 0 0; line-height: 24px;}
	.lams.left{ text-align: center;}
	.lams.white{ color: #fff;}

	.list01{ width: 100%; display: block; overflow: hidden; margin: 30px auto 0 auto;}
	.list01 li{ width: 29.33%; height: 200px; margin: 2%;}
	.list01 li span{ width: 100%; height: 150px;}

	.list02{ margin: 10px auto 0 auto;}
	.list02 li{ width: 19%; padding: 20px 2%; margin: 1%; height: 240px; background: #f9f9f9;}
	.list02 li img{ height: 100px; margin: 0 auto;}
	.list02 li em{ font-size: 18px;}

	.list03{ margin: 20px auto 0 auto;}
	.list03 li{ width: 40%; height: 300px; margin: 2%; padding: 0 3%; background: #F5F2F2; border-radius: 5px;}
	.list03 li img{ height: 150px;}
	.list03 li em{ line-height: 30px;}

	.list04{ width: 100%; display: block; overflow: hidden; margin: 20px auto 0 auto;}
	.list04 li{ width: 90%; padding: 0 3%; height: 120px; margin: 3% 0 0 2%;}
	.list04 li img{ width: 100px; height: 100px; margin: 10px;}
	.list04 li em{ width: 30%; line-height: 30px; text-align: left; font-size: 18px; margin: 30px 0 0 10px;}
	.list04 li a{ margin: 40px 0 0 0;}

	.list05{ margin: 20px auto 0 auto;}
	.list05 li{ width: 40%; height: 300px; padding: 0 3%; margin: 2%;}
	.list05 li img{ height: 100px;}
	.list05 li em{ line-height: 30px;}

	.list06{ width: 100%; margin: 30px auto 0 auto;}
	.list06 li{ width: 48%; height: 60px; padding: 30px 0 0 0; line-height: 30px; font-size: 16px;}


	.list07{ width: 100%; margin: 30px auto 0 auto;}
	.list07 li{ width: 98%; height: 300px;}
	.list07 li img{ height: 80px;}
	.list07 li em{ margin: 0 0 10px 0;}

	.list-service{ width: 100%; margin: 30px auto 0 auto;}
	.list-service li{ width: 48%; height: 300px;}
	.list-service li img{ height: 80px;}

	.list-service.s2 li{ height: 300px;}
	.list-service.s2 li img{ height: 80px;}


	.web-steps{ width: 84%;margin: 50px auto 0 auto; padding: 5px 5%; }

	.service-li{ width: 94%; margin: 20px auto 0 auto;}
	.service-li li{ width: 100%; margin: 1% 0 0 0; height: auto; padding: 20px 0; line-height: 30px; text-align: center;}
	.service-li li em{ width: 100%; font-size: 18px; display: block; overflow: hidden;}

	.mains-qa{ width: 100%; margin: 50px auto 0 auto; padding: 50px 0;}
	.qa-pic{ width: 37%; height: 230px; margin: 30px 0 0 3%; float: left;}
	.qa-li{ width: 54%; height: auto; margin: 30px 0 0 3%; float: left;}
	.qa-li li em{ line-height: 30px; font-weight: bold;}

	.qa-pic02{ width: 94%; padding: 30px 3%; height: auto;}
	.qa-li02{ width: 100%;}
	.qa-li02 li{ width: 94%; padding: 15px 3%; margin: 20px 0 0 0;}
	.qa-li02 li em{ width: 100%; line-height: 30px;}
	.qa-li02 li.active span{ display: block;}

	.mains-app-steps{ width: 90%; margin: 50px auto 0 auto; padding: 50px 0;}
	.list08{ width: 90%; display: block; overflow: hidden; margin: 30px auto 0 auto;}
	.list08 li{ width: 65%; height: auto; padding: 10px 0 10px 35%;}
	.list08 li img{ height: 60px; margin: 30px 0 0 10px; position: absolute; left: 0;}
	.list08 li em{ width: 100%; float: left; text-align: left; margin: 0 10px 0 0;}
	.list08 li p{ width: auto; text-align: left; margin: 0 10px 0 0; float: left;}

	.smartapp-c-pic{ width: 100%; max-width: 630px; height: 270px; margin: 0;}
	.smartapp-c-right{ width: 100%; height: auto; margin: 30px 0 0 0;}
	.smartapp-c-right span.contact{ float: left; width: 100%; text-align: center; font-size: 30px; line-height: 40px; margin: 30px 0 0 0;}
	.smartapp-c-right a.online{ float: left; padding: 0; margin: 30px 0 0 30%; width: 40%; text-align: center;}

	.service-pic{ width: 100%; max-width: 620px; height: 320px; margin: 0;}
	.service-left{ width: 90%; height: auto; margin: 10px auto; padding: 0 5%;}
	.service-info{ width: 100%; margin: 20px 0 0 0;}

	.wei-industry{ width: 90%; min-height: 125px; margin: 20px auto 0 auto;}
	.wei-industry span{ width: 48%; float: left; margin: 1%; display: block; overflow: hidden;}
	.wei-industry span img{ width: 60px; height: 60px; position: absolute;}
	.wei-industry span em{ height: 40px; line-height: 40px;}
	.wei-industry02{ width: 92%; min-height: 125px; margin: 30px auto 0 3%; float: left;}
	.wei-industry02 span{ width: 100%; float: left; margin: 1%; padding: 20px 0;}
	.wei-industry02 span label{ font-size: 30px; line-height: 30px; }
	.wei-industry02 span em{ width: 60%; height: auto; line-height: 30px; font-size: 18px;}


	.wedo{ width: 40%; margin: 30px 2% 0 2%; padding: 0 3%; height: 400px;}
	.wedo img{ height: 120px; margin: 10px auto;}
	.wedo em{line-height: 30px; font-size: 18px;}
	.wedo span{ line-height: 24px; font-size: 14px;}
	.wedo p{ font-size: 14px;}
	.wedo p::after{ content: ""; width: 6px; height: 6px; left: 0; top: 12px;}

	.steps{ padding: 50px 0;}
	.steps .steps-menu{ width: 90%;}
	.steps .steps-menu a{ width: 16.66%;}
	.steps ul{ width: 96%; margin: 30px auto 0 auto;}
	.steps ul li{ width: 23.33%; margin: 2%; padding: 0 3%; border-top: 8px solid #fff; border-radius: 5px;}
	.steps ul li img{ width: 60px; height: 60px; margin: 30px auto 0 auto;}

	.app-left{ width: 100%; margin: 0;}
	.app-left a{ width: 50%; margin: 30px auto; height: 60px; line-height: 60px;}
	.app-right{ width: 90%; margin: 0 5%; float: none; }

	.app-ind{ width: 100%; margin: 50px auto 0 auto; padding: 50px 0;}
	.app-ind-top{ width: 90%; display: block; overflow: hidden; margin: 0 auto;}
	.app-ind-top li{ width: 25%; }
	.app-ind-bot{ width: 90%; display: block; overflow: hidden; margin: 50px 0 0 5%;}
	.app-ind-li{ width: 100%; height: auto; margin: 10px 0 0 0;}
	.app-ind-pic{ width: 100%; height: 300px;}
	.app-ind-info{ width: 100%; height: auto;}

	.app-adv-left{ width: 90%; padding: 30px 5%;}
	.app-adv-menu a{ border-left: 0; border-bottom: 5px solid #570B77; width: 25%; padding: 0; float: left; font-size: 16px;}
	.app-adv-menu a.active{ border-color: #fff;}
	.app-adv-li{ width: 100%;}
	.app-adv-li li{ width: 90%;margin: 30px 0 0 5%;}
	.app-adv-li li span{ width: 100%;}
	.app-adv-li li span label{ font-size: 24px;}
	.app-adv-li li img{ width: 100%;}

	.app-c{ display: none;}

	.industry-left{ width: 100%; float: left;}
	.industry-right{ width: 47%; float: right; margin: 10px 2% 0 0;}
	.industry-right span{ height: 260px;}

	.web-service{ width: 90%; margin: 50px auto 0 auto; padding: 50px 0;}
	.web-service ul{ margin: 30px auto 0 auto;}
	.web-service ul li{ width: 90%; height: auto; float: left; margin: 10px 0 10px 5%;}
	.web-service ul li img{ width: 25%; height: auto; margin: 10px 0 0 5%;}
	.web-service ul li span{ width: 60%; height: auto; margin: 15px 5% 15px 0; float: right;}

	.web-do{ width: 90%; margin: 50px auto 0 auto;}
	.web-do-left{ width: 90%; padding: 30px 5%; height: auto;}
	.web-do-a{ width: 80%; height: 60px; line-height: 60px; margin: 20px 0 0 10%;}
	.web-do-li{ width: 100%; float: right;}
	.web-do-li li{ width: 40%; height: 240px; padding: 0 5%; float: left; display: block; overflow: hidden;}
	.web-do-li li img{ height: 80px;}
	.web-do-li li em{ font-size: 16px;}

	.web-qa-sub{ width: 100%; height: auto; padding-bottom: 30px;}
	.web-qa{ width: 100%; height: auto;}
	.web-qa-li{ width: 100%; height: auto;}
	.web-qa-pic{ width: 100%; height: 200px;}
	.web-qa-info{ width: 100%; height: auto;}
	.web-qa-info em{ width: 100%; font-size: 24px;margin: 30px 0 0 0;}


	.mains-bac{ margin: 50px auto 0 auto;}
	.mains-team{ width: 90%; margin: 50px auto; padding: 50px 0;}
	.team-top{ width: 100%; margin: 30px auto 0 auto; display: block; overflow: hidden;}
	.team-top span{ width: 21%; float: left; margin: 0 2%; display: block; overflow: hidden;}
	.team-top span img{ width: 65px; height: 65px; position: absolute;}
	.team-top span em{ width: 80%; height: 40px; margin: 50px 0 0 0; line-height: 40px; font-size: 14px;}
	.team-bot{ width: 100%; max-width: 1200px; margin: 30px auto 0 auto; display: block; overflow: hidden;}
	.team-bot ul li{ width: 29%; margin: 10px 2%; min-height: auto; padding: 20px 0;}
	.team-bot ul li img{ height: 60px; margin-top: 0;}
	.team-bot ul li em{ width: 90%; line-height: 30px; text-align: center; font-size: 18px; float: left; margin: 0 0 0 5%;}
	.team-bot ul li span{ width: 90%; float: left; margin: 0 0 0 5%;}
	.team-bot ul li a{ width: 75%; text-align: center; float: right;}

	.mains-news{ margin: 30px auto 0 auto;}
	.news-menu{ width: 100%; border-bottom: 1px solid #eee; display: block; overflow: hidden; line-height: 50px; font-size: 18px;}
	.news-menu a{ float: left; margin: 0 30px 0 0;}
	.news-menu a.active{ font-weight: bold;}
	.mains-news ul li{ width: 100%; display: block; overflow: hidden; margin: 20px 0 0 0;}
	.mains-news ul li span{ width: 100%; height: 150px; }
	.mains-news ul li em{ width: 90%; margin: 20px 0 0 5%; font-size: 18px;}
	.mains-news ul li p{ width: 90%; margin: 20px 0 0 5%;}


	.titles{ width: 90%; margin: 50px auto 0 auto;}
	a.more{ width: 250px; height: 60px; text-align: center; line-height: 60px; color: #fff; background: #121C85; display: block; overflow: hidden; margin: 50px auto 0 auto; border-radius: 30px;}


	.top-pic span{height: 200px;}

	.top-pic02{ height: 200px;}
	.top-pic02 span{ margin: 60px auto 0 auto;}
}

.tnews-lam{ width: 100%; height: 400px; display: block; overflow: hidden; margin: 0 auto; background: #320FEE;}
.tnews-lam span{ width: 90%; height: 50px; line-height: 50px; font-size: 40px; color: #fff; display: block; overflow: hidden; margin: 220px auto 0 auto; max-width: 1400px;}
.tnews{ width: 90%; max-width: 1400px; display: block; overflow: hidden; margin: 50px auto;}
.tnews .left{ width: 65%; display: block; overflow: hidden; float: left;}
.tnews .left .lam{ width: 100%; display: block; overflow: hidden; line-height: 50px; font-size: 24px;}
.tnews .left .lam a{ float: left; margin: 0 30px 0 0; color: #444;}
.tnews .left .lam a.active{ font-weight: bold;}
.tnews-li{ width: 100%; display: block; overflow: hidden;}
.tnews-li ul li{ width: 100%; display: block; overflow: hidden; margin: 30px auto 0 auto;}
.tnews-li ul li em{ width: 100%; line-height: 30px; font-size: 20px; font-weight: bold; display: block; overflow: hidden;}
.tnews-li ul li label{ width: 100%; line-height: 30px; font-size: 12px; color: #5A5858; display: block; overflow: hidden;}
.tnews-li ul li span{ width: 100%; line-height: 20px; font-size: 14px; color: #5A5858; display: block; overflow: hidden; margin: 8px 0 0 0;}
.page3{ display: block; overflow: hidden; margin: 50px 0 0 20%;}
.page3 a{ float: left; margin: 3px; height: 40px; line-height: 40px; border: 1px solid #B8B6B6; text-align: center; min-width: 14px; padding: 0 15px; font-size: 12px; display: block; overflow: hidden; color: ##5A5858;}
.page3 a:hover{ background: #121C85; color: #fff; border-color: #121C85;}
.page3 a.active{ background: #121C85; color: #fff; border-color: #121C85;}
.page3 span{ float: left; margin: 3px; height: 40px; line-height: 40px; text-align: center; min-width: 14px; padding: 0 15px; font-size: 12px; display: block; overflow: hidden; color: ##5A5858;}

.tnews .t-dtit{ width: 100%; line-height: 50px; font-size: 28px; font-weight: bold; display: block; overflow: hidden;}
.tnews .t-dinfo{ width: 100%; line-height: 40px; font-size: 14px; display: block; overflow: hidden; color: #4D4848;}
.tnews .t-dinfo label{ margin: 0 20px 0 0;}
.tnews .t-ddec{ width: 100%; margin: 30px 0 0 0; font-size: 16px; display: block; overflow: hidden;}
.tnews .t-dnext{ width: 100%; margin: 50px 0 0 0; display: block; overflow: hidden;}
.tnews .t-dnext .li{ width: 40%; float: left; border: 1px solid #B2B2B2; border-top: 3px solid #121C85; display: block; overflow: hidden; padding: 10px 15px;}
.tnews .t-dnext .li:last-child{ float: right;}
.tnews .t-dnext .li em{ width: 100%; line-height: 30px; font-size: 14px; font-weight: bold; display: block; overflow: hidden;}
.tnews .t-dnext .li span{ width: 100%; line-height: 20px; font-size: 12px; color: #707070; display: block; overflow: hidden; margin: 10px auto;}
.tnews .t-dnext .li label{ width: 100%; line-height: 20px; font-size: 16px; font-weight: bold; display: block; overflow: hidden;}

.tnews .right{ width: 400px; display: block; overflow: hidden; float: right;}
.tnews .right .lam{ width: 100%; font-size: 24px; line-height: 50px; font-weight: bold; border-bottom: 1px solid #BEBABA; display: block; overflow: hidden;}
.tnews .right .t-ser{ width: 100%; display: block; overflow: hidden; margin: 10px auto 20px auto;}
.tnews .right .t-ser a{ width: 398px; border: 1px solid #D1CACA; display: block; overflow: hidden; margin: 10px auto 0 auto; line-height: 50px; font-size: 18px; text-indent: 20px; background: url(../img/tnews-right-icon.png) no-repeat right 20px center;}
.tnews .right .t-ser a:hover{ border-color: #320FEE;}
.tnews .right .t-case{ width: 100%; display: block; overflow: hidden; margin: 10px auto 30px auto;}
.tnews .right .t-case a{ width: 100%; display: block; overflow: hidden; margin: 10px auto 0 auto; background: #F6F2F2;}
.tnews .right .t-case a em{ width: 80px; height: 80px; background-position: center center!important; background-repeat: no-repeat!important; display: block; overflow: hidden; float: left;}
.tnews .right .t-case a span{ width: 300px; float: left; line-height: 80px; font-size: 18px; display: block; overflow: hidden;}
.tnews .right .t-hot{ width: 100%; display: block; overflow: hidden; margin: 10px auto 30px auto;}
.tnews .right .t-hot a{ width: 100%; font-size: 16px; line-height: 24px; margin: 10px auto 0 auto; display: block; overflow: hidden;}


@media screen and (max-width:767px){

	.tnews-lam{ width: 100%; height: 120px;}
	.tnews-lam span{ font-size: 24px; margin: 50px auto 0 auto;}
	.tnews{ margin: 30px auto;}
	.tnews .left{ width: 100%; margin: 0;}
	.tnews .left .lam{ font-size: 18px; line-height: 40px;}
	.tnews-li ul li{ margin: 20px auto 0 auto;}
	.tnews-li ul li em{ font-size: 16px; line-height: 24px;}
	.tnews-li ul li span{ font-size: 12px; margin: 0;}
	.page3{ margin: 30px 0 0 0;}
	.page3 a{ float: left; height: 30px; line-height: 30px; margin: 2px; min-width: 4px; padding: 0 13px;}
	.page3 a:hover{ background: #121C85; color: #fff; border-color: #121C85;}
	.page3 a.active{ background: #121C85; color: #fff; border-color: #121C85;}
	.page3 span{ margin: 2px; height: 30px; line-height: 30px; padding: 0 5px;}

	.tnews .t-dtit{ line-height: 30px; font-size: 20px;}
	.tnews .t-dinfo{ font-size: 12px;}
	.tnews .t-ddec{ margin: 20px 0 0 0; font-size: 14px;}
	.tnews .t-dnext .li{ width: 92%; padding: 3%;}
	.tnews .t-dnext .li:last-child{ float: left; margin: 20px 0 0 0;}
	.tnews .t-dnext .li em{ line-height: 20px;}
	.tnews .t-dnext .li label{ font-size: 14px;}

	.tnews .right{ width: 100%; margin: 30px 0 0 0;}
	.tnews .right .lam{ font-size: 18px; line-height: 40px;}
	.tnews .right .t-ser a{ width: 98%; font-size: 14px; line-height: 40px;}
	.tnews .right .t-case a{ width: 100%; display: block; overflow: hidden; margin: 10px auto 0 auto; background: #F6F2F2;}
	.tnews .right .t-case a em{ width: 80px; height: 60px; background-size: 70%!important;}
	.tnews .right .t-case a span{ line-height: 60px; width: 60%; font-size: 14px;}
	.tnews .right .t-hot a{ font-size: 14px;}
}