@CHARSET "UTF-8";

body {
	background-color: #ECE7E2;
}
a:link {
text-decoration: none;
color:black;
}
a:visited{
text-decoration: none;
color:black;
}
a:hover{
text-decoration: none;
color:black;
}
a:active{
text-decoration: none;
color:black;
}
.wrapper {
	position: relative;
	width: 1280px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
}

.wrapper .homepage {
	position: fixed;
	width: 124px;
	height: 132px;
	left: 100px;
	top: -10px;
	cursor: pointer;
	z-index: 9;
}

.wrapper .nav {
	position: fixed;
	width: 746px;
	height: 54px;
	left: 400px;
	height: 50px;
	top: 10px;
	background-image: url("../images/nav.png");
	cursor: pointer;
	z-index: 9;
}

.wrapper .nav .nav_menu1 {
	position: relative;
	width: 130px;
	height: 54px;
	font-family: 幼圆;
	font-size: 15px;
	float: left;
	line-height: 54px;
	text-align: center;
}

.wrapper .nav .nav_menu2 {
	position: relative;
	width: 110px;
	height: 54px;
	font-family: 幼圆;
	font-size: 15px;
	float: left;
	line-height: 54px;
	text-align: center;
}

.wrapper .header {
	position: relative;
	width: 1280px;
	height: auto;
}

.slider {
	position: relative;
	width: 1280px;
	height: 400px;
	margin-left:auto;
	margin-right:auto;
	background-image: url("../images/back.jpg");
	
}

.wrapper .header .menu {
	position: relative;
	width: 1160px;
	height: 120px;
	margin-left: 70px;
	margin-top: 10px;
	border-bottom: 4px solid #898989;
}

.wrapper .header .menu .sub_menu {
	position: relative;
	width: 176px;
	height: 100px;
	float: left;
	margin-left: 15px;
	cursor: pointer;
}

.wrapper .main1 {
	position: relative;
	width: 1100px;
	height: 400px;
	margin-left: 90px;
}

.wrapper .main1 .news {
	position: relative;
	width: 333px;
	height: 133px;
	margin-top: 25px;
	margin-left: 25px;
	background-image: url("../images/news.png");
	float: left;
}

.wrapper .main1 .products {
	position: relative;
	width: 333px;
	height: 133px;
	margin-top: 25px;
	margin-left: 25px;
	float: left;
}

.wrapper .main1 .products img {
	float: left;
	cursor: pointer;
}

.wrapper .main1 .products .tips {
	position: relative;
	width: 200px;
	height: 133px;
	float: left;
	margin-left: 10px;
}

.wrapper .main1 .products .tips span {
	position: relative;
	width: 200px;
	font-size: 15px;
	font-weight: 600;
	font-family: 微软雅黑;
	letter-spacing: 4px;
	overflow: hidden; /*注意不要写在最后了*/
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: block;
	cursor: pointer;
}

.wrapper .main1 .products .tips p {
	width: 200px;
	height: 150px;
	font-size: 13px;
	font-family: 微软雅黑;
	cursor: pointer;
}

.wrapper .main2 {
	position: relative;
	width: 1160px;
	height: 1068px;
	margin-left: 60px;
	background-color: white;
}

.wrapper .main2 .tittle {
	width: 1160px;
	height: 120px;
	background-image: url("../images/Industry.png");
}

.wrapper .main2 .products_wrap {
	position: relative;
	width: 1160px;
	height: 948px;
}

.wrapper .main2 .products {
	position: relative;
	width: 580px;
	height: 474px;
	float: left;
}

.wrapper .main2 .products .img1,.wrapper .main2 .products .img_wrap,.wrapper .main3 .products .img1,.wrapper .main4 .products .img_wrap
	{
	width: 290px;
	height: 474px;
	float: left;
}

.wrapper .main2 .products .img2,.wrapper .main3 .products .img2, .main7 .products .img2,.wrapper .main4 .products .img2,.wrapper .main4 .products1 .img2,.wrapper .main5 .products .img2
	{
	width: 290px;
	height: 237px;
	float: left;
}

.wrapper .main2 .products .img3,.wrapper .main5 .products .img3 {
	width: 576px;
	height: 237px;
	float: left;
}

.wrapper .main3 {
	position: relative;
	width: 1160px;
	height: auto;
	margin-left: 60px;
}

.wrapper .main3 .tittle {
	width: 1160px;
	height: 120px;
	background-image: url("../images/internet.png");
}

.wrapper .main3 .products_wrap {
	position: relative;
	width: 1160px;
	height: 474px;
}

.wrapper .main3 .products {
	position: relative;
	width: 580px;
	height: 474px;
	float: left;
}

.wrapper .main4 {
	position: relative;
	width: 1160px;
	height: 831px;
	margin-left: 60px;
	background-color: white;
}

.wrapper .main4 .tittle {
	width: 1160px;
	height: 120px;
	background-image: url("../images/space.png");
}

.wrapper .main4 .products_wrap {
	position: relative;
	width: 1160px;
	height: 711px;
}

.wrapper .main4 .products {
	position: relative;
	width: 580px;
	height: 474px;
	float: left;
}

.wrapper .main4 .products1 {
	position: relative;
	width: 1160px;
	height: 237px;
	float: left;
}

.wrapper .main4 .products .img1 {
	position: relative;
	width: 290px;
	height: 474px;
	float: left;
}

.wrapper .main4 .products .img2 {
	position: relative;
	width: 290px;
	height: 237px;
	float: left;
}

.wrapper .main5 {
	position: relative;
	width: 1160px;
	height: 594px;
	margin-left: 60px;
	background-color: white;
}

.wrapper .main5 .tittle {
	width: 1160px;
	height: 120px;
	background-image: url("../images/brand.png");
}

.wrapper .main5 .products_wrap {
	position: relative;
	width: 1160px;
	height: 474px;
}

.wrapper .main5 .products {
	position: relative;
	width: 580px;
	height: 474px;
	float: left;
}

.wrapper .main6 {
	position: relative;
	width: 1160px;
	height: 631px;
	margin-left: 60px;
	background-color: blue;
}

.wrapper .main6 .tittle {
	width: 1160px;
	height: 120px;
	background-image: url("../images/servens.png");
}

.wrapper .main6 .products_wrap {
	position: relative;
	width: 1160px;
	height: 511px;
	background-image: url("../images/design.jpg");
}

.wrapper .main7 {
	position: relative;
	width: 1160px;
	height: auto;
	margin-left: 60px;
	background-color: white;
}

.wrapper .main7 .tittle {
	width: 1160px;
	height: 120px;
	background-image: url("../images/environment.png");
}

.wrapper .main7 .products_wrap {
	position: relative;
	width: 1160px;
	height: 474px;
}

.wrapper .main7 .products {
	position: relative;
	width: 580px;
	height: 474px;
	float: left;
}

.wrapper .footer {
	position: relative;
	width: 1280px;
	height: 300px;
	background-image: url("../images/footer.png");
}

.wrapper .footer .totop {
	position: relative;
	width: 1280px;
	height: 25px;
	cursor: pointer;
	background-image: url("../images/totop.png");
}

.wrapper .footer .carousel_design {
	position: relative;
	width: 349px;
	height: 210px;
	margin-left: 200px;
	background-image: url("../images/carousel.png");
	float: left;
}

.wrapper .footer .contaxt {
	position: relative;
	width: 400px;
	height: 200px;
	margin-left: 150px;
	float: left;
}

.wrapper .footer .contaxt .us {
	position: relative;
	width: 400px;
	height: 50px;
	font-size: 22px;
	line-height: 50px;
	font-weight: 800;
	font-family: 微软雅黑;
	text-align: left;
	letter-spacing: 4px;
	color: white;
	border-bottom: 2px solid white;
}

.wrapper .footer .contaxt .us img {
	position: relative;
	width: 30px;
	height: 30px;
	top: 10px;
}

.wrapper .footer .contaxt span {
	position: relative;
	font-size: 15px;
	font-family: 微软雅黑;
	font-weight: 400;
	letter-spacing: 2px;
	line-height: 25px;
	color: white;
}

.footer .microcode {
	position: absolute;
	width:180px;
	height:180px;
	left: 800px;
	top: 45px;
}
.footer .link{
	position: absolute;
	width:200px;
	height:40px;
	left: 1000px;
	top: 120px;
	background-image: url("../images/link.png");
}


#yan {
	color: red;
	cursor: pointer;
}

#yan,#su,#yang,#tong,#sh {
	cursor: pointer;
}