@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 #CCCCCC;
			padding-bottom: 20px;
			margin-bottom: 20px;
		}
		.picture{
			width: 300px;
			height: 160px;
		}
		.picture>img{
			width: 100%;
			height: 100%;
		}
		.text{
			width: 690px;
			padding-left: 40px;
			box-sizing: border-box;
		}
		.text>.p1{
			font-size: 16px;
			font-weight: bold;
			color:#333333;
			height: 50px;
			line-height: 50px;
		}
		.text>.p2{
			width: 650px;
			height: 40px;
			line-height: 20px;
			font-size: 12px;
			color:#666666;
		}
		.text>.btn{
			padding: 0px;
			padding-top: 10px;
		}
		.text>.btn>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;
		}
		/*********************/
	
		.information{
			padding:40px  0px;
		}
		.information:after{
			content:"";
			clear:both;
			overflow:hidden;
			display:block;
			width:0px;
			height:0px;
		}
		.information_text{
			width:700px;
			float:left;
		}
		.information_img{
			width:500px;
			float:left;
			padding-right:40px;
			box-sizing:border-box;
		}
		.information_img>.map{
			height:500px;
			width:100%;
		}
		.information_img>img{
			width:100%;
			height:auto;
		}
		.time{
			text-align: center;
		}
		.time>span{
			background: url(/template/1/xhz/_files/img/zhong.png) no-repeat 0px center;
			padding-left: 25px;
			color: #999999;
			margin-right: 2px;
		}
		.company-introduce{
			font-size: 14px;
			color: #666666;
			text-align: center;
			padding: 30px 0px;
			line-height: 20px;
		}
		.information>.information-title{
			font-size: 20px;
			font-weight: bold;
			color: #333333;
			text-align: center;
		}
		.information-con{
			font-size: 14px;
			color: #666666;
			text-align: center;
			padding: 30px 0px;
			line-height: 20px;
		}
		.pictuer{
			height: 500px;
			line-height: 500px;
			text-align: center;
		}
		.pictuer>img{
			width:500px;
			height: 450px;
		}
		/*******************/
		.case>.title-remark{
			font-size: 14px;
			text-align: center;
			color: #999999;
		}
		.case>ul>li{
			float: left;
			margin-left: 20px;
		}
	.case>ul>li:nth-child(1){
		margin-left: 0px;
	}
	.case>ul>li:nth-child(5){
		margin-left: 0px;
	}
	.case>ul>li:nth-child(9){
		margin-left: 0px;
	}
	.case>ul>li>a>.picture2{
		 width: 285px;
		 height: 175px;
		 border:1px solid #CCCCCC;
		 text-align: center;
	}
	.case>ul>li>a>.picture2>img{
		height: 100%;
		box-sizing: border-box;
	}
		.case>ul>li>a>.picture{
			width: 285px;
			height: 175px;
			position:relative;
		}
		.case>ul>li>a>.picture>img{
			width: 100%;
			height: 100%;
			border:1px solid #CCCCCC;
			box-sizing: border-box;
		}
		.case>ul>li>a:hover>.picture>img{
			width:110%;
			height:110%;
			position:absolute;
			top:-5%;
			left:-5%;
		}
		.case>ul>li>a>.txt{
			height: 40px;
			line-height: 40px;
			text-align: center;
			color: #999999;
			font-size: 14px;
		}
		.case>ul>li>.picture2{
		 width: 285px;
		 height: 175px;
		 border:1px solid #CCCCCC;
		 text-align: center;
	}
	.case>ul>li>.picture2>img{
		height: 100%;
		box-sizing: border-box;
	}
		.case>ul>li>.picture{
			width: 285px;
			height: 175px;
		}
		.case>ul>li>.picture>img{
			width: 100%;
			height: 100%;
			border:1px solid #CCCCCC;
			box-sizing: border-box;
		}
	.case>ul>li>a{
		display:block;
	}
	.case>ul>li>a:hover>.txt{
		color:#d70c19;
	}
		.case>ul>li>.txt{
			height: 40px;
			line-height: 40px;
			text-align: center;
			color: #999999;
			font-size: 14px;
		}
		/*****************/
		.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;
		}
		.up{
			height: 40px;
			width: 40px;
			position: absolute;
			bottom:410px;
			background: url(/template/1/xhz/_files/img/6_03.png) no-repeat;
			background-size:100% 100%;
			z-index: 10;
			right:100px;
		}
		.module{
			position: fixed;
			top:0px;
			left: 0px;
			right: 0px;
			bottom: 0px;
			background-color: rgba(0,0,0,0.5);
			display: none;
		}
		.module>.img{
			position: absolute;
			top:0px;
			left: 0px;
			right:0px;
			bottom: 0px;
			height: 400px;
			width: 600px;
			background-color: #ffffff;
			margin: auto;
		}
		.module>.img>.close{
			position: absolute;
			top:10px;
			right: 10px;
			height: 20px;
			width: 20px;
			background-color: #cccccc;
			border-radius: 50%;
			line-height: 20px;
			text-align: center;
			z-index: 10;
		}
		.module>.img>img{
			height: 100%;
			width: 100%;
		}
		/*************/
	
	.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: 38px;
		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-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 #CCCCCC;
			padding-bottom: 20px;
			margin-bottom: 20px;
		}
		.picture{
			width: 300px;
			height: 160px;
		}
		.picture>img{
			width: 100%;
			height: 100%;
		}
		.text{
			width: 690px;
			padding-left: 40px;
			box-sizing: border-box;
		}
		.text>.p1{
			font-size: 16px;
			font-weight: bold;
			color:#333333;
			height: 50px;
			line-height: 50px;
		}
		.text>.p2{
			width: 650px;
			height: 40px;
			line-height: 20px;
			font-size: 12px;
			color:#666666;
		}
		.text>.btn{
			padding: 0px;
			padding-top: 10px;
		}
		.text>.btn>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;
		}
		/*********************/
	
		.information{
			padding:40px  0px;
		}
		.information>p>img{
			width: 100% !important;
			height: auto !important;
		}
		.information:after{
			content:"";
			clear:both;
			overflow:hidden;
			display:block;
			width:0px;
			height:0px;
		}
		.information_text{
			width:100%;
			float:left;
		}
		.information_img{
			width:350px;
			float:left;
			padding-right:0px;
			box-sizing:border-box;
		}
		.information_img>.map{
			height:500px;
			width:100%;
		}
		.information_img>img{
			width:100%;
			height:auto;
		}
		.time{
			text-align: center;
		}
		.time>span{
			background: url(/template/1/xhz/_files/img/zhong.png) no-repeat 0px center;
			padding-left: 25px;
			color: #999999;
			margin-right: 2px;
		}
		.company-introduce{
			font-size: 14px;
			color: #666666;
			text-align: center;
			padding: 30px 0px;
			line-height: 20px;
		}
		.information>.information-title{
			font-size: 20px;
			font-weight: bold;
			color: #333333;
			text-align: center;
		}
		.information-con{
			font-size: 14px;
			color: #666666;
			text-align: center;
			padding: 30px 0px;
			line-height: 20px;
		}
		.pictuer{
			height: 500px;
			line-height: 500px;
			text-align: center;
		}
		.pictuer>img{
			width:500px;
			height: 450px;
		}
		/*******************/
		.case>.title-remark{
			font-size: 14px;
			text-align: center;
			color: #999999;
		}
		.case>ul>li{
			float: left;
			margin-left: 10px;
		}
		.case>ul>li:nth-child(odd){
			margin-left: 0px;
		}
	.case>ul>li>a>.picture2{
		 width: 285px;
		 height: 175px;
		 border:1px solid #CCCCCC;
		 text-align: center;
	}
	.case>ul>li>a>.picture2>img{
		height: 100%;
		box-sizing: border-box;
	}
		.case>ul>li>a>.picture{
			width: 170px;
			height: 135px;
			position:relative;
		}
		.case>ul>li>a>.picture>img{
			width: 100%;
			height: 100%;
			border:1px solid #CCCCCC;
			box-sizing: border-box;
		}
		.case>ul>li>a:hover>.picture>img{
			width:110%;
			height:110%;
			position:absolute;
			top:-5%;
			left:-5%;
		}
		.case>ul>li>a>.txt{
			height: 40px;
			line-height: 40px;
			text-align: center;
			color: #999999;
			font-size: 14px;
		}
		.case>ul>li>.picture2{
		 width: 170px;
		 height: 100px;
		 border:1px solid #CCCCCC;
		 text-align: center;
	}
	.case>ul>li>.picture2>img{
		height: 100%;
		box-sizing: border-box;
	}
		.case>ul>li>.picture{
			width: 285px;
			height: 175px;
		}
		.case>ul>li>.picture>img{
			width: 100%;
			height: 100%;
			border:1px solid #CCCCCC;
			box-sizing: border-box;
		}
	.case>ul>li>a{
		display:block;
	}
	.case>ul>li>a:hover>.txt{
		color:#d70c19;
	}
		.case>ul>li>.txt{
			height: 40px;
			line-height: 40px;
			text-align: center;
			color: #999999;
			font-size: 14px;
			width: 170px;
			text-overflow: ellipsis;
			white-space: nowrap;
			overflow: hidden;
		}
		/*****************/
		.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;
		}
		.up{
			height: 40px;
			width: 40px;
			position: absolute;
			bottom:410px;
			background: url(/template/1/xhz/_files/img/6_03.png) no-repeat;
			background-size:100% 100%;
			z-index: 10;
			right:100px;
		}
		.module{
			position: fixed;
			top:0px;
			left: 0px;
			right: 0px;
			bottom: 0px;
			background-color: rgba(0,0,0,0.5);
			display: none;
		}
		.module>.img{
			position: absolute;
			top:0px;
			left: 0px;
			right:0px;
			bottom: 0px;
			height: 400px;
			width: 600px;
			background-color: #ffffff;
			margin: auto;
		}
		.module>.img>.close{
			position: absolute;
			top:10px;
			right: 10px;
			height: 20px;
			width: 20px;
			background-color: #cccccc;
			border-radius: 50%;
			line-height: 20px;
			text-align: center;
			z-index: 10;
		}
		.module>.img>img{
			height: 100%;
			width: 100%;
		}
		/*************/
	
	.notice {
		background-color: rgba(255,255,255,.6);
		width: 100%;
		height: 40px;
		position: absolute;
		bottom: 0px;
		display: none;
	}
	
	.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: 38px;
		position: relative;
		overflow: hidden;
	}
	
}<!--0.0001990795135498-->