﻿@charset "utf-8";

#mainkv{width:100%; height:568px; background:url(../p3images/main_bg.jpg) no-repeat center top}
#mainkv .kv{width:960px; margin:0 auto; padding:0; position:relative; z-index:5}

#box{width:960px;}  
#box ul{margin:0;padding:0;list-style:none} 

#tab{ position:absolute; left:30px; top:478px; z-index:6; width:900px; height:50px; background-color:#000}  
#tab li{float:left; width:110px; height:50px; line-height:50px; color:#fff; text-align:center; cursor:pointer}  
#tab li.on{ background:url(../p3images/menuback01.gif)}  
#tab li a{float:left; width:110px; height:50px; line-height:50px; color:#fff; text-align:center; cursor:pointer; text-decoration:none}  
#tab li a:hover{ background:url(../p3images/menuback01.gif)}  

#tab_con{ position:absolute; left:0px; top:0px; z-index:5;}  
#tab_con li{display:none}  
#tab_con #tab_con_1{display:block}  
.kvbox{float:left; width:958px; height:487px; overflow:hidden; border:1px solid #000; position:relative}
.kvbox span.link{width:960px; height:487px; z-index:3; position:absolute; left:0px; top:0px; cursor:pointer; background:url(/b2b/images/space.gif)}
.kvbox span.kvflash{width:960px; height:487px; z-index:2; position:absolute; left:0px; top:0px} 

#tab_smallmenu{ position:absolute; width:900px; height:40px; left:30px; top:528px;}
#tab_smallmenu_1{float:left; width:860px; height:40px;}
#tab_smallmenu_2{float:left; width:400px; height:40px;}
#tab_smallmenu_3{float:left; width:579px; height:40px;}
#tab_smallmenu_4{float:left; width:579px; height:40px;}
#tab_smallmenu_5{float:left; width:579px; height:40px;}
#tab_smallmenu_6{float:right; width:340px; height:40px;}
#tab_smallmenu_7{float:left; width:579px; height:40px;}
#tab_smallmenu_8{float:right; width:340px; height:40px;}

.back01{background:url(../p3images/con_back01.gif) repeat-x left top; line-height:40px; color:#80D4F0}
.back01 span{margin-left:20px; display:inline;} 
.back01 a{color:#fff; text-decoration:none}
.back01 a:hover{ text-decoration:underline}

.main_left{float:left; width:215px; border-right:1px solid #CCCCCC; border-top:1px solid #CCCCCC; margin-top:20px}
.main_left ul{float:left}
.main_left ul li{float:left; width:215px; border-bottom:1px solid #ccc}
.main_left ul li a{float:left; width:215px; height:48px; text-indent:-9999px; cursor:pointer; background-image:url(../p3images/leftmenu.gif); background-repeat:no-repeat}

.main_left ul li.lnav01 a{ background-position:left top}
.main_left ul li.lnav01 a:hover{ background-position:-215px top}
.main_left ul li.lnav01 a.current{ background-position:-215px top}

.main_left ul li.lnav02 a{ background-position:left -48px}
.main_left ul li.lnav02 a:hover{ background-position:-215px -48px}
.main_left ul li.lnav02 a.current{ background-position:-215px -48px}

.main_left ul li.lnav03 a{ background-position:left -96px}
.main_left ul li.lnav03 a:hover{ background-position:-215px -96px}
.main_left ul li.lnav03 a.current{ background-position:-215px -96px}

.main_left dl{float:left; margin-top:20px}
.main_left dl dt{float:left; margin-top:11px; display:inline}
.main_left dl dt img{float:left; cursor:pointer}


.main_right{float:left; width:710px; height:507px; overflow:hidden; border-top:1px solid #CCCCCC; margin-top:20px; padding-left:20px}


.main_list{float:left; width:710px; display:inline}
.main_list dl{float:left; width:236px; height:254px; overflow:hidden; border-bottom:1px solid #ccc}
.main_list dl dt{float:left; width:236px; height:155px; margin-top:40px; display:inline; overflow:hidden}
.main_list dl dd{float:left; width:236px; text-align:center}

.main_space{float:left; width:960px; height:30px; border-top:1px solid #ccc; margin-top:40px; display:inline}

.main_news{float:left; width:336px; height:170px; display:inline; overflow:hidden; border-right:1px solid #DCDCDC}
.main_news ul {float:left; width:336px;}
.main_news ul li {float:left; width:300px; height:21px; line-height:21px; margin-left:12px; background:url(../p3images/con_small01.gif) no-repeat 2px center; padding-left:11px; display:inline}

h2.title{float:left; width:100%; height:50px; display:inline; margin-top:4px; display:inline}
h2.title img{float:left; margin-left:11px; display:inline}
h2.title span{float:right; margin:8px 30px 0 0; display:inline}

.main_projects{float:left; width:336px; height:170px; display:inline; border-right:1px solid #DCDCDC; margin-left:19px; display:inline}
.main_projects dl{float:left; margin-left:11px; display:inline}
.main_projects dl dt{float:left; width:179px}
.main_projects dl dt img{float:left;}
.main_projects dl dd{float:left; width:135px; display:inline}
.main_projects dl dd span.p01{float:left; width:125px; height:20px; background:url(../p3images/con_small01.gif) no-repeat left center; padding-left:9px; display:inline}


.main_service{float:left; width:140px; margin-left:19px; display:inline}
.main_service dl{float:left; width:140px; margin-left:11px; display:inline}
.main_service dl dd{float:left; width:140px; margin-bottom:8px; display:inline}
.main_service dl dd img{margin-right:10px}
