@charset "utf-8";
/* CSS Document  font-family:"Microsoft YaHei",Arial,SimHei, sans-serif;*/
*{margin:0;padding:0}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,span,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0; font-weight:normal;font-family:"微软雅黑";}
dl,dt,dd,ol,ul,li{list-style:none;margin:0;padding:0}
img{display:block;margin:0;padding:0;border:none;}
a{text-decoration:none;}
a img {opacity: 1.0;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";}



/*==清除浮动== clearfix 和 clear 可以同时使用  clear方便于在dw 里浏览  overflow可以单独使用  ==*/
.clearfix:after,#container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}
.clear{clear:both;height:0;font-size:1px;line-height:0}
.overflow{ overflow:auto;zoom:1;}
/*==清除浮end动==*/
a{text-decoration:none;outline:none;}
a:hover{text-decoration: none;}
html{height:100%;}
/*-------------------*/
body { font-family:"微软雅黑"; font-size:14px; line-height:20px; color:#565656; background:#f1f1f1;height:100%; overflow:scroll;
	overflow-x:hidden;}
/*==herder======*/
.body{
	position:relative;
	min-height:100%;
	}
.header {width:100%;margin:auto; max-width:1200px;}

.nav{ width:100%;margin:auto;overflow:hidden;padding:8px 0px;}
.header .logo{float:left;margin-left:20px;}
.logo img{
	progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo-white.png'); 
	display:inline-block;
	}

.top{
	width:100%;
	background-color:#3b8cff;
	}
.back-to-index{
	color:white;
	font-family:微软雅黑;
	font-size:16px;
	margin-left:10px;
	}

.user{float:right;margin-right:20px;margin-top:14px;}
.user .btn{padding:5px 20px;
  border: 1px solid white;
    -moz-border-radius: 20px;      /* Gecko browsers */
    -webkit-border-radius: 20px;   /* Webkit browsers */ 
    border-radius:20px;
	float:left;            /* W3C syntax */}
.user .loginBtn{float:left;cursor:pointer;margin-right:20px;margin-left:20px;}
.loginBtn a{color:white; font-size: 14px;}
.user .regsiterBtn{float:left;cursor:pointer;background-color:white;}
.regsiterBtn a{color:#3b8cff;font-size: 14px;}
.language{float:left;cursor:pointer;text-align:center;line-height:24px;padding:0px 10px;height:24px;margin-top:3px;}
.language a{font-family:"Microsoft YaHei";font-size:14px;color:white;}
.line{width:5px;height:20px; background-color:red; display:block;float:left;}

/*main-box*/
.main-box{
	width:1200px;
	margin:auto;
	padding:20px 0px 180px 0px;;
	overflow:hidden;
	}

.nav-left{
	width:210px;
    border-radius:4px;
	background-color:white;
	float:left;
	overflow:hidden;
	}
	
.menu-list li{position:relative;}
.menu-list li:hover{background-color:#3b8cff;}
.menu-list li a:hover{color:#ffffff;}

.menu-list li a{
	display: block;
	font-family:微软雅黑;
	font-size:14px;
    color: #333333;
    height: 52px;
    line-height: 52px;
    padding: 0 30px;
    position: relative;
  	}

.menu-list .current span{
	 position: absolute;
     left: 0;
     top: 10px;
     height: 32px;
     width: 0;
     border-right: 3px solid #3b8cff;
	}

.container-box{
	width:970px;
	background-color:white;
	float:right;
	border-radius:4px;
	}

.container-title{
    line-height: 65px;
    padding: 0 30px;
    background: #ffffff;
    position: relative;
	font-family:微软雅黑;
	font-size:18px;
	border-bottom: 1px solid #eeeeee;
	}
	
.intro{
	margin: 30px 30px;
	}

.intro img{
	  display: block;
      width:100%; 
      margin-bottom: 30px;
	}

.intro p{
	 text-align: left;
      line-height: 28px;
      font-size: 14px;
      color: #222222;
      margin-bottom: 28px;
	}
	
.job-box{
	width:868px;
	border-radius:4px;
	border:1px solid #e6e6e6;
	padding:20px 20px;
	position:relative;
	margin-bottom:20px;
	}
	
.job-view{
	text-align:left;
	}	
	
.job-view h1{
	font-famiy:微软雅黑;
	font-size:26px;
	font-weight:bold;
	color:#222222;
	line-height:36px;
	}

.job-view h2{
	color:#6b6b6b;
	font-size:18px;
	}

.job-detail{
	margin-top:20px;
	}

.job-title{	
    font-size:16px;
	padding-top:20px;
	margin-bottom:20px;
	border-top:1px solid #e6e6e6;
	}

.detail{margin-bottom:40px;}

.requirement table{
	width:400px;
	}

.job-box p{
	margin:0px;
	}

.slide-down{
	width:122px;
	height:36px;
	background-color:#3b8cff;
	border-radius:4px;
	line-height:36px;
	color:#ffffff;
	font-size:14px;
	position:absolute;
	right:10px;
	bottom:12px;
	cursor:pointer;
	text-align:center;
	background-image:url(../images/slide-down.png);
	background-position:center center;
	background-repeat:no-repeat;
	}

.slide-down:hover{
	background-color:#4e97ff;
	cursor:pointer
	}

.slide-up{
	background-image:url(../images/slide-up.png);
	background-position:center center;
	background-repeat:no-repeat;
	}

.rotate{
	transform:rotate(180deg);
    -ms-transform:rotate(180deg); /* Internet Explorer */
    -moz-transform:rotate(180deg); /* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg); /* Opera */
	}
	
.contact a,.intro a{
	color:#3b8cff;
	}
	
.contact a,.intro a:hover{
	text-decoration:underline;
	}

/*footer*/
.footer { padding:0 0 20px 0; text-align: center; background: #2b2b2b;position:absolute;bottom:0px;width:100%;}
.footer .footnav{ line-height:55px;margin-bottom: 15px; font-size: 14px; border-bottom: 1px solid #444;}
.footer .footnav a{ margin: 0 10px; color: #777;font-family:"Microsoft YaHei"; } 
.footer .footnav a:hover{ color: #0098DA;}

@media(max-width:500px){
	.user{float:left;margin-left:20px;margin-top:14px;}
	}