@charset "utf-8";
/* PC大于等于1200px */
@media screen and (min-width: 1200px) {
	/*body {background: #dddddd;}*/
	.Mon {padding: 0;background: #f5f5f5;}

	.SonChannel {background: #ffffff;box-shadow: 0 0 6px -2px rgba(0, 0, 0, 0.5);}
	.SonChannel ul {margin-bottom: 0;}
	.SonChannel ul:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.SonChannel li {float: left;margin: 0 10px;}
	.SonChannel li a {display: block;font-size: 16px;padding: 0 20px;line-height: 60px;text-align: center;font-weight: bold;color: #1249a4;}
	.SonChannel li:hover a {background: #1249a4;color: #ffffff;}

	.Monlist {padding: 0;}
	/* ---- list-left ---- */
	.MonLeft {margin: 40px 0 0;}
	/* ---- columnTitle ---- */
	.columnTitle {margin: 10px ;border: 2px solid #066efc;background: #eee;border-bottom: 4px solid #fff;overflow: hidden;}
	.columnTitle .text-box {text-align: center;padding:40px 20px 14px;background: #066efc;overflow: hidden;position: relative;}
	.columnTitle .text-box p {margin: 0;font-size: 24px;line-height: 40px;color: #fff;}
	.columnTitle .text-box span {display: none;margin: 0;font-size: 16px;line-height: 20px;color: #fff;}
	.columnTitle .text-box i {display: none;width: 100%;background: #fff; font-size: 20px;height: 30px;line-height: 30px;font-style: normal;text-transform: uppercase;white-space: nowrap;color: #066efc;font-weight: bold;transform: rotate(45deg);-webkit-transform: rotate(45deg);transform-origin: left;position: absolute;top: -55px;right: -115px;}
	/* ---- insideNav ---- */
	.insideNav {margin: 10px;border: 2px solid #066efc;background: #eee;}
	.insideNav ul {margin: 0;text-align: center;background-image: radial-gradient(circle at top left, #066efc, #dddddd);}
	.insideNav dl {margin: 0;/*border: 2px solid #fff;*/}
	.insideNav dl a {color: #fff;}
	.insideNav dl a:hover {color: orange;}
	.insideNav dl dt {font-size: 18px;line-height: 40px;border-bottom: 1px solid #ffffff;text-align: left;padding-left: 60px;position: relative;}
	.insideNav dl dd {font-size: 14px;line-height: 40px;border-bottom: 1px dotted #dddddd;transition: all;display: none;}
	/* ---- contactUs ---- */
	.contactUs {margin: 30px 10px 10px;border: 2px solid #066efc;}
	.contactUs .contactHead {padding: 10px;}
	.contactUs .contactHead p {margin: 0;text-align: center;font-size: 20px;line-height: 30px;color: #066efc;}
	.contactUs .contactHead p span {color: #066efc;padding: 0 5px;}
	.contactUs .contactHead p i {font-style: normal;color: #066efc;}
	.contactUs .contactHead p em {font-style: normal;color: #066efc;}
	.contactUs .contactBody {padding: 10px;}
	.contactUs .contactBody p {font-size: 14px;line-height: 20px;}
	.contactUs .contactBody p a {font-size: 14px;line-height: 20px;}
	.contactUs .contactBody p span {font-size: 14px;line-height: 20px;}
	/* ---- hotPosts ---- */
	.hotPosts {margin: 10px;border: 2px solid #066efc;}
	.hotPosts .postsHead {padding: 0 10px;}
	.hotPosts .postsHead p {margin: 0;text-align: center;font-size: 20px;line-height: 30px;color: #066efc;}
	.hotPosts .postsBody {padding: 10px;}
	.hotPosts .postsBody .img-box {width: 100%;height: auto;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.hotPosts .postsBody .text-box {}
	.hotPosts .postsBody .text-box strong {display: block;margin: 0;font-size: 16px;line-height: 30px;color: #066efc;white-space: nowrap;overflow: hidden;}
	.hotPosts .postsBody .text-box p {max-height: 40px;overflow: hidden;}
	.hotPosts .postsBody .text-box p:hover {color: orange;}
	/* ---- list-right ---- */
	.MonRight {margin: 40px 0 0;padding: 0;}
	/* ---- crumbNav ---- */
	.crumbNav {margin: 10px 10px 0;padding: 10px;text-align: right;background-image: radial-gradient(circle at bottom left, #066efc, #ffffff);}
	.crumbNav p {margin: 0;font-size: 14px;line-height: 20px;height: 20px;white-space: nowrap;}
	.crumbNav p a:hover {color: orange;text-decoration: underline;}
	/* ---- artTitle ---- */
	.artTitle {margin: 9px 10px 10px;text-align: center;border-bottom: 1px dotted #dddddd;}
	.artTitle h1 {margin: 0;font-size: 20px;line-height: 40px;font-weight: bold;}
	.artTitle strong {display: block;margin: 0;font-size: 20px;line-height: 40px;font-weight: bold;}
	.artTitle p {margin: 0;font-size: 14px;line-height: 30px;display: flex;flex-wrap: wrap;justify-content: space-around;align-items: center;}
	.artTitle p span {display: block;padding: 0 20px;color: #999999;}
	.artTitle p a {color: #999999;}
	.artTitle p a:hover {color: orange;}
	/* ---- artPreview ---- */
	.artPreview {margin: 10px;box-shadow: 0px 0px 5px 0px rgba(153,153,153,0.5);}
	.previewPict {padding: 10px;}
	.fotorama {width: 100% !important;margin: 0 auto;}
	.fotorama__wrap {width: 100% !important;margin: 0 auto;}
	.fotorama__stage * {transition: all;}
	.previewText {padding: 10px;}
	.previewText h1 {margin: 0;font-size: 24px;line-height: 40px;text-align: left;font-weight: bold;}
	.previewText strong {display: block;width: 6em;margin: 20px 0;line-height: 30px;text-align: center;text-indent: 0;background: #066efc;border-radius: 8px;color: #fff;cursor: pointer;}
	.previewText .text-box {font-size: 14px;line-height: 30px;height: 180px;overflow: hidden;text-indent: 2em;}
	.previewText .consultUs {margin: 15px 0;}
	.previewText .consultUs:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.previewText .consultUs a {display: block;float: right;width: 10em;line-height: 40px;text-align: center;background: #066efc;border-radius: 10px;}
	.previewText .consultUs a:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.previewText .consultUs a:hover {background: orange;box-shadow: 0px 0px 5px 3px rgba(102,102,102,0.5);}
	.previewText .consultUs a span {display: block;float: left;width: 40px;height: 40px;line-height: 40px;text-align: center;color: #fff;font-size: 24px;}
	.previewText .consultUs a i {display: block;float: left;width: calc(100% - 40px);height: 40px;line-height: 40px;text-align: center;color: #fff;font-size: 16px;font-style: normal;}
	/* ---- artContent ---- */
	.artContent {margin: 10px;}
	.artContent h3 {margin: 0;line-height: 30px;font-size: 20px;font-weight: bold;color: #000000;}
	.artContent p {font-size: 16px;text-indent: 2em;color: #333333;line-height: 25px;}
	.artContent strong {font-size: 18px;line-height: 25px;padding: 0 4px;}
	.artContent span {font-size: 14px;line-height: 25px;color: #999999;padding: 0 4px;}
	.artContent img {display: block;margin: 0 auto;max-width: 100%;width: auto !important;height: auto !important;}
	.artContent p img  {display: inline;margin: 0 10px;box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);}
	/* ---- turnPage ---- */
	.turnPage {margin: 10px;padding: 20px 0 10px;font-size: 16px;line-height: 30px;}
	.turnPage .turnPrev {float: left;padding: 5px 10px;cursor: pointer;}
	.turnPage .turnPrev:hover {background: #066efc;color: #fff;}
	.turnPage .turnPrev:hover a {color: #fff;}
	.turnPage .turnNext {float: left;padding: 5px 10px;cursor: pointer;}
	.turnPage .turnNext:hover {background: #066efc;color: #fff;}
	.turnPage .turnNext:hover a {color: #fff;}
	/* ---- hotSale ---- */
	.hotSale {margin: 10px;}
	.hotSale .hotSale-title {width: 100%;margin: 10px 0;height: 30px;border-left: 5px solid #066efc;background-image: linear-gradient(to right, #066efc, #dddddd);text-align: left;}
	.hotSale .hotSale-title p {display: inline-block;margin: 0;font-size: 20px;line-height: 30px;padding: 0 30px;background: #ffffff;box-shadow: 0px 0px 5px 2px rgba(221,221,221,0.5) inset;}
	.hotSale .hotSale-title p:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.hotSale .hotSale-title p em {display: block;float: left;padding: 0 20px;font-style: normal;color: #066efc;font-weight: bold;}
	.hotSale .hotSale-title p i {display: block;float: left;padding: 0 20px;font-style: normal;font-family: "Impact";}
	.hotSale li {float: left;margin: 10px;width: calc(25% - 20px);}
	.hotSale li .hotSale-box {border: 1px solid #066efc;padding: 4px;}
	.hotSale li .img-box {width: 100%;height: 150px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.hotSale li .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;}
	.hotSale li .text-box {}
	.hotSale li .text-box strong {display: block;margin: 0;font-size: 14px;line-height: 30px;text-align: center;font-weight: bold;white-space: nowrap;overflow: hidden;color: #066efc;}
	.hotSale li .text-box p {font-size: 14px;line-height: 20px;height: 60px;overflow: hidden;display: none;}
	.hotSale li:hover .hotSale-box {border: 1px solid #cc1818;}
	.hotSale li:hover .img-box img {transform: scale(1.1);}
	.hotSale li:hover .text-box strong {color: #cc1818;}
	/* ---- indexArt ---- */
	.indexArt {margin: 10px;}
	.indexArt h3 {margin: 0;line-height: 30px;font-size: 20px;font-weight: bold;color: #000000;}
	.indexArt p {font-size: 16px;text-indent: 2em;color: #333333;line-height: 25px;}
	.indexArt strong {font-size: 18px;line-height: 25px;padding: 0 4px;}
	.indexArt span {font-size: 14px;line-height: 25px;color: #999999;padding: 0 4px;}
	.indexArt img {display: block;margin: 0 auto;max-width: 100%;width: auto !important;height: auto !important;}
	.indexArt p img  {display: inline;float: right;margin: 0 10px;box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);}
	/* ---- indexComment ---- */
	.indexComment {margin: 10px;}
	.indexComment dl {margin: 20px 0;}
	.indexComment .form-label {margin: 0;padding: 5px 0;text-align: right;font-size: 16px;line-height: 30px;}
	.indexComment .form-clause {margin: 0;padding: 5px 0;}
	.indexComment .form-hidden {display: none;}
	.indexComment input {display: block;font-size: 16px;width: 60%;padding: 0 5px;height: 30px;border: 1px solid #000000;line-height: 28px;outline: none;}
	.indexComment input[type=text]:focus{ border: 1px solid orange;}
	.indexComment input.formVerify {width: 120px;height: 20px;margin: 5px 0;line-height: 20px;font-size: 14px;}
	.indexComment input.formSubmit {width: 160px;height: 40px;margin: 10px 0;background: #066efc;border: 1px solid #066efc;color: #fff;}
	.indexComment textarea {display: block;font-size: 16px;width: 60%;padding: 5px;height: 90px;border: 1px solid #000000;line-height: 20px;outline: none;resize:none;overflow-x:hidden;overflow-y:hidden;}
	.indexComment textarea:focus{ border: 1px solid orange;}
	/* ---- indexMap ---- */
	.indexMap {margin: 10px;}
	.indexMap #Map {}
	/* ---- listArt ---- */
	.listArt {margin: 10px;}
	.listArt ul {margin: 0;padding-bottom: 10px;}
	.listArt li {margin: 0 0 10px;background-image: linear-gradient(45deg, rgba(51, 122, 183, 0.25), rgba(238, 238, 238, 0.25), rgba(255, 255, 255, 0.25));}
	.listArt li .img-box {padding: 10px;height: 150px;overflow: hidden;background-image: radial-gradient(circle at center, rgba(15, 80, 204, 0.25), rgba(255, 255, 255, 0.25));display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.listArt li .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;}
	.listArt li .text-box {padding: 10px;height: 150px;}
	.listArt li .text-box h4 {display: block;margin: 0;font-size: 18px;line-height: 40px;font-weight: bold;color: #066efc;white-space: nowrap;overflow: hidden;}
	.listArt li .text-box p {margin: 0;font-size: 14px;line-height: 30px;text-indent: 2em;height: 90px;overflow: hidden;}
	.listArt li .time-box {padding: 15px 10px;height: 150px;line-height: 40px;text-align: center;/*display: flex;flex-wrap: wrap;justify-content: center;align-items: center;*/}
	.listArt li .time-box i {display: block;margin-top: 20px;font-size: 16px;font-style: normal;font-weight: bold;color: #fff;background: #2f70dc;}
	.listArt li .time-box em {display: block;margin-bottom: 20px;font-size: 20px;font-style: normal;font-weight: bold;color: #fff;background: #2f70dc;}
	.listArt li:hover {box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);}
	.listArt li:hover .img-box img {transform: scale(1.1);}
	.listArt li:hover .text-box strong {color: orange;}
	.listArt li:hover .text-box p {color: orange;}
	/* ---- listImg ---- */
	.listImg {/*margin: 10px;*/margin: 0;}
	.listImg ul {margin: 0;padding-bottom: 10px;}
	.listImg li {float: left;margin: 10px 20px;width: calc(33.3334% - 40px);}
	.listImg li .pic-box {border: 1px solid #066efc;padding: 9px;}
	.listImg li .img-box {width: 100%;height: 280px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.listImg li .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;}
	.listImg li .text-box {}
	.listImg li .text-box h4 {display: block;margin: 0;font-size: 16px;line-height: 30px;text-align: center;font-weight: bold;white-space: nowrap;overflow: hidden;}
	.listImg li .text-box p {font-size: 14px;line-height: 20px;height: 60px;overflow: hidden;display: none;}
	.listImg li:hover {box-shadow: 0 0 6px -1px rgba(0, 0, 0, 0.5);}
	.listImg li:hover .pic-box {border: 1px solid #cc1818;}
	.listImg li:hover .img-box img {transform: scale(1.1);}
	.listImg li:hover .text-box h4 {color: #cc1818;}
	/* ---- listPaging ---- */
	.listPaging {margin: 10px;padding: 20px 0 10px;}
	.listPaging ul {margin: 0;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.listPaging li {float: left;display: block;min-width: 2em;margin: 0 10px;}
	.listPaging li a {display: block;text-align: center;line-height: 20px;padding: 5px 10px;box-shadow: 3px 3px 10px 3px rgba(0, 0, 0, 0.25);}
	.listPaging li:hover a {background: #066efc;color: #fff;}
	table {background-color: transparent;width: 100% !important;}
	tr {padding: 0;width: auto !important;height: auto !important;}
	td, th {padding: 0;line-height: 2em;width: auto !important;height: auto !important;border: 1px solid #000;text-align: center;}
}
/* iPad Pro 小于等于1200px */
@media screen and (max-width: 1200px) {
	/*body {background: #dddddd;}*/
	.Mon {padding: 0;}

	.SonChannel {background: #ffffff;box-shadow: 0 0 6px -2px rgba(0, 0, 0, 0.5);}
	.SonChannel ul {margin-bottom: 0;}
	.SonChannel ul:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.SonChannel li {float: left;margin: 0 10px;}
	.SonChannel li a {display: block;font-size: 16px;padding: 0 20px;line-height: 60px;text-align: center;font-weight: bold;color: #1249a4;}
	.SonChannel li:hover a {background: #1249a4;color: #ffffff;}

	.Monlist {padding: 0;}
	/* ---- list-left ---- */
	.MonLeft {margin: 10px 0 0;}
	/* ---- columnTitle ---- */
	.columnTitle {margin: 10px ;border: 2px solid #066efc;background: #eee;border-bottom: 4px solid #fff;overflow: hidden;}
	.columnTitle .text-box {text-align: center;padding:10px 10px 9px;background: #066efc;overflow: hidden;position: relative;}
	.columnTitle .text-box p {margin: 0;font-size: 24px;line-height: 40px;color: #fff;}
	.columnTitle .text-box span {display: none;margin: 0;font-size: 16px;line-height: 20px;color: #fff;}
	.columnTitle .text-box i {display: none;width: 100%;background: #fff; font-size: 20px;height: 30px;line-height: 30px;font-style: normal;text-transform: uppercase;white-space: nowrap;color: #066efc;font-weight: bold;transform: rotate(45deg);-webkit-transform: rotate(45deg);transform-origin: left;position: absolute;top: -55px;right: -115px;}
	/* ---- insideNav ---- */
	.insideNav {margin: 10px;border: 2px solid #066efc;background: #eee;}
	.insideNav ul {margin: 0;text-align: center;background-image: radial-gradient(circle at top left, #066efc, #dddddd);}
	.insideNav dl {margin: 0;/*border: 2px solid #fff;*/}
	.insideNav dl a {color: #fff;}
	.insideNav dl a:hover {color: orange;}
	.insideNav dl dt {font-size: 18px;line-height: 40px;border-bottom: 1px solid #ffffff;text-align: left;padding-left: 60px;position: relative;}
	.insideNav dl dd {font-size: 14px;line-height: 40px;border-bottom: 1px dotted #dddddd;transition: all;display: none;}
	/* ---- contactUs ---- */
	.contactUs {margin: 30px 10px 10px;border: 2px solid #066efc;}
	.contactUs .contactHead {padding: 10px;}
	.contactUs .contactHead p {margin: 0;text-align: center;font-size: 20px;line-height: 30px;color: #066efc;}
	.contactUs .contactHead p span {color: #066efc;padding: 0 5px;display: none;}
	.contactUs .contactHead p i {font-style: normal;color: #066efc;white-space: nowrap;}
	.contactUs .contactHead p em {font-style: normal;color: #066efc;white-space: nowrap;}
	.contactUs .contactBody {padding: 10px;}
	.contactUs .contactBody p {font-size: 14px;line-height: 20px;}
	.contactUs .contactBody p a {font-size: 14px;line-height: 20px;}
	.contactUs .contactBody p span {font-size: 14px;line-height: 20px;}
	/* ---- hotPosts ---- */
	.hotPosts {margin: 10px;border: 2px solid #066efc;}
	.hotPosts .postsHead {padding: 0 10px;}
	.hotPosts .postsHead p {margin: 0;text-align: center;font-size: 20px;line-height: 30px;color: #066efc;}
	.hotPosts .postsBody {padding: 10px;}
	.hotPosts .postsBody .img-box {width: 100%;height: auto;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.hotPosts .postsBody .text-box {}
	.hotPosts .postsBody .text-box strong {display: block;margin: 0;font-size: 16px;line-height: 30px;color: #066efc;white-space: nowrap;overflow: hidden;}
	.hotPosts .postsBody .text-box p {max-height: 40px;overflow: hidden;}
	.hotPosts .postsBody .text-box p:hover {color: orange;}
	/* ---- list-right ---- */
	.MonRight {margin: 10px 0 0;padding: 0;}
	/* ---- crumbNav ---- */
	.crumbNav {margin: 10px 10px 0;padding: 10px;text-align: right;background-image: radial-gradient(circle at bottom left, #066efc, #ffffff);}
	.crumbNav p {margin: 0;font-size: 14px;line-height: 20px;height: 20px;white-space: nowrap;}
	.crumbNav p a:hover {color: orange;text-decoration: underline;}
	/* ---- artTitle ---- */
	.artTitle {margin: 9px 10px 10px;text-align: center;border-bottom: 1px dotted #dddddd;}
	.artTitle h1 {margin: 0;font-size: 20px;line-height: 40px;font-weight: bold;}
	.artTitle strong {display: block;margin: 0;font-size: 20px;line-height: 40px;font-weight: bold;}
	.artTitle p {margin: 0;font-size: 14px;line-height: 30px;display: flex;flex-wrap: wrap;justify-content: space-around;align-items: center;}
	.artTitle p span {display: block;padding: 0 20px;color: #999999;}
	.artTitle p a {color: #999999;}
	.artTitle p a:hover {color: orange;}
	/* ---- artPreview ---- */
	.artPreview {margin: 10px;box-shadow: 0px 0px 5px 0px rgba(153,153,153,0.5);}
	.previewPict {padding: 10px;}
	.fotorama {width: 100% !important;margin: 0 auto;}
	.fotorama__wrap {width: 100% !important;margin: 0 auto;}
	.previewText {padding: 10px;}
	.previewText h1 {margin: 0;font-size: 24px;line-height: 40px;text-align: left;font-weight: bold;}
	.previewText strong {display: block;width: 6em;margin: 20px 0;line-height: 30px;text-align: center;text-indent: 0;background: #066efc;border-radius: 8px;color: #fff;cursor: pointer;}
	.previewText .text-box {font-size: 14px;line-height: 30px;height: 180px;overflow: hidden;text-indent: 2em;}
	.previewText .consultUs {margin: 15px 0;}
	.previewText .consultUs:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.previewText .consultUs a {display: block;float: right;width: 10em;line-height: 40px;text-align: center;background: #066efc;border-radius: 10px;}
	.previewText .consultUs a:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.previewText .consultUs a:hover {background: orange;box-shadow: 0px 0px 5px 3px rgba(102,102,102,0.5);}
	.previewText .consultUs a span {display: block;float: left;width: 40px;height: 40px;line-height: 40px;text-align: center;color: #fff;font-size: 24px;}
	.previewText .consultUs a i {display: block;float: left;width: calc(100% - 40px);height: 40px;line-height: 40px;text-align: center;color: #fff;font-size: 16px;font-style: normal;}
	/* ---- artContent ---- */
	.artContent {margin: 10px;}
	.artContent h3 {margin: 0;line-height: 30px;font-size: 20px;font-weight: bold;color: #000000;}
	.artContent p {font-size: 16px;text-indent: 2em;color: #333333;line-height: 25px;}
	.artContent strong {font-size: 18px;line-height: 25px;padding: 0 4px;}
	.artContent span {font-size: 14px;line-height: 25px;color: #999999;padding: 0 4px;}
	.artContent img {display: block;margin: 0 auto;max-width: 100%;width: auto !important;height: auto !important;}
	.artContent p img  {display: inline;float: right;margin: 0 10px;box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);}
	/* ---- turnPage ---- */
	.turnPage {margin: 10px;padding: 20px 0 10px;font-size: 16px;line-height: 30px;}
	.turnPage .turnPrev {float: left;padding: 5px 10px;cursor: pointer;}
	.turnPage .turnPrev:hover {background: #066efc;color: #fff;}
	.turnPage .turnPrev:hover a {color: #fff;}
	.turnPage .turnNext {float: right;padding: 5px 10px;cursor: pointer;}
	.turnPage .turnNext:hover {background: #066efc;color: #fff;}
	.turnPage .turnNext:hover a {color: #fff;}
	/* ---- hotSale ---- */
	.hotSale {margin: 10px;}
	.hotSale .hotSale-title {width: 100%;margin: 10px 0;height: 30px;border-left: 5px solid #066efc;background-image: linear-gradient(to right, #066efc, #dddddd);text-align: left;}
	.hotSale .hotSale-title p {display: inline-block;margin: 0;font-size: 20px;line-height: 30px;padding: 0 30px;background: #ffffff;box-shadow: 0px 0px 5px 2px rgba(221,221,221,0.5) inset;}
	.hotSale .hotSale-title p:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.hotSale .hotSale-title p em {display: block;float: left;padding: 0 20px;font-style: normal;color: #066efc;font-weight: bold;}
	.hotSale .hotSale-title p i {display: block;float: left;padding: 0 20px;font-style: normal;font-family: "Impact";}
	.hotSale li {float: left;margin: 10px;width: calc(25% - 20px);}
	.hotSale li .hotSale-box {border: 1px solid #066efc;padding: 4px;}
	.hotSale li .img-box {width: 100%;height: 150px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.hotSale li .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;}
	.hotSale li .text-box {}
	.hotSale li .text-box strong {display: block;margin: 0;font-size: 14px;line-height: 30px;text-align: center;font-weight: bold;white-space: nowrap;overflow: hidden;color: #066efc;}
	.hotSale li .text-box p {font-size: 14px;line-height: 20px;height: 60px;overflow: hidden;display: none;}
	.hotSale li:hover .hotSale-box {border: 1px solid #cc1818;}
	.hotSale li:hover .img-box img {transform: scale(1.1);}
	.hotSale li:hover .text-box h4 {color: #cc1818;}
	/* ---- indexArt ---- */
	.indexArt {margin: 10px;}
	.indexArt h3 {margin: 0;line-height: 30px;font-size: 20px;font-weight: bold;color: #000000;}
	.indexArt p {font-size: 16px;text-indent: 2em;color: #333333;line-height: 25px;}
	.indexArt strong {font-size: 18px;line-height: 25px;padding: 0 4px;}
	.indexArt span {font-size: 14px;line-height: 25px;color: #999999;padding: 0 4px;}
	.indexArt img {display: block;margin: 0 auto;max-width: 100%;width: auto !important;height: auto !important;}
	.indexArt p img  {display: inline;float: right;margin: 0 10px;box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);}
	/* ---- indexComment ---- */
	.indexComment {margin: 10px;}
	.indexComment dl {margin: 20px 0;}
	.indexComment .form-label {margin: 0;padding: 5px 0;text-align: right;font-size: 16px;line-height: 30px;}
	.indexComment .form-clause {margin: 0;padding: 5px 0;}
	.indexComment .form-hidden {display: none;}
	.indexComment input {display: block;font-size: 16px;width: 60%;padding: 0 5px;height: 30px;border: 1px solid #000000;line-height: 28px;outline: none;}
	.indexComment input[type=text]:focus{ border: 1px solid orange;}
	.indexComment input.formVerify {width: 120px;height: 20px;margin: 5px 0;line-height: 20px;font-size: 14px;}
	.indexComment input.formSubmit {width: 160px;height: 40px;margin: 10px 0;background: #066efc;border: 1px solid #066efc;color: #fff;}
	.indexComment textarea {display: block;font-size: 16px;width: 60%;padding: 5px;height: 90px;border: 1px solid #000000;line-height: 20px;outline: none;resize:none;overflow-x:hidden;overflow-y:hidden;}
	.indexComment textarea:focus{ border: 1px solid orange;}
	/* ---- indexMap ---- */
	.indexMap {margin: 10px;}
	.indexMap #Map {}
	/* ---- listArt ---- */
	.listArt {margin: 10px;}
	.listArt ul {margin: 0;padding-bottom: 10px;}
	.listArt li {margin: 0 0 10px;background-image: linear-gradient(45deg, rgba(51, 122, 183, 0.25), rgba(238, 238, 238, 0.25), rgba(255, 255, 255, 0.25));}
	.listArt li .img-box {padding: 10px;height: 150px;overflow: hidden;background-image: radial-gradient(circle at center, rgba(15, 80, 204, 0.25), rgba(255, 255, 255, 0.25));display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.listArt li .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;}
	.listArt li .text-box {padding: 10px;height: 150px;}
	.listArt li .text-box h4 {display: block;margin: 0;font-size: 18px;line-height: 40px;font-weight: bold;color: #066efc;white-space: nowrap;overflow: hidden;}
	.listArt li .text-box p {margin: 0;font-size: 14px;line-height: 30px;text-indent: 2em;height: 90px;overflow: hidden;}
	.listArt li .time-box {padding: 15px 10px;height: 150px;line-height: 40px;text-align: center;/*display: flex;flex-wrap: wrap;justify-content: center;align-items: center;*/}
	.listArt li .time-box i {display: block;margin-top: 20px;font-size: 16px;font-style: normal;font-weight: bold;color: #fff;background: #2f70dc;}
	.listArt li .time-box em {display: block;margin-bottom: 20px;font-size: 20px;font-style: normal;font-weight: bold;color: #fff;background: #2f70dc;}
	.listArt li:hover {box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);}
	.listArt li:hover .img-box img {transform: scale(1.1);}
	.listArt li:hover .text-box h4 {color: orange;}
	.listArt li:hover .text-box p {color: orange;}
	/* ---- listImg ---- */
	.listImg {/*margin: 10px;*/margin: 0;}
	.listImg ul {margin: 0;padding-bottom: 10px;}
	.listImg li {float: left;margin: 10px 20px;width: calc(33.3334% - 40px);}
	.listImg li .pic-box {border: 1px solid #066efc;padding: 9px;}
	.listImg li .img-box {width: 100%;height: 280px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.listImg li .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;}
	.listImg li .text-box {}
	.listImg li .text-box h4 {display: block;margin: 0;font-size: 16px;line-height: 30px;text-align: center;font-weight: bold;white-space: nowrap;overflow: hidden;}
	.listImg li .text-box p {font-size: 14px;line-height: 20px;height: 60px;overflow: hidden;display: none;}
	.listImg li:hover {box-shadow: 0 0 6px -1px rgba(0, 0, 0, 0.5);}
	.listImg li:hover .pic-box {border: 1px solid #cc1818;}
	.listImg li:hover .img-box img {transform: scale(1.1);}
	.listImg li:hover .text-box h4 {color: #cc1818;}
	/* ---- listPaging ---- */
	.listPaging {margin: 10px;padding: 20px 0 10px;}
	.listPaging ul {margin: 0;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.listPaging li {float: left;display: block;min-width: 2em;margin: 0 10px;}
	.listPaging li a {display: block;text-align: center;line-height: 20px;padding: 5px 10px;box-shadow: 3px 3px 10px 3px rgba(0, 0, 0, 0.25);}
	.listPaging li:hover a {background: #066efc;color: #fff;}
	table {background-color: transparent;width: 100% !important;}
	tr {padding: 0;width: auto !important;height: auto !important;}
	td, th {padding: 0;line-height: 2em;width: auto !important;height: auto !important;border: 1px solid #000;text-align: center;}
}
/* iPad Pro 小于等于1024px iPad Pro */
@media screen and (max-width: 1024px) {
}
/* iPad 小于等于 992px */
@media (max-width: 992px){
}
@media (max-width: 991px) and (min-width: 769px){
	.listArt li .time-box {display: none;}
	.listArt li .time-box i {display: none;}
	.listArt li .time-box em {display: none;}
	.MonLeft {display: none;}
}
/* 平板 小于等于 768px iPad */
@media (max-width: 768px){
	.listArt li .time-box {display: none;}
	.listArt li .time-box i {display: none;}
	.listArt li .time-box em {display: none;}
	.MonLeft {display: none;}
}
/* 手机 小于等于 640px */
@media (max-width: 640px) {
	.SonChannel li {margin: 0 5px;width: calc(25% - 10px);}
	.SonChannel li a {padding: 0 10px;line-height: 40px;}
}
/* 手机 小于等于 414px iPhone6/7/8Plus */
@media (max-width: 414px) {

	/* ---- list-left ---- */
	.MonLeft {display: block;padding: 0;}
	/* ---- columnTitle ---- */
	.columnTitle {display: none;}
	/* ---- insideNav ---- */
	.insideNav ul:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.insideNav li {}
	.insideNav dl dt {line-height: 30px;}
	.insideNav dl dd {line-height: 24px;}
	.insideNav dl a {font-size: 16px;}
	/* ---- contactUs ---- */
	.contactUs {display: none;}
	/* ---- hotPosts ---- */
	.hotPosts {display: none;}
	/* ---- list-right ---- */
	/* ---- crumbNav ---- */
	.crumbNav {margin: 0;}
	/* ---- artTitle ---- */
	.artTitle {margin: 5px 0 4px;}
	.artTitle h1 {font-size: 18px;line-height: 30px;}
	.artTitle strong {font-size: 18px;line-height: 30px;}
	.artTitle p {display: none;}
	/* ---- artPreview ---- */
	.artPreview {margin: 0;}
	.previewText h1 {font-size: 20px;}
	.previewText strong {margin: 10px 0;}
	.previewText .text-box {height: 120px;}
	.previewText .consultUs {margin: 10px 0;}
	/* ---- artContent ---- */
	.artContent {}
	.artContent h3 {font-size: 16px;}
	.artContent strong {font-size: 16px;}
	.artContent p {font-size: 14px;}
	.artContent p img {margin: 5px;}
	/* ---- turnPage ---- */
	.turnPage {padding: 10px 0 0;}
	/* ---- hotSale ---- */
	.hotSale {margin: 10px 0;}
	.hotSale li {width: calc(50% - 20px);}
	.hotSale li .img-box {height: 120px;}
	/* ---- indexArt ---- */
	.indexArt {}
	.indexArt h3 {font-size: 16px;}
	.indexArt strong {font-size: 16px;}
	.indexArt p {font-size: 14px;}
	.indexArt p img {margin: 5px;}
	/* ---- indexComment ---- */
	.indexComment input {width: 80%;}
	.indexComment textarea {width: 80%;height: 60px;}
	.indexComment .form-label {font-size: 14px;}
	/* ---- indexMap ---- */
	.indexMap {margin: 10px 0;}
	/* ---- listArt ---- */
	.listArt {margin: 5px;}
	.listArt li .img-box {padding: 0 0 0 5px;height: 100px;}
	.listArt li .text-box {padding: 0 0 0 5px;height: 100px;}
	.listArt li .text-box h4 {font-size: 16px;line-height: 30px;margin: 5px 0;}
	.listArt li .text-box p {line-height: 25px;height: 50px;margin: 5px 0;text-indent: 0;}
	.listArt li .time-box {display: none;}
	.listArt li .time-box i {margin-top: 15px;}
	.listArt li .time-box em {margin-bottom: 15px;}
	/* ---- listImg ---- */
	.listImg li {width: calc(50% - 20px);margin: 10px;}
	.listImg li .img-box {height: 120px;}
	.listImg li .text-box h4 {font-size: 14px;}
	/* ---- listPaging ---- */
	.listPaging {margin: 10px 5px;padding: 0;}
	.listPaging li {margin: 5px;}
}
/* iPhone6/7/8/X */
@media (max-width: 375px) {
}
/* GalaxySIII GalaxyS5 小米2A */
@media (max-width: 360px) {
	.indexArt {margin: 5px;}
}
/* iPhone4/4s/5/5s/SE HTC G10 */
@media (max-width: 320px) {
	.listImg li .img-box {height: 100px;}
	.hotSale li .img-box {height: 100px;}
}