@charset "utf-8";
body{padding:0;margin:0;font:normal 12px/180% \5FAE\8F6F\96C5\9ED1;color:#666;text-align:center;background:#fce2ae}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{margin:0 auto;text-align:left;font:normal 12px/180% \5FAE\8F6F\96C5\9ED1;}
a:link,a:visited{color:#666;text-decoration:none;}
a:hover{color:#c00;text-decoration:underline;}
img{border:none;}
ol,ul,li{list-style:none;} 
em{font-style:normal;}
body{overflow-x:hidden}
/*clear*/
.cf:after,.cf:before{content:" ";display:table}
.cf:after,.clearfix:after{clear:both}
.cf{zoom:1;}
/*other*/
.fl{float:left}
.fr{float:right}
.white,.white a:link,.white a:visited,.white a:hover{color:#fff;}
.main{width:100%;min-width:1200px;}
.layout{width:1200px;}
/*header*/
.header{height:40px;background:#fff}
.header span{float:left;}
.header span img{margin-top:5px;}
.header em{float:right;line-height:40px;}
.header em a{margin:0 6px;}
.header em,.header em a:link,.header em a:visited,.header em a:hover{color:#666;}
/*top*/
.top{height:47vw;position:relative;overflow: hidden;}
.top img.topbg{position: absolute;width:100%;height: auto;}
.top img.lamp{left:0;top:0;width:100%;height: auto;position:absolute;z-index:999;
    -webkit-animation: tobottom 1.2s linear backwards;
    -moz-animation: tobottom 1.2s linear infinite backwards;
    -ms-animation: tobottom 1.2s linear infinite backwards;
    -o-animation: tobottom 1.2s linear infinite backwards;
    animation: tobottom 1.2s linear backwards;}
.top img.cloud{-webkit-animation: yundong 5s -3s linear infinite;animation: yundong 5s -3s linear infinite;}
.top img.cloud1{left:8%;top:18vw;width:10%;height: auto;position:absolute;}
.top img.cloud2{right:2%;top:7vw;width:15%;height: auto;position:absolute;}
.top .layout{position:absolute;overflow:hidden;height:100%;left:50%;margin-left:-500px;}
.top .layout img{position:absolute;}
.tit0{left:25%;right:0;top: 15vw;
    width:32%;height: auto;z-index: 20;
    -webkit-animation: bounceIn 2s .2s ease both;
    -moz-animation: bounceIn 2s .2s ease both;
    -ms-animation: bounceIn 2s .2s ease both;
    -o-animation: bounceIn 2s .2s ease both;
    animation: bounceIn 2s .2s ease both;
    text-align: center;
    display: flex;
    align-items: center;
}
@-webkit-keyframes bounceIn{
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -moz-transform: scale(.3);
        -ms-transform: scale(.3);
        -o-transform: scale(.3);
        transform: scale(.3);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
    }
    70% {
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        -o-transform: scale(.9);
        transform: scale(.9);
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes bounceIn{
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -moz-transform: scale(.3);
        -ms-transform: scale(.3);
        -o-transform: scale(.3);
        transform: scale(.3);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
    }
    70% {
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        -o-transform: scale(.9);
        transform: scale(.9);
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
.cattle{width:17%;height: auto;right:35%;margin:0;bottom:5px;
    -webkit-animation: music-move 1s 3.3s infinite alternate ease-in-out;
    animation: music-move 1s 3.3s infinite alternate ease-in-out;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
}
@keyframes music-move{
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    33% {
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg);
    }
    66% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@-webkit-keyframes tobottom{
    from{top:-212px;}
    to{top:0px;}
}
@keyframes tobottom{
    from{top:-212px;}
    to{top:0px;}
}
@keyframes yundong {
    0% {
      -webkit-transform: translate(0px, 0);
      transform: translate(0px, 0);
    }
    50% {
      -webkit-transform: translate(-12px, -2px);
      transform: translate(-12px, -2px);
    }
    100% {
      -webkit-transform: translate(0px, 0);
      transform: translate(0px, 0);
    }
}
.fireworks{width:12%;height:auto;right:25%;top:14px;
    animation: firing 2.5s ease infinte;
    -webkit-animation: firing 2.5s ease infinite;
}
.fireworks2{width:15%;height:auto;right:0%;top:206px;}
.fireworks3{width:10%;height:auto;right:24%;left:auto;top:31vw;}
@keyframes firing {
    0%{ padding:40px; transform: scale(0.7) translateY(0); opacity:1;}
    75% { padding:0; transform: scale(1) translateY(0);}
    100%{ opacity:0; transform:scale(1) translateY(100px);}
}
.conbg{background:url(../imgs/conbg.png) no-repeat;background-size: 100% auto;}
.Pic1{width:1200px;height:420px;margin-top:94px;position: relative;}
.Pic1 .swiper-container{height:420px;}
.Pic1 .swiper-slide{
    -webkit-transition: transform 1.0s;
    -moz-transition: transform 1.0s;
    -ms-transition: transform 1.0s;
    -o-transition: transform 1.0s;
    transition: transform 1.0s;
    -webkit-transform: scale(0.85);transform: scale(0.85);
    text-align: center;font-size: 18px;line-height: 20px;
}
.Pic1 .swiper-slide div{
    background:url(../imgs/imgbg.png) no-repeat;
    width:390px;
    height:345px;
    font-size: 19px;
    line-height:24px;
    text-align: center;
}
.Pic1 .swiper-slide div img{margin-top:14px;margin-bottom:8px}
.Pic1 .swiper-slide-active{-webkit-transform: scale(1);transform: scale(1);}
.pagination1{background:url(../imgs/line.png) no-repeat left bottom;
position: absolute;right:3%;bottom:0px;width: 30%;z-index: 999;text-align: right;}
.pagination1 .swiper-pagination-switch{display: inline-block;margin: 0 7px;font-size:25px;color:#d3a560;cursor: pointer;}
.pagination1 .swiper-active-switch {font-size: 35px;color:#b81a15}
/*d2*/
.d2bg{position: relative;}
.d2bg img.txtbg{width:100%;height: auto;}
.d2bg img.d2con{width:42%;height: auto;top:16vw;left:0;right:0;margin:auto;position: absolute;box-shadow: 7px 2px 24px 0px rgba(120, 24, 13, 0.5);}
.d2bg .txtCon{top:18vw;left:0;right:0;margin:auto;position: absolute;width:37%;}
.d2bg .txtCon div.text_con{height:45vw;overflow: hidden;overflow-y: auto;padding-right:2%;margin-top:10px;}
.d2bg .txtCon div.text_con::-webkit-scrollbar{width:3px;height: 1px;}
.d2bg .txtCon div.text_con::-webkit-scrollbar-thumb{background:#b81a15;}
.d2bg .txtCon div.text_con::-webkit-scrollbar-track{background:transparent;}
.d2bg .txtCon div.text_con video{width:100%;height: auto;margin-top:20px;}
.d2bg .txtCon div.text_con p img{width:100%;height: auto;}
.d2bg .txtCon div.text_con p{font-size:18px;line-height:30px;color:#714811}
.d2bg .txtCon div.text_con p b{color:#a10000;font:bold 20px/30px \5FAE\8F6F\96C5\9ED1;display: block;text-align: center;margin:15px 0}
.d2bg img.lamp2{left:0;top:0;width:100%;height: auto;position:absolute;z-index:999;}

/*copyright*/
#copyright{text-align:center;width:100%;font-size:14px;font-family: \5B8B\4F53;}
.d2bg #copyright{position: absolute;bottom:10px;color:#fff;line-height:140%;}
@media screen and (min-width:1180px) and (max-width:1200px){
    .main{width:100%;min-width:1000px;}
    .layout,.Pic1{width:1000px;}
    .tit0{width:30%;}
    .cattle{width:14%;bottom:0}
    .d2bg .txtCon{top:16vw;}
    .d2bg .text{height:630px;}
    .tit0{left:32%;width:35%;}
    .Pic1{margin-top: 64px;}
    .Pic1 .swiper-slide div{
        width:350px;
        height:345px;
    }
}
@media screen and (min-width:1160px) and (max-width:1179px){
    .main{width:100%;min-width:1000px;}
    .layout{width:1000px;}
    .d2bg .txtCon{top:16vw;}
    .tit0{left:35%;width:30%;}
    .Pic1{margin-top: 64px;}
}

@media screen and (min-width:1140px) and (max-width:1159px){
    .main{width:100%;min-width:1000px;}
    .layout,.Pic1{width:1000px;}
    .d2bg .txtCon{top:16vw;}
    .tit0{left:35%;width:30%;}
    .Pic1{margin-top: 64px;}
}

@media screen and (min-width:1100px) and (max-width:1139px){
    .main{width:100%;min-width:1000px;}
    .layout,.Pic1{width:1000px;}
    .tit0{left:35%;width:30%;}
    .cattle{width:14%;bottom:0}
    .d2bg .txtCon{top:16vw;}
    .Pic1{margin-top: 64px;}
}
@media screen and (min-width:1000px) and (max-width:1099px){
    .main{width:100%;min-width:1000px;}
    .layout,.Pic1{width:1000px;}
    .tit0{width:30%;}
    .cattle{width:14%;bottom:0}
    .d2bg .txtCon{top:16vw;}
    .d2bg .txtCon div.text_con{height:500px;}
    .tit0{left:35%;width:30%;}
    .Pic1{margin-top: 64px;}
}


@media (min-device-width:320px) and (max-width:689px),(max-device-width:480px){
    html,body{height:100%;position: relative;}
    html{font-size:62.5%;}
    .main,.layout,.Pic1{width:100%; min-width:320px; max-width:480px;}
    .top .layout{margin-left:0;left:0}
    .d2bg img.d2con{width:92%;top:25%;}
    .d2bg .txtCon{width:80%;top:20vw;}
    .d2bg .txtCon h3{font-size:18px;line-height:22px;}
    .d2bg .txtCon div.text_con{height:380px;}
    .d2bg #copyright{bottom:-300px}
    .d2bg img.lamp{top:0}
    .tit0{width: 28%;left:35%}
    .cattle{width: 12%;bottom:0}
    .Pic1{height:330px;margin-top:50px;margin-bottom:50px}
    .Pic1 .swiper-container{height:330px;}
    .Pic1 .swiper-slide div{
        width:300px;
        height:260px;
        background-size:100% auto;
        font-size:14px;
        padding-top:5px
    }
    .Pic1 .swiper-slide div img{width:70%;height: auto;display: block;border-radius:5px;margin:0 auto}
    .pagination1{background:none;}
    .pagination1 .swiper-pagination-switch{font-size: 18px;}
}