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

#home { margin:0 auto; width:1000px; padding:0px; font-size:1.1em; }
#home #banner { margin:0px; padding:0; overflow:hidden;position:relative; width:1000px; height:340px; background:#181818; }
#home #banner .slider{ position:absolute;}
#home #banner .slider li{ list-style:none;display:inline; margin:0; padding:0; float:left; }
#home #banner .slider img{ width:1000px; display:block; }
#home #banner .slider2{ width:2000px;}
#home #banner .slider2 li{ float:left; display:inline; }
#home #banner .num{ position:absolute; right:5px; bottom:5px;}
#home #banner .num li{ float:left; color:#000; text-align:center; display:inline; line-height:16px; width:16px; height:16px; font-family:Arial; font-size:11px; cursor:pointer; overflow:hidden; margin:3px; background:none repeat scroll 0 0 #FFF; opacity:0.4; filter:alpha(opacity=40); }
#home #banner .num li.on{ color:#000; font-weight:bold; line-height:16px; width:16px; height:16px; font-size:11px; border:0; background-color:none repeat scroll 0 0 #FFFFFF; font-weight:bold; opacity:0.8; filter:alpha(opacity=80); }
#home #banner img { margin:0; padding:0; }


#home #home-m { width:1000px; margin:0 auto; padding:0; overflow:hidden;}
#home #home-m .contant { margin:10px auto 0 auto; padding:0;  }
#home #home-m .contant .left { width:998px; float:left;  background:#fff;  border: 1px solid #DDD; border-radius: 5px 5px 5px 5px;
    box-shadow: 0 2px 2px #DDD; margin-bottom:5px;} 
#home #home-m .contant .right { width:203px;  float:right; overflow:hidden; text-align:right;}
 
 

#home-products { font-family: Arial,Helvetica,sans-serif; }
#home-products ul {  margin:0; padding:0; width: 1000px; background:none;  }
#home-products ul li { width:310px; float:left; margin:15px 0 0 20px; padding:0; list-style:none; height:190px; position:relative;  }
#home-products ul li ul{ margin:0; padding:0; width:310px;  background:none; }
#home-products ul li ul li { padding: 0; width: 310px; margin:0; list-style:none; display: block; position:static !important; }
.product-windows { background: none repeat scroll 0 0 #FFF; color: #666; margin:0; padding:0;}
.product-windows .con, .product-mac .con { width:310px; padding:0; margin:0;  }
.product-windows .con .int, .product-mac .int { float: left; font-size: 12px; width: 180px;}
.product-windows .con .int .trial-d, .product-mac .int .trial-d { color:#08c; margin-top:10px;}
.product-windows .con .int .trial-d .learn, .product-mac .int .trial-d .learn { float:left; background:url(../../images/homelearnmorebg.jpg) center right no-repeat; width:82px; font-size:13px; font-weight:700; }
.product-windows .con .int .trial-d .trial, .product-mac .int .trial-d .trial { margin-left:10px; float:left; background:url(../../images/hometrialbg.jpg) center left no-repeat; width:88px;font-size:13px; font-weight:700; text-indent:19px; }
.product-windows .con .int .trial-d a, .product-mac .int .trial-d a { color:#08c; text-decoration:none;}
.product-windows .con .int h3, .product-mac .int h3 { color: #333;font-size: 14px; line-height: 25px;margin: 0px 0 15px 0; padding: 0; overflow: auto;}
.product-windows .con .pic, .product-mac .con .pic { float: right; width: 120px; margin:26px 0 0 0; display:inline; z-index:-10;}
.product-windows .con .pic img, .product-mac .con .pic img { border: 1px solid #DDD;  border-radius: 0 15px 0 15px; margin-top: 0px; box-shadow: 0 1px 2px #DDD; width:120px; z-index:-10;}
.product-mac { background: none repeat scroll 0 0 #FFF; color: #666; margin:0; padding:0; }
.product-tab {
	background: url(../../images/homeptabbgb.jpg) top  left no-repeat;
	width: 116px;
	line-height:22px;
	height:25px;
	position:absolute;
	top:0;
	right:0;
	z-index:50;
}
.product-tab a { font-size: 12px; text-decoration: none;  color:#666; padding-left:30px; padding-right:6px; padding-bottom:5px; padding-top:5px; }
.product-tab a.current { background: url( ) no-repeat scroll center bottom transparent; color: #0088CC;}
.product-tab .windows, .product-tab .mac { height: 24px; line-height: 24px; background: url(../../images/win-bg.jpg) top left no-repeat; width:58px; overflow:hidden;}
.product-tab .mac { background: url(../../images/mac-bg.jpg) top right no-repeat;}
.clear { clear: both;}