.m-t-10{ margin-top:10px;}
.m-t-20{ margin-top:20px;}
.m-t-30{ margin-top:30px !important}
.span-1{ width:424px;}
.span-2{ width:291px;}
.span-3{ width:484px}
.banner{ background:url(../images/bdjr/banner_jr.jpg) no-repeat center; height:428px}
.bg_2{ background:url(../images/bdjr/bg_jr1.jpg) no-repeat center bottom;}

.bg_3{ background:url(../images/bdjr/bg_jr2.jpg) no-repeat center top #eef5ff;}
.bg_4{ background:url(../images/bdjr/bg_jr3.jpg) no-repeat center bottom #eef5ff; padding:0px 0px 70px 0px;}
.bg_5{ background:url(../images/bdjr/bg_jr4.jpg) no-repeat center; height:707px;}
.bg_6{ background:#5f88fc; height:560px;}


@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}
.waveWrapper {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}
.waveWrapperInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 100%;
    bottom: -1px;
    background:#5f88fc;
}
.bgTop {
    z-index: 15;
    opacity: 0.5;
}
.bgMiddle {
    z-index: 10;
    opacity: 0.75;
}
.bgBottom {
    z-index: 5;
}
.wave {
    position: absolute;
    left: 0;
    width: 200%;
    height: 100%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom;
}
.waveTop {
    background-size:100% 190px;
}
.waveAnimation .waveTop {
  animation: move-wave 3s;
   -webkit-animation: move-wave 3s;
   -webkit-animation-delay: 1s;
   animation-delay: 1s;
}
.waveMiddle {
    background-size: 50% 200px;
}
.waveAnimation .waveMiddle {
    animation: move_wave 5s linear infinite;
}
.waveBottom {
    background-size: 80% 183px;
}
.waveAnimation .waveBottom {
    animation: move_wave 15s linear infinite;
}

.tit_jr1{ background:url(../images/bdjr/tit_jr1.jpg) no-repeat center; height:40px; line-height:40px;}
.tit_jr2{ background:url(../images/bdjr/tit_jr2.jpg) no-repeat center; height:40px; line-height:40px;}
.tit_jr3{ background:url(../images/bdjr/tit_jr3.jpg) no-repeat center; height:40px; line-height:40px;}
.tit_jr4{ background:url(../images/bdjr/tit_jr4.jpg) no-repeat center; height:55px; line-height:55px;}
.tit_jr5{ background:url(../images/bdjr/tit_jr5.jpg) no-repeat center; height:55px; line-height:55px;}
.tit_jr1 a,.tit_jr2 a,.tit_jr3 a,.tit_jr4 a,.tit_jr5 a{ height:40px; display:block}

.itit_jr{ text-align:center; font-size:18px; font-family:"微软雅黑"; line-height:40px;}
.itit_jr.c1{ color:#ffffff}

.ul_jr1{ list-style:none; padding:0px 60px 110px 60px}
.ul_jr1 li{ width:220px; float:left; text-align:center; margin:40px 25px 0px 25px}
.ul_jr1 li img{ padding-bottom:10px; cursor:pointer; -webkit-transition: -webkit-transform 2s ease-out;
    -moz-transition: -moz-transform 2s ease-out;
    -o-transition: -o-transform 2s ease-out;
    -ms-transition: -ms-transform 2s ease-out;}
.ul_jr1 li img:hover{ -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);}	
.ul_jr1 li span{ font-size:16px; color:#333333; font-weight:700; line-height:40px;} 
.ul_jr1 li p{ font-size:14px; color:#999999; line-height:30px;}





.ul_jr2{ list-style:none; padding:0px 30px 110px 60px;font-family:"微软雅黑";}
.ul_jr2 li{ clear:both; overflow:hidden; margin-bottom:75px;}
.ul_jr2 li:first-child{ margin-top:80px;}
.ul_jr2 li .div1{ width:235px; float:left; color:#ffffff; text-align:right}
.ul_jr2 li .div1 span{ font-size:24px; font-weight:700}
.ul_jr2 li .div1 p{ font-size:16px; line-height:40px;}
.ul_jr2 li .div2{ width:74px; height:74px; line-height:74px; float:right; font-weight:700; background:url(../images/bdjr/bg_coin1.png) no-repeat center; color:#ffffff; font-size:36px; text-align:center}

.ul_jr3{ list-style:none; padding:0px 60px 110px 30px;font-family:"微软雅黑";}
.ul_jr3 li{ clear:both; overflow:hidden; margin-bottom:75px;}
.ul_jr3 li:first-child{ margin-top:80px;}
.ul_jr3 li .div1{ width:295px; float:right; color:#ffffff; text-align:left;}
.ul_jr3 li .div1 span{ font-size:24px; font-weight:700}
.ul_jr3 li .div1 p{ font-size:16px; line-height:40px;}
.ul_jr3 li .div2{ width:74px; height:74px; line-height:74px; float:left; font-weight:700; background:url(../images/bdjr/bg_coin1.png) no-repeat center; color:#ffffff; font-size:36px; text-align:center}

.ul_jr4{ list-style:none; font-family:"微软雅黑"; margin-top:60px;}
.ul_jr4 li{ width:282px; background:#ffffff; height:391px; border-radius:8px; float:left; margin-right:20px; position:relative}
.ul_jr4 li .t_1{ background:#f3f6fd; height:84px; border-top-left-radius:8px;border-top-right-radius:8px; font-size:20px; color:#004eb7; font-weight:700; text-align:center; padding-top:30px;}
.ul_jr4 li .t_1 span{ font-size:14px; font-weight:normal}
.ul_jr4 li .t_2{ padding:20px 10px 10px 10px;}
.ul_jr4 li .t_2 a{ border:1px solid #dde6fb; text-align:center; border-radius:30px; width:115px; height:38px; display:block; line-height:38px; float:left; margin-bottom:15px;  margin-left:6px; margin-right:6px; color:#999999; font-size:16px; cursor:default}
.ul_jr4 li .t_2 a:hover{ color:#999999;cursor:default}
.ul_jr4 li:last-child{ margin-right:0px;}

.ul_jr5{ list-style:none; font-family:"微软雅黑"; margin-top:60px;}
.ul_jr5 li{ width:319px;  height:236px; float:left; margin-right:40px; margin-left:40px; position:relative; text-align:center; margin-bottom:50px;}
.ul_jr5 li img{ padding-top:30px;}
.ul_jr5 li.b_1{ background:url(../images/bdjr/bg_jr5.jpg) no-repeat center}
.ul_jr5 li.b_1 span{ font-size:24px; color:#ffffff; line-height:40px;}
.ul_jr5 li.b_1 p{ font-size:16px; color:#ffffff; line-height:30px;}
.ul_jr5 li.b_2{ background:url(../images/bdjr/bg_jr6.jpg) no-repeat center}
.ul_jr5 li.b_2 span{ font-size:24px; color:#337df6; line-height:40px;}
.ul_jr5 li.b_2 p{ font-size:16px; color:#337df6; line-height:30px;}


.more_jr1{ background:url(../images/bdjr/more_jr1.jpg) no-repeat center; width:86px; height:27px; position:absolute; display:block; text-indent:-10000px; left:100px; bottom:30px}


.block-jr1{ font-family:"微软雅黑"; text-align:left; padding:50px 0px 80px 60px}
.block-jr1 img{ float:right; padding-left:60px;}
.block-jr1 p{ font-size:14px; color:#999999; line-height:30px; padding-top:30px;}
.block-jr1 p span{ font-size:24px; color:#333333; line-height:50px; font-weight:600}
.block-jr1 p span em{ font-size:16px; color:#333333; font-style:normal; font-weight:normal}
.block-jr1 p .more_jr{ background:url(../images/bdjr/more_jr.jpg) no-repeat center; height:58px; line-height:58px; text-indent:-10000px; width:192px; display:block; margin-top:30px;}

.block-jr2{  text-align:center;font-family:"微软雅黑"; position:absolute; width:1003px; top:80px; left:100px; height:287px; z-index:1000; background:url(../images/bdjr/bg_jrcon.png) no-repeat center center;}
.block-jr2 .div1{ font-size:38px; color:#337df6; font-weight:700; padding-top:40px;}
.block-jr2 .div2{ font-size:24px; color:#333333; padding:70px 290px 0px 30px}
.block-jr2 .div2 span{ font-size:18px;}