@charset "UTF-8";
* {
    margin: 0;
    padding: 0;
}

html,
body {
    height: auto;
    width: 100%;
    font-family: "microsoft yahei";
}

img {
    display: block;
    border: none;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

div,
input,
a,
span,
p {
    outline: none;
    border: none;
}

@font-face {
    font-family: 'num';
    src: url(../font/num.ttf);
}

@-webkit-keyframes mytop {
    0% {
        transform: translate(0, -100%);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes mybot {
    0% {
        transform: translate(0, 100%);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes myleft {
    0% {
        transform: translate(-100%, 0);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes myright {
    0% {
        transform: translate(100%, 0);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes mydoudong {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scale(1.1);
    }
    50% {
        transform: scale(1);
    }
    75% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes mydoudong_ {
    0% {
        transform: scale(0);
        opacity: 1;
    }
    25% {
        transform: scale(1.5);
        opacity: 1;
    }
    50% {
        transform: scale(0.5);
        opacity: 1;
    }
    75% {
        transform: scale(1.2);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.mytop {
    animation: mytop 1s;
    animation-fill-mode: forwards;
}

.mybot {
    animation: mybot 1s;
    animation-fill-mode: forwards;
}

.myleft {
    animation: myleft 1s;
    animation-fill-mode: forwards;
}

.myright {
    animation: myright 1s;
    animation-fill-mode: forwards;
}

.mydoudong_ {
    animation: mydoudong_ 1s;
    animation-fill-mode: forwards;
}

.yc_01 {
    animation-delay: 0.3s;
}

.yc_02 {
    animation-delay: 0.6s;
}

.yc_03 {
    animation-delay: 0.9s;
}

.yc_04 {
    animation-delay: 1.2s;
}

.yc_05 {
    animation-delay: 1.4s;
}

.yc_06 {
    animation-delay: 1.6s;
}

.wrap {
    width: 100%;
    height: auto;
    min-width: 1200px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.wrap img {
    width: 100%;
    height: auto;
}

.wrap .kst {
    cursor: pointer;
}

.wrap .banner {
    width: 100%;
    height: 1190px;
    background: url(../img/banner.jpg) no-repeat center/1920px 1190px;
}

.ban1 {
    width: 100%;
    height: 680px;
    background: #62010a;
}
.ban1 .cont{
	width: 1200px;
	height: 610px;
	background: #bd4c3e;
	margin: 0 auto;
}
.ban1 .cont .img1{
	width: 1110px;
	margin: 0 auto;
	height: 312px;
	padding-top: 40px;
	opacity: 0;
}
.ban1 .cont .img2{
	width: 1110px;
	margin: 0 auto;
	height: 201px;
	margin-top: 10px;
	opacity: 0;
}
.ban2 {
	width: 100%;
    height: 1200px;
	background: #62010a;
}
.ban2 .cont{
	width: 1200px;
	background: #9d1925;
	height: 1130px;
	margin: 0 auto;
	padding-top: 20px;
	
}
.ban2 .cont .img1{
	width: 922px;
	margin: 0 auto;
	margin-top: 60px;
	opacity: 0;
}
.ban2 .cont .img2{
	width: 922px;
	margin: 0 auto;
	margin-top: 60px;
	opacity: 0;
}
.ban2 .cont .img3{
	width: 922px;
	margin: 0 auto;
	margin-top: 60px;
	opacity: 0;
}

.ban3 {
    width: 100%;
    height: 700px;
    background: #62010a;
}

.ban3 .cont {
    width: 1200px;
    margin: 0 auto;
	height: 700px;
}
.ban3 .cont .img1{
	width: 1200px;
	height: 283px;
}
.ban3 .cont ul {
 height: 355px;
 display: flex;
 justify-content: space-between;
 margin-top: 12px;
}
.ban3 .cont ul li {
    width: 229px;
    height: 355px;
	opacity: 0;
}
.ban3 .cont ul li .btn{
	width: 155px;
	height: 30px;
	margin: 0 auto;
	display: block;
	margin-top: -60px;
	animation: mydoudong infinite linear 2s;
}

.ban4 {
    width: 100%;
    height: 926px;
	margin: 0 auto;
	background: #62010a;
}

.ban4 .cont {
    width: 1200px;
    margin: 0 auto;
	cursor: pointer;
}

.ban5 {
    width: 100%;
    height: 1510px;
    background: #62010a;
}

.ban5 .cont {
    width: 1200px;
    margin: 0 auto;
	position: relative;
	height: 1510px;
}
.ban5 .cont .rw{
	width: 1338px;
	height: 1114px;
	position: absolute;
	left: -36px;
	top:-140px;
	
}

.ban5 .cont ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	height: 720px;
	position: absolute;
	bottom: 86px;
}

.ban5 .cont ul li {
	position: relative;
	opacity: 0;
	
}
.ban5 .cont ul li .btn {
    width: 155px;
    height: 30px;
    display: block;
	position: absolute;
	left: 60px;
	bottom: 36px;
    animation: mydoudong 2s infinite linear;
}
.ban5 .cont ul li:nth-child(-n+2){
	margin-bottom: 15px;
}
.ban5 .cont ul li:nth-child(-n+2) .btn{
	bottom: 110px;
}
.ban6 {
    width: 100%;
    height: 1270px;
	background: #62010a;
    
}

.ban6 .cont {
    width: 1200px;
    margin: 0 auto;
	height: 1182px;
	background: url(../img/bg1.png) no-repeat center;
}

.ban6 .cont ul {
	width: 715px;
	margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	margin-left: 440px;
	padding-top: 318px;
}

.ban6 .cont ul li {
    width: 229px;
	height: 355px;
	margin-top: 12px;
	opacity: 0;
}
.ban6 .cont ul li .btn{
	width: 155px;
	height: 30px;
	display: block;
	margin: 0 auto;
	margin-top: -60px;
	animation: mydoudong infinite linear 2s;
}


.ban7 {
    width: 100%;
    height: 990px;
    background: #62010a;
}

.ban7 .cont {
    width: 1200px;
    margin: 0 auto;
}

.ban7 .cont .img3,.ban7 .cont .img2{
	cursor: pointer;
}



.ban8 {
    width: 100%;
    height: 880px;
    background: #62010a;
}
.ban8 .cont {
    width: 1200px;
    margin: 0 auto;
}
.ban8 .cont ul{
	display: flex;
	justify-content: space-between;
}

.ban8 .cont ul li{
	width: 392px;
	height: 478px;
	opacity: 0;
}

.ban8 .cont ul li a{
	width: 155px;
	height: 30px;
	display: block;
	margin: 0 auto;
	margin-top: -60px;
	animation: mydoudong infinite linear 2s;
}

.ban8 .cont .img1{
	margin-top: 20px;
}











/*# sourceMappingURL=index.css.map */