body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td,img { margin:0; padding:0; border: none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; }
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
small{ font-size:12px;}
ul,ol,li{list-style:none;}


@media screen and (min-width: 980px) {
    .top_pc {;
        width: 1200px;
        margin: 0 auto;
        height: 72px
    }

    .top_pc .logo {
        float: left;
        width: 185px
    }

    .top_pc .logo img {
        display: block;
        height: 52px;
        margin: 9px auto
    }

    .top_pc .nav {
        float: left;
        width: 500px
    }

    .top_pc .menu {
        padding-left: 80px;
        height: 70px;
        margin: 0 auto;
    }

    .top_pc .menu_li {
        float: left;
        list-style: none;
        width: 130px;
        text-align: center;
        line-height: 70px;
        position: relative;
        color: #010101;
        font-size: 18px
    }

    .top_pc .menu_li a {
        display: inline;
        padding: 0 0 5px 0
    }

    .top_pc .head_a {
        border-bottom: 2px solid #1c4692
    }

    .top_pc .menu_li:hover .nav_a {
        color: #cb001d;
        border-bottom: 2px solid #cb001d
    }

    .top_pc .head_phone {
        float: right
    }

    .top_pc .head_phone {
        display: flex;
        height: 70px;
        line-height: 70px;
        align-items: center
    }

    .top_pc .head_phone img {
        margin-right: 10px
    }

    .top_pc .menu_li:hover dl {
        display: block
    }

    .top_pc .menu_li dl {
        display: none;
        position: absolute;
        width: 160px;
        background-color: #fff;
        color: #000;
        z-index: 2;
        border-radius: 0 0 5px 5px
    }

    .top_pc .menu_li dl dd {
        display: block;
        height: 50px;
        line-height: 50px;
        font-size: 16px
    }

    .top_pc .menu_li dl dd:hover a {
        color: #cb001d
    }

    .top_pc .nav_school {
        position: relative;
    }

    .top_pc .nav_school:hover {;
        cursor: pointer
    }

    .top_pc .nav_school:hover .menu_school {
        display: block
    }

    .top_pc .nav_school span {
        display: none;
        position: absolute;
        z-index: 2;
        right: -130px;
        top: -50px;
        border-radius: 0 0 5px 5px
    }

    .top_pc .nav_school span a {
        display: block;
        width: 130px;
        height: 45px;
        line-height: 45px;
        font-size: 16px;
        background-color: #fff;
        color: #010101 !important;
    }

    .top_pc .nav_school span a:hover {
        color: #cb001d !important
    }

    .top_mobile {
        display: none;
    }
    .left_nav {
        display: none;
    }
    .left_nav_shade {
        display: none;
    }
}

@media screen and (max-width: 980px) {
    .top_mobile {
        background: red;
    }
    .top_mobile .h{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 7px;
    }
    .top_mobile .h .logo {
        height: 40px;
    }
    .top_mobile .h .nav_btn {
        height: 32px;
    }

    .top_pc {
        display: none;
    }



    /*panle导航开始*/
    .left_nav {
        width: 240px;
        height: 100%;
        z-index: 7;
        background: #4d525d;
        position: fixed;
        top: 0px;
        left: 0px;
        color: #fff;
        z-index: 66;
        color: white;
        display: none;
        z-index: 200;
    }

    .left_nav .class-top {
        height: 60px;
        overflow: hidden;
        background: #222;
        margin: 0;
        font-size: 20px;
        line-height: 60px;
        padding-left: 20px;
    }

    .left_nav .class-close {
        width: 34px;
        height: 34px;
        line-height: 29px;
        margin: 11px 10px 0 0;
        float: right;
        display: block;
        text-align: center;
        font-size: 24px;
        color: #a1a1a1;
        border: 1px solid #3f3f3f;
        border-radius: 50%;
    }

    .left_nav li {
        padding: 10px 0;
    }

    .class-m {
        height: 90%;
        overflow-y: auto;
        padding: 10px 0;
    }

    .class-m a {
        color: white;
    }

    .nnav {
        margin-left: 20px;
        font-size: 18px;
    }

    .nnav2 {
        margin-left: 20px;
        font-size: 16px;
    }

    .nnav3 {
        margin-left: 20px;
        font-size: 14px;
    }
    .left_nav_shade {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        z-index: 100;
        background: rgba(9, 6, 6, 0.5);
        display: none;
    }
}


/* CSS Document */

/* CSS Document */

body{font-family: "Microsoft YaHei";margin: 0;}
ul, li {list-style-type:none;}
img { margin: 0;
    padding: 0;
    border: 0px;
    outline-width: 0px;
    vertical-align: top;}
a { text-decoration:none; color:#333; outline:none;}

.con{overflow: hidden;}
.banner img{margin: 0 auto;width: 100%;}

@media screen and (min-width: 980px) {
    .public {
        margin: auto;
        width: 1200px;
        clear: both;
    }
}



.tit_04 {text-align: center;line-height: 100px;font-size: 39px; width:360px; margin-left:auto; margin-right:auto;}
.tit_04 span{ color:#0475ef !important;}
.xy5 {padding-bottom: 20px;}
.xy5 ul li {float: left;margin-left: 12px;}

.clear {
    clear: both;
}

@media screen and (min-width: 980px) {
    .bt {
        text-align: left;
        width: 1000px;
        margin: 0 auto;
        line-height: 28px;
        font-size: 16px;
        text-indent: 2em;
    }
}


@media screen and (max-width: 980px) {
    .bt {
        text-align: left;
        line-height: 28px;
        font-size: 13px;
        text-indent: 2em;
        padding: 10px;
        margin: 5px;
        border: solid 2px #0F8EF0;
    }
    .bt span {
        display: none;
    }
}


.tit_02 {text-align: center;padding: 30px 0;     font-weight: 800;
    font-size: 38px;
    color: #000;}


@media screen and (min-width: 980px) {
    .zyUl2 {
        margin-top: 20px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        justify-content: space-between;
    }

    .zyUl2 .item {
        width: 489px;
        background-color: #FFF;
        border: 1px solid #dadada;
        margin-top: 10px;
    }

    .zyUl2 .item h2 {
        text-align: center;
        margin-top: 10px;
    }

    .zyUl2 .item p {
        padding: 10px;
    }

    .butt span {
        color: #FFF;
        padding: 8px 36px;
        margin-left: 6px;
    }
}

@media screen and (max-width: 980px) {
    .zyUl2 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        justify-content: space-between;
    }

    .zyUl2 .item {
        width: 90%;
        height: 370px;
        background-color: #FFF;
        border: 1px solid #dadada;
    }

    .zyUl2 .item .ppp {
        width: 100%;
    }

    .zyUl2 .item h2 {
        text-align: center;
        margin-top: 10px;
    }

    .zyUl2 .item p {
        padding: 10px;
    }

    .butt span {
        color: #FFF;
        padding: 5px 7px;
        font-size: 14px;
    }
}

.bg_01 {background-color: #ec3844;border-top-left-radius: 20px;border-bottom-left-radius: 20px;}
.bg_02 {background-color: #009fda;border-top-right-radius: 20px;border-bottom-right-radius: 20px;}
.p_01 {line-height: 25px;height: 70px;}
.p_02 {line-height: 28px;}
@media screen and (min-width: 980px) {
    .p_02 {
        height: 80px;
    }
}
@media screen and (max-width: 980px) {
    .item-main-info {
        height: 310px;
    }
    .p_02 {
        line-height: 24px;
        font-size: 13px;
    }
}
.butt {text-align: center;line-height: 30px;margin-bottom: 15px;}

@media screen and (min-width: 980px) {
    .xezhi {
        font-size: 16px;
        padding: 0 !important;

        white-space: nowrap;
        text-align: center;
        color: #000;
    }
    .xezhi b {
        color: #F00;
    }
    .xezhi span {
        display: inline-block;
        width: 1em;
    }
}

@media screen and (max-width: 980px) {
    .xezhi {
        font-size: 13px;
        padding: 0 !important;
        white-space: nowrap;
        text-align: center;
        color: #000;
    }
    .xezhi b {
        color: #F00;
    }
    .xezhi span {
        display: inline-block;
        width: 1em;
    }
}


.zyUl1 ul li {width: 344px;background-color: #FFF;float: left;margin-left: 39px;border: 1px solid#dadada;margin-top: 10px;}
.zyUl1 ul li h3 {text-align: center;margin-top: 10px;}
.zyUl1 ul li p {padding: 10px;}
.zyUl1 {
    margin-top: 20px;
    margin-left:0;
}
.pz{ padding-left:0;}

.zyUl3 ul li {width: 272px;background-color: #FFF;float: left;margin-left: 25px;border: 1px solid#dadada;margin-top: 10px;}
.zyUl3 ul li h3 {text-align: center;margin-top: 10px;}
.zyUl3 ul li p {padding: 10px;}
.zyUl3 {
    margin-top: 20px;
    margin-left:0;
}
.butt2 span {color: #FFF;padding: 8px 25px;margin-left: 6px;}
.p_01s {line-height: 25px;height: 45px;}
.pain{ margin-left:0 !important;}


.xin{    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 0 auto;
    padding-left: 0;}


/* CSS Document */

ol,ul{list-style:none;}
img{border:0;vertical-align:top;display:block;}
a{text-decoration:none;color:#090606;}

.xxjj_banner img{width:100%;}

@media screen and (min-width: 980px) {
    .xxjj_banner .mobileBanner {
        display: none;
    }
}
@media screen and (max-width: 980px) {
    .xxjj_banner .pcBanner {
        display: none;
    }
}
@media screen and (min-width: 980px) {
    .gymj_show {
        margin: 60px 0;
        text-align: center;
    }
}

@media screen and (max-width: 980px) {
    .gymj_show {
        margin: 10px 0;
        text-align: center;
        overflow: hidden;
    }
}

.gymj_show2{padding: 60px 0;text-align: center;background: #f9f9f9;}

@media screen and (max-width: 980px) {
    .gymj_show2 {
        padding: 10px 0;
    }
}

@media screen and (min-width: 980px) {
    .tit {
        background: #2b89d0;
        padding: 60px 0;
        color: white;
        position: relative;
    }

    .tit h3 {
        width: 1120px;
        margin: -30px auto 0;
        font-size: 38px;
        line-height: 1.6em;
    }

    .tit p {
        width: 1060px;
        margin: 1em auto 0;
        font-size: 16px;
        line-height: 2em;
        padding: 0 80px 1em;
        box-sizing: border-box;
        text-align: left;
        position: relative;
    }

    .tit p::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAA0CAYAAAB8bJ2jAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQ3NjEzMUY0NUI5RTExRUE5RTQxQjI0M0M0RDBEODQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQ3NjEzMUY1NUI5RTExRUE5RTQxQjI0M0M0RDBEODQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDc2MTMxRjI1QjlFMTFFQTlFNDFCMjQzQzREMEQ4NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDc2MTMxRjM1QjlFMTFFQTlFNDFCMjQzQzREMEQ4NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5F6zZgAAAAgUlEQVR42uzTsRGAIBBEUc6xL1qyFFuystUAExqA4P0ZAtJ9c5XkaqOqupuWdpgAiIAAERAgAgJEQIAIiIAAERAgAgJEQIAIiIAAERAgAgJEQIAIiIAAERAgAgJEQIAIiIAAERAgAgJEQIAIiIBs3Pm9/n+SWMSFaL6Qxwz79AowAPERCGn3Bi00AAAAAElFTkSuQmCC);
        width: 100px;
        height: 52px;
    }

    .tit p::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAABuCAYAAADSzrgaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNDMTZBMzgzNUI5RTExRUE5QTNFQ0MzOUI1MkI5QkY5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNDMTZBMzg0NUI5RTExRUE5QTNFQ0MzOUI1MkI5QkY5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0MxNkEzODE1QjlFMTFFQTlBM0VDQzM5QjUyQjlCRjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0MxNkEzODI1QjlFMTFFQTlBM0VDQzM5QjUyQjlCRjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6GGY2JAAAAWUlEQVR42uzTuw0AIAhAQXEyR3Nz3EALP7G415JwBSEys5f92mxYy4MgkHvFiSWrX3MTCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAPkKGAAMASSgIFcBdlgEAAAAASUVORK5CYII=);
        margin: auto;
        width: 25px;
        height: 110px;
    }

    .tit span {
        display: block;
        font-weight: normal;
        opacity: 0.5;
        font-size: 30px;
        position: relative;
    }

    .tit span::before {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        top: 50%;
        height: 1px;
        background: #b4b3b2;
        z-index: -2;
    }

    .tit span::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        width: 380px;
        top: 0;
        height: 100%;
        background: #2b89d0;
        z-index: -1;
        margin: auto;
    }

    .tit::after {
        content: "";
        position: absolute;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAYCAYAAAB0kZQKAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAnklEQVRIx+2WQQ6AIAwEd/2ob/OleDIhApV2a/Bgb8bsOK0NSlRVSjkwUST30b0Ig96wJRJlMBLuiSgMRsO1hMIAgE0Jqw9PkciqX+KXaCSs02+2VMY3JpHRicpgfbHi+9FIjGoE9nRvMR534k2Bq5Yu5tVISCJ7kc2d6I3RKzDDoBLOEAAcr+PNs6Q7iXsHEQEPg0o4Q8CEqL9uHsYJdlhshzIwyeQAAAAASUVORK5CYII=);
        width: 33px;
        height: 24px;
        left: 0;
        right: 0;
        bottom: 30px;
        margin: auto;
    }

    .tit.sty2 {
        background: transparent;
        padding: 0;
        color: #302f2f;
        margin: 0 0 60px; /* padding: 0 0 30px; */
    }

    .tit.sty2 p::before {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGIAAAAwCAYAAADq46/yAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAArUlEQVR42u3VsQnDQBBFQdmom2vBDaotVaCO5MAY1ME9uJloww8v2G0c1z2O696Y6j17AD9CRAgRIUSEEBFCRAgRIUSEEBFCRAgRIUSEEBFCRAgRIUSEEBFCRAgRIUSEEBFCRAgRIUSEEBFCRAgRIUSEEBFCRAgRIUSEEBFCRAgRIUSEEBFCRAgRIUSEEBFCRAgRsf+PcVyv2WNWtj/uz+wxK3uGOGePWZkfEfEFtYMH7iTfMJMAAAAASUVORK5CYII=);
        width: 98px;
        height: 48px;
    }

    .tit.sty2 p::after {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAABpCAYAAAA+wNMvAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAkklEQVRo3u3aMQqAMAyF4deibuJBPKeDt/MqjlpQFwUXM0QiCP9bCg39KGm7NfXjtCsgWVIJcEuWFLHjPUe04WrF/+AmAq4kzZKSY22S1FrwcI4eeLCK7hiPa3UfXj9OnVV/cyu2KNgMMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAw8Bdw7flXcc/yML8en/kRaS4Aya4AAAAASUVORK5CYII=);
        width: 22px;
        height: 105px;
    }

    .tit.sty2 span::after {
        background: #ffffff;
    }

    .tit.sty2::after {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAYCAYAAAB0kZQKAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAABvklEQVRIx6WWIVTDMBRF73JQRVLsLHBqArObBTuNnkdMRKF3KhDDIJgFu2ks2EFNDrPUMkuxiKYQum5tmmfabPt3Lz/5P+lgKYqTEOgDPaBrfZUBKfACLLWSGVsUxUkADIAz4LiC8Qo824yOFTwALoGA3cqAqVZyVWGgB4waMmZayeWvCWNghJuutZJpaRKujFut5FKYJXANBriyDAQmi64aRXESCPL1b6PQpB/DqFuCKgVAT5BvoLY6Nc8DH4bwCAY4NM+uB+NEAF8egKIEUw9GIDwBhb59ggV58/DV0suEqfVVy/gVgFZy7cHIio35QN7FXPVpvbdlvAszkxSYtIC8FS8+jI49sg6fI2DffPwBnLBZhmut5LhM3ML4NIyw9PMMGHdooChO7tjsiHOt5KLpdKM4uakwMddKLmqblTlbygZSRwNhhYE18AR5idapX5HC+6YGjKrOp2lxp2hiYlAaP9pHeEOdl8Yzm7HTRBQnQ/6ncaaVfHb59yhOLuoYYkdwCFx4GgiBYR1jVyau+NuQzgZcGHtbZjAi7wsZMGmxB8qM3/tkIxPmtjQgL6FpSwPHvgyiOBmaztdaLowfa8Kryk/mAvYAAAAASUVORK5CYII=);
        bottom: initial;
        top: 100%;
    }
}

@media screen and (max-width: 980px) {
    .tit.sty2 h3 {
        font-size: 18px;
        background: #0F8EF0;
        color: white;
        padding: 10px 0;
    }
    .tit.sty2 h3 span {
        display: none;
    }
    .tit.sty2 p {
        font-size: 14px;
        border: solid 2px #0F8EF0;
        margin: 5px;
        padding: 10px;
        text-align: left;
        text-indent: 2em;
    }
}

@media screen and (min-width: 980px) {
    .gymj_title {
        background: url(../images/xy_bg1.jpg) no-repeat center;
        height: 51px;
        margin: 0 0 0.5em;
        font-size: 25px;
        color: #FFF;
        line-height: 51px;
    }
}
@media screen and (max-width: 980px) {
    .gymj_title {
        background: #0760d8;
        color: white;
        position: relative;
        padding: 10px 0;
    }
}

.pp{font-size: 18px;color:#333333;line-height: 1.6em;margin: 0 0 0.2em;}
.ljzx{display: inline-block;color: #fff;text-align: center;background: #2b89d0;font-size: 28px;line-height: 2.2em;border: 0;border-radius: 50px;box-shadow: none;text-indent: 0;width: 360px;}

@media screen and (max-width: 980px) {
    .ljzx{
        width: 200px;
        font-size: 16px;
        margin: 20px 0 10px 0;
    }
}

.mjlc_show{width:100%;background:#2B89D0 repeat;color: white;}
.mjlc_show_body {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 980px) {
    .mjlc_show {
        padding: 30px 0 60px;
        margin: 30px auto;
    }
    .mjlc_show h3 {
        font-size: 32px;
        line-height: 1.6em;
        margin: 0 0 01em;
        font-weight: normal;
    }

    .mjlc_show>div{width:1280px;overflow:hidden;margin: 0 auto;}
}

@media screen and (max-width: 980px) {
    .mjlc_show {
        padding: 30px 0;
        margin-top: 15px;
    }
    .mjlc_show h3 {
        font-size: 18px;
        line-height: 1.6em;
        margin: 0 0 01em;
        font-weight: normal;
    }
}

@media screen and (min-width: 980px) {
    .mjlc_show .mjlc_show_body_item1 {
        width: 500px;
    }

    .mjlc_show .mjlc_show_body_item1 p {
        font-size: 16px;
        line-height: 2em;
        text-indent: 2em;
        margin: 1em 0 0;
        text-align: left;
    }

    .mjlc_show .video_big {
        display: none;
    }

    .mjlc_show .mjlc_show_body_item1 video {
        width: 100%;
    }

    .mjlc_show .mjlc_show_body_item2 {
        background: url(../images/xy_bg2.jpg) no-repeat;
        width: 735px;
    }

    .mjlc_show .mjlc_show_body_item2 ul.sjz {
        float: left;
        background: url(../images/xy_bg3.jpg) no-repeat right 10px;
        width: 132px;
        padding: 0;
        margin: 0;
    }

    .mjlc_show .mjlc_show_body_item2 ul.sjz li {
        display: block;
        font-size: 15px;
        font-weight: bold;
        margin: 0 0 15px;
        line-height: 1.6em;
        width: 4em;
    }

    .mjlc_show .mjlc_show_body_item2 ul.sj {
        float: right;
        width: 580px;
        padding-right: 15px;
        line-height: 24px;
        height: 660px;
        overflow-x: hidden;
        position: relative;
        padding: 10px;
        text-align: left;
        margin: 0;
        box-sizing: border-box;
        background: rgba(9, 6, 6, 0.1);
    }

    .mjlc_show .mjlc_show_body_item2 ul.sj li {
        font-size: 15px;
        display: block;
        position: relative;
        padding: 0 0 0 7.5em;
        margin: 0 0 0.5em;
    }

    .mjlc_show .mjlc_show_body_item2 ul.sj li i {
        font-style: normal;
        font-size: 1.1em;
        color: gold;
        vertical-align: middle;
        font-weight: bold;
        position: absolute;
        left: 0;
        top: 0;
        width: 6.5em;
    }
}
@media screen and (max-width: 980px) {

    .mjlc_show_body {
        column-gap: 10px;
    }

    .mjlc_show .mjlc_show_body_item1 {
        padding-left: 10px;
    }

    .mjlc_show .video_big {
        width: 100%;
    }

    .mjlc_show .mjlc_show_body_item1 p {
        font-size: 13px;
        line-height: 2em;
        text-indent: 2em;
        margin: 1em 0 0;
        text-align: left;
        height: 320px;
        overflow-y: auto;
    }

    .mjlc_show .mjlc_show_body_item1 video {
        display: none;
    }

    .mjlc_show .mjlc_show_body_item2 {
        background: url(../images/xy_bg2.jpg) no-repeat;
    }

    .mjlc_show .mjlc_show_body_item2 ul.sjz {
        float: left;
        background: url(../images/xy_bg3.jpg) no-repeat right 10px;
        width: 132px;
        padding: 0;
        margin: 0;
    }

    .mjlc_show .mjlc_show_body_item2 ul.sjz li {
        display: block;
        font-size: 15px;
        font-weight: bold;
        margin: 0 0 15px;
        line-height: 1.6em;
        width: 4em;
    }

    .mjlc_show .mjlc_show_body_item2 ul.sj {
        float: right;
        line-height: 24px;
        height: 330px;
        overflow-x: hidden;
        overflow-y: auto;
        position: relative;
        padding: 10px;
        text-align: left;
        margin: 0;
        box-sizing: border-box;
        background: rgba(9, 6, 6, 0.1);
    }

    .mjlc_show .mjlc_show_body_item2 ul.sj li {
        font-size: 13px;
        display: block;
        position: relative;
        margin: 0 0 0.5em;
    }

    .mjlc_show .mjlc_show_body_item2 ul.sj li i {
        font-style: normal;
        font-size: 1.1em;
        color: gold;
        vertical-align: middle;
        font-weight: bold;
        width: 6.5em;
        display: block;
    }
}


@media screen and (min-width: 980px) {
    .con_pc {
        width: 1108px;
        margin: 30px auto;
        padding: 0;
        box-sizing: border-box;
        position: relative;
        overflow: hidden;
        box-shadow: 0 0 5px #999;
        border-radius: 5px;
    }

    .con_pc li {
        float: left;
    }

    .con_pc li.js1 {
        width: 429px;
        height: 222px;
        padding: 20px 0 0;
        box-sizing: border-box;
    }

    .con_pc li.js1 h3 {
        z-index: 2;
        color: #ff7943;
        font-size: 36px;
        line-height: 1.6em;
        margin: 0 auto;
        position: relative;
        background: white;
        width: 6em;
    }

    .con_pc li.js1 h3::after {
        content: "";
        position: absolute;
        left: -35%;
        width: 170%;
        top: 50%;
        height: 1px;
        background: #b4b3b2;
        z-index: -2;
    }

    .con_pc li.js1 h3::before {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        top: 0;
        height: 100%;
        background: #fff;
        z-index: -1;
    }

    .con_pc li.js1 p {
        color: #767473;
        font-size: 24px;
        line-height: 1.6em;
        font-weight: normal;
        margin: 0.5em 0 0;
    }

    .con_pc li.js2 {
        width: 475px;
        height: 300px;
        padding: 40px 20px 20px;
        box-sizing: border-box;
        text-align: left;
    }

    .con_pc li.js2 h3 {
        margin: 0;
        font-size: 20px;
        color: #ff7943;
        line-height: 1.6em;
        position: relative;
    }

    .con_pc li.js2 h3::before {
        content: "";
        position: absolute;
        left: 0;
        width: 60px;
        top: -10px;
        height: 5px;
        background: #ff7943;
        z-index: -1;
    }

    .con_pc li.js2 p {
        font-size: 16px;
        line-height: 1.8em;
        text-align: left;
        color: #302f2f;
        margin: 0.5em 0 0;
    }

    .con_pc li.fd {
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .con_pc li.fd img {
        width: 429px;
        height: 300px;
    }

    .con_mobile {
        display: none;
    }
}

@media screen and (max-width: 980px) {
    .con_mobile {
        padding: 0;
    }

    .con_mobile .js1{
        font-size: 14px;
        padding: 10px 0 2px 0;
    }

    .con_mobile .gymj_title {
        margin-top: 10px;
    }

    .con_mobile .school_pic_item {
        display: flex;
        justify-content: space-between;
        margin-top: 10px;
    }

    .con_mobile .school_pic_item:first-child img:first-child {
        width: 49%;
    }

    .con_mobile .school_pic_item:first-child img:last-child {
        width: 49%;
    }

    .con_mobile .school_pic_item:last-child img:first-child {
        width: 68%;
    }

    .con_mobile .school_pic_item:last-child img:last-child {
        width: 30%;
    }

    .con_mobile .js2 {
        font-size: 13px;
        padding: 10px;
        line-height: 2;
        text-indent: 2em;
        margin: 5px;
        border: solid 2px #0F8EF0;
        text-align: left;
    }

    .con_pc {
        display: none;
    }
}

.con2{width: 1120px;overflow: hidden;margin: 30px auto;padding: 0;}
.con2 li{float: left;margin: 0 16px 0 0;position: relative;border-radius: 10px;overflow: hidden;}
.con2 p{position: absolute;left: 0;bottom: 0;width: 100%;margin: 0;background: rgba(31, 30, 29, 0.8);font-size: 17px;color: white;line-height: 2.2em;}


@media screen and (min-width: 980px) {
    .con3 {
        width: 1120px;
        overflow: hidden;
        margin: 30px auto;
        padding: 0;
    }

    .con3 video {
        width: 599px;
        float: left;
        margin: 10px 0;
    }

    .con3 > img { /* width: 599px; */
        float: left;
        margin: 10px 0;
    }

    .con3 .marketing_xszw {
        width: 514px;
        float: right;
        margin: 0;
    }

    .con3 .marketing_xszw ul {
        padding: 0;
        margin: 0;
    }

    .con3 .marketing_xszw img {
        margin: 10px 0;
    }

    .con3 .marketing_xszw .swiper-pagination {
        bottom: 0
    }

    .con3 .swiper-button-prev::after, .con3 .swiper-button-next::after {
        content: " ";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.3);
        width: 50px;
        height: 50px;
        margin: auto -10px;
    }
}
@media screen and (max-width: 980px) {
    .con3 img {
        width: 100%;
    }
}
@media screen and (min-width: 980px) {
    .jxts_title {
        display: none;
    }
}
@media screen and (max-width: 980px) {
    .jxts_title {
        background: #0F8EF0;
        padding: 10px 0;
        color: white;
    }
    .jxts_desc {
        font-size: 14px;
        line-height: 2;
        text-align: left;
        margin: 5px;
        border: solid 2px #0F8EF0;
        padding: 10px;
    }
}


.marketing_xszw2 {margin: 30px auto;width: 1120px;}
.marketing_xszw2 ul {padding: 0;margin: 0;}
.marketing_xszw2 img {margin: 10px 0;}
.marketing_xszw2 .swiper-pagination{bottom: 0}
.marketing_xszw2 .swiper-button-prev::after,.marketing_xszw2 .swiper-button-next::after{content: " ";position: absolute;left: 0;top: 0;bottom: 0;background: rgba(0, 0, 0, 0.3);width: 50px;height: 50px;margin: auto -10px;}

@media screen and (min-width: 980px) {
    .marketing_xszw3 {
        margin: 30px auto;
        width: 1120px;
        padding: 10px 0;
    }

    .marketing_xszw3 ul {
        padding: 0;
        margin: 0;
    }

    .marketing_xszw3 li {
        width: 562px
    }

    .marketing_xszw3 img {
        margin: 0 auto;
    }

    .marketing_xszw3 .swiper-pagination {
        bottom: 0
    }

    .jxts_pic {
        display: none;
    }
}
@media screen and (max-width: 980px) {
    .marketing_xszw3 {
        display: none;
    }
    .jxts_pic {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        column-gap: 10px;
        padding: 5px;
    }
    .jxts_pic img {
        width: 100%;
    }

}

.con4{
    width: 1120px;overflow: hidden;margin: 30px auto;padding: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}
.con4 div{position: relative;}
.con4 p{position: absolute;left: 0;bottom: 0;width: 100%;margin: 0;background: rgba(31, 30, 29, 0.8);font-size: 20px;color: white;line-height: 2.2em;}

@media screen and (max-width: 980px) {
    .con4 {
        width: 100%;
        margin: 5px 0;
        grid-template-columns: repeat(2, 1fr);
    }
    .con4 p {
        font-size: 14px;
    }
    .con4 div img {
        width: 100%;
    }
}

@media screen and (min-width: 980px) {
    .szll_swiper-container_m {
        display: none;
    }
    .tit_h3 {
        display: none;
    }
    .szll_m {
        display: none;
    }

    .szll_swiper-container_m .swiper-wrapper {
        display: block;
    }
    .con5{width: 1120px;overflow: hidden;margin: 30px auto;padding: 0;}
    .con5 li{float: left;margin: 10px 20px 10px 0;overflow: hidden;width: 550px;position: relative;}
    .con5 img{position: absolute;top: 0;left: 0;}
    .con5 h3{font-size: 26px;color: #373636;line-height: 1.6em;margin: 0;}
    .con5 small{display: inline-block;font-size: 18px;line-height: 1.6em;color: #f54927;text-align: right;border-bottom: 1px solid #7d7c7c;padding: 0 0 0.5em;}
    .con5 p{text-align: left;font-size: 16px;line-height: 2em;color: #373636;}
    .con5 div{width: 450px;height: 340px;margin: 20px 0 0 100px;border: 1px solid #edeaea;background: #fafafa;box-sizing: border-box;padding: 20px 35px 0 142px;text-align: right;}

}
@media screen and (max-width: 980px) {
    .szll_swiper-container_pc {
        display: none;
    }

    .tit_h3 {
        padding: 10px;
    }

    .tit_h3 img {
        width: 100%;
    }
    .szll_pc {
        display: none;
    }
    .con5 li{width: 100%;position: relative;}
    .con5 img{width: 200px; height: 270px;}
    .con5 h3{font-size: 16px;color: #373636;line-height: 1.6em;margin: 0;}
    .con5 small{display: inline-block;font-size: 14px;line-height: 1.6em;color: #f54927;text-align: right;border-bottom: 1px solid #7d7c7c;padding: 0 0 0.5em;}
    .con5 p{text-align: left;font-size: 14px;line-height: 2em;color: #373636; padding: 5px;}

    .szll_swiper-container_m .swiper-slide a {
        width: 100%;
        display: flex;
    }

    .szll-swiper-pagination {
        position: absolute;
        text-align: center;
        -webkit-transition: .3s opacity;
        -o-transition: .3s opacity;
        transition: .3s opacity;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        z-index: 10;
    }
}



.co_wt{color: white !important;}
.margin_r_0{margin-right:0!important ;}
.te_le{text-align: left!important;text-indent: 2em!important}
.te_ce{text-align: center!important;text-indent: 0!important}



.button22 {
    display: inline-block;
    background-color: #2b89d0;
    color: #fff;
    border: none;
    cursor: pointer;
    position: relative;
    box-shadow: 0 2px 25px rgb(43 137 208 / 44%);
    outline: 0;
    transition: transform ease-in 0.1s, background-color ease-in 0.1s,  box-shadow ease-in 0.25s;
}

.button22::before{
    position: absolute;
    content: '';
    left: -2em;
    right: -2em;
    top: -2em;
    bottom: -2em;
    pointer-events: none;
    transition: ease-in-out .5s;
    background-repeat: no-repeat;
    background-image: radial-gradient(circle, #2b89d0 20%, transparent 20%),
    radial-gradient(circle, #2b89d0 20%, transparent 20%),
    radial-gradient(circle, #2b89d0 20%, transparent 20%),
    radial-gradient(circle, #2b89d0 20%, transparent 20%),
    radial-gradient(circle, #2b89d0 20%, transparent 20%),
    radial-gradient(circle, #2b89d0 20%, transparent 20%),
    radial-gradient(circle, #2b89d0 20%, transparent 20%),
    radial-gradient(circle, #2b89d0 20%, transparent 20%),
    radial-gradient(circle, #2b89d0 20%, transparent 20%),
        /*  */
    radial-gradient(circle, #2b89d0 20%, transparent 20%),
    radial-gradient(circle, #2b89d0 20%, transparent 20%),
    radial-gradient(circle, #2b89d0 20%, transparent 20%),
    radial-gradient(circle, #2b89d0 20%, transparent 20%),
    radial-gradient(circle, #2b89d0 20%, transparent 20%),
    radial-gradient(circle, #2b89d0 20%, transparent 20%),
    radial-gradient(circle, #2b89d0 20%, transparent 20%);
    background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%,
    15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
    background-position: 18% 40%, 20% 31%, 30% 30%, 40% 30%, 50% 30%, 57% 30%, 65% 30%, 80% 32%, 15% 60%,
    83% 60%, 18% 70%, 25% 70%, 41% 70%, 50% 70%, 64% 70%, 80% 71%;
    animation: bubbles ease-in-out .75s forwards;
}

.button22:active {
    transform: scale(0.95);
    background-color: #22689c;
    box-shadow: 0 2px 25px rgba(233, 30, 99, 0.5);
}
.button22:active::before {
    animation: none;
    background-size: 0;
}
@keyframes bubbles {
    0% {
        background-position: 18% 40%, 20% 31%, 30% 30%, 40% 30%, 50% 30%, 57% 30%, 65% 30%, 80% 32%, 15% 60%,
        83% 60%, 18% 70%, 25% 70%, 41% 70%, 50% 70%, 64% 70%, 80% 71%;
    }
    50% {
        background-position: 10% 44%, 0% 20%, 15% 5%, 30% 0%, 42% 0%, 62% -2%, 75% 0%, 95% -2%, 0% 80%,
        95% 55%, 7% 100%, 24% 100%, 41% 100%, 55% 95%, 68% 96%, 95% 100%;
    }
    100% {
        background-position: 5% 44%, -5% 20%, 7% 5%, 23% 0%, 37% 0, 58% -2%, 80% 0%, 100% -2%, -5% 80%,
        100% 55%, 2% 100%, 23% 100%, 42% 100%, 60% 95%, 70% 96%, 100% 100%;
        background-size: 0% 0%;
    }
}

@font-face {
    font-family: 'iconfont';src: url('http://tf.mjwldj.com/public/font/iconfont.eot');src: url('http://tf.mjwldj.com/public/font/iconfont.eot?') format('embedded-opentype'),url('http://tf.mjwldj.com/public/font/iconfont.ttf') format('truetype'),url('http://tf.mjwldj.com/public/font/iconfont.svg') format('svg');
}
.iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-ditu:before{content:"\e7ba"}
.icon-diannao:before{content:"\e69b"}
.icon-dianhua:before{content:"\e61b"}
.icon-duihuakuang:before{content:"\e7bb"}
.icon-kongjian:before{content:"\e629"}
.icon-weibo:before{content:"\e67a"}
.icon-kuaishou:before{content:"\e71a"}
.icon-douyinduanshipin:before{content:"\e81f"}
.icon-qq:before{content:"\e820"}
.icon-mjwldnxy:before{content:"\e600"}
.icon-tel:before{content:"\e630"}
.icon-zixun:before{content:"\e699"}
.icon-huojian:before{content:"\e822"}
.icon-xinhuajituan:before{content:"\e601"}
.icon-hot:before{ content:"\e636"; }
.icon-hot2:before{ content:"\e61d"; }

/*.mjwl_top{height:148px;min-width:1280px;background:#FFF}*/
.mjwl_top{height:150px;min-width:1280px;background:#FFF}
/*.mjwl_top .mjwl_top_logo{margin:0 auto;padding:14px 0;width:1280px;text-align:justify;text-align-last:justify;display: flex;justify-content: space-between;align-items: center;}*/
.mjwl_top .mjwl_top_logo{margin:0 auto;padding:14px 0;width:1280px;/*text-align:justify;text-align-last:justify;display: flex;justify-content: space-between;align-items: center;  position: relative;
    z-index:1;
    overflow: hidden;*/ z-index:9999;/* position: relative;*/}
.mjwl_top .mjwl_top_logo a{display:inline-block;vertical-align:middle}
.mjwl_top .mjwl_top_logo img{display:inline-block;vertical-align:middle}
.mjwl_top .mjwl_top_logo p{font-size:15px;display:inline-block;color:#595957;padding:0 0 0 10px;border-left:1px solid #595957;line-height:24px;margin:0 0 0 10px;vertical-align:middle}
.mjwl_top .mjwl_top_logo span{color:#595957;font-size:1.1em;font-weight:bold}
/*.mjwl_top .mjwl_dh {border-bottom:5px solid #ef0800;/*background:white;position:relative; background: url(/public/images/navBg.png);}*/
.mjwl_top .mjwl_dh {border-bottom:5px solid #3496e1;background:white;position:relative}

.mjwl_top .mjwl_dh_con{position:relative;width:1280px;margin:0 auto;}
.mjwl_top .mjwl_dh_zy {background:rgba(0, 0, 0, 0.5);border-radius:10px 10px 0 0;width:250px;position:absolute;left:0;top:0;z-index:10;height:45px;transition:all 0.2s ease-out;overflow: hidden;}
.mjwl_top .mjwl_dh_zy:hover{height: 470px;overflow: initial;}
.mjwl_top .mjwl_dh_zy:hover h2 i{display:none!important}



.mjwl_top .mjwl_dh_zy h2{margin:0;text-align:center;font-size:18px;font-weight:normal;line-height:42px;background:#3496e1; /*background:#ef0800;*/border-radius:10px 10px 0 0;color:white;height:45px}




.mjwl_top .mjwl_dh_zy h2 i{position: absolute;right: 26px;font-size:26px;color:red;height:1em;z-index:1;animation:mjwl_dh_zy_hot 0.3s infinite;display: inline-block;line-height: 1em;}
.mjwl_top .mjwl_dh_zy h2 i:after{width:0.6em;height:0.4em;background:white;position:absolute;top:0.25em;left:0.2em;z-index:-1;content: "";}
.mjwl_top .mjwl_dh_zy ul{margin:0;padding: 4px 0;box-sizing:border-box;/*height:430px;*/position:relative; background:rgba(0, 0, 0, 0.5);}
.mjwl_top .mjwl_dh_zy ul i{font-size: 14px;color:red;height:1em;position: relative;display: inline-block;line-height: 1em;}
.mjwl_top .mjwl_dh_zy ul i:after{content: "";background: white;width: 1.8em;height: 0.66em;position: absolute;left: 0.33em;top: 0;bottom: 0;margin: auto;animation:mjwl_dh_zy_hot2 0.5s infinite;z-index:-1;}
.mjwl_top .mjwl_dh_zy li{list-style:none;font-size:14px;line-height: 38px;height: 38px;padding: 0 16px;box-sizing:border-box;}
.mjwl_top .mjwl_dh_zy li>a::after{content:">";color:white;font-weight:bold;line-height:32px;position: absolute;right: 0;top: 0;bottom: 0;margin: auto;}
.mjwl_top .mjwl_dh_zy a{color:white;text-decoration:none;display:block;position: relative;}
.mjwl_top .mjwl_dh_zy_con{position:absolute;width:266px;height:400px;left:250px;background:white;box-shadow:0 0 20px 0px #c1c1c1;top:10px;margin:auto;display:none;border-radius:7px;padding:15px;box-sizing:border-box;text-align:center;color:#333}
.mjwl_top .mjwl_dh_zy li:hover .mjwl_dh_zy_con{display:block}
.mjwl_top .mjwl_dh_zy li:hover{background:#3496e1; /*background:#ef0800;*/}
.mjwl_top .mjwl_dh_zy_con h3{margin:0.5em auto 0}
.mjwl_top .mjwl_dh_zy_con p{line-height:2em;text-align:left;width:90%;margin:0 auto;font-size:13px}
.mjwl_top .mjwl_dh_zy_con span{font-size:1.1em;color:#ff6700}
.mjwl_top .mjwl_dh_zy_con div{position:absolute;width:100%;bottom:0;left:0}
.mjwl_top .mjwl_dh_zy_con div a{background:orange;display:inline-block;width:6em;margin:15px 5px;cursor:pointer}
.mjwl_top .mjwl_dh_zy .bottom{top:auto;bottom:0}
/*.mjwl_top .mjwl_dh_lm{margin:0;box-sizing:border-box;padding:0 0 0 290px;text-align:justify;text-align-last:justify;height:45px;justify-content: space-between;display: flex;}
.mjwl_top .mjwl_dh_lm li{display:inline-block;border-radius:10px 10px 0 0;height:45px;overflow:hidden}
.mjwl_top .mjwl_dh_lm a{color:#ffffff;text-decoration:none;transition:all 0.2s ease-out;border-bottom:3px solid #3496e1;font-size:18px;line-height:45px;display:inline-block;height:50px}
.mjwl_top .mjwl_dh_lm li:hover a{color:#3496e1;height:38px}*/

.mjwl_top .mjwl_dh_lm{margin:0;box-sizing:border-box;padding:0 0 0 290px;text-align:justify;text-align-last:justify;height:45px;justify-content: space-between;display: flex;}
.mjwl_top .mjwl_dh_lm li{display:inline-block;border-radius:10px 10px 0 0;height:45px;overflow:hidden}
.mjwl_top .mjwl_dh_lm a{color:#363535;text-decoration:none;transition:all 0.2s ease-out;border-bottom:3px solid #3496e1;font-size:18px;line-height:45px;display:inline-block;height:50px}
.mjwl_top .mjwl_dh_lm li:hover a{color:#3496e1;height:38px}

.mjwl_btm{font-family:"Microsoft YaHei";}
.mjwl_btm a{color:#000;text-decoration:none}
.mjwl_btm .co_wt{color:#f9f4f4}
.mjwl_btm ul{list-style:none}
.mjwl_btm .mjwl_btm_contact{background:#f1f1f1;text-align:center;}
.mjwl_btm .mjwl_btm_contact ul{padding: 39px 0 20px;overflow:hidden;margin:0 auto;width:1280px;}
.mjwl_btm .mjwl_btm_contact li{width: 312px;float:left;background: #e0e8ed;margin: 0 10px 0 0;position: relative;}
.mjwl_btm .mjwl_btm_contact li.margin_r_0{margin: 0;}
.mjwl_btm .mjwl_btm_contact div{float: left;width: 200px;padding: 10px 0;}
.mjwl_btm .mjwl_btm_contact span{font-size: 1.25em;display: block;}
.mjwl_btm .mjwl_btm_contact p{margin:0;font-size: 20px;line-height: 1.6em;color:#060606;margin: 0 0 10px; animation: corche 2s infinite;}
@keyframes corche{
    0%{color:#2d2929;}
    20%{color:#ff0000;}
    40%{color:#211e1e;}
    60%{color:#ff0000;}
    80%{color:#383333;}
    100%{color:#ff0000;}}


.mjwl_btm .mjwl_btm_contact a{display: inline-block;background: #ff3361;width: 100px;font-size: 16px;color: white;line-height: 2em;border-radius: 24px;}
.mjwl_btm .mjwl_btm_contact img{float: right;margin-top: -28px;width: 150px;transition: all 0.1s ease;position: absolute;right: 0;bottom: 0;}
.mjwl_btm .mjwl_btm_contact li:hover img{width: 160px;margin-top: -39px;}

@media screen and (min-width: 980px) {
    .mjwl_btm_contact_m {
        display: none;
    }
}
@media screen and (max-width: 980px) {
    .mjwl_btm {
        width: 100%;
    }
    .mjwl_btm_contact {
        display: none;
    }
    .mjwl_btm_contact_m img{
        width: 100%;
    }
}



.mjwl_btm .mjwl_btm_dh{background:#4d4d4d;padding: 50px 0;color:#fefcfc;text-align:center;}
.mjwl_btm .mjwl_btm_www{width:1280px;margin:0 auto;overflow:hidden;font-size:16px;line-height:1.8em}
.mjwl_btm .mjwl_btm_www a{color:#f9f4f4}
.mjwl_btm .mjwl_btm_www h4{font-weight:400;margin:0 0 1em;font-size:18px}
.mjwl_btm .mjwl_btm_logo{width:26%;float:left;padding:10px 23px 0 0;box-sizing:border-box}
.mjwl_btm .mjwl_btm_logo img{width:251px;margin: 40px auto 10px;border:none;height: 47px;}
.mjwl_btm .mjwl_btm_logo h4{font-size:16px}
.mjwl_btm .mjwl_btm_link{float:left;border:1px #6b6b6b;border-style:none solid;width:51%;padding:10px 0;box-sizing:border-box}
.mjwl_btm .mjwl_btm_link div{float:left;margin:0;width:33%;box-sizing:border-box}
.mjwl_btm .mjwl_btm_link ul{padding:0;margin:0}
.mjwl_btm .mjwl_btm_wechat{float:left;width:23%;padding:10px 0 0 40px;box-sizing:border-box}
.mjwl_btm .mjwl_btm_wechat h4{width:100px}
.mjwl_btm .mjwl_btm_wechat img{float:left;width:100px}
.mjwl_btm .mjwl_btm_wechat img:after{ content:"";
    content: " ";

    width: 100px;

    border-top: 2px solid #20c2ff;

    position: relative;

    top: 0;

    display: block;

    animation: ewmsm 5s infinite;

    -moz-animation: ewmsm 5s infinite;

    /* Firefox */

    -webkit-animation: ewmsm 5s infinite;

    /* Safari and Chrome */

    -o-animation: ewmsm 5s infinite;

    /* Opera */

    -moz-box-shadow: 0px 0px 7px rgba(32, 194, 255, 0.7);

    box-shadow: 0px 0px 7px rgba(32, 194, 255, 0.7);

}
@keyframes ewmsm {

    0% {

        top: 0;

    }



    50% {

        top: 100%;

    }



    100% {

        top: 0px;

    }

}



@-webkit-keyframes ewmsm {

    0% {

        top: 0;

    }



    50% {

        top: 100%;

    }



    100% {

        top: 0px;

    }

}



.mjwl_btm .mjwl_btm_wechat p{float:left;margin:1em 0 0 1em}
.mjwl_btm .mjwl_btm_declare{background:#333;overflow:hidden;text-align:center;color:#FFF; height:150px;}
.mjwl_btm .mjwl_btm_declare div{width:1280px;margin:0 auto;padding:20px 0;position: relative;}
.mjwl_btm .mjwl_btm_declare p{margin:.5em 0;font-size:14px;line-height:1.2em;text-align: left;}
.mjwl_btm .mjwl_btm_declare img{display: inline-block;margin: 0 0.5em 0 0;}
.mjwl_btm .mjwl_btm_declare ul{padding:0;position: absolute;right: 0;top: 0;bottom: 0;margin: auto;height: 68px;text-align: center;}
.mjwl_btm .mjwl_btm_declare li{width:100px;display:inline-block}
.mjwl_btm .mjwl_btm_declare .mjwl_btm_qq{color:#FFF}
.mjwl_btm .mjwl_btm_declare .mjwl_btm_qzone{color:#fece01}
.mjwl_btm .mjwl_btm_declare .mjwl_btm_weibo{color:#ff635c}
.mjwl_btm .mjwl_btm_declare .mjwl_btm_kuaishou{color:#ff8000}
.mjwl_btm .mjwl_btm_declare .mjwl_btm_douyin{color:#fdfdfd}

.mjwl_btm .mjwl_btm_declare li a:hover{color:#2196F3}
.mjwl_btm .mjwl_btm_declare li i:hover{font-size:36px}
.mjwl_btm .mjwl_btm_declare i{display:block;font-size:30px;line-height:50px;color:inherit}

.mjwl_btm .mjwl_btm_red{color:#fb3602}

.mjwl_talk_window{position: relative;z-index: 9999;display: none;}
.mjwl_talk_window_con1{width: 800px;height: 500px;overflow: hidden;background: white;border-radius: 10px;left: 0;top: 0;bottom: 0;right: 0;margin: auto;position: fixed;box-shadow: 0 0 10px #afafaf;z-index: 999;}
.mjwl_talk_window_con1 .le{ float: left; width: 430px; padding-left:30px; padding-top:40px; }
.mjwl_talk_window_con1 .le h3{ font-size: 26px; line-height: 1.6em; margin: 0; text-align:left; }
.mjwl_talk_window_con1 .x_p01 {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #666666;
    margin:15px 0;
    line-height:1.6em;
}
.mjwl_talk_window_con1 .le .zh2{ list-style: none; padding: 0; margin: 0px 0 0; }
.mjwl_talk_window_con1 .le .zh2 li{ float: left;
    width: 130px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    background-color: #eeeeee;
    border: 1px solid #eee;
    border-radius: 5px;
    font-size: 14px;
    letter-spacing: 0px;
    color: #333333;
    margin-right: 2px;
    margin-bottom: 10px;
    cursor: pointer;
    transition: 1s; }
.mjwl_talk_window_con1 .le .zh2 .hong{ color:#F00;}

.mjwl_talk_window_con1 .ri{float: right;background: url(http://tf.mjwldj.com/public/images/tc2020.png);height: 100%;width: 321px;padding: 88px 12px 0;box-sizing: border-box;}
.mjwl_talk_window_con1 .ri h3{font-size: 44px;line-height: 1.2em;color: white;text-align: left;margin: 0;}
.mjwl_talk_window_con1 .ri h3 span{color: #faff00;}
.mjwl_talk_window_con1 .ri p{font-size: 24px;line-height: 1.6em;color: white;margin: 12px 0;}
.mjwl_talk_window_con1 .ri .llzx{display: inline-block;width: 100%;font-size: 16px;line-height: 2.4em;color: #ca0012;background: white;text-decoration: none;border: none;}

.mjwl_talk_window_clo {color: #969693;font-size: 14px;line-height: 1.5em;height: 1.5em;box-sizing: border-box;width: 1.5em;border-radius: 50%;border: 1px solid #dedede;background: white;padding: 0;position: absolute;right: 0.5em;top: 0.5em;}


#learn_from {
    margin-bottom: 18px;
    padding:0;
    list-style-type: none;
}

#learn_from li {
    float: left;
    width: 180px;
    height: 36px;
    margin-right: 10px;
}

#learn_from li input {
    width: 180px;
    height: 36px;
    background-color: #eeeeee;
    border-radius: 5px;
    border: solid 1px #eeeeee;
    text-indent: 12px;
    outline: none;
    margin-right: 10px;
}

#learn_from input:hover {
    border-color: #ee5400;
    background-color: #fff;
}

#learn_from input:focus {
    border-color: #ee5400;
    background-color: #fff;
}

.x_text_p {
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #333333;
}

.x_text_p span {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 12px;
    letter-spacing: 0px;
    color: #ee5400;
}

.x_text_p em {
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 12px;
    letter-spacing: 0px;
    color: #ee5400;
}

.x_layer_btn {
    margin-top: 18px;
}

.x_layer_btn a,
.x_layer_btn input {
    float: left;
    text-align: center;
    width: 169px;
    height: 43px;
    text-decoration: none;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 12px;
    letter-spacing: 0px;
    color: #ffffff;
    margin-right: 11px
}

.x_layer_btn input {
    background: linear-gradient(90deg,#f63737,orange,#f63737);
    border: none;
    outline: none;

}

.x_layer_btn a {
    background-color: #333;
    line-height: 43px;

}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    zoom: 1;
}
.biaodan{ clear:both;}

.mjwl_talk_window_con1 .le .zh2  .major_act {
    background: linear-gradient(to right bottom, #f63737 40%, #ff7327);
    border-radius: 5px;
    border: solid 1px #ee5400;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    position: relative;
    overflow: hidden;
}
.mjwl_talk_window_con1 .le .zh2  .major_act::before {
    content: '';
    width: 10px;
    height: 10px;
    background: url(http://tf.mjwldj.com/public/images/g.png) no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
}














.mjwl_xgtj {width: 344px;text-align: left;float: right;}
.mjwl_xgtj a{color: #333;text-decoration: none;}
.mjwl_xgtj .rmbt_j {background: url(http://tf.mjwldj.com/images/xw_list/bg_tj.jpg) no-repeat;width: 344px;height: 38px;line-height: 38px;font-size: 16px;color: #FFF;text-indent: 1em;margin: 0;}
.mjwl_xgtj .rmzy_zs {margin: 15px 0;}
.mjwl_xgtj .rmzy_zs ul {margin: 0;padding: 0;list-style: none;}
.mjwl_xgtj .rmzy_zs li {height: 40px;line-height: 37px;font-size: 16px;}
.mjwl_xgtj .rmzy_zs .bg1 {background: #eaeeed;}
.mjwl_xgtj .rmzy_zs i {font-size: 26px;color: red;animation: mjwl_dh_zy_hot 0.3s infinite;}
.mjwl_xgtj .rmzy_zs li {text-indent: 1em;}
.mjwl_xgtj .yjjz_zs{margin: 15px 0;}
.mjwl_xgtj .yjjz_zs img{width: 100%;}
.mjwl_xgtj .xyxx_zs {margin: 15px 0;}
.mjwl_xgtj .xyxx_zs ul {margin: 15px 0;padding: 0;list-style: none;}
.mjwl_xgtj .xyxx_zs li {margin: 15px 0;border-bottom: 1px dashed #a9a9a9;padding: 0 15px 7px;}
.mjwl_xgtj .xyxx_zs a {overflow: hidden;width: 100%;display: block;}
.mjwl_xgtj .xyxx_zs img {width: 52px;float: left;}
.mjwl_xgtj .xyxx_zs div {float: left;line-height: 30px;margin: 0 0 0 5px;}
.mjwl_xgtj .xyxx_zs h6 {font-size: 15px;margin: 0;}
.mjwl_xgtj .xyxx_zs p {font-size: 16px;margin: 0;  }
.mjwl_xgtj .xyxx_zs .xh_wxin{padding: 0 42px;overflow: hidden;margin: 15px auto;border-bottom: none;width: auto;}
.mjwl_xgtj .xyxx_zs .xh_wxin div{width: 100px;float: left;margin: 0px 15px;}
.mjwl_xgtj .xyxx_zs .xh_wxin img{width: 82px;float: initial;margin: 0 auto;display: block;}
.mjwl_xgtj .xyxx_zs .xh_wxin h6 {text-align: center;}
.mjwl_xgtj .rwtj_zs{margin: 15px 0;}
.mjwl_xgtj .rwtj_zs ul {margin: 0;padding: 0;list-style: none;}
.mjwl_xgtj .rwtj_zs li {font-size: 16px;line-height: 37px;border-bottom: 1px dashed #a9a9a9;margin: 0 0 0 5px;text-indent: 0.5em;height: 40px;box-sizing: border-box;overflow: hidden;}
.mjwl_xgtj .rwtj_zs span{font-size: 14px;color: #999999;font-weight: bold;margin: 0 5px 0 0;}
.mjwl_xgtj .rwtj_zs span.co1{color: #ff3333;}

/*.mjwl_rig {position:fixed;right:0px;top: 50%;z-index:1000;line-height:initial;width: 225px;height: 560px;padding: 163px 0 0;background: url(http://tf.mjwldj.com/public/images/mjwl_rig_bg.png) no-repeat;box-sizing: border-box;transition:right 0.5s ease;margin: -270px 0 0;}
.mjwl_rig img{margin: 10px auto;display: block;background: black;}
.mjwl_rig ul{list-style:none;padding:20px 40px 0 40px;margin: 0; }
.mjwl_rig a {color: #f9da84;text-decoration:none;}
.mjwl_rig li{position:relative;border:solid 1px #fbeecd;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;background: #ec6528;font-size: 14px;width: 90%;margin: 5px auto;line-height: 2;border-radius: 5px;font-weight: bold;}
.mjwl_rig p{color:#fff;line-height: 1.6em;font-size: 14px;margin: 0;text-align: center;}
.mjwl_rig span{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAdElEQVQoz4XSQRHAIAxE0aUKkFQJlYCESkIKEpBSB7+H0pkMJWluzPIO2YkkCcjAoWCAE8gyoPNMcUAdeQfyjD7QAIBqgyV0QQBbCAK4BJt9pJQuSX3606JW5x0urxy3pb9W3ZZcCOzR0hPsNihRrQPW94xun4QvH28krnAAAAAASUVORK5CYII=) center no-repeat;position: absolute;right: 5px;top: 20px;width: 24px;height: 24px;border-radius: 50%;border: 3px solid #fff;}
.mjwl_rig small{position: absolute;width: 20px;height: 20px;border: 3px solid;border-color: #068aef transparent transparent #068aef;top: 0;bottom: 0;margin: auto;right: -50px;animation: mjwl_rig 2s ease infinite;}
.mjwl_rig small:after{content:" ";position: absolute;width: 100%;height: 100%;border: inherit;top: 3px;left: 3px;}
@keyframes mjwl_rig {0% {transform: translate(10px) rotate(-45deg);}50% {transform: translate(-10px) rotate(-45deg);}100% {transform: translate(10px) rotate(-45deg);}}*/




.mjwl_rig {position:fixed;right:0px;top: 50%;z-index:1000;line-height:initial;width: 136px;height: 515px;padding: 113px 0 0;background: url(http://tf.mjwldj.com/public/images/mjwl_rig_bg.png) no-repeat;box-sizing: border-box;transition:right 0.5s ease;margin: -270px 0 0;}
.mjwl_rig img{margin: 10px auto;display: block;background: black;}
.mjwl_rig ul{list-style:none;padding: 0;margin: 0;}
.mjwl_rig a {color: #068aef;text-decoration:none;}
.mjwl_rig li{position:relative;border-bottom:solid 1px #0F8EF0;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;background: white;font-size: 14px;width: 90%;margin: 5px auto;line-height: 2;border-radius: 5px;font-weight: bold;}
.mjwl_rig p{color:#fff;line-height: 1.6em;font-size: 14px;margin: 0;text-align: center;}
.mjwl_rig span{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAdElEQVQoz4XSQRHAIAxE0aUKkFQJlYCESkIKEpBSB7+H0pkMJWluzPIO2YkkCcjAoWCAE8gyoPNMcUAdeQfyjD7QAIBqgyV0QQBbCAK4BJt9pJQuSX3606JW5x0urxy3pb9W3ZZcCOzR0hPsNihRrQPW94xun4QvH28krnAAAAAASUVORK5CYII=) center no-repeat;position: absolute;right: 5px;top: 20px;width: 24px;height: 24px;border-radius: 50%;border: 3px solid #fff;}
.mjwl_rig small{position: absolute;width: 20px;height: 20px;border: 3px solid;border-color: #068aef transparent transparent #068aef;top: 0;bottom: 0;margin: auto;right: -50px;animation: mjwl_rig 2s ease infinite;}
.mjwl_rig small:after{content:" ";position: absolute;width: 100%;height: 100%;border: inherit;top: 3px;left: 3px;}
@keyframes mjwl_rig {0% {transform: translate(10px) rotate(-45deg);}50% {transform: translate(-10px) rotate(-45deg);}100% {transform: translate(10px) rotate(-45deg);}}


.mjwl_btmdh{height:90px;background:#333}
.mjwl_btmdh .mjwl_btmdh_bg{position:fixed;bottom:0;background:#4a5ee1;/* height:90px; */ width:100%;min-width:1280px;left:0;right:0;margin:auto;z-index:998;}
.mjwl_btmdh .mjwl_btmdh_con{width:1280px;margin: 0 auto;height:90px;text-align:center;text-align-last:justify;display: flex;align-items: center;justify-content: space-between;padding: 4px 0 0;box-sizing: border-box;}
.mjwl_btmdh .mjwl_btmdh_con img{display:inline-block;vertical-align:middle}
.mjwl_btmdh .mjwl_btmdh_con div{display:inline-block;vertical-align:middle}
.mjwl_btmdh .mjwl_btmdh_con div input{height:45px;font-size:18px;padding:0;float:left;outline:none;}
.mjwl_btmdh #mjwl_btmdh_input{border:none;width:240px;text-indent:1em}
.mjwl_btmdh .mjwl_btmdh_sub{width:136px;border:none;color:#4a5ee1;font-weight:bold;background:#fff000;text-align-last:center}
.mjwl_btmdh .mjwl_btmdh_con ul{padding:0;display:inline-block;vertical-align:middle;text-align-last:center;width:auto;height:auto;margin:12px 0}
.mjwl_btmdh .mjwl_btmdh_con li{width:136px;height:56px;float:left;line-height:56px;font-size:18px;font-weight:bold;list-style:none;margin:0 3px;position:relative;cursor:pointer}
.mjwl_btmdh .mjwl_btmdh_con li i{display:block;position:absolute;top:-11px;right:5px;background:red;width:22px;height:22px;line-height:22px;font-size:13px;border-radius:50%;font-style:normal;color:white}
.mjwl_btmdh .mjwl_btmdh_con li::after{content:" ";color:inherit;height:0px;width:48px;border:2px solid;position:absolute;bottom:7px;left:0;right:0;margin:auto}
.mjwl_btmdh .mjwl_btmdh_con li::before{content:" ";position:absolute;left:0;right:0;width:0;/*border:5px solid transparent;border-color:#4a5ee1 transparent transparent #4a5ee1*/}
.mjwl_btmdh .mjwl_btmdh_con li.bc1{background:#00b7ef;color:#00d5ff}
.mjwl_btmdh .mjwl_btmdh_con li.bc2{background:#e16d34;color:#d75819}
.mjwl_btmdh .mjwl_btmdh_con li.bc3{background:#3ab345;color:#139f20}
.mjwl_btmdh .mjwl_btmdh_con li.bc4{background:#2093ef;color:#1180d8}
.mjwl_btmdh .mjwl_btmdh_con a{display:block;color:white;text-decoration:none}
@keyframes mjwl_dh_zy_hot{ 0%{color:red}25%{color:red}26%{color:orange}75%{color:orange}76%{color:red}100%{color:red} }
@keyframes mjwl_dh_zy_hot2{ 0%{background: linear-gradient(to right, red ,red ,red , red)}12.5%{background: linear-gradient(to right, white ,red ,red , red)}25%{background: linear-gradient(to right, white ,white ,red , red)}37.5%{background: linear-gradient(to right, white ,white ,white , red)}50%{background: linear-gradient(to right, white ,white ,white , white)}100%{background: linear-gradient(to right, white ,white ,white , white)}}

.video_img{position: relative;width:100%;cursor:pointer}
.video_img::after{content:"";position: absolute;left: 0;width: 100%;height: 100%;background: url(http://tf.mjwldj.com/public/images/video_play_ico.png) center no-repeat rgba(0,0,0,0.3);top:0}
.zxUrl{cursor:pointer}
img[data-echo]{background:#eee}
#sCodeCon{position:fixed!important;z-index:999}
#cnzz_stat_icon_1255957303 {display:none}




/*logo闂厜*/
*, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }
.logo_flash{  margin: 0 auto; transition-duration: 1.2s; }
.logo_flash:before{content:"";/*position: absolute;*/width: 100px;height: 10px;background-color: rgba(255,255,255,.4);-webkit-transform: rotate(-35deg);-moz-transform: rotate(-35deg);-ms-transform: rotate(-35deg);-o-transform: rotate(-35deg);transform: rotate(-35deg);-webkit-animation: searchLights 1s ease-in 1s infinite;-o-animation: searchLights 1s ease-in 1s infinite;animation: searchLights 1s ease-in 1s infinite;}
@-webkit-keyframes searchLights {
    0% { left: -50px; top: 50px; }
    to { left: 280px; top: 50px; }
}
@-o-keyframes searchLights {
    0% { left: -50px; top: 50px; }
    to { left: 280px; top: 50px; }
}
@-moz-keyframes searchLights {
    0% { left: -50px; top: 50px; }
    to { left: 280px; top: 50px; }
}
@keyframes searchLights {
    0% { left: -50px; top: 50px; }
    to { left: 280px; top: 50px; }
}
/*logo闂厜缁撴潫*/



/*搴曢儴浜岀淮鐮佹壂鎻忔晥鏋�*/
.fwx-icon-ewm {


    width: 100px;

    height: 100px;
    float:left;

}



.fwx-icon-ewm:after {

    content: " ";

    width: 100px;

    border-top: 2px solid #20c2ff;

    position: relative;

    top: 0;

    display: block;

    animation: ewmsm 5s infinite;

    -moz-animation: ewmsm 5s infinite;

    /* Firefox */

    -webkit-animation: ewmsm 5s infinite;

    /* Safari and Chrome */

    -o-animation: ewmsm 5s infinite;

    /* Opera */

    -moz-box-shadow: 0px 0px 7px rgba(32, 194, 255, 0.7);

    box-shadow: 0px 0px 7px rgba(32, 194, 255, 0.7);

}







@keyframes ewmsm {

    0% {

        top: 0;

    }



    50% {

        top: 100%;

    }



    100% {

        top: 0px;

    }

}



@-webkit-keyframes ewmsm {

    0% {

        top: 0;

    }



    50% {

        top: 100%;

    }



    100% {

        top: 0px;

    }

}


/*渚ф爮鍜ㄨ绐楀彛*/
.swtRirhgt {
    width: 60px;
    position: fixed;
    right: 0;
    top: 260px;
    z-index: 300;
}
.swtRirhgt > .xuefei {
    display: block;
    width: 60px;
    height: 65px;
    float: right;
    background-color: #00b7f0;
    position: relative;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
}
.swtRirhgt > .xuefei:hover {
    width: 70px;
}
.swtRirhgt > .xuefei > p {
    display: block;
    width: 40px;
    height: 49px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -24.5px 0 0 -20px;
    background-image: url(http://tf.mjwldj.com/public/images/celan_1.jpg);
}
.swtRirhgt > .zhuanye {
    display: block;
    width: 60px;
    height: 65px;
    float: right;
    background-color: #2f91ff;
    position: relative;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
}
.swtRirhgt > .zhuanye:hover {
    width: 70px;
}
.swtRirhgt > .zhuanye > p {
    display: block;
    width: 40px;
    height: 49px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -24.5px 0 0 -20px;
    background-image: url(http://tf.mjwldj.com/public/images/celan_2.jpg);
}
.swtRirhgt > .swtzx {
    display: block;
    width: 60px;
    height: 65px;
    float: right;
    background-color: #dc6c3a;
    position: relative;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
}
.swtRirhgt > .swtzx:hover {
    width: 70px;
}
.swtRirhgt > .swtzx > p {
    display: block;
    width: 40px;
    height: 49px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -24.5px 0 0 -20px;
    background-image: url(http://tf.mjwldj.com/public/images/celan_3.jpg);

}


.wechatzx {
    display: block;
    width: 60px;
    height: 65px;
    float: right;
    background-color:#3ab246;
    position: relative;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    cursor: pointer;
}
.telzx {
    display: none;
    width: 60px;
    height: 65px;
    float: right;
    background-color: #ffad00;
    position: relative;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    cursor: pointer;
}
.wechatzx > p {
    display: block;
    width: 40px;
    height: 49px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -24.5px 0 0 -20px;
    background-image: url(http://tf.mjwldj.com/public/images/celan_4.jpg);

}
.wechatzx > .qrcode {
    position: absolute;
    width: 100px;
    height: 100px;
    right: 50px;
    top: 50%;
    margin-top: -60px;
    visibility: hidden;
    background: url(http://tf.mjwldj.com/public/images/dn_wx.jpg) no-repeat left center;
    background-size: 100%;
    transition: 0.4s right cubic-bezier(0.6, 4, 0.3, 0.8);
    -webkit-transition: 0.4s right cubic-bezier(0.6, 4, 0.3, 0.8);
    -moz-transition: 0.4s right cubic-bezier(0.6, 4, 0.3, 0.8);
    border-right: 10px solid transparent;
}
.wechatzx:hover {
    width: 70px;
}
.wechatzx:hover > .qrcode {
    right: 70px;
    visibility: visible;
}
.backtopbtn {
    display: block;
    width: 60px;
    height: 65px;
    cursor: pointer;
    float: right;
    background-color: #474747;
    position: relative;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
}
.backtopbtn:hover {
    width: 70px;
}
.backtopbtn > p {
    display: block;
    width: 49px;
    height: 49px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -24.5px 0 0 -23px;
    background-image: url(http://tf.mjwldj.com/public/images/fahui.png);

}

.tl-per {
    position: absolute;
    left: -150px;
    top: -100px;
}


/* 鏇存柊鎷涚敓鏍� css */

button, input {
    overflow: visible;
    margin: 0px;
    padding: 0px;
}
.dbzsl{position: fixed;bottom: 0;background: #dc0303;width: 100%;min-width: 1280px;left: 0;right: 0;z-index: 998;}
.down-from {position: relative;margin: 20px auto;width: 1420px;color: orangered;line-height: 50px;display: flex;}
.down-from span {display: inline-block; float: left; width: 80px;height: 50px;font-weight: bold; text-align: center; background-color: #fff; font-size:16px;}
.down-from input {display:block;float:left;border:none;width:150px;height:50px;outline:none;text-indent:10px;font-size:16px; margin-right: 15px;}
.down-from .btn {border-radius: 20px; border:2px #FFC107 solid; cursor: pointer; background-image: linear-gradient(#fff,rgb(253, 240, 183),#fae3a0);color: rgb(237 54 40); font-size: 25px; font-weight: bolder;  width: 150px;}

.text88 {
    position: absolute;
    z-index: 9999999;
    font-weight: bold;
    user-select: none; font-size:18px;
}

@keyframes remove {
    100% {
        opacity: 0;
    }
}

@media screen and (min-width: 980px) {
    .item {
        width: 1120px;
        margin: auto;
    }
}

.quekou {
    background: url(../images/xq5.jpg);
    height: 589px;
    padding-top: 50px;
}

@media screen and (max-width: 980px) {
    .quekou {
        background: lightgray;
        height: auto;
        padding-top: 20px;
    }
}

.quekou .t1 {
    font-size:50px;
    font-weight: bold;
    text-align: center;
}

@media screen and (max-width: 980px) {
    .quekou .t1 {
        font-size: 18px;
    }
}

.quekou .t2 {
    font-size: 30px;
    text-align: center;
    margin-top: 30px;
}

.quekou .t3 {
    margin-top: 20px;
}

.quekou .tbData {
    width: 100%;
    border: solid 1px gray;
    margin-top: 60px;
}

.quekou .tbData tr th {
    height: 40px;
    text-align: center;
    background: red;
    color: white;
}
.quekou .tbData tr td {
    height: 40px;
    text-align: center;
}

.quekou .tbData .bj {
    background: #ccc;
}

@media screen and (max-width: 980px) {
    .quekou .t2 {
        font-size: 14px;
        margin-top: 10px;
    }
    .quekou .t3 {
        margin-top: 10px;
        font-size: 12px;
        padding: 0 10px;
    }
    .quekou .tbData {
        font-size: 10px;
        margin-top: 10px;
    }
}

.direction {
    background: #edebec;
    height:800px;
}

@media screen and (min-width: 980px) {

    .direction .title {
        background: url(../images/xq6.png) center bottom no-repeat;
        padding: 30px 0;
    }
}

.direction .t1 {
    font-size:50px;
    font-weight: bold;
    text-align: center;
}

.direction .t2 {
    font-size: 20px;
    text-align: center;
    margin-top: 10px;
    color: gray;
}


.direction .t3 {
    text-indent: 2rem;
    line-height: 2;
}

.pic {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    justify-content: space-between;
    row-gap: 20px;
    margin-top: 50px;
}
.pic .pp {
    display: flex;
    flex-direction: column;
    align-items: center;
}



@media screen and (max-width: 980px) {
    .direction {
        height:auto;
        padding-top: 20px;
    }

    .direction .title .t1 {
        font-size: 18px;
    }

    .direction .title .t2 {
        font-size: 12px;
    }

    .direction .t3 {
        font-size: 13px;
        padding: 10px;
        margin: 5px;
        border: solid 2px #0F8EF0;
    }

    .pic {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        row-gap: 10px;
        margin-top: 5px;
    }

    .pic .pp {
        font-size: 13px;
    }

    .pic .pp img {
        width: 100%;
    }
}

.cent {
    text-align: center;
}

.white{color:#fff}
.black{color: #000}
.wp{margin: 0 auto;position: relative}
@media screen and (min-width: 980px) {
    .wp{
        width: 1200px;
    }
}
.clea{clear: both;height: 0;overflow: hidden;width: 0}
.bold{font-weight: bold}