@charset "utf-8";
/* CSS Document */
* { padding: 0; margin: 0; }
body { background: #fff; min-height: 600px; font-family:微软雅黑; }
li { list-style:none }
.c { clear:both; }
a:link { text-decoration:none; color:#666; font-family:微软雅黑; }
h1, h2, h3, h4, h5, h6 { font-size: 16px; font-weight: normal; }
img{ border: none}


/* top */
.menu { position:absolute; top:37px; z-index:9999; left:50%; width:956px; margin-left:-510px; padding-left:64px; }
.menu .logo { float:left; width:350px; }
.menu .logo img { float:left; }
.menu .logo div { float:left; padding-left:10px; font-family:微软雅黑; color:#000; }
.menu .logo .p1 { font-size:20px; }
.menu .logo .p2 { font-size:8px; }
.menu ul { width:500px; padding-left:8px; float:left; }
.menu ul li { float:left; width:52px; margin:0 15px; height:40px; line-height:40px; }
.menu ul li a { width:52px; height:40px; display: block; text-align:center; color:#000; }
.menu ul li.curr a { color:#8467b6; background:url(../images/menu_li_a_bg.png) repeat-x left bottom; }
.menu ul li a:hover { color:#8467b6; }


/* 轮播 */
#wrapper { width: 100%; min-width: 900px; height: 584px; }
#carousel div { height: 584px; float: left; }
#carousel img { min-width: 100%; height: 584px; }
#pager { text-align: center; width: 252px; height: 20px; padding-top: 2px; position: absolute; top: 535px; left: 50%; margin-left:-126px; }
#pager a.selected span { background: #8467b6; height:20px;}
#pager a { display: inline-block; padding:0 5px; }
#pager span { background: #e89f9f; text-indent: -100px; line-height: 0; display: inline-block; width: 53px; height: 10px; overflow: hidden; }
#donate-spacer { height: 100%; }
#donate { border-top: 1px solid #999; width: 750px; padding: 50px 75px; margin: 0 auto; overflow: hidden; }
#donate p, #donate form { margin: 0; float: left; }
#donate p { width: 650px; color: #999; }
#donate form { width: 100px; }


/* main */
.main { width:1022px; margin:0 auto; }
.main .myservers { padding-top:35px; padding-bottom:60px; }
.main .myservers p { padding:26px 0; line-height:32px; font-size:14px; color:#666; }
.main .myservers .fanbox li { float:left; display:inline; text-align:center; padding-top:156px; height:81px; color:#000; font-size:18px; cursor:pointer; }
.main .myservers .fanbox .fan01 { width:244px; background:url(../images/a01.jpg) no-repeat; margin-right:14px; }
.main .myservers .fanbox .fan02 { width:245px; background:url(../images/a02.jpg) no-repeat; margin-right:14px; }
.main .myservers .fanbox .fan03 { width:246px; background:url(../images/a03.jpg) no-repeat; margin-right:15px; }
.main .myservers .fanbox .fan04 { width:244px; background:url(../images/a04.jpg) no-repeat; }
.main .myodds p { padding:26px 0; line-height:32px; font-size:14px; color:#666; }

.main .myodds{ padding-bottom:35px;}
.main .myodds .odds li { float:left; display:inline; text-align:center; padding-top:110px; height:132px; color:#FFF; font-size:14px; cursor:pointer; line-height:28px; }
.main .myodds .odds .b01 { width:203px; background:url(../images/b01.jpg) no-repeat; }
.main .myodds .odds .b02 { width:205px; background:url(../images/b02.jpg) no-repeat; }
.main .myodds .odds .b03 { width:204px; background:url(../images/b03.jpg) no-repeat; }
.main .myodds .odds .b04 { width:205px; background:url(../images/b04.jpg) no-repeat; }
.main .myodds .odds .b05 { width:204px; background:url(../images/b05.jpg) no-repeat; }

.wmdys_b{ width:110%;height:auto; overflow:hidden; margin:0 auto;}
.section{width:100%;overflow:hidden;}
.section ul{width:100%;}
.section ul li{float:left;display:inline;height:232px;overflow:hidden;position:relative;}
.section ul li .photo{overflow:hidden; padding-top:30px; text-align:center;height:242px;}
.section ul li .b01 { background:url(../images/b01.png) no-repeat; width:220px; }
.section ul li .b02 { background:url(../images/b02.png) no-repeat; width:222px; }
.section ul li .b03 { background:url(../images/b03.png) no-repeat; width:220px; }
.section ul li .b04 { background:url(../images/b04.png) no-repeat; width:222px; }
.section ul li .b05 { background:#503877; width:204px; }
.section ul li .mbox01{ z-index:11; position:absolute}
.section ul li .mbox02{ z-index:10; position:absolute}
.section ul li .mbox03{ z-index:9; position:absolute}
.section ul li .mbox04{ z-index:8; position:absolute}
.section ul li .mbox05{ z-index:7; position:absolute}
.section ul li .photo img{ margin-bottom:16px;}
.section ul li .photo h1{ text-align:center; color:#fff; font-family:"Microsoft yahei"; font-size:18px; padding-bottom:5px;}
.section ul li .photo h2{ text-align:center; color:#fff; line-height:30px; font-size:13px;}
.section ul li .photo h2 span{ font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.section .rsp{width:100%;height:280px;overflow:hidden;position: absolute;top:0px;left:0px;}
.section .b01-f{background:url(../images/b01-f.png) no-repeat;}
.section .b02-f{background:url(../images/b02-f.png) no-repeat;}
.section .b03-f{background:url(../images/b03-f.png) no-repeat;}
.section .b04-f{background:url(../images/b04-f.png) no-repeat;}
.section .b05-f{background:#828181;}
.section .text{position:absolute;width:100%;height:250px;left:-100%;top:0px;overflow:hidden; padding-top:30px; text-align:center;}
.section .text img{ margin-bottom:16px;}
.section .text h1{ text-align:center; color:#000; font-family:"Microsoft yahei"; font-size:18px; padding-bottom:5px;}
.section .text h2{ text-align:center; color:#000; line-height:30px; font-size:13px;}
.section .text h2 span{ font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}

/* case */
.case{ background:#f7f6f6; padding:36px 0;}
.case .scrollbox{ width:1022px; margin:0 auto; overflow:hidden}
.case .scrollbox .ScrCont {width: 32766px;zoom: 1;}
.case .btn-s{width:1022px; margin:0 auto; margin-bottom:36px; position:relative;}
.case .btn-s .LeftBotton{ width:33px; height:33px; display:block; position:absolute; background:url(../images/sprite_02.png) no-repeat 0 -34px; right:43px; top:8px;}
.case .btn-s a.LeftBotton:hover{background:url(../images/sprite_02.png) no-repeat 0 0;}
.case .btn-s .RightBotton{ width:33px; height:33px; display:block; position:absolute; background:url(../images/sprite_02.png) no-repeat -34px -34px; right:0px; top:8px;}
.case .btn-s .RightBotton:hover{ background:url(../images/sprite_02.png) no-repeat -34px 0;}
.case #List1_1,#List2_1 {float: left;}
.case #List1_1 .list,#List2_1 .list{ width:322px; border:1px solid #ccc; height:322px; float:left; margin-right:25px; display:inline; overflow:hidden; position:relative}
.case #List1_1 .list .list_top,#List2_1 .list .list_top{ width:322px; position:relative;height: 161px;overflow: hidden;zoom: 1;}
.case #List1_1 .list .list_top a,#List2_1 .list .list_top a{display: block;width: 644px;height: 161px;overflow: hidden;position: absolute;left: 0;top: 0;}
.case #List1_1 .list img,#List2_1 .list img{ float:left; width:322px; height:161px}
.case #List1_1 .list h2,#List2_1 .list h2{ height:42px; line-height:42px;border-bottom: 1px solid #eeeeee; padding-left:14px;font-size:16px;color:#000;}
.case #List1_1 .list p,#List2_1 .list p{color:#656565;line-height:24px;padding:12px 14px 0 14px; font-size:12px;}
.case #List1_1 .list .more,#List2_1 .list .more{color:#656565;position:absolute;right:15px;bottom:20px; font-size:12px;}
.case #List1_1 .list .more:hover,#List2_1 .list .more:hover{color:#c7251e;}

/* foter */
.g-ft { width: 100%; height: 316px; background: #3e2253; }
.f-prz { position: relative; zoom: 1; }
.g-ft .g-mn { padding-top: 56px; }
.g-mn { width: 1022px; height: auto; margin: 0 auto; text-align: left; }
.f-ib { display: inline-block; vertical-align: top; font-size: 12px; letter-spacing: normal; }
.g-ft .progre { width: 120px; height: 190px; border-right: 1px solid #666666; margin-right: 50px; }
.g-ft .progre h6 { font-size: 14px; color: #9b78e3; padding-bottom: 16px; }
.g-ft .progre a { display: block; color: #c3c3c3; padding-bottom: 10px; }
.f-lay { font-size: 0; letter-spacing: -8px; text-align: left; }
.sprite {background: url(../images/sprite.png) no-repeat;}
.g-ft .conta .icon1 {width: 23px;height: 19px;background-position: 0 0; margin-top: 6px; }
.g-ft .conta .icon2 {width: 20px;height: 15px;background-position: -24px 0;margin-top: 8px;overflow: hidden;}
.g-ft .conta .icon3 {width: 17px;height: 17px;background-position: -45px 0;margin-top: 8px;overflow: hidden;}
.g-ft .conta .icon4 {width: 17px;height: 17px;background-position: -63px 0;margin-top: 6px;overflow: hidden;
}
.g-ft .conta p { font-size: 14px; color: #bfbfbf; line-height: 30px; width: 269px; margin-left: 12px; }
.g-ft .cprt { width: 100%; height: 50px; line-height: 50px; left: 0; bottom: 0; border-top: 1px solid #373737; color: #b6b6b6; font-size:12px;}
.f-pra { position: absolute; }
.g-ft .cprt .g-mn { padding-top: 0; height: 50px; }
.g-ft .cprt .ft { left: 0; top: 0; }
.g-ft .cprt .fr { right: 0; top: 0; }

.goTop{ display:block; width:50px; height:50px; text-indent:50px; overflow:hidden; background:url(/images/goTopBg.png) no-repeat; position:fixed; right:50%;  margin-right:-585px; bottom:10px;cursor:pointer;}
.f-pra a{display:none;}