* {margin:0; padding:0; font:normal normal 12px/1.5em "Arial"; border:0;list-style:none;text-decoration:none; }
.clear {clear:both; }
 #header {width: 1024px;height: 458px;background:url("../img/header.jpg") no-repeat ; margin:0 auto;   }
 #header a {width: 62px;height: 62px;display:block;position:relative;  }
 .menu-1{ left:218px;top:48px;}
 .menu-2{left:306px;}
 .menu-3{left:396px;top:-60px}
 .menu-4{left:480px;top:-110px}
 .menu-5{left:555px;top:-190px}
 .menu-6{left:645px;top:-250px}
 .menu-7{left:735px;top:-320px}
 .menu-8{left:815px;top:-370px}
 .menu-9{left:900px;top:-435px}

 #index-top {width: 950px;height: 287px;background:url("../img/index-top.jpg") no-repeat ;margin:0 auto;    }
 #index-top li {position:relative; width: 20%; }
 .index-top-1{left:20px;top:155px}
 .index-top-2{left:260px;top:30px}
 .index-top-3{left:500px;top:-95px}
 .index-top-4{left:740px;top:-225px}

 #index-news{width: 950px;height: 272px;background:url("../img/index-news.jpg") no-repeat ; margin:5px auto;   }
 #index-news img {position:relative; left:32px;top:50px;}
 #index-news p{width: 325px; position:relative; left:300px;top:-140px;line-height:20px; }
 #index-news ul{position:relative; left:655px;top:-340px;width: 286px; }
 #index-news ul li {margin:5px auto;background:url("../img/doc.jpg") no-repeat ; padding-left:20px ; }
 .more {position:relative;left:880px;width: 100px;top:-340px }

 #index-cartoon {width: 948px;height: 107px;background:url("../img/index-cartoon.jpg") no-repeat ; margin:5px auto;   }
 #index-cartoon-main {width: 964px; margin:0 auto; }
 #index-cartoon-main h1{padding:8px;font:normal bold 16px/1.5em "Arial";  }
 .cartoon img.thumb{width: 111px;float:left; margin:0 10px;  }
 .cartoon img.play{margin-left:200px;margin-top:10px; }
 .cartoon p {margin-top:20px;width: 320px; }
 .cartoon {float:left; }
  .comic {float:right; }
 .cartoon li ,.comic li{background:url("../img/box.jpg") no-repeat ;width: 470px;height: 199px; margin:5px ;   }

 .comic img {width: 200px; border:1px solid #EFDCE0;margin:5px 5px 0 15px; }

 .cartoon-more{clear:both; margin-top:20px;margin-left:75%;}

 #index-w-f {clear:both; width: 955px;margin:30px auto;  }
 #index-wallpaper{width: 641px;height: 197px;background:url("../img/index-wallpaper.jpg") no-repeat ;  float:left; margin-right:5px; }
 #index-face {width: 301px;height: 197px;background:url("../img/index-face.jpg") no-repeat ;  float:right;  }

#wallpaper-wape {width: 610px;margin:54px auto;  }
#index-face img {width: 73px; }
#index-face ul {margin-top:50px;}
#index-face li {float:left;border:1px solid #F4E4E5; }

#pro-top {clear:both; width: 953px;height: 75px;background:url("../img/index-products.jpg") no-repeat ;margin:50px auto 0;    }
#index-pro ul {width: 953px;margin:0 auto;  }
#index-pro li{width: 231px;height: 169px;background:url("../img/pro-box.jpg") no-repeat ; float:left;  text-align:center; margin:0 3px;  }
#index-pro li img {height: 128px; ; margin:0 auto; }
#index-pro li h1{padding:8px;font:normal bold 16px/1.5em "Arial";  }

#footer {width: 367px;margin:40px auto;  text-align:center;clear:both;  }


/* editor */
#editor-top {width: 954px;height: 107px;background:url("../img/intro-top.jpg") no-repeat ;margin:0 auto;    }
#editor-main {width: 700px;padding:20px;margin:80px auto; text-indent:2em;  }
.back {margin-left:80%;margin-top:50px;}

/* intro */
#intro-top {width: 952px;height: 114px;background:url("../img/introduction-top.jpg") no-repeat ; margin:0 auto;   }
#intro-main {width: 952px;margin:0 AUTO;  }
#intro-main h1 {font:normal bold 16px/1.5em "Arial";color:red; height: 32px;line-height:32px; background:#FEFCFC;border:1px solid #E8CACC;width: 345px; text-align:center;     }
.intro-content {width: 952px;background:#F9EFF0;border:1px solid #EED7D9;text-align:center;padding:20px; }
#intro-main img {width: 300px; }
.intro-content p {float:left;  display:inline; margin:0 30px; }
.intro-p {width: 524px;margin:0 auto;  }

/* news */
#news-top{width: 953px;height: 127px;background:url("../img/news-top.jpg") no-repeat ; margin:0 auto;   }
#news-main {width: 953px;margin:0 auto;  }
#news-content {width: 650px;background:#F6E6E9;float:left; margin:0 auto;   }
#news-content h1 {font:normal bold 16px/1.5em "Arial";text-align:center; line-height:16px;padding:10px 0 ;   }
#news-p {width: 620px; margin:0 auto;padding-bottom:40px;  }
#news-p p {line-height:2em;text-indent:2em;}

#news-list {float:right; background:#F6E6E9;width: 300px;padding-bottom:20px;   }
#news-list li {background:url("../img/doc.jpg") no-repeat ; padding-left:20px;margin-top:15px;margin-left:5px; }
#news-list h1 {font:normal bold 16px/1.5em "Arial";text-align:center; line-height:16px;padding:10px 0 ; color:red; border-bottom:2px dotted #CC959A; }

/* pro */
#pro-top{width: 961px;height: 86px;background:url("../img/pro-top.jpg") no-repeat ; margin:0 auto;   }
#pro-main ul {width: 1000px;margin:0 auto;  }
#pro-main ul li {float:left; display:inline; }
#pro-main ul li a{color:black;margin:5px; font:normal bold 16px/1.5em "Arial"; display:block;float:left; width: 230px;height: 30px;line-height:30px; text-align:center;   border:2px solid #E8CACC;}
#pro-list {width: 980px;margin:20px auto;  }
#pro-list img {margin:20px auto; }
.pro-back {margin-left:90%;}

/* cartoon */
#cartoon-top{width: 1005px;height: 114px;background:url("../img/cartoon-top.jpg") no-repeat ; margin:0 auto;  }
#cartoon-main{width: 1015px;margin:0 auto;  }
#cartoon-play{height: 552px; width: 524px;float:left; background:#F9EFF0;border:2px solid #E8CACC; display:hidden; overflow:hidden; }
#cartoon-play h1{ font:normal bold 16px/1.5em "微软雅黑"; line-height:30px;height: 30px;text-align:center;background:#FEFDFD;
border-bottom:2px solid #EED7D9;
  }
#cartoon-play p{margin:20px auto; width: 500px;display:hidden; }
p.cartoon-p {text-indent:2em}
#cartoon-list{width: 481px;float:right;  }
.cartoon-box{width: 207px;background:#F9EFF0;border:2px solid #E8CACC;float:left; margin-right:10px;text-align:center; margin-bottom:10px;   }
.cartoon-box h1{font:normal bold 16px/1.5em "微软雅黑"; line-height:30px;height: 30px;text-align:center;background:#FEFDFD;
border-bottom:2px solid #EED7D9;}
.cartoon-box img {margin:10px auto; }

/* wallpaper */
#wallpaper-top{width: 969px;height: 113px;background:url("../img/wallpaper-top.jpg") no-repeat ; margin:0 auto;   }
#wallpaper-main{width: 1030px;margin:0 auto;  }
#wallpaper-play{margin-right:5px;width: 670px;background:#F9EFF0;border:2px solid #EED7D9;text-align:center;float:left; display:inline;   }
#wallpaper-main h1 { font:normal bold 16px/1.5em "微软雅黑"; line-height:30px;height: 30px;text-align:center;background:#FEFDFD;
border-bottom:2px solid #EED7D9;
  }
#wallpaper-play img {margin:20px auto; }
#wallpaper-list{width: 345px; background:#F9EFF0;border:2px solid #EED7D9;text-align:center;float:right;  display:inline; }
#wallpaper-list li {float:left; display:inline; }
#wallpaper-list img {margin:10px;width: 95px;  }

/* face */
#face-top{width: 956px;height: 87px;background:url("../img/face-top.jpg") no-repeat ; margin:0 auto;   }
#face-main {width: 1000px;margin:10px auto;background:#F6E8EA;   }
#face-main img {margin:5px; }

/* comic */
#comic-top{width: 969px;height:114px;background:url("../img/comic-top.jpg") no-repeat ;margin:0 auto;    }
#comic-main{width: 990px;margin:0 auto;  }
#comic-play {width: 672px;float:left; display:inline; background:#F9EFF0;border:2px solid #EED7D9;text-align:center; }
#comic-play h1{ font:normal bold 16px/1.5em "微软雅黑"; line-height:30px;height: 30px;text-align:center;background:#FEFDFD;
border-bottom:2px solid #EED7D9;}
#comic-play img {margin:10px auto; }
#comic-list {width: 300px;float:right; display:inline; background:#F9EFF0;border:2px solid #EED7D9; }
#comic-list h1{font:normal bold 16px/1.5em "微软雅黑"; line-height:30px;height: 30px;text-align:center;background:#FEFDFD;
border-bottom:2px solid #EED7D9;}
#comic-list li {margin:10px;background:url("../img/doc.jpg") no-repeat ;padding-left:20px;   }