﻿body {
	background: #fff;
}
.zy_top {
	width: 100%;
	overflow: hidden;
	padding: 40px 0;
}
.zy_top ul {
	width: 120%;
}
.zy_top li {
	width: 268px;
	height: 356px;
	overflow: hidden;
	position: relative;
	float: left;
	margin-right: 42px;
}
.zy_bg {
	width: 268px;
	height: 356px;
	background: url(../images/zy2.png) no-repeat;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.zy_p {
	font-size: 12px;
	color: #9b9b9b;
	font-family: arial;
	position: absolute;
	top: 265px;
	left: 0;
	z-index: 999;
	line-height: 26px;
	width: 100%;
	text-align: center;
}
.zy_p span {
	display: block;
	font-family: "微软雅黑";
	font-size: 18px;
	color: #515151;
}
.zy_top li:hover .zy_bg {
	background: url(../images/zy1.png) no-repeat;
	transition-duration: 0.8s;
}
.zy_top li:hover .zy_p, .zy_top li.hover .zy_p span {
	color: #FFFFFF;
}
.zy_top li.hover .zy_bg {
	background: url(../images/zy1.png) no-repeat;
	transition-duration: 0.8s;
}
.zy_top li.hover .zy_p, .zy_top li.hover .zy_p span {
	color: #FFFFFF;
}
.zy_center {
	font-size: 14px;
	color: #686868;
	line-height: 28px;
	padding-bottom: 40px;
}
.zy_bottom {
	width: 100%;
	background: #FFFFFF;
}
.ir_a{ margin:0 -1%;}
.ir_a li{ float:left; width:18%; margin:1% 1%;}
.ir_a a {
	display:block;
	height: 30px;
	border: 1px solid #c9c9c9;
	text-align: center;
	line-height: 30px;
	color: #6a6a6a;
	border-radius: 1.5em;
	-moz-border-radius: 1.5em; overflow:hidden;
}
.ir_a a:hover {
	color: #00335a;
	border: 1px solid #00335a;
}
.ir_a a.hover {
	color: #00335a;
	border: 1px solid #00335a;
}

/*1280分辨率以上（大于1200px）*/
@media screen and (min-width:1200px){

}

/*1100分辨率（大于960px，小于1199px）*/
@media screen and (min-width: 960px) and (max-width: 1199px) {

}

/*880分辨率（大于768px，小于959px）*/
@media screen and (min-width: 768px) and (max-width: 959px) {

}

/*720分辨率（大于480px，小于767px）*/
@media only screen and (min-width: 480px) and (max-width: 767px){
.ir_a li{ width:48%;}

}

/*440分辨率以下（小于479px）*/
@media only screen and (max-width: 479px) {
.ir_a li{ width:48%;}
}