a{transition:.2s}
.listbox{width:80%;margin:0 auto;overflow: hidden;background: #FFF;box-shadow: 0 0 10px #ddd;}
.sitebox{width:80%;margin:0 auto;overflow: hidden}
.sitebox{margin-bottom: 20px;}
.sitebox p{display: flex;flex-wrap: wrap;justify-content: center;}
.sitebox a{background:#333;padding: 10px 20px;color: #FFF;text-decoration: none;border-left: 1px solid;margin: 2px 0;}
.sitebox a:hover{background:#bd0000}
.sitebox a.act{background:#bd0000}
.image-link {cursor: -webkit-zoom-in;cursor: -moz-zoom-in;cursor: zoom-in;}
.mfp-with-zoom .mfp-container,.mfp-with-zoom.mfp-bg {opacity: 0;-webkit-backface-visibility: hidden;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;	transition: all 0.3s ease-out;}
.mfp-with-zoom.mfp-ready .mfp-container {opacity: 1;}
.mfp-with-zoom.mfp-ready.mfp-bg {opacity: 0.8;}
.mfp-with-zoom.mfp-removing .mfp-container,.mfp-with-zoom.mfp-removing.mfp-bg {opacity: 0;}
.mfp-no-margins img.mfp-img {padding: 0;}
.mfp-no-margins .mfp-figure:after {top: 0;bottom: 0;}
.mfp-no-margins .mfp-container {padding: 0;}
.mfp-title {text-align: center;padding: 6px 0;}
.image-source-link {color: #DDD;}
body {-webkit-backface-visibility: hidden;margin:0;padding:0;}
.listbox a{color: #000;padding: 8px 12px;background: #ffffff;margin:6px;border-radius: 5px;text-decoration: none;box-shadow: 0 0 10px #d5d5d5;float:left;font-size: 16px;}
.listbox a:hover{background: #000;color: #FFF;}
.list{overflow: hidden;padding: 20px;display: flex;flex-wrap: wrap;justify-content: space-between;}
img {width: 100%;}
.header-b {height: 80px;color:#FFF;background:#333;margin-bottom: 20px;line-height: 80px;}
.header{width: 80%;margin: 0 auto;text-align: center;}
.header a{font-size: 21px;text-decoration: none;color: #fff}
.header span{padding-left: 15px;}
.applist{width: 80%;margin: 0 auto;overflow: hidden;margin-bottom: 20px}
.applist ul{float: left;text-align: left;padding: 0;margin: 0;}
.applist ul li{float: left;list-style: none;padding-right: 10px;line-height: 26px;font-size:14PX;font-family:microsoft yahei}
.applist ul li a{color: #000;}
.temo{text-align: center;font-size: 16px;color: #000;margin: 30px auto;}
.headerr{float:right;height: 80px;line-height: 80px;margin-right: 20px;}
@media (min-width: 992px) and (max-width: 1300px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (max-width: 767px) {
	.listbox,.applist,.header,.sitebox{width:100%}
	.list{padding:20px 8px}
	.headerr{display:none;}
	.header a{font-size:16px;}
	.header span{font-size:14px;}
}