.mainHead {
	width: 100%; height: 170px; text-align: center; margin-top: 147px; border-bottom-color: rgb(148, 148, 148); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
.mainHead .title {
	color: rgb(67, 67, 67); line-height: 52px; padding-top: 40px; font-size: 30px;
}
.mainHead .tag {
	color: rgb(67, 67, 67); line-height: 30px; font-size: 16px;
}
.main {
	padding: 40px 0px; text-align: center; border-bottom-color: rgb(148, 148, 148); border-bottom-width: 1px; border-bottom-style: solid;
}
.main p {
	padding: 12px 0px; text-align: left; color: rgb(101, 101, 101); line-height: 24px; font-size: 16px;
}
.main img {
	height: auto !important; max-width: 100%;
}
.mainFoot {
	height: 134px; text-align: center; line-height: 134px; border-bottom-color: rgb(148, 148, 148); border-bottom-width: 1px; border-bottom-style: solid;
}
.mainFoot .mainFootBtn {
	margin: 0px 8px; border: 2px solid #00abad; border-image: none; width: 215px; height: 50px; text-align: center; color: #00abad; line-height: 50px; font-size: 22px; display: inline-block; cursor: pointer;
}
.mainFoot .mainFootBtn {
	transition-duration: 0.5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s;
}
.mainFoot .on.mainFootBtn {
	background: #00abad; color: rgb(255, 255, 255);
}
.mainFoot .mainFootBtn:hover {
	background: #00abad; color: rgb(255, 255, 255);
}
.mainFoot .on.mainFootBtn:hover {
	background: rgb(255, 255, 255); border: 2px solid #00abad; border-image: none; color: #00abad;
}
.work {
	background: rgb(255, 255, 255); padding: 70px 0px 0px; text-align: center;
}
.work .content {
	width: 100%; height: auto; padding-top: 40px;
}
.work .content::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: "020";
}
.work .content .child {
	width: 20%; float: left; position: relative;
}
.work .content .child .childImg {
	width: 100%; height: auto; vertical-align: middle;
}
.work .content .child .childHide {
	background: #00abad; left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute;
}
.work .content .child .childPointer {
	width: 71px; right: 20px; bottom: 17px; position: absolute;
}
.work .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;
}
.work .content .child .childTag .childSub {
	background: rgb(255, 255, 255); margin: 10px 0px; width: 21px; height: 2px;
}
.work .content .child .childContent {
	left: 0px; top: 50%; width: 100%; height: 54px; margin-top: -27px; position: absolute;
}
.work .content .child .childContent .title {
	margin: 0px auto; width: 50%; color: rgb(255, 255, 255); font-size: 21px;
}
.work .content .child .childContent .info {
	color: rgb(255, 255, 255); font-size: 16px; margin-top: 10px;
}
.work .linkBtn {
	margin: 80px auto 0px;
}
@media all and (max-width:479px)
{
.mainHead {
	padding: 0px 0px 10px; height: auto; margin-top: 74px;
}
.mainHead .title {
	line-height: 36px; padding-top: 20px; font-size: 18px;
}
.mainHead .tag {
	line-height: 12px; padding-bottom: 14px; font-size: 12px;
}
.main {
	padding: 10px 0px;
}
.main .container {
	width: 93.75%;
}
.main p {
	padding: 5px 0px; line-height: 18px; font-size: 12px;
}
.mainFoot {
	padding: 10px 0px; height: auto; line-height: normal;
}
.mainFoot .container {
	width: 100%;
}
.mainFoot .mainFootBtn {
	margin: 2px 6px; border: 1px solid #00abad; border-image: none; width: 45%; height: 42px; line-height: 42px; font-size: 18px;
}
.mainFoot .on.mainFootBtn:hover {
	border: 1px solid #00abad; border-image: none;
}
.work {
	padding: 20px 0px;
}
.work .content {
	width: 100%; height: auto; padding-top: 20px;
}
.work .content .child {
	width: 50%;
}
.work .content .child .childPointer {
	width: 40px; right: 12px; bottom: 10px;
}
.work .content .child .childTag {
	font-size: 12px;
}
.work .content .child .childTag .childSub {
	margin: 3px 0px;
}
.work .content .child .childContent .title {
	font-size: 14px;
}
.work .content .child .childContent .info {
	display: none;
}
}
@media all and (max-width:639px) and (min-width:480px)
{
.mainHead {
	padding: 0px 0px 10px; height: auto; margin-top: 74px;
}
.mainHead .title {
	line-height: 36px; padding-top: 20px; font-size: 18px;
}
.mainHead .tag {
	line-height: 12px; padding-bottom: 14px; font-size: 12px;
}
.main {
	padding: 10px 0px;
}
.main .container {
	width: 93.75%;
}
.main p {
	padding: 5px 0px; line-height: 18px; font-size: 12px;
}
.mainFoot {
	padding: 10px 0px; height: auto; line-height: normal;
}
.mainFoot .container {
	width: 100%;
}
.mainFoot .mainFootBtn {
	margin: 2px 6px; border: 1px solid #00abad; border-image: none; width: 45%; height: 42px; line-height: 42px; font-size: 18px;
}
.mainFoot .on.mainFootBtn:hover {
	border: 1px solid #00abad; border-image: none;
}
.work {
	padding: 20px 0px 0px;
}
.work .content {
	width: 100%; height: auto; padding-top: 20px;
}
.work .content .child {
	width: 50%;
}
.work .content .child .childPointer {
	width: 40px; right: 12px; bottom: 10px;
}
.work .content .child .childTag {
	font-size: 12px;
}
.work .content .child .childTag .childSub {
	margin: 3px 0px;
}
.work .content .child .childContent .title {
	font-size: 14px;
}
.work .content .child .childContent .info {
	display: none;
}
}
@media all and (max-width:1023px) and (min-width:640px)
{
.mainHead {
	height: 122px; margin-top: 74px;
}
.mainHead .title {
	line-height: 44px; padding-top: 26px; font-size: 26px;
}
.mainHead .tag {
	line-height: 26px; font-size: 14px;
}
.main {
	padding: 34px 0px;
}
.main .container {
	width: 93.75%;
}
.main p {
	padding: 10px 0px; line-height: 20px; font-size: 14px;
}
.mainFoot {
	height: 110px; line-height: 110px;
}
.mainFoot .mainFootBtn {
	margin: 0px 6px; border: 2px solid #00abad; border-image: none; width: 182px; height: 42px; line-height: 42px; font-size: 18px;
}
.mainFoot .on.mainFootBtn:hover {
	border: 2px solid #00abad; border-image: none;
}
.work {
	padding: 40px 0px 0px;
}
.work .content {
	width: 100%; height: auto; padding-top: 40px;
}
.work .content .child {
	width: 50%;
}
.work .content .child .childContent .info {
	display: none;
}
}
@media all and (max-width:1199px) and (min-width:1024px)
{
.mainHead {
	height: 120px; margin-top: 56px;
}
.mainHead .title {
	line-height: 36px; font-size: 21px;
}
.mainHead .tag {
	line-height: 21px; font-size: 12px;
}
.main {
	padding: 28px 0px;
}
.main .container {
	width: 796px;
}
.main p {
	padding: 8px 0px; line-height: 16px; font-size: 12px;
}
.mainFoot {
	height: 94px; line-height: 94px;
}
.mainFoot .container {
	width: 796px;
}
.mainFoot .mainFootBtn {
	margin: 0px 5px; border: 1px solid #00abad; border-image: none; width: 151px; height: 34px; line-height: 34px; font-size: 15px;
}
.mainFoot .on.mainFootBtn:hover {
	border: 1px solid #00abad; border-image: none;
}
.work {
	padding: 58px 0px 0px;
}
.work .content {
	padding-top: 33px;
}
.work .content .child .childPointer {
	width: 44px; right: 13px; bottom: 10px;
}
.work .content .child .childTag {
	font-size: 15px;
}
.work .content .child .childTag .childSub {
	margin: 6px 0px; width: 13px; height: 2px;
}
.work .content .child .childContent {
	height: 33px; margin-top: -16px;
}
.work .content .child .childContent .title {
	font-size: 13px;
}
.work .content .child .childContent .info {
	font-size: 12px; margin-top: 5px;
}
.work .linkBtn {
	margin: 50px auto 0px;
}
}
@media all and (max-width:1439px) and (min-width:1200px)
{
.mainHead {
	height: 120px; margin-top: 56px;
}
.mainHead .title {
	line-height: 36px; font-size: 21px;
}
.mainHead .tag {
	line-height: 21px; font-size: 12px;
}
.main {
	padding: 28px 0px;
}
.main .container {
	width: 796px;
}
.main p {
	padding: 8px 0px; line-height: 16px; font-size: 12px;
}
.mainFoot {
	height: 94px; line-height: 94px;
}
.mainFoot .container {
	width: 796px;
}
.mainFoot .mainFootBtn {
	margin: 0px 5px; border: 1px solid #00abad; border-image: none; width: 151px; height: 34px; line-height: 34px; font-size: 15px;
}
.mainFoot .on.mainFootBtn:hover {
	border: 1px solid #00abad; border-image: none;
}
.work {
	padding: 58px 0px 0px;
}
.work .content {
	padding-top: 33px;
}
.work .content .child .childPointer {
	width: 44px; right: 13px; bottom: 10px;
}
.work .content .child .childTag {
	font-size: 15px;
}
.work .content .child .childTag .childSub {
	margin: 6px 0px; width: 13px; height: 2px;
}
.work .content .child .childContent {
	height: 33px; margin-top: -16px;
}
.work .content .child .childContent .title {
	font-size: 13px;
}
.work .content .child .childContent .info {
	font-size: 12px; margin-top: 5px;
}
.work .linkBtn {
	margin: 50px auto 0px;
}
}
@media all and (max-width:1920px) and (min-width:1440px)
{
.mainHead {
	height: 144px; margin-top: 82px;
}
.mainHead .title {
	line-height: 44px; font-size: 26px;
}
.mainHead .tag {
	line-height: 26px; font-size: 14px;
}
.main {
	padding: 34px 0px;
}
.main .container {
	width: 960px;
}
.main p {
	padding: 10px 0px; line-height: 20px; font-size: 14px;
}
.mainFoot {
	height: 114px; line-height: 114px;
}
.mainFoot .container {
	width: 960px;
}
.mainFoot .mainFootBtn {
	margin: 0px 6px; border: 2px solid #00abad; border-image: none; width: 182px; height: 42px; line-height: 42px; font-size: 18px;
}
.mainFoot .on.mainFootBtn:hover {
	border: 2px solid #00abad; border-image: none;
}
.work {
	padding: 70px 0px 0px;
}
.work .content {
	padding-top: 40px;
}
.work .content .child .childPointer {
	width: 54px; right: 16px; bottom: 13px;
}
.work .content .child .childTag {
	font-size: 18px;
}
.work .content .child .childTag .childSub {
	margin: 8px 0px; width: 16px; height: 2px;
}
.work .content .child .childContent {
	height: 40px; margin-top: -20px;
}
.work .content .child .childContent .title {
	font-size: 16px;
}
.work .content .child .childContent .info {
	font-size: 12px; margin-top: 6px;
}
.work .linkBtn {
	margin: 60px auto 0px;
}
}