﻿@charset "utf-8";
/*
HIXI NETWORK TECHNOLOGY CO., LTD.
2011/12/05
汇贤互动公司版权所有
汇贤团队成员修改文件时请标明注释、修改者名字、修改时间
*/
*{margin: 0; padding: 0;}

html {overflow-x:hidden;}

body {font-size:12px; color:#262626; background-color:#46bafe; }

li {list-style:none;}

a {text-decoration:none;}
a:hover{text-decoration:underline;}

a img {border:none;}

.undis {display:none;}

.clear {clear:both; line-height:0px; height:0px;}
.clear2{height:20px; display:block;}

.warp{width:999px; margin:0 auto;}

.lines{width:999px; height:20px; margin-top:15px; }


/* Index
-------------------------------------------------------------------*/
	.head{height:95px; width:100%; background-color:#FFFFFF; }
	.head .top{ width:999px; padding-top:10px; }	
	.head .top a.logo{width:300px; height:45px; background:url(../bg/logo.gif) no-repeat; float:left; display:block;}	

	.head .top span.search{ width:220px; height:35px; float:right; background:url(../bg/search-1.gif) no-repeat; position:relative;}
	.head .top span.search .biaogeD { font-size:12px; line-height:22px; color:#b2b2b2; background:url(../bg/bg_search.gif) no-repeat; text-indent:5px; height:22px; width:181px; text-align: left; border:0; float:left; position:absolute; top:20px; }	
	.head .top span.search .go{background:url(../bg/search_go.gif) no-repeat; width:34px; height:22px; border:0; display:block; float:left; position:absolute; top:20px; left:181px; }			
	
	.nav{width:999px; margin-top:10px; height:30px;}
	.nav ul{}	
	.nav ul li{float:left; background:url(../bg/nav_line.gif) left no-repeat; margin-right:20px; width:105px; height:30px; list-style-type:none; }
    .nav ul li a{font-size:14px; color:#46bafe; font-weight:600; text-align:left; padding-left:10px; line-height:20px; }

/*Main*/
    #main{width:100%; background:url(../bg/body.gif) repeat-x; }	
    .banner{height:300px;}

 											
	
 											
/*Footer*/	
    .footer{background-color:#FFFFFF; position:relative;}
    .footer h4{height:8px; width:999px; background-color:#CCCCCC;}	
    .footer div.copyright{width:980px; height:40px; padding:5px 10px 0 9px;}	
    .footer div.copyright h3{ float:left; text-align:left; font-size:12px; color:#262626; line-height:16px; width:980px; height:34px; font-weight:normal;}
    .footer div.copyright h3 a{color:#46bafe;}
	
/*Content*/
    .contentmain{background-color:#FFFFFF; display:table; }
    .content2{background-color:#FFFFFF; display:table-row; }
    .content2 div{display:table-cell; }		
    .content2 .box1{width:199px; float:left;}
    .content2 .box1 h4{height:8px; background-color:#ABB7C3; width:199px;}	
    .content2 .box1 h2{height:40px; background-color:#85919F; width:179px; color:#262626; padding-left:20px; line-height:44px;}
    .content2 .box1 ul.cate{width:199px; background-color:#FFFFFF;}		
    .content2 .box1 ul.cate li{ font-size:12px; line-height:30px; height:30px; }
    .content2 .box1 ul.cate li a{color:#46bafe; display:block; padding-left:20px;}	
    .content2 .box1 ul.cate li a.hover{background-color:#EFE8CC; display:block; color:#000000;}		
    .content2 .box1 ul.cate li a:hover{background-color:#EFE8CC; display:block; color:#000000;}			
	
    .content2 .box2{width:599px; float:left; border-left:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px;}
    .content2 .box2 h4{height:8px; background-color:#EFE8CC; width:599px;}
    .content2 .box2 h2{padding:10px 20px 10px 20px; width:559px; background-color:#EFE8CC; font-weight: normal; color:#0D53A9; font-size:14px; line-height:18px;}	
    .content2 .box2 .txt{background-color:#FFFFFF; padding:20px 20px 20px 0px; width:559px;}
	
    .content2 .box2 .list{background-color:#FFFFFF; padding:14px 20px 20px 20px; width:559px;}
    .content2 .box2 .list ul{}
    .content2 .box2 .list ul li{line-height:28px; border-bottom: dashed #999999 1px; }		
    .content2 .box2 .list ul li a{ background: url(../bg/ico_3.gif) no-repeat 6px center; padding-left: 15px; color:#262626;}
    .content2 .box2 .list ul li a:hover{ color:#46bafe; }	
    .content2 .box2 .list ul li a span {float:right; padding-right:5px; } 			
			
    .content2 .box3{width:199px; float:left;}		
    .content2 .box3 h4{height:8px; background-color:#ABB7C3; width:199px;}
    .content2 .box3 .show{background-color:#FFFFFF; width:160px; padding:10px 20px 20px 19px;}			
    .content2 .box3 .show a{ color:#ff0000;}	
	

/*Solution*/
    .content3{background-color:#FFFFFF; display:table-row;}
    .content3 strong{background:url(../bg/ico_2.jpg) repeat-x #EFE8CC; height:80px; width:980px; display:block; color:#0D53A9; padding-left:20px; font-size:26px; line-height:80px; font-weight:normal;}	
    .content3 div{display:table-cell;}		
    .content3 .box{width:332px; height:165px; float:left; border-right:#CCCCCC solid 1px; background-color:#FFFFFF;}
    .content3 .box h4{height:10px; _height:10px; background-color:#85919F; width:332px;}	
    .content3 .box h2{font-size:16px; padding:20px 0 20px 20px;}
    .content3 .box h2 a{color:#9D784B; font-size:16px; line-height:16px;}	
    .content3 .box div{ width:312px; padding-left:20px;}
    .content3 .box div img{width:60px; height:60px; float:left;}
    .content3 .box div p{width:230px; height:60px; float:right; padding-right:10px;}
    .content3 .box div p a{color:#46bafe; font-size:12px; display:block; }		
	
    .content3 .box2{width:332px; height:165px; float:left; border-right:#CCCCCC solid 1px; background-color:#FFFFFF;}
    .content3 .box2 h4{height:10px; _height:10px; background-color:#ABB7C3; width:332px;}	
    .content3 .box2 h2{font-size:16px; padding:20px 0 20px 20px;}
    .content3 .box2 h2 a{color:#9D784B; font-size:16px; line-height:16px;}	
    .content3 .box2 div{ width:312px; padding-left:20px;}
    .content3 .box2 div img{width:60px; height:60px; float:left;}
    .content3 .box2 div p{width:230px; height:60px; float:right; padding-right:10px;}
    .content3 .box2 div p a{color:#46bafe; font-size:12px; display:block; }
	

	
/*Product*/
    .content4{background-color:#FFFFFF; display:table-row;}
    .content4 strong{background:url(../bg/ico_2.jpg) repeat-x #EFE8CC; height:80px; width:980px; display:block; color:#46bafe; padding-left:20px; font-size:26px; line-height:80px; font-weight:normal;}	
    .content4 div{display:table-cell;}		
    .content4 .box1{width:332px; height:165px; float:left; border-right:#CCCCCC solid 1px; background-color:#FFFFFF;}
    .content4 .box1 h4{height:10px; _height:10px; background-color:#85919F; width:332px;}	
    .content4 .box1 h2{color:#9D784B; font-size:16px; line-height:16px; padding:20px 0 20px 20px;}
    .content4 .box1 div{ width:312px; padding-left:20px;}
    .content4 .box1 div img{width:60px; height:90px; float:left;}
    .content4 .box1 div p{width:240px; height:90px; float:right;}
    .content4 .box1 div p a{color:#46bafe; font-size:12px; display:block; }				
	
    .content4 .box2{width:332px; height:165px; float:left; border-right:#CCCCCC solid 1px; background-color:#FFFFFF;}
    .content4 .box2 h4{height:10px; _height:10px; background-color:#ABB7C3; width:332px;}	
    .content4 .box2 h2{color:#9D784B; font-size:16px; line-height:16px; padding:20px 0 20px 20px;}
    .content4 .box2 div{ width:312px; padding-left:20px;}
    .content4 .box2 div img{width:60px; height:90px; float:left;}
    .content4 .box2 div p{width:240px; height:90px; float:right;}
    .content4 .box2 div p a{color:#46bafe; font-size:12px; display:block; }
	
/*Product list*/	
    .content5{background-color:#FFFFFF; display:table-row; }
    .content5 div{display:table-cell; }		
    .content5 .box1{width:239px; float:left;}
    .content5 .box1 h4{height:8px; background-color:#ABB7C3; width:239px;}	
    .content5 .box1 h2{height:40px; background-color:#85919F; width:219px; color:#CC0001; padding-left:20px; line-height:44px; font-size:18px;}
    #cate{width:239px; background-color:#FFFFFF; line-height: 24px; list-style-type: none; text-align:left;}
    #cate a{color:#CC0001; display:block; padding-left:20px;}
    #cate li{ border-bottom:#FFF 1px solid; font-size:12px; line-height:30px;  }
    #cate li a{color:#46bafe; display:block; padding-left:20px; height:30px; }
    #cate li a.hover{background:url(../bg/list_bg.gif) repeat-x; display:block; color:#FFFFFF;}	
    #cate li a:hover{background:url(../bg/list_bg.gif) repeat-x; display:block; color:#FFFFFF;}		
    #cate li ul{list-style:none;  }
    #cate li ul li{font-weight:normal; }
    #cate li ul a{padding-left:20px; width:219px;color:#000000}
    #cate li ul a:hover{color:#FFFFFFF; text-decoration:none; font-weight:normal; background:#CC0001;}
    #cate li ul a.hover{color:#FFFFFF; background:#CC0001;}
    #cate li:hover ul{left: auto; }
    #cate li.sfhover ul{left: auto; }
    #cate ul.collapsed{display: none; }		
	
    .content5 .box2{width:599px; float:left; border-left:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px;}
	
    .content5 .box2 .dl{width:299px; height:165px; float:left; border-right:#CCCCCC solid 1px; background-color:#FFFFFF;}	
    .content5 .box2 .dl h4{height:10px; _height:10px; background-color:#85919F; width:299px;}	
    .content5 .box2 .dl h2{color:#D30000; font-size:16px; line-height:16px; padding:20px 0 20px 20px;}
    .content5 .box2 .dl div{ width:276px; padding-left:20px;}
    .content5 .box2 .dl div img{width:60px; height:90px; float:left;}
    .content5 .box2 .dl div p{width:210px; height:90px; float:right;}
    .content5 .box2 .dl div p a{color:#46bafe; font-size:12px; display:block; }				
	
    .content5 .box2 .dl2{width:299px; height:165px; float:left; background-color:#FFFFFF;}
    .content5 .box2 .dl2 h4{height:10px; _height:10px; background-color:#ABB7C3; width:299px;}	
    .content5 .box2 .dl2 h2{color:#D30000; font-size:16px; line-height:16px; padding:20px 0 20px 20px;}
    .content5 .box2 .dl2 div{ width:276px; padding-left:20px;}
    .content5 .box2 .dl2 div img{width:60px; height:90px; float:left;}
    .content5 .box2 .dl2 div p{width:210px; height:90px; float:right;}
    .content5 .box2 .dl2 div p a{color:#46bafe; font-size:12px; display:block; }		
			
    .content5 .box3{width:199px; float:left;}		
    .content5 .box3 h4{height:8px; background-color:#EFE8CC; width:199px;}
    .content5 .box3 .show{background-color:#FFFFFF; width:160px; padding:10px 20px 20px 19px;}		
    .content5 .box3 .show a{ color:#ff0000;}		


/*Product show*/		
    .content6{background-color:#FFFFFF; display:table-row; }
    .content6 div{display:table-cell; }		
    .content6 .box1{width:199px; float:left; border-right:#CCCCCC solid 1px;}
    .content6 .box1 h4{height:8px; background-color:#ABB7C3; width:199px;}	
    .content6 .box1 h2{height:40px; background-color:#85919F; width:179px; color:#262626; padding-left:20px; line-height:44px;}

    .content6 .box2{width:599px; float:left; border-right:#CCCCCC solid 1px;}
    .content6 .box2 h4{height:8px; background-color:#EFE8CC; width:599px;}
    .content6 .box2 .mainer{width:599px; margin-bottom:10px;}	
    .content6 .box2 .mainer h2{padding:10px 20px 10px 20px; width:559px; background-color:#EFE8CC;}

    .content6 .box2 .mainer .txt{background-color:#FFFFFF; padding:20px 20px 20px 0px; width:579px;}
	
		
			
    .content6 .box3{width:199px; float:left;}		
    .content6 .box3 h4{height:8px; background-color:#ABB7C3; width:199px;}
    .content6 .box3 .show{background-color:#FFFFFF; width:160px; padding:10px 20px 20px 19px; color:#9A774D; font-size:14px;}	
    .content6 .box3 .show a{background:url(../bg/pdf.gif) center left no-repeat; padding-left:20px; padding-top:6px; display:block; color:#ff0000; line-height:20px;}	


/*Pages*/	
    #pages { padding:0 0 10px 0;}
    #pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px;}
    #pages a.a1 { background:#FFFFFF; width:56px; }
    #pages a:hover { background:#754d78; color:#FFFFFF; text-decoration:none; }
    #pages span { display:inline-block; height:22px; line-height:22px; background:#339967; border:1px solid #339967; color:#fff; text-align:center; padding:0 10px;}
    .page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; background:url(../bg/titleBg.png) repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }	



.pn{ border-top:1px dashed #e6e6e6; margin:0 15px 0 10px; width:550px;}
.pn ul{ float:right; height:14px; }
.pn ul li{ float:left; padding:0 10px 0 10px;}
.pn ul li a{ display:block; _width:1px; white-space:nowrap; line-height:22px; color:#000; text-transform:uppercase; font-size:10px; }



.c{text-align:left; overflow:hidden; *display:inline-block;}
.c ul{ margin:10px;}
.c li{border-bottom:1px dashed #CCC; margin-top:18px;}
.c li div p{ line-height:25px; margin-top:6px; font-size:12px; color:#999;}
.c li div.adds{ font-size:12px; margin:10px 4px;}
.c li a img{float:left; border:1px solid #ADCBE9; padding:2px; background:#FFF; margin-right:10px;}
.c li a:hover img{background:#efefef;}
.c .a2{ margin:10px;}
