@media (min-width:500px) {
	/**************通用式样******************/
	*{
		margin:0px;
		padding:0px;
	}
	ul li{
		list-style:none;
	}
	a{
		text-decoration: none;
	}
	a:hover{
		text-decoration: none;
	}
	.clear:after{
		 clear: both;
	     content: "";
	     display: block;
	     width: 0;
	     height: 0;
	}
	.fl{
		float: left;
	}
	.fr{
		float: right;
	}
	/******/
	
		.body{
			position: relative;
		}
		/******************************/
		.tab-nav-con{
			width: 1200px;
			margin: 0px auto;
		}
		.tab-nav-con-block{
			display: none;
			margin: 20px 0px;
		}
		.tab-nav-con>.active{
			display: block;
		}
		.tab-nav-con-block>ul>li{
			border-bottom:1px solid #eaeaea;
			padding-bottom: 20px;
			margin-bottom: 20px;
		}
		.picture{
			width: 300px;
			height: 160px;
		}
		.picture>img{
			width: 100%;
			height: 100%;
		}
		.text{
			width: 900px;
			padding-left: 40px;
			box-sizing: border-box;
		}
		.text>.p1{
			font-size: 16px;
			font-weight: bold;
			color:#333333;
			height: 50px;
			line-height: 50px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.text>.p1>a{
	
			color:#333333;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.text>.p1>a:hover{
			color:#d70c19;
		}
		.text>.p2{
			width: 860px;
			height: 40px;
			line-height: 20px;
			font-size: 12px;
			color:#666666;
		}
		.text>.detailbtn{
			padding: 0px;
			padding-top: 10px;
		}
		.text>.detailbtn>a{
			display: inline-block;
			height: 30px;
			width: 120px;
			text-align: center;
			line-height: 28px;
			border: 1px solid #0e528c;
			color:#0e528c;
			font-size: 12px;
			border-radius: 5px;
			font-weight: bold;
		}
		.text>.btn>a:hover{
			background-color: #0e528c;
			color:#f5f5f5;
		}
		.text>.detailbtn>a:hover{
			background-color: #0e528c;
			color:#f5f5f5;
		}
		/*******************/
		.case{
			width: 100%;
		}
		.case>.title{
			padding: 80px 0px 40px 0px;
			font-size: 28px;
			font-weight: bold;
			text-align: center;
			color: #333333;
		}
		.case>ul>li{
			float: left;
			margin: calc(5px / 2);
		}
		.case>ul>li>.picture{
			width: 395px;
			height: 226px;
			
		}
	.case>ul>li>.picture>a{
		display: inline-block;
		height: 100%;
		width: 100%;
	}
		.case>ul>li>.picture>a>img{
			width: 100%;
			height: 100%;
			border:1px solid #CCCCCC;
			box-sizing: border-box;
		}
		.case>ul>li>.txt{
			margin-bottom: 10px;
		}
	.case>ul>li>.txt>.btn{
		padding: 0px;
	}
		.case_con>ul>li>.txt>.title {
			width: 280px;
		}
		.case>ul>li>.txt>.title>.p1{
			font-size: 16px;
			color:#333333;
			font-weight: bold;
			padding-top: 20px;
		}
		.case>ul>li>.txt>.title>.p1>a{
			color:#000000;
		}
		.case>ul>li>.txt>.title>.p1>a:hover{
			color:red;
		}
		.case>ul>li>.txt>.title>.active{
			color:#d70c19;
		}
		.case>ul>li>.txt>.title>.p2{
			font-size: 12px;
			color:#666666;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.case>ul>li>.txt>.title>.active{
			color:#d70c19;
		}
		.picbtn>span{
			display: inline-block;
			height: 28px;
			width: 80px;
			text-align: center;
			line-height: 24px;
			font-weight: bold;
			font-size: 12px;
			color: #0e528C;
			border: 2px solid #0e528C;
			margin-top: 14px;
			border-radius: 14px;
			box-sizing: border-box;
			margin-right: 20px;
			margin-top: 20px;
		}
		.picbtn>span:hover{
			color:#f5f5f5;
			background:#0e528C;
		}
		/*********************/
		.time{
			width: 80px;
			height: 80px;
			background-color: #e5e5e5;
			position: relative;
			top:40px;
			display:none;
		}
		.time-con{
			height: 100%;
			width: 100%;
			padding:10px;
			box-sizing: border-box;
		}
		.time-con-day{
			font-size: 30px;
			color:#888888;
			text-align: center;
		}
		.time-con-ym{
			font-size: 14px;
			color:#999999;
			text-align: center;
		}
		/*****************/
		.page{
			width: 1140px;
			margin: 40px auto;
			text-align: center;
		}
		.page>a{
			color: #888888;
			margin-left: 30px;
		}
		.page>a:hover{
			cursor:pointer;
		}
		.page>a.active{
			display: inline-block;
			height: 40px;
			line-height: 40px;
			width: 40px;
			text-align: center;
			background-color: #0e528c;
			color: #FFFFFF;
			border-radius: 5px;
		}
		/*************/
	
	
}
@media (max-width:500px) {
	/**************通用式样******************/
	*{
		margin:0px;
		padding:0px;
	}
	ul li{
		list-style:none;
	}
	a{
		text-decoration: none;
	}
	a:hover{
		text-decoration: none;
	}
	.clear:after{
		 clear: both;
	     content: "";
	     display: block;
	     width: 0;
	     height: 0;
	}
	.fl{
		float: left;
	}
	.fr{
		float: right;
	}
	/******/
	
		.body{
			position: relative;
		}
		/******************************/
		.tab-nav-con{
			width: 350px;
			margin: 0px auto;
		}
		.tab-nav-con-block{
			display: none;
			margin: 20px 0px;
		}
		.tab-nav-con>.active{
			display: block;
		}
		.tab-nav-con-block>ul>li{
			border-bottom:1px solid #eaeaea;
			padding-bottom: 20px;
			margin-bottom: 20px;
		}
		.picture{
			width: 140px;
			height: 100px;
		}
		.picture>img{
			width: 100%;
			height: 100%;
		}
		.text{
			width: 200px;
			padding-left: 10px;
			box-sizing: border-box;
		}
		.text>.p1{
			width: 100%;
			font-size: 16px;
			font-weight: bold;
			color:#333333;
			height: 25px;
			line-height: 25px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.text>.p1>a{
			display: inline-block;
			width: 100%;
			color:#333333;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.text>.p1>a:hover{
			color:#d70c19;
		}
		.text>.p2{
			width: 100%;
			height: 30px;
			line-height: 30px;
			font-size: 12px;
			color:#666666;
			text-overflow: ellipsis;
			white-space: nowrap;
			overflow: hidden;
		}
		.text>.detailbtn{
			padding: 0px;
			padding-top: 10px;
		}
		.text>.detailbtn>a{
			display: inline-block;
			height: 30px;
			width: 120px;
			text-align: center;
			line-height: 28px;
			border: 1px solid #0e528c;
			color:#0e528c;
			font-size: 12px;
			border-radius: 5px;
			font-weight: bold;
		}
		.text>.btn>a:hover{
			background-color: #0e528c;
			color:#f5f5f5;
		}
		.text>.detailbtn>a:hover{
			background-color: #0e528c;
			color:#f5f5f5;
		}
		/*******************/
		.case{
			width: 100%;
		}
		.case>.title{
			padding: 80px 0px 40px 0px;
			font-size: 28px;
			font-weight: bold;
			text-align: center;
			color: #333333;
		}
		.case>ul>li{
			float: left;
		}
		.case>ul>li>.picture{
			width: 350px;
			height: 226px;
			
		}
	.case>ul>li>.picture>a{
		display: inline-block;
		height: 100%;
		width: 100%;
	}
		.case>ul>li>.picture>a>img{
			width: 100%;
			height: 100%;
			border:1px solid #CCCCCC;
			box-sizing: border-box;
		}
		.case>ul>li>.txt{
			margin-bottom: 10px;
		}
	.case>ul>li>.txt>.btn{
		padding: 0px;
	}
		.case_con>ul>li>.txt>.title {
			width: 280px;
		}
		.case>ul>li>.txt>.title>.p1{
			font-size: 16px;
			color:#333333;
			font-weight: bold;
			padding-top: 20px;
		}
		.case>ul>li>.txt>.title>.p1>a{
			color:#000000;
		}
		.case>ul>li>.txt>.title>.p1>a:hover{
			color:red;
		}
		.case>ul>li>.txt>.title>.active{
			color:#d70c19;
		}
		.case>ul>li>.txt>.title>.p2{
			font-size: 12px;
			color:#666666;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.case>ul>li>.txt>.title>.active{
			color:#d70c19;
		}
		.picbtn>span{
			display: inline-block;
			height: 28px;
			width: 80px;
			text-align: center;
			line-height: 24px;
			font-weight: bold;
			font-size: 12px;
			color: #0e528C;
			border: 2px solid #0e528C;
			margin-top: 14px;
			border-radius: 14px;
			box-sizing: border-box;
			margin-right: 20px;
			margin-top: 20px;
		}
		.picbtn>span:hover{
			color:#f5f5f5;
			background:#0e528C;
		}
		/*********************/
		.time{
			width: 80px;
			height: 80px;
			background-color: #e5e5e5;
			position: relative;
			top:40px;
			display:none;
		}
		.time-con{
			height: 100%;
			width: 100%;
			padding:10px;
			box-sizing: border-box;
		}
		.time-con-day{
			font-size: 30px;
			color:#888888;
			text-align: center;
		}
		.time-con-ym{
			font-size: 14px;
			color:#999999;
			text-align: center;
		}
		/*****************/
		.page{
			width: 100%;
			margin: 40px auto;
			text-align: center;
		}
		.page>a{
			color: #888888;
			margin-left: 10px;
		}
		.page>a:hover{
			cursor:pointer;
		}
		.page>a.active{
			display: inline-block;
			height: 40px;
			line-height: 40px;
			width: 40px;
			text-align: center;
			background-color: #0e528c;
			color: #FFFFFF;
			border-radius: 5px;
		}
		/*************/
	
	
}<!--0.00023388862609863-->