/* Global properties ======================================================== */
html, body {width:100%; padding:0; margin:0;}

body { 	 
	font: 14px/18px "Times New Roman", Times, serif;
	color:#6f6f6f;
	min-width:980px;
	background: #dddfdf;
}
.ic {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
/*.bg-1 {background:url(../images/bg-1.jpg) center 0 repeat-x #fff; width:100%;}*/
.bg-1 {background:url(../images/siteBackground.jpg) center 0 repeat #fff; width:100%;}
.bg-2 {background:url(../images/bg-2.png) center 0 no-repeat; width:100%;}
.bg-3 {background:url(../images/bg-3.png) center bottom no-repeat; width:100%;}
.bg-4 {background:#fff; width:100%; }
.bg-5 {background:url(../images/bg-5.jpg) center 0 no-repeat; width:100%;}
.bg-6 {background:url(../images/bg-6.png) center 0 no-repeat; width:100%;}
.bg-7 {background:url() center 0 repeat #fff; width:100%;}
.font1 {color: rgb(108, 109, 113);font-size: 12px;font-weight: normal;line-height: 150%;}
.font2 {
font-size: 13px;
color: rgb(51, 51, 51);
font-weight: bold;
word-spacing: -0.1em;
}
.font3 {
font-size: 12px;
color: rgb(51, 51, 51);
font-weight: bold;
word-spacing: -0.1em;
}
address {
font-size: 11px;
line-height: 15px;
margin-bottom: 8px;
}

/***********************************************************************/
a {text-decoration:none; cursor:pointer;}
a:hover {text-decoration:none;}

.button {background:#ef6f53; color:#fff; font-size:18px; line-height:24px; padding:4px 12px 10px 12px; display:inline-block;}
.button:hover {background:#636f6f; }

.link {color:#7cb6b6; text-decoration:none;text-decoration:underline; }
.link:hover {text-decoration:none;}

.link-1 {color:#424242; font-size:14px; line-height:18px;  text-decoration:underline; display:inline-block; }
.link-1:hover {text-decoration:underline; color:#7cb6b6;}

.link-2 {color:rgb(0, 136, 204);; font-size:14px; line-height:18px; text-decoration:none; display:inline-block;
white-space: nowrap;background-image: url("../images/index.gif") no-repeat scroll 100% 50% transparent; padding-right: 10px;}
.link-2:hover {text-decoration:underline; color:#7cb6b6;}

.link-3 {color:#424242; font-size:14px; line-height:18px; text-decoration:none;}
.link-3:hover {text-decoration:underline; color:#7cb6b6;}

.clr-1 { color:#b7273a;}
.clr-2 { color:#ee8c1b;}
.clr-3 { color:#48484e;}
.clr-4 { color:#bec0c0;}
.clr-5 { color:#b7283b;}
.bg-clr-1 { background:#b7273a;}
.bg-clr-2 { background:#ee8c1b;}
.bg-clr-3 { background:#48484e;}
.bg-clr-4 { background:#bec0c0;}

h2 { font-size:28px; line-height:32px; color:#48484e; font-weight:normal;  text-shadow:#fff 1px 1px 2px;}
h3 { font-size:30px; line-height:36px; color:#48484e; font-weight:normal;   text-shadow:#fff 1px 1px 2px;}
h4 { font-size:36px; line-height:48px; color:#48484e; font-weight:normal;  text-shadow:#fff 1px 1px 2px;}

ul {margin:0; padding:0;list-style-image:none;}
ul.list-1 li {padding:0px 0 12px 17px; line-height:18px; background:url(../images/marker.gif) 0 7px no-repeat;}
ul.list-1 li a { font-size:14px; color:#7cb6b6; line-height:18px; font-weight:bold; text-decoration:underline;}
ul.list-1 li a:hover {text-decoration:none;}

/******************************************************************/
.clear {clear:both; line-height:0; font-size:0; width:100%;}
.wrapper {width:100%; overflow:hidden; position:relative}
.wrap {overflow:hidden; position:relative;}
.extra-wrap {overflow:hidden;}
.fleft {float:left;}
.fright {float:right;}
.nowrap {white-space:nowrap;} 
.img-indent {float:left; margin:3px 20px 0px 0;}	

.last {margin-right:0px !important; padding-right:0px !important;}

.top-1 {padding-top:58px;}
.top-2 {padding-top:50px;}
.top-3 {padding-top:28px;}
.top-4 {padding-top:10px;}
.top-5 {padding-top:17px;}
.top-6 {margin-top:28px;}

/*.left-1 { margin-left:265px;}*/

.bot-0 {padding-bottom:0 !important; margin-bottom:0 !important;}
.bot-1 {padding-bottom:34px;}
.bot-2 { padding-bottom:40px;}
.bot-3 {padding-bottom:32px;}
.bot-4 {padding-bottom:67px;}

.pad-0 {padding:0px 0px 0px 0px;}
.pad-1 { margin:5px 0 21px 0;}
.pad-2 { margin:5px 0 9px 0;}
.pad-3 { margin:5px 0 25px 0;}
.pad-4 { margin:18px 0 12px 0; }

.p1 {padding-bottom:24px;}

/*********************************header*************************************/
header {width:958px; margin:0px auto; padding-top:9px; z-index:101; position:relative; }
.main {padding:0px;  position:relative;margin:0px auto;text-align:center;} 

h1 {display:inline-block; z-index:100; position:absolute; left:358px; top:-19px; z-index:111; }
h1.logo-sub-pages {height:116px; overflow:hidden;}

nav { }
.nav {width:950px; height:53px; background:url(../images/nav-bg.png) 4px 0 no-repeat; position:absolute; left:0px; top:0px; z-index:110;  }
.nav-sub-pages {width:950px; height:53px;  background:url(../images/nav-sub-pages.jpg) 0 0 no-repeat; }
ul.menu {display:inline-block; margin-top:5px; margin-left:13px;}
ul.menu li {float:left; line-height:20px; margin-right:5px; background:url(../images/transp.png) 0 0 repeat-x; border-right:transparent 1px solid; border-bottom:transparent 1px solid; text-align:center; width:150px; border-radius:6px;}
ul.menu li:hover, ul.menu li.current  { background:url(../images/menu-btn.png) 0 0 repeat-x; border-right:#4d4e52 1px solid; border-bottom:#4d4e52 1px solid; }
ul.menu li a { color:#fff; font-size:12px; line-height:20px;  font-weight:bold; text-shadow:#525256 1px 1px 2px;padding:5px 0px 6px 0px; display:block; }

/*********************************content*************************************/
#content {width:100%; position:relative;}

.indeximg {position:relative; width:950px; margin:0 auto; padding:20px 0px 30px 0px;}
.indeximg img {box-shadow: 0px 2px 3px 2px #808080;}

.boxes {
	padding:30px 0;
}
.boxes li {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0px 5px 4px 0px #808080;
	width:205px;
	float:left;
	margin:0 16px;
	list-style:none;
}
.boxes li:hover {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0px 5px 4px 0px #464646;
	margin:0 16px;
	list-style:none;
}
.boxes li img {
	margin:20px 20px 10px 20px;
	border:1px solid #e3e3e3;
}
.boxes li h2 {
	text-align:center;
}
.boxes li p {
	padding:0 20px;
}
.boxes li button {
	margin:10px 20px;
	background:#749b29;
	padding:3px 10px;
	cursor:pointer;
	font-size:24px;
	font-family: 'Lobster', sans-serif;
	border:0;
	color:#ffffff;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.banner-bg {background:url(../images/banner-bg.png) 0 0 no-repeat; margin:10px 0 0 135px;}
.banner-bg a {display:block; width:333px; height:152px; background:url(../images/banner.png) 0 0 no-repeat; margin-left:174px;}

.img-border {background:#fff; display:inline-block; padding:4px; box-shadow:#c6c7c7 0px 0px 5px;}
.border-bot {border-bottom:#cecece 1px solid; padding-bottom:8px; margin-bottom:7px; }
.border-left {border-left:#cecece 1px solid; padding-left:38px; }
.border-1 {background:url(../images/border-1.jpg) center bottom no-repeat; padding-bottom:8px; }
.line {background:url(../images/line.png) 0 0 no-repeat; width:950px; height:18px; position:absolute; top:-9px; left:0; z-index:111;}

.box-1 {text-align:center; padding-top:9px;}
.box-1 h2 {margin-bottom:14px; }
.box-1 p {margin:16px 5px 11px 5px;}

.font-1 {color:#b7273a; font-size:48px; line-height:60px;  text-align:center;}
.font-1 span {color:#48484e; font-size:36px; font-weight:normal; }
.font-1 strong {display:block; margin-top:-20px;}

.number {overflow:hidden; margin-bottom:18px;}
.number>strong {display:block; width:50px; height:50px; overflow:hidden; float:left; text-align:center; border-radius:25px; font-size:18px; line-height:50px; color:#fff;  margin:4px 11px 0 0;}

.call {overflow:hidden; padding:36px 0 32px 0;}
.call span {display:block; width:465px; float:left; font-size:24px; line-height:30px; color:#4d4d4d; text-transform:uppercase;}
.call span:first-child {text-align:right;}
.call span+span {text-align:left; margin-left:20px;}
.call span+span strong {display:block; margin-top:-6px; font-weight:normal;}

.box-2 {text-align:center;}
.box-2 h3 {margin-bottom:14px; }
.box-2 p {margin:16px 5px 11px 5px;}
.box-2 p strong {display:block; padding-bottom:6px; }

.number-2 {overflow:hidden;}
.number-2 h2 {padding-bottom:6px;}
.number-2>strong {display:block; width:34px; height:34px; overflow:hidden; float:left; text-align:center; border-radius:17px; font-size:16px; line-height:34px; color:#fff; margin:4px 6px 0 0;}

.box-3 {}
.box-3 p {margin-top:16px; }
.box-3 p i+i {padding-bottom:4px; display:block;}

.number-3 {overflow:hidden;}
.number-3>strong {display:block; width:34px; height:34px; overflow:hidden; float:left; text-align:center; border-radius:17px; font-size:16px; line-height:34px; color:#fff;  margin:4px 6px 0 0;}

.box-4 {overflow:hidden; margin-right:10px; }
.box-4 .fleft { width:300px; margin-right:20px; margin-top:6px;}
.box-4 p {padding-top:13px;}

.box-5 {}
.box-5 p {margin-top:22px;}
.box-5 p strong {display:block; padding-bottom:7px; }

ul.list {margin-top:12px; width:240px; float:left; margin-right:40px;}
.list li {
  overflow: hidden; 
  vertical-align: top;
  padding:0px 0 10px 15px; line-height:20px; background:url(../images/marker.gif) 0 6px no-repeat;
 }
 .list li em {
  background: url(../images/line-hor.gif) repeat-x 0% 15px;
  display: block; 
  overflow: hidden;
 }
 .list li span {
  float: right;
  font-size:16px;
  color:#4a4a4f;
 }
 .list li strong {
  float: left;
  font-size:14px; color:#7cb6b6; line-height:20px; font-weight:bold;
 }

/****************************footer************************/
footer { width:950px; margin:0 auto; position:relative; overflow:hidden; padding:17px 0 0px 0; text-align:center;} 

/**********************form**********************/
dl.adr {color:#48484e;}
dl.adr dt {margin:18px 0 6px 0;}
dl.adr dd span { width:62px; text-align:right; display:block; float:left; margin-right:15px;}
dl.adr dd {}
dl.adr dd a {}
dl.adr dd a:hover {}
#form { margin: 22px 0 0px 0px; width:630px; }
#form input {border:#cdcdcd 1px solid; background:#eaeaea; font-size:14px; font-family: "Times New Roman", Times, serif; color:#4d4d4d; padding:5px 10px 6px 10px;outline: medium none; width: 542px; height:18px; float:left;}
#form textarea {border:#cdcdcd 1px solid; background:#eaeaea; font-size:14px; font-family: "Times New Roman", Times, serif; color:#4d4d4d; height: 97px;outline: medium none;overflow: auto; padding: 4px 0px 0px 10px;width: 552px;resize:none;margin:0px 0 0 0;float:left;}
#form label {position:relative;display: block;min-height:38px;}
.btns {text-align:right; overflow:hidden; width:630px;}
.btns a {display:inline-block; margin:5px 0px 0 23px;}
#form label strong {float:left; text-align:right; display:block; padding-top:7px; line-height:18px; width:59px; color:#48484e; font-weight:normal; margin-right:7px; white-space:nowrap;} 


/*************************product ********************************************/

/*********************************************************************/

/**********************start master***********************************/

#navigation {
	height: 30px;
	padding: 5px 35px;
	background: url(../images/navigation.png) repeat-x 0 0;
	line-height: 28px;
	font-weight: bold;
}

#navigation li {
	float: left;
}

#navigation li a {
	color: #666;
	text-decoration: underline;
	text-decoration: none;
	float: left;
	padding-right: 10px;
	margin-right: 5px; 
	background: url(../images/navigation-li-a.png) no-repeat right 30px;
}

#navigation li a span {
	float: left;
	padding: 1px 0 1px 10px;
	background: url(../images/navigation-li.png) no-repeat 0 30px;
}

#navigation li a:hover,
#navigation li a:focus {
	background-position: right 0;
	text-shadow: #ddd 0 1px 0;
	color: #333;
}

#navigation li a:hover span,
#navigation li a:focus span {
	background-position: 0 0;
}

#navigation li a:active {
	background-position: right -30px;
	text-shadow: #eee 0 1px 0;
	color: #000;
}

#navigation li a:active span {
	background-position: 0 -30px;
	padding: 2px 0 0 10px;
	color: #000;
}

.about #navigation li#nav-about a,
.networks #navigation li#nav-networks a,
.contact #navigation li#nav-contact a {
	background-position: right -60px;
	color: #fff;
	text-shadow: #666 0 1px 2px;
	cursor: default;
}

.about #navigation li#nav-about a span,
.networks #navigation li#nav-networks a span,
.contact #navigation li#nav-contact a span {
	background-position: 0 -60px;
}

/* @end */
/**********************end master***********************************/

/*-------------------------------------------------------------------------------------------*/
/************** 规格 **********************/
.specs {
margin:10px 20px 20px 20px;padding:0px;width:90%;padding-top:30px;
}

.specs .specs-left {
	float:left;width:20%;
}
.specs-left img {
	display: block;
	border: medium none;
}

.specs .specs-right {
	margin-left:20%;
}
.specs-right .label {
	color: rgb(225, 0, 45);
	font-size: 15px;
	line-height: 120%;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid rgb(225, 0, 45);
}

.specs-right .items .item {
	background: none repeat scroll 0% 0% transparent;
	padding-bottom: 0px;
	overflow: hidden;
	padding-left: 10px;
	margin-bottom: 20px;
}

.item .title {
	display: block;
	color: rgb(108, 109, 113);
	font-size: 12px;
	font-weight: bold;
	background: url('../images/arrow_point_bl.png') no-repeat scroll left center transparent;
	padding-left: 28px;
	line-height: 17px;
	margin-bottom: 5px;
}

.item .content {
	border-top: 1px solid rgb(208, 154, 154);
	padding-left: 0px;
	color: rgb(108, 109, 113);
	line-height: 150%;
}

.item .content table {
	width: 100%;
	border-collapse: collapse;
	font-size: 12px;
	font-weight: normal;
	border:0;
}

.item .content table tbody {
	border: medium none;
}

.item .content table tbody td {
	padding: 4px 5px 5px;
	font-size: 12px;
	line-height: 150%;
	background: url('../images/line_01.png') repeat-x scroll left bottom transparent;
	vertical-align: top;
}
.item .content table tbody td.left {
 	padding-right: 15px;
 	width: 130px;
 	font-weight: bold;
 	text-align: right;
 }
/*******************************************/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/****************** feature ****************/

.feature {
margin:20px 10px;width:100%;overflow:hidden;
}
.feature .leftimg {
float:left;
}

.feature .leftimgr {
float:left;padding-left:20px;width:60%;
}

.feature h4 {
font-size:18px;line-height: 23px;font-weight: bold;border-bottom: 1px solid rgb(170, 170, 170);padding: 0px 0px 10px;margin: 0px 0px 10px;
}

.feature p {
font-size: 14px;line-height: 18px;margin: 0px 0px 15px;color: rgb(51, 51, 51);
}

.feature .rightimg {
float:right;margin:0px 20px;
}

.feature .rightimgl {
float:right;padding-right:20px;width:60%;
}

/*.feature .section{
background: url("../images/divider-notch-main.jpg") no-repeat scroll 50% 0px transparent;
padding: 40px 0px 0px;
clear: both;
overflow: auto;
}

.feature .section .section-content {
    width: 380px;
    padding: 50px 0px;
    margin-right: 100px;
    float: left;
    display: inline;
}

.feature .section .section-content h3 {
    font-size: 28px;
    margin: 0px 0px 30px;
    color: rgb(72, 72, 72);
    font-style: italic;
    font-weight: normal;
}

.feature .section .section-content h3 span {
    font-size: 45px;
    line-height: 38px;
}

.feature .section .section-content  p {
    line-height: 1.6;
    color: rgb(72, 72, 72);
}

.feature .section .section-image {
    margin-top: 0px;
    float: left;
}*/

/*******************************************/
/*-------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------*/
/****************** product ****************/

#preview{ float:none; margin:20px auto; text-align:center; width:500px;}
.jqzoom{ width:350px; height:350px; position:relative;}

.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:350px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:325px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:322px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}

/*******************************************/
/*-------------------------------------------------------------------------------------------*/

.wrapper{width:100%;margin:0 auto; }
/*通用样式--容器宽度值*/
.sharp{width:100%;margin:20px auto 0;float:left;margin-right:2%; }
.sharp .content div{padding:0px;text-indent:2em; }
/*h3{height:29px;line-height:29px;font-size:12px;text-indent:10px;}
a:link,a:visited{color:#999;font-weight:bold; text-decoration:none;}
a:hover{text-decoration:none; border-bottom:1px orange solid;color:orange;}*/

/*上圆角框通用设置样式，如果要运用多个不同颜色，以下6句不用重新变化--------------------------------*/
.b1,.b2,.b3,.b4,.b5,.b6,.b7,.b8{height:1px; font-size:1px; overflow:hidden; display:block;}
.b1,.b8{margin:0 5px;}
.b2,.b7{margin:0 3px;border-right:2px solid; border-left:2px solid;}
.b3,.b6{margin:0 2px;border-right:1px solid; border-left:1px solid;}
.b4,.b5{margin:0 1px;border-right:1px solid; border-left:1px solid; height:2px;}
.sharp .content {border-right:1px solid;border-left:1px solid;overflow:hidden; }
/*颜色方案一,蓝色边框----------------------------------------*/
/*下面第一、二句决定边框颜色，第三句决定背景颜色*/
/*边框色*/
.color1 .b2,.color1 .b3,.color1 .b4,.color1 .b5,.color1 .b6,.color1 .b7,.color1 .content{border-color:#96C2F1;}
.color1 .b1,.color1 .b8{background:#96C2F1;}
/*背景色*/
.color1 .b2,.color1 .b3,.color1 .b4,.color1 .b5,.color1 .b6,.color1 .b7,.color1 .content{background:#EFF7FF;}

/*颜色方案二,绿色边框----------------------------------------*/
/*下面第一、二句决定边框颜色，第三句决定背景颜色*/
/*边框色*/
.color2 .b2,.color2 .b3,.color2 .b4,.color2 .b5,.color2 .b6,.color2 .b7,.color2 .content{border-color:#9BDF70;}
.color2 .b1,.color2 .b8{background:#9BDF70;}
/*背景色*/
.color2 .b2,.color2 .b3,.color2 .b4,.color2 .b5,.color2 .b6,.color2 .b7,.color2 .content{background:#F0FBEB;}

/*颜色方案三,绿色边框----------------------------------------*/
/*下面第一、二句决定边框颜色，第三句决定背景颜色*/
/*边框色*/
.color3 .b2,.color3 .b3,.color3 .b4,.color3 .b5,.color3 .b6,.color3 .b7,.color3 .content{border-color:#BBE1F1;}
.color3 .b1,.color3 .b8{background:#BBE1F1;}
/*背景色*/
.color3 .b2,.color3 .b3,.color3 .b4,.color3 .b5,.color3 .b6,.color3 .b7,.color3 .content{background:#EEFAFF;}

/*颜色方案四,绿色边框----------------------------------------*/
/*下面第一、二句决定边框颜色，第三句决定背景颜色*/
/*边框色*/
.color4 .b2,.color4 .b3,.color4 .b4,.color4 .b5,.color4 .b6,.color4 .b7,.color4 .content{border-color:#E3E197;}
.color4 .b1,.color4 .b8{background:#E3E197;}
/*背景色*/
.color4 .b2,.color4 .b3,.color4 .b4,.color4 .b5,.color4 .b6,.color4 .b7,.color4 .content{background:#FFFFDD;}

/*颜色方案五,粉色边框----------------------------------------*/
/*下面第一、二句决定边框颜色，第三句决定背景颜色*/
/*边框色*/
.color5 .b2,.color5 .b3,.color5 .b4,.color5 .b5,.color5 .b6,.color5 .b7,.color5 .content{border-color:#F8B3D0;}
.color5 .b1,.color5 .b8{background:#F8B3D0;}
/*背景色*/
.color5 .b2,.color5 .b3,.color5 .b4,.color5 .b5,.color5 .b6,.color5 .b7,.color5 .content{background:#FFF5FA;}

/*颜色方案六,黄色边框----------------------------------------*/
/*下面第一、二句决定边框颜色，第三句决定背景颜色*/
/*边框色*/
.color6 .b2,.color6 .b3,.color6 .b4,.color6 .b5,.color6 .b6,.color6 .b7,.color6 .content{border-color:#FFCC00;}
.color6 .b1,.color6 .b8{background:#FFCC00;}
/*背景色*/
.color6 .b2,.color6 .b3,.color6 .b4,.color6 .b5,.color6 .b6,.color6 .b7,.color6 .content{background:#FFFFF7;}

/*颜色方案六,白色色边框----------------------------------------*/
/*下面第一、二句决定边框颜色，第三句决定背景颜色*/
/*边框色*/
.color7 .b2,.color7 .b3,.color7 .b4,.color7 .b5,.color7 .b6,.color7 .b7,.color7 .content{border-color:#FFF;}
.color7 .b1,.color7 .b8{background:#FFF;}
/*背景色*/
.color7 .b2,.color7 .b3,.color7 .b4,.color7 .b5,.color7 .b6,.color7 .b7,.color7 .content{background:#FFF;}

/*颜色方案六,白色色边框----------------------------------------*/
/*下面第一、二句决定边框颜色，第三句决定背景颜色*/
/*边框色*/
.color8 .b2,.color8 .b3,.color8 .b4,.color8 .b5,.color8 .b6,.color8 .b7,.color8 .content{border-color:#ababab;}
.color8 .b1,.color8 .b8{background:#ababab;}
/*背景色*/
.color8 .b2,.color8 .b3,.color8 .b4,.color8 .b5,.color8 .b6,.color8 .b7,.color8 .content{background:#FFF;}

/*-------------------------------------------------------------------------------------------------------------------------*/

.btn1 {
color: rgb(0, 136, 204);padding: 3px 0px 4px 12px;background: url('../images/downloadbutton_bg_l.gif') no-repeat scroll left center transparent;
}
.btn1 span {
padding: 3px 12px 4px 0px;background: url('../images/downloadbutton_bg_r.gif') no-repeat scroll right center transparent;
}

.btn2 {
	line-height:24px; padding:4px 12px 10px 12px;
	background: linear-gradient(rgb(55, 170, 234), rgb(17, 126, 210)) repeat scroll 0% 0% transparent;
    border-radius: 18px 18px 18px 18px;
    border: 1px solid rgb(76, 136, 188);
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset;
    display: inline-block;
    border: 0px none;
    background-color: transparent;
    cursor: pointer;
    border-collapse: separate;
    overflow: visible;
    position: relative;
    font: 11px/1.5 'Lucida Grande,Helvetica,Arial,Verdana,sans-serif';
}

/********************************************************/

/*  使用 CSS3 实现圆角按钮  */

.my_btn {

	display: inline-block;

	position: relative;

	margin: 10px;

	padding: 0 20px;

	text-align: center;

	text-decoration: none;

	font: bold 12px/25px Arial, sans-serif;

	

	text-shadow: 1px 1px 1px rgba(255,255,255, .22);

	



	-webkit-border-radius: 30px;

	-moz-border-radius: 30px;

	border-radius: 30px;

/*  让IE6-IE8支持CSS3属性（圆角，PNG背景透明、渐变效果等）*/

	behavior:url(http://www.lanzhang.cn/css/PIE.htc);



	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);

	-moz-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);

	box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);



	-webkit-transition: all 0.15s ease;

	-moz-transition: all 0.15s ease;

	-o-transition: all 0.15s ease;

	-ms-transition: all 0.15s ease;

	transition: all 0.15s ease;

}

/* 一些不同颜色的按钮样式： */

/* Green Color */



.green {

	color: #3e5706;



	background: #a5cd4e; /* Old browsers */

	background: -moz-linear-gradient(top,  #a5cd4e 0%, #6b8f1a 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* IE10+ */

	background: linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* W3C */



}



/* Blue Color */



.blue {

	color: #19667d;



	background: #70c9e3; /* Old browsers */

	background: -moz-linear-gradient(top,  #70c9e3 0%, #39a0be 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#70c9e3), color-stop(100%,#39a0be)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* IE10+ */

	background: linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* W3C */

}



/* Gray Color */



.gray {

	color: #515151;



	background: #d3d3d3; /* Old browsers */

	background: -moz-linear-gradient(top,  #d3d3d3 0%, #8a8a8a 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#8a8a8a)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #d3d3d3 0%,#8a8a8a 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #d3d3d3 0%,#8a8a8a 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #d3d3d3 0%,#8a8a8a 100%); /* IE10+ */

	background: linear-gradient(top,  #d3d3d3 0%,#8a8a8a 100%); /* W3C */

}









/* 为了让按钮更大一点，我们增加了个 big 样式： */

/* Big Button Style */



.big {

	padding: 0 20px;

	padding-top: 6px;

	height: 25px;

	text-transform: uppercase;

	font: bold 20px/22px Arial, sans-serif;

}



.big span {

	display: block;

	text-transform: none;

	font: italic normal 12px/18px Georgia, sans-serif;

	text-shadow: 1px 1px 1px rgba(255,255,255, .12);

}



/* 还需要处理下当鼠标移到按钮上方时显示不同的效果： */

.button:hover {

	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5);

	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5);

	box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5);



	behavior:url(http://www.lanzhang.cn/css/PIE.htc);

}

.button:active {

	-webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0, .8);

	-moz-box-shadow: inset 0px 0px 3px rgba(0,0,0, .8);

	box-shadow: inset 0px 0px 3px rgba(0,0,0, .8);



	behavior:url(http://www.lanzhang.cn/css/PIE.htc);

}



/*  <a href="#" class="my_btn big green">sign in <span>One minute</span></a>*/

/*************************************************************/


/*=======================menu start===================================*/

.cssmenu ul,
.cssmenu li,
.cssmenu span,
.cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
  cursor:pointer;
  behavior: url(http://www.lanzhang.cn/css/PIE.htc);
}
.cssmenu:after,
.cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
.cssmenu a {
  color: #ffffff;
  display: inline-block;
  font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
  font-size: 11px;
  font-weight: bold;
  min-width: 35px;
  width:148px;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
  text-shadow: 0 -1px 1px #000;
}
.cssmenu ul {
  list-style: none;
}
.cssmenu > ul > li {
  float: left;
  width:
}
.cssmenu > ul > li.active a {
  background: #646464 url(grad_dark.png) repeat-x left bottom;
  background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #4a4a4a));
  background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -o-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: linear-gradient(to bottom, #646464 0%, #4a4a4a 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#646464', endColorstr='#4a4a4a', GradientType=0);
  box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
  -moz-box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
  -webkit-box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
  filter: none;
}
.cssmenu > ul > li.active a:hover {
  background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #4a4a4a));
  background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -o-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: linear-gradient(to bottom, #646464 0%, #4a4a4a 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#646464', endColorstr='#4a4a4a', GradientType=0);
  filter: none;
}
.cssmenu > ul > li a {
  box-shadow: inset 0 0 0 1px #8a8a8a;
  -moz-box-shadow: inset 0 0 0 1px #8a8a8a;
  -webkit-box-shadow: inset 0 0 0 1px #8a8a8a;
  background: #4a4a4a url(../images/grad_dark.png) repeat-x left top;
  background: -moz-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8a8a8a), color-stop(50%, #707070), color-stop(51%, #626262), color-stop(100%, #787878));
  background: -webkit-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
  background: -o-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
  background: -ms-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
  background: linear-gradient(to bottom, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#787878', GradientType=0);
  border-bottom: 1px solid #5d5d5d;
  border-top: 1px solid #5d5d5d;
  border-right: 1px solid #5d5d5d;
  line-height: 34px;
  padding: 0 5px;
  filter: none;
}
.cssmenu > ul > li a:hover {
  background: #8a8a8a url(../images/grad_dark.png) repeat-x left bottom;
  background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(50%, #4a4a4a), color-stop(51%, #3b3b3b), color-stop(100%, #525252));
  background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
  background: -o-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
  background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
  background: linear-gradient(to bottom, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#787878', GradientType=0);
  filter: none;
  color: #262626;
  text-shadow: 0px 1px 1px #fff;
}

.cssmenu .clicked {
  background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(50%, #4a4a4a), color-stop(51%, #3b3b3b), color-stop(100%, #525252));
  background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
  background: -o-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
  background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
  background: linear-gradient(to bottom, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#787878', GradientType=0);
  filter: none;;
}
.cssmenu > ul > li:first-child a {
  border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  border-left: 1px solid #5d5d5d;
}
.cssmenu > ul > li.last-child a {	/*这里没有用li:last-child是因为IE8不支持:last-child*/
  border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
}
.cssmenu .has-sub:hover ul {
  display: block;
}
.cssmenu .has-sub ul {
  display: none;
  position: absolute;
  top: 36px;
  left: -1px;
  min-width: 100%;
  text-align: center;
  /* IE7 */

  *width: 100%;
}
.cssmenu .has-sub ul li {
  text-align: center;
}
.cssmenu .has-sub ul li a {
  border-top: 0 none;
  border-left: 1px solid #5d5d5d;
  display: block;
  line-height: 120%;
  padding: 9px 5px;
  text-align: center;
}

/**********************************************************/