@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{ font-family:"微软雅黑",Arival; }
h1,h2,h3,h4,h5,h6{font-size:100%;}
textarea{overflow:auto;vertical-align:top;resize:vertical;}
button,input,select,textarea{font-size:100%;}
button,input,select{vertical-align:middle;}
button{cursor:pointer;}
/*layout style
--------------------------------------*/
/*页码放置 begin*/
.basic_bg{background:#00b7ee;}
.page { width: 100%; padding:50px 0 15px 0; float: left; text-align: center; overflow:hidden; font-size:15px;}
.page a{border:1px solid #ddd; border-radius:5px; padding:3px 10px; height:55px; line-height:55px;}
.page span,.page a:hover{padding:4px 11px; background:#00b7ee; color:#fff; border-radius:5px; border:0;}
.page .prev,.page .next { margin: 0 10px;}
.page .num { padding: 2px; text-align: center; color: #000; }
.page .cur { color: #f00;}

/*页码放置 end*/	
/*新闻*/
.tittle{ text-align:center;}
.tittle h4{  font-size:30px; font-weight:normal;  border-bottom:1px solid #ddd; padding:20px 0;}
.tittle02{ text-align:center; padding:0 0 5px 0; position:relative; z-index:9;}
.tittle02 h4{font-size:30px; font-weight:normal;  /* border-bottom:1px solid #ddd; */ padding:15px 0;}
.tittle01 h4{ font-size:30px; font-weight:normal; border-bottom:1px solid #ddd; padding:20px 0; text-align:center;}

.new_attribute{position:relative;}
.news_time{background:url(../images/time01.png) left no-repeat; padding:0 0 0 22px;}
.news_hits{background:url(../images/liulan01.png) left no-repeat; padding:0 0 0 24px; margin:0 12px;}
.news_ziti{background:url(../images/ziti01.png) left no-repeat; padding:0 0 0 24px;}

.extro{margin-top:10px; line-height:18px;}
	.extro .dt{ float:right; color:#666; font-size:12px; height:30px; line-height:30px;}
	.extro .dt p{ font-size:13px; color:#333;}
	.extro .dt p span{ padding-right:0px; color:#666;}
.new_info{ padding:18px 0;}
#bdshare{float:none;}

.next{line-height:24px; padding:10px 0 0 0; margin:30px 0 0 0; font-size:14px; border-top:1px solid #ddd;}
.next p{ height:26px; line-height:26px; font-weight:bold;}
	.next a{ font-size:14px; font-weight:normal;}
	.next a:hover{ line-height:26px; text-decoration:underline;}
	
	.news_description{padding:10px 30px; border:1px solid #ddd; background:#eee;}	
   .news_description span{font-weight:bold; font-size:16px;}
.order_num{ height:35px; line-height:35px; background:#f05f02; display:block; float:left; font-size:16px;}	
   .order_num a{color:#fff;display:block;padding:0 40px; }
   .order_num a:hover{display:block; background:#f97e30}
.order_num01{padding:0 40px; height:35px; line-height:35px; background:#f05f02; display:block; float:left; border:0; color:#fff; margin:0 0 0 10px; font-size:16px;}
.order_num01:hover{display:block; background:#f97e30}
   

.xgyuedu{margin:40px 0 0 0;}
   .xgyuedu h1{font-size:18px; height:40px; line-height:40px; margin:0 0 10px 0; border-bottom:1px solid #ddd;}
   .xgyuedu p{height:30px; line-height:30px;}
      .xgyuedu p span{margin:0 10px 0 0;} 
	  .xgyuedu p em{margin:0 0 0 30px; color:#999;}




.content_main{ height:35px; line-height:35px;color:#fff; border-bottom:1px solid #ddd; margin:0 0 20px 0;}
   .content_main h1{float:left; padding:0 40px; font-size:15px;}
.product_size{ width:750px; height:auto; overflow:hidden; padding-bottom:28px; margin:0 auto;/* float:left; */}
.pro_sImg { padding:11px 0; border-bottom:1px solid #d0d0d0; margin-bottom:11px;}
.pro_sImg img{width:750px;}
.pro_sMimg li{ float:left;  width:86px; height:59px; margin:0 10px 10px 0; display:inline;}

/* 招聘 */
.recruit01 h1{float:left;display:block;width:30%;}
.recruit01 h1 span{font-weight:normal;}
.recruit02 h1{padding:16px 0 4px 0;}
.recruit02_m{font-size:14px;line-height:28px;}

/* 地图 */
#allmap{width:100%;height:500px;}
.formguide_button {cursor: pointer;border: 0;color: #fff;width: 200px;height: 35px;line-height: 35px;font-size: 15px;}


/* 分享 */
.fx_share{ display:block; width:130px; position:absolute; right:0; top:0; height:52px; z-index:9}
.fx_share .e .slideDown{position:absolute; left:0px; top:-10px; width:120px; display:inline-block;*display:inline; zoom:1; vertical-align:middle; }
.fx_share .e .slideDown .share{cursor:pointer;display:block; padding: 11px 0px; text-align: center; line-height:20px; font-style:normal; font-family:Microsoft YaHei}
.fx_share .e .slideDown .share b{border:solid 5px #fff;border-top-color:#757575;display:block;height:0;overflow:hidden;position:absolute;right: 30px;top: 18px;
-webkit-transition:top 1s,all 0.3s ease-in 0s;
-moz-transition:top 1s,all 0.3s ease-in 0s;
-o-transition:top 1s,all 0.3s ease-in 0s;
transition:top 1s,all 0.3s ease-in 0s;
}
.fx_share .e .slideDown .selectBox{background:#fff; display:none; position:absolute; left:0px; top:40px; z-index:999; width:120px; text-align:left}
.fx_share .e .slideDown .selectBox a{background-image:none;border-top:1px solid #fff;border-bottom:none;display:block; font:12px/39px "Microsoft YaHei";height:39px;padding-left:45px;overflow:hidden;}
.fx_share .e .slideDown .selectBox a:hover{ text-decoration:none}
.fx_share .e .slideDown .selectBox a.ico01{ background:url(../images/share_ico.png) no-repeat 12px -1px}
.fx_share .e .slideDown .selectBox a.ico02{ background:url(../images/share_ico.png) no-repeat 12px -39px}
.fx_share .e .slideDown .selectBox a.ico03{ background:url(../images/share_ico.png) no-repeat 12px -79px}
.fx_share .e .slideDown .selectBox a.ico04{ background:url(../images/share_ico.png) no-repeat 12px -119px}
.fx_share .e .slideDown .selectBox a.ico05{ background:url(../images/share_ico.png) no-repeat 12px -158px}

.fx_share .e .slideDown .selectBox a.ico06{ background:url(../images/share_ico2.png) no-repeat 12px 6px}
.fx_share .e .slideDown .selectBox a.ico07{ background:url(../images/share_ico2.png) no-repeat 12px -34px}
.fx_share .e .slideDown .selectBox a.ico08{ background:url(../images/share_ico2.png) no-repeat 12px -74px}
.fx_share .e .slideDown .selectBox a.ico09{ background:url(../images/share_ico2.png) no-repeat 12px -114px}
.fx_share .e .slideDown .selectBox a.ico10{ background:url(../images/share_ico2.png) no-repeat 12px -155px}
.fx_share .e .slideDown .selectBox a.ico01:hover{ background:url(../images/share_ico_hover.png) no-repeat 12px -1px}
.fx_share .e .slideDown .selectBox a.ico02:hover{ background:url(../images/share_ico_hover.png) no-repeat 12px -39px}
.fx_share .e .slideDown .selectBox a.ico03:hover{ background:url(../images/share_ico_hover.png) no-repeat 12px -79px}
.fx_share .e .slideDown .selectBox a.ico04:hover{ background:url(../images/share_ico_hover.png) no-repeat 12px -119px}
.fx_share .e .slideDown .selectBox a.ico05:hover{ background:url(../images/share_ico_hover.png) no-repeat 12px -159px}
.fx_share .e .slideDown .selectBox a.ico06:hover{ background:url(../images/share_ico_hover2.png) no-repeat 12px 6px}
.fx_share .e .slideDown .selectBox a.ico07:hover{ background:url(../images/share_ico_hover2.png) no-repeat 12px -34px}
.fx_share .e .slideDown .selectBox a.ico08:hover{ background:url(../images/share_ico_hover2.png) no-repeat 12px -74px}
.fx_share .e .slideDown .selectBox a.ico09:hover{ background:url(../images/share_ico_hover2.png) no-repeat 12px -114px}
.fx_share .e .slideDown .selectBox a.ico10:hover{ background:url(../images/share_ico_hover2.png) no-repeat 12px -155px}

.fx_share .e .slideCur{box-shadow:0 0 2px 2px #eaeaea; display:block; border:1px solid #eaeaea}
.fx_share .e .slideCur .share{ background-color:#f5f5f5;}
.fx_share .e .slideCur .share b{border:solid 5px #f5f5f5;border-top-color:#1e63b0;top: 12px;border-top-color:#f5f5f5\9;border-bottom:solid 6px #1e63b0\9;
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg);
}



/* 招聘 */
.joinBox{ margin-top: 30px;}
.joinBox dd{ position: relative; min-height: 70px; padding-left: 102px; margin-bottom: 11px; cursor: pointer;}
.joinBox .num{ position: absolute; left: 0px; top: 0px; text-align: center; background-color: #fff; color: #6a4818; display: block; width: 88px; height: 70px; font:25px/70px Arial, helvetica, sans-serif; border:1px solid #dedede}
.joinBox .con{ border: 1px solid #dedede; background-color: #fff;}
.joinBox .con .job_title{ margin: 0px 24px; border-bottom: 1px solid #fff; height: 68px; line-height: 68px; font-size: 18px; color: #4C4C4C; position: relative;}
.joinBox .con .c{ margin: 0px 24px; color: #4C4C4C; display: none; padding: 15px 10px 30px;}
.joinBox .con .c h1{padding:25px 0 5px 0; margin:0 0 5px 0; border-bottom:1px solid #BEBEBE; font-size:18px;}
.joinBox .con a:link,.joinBox .con  a:visited { color: #fff;}
.joinBox .con a:active,.joinBox .con a:hover { text-decoration: underline;}
.joinBox dd.act .num{ background-color: #6a4818; color: #fff;}
.joinBox dd.act .con{ background-color: #dedede;}
.joinBox .job_title .joico { width: 18px; height: 18px; position: absolute; right: 0px; top: 50%; margin-top: -9px; transition: 400ms; }
.joinBox .job_title .joico .line1 { width: 18px; height: 2px; overflow: hidden; background: #8c8c8c; position: absolute; left: 0; top: 8px; }
.joinBox .job_title .joico .line2 { width: 2px; height: 18px; overflow: hidden; background: #8c8c8c; position: absolute; left: 8px; top: 0; transition: 400ms; }
.joinBox dd.act .job_title{ border-bottom-color: #BEBEBE;}
.joinBox dd.act .joico{transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.joinBox dd.act .joico .line2{ display: none;}
.job_line{height:1px; background:#BEBEBE; display:block; margin:10px 0;}
.job_margin{margin:8px 0 0 0;}



/* 招聘弹框 */

@-webkit-keyframes bounceIn{
	0%{
	opacity:0;
	-webkit-transform:scale(.3);
	transform:scale(.3)
}
50%{
	opacity:1;
	-webkit-transform:scale(1.05);
	transform:scale(1.05)
}
70%{
	-webkit-transform:scale(.9);
	transform:scale(.9)
}
100%{
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1)
}

}
@keyframes bounceIn{
	0%{
	opacity:0;
	-webkit-transform:scale(.3);
	-ms-transform:scale(.3);
	transform:scale(.3)
}
50%{
	opacity:1;
	-webkit-transform:scale(1.05);
	-ms-transform:scale(1.05);
	transform:scale(1.05)
}
70%{
	-webkit-transform:scale(.9);
	-ms-transform:scale(.9);
	transform:scale(.9)
}
100%{
	opacity:1;
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
}

}
.bounceIn{
	-webkit-animation-name:bounceIn;
	animation-name:bounceIn
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}


@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

.animated1{width:100%;height:100%;background-color:#000000;opacity:0.8;filter:alpha(opacity=80);position:fixed;top:0;left:0;z-index:9999;display:none;}

 .animated{
	-webkit-animation-duration:1.4s;
	animation-duration:1.4s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
    width:700px;
    height:600px;
    margin:0 auto;display:none;background-color:#ffffff;position:fixed;top:32%;left:39%;margin:-120px 0 0 -150px;z-index:10000;border:1px solid #ccc;border-radius:10px;-webkit-border-radius:10px; 
}

.animated h1{font-size:18px;float:left; padding:20px 0 22px 32px;}
.claseDialogBtn{float:right;display:block; padding:20px 18px 22px 0; color:#999; font-size:22px; font-weight:400;font-family:sans-serif ;}

.bounceIn span{width:150px; height:35px; line-height:35px; font-size:16px; margin:25px 0 0 0; color:#fff; text-align:center; display:block;}

.job_tanchu{overflow-x:hidden;
	overflow:-Scroll;
    width:90%;
    margin:0 auto;
    height:460px;
    padding:0 10px 30px 10px;
    }
#style-8::-webkit-scrollbar-track
{
	background-color: #a0a0a0;
       border-radius:5px;
}

#style-8::-webkit-scrollbar
{
	width: 6px;
	background-color: #a0a0a0;
    border-radius:5px;
}

#style-8::-webkit-scrollbar-thumb
{
width: 4px;
border:1px solid #a0a0a0;
   border-radius:5px;
	background-color: #fff;	
}