body {
    font-family: "微软雅黑";
}

.bottom_follow ::-webkit-input-placeholder { /* WebKit browsers */
    font-size: 16px;
}

.bottom_follow ::-moz-placeholder { /* WebKit browsers */
    font-size: 16px;
}

img {
    display: block;
    border: none;
}

a {
    text-decoration: none;
}

li {
    list-style: none;
}

input {
    border: none;
    background: none;
    outline: none;
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
}

.clearFix {
    zoom: 1;
}

.clearFix:after {
    content: '';
    display: block;
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.wraper {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.banner {
    width: 100%;
    height: 718px;
    position: relative;
    overflow: hidden;
    background: url("../images/banner_bg.jpg") no-repeat center; /*position: fixed;*/
}

.banner_con {
    width: 900px;
    margin: 115px auto 45px;
    padding-left: 50px;
    position: relative;
}

.banner_con .icon_01 {
    position: absolute;
    left: -405px;
    top: 227px;
}

.banner_con .top_apply {
    width: 225px;
    height: 210px;
    background: url(../images/banner_02.png) no-repeat;
    position: absolute;
    right: -60px;
    top: -90px;
}

.banner_con .top_apply .free {
    transform: rotate(24deg);
    width: 225px;
    height: 210px;
    cursor: pointer;
}

.banner_con .top_apply .free .p1 {
    font-size: 34px;
    color: #e50012;
    font-weight: bold;
    padding: 42px 0 0 54px;
    animation: flash 0.8s infinite;
    text-shadow: 5px 5px 5px #666;
}

.banner_con .top_apply .free .p2 {
    font-size: 30px;
    color: #e50012;
    font-weight: bold;
    padding: 0px 0 0 48px;
    animation: flash 0.8s infinite;
}

@-moz-keyframes flash {
    0% { /*opacity: 1;*/
        text-shadow: 0px 0px 5px #666;
    }
    50% { /*opacity: 0.5;*/
        text-shadow: 0px 0px 10px #666;
    }
    100% { /*opacity: 1;*/
        text-shadow: 0px 0px 5px #666;
    }
}

@-webkit-keyframes flash {
    0% { /*opacity: 1;*/
        text-shadow: 0px 0px 5px #666;
    }
    50% { /*opacity: 0.5;*/
        text-shadow: 0px 0px 10px #666;
    }
    100% { /*opacity: 1;*/
        text-shadow: 0px 0px 5px #666;
    }
}

@keyframes flash {
    0% {
        opacity: 1;
        text-shadow: 0px 0px 5px #ccc;
    }
    50% {
        opacity: 0.2;
        text-shadow: 0px 0px 10px #ccc;
    }
    100% {
        opacity: 1;
        text-shadow: 0px 0px 5px #ccc;
    }
}

.banner .banner_con .top {
    margin-bottom: 40px;
}

.banner .center {
    position: relative;
    width: 800px;
    height: 300px;
    color: #fa1424;
    zoom: 1;
    padding-left: 50px;
    padding-top: 50px;
    box-sizing: border-box
}

.banner .overlay-start {
    position: absolute;
    bottom: -2px;
    right: 713px;
    width: 0px;
    height: 5px;
    background-color: #fa1424;
}

.banner .overlay-bottom {
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 0px;
    height: 5px;
    background-color: #fa1424;
}

.banner .overlay-left {
    position: absolute;
    left: -2px;
    bottom: -2px;
    width: 5px;
    height: 0px;
    background-color: #fa1424;
}

.banner .overlay-top {
    position: absolute;
    left: -2px;
    top: -2px;
    width: 0px;
    height: 5px;
    background-color: #fa1424;
}

.banner .overlay-right {
    position: absolute;
    right: -2px;
    top: -2px;
    width: 5px;
    height: 0px;
    background-color: #fa1424;
}

.banner .overlay-start-active {
    animation: borderslideStart .5s linear 0s 1;
    animation-fill-mode: forwards;
}

.banner .overlay-left-active {
    animation: bordersildeLeft .5s linear .5s 1;
    animation-fill-mode: forwards;
}

.banner .overlay-top-active {
    animation: bordersildeTop .5s linear 1s 1;
    animation-fill-mode: forwards;
}

.banner .overlay-right-active {
    animation: bordersildeRight .5s linear 1.5s 1;
    animation-fill-mode: forwards;
}

.banner .overlay-bottom-active {
    animation: borderslideBottom .5s linear 2s 1;
    animation-fill-mode: forwards
}

@-moz-keyframes borderslideStart {
    from {
        width: 0px
    }
    to {
        width: 89px
    }
}

@-webkit-keyframes borderslideStart {
    from {
        width: 0px
    }
    to {
        width: 89px
    }
}

@keyframes borderslideStart {
    from {
        width: 0px
    }
    to {
        width: 89px
    }
}

@-moz-keyframes borderslideBottom {
    from {
        width: 0px
    }
    to {
        width: 89px
    }
}

@-webkit-keyframes borderslideBottom {
    from {
        width: 0px
    }
    to {
        width: 89px
    }
}

@keyframes borderslideBottom {
    from {
        width: 0px
    }
    to {
        width: 89px
    }
}

@-moz-keyframes bordersildeLeft {
    from {
        height: 0px
    }
    to {
        height: 300px
    }
}

@-webkit-keyframes bordersildeLeft {
    from {
        height: 0px
    }
    to {
        height: 300px
    }
}

@keyframes bordersildeLeft {
    from {
        height: 0px
    }
    to {
        height: 300px
    }
}

@-moz-keyframes bordersildeTop {
    from {
        width: 0px
    }
    to {
        width: 800px
    }
}

@-webkit-keyframes bordersildeTop {
    from {
        width: 0px
    }
    to {
        width: 800px
    }
}

@keyframes bordersildeTop {
    from {
        width: 0px
    }
    to {
        width: 800px
    }
}

@-moz-keyframes bordersildeRight {
    from {
        height: 0px
    }
    to {
        height: 300px
    }
}

@-webkit-keyframes bordersildeRight {
    from {
        height: 0px
    }
    to {
        height: 300px
    }
}

@keyframes bordersildeRight {
    from {
        height: 0px
    }
    to {
        height: 300px
    }
}

.banner .pressure {
    width: 585px;
    height: 74px;
    position: absolute;
    bottom: -2px;
    left: 93px;
    background: #ea0000;
    padding-left: 28px;
    overflow: hidden; /*animation: turnright 3s linear infinite;*/
}

.banner .pressure p {
    font-family: 'Montserrat', sans-serif;
    -webkit-text-stroke: 2px;
    width: 235px;
    float: left;
    line-height: 74px;
    font-size: 52px;
    color: #fff;
    font-weight: bold;
}

.banner .pressure span {
    line-height: 83px;
    font-size: 40px;
    font-weight: 200;
}

.pressure .shirt-text {
    font-family: 'Montserrat', sans-serif;
    color: white;
    font-size: 50px;
    text-indent: 10px;
    display: inline-block;
    -webkit-text-stroke: 2px;
    -webkit-transform: translate(0px, 100px);
    transform: translate(0px, 100px);
    animation-fill-mode: forwards !important;
    -webkit-animation-fill-mode: forwards !important;
}

.shirt-text:nth-of-type(1) {
    font-size: 52px;
    animation: text-anim 0.7s 1s 1 ease;
    -webkit-animation: text-anim 0.7s 1s 1 ease;
}

.shirt-text:nth-of-type(2) {
    animation: text-anim 0.7s 1.1s 1 ease;
    -webkit-animation: text-anim 0.7s 1.1s 1 ease;
}

.shirt-text:nth-of-type(3) {
    animation: text-anim 0.7s 1.2s 1 ease;
    -webkit-animation: text-anim 0.7s 1.2s 1 ease;
}

.shirt-text:nth-of-type(4) {
    animation: text-anim 0.7s 1.3s 1 ease;
    -webkit-animation: text-anim 0.7s 1.3s 1 ease;
}

.shirt-text:nth-of-type(5) {
    animation: text-anim 0.7s 1.4s 1 ease;
    -webkit-animation: text-anim 0.7s 1.4s 1 ease;
}

.shirt-text:nth-of-type(6) {
    animation: text-anim 0.7s 1.5s 1 ease;
    -webkit-animation: text-anim 0.7s 1.5s 1 ease;
}

@keyframes text-anim {
    0% {
        -webkit-transform: translate(0px, 100px);
        transform: translate(0px, 100px);
    }
    60% {
        -webkit-transform: translate(0px, -20px);
        transform: translate(0px, -20px);
    }
    80% {
        -webkit-transform: translate(0px, 15px);
        transform: translate(0px, 15px);
    }
    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

@-webkit-keyframes text-anim /* Safari and Chrome */
{
    0% {
        -webkit-transform: translate(0px, 100px);
        transform: translate(0px, 100px);
    }
    60% {
        -webkit-transform: translate(0px, -20px);
        transform: translate(0px, -20px);
    }
    80% {
        -webkit-transform: translate(0px, 15px);
        transform: translate(0px, 15px);
    }
    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

.banner .bottom {
    padding-top: 45px;
    margin-left: -50px;
}

.banner .bottom .five_zero li {
    width: 133px;
    height: 133px;
    float: left;
    position: relative;
    margin-right: 60px;
}

.banner .bottom .five_zero li > div {
    width: 133px;
    height: 133px;
    background: url(../images/banner_04.png) no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.banner .bottom .five_zero li:nth-child(1) > div {
    transform: rotate(0);
}

.banner .bottom .five_zero li:nth-child(2) > div {
    transform: rotate(-20deg);
}

.banner .bottom .five_zero li:nth-child(3) > div {
    transform: rotate(20deg);
}

.banner .bottom .five_zero li:nth-child(4) > div {
    transform: rotate(0);
}

.banner .bottom .five_zero li:nth-child(5) > div {
    transform: rotate(5deg);
}

.banner .bottom .five_zero li:nth-child(5) {
    margin-right: 0;
}

.banner .bottom .five_zero li:hover div {
    animation: five_rotate .5s ease;
    cursor: pointer;
}

.banner .bottom .five_zero li p {
    position: absolute;
    top: 50px;
    left: 16px;
    z-index: 11;
}

.banner .bottom .five_zero li:nth-child(3) p {
    top: 45px;
}

@-moz-keyframes five_rotate {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(60deg);
    }
}

@-webkit-keyframes five_rotate {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(60deg);
    }
}

@keyframes five_rotate {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(60deg);
    }
}

.imgbox_01 {
    background: url(../images/banner_bottom.jpg) no-repeat center center;
    width: 100%;
    height: 199px;
    position: relative;
}

.imgbox_02 {
    background: url(../images/main_02.jpg) no-repeat center center;
    width: 100%;
    height: 206px;
}

.imgbox_03 {
    background: url(../images/main_03.jpg) no-repeat center center;
    width: 100%;
    height: 243px;
}

.imgbox_04 {
    background: url(../images/main_04.jpg) no-repeat center center;
    width: 100%;
    height: 197px;
}

.imgbox_05 {
    background: url(../images/main_05.jpg) no-repeat center center;
    width: 100%;
    height: 343px;
}

.imgbox_05 .w830 {
    width: 830px;
    height: 343px;
    margin: 0 auto;
    position: relative;
}

.imgbox_06 {
    background: url(../images/img_02.jpg) no-repeat center center;
    width: 100%;
    height: 352px;
}

.imgbox_07 {
    background: url(../images/img_03.jpg) no-repeat center center;
    width: 100%;
    height: 336px;
}

.imgbox_08 {
    background: url(../images/img_04.jpg) no-repeat center center;
    width: 100%;
    height: 380px;
}

.imgbox_09 {
    background: url(../images/img_05.jpg) no-repeat center center;
    width: 100%;
    height: 193px;
}

.tc_box {
    position: absolute;
    bottom: 80px;
    right: -136px;
    cursor: pointer;
}

.icon_02 {
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -26px;
}

.baoming .apply_box, .baoming .count_box {
    width: 50%;
    margin-top: 80px;
}

.apply_box span {
    color: #666666;
    font-size: 24px;
}

.bm_box input {
    width: 569px;
    height: 72px;
    margin-bottom: 20px;
    padding-left: 120px;
    font-size: 24px;
}

.bm_box .wraper {
    overflow: visible;
    position: relative;
}

.bm_box .wraper .icon_03 {
    position: absolute;
    top: 15px;
    left: -200px;
}

.bm_box .wraper .icon_04 {
    position: absolute;
    top: 110px;
    right: -350px;
}

.apply_box .user {
    background: url(../images/bm_input_01.jpg) no-repeat;
}

.apply_box .tel {
    background: url(../images/bm_input_02.jpg) no-repeat;
}

.count_box .money {
    background: url(../images/bm_input_03.jpg) no-repeat;
}

.count_box #month_sct {
    appearance: none;
    -moz-appearance: none; /*for firefox*/
    -webkit-appearance: none; /*for chrome*/
    background: url(../images/bm_input_04.jpg) no-repeat;
    width: 569px;
    height: 72px;
    outline: none;
    border: none;
    padding-left: 120px;
    font-size: 24px;
    color: #757575;
}

::-webkit-input-placeholder { /* WebKit browsers */
    font-size: 24px;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-size: 24px;
}

.tk_f ::-webkit-input-placeholder { /* WebKit browsers */
    font-size: 16px;
}

.tk_f :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-size: 16px;
}

.bm_btn_box {
    width: 1200px;
    height: 76px;
    background: url(../images/bm_btn.jpg) no-repeat;
    background-size: 97%;
}

.submit_btn_01, .submit_btn_02 {
    width: 600px;
    height: 76px;
    cursor: pointer;
}

.imgbox_09 {
    overflow: hidden;
}

.imgbox_09 .apply_box1, .imgbox_11 .apply_box1 {
    width: 1394px;
    height: 72px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 8px;
    margin: 35px auto;
    padding: 30px;
}

.imgbox_09 .apply_box1 .user, .imgbox_09 .apply_box1 .tel, .imgbox_11 .apply_box1 .user, .imgbox_11 .apply_box1 .tel {
    width: 472px;
    height: 72px;
    padding-left: 120px;
    font-size: 24px;
}

.imgbox_09 .apply_box1 .user, .imgbox_11 .apply_box1 .user {
    background: url(../images/bm_input_01.png) no-repeat;
    background-size: 100%;
    margin-right: 25px;
}

.imgbox_09 .apply_box1 .tel, .imgbox_11 .apply_box1 .tel {
    background: url(../images/bm_input_02.png) no-repeat;
    background-size: 100%;
}

.imgbox_09 .apply_box1 .submit_btn {
    width: 390px;
    height: 72px;
    background: url(../images/bm_btn_01.png) no-repeat center center;
    background-size: 100%;
    cursor: pointer;
    animation: breathe 1.5s ease infinite;
}

.imgbox_11 .apply_box1 .submit_btn {
    width: 390px;
    height: 72px;
    background: url(../images/bm_btn_02.png) no-repeat center center;
    background-size: 100%;
    cursor: pointer;
    animation: breathe 1.5s ease infinite;
}

@keyframes breathe {
    0% {
        background-size: 100%;
    }
    50% {
        background-size: 90%;
    }
    100% {
        background-size: 100%;
    }
}

@-webkit-keyframes breathe /* Safari 与 Chrome */
{
    0% {
        background-size: 100%;
    }
    50% {
        background-size: 90%;
    }
    100% {
        background-size: 100%;
    }
}

.imgbox_10 {
    padding: 30px 0;
}

.imgbox_10 .title {
    width: 352px;
    margin: 0 auto;
}

.imgbox_10 .w1100 {
    width: 1100px;
    height: 520px;
    margin: 50px auto;
    background: url(../images/line.png) no-repeat center center;
    background-size: 85%;
    position: relative;
    border-bottom: 1px solid #c0c0c0;
}

.imgbox_10 .w1100 .sofa {
    position: absolute;
    bottom: 0;
    left: -338px;
}

.imgbox_10 .w1100 .house {
    position: absolute;
    bottom: 0;
    right: -401px;
}

.imgbox_10 .w1100 .step_box {
    height: 300px;
}

.imgbox_10 .w1100 .step_box .initial {
    width: 11px;
    height: 11px;
    background: #f60013;
    background-clip: padding-box;
    border: 6px solid rgba(246, 0, 19, 0.5);
    border-radius: 12px;
    position: absolute;
    animation: flashing 0.8s linear infinite;
}

.imgbox_10 .w1100 .step_box .tip1 {
    top: 188px;
    left: 268px;
}

.imgbox_10 .w1100 .step_box .tip1 > div {
    display: none;
    position: absolute;
    left: -79px;
    top: -139px;
}

.imgbox_10 .w1100 .step_box .tip2 {
    top: 116px;
    left: 539px;
}

.imgbox_10 .w1100 .step_box .tip2 > div {
    display: none;
    position: absolute;
    left: -59px;
    top: -133px;
}

.imgbox_10 .w1100 .step_box .tip3 {
    top: 188px;
    right: 268px;
}

.imgbox_10 .w1100 .step_box .tip3 > div {
    display: none;
    position: absolute;
    left: -34px;
    top: -137px;
}

@keyframes flashing {
    0% {
        border: 6px solid rgba(246, 0, 19, 0.5);
    }
    50% {
        border: 6px solid rgba(246, 0, 19, 0.2);
    }
    100% {
        border: 6px solid rgba(246, 0, 19, 0.5);
    }
}

.imgbox_10 .w1100 .bm_box {
    width: 330px;
    height: 100px;
    margin: 0 auto;
    cursor: pointer;
}

.imgbox_10 .w1100 .bm_box .btn {
    width: 330px;
    height: 60px;
    background: url(../images/bm_btn_02.png) no-repeat center center;
    animation: breathe 1.5s ease infinite;
}

.imgbox_10 .w1100 .bm_box p {
    text-align: center;
    font-weight: bold;
    padding-top: 15px;
    font-size: 18px;
    color: #636262;
}

.lun_box .title {
    width: 395px;
    margin: 0 auto;
}

/*轮播*/
.lun {
    width: 100%;
    height: 600px;
    margin-top: 30px;
}

.swiper-container {
    width: 100%;
    height: 560px;
}

.swiper-slide {
    width: 100%;
    height: 555px;
    background-position: center;
    background-size: 100%;
}

.swiper-pagination-bullet-active {
    width: 36px !important;
    height: 8px !important;
    border-radius: 0 !important;
    background: url(../images/pagnation_active.png) no-repeat !important;
}

.swiper-pagination-bullets {
    padding-top: 20px !important;
    margin-left: 48% !important;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    display: block !important;
    float: left !important;
    margin: 0 5px !important;
}

.imgbox_11 {
    height: 900px;
}

.imgbox_11 .title {
    width: 303px;
    margin: 50px auto;
}

.imgbox_11 .six_box {
    width: 1163px;
    margin: 0 auto;
    position: relative;
}

.imgbox_11 .chair {
    position: absolute;
    bottom: -40px;
    right: -340px;
}

.bottom_box {
    width: 100%;
    height: 642px;
    background: url(../images/bottom_bg.jpg) no-repeat center;
}

.bottom_box .left {
    padding-top: 123px;
}

.bottom_box .right_bm {
    width: 626px;
    height: 492px;
    margin-top: 80px;
    background: url(../images/bm_bottom_bg.jpg) no-repeat;
    position: relative;
}

.bottom_box .right_bm .apply_box2 .user, .bottom_box .right_bm .apply_box2 .tel {
    width: 570px;
    height: 72px;
    position: absolute;
    padding-left: 120px;
    font-size: 24px;
    background: none;
}

.bottom_box .right_bm .apply_box2 .user {
    top: 156px;
    left: 32px;
}

.bottom_box .right_bm .apply_box2 .tel {
    top: 246px;
    left: 32px;
}

.bottom_box .right_bm .apply_box2 .submit_btn {
    width: 565px;
    height: 75px;
    background: url(../images/bm_btn_03.png) no-repeat center;
    position: absolute;
    bottom: 60px;
    left: 32px;
    animation: breathe 1.5s ease infinite;
    cursor: pointer;
}

/*分期弹窗*/
.fen_tc {
    width: 400px;
    height: 360px;
    background: url(../images/fenqi_tc.jpg) no-repeat;
    position: fixed;
    left: 50%;
    margin-left: -200px;
    top: 200px;
    z-index: 20000;
    display: none;
}

.fen_tc p {
    position: absolute;
    left: 63px;
    top: 166px;
    width: 270px;
    text-align: center;
    overflow: hidden;
}

.fen_tc p a {
    font-size: 30px;
    color: #e70012;
    font-weight: bold;
}

.fen_tc p span {
    font-size: 20px;
    color: #666;
    padding-left: 15px;
}

.fen_tc .close {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

/*点击报名弹窗*/
.bm_tc_bg {
    width: 700px;
    height: 410px;
    background: url(../images/bm_tc.jpg) no-repeat;
    position: fixed;
    left: 50%;
    margin-left: -350px;
    top: 200px;
    z-index: 20000;
    display: none;
}

.bm_tc_bg .apply_box .user, .bm_tc_bg .apply_box .tel, .bm_tc_bg .apply_box .submit_btn {
    position: absolute;
    width: 570px;
    height: 72px;
    background: none;
    padding-left: 120px;
    font-size: 24px;
}

.bm_tc_bg .apply_box .user {
    top: 103px;
    left: 61px;
}

.bm_tc_bg .apply_box .tel {
    top: 193px;
    left: 61px;
}

.bm_tc_bg .apply_box .submit_btn {
    padding-left: 0;
    top: 312px;
    left: 61px;
    cursor: pointer;
}

.bm_tc_bg .close {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}