@charset "utf-8";
/* common.css 网站公共样式 */
body {
	min-width: 1162px;
	font-size:12px;
	font-family:Arial;
    background-color:#FFF;
    -webkit-text-size-adjust:none;/*最后一个为消除谷歌浏览器的最小字体大小的限制*/
}

ul,dd{
	padding-left:0;
}
dd{
	margin-left:0;
}
a{
	text-decoration: none;
	behavior:url("../js/htc.htc");
}
a:focus { outline: none; }
input,textarea {
	border:0;
}
textarea{
	overflow:auto;
}
.clear{clear:both;height:0;overflow:hidden;}

/**头部**/
#header{
	overflow:hidden;
	width: 1154px;
	min-width:1162px;
	height:auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
#logo{
	margin-top:-100px;
}
/*****导航****/
#nav {
	float:left;
	margin-top:0px;
	overflow:hidden;
}
#nav li{
	*width:100% !important;
	_width:100%;
	list-style: none;
	float:left;
	margin-right:69px;
}
#nav li a{
	display: block;
	height: 18px;
}

#nav li a.nav_index{
	width:100%; height:100px;
	background: url(0001.jpg) no-repeat left -1px;
}

#nav li a.nav_about{
	width:80px;
	background: url(01.PNG) no-repeat left -1px;
}
#nav li a.nav_about:hover,#nav li a.nav_select{
	background: url(01-.PNG) no-repeat left -1px;
}
#nav li a.nav_case{
	width:179px;
	background: url(nav_case.jpg) no-repeat left -1px;
}
#nav li a.nav_case:hover,#nav li a.nav_select{
	background-position:left -22px;
}
#nav li a.nav_service{
	width:179px;
	background: url(nav_service.jpg) no-repeat left -1px;
}
#nav li a.nav_service:hover,#nav li a.nav_select{
	background-position:left -22px;
}

/**导航右侧**/
#header_widget{
	ovflow:hidden;
	margin-top: 96px;
	float:right;
	padding-left: 2px;
	background: url(caine_line.png) no-repeat left 0px;
}
#header_widget #hcontact_btn_container{
	float:left;
}
#header_widget #hcontact_btn{
	margin-left: 14px;
	float:left;
	display:block;
	width: 128px;
	height: 19px;
	background: url(hcontact_btn.png) no-repeat left -28px;
	
}

#header_widget #hcontact_btn:hover{
	background: url(hcontact_btn.png) no-repeat left 0px;
}
#header_widget #hcontactqq_btn{
	display:block;
	width: 21px;
	height: 21px;
	background: url(hcontact_btn.png) no-repeat right -28px;
}
#header_widget #hcontactqq_btn:hover{
	background: url(hcontact_btn.png) no-repeat right 0px;
}
#header_widget #hcontact_container{
	float:left;
	margin-left: 10px;
	width:21px;
}
#header_widget #header_tel{
	margin-left:10px;
	float:left;
	display:block;
	width: 62px;
	height: 14px;
	margin-top: 4px;
	background: url(header_tel.jpg) no-repeat left 0px;
}
#header_widget #header_weibo{
	margin-left:10px;
	float:left;
	display:block;
	width: 12px;
	height: 14px;
	margin-top: 4px;
	background: url(header_weibo.jpg) no-repeat left 0px;
}
#header_widget #header_rss{
	margin-left:10px;
	float:left;
	display:block;
	width: 12px;
	height: 14px;
	margin-top: 4px;
	background: url(header_rss.jpg) no-repeat left 0px;
	vertical-align:bottom;
}
#arrow{
	margin: 0 auto;
	margin-top:16px;
	*margin-top:12px !important;
	_margin-top:12px;
	height: 8px;
	width:15px;
	background: url(arrow.jpg) no-repeat left 0px;
}
#arrow_contact{
	display:none;
	margin: 0 auto;
	margin-top: 10px;
	*margin-top:15px !important;
	_margin-top:7px;
	height: 10px;
	width:15px;
	background: url(arrow_contact.jpg) no-repeat left 0px;
}

/*****头部联系方式******/
#header_contact{
	display:none;
	background-color:#323232;
	width:100%;
	height:522px;
	position: relative;
}
.close{
	position: absolute;
	display:block;
	width:19px;
	height:19px;
	background: url(close.gif) no-repeat left -24px;
	top: 60px;
	right: 140px;
}
.close:hover{
	background-position: left 0px;
}
#header_contact_container{
	margin:0 auto;
	padding:46px 0;
	width:1162px;
	height:100%;
	color:#FFF;
}
#header_contact_container h1{
	font-size:24px;
	line-height:48px;
	margin-bottom:5px;
}
#header_company_info{
	float:left;
	width:335px;
}
#header_company_info #online_services{
	font-size:14px;
	line-height:22px;
}
#header_company_info #free_tel{
	margin-top:45px;
}
#header_company_info #free_tel p{
	font-size:14px;
	line-height:24px;
	color:#C5C5C5;
}
#header_contact_online{
	float:left;
	margin-left:90px;
	width:220px;
}
#header_contact_online ul{
	margin-top: 17px;
	_margin-top:-7px;
}

#header_contact_online a{
	display:block;
	color:#A5A5A5;
	font-size:12px;
	line-height:18px;
	padding-left:52px;
	height: 43px;
	background: url(qq_online.png) no-repeat left 0px;
		
}
#header_contact_online a:hover{
	background-position: left -54px;
}
#header_contact_online .qq_name{
	display:block;
	color:#FFF;
	font-size:18px;
	padding-top: 4px;
	
}
#header_contact_online li{
	list-style: none;
	margin-bottom:30px;
}
 #header_message{
	float:right;
	margin-right:20px;
}
#header_message input.advisory_text{
	margin-bottom:14px;
	height: 30px;
	font-size: 13px;
	line-height:28px;
	padding-left: 12px;
	color: #3F3F3F;
	background: url(advisory_input_header.png) no-repeat left 0px;
}
#header_message #advisory_name{
	width:194px;
}
#header_message #advisory_company{
	width: 267px;
	background-position: left -45px;
}
#header_message #advisory_phone{
	width: 299px;
	background-position: left -92px;
}
#header_message #advisory_content{
	font-size: 13px;
	color:#3F3F3F;
	line-height:28px;
	width: 390px;
	height: 83px;
	padding:10px;
	background: url(advisory_input_header.png) no-repeat left -139px;
}
#header_message .advisory_submit{
	height:30px;
	line-height:30px;
	margin:0;
	padding:0;
	margin-top:28px;
	font-size:24px;
	background:  url(submit_header.png) no-repeat;
	width: 165px;
	color:#FFFEFE;
	cursor:pointer;
}

#header_message .submit_line{
	background:  url(submit_header2.png) no-repeat;
	
}

/**底部**/
#footer{
	color:#222222;
	overflow:hidden;
	width: 1154px;
	height:230px;
	margin:0 auto;
	padding:30px 10px 0 10px;
	
}
#footer a{
	color: #222222;
}
#footer  a:hover {
	color: #F2003A;
}
#quick_links{
	float:left;
	width:400px;
}
#quick_links a{
	font-size:14px;
	line-height:24px;
	display:block;
	width: 208px;
}
#quick_links .weibo{
	width: 72px;
	background: url(weibo.jpg) no-repeat right 7px;
}
#quick_links .weibo:hover{
	background-position:right -20px;
}
#quick_links .rss{
	width: 72px;
	background: url(rss.jpg) no-repeat right 7px;
}
#quick_links .rss:hover{
	background-position:right -20px;
}
#footer_nav {
	float:left;
	overflow:hidden;
}
#footer_nav li {
	list-style: none;
}
#footer_nav li.fnav{
	list-style: none;
	float:left;
	margin-right:62px;
}
#footer_nav li.fnav a{
	color:#737373;
	display: block;
	line-height: 22px;
}

#footer_nav li ul li{
	_margin-bottom:-18px;
}
#footer_nav li ul li a{
	font-size:11px;
}
#footer_nav li.fnav a.fnavmain{
	line-height: 24px;
	font-size:14px;
	color:#1C1C1C;
	margin-bottom:6px;
}
#footer_nav li.fnav  a:hover {
	color: #F2003A;
}
#footer_knowledge{
	position: relative;
}
#prompt_con{
	display:none;
	position: absolute;
	left: 212px;
	top: 11px;
	width:223px;
	height:175px;

}
.left_arrow{
	float:left;
	width:9px;
	height:100%;
	background: url(left_arrow.png) no-repeat;
}
#prompt{
	float:right;
	width:188px;
	height:100%;
	background-color:#E4E4E4;
	padding:10px 13px;
}
#prompt li{
	list-style:none;
}
#prompt a{
	font-size:11px;
	line-height:20px;
	color:#707070;
	padding-left: 10px;
	width:auto;
	background: url(right_arrow.png) left 7px no-repeat;
}
#copyright{
	line-height:14px;
	font-size:10px;
	padding-top: 21px;
	float:right;
	width:170px;
	height:64px;
	color: #737373;
	background: url(footer_logo.jpg) no-repeat;
}

.pagebar{
	width: 100%;
	text-align: center;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
}
.pagebar a,.pagebar .current_page{
	display: inline-block;
	width:21px;
	height:21px;
	line-height: 21px;
	text-align: center;
	background-color:#D5D5D5;
	margin-right:5px;
	color:#555555;
	font-size:14px;
}
.pagebar a:hover,.pagebar  .current_page{
	background-color:#F90D55;
	color:#FFF;
}
