/* CSS Document */

body,td,th {
	font-family: "Microsoft Yahei","Arial","\5b8b\4f53","sans-serif","微软雅黑";
}
body {
	background-color: #fbfbfb;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a,input{outline:none;}

/*banner*/
.U_banner{
	height: 450px;
	width: 100%;
	margin-top:155px;
	position: relative;
}
.U_banner_nei{
	background-color: #00a0e9;
	height: 450px;
	width: 100%;
	background-image: url("/newstatics/home/images/union6.jpg");
	background-repeat: no-repeat;
	background-position: left bottom;
}
.U_banner_nei1{
	height: 450px;
	width: 100%;
	background-image: url("/newstatics/home/images/union7.png");
	background-repeat: no-repeat;
	background-position: right bottom;
}
.U_banner_cen{height: auto;
	width: 1202px;
	margin:0 auto;
}
.U_banner_left{
	float: left;
	height: auto;
	width: 601px;
}
.U_banner_left1{
	text-align: center;
	height: auto;
	width: 601px;
	padding-top: 80px;
}
.U_banner_left2{
	background-image: url("/newstatics/home/images/union13.png");
	background-position: center center;
	background-repeat: no-repeat;
	padding:40px 0 0 0 ;
	width:601px;
	height:250px;
}

.content1{
	width:146px;
	height:178px;
	float:left;
	position:relative;
	margin:40px 60px 0 0;
}
.hd1,.hd2{
	width:146px;
	height:178px;
	background:url("/newstatics/home/images/BANNER_ico.png") no-repeat 0px top;
	position:absolute;
	left:0px;
	top:0px;
	-webkit-transition:all 0.5s ease 0s;
	-moz-transition:all 0.5s ease 0s;
	-o-transition:all 0.5s ease 0s;
	-ms-transition:all 0.5s ease 0s;
	transition:all 0.5s ease 0s;
	backface-visibility:hidden; /*转过去以后隐藏*/
}
.hd1{
	z-index:10;
}
.hd2{
	background-position:-177px top;
	-webkit-transform:rotateY(-180deg);
	-moz-transform:rotateY(-180deg);
	-o-transform:rotateY(-180deg);
	-ms-transform:rotateY(-180deg);
	transform:rotateY(-180deg);
}
.content1:hover .hd1{
	transform:rotateY(-180deg);
	-webkit-transform:rotateY(-180deg);
	-moz-transform:rotateY(-180deg);
	-o-transform:rotateY(-180deg);
	-ms-transform:rotateY(-180deg);
}
.content1:hover .hd2{
	transform:rotateY(0deg);
	-webkit-transform:rotateY(0deg);
	-moz-transform:rotateY(0deg);
	-o-transform:rotateY(0deg);
	-ms-transform:rotateY(0deg);
}

.content2{
	height: 195px;
	width: 149px;
	float:left;
	position:relative;
	margin:0px;
}
.zp1,.zp2{
	height: 195px;
	width: 149px;
	background:url("/newstatics/home/images/BANNER_ico.png") no-repeat 0px -199px;
	position:absolute;
	left:0px;
	top:0px;
	-webkit-transition:all 0.5s ease 0s;
	-moz-transition:all 0.5s ease 0s;
	-o-transition:all 0.5s ease 0s;
	-ms-transition:all 0.5s ease 0s;
	transition:all 0.5s ease 0s;
	backface-visibility:hidden; /*转过去以后隐藏*/
}
.zp1{
	z-index:10;
}
.zp2{
	background-position:-177px -199px;
	transform:rotateY(-180deg);
	-webkit-transform:rotateY(-180deg);
	-moz-transform:rotateY(-180deg);
	-o-transform:rotateY(-180deg);
	-ms-transform:rotateY(-180deg);
}
.content2:hover .zp1{
	transform:rotateY(-180deg);
	-webkit-transform:rotateY(-180deg);
	-moz-transform:rotateY(-180deg);
	-o-transform:rotateY(-180deg);
	-ms-transform:rotateY(-180deg);
}
.content2:hover .zp2{
	transform:rotateY(0deg);
	-webkit-transform:rotateY(0deg);
	-moz-transform:rotateY(0deg);
	-o-transform:rotateY(0deg);
	-ms-transform:rotateY(0deg);
}

.content3{
	height: 199px;
	width: 174px;
	float:left;
	position:relative;
	margin:40px 0 0 50px;
}
.jf1,.jf2{
	height: 199px;
	width: 174px;
	background:url("/newstatics/home/images/BANNER_ico.png") no-repeat 0px -413px;
	position:absolute;
	left:0px;
	top:0px;
	transition:all 0.5s ease 0s;
	-webkit-transition:all 0.5s ease 0s;
	-moz-transition:all 0.5s ease 0s;
	-o-transition:all 0.5s ease 0s;
	-ms-transition:all 0.5s ease 0s;
	backface-visibility:hidden; /*转过去以后隐藏*/
}
.jf1{
	z-index:10;
}
.jf2{
	background-position:-182px -413px;
	-webkit-transform:rotateY(-180deg);
	-moz-transform:rotateY(-180deg);
	-o-transform:rotateY(-180deg);
	-ms-transform:rotateY(-180deg);
	transform:rotateY(-180deg);
}
.content3:hover .jf1{
	-webkit-transform:rotateY(-180deg);
	-moz-transform:rotateY(-180deg);
	-o-transform:rotateY(-180deg);
	-ms-transform:rotateY(-180deg);
	transform:rotateY(-180deg);
}
.content3:hover .jf2{
	-webkit-transform:rotateY(0deg);
	-moz-transform:rotateY(0deg);
	-o-transform:rotateY(0deg);
	-ms-transform:rotateY(0deg);
	transform:rotateY(0deg);
}

.content3 a,.content2 a,.content1 a{
	text-decoration: none;
	display: block;
	height: 199px;
	width: 146px;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -moz-transform: scale3d(.3, .3, .3);
    -o-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -moz-transform: scale3d(.3, .3, .3);
    -o-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

.hsow{ opacity:0; filter:alpha(opacity=100);  }
.hsow1{
	-webkit-animation:zoomIn 0.2s ease-in-out 0.7s forwards;
	-moz-animation:zoomIn 0.2s ease-in-out 0.7s forwards;
	-o-animation:zoomIn 0.2s ease-in-out 0.7s forwards;
	-ms-animation:zoomIn 0.2s ease-in-out 0.7s forwards;
	animation:zoomIn 0.5s ease-in-out 0.7s forwards;
	margin:80px 0 0 0;
}
.hsow3{
	-webkit-animation:zoomIn 0.2s ease-in-out 0.5s forwards;
	-moz-animation:zoomIn 0.2s ease-in-out 0.5s forwards;
	-o-animation:zoomIn 0.2s ease-in-out 0.5s forwards;
	-ms-animation:zoomIn 0.2s ease-in-out 0.5s forwards;
	animation:zoomIn 0.5s ease-in-out 0.5s forwards;
}

.U_banner_right{
	float: right;
	height: auto;
	width: 601px;
	padding:30px 0 0 0;
}


/*功能版块*/
.function{
	height: auto;
	width: 1202px;
	padding-top:10px;
	margin:0 auto;
}
.function h1{
	float: left;
	margin:10px 0 0 10px;
	padding:0px;
	width:auto;
	height:auto;
	position:relative;
	z-index:-1;
	overflow: hidden;
	width:582px;height:383px;
}
.function h2{
	float: left;
	margin:10px 0 0 10px;
	padding:0px;
	width:auto;
	height:auto;
	position:relative;
	z-index:-1;
	overflow: hidden;
	width:600px;height:186px;
}
.function h3{
	float: left;
	margin:10px 0 0 10px;
	padding:0px;
	width:auto;
	height:auto;
	position:relative;
	z-index:-1;
	overflow: hidden;
	width:293px;height:187px;
}
.function h4{
	float: left;
	margin:10px 0 0 10px;
	padding:0px;
	width:auto;
	height:auto;
	position:relative;
	z-index:-1;
	overflow: hidden;
	width:296px;height:187px;
}
.Widdth1{width:582px;height:383px;overflow: hidden;}
.Widdth2{width:600px;height:186px;overflow: hidden;}
.Widdth3{width:293px;height:187px;overflow: hidden;}
.Widdth4{width:296px;height:187px;overflow: hidden;}
.Utite{
	background: rgba(0, 0, 0, 0.7);
	display:table;/*外框设置垂直居中*/
	position:absolute; 
	top:0px;
	left:0px; 
    opacity: 0;  
	padding:0px;
	transition: 0.3s;  
    -webkit-transition: 0.5s;  
    -moz-transition: 0.5s;  
    -o-transition: 0.5s;
    -ms-transition: 0.5s; 
}
.Utite_nei{
	width:auto;
	height:auto;
	font-size: 18px;
	line-height: 30px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	margin: 0px;
	padding:0 10px 0 10px;
	height: auto;
	width: auto;
	display:table-cell;/*宽度自适应文字宽度*/
	vertical-align:middle;/*垂直居中*/
}
.function h1:hover .Utite{    
      opacity: 1;  
      transition:all 0.5s ease 0s;
      -webkit-transition:all 0.5s ease 0s;
      -moz-transition:all 0.5s ease 0s;
      -o-transition:all 0.5s ease 0s;
      -ms-transition:all 0.5s ease 0s;
}
.function h1:hover img{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transition:all 0.5s ease 0s;
	-webkit-transition:all 0.5s ease 0s;
	-moz-transition:all 0.5s ease 0s;
	-o-transition:all 0.5s ease 0s;
	-ms-transition:all 0.5s ease 0s;
}

.function h2:hover .Utite{    
      opacity: 1;  
      transition:all 0.5s ease 0s;
      -webkit-transition:all 0.5s ease 0s;
      -moz-transition:all 0.5s ease 0s;
      -o-transition:all 0.5s ease 0s;
      -ms-transition:all 0.5s ease 0s;
}
.function h2:hover img{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transition:all 0.5s ease 0s;
	-webkit-transition:all 0.5s ease 0s;
	-moz-transition:all 0.5s ease 0s;
	-o-transition:all 0.5s ease 0s;
	-ms-transition:all 0.5s ease 0s;
}

.function h3:hover .Utite{    
      opacity: 1;  
      transition:all 0.5s ease 0s;
      -webkit-transition:all 0.5s ease 0s;
      -moz-transition:all 0.5s ease 0s;
      -o-transition:all 0.5s ease 0s;
      -ms-transition:all 0.5s ease 0s;
}
.function h3:hover img{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transition:all 0.5s ease 0s;
	-webkit-transition:all 0.5s ease 0s;
	-moz-transition:all 0.5s ease 0s;
	-o-transition:all 0.5s ease 0s;
	-ms-transition:all 0.5s ease 0s;
}

.function h4:hover .Utite{    
      opacity: 1;  
      transition:all 0.5s ease 0s;
      -webkit-transition:all 0.5s ease 0s;
      -moz-transition:all 0.5s ease 0s;
      -o-transition:all 0.5s ease 0s;
      -ms-transition:all 0.5s ease 0s;
}
.function h4:hover img{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transition:all 0.5s ease 0s;
	-webkit-transition:all 0.5s ease 0s;
	-moz-transition:all 0.5s ease 0s;
	-o-transition:all 0.5s ease 0s;
	-ms-transition:all 0.5s ease 0s;
}
.zhaiyao{
	font-size: 14px;
	line-height: 25px;
	font-weight: normal;
	color: #CCCCCC;
	padding:10px 30px 0 30px;
}



/*版块标题*/
.U_tett{
	height: auto;
	width: 100%;float:left;clear:both;padding:20px 0 0 0;
}
.U_tett_cen{height:auto;margin:0 auto;padding:60px 0 0 0;}
.Ww1{width:720px;background-position:665px -250px;}
.Ww2{width:805px;background-position:725px -411px;}
.Ww3{width:774px;background-position:670px -650px;}
.U_tett_cen h1{
	font-size: 32px;
	line-height: 50px;
	font-weight: normal;
	color: #373636;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: auto;
	text-align: center;
}
.U_tett_cen h2{
	font-size: 20px;
	line-height: 50px;
	font-weight: normal;
	color: #373636;
	margin: 0px;
	padding: 10px 0 0 0;
	height: auto;
	width: auto;
	text-align: center;
}
.xinmu{
	font-size: 39px;
	font-style: italic;
	line-height: 50px;
	font-weight: bold;
	color: #f2a90b;
	padding:0 20px 0 10px;
}


/*活动*/
.MORE{
	font-size:14px;
	line-height: 30px;
	font-weight: normal;
	color: #ccc;
	text-align: center;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: auto;
	position:absolute;
	right:5px;
	top:-3px;
}
.MORE a{
	color: #ccc;
	text-decoration: none;
}
.activity{
	height: auto;
	width: 1217px;
	margin:0 auto;
	padding:30px 0 0 0;
	position:relative;
}
.activity1{
	float: left;
	height: auto;
	width: 228px;
	margin-left: 15px;
	position:relative;
}
.activity1 h1{
	margin: 0px;
	padding: 0px;
	height: 293px;
	width: 228px;
	overflow: hidden;
}
.activity1 h2{
	font-size: 15px;
	line-height: 25px;
	font-weight: normal;
	color: #222317;
	margin: 10px 0 0 0;
	padding: 0px;
	height: auto;
	width: 228px;
}
.activity1 h3{
	font-size: 13px;
	line-height: 25px;
	font-weight: normal;
	color: #f9a20b;
	margin: 0px;
	padding: 0px;
	height: 25px;
	width: auto;
	overflow: hidden;
}
.activity1 a{
	text-decoration: none;
}
.YD_activ{
	height: auto;
	width: 260px;
	padding:0 0 10px 0;
	box-shadow:2px 2px 10px 3px #a7a4a4;
	transform:translate(-15px,-15px);
	-webkit-transform:translate(-15px,-15px);
	-moz-transform:translate(-15px,-15px);
	-o-transform:translate(-15px,-15px);
	-ms-transform:translate(-15px,-15px);
	position:absolute;
	top:0px;
	left:0px;
	opacity: 0;
	transition: 0.3s;
    -webkit-transition: 0.5s;  
    -moz-transition: 0.5s;
    -o-transition: 0.5s; 
    -ms-transition: 0.5s; 
	background-color: #FFFFFF;
	z-index:1;
}
.activity1:hover .YD_activ{    
      opacity: 1;  
}
.YD_tu{
	height: 204px;
	width: 260px;
}
.YD_bt{
	font-size: 15px;
	line-height: 25px;
	font-weight: bold;
	color: #292828;
	height: auto;
	width: auto;
	overflow: hidden;
	padding-top: 8px;
	padding-right: 7px;
	padding-bottom: 0;
	padding-left: 7px;
}
.YD_XQ{
	font-size: 13px;
	line-height: 25px;
	font-weight: normal;
	color: #292828;
	height: 75px;
	width: auto;
	overflow: hidden;
	padding-top: 0;
	padding-right: 7px;
	padding-bottom: 0;
	padding-left: 7px;
}
.YD_ani{
	font-size: 16px;
	line-height: 31px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #fdc03c;
	text-align: center;
	height: 31px;
	width: 132px;
	margin:15px auto 0 auto;
	border-radius:5px;
}
.YD_ani a{
	height: 31px;
	width: 132px;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}

/*热点话题*/
.Acti{
	height: auto;
	width: 1225px;
	margin:0 auto;
	padding:0px 0 0 0;
}
.Acti-ABD{width:100%;height:auto;background-color: #fff;float:left;clear:both;margin:20px 0 0 0;padding:0 0 35px 0;}
.Acti1{
	float: left;
	height: 500px;
	width: 589px;
	margin-left: 23px;
	position:relative;
	overflow: hidden;
}
.Topic{
	width:589px;
	height:auto;
	font-size: 25px;
	line-height: 40px;
	font-weight: normal;
	color: #2a2a2a;
	text-align: center;
	margin:20px 0 0 0;
}
.rds{
	font-size: 37px;
	font-style: italic;
	color: #f2a90b;
	font-weight: bold;
}
.Topic1{
	width:492px;
	font-size: 20px;
	line-height: 46px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #d9a85c;
	text-align: center;
	height: 46px;
	margin:20px auto 0 auto;
	border-radius:5px;
	overflow: hidden;
}
.Topic2{
	clear: both;
	float: left;
	height: auto;
	width: 589px;
	padding-top: 20px;
}
.Topic2_ht{
	float: left;
	height: 85px;
	width: 230px;
	border:1px solid #ff9c00;
	border-radius:8px;
	font-size: 13px;
	line-height: 20px;
	font-weight: normal;
	color: #3b3b3b;
	padding: 7px;
	margin:15px 0 15px 20px;
	position: relative;
}
.lef1{margin-left:50px;}
.horn{
	width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid #ff9c00;
    position: absolute;
    top:-12px;
}
.rigt1{right:20px;}
.rigt2{left:20px;}
.A_itb{background-position: 200px -142px;}
.A_itb2{background-position: 200px -220px;}
.Llabel{
	width:589px;
	height:50px;
	float:left;
	clear:both;
	padding:0px 0 0 0;
	font-size: 13px;
	line-height: 25px;
	font-weight: normal;
	color: #7b7878;
	overflow: hidden;
}
.Llabel a{
	color: #7b7878;
	text-decoration: none;
	height: auto;
	width: auto;
	padding-right: 10px;
	padding-left: 10px;
}
.Llabel a:hover{
	color: #ff9c00;
	text-decoration: underline;
}
.moreMo{
	width:589px;
	height:auto;
	float:left;
	clear:both;
	padding:0px 0 0 0;
}
.moreMo h1{
	font-size: 13px;
	line-height: 22px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #f3c751;
	text-align: center;
	height: 22px;
	width: 62px;
	float:right;
	margin:15px 0 0 0;
}
.moreMo h1 a{
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}
.SixS{
	width:193px;
	height:193px;
	position: absolute;
	bottom:30px;
	left:50px;
	overflow: hidden;border-radius:100px;
}
.SixS img{width:193px;
	height:193px;border-radius:100px;}
.NaSOl{
	font-size: 19px;
	width:300px;
	height:auto;
	line-height: 30px;
	font-weight: normal;
	color: #85827e;
	position: absolute;
	bottom:70px;
	right:20px;
}
.LMrule{
	width:559px;
	height:270px;
	background-image: url("/newstatics/home/images/LMrule.png");
	background-repeat: no-repeat;
	position: absolute;
	bottom:139px;
	left:9px;
}
.ITnte{
	width:96px;
	height:auto;
	position: absolute;
	top:90px;
	left:30px;
}
.ITnte2{
	width:96px;
	height:auto;
	position: absolute;
	top:125px;
	left:220px;
}
.ITnte3{
	width:96px;
	height:auto;
	position: absolute;
	top:20px;
	left:277px;
}
.ITnte4{
	width:142px;
	height:auto;
	position: absolute;
	top:80px;
	left:400px;
}
.Jjife1{
	font-size: 19px;
	line-height: 40px;
	font-weight: normal;
	color: #ff9c00;
	text-align: center;
	height: 40px;
	width: auto;
	overflow: hidden;
	border-bottom:1px dashed #ff9c00;
}
.Jjife2{
	font-size: 20px;
	line-height: 50px;
	font-weight: normal;
	color: #ff9c00;
	text-align: center;
	height: auto;
	width: auto;
	overflow: hidden;
}
.Jjife3{
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #ff9c00;
	text-align: left;
	height: auto;
	width: auto;
	margin:5px 0 0 25px;
	overflow: hidden;
}


.fan{height: 460px;
   width: 589px;
   overflow: hidden;
   display: inline-block;
   margin:0 0 0 15px;
   position: relative;
}

 
 
 



/*优秀志愿者*/
.zyz_w{
	clear: both;
	height: auto;
	width: 559px;
}

.dj{padding:0 0 0 25px;background-position: -0px -96px;}



.Udian{
	font-size: 35px;
	padding-right: 5px;
	line-height: 30px;
	height: auto;
	width: auto;
	float: left;
}

/*四员评选排行榜*/
.SIyuan{
	width:1225px;
	height:auto;
	text-align: center;
	background-image: url("/newstatics/home/images/jybs.png");
	background-repeat: no-repeat;
	background-position: center center;
	font-size: 32px;
	line-height: 50px;
	font-weight: normal;
	color: #373636;
	margin:80px 0 0 0;
	float:left;clear:both;
}
.jushsss{
	color:#f5c04c;
	font-weight: bold;
}
.SIyuax_xia{
	width: 1225px;
	height:auto;
	float:left;
	clear:both;
	padding:130px 0 0 0;
}
.SIyuax_xia1{
	width:274px;
	height:auto;
	border:1px solid #a9dcfd;
	float:left;
	margin: 0 20px 0 10px;
}
.SIyuax_xiaA{
	width:274px;
	height:auto;
	float:left;
	clear: both;
	background-color: #e9f8fe;
	border-bottom:1px dashed #009cff;
	position: relative;
}
.SIyuax_xiaA1{
	width:118px;
	height:118px;
	border-radius:100px;
	border:2px solid #fff;
	overflow: hidden;
	position: absolute;
	top:-90px;
	left:25%;
}
.No1{
	width:104px;
	height:49px;
	background-image: url("/newstatics/home/images/sIyua1.png");
	background-repeat: no-repeat;
	position: absolute;
	top:-15px;
	left:30%;
	z-index: 100;
}
.Nyi{
	font-size: 20px;
	line-height: 30px;
	font-weight: normal;
	color: #1b1c1c;
	text-align: center;
	clear: right;
	float: left;
	height: auto;
	width: 274px;
	margin:45px 0 0 0;
}
.Nyi1{
	font-size: 26px;
	color: #ff9e05;
}
.Nyi2{
	font-size: 14px;
	line-height: 30px;
	font-weight: normal;
	color: #3a3939;
	text-align: center;
	height: auto;
	width: 274px;
	margin:0 0 8px 0;
}
.SIyuax_xiaB{
	width:274px;
	height:auto;
	float:left;
	clear: both;
	position: relative;
}
.triangle-right {
    background-image: url("/newstatics/home/images/sIyua2.png");
	background-repeat: no-repeat;
    position: absolute;
    right:-27px;
    top:100px;
    width:27px;
    height:51px;
}
.SIyuax_xiaB1{
	width:274px;
	height:auto;
	float:left;
	clear: both;
	font-size: 16px;
	line-height: 45px;
	font-weight: normal;
	color: #009cff;
	text-align: center;
}
.SIyuax_xiaB2{
	clear: both;
	float: left;
	height: auto;
	width: 254px;
	margin-left: 10px;
	border-top: 1px solid #f5f5f5;
}
.SIyuax_xiaB2 h1{
	font-size: 15px;
	line-height: 40px;
	font-weight: normal;
	color: #444342;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 40px;
	width: 50px;
	overflow: hidden;
}
.SIyuax_xiaB2 h2{
	font-size: 14px;
	line-height: 40px;
	font-weight: normal;
	color: #666666;
	padding: 0px;
	float: left;
	height: 40px;
	width: 110px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	overflow: hidden;
}
.SIyuax_xiaB2 h3{
	font-size: 13px;
	line-height: 40px;
	font-weight: normal;
	color: #999999;
	padding: 0px;
	float: right;
	height: 40px;
	width: 80px;
	margin:0px;
	overflow: hidden;
}
.colrdff{color:#ffad0f;}

/*就业招聘*/
.Job_left{
	float: left;
	height: auto;
	width: 255px;
	padding:40px 0 0 0;
}
.Job_left1{
	font-size: 18px;
	line-height: 45px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url("/newstatics/home/images/union20.png");
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 39px;
	width: 245px;
	padding-left: 10px;
	border-bottom: 2px solid #e4cf8c;
}
.Job_left2{
	background-color: #f8f3e9;
	clear: both;
	float: left;
	height: auto;
	width: 255px;
	padding:25px 0 65px 0;
}
.JOB_LIST1{
	float: left;
	height: 60px;
	width: 255px;
	border-top:1px solid #f8f3e9;
	border-bottom:1px solid #f8f3e9;
	position:relative;
	z-index:1;
}
.Jwenzi{
	float: left;
	height: 60px;
	width: 200px;
	margin-left:50px;
	overflow: hidden;
	background-image: url("/newstatics/home/images/union21.png");
	background-repeat: no-repeat;
	background-position: 165px center;
	font-size: 16px;
	line-height: 60px;
	font-weight: normal;
	color: #555555;
}
.kong{
	background-color: #FFFFFF;
	height: 60px;
	width: 2px;
	position:absolute;
	left:-2px;
	top:0px;
}
.ZI_TU1{background-position: -110px 12px;}
.ZI_TU2{background-position: -110px -57px;}
.ZI_TU3{background-position: -110px -134px;}
.ZI_TU4{background-position: -110px -202px;}
.ZI_TU5{background-position: -110px -275px;}
.ZI_TU6{background-position: -110px -344px;}
.ZI_TU7{background-position: -110px -417px;}
.ZI_TU8{background-position: -110px -490px;}
.ZI_TU9{background-position: -110px -560px;}
.ZI_TU10{background-position: -110px -634px;}
.ZI_TU11{background-position: -110px -705px;}
.zhiye{
	background-color: #FFFFFF;
	height: auto;
	width: 530px;
	border-top: 1px solid #e5ad4f;
	border-bottom: 1px solid #e5ad4f;
	border-right: 1px solid #e5ad4f;
	border-left: 1px solid #e5ad4f;
	padding:10px;
	position:absolute; 
	top:-1px;
	left:250px; 
    display:none; 
	z-index:1; 
	min-height:40px; 
}
.JOB_LIST1:hover .zhiye{    
      display:block;
	  width:570px;
	  height:auto; 
}
.zhiye h1{
	font-size: 14px;
	line-height: 30px;
	font-weight: normal;
	color: #555555;
	padding: 0px;
	float: left;
	height: auto;
	width: 180px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.zhiye h1 a{
	color: #555555;
	text-decoration: none;
}
.zhiye h1 a:hover{
	color: #000000;
	text-decoration: none;
}
.JOB_LIST1:hover{
	background-color: #FFFFFF;
	border-top: 1px solid #e5ad4f;
	border-bottom: 1px solid #e5ad4f;
	border-left: 5px solid #e5ad4f;
}
.Job_right{
	float: left;
	height: auto;
	width: 910px;
	margin-left: 37px;
	padding:40px 0 0 0;
}
.Job_right1{
	height: 38px;
	width: 480px;
	margin:0 auto;
	background-color: #00a0e9;
}
.Job_right1 h1{
	font-size: 18px;
	line-height: 38px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 38px;
	width: 160px;
}
.GW_x{
	background-color: #f2a90b;
	display: block;
	height: 38px;
	width: 160px;
	color: #FFFFFF;
	text-decoration: none;
	height: 38px;
	width: 160px;
}
.GW_w{
	color: #FFFFFF;
	text-decoration: none;
	height: 38px;
	width: 160px;
	display: block;
}
.Job_right_xia{
	clear: both;
	float: left;
	height: auto;
	width: 910px;
	margin-top: 30px;
	display:none;
}

.zhp_xi1{
	height: 45px;
	width: 910px;
	clear: both;
	float: left;
}
.zhp_xi1 h1{
	font-size: 14px;
	line-height: 45px;
	font-weight: normal;
	color: #0d6cd6;
	text-align: center;
	margin: 0px;
	float: left;
	height: 45px;
	width: 210px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	overflow: hidden;
}
.zhp_xi1 h2{
	font-size: 14px;
	line-height: 45px;
	font-weight: normal;
	color: #0d6cd6;
	text-align: center;
	margin: 0px;
	float: left;
	height: 45px;
	width: 80px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.zhp_xi1 h3{
	font-size: 14px;
	line-height: 45px;
	font-weight: normal;
	color: #0d6cd6;
	text-align: left;
	margin: 0px 0 0 30px;
	float: left;
	height: 45px;
	width: 180px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	overflow: hidden;
}
.zhp_xi2{
	overflow: hidden;
	clear: both;
	float: left;
	width: 910px;
	height: 45px;
}
.zhp_xi2 h1{
	font-size: 14px;
	line-height: 45px;
	font-weight: normal;
	color: #4c4d4d;
	text-align: center;
	margin: 0px;
	float: left;
	height: 45px;
	width: 210px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	overflow: hidden;
}
.zhp_xi2 h2{
	font-size: 14px;
	line-height: 45px;
	font-weight: normal;
	color: #4c4d4d;
	text-align: center;
	margin: 0px;
	float: left;
	height: 45px;
	width: 80px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.zhp_xi2 h3{
	font-size: 14px;
	line-height: 45px;
	font-weight: normal;
	color: #4c4d4d;
	text-align: left;
	margin: 0px;
	float: left;
	height: 45px;
	width: 210px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	overflow: hidden;
}
.tubi{
	background-image: url("/newstatics/home/images/gfrz.png");
	background-repeat: no-repeat;
	background-position: left center;
}
.zhp_xi2 a{color:#4c4d4d;text-decoration: none;}
.zhp_xi2 a:hover{color:#eeaa32;text-decoration: none;}
.Tr_COL{
	background-color: #ffffff;
}
.zp_tid{
	height: 50px;
	padding-left: 30px;
	overflow: hidden;
	position:relative;
	text-align:left;
}
.jip{
	background-image: url("/newstatics/home/images/ji.png");
	background-repeat: no-repeat;
	height: 23px;
	width: 18px;
	position:absolute;
	top:-2px;
	left:0px;
}
.Tr_COL{
	background-color: #ffffff;
}


/*就业案例*/
.case{
	clear: both;
	float: left;
	height: auto;
	width: 910px;
	margin-top: 20px;
}
.case1{
	font-size: 22px;
	line-height: 35px;
	font-weight: normal;
	color: #3e3d3c;
	height: 30px;
	width: 910px;
	background-position:70px -827px;
}
.case2{
	clear: both;
	float: left;
	height: auto;
	width: 910px;
}
.case2_A{
	float: left;
	height: auto;
	width: 140px;
	margin:20px 20px 0 20px;
}
.case2_A h1{
	margin: 0px;
	padding: 0px;
	height: 118px;
	width: 121px;
	margin:0 auto;
	border-radius:100px;
	border:4px solid #fff;
}
.case2_A h1 img{border-radius:100px;}
.case2_A h2{
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	color: #262727;
	text-align: center;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 140px;
	overflow: hidden;
}
.case2_A h3{
	font-size: 14px;
	line-height: 30px;
	font-weight: normal;
	color: #6b6d6e;
	text-align: center;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 140px;
	overflow: hidden;
}
.case2_A h1:hover{
	background-color: #f8f3e9;
	box-shadow:2px 2px 10px 2px #b6b7b9;
	transform:translate(-1px,-2px);
	-webkit-transform:translate(-1px,-2px);
	-moz-transform:translate(-1px,-2px);
	-ms-transform:translate(-1px,-2px);
	-o-transform:translate(-1px,-2px);
}


/*志愿快讯*/
.U_News_cen{
	height: auto;
	width: 1202px;
	margin:0 auto;
	position:relative;
	padding:20px 0 0 0;
}
.U_News{
	clear: both;
	float: left;
	height: auto;
	width: 1202px;
	padding:30px 0 0 0;
	display:none;
}
.News_tab{
	height: 35px;
	width: 413px;
	position:absolute;
	right:170px;
	top:40px;
	z-index:1;
}
.News_tab h1{
	font-size: 18px;
	line-height: 35px;
	font-weight: bold;
	color: #fff;
	float: left;
	height: 35px;
	width: auto;
	margin:0 10px 0 10px;
	padding:0px;
}
.New_x{
	color: #141313;
	text-decoration: none;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #f2a90b;
	padding:0 5px 0 5px;
	display: block;
}
.New_w{
	color: #141313;
	text-decoration: none;
	padding:0 5px 0 5px;
	display: block;
}
.U_News_left{
	float: left;
	height: 309px;
	width: 621px;
	overflow: hidden;
}
.U_News_right{
	height: auto;
	width: 572px;
	overflow: hidden;
	padding:40px 0 0 0;
	float:right;
}
.U_News_right1{
	height: auto;
	width: 572px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #d9d9d9;
	padding-top: 5px;
	padding-bottom: 5px;
}
.U_News_right1 h1{
	font-size: 16px;
	line-height: 30px;
	font-weight: normal;
	color: #1b1b1b;
	margin: 0px;
	height: 30px;
	width: 530px;
	overflow: hidden;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.U_News_right1 h2{
	font-size: 13px;
	line-height: 26px;
	font-weight: normal;
	color: #979797;
	margin: 0px;
	padding: 0px;
	height: 26px;
	width: 530px;
	overflow: hidden;
}
.U_News_right1 h1 a{
	color: #1b1b1b;
	text-decoration: none;
}
.U_News_right1 h1 a:hover{
	color: #e33a29;
	text-decoration: none;
}


/*安全出行*/
.u_aqxx{
	float: left;
	height: 309px;
	width: 290px;
	margin-right: 20px;
}
.u_aqxx h1{
	height: 218px;
	width: 290px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
.u_aqxx h2{
	font-size: 15px;
	line-height: 30px;
	font-weight: normal;
	color: #141313;
	margin: 5px 0 0 0;
	height: 30px;
	width: auto;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	overflow: hidden;
}
.u_aqxx h3{
	font-size: 12px;
	line-height: 25px;
	font-weight: normal;
	color: #979797;
	margin: 0px;
	height: 50px;
	width: auto;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	overflow: hidden;
}
.u_aqxx a{
	text-decoration: none;
	display: block;
}
.u_aqxx a:hover img{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transition: 0.5s;  
    -webkit-transition: 0.5s;  
    -moz-transition: 0.5s;
    -ms-transition: 0.5s; 
    -o-transition: 0.5s; 
}


.u_jsjy{
	float: left;
	height: 309px;
	width: 290px;
	margin-right: 20px;
	background-color: #f3f1eb;
	position:relative;
}
.u_jsjy h2{
	font-size: 15px;
	line-height: 30px;
	font-weight: normal;
	color: #141313;
	margin: 5px 0 0 0;
	height: 30px;
	width: auto;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	overflow: hidden;
}
.u_jsjy h3{
	font-size: 12px;
	line-height: 25px;
	font-weight: normal;
	color: #979797;
	margin: 0px;
	height: 50px;
	width: auto;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	overflow: hidden;
}
.u_jsjy a{
	text-decoration: none;
	display: block;
}
.voidee{
	height: 218px;
	width: 290px;
	position:relative;
	overflow: hidden;
}
.voidee_niu{
	background-image: url("/newstatics/home/images/union27.png");
	background-repeat: no-repeat;
	background-position: center center;
	height: 218px;
	width: 290px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}
.yid{height: 218px;
	width: 270px;
	background: rgba(0, 0, 0, 0.5);
	position:absolute; 
	top:0px;
	left:0px; 
    opacity: 0;  
	padding:0 10px 0 10px;
	transition: 0.5s;  
    -webkit-transition: 0.5s;  
    -moz-transition: 0.5s;
    -ms-transition: 0.5s; 
    -o-transition: 0.5s;  
 }
.u_jsjy:hover .yid{    
      opacity: 1; 
	  width:270px;
	  height:218px; 
}
.u_jsjy a:hover img{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transition: 0.5s;  
    -webkit-transition: 0.5s;  
    -moz-transition: 0.5s;
    -ms-transition: 0.5s; 
    -o-transition: 0.5s; 
}


/*交通安全小游戏*/
.U_Game{
	height: auto;
	width: 1202px;
	margin:0 auto;
	float:left;
	clear:both;
	padding:20px 0 0 0;
}
.Game{
	float: left;
	height: 199px;
	width: 300px;
	overflow: hidden;
}
.Game a:hover img{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transition: 0.5s;  
    -webkit-transition: 0.5s;  
    -moz-transition: 0.5s;
    -ms-transition: 0.5s; 
    -o-transition: 0.5s; 
}

.chenxing{
	background-image: url("/newstatics/home/images/yin15.png");
	background-repeat: no-repeat;
	width:241px;
	height:450px;
	position: absolute;
	top:0px;
	right:10%;
	z-index: 100;
}