body {
font-family: 'Microsoft YaHei' !important;
}

.top {
width: 100%;
background: #b30019;
border-bottom: solid 1px #ededed;
}

.top-main {
width: 1200px;
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: 1200px;
    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 label {
position: relative;
}
.logo img {
    display: inline;
}


.logo img {
    display: inline;
}

.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;
height: auto !important;
}

.banner img {
width: 100%;
}



.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%;
}


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

.jsj {
width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}

.jsj-left h1 {
font-weight: bold;
font-size: 45px;
color: #b30019;
border-bottom: solid 7px #b30019;
}

.jsj-ta {
border-bottom: solid 7px #fcbe5e;
width: 127px;
display: flex;
justify-content: flex-end;
align-items: flex-end;
}

.jsj-left {
display: flex;
height: 130px;
margin-top: 60px;
}

.jsj-left h1 {
padding-right: 100px;
}

.jsj-ta label {
width: 71px;
height: 68px;
border: solid 4px #fcbe5e;
border-bottom: none;
}

.jsj {
margin-top: 53px;
}

/*---问题---*/
.question {
width: 1200px;
margin: 0 auto;
}

.question-main span {
background-image: linear-gradient(to right, #ffd586, #fab753);
color: #b30019;
font-size: 25px;
font-weight: bold;
padding: 0 20px;
border-radius: 20px;
}

.question-main div {
display: flex;
margin: 30px 0;
}

.question-main div p {
border-bottom: solid 2px #ffd686;
margin-left: -20px;
padding-left: 40px;
font-size: 25px;
font-weight: bold;
color: #4c4c4c;
}

.haochu {
width: 1200px;
margin: 0 auto;
}

.haochu-main ul {
display: flex;
flex-wrap: wrap;
}

.haochu-main {
margin-top: 30px;
}

.haochu-main ul li {
width: 25%;
display: flex;
margin: 20px 0;
align-items: center;
}

.haochu-main ul li h1 {
font-size: 22px;
margin-left: -20px;
color: #535353;
}



.kcjjdwt {
width: 1200px;
margin: 0 auto;
}

.kcjjdwt ul {
display: flex;
margin-bottom: 50px;
}

.kcjjdwt ul li {
width: 33.333%;
display: flex;
align-items: center;
color: #b30019;
margin-top: 40px;
justify-content: center;
}


.kcdg-left h1 {
background-image: url(../images/gqjldxt-18.jpg);
font-size: 25px;
height: 45px;
width: 425px;
background-size: 100% 100%;
background-repeat: no-repeat;
color: #fff;
line-height: 45px;
box-sizing: border-box;
padding-left: 20px;
}

.kcdg {
width: 1200px;
margin: 0 auto;
}

.kcdg-main {
display: flex;
justify-content: space-between;
margin-top: 50px;
}

.kcdg-left p {
font-size: 24px;
color: #4c4c4c;
line-height: 40px;
margin-top:10px;
}


.kcsy {
width: 1200px;
margin: 0 auto;
}

.kcsy ul {
display: flex;
justify-content:space-between;
margin-top:30px;
margin-bottom:100px;
}

.kcsy ul li {
width: 257px;
border: solid 4px #b30019;
border-radius: 10px;
}
    .kcsy ul li h1 {
        text-align:center;
        font-size:30px;
        color:#b30019;
        padding:10px 0 5px;
    }
    .kcsy ul li span {
        width:128px;
        height:3px;
        background:#fcbe5e;
        margin:0 auto;
    }
    .kcsy ul li p {
        font-size: 18px;
        color: #b30019;
        text-align: center;
        padding: 0 15px;
        padding-top:10px;
        padding-bottom:10px;
        font-weight:bold;
    }
.kcjjdwt ul label {
    margin-right: 10px;
}
.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;
}

.mbx {
    width: 1200px;
    margin: 0 auto;
    margin-top: 30px;
}

    .mbx a {
        display: inline;
    }