@charset "utf-8"; body {margin:0; background-color:#0c0f21; background-image:url(/images/bg01.jpg); background-repeat:no-repeat; background-position:top center;} * {font-size:12px; font-family: simsun; color:#000000; line-height:120%;} div,ul,li,span,p,form,img,a,h1,h2,h3,h4,hr,input,select{margin:0; padding:0; border: 0; list-style:none;} a {text-decoration:none; color:#666666;} a:hover {text-decoration:underline; color:#078faf;} .show {display:block;} .hide {display:none;} .clear {clear:both;} .fleft{float:left;} .fright{float:right;} .fcenter { margin:0 auto;} .center { text-align:center;} .left { text-align:left;} .right { text-align:right;} .mt10 { margin-top:10px;} .mt20 { margin-top:20px;} .p10 { padding:10px;} .p20 { padding:20px;} .f12 { font-size:12px;} .f14 { font-size:14px;} .f15 { font-size:15px;} .f18 { font-size:18px;} .bold { font-weight:bold;} .underline { text-decoration:underline;} .red { color:#a20000;} .red a { color:#a20000;} .red a:hover { color:#a20000;} .orange { color:#eb9a00!important;} .orange a { color:#eb9a00;} .orange a:hover { color:#eb9a00;} .gray { color:#666666;} .gray a { color:#666666;} .gray a:hover { color:#007ed7;} .blue { color:#078faf;} .blue a { color:#078faf;} .blue a:hover { color:#078faf;} .white {color:#ffffff;} .white * { color:#ffffff;} h1 { line-height:40px; font-size:21px; font-family:微软雅黑,simhei; font-weight:normal;} /* btn,form style */ input { border: expression((this.type=='text'||this.type=='password'||this.type=='file') ? "1px solid #9b9b9b" : "0" ); height: expression((this.type=='image') ? "27px" : "25px" ); line-height:25px; font-size:14px; font-weight:bold; padding:0 5px; color:#666666;} /* for IE6 */ input[type=text] { border:1px solid #9b9b9b; height:25px; line-height:25px; font-size:14px; font-weight:bold; padding:0 5px;} /* for IE7,FF */ input[type=password] { border:1px solid #9b9b9b; height:25px; line-height:25px; font-size:14px; font-weight:bold; padding:0 5px;} /* for IE7,FF */ input[type=file] { border:1px solid #9b9b9b; height:25px; line-height:25px; font-size:14px; font-weight:bold; padding:0 5px;} /* for IE7,FF */ input[type=image] {vertical-align:middle; height:30px; line-height:30px; font-size:14px; font-weight:bold; padding:0;} /* for IE7,FF */ textarea { border:1px solid #cecece; line-height:25px;} select { border: expression((this.type=='text'||this.type=='password'||this.type=='file') ? "1px solid #9b9b9b" : "0" ); height: expression((this.type=='image') ? "30px" : "30px" ); line-height:25px; font-size:14px; font-weight:bold; padding:0 5px; color:#666666;} /* common top and head style */ .head { display:block; height:100px; margin:0; clear:both;} .head .head_bg { height:25px; display:block; margin-bottom:-25px; background-color:#000000; opacity:0.3; filter:alpha(opacity=30); clear:both;} .head .head_c { width:1000px; margin:0 auto; display:block; position:relative;} .head .head_c .head_logo { padding-top:5px; padding-left:25px; position:absolute; top:0; left:0;} .head .head_c .head_slogan { position:absolute; top:45px; left:500px; } .head .head_c .head_link { position:absolute; top:0; right:0;color:#ffffff;line-height:25px; letter-spacing:2px;} .head .head_c .head_link a { color:#ffffff; line-height:25px;} .nav { display:block; height:50px; margin:0; margin-bottom:20px; background:url(/images/nav_bg.png) repeat-x center; clear:both;} .nav .nav_c { margin:0 auto; width:1000px; height:50px;} .nav .nav_c ul { padding-left:10px; float:left;} .nav .nav_c ul li { float:left; display:block; width:125px;} .nav .nav_c ul li a { line-height:50px; display:block; text-align:center; color:#ffffff; font-size:16px; font-family:微软雅黑,宋体; font-weight:bold; letter-spacing:3px;} .nav .nav_c ul li a:hover { background:url(/images/nav_hover.gif) repeat-x; text-decoration:none;} .nav .nav_c .nav_view { float:right; line-height:50px; color:#ffffff; font-size:14px; font-family:微软雅黑,simhei; letter-spacing:2px;} .nav .nav_c .nav_view span { color:#ffff99; font-size:16px; font-family:arial black; padding:5px; letter-spacing:0;} /* common foot style */ .foot { display:block; height:90px; margin:0; clear:both; border-top:1px solid #ffffff; background:url(/images/shadow.png); margin-top:35px;} .foot_c { width:1000px; margin:0 auto; display:block; padding:20px 0;} .foot_c div, .foot_c a { color:#ffffff;} /* common elements style */ .tit { height:40px; line-height:40px; display:block; clear:both;} .tit h1 { display:block; float:left; padding-left:15px; letter-spacing:1px;} .tit .more { display:block; line-height:40px; float:right; padding-right:20px;} .ad_play { width:820px; height:500px; display:none; position:relative;} .ad_close { position:absolute; top:5px; right:-33px; background:url(../images/ad_close.gif); width:33px; height:33px; cursor:pointer;} .video_play { padding:10px; display:block; background:#c8ebef;} .video_play iframe { background:#ffffff;} .ad_share { text-align:right; display:block; height:30px;} .ad_share span,.ad_share a { padding-right:10px; line-height:16px;} .ad_warn { width:400px; height:190px; display:none; position:relative;} .ad_warncontent { padding:30px; display:block; height:70px; border-bottom:1px dashed #eeeeee; line-height:25px; font-size:14px;} .ad_warnbut { display:block; padding:10px; margin:0 auto; text-align:center;} .ico_member { background:url(../images/ico_member.png) no-repeat left; padding-left:35px;} .ico_tv { background:url(../images/ico_tv.png) no-repeat left; padding-left:35px;} .ico_data { background:url(../images/ico_data.png) no-repeat left; padding-left:35px;} .ico_no1 { background:url(../images/ico_no1.png) no-repeat left; padding-left:35px;} .ico_no2 { background:url(../images/ico_no2.png) no-repeat left; padding-left:35px;} .ico_no3 { background:url(../images/ico_no3.png) no-repeat left; padding-left:35px;} .ico_no4 { background:url(../images/ico_no4.png) no-repeat left; padding-left:35px;} .ico_no5 { background:url(../images/ico_no5.png) no-repeat left; padding-left:35px;} .ico_no6 { background:url(../images/ico_no6.png) no-repeat left; padding-left:35px;} .right_float { position:absolute; top:500px; right:0; width:32px; height:33px; background:url(/images/randombg.png); display:block; cursor:pointer;} /* main page style */ .main_show { display:block; clear:both; width:980px; margin:0 auto; background:url(/images/shadow.png); padding:10px; margin-bottom:30px;} .main_show .showad_list { display:block; clear:both; background:url(/images/shadow.png); padding:15px 5px; height:94px; overflow:hidden;} .main_show .showad_list li a { position:relative; width:144px; height:90px; border:2px solid #ffffff; display:block;} .main_show .showad_list li a span { position:absolute; display:block; _display:none; width:144px; height:90px; top:0; left:0; background:url(/images/main_playbut.png) no-repeat center;} .main_show .showad_list li a:hover span { background:url(/images/main_playbut_hover.png) no-repeat center;} .main_show2 { display:block; clear:both; width:980px; margin:0 auto; background-image:url(/images/shadow_white.png); padding:10px; margin-bottom:30px;} .main_show2 .fleft { background-color:#000000; padding:2px; width:640px; height:360px; overflow:hidden;} .main_show2 .fright { background-color:#000000; padding:2px 2px 2px 0; width:334px; height:360px; overflow:hidden; position:relative;} .main_show2 .fright span { position:absolute;} .main_show2 .fright #ramdonPic1 { top:2px; left:0; width:166px; height:104px;} .main_show2 .fright #ramdonPic1 img { width:166px; height:104px; cursor:pointer;} .main_show2 .fright #ramdonPic2 { top:2px; left:168px; width:166px; height:104px;} .main_show2 .fright #ramdonPic2 img { width:166px; height:104px; cursor:pointer;} .main_show2 .fright #ramdonPic3 { top:108px; left:0; width:200px; height:125px;} .main_show2 .fright #ramdonPic3 img { width:200px; height:125px; cursor:pointer;} .main_show2 .fright #ramdonPic4 { top:235px; left:0; width:200px; height:126px;} .main_show2 .fright #ramdonPic4 img { width:200px; height:126px; cursor:pointer;} .main_show2 .fright #ramdonPic5 { top:108px; left:202px; width:132px; height:83px;} .main_show2 .fright #ramdonPic5 img { width:132px; height:83px; cursor:pointer;} .main_show2 .fright #ramdonPic6 { top:193px; left:202px; width:132px; height:83px;} .main_show2 .fright #ramdonPic6 img { width:132px; height:83px; cursor:pointer;} .main_show2 .fright #ramdonPic7 { top:278px; left:202px; width:132px; height:83px;} .main_show2 .fright #ramdonPic7 img { width:132px; height:83px; cursor:pointer;} .main_info { display:block; clear:both; background:url(/images/shadow.png); padding:20px 10px; height:60px; overflow:hidden;} .main_info span { padding-left:10px; height:36px; overflow:hidden; display:block; float:left;} .main_info span a { height:36px; line-height:36px; color:#ffffff; display:block; float:left;} .main_info .fleft { float:left; clear:both; display:block;} .main_info .fleft p { padding-left:10px; display:block; float:left; height:20px; line-height:20px; overflow:hidden; color:#ffffff;} .main_info .fleft p input { height:20px; line-height:20px;} .main_info .fleft p a { color:#ffffff; font-weight:bold;} .main_info .fright { float:right!important; padding-top:10px;} .main_info .fright a { margin-left:6px;} .main_info .login_kx { padding-left:30px; background:url(/images/login_kx.png) no-repeat left;} .main_info .login_wb { padding-left:30px; background:url(/images/login_wb.png) no-repeat left;} .main_info .login_rr { padding-left:30px; background:url(/images/login_rr.png) no-repeat left;} .main_info .login_qq { padding-left:30px; background:url(/images/login_qq.png) no-repeat left;} .main_boxes { display:block; clear:both; width:1000px; margin:0 auto;} .main_box1 { display:block; float:left; width:310px; height:380px; background-color:#ffffff; background-image:url(/images/main_boxbg1.jpg); background-repeat:no-repeat; background-position:top; margin-right:35px;} .main_box1 ul { margin-top:200px;} .main_box1 li { display:block; height:34px; line-height:34px; font-size:14px; padding:0 10px; border-bottom:1px solid #f1f1f1;} .main_box1 li a { display:block; height:34px; line-height:34px; font-size:14px;} .main_box2 { display:block; float:left; width:310px; height:380px; background-color:#ffffff; background-image:url(/images/main_boxbg2.jpg); background-repeat:no-repeat; background-position:top;} .main_box2 .tit { margin-top:200px; margin-bottom:10px;} .main_box2 h1 { letter-spacing:0;} .main_box2 li { display:block; height:40px; line-height:40px; font-size:14px; padding:0 10px;} .main_box2 li.dark { background-color:#f1f1f1;} .main_box2 li a { display:block; height:40px; line-height:40px; font-size:14px;} .main_box3 { display:block; float:right; width:310px; height:380px; background-color:#ffffff; background-image:url(../images/main_boxbg3.jpg); background-repeat:no-repeat; background-position:top;} .main_box3 .b3 { margin-top:200px;} .top_notice { background:#ffffff; height:22px; display:block; opacity:0.7; filter:alpha(opacity=70);} .top_notice span { width:1000px; margin:0 auto; display:block; height:22px; line-height:22px;} .top_notice span marquee { line-height:22px;} /*主页的CSS*/ /*主页面上部开始*/ #i_top1{height:30px;} #i_top2{ width:850px;height:300px; text-align:center; margin:auto} #i_top2_l{ width:5px;height:300px; float:left;} #i_top2_r{ width:5px;height:300px; float:left;} #i_top2_m{ width:840px;height:300px; float:left;text-align:left;} #i_top2_1{ width:840px;height:50px;font-size:24px;color:#FFFFFF;font-weight:bold; line-height:48px;} #i_top2_2{ width:840px;height:130px;} #i_top2_3{ width:840px;height:50px;font-size:24px;color:#FFFFFF; font-weight:bold; line-height:48px;} #i_top2_4{ width:820px;*width:840px;height:30px; padding:10px} #i_top2_5{ height:20px;} /*主页面中部开始*/ #i_mid1{height:30px;} #i_mid2{ width:850px;height:300px; text-align:center;margin:auto } #i_mid2_l{ width:258px;height:300px;background-color:#eee;float:left;} #i_mid2_m{ width:258px;height:300px;background-color:#eee; float:left} #i_mid2_r{ width:258px;height:300px;background-color:#eee; float:left;} .i_mid2_x{ width:38px;height:300px; float:left} #i_mid3{height:50px;} .focusbox{position:relative;overflow:hidden;zoom:1;} #fullbanner{width:960px;height:410px;margin:auto;position:relative;} #fullbanner li a{display:block;width:950px;height:400px;overflow:hidden;} #fullbanner img{width:950px;height:400px;} #fullbanner ul{width:960px;height:410px;} #fullbanner .wrappic{overflow:visible;position:absolute;} #fullbanner .next, #fullbanner .prev{filter:alpha(Opacity=70);opacity:.7;position:absolute;top:50%;margin-top:-25px;margin-left:5px;background-color:#303030;z-index:3;} #fullbanner .next:hover, #fullbanner .prev:hover{background-color:orangered;} #fullbanner .next{margin:-25px 5px 0 0;right:0;} #fullbanner .mask-left, #fullbanner .mask-right, #fullbanner .plan{background:#fff;padding:5px;z-index:1;position:absolute;top:0;left:0;width:950px;height:400px;overflow:hidden;left:1920px;} #fullbanner .mask-right, #fullbanner .mask-left{z-index:4;left:-960px;filter:alpha(Opacity=50);opacity:.5;background:#fff;overflow:hidden;} #fullbanner .mask-right{left:960px;} .arrow-left,.arrow-right{background:url(/images/icon.png) no-repeat;} .arrow-left{background-position:15px 12px;height:50px;width:50px;} .arrow-left:hover{background-position:-45px 12px;} .arrow-right{background-position:-103px 12px;height:50px;width:50px;} .arrow-right:hover{background-position:-163px 12px;}