body {

    font-family: 'Microsoft YaHei' !important;

}



.top {

    width: 100%;

    background: #b30019;

    border-bottom: solid 1px #ededed;

}



.top-main {

    width: 63%;

    margin: 0 auto;

    display: flex;

    justify-content: space-between;

    align-items: center;

    height: 40px;

}



.top-right {

    display: flex;

    color: #fff;

    align-items: center;

}



.top-main h1 {

    color: #fff;

    font-size: 16px;

}



.top-main p {

    font-size: 18px;

}



.phone-img {

    margin-right: 5px;

}



.wb-img {

    margin-left: 13px;

    margin-right: 10px;

    display:none;

}



.top-right span {

    margin-left: 14px;

    width: 2px;

    height: 21px;

    background: #fff;

}



.logo {

    width: 1200px;

    margin: 0 auto;

    padding-top: 12px;

}



.menu {

    width: 63%;

    margin: 0 auto;

    height: 52px;

}



    .menu ul {

        display: flex;

        width: 100%;

        justify-content: flex-end;

        font-size: 18px;

    }



        .menu ul li {

            text-align: center;

            height: 46px;

            cursor: pointer;

            position: relative;

            width: 80px;

            margin: 0 10px;

        }



            .menu ul li span {

                width: 100%;

                height: 3px;

                background: #b30019;

                margin-top: 22px;

                display: block;

                opacity: 0;

            }



            .menu ul li:hover span {

                opacity: 1 !important;

            }



            .menu ul li:hover .gyxc-menu {

                display: block;

            }

    .menu li > a {

        color: #000 !important;

    }



.gyxc-menu {

    position: absolute;

    width: 120px;

    z-index: 999;

    color: #fff;

    left: -20px;

    font-weight: normal;

    display: none;

}



    .gyxc-menu label {

        font-size: 14px;

        text-align: center;

        line-height: 40px;

        cursor: pointer;

        background: rgba(0,0,0,0.66);

    }



        .gyxc-menu label:hover {

            background: #b30019;

        }



        .gyxc-menu label a {

            color: #fff !important;

        }

            /*侧边菜单*/





.Float-memu {

    z-index: 999;

    position: fixed;

    right: 0;

    -webkit-transform: translateZ(0px);

    top: 40%;

    margin-top: -145px;

    height: 334px;

}

    .Float-memu ul {

        display: flex;

        flex-flow: column;

        flex-wrap: wrap;

        justify-content: flex-end;

        position: relative;

    }

    .Float-memu li:nth-child(1) {

        top: 0;

    }



    .Float-memu li {

        margin: 15px 0;

        cursor: pointer;

        width: 116px;

        height: 54px;

        background: #ffd181;

        border-radius: 40px 0 0 40px;

        display: flex;

        align-items: center;

        position: absolute;

        justify-content: center;

        right: 0;

    }

        .Float-memu li a {

            display: flex;

        }

        .Float-memu li:nth-child(2) {

            top: 97px;

            width: 116px;

        }

            .Float-memu li:nth-child(2) .GF-code {

                position: absolute;

                top: 0;

                left: 30px;

            }

.wx-float {

    display: flex;

    position: absolute;

    right: 20px;

}

.wx-img {

    position: relative;

    margin-left: 20px;

}



    .wx-img:hover div {

        display: block;

    }

.Float-memu label img {

    margin-top: 3px;

}

.Float-memu p {

    font-size: 14px;

    color: #b30019;

    margin-left: 5px;

}

.Float-memu li:nth-child(3) {

    top: 193px;

}

#floatZxzx {

    animation: youceliertu 1s infinite;

}



.Float-memu li:nth-child(4) {

    bottom: 0;

}







@keyframes logopy {

    0% {

        left: -27px;

    }



    100% {

        left: 220px;

    }

}



/*logo动画*/

.logo img {

    display: inline;

}





.logo img {

    display: inline;

}

.logo label {

    position: relative;

}



    .logo label:before {

        content: "";

        width: 10px;

        height: 89px;

        background-color: rgba(255,255,255,0.8);

        box-shadow: 0 0 3px rgb(255 255 255 / 80%);

        position: absolute;

        left: -27px;

        transform: rotate( 30deg );

        animation: logopy 3s infinite;

        top: -10px;

    }





#floatZxzx {

    animation: youceliertu 1s infinite;

}



@keyframes youceliertu {

    from {

        transform: translateY(0px);

    }



    50% {

        transform: translateY(6px);

    }



    to {

        transform: translateY(0px);

    }

}



a {

    outline-style: none;

    color: #4d4d4d;

    text-decoration: none;

}



/*咨询留言*/





.ljzx {

    background-image: url(../images/index-bg-8.jpg);

    background-size: 100% 100%;

    height: 610px;

}



.zxly {

    width: 1200px;

    margin: 0 auto;

    padding-top: 80px;

    padding-bottom: 100px;

}



.input-box {

    width: 1200px;

    margin: 0 auto;

}



.phone-name-gsmc-box {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



    .phone-name-gsmc-box input {

        border: solid 2px #b30019;

        color: #000;

        border-radius: 10px;

        width: 32%;

        height: 60px;

        box-sizing: border-box;

        padding-left: 20px;

        outline: none;

        font-size: 24px;

        font-weight: 400;

        color: #4d4d4d;

    }



textarea {

    width: 100%;

    height: 113px;

    border-radius: 10px;

    border: solid 2px #b30019;

    padding: 16px;

    box-sizing: border-box;

    margin-top: 40px;

    outline: none;

    font-size: 24px;

    resize: none;

    font-weight: 400;

    color: #191919;

    font-family: "微软雅黑"

}



    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browsers */

        color: #b30019;

        font-size: 24px;

        font-weight: normal;

    }



    input::-moz-placeholder, textarea::-webkit-input-placeholder { /* Mozilla Firefox 19+ */

        color: #b30019;

        font-size: 24px;

        font-weight: normal;

    }



    input:-ms-input-placeholder, textarea::-webkit-input-placeholder { /* Internet Explorer 10+ */

        color: #b30019;

        font-size: 24px;

        font-weight: normal;

    }



.ljzx-btn-box {

    width: 1200px;

    margin-top: 65px;

    font-weight: normal;

    margin: 0 auto;

    display: flex;

    justify-content: flex-end;

    margin-top: 65px;

}



    .ljzx-btn-box input {

        width: 126px;

        height: 40px;

        background: #b30019;

        border-radius: 10px;

        color: #fff;

        font-size: 24px;

        cursor: pointer;

    }



    /*bottom*/

.bottom {

    background: #262626;

}



.bottom-main {

    width: 1200px;

    margin: 0 auto;

    height: 300px;

}



.bottom-main {

    display: flex;

    padding-top: 60px;

}



.bottom-left {

    display: flex;

}



    .bottom-left h1 {

        font-size: 16px;

        text-align: left;

    }



    .bottom-left h1 {

        font-size: 20px;

        color: #fff;

        font-weight: normal;

    }



    .bottom-left li {

        font-size: 14px;

        color: #fff;

        margin: 10px 0;

    }



    .bottom-left div {

        margin-right: 57px;

    }



.phone-box {

    display: flex;

    margin-bottom: 10px;

}







.fwyx {

    display: flex;

    color: #d4d1d1;

    font-size: 14px;

}



.zbdz {

    display: flex;

    color: #d4d1d1;

    font-size: 14px;

}



.fwyx label {

    margin-right: 10px;

}



.zbdz label {

    margin-right: 10px;

}









/*底部滚动*/

/*------------------------------------------------------------------------*/

.float-element {

    position: fixed;

    height: 140px;

    background: rgba(0,0,0,0.8);

    width: 100%;

    bottom: 0;

    z-index: 50;

    display: flex;

}



    .float-element input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browsers */

        color: #999 !important;

        font-size: 16px;

        font-weight: normal;

    }



    .float-element input::-moz-placeholder { /* Mozilla Firefox 19+ */

        color: #999 !important;

        font-size: 24px;

        font-weight: normal;

    }



    .float-element input:-ms-input-placeholder { /* Internet Explorer 10+ */

        color: #999 !important;

        font-size: 24px;

        font-weight: normal;

    }











.yyly-inp-top {

    display: flex;

}



    .yyly-inp-top input {

        width: 230px;

        height: 30px;

        background: #fff;

        outline: none;

        box-sizing: border-box;

        padding-left: 10px;

        margin: 5px 0 5px 10px;

    }



.yyly {

    width: 1300px;

    margin: 0 auto;

    display: flex;

    align-items: center;

}



    .yyly h1 {

        color: #fff;

        width: 65px;

        font-size: 28px;

        line-height: 30px;

    }



.yyly-inp-bottom {

    display: flex;

}



    .yyly-inp-bottom input {

        margin: 5px 0 5px 10px;

    }



.gs-name {

    width: 300px;

    height: 30px;

    background: #fff;

    outline: none;

    box-sizing: border-box;

    padding-left: 10px;

}



.sub {

    width: 160px;

    line-height: 17px;

    font-size: 16px;

    letter-spacing: 2px;

    background-color: #b30019;

    color: #fff;

    cursor: pointer;

    outline: none;

}



.mfzxrx {

    margin-left: 10px;

}



.mfzxrx-title {

    color: #fff;

}



.mfzxrx-phone {

    color: #fff;

}



.close-float {

    position: absolute;

    top: 10px;

    right: 10px;

    cursor: pointer;

}



/**************************************************************************/





.float-blackboard {

    width: 280px;

    height: 105px;

    background-image: url(../images/liuyan02.png);

    margin-right: 20px;

    position: relative;

}



.zxqgkzsj {

    width: 125px !important;

}



.float-scroll {

    position: absolute;

}



    .float-scroll ul {

        width: 278px;

        height: 72px;

        padding: 9px 0;

    }



.position-time {

    line-height: 36px;

    width: 220px;

    margin: 0 auto;

    color: #fff;

    text-align: center;

    border-bottom: 1px dotted #999;

    font-size: 16px;

    font-weight: 600;

}



.lesson-teacher {

    line-height: 36px;

    width: 220px;

    margin: 0 auto;

    color: #fff;

    text-align: center;

    font-size:16px;

}



.float-show {

    height: 90px;

    margin-top: 5px;

    overflow: hidden;

    position: relative;

}



input {

    outline: none;

}



textarea {

    outline: none;

}



/**----------------*/

.banner {

    width:100%;

    overflow:hidden;



}

    .banner img {

        width:100%;

    }

.main {

    width:1200px;

    margin:0 auto;

    display:flex;

    padding-top:45px;

    padding-bottom:295px;

}

.main-left {

    width:214px;

}

    .main-left p {

        color: #f3b95f;

        font-weight:bold;

    font-size:26px;

    }

    .main-left h1 {

        color:#b30019;

        font-size:45px;

    }

.about-line {

    width: 4px;

    background: #b30019;

    border-top: solid 48px #f5c478;

    margin-top:45px;

}

.main-right {

    width:1000px;

    line-height:2;

    font-size:27px;

    box-sizing:border-box;

    padding-left:84px;

    padding-top:84px;

}

    .main-right p {

        margin-bottom: 55px;

        table-layout: fixed; /*文字避首尾 -- 防止撑开*/



      

      

    }

.liaotian {

    position: fixed;

    right: 0;

    bottom: 0;

    z-index: 10000;

}



.liaotian-close {

    position: absolute;

    right: 10px;

    top: 10px;

    cursor: pointer;

}



.wx-img div {

    display: none;

    position: absolute;

    left: -52px;

    z-index: 800;

    border-radius: 8px;

    overflow: hidden;

    top: 30px;

    border: 1px solid #eee;

    width: 120px;

    height: 120px;

}



    .wx-img div img {

        width: 100%;

    }





.column span {

    background:#b30019;

    color:#fff;

    font-weight:bold;

    width:220px;

    height:45px;

    text-align:center;

    line-height:45px;

    font-size:30px;

    border-radius:5px;

    margin-top:10px;

    flex-shrink:0;

}


.column div {

    display: flex;

    margin-top: 40px;

}

.column p {

    font-size:22px;

    margin-left:20px;

    line-height:1.8;

    padding-top:8px;

}

.bah {

    color: #fff;

    font-size: 14px;

    bottom: 130px;

    display: flex;

}



    .bah img {

        display: inline-block;

        margin-right: 3px;

    }

.tishi {

    position: fixed;

    top: 50%;

    left: 50%;

    background: rgba(0,0,0,0.5);

    color: #fff;

    padding: 10px 20px;

    color: #fff;

    font-size: 16px;

    border-radius: 4px;

    margin-left: -50px;

    margin-top: -20px;

    display: none;

}