@charset "utf-8";
/* CSS Document */

#Login{
	margin:0 auto;
	width:1000px;
	height:400px;
	padding-top:200px;
	text-align:center;
	background:#fff;
}
#Login p a {
	display:inline-block;
	color:#000;
	padding:0 10px;
	padding-top:17px;
	background:url(../images/arrow.gif) no-repeat left 20px;
	font-family:Tahoma;
}
#Container {
	width:1000px;
	height:100%;
	margin:0 auto;
	overflow:hidden;
	background:#fff;
}
#Header {
	background:url(../images/logo.gif) no-repeat;
	height:44px;
	overflow:hidden;
}
#Header p {
	float:left;
	margin-left:130px;
	display:inline;
}
#Header p a {
	display:inline-block;
	color:#000;
	padding:0 10px;
	padding-top:17px;
	background:url(../images/arrow.gif) no-repeat left 20px;
	font-family:Tahoma;
}
#Header ul {
	float:right;
	/*margin-right:5px;*/
	display:inline;
	margin-top:17px;
}
#Header ul li {
	float:left;
	margin-right:5px;
	display:inline;
}
#Header ul li a {
	display:inline-block;
	width:73px;
	height:27px;
	line-height:30px;
	overflow:hidden;
	color:#5b5b5b;
	font-weight:bold;
	/*padding-top:17px;*/
	text-align:center;
	background:url(../images/nav_tab_off.gif) no-repeat;
}
#Header ul li a.selected:link,#Header ul li a.selected:visited{
	display:inline-block;
	width:73px;
	height:27px;
	line-height:30px;
	overflow:hidden;
	color:#cd0808;
	font-weight:bold;
	/*padding-top:17px;*/
	text-align:center;
	background:none;
}
#Header ul li a:hover,#Header ul li a.selected:hover {
	display:inline-block;
	width:73px;
	height:27px;
	line-height:30px;
	overflow:hidden;
	color:#fff;
	font-weight:bold;
	/*padding-top:17px;*/
	text-align:center;
	/*background:#cd0808;*/
	text-decoration:none;
	background:url(../images/nav_tab_on.gif) no-repeat;
}
#Pager{
	/*width:1000px;*/
}
.banner{
	height:350px;
	overflow:hidden;
	border-bottom:1px solid #5c5c5c;
	border-top:1px solid #5c5c5c;
}
.banner2 {
	height:204px;
	background:#f2f2f2;
	position:relative;
	border-top:1px solid #5c5c5c;
}
.shortcut {
	margin:7px 0;
	background:#cd0808 url(../images/home_10.gif) top center;
	height:32px;
	position:relative;
}
.shortcut ul li{
	float:left;
	width:25%;
	height:32px;
}
.shortcut ul li a,.shortcut ul li a:visited{
	display:inline-block;
	text-align:center;
	line-height:32px;
	width:100%;
	line-height:32px;
	font-weight:bold;
	font-size:14px;
	color:#5b5b5b;
	height:32px;
	overflow:hidden;
}
.shortcut ul li a:hover{
	/*color:#fff;
	background:#cd0808;*/
}
.shadow {
	position:absolute;
	left:0;
	bottom:-7px;
	height:7px;
	overflow:hidden;
	width:1000px;
	background:url(../images/shadow.png) repeat-x!important;
	background:;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/shadow.png',sizingMethod='image');
	/*background:url(../images/shadow.gif) repeat-x;*/
}
.shadow2 {
	position:absolute;
	left:0;
	bottom:-7px;
	height:7px;
	overflow:hidden;
	width:100%;
	background:url(../images/shadow.gif) repeat-x;
}
.dline_ht {
	background:url(../images/dotted_h.gif) repeat-x top;
}
.dline_hb {
	background:url(../images/dotted_h.gif) repeat-x bottom;
}
.dline_vl {
	background:url(../images/dotted_v.gif) repeat-y left;
}
.dline_vr {
	background:url(../images/dotted_v.gif) repeat-y right;
}
/*.greenln_box {
	border:1px solid #838808;
	position:relative;
	width:200px;
	height:200px;
}
.greenln_box em {
	position:absolute;
	width:25px;
	height:25px;
}
.greenln_box .lt {
	left:-1px;
	top:-1px;
	background:url(../images/greenln_box_lt.gif) no-repeat;
}
.greenln_box .lb {
	left:-1px;
	bottom:-1px;
	background:url(../images/greenln_box_lb.gif) no-repeat;
}
.greenln_box .rt {
	right:-1px;
	top:-1px;
	background:url(../images/greenln_box_rt.gif) no-repeat;
}
.greenln_box .rb {
	right:-1px;
	bottom:-1px;
	background:url(../images/greenln_box_rb.gif) no-repeat;
}*/
.hm_contact{
	float:left;
	width:205px;
	height:241px;
	overflow:hidden;
	margin-right:8px;
}
.hm_contact h5{
	background:#f5f5f5 url(../images/dotted_h.gif) repeat-x bottom;
}
.hm_contact p.tel{
	height:64px;
	padding:5px 0 5px 10px;
	overflow:hidden;
	color:#5b5b5b;
	font-family:Tahoma;
	font-size:12px;
	line-height:20px;
	background:url(../images/home_08.gif) no-repeat;
	margin-bottom:17px;
}
.hm_contact p.email{
	height:64px;
	padding:5px 0 5px 10px;
	overflow:hidden;
	color:#5b5b5b;
	font-family:Tahoma;
	font-size:12px;
	line-height:20px;
	background:url(../images/home_11.gif) no-repeat;
}
.hm_newpro{
	float:left;
	width:434px;
	height:241px;
	/*overflow:hidden;*/
	position:relative;
}
.hm_newpro p{
	width:434px;
	height:212px;
	overflow:hidden;
}
.hm_newpro h5{
	height:26px;
	line-height:26px;
	color:#5b5b5b;
	font-size:12px;
	padding:0;
	margin:0;
	margin-top:3px;
	padding-left:20px;
	font-weight:normal;
	background:#f2f2f2 url(../images/arrow.gif) no-repeat 10px 8px;
}
.hm_newpro h5 span{
	line-height:26px;
	margin-left:10px;
	padding-left:5px;
	display:inline-block;
	color:#cd0808;
	font-style:normal;
	font-weight:normal;
	background:url(../images/dotted_v.gif) repeat-y left;
}
.hm_newpro h5 em{
	float:right;
}
.hm_sense {
	float:right;
	width:345px;
	height:241px;
	overflow:hidden;
}
.hm_sense a{
	display:inline-block;
	float:left;
}
.hm_sense a.s1{
	background:url(../images/home_16.gif) no-repeat;
	width:167px;
	height:123px;
}
.hm_sense a.s1:hover{
	background:url(../images/home_over_16.gif) no-repeat;
	width:167px;
	height:123px;
}
.hm_sense a.s2{
	background:url(../images/home_17.gif) no-repeat;
	width:167px;
	height:123px;
}
.hm_sense a.s2:hover{
	background:url(../images/home_over_17.gif) no-repeat;
	width:167px;
	height:123px;
}
.hm_sense a.s3{
	background:url(../images/home_18.gif) no-repeat;
	width:167px;
	height:123px;
}
.hm_sense a.s3:hover{
	background:url(../images/home_over_18.gif) no-repeat;
	width:167px;
	height:123px;
}
.hm_sense a.s4{
	background:url(../images/home_19.gif) no-repeat;
	width:167px;
	height:123px;
}
.hm_sense a.s4:hover{
	background:url(../images/home_over_19.gif) no-repeat;
	width:167px;
	height:123px;
}
.more{
	padding-left:10px;
	margin-right:10px;
	background:url(../images/arrow.gif) no-repeat left 0px;
}
.focus {
	float:right;
	width:360px;
	height:250px;
	margin:0 10px;
	display:inline;
	overflow:hidden;
}
.clear {
	clear:both;
}
#Footer {
	background:url(../images/dotted_h.gif) repeat-x top;
	padding:5px 0;
	text-align:center;
	color:#7f7f7f;
	font-size:12px;
	line-height:20px;
}
#Footer .link a{
	color:#5b5b5b;
}
#Footer .link a:hover{
	color:#cd0808;
}
.left_menu{
	width:160px;
	height:1000px;
	float:left;
	border-right:1px solid #7a7a7a;
	position:relative;
	overflow:hidden;
}
.left_menu em{
	font-style:normal;
	font-weight:normal;
	width:140px;
	text-align:right;
	padding:10px;
	line-height:25px;
	font-size:12px;
	position:absolute;
	bottom:0;
	right:0;
	background:#f2f2f2;
}
.left_menu ul{
	/*display:none;
	padding-top:0!important;
	padding-top:15px;*/
}
.left_menu ul.show{
	display:block;
	/*padding-left:70px;*/
}
.left_menu ul li{
	line-height:40px;
	text-align:right;
	padding-top:5px;
	letter-spacing:7px;
}
.left_menu ul li a,.left_menu ul li a:visited{
	padding-right:10px;
	width:150px;
	color:#666;
	display:inline-block;
	background:url(../images/dotted_h.gif) no-repeat 50px bottom;
}
.left_menu ul li a:hover,.left_menu ul li a.on,.left_menu ul li a.on:visited,.left_menu ul li a.on:hover,.left_menu ul li a:active,.left_menu ul li a.on:active{
	color:#fff;
	background:#cd0808;
	display:inline-block;
	text-decoration:none
}
.left_menu ul li a.selected,.left_menu ul li a.selected:visited,.left_menu ul li a.selected:hover,.left_menu ul li a.selected:active{
	color:#fff;
	background:#cd0808;
	display:inline-block;
	text-decoration:none
}
.left_menu ul li.m1{
	text-align:left;
	padding-top:5px;
	/*padding-left:20px;*/
}
.left_menu ul li.m1 a,.left_menu ul li.m1 a:visited{
	padding-left:20px;
	padding-right:0;
	width:140px;
	color:#666;
	font-size:14px;
	line-height:40px;
	display:inline-block;
	background:url(../images/dotted_h.gif) repeat-x left bottom;
}
.left_menu ul li.m1 p{
	padding:13px 0 13px 20px;
	width:140px;
	color:#666;
	font-size:14px;
	line-height:12px;
	/*height:40px;*/
	background:url(../images/dotted_h.gif) repeat-x left bottom;
}
.left_menu ul li.m1 p span{
	display:inline-block;
	background:url(../images/arrow.gif) no-repeat;
	width:12px;
	height:12px;
	vertical-align:middle;
}
.left_menu ul li.m1 a:hover,.left_menu ul li.m1 a.on,.left_menu ul li.m1 a.on:visited,.left_menu ul li.m1 a.on:hover,.left_menu ul li.m1 a:active,.left_menu ul li.m1 a.on:active{
	color:#fff;
	background:#cd0808;
	display:inline-block;
	text-decoration:none
}
.right_content{
	margin-left:160px;
	/*border-left:1px solid #7a7a7a;
	height:1000px;
	overflow:hidden;*/
}

/* other page */

.ab_banner{
	float:left;
	width:440px;
	height:400px;
	border-left:none;
}
.ab_txt{
	margin:15px;
	padding-left:35px;
	background:url(../images/arrow2_green.gif) no-repeat 20px 1px;
}
.ab_sense{
	float:right;
	width:516px;
	display:inline;
	padding:5px 0;
	margin:0 10px;
}
.ab_sense ul{
	margin:20px 10px;
}
.ab_sense ul li{
	height:25px;
	margin-bottom:10px;
}
.ab_sense ul li img{
	float:left;
	margin-right:20px;
	vertical-align:middle;
}
.contact{
	/*width:350px;*/
	width:920px;
	margin:0 auto;
	padding:15px;
	height:310px;
	/*float:left;*/
}
.baidu_map{
	display:none;
	width:400px;
	float:left;
	height:400px;
}
.ct_map{
	float:left;
}
.ct_txt{
	float:right;
	width:310px;
	background:url(../images/Contact-Us_05.jpg) no-repeat;
	padding-top:90px;
}
.ct_txt p{
	padding-top:20px;
	height:190px;
	background:url(../images/Contact-Us_09.jpg) no-repeat right bottom;
	line-height:20px;
}
.jo_banner{
	float:left;
	width:372px;
	height:370px;
	padding-top:10px;
	border-left:0;
}
.jo_txt{
	float:left;
	width:150px;
	height:350px;
	padding:20px 30px 0 30px;
	color:#909090;
	line-height:18px;
}
.jo_jobs{
	float:right;
	width:400px;
	height:350px;
}
.job_box{
	width:400px;
	height:100px;
	margin:20px 0;
	border-right:0;
}
.job_box img{
	float:left;
	padding:10px 0 10px 5px;
}
.job_box .jobs_txt{
	text-align:left;
	margin-left:100px;
}
.jobs_title{
	background:url(../images/arrow2_green.gif) no-repeat 10px 16px;
	padding-left:30px;
	line-height:40px;
}
.job_box .jobs_txt p{
	padding:10px 0 0 10px;
}
.service{
	width:970px;
	margin:0 auto;
}
.service .what{
	height:180px;
	margin-left:5px;
}
.service .what li{
	float:left;
	width:235px;
	height:130px;
	padding-right:5px;
}
.cs_list{
	/*padding:0 50px;
	height:1150px;*/
	margin:0 auto;
	width:737px;
	overflow:hidden;
}
.cs_list ul{
	display:inline-block;
	*display:inline;
	*zoom:1;
	background:url(../images/dotted_h.gif) repeat-x bottom;
	width:100%;
}
.cs_list ul li{
	width:326px;
	height:276px;
	padding:40px 21px;
	overflow:hidden;
	float:left;
}
.cs_list ul li img{
	border:1px solid #686868;
	float:left;
	width:324px;
}
.cs_list ul li div.info{
	background:#f2f2f2;
	padding:10px;
	line-height:18px;
	height:35px;
	overflow:hidden;
	margin-bottom:2px;
	position:relative;
}
.cs_list ul li div.info a{
	display:inline-block;
	width:25px;
	height:20px;
	position:absolute;
	bottom:0;
	right:0;
}
.cs_list ul li div.link a{
	background:url(../images/arrow2_green.gif) no-repeat left center;
	padding-left:15px;
	line-height:20px;
	display:inline-block;
}
.cs_list ul li div.info a p{
	display:none;
}
.cs_detail{
	padding:50px 0;
	width:720px;
	margin:0 auto;
}
.cs_detail .pro{
	position:relative;
	/*width:710px;*/
	display:inline;
}
.cs_detail .pro img{
	width:710px;
	padding:5px;
	background:#8c8a8a;
	margin:10px 0;
}
.cs_detail .pro .left_btn{
	position:absolute;
	top:50%;
	left:-20px;
	width:20px;
	height:20px;
	overflow:hidden;
	background:url(../images/arrow_left.gif) no-repeat left center;
}
.cs_detail .pro .right_btn{
	position:absolute;
	top:50%;
	right:-20px;
	width:20px;
	height:20px;
	overflow:hidden;
	background:url(../images/arrow_right.gif) no-repeat left center;
}
.cs_detail .info{
	width:720px;
	line-height:20px;
	position:relative;
}
.cs_detail .info a{
	display:inline-block;
	width:40px;
	height:20px;
	position:absolute;
	top:20px;
	right:-10px;
}
.cs_detail .info .base{
	padding-top:20px;
	font-size:14px;
	color:#cd0808;
}
.cs_detail .info .base p{
	font-size:14px;
	color:#cd0808;
}
.cs_detail .info .text{
	padding-top:10px;
}
.cs_detail em img{
	width:250px;
	height:150px;
	border:1px solid #838808;
}
.pg_center {
	text-align:center;
}
.pg_center .message{
	width:400px;
	margin:10px auto 0 auto;
}
.pg_center .message h5{
	margin:0;
	padding:5px;
	color:#cd0808;
	font-size:16px;
	font-weight:bold;
	background:none;
	border:none;
	text-align:left;
}
.pg_center .message table{
	width:100%;
	line-height:20px;
}
.pg_center .message input{
	width:220px;
	height:20px;
	vertical-align:top;
}
.pg_center .message textarea{
	width:220px;
	height:60px;
	vertical-align:top;
}
.pg_center .message button{
	background:#cd0808;
	border:1px solid #930;
	padding:3px 10px;
	color:#fff;
	font-size:14px;
	text-decoration:none;
	cursor:pointer;
}
.pg_center .message div.text{
	/*width:380px;*/
	margin-top:30px;
}
.pg_center .message div.text ul li{
	line-height:14px;
	position:relative;
	margin-bottom:10px;
	padding:5px 0;
	text-align:left;
	background:url(../images/dotted_h.gif) repeat-x bottom;
}
.pg_center .message div.text ul li .floor{
	color:#cd0808;
	line-height:14px;
	padding-left:5px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	overflow:hidden;
}
.pg_center .message div.text ul li .user{
	color:#333;
	padding-left:10px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	overflow:hidden;
}
.pg_center .message div.text ul li .title{
	/*color:#333;*/
	padding-left:5px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	overflow:hidden;
}
.pg_center .message div.text ul li .time{
	position:absolute;
	right:5px;
	top:5px;
	color:#666;
	line-height:14px;
}
.pg_center .message div.text ul li .words{
	padding:5px;
	color:#000;
	display:none;
	margin:5px 0 5px 10px;
}
.pg_center .message div.text ul li .reply{
	padding:5px;
	border:1px dotted #ccc;
	color:#999;
	display:block;
	margin:5px 0 5px 40px;
}
.pg_center .message div.text ul li .reply p{
	color:#999;
	padding:0;
	margin:0;
	text-indent:0;
}
.pg_center .about{
	background:url(../images/quadrel.gif) no-repeat 5px 5px;
	width:510px;
	margin:50px auto 0 auto;
}
.pg_center .about p{
	text-indent:25px;
}
.pg_center .contact{
	background:url(../images/contact_01.gif) no-repeat right 10px;
	width:600px;
	margin:50px 150px 0 50px;
	text-align:left;
	line-height:20px;
}
.pg_center .contact strong{
	color:#cd0808;
	background:url(../images/quadrel.gif) no-repeat;
	padding-left:20px;
}
.pg_center .job{
	margin:30px 50px 0;
	text-align:left;
	line-height:20px;
}
.pg_center .job strong{
	color:#cd0808;
	background:url(../images/quadrel.gif) no-repeat;
	padding-left:20px;
}
.pg_center .sense{
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin:50px auto 0 auto;
	color:#cd0808;
	font-size:14px;
}
.pg_center .sense p{
	text-align:center;
	color:#cd0808;
	font-size:14px;
}
.pg_center .office{
	width:510px;
	margin:20px auto 0;
}
.pg_center .office img{
	border:5px solid #dbd9d9;
	margin:10px;
}
.pg_center .team{
	/*width:770px;*/
	margin:50px auto 0 auto;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.pg_center .team p{
	text-align:center;
}
.pg_center .team img{
	border:2px solid #686868;
}
.pg_center .flow{
	width:700px;
	margin:30px auto 0 auto;
}
.pg_center .flow img{
	margin-right:10px;
	float:left;
}
.pg_center .serve{
	width:607px;
	margin:50px auto 0 auto;
	position:relative;
	/*overflow:hidden;*/
}
.pg_center .serve div {
	width:650px;
	height:270px;
	position:absolute;
	top:0;
	left:0;
	display:none;
	background:#fff;
	text-align:left;
}
.pg_center .serve div span{
	color:#cd0808;
}
.pg_center .serve div img{
	margin:20px 20px 20px 50px;
}
.pg_center .serve div a{
	position:absolute;
	right:50px;
	bottom:0;
}
.pg_center .research{
	width:700px;
	margin:10px auto 0 auto;
}
.pg_center .research ul li{
	line-height:14px;
	position:relative;
	margin-top:10px;
	padding:15px 0;
	text-align:left;
	background:url(../images/dotted_h.gif) repeat-x bottom;
}
.pg_center .research ul li .title{
	background:url(../images/quadrel.gif) no-repeat left center;
	padding-left:20px;
}
.pg_center .research ul li .time{
	position:absolute;
	right:70px;
	top:15px;
	line-height:14px;
}
.pg_center .research ul li .more{
	position:absolute;
	right:0;
	top:15px;
	color:#cd0808;
	line-height:14px;
}
.pg_center .research img{
	margin:30px;
}
.pg_center .news{
	width:700px;
	margin:10px auto 0 auto;
}
.pg_center .news ul li{
	line-height:14px;
	position:relative;
	margin-top:10px;
	padding:15px 0;
	text-align:left;
	background:url(../images/dotted_h.gif) repeat-x bottom;
}
.pg_center .news ul li .title{
	background:url(../images/quadrel.gif) no-repeat left center;
	padding-left:20px;
}
.pg_center .news ul li .time{
	position:absolute;
	right:70px;
	top:15px;
	line-height:14px;
}
.pg_center .news ul li .more{
	position:absolute;
	right:0;
	top:15px;
	color:#cd0808;
	line-height:14px;
}
.pg_center .content{
	width:700px;
	margin:20px auto;
}
.pg_center .link{
	width:550px;
	margin:20px auto 0 auto;
}
.pg_center .link img{
	float:left;
	width:150px;
	height:63px;
	border:1px solid #5b5b5b;
	margin:10px;
}
.pg_center p{
	text-align:left;
	/*text-indent:25px;*/
	line-height:20px;
}
.page_num{
	text-align:right;
	margin:10px 30px 0 0;
}
.page_num input{
	width:40px;
	vertical-align:middle;
}