/* ==È«¾ÖCSS== */
*{margin:0;padding:0;} 
table{border-collapse:collapse;border-spacing:0;} 
fieldset,img{border:0;} 
ol,ul {list-style:none;} 
h1,h2,h3,h4,h5,h6{font-size:100%;} 
html,body{ width: 100%; height: 100%; font-size: 12px; color:#474747;font-family: Arial, SimSun; }

/* ==Ô²½Ç±ß¿ò l1À¶É« b1À¶É«°×µ× l11Ç³À¶É« l111ºìÉ« b111ºìÉ«°×µ× ll1Ç³ºìÉ« bb1Ç³ºì°×µ× ll11ÉîºìÉ« bb11Éîºì°×µ×== */
.l1{height: 1px; font-size: 1px; overflow: hidden; display: block; background: #CE1790; margin: 0 5px;}
.l2{height: 1px; font-size: 1px; overflow: hidden; display: block; background: #FFF; border-right: 2px solid #CE1790; border-left: 2px solid #CE1790; margin: 0 3px;}
.l3{height: 1px; font-size: 1px; overflow: hidden; display: block; background: #FFF; border-right: 1px solid #CE1790; border-left: 1px solid #CE1790; margin: 0 2px;}
.l4{height: 2px; font-size: 1px; overflow: hidden; display: block; background: #FFF; border-right: 1px solid #CE1790; border-left: 1px solid #CE1790; margin: 0 1px;}

body{ text-align:center; background-color:#D90C4C;}
a{ color:#206CD3; text-decoration:none;}
a:hover{color:#206CD3; text-decoration:none;}

/* ==Ê×Ò³== */
.box{ width:1015px; margin:0 auto; background:url(../i/bg.gif) repeat-y;}
.top{ float:left; width:1015px;}
.top img{ font-size:0; line-height:0; display:block;}
.mainbox{ float:left; width:949px; background-color:#fff; margin-left:33px; display:inline;}
.login{ float:left; width:949px; margin-top:6px;}
.login ul{ float:left; width:934px; height:30px; margin-left:7px; display:inline; background:url(../i/bg_04.jpg) no-repeat;}
.login li{ float:left; color:#FFF4A0;}
.login li input{ border:1px solid #CECECE; width:132px; height:17px; margin-top:4px;}
.login li img{ margin-top:5px;}
.login li.li1{ line-height:30px;}
.login li.li2{ margin-left:152px; display:inline;}
.login li a{ color:#FFF4A0; text-decoration:none;}
.login li a:hover{ color:#FFF4A0; text-decoration:none;}
.mainleft{ float:left; width:652px; padding-left:7px; margin-top:20px; text-align:left;}
.mainright{ float:left; width:260px;padding-left:20px; margin-top:20px;}

.mainleft .pic dl{ float:left; width:222px; height:220px; padding-bottom:6px;}
.mainleft .pic dl.last{ width:208px;}
.mainleft .pic dl dt{ padding:1px 6px 8px 1px; width:193px; height:144px; background: url(../i/picbg.gif) no-repeat;}
.mainleft .pic dl dt img{ width:193px; height:144px;}
.mainleft .pic dl dd{ line-height:20px; padding-left:2px;}
.mainleft .pic dl dd.zi{ color:red;}
.mainleft .pic dl dd.zi a{ color:red; text-decoration:none;}
.mainleft .pic dl dd.zi a:hover{ color:red; text-decoration:underline;}
.mainleft .pic dl.dl1{ text-align:center;}
.mainleft .pic span{ color:#206CD3;}
 
.mainleft .highlight{ float:left; width:652px;margin-top:20px;}
.mainleft .highlight h2,.mainleft .video h2{ float:left; width:634px; padding-left:18px; background:url(../i/jcbg.gif) no-repeat; color:#fff; line-height:30px; font-size:14px;font-weight:bold;}
.mainleft .highlight h2 span,.mainleft .video h2 span{ float:right; margin-right:28px;}
.mainleft .highlight h2 span a{ color:#fff; text-decoration:none;}
.mainleft .highlight h2 span a:hover{ color:#fff; text-decoration:none;}
#demo { float:left; width:652px; background:#fff; overflow:hidden; margin-top:20px;}
#demo h3{ float:left;width:193px; height:170px; margin-right:20px; display:inline; text-align:center;}
#demo h3 img { border: 1px solid #D90C4C;width:193px; height:144px; }
#demo h3 span{ line-height:22px; font-weight:bold;}
#indemo { float: left; width: 800%;}
#demo1 { float: left;}
#demo2 { float: left;}


.mainleft .video{ float:left; width:652px; margin-top:20px;}
.mainleft .video h2 span{ font-size:12px;}
.mainleft .video .left{ float:left; width:276px; padding-left:40px; padding-top:30px;}
.mainleft .video .right{ float:left; width:296px;padding-left:40px; padding-top:15px;}
.mainleft .video .right dl{ float:left; width:148px; padding-bottom:10px; height:95px; background:url(../i/videobg.gif) no-repeat top left;}
.mainleft .video .right dl dt{ padding-top:7px; padding-left:7px; width:100px; height:67px;}
.mainleft .video .right dl dd{ padding-top:2px; padding-left:30px;}


.mainright .support h2,.mainright .bless h2{ float:left; width:260px; background:url(../i/rightbg.gif) no-repeat; line-height:35px; font-weight:bold; color:#D80005;}
.mainright .support .content,.mainright .bless .content{ float:left; width:258px; border-left:1px solid #CE1790; border-right:1px solid #CE1790;}
.mainright .support .content dl{ padding-bottom:10px;}
.mainright .support .content dl dd.dd1{ line-height:30px;}

.mainright .bless{ float:left; width:260px; margin-top:10px;}
.mainright .bless dl{ float:left; width:240px; padding-left:9px;text-align:left; line-height:24px; margin-top:10px; height:250px; overflow:hidden;}
.mainright .bless dl dt{ line-height:30px;}
.mainright .bless dl dt span{ color:#D80005;}
.mainright .bless dl dd{ padding-bottom:10px;}
.mainright .bless dl dd span{ color:#206CD3;}
.mainright .bless h4{ float:left; width:240px; padding-left:9px; }
.mainright .bless h3,.mainright .bless ul{ float:left; width:240px; padding-left:9px; text-align:left; padding-top:10px;}
.mainright .bless ul li{ float:left; height:30px;}
.mainright .bless ul li.li1{line-height:30px;}
.mainright .bless ul li.li2{padding-bottom:5px; padding-top:5px;;}
.mainright .bless ul li.li2 input{ border:1px solid #CECECE; height:17px; width:168px;}
.mainright .bless h4{ padding-bottom:10px; padding-top:10px;}
.mainright .bless textarea{ border:1px solid #CECECE; width:223px; height:169px; padding:5px;}

.media,.foot{ float:left; width:892px; padding-left:28px; padding-right:29px;background:#fff; margin-left:33px; display:inline; padding-top:20px;}
.media h2{ float:left; width:882px; line-height:45px; background:url(../i/mediabg.jpg) repeat-x; text-align:left; padding-left:10px; font-size:14px; font-weight:bold; color:#5A5A5A;}
.media dl{ float:left; width:177px; border-right:1px solid #F5F5F5; margin-top:20px;}
.media dl.last{ border:0;}
.media dl dd{ height:100px;}
.media dl dd.zi{ line-height:30px; text-align:left; padding-left:56px; color:#002F76;}
.media dl dd.zi a{ color:#002F76; text-decoration:none;}
.media dl dd.zi a:hover{ color:#002F76; text-decoration:none;}
.media dl dd.zi1{ padding-left:40px;}
.media dl dd.zi5{ padding-left:76px;}
.media dl.bottom{ float:left; width:882px;line-height:0; border-bottom:1px solid #D5D5D5;}


.foot{ color:#002F76; line-height:30px;}
.foot a{ color:#002F76; text-decoration:none;}
.foot a:hover{ color:#002F76; text-decoration:none;}

/* ==Í¼Æ¬ÏêÏ¸Ò³== */
.allpic{ float:left; width:949px; padding-top:10px;}
.allpic h2{ float:left; width:939px; padding-left:10px; line-height:30px; font-size:14px; font-weight:bold; color:#fff; background-color:#D90C4C; text-align:left;}
.allpic h2 span{ font-weight:normal; text-decoration:underline;}
.allpic h2 span a{ color:#fff; text-decoration:underline;}
.allpic h2 span a:hover{ color:#fff; text-decoration:underline;}
.allpic .list{ float:left; width:100%; margin-top:20px; padding-bottom:20px;}
.allpic .list dl{ float:left; width:237px; height:170px; padding-bottom:10px;}
.allpic .list dl dt{ float:left; width:237px; height:134px; text-align:center;}
.allpic .list dl dt div{ width:180px; height:134px; overflow:hidden;}
.allpic .list dd{ line-height:30px;}
.allpic .list dd a{ color:#3C3C3C; text-decoration:none;}
.allpic .list dd a:hover{ color:#3C3C3C; text-decoration:none;}

/*== ·ÖÒ³ ==*/
.allpic .pageclass{ width: 949px; float: left; margin-top:20px; padding-bottom:20px;}
.allpic .pageclass ol{float:left; width:849px; padding-rihgt:100px;}
.allpic .pageclass li{ float: right; background: #FAEDF5; border: 1px solid #E2A3AB; margin-left: 10px; display: inline; font-weight:bold; }
.allpic .pageclass li a{ color: #AB0017; padding: 0 5px;  line-height: 19px; display: block; background:url(../i/p_bg1.gif) repeat-x;}
.allpic .pageclass li a:hover, .pageclass li.on a{ color: white; font-weight: bolder; background: #E2A3AB; text-decoration: none; background:url(../i/p_bg2.gif) repeat-x; }

/* ==Í¼Æ¬µ¯³ö²ã== */
.dragdiv{ float: left; }
.nickbox{ width: 639px; height: 510px; background: #E72988; }
.nickbox h2{ width: 592px; float: left; padding:10px 10px 10px 20px;line-height: 24px; font-size: 14px;}
.nickbox h2 span{ float: right; }
.nickbox h2 a{ color:#fff; text-decoration:underline;}
.nickbox h2 a:hover{ color:#fff; text-decoration:underline;}
.nickbox .left,.nickbox .right{ float:left; width:67px; padding-top:140px;}
.nickbox .pic{ float:left; width:500px; padding-top:5px; background:#E72988; text-align:center;}
.nickbox h3{ float:left; width:639px; font-weight:normal; line-height:20px; font-size:14px; margin-top:10px; color:#FFF;}
.nickbox h3 a{ color:#fff; text-decoration:none;}
.nickbox h3 a:hover{ color:#fff; text-decoration:none;}

/* ==»éÀñ½áÊø ÏêÏ¸Ò³Ãæ== */
.detail_up{ float:left; width:949px; }
.detail_up .left{ float:left; width:620px; border-right:1px dashed #6B0000; margin-top:20px;}
.detail_up .right{ float:left; width:328px;}
.detail_up .left h2{ float:left; width:580px; display:inline; margin-left:20px; margin-right:20px;font-size:14px; line-height:30px;font-weight:bold; color:#C72929; border-bottom:1px dashed #6B0000; text-align:left;}
.detail_up .left h2 span{ font-weight:normal; text-decoration:underline;}
.detail_up .left h2 a{ color:#C72929; text-decoration:underline; font-weight:normal;}
.detail_up .left h2 a:hover{ color:#C72929; text-decoration:underline; font-weight:normal;}
.detail_up .left dl{ float:left; width:100%; padding-top:20px; padding-bottom:30px;}
.detail_up .left dl dd{ margin-top:10px; color:#C72929; font-size:16px; font-weight:bold;}
.detail_up .left dl dd.dd2{ color:#FF6600; font-size:12px;}
.detail_up .left dl dd.dd4{ color:#6B0000; font-size:14px;}

.detail_up .right .updown{ float:left; width:328px; text-align:right; padding-top:10px;}
.detail_up .right .updown img{ margin-right:20px;}
.detail_up .right .content{ float:left; width:328px; padding-top:20px;}
.detail_up .right .content .up,.detail_up .right .content .down{ padding-top:10px; padding-bottom:10px;}
.detail_up .right .content .pic dl{ text-align:center;}
.detail_up .right .content .pic dl dd{ padding-top:10px; padding-bottom:10px;}
.detail_up .right .content .pic dl div.s1{width:165px;height:124px; overflow:hidden;filter: alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5; margin:0 auto;}
.detail_up .right .content .pic dl div.s2{width:207px; height:154px;overflow:hidden; margin:0 auto;}

.detail_text{ float:left; width:909px; padding:20px; font-size:14px; text-align:left; line-height:26px;}
.detail_down{ float:left; width:929px; display:inline; padding-top:10px; margin-left:10px; margin-right:10px; background:url(../i/down_bg.gif) repeat-x top;}

.detail_down .left{ float:left; width:450px; padding-left:18px; padding-right:12px; text-align:left;}
.detail_down .right{ float:left; width:449px;}

.detail_down .left dl{ padding-top:10px;}
.detail_down .left dl dt{ font-weight:bold; padding-bottom:10px;}
.detail_down .left dl dd{ line-height:26px;}
.detail_down .left dl dd span{ color:#206CD3;}
.detail_down .left .pageclass{ width: 450px; float: left; margin-top:20px;}
.detail_down .left .pageclass ol{float:left; width:430px; padding-left:20px; }
.detail_down .left .pageclass li{ float: left; background: #FAEDF5; border: 1px solid #E2A3AB; margin-right: 4px; display: inline; font-weight:bold; }
.detail_down .left .pageclass li a{ color: #AB0017; padding: 0 5px;  line-height: 19px; display: block; background:url(../i/p_bg1.gif) repeat-x;}
.detail_down .left .pageclass li a:hover,.detail_down .left .pageclass li.on a{ color: white; font-weight: bolder; background: #E2A3AB; text-decoration: none; background:url(../i/p_bg2.gif) repeat-x; }

.detail_down .right h4{ float:left; width:449px; }
.detail_down .right h3,.detail_down .right ul{ float:left; width:240px; padding-left:9px; text-align:left; padding-top:10px;}
.detail_down .right ul li{ float:left; height:26px;}
.detail_down .right ul li.li1{line-height:26px;}
.detail_down .right ul li.li2{padding-bottom:3px; padding-top:3px;;}
.detail_down .right ul li.li2 input{ border:1px solid #CECECE; height:17px; width:168px;}
.detail_down .right h4{ padding-top:5px;}
.detail_down .right textarea{ border:1px solid #CECECE; width:400px; height:107px; padding:5px;}
.detail_down .right h2{ float:left; width:200px; padding-top:50px;}

.mainfoot{ float:left; width:949px; border-top:5px solid #D90C4C; margin-top:20px; padding-top:20px; text-align:right;}
.mainfoot img{ margin-right:20px;}


