﻿@charset "utf-8";
.h_mainbox{ width:1000px;MARGIN: 0px auto; }
.h_main{ 
width:682px; float:left;
padding:0 0 0 5px;
}
.websm{ width:96%; margin:2px 10px;}
.h_flash{ 
background:url(../images/bg_h_flashbox.GIF) no-repeat; width:662px; height:336px;
padding:10px;
margin:10px 0 0 0;
}
.h_side{ width:312px; float:left; background:#000;display:inline;}
.h_sidebox{ 
width:296px;background:url(../images/bg_h_sidebox.GIF) no-repeat; height:auto !important; min-height:176px; height:176px;
margin:10px 0 0 11px;
}
.h_sidebox h4{ font-size:13px; position:relative; padding:10px 0 0 15px; margin:0 0 10px 0;}
.h_sidebox h4 span{ 
font-size:8px; font-family:Arial, Helvetica, sans-serif; position:absolute; right:10px; top:10px;
font-weight:normal;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

.h_sidebox h4 span a{ color:#484848;}
.h_sidebox h4 span a:hover{ color:#F26500;}
.h_sidebox ol{ 
width:281px; position:relative; 
padding:5px 0 5px 15px; 
background:url(../images/arrow1.GIF) no-repeat; 
background-position:5px 12px;
}
.h_sidebox ol a:hover{ color:#999;}
.h_sidebox ol span{ position:absolute; right:10px;}


.h_a_iocn{ 
width:75px; height:108px;
position:absolute;
left:5px;
top:50px;
z-index:1;
}
/*FF支持,IE6不支持*/
 html>body .h_a_iocn{
background:url(../images/iocn1.PNG) no-repeat;
}
/*IE6支持*/
 * .h_a_iocn{
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/iocn1.PNG")
 } 
.h_a_txt{ padding:10px 15px 0 85px; line-height:180%;} 

.telbox{ padding:0 0 30px 0; position:relative;}
.tel{ 
width:281px; height:31px;
position:absolute;
left:5px;
bottom:2px;
z-index:1;
}
/*FF支持,IE6不支持*/
 html>body .tel{
background:url(../images/tel.PNG) no-repeat;
}
/*IE6支持*/
 * .tel{
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/tel.PNG")
 }
 
 
 /*tab*/
.topicbox{ 
width:680px; height:204px;
background:url(../images/bg_topicbox.GIF) repeat-x;
border:1px solid #383838;
margin-top:10px;
}
.topicbox1{ width:321px; float:left;}
.topicbox2{ 
width:358px; float:left; border-left:1px solid #353535;

height:200px;
overflow:hidden;
}

/*
.menu1{height:23px;width:321px;}
.menu1 ul {margin:0 0 0 0; padding:0px; list-style:none; text-align:center;}
.menu1 li {
display:inline; float:left; 
width:106px; line-height:32px;
background:url(../images/bg_topic_tab2.GIF) repeat-x;
cursor:pointer;
margin-right:1px;
}
.menu1 li a {
color:#6a6a6a; text-decoration:none;
padding:4px 5px 6px 5px;  
}
.menu1 li a.tabactive {
font-weight:bold;  
position:relative; 
background:url(../images/bg_topic_tab1.GIF) repeat-x;
color:#fff;
width:96px; line-height:22px;
float:left;
}
*/
.menu1 {
height:23px;
}

.menu1 li{
float:left;
display:block;
width:106px; height:22px;
background:url(../images/bg_topic_tab2.GIF) repeat-x;
cursor:pointer;
margin-right:1px;
text-align:center;
padding:10px 0 0 0;
}
.menu1 li.hover{
color:#fff;
background:none;
font-weight:bold; 
}

.menu2 {
height:23px;
}

.menu2 li{
float:left;
display:block;
width:88px; height:22px;
background:url(../images/bg_topic_tab2.GIF) repeat-x;
cursor:pointer;
margin-right:1px;
text-align:center;
padding:10px 0 0 0;
}
.menu2 li.hover{
color:#fff;
background:none;
font-weight:bold; 
}

#con_one_1,#con_one_2,#con_one_3{ width:321px; text-align:center; padding:6px 0px; margin-bottom:5px;}

/*topic content*/
.tpc_box1{ 
width:300px; margin:30px auto 0 auto;
padding:0 0 0 10px;
}
.tpc_box2{ 
width:330px; margin:20px auto 0 auto;
padding:0 0 0 0px;
}
.tpc_box_pic_a1,.tpc_box_pic_a2,.tpc_box_pic_a3,.tpc_box_pic_b1,.tpc_box_pic_b2,.tpc_box_pic_b3,.tpc_box_pic_b4{
width:76px; height:121px;
float:left;
}

html>body .tpc_box_pic_a1{
background:url(../images/iocn2.PNG) no-repeat;
}
/*IE6支持*/
* .tpc_box_pic_a1{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/iocn2.PNG")
}
html>body .tpc_box_pic_a2{
background:url(../images/iocn2.PNG) no-repeat;
}
/*IE6支持*/
* .tpc_box_pic_a2{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/iocn2.PNG")
}
html>body .tpc_box_pic_a3{
background:url(../images/iocn2.PNG) no-repeat;
}
/*IE6支持*/
* .tpc_box_pic_a3{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/iocn2.PNG")
}
 
html>body .tpc_box_pic_b1{
background:url(../images/iocn3.PNG) no-repeat;
}
/*IE6支持*/
* .tpc_box_pic_b1{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/iocn3.PNG")
}

html>body .tpc_box_pic_b2{
background:url(../images/iocn3.PNG) no-repeat;
}
/*IE6支持*/
* .tpc_box_pic_b2{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/iocn3.PNG")
}

html>body .tpc_box_pic_b3{
background:url(../images/iocn3.PNG) no-repeat;
}
/*IE6支持*/
* .tpc_box_pic_b3{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/iocn3.PNG")
}

html>body .tpc_box_pic_b4{
background:url(../images/iocn3.PNG) no-repeat;
}
/*IE6支持*/
* .tpc_box_pic_b4{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/iocn3.PNG")
}

.tpc_box_t1{ line-height:160%; color:#ababab; text-align:left; width:180px; float:left; padding:0 0 0 20px;} 
.tpc_box_t2{ line-height:160%; color:#ababab; text-align:left; width:230px; float:left; padding:0 0 0 20px;} 
.tpc_box_t1 b,.tpc_box_t2 b{ color:#fff;}
.tpc_box_t1 h4,.tpc_box_t2 h4{ padding:8px 0 0 0;}

/*news center*/
.ncpage{ padding:5px;}
.ncbox{
float:left;
display:inline;
background:url(../images/bg_h_box2_m.JPG) repeat-x;
}
.ncbox div{ float:left;}
.ncbox_l{ background:url(../images/bg_h_box2_l.JPG) no-repeat; width:10px; height:312px;}
.ncbox_r{ background:url(../images/bg_h_box2_r.JPG) no-repeat; width:10px; height:312px;}
.ncbox_m{ width:306px;}
.ncbox_m h2{ 
background:url(../images/iocn_mini2.GIF) no-repeat; position:relative; color:#fff; font-size:13px;
background-position:5px 5px;
padding:8px 0 5px 25px;
margin:5px 0 20px 0;
}
.ncbox_m h2 span{ 
position:absolute; right:5px; top:5px;
font-weight:normal;
}
.ncbox_m h2 span a{ color:#8d8b8c;}

.ncbox_pic1,.ncbox_pic2,.ncbox_pic3{ width:80px; height:115px; float:left;}

html>body .ncbox_pic1{
background:url(../images/iocn4.PNG) no-repeat;
}
/*IE6支持*/
* .ncbox_pic1{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/iocn4.PNG")
}

html>body .ncbox_pic2{
background:url(../images/iocn5.PNG) no-repeat;
}
/*IE6支持*/
* .ncbox_pic2{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/iocn5.PNG")
}

html>body .ncbox_pic3{
background:url(../images/iocn6.PNG) no-repeat;
}
/*IE6支持*/
* .ncbox_pic3{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/iocn6.PNG")
}
.ncbox_t{ float:left; width:175px; line-height:180%; padding:0 15px;}
.ncbox_list{ background:url(../images/line2.GIF) top repeat-x; width:95%; margin:10px auto; padding:10px 0 0 0;}
.ncbox_list li{ 
padding:7px 0 0 10px; height:15px; background:url(../images/arrow1.GIF) no-repeat; background-position:0 12px;
}
.ncbox_list li a{ color:#b9b9b9;}
.ncbox_list li a:hover{ color:#fff;}

.qqbox{ width:279px; height:135px; background:url(../images/box.GIF) no-repeat center; margin:0 auto; position:relative;}
#qq1{ position:absolute; top:1px; left:2px; display:none;}
#qq1 li{ float:left; width:66px; height:42px;}
#qq1 li a{ float:left; width:66px; height:42px; background:url(../images/bg_qq_h2.JPG) no-repeat;}
#qq1 li a:hover{ background:url(../images/bg_qq.JPG) no-repeat;}

#qq2{ position:absolute; top:1px; left:72px;}
#qq2 li{ float:left; width:66px; height:42px;}
#qq2 li a{ float:left; width:66px; height:42px; background:url(../images/bg_qq_h2.JPG) no-repeat;}
#qq2 li a:hover{ background:url(../images/bg_qq.JPG) no-repeat;}

#qq3{ position:absolute; top:47px; left:142px;}
#qq3 li{ float:left; width:65px; height:40px;}
#qq3 li a{ float:left; width:65px; height:40px; background:url(../images/bg_qq_h2.JPG) no-repeat;}
#qq3 li a:hover{ background:url(../images/bg_qq.JPG) no-repeat;}

#qq4{ position:absolute; top:91px; left:2px;}
#qq4 li{ float:left; width:66px; height:43px;}
#qq4 li a{ float:left; width:66px; height:43px; background:url(../images/bg_qq_h2.JPG) no-repeat;}
#qq4 li a:hover{ background:url(../images/bg_qq.JPG) no-repeat;}

#tq1{ position:absolute; top:47px; left:2px;}
#tq1 li{ float:left; width:66px; height:40px; cursor:pointer; overflow:hidden;}

/*tab*/
.Menubox {
width:100%;
background:url(../images/task/bg_task_unline1.gif) repeat-x bottom;
height:26px;
}
.Menubox ul{
margin:0px 0 0 10px;;
padding:0px;
}
.Menubox li{
 font-size:13px;
 margin-right:5px;
 padding-top:6px;
 float:left;
 display:block;
 cursor:pointer;
 width:92px;
 height:20px;
 text-align:center;
 color:#949694;
 font-weight:bold;
 background:url(../images/task/bg_task_tab.gif);
 }
.Menubox li.hover{
 color:#ff7c00;
 padding-top:6px;
 background:#fff;
 width:92px;
 background:url(../images/task/bg_task_tab2.gif);
 font-weight:bold;
 height:20px;
}

.newflashbox{ width:660px; height:334px; margin:0 auto; background:url(../images/bg_flash.GIF) repeat-x top;}
.newfbox{ 
width:660px; height:334px; background:url(../images/bg_flash2.GIF) repeat-x;
background-position:0 244px;
}
.flashpic,.flashpic_out{ 
width:406px; height:246px; margin:16px auto 0 auto;
border-top:3px solid #fff;
border-bottom:7px solid #fff;
border-left:3px solid #fff;
border-right:3px solid #fff;
}
.flashpic_h{
width:406px; height:246px; margin:16px auto 0 auto;
border-top:3px solid #ccc;
border-bottom:7px solid #ccc;
border-left:3px solid #ccc;
border-right:3px solid #ccc;
}

.menu3 {
height:50px;
padding:12px 0 0 0;
}

.menu3 li{
float:left;
display:block;
width:110px; height:25px;
background:url(../images/bg_flashnav.gif) no-repeat;
background-position:0 0;
cursor:pointer;
font-size:13px;
text-align:center;
padding:25px 0 0 0;
color:#777;
}
.menu3 li.hover{
color:#fff;
background:url(../images/bg_flashnav.gif) no-repeat;
background-position:-110px 0;
font-size:14px;
}