﻿/****************************************** 
Web Layout:Tang.Binbin - tangbinbin@wanmei.com
******************************************/
@import url(../css/../css/../css/../css/../css/../css/wm.css);

body{margin:0px;padding:0px;background:#f8f8f8;font-size:12px; line-height:14px;font-family:"����"}
img{border:0px}
a{text-decoration:none;color:#343535}
a:hover{text-decoration:underline}
a {blr:expression(this.onFocus=this.blur());outline:none}
.clr{clear:both}
.pointer{cursor:pointer}
.none{display:none}
.relative {position:relative}
textarea{resize:none}



#wrap{width:100%;clear:both}
.bg1{background:url(../images/bg1.jpg) no-repeat center 0}
.bg2{background:url(../images/bg2.jpg) no-repeat center 0}
.bg3{background:url(../images/bg3.jpg) no-repeat center 0}
.bg4{background:url(../images/bg4.jpg) no-repeat center 0}
.bg{width:100%;clear:both;background:url(../images/bg_bottom.jpg) no-repeat center bottom;padding-bottom:115px}
#bottom{width:100%;clear:both;background:#141414}
#header ,.main ,.bottom{width:1002px; margin:0px auto;clear:both;position:relative}
#header img {float:left}
#header div img {float:none}
.headh{height:290px}
.pt36{padding-top:36px}
.pt20{padding-top:20px}
.ph20{padding:20px 0}
.pb4{padding-bottom:4px}
.bottom iframe{width:1002px;height:135px;margin:0 auto}
.left{width:784px;padding-right:26px;float:left}
.right{width:192px;float:left}
a.abtn{display:block;position:absolute;z-index:2;background:url(../images/btn.gif) no-repeat;text-indent:-9999em}
a.abtn1{width:149px;height:39px;top:332px;left:1px;background-position:0 0}
a.abtn1:hover{background-position:-149px 0}
a.abtn2{width:149px;height:39px;top:332px;left:157px;background-position:0 -39px}
a.abtn2:hover{background-position:-149px -39px}
a.abtn3{width:205px;height:92px;top:378px;left:402px;background-position:0 -78px}
a.abtn3:hover{background-position:0px -170px}
a.abtn4{width:132px;height:61px;top:475px;left:402px;background-position:0 -262px}
a.abtn4:hover{background-position:-132px -262px}
a.abtn5{width:132px;height:61px;top:541px;left:402px;background-position:0 -323px}
a.abtn5:hover{background-position:-132px -323px}
a.abtn6{width:69px;height:127px;top:475px;left:538px;background-position:-205px -78px}
a.abtn6:hover{background-position:-274px -78px}

	  
/*  mode  */
.title{height:36px;border-bottom:1px solid #dbdbdb}
  .title img{float:left}
  .title_right{padding-top:10px;line-height:24px;color:#000;float:right}
    .title_right a{color:#000}
	  .title_right span ,.title_right span a{color:#727272}
      .sizeZoom{padding-right:20px}
.page{padding-top:10px;text-align:center;height:20px;line-height:16px;color:#221d19;clear:both}
  .page a{color:#221d19}

/*  mode right  */
#muen{padding-top:12px}
  #muen dl{padding-bottom:3px}
    #muen dt{height:30px;cursor:pointer}
      #muen dt a{display:block;height:30px;text-indent:-99999em;background:#151515 url(../images/muen.gif) no-repeat}
      #muen dt a.btn1{background-position:right 0}
      #muen dt a.btn2{background-position:right -30px}
      #muen dt a.btn3{background-position:right -60px}
      #muen dt a.btn4{background-position:right -90px}
      #muen dt a.btn5{background-position:right -120px}
      #muen dt a.btn6{background-position:right -150px}
      #muen dt a.btn7{background-position:right -180px}
      #muen dt.on a{background-color:#ff9c9f}
      #muen dt.on a.btn1{background-position:right -210px}
      #muen dt.on a.btn2{background-position:right -240px}
      #muen dt.on a.btn3{background-position:right -270px}
      #muen dt.on a.btn4{background-position:right -300px}
      #muen dt.on a.btn5{background-position:right -330px}
      #muen dt.on a.btn6{background-position:right -360px}
      #muen dt.on a.btn7{background-position:right -390px}
    #muen dd{padding:4px 10px 10px;background:#990409;line-height:20px;display:none}
      #muen dd a{display:inline-block;padding-right:4px;color:#efd5d5}
.details_nav a.btn{display:block;background:url(../images/right_btn.jpg) no-repeat;text-indent:-99999em}
.details_nav a.btn1{width:191px;height:128px;background-position:0 0}
.details_nav a.btn1:hover{background-position:-191px 0}
.details_nav a.btn2{width:94px;height:58px;background-position:0 -128px;margin-right:3px;float:left}
.details_nav a.btn2:hover{background-position:-94px -128px}
.details_nav a.btn3{width:94px;height:58px;background-position:-188px -128px;float:left}
.details_nav a.btn3:hover{background-position:-282px -128px}
.details_nav a.btn4{width:191px;height:62px;background-position:0px -186px}
.details_nav a.btn4:hover{background-position:-191px -186px}
.details_nav a.btn5{width:191px;height:62px;background-position:0px -248px}
.details_nav a.btn5:hover{background-position:-191px -248px}
.server_list li{padding:6px 4px;line-height:16px;color:#0f0f0f}
  .server_list li span{color:#900000}
.hover_btn{width:190px;height:118px;overflow:hidden;border:1px solid #e0e0e0;margin-bottom:5px}
  .hover_btn a{display:block;width:190px;height:118px;position:absolute;top:0;z-index:3;background:url(../css/.com/18/css/about:blank)}
  .hover_btn span{display:block;width:8px;height:8px;font-size:8px;line-height:8px;background:url(../images/li1.png) no-repeat;position:absolute;top:102px;left:10px;z-index:2}
.hover_bg1{width:334px;height:118px;background:url(../images/hover_g1.jpg) no-repeat left top;position:absolute;top:0;left:0;z-index:2}
.hover_bg2{width:334px;height:118px;background:url(../images/hover_g2.jpg) no-repeat left top;position:absolute;top:0;left:0;z-index:2}
.hover_bg3{width:334px;height:118px;background:url(../images/hover_h1.jpg) no-repeat left top;position:absolute;top:0;left:0;z-index:2}
.hover_bg4{width:334px;height:118px;background:url(../images/hover_h2.jpg) no-repeat left top;position:absolute;top:0;left:0;z-index:2}
.hover_bg5{width:334px;height:118px;background:url(../images/hover_h3.jpg) no-repeat left top;position:absolute;top:0;left:0;z-index:2}


/*  news  */
.news h1 ,.video h1{height:42px;line-height:26px;font-size:24px;font-weight:bold;font-family:"Microsoft YaHei",΢���ź�,����;color:#0f0f0f}
  .news h1 a ,.video h1 a{color:#0f0f0f}
  .news h1 span ,.video h1 span{float:right;font-size:16px;line-height:16px;padding-top:10px;color:#343535;font-weight:normal}
.news h3 {line-height:18px;color:#343535;padding-bottom:30px;border-bottom:1px solid #dbdbdb}
.video h3 {line-height:18px;color:#343535;padding-bottom:30px}
.news_detail{padding:18px 126px 18px 0;color:#343535}
  .news_detail a {color:#343535;text-decoration:underline}
  .news_bottom a{color:#343535}
  .news_detail h4{padding:18px 0}
    .news_detail h4 p{padding:0 0 0 18px;background:url(../images/li01.gif) no-repeat 1px center;line-height:18px;color:#343535;text-indent:0}
  .news_detail h2 ,.news_bottom h2 ,.info h2{padding:40px 42px 24px;line-height:25px;color:#0f0f0f;font-size:18px;background:url(../images/li02.gif) no-repeat 10px 40px;font-family:"Microsoft YaHei",΢���ź�,����}
  .news_detail p{line-height:1.5em;text-indent:2em;padding:10px 0}
  .news_detail table{margin:0 auto;border-collapse:collapse;border:0;}
    .news_detail table th{line-height:34px;padding:0 14px;border:1px solid #dbdbdb;background:#dbdbdb;font-size:14px;font-weight:bold}
    .news_detail table td{line-height:30px;padding:0 14px;border:1px solid #dbdbdb}3
.news_bottom{padding:10px 0}
  .news_bottom ul{height:70px;padding-bottom:20px}
    .news_bottom ul li{width:320px;padding-left:20px;background:url(../images/li01.gif) no-repeat 10px center;float:left;line-height:22px}
  .share{height:28px;padding:5px 10px 0;background:url(../images/share.gif) no-repeat}
	#copyButton{background:url(../images/copy.gif) no-repeat;float:left}
	.add{width:102px;height:24px;padding-left:6px;float:left}
	#share_line{width:206px;height:20px;float:right;color:#f8f8f8}
  .xiaoao{padding:26px 0}
    .xiaoao h5{height:24px;font-weight:bold;font-size:14px;color:#575b5b}
	.xiaoao p{line-height:18px;padding-right:194px;background:url(../images/logo.gif) no-repeat right center;text-indent:2em}
.news_nav{height:30px;background:#d8d8d8}
  .news_nav a{width:94px;height:30px;line-height:30px;color:#0f0f0f;display:block;font-weight:bold;text-align:center;float:left}
    .news_nav a.on ,.news_nav a:hover{background:#7b0f15;color:#fff}
.news_list{padding:20px 0}
  .news_list li{height:30px;line-height:30px}
  .news_list li.hov{padding-bottom:18px;border-bottom:1px solid #dbdbdb;margin-bottom:18px}
    .news_list li span{float:right}
	.news_list li a{color:#343535}
	.news_list li a:hover{color:#343535}
	
/*  wall  */
.wall li{width:246px;float:left;padding:0 7px 20px}
  .wall li .img{width:242px;height:144px;padding:1px;border:1px solid #aaa}
    .wall li .img img{width:242px;height:144px}
  .wall li p{padding:12px 0;text-align:center}
    .wall li p a{display:inline-block;padding:0 4px;line-height:20px;color:#747474}
	.wall li p a:hover{color:#890e14;text-decoration:underline}
	.wall li p span{display:inline-block;padding:0 6px 0 24px;line-height:20px;color:#999;background:url(../images/li03.gif) no-repeat 10px center}
.video_tab{width:320px;float:left;height:26px;padding-top:10px}
  .video_tab a{height:22px;line-height:22px;display:inline-block;color:#0f0f0f;padding:0 8px}
  .video_tab a:hover ,.video_tab a.on{background:#c90202;color:#fff;text-decoration:none}
	
/*  video  */
.video_top{height:310px}
.video_box{border:1px solid #d8d8d8;background:#fff;padding-bottom:32px}
  .video_nav{height:40px;background:#f3f3f3 url(../images/li05.gif) repeat-x 0 bottom}
    .video_nav a{display:block;width:132px;height:40px;line-height:40px;border-right:1px solid #d8d8d8;text-align:center;color:#868686;font-size:14px;float:left}
	.video_nav a.on ,.video_nav a:hover{font-weight:bold;color:#353535;background:#fff;text-decoration:none}
  .video_main{padding:36px 26px}
    .video_main li{width:154px;float:left;padding:0 13px 32px}
	  .video_main li .img{width:150px;height:110px;padding:1px;border:1px solid #aaa}
	    .video_main li .img img{width:150px;height:110px}
	  .video_main li p{line-height:18px;padding:8px 4px 0}
		.video_main li p a{color:#221d19}
	  .video_main li .btn{height:22px;padding-top:6px;text-align:center}
	    .video_main li .btn a{height:22px;display:inline-block;line-height:22px;padding:0 8px;background:#f3f3f3;color:#221d19;margin:0 6px}
		.video_main li .btn a:hover{background:#e2262d;color:#fff;text-decoration:none}
#tbox{width:700px;padding:10px;background:#000;border:1px solid #999;position:absolute;z-index:20001;display:none}
  #tbox p{height:20px; padding:0 10px;text-align:right}
    #tbox p a{color:#999}
  .tbox_video{height:370px}
		
/*  music  */
.music_top{padding:28px 316px 18px 0;padding-top:28px;background:url(../images/music.jpg) no-repeat right bottom}
  .music_top h2{height:34px;font-size:24px;line-height:26px;font-family:"Microsoft YaHei",΢���ź�,����;color:#000}
  .music_top p{line-height:18px}
.music_main{padding:10px 0}
  .music_main_tit{height:50px;font-size:14px}
  .music_main dt{height:40px;border-bottom:1px solid #dbdbdb;cursor:pointer;clear:both}
  .music_main dt.on{background:#f3f3f3}
    .music_main dt  h2 ,.music_main_tit h2{padding:0 20px;width:150px;float:left;line-height:40px;color:#343535}
    .music_main dt  h3 ,.music_main_tit h3{padding:0 20px;width:432px;float:left;line-height:40px;color:#343535}/*width:382px;*/
    .music_main dt  h4 ,.music_main_tit h4 ,.music_main dd .music_detail h2 .music_btn h4{width:50px;float:left;text-align:center;padding-top:14px;color:#343535}
	.music_main dd .music_detail h2 .music_btn h4{padding-top:0;line-height:22px}
  .music_main dd{padding:14px 20px;background:#f3f3f3;border-bottom:1px solid #dbdbdb;display:none;clear:both}
    .music_main dd .music_detail{padding-bottom:10px}
    .music_main dd .music_detail .music_img{width:150px;height:110px;padding:1px;border:1px solid #aaa;margin-right:16px;float:left}
      .music_main dd .music_detail .music_img img{width:150px;height:110px}
	.music_main dd .music_detail h2{height:30px;line-height:30px;font-weight:bold;color:#221d19}
	  .music_main dd .music_detail h2 a{color:#221d19}
	  .music_main dd .music_detail h2 .music_btn{float:right}
	.music_main dd .music_detail h5{color:#9a9a9a;line-height:22px}
	.music_main dd .music_detail p{color:#9a9a9a;line-height:20px;text-indent:2em}
	
/*  download  */
.download_tit{height:30px;line-height:30px;padding:0 16px;font-size:14px;color:#000;background:#d8d8d8 url(../images/download_tit.gif) no-repeat 758px -38px;font-weight:bold;cursor:pointer;margin-top:20px}
.download h2{padding:20px 42px 0px;line-height:25px;color:#0f0f0f;font-size:18px;background:url(../images/li02.gif) no-repeat 10px 20px;font-family:"Microsoft YaHei",΢���ź�,����}
  .download_tit span{font-size:12px;font-weight:normal}
.tit_on{background-position:758px 8px}
.download_bg{padding:20px;background:#fff;border:1px solid #dadada;margin-bottom:10px}
.download a.btn{display:block;background:url(../images/down_btn.gif) no-repeat}
.download a.btn:hover{text-decoration:none}
.download a.btn1{width:264px;height:24px;padding:42px 0 15px;line-height:24px;color:#ffc0c8;text-align:center;font-family:'����';margin-right:12px;float:left;font-size:12px;*font-size:11px !important;*letter-spacing:-1px !important;letter-spacing:-1px \0;font-size:11px \0;font-size:12px \9\0}
.download a.btn2{width:184px;height:81px;text-indent:-99999em;background-position:0 -81px;margin-right:12px;float:left}
.download a.btn3{width:184px;height:51px;text-indent:-99999em;background-position:0 -162px;margin-right:12px;float:left}
.download a.btn4{width:147px;height:34px;text-indent:-99999em;background-position:0 -213px;margin-right:12px;float:left}
.down_bg{padding:10px 20px;background:#f3f3f3}
.download h3{height:36px;font-size:18px;font-family:"Microsoft YaHei",΢���ź�,����;color:#0f0f0f}
.down_box{position:absolute;z-index:2;top:30px;right:10px}
.down_box p{padding-bottom:10px;text-align:center}
.down_box p span{color:#c0151b}
.download table{width:100%;border:0;border:1px solid #d8d8d8}
  .download tr.odd td{background:#f3f3f3}
  .download th{height:28px;line-height:28px;text-align:center;font-weight:bold;background:#d8d8d8;color:#0f0f0f}
  .download td{line-height:32px;color:#000;text-align:center;padding:0 10px}

  
/*  info  */
.info_btn{width:600px;margin:0 auto;height:222px}
  .info_btn li{width:57px;height:222px;float:left;padding-right:3px}
    .info_btn li a{width:57px;height:222px;display:block;background:url(../images/info_btn.jpg) no-repeat;text-indent:-99999em}
	.info_btn li a.btn1{background-position:0 0}
	.info_btn li a.btn2{background-position:0 -222px}
	.info_btn li a.btn3{background-position:0 -444px}
	.info_btn li a.btn4{background-position:0 -666px}
	.info_btn li a.btn5{background-position:0 -888px}
	.info_btn li a.btn6{background-position:0 -1110px}
	.info_btn li a.btn7{background-position:0 -1332px}
	.info_btn li a.btn8{background-position:0 -1554px}
	.info_btn li a.btn9{background-position:0 -1776px}
	.info_btn li a.btn10{background-position:0 -1998px}
.info_hover_btn{margin:0 5px;float:left}
.info_list{padding:20px 0}
  .info_list li{height:33px;line-height:33px;border-bottom:1px solid #cacccd;border-top:1px solid #cacccd;background:#d8d8d8 url(../images/info_list_bg.gif) no-repeat right 1px;margin-bottom:6px}
    .info_list li strong{width:104px;height:33px;display:block;text-align:center;font-size:14px;background:url(../images/info_list_tit.gif) no-repeat;margin-right:10px;color:#fff;float:left}
.info_nav{padding:20px 10px;margin-top:20px;background:#d8d8d8}
  .info_nav dt{width:100px;line-height:20px;float:left;color:#000;text-align:center}
  .info_nav dd{width:460px;line-height:20px;float:left;}
  
/*  event  */
.event_list li{height:;padding:20px 0;border-bottom:1px solid #dbdbdb}
  .event_img{float:left;width:178px}
    .event_img img{width:160px;height:180px}
  .event_list li h2{height:36px;line-height:26px;font-size:18px;font-weight:bold;font-family:"Microsoft YaHei",΢���ź�,����;background:url(../images/event_li.gif) no-repeat right 6px}
  .event_list li h2.end{background-position:right -32px}
  .event_btn{text-align:right;padding-top:32px}
  .event_list li h4{height:32px;color:#343535}
  .event_list li p{line-height:18px;color:#343535}
