@charset "utf-8";
/* CSS Document */

/*-- 友情链接模拟下拉菜单样式 --*/
.model-select-box { width: 46%; height: 40px; line-height: 40px; border: 1px solid #ddd; float: left; margin: 0 1% 41px 1%; text-indent: 10px; position: relative; }
.model-select-text { height: 40px; background: url(../img/xl_img.png) no-repeat 93% center; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; user-select: none; font-size: 14px; color: #666;}

.model-select-box:hover {border: #999 solid 1px;}
.model-select-text:hover {background: url(../img/xl_img1.png) no-repeat 93% center; color: #333;}
.model-select-option { display: none; position: absolute; background: #fff; width: 100%; border: 1px solid #aaa; z-index: 999;}
.model-select-option li {width: 100%; height: 22px; line-height: 22px; color: #555; cursor: pointer; font-size: 14px; background: #fff;}
.model-select-option li.seleced { background: #06C; color: #fff;}


#model-select { width: 46%; height: 40px; line-height: 40px; border: #ddd solid 1px; float: left; margin: 0 1% 41px 1%;
background: url(../img/xl_img.png) no-repeat 93% center; cursor: pointer; 
-moz-user-select: none; -webkit-user-select: none; user-select: none; font-size: 14px; color: #666;
}

#model-select:nth-child(3) {margin: 0 1% 0 1%;}
#model-select:nth-child(4) {margin: 0 0 0 1%;}

.model-select-box:nth-child(3) {margin: 0 1%;}
.model-select-box:nth-child(4) {margin: 0 1%;}

#model-select:hover {border: #999 solid 1px; background: url(../img/xl_img1.png) no-repeat 93% center; color: #333;}

#model-select select {
    background: transparent;
    border: none;
    width: 100%;
    height: 100%;
}

select {
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	border: #eee solid 1px;
	
	/*很关键：将默认的select选择框样式清除*/
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	
	/*在选择框的最右侧中间显示小箭头图片*/
	background: #eee url("") no-repeat scroll right center transparent;
	
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding: 0 0 0 5px;
}

select option {margin: 0; background: #ddd solid 1px;}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }






/*-- 友情链接模拟下拉菜单样式 --*/


/*-- 招贤纳士模拟表格滚动样式 --*/
.slide-title {
    background: rgba(240,240,240,1);
    color: #555;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    font-weight: bold;
	border: #ccc solid 1px;
}
.slide-title span {float: left; text-indent: 20px;}
.slide-title span:nth-child(1), .slide-list li span:nth-child(1){ width: 50%;}
.slide-title span:nth-child(2), .slide-list li span:nth-child(2){ width: 20%;}
.slide-title span:nth-child(3), .slide-list li span:nth-child(3){ width: 30%;}

.slide-container{ position: relative; overflow: hidden;  height: 90px; border: #ddd solid 1px; border-top: none;}
.slide-list { position: absolute; width: 100%; left: 0; top: 0; margin: 0; padding: 0;}
.slide-list li { height: 30px; line-height: 30px;  list-style: none; margin: 0;}
.slide-list li span { display: inline-block; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-indent: 20px; color: #666;}
.slide-list li.odd{ background: rgba(250,250,250,1);}
.slide-list li.even{ background: rgba(255,255,255,1);}
.slide-list li:hover span{color: #333;}
.slide-list li.odd:hover {background: rgba(230,230,230,1);}
.slide-list li.even:hover {background: rgba(230,230,230,1);}
/*-- 招贤纳士模拟表格滚动样式 --*/


/*-- 人才招聘 --*/
.zp-title {
    background: #0e5d9d;
    color: #fff;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    font-weight: bold;
}
.zp-title span {float: left; text-indent: 20px;}
.zp-title span:nth-child(1), .zp-list li span:nth-child(1){ width: 50%;}
.zp-title span:nth-child(2), .zp-list li span:nth-child(2){ width: 20%;}
.zp-title span:nth-child(3), .zp-list li span:nth-child(3){ width: 30%;}

.zp-container{ width: auto; height: auto; display: block;}
.zp-list { width: 100%;}
.zp-list li {list-style: none; margin: 0; padding: 15px 0;}
.zp-list li span { display: inline-block; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-indent: 20px; color: #666;}
.zp-list li.odd{ background: rgba(250,250,250,1) url(../img/bg3.png) no-repeat 98% 18px; cursor: pointer;}
.zp-list li.even{ background: rgba(255,255,255,1) url(../img/bg3.png) no-repeat 98% 18px; cursor: pointer;}
.zp-list li.selected { background: #eee url(../img/bg4.png) no-repeat 98% 18px; }
.zp-list li:hover span{color: #333;}

/*.zp-list li.odd:hover {background: rgba(230,230,230,1);}
.zp-list li.even:hover {background: rgba(230,230,230,1);}*/

.zp_con {margin: 15px 0 -10px 0; border: #ddd solid 1px; padding: 0 20px 20px; background: #fff;}
.zp_con h3{font-size: 16px; line-height: 30px; padding-top: 20px;}
.zp_con p{font-size: 14px; line-height: 24px;}

/*-- 人才招聘 --*/

.none {display: none;}






/*--首页banner--*/

.showcase.cloud .container{ width:100%; height: 600px; overflow:hidden; position:relative}
.showcase.cloud .slide{ position:absolute; top:0; left:0; z-index:0; width:100%; height:364px}
.showcase.cloud .slide .content-main-visual{ width:100%; height: 600px; overflow:hidden; position:relative}
.showcase.cloud .slide .content-main-visual a{ display:none; width:100%; height:auto; overflow:hidden; position:absolute; z-index:0; top:0; left:0}
.showcase.cloud .slide .content-main-visual a.pc{ display:block}
.showcase.cloud .slide .content-main-visual a img{ width: 100%; height: auto}

.showcase.cloud .slide .content-main-feature{ height:200px; width:180px; position: absolute; top: 400px; left:0px}
.showcase.cloud .slide .content-main-feature .feature{ width:180px; height:30px; text-align:center; position:relative; overflow:hidden}
.showcase.cloud .slide .content-main-feature .feature a{ padding-top:0; display:block; width:180px; height:30px; position:relative; background-image:none; opacity:0.4; filter:alpha(opacity=40); color:#000}
.showcase.cloud .slide .content-main-feature .feature a:hover{ background-image:none}
.showcase.cloud .slide .content-main-feature .feature a:hover{ opacity:1; filter:alpha(opacity=100)}
.showcase.cloud .slide .content-main-feature .feature a.current{ background:none}
.showcase.cloud .slide .content-main-feature .feature a img{ position:absolute; top:18px; left:18px; width: 56px; height:57px; margin:0 auto}
.showcase.cloud .slide .content-main-feature .feature a img.tablet{ display:none}
.showcase.cloud .slide .content-main-feature .feature a img.mobile{ display:none}
.showcase.cloud .slide .content-main-feature .feature a span{ position:absolute; top:32px; left:92px; display:block; width:70px; height:auto; text-align:left; padding:0; color:#fff; font-size:15px}

.showcase.cloud .slide .content-main-feature .azure{ background-color:transparent}
.showcase.cloud .slide .content-main-feature .brick{ background-color:transparent}
.showcase.cloud .slide .content-main-feature .gray{ background-color:transparent}
.showcase.cloud .slide .content-main-feature .green { background-color:transparent}
.showcase.cloud .slide .content-main-feature .dark-azure{ background-color:#0088C4}
.showcase.cloud .slide .content-main-feature .dark-brick{ background-color:#6F0B01}
.showcase.cloud .slide .content-main-feature .dark-gray{ background-color:#272727}
.showcase.cloud .slide .content-main-feature .dark-green{ background-color:#308900}

.showcase.cloud .slide .content-main-feature .azure a{ background-color:#49b8da}
.showcase.cloud .slide .content-main-feature .brick a{ background-color:#A83513}
.showcase.cloud .slide .content-main-feature .gray a{ background-color:#646464}
.showcase.cloud .slide .content-main-feature .green a{ background-color:#85bb23}

.showcase.cloud .slide .content-main-feature .azure a:hover, .showcase.cloud .slide .content-main-feature .azure a.current{ background-color:#75C3EF; color:#fff}
.showcase.cloud .slide .content-main-feature .azure a:hover span, .showcase.cloud .slide .content-main-feature .azure a.current span{ background-color:#75C3EF; color:#fff}
.showcase.cloud .slide .content-main-feature .brick a:hover, .showcase.cloud .slide .content-main-feature .brick a.current{ background-color:#A83513; color:#fff}
.showcase.cloud .slide .content-main-feature .brick a:hover span, .showcase.cloud .slide .content-main-feature .brick a.current span{ background-color:#A83513; color:#fff}
.showcase.cloud .slide .content-main-feature .gray a:hover, .showcase.cloud .slide .content-main-feature .gray a.current{ background-color:#646464; color:#fff}
.showcase.cloud .slide .content-main-feature .gray a:hover span, .showcase.cloud .slide .content-main-feature .gray a.current span{ background-color:#646464; color:#fff}
.showcase.cloud .slide .content-main-feature .green a:hover, .showcase.cloud .slide .content-main-feature .green a.current{ background-color:#6FBB00; color:#fff}
.showcase.cloud .slide .content-main-feature .green a:hover span, .showcase.cloud .slide .content-main-feature .green a.current span{ background-color:#6FBB00; color:#fff}

.showcase.cloud .slide .content-main-feature .feature a.current{ opacity:1; filter:alpha(opacity=100)}
.showcase.cloud .slide .content-main-feature .feature a .timerLine{ display:none; position:absolute; left:0; bottom:0; width:122px; height:7px}
.showcase.cloud .slide .content-main-feature .feature a.current .timerLine{ display:block}

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    text-decoration: none;
}

a{blr: expression(this.onFocus=this.blur())}/*去掉a标签的虚线框，避免出现奇怪的选中区域*/