@charset "utf-8";
/* CSS Document */
BODY {
	 MARGIN: 0px; FONT: 12px/20px "微软雅黑", Arial, Helvetica, sans-serif; COLOR: #333; line-height:22px;background:url(ban_02.jpg) center;
	
}
p { max-height: 999999px; }
*{ margin:0; padding:0; list-style:none;}
IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DIV {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DT {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
OL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H4 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H5 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H6 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
a{text-decoration:none;}
img{border:none;margin:0;padding:0;}
#tel400{ width:100%; background-color:#000; color:#666; text-align:center; line-height:50PX; height:50PX; border-bottom:#CCC 10PX SOLID;}
#tel400 a{ color:#CCC; padding-left:7px; padding-right:7px; text-decoration:none;}
#tyfoot{width:100%; background-color:#000; height:145px; text-align:center;color:#DEDEDE; font-size:9pt;left:0;border-top:#DFDFDF 8px solid;}
#tyfoot_body{width:980px; margin:0 auto; margin-top:20px;}
#tyfoot_txt{float:left; width:590px; text-align:left; line-height:26px;color:#DEDEDE;}
#tyfoot_txt a:link{color:#DEDEDE; text-decoration:none; padding-left:2px;padding-right:2px;}
#tyfoot_txt a:visited{color:#DEDEDE; text-decoration:none; padding-left:2px;padding-right:2px;}
#tyfoot_txt a:hover{color:#FF0; text-decoration:none; padding-left:2px;padding-right:2px;}
#tyfoot_txt a:active{color:#DEDEDE; text-decoration:none; padding-left:2px;padding-right:2px;}

#tyfoot_logo{float:left; width:390px; text-align:right;}
#tyfoot_logo img{border:0;}

.banner{position:relative;height:500px;width:100%;overflow:hidden;background:url(ban.jpg) no-repeat center;}
.banner img{display:block;position:absolute;left:52%;top:60%;}
.banner:hover img{  -webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;}

/* animation */
@import url(http://fonts.googleapis.com/css?family=Cabin+Condensed:700);
@keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-moz-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-o-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}


.content{width:980px;margin:0 auto;overflow:hidden;}
.daoyu{padding-bottom:40px;}
.daoyu img{margin-top:30px;margin-bottom:20px;}
.daoyu p{font-size:14px;line-height:24px;text-indent:28px;}

.box1{background:url(19.png) no-repeat center;width:900px;height:274px;overflow:hidden;margin-top:40px;margin-left:80px;}
.box1 img{float:left;margin:10px 20px 0px 10px;}
.box1 h2{float:right;background-color:#c62324;text-align:center;line-height:36px;font-size:16px;width:350px;color:#FFF;margin:30px 25px 20px 0;}
.box1 p{float:left;display:block;width:590px;font-size:14px;line-height:24px;text-indent:28px;text-align:justify;color:#000;}
.box1:hover h2{background-color:#333;}
.box1:hover img{  -webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;}

.box2{background:url(25.png) no-repeat center;width:900px;height:274px;overflow:hidden;margin-top:40px;}
.box2 img{float:right;margin:10px 10px 0px 20px;}
.box2 h2{float:left;background-color:#c62324;text-align:center;line-height:36px;font-size:16px;width:350px;color:#FFF;margin:30px 0 20px 25px;}
.box2 p{float:left;display:block;width:590px;font-size:14px;line-height:24px;text-indent:28px;text-align:justify;color:#000;margin-left:25px;}
.box2:hover h2{background-color:#333;}
.box2:hover img{  -webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;}