@charset "utf-8";
/* CSS Document */

body{color:#555;background:#fff;font:100% 'Century Gothic',"Microsoft YaHei",Georgia,Verdana,Osaka,'MS P Gothic';overflow:hidden }
a,a:visited,a:active{color:#555;text-decoration:none}
a:hover{color:#9ec8ba;text-decoration:none}
a:focus{outline:none}
.clear{clear:both}

@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../font/iconfont.woff') format('woff'),
  url('../font/iconfont.ttf') format('truetype'),
  url('../font/iconfont.svg#iconfont') format('svg');
}
.iconfont{
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.icon-unie61d:before { content: "\e60a"; }
.icon-aixin:before { content: "\e6d1"; }
.icon-dizhi:before { content: "\e6d7"; }
.icon-meizhuang:before { content: "\e606"; }
.icon-fan:before { content: "\e616"; }
.icon-iconinstagram:before { content: "\e602"; }
.icon-youjian:before { content: "\e652"; }
.icon-icon:before { content: "\e604"; }


.bg{background:url(//img.fueis.com/bg.jpg) fixed center no-repeat;width:800px;height:600px;margin:0 auto}
#main{line-height:180%;width:85%;height:80%;top:5%;margin:0 auto;padding:30px;background:rgba(255,255,255,0.5) none repeat scroll !important;filter:alpha(opacity = 50);position:relative;overflow:auto}
.name{width:100%;text-align:center;font-size:30px;font-weight:900}
.name span{font-size:10px;font-weight:300;padding-top:30px;display:block}
.name span b{font-weight:900}
.name span a,.name span a:visited{color:#555;margin-right:.5rem;text-decoration:none;font-size:10px}
.name span a:hover{color:#9ec8ba;text-decoration:none}

.menu{width:100%;text-align:center}
.menu ul{margin:10px 0 0 0;padding:0}
.menu ul li{list-style-type:none;display:inline;margin-right:15px}
.menu ul li a,.menu ul li a:visited{color:#888;text-decoration:none;border:1px #888 solid;border-radius:10px;padding:5px 10px}
.menu ul li a:hover{color:#fff;background:#9ec8ba;border:1px #9ec8ba solid;border-radius:10px;text-decoration:none}

.text{width:100%;margin-top:50px;border-top:#888 3px double;padding-top:50px}
.text h1{font-size:1rem;font-weight:500;text-align:center;line-height:1.3rem}
.text p{font-size:.8rem;text-indent:1.6rem}
.text hr{border-top:#888 1px dashed;border-width:1px 0 0 0;margin: 25px 0 25px 0}

.footer{width:100%;font-size:10px;text-align:center;margin:50px 0;border-top:#888 1px dashed;padding-top:50px}

@media screen and (max-width:800px) {
body{ overflow-y:auto}
.bg{width:100%;height:100%}
#main{ width:100%;height:auto;top:0;padding:15px;overflow:auto}
.menu{ width:80%;margin:0 auto}
.text{width:95%}
.footer{width:95%}
}

@media screen and (max-width:600px) {
.bg{width:100%;height:100%}
.menu ul li{display:block;margin:0 0 5px 0}
.menu ul li a,.menu ul li a:visited{font-size:1rem;border-radius:7px;padding:3px 7px}
.footer{margin:30px 0;padding-top:30px}
}