*{margin: 0; padding: 0;}
.index{width: 100%; height: auto; overflow: hidden; clear: both;}
img{width: 100%; max-width: 100%; display: block;}
.section1{ overflow: hidden; clear: both; background: url("imagesbg1.jpg") no-repeat center; background-size: 100% 100%; }
.sponsor{ margin: 0 auto; text-align: center;  overflow: hidden; clear: both; position: absolute; left: 50%; }
.sponsor img{width: 100%; max-width: 100%;margin-left: auto; margin-right: auto; display: block;}
.deng{width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 2;  }
.deng p{width: 100%; height: 100%;/* background: url("imagestopdeng.png") no-repeat top center; */ background-size: 100% auto;
    -webkit-animation: ones 3s ease-in-out alternate infinite;
    -moz-animation: ones 3s ease-in-out alternate infinite;
    -o-animation: ones 3s ease-in-out alternate infinite;
    -ms-animation: ones 3s ease-in-out alternate infinite;
    animation: ones 3s ease-in-out alternate infinite;}
.bgtitle{width: 100%; height: auto; overflow: hidden; position: absolute; left: 0; top: 0;z-index: 3;}
.bgtitle p{  margin: 0 auto; text-align: center; overflow: hidden; }

.dog{width: 100%;  overflow: hidden; position: absolute; left: 0; bottom: 10px;}
.dog p{width: 100%; height: 100%; overflow: hidden; background: url("imagesdog.png") no-repeat center; background-size: 100% 100%;
    -webkit-animation: ones2 3s ease-in-out alternate infinite;
    -moz-animation: ones2 3s ease-in-out alternate infinite;
    -o-animation: ones2 3s ease-in-out alternate infinite;
    -ms-animation: ones2 3s ease-in-out alternate infinite;
    animation: ones2 3s ease-in-out alternate infinite;}

.section2{ background:url("imagesbg2.jpg") no-repeat top center;  background-size: 100% 100%; }
.box{width: 100%; min-height: 100%;  position: relative;}
.housetop{width: 100%; height: 60px; top:0; background: url("imageshousetop.png") no-repeat top center;  z-index: 2;}
.deng1{width: 100%; height: 100%; overflow: hidden;z-index: 1;  left: 0; position: absolute; }
.deng1 p{width: 100%; height: 100%;overflow: hidden; /*background: url("imagesdeng.png") no-repeat center;*/ background-size: 100% auto;
    -webkit-animation: ones 3s ease-in-out alternate infinite;
    -moz-animation: ones 3s ease-in-out alternate infinite;
    -o-animation: ones 3s ease-in-out alternate infinite;
    -ms-animation: ones 3s ease-in-out alternate infinite;
    animation: ones 3s ease-in-out alternate infinite;}

.title1{ margin: 0 auto; /*background: url("imagesnew-year.png") no-repeat center;*/ background-size: 100% 100%; overflow: hidden; clear: both;}
.title1 h2{width: 100%;  font-family: "Microsoft YaHei"; font-size: 48px; color: #d31325; text-align: center;}
.title1 h2 span{padding: 0 24px;}
.title1 p{height: 35px; line-height: 35px; font-family: "Microsoft YaHei"; text-align: center; font-size: 24px; color: #d31325;}
.title1 p span{padding-left: 45px;}
.boxa{width: 100%; height: 100%; position: absolute; left: 0; z-index: 999;}
.contxt{  margin: 0 auto; margin-top: 20px; overflow: hidden; background: url("imagesborder.png") no-repeat center; background-size: 100% auto;}
.slimScrollDiv{margin: 0 auto; margin-top: 20px;}
.heci{z-index: 555;  }
.heci p{width: 100%; line-height: 35px; font-family: "Microsoft YaHei"; font-size: 16px; color: #000000; overflow: hidden;}

.footer{width: 100%; height: 42px; line-height: 42px; font-family: "Microsoft YaHei"; font-size: 14px; background: url("imagesredbg.png") repeat center; overflow: hidden; position: absolute; bottom:0!important; left:0;}
.footer p{ color: #ffffff; text-align: center;}
.footer p a{ color: #ffffff; }
@-webkit-keyframes ones{
    0% {
        -webkit-transform: translateX(-20px);
        -webkit-transform-origin: 50% 0;
        -moz-transform: translateX(-20px);
        -moz-transform-origin: 50% 0;
        -ms-transform:translateX(-20px);
        -ms-transform-origin: 50% 0;
        transform: translateX(-20px);
        transform-origin: 50% 0;
    }
    100% {
        -webkit-transform: translateX(20px);
        -webkit-transform-origin: 50% 0;
        -moz-transform: translateX(20px);
        -moz-transform-origin: 50% 0;
        -ms-transform: translateX(20px);
        -ms-transform-origin: 50% 0;
        transform: translateX(20px);
        transform-origin: 50% 0;
    }
}
@-moz-keyframes ones{
    0% {
        -webkit-transform: translateX(-20px);
        -webkit-transform-origin: 50% 0;
        -moz-transform: translateX(-20px);
        -moz-transform-origin: 50% 0;
        -ms-transform:translateX(-20px);
        -ms-transform-origin: 50% 0;
        transform: translateX(-20px);
        transform-origin: 50% 0;
    }
    100% {
        -webkit-transform: translateX(20px);
        -webkit-transform-origin: 50% 0;
        -moz-transform: translateX(20px);
        -moz-transform-origin: 50% 0;
        -ms-transform: translateX(20px);
        -ms-transform-origin: 50% 0;
        transform: translateX(20px);
        transform-origin: 50% 0;
    }
}
@-ms-keyframes ones{
    0% {
        -webkit-transform: translateX(-20px);
        -webkit-transform-origin: 50% 0;
        -moz-transform: translateX(-20px);
        -moz-transform-origin: 50% 0;
        -ms-transform:translateX(-20px);
        -ms-transform-origin: 50% 0;
        transform: translateX(-20px);
        transform-origin: 50% 0;
    }
    100% {
        -webkit-transform: translateX(20px);
        -webkit-transform-origin: 50% 0;
        -moz-transform: translateX(20px);
        -moz-transform-origin: 50% 0;
        -ms-transform: translateX(20px);
        -ms-transform-origin: 50% 0;
        transform: translateX(20px);
        transform-origin: 50% 0;
    }
}
@-o-keyframes ones{
    0% {
        -webkit-transform: translateX(-20px);
        -webkit-transform-origin: 50% 0;
        -moz-transform: translateX(-20px);
        -moz-transform-origin: 50% 0;
        -ms-transform:translateX(-20px);
        -ms-transform-origin: 50% 0;
        transform: translateX(-20px);
        transform-origin: 50% 0;
    }
    100% {
        -webkit-transform: translateX(20px);
        -webkit-transform-origin: 50% 0;
        -moz-transform: translateX(20px);
        -moz-transform-origin: 50% 0;
        -ms-transform: translateX(20px);
        -ms-transform-origin: 50% 0;
        transform: translateX(20px);
        transform-origin: 50% 0;
    }
}
@keyframes ones{
    0% {
        -webkit-transform: translateX(-20px);
        -webkit-transform-origin: 50% 0;
        -moz-transform: translateX(-20px);
        -moz-transform-origin: 50% 0;
        -ms-transform:translateX(-20px);
        -ms-transform-origin: 50% 0;
        transform: translateX(-20px);
        transform-origin: 50% 0;
    }
    100% {
        -webkit-transform: translateX(20px);
        -webkit-transform-origin: 50% 0;
        -moz-transform: translateX(20px);
        -moz-transform-origin: 50% 0;
        -ms-transform: translateX(20px);
        -ms-transform-origin: 50% 0;
        transform: translateX(20px);
        transform-origin: 50% 0;
    }
}

@-webkit-keyframes ones2{
    0% {
        -webkit-transform: translateY(0px);
        -webkit-transform-origin: 50% 0;
        -moz-transform: translateY(0px);
        -moz-transform-origin: 50% 0;
        -ms-transform:translateY(0px);
        -ms-transform-origin: 50% 0;
        transform: translateY(0px);
        transform-origin: 50% 0;
    }
    100% {
        -webkit-transform: translateY(10px);
        -webkit-transform-origin: 50% 0;
        -moz-transform: translateY(10px);
        -moz-transform-origin: 50% 0;
        -ms-transform: translateY(10px);
        -ms-transform-origin: 50% 0;
        transform: translateY(10px);
        transform-origin: 50% 0;
    }
}
@-moz-keyframes ones2{
    0% {
        -webkit-transform: translateY(0px);
        -webkit-transform-origin: 50% 0;
        -moz-transform: translateY(0px);
        -moz-transform-origin: 50% 0;
        -ms-transform:translateY(0px);
        -ms-transform-origin: 50% 0;
        transform: translateY(0px);
        transform-origin: 50% 0;
    }
    100% {
        -webkit-transform: translateY(10px);
        -webkit-transform-origin: 50% 0;
        -moz-transform: translateY(10px);
        -moz-transform-origin: 50% 0;
        -ms-transform: translateY(10px);
        -ms-transform-origin: 50% 0;
        transform: translateY(10px);
        transform-origin: 50% 0;
    }
}
@-ms-keyframes ones2{
    0% {
        -webkit-transform: translateY(0px);
        -webkit-transform-origin: 50% 0;
        -moz-transform: translateY(0px);
        -moz-transform-origin: 50% 0;
        -ms-transform:translateY(0px);
        -ms-transform-origin: 50% 0;
        transform: translateY(0px);
        transform-origin: 50% 0;
    }
    100% {
        -webkit-transform: translateY(10px);
        -webkit-transform-origin: 50% 0;
        -moz-transform: translateY(10px);
        -moz-transform-origin: 50% 0;
        -ms-transform: translateY(10px);
        -ms-transform-origin: 50% 0;
        transform: translateY(10px);
        transform-origin: 50% 0;
    }
}
@-o-keyframes ones2{
    0% {
        -webkit-transform: translateY(0px);
        -webkit-transform-origin: 50% 0;
        -moz-transform: translateY(0px);
        -moz-transform-origin: 50% 0;
        -ms-transform:translateY(0px);
        -ms-transform-origin: 50% 0;
        transform: translateY(0px);
        transform-origin: 50% 0;
    }
    100% {
        -webkit-transform: translateY(10px);
        -webkit-transform-origin: 50% 0;
        -moz-transform: translateY(10px);
        -moz-transform-origin: 50% 0;
        -ms-transform: translateY(10px);
        -ms-transform-origin: 50% 0;
        transform: translateY(10px);
        transform-origin: 50% 0;
    }
}
@keyframes ones2{
    0% {
        -webkit-transform: translateY(0px);
        -webkit-transform-origin: 50% 0;
        -moz-transform: translateY(0px);
        -moz-transform-origin: 50% 0;
        -ms-transform:translateY(0px);
        -ms-transform-origin: 50% 0;
        transform: translateY(0px);
        transform-origin: 50% 0;
    }
    100% {
        -webkit-transform: translateY(10px);
        -webkit-transform-origin: 50% 0;
        -moz-transform: translateY(10px);
        -moz-transform-origin: 50% 0;
        -ms-transform: translateY(10px);
        -ms-transform-origin: 50% 0;
        transform: translateY(10px);
        transform-origin: 50% 0;
    }
}

@media screen and (max-width: 1445px){
    .title1 h2{font-size: 40px;}
    .title1 p{font-size: 14px;}
}