@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0;box-sizing: border-box;}
body,input,button,textarea,select,table{font-size:14px;line-height: 1.5;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Helvetica,Consolas,Tahoma,Arial,sans-serif}
h1,h2,h3,em,i,th,caption,cite,code,address{font-style:normal;font-weight:normal}
ul,ol{list-style:none}
img,fieldset{border:0 none;vertical-align: middle;}
input,textarea{outline:none}
button,input,select,label{vertical-align:middle;}
p,a{color:#262626;outline:none;text-decoration:none;text-align: justify;}
a:focus,a:hover{outline:none;text-decoration:none;}
a:active{star:expression(this.onfocus=this.blur())}
::-webkit-input-placeholder { /* WebKit browsers */ color: #ccc;}
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ccc;}
:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ccc;}
/*全局*/
.lay-3{width: 30%;}
.lay-4{width: 40%;}
.lay-5{width: 50%;}
.lay-6{width: 60%;}
.lay-7{width: 70%;position: relative;top: 50px;}
.left{float: left;}
.right{float: right;}

/*头尾*/
.msheader{position: fixed;top: 0;width: 100%;min-width: 840px;padding:0 25px;background: rgba(0,0,0,.3);box-shadow: 0 0 2px 1px rgba(0,0,0,.3);z-index: 1000;}
.msheader .logo{float: left;display: flex;height: 60px;margin-right:30px}
.msheader .logo-link{display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center;}
.msheader .logo-link font{display: inline-block;padding: 0 10px;font-size: 28px;color: #FFF;}
.msheader .header-content{width: 100%;margin: 0 auto;line-height: 0;}
.msheader ul{padding: 0 20px;}
.msheader ul li{float: left;position: relative;line-height: 60px;}
.msheader ul li a{position: relative;padding: 0 15px;display: inline-block;line-height: 14px;color:#FFF;border-right: 2px solid #1a5e93;}
.msheader ul li:last-child a{border: 0;}
.msheader ul li a:hover{text-shadow: 2px 2px 2px rgba(0,0,0,.3);}
.msheader .menu-mobile,.nav-mobile{display: none;}
.msheader .navdown{display: none;background: rgba(37, 135, 211,.9);padding: 0 !important;border-top: 1px solid transparent;}
.msheader ul li:hover ul{position: absolute;display: block;}
.msheader .navdown li{width: 100%;white-space: nowrap;padding: 5px 10px;line-height: 30px !important;color: #FFF;cursor: pointer;}
.msheader .navdown li a{display: inline-block;width: 100%;line-height: 30px !important;border: 0 !important;text-align: left !important;padding: 0 !important;}
.msheader .navdown li:hover{background: rgb(27, 113, 211);}

.back{position: fixed;z-index: 999999;bottom: 50px;right: 20px;width: 60px;height: 60px;background: url(../images/back.png) center no-repeat;background-size: 80%;cursor: pointer;}
.back:hover{background: url(../images/back-h.png) center no-repeat;background-size: 80%;}
.bottom{width: 100%;padding: 60px 0;background:#3a3939;}
.bottom p{text-align: center;padding:10px;}
.bottom-a,.bottom-a a{color:#adadad}
.bottom-c{color: #FFF;}
.bottom-i{overflow: hidden; width: 870px; margin: 0 auto; padding: 20px 0 20px 130px;}
.bottom-i li{float: left;margin-right: 50px;}
.bottom-i li span{color: #fff;}

.sideTools{position: fixed;margin-top: -50px;top: 50%;right: 20px;z-index: 9999999;}
.sideTools a{display: inline-block;margin:2px 5px;padding: 5px;background: #20b5ed;}
.sideTools a:hover{background: #00148c;}

/*公共*/
.swiper-cont{width: 1000px;margin: 0 auto;padding: 80px 0;}
.swiper-cont h2{color: #FFF;text-align: center;padding: 30px;font-size: 40px;text-shadow: 3px 3px 3px rgba(0,0,0,.5);}
.swiper-cont p{color: #FAFAFA;font-size: 18px;text-align: center;padding: 0 30px;text-shadow: 2px 2px 2px rgba(0,0,0,.5);}
.swiper-cont p .ani-btn{display: inline-block;margin: 20px 5px 0 5px;padding: 5px 20px;background: #eead31;color: #FFF;text-shadow: none;}
.swiper-cont p .ani-btn:hover{background: #dca232;}
.ms-action,.swiper-container{width: 100%;height: 360px;overflow: hidden;}

/*首页*/
.main{min-height: 500px;}
.ms-chara{width: 600px;height: 270px;margin: 0 auto;padding: 20px;overflow: hidden;}
.ms-chara .lay-3{padding: 20px 0;}
.ms-chara h4{display: inline-block;font-size: 20px;padding: 5px 10px;margin: 20px;background: #20b5ed;color: #FFF;}
.ms-chara p{font-size: 14px;color: #666;padding: 0 20px;}
.ms-chara p a{color: #2587d3;padding:0 20px;background: url(../images/to.png) no-repeat left center;cursor: pointer;}
.ms-chara p a:hover{color: #0f65a9;}
.section1 .lay-5:nth-of-type(1) .ms-chara,.section1 .lay-5:nth-of-type(2) .ms-chara,.section1 .lay-5:nth-of-type(3) .ms-chara,.section1 .lay-5:nth-of-type(4) .ms-chara{background: none;height: 330px;padding: 65px 20px;}
.section1 .lay-5:nth-of-type(1){background: #FFF;}
.section1 .lay-5:nth-of-type(2){background: url(../images/lay2-bg.png) no-repeat center center;}
.section1 .lay-5:nth-of-type(3){background: #ec6868;}
.section1 .lay-5:nth-of-type(4){background: #edf6fd;}
.section1 .lay-5:nth-of-type(1) .lay-7,.section1 .lay-5:nth-of-type(2) .lay-7,.section1 .lay-5:nth-of-type(3) .lay-7,.section1 .lay-5:nth-of-type(4) .lay-7{top: 0;}
.section1 .lay-5:nth-of-type(2) p,.section1 .lay-5:nth-of-type(3) p{color: #FFF;}
.section1 .lay-5 p{text-indent: 2em;}
.section1 .lay-5:nth-of-type(3) p a{color: #c6d9ff;}
.section1 .lay-5:nth-of-type(2) h4,.section1 .lay-5:nth-of-type(3) h4{border: 1px solid #FFF;background: 0;}
.section1,.section2{position: relative;overflow: hidden;}
.section1 h2{clear: both;position: absolute;top: 290px;margin-bottom: 0;line-height: 1.5;left: 50%;margin-left: -90px;padding: 20px;background: url(../images/new/title-bg.png) no-repeat center center;font-size: 28px;border-radius: 3px;}
.section2 .lay-5:nth-of-type(4n+1) .ms-chara{background: url(../images/new/box1.png) no-repeat 70px 90px;}
.section2 .lay-5:nth-of-type(4n+2) .ms-chara{background: url(../images/new/box2.png) no-repeat 70px 90px;}
.section2 .lay-5:nth-of-type(4n+3) .ms-chara{background: url(../images/new/box3.png) no-repeat 75px 90px;}
.section2 .lay-5:nth-of-type(4n+4) .ms-chara{background: url(../images/new/box4.png) no-repeat 70px 90px;}


/*index new*/
.section2{padding-bottom: 30px;}
.section2 h2{clear: both;margin: 0;padding: 1rem 0;line-height: 1.5;font-size: 28px;text-align: center;}
.section2 .ms-hidden{display: none;}
.section2 .mstab{width: 1200px;margin: 30px auto;overflow: hidden;}
.section2 .mstab ul{display: flex;background: #fff;border: 1px solid #eee;}
.section2 .mstab ul li{float: left;width: calc((100%)/9);padding: 1rem;}
.section2 .nav-link{font-size: 18px;padding: .25rem;text-align: center;color: #666;}
.section2 .mstab ul li.active{position: relative;background: #cde5fb;}
.section2 .mstab ul li.active:before{position: absolute;top: 12px;left: 12px;content: '';width: 20px;height: 20px;border: 2px solid #9fc9f6;border-bottom: 0;border-right: 0;}
.section2 .mstab ul li.active:after{position: absolute;bottom: 12px;right: 12px;content: '';width: 20px;height: 20px;border: 2px solid #9fc9f6;border-top: 0;border-left: 0;}
.section2 .mstab ul li.active a{color: #006ebc;}
.section2 .mstab-content{position: relative;width: 4500px;padding: 30px 0;background: #fff;border-top: 0;overflow: hidden;}
.section2 .mstab-content img{width: auto;height: 120px;clear: both;}
.section2 .mstab-content .ms-chara{position: relative;float: left;width: calc(1140px/3);height: 500px;margin-right: 30px;/*background: linear-gradient(to top right,#cde5fb,#F6F9FF);*/background: #F6F9FF;border: 1px solid #cde5fb;overflow: initial;}
.section2 .mstab-content .ms-chara.act{background: #cde5fb;transform: scale(1.05);box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);}
/*.section2 .mstab-content .ms-chara:after{position: absolute;top: 50%;right: -20px;margin-top:-225px;content: '';width: 20px;height: 450px;background: #cae6f1;border-radius: 5px;border: 9px solid #e2effd;}*/
.section2 .mstab-content .ms-chara:last-of-type:after{width: 0;}
.section2 .mstab-content .ms-chara:last-of-type{margin: 0;}
.section2 .mstab-content .ms-chara h4{padding: 0;font-size: 24px;background: none;color: #555;}
.section2 .mstab-content .ms-chara.act h4{color: #000;}
.section2 .mstab-content .ms-chara.act p{color: #333;}
.section2 .mstab-content .ms-chara p{line-height: 2;font-size: 14px;}
.section2 .mstab-content .lay-3{float: none;width: 100%;padding: 1rem;text-align: center;}
.section2 .mstab-content .lay-7{float: none;width: 100%;padding: 1rem;top: 0;}

/*开发方*/
.dev-why{background: #e1eef9;height: 590px;}
.dev-what{background: url(../images/dev/dev-wbg.png) no-repeat center center;height: 720px;position: relative;}
.dev-paas{background: #fff;}
.dev-wcon{width: 1200px;margin: 0 auto;padding-top: 20px;overflow: hidden;}
.robot{position: absolute;top: -260px;left: 50%;margin-left: -153px;}
.dev-why h2,.dev-what h2,.dev-paas h2{font-size: 28px;margin: 30px 0;text-align: center;font-weight: 600;}
.dev-what h2{color: #fff;}
.dev-why ul,.dev-what ul,.dev-paas ul{padding-top: 20px;overflow: hidden;}
.dev-why ul li{float: left;width: 25%;text-align: center;padding: 10px;}
.dev-why ul li a{display: inline-block;height: 100px;}
.dev-why ul li p{margin: 0;padding: 10px 0;font-size: 18px;text-align: center;}
.dev-what ul li{float: left;width:calc((100% - 40.5px)/3);margin-right: 20px;padding-top: 80px;}
.dev-what ul li:last-child{margin-right: 0;}
.dev-what ul li a{display: inline-block;width: 100%;text-align: center;animation: 8s rotal infinite;}
.dev-what ul li h4{font-size: 24px;line-height: 40px;margin-bottom: 10px;color: #fff;font-weight: 600;}
.dev-what ul li p{font-size: 14px;margin: 0;padding: 0 10px;line-height: 36px;padding-left: 20px;color: #FFF;}
.dev-what ul li:nth-of-type(1) p{background: url(../images/dev/i-dev-tri.png) no-repeat left 10px;}
.dev-what ul li:nth-of-type(2) p{background: url(../images/dev/i-dev-squ.png) no-repeat left 12px;}
.dev-what ul li:nth-of-type(3) p{background: url(../images/dev/i-dev-cir.png) no-repeat left 12px;}
.dev-paas ul li{float: left;width: 240px;height: 240px;margin-right: 80px;margin-bottom: 50px;cursor: default;}
.dev-paas ul li:nth-of-type(1){background: #59bde7;}
.dev-paas ul li:nth-of-type(2){background: #ae39b9;}
.dev-paas ul li:nth-of-type(3){background: #41b5bf;}
.dev-paas ul li:nth-of-type(4){background: #6bb416;}
.dev-paas ul li:nth-of-type(5){background: #7d55e3;}
.dev-paas ul li:nth-of-type(6){background: #e0991e;}
.dev-paas ul li:nth-of-type(7){background: #db4646;}
.dev-paas ul li:nth-of-type(8){background: #3c8dbc;}
.dev-paas ul li:nth-of-type(4n+4){margin-right: 0;}
.dev-paas ul li a{display: inline-block;width: 100%;height: 160px;text-align: center;padding: 50px;cursor: default;}
.dev-paas ul li h4{color: #fff;font-size: 16px;text-align: center;padding: 20px 0;}
.ms-apply{height: 160px;background: url(../images/dev/dev-abg.png) no-repeat center center;text-align: center;}
.ms-apply a{display: inline-block;margin: 60px 0;padding: 10px 60px;font-size: 18px;color: #fff;text-align: center;background: #2587d3;border-radius: 6px;}
.ms-apply a:hover{background: #156db1;}

/*需求方*/
.req-what{background: url(../images/req/req-wbg.png) no-repeat center 180px;height: 745px;position: relative;}
.req-wcon{width: 1200px;margin: 0 auto;padding-top: 20px;overflow: hidden;}
.req-what ul li{float: left;width:calc((100% - 80px)/3);height: 600px;margin-right: 40px;padding-left:40px;padding-top: 100px;}
.req-what ul li:nth-of-type(2){padding: 0;}
.req-what ul li:last-child{margin-right: 0;}
.req-what ul li h2{font-size: 28px;margin: 30px 0;text-align: center;font-weight:600;}
.req-what ul li a{display: inline-block;width: 100%;text-align: center;animation: 8s rotal infinite;}
.req-what ul li h4{font-size: 24px;line-height: 40px;margin-bottom: 10px;}
.req-what ul li p{font-size: 14px;margin: 0;padding: 0 10px;line-height: 36px;padding-left: 20px;}
.req-what ul li:nth-of-type(1) p{background: url(../images/req/i-req-squ.png) no-repeat left 10px;}
.req-what ul li:nth-of-type(3) p{background: url(../images/req/i-req-cir.png) no-repeat left 12px;}
.req-cp{background: url(../images/req/cp-bg.png) no-repeat center center;height: 810px;}
.req-cp ul{padding: 60px 0;overflow: hidden;}
.req-cp ul li{float: left}
.req-cp ul li h2{display: inline-block;width: 140px;height: 437px;color: #FFF;font-size: 28px;font-weight:600;text-align: center;margin: 0;line-height: 2;padding-top: 45px;background: url(../images/req/i-req-cp.png) no-repeat center 300px;}
.req-cp ul li:nth-of-type(1){background: rgba(58,168,210,.8);margin-right: 20px;}
.req-cp ul li:nth-of-type(2){margin-right: 20px;}
.req-cp ul li:nth-of-type(3){margin-bottom: 22px;}
.req-cp ul li:nth-of-type(5),.req-cp ul li:nth-of-type(6){margin-top: 20px;margin-right: 28px;}
.req-cp ul li:nth-of-type(7){margin-top: 20px;}

/*解决方案*/
.solution,.down{width: 580px;margin: 30px auto;overflow: hidden;border: 1px solid #ddd;}
.solution-i,.solution-b,.down-i,.down-b{padding: 50px;overflow: hidden;text-align: center;}
.solution-i,.down-i{height: 330px;}
.solution-c,.down-c{width: 100%;padding: 0 50px;overflow: hidden;}
.solution-c h4,.down-c h4{font-size: 18px;padding: 5px 10px;text-align: center;}
.solution-c p,.down-c p{padding-top: 20px;text-indent: 2em;font-size: 14px;color: #666;}
.solution-c p{height: 125px;overflow: hidden;}
.down-c p{height: 62px;overflow: hidden;}
.solution-b a,.down-b a{padding: 10px 40px;color: #44bdea;border: 1px solid #44bdea;}
.solution:hover,.down:hover{border-color: #44bdea;}
.solution:hover h4 a,.down:hover h4 a{color: #44bdea;}
.solution:hover .solution-b a,.down:hover .down-b a{background: #44bdea;color: #FFF;}

/*联系我们*/
.contactus{width: 1200px;height: 650px;margin: 0 auto;background: url(/images/map.png) no-repeat center center;}
.contact_box{width: 410px;padding: 30px;background: rgba(0,0,0,.15);z-index: 99;}
.contact_box h3{line-height: 2;font-size: 20px;color: #fafafa;}
.contact_box p{margin-bottom: 20px;color: #fafafa;}
.contact_box ul li{margin-bottom: 3px;color: #fafafa;}
.regBox{position: relative;width: 55%;overflow: hidden;z-index: 99;}
.regBox th,.regBox td,.regBox td input{padding: 5px;}
.regBox th{text-align: right;font-size: 16px;color: #fff;}
.regBox td input{height: 36px;padding: 5px 10px;}
.regApply{display: none;padding: 30px 0;}
.regApply table{margin-top: 10px;}
.regForm h2{padding: 10px 30px;}
.regApply h2{float: left;padding: 0 30px;}
.regApply .btn,.regForm .abtn{padding: 0 30px;}
.ashadow{position: absolute;top: 0;left: 0;width: 60%;margin-left: -10%;height: 360px;/*background: rgba(16, 91, 173,1);*/background: url(/images/banner/ms-shadow.png) no-repeat left top;;transform: skewX(-30deg);}

/*animation*/
@keyframes rotal{ 90%{transform: rotate(0) scale(1);} 100%{transform: rotate(360deg) scale(1.1);} }
/*兼容*/
@-moz-keyframes rotal{ 90%{transform: rotate(0) scale(1);} 100%{transform: rotate(360deg) scale(1.1);} }
@-ms-keyframes rotal{ 90%{transform: rotate(0) scale(1);} 100%{transform: rotate(360deg) scale(1.1);} }
@-webkit-keyframes rotal{ 90%{transform: rotate(0) scale(1);} 100%{transform: rotate(360deg) scale(1.1);} }

/*openDiv*/
.openDiv table{width: calc(100% - 20px);margin: 10px;border-collapse: collapse;}
.openDiv table th,.openDiv table td{border: 1px solid #ddd;height: 40px;padding: 5px 10px;}

/*自定义swiper*/
.swiper-slide{background-repeat: no-repeat;background-size: 100%;}
.pag .swiper-pagination-bullet{width: 60px;height: 4px;border-radius: 0;background: #FFF;}

/*自定义layer*/
.layer-video .layui-layer-content{padding: 0 !important;line-height: 0 !important;overflow: hidden !important;}