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;}

.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;}

#list3 td{padding-left:20px;}

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

#box{ width:100%; height: 292px;margin:5px auto;}
#box ul{padding:0px;margin:0px;width:100%;height:292px;overflow:hidden;both:clear;}
#box ul li{text-align:center;float:left;list-style:none;width:24%;height: 290px;text-align:center;margin-right:8px;}
#box ul li div{width:100%;height:250px;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;}

#h5{width:95%; height: 150px;margin:5px auto;overflow:hidden;text-align:center;}


.move{width:92%;height:430px;margin:10px auto;}
.move0{width:50%;float:left;height:400px;overflow:hidden;}
.move0 img{animation:myfirst 5s;-moz-animation:myfirst 5s; /* Firefox */-webkit-animation:myfirst 5s; /* Safari and Chrome */
-o-animation:myfirst 5s; /* Opera */}
.move .move1{right:0;bottom:0px;}
.move1{width:50%;float:right;height:400px;overflow:hidden;}
.move1 img{float:right;animation:myse 5s;-moz-animation:myfirst 5s; /* Firefox */ -webkit-animation:myse 5s; /* Safari and Chrome */
-o-animation:myse 5s; /* Opera */}

.move0 img:hover{transition: all 1s;transform: scale(1.1);-webkit-transform: scale(1.1);}
.move1 img:hover{transition: all 1s;transform: scale(1.1);-webkit-transform: scale(1.1);}

@keyframes myfirst
{
0%   {border:0px solid orange; width:30%;}
100% {border:1px solid #CD853F; width:100%;}
}

@-moz-keyframes myfirst /* Firefox */
{
0%   {border:0px solid orange; width:30%;}
100% {border:1px solid #CD853F; width:100%;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   {border:0px solid orange; width:30%;}
100% {border:1px solid #CD853F; width:100%;}
}

@-o-keyframes myfirst /* Opera */
{
0%   {border:0px solid orange; width:30%}
100% {border:1px solid #CD853F; width:100%;}
}

@keyframes myse
{
0%   {border:0px solid orange; width:30%;}
100% {border:1px solid #CD853F; width:100%;}
}

@-moz-keyframes myse /* Firefox */
{
0%   {border:0px solid orange; width:30%;}
100% {border:1px solid #CD853F; width:100%;}
}

@-webkit-keyframes myse /* Safari and Chrome */
{
0%   {border:0px solid orange; width:30%;}
100% {border:1px solid #CD853F; width:100%;}
}

@-o-keyframes myse /* Opera */
{
0%   {border:0px solid orange; width:30%}
100% {border:1px solid #CD853F; width:100%;}
}


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

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