﻿
*{
	font:#333;
	font-size:12px;
	font-family:Arial, 宋体
}
img{
	border:none
}
body{
   padding:0;margin:0
}
p{
	margin:0;padding:0
}
ul{
	margin:0;padding:0
}
li{
	margin:0;padding:0;list-style:none
}

.container{
	width:955px;
	margin:0 auto;
    overflow:hidden
}



.listctt{
	float:left
}
.listctt li{
	
	 list-style-position:outside;
	 background:url('arrow.gif') no-repeat left 17%;
	 line-height:22px;
	 padding-left:14px
}

/* footer
   ------ */
.footer {
	overflow:hidden;
	text-align: center;
	padding: 10px 0;
	border-top: 1px solid #ccc;
	line-height: 2em;
	float:left;
	width:100%
}
.footer a {
	color: #808080;
	background: #fff;
}
.footer .iso{
	width:108px;
	height:62px;
	float:left
}
.footer .txt{width:32%;
             overflow:hidden;
			 float:left;
			 padding-left:250px
}
.footer .biaoshi{float:right;
                 width:100px;
	
}
.footer .biaoshi img{width:40px;
                     height:48px
}


/*---------------------------MONO EAS-----------------------------*/
.toplogo{
	width:100%;
	height:75px;
	float:left;
	background:url('bg_logotop.gif') repeat-x top left
}

.nav{
	width:955px;
	float:left
}
.nav_lft{
	width:10px;
	height:26px;
	float:left;
	background:url('bg_nav_left.gif') no-repeat left top
}
.nav_mid{
	width:935px;
	height:26px;
	float:left;
	background:url('bg_nav_middle.gif') repeat-x left top
}
.nav_rht{
	width:10px;
	height:26px;
	float:left;
	background:url('bg_nav_right.gif') no-repeat left top
}
.nav .menu{
    width:520px;
    height:18px;
    float:right
}

.nav .menu li{
	float:right;
	padding:2px 8px;
	height:22px;
	line-height:22px
}

.nav .menu li a{
	color:white;
	text-decoration:none
}

.easystem{
	width:99.9%;
	float:left;
	border-bottom:3px solid #ccc;
	margin-bottom:20px
}

.easystem .easimg{
	width:435px;
	float:left;
	padding:10px 0 16px 8px
}
.easystem .easimg img{
	width:414px;
	height:292px;
}

.easystem .easintro{
	width:500px;
	float:left
}
.easystem .easintro .title{
	width:165px;
	height:22px;
	line-height:22px;
	float:left;
	color:#0099CC;
	font-size:16px;
	font-weight:bold;
	padding:25px 0 10px 20px
}

.easystem .easintro .sys li{
	width:445px;
}

.feature{
	width:100%;
	overflow:hidden;

}

.feature .title{
	width:60%;
	height:40px;
	line-height:35px;
	background:url('bg_title.gif') no-repeat left bottom;
	color:#999;
	font-weight:bold;
	font-size:16px;
	text-indent:10px
}

.feature .clft{
	width:58%;
	overflow:hidden;
	float:left;
}

.feature .summary{
	width:550px;
	float:left;
	margin:8px 0 8px 25px
}

.feature .summary .stp{
	background:url('bg_stp.gif') no-repeat left bottom;
	width:100%;
	height:8px;
	float:left
}
.feature .summary .smd{
	background:url('bg_smd.gif') repeat-y left top;
	width:100%;
	float:left;
}
.feature .summary .smd p{
	line-height:22px;
	text-indent:24px;
    width:430px;
    padding-left:8px
}
.feature .summary .sbt{
	background:url('bg_sbt.gif') no-repeat left top;
	float:left;
	width:100%;
	height:11px
}

.feature .neir{
	width:550px;
	float:left
}
.feature .neir .fpic{
	width:191px;
	height:149px;
	float:left
}


.feature .neir .fctt{
	width:340px;
	float:left;
	margin-left:18px
}

.feature .crht{
	width:370px;
	float:right;
	overflow:hidden
}

.feature .crht .ftlist{

}

.feature .crht .ftlist li{
	width:150px;
	float:left;
	text-align:center;
	padding:0px 0 8px 6px;
	line-height:22px
}

.feature .crht .ftlist li img{
	width:150px;
	height:134px
}

.feature .sft{
	float:left;
	padding:8px 0 10px 30px;
	width:90%
}

.feature .sft p{
	color:#003399;
	height:18px;
	line-height:18px
}


.feature .sftimg img{
	width:208px;
	height:156px
}

.feature .sft .fctt{
	line-height:22px
}

.market{
	width:48%;
	overflow:hidden;
	float:left;
	padding:4px 8px
}

.market .title{
	width:99.9%;
    height:30px;
    line-height:30px;
    float:left;
    background:url('bg_marketitle.gif') repeat-x left top;
    font-size:16px;
    font-weight:bold;
    border:1px solid #00CCFF;
    text-indent:8px
}
.market .ctt{
	width:97.7%;
	+width:97.8%;
	float:left;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:5px;
	line-height:22px
}


.picture{
	width:100%;
	float:left
}

.picture li{
	padding:8px 2px 4px 0;
	float:left
}
.picture li img {
	width:185px;
	height:139px
}

/*---------------------------to evaluate--------------------------------------*/
.feature .evaluate{
	width:99.9%;
	float:left;
	margin:2px 0;
    border-bottom:1px dotted #ccc;
}

.feature .evaluate li{
	height:22px;
	line-height:22px;
	float:left;
	padding:0 4px
}

.feature .market p{
	color:#3399FF;
	padding:4px 0
}







