/* body */
body {
	background: #F3F3F3;
}

/* header */
@media screen and (min-width: 768px) {
	header {
		margin: 20px auto;
		padding: 0 15px;
		width: 1000px;
		height: 100px;
	}
	header .headerL {
		margin: 0;
		padding: 0;
		width: 200px;
		float: left;
	}
	header .headUl {
		margin: 0;
		padding: 0;
		width: 570px;
		float: left;
	}
	header .headUl li {
		margin: 0;
		padding: 0;
		width: 114px;
		font-size: 16px;
		text-align: center;
		line-height: 100px;
		float: left;
		list-style: none;
	}
	header .headUl li a {
		color: #000;
	}
	header .headerR {
		margin: 0;
		padding: 10px 0;
		width: 200px;
		float: left;
	}
	header .headerR .mail {
		margin: 0;
		padding: 0;
		width: 200px;
		font-size: 16px;
		text-align: center;
		line-height: 40px;
		color: #FFF;
		background: #033172;
	}
	header .headerR .tel {
		margin: 0;
		padding: 0;
		width: 200px;
		font-size: 20px;
		text-align: left;
		line-height: 40px;
	}
}
@media screen and (max-width: 767px) {
	header {
		margin: 0;
		padding: 10px 10px 0 10px;
		width: 100%;
	}
	header .headerL img {
		margin: 0;
		padding: 0;
		height: 60px;
	}
	header .headUl {
		display: none;
	}
	header .headerR {
		display: none;
	}
}

/* header .menu-btn */
@media screen and (min-width: 768px) {
	header .menu-btn {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	header .menu-btn {
		position: absolute;
		top: 10px;
		right: 10px;
		width: 60px;
		height: 60px;
		text-align: center;
		font-size: 11px;
		color: #FFF;
		line-height: 60px;
		background: #666;
		border: 1px solid #CCC;
	}
	header .menu-btn:hover {
		color: #FFF;
		text-decoration: none;
	}
}

/* main */
@media screen and (min-width: 768px) {
	main {
		margin: 0 auto;
		padding: 0;
		width: 1000px;
	}
}
@media screen and (max-width: 767px) {
	main {
		margin: 0 auto;
		padding: 0;
		width: 100%;
	}
}

/* main Slide */
@media screen and (min-width: 768px) {
	main .slide {
		margin: 0 0 50px 0;
		padding: 0;
	}
	main .slide li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
}
@media screen and (max-width: 767px) {
	main .slide {
		margin: 0 0 50px 0;
		padding: 0;
	}
	main .slide li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
}

/* footer */
@media screen and (min-width: 768px) {
	footer {
		margin: 0;
		padding: 15px 0;
		width: 100%;
		height: 140px;
		background: #333233;
		border-top: #002E71 solid 5px;
	}
	footer .wrap {
		margin: 0 auto;
		padding: 0;
		width: 970px;
	}
}
@media screen and (max-width: 767px) {
	footer {
		margin: 0;
		padding: 10px;
		background: #333233;
		border-top: #002E71 solid 5px;
	}
}

/* footerL */
@media screen and (min-width: 768px) {
	footer .footerL {
		margin: 0;
		padding: 0;
		width: 400px;
		float: left;
	}
	footer .footerL h2 {
		margin: 0;
		padding: 0;
		font-size: 24px;
		color: #FFF;
		line-height: 1.8;
	}
	footer .footerL .footerAddress {
		margin: 0;
		padding: 0;
		font-size: 14px;
		color: #FFF;
		line-height: 2;
	}
	footer .footerL .footerTel {
		margin: 0;
		padding: 0;
		font-size: 14px;
		color: #FFF;
		line-height: 2;
	}
}
@media screen and (max-width: 767px) {
	footer .footerL h2 {
		margin: 0;
		padding: 0;
		font-size: 18px;
		color: #FFF;
		line-height: 1.6;
	}
	footer .footerL .footerAddress {
		margin: 0;
		padding: 0;
		font-size: 13px;
		color: #FFF;
		line-height: 1.6;
	}
	footer .footerL .footerTel {
		margin: 0;
		padding: 0;
		font-size: 13px;
		color: #FFF;
		line-height: 1.6;
	}
}

/* footerR */
@media screen and (min-width: 768px) {
	footer .footerR {
		margin: 0;
		padding: 0;
		width: 400px;
		text-align: right;
		float: right;
	}
	footer .footerR .footerNav {
		margin: 0;
		padding: 0;
		font-size: 14px;
		height: 80px;
		color: #FFF;
	}
	footer .footerR .footerNav a {
		color: #FFF;
	}
	footer .footerR .footetCopy {
		margin: 0;
		padding: 0;
		font-size: 12px;
		color: #FFF;
	}
}
@media screen and (max-width: 767px) {
	footer .footerR {
		margin: 10px 0 0 0;
		padding: 0;
	}
	footer .footerR .footerNav {
		margin: 0;
		padding: 0;
		font-size: 13px;
		color: #FFF;
	}
	footer .footerR .footerNav a {
		color: #FFF;
	}
	footer .footerR .footetCopy {
		margin: 0;
		padding: 0;
		font-size: 11px;
		color: #FFF;
	}
}