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

.clearFloat {
    overflow: hidden;
}

.whiteBg {
    background: #fff;
}

.flexcont {
    display: flex;
    align-items: center;
}

.tC{
    text-align: center;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.flex-between {
    justify-content: space-between;
}

.banxingbanner {
    position: relative;
    width: 100%;
    height: 700px;
    margin-top:0px;
   
}
.banxingbanner img {
   position: relative;
    width: 100%;
    height: 700px;
    margin-top:0px;
}
.neibanner {
    position: relative;
    width: 100%;
    height: 700px;
    margin-top:0px;
    background: #0000b2 url('../images/bannerbg.jpg') right center no-repeat;
}

.neibanner img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 96%;
    max-height: 90%;
    transform: translate(-50%, -50%);
    animation: fadeInone .8s forwards;
}

.scoreBanner {
    background: url('../images/bannercj.jpg') right center no-repeat;
    background-size: auto 100%;
}

.aboutBanner {
    background: url('../images/aboutbanner.jpg') right center no-repeat;
    background-size: auto 100%;
}

.scroeInfo {
    padding-top: 54px;
    padding-bottom: 40px;
}

.tipcomm {
    color: #0207d4;
}

.tipcomm dt {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 2px;
}

.tipcomm dd {
    text-transform: uppercase;
    font-size: 16px;
}

.tipcomm p {
    width: 22px;
    height: 3px;
    background: #0308d5;
    margin-top: 12px;
}

.smallLogo {
    width: 145px;
    height: 146px;
}

.scoreLi {
    border: 1px solid #0308d5;
    text-align: center;
}

.scoreLi a {
    display: block;
    padding: 24px 45px;
}

.scoreLi b,
.scoreLi span {
    display: block;
}

.scoreLi b {
    font-size: 30px;
}

.scoreLi span {
    text-transform: uppercase;
    font-size: 12px;
}

.scoreLi a.active {
    background: #0308d5;
    color: #ffa800;
}

.mainRecord {
    padding: 82px 0;
    background: #e9e9e9 url('../images/cjbg.jpg') center top repeat-y;
}

.recordList li {
    border: 2px solid #1217d7;
    margin-bottom: 86px;
}

.recordList li img {
    width: 100%;
}

.pageList {
    text-align: center;
    padding-bottom: 20px;
}
.pageList p{
    color: #999;
}

.pageList li {
    display: inline-block;
    width: 110px;
    height: 18px;
    border: 1px solid #0308d5;
}

.pageList li.thisclass {
    background: #0308d5;
}
.pageList li a{
    display: inline-block;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.aboutInfo {
    color: #0207d4;
    padding: 26px 0;
}

.mainAbout {
    padding-top: 24px;
    background:#fff;
    padding-bottom:50px;
}
.contentAbout {
    padding-top:1px;
    background:#fff;
    padding-bottom: 50px;
}

.aboutImg {
    width: 532px;
}

.aboutImg img {
    width: 100%;
    margin-bottom: 18px;
}

.aboutCont {
    width: 516px;
    text-align: justify;
    color: #2e2625;
    line-height: 32px;
    font-size: 16px;
}

.aboutCont p {
    margin-bottom: 30px;
}

.aboutCaption h1 {
    font-size: 84px;
    text-transform: uppercase;
    line-height: 1.1em;
    font-weight: bold;
    color: #0207d4;
}

.aboutCaption p {
    color: #2126d7;
    font-size: 13px;
    position: relative;
}

.aboutCaption p span {
    padding-right: 3px;
}

.aboutCaption p::after {
    content: "";
    display: inline-block;
    height: 1px;
    background: #0308d5;
    width: 400px;
    position: absolute;
    top: 50%;
}

.aboutping {
    background: #979797;
    font-size: 16px;
    color: #fff;
    display: inline-block;
    line-height: 1.4em;
    padding: 10px 20px;
}

.aboutping dd {
    font-size: 13px;
}

.liankao {
    border: 2px solid #0308d5;
}

.lkTop {
    height: 60px;
    position: relative;
    z-index: 10;
    color: #fff;
    background: #0308d5;
}

.area {
    position: absolute;
    left: 18px;
    bottom: 8px;
    vertical-align: bottom;
}

.area strong {
    font-size: 52px;
    text-shadow: -2px 0px 0 #0308d5, 0px -2px 0 #0308d5;
}

.area span {
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
    padding-left: 8px;
}

.cjList {
    position: absolute;
    right: 22px;
    top: 15px;
    font-size: 18px;
    font-weight: bold;
}

.cjList p {
    padding: 6px;
    cursor: pointer;
    width: 62px;
}

.cjList p::after {
    content: "";
    position: absolute;
    right: 6px;
    top: 14px;
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid #fff;
}

.cjList ul {
    background: rgba(3, 8, 213, .6);
    padding: 0 5px;
    display: none;
}

.cjList:hover ul {
    display: block;
}

.cjList li {
    border-bottom: 1px solid rgba(255, 255, 255, .6);
}

.cjList li:last-child {
    border-bottom: 0;
}

.cjList li a {
    display: block;
    height: 38px;
    line-height: 38px;
    padding: 6px 10px;
    color: #fff;
}

.cjList li a:hover {
    color: #eeca0e;
}

.mainJoint {
    padding: 22px 22px 70px;
    background: #fff;
    text-align: justify;
}

.mainJoint img {
    max-width: 100%;
}

.envMeun {
    display: flex;
    text-align: center;
    position: relative;
    background: #fff;
    z-index: 100;
}

.envMeun li {
    width: 33.33%;
    font-size: 30px;
}

.envMeun li a {
    display: block;
    height: 109px;
    line-height: 109px;
    color: #b1b1b1;
    transition: all .3s;
}

.envMeun li.active a,
.envMeun li a:hover {
    background: #0308d5;
    font-weight: bold;
    color: #fff;
}

.envImgAll {
    padding-top: 58px;
    padding-bottom: 100px;
    background: #ffa800;
    position: relative;
}

.envMidde {
    position: relative;
}

.envImgAll::before,
.envMidde::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    content: "";
    width: 39.46%;
    height: 100%;
    display: block;
    background: #0308d5;
}

.envImgList {
    overflow: hidden;
    background: #fff;
    border: 4px solid #fff;
    position: relative;
    z-index: 1;
}

.envImgList li {
    float: left;
    width: 588px;
    height: 405px;
    border: 4px solid #fff;
}

.envImgList li img {
    width: 100%;
    height: 100%;
}

.teacherBanner {
    height: 599px;
    padding-top: 48px;
    background: #f3f3f3 url('../images/teacherbg.jpg') center center no-repeat;
}

.teacherBanner .swiper-container {
    width: 1200px;
    height: 100%;
}

.teacherBanner .swiper-wrapper {
    /* 通过改变animation-timing-function 制作弹性切换效果 */
    transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;
}

.teacherBanner .swiper-slide {
    align-items: flex-start;
    justify-content: space-between;
}

.teacherBanner .swiper-pagination-bullet-active {
    background: #0308d5 !important;
    width: 10px;
    height: 10px;
}

.teacherBanner .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 40px;
}

.teacherImg {
    width: 511px;
    height: 600px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.teacherImg img {
    max-width: 100%;
    max-height: 100%;
}

.teacherInfo {
    width: 634px;
    padding-right: 86px;
    height: 100%;
    position: relative;
}

.teacherInfo h2 {
    font-size: 30px;
    color: #0207d4;
    font-weight: bold;
    line-height: 1em;
    margin-bottom: 77px;
}

.teacherInfo h2::after {
    content: "";
    display: block;
    width: 24px;
    height: 5px;
    background: #0207d4;
    margin-top: 8px;
}

.teacherInfo dl {
    border-bottom: 1px dashed #000;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.teacherInfo dt {
    font-size: 40px;
    font-weight: bold;
}

.teacherInfo dd {
    font-size: 24px;
}

.infoText {
    font-size: 16px;
    line-height: 29px;
    text-align: justify;
}

.goteacher {
    position: absolute;
    right: 86px;
    bottom: 26px;
}

.lanxian {
    width: 100%;
    height: 40px;
    background: #0308d5;
}

.teacherMeun {
    padding: 67px 0;
    overflow: hidden;
    text-align: center;
	margin-left: -40px;
}

.teacherMeun li {
    display: inline-block;
    margin: 0 16px;
}

.teacherMeun li a {
    display: block;
    font-weight: bold;
    width: 207px;
    height: 78px;
    font-size: 22px;
    line-height: 78px;
    border: 1px solid #000;
    border-radius: 10px;
    background: #f0f0f0;
    color: #0207d4;
}

.teacherMeun li a.thisclass,
.teacherMeun li a:hover {
    background: #0207d4;
    border: 1px solid #0207d4;
    color: #fff;
}

.teacherList {
    overflow: hidden;
    padding-bottom: 145px;
    margin-left: -32px;
}

.teacherList li {
    width: 378px;
    float: left;
    margin: 0 32px 32px 0;
}

.teacherList li .imgs {
    width: 100%;
    height: 402px;
    overflow: hidden;
    background: #cacaca;
    text-align: center;
}

.teacherList li img {
    max-width: 100%;
    max-height: 100%;
}

.teacherCont {
    background: #0308d5;
    height: 160px;
    color: #fff;
}

.teacherCont dl {
    padding: 22px 22px 0 22px;
    height: 100px;
    border-bottom: 8px solid #ffa800;
}

.teacherCont dt {
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    margin-bottom: 5px;
}

.teacherCont dt strong {
    font-size: 30px;
}

.teacherCont dt span {
    font-size: 13px;
}

.teacherCont dd {
    font-size: 25px;
}
.teacherMain{
	padding-bottom: 60px;
	overflow: auto;
}
.teacherMain .teacherImg{
    align-items: flex-start;
}
.teacherMain .teacherInfo{
    padding: 0;
}
.teacherMain .infoText{
	margin-bottom: 100px;
}
.teacherMain .teacherInfo dl{
    border-bottom: 0;
}
.fanye{
	line-height: 2em;
}
.fanye,.fanye a{
	color: #0308d6;
	font-size: 14px;
}

.huiBg {
    background: #f7f8f8;
}

.newsList {
    padding-top: 8px;
    padding-bottom: 49px;
    width: 1000px;
    margin: 0 auto;
}

.newsList li {
    height: 408px;
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 38px;
}

.newsList li a {
    display: block;
}

.newsList li .newImg,
.newsList li .newImg img {
    width: 100%;
    height: 100%;
}

.newsList li .newImg img {
    transition: all .4s;
}

.newsList li:hover .newImg img {
    transform: scale(1.1);
}

.newsList li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    transition: all .4s;
    z-index: 1;
    background: rgba(255, 255, 255, .6) url(../images/withbg.png) 96% 50px no-repeat;
}

.newsList li:hover::before {
    opacity: 0;
}

.newsInfo {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .4s;
    z-index: 2
}

.newsInfoNei {
    padding: 40px 30px 15px 50px;
    text-align: justify;
}

.newsInfo dt {
    font-size: 60px;
    color: #000;
    font-weight: bold;
    margin-bottom: 10px;
    transition: all .4s
}

.newsInfo dd {
    font-size: 16px;
    color: #666;
    width: 420px;
    line-height: 26px;
    transition: all .4s
}

.times {
    position: absolute;
    left: 40px;
    right: 50px;
    bottom: 15px;
    font-size: 26px;
    font-weight: bold;
    opacity: 1;
    transition: all .4s;
}

.times span {
    padding-right: 8px;
}

.times::after {
    content: "";
    display: block;
    flex: 1;
    height: 1px;
    background: #3b3b3a;
}

.timeSmall {
    display: none;
    margin-top: -5px;
    margin-bottom: 35px;
    font-size: 15px;
    font-weight: bold;
}

.timeSmall span {
    padding-right: 5px;
}

.timeSmall::after {
    content: "";
    width: 109px;
    display: block;
    height: 1px;
    background: #fff;
}

.mores {
    transition: all .4s;
    position: absolute;
    left: 38px;
    bottom: 36px;
    opacity: 0;
}

.newsList li:hover .mores {
    opacity: 1;
    width: 90px;
    height: 24px;
    background: url('../images/mores.png') no-repeat;
}

.newsList li:hover .newsInfoNei {
    padding: 38px 88px 0 38px;
}

.newsList li:hover .newsInfo {
    right: 0;
    left: auto;
    width: 448px;
    background: #0308d6;
    color: #fff;
}

.newsList li:hover .newsInfo dt {
    font-size: 40px;
    color: #fff;
}

.newsList li:hover .newsInfo dd {
    color: #fff;
    width: 100%;
    text-align: justify;
}

.newsList li:hover .times {
    opacity: 0;
}

.newsList li:hover .timeSmall {
    display: flex;
}

.classMeun {
    height: 196px;
    background: #f7f8f8;
    position: relative;
}

.classMeun::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 50%;
    background: #0308d6;
    color: #0207d6;
}

.classInfo {
    height: 137px;
    background: #efefef;
    position: relative
}

.classBan {
    position: absolute;
    left: 12px;
    bottom: 12px;
}

.classBan dl {
    color: #0308d6;
    font-weight: bold;
    text-transform: uppercase;
}

.classBan dt {
    font-size: 60px;
}

.classBan dd {
    font-size: 24px;
}

.classBan p::before {
    display: block;
    content: "";
    width: 20px;
    height: 2px;
    background: #1e1e1e;
    margin-bottom: 7px;
}

.classBan p {
    font-size: 21px;
    padding-top: 7px;
}

.classCont {
    text-align: justify;
    font-size: 24px;
    color: #595757;
    line-height: 42px;
    padding: 20px;
}

.classCont p {
    margin-bottom: 20px;
}

.classMLlist {
    position: relative;
    z-index: 2
}

.classMLlist a {
    color: #0207d6;
}

.classMLlist>div {
    width: 50%;
    height: 196px;
    text-align: center;
    background: #f7f8f8;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}
.classMLlist dl{
    padding-top: 20px;
}
.classMLlist>div ul{
    padding-bottom: 20px;
}

.classMLlist>div.active,
.classMLlist>div:hover {
    background: #0207d6;
}

.classMLlist div:hover dl {
    color: #fff;
}

.classMLlist ul {
    width: 100%;
    overflow: hidden;
    padding-left: 11px;
}

.classMLlist li {
    width: 168px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    float: left;
    margin: 0 11px;
    margin-bottom: 10px;
}

.classMLlist li a {
    width: 100%;
    height: 100%;
    display: block;
    background: #fff;
    color: #000;
    border-radius: 10px;
}

.classMLlist li a:hover,
.classMLlist li.active a {
    background: #ffa900;
}

.smallCont{
    width: 800px;
}

.classMLlist dt {
    font-size: 50px;
    font-weight: bold;
}

.classMLlist dd {
    font-size: 14px;
}

.classMLlist>div.active {
    color: #fff;
}
.classInfo::after{
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border-top: 137px solid #ffe100;
    border-left: 137px solid transparent;
}
.wenjiao{
    position: absolute;
    z-index: 3;
    top: 0;
    text-align: center;
    right: 5px;
    top: 26px;
    width: 80px;
    color: #1d1f86;
    font-size: 13px;
    font-weight: bold;
    transform: rotate(45deg);
    line-height: 1.5em;
}

#fh5co-board{
    padding: 20px 0;
    overflow: hidden;
}
#fh5co-board .item{
    padding: 10px;
}
.image-popup img{
    width: 100%;
}
.column { float: left; }
.studentList{ overflow: hidden; padding: 30px 0;}
.studentList li a{
    padding-right: 30px;
}
.studentList li{
    float: left;
    width: 50%;
    height: 560px;
    margin-bottom: 30px;
}
.studentList li .newImg{
    width: 60%;
    height: 100%;
    flex-shrink: 0;
    overflow: hidden;
}
.studentList li .newImg img{
    height: 560px;
}
.studentList li .studentInfo{
    background: #0308d6;
    color: #fff;
    width: 40%;
    height: 560px;
    position: relative;
}
.studentList li .studentInfo dl{
    padding: 30px;
    text-align: justify;
}
.studentList li .studentInfo dt{
    font-size: 22px;
    font-weight: bold;
    line-height: 1.6em;
}
.studentList .moreTime{
    text-align: right;
    font-family: "宋体";
    position: absolute;
    bottom: 30px;
    right: 30px;
}


@media screen and (max-width: 480px) {
.column { float: none; position: relative; clear: both; }
}
.size-1of4 { width: 25%; }
.size-1of3 { width: 33.333%; }
.size-1of2 { width: 50%; }
#fh5co-board[data-columns]::before { content: '4 .column.size-1of4'; }

/* Configurate salvattore with media queries */
@media screen and (max-width: 450px) {
#fh5co-board[data-columns]::before { content: '1 .column'; }
}

@media screen and (min-width: 451px) and (max-width: 700px) {
#fh5co-board[data-columns]::before { content: '2 .column.size-1of2'; }
}

@media screen and (min-width: 701px) and (max-width: 850px) {
#fh5co-board[data-columns]::before { content: '3 .column.size-1of3'; }
}

@media screen and (min-width: 851px) {
#fh5co-board[data-columns]::before { content: '2 .column.size-1of2'; }
}

.workMeun{
    height: 198px;
    line-height: 198px;
    background: #f7f8f8;
    font-size: 30px;
    position: relative;
}
/* .workMeun::before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 30%;
    background: #0308d6;
    z-index: 0;
} */
.worksText{
    background: #f7f8f8;
    position: relative;
    z-index: 1;
}
.workMeun li{
    width: 33.33%;
    text-align: center;
}
.workMeun li a{
    display: block;
    height: 100%;
    width: 100%;
    transition: all .3s;
}
.workMeun li a:hover,.workMeun li a.thisclass{
    background: #0308d6;
    color: #fff;
    font-weight: bold;
}
.mainCont{
    padding-top: 130px;
}
.newBody{
    color: #2e2625;
    line-height: 32px;
    font-size: 16px;
    padding:5px 0;
}
.newBody img{
    width: 800px!important;
    height: auto!important;
}
.newtitle h2{
    font-size: 30px;
    line-height: 2em;
}
.newInfo{
    color: #999;
    font-size: 12px;
    padding-bottom: 10px;
}
.place{
    padding: 20px 0;
}
.place,.place a{
    color: #666;
}
.pagenext{
    overflow: hidden;
    margin-bottom: 30px;
    color: #999;
}
.pagenext a{
    color: #999;
}
.teachertip{
	padding: 30px 0 60px;
}
.studentList{}

@keyframes fadeInone {
    0% {
        opacity: 0;
        top: 60%;
    }

    100% {
        opacity: 1;
        top: 50%;
    }
}

@media screen and (max-width: 1360px) {
    .neibanner {
        height: calc(100vh - 100px);
    }
}