/*格式化*/
*{margin:0;padding:0;outline: none;}
body{
   font-size:12px;
   color:#565656;
   font-family: "Microsoft YaHei", "Hiragino Sans GB", 'Helvetica Neue' , "STHeiti", "Open Sans","WenQuanYi Micro Hei", SimSun,Tahoma, Arial,sans-serif;
   -webkit-tap-highlight-color: #000000;
   -webkit-tap-highlight-color: transparent;
 }
ul,li{list-style:none;}
table{border-collapse: collapse;border-spacing: 0;}
input,img{border:0;}
input{
   padding: 0px;
   font-size: 12px;
   font-family:"微软雅黑","SimSun","Arial Narrow","Helvetica";
   background: none;
}
a{text-decoration: none;cursor: pointer;color: #333;}
h3,h4{font-weight: normal;}
.clear{clear:both;}
.l{float: left;}
.r{float: right;}
/*20170227 导航改版*/
.header-wrap{width:100%;height:80px;background:#232323;position:relative;top:0;z-index:10000;}
.header-con{width:1150px;height:80px;margin:0 auto;}
.logo{width:120px;height:40px;margin:20px 60px 0 0;}
.header-wrap .logo{background:none;}
.main-nav{min-width:200px;height:60px;margin-top:20px;}
.main-nav>li{float:left;height:60px;} 
.main-nav a{display:block;padding:0 22px 20px;height:40px;line-height:40px;}
.main-nav a:link,.main-nav a:visited{color:#aaaeb3;font-size:16px;}
.main-nav a:hover,.main-nav li.active a{color:#0085c9;text-decoration:none;}
.main-nav a:active{color:#aaaeb3;}
.login-wrap{min-width:100px;height:80px;}
.header-bg{width:100%;background:rgba(0,0,0,0.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5000000,endColorstr=#e5000000);position:absolute;top:80px;left:0;overflow-x:hidden;}
.header-main{width:980px;margin:0 auto;position:relative;}
.header-main>div{display:none;}
.header-main>div.active{display:block;}
.nav022>li{height:40px;padding:8px 0;overflow:hidden;position:relative;}
.nav-name{display:block;float:left;height:40px;line-height:40px;padding-left:40px;font-size:14px;color:#aaaeb3;background:url(../image/icon-header-nav.png) no-repeat;}
.icon-app{background-position:left 10px;}
.icon-app:hover{background-position:left -30px;}
.icon-server{background-position:left -70px;}
.icon-server:hover{background-position:left -110px;}
.icon-browser{background-position:left -150px;}
.icon-browser:hover{background-position:left -190px;}
.icon-network{background-position:left -230px;}
.icon-network:hover{background-position:left -270px;}
.icon-sys{background-position:left -310px;}
.icon-sys:hover{background-position:left -350px;}
.icon-aboutus{background-position:left -390px;}
.icon-aboutus:hover{background-position:left -430px;}
.icon-joinus{background-position:left -470px;}
.icon-joinus:hover{background-position:left -511px;}
.icon-contact{background-position:left -550px;}
.icon-contact:hover{background-position:left -590px;}
.icon-solutions{background-position:left -630px;}
.icon-solutions:hover{background-position:left -670px;}
.icon-web{background-position:left -710px;}
.icon-web:hover{background-position:left -750px;}
.icon-operator{background-position:left -790px;}
.icon-operator:hover{background-position:left -830px;}
.icon-finance{background-position:left -870px;}
.icon-finance:hover{background-position:left -910px;}
.icon-enterprise{background-position:left -950px;}
.icon-enterprise:hover{background-position:left -990px;}
.icon-help{background-position:left -1030px;}
.icon-help:hover{background-position:left -1070px;}
.icon-blog{background-position:left -1110px;}
.icon-blog:hover{background-position:left -1150px;}
.icon-tool{background-position:left -1190px;}
.icon-tool:hover{background-position:left -1230px;} 
 
.nav033{float:right;min-width:50px;text-align:center;height:40px;line-height:40px;padding-right:30px;display:none;}
.nav022 .arrow{width:8px;height:14px;display:block;background:url(../image/icon-header-nav.png) no-repeat left -1270px;position:absolute;top:50%;margin-top:-7px;right:0;display:none;}
.nav022>li:hover .arrow,.nav022>li.active .arrow{display:block;}
.nav022>li:hover .nav033,.nav022>li.active .nav033{display:block;}
.nav-a,.nav-a:link,.nav-a:visited{color:#aaaeb3;}
.nav-a:hover{color:#f5f5f5;text-decoration:none;}
.nav033 .nav-a{font-size:12px;}
.nav033 span{color:#444;margin:0 5px;}

.header-wrap .div-l{display:table-cell;vertical-align:top;padding:25px 0;}
.header-wrap .div-r{display:table-cell;vertical-align:top;}

.div-r-con{width:2000px;background:rgba(25,25,25,0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99191919,endColorstr=#99191919); padding:40px 0 30px 50px;}
.div-pro .nav022{width:490px;}

.div-ul-pro{width:450px;}
.div-ul-pro>li{width:138px;min-height:105px;border:1px solid #444;padding:13px 20px 20px;float:left;margin:0 40px 30px 0;}
.div-ul-pro .div-title{height:30px;line-height:30px;border-bottom:1px solid #444;font-size:14px;color:#fff;margin-bottom:8px;}
.div-ul-pro ol li{color:#aaaeb3;line-height:22px;}
.div-a{height:20px;line-height:20px;}
.div-a a:link,.div-a a:visited{color:#fff;font-size:14px;}
.div-a a:hover{color:#0085c9;text-decoration:none;}
.div-a a:active{color:#fff;}
.div-r-con{display:none;}
.div-r-con.active{display:block;}
.div-pro .div-r-con{min-height:260px;}
.div-r-con>div{display:none;}
.div-r-con>div.active{display:block;}
 
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfloat{zoom:1}

.div-support .nav022,.div-project .nav022,.div-client .nav022{width:270px;}
.div-client .div-r-con{padding-bottom:20px;}

.support-dl{width:145px;padding-left:40px;padding-bottom:10px;float:left;}
.support-dl dt{height:22px;line-height:22px;color:#666;margin-bottom:15px;}
.support-dl dd{height:36px;line-height:36px;font-size:14px;color:#aaaeb3;}
.support-dl dd+dd{margin-top:3px;}
 
.div-ul-biglogo{width:670px;}
.div-ul-biglogo li{width:180px;height:140px;float:left;margin-right:40px;}
.div-ul-biglogo a{display:block;width:180px;height:140px;border:1px solid #444;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.div-ul-project li{margin-bottom:40px;}
.div-ul-project a{padding-top:25px;}
.div-ul-project .icon-span,.div-ul-tool .icon-span{width:52px;height:56px;display:block;margin:0 auto;float:none;}
.div-ul-project p,.div-ul-tool p{height:26px;line-height:26px;font-size:14px;text-align:center;color:#aaaeb3;margin-top:15px;}
.div-ul-biglogo a:hover{border:1px solid #999;text-decoration:none;}
.div-ul-project a:hover p,.div-ul-tool a:hover p{color:#f5f5f5;}

.div-ul-tool a{padding-top:29px;}
.div-ul-tool p{margin-top:12px;}
.div-ul-client .icon-logo{width:130px;height:60px;display:block;margin:0 auto;background:url(../image/icon-header-biglog.png) no-repeat;}
.div-ul-client a{padding:39px 24px;position:relative;}
.div-ul-client .icon-label{min-width:36px;padding:0 7px;font-size:12px;height:18px;line-height:18px;display:block;background:#444;color:#aaaeb3;text-align:center;position:absolute;top:10px;left:0;z-index:100;}
.div-ul-client a:hover .icon-label{color:#f5f5f5;}
.div-ul-client a .nav-a{display:block;height:60px;line-height:60px;text-align:center;}
.div-ul-client a:hover .nav-a{color:#f5f5f5;}
.div-ul-client li{margin-bottom:30px;}

.div-company .nav022{width:270px;}
.div-company .div-r{position:relative;}
.div-company .span-line{width:1px;height:140px;display:block;background:#444;position:absolute;top:40px;left:0;}
.div-activity{width:670px;padding:40px 0 30px 50px;}
.div-activity li{width:180px;height:180px;float:left;margin-right:40px;}
.div-activity .li-con{width:130px;padding:29px 24px;height:80px;border:1px solid #444;}
.div-activity .icon-logo{width:130px;height:80px;display:block;margin:0 auto;background:url(../image/icon-header-biglog.png) no-repeat;}
.div-activity .icon-apmcon{background-position:-130px -600px;}
.div-activity a:hover .icon-apmcon{background-position:left -600px;}
.div-activity .icon-apmclass{background-position:-390px -600px;}
.div-activity a:hover .icon-apmclass{background-position:-260px -600px;}
.div-activity p{width:180px;height:36px;line-height:36px;font-size:12px;color:#aaaeb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.div-activity a{display:block;}
.div-activity a:hover .li-con{border:1px solid #999;}
.div-activity a:hover p{color:#f5f5f5;}

.nav-blog-title{height:40px;position:relative;top:-10px;}
.nav-blog-title a{display:inline-block;*display:inline;*zoom:1;height:18px;line-height:18px;font-size:14px;color:#f5f5f5;margin-right:20px;max-width:500px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.nav-blog-title .label{display:inline-block;*display:inline;*zoom:1;height:18px;line-height:18px;padding:0 5px;border-radius:3px;font-size:10px;color:#fff;margin-right:0;}
.nav-blog-title .label+.label{margin-left:5px;}
.header-wrap .p-blog{width:660px;line-height:22px;font-size:12px;color:#aaaeb3;}
.div-support .div-r-con{min-height:170px;} 

.login-before,.login-after{min-width:380px;height:80px;}
.btn-register,.btn-signin{width:66px;height:32px;line-height:32px;text-align:center;font-size:14px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin-top:24px;}
.btn-register{color:#f5f5f5;background:#0085c9;}
.btn-register:hover{background:#0397e3;text-decoration:none;}
.btn-signin{margin:24px 20px 0 15px;line-height:30px;border:1px solid #aaaeb3;color:#aaaeb3;}
.btn-signin:hover{border:1px solid #999;color:#f5f5f5;text-decoration:none;}
.btn-search{width:32px;height:32px;display:block;margin:24px 0 0 5px;background:url(../image/icon-header-nav.png) no-repeat center -1290px;cursor:pointer;}
.header-search{width:180px;height:32px;margin-top:24px;position:relative;}
.header-search input{width:180px;height:32px;line-height:20px;padding:6px 10px;display:block;background:#323333;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;font-size:12px;color:#f5f5f5;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.header-search-list{width:180px;background:#323333;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;overflow:hidden;position:absolute;top:33px;left:0;z-index:100;}
.header-search-list li{height:32px;line-height:32px;text-indent:10px;font-size:12px;color:#aaaeb3;cursor:pointer;}
.header-search-list li:hover{background:#232324;color:#f5f5f5;}
.icon-user,.icon-console{display:block;min-width:62px;padding-top:40px;height:26px;line-height:26px;text-align:center;color:#aaaeb3;position:relative;font-size:14px;}
.icon-user{margin-left:15px;}
/* .icon-console{margin-left:25px;} */
.icon-user span,.icon-console span{width:20px;height:20px;display:block;position:absolute;top:20px;left:50%;margin-left:-10px;background:url(../image/icon-header-nav.png) no-repeat;}
.icon-console span{background-position:center -1322px;}
.icon-user span{background-position:center -1364px;}
.icon-user:hover,.icon-console:hover{color:#0085c9;}
.icon-console:hover span{background-position:center -1343px;}
.icon-user:hover span{background-position:center -1385px;}
.icon-user .icon-spot{width:6px;height:6px;display:block;border-radius:50%;background:#e64d3d;position:absolute;top:-1px;right:-6px;}
.user-wrap{position:relative;margin-right: 30px;}
.user-list{position:absolute;top:80px;left:50%;margin-left:-52px;z-index:100;min-width:120px;background:#232324;border-radius:3px;overflow:hidden;}
.user-list li{height:40px;line-height:40px;min-width:120px;text-align:center;cursor:pointer;}
.user-list a{font-size:14px;color:#aaaeb3;padding:0 10px;display:block;white-space:nowrap;position:relative;}
.user-list a:hover{color:#0085c9;text-decoration:none;}
.user-list li:hover{background:#383839;}
.user-list li:hover a{color:#0085c9;}
.user-list .icon-num{min-width:8px;padding:0 4px;height:16px;line-height:16px;display:block;background:#e64d3d;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;border-radius:8px;font-style:normal;font-size:12px;font-family:Arial;color:#fff;position:absolute;top:50%;margin-top:-8px;left:90px;}
.user-list .icon-num span{display:block;min-width:8px;}
 
.div-ul-project .icon-span,.div-ul-client .icon-span,.div-ul-tool .icon-span{background:url(../image/icon-header-biglog.png) no-repeat;}
/*解决方案*/
.div-ul-project .icon-dzsw{background-position:-520px 0;}
.div-ul-project a:hover .icon-dzsw{background-position:-520px -60px;}
.div-ul-project .icon-zq{background-position:-520px -120px;}
.div-ul-project a:hover .icon-zq{background-position:-520px -180px;}
.div-ul-project .icon-webjr{background-position:-520px -240px;}
.div-ul-project a:hover .icon-webjr{background-position:-520px -300px;}
.div-ul-project .icon-qy{background-position:-520px -360px;}
.div-ul-project a:hover .icon-qy{background-position:-520px -420px;}
.div-ul-project .icon-jr{background-position:-520px -480px;}
.div-ul-project a:hover .icon-jr{background-position:-520px -540px;}
.div-ul-project .icon-yys{background-position:-390px -480px;}
.div-ul-project a:hover .icon-yys{background-position:-390px -540px;}
/*客户-互联网*/
.div-ul-client .icon-jd{background-position:-130px 0px;}
.div-ul-client a:hover .icon-jd{background-position:-130px -60px;}
.div-ul-client .icon-yooli{background-position:-130px -120px;}
.div-ul-client a:hover .icon-yooli{background-position:-130px -180px;}
.div-ul-client .icon-momo{background-position:-130px -240px;}
.div-ul-client a:hover .icon-momo{background-position:-130px -300px;}
.div-ul-client .icon-rong360{background-position:-130px -360px;}
.div-ul-client a:hover .icon-rong360{background-position:-130px -420px;}
.div-ul-client .icon-xc{background-position:-130px -480px;}
.div-ul-client a:hover .icon-xc{background-position:-130px -540px;}
/*客户-运营商*/
.div-ul-client .icon-chinacache{background-position:-390px 0px;}
.div-ul-client a:hover .icon-chinacache{background-position:-390px -60px;}
.div-ul-client .icon-dianxin{background-position:-390px -120px;}
.div-ul-client a:hover .icon-dianxin{background-position:-390px -180px;}
.div-ul-client .icon-dnion{background-position:-390px -240px;}
.div-ul-client a:hover .icon-dnion{background-position:-390px -300px;}
.div-ul-client .icon-gangsu{background-position:-390px -360px;}
.div-ul-client a:hover .icon-gangsu{background-position:-390px -420px;} 
/*客户-金融*/
.div-ul-client .icon-yixin{background-position:-260px 0px;}
.div-ul-client a:hover .icon-yixin{background-position:-260px -60px;}
.div-ul-client .icon-yingye{background-position:-260px -120px;}
.div-ul-client a:hover .icon-yingye{background-position:-260px -180px;}
.div-ul-client .icon-pingan{background-position:-260px -240px;}
.div-ul-client a:hover .icon-pingan{background-position:-260px -300px;}
.div-ul-client .icon-jiaotong{background-position:-260px -360px;}
.div-ul-client a:hover .icon-jiaotong{background-position:-260px -420px;}
.div-ul-client .icon-xincheng{background-position:-260px -480px;}
.div-ul-client a:hover .icon-xincheng{background-position:-260px -540px;}
/*客户-政企*/
.div-ul-client .icon-sfbest{background-position:left -120px;}
.div-ul-client a:hover .icon-sfbest{background-position:left -180px;}
.div-ul-client .icon-express{background-position:left -240px;}
.div-ul-client a:hover .icon-express{background-position:left -300px;}
.div-ul-client .icon-lenovo{background-position:left -360px;}
.div-ul-client a:hover .icon-lenovo{background-position:left -420px;}

.user-wrap:hover .user-list{display:block;}
/*工具*/ 
.div-ul-tool .icon-api{background-position:left -480px;}
.div-ul-tool a:hover .icon-api{background-position:left -540px;}
.div-ul-tool .icon-addvalue{background-position:-60px -480px;}
.div-ul-tool a:hover .icon-addvalue{background-position:-60px -540px;}

/****弹出层****/
.layer-hide{
	display:none;
}
 .layer-front{
   position: fixed;
   z-index: 200000000000000;
   width: 100%;
   height: 100%;
 }
 .layer-front-shade{
   top: 0px;
   position: fixed;
   background: #000;
   opacity: 0.3;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=30)";
   width: 100%;
   height: 100%;
   z-index:10000000000000;
   }
 .layer-front-con{
  position: absolute;
  z-index: 200000000000001;
  width: 410px;
  border-radius: 4px;
  background: #fff;
  padding: 40px 40px 30px 40px;
  left: 50%;
  margin-left: -250px;
  top: 190px;
  box-shadow: 0 0px 5px #a6a6a6;
 }
 .layer-front-con h3{font-size: 22px;color: #333;}
 .layer-front-con p{
   margin-top: 22px;
   margin-bottom: 24px;
   font-size: 16px;
   color: #666;
   line-height: 24px;
 }
 .layer-front-btn{padding-left: 180px;}
 .layer-front-btn-single{padding-left: 300px;}
 .layer-front-btn a{
   display: inline-block;
   border-radius: 4px;
   text-align: center;
   font-size: 16px;
 }
 .layer-front-btn-single a{
   display: inline-block;
   border-radius: 4px;
   text-align: center;
   font-size: 16px;
 }
 .layer-front-btn01{
   width: 98px;
   height: 42px;
   line-height: 42px;
   color: #666;
   border: 1px solid #999;
   margin-right: 26px;
 }
 .layer-front-btn01:hover{
  color: #1b86ca;
  border: 1px solid #1b86ca;
 }
 .layer-front-btn02{
   width: 100px;
   height: 44px;
   line-height: 44px;
   color: #fff;
   background:#1b86ca;
 }
 .layer-front-btn02:hover{background: #249ae5;}

 /****弹出层 end****/
 /*2016年9月26日11:10:16修改中英文切换按钮start*/
 .switching-bth-en {
	left: 1103px;
	font-size: 15px;
	position: absolute;
	top: 10px;
	width: 105px;
	height: 30px
}

.switching-bth-en a {
	border-radius: 4px;
	color: #fff;
	width: 100%;
	text-align: center;
	background: #1b86ca;
	padding: 5px
}

.switching-bth-zh {
    left: 1006px;
    font-size: 15px;
    position: absolute;
    top: 10px;
    width: 105px;
    height: 30px;
}
.switching-bth-zh a {
    border-radius: 4px;
    color: #fff;
    width: 100%;
    text-align: center;
    background: #1b86ca;
    padding: 5px;
}
/*2016年9月26日11:10:16修改中英文切换按钮end*/

.header-wrap .div-l{padding:0;}
.nav022>li.li-first{padding-top:33px;}
.header-bg,.header-main>div,.nav033,.div-r-con,.div-r-con>div{-webkit-transition:all 0.5s linear;transition:all 0.5s linear;}


/*20170324*/
.header-bg{max-height:0;overflow-y:hidden;}
.header-bg.active{max-height:600px;overflow-y:hidden;}
/*2017年3月27日14:24:20  */
/* .header-bg{background:url(../images/black90.png);}
.div-r-con{background:url(../images/black60.png);} */
.nav033,.nav022>li .arrow{display:inherit;opacity:0;filter:alpha(opacity=0);}
.nav022>li:hover .nav033,.nav022>li.active .nav033,.nav022>li:hover .arrow,.nav022>li.active .arrow{opacity:1;filter:alpha(opacity=100);}

.header-bg{background:#0f0f0f\0;background:rgba(0,0,0,0.9)\9\0;}
.div-r-con{background:rgba(38,38,38,0.4);background:#191919\0;background:rgba(38,38,38,0.4)\9\0;}

.nav022 .arrow{    
    width:0;
    height:0;
    border-top:7px solid transparent;
    border-bottom:7px solid transparent;
    border-right:8px solid rgba(38,38,38,0.4);
    border-right:8px solid #191919\0;
    border-right:8px solid rgba(38,38,38,0.4)\9\0; 
}