@charset "gb2312";
/* CSS Document */
body {background:#111;height:100%;width:100%;padding:2% 0;}
a {color:#f00;text-decoration:none;}
#content {width:1276px;margin:0 auto;}
#mfbanner {display:none;}
#flipbook {}
#flipbook, .backward, .forward {float:left;}
#flipbook div {text-align:center;line-height:500px;}
#flipbook div img {width:576px;height:782px;}
.backward, .forward{width:62px;height:42px;margin:370px 0 0 0;}
#content p {color:#666;font-size:12px;line-height:58px;clear:both;text-align:center;}
#content p a {color:#999;border:1px solid #444;padding:2px 6px;border-radius:3px;font-weight:bold;margin:0 10px;}
#content p a:hover {color:#f00;border:1px solid #f00;background:#000;}

@media (max-width: 760px) {
	#content {display:none;}
	#mfbanner {display:block;}
	.mfbanner {height:100%;overflow:hidden;position:relative;margin:0 auto;width:92%;}
	.mfbanner .slides li {-moz-flex-grow:0;-webkit-flex-grow:0;-ms-flex-grow:0;flex-grow:0;-moz-flex-shrink:0;-webkit-flex-shrink:0;-ms-flex-shrink:0;flex-shrink:0;height:100%;!important}
	.mfbanner .slides li img {width:100%;height:100%;background:#ededed;background-size:40%;-moz-object-fit:cover;-webkit-object-fit:cover;-ms-object-fit:cover;object-fit:cover;-moz-object-position:center;-webkit-object-position:center;-ms-object-position:center;object-position:center}
	.mfbanner img {width:100%;display:block}
	.mfbanner .flex-control-paging {position:absolute;left:0;right:0;bottom:-1em;z-index:1;text-align:center}
	.mfbanner .flex-control-paging li {display:inline-block;margin:2px;background:#fff;border-radius:50%;cursor:pointer;}
	.mfbanner .flex-control-paging a {display:block;width:5px;height:5px;overflow:hidden;}
	.mfbanner .flex-control-paging a.flex-active {cursor:pointer;}
}