@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;
		}
		.module{
			position: fixed;
			top:0px;
			bottom: 0px;
			left: 0px;
			right: 0px;
			background-color: rgba(0,0,0,0.5);
			display: none;
			z-index: 500;
		}
		.module-img{
			position: absolute;
			height: 300px;
			width: 500px;
			background-color: #ffffff;
			top:0px;
			left: 0px;
			right: 0px;
			bottom: 0px;
			margin: auto;
		}
		.module-img>img{
			height: 100%;
			width: 100%;
		}
		.module-img>.close{
			position: absolute;
			top:10px;
			right: 10px;
			height: 20px;
			width: 20px;
			background-color: #0a001f;
			color: #ffffff;
			line-height: 20px;
			text-align: center;
			border-radius: 50%;
		}
		/******************************/
		.tab-nav-con{
			width: 1200px;
			margin: 0px auto;
		}
		.tab-nav-con-block{
			display: none;
			margin: 20px 0px;
		}
		.tab-nav-con>.active{
			display: block;
		}
		.productDetail{
			padding: 20px 0px 40px 0px;
		}
		.productDetail>.picture{
			width: 440px;
			height: 260px;
			margin-left: 10px;
		}
		.productDetail>.picture>img{
			height: 100%;
			width: 100%;
			border:1px solid #CCCCCC;
			box-sizing: border-box;
		}
		.productDetail>.text{
			padding-left: 100px;
			width: 750px;
			box-sizing: border-box;
		}
		.productDetail>.text>.title{
			font-size: 24px;
			border-bottom:1px solid #CCCCCC;
			width: 100%;
			padding-bottom: 30px;
			color:#333333;
			margin-bottom: 30px;
		}
		.productDetail>.text>.list>ul>li{
			font-size: 14px;
			color:#999999;
			height: 35px;
			line-height: 35px;
		}
		.introduce>.txt{
			border-bottom:1px solid  #CCCCCC;
		}
		.introduce>.txt>.title{
			width: 130px;
			height: 40px;
			text-align: center;
			line-height: 40px;
			border:1px solid #CCCCCC;
			border-bottom:none;
			margin-left: 20px;
			position:relative;
			bottom:-1px;
			background-color: #FFFFFF;
			z-index: 1;
			color:#666666;
			font-size: 20px;
		}
		.introduce>.con{
			padding: 20px;
		}
		.introduce>ul>li>.list-title{
			font-size: 20px;
			color:#333333;
			font-weight: bold;
			margin: 40px 0px;
		}
		.introduce>ul>li>.list-con{
			font-size: 16px;
			color:#666666;
			line-height: 20px;
			padding-bottom: 20px;
		}
		/*************/
		.w {
			width: 1000px;
		}
		.center {
			margin-right: auto;
			margin-left: auto;
		}
		.text-center {
			text-align: center;
		}
		h1, h2, h3, h4, h5, h6 {
			font-family: inherit;
			font-weight: 500;
			line-height: 1.2;
			color: inherit;
		}
		.right {
			float: right;
		}
		.clear {
			clear: both;
		}
		.relative {
			position: relative;
		}
		table {
			border-spacing: 0;
			border-collapse: collapse;
		}
		.mt20 {
			margin-top: 20px;
		}
		td, th {
			padding: 0;
		}
		.absolute {
			position: absolute;
		}
		a {
			background: transparent;
		}
		img {
			border: 0;
			vertical-align: middle;
		}
		.fs24 {
			font-size: 24px;
		}
		.c-666 {
			color: #666;
		}
		.fs14 {
			font-size: 14px;
		}
		.fs16 {
			font-size: 16px;
		}
		.mt30 {
			margin-top: 30px;
		}
		.left {
			float: left;
		}
	
	/*******************************/
	.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;
	}
	.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;
		}
		.module{
			position: fixed;
			top:0px;
			bottom: 0px;
			left: 0px;
			right: 0px;
			background-color: rgba(0,0,0,0.5);
			display: none;
			z-index: 500;
		}
		.module-img{
			position: absolute;
			height: 200px;
			width: 360px;
			background-color: #ffffff;
			top:0px;
			left: 0px;
			right: 0px;
			bottom: 0px;
			margin: auto;
		}
		.module-img>img{
			height: 100%;
			width: 100%;
		}
		.module-img>.close{
			position: absolute;
			top:10px;
			right: 10px;
			height: 20px;
			width: 20px;
			background-color: #0a001f;
			color: #ffffff;
			line-height: 20px;
			text-align: center;
			border-radius: 50%;
		}
		/******************************/
		.tab-nav-con{
			width: 1200px;
			margin: 0px auto;
		}
		.tab-nav-con-block{
			display: none;
			margin: 20px 0px;
		}
		.tab-nav-con>.active{
			display: block;
		}
		.productDetail{
			padding: 20px 0px 40px 0px;
		}
		.productDetail>.picture{
			width: 440px;
			height: 260px;
			margin-left: 10px;
		}
		.productDetail>.picture>img{
			height: 100%;
			width: 100%;
			border:1px solid #CCCCCC;
			box-sizing: border-box;
		}
		.productDetail>.text{
			padding-left: 100px;
			width: 750px;
			box-sizing: border-box;
		}
		.productDetail>.text>.title{
			font-size: 24px;
			border-bottom:1px solid #CCCCCC;
			width: 100%;
			padding-bottom: 30px;
			color:#333333;
			margin-bottom: 30px;
		}
		.productDetail>.text>.list>ul>li{
			font-size: 14px;
			color:#999999;
			height: 35px;
			line-height: 35px;
		}
		.introduce>.txt{
			border-bottom:1px solid  #CCCCCC;
		}
		.introduce>.txt>.title{
			width: 130px;
			height: 40px;
			text-align: center;
			line-height: 40px;
			border:1px solid #CCCCCC;
			border-bottom:none;
			margin-left: 20px;
			position:relative;
			bottom:-1px;
			background-color: #FFFFFF;
			z-index: 1;
			color:#666666;
			font-size: 20px;
		}
		.introduce>.con{
			padding: 20px;
		}
		.introduce>ul>li>.list-title{
			font-size: 20px;
			color:#333333;
			font-weight: bold;
			margin: 40px 0px;
		}
		.introduce>ul>li>.list-con{
			font-size: 16px;
			color:#666666;
			line-height: 20px;
			padding-bottom: 20px;
		}
		/*************/
		.w {
			width: 100%;
		}
		.w>div{
			padding: 20px 5px !important;
		}
		#photoText{
			width: 100% !important;
			padding: 0px !important;
		}
		.center {
			margin-right: auto;
			margin-left: auto;
		}
		.text-center {
			text-align: center;
		}
		h1, h2, h3, h4, h5, h6 {
			font-family: inherit;
			font-weight: 500;
			line-height: 1.2;
			color: inherit;
		}
		.right {
			float: right;
		}
		.clear {
			clear: both;
		}
		.relative {
			position: relative;
		}
		.relative>img{
			width: 100%;
		}
		table {
			border-spacing: 0;
			border-collapse: collapse;
		}
		.mt20 {
			margin-top: 20px;
		}
		td, th {
			padding: 0;
		}
		.absolute {
			position: absolute;
		}
		a {
			background: transparent;
		}
		img {
			border: 0;
			vertical-align: middle;
		}
		.fs24 {
			font-size: 24px;
		}
		.c-666 {
			color: #666;
		}
		.fs14 {
			font-size: 14px;
		}
		.fs16 {
			font-size: 16px;
		}
		.mt30 {
			width: 100% !important;
			margin-top: 30px;
		}
		.mt30>div.left{
			width: 312px !important;
			margin: 0px !important;
		}
		.mt30>a{
			margin-left: 0px !important;
			margin-right: 0px !important;
			height: 50px !important;
			margin-top: 35px;
		}
		#photoMinCell{
			width: 70px !important;
		}
		#photoMinCell>div{
			width: 65px !important;
			margin: 0px auto;
		}
		#photoMinCell>div>a{
			display: block;
			width: 100%;
		}
		#photoMinCell>div>a>img{
			width: 100%;
			height: auto;
		}
		.left {
			float: left;
		}
	
	/*******************************/
	.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;
	}
	.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;
	}
}<!--0.00018310546875-->