*{
    margin: 0;
    padding: 0;
}
ul,li{list-style: none;}
em{font-style: normal}
body{
    font-family:"Microsoft YaHei",Helvetica,Georgia,Arial,sans-serif;
}
#wrapper{
    width: 100%;
    height: 1080px;
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0120jjhs/bg_wrapper.jpg") no-repeat top center;
}

#main{
    width: 1280px;
    height: 765px;
    margin: 0 auto;
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0120jjhs/bg_main.jpg") no-repeat top center;
    position: relative;
    padding-top: 315px;
}

.logo{
    display: block;
    width: 300px;
    height: 129px;
    background: url("https://static.web.sdo.com/cq/pic/logo/logoE_w300.png") no-repeat top center;
    position: absolute;
    top:65px;
    left: 145px;
}

.top_nav {
    width: 230px;
    height: 32px;
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0120jjhs/top_nav.png") no-repeat top center;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    color: #c8c391;
    line-height: 32px;
}

.top_nav li{
    float: left;
}
.top_nav li.home{
    margin-left: 55px;
}
.top_nav li.line{
    margin: 0 8px;
}

.top_nav a{
    color: #c8c391;
    text-decoration: none;
}
.top_nav a:hover{
    text-decoration: underline;
}

.act_date {
    font-size: 20px;
    color: #ead499;
    float: right;
    margin-right: 285px;
}

#main .jie,#main .deng,#main .bao{
    position: absolute;
    display: block;
}
#main .jie{
    z-index: 10;
}
#main .bao{
    z-index: 5;
}

.jie1{
    width: 40px;
    height: 85px;
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0120jjhs/jie1.png") no-repeat top center;
    top:207px;
    left: 165px;
}
.jie2{
    width: 42px;
    height: 95px;
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0120jjhs/jie2.png") no-repeat top center;
    top: 267px;
    left: 325px;
}
.jie3{
    width: 38px;
    height: 67px;
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0120jjhs/jie3.png") no-repeat top center;
    top: 372px;
    left: 488px;
}
.jie4{
    width: 36px;
    height: 75px;
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0120jjhs/jie4.png") no-repeat top center;
    top:442px;
    left: 672px;
}
.jie5{
    width: 50px;
    height: 121px;
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0120jjhs/jie5.png") no-repeat top center;
    bottom: 340px;
    left: 170px;
}
.jie6{
    width: 42px;
    height: 89px;
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0120jjhs/jie6.png") no-repeat top center;
    bottom: 374px;
    left: 314px;
}
.jie7{
    width: 41px;
    height: 87px;
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0120jjhs/jie7.png") no-repeat top center;
    bottom: 340px;
    left: 458px;
}

.deng1{
    width: 202px;
    height: 344px;
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0120jjhs/deng1.png") no-repeat top center;
    top: 286px;
    left: 45px;
}
.deng2{
    width: 149px;
    height: 297px;
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0120jjhs/deng2.png") no-repeat top center;
    top: 360px;
    left: 277px;
}
.deng3{
    width: 153px;
    height: 278px;
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0120jjhs/deng3.png") no-repeat top center;
    top:438px;
    left: 449px;
}
.deng4{
    width: 130px;
    height: 260px;
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0120jjhs/deng4.png") no-repeat top center;
    top:517px;
    left: 626px;
}

.bao5{
    width: 148px;
    height: 195px;
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0120jjhs/bao1.png") no-repeat top center;
    bottom: 167px;
    left: 120px;
}
.bao6{
    width: 132px;
    height: 165px;
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0120jjhs/bao2.png") no-repeat top center;
    bottom: 233px;
    left: 289px;
}
.bao7{
    width: 147px;
    height: 190px;
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0120jjhs/bao3.png") no-repeat top center;
    bottom: 175px;
    left: 423px;
}

#overlay{
    width: 100%;
    height: 1080px;
    position: absolute;
    top: 0;
    z-index: 30;
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0120jjhs/bg_popup.jpg") repeat-y top center;
    display: none;
    overflow:hidden;
}

.popup{
    width: 990px;
    height: 1080px;
    z-index: 60;
    margin: 0 auto;
}

.popup .yun{
    display: block;
    width: 490px;
    height: 32px;
    position: absolute;
    top: 275px;
}
.popup .yun_l{
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0120jjhs/yun_l.jpg") no-repeat top center;
    left: 50%;
    margin-left: -960px;
}

.popup .yun_r{
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0120jjhs/yun_r.jpg") no-repeat top center;
    right: 50%;
    margin-right: -970px;
}

.popup .popup_nav{
    position: relative;
    z-index: 70;
}
.popup .popup_nav li{
    float: left;
    margin-left: 15px;
    margin-top: 180px;
    display: none;
}

.popup .popup_nav li.btn1{
    animation:fadeInDown 1s .2s ease both;
    -o-animation:fadeInDown 1s .2s ease both;
    -webkit-animation:fadeInDown 1s .2s ease both;
    -moz-animation:fadeInDown 1s .2s ease both;
}
.popup .popup_nav li.btn2{
    animation:fadeInDown 1s .4s ease both;
    -o-animation:fadeInDown 1s .4s ease both;
    -webkit-animation:fadeInDown 1s .4s ease both;
    -moz-animation:fadeInDown 1s .4s ease both;
}
.popup .popup_nav li.btn3{
    animation:fadeInDown 1s .6s ease both;
    -o-animation:fadeInDown 1s .6s ease both;
    -webkit-animation:fadeInDown 1s .6s ease both;
    -moz-animation:fadeInDown 1s .6s ease both;
}
.popup .popup_nav li.btn4{
    animation:fadeInDown 1s .8s ease both;
    -o-animation:fadeInDown 1s .8s ease both;
    -webkit-animation:fadeInDown 1s .8s ease both;
    -moz-animation:fadeInDown 1s .8s ease both;
}
.popup .popup_nav li.btn5{
    animation:fadeInDown 1s 1s ease both;
    -o-animation:fadeInDown 1s 1s ease both;
    -webkit-animation:fadeInDown 1s 1s ease both;
    -moz-animation:fadeInDown 1s 1s ease both;
}
.popup .popup_nav li.btn6{
    animation:fadeInDown 1s 1.2s ease both;
    -o-animation:fadeInDown 1s 1.2s ease both;
    -webkit-animation:fadeInDown 1s 1.2s ease both;
    -moz-animation:fadeInDown 1s 1.2s ease both;
}
.popup .popup_nav li.btn7{
    animation:fadeInDown 1s 1.4s ease both;
    -o-animation:fadeInDown 1s 1.4s ease both;
    -webkit-animation:fadeInDown 1s 1.4s ease both;
    -moz-animation:fadeInDown 1s 1.4s ease both;
}

.popup .popup_nav a{
    display: block;
    width: 126px;
    height: 113px;
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0120jjhs/titlebg.png") no-repeat top center;
    padding-top: 50px;
}

.popup .popup_nav span{
    display: block;
    width: 126px;
    height: 52px;
}

.popup_nav li.btn1 span{
     background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0120jjhs/title1.png") no-repeat top center;
 }

.popup_nav li.btn2 span{
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0120jjhs/title2.png") no-repeat top center;
}
.popup_nav li.btn3 span{
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0120jjhs/title3.png") no-repeat top center;
}
.popup_nav li.btn4 span{
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0120jjhs/title4.png") no-repeat top center;
}
.popup_nav li.btn5 span{
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0120jjhs/title5.png") no-repeat top center;
}
.popup_nav li.btn6 span{
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0120jjhs/title6.png") no-repeat top center;
}
.popup_nav li.btn7 span{
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0120jjhs/title7.png") no-repeat top center;
}

.popup .con_wrap{
    width: 974px;
    height: 612px;
    position: absolute;
    bottom: 150px;
    border-bottom: 8px solid #cc0000;
    border-left: 8px solid #cc0000;
    border-right: 8px solid #cc0000;
    border-bottom-left-radius:30px;
    border-bottom-right-radius:30px;
    left: 50%;
    margin-left: -487px;
}

.con_wrap .con_title{
    display: block;
    width: 91px;
    height: 536px;
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0120jjhs/t4.png") no-repeat top center;
    float: left;
    margin: 40px 0 0 40px;
}

.con_wrap .con{
    width: 790px;
    height: 530px;
    float: left;
    margin: 40px 0 0 25px;
    color: #660000;
    font-size: 16px;
    text-align: center;
    display: none;
}
.con_wrap .con img{
    width: 500px;
    height: auto;
    margin-bottom: 10px;
}

p.indentation{
    text-indent: 2em;
}
.con_wrap .con p{
    width: 730px;
    line-height: 35px;
    text-align: left;
    clear: left;
}
.con_wrap .con em{
    font-style: normal;
    width: 105px;
    height: 30px;
    border: 2px solid #660000;
    border-radius: 20px;
    line-height: 30px;
    text-align: center;
    display: block;
    float: left;
    margin-right: 10px;
}

.con_wrap .con p.ml_115{
    margin-left: 115px;
}

.con table{
    border-collapse: collapse;
    border: none;
    width: 100%;
    margin: 0px auto 40px auto;
}
.con table td,.con table th {
    border: solid #660000 1px;
    padding: 2px;
}
.con table th{
    font-weight: bold;
}

#overlay .close{
    display: block;
    width: 94px;
    height: 94px;
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0120jjhs/close.png") no-repeat top center;
    position: absolute;
    top: 15px;
    right: 15px;
    transition:transform .5s;
    -moz-transition:-moz-transform .5s;
    -webkit-transition: -webkit-transform .5s;
    -o-transition: -o-transform .5s;
}

#overlay .close:hover{
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.prev,.next{
    display: block;
    width: 66px;
    height: 132px;
    position: absolute;
    bottom: 435px;
    cursor: pointer;
}

.prev{
    left: 50%;
    margin-left: -632px;
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0120jjhs/prev.png") no-repeat top center;
}
.next{
    right: 50%;
    margin-right: -632px;
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0120jjhs/next.png") no-repeat top center;
}

/*animate*/
.fadeInLeft{
    animation:fadeInLeft 1s .2s ease both;
    -o-animation:fadeInLeft 1s .2s ease both;
    -webkit-animation:fadeInLeft 1s .2s ease both;
    -moz-animation:fadeInLeft 1s .2s ease both;}
@keyframes fadeInLeft{
    0%{opacity:0;
        transform:translateX(-20px)}
    100%{opacity:1;
        transform:translateX(0)}
}
@-o-keyframes fadeInLeft{
    0%{opacity:0;
        -o-transform:translateX(-20px)}
    100%{opacity:1;
        -o-transform:translateX(0)}
}
@-webkit-keyframes fadeInLeft{
    0%{opacity:0;
        -webkit-transform:translateX(-20px)}
    100%{opacity:1;
        -webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
    0%{opacity:0;
        -moz-transform:translateX(-20px)}
    100%{opacity:1;
        -moz-transform:translateX(0)}
}

.fadeInDown1{
}
@keyframes fadeInDown{
    0%{opacity:0;
        transform:translateY(-20px)}
    100%{opacity:1;
        transform:translateY(0)}
}
@-o-keyframes fadeInDown{
    0%{opacity:0;
        -o-transform:translateY(-20px)}
    100%{opacity:1;
        -o-transform:translateY(0)}
}
@-webkit-keyframes fadeInDown{
    0%{opacity:0;
        -webkit-transform:translateY(-20px)}
    100%{opacity:1;
        -webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDown{
    0%{opacity:0;
        -moz-transform:translateY(-20px)}
    100%{opacity:1;
        -moz-transform:translateY(0)}
}

.deng,.bao {
    transform-origin:50% 0%;
    -webkit-transform-origin:50% 0%;
    -moz-transform-origin:50% 0%;
    -o-transform-origin:50% 0%;
}

.deng1 {
    animation: deng1Ani 5s linear 0s infinite alternate;
    -webkit-animation: deng1Ani 5s linear 0s infinite alternate;
    -moz-animation: deng1Ani 5s linear 0s infinite alternate;
    -o-animation: deng1Ani 5s linear 0s infinite alternate;
}
@keyframes deng1Ani {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(3deg);
    }
}
@-webkit-keyframes deng1Ani {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(3deg);
    }
}
@-moz-keyframes deng1Ani {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(3deg);
    }
}
@-o-keyframes deng1Ani {
    0% {
        -o-transform: rotate(0deg);
    }
    100% {
        -o-transform: rotate(3deg);
    }
}

.deng2 {
    animation: deng2Ani 5s linear 0s infinite alternate;
    -webkit-animation: deng2Ani 5s linear 0s infinite alternate;
    -moz-animation: deng2Ani 5s linear 0s infinite alternate;
    -o-animation: deng2Ani 5s linear 0s infinite alternate;
}
@keyframes deng2Ani {
    0% {
        transform: rotate(8deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
@-webkit-keyframes deng2Ani {
    0% {
        -webkit-transform: rotate(8deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
    }
}
@-moz-keyframes deng2Ani {
    0% {
        -moz-transform: rotate(8deg);
    }
    100% {
        -moz-transform: rotate(0deg);
    }
}
@-o-keyframes deng2Ani {
    0% {
        -o-transform: rotate(8deg);
    }
    100% {
        -o-transform: rotate(0deg);
    }
}

.deng3 {
    animation: deng3Ani 5s linear 0s infinite alternate;
    -webkit-animation: deng3Ani 5s linear 0s infinite alternate;
    -moz-animation: deng3Ani 5s linear 0s infinite alternate;
    -o-animation: deng3Ani 5s linear 0s infinite alternate;
}
@keyframes deng3Ani {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(2deg);
    }
}
@-webkit-keyframes deng3Ani {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(2deg);
    }
}
@-moz-keyframes deng3Ani {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(2deg);
    }
}
@-o-keyframes deng3Ani {
    0% {
        -o-transform: rotate(0deg);
    }
    100% {
        -o-transform: rotate(2deg);
    }
}

.deng4 {
    animation: deng4Ani 5s linear 0s infinite alternate;
    -webkit-animation: deng4Ani 5s linear 0s infinite alternate;
    -moz-animation: deng4Ani 5s linear 0s infinite alternate;
    -o-animation: deng4Ani 5s linear 0s infinite alternate;
}
@keyframes deng4Ani {
    0% {
        transform: rotate(-4deg);
    }
    100% {
        transform: rotate(4deg);
    }
}
@-webkit-keyframes deng4Ani {
    0% {
        -webkit-transform: rotate(-4deg);
    }
    100% {
        -webkit-transform: rotate(4deg);
    }
}
@-moz-keyframes deng4Ani {
    0% {
        -moz-transform: rotate(-4deg);
    }
    100% {
        -moz-transform: rotate(4deg);
    }
}
@-o-keyframes deng4Ani {
    0% {
        -o-transform: rotate(-4deg);
    }
    100% {
        -o-transform: rotate(4deg);
    }
}

.bao5 {
    animation: bao5Ani 5s linear 0s infinite alternate;
    -webkit-animation: bao5Ani 5s linear 0s infinite alternate;
    -moz-animation: bao5Ani 5s linear 0s infinite alternate;
    -o-animation: bao5Ani 5s linear 0s infinite alternate;
}
@keyframes bao5Ani {
    0% {
        transform: rotate(-6deg);
    }
    100% {
        transform: rotate(2deg);
    }
}
@-webkit-keyframes bao5Ani {
    0% {
        -webkit-transform: rotate(-6deg);
    }
    100% {
        -webkit-transform: rotate(2deg);
    }
}
@-moz-keyframes bao5Ani {
    0% {
        -moz-transform: rotate(-6deg);
    }
    100% {
        -moz-transform: rotate(2deg);
    }
}
@-o-keyframes bao5Ani {
    0% {
        -o-transform: rotate(-6deg);
    }
    100% {
        -o-transform: rotate(2deg);
    }
}

.bao6 {
    animation: bao6Ani 5s linear 0s infinite alternate;
    -webkit-animation: bao6Ani 5s linear 0s infinite alternate;
    -moz-animation: bao6Ani 5s linear 0s infinite alternate;
    -o-animation: bao6Ani 5s linear 0s infinite alternate;
}
@keyframes bao6Ani {
    0% {
        transform: rotate(2deg);
    }
    100% {
        transform: rotate(-5deg);
    }
}
@-webkit-keyframes bao6Ani {
    0% {
        -webkit-transform: rotate(2deg);
    }
    100% {
        -webkit-transform: rotate(-5deg);
    }
}
@-moz-keyframes bao6Ani {
    0% {
        -moz-transform: rotate(2deg);
    }
    100% {
        -moz-transform: rotate(-5deg);
    }
}
@-o-keyframes bao6Ani {
    0% {
        -o-transform: rotate(2deg);
    }
    100% {
        -o-transform: rotate(-5deg);
    }
}

.bao7 {
    animation: bao7Ani 5s linear 0s infinite alternate;
    -webkit-animation: bao7Ani 5s linear 0s infinite alternate;
    -moz-animation: bao7Ani 5s linear 0s infinite alternate;
    -o-animation: bao7Ani 5s linear 0s infinite alternate;
}
@keyframes bao7Ani {
    0% {
        transform: rotate(-3deg);
    }
    100% {
        transform: rotate(3deg);
    }
}
@-webkit-keyframes bao7Ani {
    0% {
        -webkit-transform: rotate(-3deg);
    }
    100% {
        -webkit-transform: rotate(3deg);
    }
}
@-moz-keyframes bao7Ani {
    0% {
        -moz-transform: rotate(-3deg);
    }
    100% {
        -moz-transform: rotate(3deg);
    }
}
@-o-keyframes bao7Ani {
    0% {
        -o-transform: rotate(-3deg);
    }
    100% {
        -o-transform: rotate(3deg);
    }
}