*{
	margin:0;
	padding:0;
}
body{
	font-family:"Helvetica","Arial";
}
img{
	border:0;
}
.hide{display:none;}
.clearfix { *zoom: 1;overflow:visible}
.clearfix:after { content: '\0020';display: block;height: 0;clear: both;font-size: 0;}
.fL{
	display:inline;
	float: left;
}
.fR{
	display:inline;
	float: right;
}
a{
	color: #777;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
.main{
	background: url(../images/bg.png) repeat;
}
.main2{
	background: url(../images/bg2.png) repeat;
}


.totop{
	display:none;
	position:fixed;
	left:50%;
	margin-left:475px;
	bottom:100px;
	width: 54px;
	height:54px;
	cursor:pointer;
	background: url(../images/up.png) no-repeat left top;
}
.totop:hover{
	background-position:0 -56px;
}
.topimg{
	display:block;
	margin:40px auto 45px;
}
/*header*/
#header{
	height:30px;
	width: 100%;
	background: #f2f2f2;
	border-bottom:1px solid #c3c4c5;
    -webkit-box-shadow:0px 0px 4px #666;
    -moz-box-shadow:0px 0px 4px #666;
    box-shadow:0px 0px 4px #666;	
}
.header-main{
	width: 950px;
	margin:0 auto;
	height:30px;
	border:0;
}
.header-main .fL a{
	line-height:30px;
	zoom:1;
	*padding-top:5px;
}
.header-main .fL img{
	vertical-align: middle;
}
.header-main .fL span{
	padding-left:20px;
	font-weight:bold;
	font-size:12px;
	color: #727171;
	font-style:italic;
	font-family: "Helvetica";
}
.header-main .fR a{
	float: left;
	line-height:30px;
	font-size:12px;
	font-family:"Helvetica";
	font-style:italic;
	padding-left:20px;
	color: #777;
	font-weight:bold;
}
.header-main .fR a.cur{
	text-decoration:underline;
}
/*home*/
.home{
	width: 416px;
	height: 333px;
	margin:239px auto 0;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-136px;
	margin-left:-208px;
}

.home dl dd{
	text-align:center;
	margin-top:5px;
	font-size:18px;
	color: #9fa0a0;
	font-style:italic;
	font-family:"Helvetica";
	font-weight:bold;
	/*_color: #666;*/
}
.home-link{
	margin-top:20px;
	display:inline-block;
	text-align:center;
	cursor:pointer;
	float: left;
	overflow:hidden;
	zoom:1;
	text-decoration: none;
	width: 130px;
	height:100px;
}
.home-link dt{
	width: 65px;
	height: 65px;
	margin:0 auto;
	background: url(../images/home-btn.png) no-repeat 0 -69px;
}
.home-link .btn2{
	background-position:-64px -69px;
}
.home-link .btn3{
	background-position:-133px -69px;
}
.home-link:active .btn1{
	background-position:0px 0;
}
.home-link:active .btn2{
	background-position:-64px 0;
}
.home-link:active .btn3{
	background-position:-133px 0;
}
.home-link:hover{
	text-decoration: none;
}
.home-link:hover dd{
	color: #666;
}
/*about*/
#about{
	width: 768px;
	margin:0 auto;
}
#about .con{
	overflow:hidden;
	margin-top:50px;
	zoom:1;
	width: 680px;
	padding-left:60px;
}
#about .con dl{
	width: 340px;
	height:250px;
	float: left;
}
#about .con dd img{
	float: left;
	margin-right:10px;
}
#about .con dd .info{
	zoom:1;
	overflow:hidden;
	word-wrap:break-word;
	clear:both;
}

#about .con dd .info .name{
	font-size:18px;
	color: #727171;
	font-weight:bold;
	font-style:italic;
	font-family:"Helvetica";
	float: left;
	padding:15px 0 10px;
}
#about .con dd .info .des{
	font-size:14px;
	color: #9fa0a0;
	font-weight:bold;
	font-style:italic;
	font-family:"Helvetica";
	float: left;
}
#about .con dt{
	margin-left:26px;
}
#about .con dd{
	overflow:hidden;
	position:relative;
	zoom:1;
}
#about .con .tx{
	position:absolute;
	left:9px;
	top:9px;
}
#about .more{
	background: url(../images/more.png) no-repeat;
	display:block;
	height: 13px;
	width:57px;
	float: right;
	cursor:pointer;
	text-indent:-9999px;
}
#about .more:hover{
	background-position:0 -20px;
	cursor:pointer;
}

/*bar*/
.bar{
	width: 100%;
	height: 164px;
	background: url(../images/bg3.png) repeat-x;
	position:relative;
}
.bar ul{
	text-align:center;
	font-size:0;
}
.bar li{
	display:inline-block;
	*display:inline;
	zoom:1;
	position:relative;

}

.bar .ico{
	display:block;
	width: 160px;
	height: 164px;
	background: url(../images/ico.png) no-repeat 0 center;
}
.bar .ico i{
	display:none;
}
.bar .second{
	background-position: -160px center;
}
.bar .third{
	background-position: -320px center;
}
.bar .forth{
	background-position: -480px center;
}
.bar .fifth{
	background: url(../images/b5.png) no-repeat center center;
}
.bar .ico:hover{
	opacity: 0.6;
	*filter:alpha(opacity=60);
}
.bar .center{
	position:absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	background: url(../images/tbg.png) no-repeat center 60px;
}

/*pannel*/
#pannel{
	width: 950px;
	margin:10px auto 0;
	height: 440px;
	position:relative;
}
#pannel .left{
	display:block;
	width: 76px;
	height: 76px;
	background:url(../images/button.png) no-repeat 0 0;
	opacity:.6;
	position:absolute;
	left:20px;
	top:45%;
	margin-top:-38px;
}
#pannel .left:hover{
	background-position:0 -84px;
	_background-position:0 0;
	opacity:1;
}
#pannel .left:active{
	background-position:0 -164px;
	_background-position:0 0;
	opacity:1;
}
#pannel .right{
	display:block;
	width: 76px;
	height: 76px;
	background:url(../images/button.png) no-repeat -96px 0;
	opacity:.6;
	position:absolute;
	right:20px;
	top:45%;
	margin-top:-38px;
}
#pannel .right:hover{
	background-position:-96px -84px;
	_background-position:-96px 0;
	opacity:1;
}
#pannel .right:active{
	background-position:-96px -164px;
	_background-position:-96px 0;
	opacity:1;
}
.part{
	width: 660px;
	margin:0 auto;
	padding-top:10px;
}
.part .content{
	font-style:italic;
	font-weight:bold;
	font-family:"Helvetica";
	overflow:hidden;
	zoom:1;
	color: #fff;
}
.part .content h2{
	font-size:24px;
}
.part .content p{
	line-height:1.2;
	font-size:10px;
}
.part .content p em{
	font-size:12px;
}
.part .content h3{
	line-height: 3;
	font-size:20px;
}
.part .download-wrap{
	overflow:hidden;
}
.part .download-wrap .fL{
	overflow:hidden;
	*width: 240px;
	zoom:1;
}
.part .download-wrap .inner-line{
	margin-bottom:15px;
	overflow:hidden;
	zoom:1;
}
.part .download-wrap .download{
	display:block;
	zoom:1;
	width: 109px;
	height: 32px;
	background: url(../images/down.png) no-repeat 0 -33px;
	float: left;
}
.part .download-wrap .download:active{
	background-position:0 0;
}
.part .download-wrap span.name{
	float: left;
	margin-left:15px;
	font-size:18px;
	line-height:32px;
}
.part .ip{
	float: left;
	background: url(../images/ip.png) no-repeat;
	width: 198px;
	height: 395px;
	margin-right:26px;
	position:relative;
}
.part .ip .show{
	height: 263px;
	display:block;
	position:absolute;
	left:13px;
	top:66px;
}
.part .ip .show.hide{
	display:none;
}

/*dot-wrap*/
.dot-wrap{
	clear:both;
	text-align: center;
}
.dot-wrap ul{
	margin:0 auto;
}
.dot-wrap li{
	display:inline-block;
	*display:inline;
	zoom:1;
	width: 21px;
	height: 21px;
	background: url(../images/dot.png) no-repeat 0 0;
	margin:0 15px;
	cursor:pointer;
}
.dot-wrap li.cur{
	background-position:-21px 0 ;
}

/*video*/
.videoBox{
	display:none;
	position:fixed;
	*position:absolute;
	left:50%;
	top:50%;
	margin-left:-300px;
	margin-top:-225px;
	*margin-left:-200px;
	*margin-top:-150px;
	z-index:9999;
}
.closeVideo{width:28px;height:28px;background:url(../images/x.png) no-repeat 0 0;position:absolute;z-index:9999;right:-23px;top:-23px;cursor:pointer}
.picbtn{
	margin-left:15px;
}

/*lightbox*/
/* line 6, ../sass/lightbox.sass */
#lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  display: none;
}

/* line 15, ../sass/lightbox.sass */
#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-weight: normal;
}
/* line 24, ../sass/lightbox.sass */
#lightbox img {
  width: auto;
  height: auto;
}
/* line 27, ../sass/lightbox.sass */
#lightbox a img {
  border: none;
}

/* line 30, ../sass/lightbox.sass */
.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 39, ../sass/lightbox.sass */
.lb-container {
  padding: 10px;
}

/* line 42, ../sass/lightbox.sass */
.lb-loader {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

/* line 51, ../sass/lightbox.sass */
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

/* line 59, ../sass/lightbox.sass */
.lb-container > .nav {
  left: 0;
}

/* line 62, ../sass/lightbox.sass */
.lb-nav a {
  outline: none;
}

/* line 65, ../sass/lightbox.sass */
.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  /* Trick IE into showing hover */
  display: block;
}

/* line 72, ../sass/lightbox.sass */
.lb-prev {
  left: 0;
  float: left;
}

/* line 76, ../sass/lightbox.sass */
.lb-next {
  right: 0;
  float: right;
}

/* line 81, ../sass/lightbox.sass */
.lb-prev:hover {
  background: url(../images/prev.png) left 48% no-repeat;
}

/* line 85, ../sass/lightbox.sass */
.lb-next:hover {
  background: url(../images/next.png) right 48% no-repeat;
}

/* line 88, ../sass/lightbox.sass */
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 95, ../sass/lightbox.sass */
.lb-data {
  padding: 0 10px;
  color: #bbbbbb;
}
/* line 98, ../sass/lightbox.sass */
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
/* line 103, ../sass/lightbox.sass */
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
/* line 107, ../sass/lightbox.sass */
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 11px;
}
/* line 112, ../sass/lightbox.sass */
.lb-data .lb-close {
  width: 35px;
  float: right;
  padding-bottom: 0.7em;
  outline: none;
}
/* line 117, ../sass/lightbox.sass */
.lb-data .lb-close:hover {
  cursor: pointer;
}