@charset "utf-8";
/* CSS Document */
*{ padding:0px; margin:0px;}
html{-webkit-text-size-adjust: none;}
body{ background:url(../images/bybg.gif); color:#FFF; font-family:"微软雅黑"; font-size:62.5%; min-width:1200px;}
a{ text-decoration:none; color:#FFF;}
a:hover{ color:#FFF;}
a img{ border:none;}
ul,li,ol{ list-style:none;}
.fix:after{content:"."; display:block; clear:both; visibility:hidden; height:0;}
.fix{ zoom:1;}
.banner{ width:100%; height:636px; background:url(../images/brbg.jpg) no-repeat center top #272950; border-bottom:6px solid #272950;}
.brCnt{ width:1145px; margin:0px auto;}
.br_top{ width:1145px; padding-top:20px;}
.nav{ position:relative; float:right;}
.br_top ul{ padding-right:10px; padding-top:10px;}
.br_top ul li{ position:relative; float:left; width:130px; height:70px; font-size:1.8em; text-align:center; line-height:1.6em;}
.br_top ul li a{ display:block; width:130px; height:70px; border-right:1px dashed #3F4575;}
.br_top ul li a.last{ border:none;}
.br_top ul li a span{ color:#7180C0; font-size:0.9em;}
.br_bg{ background:url(../images/nvhrbg.png) no-repeat center bottom; display:none; width:135px; height:10px; position:absolute; left:0px; bottom:0px;}
.brCntLeft{ float:left; padding-top:70px; width:517px;}
.brCntLeft img{ display:block;}
.brL01{ float:left; width:148px; height:46px; border:1px solid #D0D2FB; text-align:center; line-height:46px; font-size:1.6em; margin-top:75px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-right:40px;}
.brL01 a{ color:#D0D2FB;}
.brL01 a:hover{ color:#D0D2FB;}
.brL02{ float:left;width:148px; height:46px; border:1px solid #686ACF; text-align:center; line-height:46px; font-size:1.6em; margin-top:75px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.brL02 a{ color:#686ACF;}
.brL02 a:hover{ color:#686ACF;}
.title{ width:100%; text-align:center; padding:20px 0px;}
.promotion{ width:1176px; margin:0px auto;}
.pro{ position:relative; float:left; width:294px; height:239px; overflow:hidden; cursor:pointer;}
.prohover{ position:absolute; left:0px; top:-500px; width:274px; height:219px;}
.prhrbg{border:10px solid #138562; background:#3C4C99;opacity: 0.7;filter: Alpha(Opacity=70);width:274px; height:219px;}
.prhrfont{width:254px; height:209px; padding:30px 20px 0px;}
.prhrfont p{ font-size:1.6em; line-height:2.2em;}
.prombg{ width:100%; height:80px; background:url(../images/prombg.jpg) no-repeat center bottom; border-bottom:6px solid #272950;}
.active{ width:100%; background:#FFF;}
.prombg1{ background:url(../images/activebg.jpg) no-repeat center bottom #FFFFFF;}
.acCnt{ width:1200px; margin:0px auto;}
.fold_wrap{width:1200px;height:260px;margin:40px auto 0 auto;overflow:hidden;}
.fold_wrap li{float:left;width:120px;height:260px;position:relative;overflow:hidden;cursor:pointer;}
.pic_auto{width:100%;height:100%;}
.pic_auto1{background:url(../images/01.jpg) no-repeat center 0;}
.pic_auto2{background:url(../images/02.jpg) no-repeat center 0;}
.pic_auto3{background:url(../images/03.jpg) no-repeat center 0;}
.pic_auto4{background:url(../images/04.jpg) no-repeat center 0;}
.pic_auto5{background:url(../images/05.jpg) no-repeat center 0;}
.pic_auto6{background:url(../images/06.jpg) no-repeat center 0;}
.pic_auto7{background:url(../images/07.jpg) no-repeat center 0;}
.pic_auto8{background:url(../images/08.jpg) no-repeat center 0;}
.meCnt{ width:1200px; padding:40px 0px; margin:0px auto;}
.mec{ float:left; width:180px; padding:0px 10px; height:200px;}
.mecCnt{ width:180px; position:relative;}
.mecImg{ width:180px; text-align:center; position:absolute; left:0px; top:0px; z-index:2; cursor:pointer;}
.mecFont{ width:150px; padding:50px 15px 20px; background:#FFF; position:absolute; left:0px; top:75px; z-index:1; display:none;}
.mecFont p{ color:#363e6f; line-height:2em; font-size:1.2em;}
.mecFont p span{ font-size:1.4em; font-weight:bold;}
.footer{ width:100%; background:url(../images/activebg.jpg) no-repeat center bottom #fff; border-bottom:6px solid #272950;}
.frCnt{ width:1124px; margin:0px auto; padding:5px 0px 150px;}
.frCnt img{ float:left; margin-right:30px;}
.frCnt p{ float:left; width:785px; line-height:2.4em; font-size:2em; color:#333;}
.frCnt p span.t{ padding-left:20px;}
.bar_01{ width:1160px; padding:20px 0px 40px; margin:0px auto; text-indent:2em; font-size:1.6em; line-height:2em;}
.barCnt{ width:1240px; margin:0px auto;}
.barCnt ul{ width:100%;}
.barCnt ul li{ float:left; width:188px; height:274px; padding:0px 30px;}
.bar{ width:188px; height:274px; position:relative; cursor:pointer; overflow:hidden;}
.bar_02{ width:188px; height:56px; position:absolute; left:0px; bottom:60px;background:#3c4c99; opacity: 0.95;filter: Alpha(Opacity=95); text-align:center; font-size:2em; line-height:60px;}
.bar_03_bg{ position:absolute; left:0px; top:0px; width:188px; height:274px; background:#3c4c99; opacity: 0.95;filter: Alpha(Opacity=95);}
.bar_03_bg p{ padding:20px 20px 0px; line-height:2em; font-size:1.4em; color:#FFF;}
.bar_03_bg p.first{ font-size:1.6em; border-bottom:1px solid #343F77; padding-bottom:20px;}
.bar_hover{ display:none;}
.opinion{ width:100%; background:#FFF;}
.on_01{ color:#363e6f;}
.oncnt{ width:1200px; padding:20px 0px; margin:0px auto;}
.oncnt ul{ width:1200px;}
.oncnt ul li{ float:left; width:250px; height:240px;padding:0px 25px;}
.on_02{width:250px; height:240px; position:relative;  overflow:hidden; cursor:pointer;}
.on_02_header{ width:160px; height:35px; text-align:center; line-height:35px; font-size:1.6em; background:#3C4C99; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; position:absolute; left:48px; top:0px; z-index:3;}
.on_02_content{ width:230px; height:185px; background:#E4E6F1; color:#363e6f;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; position:absolute; left:0px; bottom:240px; z-index:2; font-size:1.4em; padding:40px 10px 0px; line-height:1.6em;}
.on_03{ width:31px; height:58px; position:absolute; left:105px; top:100px; z-index:1;}
/****************
 * @description : 增加百度云
 * @author   : sxy
 * @date     : 2016-11-23
 ****************/
.cloud-logo{ width:100%; text-align:center; padding:20px 0;}
.cloud-p{ width:1160px; text-align:center; color:#333; line-height:2em; font-size:20px; margin:0 auto;}
.cloud-pro{ width:1130px; background:#FAFAFA; margin:20px auto 0; padding:15px; position:relative;}
.cloud-pro-cnt{ width:1128px; border:1px solid #eee; padding-bottom:20px; background:#fff;}
.tab-nav{position:relative;z-index:1;width:100%;height:60px;border-bottom:1px solid #eee; left:0; top:0;}
.tab-nav-item{ float:left; width:282px; height:60px; line-height:60px; text-align:center; cursor:pointer; position:relative;}
.tab-nav-item a{ display:block; width:282px; height:60px; color:#666;}
.tab-nav-item a:hover{ color:#666;}
.tab-nav-item span{ font-size:16px; color:#666; display:block; width:170px; height:60px; margin:0 auto; border-bottom:1px solid #eee;}
.tab-content{ width:1128px;}
.tab-content blockquote{ width:1128px;}
.title-image-wrap,.ins,.ins-left{ float:left;}
.icon{background:url(../images/platform-icon_8e9cdc8a.png) 0 0 no-repeat;}
.icon-platform-base{background-position:0 -600px;}
.title-content-wrap{margin-left:400px;padding-top:30px;padding-right:25px; height:190px;}
.title-content-wrap h3{font-size:24px;line-height:36px;color:#333;margin-bottom:15px;font-weight:normal;}
.title-content-wrap p{font-size:14px;line-height:24px; color:#626262;}
.title-content-wrap .links{ padding-top:10px;}
.title-content-wrap .links a{color:#108cee;font-size: 14px;}
.title-content-wrap .links a:hover{ color:#108cee;}
.icon-data-center{background-position: 0 -1520px;}
.ins{ width:376px;}
.ins-left{ padding-left:30px; width:70px;}
.ins-right{ float:left; width:246px; padding:0 15px;}
.ins-right h4{ font-size:16px; color:#333; font-weight:normal; line-height:2em;}
.ins-right p{ font-size:14px; color:#999; line-height:22px;}
.icon-base-stable{ background-position:0 -1600px;}
.ins-right p a{ color:#108cee;}
.ins-right p a:hover{ color:#108cee;text-decoration:underline;}
.ins-right p span{ color:#108cee;}
.icon-safty-storage{background-position:0 -1680px;}
.display{ display:none;}
.icon-platform-calculate{background-position:0 0;}
.icon-calculate-solution{background-position: 0 -800px;}
.icon-bigdata{ background-position:0 -880px;}
.icon-ai{background-position:0 -960px;}
.icon-platform-eye{background-position:0 -200px;}
.icon-one-stop{ background-position:0 -1040px;}
.icon-lead-ai{ background-position:0 -1120px;}
.icon-unique{background-position: 0 -1200px;}
.icon-efficient{ background-position:0 -1280px;}
.icon-industry-safty{background-position:0 -1360px;}
.icon-ecology{ background-position: 0 -1440px;}
.icon-zhike{ background:url(../images/zhike.jpg) no-repeat left top;}
.icon-huike{ background:url(../images/huike.jpg) no-repeat left top;}
.icon-mike{ background:url(../images/mike.jpg) no-repeat left top;}
.tab-nav li.active span{ border-bottom-color:#108cee;}
.cloud-pro .shadow{position:absolute;height:1px;width:180px;margin-left:5px;top:76px;left:62px;z-index:2;background:#108cee;opacity:.5;filter: alpha(opacity=50);-webkit-transition:all 250ms ease-out;-moz-transition:all 250ms ease-out;-ms-transition:all 250ms ease-out;-o-transition:all 250ms ease-out;transition: all 250ms ease-out;}
.cloud-info{ width:332px; padding:5px 0; background:#3C4C99; border-radius:10px; margin:20px auto 0; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; text-align:center; line-height:58px; font-size:24px;}
.cloud-info-cnt{ width:1146px; margin:20px auto 0; position:relative;}
.cloud-info-cnt-wrap{ width:1146px; overflow:hidden;}
.cloud-info-cnt-wrap ul{ width:1146px; height:458px;}
.cloud-info-cnt-wrap ul li{ float:left; width:366px; height:458px; padding:0px 8px;}
.cicw-li{ width:364px; border:1px solid #ebebeb;}
.product-class{ padding:20px 0;text-align:center;border-bottom:1px solid #ebebeb;}
.product-class h3{font-size:18px;color:#666;font-weight:normal;}
.product-class p{color:#999;font-size:14px;padding:10px 0 0 0;}
.product-info{ width:324px; padding:20px; border-bottom:1px solid #ebebeb; cursor:pointer;}
.product-info img{ float:left; margin-right:20px;}
.product-info h4{ float:left; width:244px; font-size:16px; color:#333; line-height:1.8em; font-weight:normal;}
.product-info p{ float:left; width:244px; font-size:14px; color:#999; line-height:1.2em;}
.bgIcons-60{background: url(../images/icons-60_70931658.png) 0 0 no-repeat;}
.bgIcon-bcc{ background-position:0 0;}
.bgIcon-blb{ background-position:0 -65px;}
.bgIcon-dcc{ background-position:0 -130px;}
.bgIcon-bos{ background-position:-65px 0;}
.bgIcon-cds{ background-position: -65px -65px;}
.bgIcon-cdn{ background-position: -65px -130px;}
.bgIcon-rds{ background-position: -130px 0;}
.bgIcon-scs{ background-position: -130px -65px;}
.bgIcon-moladb{ background-position: -130px -130px;}
.bgIcon-bss{ background-position: -195px 0;}
.bgIcon-bcm{ background-position: -195px -65px;}
.bgIcon-cas{ background-position: -195px -130px;}
.bgIcon-bmr{ background-position: -260px 0;}
.bgIcon-palo{ background-position: -260px -130px;}
.bgIcon-kafka{ background-position: -260px -455px;}
.bgIcon-mct{ background-position: -325px 0;}
.bgIcon-lss{ background-position: -325px -65px;}
.bgIcon-vod{ background-position: -325px -130px;}
.bgIcon-iot{ background-position: -390px 0;}
.bgIcon-iot_parser{ background-position: -390px -65px;}
.bgIcon-ses{background-position: -455px 0;}
.bgIcon-sms{ background-position: -455px -65px;}
.bgIcon-apm{ background-position: -455px -130px;}
.bgIcon-bch{ background-position: -520px -65px;}
.bgIcon-bcd{ background-position: -520px 0;}
.bgIcon-iotdm{ background-position: -390px -195px;}
.bgIcon-sr{ background-position: -845px 0;}
.bgIcon-bfr{ background-position: -845px -65px;}
.bgIcon-ocr{background-position: -845px -130px;}
.bgIcon-refererapi{background-position: -780px 0;}
.bgIcon-sem{background-position: -780px -65px;}
.product-info-bottom{ width:324px; float:left; height:0; padding-top:0; overflow:hidden;opacity:0;filter:alpha(opacity=0);-webkit-transition:300ms all linear;   -moz-transition:300ms all linear;-ms-transition:300ms all linear;-o-transition:300ms all linear;transition: 300ms all linear;}
.product-info-bottom p{ font-size:14px; color:#999; line-height:1.6em;}
.product-info-bottom p span{ color:#ffa203;}
.product-info-bottom p b{ color:#666; font-weight:normal;}
.cicw-li div.current{ background:#FAFAFA;}
.cicw-li div.current .product-info-bottom{ height:40px; padding-top:15px;opacity:1;filter: alpha(opacity=100);}
.product-info-last{ border-bottom:none;}
.bisbtnL{ width:28px; height:52px; background: url(../images/icons_32087ff6.png) 0 -118px no-repeat; display: block; position: absolute; top:200px; left:-40px; cursor: pointer;}
.bisbtnL:hover{background-position:-30px -118px;}
.bisbtnR{ width:28px; height:52px; background: url(../images/icons_32087ff6.png) -60px -118px no-repeat; display: block; position: absolute; top:200px; right:-40px; cursor: pointer;}
.bisbtnR:hover{background-position:-90px -118px;}
.cloud-info-btn{ background:url(../images/down.png) no-repeat; width:31px; height:58px; margin:20px auto 0; cursor:pointer;}
.cloud-info-01{ background:none; border:2px solid #3C4C99;color:#3C4C99;}
a div.cloud-info-01 {color:#3C4C99;}
a:hover div.cloud-info-01{color:#3C4C99;}
/***procedure**/
body.procedure{ background:#F8FAFB;}
.procedure-br-top{ background:#272950; width:100%; padding:0 0 20px 0;}
.procedure-br-top .br_top{ margin:0 auto;}
.procedure-banner{ width:100%; padding:10px 0; background:#2E9DD9;}
.procedure-banner h3{ width:1145px; margin:0 auto; font-size:25px; font-weight:normal;}
.procedure-banner-table{ width:1145px; background:#fff; padding:35px; margin:0 auto;}
.procedure-banner-table ul{ border:2px solid #EAEAEA; color:#333; width:1141px;}
.procedure-banner-table ul li{ float:left; font-size:16px;}
.procedure-banner-table ul li.first{ width:318px; height:120px; border-right:2px solid #EAEAEA; padding-top:20px;border-bottom:2px solid #EAEAEA; }
.zczh{ background:url(../images/1.png) no-repeat center top; width:100%; text-align:center; height:30px; padding-top:80px; background-size:25%;}
.bdzh{ background:url(../images/2.png) no-repeat center top; width:100%; text-align:center; height:30px; padding-top:80px; background-size:25%;}
.smrz{ background:url(../images/3.png) no-repeat center top; width:100%; text-align:center; height:30px; padding-top:80px; background-size:25%;}
.xzcp{ background:url(../images/4.png) no-repeat center top; width:100%; text-align:center; height:30px; padding-top:80px; background-size:25%;}
.lxkh{ background:url(../images/5.png) no-repeat center top; width:100%; text-align:center; height:30px; padding-top:80px; background-size:25%;}
.ktycp{background:url(../images/6.png) no-repeat center top; width:100%; text-align:center; height:30px; padding-top:80px; background-size:25%;}
.procedure-banner-table ul li.second{ float:left; width:821px;height:140px;border-bottom:2px solid #EAEAEA;}
.procedure-banner-table ul li.second a{ color:#2E9DD9;}
.procedure-banner-table ul li.second a:hover{ color:#2E9DD9;}
.content{ padding-left:20px; padding-right:20px;}
.content p{ padding-top:50px;}
.content01{ padding-top:0;}
.content img{ width:100%; margin-top:20px;}
.procedure-banner-table ul li.first01{ height:420px; padding-top:200px;}
.procedure-banner-table ul li.second01{ height:620px;}
.procedure-banner-table ul li.first02{ height:500px; padding-top:400px;}
.procedure-banner-table ul li.second02{ height:900px;}
.procedure-banner-table ul li.first03{ height:220px; padding-top:80px;}
.procedure-banner-table ul li.second03{ height:300px;}
.procedure-banner-table ul li.second03 p{ line-height:2em;}
.procedure-banner-table ul li.second03 span{ color:#000;}
.procedure-banner-table ul li.last{ border-bottom:none;}
/***侧边导航***/
.siderBar{ width:120px;position:fixed;right:10px;bottom:220px;_position: absolute;_bottom: auto;box-shadow: none;_top:expression(eval(document.documentElement.scrollTop + document.documentElement.clientHeight - 450));z-index: 99999999999999999;}
.siderBar ul{ width:120px;}
.siderBar ul li{ width:120px; height:40px; line-height:40px; text-align:center; border-bottom:1px solid #1a1b35; font-size:14px;}
.siderBar ul li a{ display:block; width:120px; height:40px;background:#282A51;}
.siderBar ul li a:hover{ background:#3085D5;}
/***技术服务***/
.jisf{height:500px;background: #ffffff;color: #000;padding-top: 20px;}
.jisf ul{width: 1172px;margin:  0 auto;}
.jisf li{width:263px;height: 336px;float: left;position: relative;margin: 0 15px;}
.jisf  li dl{text-align: center;color: #fff;display: none;}
.jisf  li dl dt{font-size:20px;line-height: 40px;border-bottom: solid 1px #fff;margin-bottom: 20px;}
.jisf  li dl dd{font-size:16px;line-height: 32px;}
.jisf li {text-align:center;}
.jisf li img{margin-top:120px ;}
.js-li1,.js-dl1{background: #1abc9c;}
.js-li2,.js-dl2{background: #e67e22;}
.js-li3,.js-dl3{background: #3498db;}
.js-li4,.js-dl4{background: #2ecc71;}
.jisf li:hover dl{display: block;}
.jisf li dl{width:223px;padding: 0 20px;height: 250px;padding-top:86px;position: absolute;top: 0;}
/**20180126  智客汇客觅客**/
.insertContent20180126{ width:1128px; margin:0 auto; overflow:hidden; position:relative; height:120px;}
.insertContent20180126Cnt{ width:1128px; height:120px;}
.insertContent20180126Cnt ul{ width:1128px; height:120px;}
.insertContent20180126Cnt ul li{ float:left; width:376px; height:120px;}
.bisbtnL20180126{ width:20px; height:38px; background: url(../images/aw.png) 0 0 no-repeat; display: block; position: absolute; top:40px; left:5px; cursor: pointer; z-index:2;}
.bisbtnL20180126:hover{background-position:-23px 0;}
.bisbtnR20180126{ width:20px; height:38px;  background: url(../images/aw.png) -44px 0 no-repeat; display: block; position: absolute; top:40px; right:5px; cursor: pointer;z-index:2;}
.bisbtnR20180126:hover{background-position:-66px 0;}