/* CSS Document */
* { margin: 0; padding: 0; }
body{ font-family: Microsoft YaHei, simsun;font-size: 12px;color: #222;letter-spacing:0.5px; background-color:#fff;}
a{ text-decoration: none; color:#333; }
table,td,input{font-size:12px;}

a:hover{color:#ff0000;text-decoration:underline;}

div,form,ul,ol,li,span,p{margin:0;margin:0 auto; padding:0; border:0;}
img,a img{margin:0; padding:0; border:none;}
*{ word-break:break-all; }
ul, li { padding:0px; margin:0px; list-style-type: none; }
.pngfix{
azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);
}

a.graylink,a.graylink:visited{color:#666;}
a.graylink:hover{color:#ff0000;}

a.redlink,a.redlink:visited{color:#f00;}
a.redlink:hover{color:#ff0000;}


.clearfix:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix
{
display:inline-block;
}

.clearfix {display:block;}
.clear {clear:both; font-size:0px; height:0px; line-height:0px; width:0px; visibility:hidden;}

h2{font-size:14px;}
h3{font-size:14px;}
h4{font-size:14px;}

body{background:url("../images/bg.png") repeat-x #d9e2ce;}
#wall{width:100%;height:100%;margin:0 auto;text-align:center;background:url("../images/head_bg.jpg") no-repeat center top;}
#header,#main,#footer{width:960px;margin:0 auto;text-align:left;}


#header{}


.logo{ float:left; margin:0px; font-size:32px; text-indent:-9999px;}
.logo a:link, .logo a:visited, .logo a:hover{ width:300px; height:95px; display:block; }


.headerR{float:right;width:630px;zoom:1;overflow:hidden;}

.banner_top{margin-top:20px;}

.nav {
width: 960px;
margin: 0 auto;
height: 43px;
line-height: 40px;
_line-height: 42px;
background: url("../images/nav_bg.png") no-repeat;
}
.nav a {
height: 43px;
display: -moz-inline-box;
width: 60px;
text-align: center;
color: #FDFBF9;
font-size: 14px;
margin: 0 22px 0 14px;
float: left;
position: relative;
}

.nav span{
	float:left;
	display:block;
	width:2px;
	font-size:14px;
	line-height:40px;
	color:#FDFBF9;

}

#main{background-color:#fff;}

.smallbanner{padding-left:8px;padding-top:8px;padding-bottom:8px;}
.smallbanner ul{}
.smallbanner ul li{float:left;width:238px;display:inline-block;}


.htitle {padding-top: 4px;}

.htitle h2 {height: 50px;font-size: 16px;color: white;font-weight: normal;}

.htitle h2 span {
position: absolute;
display: block;
width: 164px;
height: 46px;
margin: 0 0 0 -11px;
padding: 4px 0 0 18px;
line-height: 46px;
background: url("../images/why_t.png") no-repeat 0 0;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/images/why_t.png");
}

.mainbox{
background: white;
padding: 40px 21px 40px 21px;

}

.mainbox h2 {
height: 24px;
line-height: 24px;
font-size: 16px;
margin-bottom: 25px;
}

.mainbox .step1,.mainbox .step2{

clear: both;

}
.mainbox .step1{
	text-align:right;
}
.chostyle{
margin-right:0;
width:818px;

}


.cho_t { float:left; width:128px; background:url("../images/splines.gif") no-repeat right; clear:both;  height:177px;text-align:left;display:block;}
.cho_t ul { padding:0; margin:0;}
.cho_t ul li { height:29px; line-height:28px;text-indent:10px; _padding:6px 0 0 0px; margin-bottom:6px; _margin-bottom:0; list-style-type:none; background:none; width:128px; overflow:hidden; text-align:left; cursor:pointer;}
.cho_t ul li.on { background:url("../images/wp_5.gif") no-repeat; cursor:pointer;}
.cho_t ul li.hover { background:url("../images/wp_6.gif") no-repeat; position:relative; width:128px; z-index:999; cursor:pointer;}
.cho_c { float:left; padding-left:10px; font-size:12px; font-weight:bold; line-height:14px;text-align:left;}



#clipmsg{font-size:12px;color:#0066FF;padding-left:10px;}

/*²å¼þ·ç¸ñ*/

.cho_c h4{margin-bottom:10px;text-align:left;}
.cho_clist{text-align:left;font-weight:normal;}


.cho_clist input.txt {
height: 16px;
line-height: 14px;
padding: 2px 2px 1px 2px;
border: 1px solid #C2C2C2;
margin-right: 4px;
vertical-align: middle;
}



.tipmsg{color:#f00;padding-left:10px;}
.tipmsggray{color:#333;padding-left:10px;}





.cho_b{
margin-right:0;
width:700px;
height: 40px;
line-height: 40px;
font-size: 12px;
padding: 10px 0 4px 88px;
}



.cho_code {
margin-right:70px;
width:630px;

margin-top: 20px;
}
.cho_code h3 {
padding: 5px 0;
}

.cho_code h3 span {
margin-left: 12px;
}

.bn{
width: 84px;
height: 24px;
}

.dis{display:none;}

.cho_code h3 a,.cho_code h3 a:visited { display:inline-block;  font-size:12px; font-weight:normal;}
.cho_code_t { height:23px;  margin-top:6px;}
.cho_code_t ul { margin:0; padding:0;}
.cho_code_t ul li { float:left; width:71px; background:url("../images/wp_7.gif") no-repeat; line-height:21px; height:21px; padding:2px 0 0 0; margin:0; text-align:center; font-size:12px; margin-right:1px;}
.cho_code_t ul li a:link,.cho_code_t ul li a:visited,.cho_code_t ul li a:hover { color:#333333;}
.cho_code_t ul li.on a,.cho_code_t ul li.on a:visited,.cho_code_t ul li.on a:hover { color:#333333; text-decoration:none; z-index:1000;}
.cho_code_t ul li.on { width:74px; position:relative; height:24px; background:url("../images/wp_8.gif") no-repeat; font-weight:bold; margin-bottom:-3px; z-index:1000;}


.cho_code_c { height:75px; border:1px solid #c1c1c1; width:630px;}
.cho_code_c textarea { border:0; height:70px; width:626px; overflow-y:scroll; padding:2px;}
.cho_bn { font-size:12px; padding-top:18px;}

.yl { padding-top:18px;}
.yl img { vertical-align:middle;}

#footer{
	width: 960px;
	margin: 0 auto;
	height: 100px;
	padding: 40px 0px 20px;
	line-height: 24px;
	text-align: center;
	background: url("../images/foot_white.png") repeat-x 0 0;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/images/foot_white.png");
	color:gray;
}

#footer a {
color: gray;
margin: 0 2px;
}
