@charset "utf-8";

/* --- 色彩 --- */
.c1{color:#000;}
.c2{color:#fff;}
.c3{color:#008000;}
.c4{color:#800000;}
.c5{color:#808000;}
.c6{color:#000080;}
.c7{color:#800080;}
.c8{color:#808080;}
.c9{color:#ff0;}
.c10{color:#0f0;}
.c11{color:#0ff;}
.c12{color:#f0f;}
.c13{color:#f00;}
.c14{color:#00f;}
.c15{color:#008080;}

.bg1{background-color:#000;}
.bg2{background-color:#fff;}
.bg3{background-color:#008000;}
.bg4{background-color:#800000;}
.bg5{background-color:#808000;}
.bg6{background-color:#000080;}
.bg7{background-color:#800080;}
.bg8{background-color:#808080;}
.bg9{background-color:#ff0;}
.bg10{background-color:#0f0;}
.bg11{background-color:#0ff;}
.bg12{background-color:#f0f;}
.bg13{background-color:#f00;}
.bg14{background-color:#00f;}
.bg15{background-color:#008080;}

.b{font-weight:bold;}



/* --- 字体样式 --- */
@font-face{
    font-family:eng;
    src:url(../images/CenturyGothic.TTF);
    src:url(../images/CenturyGothic.eot)\9; 
}


/* --- 公用样式 --- */
p,span{line-height:100%;}
.clear{clear:both;}
span{display:block;}
a:hover{color:#0066FF;}



@media screen and (min-width:1200px)  and  (max-width:2600px)  {

/* --- 公用样式 --- */
html{background:url(../images/banner.jpg) no-repeat center top #F6EFE7;}
.pc{display:block;}
.wap{display:none;}
.left{float:left;}
.right{float:right;}
.img{ transition:all .6s ease; overflow:hidden;}
.img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.wrap{max-width:1200px; margin:0 auto;}


/* --- 头部 --- */
.header{background:#333; background-color:rgba(51,51,51,0.8); height:100px; position:absolute; width:100%;}

/* logo */
.logo {float:left; line-height:100px;}

/* 导航 */
.nav{float:right;}
.nav li{float:left; line-height:100px; font-size:18px; position:relative;}
.nav li a{color:#fff;  display:block; position:relative; width:135px; text-align:center; transition:all .3s;}
.nav li a:hover,.nav li a.now{background:url(../images/nav-hover-back.png) no-repeat center top;}
.nav li a:hover{ color:#FFD733;}


/* --- banner --- */
.banner{overflow:hidden;} 
.banner .introduce{margin-top:215px; margin-bottom:125px;}
.banner .introduce .pic{margin-bottom:35px;}
.banner .introduce .text{background:url(../images/down.png) no-repeat; width:380px; height:110px; padding-top:2px; position:relative; margin-left:-10px}
.banner .introduce .text p{line-height:45px; height:45px; padding-left:25px;}
.banner .introduce .text p em{color:#999;}
.banner .introduce .text a.down{position:absolute; right:10px; top:2px; width:91px; height:91px; text-align:center; display:block; text-align:center; font-size:28px; color:#755E00; padding:14px; line-height:110%;}



/* --- 栏目 --- */
.column{ height:60px; line-height:60px; padding-left:20px; border-bottom:1px solid #333;}
.column h2{line-height:60px; font-size:18px; color:#E8E9F0;}
.column a{color:#fff;}
.column a:hover{ color:#FFD733;}

.column-01{background:url(../images/column-back-01.png) no-repeat;}
.column-02{background:url(../images/column-back-02.png) no-repeat;}
.column-03{background:url(../images/column-back-04.png) no-repeat;}
.column-04{background:url(../images/column-back-05.png) no-repeat;}


/* --- 框架 --- */
.home{overflow:hidden; margin-bottom:-150px; position:relative; z-index:200;}
.left-box{float:left; width:320px;}
.right-box{float:right; width:850px;}



/* --- 服务器状态 --- */
.state{margin-bottom:25px;}
.state .box{background:#fff; padding:10px 20px; box-shadow: 0px 10px 20px #D7CFC6;}
.state .box p{line-height:200%; color:#999;}



/* --- 游戏截图 --- */
.screenshot .bd{background:#fff; padding:20px; box-shadow: 0px 10px 20px #D7CFC6; position:relative; cursor:pointer; margin-bottom:25px;}
.screenshot .bd .prev{position:absolute; left:20px; top:40%;}
.screenshot .bd .next{position:absolute; right:20px; top:40%;}



/* --- 操作 --- */
.operation{background:#fff; padding:20px; padding-bottom:0; overflow:hidden;  box-shadow: 0px 10px 20px #D7CFC6; margin-bottom:25px;}
.operation li{position:relative; margin-bottom:20px;}
.operation li .text{position:absolute; left:20px; transition:all .3s;}
.operation li .text h3{color:#fff; font-size:24px; margin-bottom:5px; margin-top:20px; transition:all .3s;}
.operation li .text p{color:#fff; font-size:14px; font-family:eng; color:#ccc; text-transform:uppercase;}
.operation li:hover .text{left:30px;}
.operation li:hover .text h3{color:#FFD733;}


.music{background:#fff;  box-shadow: 0px 10px 20px #D7CFC6; padding:5px;}


/* --- 新闻 --- */
.news{ }

/* 切换 */
.news .hd {background:url(../images/column-back-03.png) no-repeat; height:60px; line-height:60px; border-bottom:1px solid #333;}
.news .hd ul li{float:left; width:33.333%; width:115px; text-align:center; cursor:pointer; color:#fff;}
.news .hd ul li.on{background:#fff; color:#333;}

/* 内容 */
.news-list {background:#fff; padding:20px;   box-shadow: 0px 10px 20px #D7CFC6; margin-bottom:25px;}
.news-list li{position:relative; line-height:250%; font-size:14px; color:#999;}
.news-list li em a{color:#999;}
.news-list li .date{position:absolute; right:0; top:15px; color:#999;}



/* --- 服务 --- */
.service .box{background:#fff; padding:0 20px;  box-shadow: 0px 10px 20px #D7CFC6;}
.service .box li{border-bottom:1px solid #efefef; padding-top:20px; padding-bottom:20px; font-size:14px;}
.service .box li.qq a{display:inline-block; margin-right:40px; background:url(../images/qq.png) no-repeat 0 center; padding-left:30px;}
.service .box li p{display:inline-block; margin-right:40px; color:#333;}



/* --- 底部 --- */
.footer{background:url(../images/footer.jpg) no-repeat center bottom; text-align:center; font-size:14px; height:529px; overflow:hidden;}
.footer .wrap{margin-top:250px;}
.footer .wrap p{line-height:200%;} 



/* --- 人物 --- */
.character {}
.character .left{position:absolute; left:5%; top:70%;}
.character .right{position:absolute; right:5%; top:70%;}



/* --- 文章列表 --- */
.article-list{background:#fff;   box-shadow: 0px 10px 20px #D7CFC6; overflow:hidden; margin-bottom:25px;}
.article-list .list {}
.article-list .list li{ position:relative; border-bottom:1px dashed #efefef; line-height:60px; padding-left:40px; transition:all .3s;}
.article-list .list li .date{position:absolute; right:20px; top:0;  line-height:60px; color:#999;}
.article-list .list li:before{content:""; width:4px; height:4px; background:#ccc; border-radius:100%; position:absolute; left:20px; top:30px;}
.article-list .list li:hover{background:#f5f5f5;}


/* --- 分页 --- */
.showpage{text-align:center;  margin-bottom:50px; margin-top:50px;}
.showpage a{display:inline-block; padding:5px 15px; border-radius:5px; border:1px solid #efefef; margin-left:5px; margin-right:5px;}
.showpage a:hover{background:#f5f5f5;}
.showpage em{padding:5px 15px; display:inline-block;}



/* --- 文章内容 --- */
.article-show{background:#fff;  box-shadow: 0px 10px 20px #D7CFC6;}
.article-show .title{border-bottom:1px solid #efefef; padding:40px 50px;}
.article-show .title h1{font-size:24px; text-align:center; margin-bottom:20px;}
.article-show .title .date{text-align:center; font-size:14px;}
.article-show .title .date em{margin-left:15px; margin-right:15px; color:#999;}

.article-show .content{padding:50px;}
.article-show .content p{margin-bottom:20px; line-height:200%;}

}