@charset "utf-8";
/* CSS Document */

body{
	padding:0;
	margin:0;
	font:12px/20px "宋体", Arial, Helvetica, sans-serif;
	background:#cc3202;

}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}
img{border:0;}
ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
select,input,textarea{
	font-size:12px;
	font-family:tahoma,Arial, Helvetica, sans-serif,"宋体";
}
/*------------------------------------------------main--------------------*/

/*------------------------------------------------top--------------------*/
#topMain{
	width:100%;
	height:auto;
	overflow:hidden;
	background:#CC3202 url(images/top_bg.gif) 0 0 repeat-x;
	border-bottom:1px solid #E65715;
	padding:0 0 15px 0;
	color:#000;
}
#topMain.sec{
	padding-bottom:80px;
	}
#top{
	position:relative;
	width:934px;
	margin:3px auto 0;
}
#top h1{
	position:absolute;
	left:0;
	top:0;
}
#top ul.nav{
	width:650px;
	height:26px;
	float:right;
}
#top ul.nav li{
	font-size:0;
	line-height:0;
	background:url(images/nav_div.gif) right top no-repeat;
	height:25px;
	float:left;
	padding:0 2px 0 0;
	
}
#top ul.nav li.noImg{
	background-image:none;
}
#top ul.nav li a{
	display:block;
	padding:0 14px;
	font:bold 12px/26px 宋体;
	color:#979696;
	text-decoration:none;
}
#top ul.nav li a:hover{
	background-color:#E65715;
	color:#fff;
}
#top ul.nav li a.hover{
	display:block;
	padding:0 14px;
	font:bold 12px/26px 宋体;
	background-color:#E65715;
	color:#fff;
	text-decoration:none;
	cursor:text;
}

#top ul.nav li ul.wzjs,#top ul.nav li ul.ymfw,#top ul.nav li ul.mail{
	position: absolute;
	margin: 0;
	padding: 0;
	top: 25px;
	left: 343px;
	width: 600px; 
}
#top ul.nav li ul.ymfw{
	left: 425px;
}
#top ul.nav li ul.mail{
	left: 510px;
}
#top ul.nav li ul.wzjs li,#top ul.nav li ul.ymfw li,#top ul.nav li ul.mail li{
	background:none;
	padding:0;
}
#top ul.nav li ul.wzjs li a,#top ul.nav li ul.ymfw li a,#top ul.nav li ul.mail li a{
	width: auto;
	display: block;
	float: left;
	padding: 3px 10px;
	margin: 0;
	color:#fff;
	font-weight:normal;
	line-height:16px;
}
#top ul.nav li ul.wzjs li a:hover,#top ul.nav li ul.ymfw li a:hover,#top ul.nav li ul.mail li a:hover{
	background:none;
	color:#fff;
}
#topLeft{
	width:378px;
	float:left;
	margin:50px 0 0 0;
	color:#ecf3d0;
}

#topLeft h2{
	display:block;
	float:left;
	margin:15px 0;
}
#topLeft h2 img{
	margin:15px auto;
	}
#topLeft p{
	font-size:14px;
	text-align:left;
	line-height:20px;
	}
#topLeft  ul{
	margin:15px auto;
	}
#topLeft  ul li{
	font-size:12px;
	background:url(images/star.gif) no-repeat left center;
	line-height:22px;
	padding-left:15px;
	}
#topLeft .click{
	float:left;
	background:url(images/click_bg.gif) no-repeat;
	width:150px;
	line-height:19px;
	padding-left:25px;
	}
#topLeft .click a{
	color:#b1c5c5;
	font-size:12px;
	text-decoration:none;
	}
#topLeft .click a:hover{
	color:#e9e900;
	}
#topRight{
	width:502px;
	float:right;
	margin:60px 0 0 0;
}
#topRight img{
	float:left;
	}

/*------------------------------------------------mid--------------------*/
#midMain{
	width:100%;
	background:#262626 url(images/black_1px_bg.gif) 0 0 repeat-x;
	padding:10px 0;
	margin:0;
	color:#989898;
}
#midMain ul{
	width:933px;
	margin:10px auto!important;
	margin:10px auto 0;
}
#midMain ul li{
	display:inline;
	float:left;
	width:228px;
	height:56px;
	color:#80805c;
	font-size:12px;
	line-height:18px;
	margin:0 13px 15px 0!important;
	margin:0 13px 0 0;
	padding-left:70px;
	}
#midMain ul li span{
	display:block;
	padding:2px 0 5px 0;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	}
#midMain ul li.txt1{
	background:url(images/icon1.png) no-repeat 0 center; 
	}
#midMain ul li.txt2{
	background:url(images/icon2.png) no-repeat 0 center; 
	}
#midMain ul li.txt3{
	background:url(images/icon3.png) no-repeat 0 center; 
	}
#midMain ul li.txt4{
	background:url(images/icon4.png) no-repeat 0 center; 
	}
#midMain ul li.txt5{
	background:url(images/icon5.png) no-repeat 0 center; 
	}
#midMain ul li.txt6{
	background:url(images/icon6.png) no-repeat 0 center; 
	}
#midMain ul li.txt7{
	background:url(images/icon7.png) no-repeat 0 center; 
	}
#midMain ul li.txt8{
	background:url(images/icon8.png) no-repeat 0 center; 
	}
#midMain ul li.txt9{
	background:url(images/icon9.png) no-repeat 0 center; 
	}
#blackOne{
	width:427px;
	border-right:#4B4B4B solid 1px;
	float:left;
	margin:0 27px 0 0;
}
#blackOne ul{
/*	width:395px;*/
	padding:0 0 16px 0;
}
#blackOne ul li{	
	float:left;
	padding:0 0 19px 0;
	display:block;
}
#blackOne ul li a.big{
	font:normal 18px/18px Arial, Helvetica, sans-serif;
	color:#F4DC63;
	text-decoration:underline;
	margin:0 8px 0 0;
	background-color:inherit;
}
#blackOne ul li a.big:hover{
	text-decoration:none;
}
#blackOne ul li a.small{
	font:normal 11px/26px Arial, Helvetica, sans-serif;
	color:#80805C;
	background-color:inherit;
	text-decoration:underline;
	margin:0 8px 0 0;
}
#blackOne ul li a.small:hover{
	text-decoration:none;
}
#blackOne p.red{
	display:block;
	width:269px;
	font:bold 20px/21px Arial, Helvetica, sans-serif;
	color:#FD450C;
	background-color:inherit;
	margin:0 100px 0 0;
	float:left;
}
#blackOne p.red span{
	width:150px;
	height:21px;
	background:url(images/registration_bg.gif) 0 0 no-repeat;
	text-align:center;
	float:right;
	margin:0 0 0 0;
	display:block;
}
#blackOne p.red span a{
	font:normal 11px/21px Arial, Helvetica, sans-serif;
	color:#F6AA32;
	background-color:inherit;
	text-decoration:none;
}
#blackOne p.red span a:hover{
	color:#fff;
	background-color:inherit;
}
#blackOne form{
	width:400px;
	padding:13px 0 22px 0;
	float:left;
}
#blackOne form label{
	display:block;
	width:60px;
	height:21px;
	font:normal 11px/21px Arial, Helvetica, sans-serif;
	color:#A6A6A6;
	background-color:inherit;
	float:left;
}
#blackOne form input.txtBox2{
	width:106px;
	height:19px;
	border-bottom:#D4D0C8 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-top:#404040 solid 1px;
	border-left:#404040 solid 1px;
	font:normal 10px/19px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#fff;
	padding:0 0 0 0;
	float:left;
	margin:0 9px 0 0;
}
#blackOne form input.login{
	background:url(images/btn_login.gif) #262626;
	width:45px;
	height:20px;
	font:normal 10px/20px Arial, Helvetica, sans-serif;
	color:#fff;
	cursor:pointer;
	float:right;
	border:none;
	padding:0;
}
#blackTwo{
	width:267px;
	border-right:#4B4B4B solid 1px;
	float:left;
}
#blackTwo h2{
	display:block;
	background:url(images/faq_icon.gif) 0 0 no-repeat;
	padding:0 0 18px 51px;
	font:bold 27px/35px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
}
#blackTwo p{
	display:block;
	width:245px;
	font:normal 11px/15px Arial, Helvetica, sans-serif;
	color:#989898;
	background-color:inherit;
	padding:0 0 23px 0;
}
#blackTwo p b{
	display:block;
	font:bold 11px/15px Arial, Helvetica, sans-serif;
	color:#BEBE7D;
	background-color:inherit;
	padding:0 0 15px 0;
}
#blackTwo p span{
	font:normal 11px/15px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#CC3202;
}
#blackThree{
	width:196px;
	float:right;
}
#blackThree ul{
	width:196px;
}
#blackThree ul li{
	margin:0 0 12px 0;
	display:block;
}
#blackThree ul li.ph{
	display:block;
	background:url(images/phone_icon.gif) 0 0 no-repeat;
	height:41px;
	padding:0 0 0 34px;
	font:normal 20px/41px Arial, Helvetica, sans-serif;
	color:#fff;
}
#blackThree ul li a.online{
	display:block;
	background:url(images/online_chat.gif) 0 0 no-repeat;
	height:46px;
	padding:0 0 0 66px;
	font:bold 20px/46px Arial, Helvetica, sans-serif;
	color:#CC3202;
	text-decoration:none;
}
#blackThree ul li a.online:hover{
	color:#fff;
	background-color:inherit;
}
#blackThree ul li a.bookmark{
	display:block;
	background:url(images/bookmark_bg.gif) 0 0 no-repeat;
	height:33px;
	padding:0 0 0 41px;
	font:bold 12px/33px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#blackThree ul li a.bookmark:hover{
	color:#CC3202;
	background-color:inherit;
}
#blackThree ul li a.friend{
	display:block;
	background:url(images/tell_friend.gif) 0 0 no-repeat;
	height:33px;
	padding:0 0 0 41px;
	font:bold 12px/33px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#blackThree ul li a.friend:hover{
	color:#CC3202;
	background-color:inherit;
}

#botMain{
	width:100%;
	height:auto;
	background:url(images/red_1px_bg.gif) 0 0 repeat-x;
	border-top:#E65715 solid 1px;
	border-bottom:#E65715 solid 1px;
	padding:11px 0 0;
}
#bot{
	width:934px;
	height:auto;
	overflow:hidden;
	margin:0px auto;
	padding-bottom:10px;
}
#test{
	width:310px;
	float:left;
}
#test ul li{
	display:block;
	color:#DBDBA6;
	background-color:inherit;
	width:300px;
	float:left;
	font-size:12px;
	line-height:22px;
	padding-left:7px;
	background:url(images/arrow.gif) no-repeat 0 8px;
}
#test ul li a,a:link,#news ul li a,a:link,#code ul li a,a:link{
	text-decoration:none;
	color:#DBDBA6;
	}
#test ul li a:hover,#news ul li a:hover,#code ul li a:hover{
	color:#fff;
	}
#test p b{
	display:block;
	color:#DBDBA6;
	background-color:inherit;
}
#test p span{
	color:#FD9B7D;
	background-color:#262626;
}
#news{
	width:300px;
	float:left;
	padding-left:25px;
	border-left:#E65715 solid 1px;
	border-right:#E65715 solid 1px;
}
#doc .news h2{
	display:block;
	background:url(images/news_icon.gif) 0 4px no-repeat;
	padding:11px 0 11px 47px;
	font-size:14px;
	color:#fff;
	background-color:inherit;
}
#news ul li,#code ul li,#doc .news ul li{
	display:block;
	color:#DBDBA6;
	line-height:22px;
	font-size:12px;
	padding-left:7px;
	background:url(images/arrow.gif) no-repeat 0 8px;
}
#news a.more,#test a.more{
	display:block;
	background:url(images/btn_login.gif) 0 0 no-repeat;
	width:45px;
	height:20px;
	overflow:hidden;
	font:normal 12px/20px 宋体;
	color:#fff;
	text-decoration:none;
	text-align:center;
	float:right;
}
#news a.more:hover,#test a.more:hover{
	color:#DBDBA6;
}
#code{
	width:280px;
	float:right;
	}
#test h2,#news h2,#code h2{
	display:block;
	background:url(images/icon_index.gif) 0 4px no-repeat;
	padding:10px 0 10px 30px;
	font-size:14px;
	color:#fff;
	background-color:inherit;
}
#doc{
	width:100%;
	border-top:#E65715 solid 1px;
	border-bottom:#E65715 solid 1px;
	padding:11px 0;
	background-color: #CC3202;
	background-repeat: repeat-x;
	background-position: 0 0;
}
#doc .main{
	width:934px;
	margin:10px auto 0;
	color:#dbdba6;
	font-size:12px;

}
#doc .test,#doc .price{
	width:934px;
	float:left;
}
#doc .test h2{
	display:block;
	background:url(images/testimonial_icon.gif) 0 4px no-repeat;
	font-size:14px;
	color:#fff;
	padding-top:10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 44px;
}
#doc .test .showName{
	float:left;
	margin:15px auto;
	}
#doc .test .showName img{
	display:block;
	float:left;
	margin:0 30px;
	padding:7px 6px;
	background:url(images/bg_design.png) no-repeat left top;
	}

#doc .test .case{
	margin:15px 40px 0 30px;
	color:#dbdba6;
	font-size:12px;
	height:250px;
	overflow:hidden;
	text-align:center;
	background:url(images/bg_design.png) no-repeat left top;
	border-bottom:1px solid #e63b05;
	}
#doc .test .case a,#doc .test .page a{
	text-decoration:none;
	color:#fff;
	}
#doc .test .case a:hover,#doc .test .page a:hover{
	color:#dbdba6;
	}
#doc .test .case img{
	display:block;
	padding:8px;
	float:left;
	margin-right:30px;
	}
#doc .test .case h3,.show h3{
	font-size:14px;
	text-align:left;
	margin-bottom:15px;
	}
#doc .test .case p,.show p{
	text-align:left;
	padding:4px 0;
	margin:10px 0;
	}
#doc .case .more{
	background:url(images/icon_more.gif) no-repeat left center;
	float:left;
	width:102px;
	line-height:21px;
	}
#doc .test .page{
	margin:15px auto;
	text-align:center;
	}
#doc .test .page a.hover {
	padding:2px 5px;
	border:1px solid #dfdfb5;
	background:#750000;
	}
#doc .test .page a{
	padding:2px 5px;
	}
#doc .test .show{
	width:490px;
	height:auto;
	overflow:hidden;
	margin:15px auto;
	}
#doc .test .show .img{
	display:block;
	padding:8px;
	background:url(images/bg_design.png) no-repeat left top;
	}
#doc .show p a{
	color:#fd9b7d;
	}
#doc .show p a:hover{
	color:#fff;
	text-decoration:none;
	}
#doc .show .imgPd{
	margin:0 12px;
	}
#doc #mail h2{
	background:url(images/email.gif) 0 5px no-repeat;
	}
#doc .price h2{
	display:block;
	background:url(images/icon3.gif) 0 5px no-repeat;
	font-size:14px;
	color:#fff;
	padding-top:10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 44px;
	}
#doc .price h3,#doc .ymfw h3{
	display:block;
	margin:15px 0;
	color:#fff;
	font-size:12px;
	padding-left:15px;
	background:url(images/jt.gif) no-repeat 0 4px;
	}
#doc .tab{
	float:left;
	width:233px;
	margin:0px 35px 15px 0;
	}
#doc .vline{
	border-right:1px solid #e63b05;
	border-left:1px solid #e63b05;
	padding:0 40px;
	}
#doc .tab h4{
	background:url(images/bg_tabtit.png) no-repeat left center;
	line-height:21px;
	font-size:12px;
	color:#fff;
	padding-left:5px;
	margin-bottom:10px;
	}
#doc .tab p{
	padding:2px;
	}
#doc .price table,#doc .ymfw table{
	margin:15px auto;
	border-collapse:collapse;
	width:100%;
	border-bottom:2px solid #e63b05;

	}
#doc .price thead,#doc .ymfw thead{
	background:#c73102;
	}
#doc .price table th.w1{
	width:14%;
	}
#doc .price table td,#doc .price table th,#doc .ymfw table td,#doc .ymfw table th{
	padding:6px;
	border-bottom:1px solid #e63b05;
	text-align:left;
	}
#doc .price table th,#doc .ymfw table th{
	border:0;
	border-top:2px solid #e63b05;
	}
#doc table td.p1{
	text-decoration:line-through;
}
#doc table td.p2{
	color:#f4f222;

}
#doc .price p.note{
	text-indent:2em;
	margin:15px 0;

}
#doc .price .txt h3{
	font-size:12px;
	color:#fd9b7d;
	margin-bottom:15px;
	background:url(images/star.gif) no-repeat  0 3px ;
	}	
#doc .price .txt p{
	padding:4px 0;
	color:#fd9b7d;
	}
#doc .price  ul li{
	font-size:12px;
	line-height:22px;
	float:left;
	width:430px;
	background:url(images/arrow.gif) no-repeat left 8px;
	padding-left:10px;
	margin-right:15px;
}
#doc .ymfw .domainTab{
	margin:5px auto 25px;
	height:auto;
	overflow:hidden
}
#doc .ymfw .tabSea p{
	margin:10px auto;
}
#doc .ymfw h2{
	display:block;
	background:url(images/serch_icon.gif) 0 5px no-repeat;
	font-size:14px;
	color:#fff;
	padding-top:10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 25px;
}
#doc .ymfw .domList{
	margin:10px auto 20px;
}
#doc .ymfw ul li{
	font-size:12px;
	line-height:22px;
	float:left;
	width:90px;
	vertical-align:middle;
	display:block;
}

#doc .serive table{
	width:100%;
	border:0;
	}
#doc .serive table td span{
	display:block;
	text-align:left;
	padding:10px 0;
	font-weight:bold;

	}
#doc .serive table td{
	margin-bottom:25px;
	padding-bottom:10px;
	vertical-align:top;
	}
#doc .serive table td img{
	display:block;
	text-align:center;
	padding:10px 0px 0 30px;
	}
#doc .about img{float:right;}
#doc .about h2,#doc .contant h2{
	display:block;
	background:url(images/icon4.gif) 0 5px no-repeat;
	font-size:14px;
	color:#fff;
	padding:10px 0 10px 44px;
	}
#doc .about p{
	text-indent:2em;
	line-height:22px;
	margin-top:15px;
	}
#doc .contant{
	margin-top:15px;
	}
#doc .contant h2{
	background:url(images/email.gif) 0 5px no-repeat;
	}
#doc .contant h3{
	font-size:12px;
	margin:15px 0 5px 45px;
	}
#doc .contant p{
	padding-left:45px;
	line-height:20px;
	}
#doc .webcg h2{
	display:block;
	padding:10px 0 10px 44px;
	font-size:14px;
	color:#fff;
	background:url(images/why.gif) no-repeat;
	}
#doc .webcg h3{
	font-size:12px;
	padding:15px 0 15px 30px;
	background:url(images/icon7.gif) no-repeat 0 10px;
	}
#doc .webcg p{
	text-indent:2em;
	margin:10px 0;
	}
#doc .webcg ul li{
	background:url(images/ok.gif) no-repeat left center;
	line-height:22px;
	padding-left:50px;
	font-size:12px;
	}
#doc .list h2{
	position:relative;
	font-size:14px;
	border-bottom:1px solid #e63b05;
	padding-bottom:5px;
	margin:25px auto;
	text-align:center;
	}
#doc .list h3{
	font-size:12px;
	}
#doc .list h2 span{
	position:absolute;
	font-size:12px;
	color:#fd9b7d;
	font-weight:normal;
	top:0;
	width:400px;
	text-align:right;
	}
#doc .list p{
	text-indent:2em;
	font-size:12px;
	line-height:20px;
	margin:15px 0;
	}
#doc .list p span{
	color:#fff;
	background-color:#262626;
	padding:2px;	
	}
#doc .list ul li{
	font-size:12px;
	line-height:22px;
	background:url(images/arrow.gif) no-repeat left 8px;
	padding-left:10px;
	}
#doc .list ul li a,a:link{
	color:#fff;
	text-decoration:underline;
	}
#doc .list ul li a:hover{
	text-decoration:none;
	}
#doc .list ul li ul{
	margin-left:2em;
	}
#doc .list ul li ul li{
	line-height:22px;
	background:none
	}
#doc .list ul li ul li a{
	display:block;
	}
	
#doc .pay h2,#doc .sitemap h2,#doc .link h2,#doc .job h2{
	display:block;
	font-size:14px;
	color:#fff;
	padding:10px 0 10px 0;
}
#doc .pay ul{
	margin:20px;
	border-bottom:1px solid #E65715;
}
#doc .pay ul li{
	line-height:22px;
	font-size:12px;
}
#doc .sitemap ul li{
	font-size:12px;
	font-weight:bold;
	float:left;
	width:180px;
	}
#doc .sitemap ul li a,a:hover{
	color:#ECF3D0;
	}
#doc .sitemap ul li ul li{
	font-weight:normal;
	}
#doc .link p a{
	margin-left:10px;
	font-weight:bold;
	font-size:12px;
	color:#fff;
	}
#doc .link ul{
	float:left;
	margin:10px 0;
	}
#doc .link ul li{
	float:left;
    padding:2px 5px;
	width:auto;
	font-size:12px;
	display:block;
	}
#doc .link ul li a{
	color:#ECF3D0;
	}
#doc .job h3{
	font-size:12px;
	margin:20px 0 10px 0;
	}
#doc .job dl{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #E65715;
	}
/*------------------------------------------------footer--------------------*/
#footerMain{
	width:100%;
	background:url(images/footer_bg.gif) 0 0 repeat-x #760000;
	height:110px;
	color:#fff;
}
#footer{
	width:934px;
	margin:0 auto;
	position:relative;
	height:110px;
}
#footer ul{
	position:absolute;
	left:244px;
	top:11px;
}
#footer ul li{
	float:left;
	font:normal 12px/16px 宋体;
	color:#9E9E9E;
	background-color:inherit;
}
#footer ul li a{
	padding:0 7px;
	font:normal 12px/16px 宋体;
	color:#9E9E9E;
	background-color:inherit;
	text-decoration:none;
}
#footer ul li a:hover{
	color:#F2AD29;
	background-color:inherit;
}
#footer .copyright{
	font:normal 12px/18px 宋体;
	position:absolute;
	left:0;
	top:45px;
	width:933px;
	color:#FF9A7A;
	text-align:center;
}
#footer .copyright a{
	color:#E53803;
	padding:2px;
}
#footer .copyright a:hover{
	color:#fff;
	background-color:#000;
}
/*------------------------------------------------footer--------------------*/