@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-head-list{
			width: 1200px;
			margin: 0px auto;
			border-bottom:1px solid #CCCCCC;
			height: 70px;
		}
		.tab-nav-head-list>.title{
			height: 70px;
			line-height: 70px;
			font-size: 12px;
			color:#333333;
			font-weight: bold;
		}
		.tab-nav-head-list>.list-nav{
			height: 70px;
		}
		.tab-nav-head-list>.list-nav>ul>li{
			float: left;
		}
		.tab-nav-head-list>.list-nav>ul>li>a{
			display: inline-block;
			width: 120px;
			height: 30px;
			text-align: center;
			line-height: 30px;
			margin: 20px;
			color:#333333;
			font-weight: bold;
			font-size: 12px;
		}
		.tab-nav-head-list>.list-nav>ul>li.active>a{
			color:#FFFFFF;
			background-color: #0E528C;
		}
		.tab-nav-head-list>.list-nav>ul>li>a:hover{
			cursor:pointer;
		}
		/******************************/
		.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>.tab-nav-con-block>.company>.date{
			text-align: center;
		}
	.tab-nav-con>.tab-nav-con-block>.company>.date>span{
		background: url(/template/1/xhz/_files/img/zhong.png) no-repeat 0px center;
		padding-left: 25px;
		color: #999999;
		margin-right: 2px;
	}
		.tab-nav-con>.tab-nav-con-block>.information{
			padding: 40px 0px;
		}
		.tab-nav-con>.tab-nav-con-block>.information img{
			max-width: 100%;
		}
		.tab-nav-con-block>ul>li{
			border-bottom:1px solid #CCCCCC;
			padding-bottom: 20px;
			margin-bottom: 20px;
		}
		.tab-nav-con-block>ul>li>.con>.picture{
			width: 300px;
			height: 160px;
			line-height: 160px;
			text-align: center;
			margin-right: 40px;
		}
		.picture>img{
			width: 100%;
			height: 100%;
			border:1px solid #CCCCCC;
			box-sizing: border-box;
		}
		.text{
			box-sizing: border-box;
			width:860px;
		}
	.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>.detailbtn>a:hover{
		color:#ffffff;
		background-color:#0e528c;
	}
		.text>.p1{
			font-size: 16px;
			font-weight: bold;
			color:#333333;
			height: 50px;
			line-height: 50px;
			margin: 0px;
		}
		.text>.p1>a{
			color:#333333;
		}
		.text>.p1>a:hover{
			color:#d70c19;
		}
		.text>.p2>ul>li{
			height: 35px;
			line-height: 35px;
			font-size: 12px;
			color:#666666;
		}
		/*******************/
		.case{
			width: 100%;
		}
		.case>.title{
			padding: 40px 0px 20px 0px;
			font-size: 28px;
			font-weight: bold;
			text-align: center;
			color: #333333;
		}
		.case>.title-remark{
			font-size: 14px;
			text-align: center;
			color: #999999;
		}
		.case>ul>li{
			float: left;
			margin:20px  calc(120px / 8);
		}
		.case>ul>li>.picture{
			width: 260px;
			height: 160px;
			
		}
		.case>ul>li>.picture>img{
			width: 100%;
			height: 100%;
			border:1px solid #CCCCCC;
			box-sizing: border-box;
		}
		.case>ul>li>.txt{
			height: 40px;
			line-height: 40px;
			text-align: center;
			color: #999999;
			font-size: 14px;
		}
		/*********************/
		.time{
			width: 80px;
			height: 80px;
			background-color: #f2f2f2;
			position: relative;
			top:40px;
		}
		.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;
		}
		/*************/
	.notice {
		background-color: rgba(255,255,255,.6);
		width: 100%;
		height: 40px;
		position: absolute;
		bottom: 0px;
	}
	
	.notice > .notice-con {
		width: 1200px;
		margin: 0px auto;
		height: 100%;
	}
	
	.notice > .notice-con > .title {
		line-height: 40px;
		text-align: center;
		font-size: 12px;
		background: url(/template/1/xhz/_files/img/list1_3.png) no-repeat 0px center;
		padding-left: 26px;
	}
	
	.notice > .notice-con > .tab-nav-head-right {
		line-height: 40px;
		position: relative;
		overflow: hidden;
	}
	
	
}
@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-head-list{
			width: 350px;
			margin: 0px auto;
			border-bottom:1px solid #CCCCCC;
		}
		.tab-nav-head-list>.title{
			line-height: 70px;
			font-size: 12px;
			color:#333333;
			font-weight: bold;
		}
		.tab-nav-head-list>.list-nav{
			width: 280px;
		}
		.tab-nav-head-list>.list-nav>ul>li{
			float: left;
		}
		.tab-nav-head-list>.list-nav>ul>li>a{
			display: inline-block;
			width: 120px;
			height: 30px;
			text-align: center;
			line-height: 30px;
			margin: 20px 10px;
			color:#333333;
			font-weight: bold;
			font-size: 12px;
		}
		.tab-nav-head-list>.list-nav>ul>li.active>a{
			color:#FFFFFF;
			background-color: #0E528C;
		}
		.tab-nav-head-list>.list-nav>ul>li>a:hover{
			cursor:pointer;
		}
		/******************************/
		.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>.tab-nav-con-block>.company>.date{
			text-align: center;
		}
	.tab-nav-con>.tab-nav-con-block>.company>.date>span{
		background: url(/template/1/xhz/_files/img/zhong.png) no-repeat 0px center;
		padding-left: 25px;
		color: #999999;
		margin-right: 2px;
	}
		.tab-nav-con>.tab-nav-con-block>.information{
			padding: 40px 0px;
		}
		.tab-nav-con-block>ul>li{
			border-bottom:1px solid #CCCCCC;
			padding-bottom: 20px;
			margin-bottom: 20px;
		}
		.tab-nav-con-block>ul>li>.con>.picture{
			width: 140px;
			height: 100px;
			line-height: 100px;
			text-align: center;
			margin-right: 10px;
		}
		.picture>img{
			width: 100%;
			height: 100%;
			border:1px solid #CCCCCC;
			box-sizing: border-box;
		}
		.text{
			box-sizing: border-box;
			width:200px;
		}
	.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>.detailbtn>a:hover{
		color:#ffffff;
		background-color:#0e528c;
	}
		.text>.p1{
			font-size: 16px;
			font-weight: bold;
			color:#333333;
			height: 25px;
			line-height: 25px;
			margin: 0px;
			text-overflow: ellipsis;
			white-space: nowrap;
			overflow: hidden;
		}
		.text>.p1>a{
			color:#333333;
		}
		.text>.p1>a:hover{
			color:#d70c19;
		}
		.text>.p2{
			line-height: 25px;
			font-size: 12px;
			color:#666666;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			overflow: hidden;
		}
		.text>.p2>ul>li{
			line-height: 25px;
			font-size: 12px;
			color:#666666;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			overflow: hidden;
		}
		/*******************/
		.case{
			width: 100%;
		}
		.case>.title{
			padding: 40px 0px 20px 0px;
			font-size: 28px;
			font-weight: bold;
			text-align: center;
			color: #333333;
		}
		.case>.title-remark{
			font-size: 14px;
			text-align: center;
			color: #999999;
		}
		.case>ul>li{
			float: left;
			margin:20px  calc(120px / 8);
		}
		.case>ul>li>.picture{
			width: 260px;
			height: 160px;
			
		}
		.case>ul>li>.picture>img{
			width: 100%;
			height: 100%;
			border:1px solid #CCCCCC;
			box-sizing: border-box;
		}
		.case>ul>li>.txt{
			height: 40px;
			line-height: 40px;
			text-align: center;
			color: #999999;
			font-size: 14px;
		}
		/*********************/
		.time{
			width: 80px;
			height: 80px;
			background-color: #f2f2f2;
			position: relative;
			top:40px;
		}
		.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: 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;
		}
		/*************/
	.notice {
		display: none;
		background-color: rgba(255,255,255,.6);
		width: 100%;
		height: 40px;
		position: absolute;
		bottom: 0px;
	}
	
	.notice > .notice-con {
		width: 1200px;
		margin: 0px auto;
		height: 100%;
	}
	
	.notice > .notice-con > .title {
		line-height: 40px;
		text-align: center;
		font-size: 12px;
		background: url(/template/1/xhz/_files/img/list1_3.png) no-repeat 0px center;
		padding-left: 26px;
	}
	
	.notice > .notice-con > .tab-nav-head-right {
		line-height: 40px;
		position: relative;
		overflow: hidden;
	}
	
}
.tab-nav-head-list {
        display: flex;
}
.title {
    width: 154px;
}
.list-nav {
     width: 1763px;
    overflow: auto;
    overflow-y: hidden;
}
.tab-nav-head-list .clear {
   white-space: nowrap;
   
    display: flex;
}<!--0.00050687789916992-->