﻿/* CSS Document */

body {
background-color:#000000;
font-size:12px;
margin:0px auto;
font-family:Tahoma;
text-align: justify;
color:#CCCCCC;
/*background-image:url(../images/top.jpg);
background-position:top;
background-repeat:no-repeat;*/
}
td {
font-size:12px;
font-family: Tahoma;
}

#info {
background-color:#000000;
width:805px;
text-align:center;
padding:0px auto;
margin:0px auto;
}
#main {
width:805px;
text-align:center;
background:url(../images/main_bg.jpg);
background-image:url(../images/main_bg.jpg);
background-position:top center;
background-repeat:no-repeat;

height:100%;
padding-bottom:20px;
margin:0px;
padding:0px;
}
#main_content {
background:url(../images/main_bg.jpg);
background-image:url(../images/main_bg.jpg);
background-position:top center;
background-repeat:no-repeat;
float:left;
width:805px;
text-align:center;
}
#main_content1 {
float:left;
width:96px;
text-align:center;

}
#main_content2 {
float:left;
width:99px;
text-align:center;

}
#logo {
width: 805px;
height: 115px;
text-align: left;
}
#navtion {
width: 805px;
height: 45px;
background-color:#262626;
font-size:12px;
}
.webflash {
width:805px;
height:260px;
}
.headlenguage {
font-family:Tahoma;
font-size:11px;
color:#666666;
padding-left:15px;
border-right:#333333 solid 1px;
}

.span_nav {
padding-right:8px;
font-size:12px;
}
.About_list {
width:805px;
height:260px;
background-color:#161616;
}
.challenge {
width:266px;
border-right:#1b1b1b solid 1px;
height:260px;

}
.title_challenge {
color:#FF0000;
font-size:14px;
padding:15px 0px 8px 20px;
}
.title_business {
color:#DE9C00;
font-size:14px;
padding:15px 0px 8px 20px;
}
.title_web {
color:#C46C1E;
font-size:14px;
padding:15px 0px 8px 20px;
}
.xuxian {
height:3px;
text-align:left;
padding-left:20px;
}
.content_list {
color:#666666;
font-size:12px;
padding:8px 20px;
line-height:22px;
}
.more_pic {
text-align:center;
padding:6px 0 0 0;
}
.title_bold {
font-weight:bold;
}
.business_title_zh {
font-size:12px;
color:#999999;
padding:10px 0px 2px 20px;
}
.business_title_eng {
font-size:11px;
color:#333333;
padding:0px 0px 5px 20px;
}
#Index_white {
width:536px;
height:625px;
background-color:#E7E7E7;
padding:20px 20px 0px 20px;
}
.title {
padding:0 0 10px 0px;
color:#000000;
font-size:14px;
font-family:Tahoma;
font-weight:bold;
}
.content {
font-size:12px;
color:#3F3F3F;
padding:8px 0px 1px 0px;
line-height:24px;
font-weight:200;
}
.newsmore {
background-image:url(../images/News_more.jpg);
background-repeat:no-repeat;
background-position:right;
height:20px;
text-align:right;
padding-top:5px;
}
.MOREunder {
padding-right:22px;
text-decoration:underline;
color:#000000;
font-size:10px;
font-weight:200;
}
#NewsTitle {
padding:0 0 10px 0px;
color:#000000;
font-size:14px;
font-family:Tahoma;
}
.newsxian {
padding:5px 0px 35px 0px;
}

#IsCommend_Title {
font-size:14px;
font-weight:bold; 
color:#B10E2C;
border-bottom:#CCCCCC solid 1PX;
padding:5px 0px;
}
.IsCommend_Title_T {
padding-top:5px;

}
.iscommend_height {
height:28px;
font-size:12px; 
color:#7f7f7f;
line-height:24px;
border-bottom:#CCCCCC solid 1PX;
}
#IndexCase {
padding:10px 17px;
background-color:#101010;
}
.Casetitle {
padding:0px 0 10px 0px;
color:#ffffff;
font-size:14px;
font-family:Tahoma;
}
.Caseeng {
padding:10 0 10px 0px;
color:#ffffff;
font-size:11px;
font-family:Tahoma;
font-family:Tahoma;
}
.casebg {
width:230px;
height:113px;
background-color:#2b2b2b;
text-align:center;
}
.imgclass {
padding:7px 0px;
}
.casename {
font-size:12px;
font-family:Tahoma;
padding-left:8px;
text-align:left;
}
#casestyle {
padding-bottom:12px;
}
.casemore {
padding:20px 0px;
text-align:center;
}
#footer {
height:63px;
background-color:#212121;
}
.Copyright {
padding:5px 20px;
} 
.paddingright {
padding-right:30px;
font-size:11px;
color:#666666;
}
.footernav {
padding-right:10px;
}
.footerxian {
padding-right:10px;
color:#666666;
}

/*  case ���õ�css style */

.Caselist {
width:805px;
background-color:#181818;
}
.Caseclass {
width:805px;
height:53px;
background-color:#181818;
}
.shuxian{
	display: block;
	float: left;
	text-align:center;
	width:3px;
	padding:17px 0px 0px 0px;
	text-decoration: none;
	color: #cccccc;
	height:53px;
	font-size:11px;
}

#Caseclass {
	
	width: 100%;
	height: 53px;
	margin: 0px auto;
}

#Caseclass ul {
	float: left;
	margin: 0px;
	padding:0px;
	list-style: none;
	height:53px;
}

#Caseclass li {
	display: inline;
}

#Caseclass a {
	display: block;
	float: left;
	text-align:center;
	width:92px;
	padding: 18px 10px 0px 10px;
	text-decoration: none;
	color: #cccccc;
	height:53px;
}

#Caseclass a:hover {
	display: block;
	width:92px;
	float: left;
	padding: 18px 10px 0px 10px;
	text-decoration: none;
	color: #ECB816;
	height:53px;
	text-align:center;
}
#Caselist {
border-top:#2A2A2A solid 1px;
width:805px;
height:400px;
border-left:#2A2A2A solid 1px;
float:left;
}
#web_background {
width:268px;
height:133px;
float:left;
background-image:url(../images/di_pic.jpg);
background-repeat:no-repeat;
background-position:left;
text-align:center;
}
.web_title {
padding:15px 0px 0px 15px;
font-family:Tahoma;
font-size:12px;
color:#FFFFFF;
text-align:left;
}
.web_time {
padding:5px 0px 0px 15px;
font-family:Tahoma;
font-size:11px;
color:#666666;
text-align:left;
}
.timecss {
padding-right:18px;
font-family:Tahoma;
font-size:11px;
color:#666666;
text-align:left;
}
.webpic_css {
padding:7px 0px;
text-align:center;
}
.web_pic {
border:3px #FFFFFF solid;
width:230px;
height:53px;
text-align:center;
}
#web_message {
background-color:#101010;
height:535px;
}
#web_content_1 {
float:left;
background-image:url(../images/we_content_1.jpg);
width:400px;
height:322px;
background-position:top left;
background-repeat:no-repeat;
}
#web_content_2 {
float: right;
background-image:url(../images/we_content_2.jpg);
width:400px;
height:322px;
background-position:top left;
background-repeat:no-repeat;
}
#web_content_3 {
float:left;
background-image:url(../images/we_content_3.jpg);
width:400px;
height:250px;
background-position:top left;
background-repeat:no-repeat;
}
#web_content_4 {
float: right;
background-image:url(../images/we_content_4.jpg);
width:400px;
height:250px;
background-position:top left;
background-repeat:no-repeat;
}
#web_content_title_1 {
font-size:12px;
color:#FFFFFF;
padding:23px 0px 20px 20px;
}
#web_content_content {
color: #999999;
font-size:12px;
line-height:23px;
padding:0px 22px 20px 20px;
float:right;
width:220px;
}
#web_content_picurl {
padding:0px 0px 20px 20px;
float:left;
width:110px;
height:110px;
cursor:pointer;
}
#web_content_title_2 {
font-size:12px;
color:#FFFFFF;
padding:5px 0px 20px 20px;
}
#web_content_content_2 {
color: #999999;
font-size:12px;
line-height:22px;
padding:0px 20px 0px 20px;
float:right;
width:220px;
}

/*  news ���õ�css style */

#Newsclass {
	
	width: 100%;
	height: 53px;
	margin: 0px auto;
	border-bottom:#2A2A2A solid 1px;
}

#Newsclass ul {
	float: left;
	margin: 0px;
	padding:0px;
	list-style: none;
	height:53px;
}

#Newsclass li {
	display: inline;
	font-size:14px;
}

#Newsclass a {
	display: block;
	float: left;
	text-align:center;
	width:100px;
	padding: 18px 10px 0px 10px;
	text-decoration: none;
	color: #CCCCCC;
	height:53px;
	font-size:14px;
}

#Newsclass a:hover {
	display: block;
	width:100px; /*85px*/
	float: left;
	padding: 18px 10px 0px 10px;
	text-decoration: none;
	color: #ECB816;
	height:53px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}
.newsshuxian{
	display: block;
	float: left;
	text-align:center;
	width:3px;
	padding:17px 0px 0px 0px;
	text-decoration: none;
	color: #333333;
	height:53px;
	font-size:11px;
}
#newslist {
background-color:#0C0C0C;
padding:20PX;
height:500px;
}
#NewsList_title {
float:left;
font-family:Tahoma;
font-size:12px;
width:510px;
}
#NewsList_IsCommendCase {
float: right;
font-family:Tahoma;
font-size:12px;
width:250px;
text-align:center;
}
#Newslist_while {
width:254px;
float:left;
line-height:24px;
color: #7F7F7F;
height:30px;
}
.newspic_css {
padding:0px 0px 24px 0px;
text-align:center;
}
.news_pic {
border:3px #FFFFFF solid;
width:230px;
height:53px;
text-align:center;
}
.shownews_title {
color:#CCCCCC;
font-size: 14px;
font-family:Tahoma;
text-align:center;
}
#web_show_content {
color: #AFAFAF;
font-size:12px;
line-height:23px;
padding:0px 5px;
}

#web_show_About_content {
color: #666666;
font-size:12px;
line-height:23px;
padding:0px 5px;
}

/*contact us css style
*/
.Contact {
width:805px;
color: #ECB816;
background-color:#181818;
padding-left:22px;
}
.About {
width:805px;
color: #ECB816;
background-color:#181818;
padding-left:25px;
}
#Contact_Content {
text-decoration: none;
float:left;
font-family:Tahoma;
font-size:12px;
width:390px;
line-height:24px;
color:#666666;
}
#Contact_Content a:hover {
text-decoration: none;
float:left;
font-family:Tahoma;
font-size:12px;
width:390px;
line-height:24px;
color:#666666;
}
#Contact_send {
float: right;
font-family:Tahoma;
font-size:12px;
width:370px;
line-height:24px;
}
.content_title {
font-size:11px;
color:#FFFFFF;
font-weight:bold;
padding:5px 0px;
}
A {
COLOR: #999; TEXT-DECORATION: none; 
}
A:link {
	COLOR: #999; TEXT-DECORATION: none; 
}
A:active {
	COLOR: #999; TEXT-DECORATION: none; 
}
A:hover {
	COLOR: #999; TEXT-DECORATION: none; 
}

#aboutclass {
	
	width: 100%;
	height: 53px;
	margin: 0px auto;
	border-bottom:#2A2A2A solid 1px;
}

#aboutclass ul {
	float: left;
	margin: 0px;
	padding:0px;
	list-style: none;
	height:53px;
}

#aboutclass li {
	display: inline;
}

#aboutclass a {
	display: block;
	float: left;
	text-align:left;
	width:130px;
	padding: 18px 0px 0px 24px;
	text-decoration: none;
	color: #ECB816;
	height:53px;
}

#aboutclass a:hover {
	display: block;
	width:130px;
	float: left;
	padding: 18px 0px 0px 24px;
	text-decoration: none;
	color: #ECB816;
	height:53px;
	text-align:left;
}
.paddingstyle {
padding-right:10px;
color: #ECB816;
}

.paddingstyle a {
padding-right:10px;
color: #ECB816;
}
.paddingstyle a:link{
padding-right:10px;
color: #ECB816;
}
.paddingstyle a:hover{
padding-right:10px;
color: #ECB816;

}
.package {
padding:10px 0px 8px 20px;
text-align:left;
}
#navjs {
width:80px;
border-right: #333333 solid 1px;
color:#cccccc;
text-align:right;
line-height:28px;
cursor:pointer;
margin:0px;
padding-right:7px;
}
.navfontstyle {
border:none;
background:none;
color:#cccccc;
line-height:24px;
font-size:12px;
}


