body{margin:0px;padding:0px;font: normal 100% Helvetica, Arial,sans-serif;}
.header{width:100%;background:#D3D3D3;height:25px;padding-left:15%;padding-top:2px;margin:0 auto;clear: both;}

.header ul{padding;0px;margin:0px;}

.header ul li{list-style:none;float:left;width:50%;}
.header ul li a{text-decoration:none;}

.header1{float:right;padding-right:5%;}
.heading{width:100%;height:20%;margin:0 auto;clear: both;}


.heading0{width:100%;float:left;height:120;clear: both;}
.heading1{width:100%;float:right;text-align:center;}

.heading3{width:25%;}
.heading4{width:75%;overflow:hidden;}

.heading1 .nav{}

.nav-menu {display: block; background:#696969;	width:93%;margin: 10px auto 10px;}
.nav-menu ul{width:93%;height:32px;margin: 10px auto 10px;overflow:hidden;}
.nav-menu li {float:left;list-style:none;border-right:1px solid #94c0be;border-radius:8px 8px 8px 8px;display:inline;}
.nav-menu li a {color: #fff;display: block;	text-decoration: none;	font-family:sansationregular;-webkit-font-smoothing: antialiased;	-moz-font-smoothing: antialiased;font-smoothing: antialiased;text-transform: capitalize;	overflow: visible;line-height: 20px;
padding: 15px 30px 15px 31px;}
.three-d {-webkit-perspective: 15%;-moz-perspective: 15%;-ms-perspective: 15%;-o-perspective: 15%;perspective: 15%;-webkit-transition: all .07s linear;-moz-transition: all .07s linear;	-ms-transition: all .07s linear;-o-transition: all .07s linear;	transition:all .7s linear;position: relative;}
.three-d:not(.active):hover {cursor: pointer;}

.three-d:not(.active):hover .three-d-box,  .three-d:not(.active):focus .three-d-box {-wekbit-transform: translateZ(-25px) rotateX(90deg);-moz-transform: translateZ(-25px) rotateX(90deg);
 	-o-transform: translateZ(-25px) rotateX(90deg);	-ms-transform: translateZ(-25px) rotateX(90deg);transform: translateZ(-25px) rotateX(90deg); }
.three-d-box {-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;	-o-transition: all .3s ease-out;transition: all .3s ease-out;
	-webkit-transform: translatez(-25px);-moz-transform: translatez(-25px);-ms-transform: translatez(-25px);-o-transform: translatez(-25px);transform: translatez(-25px);
	-webkit-transform-style: preserve-3d;	-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;
	-webkit-pointer-events: none;-moz-pointer-events: none;	-ms-pointer-events: none;-o-pointer-events: none;pointer-events: none;position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;
}

.front {-webkit-transform: rotatex(0deg) translatez(25px);-moz-transform: rotatex(0deg) translatez(25px);-ms-transform: rotatex(0deg) translatez(25px);-o-transform: rotatex(0deg) translatez(25px);
	transform: rotatex(0deg) translatez(25px);border-radius:5px 5px 5px 5px;}

.back {	-webkit-transform: rotatex(-90deg) translatez(25px);-moz-transform: rotatex(-90deg) translatez(25px);-ms-transform: rotatex(-90deg) translatez(25px);
	-o-transform: rotatex(-90deg) translatez(25px);	transform: rotatex(-90deg) translatez(25px);	color:#696969;}
.front, .back {	display: block;	width: 100%;height: 100%;position: absolute;top: 0;left: 0;background:#EE8262;padding: 15px 30px 15px 31px;color: white;	-webkit-pointer-events: none;
	-moz-pointer-events: none;-ms-pointer-events: none;-o-pointer-events: none;pointer-events: none;-webkit-box-sizing: border-box;	box-sizing: border-box;}

.nav-menu li .active .front,  .nav-menu li .active .back,  .nav-menu li a:hover .front,  .nav-menu li a:hover .back {background:#696969;-webkit-background-size: 5px 5px;
	background-size: 5px 5px;background-position: 0 0, 30px 30px;background-image: -webit-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
	background-image: -moz-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
	background-image: -ms-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
	background-image: -o-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
	background-image: linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
}
.nav-menu ul {text-align: left;line-height: 32px;width: 20%;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-webkit-transform-origin: 0px 0px;-moz-transform-origin: 0px 0px;
	-ms-transform-origin: 0px 0px;-o-transform-origin: 0px 0px;transform-origin: 0px 0px;-webkit-transform: rotateX(-90deg);-moz-transform: rotateX(-90deg);
	-ms-transform: rotateX(-90deg);-o-transform: rotateX(-90deg);transform: rotateX(-90deg);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;-o-backface-visibility: hidden;	backface-visibility: hidden;}

.nav-menu li:hover ul {	-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);-o-transform: rotateX(0deg);transform: rotateX(0deg);}

#banner{width:100%;height:620px;margin:5 auto;z-index:-1;position:relative;padding:0px;margin:0 auto;clear: both;}

.scroll{margin:0 auto;width:100%;padding:0;}
.scroll_box{overflow:hidden;visibility:hidden;position:relative;margin:0;padding:0;}
.scroll_wrap{overflow:hidden; position:relative;padding:0px;margin:0px;}
.scroll_wrap li{position:relative;display:block;width:100%;float:left;}
.scroll_wrap li a{display:block;margin:0 auto;position:relative;}

.scroll_position{position:absolute;left:46%;z-index:400px;bottom:20px;}
.scroll_position li{display:inline-block;width:10px;height:10px;border-radius:5px;background:#fff;}
.scroll_position li a{font-size:0;}
.scroll_position li.on{background-color:#32cd32;}
.scroll_position_bg{position:absolute;bottom:20px;left:42%;z-index:380px;height:28px;border-radius:26px;}

.factory1{width:95%;height:500px;margin:5 auto;}

.middle3{height:30px;width:95%;margin:5 auto;}
.middle3 p{height:30px;text-align:center;padding-top:5px;}
#h4{text-align:center;width:100%;height:30px;background-color:#8B8970;padding-top:8px;color:#FFFFFF;font-size:16px;margin:0 auto;}
#h4:hover{color:#EEAD0E;}

#factory{width:95%;height:450px;margin:5px auto;}

.factory{width:95%;height:250px;margin:5px auto;}
#list3 td{padding-left:20px;}

.ad{width:100%;height:20px;margin:0 auto;}


.footer{width:100%;height:190px;background:rgba(128,128,128,0.7);margin:0 auto;border:1px solid grey;clear: both;padding-left:8px;}

.header,.heading,#banner,.footer,.factory1,.factory,#list,#factory,.middle3,#h4,#box1,#h3{min-width: 1300px;width: expression(document.body.clientWidth < 1300? "1300px": "100%" )/*最小宽度设置*/;width:100%;}
 	
#h3{text-align:center;width:95%;height:30px;background-color:#8B8970;padding-top:5px;color:#FFFFFF;font-size:14px;margin:5px auto;}
#h3 ul{padding:0px;margin:0px;width:95%;height:30px;}
#h3 ul li{float:left;list-style:none;width:25%;height:28px;inline-height:28px;}
#h3 ul li:hover{color:#CD950C;cursor:pointer;}
#h4{text-align:center;width:185;height:30px;background-color:#8B8970;padding-top:8px;color:#FFFFFF;font-size:16px;margin:5px auto;}
#h4:hover{color:#EEAD0E;}

#box{ width:100%; height: 262px;margin:5px auto;}
#box ul{padding:0px;margin:0px;width:100%;height:262px;overflow:hidden;both:clear;}
#box ul li{text-align:center;float:left;list-style:none;width:24%;height: 260px;text-align:center;margin-right:8px;}
#box ul li div{width:100%;height:220px;overflow:hidden;text-align:center;border-radius:5px 5px 5px 5px;}
#box ul li div:hover img{transition: all 2s;transform: scale(1.2);-webkit-transform: scale(1.2);}

#box ul li:hover{border:1px solid orange;}
#box ul li:hover p{background: rgba(69,139,0,0.8);height:40px;}
#box ul li p{ font-size: 14px;border-radius:2px 2px 2px 2px;margin-top:5px;height:40px;}


#box1{width:95%; height: 540px;margin:5px auto;overflow:hidden;}


#prolist{width:95%;height:500px;margin:10px auto;clear: both;}
#prolist ul{margin:0px;width:95%;height:400px;padding:0px;}
#prolist ul li{padding-top:8px;float:left;text-align:center;list-style:none;width:25%;height:400px;-moz-box-shadow:6px 4px 4px #999 ;-webkit-box-shadow:6px 4px 4px #999 ;box-shadow:6px 4px 4px #999 ; }
#prolist ul li a{width:25%;height:220px;overflow: hidden;}
#prolist ul li img:hover{transition: all 1s;transform: scale(1.1);-webkit-transform: scale(1.1);}

.middle{width:100%;text-align:center;clear: both;}
.middle0{font-weight:bold;}


#prolist,#box,.header,.heading,#banner{min-width: 1300px;width: expression(document.body.clientWidth < 1300? "1300px": "100%" )/*最小宽度设置*/;width:100%;}