@charset "utf-8";

/* CSS Document */
/*2021.09.03 */

.fl {
    float: left;
}

.fr {
    float: right;
}

.pos {
    position: relative;
}

.box {
    overflow: hidden;
}

.container {
    max-width: 1320px;
    width: 90%;
}


/*顶部弹出搜索样式*/


/*header-top*/

.header-top {
    color: #fff;
    position: absolute;
    top: -6px;
    right: 15px;
    text-align: right;
}

.search-btn {
    font-size: 18px;
    cursor: pointer;
    text-align: center;
    color: #333;
}

    .search-btn:hover {
        opacity: .9;
        text-decoration: none;
    }

.search-box {
    height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    position: relative;
    z-index: 1000;
    background: #fff;
}

    .search-box h2 {
        font-size: 24px;
        color: #555;
        margin-bottom: 30px;
        margin-top: 50px;
    }

    .search-box .container {
        position: relative;
    }

    .search-box .close {
        position: absolute;
        top: 30px;
        right: 15px;
        font-size: 14px;
        cursor: pointer;
    }

        .search-box .close i {
            font-style: normal;
        }

.search-form {
    margin-bottom: 40px;
    width: 100%;
    position: relative;
}

    .search-form .form-text {
        width: 100%;
        border: none;
        border-bottom: 1px solid #ccc;
        font-style: italic;
        height: 60px;
        font-size: 16px;
        /*padding: 0 100px 0 15px;*/
    }

        .search-form .form-text:focus {
            font-style: normal;
            border-bottom-color: #9a202d;
        }

    .search-form .form-submit {
        position: absolute;
        right: 0;
        top: 0px;
        width: 100px;
        height: 60px;
        line-height: 60px;
        background: none;
        border: none;
        outline: none;
        color: #666;
        font-weight: bold;
        font-size: 20px;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }

        .search-form .form-submit:hover {
            background: #9a202d;
            color: #fff;
        }


/*顶部弹出样式 end*/
.wc-top {
    background: #9a202d;
    min-height: 126px;
}

.top-right {
    padding-top: 22px;
}

.tlink {
    text-align: right;
    color: #fff;
}

    .tlink ul li {
        display: inline-block;
    }

.tlink ul li:last-child {
    display: none;
}

        .tlink ul li a {
            font-size: 14px;
            color: #fff;
            font-weight: lighter;
        }

.wc-menu {
    padding: 20px 0 17px;
    min-height: 55px;
}

    .wc-menu ul {
        /*转化为table 并且，宽度百分百，*/
        width: 100%;
        margin-bottom: 0;
        padding-left: 0;
    }

        .wc-menu ul li {
            line-height: 35px;
            position: relative;
            /*居中并且转为table-cell*/
            text-align: center;
            /* display: table-cell; */
            float: left;
            list-style: none;
            padding-left: 48px;
        }

            .wc-menu ul li a {
                font-size: 16px;
                color: #fff;
                position: relative;
                display: inline-block;
                transition: all 0.2s;
                text-decoration: none;
                /*padding: 0 8px;*/
                line-height: 32px;
                font-weight: normal;
            }

                .wc-menu ul li a.active,      
                .wc-menu ul li a:hover,   
                .wc-menu ul li a.move,                 
                .wc-menu ul li a.selected,
                .wc-menu ul li a.parent {
                    border-bottom: 2px solid #fff;
                }


            .wc-menu ul li .ernav {
                position: absolute;
                top: 35px;
                background: rgba(152,31,43,0.8);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
                min-width: 100%;
                z-index: 111 !important;
                padding-top: 8px;
                width: 120%;
                left: 10%;
                display: none;
            }

        .wc-menu ul li:nth-last-child(-n+2) .ernav {
            
        }

                .wc-menu ul li .ernav ul {
                    padding-left: 0;
                }

                    .wc-menu ul li .ernav ul li {
                        float: none;
                        display: block;
                        /*二级下拉有影响，需要转化为块状*/
                        background: none;
                        line-height: 30px;
                        border: none;
                        padding: 0;
                    }

                        .wc-menu ul li .ernav ul li a {
                            line-height: 26px;
                            font-size: 15px;
                            background: none;
                            box-shadow: none;
                            border-radius: 0;
                            color: #fff;
                            margin: 0;
                            display: block;
                            padding: 10px 20px 10px 15px;
                            border-bottom: none;
                            font-weight: normal;
                        }

                            .wc-menu ul li .ernav ul li a:hover {
                                background: #761014;
                                color: #fff;
                            }

/*menu End*/

img {
    max-width: 100%;
}


/* 本例子css */

.banner {
    overflow: hidden;
}

    .banner img {
        cursor: pointer;
    }

    .banner .bbg {
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 100%;
        /*z-index: 11;*/
    }

    .banner .swiper-container {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .banner .swiper-wrapper {
        width: 100%;
    }

    .banner .swiper-container .swiper-slide {
        position: relative;
    }

        .banner .swiper-container .swiper-slide .bant {
            position: absolute;
            left: 0px;
            bottom: 20px;
            width: 100%;
            text-align: left;
        }

            .banner .swiper-container .swiper-slide .bant p {
                font-size: 32px;
                color: #fff;
                font-weight: lighter;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
            }

    .banner .swiper-container .bpage {
        position: absolute;
        left: 0px;
        width: 100%;
        bottom: 44px;
    }

    .banner .swiper-container .swiper-pagination {
        width: 100%;
        text-align: right;
        position: relative;
    }

    .banner .swiper-container .swiper-pagination-bullet {
        display: inline-block;
        width: 10px;
        height: 10px;
        background: #fff;
        cursor: pointer;
        opacity: 0.35;
        margin: 0 18px;
    }

    .banner .swiper-container .swiper-pagination-bullet-active {
        background: #fff;
        opacity: 1;
    }

/*banner end*/

.newbg {
    background: #fff;
    padding: 35px 0 50px;
}

.newbg-con {
    padding-top: 32px;
    clear: both;
}

.new-topp {
}

    .new-topp .new-tit {
        font-size: 32px;
        color: #333;
    }

    .new-topp a {
        font-size: 16px;
        color: #888;
        display: block;
        margin-top: 5px;
    }

.new-onecon {
    padding-top: 22px;
}

    .new-onecon a {
        display: block;
        text-decoration: none;
    }

        .new-onecon a span {
            display: block;
            font-size: 24px;
            color: #fff;
            position: absolute;
            left: 0px;
            bottom: 0px;
            width: 100%;
            line-height: 80px;
            background: rgba(0,0,0,0.55);
            padding: 0 30px;
            font-weight: normal;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }




.new-two {
    margin-top: 30px;
}


.new-twoul {
}

    .new-twoul ul {
        padding-left: 0;
        padding-top: 22px;
    }

        .new-twoul ul li {
            float: left;
            background: #f5f5f5;
            padding: 11px 20px 10px;
            width: 31%;
            margin-right: 23px;
            height: 150px;
            transition: all 0.4s ease-out;
            box-shadow: 0px 35px 77px -17px rgba(0, 0, 0, 0);
        }

            .new-twoul ul li a {
                display: block;
                text-decoration: none;
                font-size: 16px;
                color: #333;
                line-height: 31px;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
            }

            .new-twoul ul li span {
                display: block;
                font-size: 16px;
                color: #9a202d;
                margin-top: 15px;
            }

            .new-twoul ul li:hover {
                /*background: #dfcece;*/
                cursor: pointer;
                box-shadow: 0px 35px 77px -17px rgba(0, 0, 0, 0.64);
                transform: scale(1.02);
            }

            .new-twoul ul li:nth-child(3) {
                margin-right: 0;
            }


.traing {
    background: url(../images/trbg.jpg) no-repeat center center;
    background-size: cover;
    min-height: 200px;
    padding: 57px 0 72px;
}


.new-top {
    text-align: center;
}

    .new-top a {
        font-size: 16px;
        color: #888;
        /*text-decoration: none;*/
        position: absolute;
        right: 14px;
        bottom: 0;
    }

    .new-top h4 {
        font-size: 42px;
        color: #9a202d;
        display: inline-block;
        border-bottom: 1px solid #bfbfbf;
        padding: 0 12px 12px;
        text-align: center;
        position: relative;
    }

    .new-top i {
        width: 10px;
        height: 10px;
        border-radius: 10px;
        background: #BFBFBF;
        display: inline-block;
        position: absolute;
        left: 45%;
        bottom: -6px;
    }

    .new-top p {
        font-size: 26px;
        color: #bbb;
    }

.new-top2 h4 {
    color: #fff;
}

.new-top2 p {
    color: #ffc000;
}

.new-top2 a {
    color: #fff;
}


.train-con {
    padding-top: 10px;
}

    .train-con .swiper-container {
        padding-top: 30px;
    }

        .train-con .swiper-container .swiper-slide {
            position: relative;
        }

        .train-con .swiper-container a {
            display: block;
            text-decoration: none;
            text-align: center;
        }

                .train-con .swiper-container a .book-b i {
                    position: absolute;
                    left: 0px;
                    bottom: 0px;
                    width: 100%;
                }

                .train-con .swiper-container a .book-b span {
                    font-size: 32px;
                    color: #fff;
                    position: absolute;
                    left: 0px;
                    width: 100%;
                    bottom: 47px;
                    transition: all 1s;
                }

            .train-con .swiper-container a:hover .book-b span{
                 bottom: 65px;
                transition: all 1s;
            }

/*new-thul*/
    .new-thul {
    }

    .new-thul ul {
        padding: 0;
        margin: 0;
    }

    .new-thul ul li:first-child {
        padding-top: 0;
    }

    .new-thul ul li {
        border-bottom: 1px dotted #c0c0c0;
        padding: 12px 0;
    }

    .new-thul ul li .li-date {
        width: 60px;
        color: #333;
        text-align: center;
        padding: 5px 0;
        border: 1px solid #9a202d;
    }

    .new-thul ul li .li-tt a {
        color: #333;
        font-size: 18px;
        line-height: 31px;
        text-decoration: none;
    }

    .new-thul ul li .li-tt {
        width: calc(100% - 70px);
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-decoration: none;
    }

    .new-thul ul li .li-date p {
        font-size: 24px;
        color: #9a202d;
        margin-bottom: -2px
    }

    .new-thul ul li .li-date span {
        font-size: 16px;
        color: #9a202d;
    }

    .new-thul ul li .li-tt a:hover {
        color: #9a202d;
    }


    .li-dates {
        width: 60px;
        color: #333;
        text-align: center;
        padding: 5px 0;
        background-color: #9a202d;
    }

    .li-dates p {
        font-size: 24px !important;
        margin-bottom: -2px !important;
        margin-top: auto !important;
    }

    .li-dates span {
        font-size: 16px;
        color: #ffffff;
    }
 .new-thul2{
        padding-top: 10px;
}

    .new-thul2 ul li .li-tt {
        width: calc(100% - 70px);
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-decoration: none;
    }

    .new-thul2 ul {
        padding: 0;
    }

    .new-thul2 ul li {
        padding: 12px 0;
        border-bottom: 1px dotted #ccc;
    }

    .new-thul2 ul li a {
        text-decoration: none;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        color: #333;
        font-size: 18px;
        line-height: 30px;
    }

    .new-thul2 ul li a:hover {
        color: #9a202d;
    }

    .new-thul2 ul li p {
        font-size: 16px;
        color: #ffffff;
        margin-bottom: 0;
        margin-top: 10px;
    }

    .new-thul2 ul li .li-tt p {
        font-size: 16px;
        color: #9a202d;
        margin-bottom: 0;
        margin-top: 10px;
    }

    .new-thul2 ul li p span {
        padding-left: 20px;
    }

    .new-thul2 ul li p img {
        padding-right: 10px;
        padding-left: 15px;
    }
/*new-thul*/




.job {
            position: relative;
            border: 1px solid #bbb;
            border-top: 2px solid #9a202d;
            padding: 40px 20px 20px;
            margin-top: 17px;
            background-color: #f5f5f5;
            height: 150px;                 
}

 .job span  img{
    animation:mymove 5s infinite;
                -webkit-animation:mymove 5s infinite; /*Safari and Chrome*/
                animation-direction:alternate;/*轮流反向播放动画。*/
                animation-timing-function: ease-in-out; /*动画的速度曲线*/
                /* Safari 和 Chrome */
                -webkit-animation:mymove 5s infinite;
                -webkit-animation-direction:alternate;/*轮流反向播放动画。*/
                -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
}


    .job span {
        position: absolute;
        left: 20px;
        top: 0px;
    }

    .job a {
        font-size: 18px;
        color: #333;
        display: block;
    }

    .job p {
        font-size: 18px;
        color: #333;
        margin-top: 5px;
    }



@keyframes mymove
            {
                0%{
                transform: scale(1);  /*开始为原始大小*/
                }
                25%{
                    transform: scale(1.2); /*放大1.1倍*/
                }
                50%{
                    transform: scale(1);
                }
                75%{
                    transform: scale(1.2);
                }

            }
            
            @-webkit-keyframes mymove /*Safari and Chrome*/
            {
                0%{
                transform: scale(1);  /*开始为原始大小*/
                }
                25%{
                    transform: scale(1.2); /*放大1.1倍*/
                }
                50%{
                    transform: scale(1);
                }
                75%{
                    transform: scale(1.2);
                }
            }



.school {
    padding: 60px 0 45px;
    background: #f7f7f7;
}

    .school ul {
        padding-left: 0;
    }

.school-ul {
    margin-top: 10px;
}

    .school-ul ul li {
        float: left;
        text-align: center;
        width: 25%;
        overflow: hidden;
        transform: scale(1.0);
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

        .school-ul ul li a {
            text-decoration: none;
        }

        .school-ul ul li span {
            display: block;
            margin-top: 20px;
            font-size: 32px;
            color: #333;
        }

        .school-ul ul li img {
        }

        .school-ul ul li:hover {
            transform: scale(1.1);
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -o-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transition: all 0.2s linear;
        }






/*footer*/

.footer {
    min-height: 120px;
    padding: 35px 0 5px;
    background: #9a202d;
    font-weight: lighter;
    color: #fff;
    cursor: pointer;
}

.f-left, .f-left2, .f-mid, .f-right {
    border-left: 1px solid #f7f7f7;
    padding-left: 20px;
   
}

    .f-left p:first-child {
        display: inline-block;
        margin-top: -10px;
    }


    .f-left p {
        color: #fff;
        font-size: 14px;
        margin-bottom: 15px;
    }

.footer ul {
    padding: 0;
    display: inline-block;
    margin-top: -7px;
    margin-bottom: -7px;
}

    .footer ul li {
    }

        .footer ul li a {
            color: #fff;
            font-size: 14px;
            line-height: 35px;
            margin-bottom: 0;
        }


.f-right p:nth-child(2) {
    /*padding-left: 20px;*/
}





.footer .fcopy {
    font-size: 14px;
    font-weight: lighter;
    margin-top: 40px;
    color: #fff;
}


.swiper-button-next{
    background: url(../images/l.png);
    width: 70px;
    height: 70px;
    left: 70px;
    display: block;
    opacity: 1;
}
.swiper-button-prev {
    background: url(../images/r.png);
    width: 70px;
    height: 70px;
    right: 70px;
    display: block;
    opacity: 1;
    left: auto;
}
/*.wc-copyEnd*/


.gengduo{
    margin-top: -25px;
}
.gengduo a{
    font-size: 16px;
    color: #888;
}

.sw-two-next{
    left: 40px;
    background: url(../images/img22.png);
    width: 70px;
    height: 140px;
    top: 165px;
    background-color: rgba(0, 0, 0, 0.42);
}  
.sw-two-prev{
    right: 40px;
    background: url(../images/img23.png);
    width: 70px;
    height: 140px;
    top: 165px;
    background-color: rgba(0, 0, 0, 0.42);
}




.f-right{
		padding-top: 20px;
		padding-left: 16px;
	}
	.f-right ul{
	    padding: 0;
	    text-align: center;
	}
	.f-right ul li{
		display: inline-block;
		padding: 0 5px;
		text-align: center;
	}
	.f-right ul li p{
		padding: 0 !important;
	}





@media (max-width: 1440px) {
    .job {
        margin-top: 20px;
    }
}

@media (max-width: 1400px) {
    .job {
        margin-top: 10px;
    }

    .new-onecon a span {
        line-height: 60px;
        font-size: 22px;
    }

    .new-thul2 ul li {
        padding: 16px 0;
    }
}

@media (min-width: 1320px) {

    .fleft1 {
        width: 20%;
    }

    .fleft2 {
        width: 18%;
    }
}

@media (max-width: 1340px) {
    .new-twoul ul li {
        margin-right: 3%;
    }

    .job {
        margin-top: 15px;
        padding-bottom: 5px;
    }


    /*.new-twoul ul li{
		height: 200px;
	}*/



}

@media (max-width: 1440px) {
}




@media (max-width: 1200px) {
    /*中等屏幕设备 桌面*/
    .wc-menu ul li a {
        padding: 0 0px;
        font-size: 15px;
    }

    .wc-menu {
        padding: 15px 0;
    }

    .wc-top {
        min-height: 106px;
    }

    .banner .swiper-container .swiper-slide .bant p {
        width: 80%;
        font-size: 28px;
    }

    .banner .swiper-container .swiper-pagination-bullet {
        margin: 0 8px;
    }

    .banner .swiper-container .bpage {
        bottom: 24px;
    }

    .banner .swiper-container .swiper-slide .bant {
        bottom: 10px;
    }

    .new-top h4 {
        font-size: 34px;
    }

    .new-top p {
        font-size: 24px;
    }

    .new-topp .new-tit {
        font-size: 28px;
    }

    .new-onecon {
        padding-top: 20px;
    }

    .new-thul ul {
        padding-top: 20px;
    }

    .new-thul2 ul li:last-child {
        /*display: none;*/
    }

    .job a {
        font-size: 16px;
    }

    .new-thul ul li .li-tt a {
        font-size: 16px;
    }

    .new-thul2 ul li a {
        font-size: 16px;
    }

    .new-thul2 ul li {
        padding: 10px 0;
    }

    .school-ul ul li span {
        font-size: 26px;
    }
}



@media (max-width: 991px) {
    /*小屏幕设备 平板*/
    .container {
        width: 94%;
    }

/*    .logo1 {
        padding-bottom: 15px;
    }*/

        .logo1 img {
            display: inline-block;
        }

    .traing {
        padding: 20px 0 30px;
    }

    .train-con .swiper-container a .book-b span {
        font-size: 24px;
        bottom: 20px;
    }

    .school {
        padding: 40px 0;
    }

    .school-ul ul li:hover {
        transform: scale(1.0);
    }

    .school-ul ul li span {
        font-size: 24px;
    }

    .new-top h4 {
        font-size: 30px;
    }

    .new-topp .new-tit {
        font-size: 24px;
    }

    .newbg-con {
        padding-top: 20px;
    }

    .new-twoul ul li span {
        font-size: 15px;
    }

    .job p {
        font-size: 16px;
    }

    .new-thul2 ul li:last-child {
        display: none;
    }
}

@media (max-width: 767px) {

.sw-two-next{
display: none;
}
.sw-two-prev{
display: none;
}
.swiper-button-next{
display: none;
}
.swiper-button-prev{
display: none;
}



    /*超小屏幕设备 手机*/
    .right-nr table td,
    .right-nr table th {
        white-space: nowrap;
    }

    .logo1 {
        padding-bottom: 1px;
        width: 86%;
        text-align: left;
    }

        .logo1 img {
        }

    .container {
        width: 100%;
    }

    .new-thul2 ul li:last-child {
        display: block;
    }

    .banner .swiper-container .swiper-slide .bant p {
        font-size: 16px;
        width: 100%;
    }

    .banner .swiper-container .swiper-pagination {
        text-align: center;
        bottom: -21px;
    }

    .newbg {
        padding: 20px 0;
    }

    .new-top h4 {
        font-size: 24px;
    }

    .new-top p {
        font-size: 18px;
    }

    .newbg-con {
        padding-top: 0px;
        margin-top: 0px;
    }

    .new-topp .new-tit {
        font-size: 22px;
    }

    .new-onecon a span {
        font-size: 18px;
        line-height: 40px;
        text-align: left;
        padding: 0 10px;
    }

    .new-onecon {
        padding-top: 10px;
    }

        .new-onecon .swiper-container {
            padding-bottom: 20px;
        }

        .new-onecon .swiper-pagination {
            bottom: -5px;
        }

            .new-onecon .swiper-pagination .swiper-pagination-bullet {
                width: 10px;
                height: 10px;
                background: #9a202e;
            }

    .new-two {
        margin-top: 20px;
    }

    .new-twoul ul li {
        padding: 15px 10px 10px;
    }

        .new-twoul ul li a {
            line-height: 25px;
            font-size: 15px;
        }

    .new-twoul ul {
        padding-top: 10px;
    }

    .new-three {
        margin-top: 20px;
    }

    .new-thul ul li .li-date p {
        font-size: 24px;
    }

    .traing {
        padding: 20px 0;
    }

    .new-top a {
        right: 10px;
        font-size: 14px;
    }

    .train-con {
        padding-top: 0;
    }

        .train-con .swiper-container {
            padding-bottom: 30px;
            padding-top: 15px;
        }

            .train-con .swiper-container a .book-b span {
                font-size: 20px;
                bottom: 20px;
            }

            .train-con .swiper-container .swiper-pagination {
                bottom: 0px;
            }

                .train-con .swiper-container .swiper-pagination .swiper-pagination-bullet {
                    width: 10px;
                    height: 10px;
                    background: #52131a;
                }

            .train-con .swiper-container a:hover .book-b {
                margin-top: 0px;
                transition: all 1s;
            }

    .job {
        margin-top: 20px;
    }

        .job p {
            font-size: 16px;
        }

    .new-thul2 ul li:last-child {
        display: block;
    }





    .school {
        padding: 20px 0;
    }

    .school-ul ul li {
        width: 50%;
    }

        .school-ul ul li span {
            font-size: 20px;
        }

    .f-left, .f-left2, .f-mid, .f-right {
        border-left: none;
        min-height: 100px;
        padding-bottom: 10px;
        /*text-align: center;*/
    }

    .f-right {
        text-align: center;
        padding-left: 0;
    }

        .f-right p:nth-child(2) {
            padding-left: 0;
        }

    .footer ul {
        margin-top: 0;
    }

        .footer ul li a {
            line-height: 30px;
        }

    .footer p.fcopy {
        margin-top: 10px;
    }
}