@charset "utf-8";
/* CSS Document */

body {
	width:1024px;
	height:auto;
	/*border:1px solid yellow;*/
	background:url(../images/bg.jpg) top no-repeat #000;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
}

.xahoiso {
	width:908px;
	height:auto;
	position:relative;
	float:left;
}

.header {
	width:908px;
	height:110px;
	margin-left:50px;
	margin-top:50px;
	display:inline;
	position:relative;
	float:left;
}

.logo {
	width:344px;
	height:100px;
	margin-left:20px;
	display:inline;
	background:url(../images/xhs.png) no-repeat;
	position:relative;
	float:left;
}

/* CONTACT */

.xhs_contact_title {
	width:800px;
	height:40px;
	background:url(../images/xhs_contact.png) no-repeat;
	margin-left:10px;
	margin-top:5px;
	display:inline;
	position:relative;
	float:left;
}

.domain {
	width:344px;
	height:40px;
	margin-top:60px;
	margin-right:10px;
	display:inline;
	background:url(../images/domain_bg.png) no-repeat;
	position:relative;
	float:right;
}

.domain_button {
	width:96px;
	height:41px;
	border:none;
	background:none;
	background:url(../images/domain_button.png) no-repeat;
	position:relative;
	float:right;
}

.domain_input {
	width:150px;
	margin-top:10px;
	margin-left:5px;
	display:inline;
	background:none;
	color:white;
	border:none;
	position:relative;
	float:left;
}

.domain select {
	width:83px;
	height:25px;
	background:#CCCCCC;
	border:none;
	padding:2px 2px 3px 5px;
	margin-top:8px;
	margin-left:10px;
	position:relative;
	float:left;
}

.domain select option {
	padding:3px 2px 3px 5px;
	height:20px;
}

.navar {
	width:908px;
	height:53px;
	margin-left:50px;
	margin-top:5px;
	display:inline;
	background:url(../images/menu_bg.png) no-repeat;
	position:relative;
	float:left;
}

.navar a {
	text-decoration:none;
}

.menu_member {
	width:auto;
	height:51px;
	line-height:52px;
	margin-left:-1px;
	margin-top:0px;
	display:inline;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	padding-left:16px;
	padding-right:16px;
	border-right:1px solid #111;
	position:relative;
	float:left;
}

.menu_member:hover {
	width:auto;
	height:53px;
	line-height:52px;
	margin-left:-1px;
	margin-top:-2px;
	display:inline;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	padding-left:16px;
	padding-right:16px;
	border-right:1px solid #111;
	background:url(../images/menu_member_bg_3.png) repeat-x;
	cursor:pointer;
	position:relative;
	float:left;
}

.menu_member_selected_1 {
	width:105px;
	height:57px;
	line-height:54px;
	margin-left:-1px;
	margin-top:-1px;
	display:inline;
	color:red;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	background:url(../images/menu_member_bg_1.png) no-repeat;
	position:relative;
	float:left;
}

.menu_member_selected_2 {
	width:auto;
	height:57px;
	line-height:54px;
	margin-left:-1px;
	margin-top:-1px;
	display:inline;
	color:red;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	padding-left:16px;
	padding-right:16px;
	background:url(../images/menu_member_bg_2.png) repeat;
	position:relative;
	float:left;
}

.main {
	width:908px;
	height:auto;
	margin-left:50px;
	margin-top:10px;
	position:relative;
	float:left;
}

.slide {
	width:600px;
	height:270px;
	display:inline;
	background:url(../images/slide_bg.png) no-repeat;
	position:relative;
	float:left;
}

.slide img {
	width:580px;
	height:250px;
	margin-top:10px;
	margin-left:10px;
	display:inline;
	position:relative;
	float:left;
}

.top_news {
	width:290px;
	height:270px;
	margin-left:10px;
	background:url(../images/news_bg.png) no-repeat;
	position:relative;
	float:left;
}

.top_news_title {
	width:269px;
	height:40px;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;
	display:inline;
	background:url(../images/xhs_news.png) no-repeat;
	position:relative;
	float:left;
}

.top_news span {
	height:22px;
	line-height:20px;
	margin-left:10px;
	background:url(../images/news_point.png) 0px 4px no-repeat;
	padding-left:20px;
	color:#FFFFFF;
	font-size:12px;
	cursor:pointer;
	position:relative;
	float:left;
}

.top_news span:hover {
	color:red;
}

.top_news label {
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	margin-right:20px;
	margin-top:5px;
	cursor:pointer;
	position:relative;
	float:right;
}

.top_news label:hover {
	font-size:12px;
	font-weight:bold;
	color:red;
	margin-right:20px;
	margin-top:5px;
	cursor:pointer;
	position:relative;
	float:right;
}

.web_design {
	width:290px;
	height:180px;
	margin-top:10px;
	display:inline;
	background:url(../images/web_design.png) no-repeat;
	position:relative;
	float:left;
	overflow:hidden;
}

.web_design_sub {
	width:290px;
	height:auto;
	background:url(../images/sub_service_bg.png) repeat;
	padding-top:5px;
	padding-bottom:5px;
	position:relative;
	float:left;
	z-index:1;
}

.web_design_sub span {
	height:22px;
	line-height:20px;
	margin-left:10px;
	background:url(../images/news_point.png) 0px 4px no-repeat;
	padding-left:20px;
	color:#FFFFFF;
	font-size:12px;
	position:relative;
	float:left;
}

.web_design_sub span:hover {
	height:22px;
	line-height:20px;
	margin-left:10px;
	background:url(../images/news_point.png) 0px 4px no-repeat;
	padding-left:20px;
	color:red;
	font-size:12px;
	cursor:pointer;
	position:relative;
	float:left;
}

.networking_solutions {
	width:290px;
	height:180px;
	margin-top:10px;
	margin-left:15px;
	display:inline;
	background:url(../images/network_solutions.png) no-repeat;
	position:relative;
	float:left;
	overflow:hidden;
}

.networking_solutions_sub {
	width:290px;
	height:auto;
	background:url(../images/sub_service_bg.png) repeat;
	padding-top:5px;
	padding-bottom:5px;
	position:relative;
	float:left;
	z-index:1;
}

.networking_solutions_sub span {
	height:22px;
	line-height:20px;
	margin-left:10px;
	background:url(../images/news_point.png) 0px 4px no-repeat;
	padding-left:20px;
	color:#FFFFFF;
	font-size:12px;
	position:relative;
	float:left;
}

.networking_solutions_sub span:hover {
	height:22px;
	line-height:20px;
	margin-left:10px;
	background:url(../images/news_point.png) 0px 4px no-repeat;
	padding-left:20px;
	color:red;
	font-size:12px;
	cursor:pointer;
	position:relative;
	float:left;
}

.e_commerce {
	width:290px;
	height:180px;
	margin-top:10px;
	margin-left:15px;
	display:inline;
	background:url(../images/e-commerce.png) no-repeat;
	position:relative;
	float:left;
	overflow:hidden;
}

.e_commerce_sub {
	width:290px;
	height:auto;
	background:url(../images/sub_service_bg.png) repeat;
	padding-top:5px;
	padding-bottom:5px;
	position:relative;
	float:left;
	z-index:1;
}

.e_commerce_sub span {
	height:22px;
	line-height:20px;
	margin-left:10px;
	background:url(../images/news_point.png) 0px 4px no-repeat;
	padding-left:20px;
	color:#FFFFFF;
	font-size:12px;
	position:relative;
	float:left;
}

.e_commerce_sub span:hover {
	height:22px;
	line-height:20px;
	margin-left:10px;
	background:url(../images/news_point.png) 0px 4px no-repeat;
	padding-left:20px;
	color:red;
	font-size:12px;
	cursor:pointer;
	position:relative;
	float:left;
}

.service_title {
	width:290px;
	height:35px;
	margin-top:145px;
	display:inline;
	font-weight:bold;
	font-size:12px;
	color:white;
	line-height:35px;
	text-align:center;
	background:url(../images/service_title.png) no-repeat;
	position:relative;
	float:left;
	z-index:10;
}

.customer_comment {
	width:445px;
	height:230px;
	margin-top:10px;
	display:inline;
	background:url(../images/cus_comment_bg.png) no-repeat;
	position:relative;
	float:left;
}

.customer_comment_title {
	width:445px;
	height:40px;
	margin-top:10px;
	margin-left:10px;
	display:inline;
	background:url(../images/xhs_customer_comment.png) no-repeat;
	position:relative;
	float:left;
}

.customer_comment img {
	width:142px;
	height:131px;
	padding:2px;
	margin-left:10px;
	margin-top:10px;
	display:inline;
	border:1px solid #666;
	position:relative;
	float:left;
}

.comment_content {
	width:267px;
	height:auto;
	line-height:18px;
	margin-left:5px;
	margin-top:7px;
	display:inline;
	font-size:12px;
	color:#666;
	position:relative;
	float:left;
}

.customer_comment span {
	font-weight:bold;
	color:#666;
	font-size:11px;
	text-align:right;
	margin-right:10px;
	position:relative;
	float:right;
}

.blog {
	width:445px;
	height:230px;
	margin-top:10px;
	margin-left:10px;
	display:inline;
	background:url(../images/cus_comment_bg.png) no-repeat;
	position:relative;
	float:left;
}

.blog_title {
	width:173px;
	height:40px;
	margin-top:10px;
	margin-left:10px;
	display:inline;
	background:url(../images/blog_title.png) no-repeat;
	position:relative;
	float:left;
}

.customer_slide {
	width:908px;
	height:150px;
	margin-top:10px;
	display:inline;
	background:url(../images/customer_slide.png) no-repeat;
	position:relative;
	float:left;
}

.prev {
	width:36px;
	height:63px;
	margin-top:40px;
	margin-left:10px;
	display:inline;
	background:url(../images/prev.png) no-repeat;
	cursor:pointer;
	position:relative;
	float:left;
}

.next {
	width:36px;
	height:63px;
	margin-top:40px;
	margin-right:10px;
	display:inline;
	background:url(../images/next.png) no-repeat;
	cursor:pointer;
	position:relative;
	float:right;
}

.customer_list {
	width:785px;
	height:150px;
	margin-left:10px;
	position:relative;
	float:left;
	overflow:hidden;
}

.items1 {
	width:9000px;
	position:absolute;
	clear:both;
}

.items1 div {
	float:left;
}

.customer_list img {
	width:140px;
	height:102px;
	border:1px solid #333;
	margin-left:15px;
	margin-top:25px;
	display:inline;
	opacity:0.5;
	filter:alpha(opacity=50);
	position:relative;
	float:left;
}

.customer_list img:hover {
	cursor:pointer;
	opacity:1;
	filter:alpha(opacity=100);
}

.footer {
	width:906px;
	height:156px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:46px;
	display:inline;
	background:url(../images/footer.png) no-repeat;
	position:relative;
	float:left;
}

/* NEWS */

.intro_top {
	width:908px;
	height:9px;
	background:url(../images/intro_top.png) no-repeat;
	position:relative;
	float:left;
}

.intro_middle {
	width:908px;
	height:auto;
	background:url(../images/intro_middle.png) repeat-y;
	position:relative;
	float:left;
}

.intro_bottom {
	width:908px;
	height:9px;
	background:url(../images/intro_bottom.png) no-repeat;
	position:relative;
	float:left;
}

.xhs_intro_title {
	width:800px;
	height:40px;
	margin-left:10px;
	margin-top:5px;
	display:inline;
	background:url(../images/xhs_intro.png) no-repeat;
	position:relative;
	float:left;
}

.intro_container {
	width:880px;
	height:auto;
	margin-left:10px;
	margin-top:10px;
	display:inline;
	position:relative;
	float:left;
}

.intro_tab1 {
	width:224px;
	height:203px;
	margin-left:10px;
	margin-top:10px;
	display:inline;
	background:url(../images/xhs_intro_tab_1.png) no-repeat;
	position:absolute;
	float:left;
}

.intro_tab2 {
	width:224px;
	height:203px;
	margin-left:10px;
	margin-top:10px;
	display:inline;
	background:url(../images/xhs_intro_tab_2.png) no-repeat;
	position:absolute;
	float:left;
}

.intro_tab3 {
	width:224px;
	height:203px;
	margin-left:10px;
	margin-top:10px;
	display:inline;
	background:url(../images/xhs_intro_tab_3.png) no-repeat;
	position:absolute;
	float:left;
}

#tab1 {
	width:113px;
	height:15px;
	background:url(../images/intro_chung.png) no-repeat;
	margin-top:25px;
	margin-left:20px;
	display:inline;
	cursor:pointer;
	position:relative;
	float:left;
}

#tab2 {
	width:133px;
	height:15px;
	background:url(../images/sumenh.png) no-repeat;
	margin-top:50px;
	margin-left:20px;
	display:inline;
	cursor:pointer;
	position:relative;
	float:left;
}

#tab3 {
	width:113px;
	height:15px;
	background:url(../images/giatri.png) no-repeat;
	margin-top:55px;
	margin-left:20px;
	display:inline;
	cursor:pointer;
	position:relative;
	float:left;
}

.intro_content {
	width:630px;
	height:auto;
	line-height:20px;
	margin-left:10px;
	margin-top:10px;
	display:inline;
	color:#FFF;
	font-size:12px;
	position:relative;
	float:right;
}

/* SERVICES */

.website {
	width:292px;
	height:192px;
	cursor:pointer;
	position:relative;
	float:left;
}

.website_logo {
	width:292px;
	height:182px;
	background:url(../images/service__r1_c1.png) no-repeat;
	position:relative;
	float:left;
	overflow:hidden;
}

.networking {
	width:292px;
	height:auto;
	margin-left:12px;
	display:inline;
	cursor:pointer;
	position:relative;
	float:left;
}

.networking_logo {
	width:292px;
	height:182px;
	background:url(../images/service__r1_c3.png) no-repeat;
	position:relative;
	float:left;
	overflow:hidden;
}

.marketing {
	width:292px;
	height:auto;
	margin-left:12px;
	display:inline;
	cursor:pointer;
	position:relative;
	float:left;
}

.marketing_logo {
	width:292px;
	height:182px;
	background:url(../images/service__r1_c5.png) no-repeat;
	position:relative;
	float:left;
	overflow:hidden;
}

.service_hover {
	width:292px;
	height:0px;
	background:#0099FF;
	margin-top:5px;
	display:inline;
	opacity:0;
	filter:alpha(opacity=0);
	position:relative;
	float:left;
}

.services_top {
	width:908px;
	height:9px;
	margin-top:10px;
	display:inline;
	background:url(../images/intro_top.png) no-repeat;
	position:relative;
	float:left;
}

.services_middle {
	width:908px;
	height:auto;
	background:url(../images/intro_middle.png) repeat-y;
	position:relative;
	float:left;
}

.services_bottom {
	width:908px;
	height:9px;
	background:url(../images/intro_bottom.png) no-repeat;
	position:relative;
	float:left;
}

.services_title {
	width:700px;
	height:40px;
	margin-left:10px;
	display:inline;
	background:url(../images/xhs_service.png) no-repeat;
	position:relative;
	float:left;
}

.service_content {
	width:860px;
	height:auto;
	margin-left:20px;
	margin-top:20px;
	display:inline;
	color:white;
	font-size:12px;
	position:relative;
	float:left;
}

.website_sub {
	width:290px;
	height:auto;
	background:url(../images/sub_service_bg.png) repeat;
	padding-top:5px;
	padding-bottom:5px;
	position:relative;
	margin-top:182px;
	margin-left:1px;
	display:inline;
	float:left;
	z-index:1;
}

.website_sub span {
	height:22px;
	line-height:20px;
	margin-left:10px;
	background:url(../images/news_point.png) 0px 4px no-repeat;
	padding-left:20px;
	color:#FFFFFF;
	font-size:12px;
	position:relative;
	float:left;
}

.website_sub span:hover {
	height:22px;
	line-height:20px;
	margin-left:10px;
	background:url(../images/news_point.png) 0px 4px no-repeat;
	padding-left:20px;
	color:red;
	font-size:12px;
	cursor:pointer;
	position:relative;
	float:left;
}

.networking_sub {
	width:290px;
	height:auto;
	background:url(../images/sub_service_bg.png) repeat;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:182px;
	margin-left:1px;
	display:inline;
	position:relative;
	float:left;
	z-index:1;
}

.networking_sub span {
	height:22px;
	line-height:20px;
	margin-left:10px;
	background:url(../images/news_point.png) 0px 4px no-repeat;
	padding-left:20px;
	color:#FFFFFF;
	font-size:12px;
	position:relative;
	float:left;
}

.networking_sub span:hover {
	height:22px;
	line-height:20px;
	margin-left:10px;
	background:url(../images/news_point.png) 0px 4px no-repeat;
	padding-left:20px;
	color:red;
	font-size:12px;
	cursor:pointer;
	position:relative;
	float:left;
}

.marketing_sub {
	width:290px;
	height:auto;
	background:url(../images/sub_service_bg.png) repeat;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:182px;
	margin-left:1px;
	display:inline;
	position:relative;
	float:left;
	z-index:1;
}

.marketing_sub span {
	height:22px;
	line-height:20px;
	margin-left:10px;
	background:url(../images/news_point.png) 0px 4px no-repeat;
	padding-left:20px;
	color:#FFFFFF;
	font-size:12px;
	position:relative;
	float:left;
}

.marketing_sub span:hover {
	height:22px;
	line-height:20px;
	margin-left:10px;
	background:url(../images/news_point.png) 0px 4px no-repeat;
	padding-left:20px;
	color:red;
	font-size:12px;
	cursor:pointer;
	position:relative;
	float:left;
}

/* PRODUCTS */

.products_title {
	width:908px;
	height:40px;
	background:url(../images/xhs_invest.png) no-repeat;
	position:relative;
	float:left;
}

.product {
	width:908px;
	height:158px;
	margin-top:20px;
	display:inline;
	background:url(../images/products_bg.png) no-repeat;
	position:relative;
	float:left;
}

.product img {
	width:142px;
	height:128px;
	margin-left:10px;
	margin-top:10px;
	display:inline;
	position:relative;
	float:left;
}

.product span {
	width:700px;
	height:22px;
	line-height:13px;
	margin-top:15px;
	margin-left:20px;
	display:inline;
	color:#FFAE00;
	font-weight:bold;
	padding-left:20px;
	font-size:13px;
	background:url(../images/news_point.png) no-repeat;
	position:relative;
	float:left;
}

.product a {
	width:95px;
	height:37px;
	border:none;
	background:url(../images/readmore.png) no-repeat;
	margin-right:30px;
	margin-bottom:10px;
	display:inline;
	position:relative;
	float:right;
}

.product a:hover {
	width:95px;
	height:37px;
	border:none;
	background:url(../images/readmore_hover.png) no-repeat;
	margin-right:30px;
	margin-bottom:10px;
	display:inline;
	position:relative;
	float:right;
}

.product_info {
	width:700px;
	height:70px;
	line-height:18px;
	margin-left:20px;
	display:inline;
	font-size:12px;
	color:#CCC;
	position:relative;
	float:left;
}

/* CUSTOMERS */
.customers {
	width:904px;
	height:104px;
	background:url(../images/customers_bg.png) no-repeat;
	position:relative;
	float:left;
}

.customer_container {
	width:770px;
	height:104px;
	margin-left:10px;
	display:inline;
	position:relative;
	float:left;
	overflow:hidden;
}

.items {
	width:5000px;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
}

.items img {
	width:100px;
	height:60px;
	border:1px solid #666;
	margin-top:20px;
	margin-right:10px;
	display:inline;
	cursor:pointer;
	opacity:0.7;
	filter:alpha(opacity=70);
	position:relative;
	float:left;
}

.items img:hover {
	opacity:1;
	filter:alpha(opacity=100);
}

.customer_content {
	width:900px;
	height:auto;
	margin-top:20px;
	display:inline;
	position:relative;
	float:left;
}

.customer_content img {
	width:492px;
	height:498px;
	position:relative;
	float:left;
}

.customer_content span {
	width:370px;
	height:25px;
	line-height:13px;
	font-size:13px;
	font-weight:bold;
	color:#0371BA;
	padding-left:20px;
	background:url(../images/news_point.png) no-repeat;
	position:relative;
	float:left;
}

.customer_content table {
	width:370px;
	height:auto;
	position:relative;
	float:left;
}

.customer_content table tr {
	height:22px;
}

.customer_content table tr th {
	width:130px;
	height:22px;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	color:#CCC;
}

.customer_content table tr td {
	width:240px;
	line-height:18px;
	font-size:12px;
	text-align:left;
	color:#CCC;
}

/* NEWS */

.xhs_news_title {
	width:800px;
	height:50px;
	background:url(../images/xhs_news.png) no-repeat;
	margin-left:10px;
	margin-top:5px;
	display:inline;
	position:relative;
	float:left;
}

.top_new_news {
	width:800px;
	height:auto;
	margin-top:10px;
	margin-left:20px;
	margin-bottom:10px;
	display:inline;
	font-size:12px;
	color:white;
	position:relative;
	float:left;
}

.top_new_news img {
	width:180px;
	height:130px;
	vertical-align:text-top;
	border:1px solid #888;
	margin-right:10px;
	position:relative;
	float:left;
}

.top_new_news span {
	width:580px;
	height:22px;
	line-height:12px;
	background:url(../images/news_point.png) no-repeat;
	padding-left:20px;
	color:#FFAE00;
	font-size:13px;
	font-weight:bold;
	position:relative;
	float:left;
}

.top_new_news span:hover {
	color:red;
}

/* EMPLOYMENT */

.xhs_employ_title {
	width:800px;
	height:50px;
	background:url(../images/xhs_employ.png) no-repeat;
	margin-left:10px;
	margin-top:5px;
	display:inline;
	position:relative;
	float:left;
}

/* BLOG */

.xhs_blog_title {
	width:800px;
	height:50px;
	background:url(../images/blog_title.png) no-repeat;
	margin-left:10px;
	margin-top:5px;
	display:inline;
	position:relative;
	float:left;
}

.blog_sumary_content {
	width:410px;
	height:auto;
	margin-left:10px;
	margin-top:10px;
	display:inline;
	font-size:12px;
	color:white;
	position:relative;
	float:left;
}

.blog_sumary_content span {
	height:22px;
	line-height:20px;
	margin-left:10px;
	background:url(../images/news_point.png) 0px 4px no-repeat;
	padding-left:20px;
	color:#FFFFFF;
	font-size:12px;
	cursor:pointer;
	position:relative;
	float:left;
}

.contact_table {
	width:auto;
	height:auto;
	margin-left:230px;
	margin-top:20px;
	margin-bottom:30px;
	display:inline;
	border-top:1px solid #555;
	border-left:1px solid #555;
	border-right:1px solid #555;
	position:relative;
	float:left;
}

.contact_table tr {
	height:30px;
	line-height:25px;
}

.contact_table tr th {
	width:120px;
	text-align:left;
	padding-left:10px;
	font-weight:bold;
	font-size:12px;
	background:#666;
	border-bottom:1px solid #555;
}

.contact_table tr td {
	width:300px;
	text-align:left;
	padding-left:10px;
	font-size:12px;
	background:#999;
	border-bottom:1px solid #777;
}

.xhs_whois_title {
	width:800px;
	height:50px;
	background:url(../images/whois.png) no-repeat;
	margin-left:10px;
	margin-top:5px;
	display:inline;
	position:relative;
	float:left;
}