﻿*
{
	margin: 0;
	padding:0;
}

a
{
	color: #c5c5c5;
	text-decoration: none;
}

body
{
	color: #333;
	font-family:'Microsoft YaHei',arial,tahoma,\5b8b\4f53,sans-serif, Verdana;
	font-size: .85em;
	margin: 0;
	min-width: 947px;
	padding: 0;
}

footer
{
	background: #3B3B3B;
	height: 285px;
	width:100%;
}

header
{
	background: #3B3B3B;
	height: 88px;
	width: 100%;
}

img 
{
	border:none;
}

.background1
{
	background:#ECB70E;
}

.background2,.styleWebsite
{
	background:#63AFC5;
}

.background3,.styleeCommerce
{
	background:#8AC32F;
}

.background4,.styleMobile
{
	background:#A67EC2;
}

.background5,.styleOnline_Game
{
	background:#D67171;
}

.background6,.styleIT_Service
{
	background:#C28A49;
}

.clear
{
	clear: both;
}

.content-nav-box,.content-nav-box1
{
	height: 140px;
	margin:0 auto;
	position:relative;
	width:947px;
}

.content-nav-box1
{
	height: 168px;
}

.content-nav-Sbox
{
	float:left;
	margin-right: 4px;
	position: relative;
	width: 172px;
}

.content-nav-Sbox span
{
	color: #5C5C5C;
	display: block;
	font-weight: bold;
	text-align: center;
	width: 172px;
}

.content-title
{
	background: url(/Images/line-big.gif) no-repeat center bottom;
	color: #7C7C7C;
	font-size: 28px;
	height: 50px;
	line-height: 34px;
	padding-top: 50px;
	text-align: center;
}

.content-title a {
    color: #7C7C7C;
	text-decoration: none;
}

.content-title a:hover {
    color: #7C7C7C;
	text-decoration: underline;
}

.content-top-nav
{
	padding-left:40px;
	position:absolute;
	top:-45px;
	z-index:2000;
}

.content-top-nav img
{
	padding: 0 10px;
}

.content-top-nav2
{
	float:left;
	height: 152px;
	margin-right: 4px;
	position: relative;
	width: 172px;
}

.content-wrapper
{
	background:#fff;
	height: auto;
	width: 100%;	
    overflow: hidden;
}

.content-wrapper h2 
{
	color: #7C7C7C;
	font-size: 32px;
	font-weight: bold;
	line-height: 32px;
}

.frame-box
{
	height:auto;
	margin: 0 auto;
	text-align:center;
	width: 1137px;
}

.industry-Img
{
	left:0;
	position: absolute;
	top:0;
}

.left
{
	float: left;
}

.main_hot_costumebox
{
	position: relative;
	width:198px;
}

.main_hot_costumebox .sucesse-stories-mask
{
	left: 0;
	position: absolute;
	top: 0;
}
.main_hot_costumeimgs a
{
    color: #5C5C5C;
}
.main_hot_costumeimgs a:hover
{
    text-decoration: underline;
}
.main_hot_costumeimgs
{
	background:#EDEDED;
	height:190px;
	border-radius: 10px;
}

.main_hot_costumeimgs p
{
	padding-top: 10px;
}

.main_hot_itemimgs
{
	float:left;
}

.main_hot_items
{
	clear: both;
}

.main_hot_itemsbox
{
	background:#EDEDED;
}

.main-content
{
	margin:0 auto;
	width: 1000px;
}

.mask-item-img
{
	left:0;
	position: absolute;
	top:0;
	border-radius: 10px;
	width: 258px;
	height: 210px;
}

.news-info-show
{
	border:1px solid #ccc;
	height: 210px;
	margin-right:50px;
	margin-top:65px;
	width:281px;
}

.Newslist 
{
	list-style-type: none;
}

.Newslist li 
{
	background:url(../Images/bullet.png) left center no-repeat;
	padding:4px 18px;
}

.NewslistTime
{
	color: #3a3b35;
	float: right;
}

.relative
{
	position: relative;
}

.right
{
	float: right;
}

.SFdiv
{
	height:148px;
	width:642px;
}

.SFdiv div
{
	color: #fff;
	padding:0px 36px 10px 23px;
}

.SFdiv h2
{
	color: #fff;
	padding:17px 36px 20px 23px;
}

.SFdiv h2 a
{
	color: #fff;
}
.SFdiv h2 img
{
    vertical-align: middle;
}
.sm 
{
	display:block;
	height:100px;
	list-style:none;
	overflow:hidden;
	width:1137px!important;
}

.sm li 
{
	display:inline;
	float:left;
	overflow:hidden;
}

.span1
{
	display: none;
	height: 50px;
}

.wapper-bg
{
	background: #F1F2F3;
	overflow: hidden;
}

.ws_images img
{
	border: 0;
}

#banner
{
	background: #ECB70E;
	height: 414px;
	position: relative;
	width: 100%;
}

#banner a.ws_next,#banner a.ws_prev
{
	display:block;
}

#banner img
{
	display:block;
	margin: 0 auto;
}

#banner:hover a.ws_next, #banner:hover a.ws_prev 
{
	display:block;
}

#breadCrumb 
{
	float: right;
	margin-right:10px;
	margin-top: 6px;
}

#content-info
{
	height:150px;
}

#Copyright 
{
	clear: both;
	color: #c5c5c5;
	padding: 15px 0;
	text-align: center;
}

#FooterNavigator 
{
	margin:0 auto;
	width: 947px;
}

#FooterNavigator img 
{
	display:inline;
	padding-right: 5px;
}

#FooterNavigator li 
{
	color: #c5c5c5;
	float: left;
	font-size: 14px;
	line-height: 26px;
	padding: 6px 41px 15px 24px;
	width: 124px;
}

#FooterNavigator li a 
{
	color: #c5c5c5;
	padding-left: 0;
}
#FooterNavigator.en li a {
    font-size: 12px;
}

#FooterNavigator li a:hover, #FooterNavigator li a:focus, #FooterNavigator li a:active 
{
	color: #FFC000;
	text-decoration: none;
}

#FooterNavigator li div 
{
	color: #fff;
	margin: 10px 0;
}

#FooterNavigator ul 
{
	list-style-type: none;
	margin:0;
	padding: 0;
}

#LanguageBar 
{
	font-size: 12px;
	list-style-type: none;
	margin: 0;
	padding: 2px 0 0 28px;
}

#LanguageBar LI 
{
	float: left;
	margin-right: 8px;
}

#LanguageBar LI A 
{
	color: #AAAAAA;
}

#LanguageBar li a:hover, #LanguageBar li a:focus, #LanguageBar li a:active 
{
	color: #FFC000;
	text-decoration: none;
}

#LanguageBar LI.active A
{
	color: #FFC000;
}

#LanguageBarWrapper 
{
	background: url(/Images/language_icon.png) 0 14px no-repeat;
	height: 20px;
	padding:14px 7px 0 0;
}

#Logo_cn 
{
	background: url(/Images/logo_mirolink_cn.png) no-repeat;
	height: 88px;
	overflow: hidden;
	text-indent: -999em;
	width: 298px;
}

#Logo_cn a 
{
	float: left;
	height: 90px;
	position: relative;
	text-decoration: none;
	width: 298px;
}

#Logo_en 
{
	background: url(/Images/logo_mirolink_en.png) no-repeat;
	height: 88px;
	overflow: hidden;
	text-indent: -999em;
	width: 298px;
}

#Logo_en a 
{
	float: left;
	height: 90px;
	position: relative;
	text-decoration: none;
	width: 298px;
}

#main_hotitem_content
{
	height:195px;
	margin-top: 24px;
}

#main_hotitem_content ul
{
	height:195px;
	margin:0;
	padding:0;
	width: 1137px;

}

#main_hotitem_content ul li
{
	float: left;
	list-style: none;
	width:198px;
}

#main_hotitem_content ul li div
{
	float: left;
}

#main_hotitem_content ul li ul li
{
	margin-right:34px;
}

#main_hotitem_content ul li ul li:last-child
{
	margin-right: 0;
}

#nav 
{
	line-height: 34px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align:left;
	width:163px;
}

#nav a 
{
	display: block;
	overflow: hidden;
	padding-left:18px;
	padding-right: 5px;
	text-overflow:ellipsis;
	white-space: nowrap;
	width: 200px;
}

#nav a:hover  
{
	color:#FFC000;
	font-weight:bold;
	text-decoration:none;
}

#nav a:link  
{
	color:#686868;
	text-decoration:none;
}

#nav a:visited  
{
	color:#686868;
	text-decoration:none;
}

#nav li 
{
	border-bottom: 1px solid #E3E5E7;
	border-top: 1px solid #fff;
	COLOR: #686868;
	CURSOR: hand;
	float:left;
	FONT-SIZE: 15px;
	FONT-WEIGHT: bolder;
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 4px;
    width: 222px;
}

#nav li a:hover
{
	background: url('../Images/left_menu_arrow.png') no-repeat right 13px;
}

#nav li.active a 
{
	background: url('/Images/left_menu_arrow.png') no-repeat right 13px;
	color: #FFC000!important;
}

#News-box
{
	background: #F4F4F4;
	height: 400px;
	width:100%;
}

#News-box .content-title span
{
	background: #F4F4F4;
	padding: 0 30px;
}
#Know-mirolink .content-title span
{
	background: #fff;
	padding: 0 30px;
}
#PARENT 
{
	float: left;
	width:240px;
}

#rightContent 
{
	_margin-right: 4px;
	float: right;
	margin-bottom: 24px;
	margin-right: 8px;
	width: 720px;
}

#rightContent a:hover, #rightContent a:active, .errAlert a:hover, .errAlert a:active 
{
	color: #FF8C00;
	text-decoration: underline!important;
}

#rightContent a:link, .errAlert a:link 
{
	color: #FF8C00;
	text-decoration: none;
}

#rightContent a:visited, .errAlert a:visited 
{
	color: #FF8C00;
	text-decoration: none;
}

#rightContent div 
{
	line-height: 170%;
}

#rightContent h3 
{
	color: #5C5C5C;
	font-size: 22px;
	font-weight: bold;
	line-height: 35px;
	margin: 18px 0 18px 0;
	text-align: center;
}

#rightContent img
{
	max-width: 700px;
}

#rightContent p 
{
	font-size: 14px;
	line-height: 170%;
	margin: 15px 0;
}

#rightContent p span
{
	color: #ffa07a;
}

#rightContent ul
{
	padding:14px 0 14px 43px;
}

#rightContent ul li 
{
	line-height: 170%;
}

#scrollSF
{
	height:150px;
	margin-top: 50px;
	margin-bottom: 84px;
	width: 100%;
}

#scrollSF .divDesc
{
	height:150px;
	margin:0 auto;
	width: 1137px;
}

#scrollSF ul
{
	border-radius: 7px;
	float: right;
	height:150px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

#success-stories-box
{

	height: 390px;
	width:100%;
}

#success-stories-box .content-title span
{
   background: #fff;
	padding: 0 30px;
}

#success-stories-box .content-title
{
   padding-top: 0;
}

#TopMenu 
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#TopMenu li 
{
	background: url('/Images/menu_bg.png') no-repeat;
	color: #fff;
	float: left;
	height: 39px;
	margin-right: 3px;
	text-align: center;
	width: 103px;
}

#TopMenu li a 
{
	color: #fff;
	cursor: pointer;
	float: left;
	line-height: 39px;
	position:relative;
	text-decoration: none;
	width: 103px;
}

#TopMenu li a:hover, #TopMenu li a:focus, #TopMenu li a:active 
{
	background-repeat: no-repeat;
	color: #fff;
}

#TopMenu li.active
{
	background: url('/Images/menu_bg00.png') no-repeat;
}

#TopMenu li.first-active 
{
	background: url('/Images/home_bg.png') no-repeat;
	width: 69px;
}

#TopMenu li.first-active a 
{
	color: #fff;
	float: left;
	position: relative;
	text-decoration: none;
	width: 69px;
}

#TopMenu li.first-active a:hover, #TopMenu li.first-active a:focus, #TopMenu li.first-active a:active 
{
	background-repeat: no-repeat;
	color: #fff;
}

#TopMenu li.first-inactive 
{
	background: url('/Images/home_bg.png') no-repeat;
	width: 69px;
}

#TopMenu li.first-inactive a 
{
	color: #fff;
	float: left;
	position: relative;
	text-decoration: none;
	width: 69px;
}

#TopMenu li.first-inactive a:hover, #TopMenu li.first-inactive a:focus, #TopMenu li.first-inactive a:active 
{
	background-repeat: no-repeat;
	color: #fff;
}

#TopMenuWrapper 
{
	margin-left: 341px;
	padding-top: 49px;
}

#top-Nav
{
	height: 88px;
	margin:0 auto;
	width: 947px;
}

.ca-container{
	position:relative;
	margin:0 auto 0 auto;
	width:1137px;
	height:210px;
	margin-top: 33px;
}
.ca-item{
	position:relative;
	float:left;
	width:256px;
    margin-right: 36px;
	height:100%;
	text-align:left;
}
.ca-item:last-child {
    margin: 0px;
}

.ca-item-main
{
	position:absolute;
	top:0;
	left:0 ;
	right:0;
	bottom:0;
	overflow:hidden;
    width: 256px;
    text-align: center;
    border: 1px solid #EDEDED;
	border-radius: 10px;
}
.ca-item .mask-item
{
    width: 257px;
    height:53px;
    position: relative;
    top: 158px;
    background: url(/Images/mask.png) 1px 0 no-repeat;
	border-radius:0 0 10px 10px;
}
.ca-item .mask-item div
{
    color: #fff;
    font-size: 14px;
    padding: 8px 14px;
}
.ca-icon{
	position:relative;
	margin:0 auto;
}