.cfix:after{display: block; clear: both; visibility: hidden; font-size: 0; line-height: 0; content: ""; height: 0}
.cfix{*zoom: 1}
.banner{position: relative; width: 100%; height: 800px; overflow: hidden; }
.banner .banner-cover{position: absolute; z-index: 2; top: 0;right: 0;bottom: 0; left: 0; background: url("../images/banner-cover.png") center top no-repeat;}
.banner-canvas{position: absolute; z-index: 1; top: 0;left: 0; width: 1920px; background: url("../images/banner.jpg") center top no-repeat;}
#banner-canvas{display: block;width: 100%;height: 100%;}
.banner-btn{width: 420px; height: 80px; padding: 500px 0 0 0;margin: 0 auto;}
.banner-btn a{display: block;height: 80px;overflow: hidden;text-align:center;line-height:75px;font-size: 40px;color: #b3a966;background: #ffed77;-webkit-border-radius: 40px;-ms-border-radius: 40px;border-radius: 40px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1);box-shadow: 0 5px 10px rgba(0,0,0,.1);}
.banner-btn a:hover{color: #b3a966;-webkit-animation: bubbles 1s forwards ease-out;animation: bubbles 1s forwards ease-out;
    background: radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 90% 90% / 0.88em 0.88em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 23% 141% / 0.81em 0.81em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 17% 90% / 0.68em 0.68em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 15% 94% / 1.12em 1.12em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 42% 126% / 0.86em 0.86em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 102% 120% / 0.58em 0.58em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 12% 121% / 0.67em 0.67em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 69% 87% / 1.18em 1.18em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 32% 99% / 0.79em 0.79em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 84% 129% / 0.79em 0.79em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 40% 99% / 0.72em 0.72em;
    background-color: #dec500;
    background-repeat: no-repeat;
}
@-webkit-keyframes bubbles {
    100% {
        background-position: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%;
        box-shadow: inset 0 -6.5em 0 #ffed77;
    }
}
@keyframes bubbles {
    100% {
        background-position: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%;
        box-shadow: inset 0 -6.5em 0 #ffed77;
    }
}

.cnt{width: 1200px;margin-left: auto;margin-right: auto;}
.zhd{height: 75px;margin-bottom:30px;font-size: 0;text-align: center;line-height: 0;}
.zintro{margin-bottom: 30px;font-size: 20px;line-height: 36px;color: #c8ebec;text-indent: 2em;}

.mbtn{text-align: center;font-size: 0;text-align: center;}
.mbtn a{display: inline-block; height: 80px; padding: 0 40px;font-size: 34px; color: #b3a966; line-height: 80px;-webkit-border-radius: 40px; border-radius: 40px; -webkit-transition: all ease .3s;transition: all ease .3s; background: #ffed77; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1);box-shadow: 0 5px 10px rgba(0,0,0,.1);}
.mbtn a:hover{color: #b3a966;-webkit-transform: translateY(-5px);transform: translateY(-5px);}
.m{padding-top: 80px;padding-bottom: 80px;}

.m1{padding: 80px 0 0 0; height: 917px; background: url("../images/m1-bg.jpg") center top no-repeat;}
.m1 .zhd{height: 75px;margin-bottom: 65px;background: url("../images/m1-hd.png") center top no-repeat;}
.m1 .jqr{float: left;width: 423px;height: 602px;}
.m1 ul{float: right;width: 785px;margin: 0 0 0 -9px;}
.m1 li{float: left;color: #fff;}
.m1 li .title{height:110px;padding: 39px 0 0 0;margin: 0 25px;font-size: 36px;line-height: 110px;font-weight: normal;border-bottom: 1px dashed #acaff5;text-align: center;}
.m1 li p{padding: 20px 0 0 0;text-align: center;font-size: 24px;line-height: 36px;}
.m1 .no1,
.m1 .no2{width: 314px; height: 314px;margin: 0 20px 0 68px;background: url("../images/m1-1.png");}
.m1 .no1 .title{font-size: 66px;font-weight: bold;line-height: 110px;}
.m1 .no1 p{font-size: 30px;color: #fff; }
.m1 .no2{margin: 0;background: url("../images/m1-2.png");}
.m1 .no2 .title{padding-top: 65px;height: 80px;line-height: 80px; border-color: #b2c8f8;}
.m1 .no3,
.m1 .no4{float: left; width: 383px; height: 383px;margin: 20px 0 0 0;background: url("../images/m1-3.png");}
.m1 .no2 .title{border-color: #b2c8f8;}
.m1 .no4{ float: right; background: url("../images/m1-4.png");margin-right: 0;}
.m1 .no4 .title{line-height: 40px;}
.m1 .no3 p,
.m1 .btn{width: 200px; margin: 20px auto 0;}
.m1 .btn a{display: block;height: 50px;overflow: hidden; text-align:center;line-height:50px;font-size: 30px;color: #b3a966;background: #ffed77;-webkit-border-radius: 25px;-ms-border-radius: 25px;border-radius: 25px;-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1);box-shadow: 0 5px 10px rgba(0,0,0,.1);}
.m1 .btn a:hover{color: #b3a966;-webkit-animation: bubbles 1s forwards ease-out;animation: bubbles 1s forwards ease-out;
    background: radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 90% 90% / 0.88em 0.88em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 23% 141% / 0.81em 0.81em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 17% 90% / 0.68em 0.68em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 15% 94% / 1.12em 1.12em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 42% 126% / 0.86em 0.86em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 102% 120% / 0.58em 0.58em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 12% 121% / 0.67em 0.67em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 69% 87% / 1.18em 1.18em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 32% 99% / 0.79em 0.79em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 84% 129% / 0.79em 0.79em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 40% 99% / 0.72em 0.72em;
    background-color: #dec500;
    background-repeat: no-repeat;
}

.m2{height: 1184px; background:#0b4050 url("../images/m2-bg.jpg") center bottom no-repeat;}
.m2 .zhd{height: 132px;margin-bottom: 54px; background: url("../images/m2-hd.png") center top no-repeat;}
.m2 ul{margin: -40px 0 40px -40px;}
.m2 li{float: left; width: 560px;overflow: hidden;position: relative; padding: 10px;margin:40px 0 0 40px;text-align: center;color: #fff; background: #614eed; background:rgba(52,65,209,.25);}
.m2 li .info{background: #636eef;}
.m2 li img{display: block;width: 560px;height: 270px;}
.m2 li .title{height: 70px;line-height: 70px;font-size: 32px;font-weight: bold; border-bottom: 1px dashed #b1b7f7;}
.m2 li p{font-size: 24px;line-height: 59px;}


.m2 li span{
    position: absolute;
    display: block;
}
.m2 li span:nth-child(1){
    height: 10px;
    width:560px;
    top:0;
    left:-560px;
    background: linear-gradient(to right, rgba(0,0,0,0), #6a5cff);
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
    animation: span1 2s linear infinite;
    animation-delay: 1s;
}

@keyframes span1{
    0%{
        left:-200px
    }
    100%{
        left:200px;
    }
}
.m2 li span:nth-child(2){
    height: 420px;
    width: 10px;
    top:-420px;
    right:0;
    background: linear-gradient(to bottom, rgba(0,0,0,0), #6a5cff);
    border-bottom-left-radius: 1px;
    border-bottom-right-radius: 1px;
    animation: span2 2s linear infinite;
    animation-delay: 2s;
}
@keyframes span2{
    0%{
        top:-420px;
    }
    100%{
        top:420px;
    }
}
.m2 li span:nth-child(3){
    height:10px;
    width:560px;
    right:-560px;
    bottom: 0;
    background: linear-gradient(to left, rgba(0,0,0,0), #6a5cff);
    border-top-left-radius: 1px;
    border-bottom-left-radius: 1px;
    animation: span3 2s linear infinite;
    animation-delay: 3s;
}
@keyframes span3{
    0%{
        right:-560px;
    }
    100%{
        right: 560px;
    }
}

.m2 li span:nth-child(4){
    height:420px;
    width:10px;
    bottom:-420px;
    left:0;
    background: linear-gradient(to top, rgba(0,0,0,0), #6a5cff);
    border-top-right-radius: 1px;
    border-top-left-radius: 1px;
    animation: span4 2s linear infinite;
    animation-delay: 4s;
}
@keyframes span4{
    0%{
        bottom: -420px;
    }
    100%{
        bottom:420px;
    }
}

.m3{height: 728px; background: url("../images/m3-bg.jpg") center top no-repeat;}
.m3 .zhd{margin-bottom: 44px;background:url("../images/m3-hd.png") center top no-repeat;}
.m3 .table{margin-bottom: 40px;}
.m3 .table table{width: 100%;}
.m3 .table th{padding: 15px 0;border: 1px solid #a0b3ff;background: #6160ee;}
.m3 .table td{padding: 14px 0;font-size: 30px;text-align: center; color: #fff; border: 1px solid #a0b3ff; background: #5e81ed;}
.m3 .table td.td2{font-size: 22px;background: #6d84ee;}


.m4{height: 711px;background: url("../images/m4-bg.jpg") center top no-repeat;}
.m4 .zhd{height: 135px;background: url("../images/m4-hd.png") center top no-repeat;}
.m4 .cnt{}

.m4-left{float: left; width: 550px; height: 300px;}
.m4-left .pic{padding: 10px 0 0 0;}
.m4-left .pic a{outline: none;}
.m4-left .pic a.hidden{display: none;}
.m4-left .pic img{display: block;outline:none;}
.m4-left .btn a{display: block;width: 320px;height: 70px;margin: 0 auto;text-align: center;line-height: 70px; font-size: 34px;color: #b3a966; background: #ffed77; -webkit-border-radius: 35px; border-radius: 35px;}

.m4 .m4-right{float: right; width: 650px;overflow: hidden;font-size: 0;line-height: 0;text-align: center;}
.m4 ul{margin: 0 0 0 -40px;}
.m4 li{display: inline-block;width: 190px;margin: 0 0 25px 40px;font-size: 0;line-height: 0; *display: inline; *zoom: 1;}
.m4 li img{display: block; width: 190px; height: 190px;}
.m4 li .info{padding: 0 15px;border: 1px dotted #3a8f8f;}
.m4 li p{padding: 15px 0 0 0; font-size: 24px;line-height: 30px;color: #fff;text-align: center; }