@charset "utf-8";
/*banner*/
.pageBanner {
    display: flex;
    align-items: flex-end;
    background-size: cover !important;
    height:650px;
    color: #fff;
    flex-direction: column;
    justify-content: center;
    transition: all 0.5s;
    width: 100%;
    position: relative;
    /* z-index: -1; */
}
.pageBanner::after{
    content: "";
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0;
    height: 100%;
    background: url("/static/default/assets/img/zz1.png") left bottom no-repeat;
    background-size: contain;

}
.pageBanner .sub {
    font-size: 180px;
    font-family: siyuan;
    font-weight: 900;
    color: #ffffff11;
    text-align: right;
    margin-right: 46px;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}
.pageBanner .title {
    margin-right: calc(46px + 266px);
    text-align: right;
    font-size: 60px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    position: absolute;
    z-index: 1;
}
.pageBanner.productBanner::after {
    background: url("/static/default/assets/img/zz3.png") left bottom no-repeat;
    background-size: contain;
}
.pageBanner.productShow::after {
    background: url("/static/default/assets/img/zz.png") left bottom no-repeat;
    background-size: contain;
}



.pageBanner.trainBanner {
    height: 830px;
}
.pageBanner.trainBanner::after {
    background: url("/static/default/assets/img/zz4.png") left bottom no-repeat;
    background-size: contain;
}
.container.page_bg {
    background: #f3f7fe;
}
.container.page_bg.school-bg {
    background: #f3f7fe url('/static/default/assets/img/xiaoqi.jpg') no-repeat center top;
    background-size: contain;
}
/* ���� */
@media screen and (max-width: 1440px) {
    .pageBanner .sub {
        font-size: 120px;
    }
    .pageBanner .title {
        font-size: 48px;
        margin-right: calc(46px + 166px);
    }
}



@media screen and (max-width: 1440px) {

}
@media screen and (max-width: 1200px) {

}
@media screen and (max-width: 1000px) {
    .pageBanner {
        height: 400px !important;
    }
    .pageBanner .sub {
        font-size: 48px;
        margin: 0 auto;
        text-align: center;
    }
    .pageBanner .title {
        font-size: 28px;
        text-align: center;
        margin: 0 auto;
        position: initial;
    }
}
@media screen and (max-width: 768px) {

}


 /*-----------------------------------------------------------------------------------page end----------------------------------------------------------------*/
 .pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:0rem;margin:50px 0;}
 
 .page-link{position:relative;display:block;padding:10px 10px;margin-left:-1px;line-height:1;color:#007bff;background-color:#fff;border:1px solid #dee2e6}
 .page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}
 .page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 0 rgba(0,123,255,.25)}
 .page-item:first-child .page-link{margin-left:0;border-top-left-radius:8px;border-bottom-left-radius:8px}
 .page-item:last-child .page-link{border-top-right-radius:8px;border-bottom-right-radius:8px}
 .page-item.active .page-link{z-index:1;color:#fff;background-color:#007bff;border-color:#007bff}
 .page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}
 .pagination-lg .page-link{padding:.1rem .1rem;font-size:20px;line-height:1}
 .pagination-lg .page-item:first-child .page-link{border-top-left-radius:8px;border-bottom-left-radius:8px}
 .pagination-lg .page-item:last-child .page-link{border-top-right-radius:8px;border-bottom-right-radius:8px}
 .pagination-sm .page-link{padding:.1rem .1rem;font-size:20px;line-height:1}
 .pagination-sm .page-item:first-child .page-link{border-top-left-radius:8px;border-bottom-left-radius:8px}
 .pagination-sm .page-item:last-child .page-link{border-top-right-radius:8px;border-bottom-right-radius:8px}
 .clean-block.clean-catalog .pagination{-ms-flex-pack:center;justify-content:center}
 
 /*-----------------------------------------------------------------------------------page end----------------------------------------------------------------*/
 
 

.contact-buttons { position: fixed; right:0rem; top: calc(50% - 200px); background: #ffffff; border-radius: 50px; padding: 10px 10px; text-align: center; transition: all 0.3s ease; z-index: 3; box-shadow:0px 0px 6px rgba(0,0,0,0.15);-moz-box-shadow:0px 0px 8px rgba(0,0,0,0.15);-webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.15);}
.contact-buttons font { display: block; padding: 10px 0; border-bottom: 1px solid #dfe5f2; padding-bottom: 20px; font-size:14px; color:#555;}
.contact-buttons .contact-btn { padding-top:20px; position: relative; }
.contact-buttons .contact-btn:nth-last-child(1) { padding-bottom: 20px; }
.contact-buttons .contact-btn:nth-last-child(1) font { border-bottom: 0; }
.contact-buttons .contact-btn img { width: 35px; }
.contact-buttons .contact-btn .t3 {position: absolute;left: -130px;top: 0px;opacity: 0;z-index: -2;transition: 0.3s ease all;visibility: hidden;}
.contact-buttons .contact-btn .t3 img { width: 130px; max-width: 130px; background:#fff;}
.contact-buttons .contact-btn:hover .t3 { z-index: 1; opacity: 1; left: -160px; visibility:visible}
/* 电话号码hover样式 */
.phone-btn .phone-number { position: absolute; right: calc(100% - 30px); top: 0%; padding: 0 20px; color: #333; font-size: 14px; white-space: nowrap; opacity: 0; visibility: hidden; transition: right 0.3s ease,opacity 0.3s ease; z-index: -1; }
.phone-btn:hover .phone-number { opacity: 1; visibility: visible; right: calc(100% - 10px); /* 微调间距 */ background: #fff; padding: 30px; border-radius: 50px 0 0 50px; }
.phone-btn:hover ~ .contact-buttons { padding-left: 20px; }


@media screen and (max-width: 768px) {
.contact-buttons{ display:none;}
}


 /* ====== go top start ====== */
.gotop {
	background-color: rgba(0, 0, 0, 0.5);
	bottom: 70px;
	position: fixed;
	right: 20px;
	z-index: 10;
	width:45px;
	height:45px;
	display:none;
}
.gotop:hover {
    background-color: rgba(0, 0, 0, 0.6);
}
.gotop a {
	display: block;
	height: 40px;
	overflow: hidden;
	width: 45px;
	font-size:24px;
	color:#FFF;
	text-align:center;
	line-height:40px;
}
.gotop a:hover{color:#FFF}
/* ====== go top end ====== */

.vh-21{overflow:hidden;height:auto;margin-top:-21px;}