*{
	margin: 0;
	padding: 0;
}
ul,li{
	list-style: none;
}
a{
	color: #333333;
	text-decoration: none;
}
img{
	border: 0 none;
}
body{
	font-family: "Microsoft YaHei";
	font-size: 14px;
}
.banner{
	width: 100%;
	height: 303px;
	background: url(../images/top.jpg) no-repeat center top;
}
.box{
	width: 960px;
	margin: 0 auto;
}
.news-flash{
	width: 960px;
	height: auto;
	overflow: hidden;
	margin-top: 10px;
}
.news{
	float: left;
	width: 440px;
	padding: 10px;
	height: 280px;
	border: 1px solid #e4e4e4;
	overflow:hidden;
}
.news p {
	line-height: 26px;
	color: #666666;
}
.news p a{
	color: #ff0000;
}

h2.tit{
	font-size: 16px;
	line-height: 28px;
}


.news .ul li a{
	display:block;
	color: #000000;
	line-height:18px;
	height:20px;
}
.news .ul li a:hover{
	color: #666666;
}

.video{
	width: 450px;
	height: 300px;
	float: right;
}

.jd_one{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 10px;
}
.jd_banner{
	width: 960px;
	height: 34px;
	border-bottom: 2px solid #000000;
	line-height: 34px;
	color: #ff0000;
	font-size: 22px;
	font-weight: bold;
}

.jd_con{
	width: 960px;
	height: 524px;
	overflow: hidden;
	position: relative;
	background:url(../images/jd.jpg) no-repeat center center;
	margin-top: 10px;
	color: #ffffff;
	font-size: 12px;
}

.jd_con1{
	position: absolute;
	width: 305px;
	height: 150px;
	left: 10px;
	top:10px;
}

.jd_con p{
	line-height: 24px;
}

p.jd_tit{
	font-size: 16px;
	font-weight: bold;
}

.jd_con2{
	position: absolute;
	width: 290px;
	height: 160px;
	left: 340px;
	top: 10px;
}
.jd_con3{
	position: absolute;
	width: 250px;
	height: 160px;
	right: 40px;
	top: 10px;
}
.jd_con4{
	position: absolute;
	width: 280px;
	height: 160px;
	left: 10px;
	top: 365px;
}
.jd_con5{
	position: absolute;
	width: 280px;
	height: 160px;
	left: 340px;
	top: 365px;
}
.jd_con6{
	position: absolute;
	width: 280px;
	height: 160px;
	right: 10px;
	top: 365px;
}
.jd_con6l{
	float: left;
	width: 135px;
}
.jd_con6r{
	float: right;
	width: 135px;
}
.js_con{
	width: 960px;
	height: 638px;
	border:#FF0004 solid 1px;
	overflow: hidden;
	position: relative;
	margin-top: 10px;
	color: #333333;
	font-size: 14px;
	line-height: 26px;
}
.js_con1{
	position: absolute;
	width: 310px;
	height: 130px;
	left: 10px;
	top: 155px;
}
p.red{
	font-size: 16px;
	font-weight: bold;
	color: #ff0000;
	line-height: 32px;
}
.js_con2{
	position: absolute;
	width: 370px;
	height: 80px;
	left: 10px;
	top: 330px;
}
.js_con3{
	position: absolute;
	width: 340px;
	height: 80px;
	left: 10px;
	bottom: 60px;
}
.js_con4{
	position: absolute;
	width: 440px;
	height: 80px;
	right: 10px;
	top: 20px;
}
.js_con5{
	position: absolute;
	width: 300px;
	height: 120px;
	right: 10px;
	top: 110px;
}
.js_con6{
	position: absolute;
	width: 180px;
	height: 80px;
	right: 10px;
	top: 270px;
}
.js_con7{
	position: absolute;
	width: 340px;
	height: 80px;
	right: 10px;
	bottom: 100px;
}
.user_con{
	overflow: hidden;
	height: auto;
}
.user_one{
	float: left;
	width: 470px;
	padding-right: 9px;
	border-right: 1px solid #e4e4e4;
	color: #666666;
	margin-top: 15px;
}
.user_two{
	float: right;
	width: 470px;
	padding-left: 9px;
	border-left: 1px solid #e4e4e4;
	color: #666666;
	margin-top: 15px;
}
.user_con img{
	float: left;
	width: 180px;
	height: 120px;
	border: 1px solid #e4e4e4;
}
.user_con p{
	float: right;
	width: 270px;
	height: 120px;
	overflow: hidden;
	line-height: 26px;
}
.user_con p a{
	color: #ff0000;
}
.voice_one{
	float: left;
	width: 215px;
	padding: 4px;
	border: 1px solid #e4e4e4;
	margin-right: 20px;
	margin-top: 15px;
}
.voice_one strong{
	color: #ff0000;
	display: block;
	font-size: 14px;
	font-weight: bold;
}
.voice_one p{
	line-height: 26px;
	color: #666666;
}
.voice_one p a{
	color: #ff0000;
}
.oem_con{
	width: 960px;
	height: 150px;
	overflow: hidden;
	margin-top: 10px;
}
.oem_con img{	
	float: left;
	width: 225px;
	height: 150px;
}
.oem_con p{
	float: left;
	width: 450px;
	height: 120px;
	margin: 0 15px;
	background: url(../images/pbg.jpg) no-repeat center center;
	padding: 15px;
	color: #333333;
	line-height: 26px;
}
.fw_con{
	margin-top: 10px;
	padding-top:10px;
	border:solid 1px #ddd;
}
.fw_one{
	width: 380px;
	margin-left:20px;
	float: left;
	overflow: hidden;
	height: 220px;
}
h2.fw_tit{
	width: 52px;
	height: 46px;
	text-align: center;
	line-height: 46px;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	background:url(../images/fwtiti.jpg) no-repeat center center;
	float: left;
}
.fw_tit p{
	float: left;
	margin-left: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #ff0000;
	line-height: 46px;
	overflow: hidden;
}

.fw_one img{
	border: 1px solid #e4e4e4;
	float: left;
	margin-top: 20px;
}

.fw_two{
	float: right;
	width: 500px;
	padding-left: 50px;
	overflow: hidden;
	height: 220px;
}

.fw_two img{
	margin-top: 20px;
}

.fw_three{
	margin-top: 20px;
	overflow: hidden;
	clear: both;
}
.fw_three .fw_tit{
	margin-left:10px;}

.ser_cn{
	margin-top: 10px;
	overflow: hidden;
}
.ser_cn1,.ser_cn2,.ser_cn3,.ser_cn4{
	float: left;
	width: 223px;
	height: 235px;
	position: relative;
	text-align: center;
	margin-right: 20px;
}
.ser_cn4{
	margin-right: 0;
}
.circle{
	width: 120px;
	height: 120px;
	border-radius: 60px;
	margin: 0 auto;
	background-color: #333333;
	color: #ffffff;
	text-align: center;
	line-height: 40px;
	z-index: 1;
}
.squre{
	position: absolute;
	left: 0;
	top: 40px;
	width: 203px;
	height: 173px;
	padding: 10px;
	text-align: left;	
	display: table-cell;
	vertical-align: middle;
	border: 1px solid #333333;
	z-index: 200;
	background-color: #ffffff;
	line-height: 22px;
	font-size: 12px;
}
.zc_con{
	margin-top: 20px;
}
.zc_left{
	float: left;
	width: 20px;
	padding: 0 15px;
	height: 100px;
	background-color: #ed2b22;
	color: #ffffff;
	font-size: 18px;
}
.zc_right{
	float: left;
	width: 888px;
	background-color: #ebebeb;
	color: #333333;
	height: 80px;
	padding: 10px;
	line-height: 26px;
}
.cs_con{
	margin-top: 10px;
}
.cs_con table{
	border:solid 1px #ddd;
	}
.cs_con td{
	height: 30px;
	line-height: 30px;
}
.lj_lists{
	margin-top: 10px;
}
.gt{
	width: 380px;
	height: 170px;
	border: 1px solid #e70012;
	position: relative;
	float: left;
}
.hs{
	width: 310px;
	height: 170px;
	border: 1px solid #e70012;
	position: relative;
	float: left;
	margin-left: 10px;
}
.jkb{
	float: left;
	width: 244px;
	height: 170px;
	border: 1px solid #e70012;
	position: relative;
	margin-left: 10px;
}
.lg{
	float: left;
	width: 210px;
	height: 170px;
	border: 1px solid #e70012;
	position: relative;
	margin-top: 10px;
}
.pyq{
	float: left;
	width: 200px;
	height: 170px;
	border: 1px solid #e70012;
	position: relative;
	margin-top: 10px;
	margin-left: 10px;
}
.pyq1{
	float: left;
	width: 210px;
	height: 170px;
	border: 1px solid #e70012;
	position: relative;
	margin-top: 10px;
	margin-left: 10px;
}
.yb{
	float: left;
	width: 302px;
	height: 170px;
	border: 1px solid #e70012;
	position: relative;
	margin-top: 10px;
	margin-left: 10px;
}
.gt .tit,.hs .tit,.jkb .tit,.lg .tit,.pyq .tit,.pyq1 .tit,.yb .tit{
	position: absolute;
	width: 100%;
	height: 30px;
	background:rgba(0,0,0,.5);
	color: #ffffff;
	line-height: 30px;
	text-align: center;
	left: 0;
	bottom: 0;
}
.topic_news{
	width: 960px;
	height: auto;
	overflow: hidden;
	margin-top: 10px;
}
.topic{
	float: left;
	width: 300px;
	padding:10px 35px;
	border: 1px solid #e4e4e4;
	height: 380px;
}
.feedback{
	float: right;
	width: 540px;
	padding: 10px;
	border: 1px solid #e4e4e4;
	height: 380px;
}
.topic .tit,.feedback .tit{
	height: 34px;
	line-height: 34px;
	border-bottom: 2px solid #e70012;
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	width: 100%;
}
.topic img{
	padding-top: 20px;
}
.topic p{
	text-align: center;
}


/* 技术解读css 开始*/

#main{     /*控制总体的显示区域*/

	/* The main container */
	text-align:center;
	width:958px;
	position:relative;
	height:638px;
	background:url(img/bd.jpg) no-repeat bottom;
	margin:10px auto;
	border:solid 1px #ddd;
}

a, a:visited {
	color:#0196e3;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:underline;
}


/* Gallery styles */

#gallery{    /*控制内容显示区域*/
	width:958px;
	overflow:hidden;
	margin:0 auto;
	border-bottom:solid 1px #ddd;
}


#slides{
	/* This is the slide area */
	height:458px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:920px;
	overflow:hidden;
}

.slide{
	float:left;
}

#menu{    /*控制按钮显示区域*/

	/* This is the container for the thumbnails */
	height:180px;
	background:url(../img/bd.jpg) no-repeat;
}

#menu ul{
	margin:0px;
	padding:0px;
}

#menu ul li{  /* 每个按钮的值设置*/

	/* Every thumbnail is a li element */
	width:159px;
	display:block;
	list-style:none;
	height:200px;
	overflow:hidden;
	float:left;
}


#menu ul li.act,li.act:hover{     /* 选中状态*/

	/* The active state of the thumb */
	background:url(../img/active_bg1.png);
}


#menu ul li.act a{
	cursor:default;
}

.fbar{
	/* The left-most vertical bar, next to the first thumbnail */
/*	width:2px;*/
}  

li a{
	display:block;
	height:35px;
	padding-top:10px;
}

a img{
	border:none;
}