@charset "utf-8";
/* CSS Document */
/*about*/

.sub_side{ width:265px; float:left;}
.sub_main{ 
width:735px; float:left;
background:url(../images/bg_sub_side1.GIF) repeat-y left #161616;
overflow-x:hidden;
height:auto !important;
min-height:830px;
height:830px;
}
.about_snavbox{
margin:10px auto; width:242px;
border:5px solid #1d1d1d;
}
.about_snav{ width:240px;border:1px solid #333534; background:#282c2d;}
.about_snav h2{ 
background:url(../images/iocn_mini2.GIF) no-repeat #313131; background-position:5px 5px;
border:1px solid #6c6c6c;
margin:5px;
padding:5px 5px 5px 25px;
font-size:14px;
color:#d4d4d4;
}
.about_snav h2 span{ font-family:Arial, Helvetica, sans-serif;}
.about_snav ul{ margin:0 0 0 5px;}
.about_snav li{ float:left; width:230px; height:24px;}
.about_snav li a{ 
float:left; width:200px; height:20px; background:url(../images/bg_snav_a.GIF);
background-position:0 24px;
padding:4px 0 0 30px;
color:#b0aeb1;
}
.about_snav li a:hover{ 
background:url(../images/bg_snav_a.GIF);
background-position:0 0px;
color:#fff;
}
.about_snav li a span{ font-family:Arial, Helvetica, sans-serif;}



/*roll pic*/
.rollbox{ margin:5px auto;}
.rollbox img{ width:252px; height:235px;}

/*sub -news*/
.sub_sbox1{ width:252px; margin:5px auto;}
.sub_sub1_l{ background:url(../images/bg_s_side_l.GIF); height:236px; width:7px; float:left;}
.sub_sub1_m{ background:url(../images/bg_s_side_m.GIF); height:236px; width:238px; float:left;}
.sub_sub1_m h2{ 
background:url(../images/iocn_mini2.GIF) no-repeat; background-position:5px 15px;
font-size:14px;
padding:17px 5px 5px 25px;
color:#fff;
position:relative;
}
.sub_sub1_m h2 span{ 
position:absolute; right:5px; top:15px; font-family:Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:normal;
color:#8d8d8d;
}
.sub_sub1_m h2 span a:hover{ color:#f60;}
.sub_sub1_m ul{ margin:20px 0 0 0;}
.sub_sub1_m li{ 
padding:5px 5px 1px 15px;
background:url(../images/arrow1.GIF) no-repeat; background-position:5px 10px;
height:15px;
}
.sub_sub1_m li a{ 
color:#bbb; 
}
.sub_sub1_m li a:hover{ color:#fff;}
.sub_sub1_r{ background:url(../images/bg_s_side_r.GIF); height:236px; width:7px; float:left;}

.sub_ad{ width:726px; margin:5px auto;}
.aboutbar{ 
background:url(../images/iocn_about.GIF) no-repeat; height:74px;
background-position:10px 0;
}
.about_t{ padding:10px 40px;}
.about_t p{ line-height:180%;}

.contactbar{ 
background:url(../images/contact_12.gif) no-repeat; height:74px;
background-position:10px 0;
}


/*case*/
.case_anavbox{
margin:10px auto; width:253px;
}
.case_anavbox h2{
background:url(../images/sub_snav_bg2.gif) no-repeat; height:23px;
font-size:14px;
padding:15px 0 0 40px;
}
.case_anavbox h2 span{ font-family:Arial, Helvetica, sans-serif;}
.case_anavbox li{ float:left; width:253px; height:32px;}
.case_anavbox li a{ 
float:left; width:218px; height:22px; background:url(../images/sub_snav_bg3.gif);
background-position:0 0;
padding:10px 0 0 35px;
}
.case_anavbox li a:hover{
background:url(../images/sub_snav_bg3.gif);
background-position:0 -32px;
}
.casebar{ 
background:url(../images/iocn_case.GIF) no-repeat; height:74px;
background-position:10px 0;
}
.case_btn{ width:229px; margin:0 auto;}
.case_btn li{
float:left; width:229px; height:68px; margin:5px auto;
} 
.case_btn li a{ 
float:left; 
width:221px; height:60px;
border:4px solid #424242;
}
.case_btn li a:hover{border:4px solid #f60;}
.case_btn1{ 
background:url(../images/icon_btn1.GIF);
}
.case_btn2{ 
 background:url(../images/icon_btn2.GIF);
}

.caselist{ width:690px; margin:10px auto; background:url(../images/line3.GIF) no-repeat bottom; padding:0 0 10px 0;}
.case_p{ 
background:url(../images/casebox.GIF) no-repeat; width:221px; height:169px; float:left; display:inline;
text-align:center;
}
.case_p h2{ text-align:center; color:#fdb400; font-size:13px; font-weight:normal; padding:5px 0;}
.case_p h2 a{ color:#fdb400;}
.case_t{ width:450px; margin:0 0 0 19px; float:left; display:inline;}
.case_tt{ line-height:180%;}
.case_info{ width:450px; border-top:1px solid #2e2e2e; line-height:180%; padding:5px 0;}
.num{ width:380px; margin:10px auto;}
.num ul{}
.num li{ float:left; margin:0 5px; text-align:center; display:inline;}
#repage{ width:65px; height:20px;}
#nextpage{ width:65px; height:20px;}
#repage a{ width:65px; height:15px; background:url(../images/bg_numpage.gif) no-repeat; padding:5px 0 0 0;}
#nextpage a{ width:65px; height:15px; background:url(../images/bg_numpage.gif) no-repeat; padding:5px 0 0 0;}
.nc1{ height:20px;}
.nc1 a{ height:15px; padding:5px 0 0 0;}
.nc2{ height:15px; padding:5px 0 0 0;}
.num li a{ float:left;}
.num li a:hover{ color:#fff;}



/*bussiness*/
.b_snavbox{
margin:10px auto; width:242px;
border:5px solid #1d1d1d;
}
.b_snav{ width:240px;border:1px solid #333534; background:#282c2d;}
.b_snav h2{ 
background:url(../images/iocn_mini2.GIF) no-repeat #313131; background-position:5px 5px;
border:1px solid #6c6c6c;
margin:5px;
padding:5px 5px 5px 25px;
font-size:14px;
color:#d4d4d4;
}
.b_snav h2 span{ font-family:Arial, Helvetica, sans-serif;}
.b_snav ul{ margin:0 0 0 5px;}
.b_snav li{ float:left; width:230px; height:32px;}
.b_snav li a{ 
float:left; width:190px; height:24px; background:url(../images/bg_snav_a2.GIF);
background-position:0 32px;
padding:8px 0 0 40px;
color:#b0aeb1;
}
.b_snav li a:hover{ 
background:url(../images/bg_snav_a2.GIF);
background-position:0 0px;
color:#fff;
}
.b_snav li a span{ font-family:Arial, Helvetica, sans-serif; font-size:10px;}

.bbar{
background:url(../images/iocn_b.GIF) no-repeat; height:74px;
background-position:10px 0;
}
.b_box{ width:672px;margin:10px auto;}
.b_box_t{ margin:10px auto;}
.b_box_t p{ line-height:180%;}
.b_box_list{ 
width:334px; margin:0 0 1px 1px; background:#222;
padding:20px 0 5px 0;
float:left;
}
.b_box_p{ width:112px;  height:121px; float:left; margin:0 26px 0 6px; display:inline;}
.b_box_text{ width:190px; float:left; display:inline;}
.b_box_text h2{ font-size:13px;font-weight:normal;}
.b_box_text h2 a{ text-decoration:underline;}
.b_box_text h2 a:hover{ text-decoration:none;}
.c1 a{ color:#ee6909;}
.c2 a{ color:#5cc4db;}
.c3 a{ color:#ebeced;}
.c4 a{ color:#96ce5b;}
.b_box_text p{ line-height:160%;}

.method{}
.method li{ float:left; display:inline; margin:0 0 1px 1px; width:334px; height:20px;}

.method li a{ 
float:left; display:inline; margin:0 0 1px 1px; width:314px; height:15px; background:#222;
background:url(../images/arrow1.GIF) no-repeat #222;
background-position:5px 8px;
padding:5px 0 0 20px;
}
.method li a:hover{
background:url(../images/arrow1.GIF) no-repeat #333;
background-position:5px 8px;
color:#fff;
}


/*news*/
.newsbar1{ 
background:url(../images/iocn_news.GIF) no-repeat; height:74px;
background-position:40px 0;
}
.newsbar2{ 
background:url(../images/iocn_news2.GIF) no-repeat; height:74px;
background-position:40px 0;
}

.nlist1{ width:670px; margin:10px auto;}
.nlist1 dl{ 
width:670px; background:url(../images/line4.GIF) bottom repeat-x; height:25px;
padding:8px 0;
}
.nlist1 dd{ 
width:470px; float:left; background:url(../images/arrow2.GIF) no-repeat;
background-position:5px 8px;
padding:5px 0 0 30px;
}
.nlist1 dd a:hover{ color:#fff;}
.nlist1 dt{ width:170px; float:left; padding:5px 0 0 0;}
.nlist1 dt a{ background:#333; padding:0px 5px;}

/*knowlege*/
.klg_snavbox{
margin:10px auto; width:242px;
border:5px solid #1d1d1d;
}
.klg_snav{ width:240px;border:1px solid #333534; background:#282c2d;}
.klg_snav h2{ 
background:url(../images/iocn_mini2.GIF) no-repeat #313131; background-position:5px 5px;
border:1px solid #6c6c6c;
margin:5px;
padding:5px 5px 5px 25px;
font-size:14px;
color:#d4d4d4;
}
.klg_snav h2 span{ font-family:Arial, Helvetica, sans-serif;}
.klg_snav ul{ margin:0 0 0 5px;}
.klg_snav li{ float:left; width:230px; height:24px;}
.klg_snav li a{ 
float:left; width:230px; height:18px; 
color:#b0aeb1;
padding:6px 0 0 5px;
}
.klg_snav li a:hover{
background:url(../images/bg_klg_side_h.GIF) repeat-x; 
color:#fff;
}
.klg_snav li a span{ font-family:Arial, Helvetica, sans-serif;}
#klg1 #nklg1 a,#klg2 #nklg2 a,#klg3 #nklg3 a,#klg4 #nklg4 a,#klg5 #nklg5 a,#klg6 #nklg6 a,#klg7 #nklg7 a,#klg8 #nklg8 a,#klg9 #nklg9 a,#klg10 #nklg10 a,#klg11 #nklg11 a{
background:url(../images/bg_klg_side_h.GIF) repeat-x; 
color:#FF5922;
}
.knowlegebar{ 
background:url(../images/iocn_knowlege.GIF) no-repeat; height:74px;
background-position:40px 0;
}
.abbar{ 
background:url(../images/iocn_news3.gif) no-repeat; height:74px;
background-position:40px 0;
}

.servicebar{ 
background:url(../images/kffw_09.GIF) no-repeat; height:74px;
background-position:40px 0;
}
.servicebarbd{ 
background:url(../images/bt.GIF) no-repeat; height:74px;
background-position:40px 0;
}
.hostbar{ 
background:url(../images/host.jpg) no-repeat; height:74px;
background-position:40px 0;
margin-top:6px;
}
.servicebaryd{ 
background:url(../images/yd.GIF) no-repeat; height:74px;
background-position:40px 0;
}
.servicebarmw{ 
background:url(../images/mw.GIF) no-repeat; height:74px;
background-position:40px 0;
}
.serbar1{
 width:630px; margin:5px auto; background:url(../images/iocn_knowlege2.GIF) no-repeat; height:35px;
 padding:0 0 0 40px;
 }
.seript1{ height:18px;}
.serbtn{ height:19px; width:62px; cursor:pointer; background:url(../images/icon_btn3.GIF) no-repeat; border:0;} 

.nlist2{ width:670px; margin:10px auto;}
.nlist2 dl{ 
width:670px; background:url(../images/line4.GIF) bottom repeat-x; height:25px;
padding:8px 0;
}
.nlist2 dd{ 
width:470px; float:left; background:url(../images/arrow2.GIF) no-repeat;
background-position:5px 8px;
padding:5px 0 0 30px;
}
.nlist2 dd a:hover{ color:#fff;}
.nlist2 dt{ width:170px; float:left; padding:5px 0 0 0;
position:relative;
}
.nlist2 dt span{ padding:0px 5px; position:absolute; right:5px; color:#545454;}

.klgtxt{ width:670px; margin:10px auto;}
.klgtxt_t{ text-align:center; padding:8px 0; color:#fff; margin:10px auto; border-bottom:1px solid #333; }
.klgtxt_t2{ text-align:center; font-size:12px; font-weight:normal; margin:0 0 20px 0; color:#666;}
.klgtxt p{ line-height:180%;}
/*solution*/
#slt1 #nslt1 a,#slt2 #nslt2 a,#slt3 #nslt3 a,#slt4 #nslt4 a,#slt5 #nslt5 a,#slt6 #nslt6 a,#slt7 #nslt7 a,#slt8 #nslt8 a,#slt9 #nslt9 a,#slt10 #nslt10 a{
background:url(../images/sub_snav_bg3.gif);
background-position:0 -32px;
color:#FDB400;
}
.slt_btn1{ 
background:url(../images/icon_btn4.GIF);
}
.slt_btn2{ 
 background:url(../images/icon_btn5.GIF);
}

/*program*/
.probar{
 width:670px; margin:5px auto; background:url(../images/iocn_pro.GIF) no-repeat; height:74px;
 }
.pro_t{ text-align:center; padding:8px 0; color:#fff; margin:10px auto; } 
.probox{ width:670px; margin:10px auto;}
.probox img{ max-width:670px; width:auto !important;}
.probox p{ line-height:180%;}


.prefertable{ background:#111; margin-bottom:10px;}
.prefertable td{ padding:5px 3px; background:#222;}