@media (max-width:992px){
.cols-1,.cols-2,.cols-3{margin-top:0!important;padding:0!important} .cols-2 .news-list{margin-top:40px!important;margin-left:0!important} .cols-2 .img-container{margin-top:10px!important} .has-background-1{height:auto!important} .cols-3 .grid{margin:2px!important} .cols-3 .grid-group{width:100%!important} .bottom-item span{margin-left:5px!important} .btn-knowmore{display:none}
}
@media (max-width:400px){
.cols-3 .grid-group{width:101%!important}
}
/*@media (max-width:640px){.top-openplatform-nav,.page-tips,.open-portal-footer,.openplatform-nav .pull-right{display:none}}*/
@media (max-width:768px){.top-openplatform-nav,.page-tips,.open-portal-footer,.openplatform-nav .pull-right{display:none}}
@media (min-width:992px) and (max-width:1135px){
/*.grid-group .grid-5{margin:-40px 0 0 74px !important} .grid-group .grid-8{margin:-40px 0 0 148px !important} .grid-6,.grid-7,.grid-8,.grid-9{margin:-40px 0 0 11px !important}*/
}
body{font-size:12px;overflow-x:hidden}
a:hover{text-decoration:none!important}
.container-fluid{max-width:1092px;padding-right:0;padding-left:0; }
.container-fluid h3 i{font-size:35px}
.open-portal-wrapper{padding:30px 0 0 0;margin-top:38px}
.open-portal-icon-jisutuikuan,.open-portal-icon-tools{font-size:25px!important}
.has-background{width:100%;
/*background:url(//gtms01.alicdn.com/tps/i1/TB1R2AgHpXXXXcrXFXXlfIi1FXX-65-581.png) repeat 0 0;*/
padding-top:0px;margin-top:0}
.has-background-1{width:100%;min-height:565px;/*margin-bottom:-50px;*/margin-top:16px;
/*background:url(//gtms01.alicdn.com/tps/i1/TB1VmmdHFXXXXXzaXXXUUrDLVXX-1920-771.jpg) no-repeat 0 0;*/
background-size:cover;padding-top:34px}.has-background-1 h3{color:#fff;margin-bottom:10px;margin-top:20px}
h3{margin-bottom:40px;margin-top:30px;font-size:22px}
.slide{text-align:center;background-color:#0a091e;position:relative;overflow:hidden}
.slide ul{margin:0 auto}
.slide img{display:inline!important}
.carousel-indicators .active{width:10px;height:10px;margin:1px}
.carousel-control{display:none}
.page-tips{padding:8px 0px;overflow:hidden;border-bottom:1px solid #e6e6e6}
.page-tips .msg-con{padding:0;}
.page-tips i{display:inline-block;*display:inline;*zoom:1;background:url(images/tips.jpg) center no-repeat;width:31px;height:26px;margin-right:10px;float:left;}
.page-tips a{margin-right:10px;color:#666;display:inline-block;width:16em;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:0;position:relative}
.page-tips a i{right:0;top:20px}
.page-tips a:hover{text-decoration:underline!important}
.page-tips a.read-more{width:80px;float:right;margin:0;line-height:30px;height:30px;color:#5eb5fe;background:none}
.cols-1,.cols-2,.cols-3{margin-top:20px;padding:0;text-align:center}
.cols-3{padding-bottom:50px;}
.cols-1 [class*="col-"]{text-align:center;margin-bottom:41px}
.cols-1 [class*="col-"]:hover{color:#5eb5fe}
.cols-1 i{font-size:80px;display:block;color:#333}
.cols-1 .col-md-3 .open-portal-icon-icon4{font-size:105px;margin-top:-14px}
.cols-1 .col-md-3 .open-portal-icon-icon4+h4{margin-top:-17px}
.cols-1 .col-md-3 .open-portal-icon-icon1{font-size:105px;margin-top:-10px}
.cols-1 .col-md-3 .open-portal-icon-icon1+h4{margin-top:-21px}
.cols-1 .col-md-3 a:hover *{color:#5eb5fe}
.cols-1 h4{font-size:18px;padding-bottom:8px;width:42%;margin:26px auto 0;color:#444}
@media (max-width:400px){.cols-1 h4{width:100%;}}
.cols-1 p{line-height:2;padding:0 20px;color:#666}
.bottom-item{color:#333;text-align:center}
.bottom-item span{margin-left:20px}
.bottom-item i{font-style:normal;color:#fff;background:#666;padding:2px 5px;border-radius:2px;font-size:12px;margin-right:3px}
.bottom-item a{color:inherit}
.cols-2 ul{overflow:hidden;margin-top:20px;padding-top:5px}.cols-2 ul li{float:left;width:33.3%}.cols-2 ul li a{color:#fff;display:block}.cols-2 ul li a i{display:block;margin-left:5px;font-size:35px;margin:0 auto;border-radius:50%;width:44px;height:44px;line-height:44px;text-align:center;color:#acafb4;background:transparent;box-shadow:0px 0px 0px 1px #acafb4}
.cols-2 .ui-radius{display:block;width:100px;height:30px;line-height:30px;margin:0 auto 20px;margin-top:17px;font-size:14px}
.cols-2 .news-list p{margin-bottom:17px;padding-left:20px;position:relative;float:none;width:100%;height:18px;overflow:hidden;text-align:left;font-size:13px}
.cols-2 ul .active .ui-radius,.cols-2 ul a:hover .ui-radius{background:#1e2736;border-radius:3px;position:relative}.cols-2 ul .active .ui-radius:before,.cols-2 ul a:hover .ui-radius:before{content:'';display:block;position:absolute;width:6px;height:6px;left:45%;top:-14px;border:7px solid #1e2736;border-color:transparent transparent #1e2736}
.cols-2 ul .active i,.cols-2 ul a:hover i{box-shadow:0px 0px 0px 1px #fff;color:#fff}
.cols-2 .news-list span:before{display:inline-block;content:'';width:6px;height:6px;border-radius:50%;background:#fff;position:relative;top:-1px;right:5px}
.cols-2 .news-list,.cols-2 .img-container{display:block;left:-90px;opacity:0;-webkit-transform:translate3d(200px, 0, 0);-moz-transform:translate3d(200px, 0, 0);transform:translate3d(200px, 0, 0);transition:-webkit-transform .5s ease,opacity 1s linear;transition:-moz-transform .5s ease,opacity 1s linear;transition:transform .5s ease,opacity 1s linear}
.cols-2 .img-container img{max-height:220px}
.cols-2 .news-list{margin-top:40px;margin-left:40px;-webkit-transform:translate3d(-200px, 0, 0);-moz-transform:translate3d(-200px, 0, 0);transform:translate3d(-200px, 0, 0)}
.cols-2 .news-list span{color:#fff}
.active .cols-2 .news-list,.active .cols-2 .img-container{opacity:1;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.cols-3 p{color:#7c7c7c;font-size:14px;line-height:1.8}
.cols-3 .grid-group{overflow:hidden;width:82%;margin:0 auto;max-width: 750px;}
.cols-3 .step-2{display:none;-webkit-transform:rotatey(180deg);-moz-transform:rotatey(180deg);transform:rotatey(180deg)}
.cols-3 .grid{height:170px;width:140px;padding-top:30px;background:url(images/TB13hceHpXXXXbjXVXXvH8FHXXX-141-546.png) no-repeat 0 0;float:left;margin-right:10px}
.cols-3 .grid.hover,.cols-3 .grid:hover{background-position:0 -378px !important;cursor:pointer;-webkit-transform:rotatey(180deg);-moz-transform:rotatey(180deg);transform:rotatey(180deg);transition:-webkit-transform .3s ease;transition:-moz-transform .3s ease;transition:transform .3s ease-in-out}
.cols-3 .grid.hover a,.cols-3 .grid:hover a{color:#fff}
.cols-3 .grid.hover .step-1,.cols-3 .grid:hover .step-1{display:none}
.cols-3 .grid.hover .step-2,.cols-3 .grid:hover .step-2{display:block;color:inherit;margin-top:20px;padding:0}
.cols-3 .grid b{display:block;font-size:48px;color:#000;font-weight:bold;font-family:微软雅黑,Arial, Helvetica, sans-serif;line-height:1;border-bottom:1px solid #464646;width:40%;margin:0 auto;text-align:center;}
.cols-3 .grid .step-1{color:#28a3ef;display:block;margin-top:20px}
.cols-3 .grid span span{display:block;color:#000;padding-top:5px;font-size:14px; text-align:center;}
.grid-2,.grid-4,.grid-6,.grid-8,.grid-10,.grid-12,.grid-14,.grid-16,.grid-20,.grid-24,.grid-18,.grid-22{background-position:0 -191px !important}
.grid-6,.grid-7,.grid-8,.grid-9,.grid-10,.grid-19,.grid-11,.grid-12,.grid-13,.grid-14,.grid-23,.grid-15,.grid-16,.grid-20,.grid-24,.grid-17,.grid-21,.grid-25,.grid-18,.grid-22{margin:-40px 0 0 74px}
.grid-7,.grid-8,.grid-9,.grid-10,.grid-19,.grid-11,.grid-12,.grid-13,.grid-14,.grid-23,.grid-16,.grid-20,.grid-17,.grid-21,.grid-25,.grid-18,.grid-22{margin-left:0}


.cols-4{margin-bottom:60px}
.open-portal-footer{margin-top:0;padding:0;}
.cols-4 .cloud-env,.cols-4 .tae{position:relative;background:url(images/TB1ScQiHpXXXXacXpXXzUOr.XXX-556-351.png) no-repeat 0 0;height:420px;background-size:cover;font-size:16px;margin-bottom:30px;text-align:center;color:#fff;padding:20px}
.cols-4 .tae{background:url(images/TB14a.lHpXXXXaMXXXXhZUQ_pXX-555-351.png) no-repeat 0 0;background-size:cover}
.cols-4 .step-1{margin-top:140px}
.cols-4 .step-2{margin-top:15px;opacity:0;position:absolute;top:20px;left:20px;height:90%}.cols-4 .step-2 a,.cols-4 .step-2 li{margin-bottom:35px;top:35px;position:relative;text-align:left;opacity:0}.cols-4 .step-2 a i,.cols-4 .step-2 li i{float:left;display:block;margin-left:5px;font-size:30px;margin:0 auto;border-radius:50%;width:36px;height:36px;line-height:36px;text-align:center;color:#fff;background:transparent;box-shadow:0px 0px 0px 1px #fff}
.cols-4 .step-2 a div,.cols-4 .step-2 li div{margin-left:50px;padding-right:20px}.cols-4 .step-2 a div h4,.cols-4 .step-2 li div h4{font-size:14px;margin-bottom:0px;color:#7fc2f6}
.cols-4 .step-2 a div p,.cols-4 .step-2 li div p{font-size:12px;margin-top:5px;color:#eae8e9}
.cols-4 .step-2>p{position:absolute;bottom:8px;left:34%}.cols-4 .step-2>p .btn-knowmore{height:44px;line-height:42px;background:rgba(80,133,177,0.8);border:1px solid #3199f4;color:#fff;font-size:16px;padding:0 40px;margin-top:5px;margin-bottom:0px}.cols-4 .step-2>p .btn-knowmore:hover{background:rgba(49,153,244,0.8)}
.cols-4 .cloud-env:hover .step-1,.cols-4 .tae:hover .step-1{transition:all 0.3s ease 0s;opacity:0}
.cols-4 .cloud-env:hover .step-2,.cols-4 .tae:hover .step-2{opacity:1}.cols-4 .cloud-env:hover .step-2 a,.cols-4 .tae:hover .step-2 a,.cols-4 .cloud-env:hover .step-2 li,.cols-4 .tae:hover .step-2 li{top:0;opacity:1;transition:all 0.3s ease 0s}
.cols-4 .step-1 span{font-family:sans-serif}
.cols-4 .step-1 strong{font-size:35px;font-weight:400}
.cols-4 .step-1 p{margin-top:8px}
.cols-4 .img-container{border-right:1px solid #686055;border-bottom:1px solid #686055;float:left;line-height:80px;width:50%}
.cols-4 .img-container:first-child+span{border-right:none}
.cols-4 .img-container:first-child+span+span{border-bottom:none}
.cols-4 .img-container:last-child{border:none}
.cols-4 .img-container i{display:block;margin-bottom:-45px;font-size:45px}
.cols-5 .img-container{color:#999;display:block;margin-bottom:25px}
.cols-5 .img-container img{width:164px;height:83px}
@media (max-width:400px){.cols-5 .img-container img{width:164px;height:auto;max-width:100%;}}
.cols-5 .img-container .img-2{display:none}
.cols-5 .img-container:hover .img-1{display:none}
.cols-5 .img-container:hover .img-2{display:block}
.cols-5 .img-container span{display:none}
.tech-area{margin-bottom:60px; background:url(images/youshiIn.jpg) center;margin:0; background-size: auto 100%;}
.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:none;border-top:1px solid #e6e6e6}
.sui-nav.nav-tabs>.active>a{font-weight:400}
.sui-nav.nav-xlarge>li>a{font-size:14px}
.business-cate{min-height:500px;padding:20px;padding-bottom:50px}.business-cate .sui-nav{margin-bottom:30px}
.business-cate td{padding:15px 8px}
.business-cate th{border-bottom:1px solid #e6e6e6!important}