*{padding:0px; margin:0px;}
html {_overflow-y:scroll;}
/*****！！页面通用css样式定义开始******/
/* body的css定义:这里定义页面上下左右边距，页面背景颜色，滚动条颜色样式 */
body{
    font-family: Arial, Tahoma,"微软雅黑";    /*文字字体定义 */
	font-size: 12px;    /*文字大小定义 */
	color: #5a5a5a; /*文字颜色定义 */
	
	}

/* 网站超链接css通用设置 */
a{text-decoration: none; cursor:pointer;} /* 链接无下划线,有为underline */ 



h1,h2,h3,h4,h5,h6{font-size:12px;}
img{border: 0px;}
.clear{clear:both; line-height:0; height:0; font-size:0px;}
.clear:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }/*清除浮动*/

/*表格样式定义 */ 
checkbox{border: 0px;}/*选择框样式定义 */ 
.input{ border:1px solid #CCCCCC; height:20px;line-height:20px} 





/*************************导航**********************************/
.nav{ width:732px; height:107px; position:fixed; left:2%; top:5%; z-index:999;}
.nav a{ display:block; width:122px; height:107px; float:left;}
.nav1{ background:url(../images/nav1.png) center;}
.nav1c{ background:url(../images/nav1_1.png) center;}
.nav2{ background:url(../images/nav2.png) center;}
.nav2c{ background:url(../images/nav2_1.png) center;}
.nav3{ background:url(../images/nav3.png) center;}
.nav3c{ background:url(../images/nav3_1.png) center;}
.nav4{ background:url(../images/nav4.png) center;}
.nav4c{ background:url(../images/nav4_1.png) center;}
.nav5{ background:url(../images/nav5.png) center;}
.nav5c{ background:url(../images/nav5_1.png) center;}
.nav6{ background:url(../images/nav6.png) center;}
.nav6c{ background:url(../images/nav6_1.png) center;}




.main{ width:100%; display:none; overflow:hidden;}

.maintopbg{ display:block; position:absolute; right:-20px; top:7%; animation: shake 20s; -webkit-animation: shake 20s; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite;}
.maintop{display:block; position:absolute; right:2%; top:2%;}

.maintop1{ display:block; width:259px; height:229px; padding-top:229px; position:absolute; z-index:3; top:-230px; left:50%; margin-left:-130px; animation: swing 5s; -webkit-animation: swing 5s; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite;}


.main1{ background:url(../images/bg1.jpg) center bottom; position:relative;}
.main1bg{ display:block; position:absolute; z-index:1; top:32%; left:50%; margin-left:-745px; animation: shake 20s; -webkit-animation: shake 20s; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite;}
.main1_1{ display:block; position:absolute; z-index:2; top:20%; left:50%; margin-left:-405px;}
.main1_2{ display:block; position:absolute; z-index:2; top:60%; left:50%; margin-left:-372px; }
.main1_3{ display:block; position:absolute; z-index:2; top:72%; left:50%; margin-left:-244px;}




.main2{ background:url(../images/bg2.jpg) center top; position:relative;}
.main2_1bg{ display:block; position:absolute; z-index:1; top:25%; left:50%; margin-left:-663px;}
.main2_1{ display:block; position:absolute; z-index:2; top:28%; left:50%; margin-left:-490px;}




.main3{ background:url(../images/bg3.jpg) center top; position:relative;}
.main3_1{ display:block; position:absolute; z-index:2; top:20%; left:50%; margin-left:-674px;}
.main3_2{ display:block; position:absolute; z-index:2; bottom:2%; left:1%; animation: flash 10s; -webkit-animation: flash 10s; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite;}



.main4{ background:url(../images/bg4.jpg) center top; position:relative;}
.mian4_1{display:block; position:absolute; z-index:2; top:25%; left:50%; margin-left:-500px;}




.main5{ background:url(../images/bg5.jpg) center top; position:relative;}
.main5c{ position:absolute; width:1000px; left:50%; top:30%; margin-left:-500px; text-align:center; font-size:32px; color:#8d4c1d;}
.intxt{ width:320px; height:40px; border:solid 1px #cc985a; border-radius:5px;}
.coolbg{ display:block; width:190px; height:46px; background:#cc985a; border:none; cursor:pointer; float:left; margin-left:50px; margin-top:20px; color:#ffffff; text-align:center; line-height:46px; font-size:32px; font-family:"微软雅黑";}
.main5f{ display:block; position:absolute; bottom:8%; left:50%; margin-left:-340px;}




.main6{ background:url(../images/bg6.jpg) center ; position:relative;}
.main6_1{ display:block; position:absolute; left:1%; bottom:1%;}










/*************************动画**********************************/
@-webkit-keyframes swing {
 0% {-webkit-transform: rotate3d(0, 0, 1, 2deg);transform: rotate3d(0, 0, 1, 5deg);}
 30% { -webkit-transform: rotate3d(0, 0, 1, 0deg);transform: rotate3d(0, 0, 1, -1deg); }
 50% {  -webkit-transform: rotate3d(0, 0, 1, 2deg);  transform: rotate3d(0, 0, 1, 3deg); }
 70% { -webkit-transform: rotate3d(0, 0, 1, 0deg);  transform: rotate3d(0, 0, 1, -1deg); }
 100% { -webkit-transform: rotate3d(0, 0, 1, 1deg);  transform: rotate3d(0, 0, 1, 5deg); }
}

@keyframes swing {
 0% {-webkit-transform: rotate3d(0, 0, 1, 2deg);transform: rotate3d(0, 0, 1, 5deg);}
 30% { -webkit-transform: rotate3d(0, 0, 1, 0deg);transform: rotate3d(0, 0, 1, -1deg); }
 50% {  -webkit-transform: rotate3d(0, 0, 1, 2deg);  transform: rotate3d(0, 0, 1, 3deg); }
 70% { -webkit-transform: rotate3d(0, 0, 1, 0deg);  transform: rotate3d(0, 0, 1, -1deg); }
 100% { -webkit-transform: rotate3d(0, 0, 1, 1deg);  transform: rotate3d(0, 0, 1, 5deg); }
}


@-webkit-keyframes shake {
 0%, 100% {  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
 10%, 30%, 50%, 70%, 90% {  -webkit-transform: translate3d(-5px, 0, 0);   transform: translate3d(-10px, 0, 0); }
 20%, 40%, 60%, 80% {   -webkit-transform: translate3d(5px, 0, 0);   transform: translate3d(10px, 0, 0); }
}

@keyframes shake {
 0%, 100% {  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
 10%, 30%, 50%, 70%, 90% {  -webkit-transform: translate3d(-5px, 0, 0);   transform: translate3d(-10px, 0, 0); }
 20%, 40%, 60%, 80% {   -webkit-transform: translate3d(5px, 0, 0);   transform: translate3d(10px, 0, 0); }
}

@-webkit-keyframes pulse {
 0% {   -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }
 50% {    -webkit-transform: scale3d(1.05, 1.05, 1.05);    transform: scale3d(1.03, 1.03, 1.03);  }
 100% {   -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }
}

@keyframes pulse {
 0% {   -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }
 50% {    -webkit-transform: scale3d(1.05, 1.05, 1.05);    transform: scale3d(1.03, 1.03, 1.03);  }
 100% {   -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }
}

@-webkit-keyframes bounce {
 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  -webkit-transform: translate3d(0,0,0);   transform: translate3d(0,0,0); }
 40%, 43% {  -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);   transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0);  transform: translate3d(0, -30px, 0); }
 70% {  -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);   -webkit-transform: translate3d(0, -15px, 0);  transform: translate3d(0, -15px, 0); }
 90% {  -webkit-transform: translate3d(0,-4px,0);   transform: translate3d(0,-4px,0); }
}

@keyframes bounce {
 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  -webkit-transform: translate3d(0,0,0);   transform: translate3d(0,0,0); }
 40%, 43% {  -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);   transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0);  transform: translate3d(0, -30px, 0); }
 70% {  -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);   -webkit-transform: translate3d(0, -15px, 0);  transform: translate3d(0, -15px, 0); }
 90% {  -webkit-transform: translate3d(0,-4px,0);   transform: translate3d(0,-4px,0); }
} 

@-webkit-keyframes flash {
 0%, 50%, 100% {   opacity: 1; }
 25%, 75% {   opacity: 0.3; }
}

@keyframes flash {
 0%, 50%, 100% {   opacity: 1; }
 25%, 75% {   opacity: 0.3; }
}