/* Product Page*/
.prod {
	width: 1100px;
	height: auto;
	font-size: 14px;
	margin-left: auto;
	margin-right: auto;
	line-height: 28px;
	margin-top: 30px;
	display: block;
}
/* Product Title and nav*/
.product-nav
{
    width:100%; 
    margin:0px; 
    padding:0px; 
    height:80px; 
    line-height:80px; 
    border-bottom:1px solid #EEE;}
.product-navContent
{
    width:1100px; 
    margin-left:auto; 
    margin-right:auto;}
.product-navL {
	font-size: 18px;
	float: left;
	color: #333;
	margin: 10px 0px;
	height: 60px;
	line-height: 60px;
}
.product-navR {
	float: right;
	color: #aaa;
}
.product-navR span {
	margin: 0px 4px;
	font-size: 14px;
	color: #aaa;
}

/* Product Page Left and Right*/
.product-left, .app-left {
	width: 800px;
	float: left;
	display: block;
	padding-left: 10px;
	_padding-left: 5px;
	padding-right: 10px;
	_padding-right: 5px;
	background: #FFF;
	border: 1px solid #ddd;
	color: #333;
	margin-bottom: 40px;
}
.product-right {
	width: 250px;
	float: right;
	height: auto;
	border: 1px solid #ddd;
}
/* Product Page Left Content*/
.ProdSubTitle, .CMCRFIDProdSubTitle {
	font-size: 16px;
	font-weight: 600;
	padding-left: 10px;
	height: 30px;
	line-height: 30px;
	margin: 10px 0px;
	border-left: 4px solid #369;
	background: #EEE;
}
.ProdDESC, .news {
	text-align: justify;
	text-indent: 2em;
	font-size: 14px;
}
#TAB1 {
	text-align: left;
	padding-left: 0px;
	font: 16px;
	border: 1px;
	width: 800px;
	caption-side: top;
	border-collapse: collapse;
	empty-cells: hide;
	margin-left: auto;
	margin-right: auto;
}
#TAB1 td {
	border: 1px solid #CCC;
	padding-left: 5px;
	margin: 0;
}
#TAB1 tr {
	padding: 0;
	margin: 0;
	border: 1px solid #ccc;
}
#prodL {
	padding-bottom: 25px;
}
#prodL ol li {
	list-style: disc;
	margin-left: 15px;
}
/* Product Page Right Nav*/
.rNavTitle {
	text-align: left;
	padding-left: 15px;
	border-left: 3px solid #369;
	font-size: 16px;
	font-weight: 600;
	color: #333;
	height: 40px;
	line-height: 40px;
	background: #EEE;
}
.sdmenu {
	width: 250px;
	font-size: 14px;
	border-bottom: 20px solid #F8F8F8;
}
.sdmenu a {
	color: #666;
}
div.sdmenu div {
	background: #F8F8F8;
	overflow: hidden;
	color: #666;
}
* html div.sdmenu div {
	float: left;
}
div.sdmenu div.collapsed {
	height: 38px;
}
div.sdmenu div span {
	display: block;
	line-height: 38px;
	width: 250px;
	_width: 240px;
	font-weight: bold;
	cursor: pointer;
	color: #333;
	padding-left: 10px;
	_padding-left: 5px;
	border: 1px solid #ddd;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
div.sdmenu div span a {
	padding: 0;
	background: none;
	border: 0;
	font-size: 14px;
	line-height: 38px;
}
div.sdmenu div.collapsed {
	background: #F8F8F8;
	width: 250px;
	color: #444;
}
div.sdmenu div.collapsed span {
	color: #666;
	line-height: 38px;
}
div.sdmenu div.collapsed span a.current {
	color: #666;
}
div.sdmenu div a {
	padding-left: 10px;
	_padding-left: 5px;
	display: block;
	border-bottom: 1px solid #fff;
	color: #666;
	font-size: 12px;
	line-height: 32px;
	height: 32px;
	background: #FFF;
	text-decoration: none;
}
	div.sdmenu div a.current {
		color: #666;
	}
div.sdmenu div span a.current {
	background: none;
	color: #666;
}
div.sdmenu div a:hover {
	background: #1E95FB;
	text-decoration: none;
	color: #F8F8F8;
}
div.sdmenu div span a:hover {
	background: none;
}
/*prod.html*/
.ProdList{
	width:1100px; 	
	height:auto;
	margin:30px auto;   
	/*border:1px solid #CCC;*/
	display:inherit;		
	/*overflow:hidden;	*/
}
.CMCIDTitle{
	width:880px;
	padding-left:20px;
	display:block;
	clear:both;
}
.spantitle{
	height:80px; 
	line-height:80px;
	font-size:16px;			
	font-weight:600;
	color:#4f5555;
	margin-left:20px;
}
.spantitleEn{
	height:40px; 
	line-height:40px;
	font: 14px/18px arial,sans-serif;
	color:#369;
}
#divSolutions{
	width:900px; 
	height:500px; 
	background:#FFF;
}
.divSolutionItems{
	width:/*228px*/274px;
	height:/*228px*/280px;
	float:left;
	background:#FFF;
	margin-left:20px;
	_margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;	
	text-align:center;	
	/*border:2px solid #EEEEEE;*/
	/*border-radius:4px;*/
}
.divSolutionItems:hover{
	/*border:2px solid #33a3dc;*/
    -moz-box-shadow: 2px 2px 10px #666;/* for firefox */
	-webkit-box-shadow: 2px 2px 10px #666;/* for safari or chrome */
	box-shadow:2px 2px 10px #666;/* for opera or ie9 */
}
.divSolutionItems img{
	width:274px; 
	height:240px;
	margin-left:auto;
	margin-right:auto;
	border:none;
}
.divSolutionItems a{
	color:#666;
	text-decoration:none;
	width:/*228px*/274px;
	height:40px;
	line-height:40px;
	display:block;
	font-size:14px;	
	color:#333;
	text-decoration:none;
	background:#FC3;
}
.divSolutionItems:hover a,.divSolutionItems a:hover{
	color:#FFFFFF;
	background:/*#33a3dc*/#4f5555;
	display:block;	
}
.prodftab, .abouttab {
	width:200px;
	background:#FFF;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;	
	float:left;
}
.prodftab ul,.abouttab ul{
	margin:0;
	padding:0;
	font: 14px, sans-serif;
	color:#333; 
	height:auto;
	line-height:30px; 
	overflow:hidden;
	border:0px;
}
.prodftab li,.abouttab li{
	height:40px; 
	line-height:40px; 
	text-align:center;
	border:0px;
	cursor:pointer;
	font-size:14px;
	color:#333;
	width:200px;
	list-style:none;
	transition: 1s all;
	-webkit-transition: 1s all;
	-moz-transition: 1s all;
	-o-transition: 1s all;
	-ms-transition: 1s all;
}
.prodftab li:hover,.abouttab li:hover,.abouttab li.now:hover{
	background:#369;
	color:#FFF;
	transition: 1s all;
	-webkit-transition: 1s all;
	-moz-transition: 1s all;
	-o-transition: 1s all;
	-ms-transition: 1s all;
}
.prodftab li.now,.abouttab li.now{
	color:#333;
	background:#F7F7F7;	
	font-size:14px;
	width:200px;
}
.prodftabContent
{
   width:899px; 
   display:inherit;
   float:right;
   margin-bottom:40px;
   min-height:336px;   
   border-left:1px solid #F7F7F7;
}
.divSolution{
	width:900px;	
	display:inherit;
	margin-bottom:40px;
}
/* banner */
#focus {
	width: 800px;
	_width: 790px;
	height: 450px;
	overflow: hidden;
	position: relative;
	margin-top: 10px;
}
#focus ul {
	height: 450px;
	position: absolute;
}
#focus ul li {
	float: left;
	width: 800px;
	_width: 790px;
	height: 450px;
	overflow: hidden;
	position: relative;
	background: #FFF;
}
#focus ul li div {
	position: absolute;
	overflow: hidden;
}
#focus .btnBg {
	position: absolute;
	width: 800px;
	_width: 790px;
	height: 20px;
	left: 0;
	bottom: 0;
	background: #000;
}
#focus .btn {
	position: absolute;
	width: 800px;
	_width: 790px;
	height: 10px;
	padding: 5px 0px;
	right: 0;
	bottom: 0;
	text-align: right;
}
#focus .btn span {
	display: inline-block;
	_display: inline;
	_zoom: 1;
	width: 25px;
	height: 10px;
	_font-size: 0;
	margin-left: 5px;
	cursor: pointer;
	background: #fff;
}
#focus .btn span.on {
	background: #fff;
}
#focus .preNext {
	width: 45px;
	height: 100px;
	position: absolute;
	top: 175px;
	background: url(../images/sprite.png) no-repeat 0 0;
	cursor: pointer;
}
#focus .pre {
	left: 0;
}
#focus .next {
	right: 0;
	background-position: right top;
}
#app {
	width: 1100px;
	margin: 20px auto;
}

.divAppItems{
	width:250px;
	height:228px;
	float:left;
	background:#FFF;
	margin:15px 9px;
	text-align:center;	
	border:1px solid #CCC;	
}
.divAppItems:hover {
	-moz-box-shadow: 2px 2px 10px #666; /* for firefox */
	-webkit-box-shadow: 2px 2px 10px #666; /* for safari or chrome */
	box-shadow: 2px 2px 10px #666; /* for opera or ie9 */
}
.divAppItems img {
	width: 250px;
	height: 188px;
	margin-left: auto;
	margin-right: auto;
	border: none;
}
.divAppItems a {
	color: #666;
	text-decoration: none;
	width: /*228px*/ 250px;
	height: 40px;
	line-height: 40px;
	display: block;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	background: #4f5555;
}
.divAppItems:hover a, .divAppItemss a:hover {
	color: #FFFFFF;
	background: /*#33a3dc*/ #FC3;
	display: block;
	color: #333;
}
#appL {
	width: 820px;
	float: left;
	height: auto;
	display: inherit;
	border: 1px solid #DDD;
	padding: 10px;
	_padding: 5px;
	margin-bottom: 40px;
}
#appR {
	width: 230px;
	_width: 220px;
	float: right;
	height: auto;
	border: 1px solid #ddd;
	border-bottom: 20px solid #EEE;
	margin-bottom: 40px;
}
#appR a {
	width: 220px;
	_width: 215px;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
	display: block;
	color: #666;
	padding-left: 10px;
	_padding-left: 5px;
}
#appR a:hover {
	text-decoration: none;
	background: #1E95FB;
	color: #FFF;
}
.appCurrent {
	clear: both;
	font-weight: bold;
	background: #EEE;
	display: block;
	width: 220px;
	_width: 215px;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
}
#pageLink ul {
    margin:0px;
    padding:0px;
}
#pageLink li {
    display:block;
    float:left;
    padding:4px 15px;
    border:1px solid #CCC;
    color:#333; 
    border-radius:3px;
    margin:5px;
    cursor:pointer;
	transition: .5s all;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	-ms-transition: .5s all;
}
#pageLink li:hover {
    border:1px solid #000;
    color:#000;    
	transition: 1s all;
	-webkit-transition: 1s all;
	-moz-transition: 1s all;
	-o-transition: 1s all;
	-ms-transition: 1s all;
}
.pageLinkNow {
    background:#CCC;
    color:#FFF;
}
#news ul {
    margin:0px;
    padding:0px;
}
#news li {
    line-height:40px; 
    height:40px;
    line-height:50px;
    clear:both;   
    display:block;
    border-bottom:1px dotted #EEE;
}
#news li a {
    float:left;
    line-height:40px;
    font-size:16px;
    padding-left:20px;
}
#news li a:hover {
    color:#369;
}