.banner {
	background-position: left 120px; width: 100%; height: auto; overflow: hidden; margin-top: 120px; position: relative; background-attachment: fixed; background-repeat: no-repeat; background-size: 100% auto;
}
.banner .bannerBg {
	width: 100%; height: auto; vertical-align: middle; visibility: hidden;
}
.banner .bannerInfo {
	left: 0px; top: 50%; width: 100%; height: 220px; text-align: center; color: rgb(255, 255, 255); margin-top: -110px; position: absolute;
}
.banner .bannerInfo .title {
	line-height: 60px;font-family: "Noto Sans S Chinese Light","NotoSansHans-Light","΢ÈíÑźÚ";  font-size: 55px;
}
.banner .bannerInfo .titleCh {
	padding: 6px 24px 8px; border: 3px solid rgb(255, 255, 255); border-image: none; top: 20px; text-align: center; color: rgb(255, 255, 255); font-size: 27px; font-weight: bold; position: relative;
}
.main {
	background: rgb(255, 255, 255); padding: 0px 0px 80px; text-align: center; border-bottom-color: rgb(148, 148, 148); border-bottom-width: 1px; border-bottom-style: solid;
}
.main .mainNav {
	padding: 72px 0px; text-align: center;
}
.main .mainNav .child {
	margin: 0px 8px; border: 2px solid rgb(185, 184, 184); border-image: none; width: 222px; height: 46px; text-align: center; color: rgb(128, 128, 128); line-height: 46px; font-size: 16px; display: inline-block; position: relative; cursor: pointer;
}
.main .mainNav .on.child {
	background: #00abad; border: 2px solid #00abad; border-image: none; color: rgb(255, 255, 255);
}
.main .mainNav .childList.child {
	background-position: 186px; text-align: left; background-image: url("../images/work/navPointer.png"); background-repeat: no-repeat;
}
.main .mainNav .childList.child span {
	margin-left: 18px;
}
.main .mainNav .childList.child ul {
	background: rgb(255, 255, 255); border: 2px solid rgb(185, 184, 184); border-image: none; left: -2px; top: 46px; display: none; position: absolute; z-index: 2;
}
.main .mainNav .childList.child ul li {
	width: 204px; height: 46px; color: rgb(128, 128, 128); line-height: 46px; padding-left: 18px;
}
.main .mainNav .childList.child ul li:hover {
	background: rgb(238, 238, 238);
}
.main .content {
	width: 100%; height: auto;
}
.main .content::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: "020";
}
.main .content .child {
	width: 20%; float: left; position: relative;
}
.main .content .child .childImg {
	width: 100%; height: auto; vertical-align: middle;
}
.main .content .child .childHide {
	background: #00abad; left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute;
}
.main .content .child .childPointer {
	width: 71px; right: 20px; bottom: 17px; position: absolute;
}
.main .content .child .childTag {
	padding: 6%; left: 0px; top: 0px; width: 88%; text-align: left; color: rgb(255, 255, 255); letter-spacing: 0.1em; font-family: "Noto Sans S Chinese Light","NotoSansHans-Light","΢ÈíÑźÚ";  font-size: 24px; font-weight: 100; position: absolute; font-stretch: condensed;
}
.main .content .child .childTag .childSub {
	background: rgb(255, 255, 255); margin: 10px 0px; width: 21px; height: 2px;
}
.main .content .child .childContent {
	left: 0px; top: 50%; width: 100%; height: 54px; margin-top: -27px; position: absolute;
}
.main .content .child .childContent .title {
	margin: 0px auto; width: 50%; color: rgb(255, 255, 255); font-size: 21px;
}
.main .content .child .childContent .info {
	color: rgb(255, 255, 255); font-size: 16px; margin-top: 10px;
}
.main .linkBtn {
	margin: 80px auto 0px;
}
@media all and (max-width:479px)
{
.banner {
	background-position: center 74px; margin-top: 0px; background-size: auto 230px;
}
.banner .bannerBg {
	height: 230px;
}
.banner .bannerInfo {
	height: 80px; margin-top: -40px;
}
.banner .bannerInfo .title {
	line-height: 20px; font-size: 20px;
}
.banner .bannerInfo .titleCh {
	padding: 1px 4px 3px; border: 1px solid rgb(255, 255, 255); border-image: none; top: 12px; width: auto; font-size: 14px;
}
.main {
	padding: 0px 0px 20px;
}
.main .mainNav {
	padding: 23px 0px;
}
.main .mainNav .child {
	margin: 0px 4px; border: 1px solid rgb(185, 184, 184); border-image: none; width: 140px; height: 34px; line-height: 34px; font-size: 12px;
}
.main .mainNav .childList.child {
	background-position: 114px; margin-top: 10px;
}
.main .mainNav .childList.child span {
	margin-left: 12px;
}
.main .mainNav .childList.child ul {
	border: 1px solid rgb(185, 184, 184); border-image: none; left: -1px; top: 34px;
}
.main .mainNav .childList.child ul li {
	width: 127px; height: 34px; line-height: 34px; padding-left: 12px;
}
.main .content .child {
	width: 50%;
}
.main .content .child .childPointer {
	width: 40px; right: 12px; bottom: 10px;
}
.main .content .child .childTag {
	font-size: 12px;
}
.main .content .child .childTag .childSub {
	margin: 3px 0px;
}
.main .content .child .childContent .title {
	font-size: 14px;
}
.main .content .child .childContent .info {
	display: none;
}
.main .linkBtn {
	margin: 20px auto 0px;
}
}
@media all and (max-width:639px) and (min-width:480px)
{
.banner {
	background-position: center 74px; margin-top: 74px; background-size: auto 340px;
}
.banner .bannerBg {
	height: 340px;
}
.banner .bannerInfo {
	height: 120px; margin-top: -60px;
}
.banner .bannerInfo .title {
	line-height: 30px; font-size: 30px;
}
.banner .bannerInfo .titleCh {
	padding: 2px 6px 5px; border: 1px solid rgb(185, 184, 184); border-image: none; top: 16px; width: auto; font-size: 20px;
}
.main {
	padding: 0px 0px 30px;
}
.main .mainNav {
	padding: 34px 0px;
}
.main .mainNav .child {
	border-width: 1px; margin: 0px 6px; width: 210px; height: 50px; line-height: 50px; font-size: 16px;
}
.main .mainNav .childList.child {
	background-position: 170px; margin-top: 15px;
}
.main .mainNav .childList.child span {
	margin-left: 18px;
}
.main .mainNav .childList.child ul {
	border: 1px solid rgb(185, 184, 184); border-image: none; left: -1px; top: 50px;
}
.main .mainNav .childList.child ul li {
	width: 192px; height: 50px; line-height: 50px; padding-left: 18px;
}
.main .content .child {
	width: 50%;
}
.main .content .child .childPointer {
	width: 40px; right: 12px; bottom: 10px;
}
.main .content .child .childTag {
	font-size: 12px;
}
.main .content .child .childTag .childSub {
	margin: 3px 0px;
}
.main .content .child .childContent .title {
	font-size: 14px;
}
.main .content .child .childContent .info {
	display: none;
}
.main .linkBtn {
	margin: 30px auto 0px;
}
}
@media all and (max-width:1023px) and (min-width:640px)
{
.banner {
	background-position: center 74px; margin-top: 74px; background-size: auto 450px;
}
.banner .bannerBg {
	height: 450px;
}
.banner .bannerInfo {
	height: 160px; margin-top: -80px;
}
.banner .bannerInfo .title {
	line-height: 40px; font-size: 40px;
}
.banner .bannerInfo .titleCh {
	padding: 2px 10px 6px; border: 2px solid rgb(255, 255, 255); border-image: none; top: 16px; width: auto; font-size: 26px; position: relative;
}
.main {
	padding: 0px 0px 40px;
}
.main .mainNav {
	padding: 46px 0px;
}
.main .mainNav .child {
	margin: 0px 4px; border: 1px solid rgb(185, 184, 184); border-image: none; width: 140px; height: 34px; line-height: 34px; font-size: 12px;
}
.main .mainNav .childList.child {
	background-position: 114px;
}
.main .mainNav .childList.child span {
	margin-left: 12px;
}
.main .mainNav .childList.child ul {
	border: 1px solid rgb(185, 184, 184); border-image: none; left: -1px; top: 34px;
}
.main .mainNav .childList.child ul li {
	width: 127px; height: 34px; line-height: 34px; padding-left: 12px;
}
.main .content {
	width: 100%; height: auto;
}
.main .content .child {
	width: 50%;
}
.main .content .child .childContent .info {
	display: none;
}
.main .linkBtn {
	margin: 40px auto 0px;
}
}
@media all and (max-width:1199px) and (min-width:1024px)
{
.banner {
	background-position: left 68px; margin-top: 68px; background-size: auto 300px;
}
.banner .bannerBg {
	height: 300px;
}
.banner .bannerInfo {
	transform-origin: center 50%; -moz-transform-origin: center; -o-transform-origin: center; -webkit-transform-origin: center;
}
.banner .bannerInfo {
	transform: scale(0.83); -moz-transform: scale(0.83); -o-transform: scale(0.83); -webkit-transform: scale(0.83);
}
.banner .bannerInfo {
	height: 160px; margin-top: -80px;
}
.banner .bannerInfo .title {
	line-height: 48px; font-size: 46px;
}
.banner .bannerInfo .titleCh {
	padding: 5px 18px 6px; border: 3px solid rgb(255, 255, 255); border-image: none; top: 16px; font-size: 20px; position: relative;
}
.main {
	padding: 0px 0px 66px;
}
.main .mainNav {
	padding: 60px 0px;
}
.main .mainNav .child {
	margin: 0px 5px; border: 1px solid rgb(185, 184, 184); border-image: none; width: 156px; height: 33px; line-height: 33px; font-size: 12px;
}
.main .mainNav .childList.child {
	background-position: 131px;
}
.main .mainNav .childList.child span {
	margin-left: 12px;
}
.main .mainNav .childList.child ul {
	border: 1px solid rgb(185, 184, 184); border-image: none; left: -1px; top: 33px;
}
.main .mainNav .childList.child ul li {
	width: 143px; height: 33px; line-height: 33px; padding-left: 12px;
}
.main .content .child .childPointer {
	width: 44px; right: 13px; bottom: 10px;
}
.main .content .child .childTag {
	font-size: 15px;
}
.main .content .child .childTag .childSub {
	margin: 6px 0px; width: 13px; height: 2px;
}
.main .content .child .childContent {
	height: 33px; margin-top: -30px;
}
.main .content .child .childContent .title {
	font-size: 13px;
}
.main .content .child .childContent .info {
	font-size: 12px; margin-top: 5px;
}
.main .linkBtn {
	margin: 66px auto 0px;
}
}
@media all and (max-width:1439px) and (min-width:1200px)
{
.banner {
	background-position: left 68px; margin-top: 68px;
}
.banner .bannerInfo {
	transform-origin: center 50%; -moz-transform-origin: center; -o-transform-origin: center; -webkit-transform-origin: center;
}
.banner .bannerInfo {
	transform: scale(0.83); -moz-transform: scale(0.83); -o-transform: scale(0.83); -webkit-transform: scale(0.83);
}
.banner .bannerInfo {
	height: 160px; margin-top: -80px;
}
.banner .bannerInfo .title {
	line-height: 48px; font-size: 46px;
}
.banner .bannerInfo .titleCh {
	padding: 5px 18px 6px; border: 3px solid rgb(255, 255, 255); border-image: none; top: 16px; font-size: 20px; position: relative;
}
.main {
	padding: 0px 0px 66px;
}
.main .mainNav {
	padding: 60px 0px;
}
.main .mainNav .child {
	margin: 0px 5px; border: 1px solid rgb(185, 184, 184); border-image: none; width: 156px; height: 33px; line-height: 33px; font-size: 12px;
}
.main .mainNav .childList.child {
	background-position: 131px;
}
.main .mainNav .childList.child span {
	margin-left: 12px;
}
.main .mainNav .childList.child ul {
	border: 1px solid rgb(185, 184, 184); border-image: none; left: -1px; top: 33px;
}
.main .mainNav .childList.child ul li {
	width: 143px; height: 33px; line-height: 33px; padding-left: 12px;
}
.main .content .child .childPointer {
	width: 44px; right: 13px; bottom: 10px;
}
.main .content .child .childTag {
	font-size: 15px;
}
.main .content .child .childTag .childSub {
	margin: 6px 0px; width: 13px; height: 2px;
}
.main .content .child .childContent {
	height: 33px; margin-top: -30px;
}
.main .content .child .childContent .title {
	font-size: 13px;
}
.main .content .child .childContent .info {
	font-size: 12px; margin-top: 5px;
}
.main .linkBtn {
	margin: 66px auto 0px;
}
}
@media all and (max-width:1920px) and (min-width:1440px)
{
.banner {
	background-position: left 82px; margin-top: 82px;
}
.banner .bannerInfo {
	height: 160px; margin-top: -80px;
}
.banner .bannerInfo .title {
	line-height: 48px; font-size: 46px;
}
.banner .bannerInfo .titleCh {
	padding: 5px 18px 6px; border: 3px solid rgb(255, 255, 255); border-image: none; top: 16px; font-size: 24px; position: relative;
}
.main {
	padding: 0px 0px 80px;
}
.main .mainNav {
	padding: 72px 0px;
}
.main .mainNav .child {
	margin: 0px 6px; border: 1px solid rgb(185, 184, 184); border-image: none; width: 188px; height: 40px; line-height: 40px; font-size: 14px;
}
.main .mainNav .childList.child {
	background-position: 158px;
}
.main .mainNav .childList.child span {
	margin-left: 15px;
}
.main .mainNav .childList.child ul {
	border: 1px solid rgb(185, 184, 184); border-image: none; left: -1px; top: 40px;
}
.main .mainNav .childList.child ul li {
	width: 173px; height: 40px; line-height: 40px; padding-left: 15px;
}
.main .content .child .childPointer {
	width: 54px; right: 16px; bottom: 13px;
}
.main .content .child .childTag {
	font-size: 18px;
}
.main .content .child .childTag .childSub {
	margin: 8px 0px; width: 16px; height: 2px;
}
.main .content .child .childContent {
	height: 40px; margin-top: -20px;
}
.main .content .child .childContent .title {
	font-size: 16px;
}
.main .content .child .childContent .info {
	font-size: 12px; margin-top: 6px;
}
.main .linkBtn {
	margin: 80px auto 0px;
}
}