a:visited{text-decoration:none;}
a:active{text-decoration:none;}
a:link{text-decoration:none;}
a:hover{text-decoration:none;}
html { height:100%; }
body { height:100%; margin:0 auto; background:url(../img/bg.jpg) no-repeat bottom center; background-attachment:fixed; text-align:center; display:flex; flex-flow:column; }
a img { border:0; }
* { margin:0; padding:0; }
li { list-style:none; }
input,button,select,textarea { outline:none; }

.ffr { display:flex; flex-flow:row; }
.ffc { display:flex; flex-flow:column; }

@font-face{
	font-family:'MenkGarqag';
	font-style:normal;
	font-weight:normal;
	src:url('MenkGarqag.eot');
	src:url('MenkGarqag.eot?#iefix') format('embedded-opentype'),
	url('MenkGarqag.woff') format('woff'),
	url('MenkGarqag.ttf') format('truetype');
}

.box { max-width:1200px; width:100%; flex:1; margin:0 auto; position:relative; }

.top { flex:1; }
.logo { width:220px; height:220px; background:url(../img/logo.png) no-repeat center center; background-size:auto 100%; margin:100px auto 70px auto; border-radius:6px; }

.img_box { height:auto; margin-top:30px; overflow: hidden; position:relative; display:flex; }
.img_box li { flex:1; height:auto; margin-right:30px; }
.img_box li:last-child {  margin-right:0px; }


.zd_box { width:100%; height:100%; background:rgba(255,255,255,0.6); border-radius:5px; color:#333; display:flex; justify-content: center; text-align:center; padding:30px 0; box-sizing:border-box; }
.zd_box:hover { background:rgba(0,0,0,0.3); color:#fff; }
.cn { font-weight:bold; font-size:18px; letter-spacing:5px; margin-top:16px; }
.mgl { display:flex; }
.mgl p { margin:auto; text-align:left; font-family:MenkGarqag; font-size:20px; writing-mode:tb-lr;-webkit-writing-mode:vertical-lr; -webkit-text-orientation: sideways-right;-o-writing-mode: vertical-lr; moz-writing-mode:vertical-lr; font:normal; line-height:170%; }


.bottom { width:100%; background:#222; }
.bottom ul { max-width:1200px; width:100%; flex:1; margin:0 auto; font-size:14px; color:#fff; text-align:center; line-height:190%; padding:15px 0; box-sizing:border-box; font-family:"宋体"; position:relative; }
.bottom ul li { position:absolute; right:0; top:15px; }
.bottom ul a { color:#fff; }
.bottom ul a:hover { color:#ff0000; }

.xcx { position:absolute; top:0; left:0; background:#fff; width:150px; height:150px; padding:8px; box-sizing:border-box; border-radius:0 0 6px 6px; }
.xcx_img { width:100%; height:100%; background:url(../img/xcx.jpg) no-repeat; background-size:auto 100%; }