	@media screen and (min-width: 768px) {
		body {
			background-color: #fff;
			font-family: helvetica, Arial;
			text-align: justify;
		}
		* {
			margin: 0;
			padding: 0;
		}
		a {
			text-decoration: none;
		}
		a:hover {
			cursor: pointer;
		}
		a img {
			border: none;
		}
		.header {
			background: #2f3e51;
			height: 62px;
			width: 100%;
			top: 0;
			_border-bottom: 1px solid #356695;
			*border-bottom: 1px solid #356695;
		}
		.nav {
			height: 62px;
			width: 1000px;
			margin: 0 auto;
		}
		.nav h1 {
			float: left;
			width: 350px;
		}
		.nav h1 a {
			display: block;
			width: 322px;
			height: 31px;
			margin: 13px 0 0;
			background: url(../images/bannertext.png) no-repeat top center;
			text-indent: -100000em;
		}
		.nav div {
			float: right;
			height: 27px;
			margin-top: 18px;
		}
		.nav div a {
			display: inline-block;
			width: 110px;
			margin-left: 90px;
			color: #303e51;
		}
		.inner {
			margin: 0 auto;
			width: 798px;
			background: #f7f7f7;
		}
		.container {
			width: 100%;
			padding-top: 42px;
			background: #f7f7f7;
			box-shadow: inset 0 5px 5px -1px #a7a7a7;
			-moz-box-shadow: inset 0 5px 5px -1px #a7a7a7;
			/*firefox*/
			
			-webkit-box-shadow: inset 0 5px 5px -1px #a7a7a7;
			/*webkit*/
			
			_border-top: 1px solid #c5c5c5;
			*border-top: 1px solid #c5c5c5;
		}
		.art_slider {
			float: left;
			width: 164px;
			padding: 0 19px;
		}
		.folder {
			height: 176px;
			background: #fff;
			color: #999999;
			padding: 22px 0 0 15px;
			border-radius: 2px;
		}
		.folder h4 {
			display: block;
		}
		.folder ul {
			list-style: none;
			margin-top: 26px;
		}
		.folder ul li {
			width: 140px;
		}
		.folder ul li a {
			height: 39px;
			line-height: 22px;
			font-size: 14px;
			color: #999999;
		}
		.art_content {
			_float: right;
			padding: 0 20px 0 30px;
			overflow: hidden;
		}
		.art_head {
			display: block;
			width: 100%;
			height: 48px;
			background: url(../images/wave_gray.jpg) repeat-x #f7f7f7;
		}
		.art_head h3 {
			display: block;
			line-height: 48px;
			color: #999;
			font-size: 1.38em;
		}
		.art_content .article {
			margin: 30px 0 80px;
			line-height: 25px;
			color: #666;
		}
		.art_content div {
			margin-bottom: 34px;
			clear: both;
		}
		.art_content div h5 {
			font-size: 16px;
		}
		.art_content div p {
			font-size: 14px;
		}
		.art_content div ul {
			list-style: none;
			display: block;
			padding-top: 30px;
		}
		.art_content div ul li {
			float: left;
			width: 128px;
			height: 254px;
			margin-right: 36px;
			text-align: center;
			color: #000;
		}
		.art_content div ul li img {
			width: 100%;
			height: 160px;
		}
		#company {
			color: #eb4800;
		}
		#commitment {
			font-size: 13px;
		}
		.contact {
			display: none;
		}
		.footer {
			clear: both;
			width: 100%;
			height: 82px;
			background: #fff;
			text-align: center;
			padding-top: 34px;
		}
		.footer p {
			color: #181c26;
			font-size: 12px;
			line-height: 18px;
		}
		.footer p img {
			vertical-align: -8px;
			margin: 0 2px;
		}
		/*clearfix*/
		
		.clearfix {
			display: inline-block;
		}
		.clearfix:after {
			clear: both;
			content: ' ';
			display: block;
			visibility: hidden;
			height: 0;
		}
		html[xmlns] .clearfix {
			display: block;
		}
		* html .clearfix {
			height: 1%;
		}
		html>body .inner {
			padding-left: 202px;
		}
		/*����IE6����*/
		
		html>body .art_slider {
			margin-left: -202px;
		}
		/*����IE6����*/
		
		.other {
			display: none;
		}
	}
