@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: 1000px;
	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;
	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: 400px;
}

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

.wrapper .main {
	position: relative;
	width: 1280px;
	hwight: 1000px;
	background-color: white;
}
.wrapper .main .theme01{
	position: relative;
	width: 1160px;
	height: 120px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../images/theme/theme1/service.png");
}
.wrapper .main .theme02{
	position: relative;
	width: 1160px;
	height: 120px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../images/theme/theme1/servicecase.png");
}
.wrapper .main .theme21{
	position: relative;
	width: 1160px;
	height: 120px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../images/theme/theme2/Service-process.png");
}
.wrapper .main .theme22{
	position: relative;
	width: 1160px;
	height: 120px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../images/theme/theme2/Service-case.png");
}
.wrapper .main .theme31{
	position: relative;
	width: 1160px;
	height: 120px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../images/theme/theme3/Service-case.png");
}
.wrapper .main .theme32{
	position: relative;
	width: 1160px;
	height: 120px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../images/theme/theme3/Service-case.png");
}
.wrapper .main .theme41{
	position: relative;
	width: 1160px;
	height: 120px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../images/theme/theme4/Service-case.png");
}
.wrapper .main .theme42{
	position: relative;
	width: 1160px;
	height: 120px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../images/theme/theme4/Service-case.png");
}
.wrapper .main .theme03 {
	position: relative;
	width: 1160px;
	height: 452px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../images/theme/theme1/pro.jpg");
}
.wrapper .main .theme23 {
	position: relative;
	width: 1160px;
	height: 452px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../images/theme/theme2/pro.jpg");
}
.wrapper .main .theme33 {
	position: relative;
	width: 1160px;
	height: 452px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../images/theme/theme3/pro.jpg");
}
.wrapper .main .theme43 {
	position: relative;
	width: 1160px;
	height: 452px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../images/theme/theme4/pro.jpg");
}

.wrapper .main .theme1, .wrapper .main .theme2, .wrapper .main .theme3 {
	position: relative;
	width: 1160px;
	height: 600px;
	background-color: white;
	margin-right: auto;
	margin-left: auto;
}
.wrapper .main .theme4{
	position: relative;
	width: 1160px;
	height: 900px;
	background-color: white;
	margin-right: auto;
	margin-left: auto;

	}
.wrapper .main .theme5{
	position: relative;
	width: 1160px;
	height: 1200px;
	background-color: white;
	margin-right: auto;
	margin-left: auto;
	}

.wrapper .main .theme1 .products1, .wrapper .main .theme2 .products1, .wrapper .main .theme3 .products1, .wrapper .main .theme4 .products1, .wrapper .main .theme5 .products1 {
	position: relative;
	width: 290px;
	height: 300px;
	float:left;
}

.wrapper .main .theme1 .products2, .wrapper .main .theme2 .products2, .wrapper .main .theme3 .products2, .wrapper .main .theme4 .products2, .wrapper .main .theme5 .products2 {
	position: relative;
	width: 290px;
	height: 600px;
	float:left;
}

.wrapper .main .theme1 .products3, .wrapper .main .theme2 .products3, .wrapper .main .theme3 .products3, .wrapper .main .theme4 .products3, .wrapper .main .theme5 .products3 {
	position: relative;
	width: 580px;
	height: 300px;
	float:left;
}
.wrapper .main .theme1 .products4, .wrapper .main .theme2 .products4, .wrapper .main .theme3 .products4, .wrapper .main .theme4 .products4, .wrapper .main .theme5 .products4 {
	position: relative;
	width: 580px;
	height: 600px;
	float:left;
}
.wrapper .main .theme4 .products5{
	position: relative;
	width: 580px;
	height: 900px;
	float:left;
	background-color: red;
}
.wrapper .main .theme2 .left, .wrapper .main .theme3 .left{
	position: relative;
	width:290px;
	height:600px;
	float: left;
}
.wrapper .main .theme5 .right{
	position: relative;
	width:580px;
	height:600px;
	float:left;
}
.pic1{
	position: absolute;
	width:194px;
	height:192px;
    background-image: url("../images/theme/theme1.png"); 
    opacity:1.0;
    z-index: 9;
    display: none;
    left:50px;
    top:50px;
}
.pic2{
	position: absolute;
	width:194px;
	height:192px;
    background-image: url("../images/theme/theme2.png"); 
    opacity:1.0;
    z-index: 9;
    display: none;
    left:50px;
    top:50px;
}
.pic3{
	position: absolute;
	width:194px;
	height:192px;
    background-image: url("../images/theme/theme3.png"); 
    opacity:1.0;
    z-index: 9;
    display: none;
    left:50px;
    top:50px;
}
.pic4{
	position: absolute;
	width:194px;
	height:192px;
    background-image: url("../images/theme/theme4.png"); 
    opacity:1.0;
    z-index: 9;
    display: none;
    left:50px;
    top:50px;
}
.span_div{
	position: relative;
	width:194px;
	height:auto;
	font-size: 24px;
	font-weight: 600;
	font-family: 微软雅黑;
	text-align:center;
	color: white;
	top:90px;
}

p {
	margin-top: -1px;
}