html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}
/*******CSS reset*************/
body{color:#444;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;}
.left{float:left;}
.right{float:right;}
.warp,.main_top{margin:0 auto;width:960px; height: auto; overflow: hidden;}
.header,.main{width:100%; height:auto;}
.main{margin-top:10px;}
.logo{font-size:28px; height:70px; line-height:70px;}
.content{width:30%; height:auto;}
.title{margin-bottom: 15px;height:34px;border-radius: 2px 2px 0 0;background: url('../image/vertical_split.png') repeat-x;background-position: 0 -44px;width:130px;overflow: hidden;zoom: 1; text-align:center; line-height:34px; color:#fff}
.nr{margin-left: 6px;font-size:12px;line-height: 20px}
.about{width:70%; height:auto; overflow: hidden;}
.pro{width:100%; height:auto}
.pro ul{ height: auto; overflow: hidden;}
.pro li{float: left;overflow: hidden;margin: 0 5px 20px 5px;width:150px;text-align: center}
.pro li img{padding:3px;width:140px;height:100px; border: 1px solid #dcdcdc;}

.cpnr{ padding-top: 2%;}
.cpnr li{ float: left; overflow:hidden; text-align:center;white-space:nowrap; margin: 0 10px 20px; transition:all 0.3s linear 0s;}
.cpnr li .li-img{ width:200px; height: 170px; background: #fff;}
.cpnr li img{ width:200px; height: 170px;}
.cpnr li p{ line-height: 40px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}



.nav{
	width:100%;
	height:50px;
	line-height:50px;
	background:#e50112;	
	}
.nav .navlist{
	width:1200px;
	height:50px;
	margin:0 auto;
	}
.nav .navlist li,.nav .navlist li a{
	display:block;
	width:150px;
	height:50px;
	line-height:50px;
	float:left;
	background:none;
	}
.nav .navlist li.last{
	float:left;
	}
.nav .navlist li a:hover{
	background:#1b1b1b;
	color:#fff;
	}
.nav li {
	width: 125px;
	height: 50px;
	text-align: center;
	float: left;
	font-family: "Microsoft YaHei";
	background-image: url(http://www.haoduojuan.top/images/mli.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
.nav li.last {
	background-image: none;
}
.nav li a {
	font-size: 14px;
	color: #FFF;
}
.nav li a:hover {
	color: #f59a18;
}