@font-face {
  font-family: 'font-736';
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
  src: url(../page/style/font/736-CAI978.ttf) format('truetype');
}

@font-face {
  font-family: 'font-syBold';
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
  src: url(../page/style/font/SourceHanSerifCN-Bold.otf) format('truetype');
}


.w-1300{
	width:1300px;
	margin: auto;
	overflow: hidden;
}
@media (max-width: 1380px) {
	.w-1300{	width:96%;	}
}

/*====================================INDEX===========*/






/*===========in-news===========*/	
.in-news{
	width: calc(93% - 390px);
	margin: auto;
	overflow: hidden;
	float: left;
	margin-top: 5%;
}

.in-news .title{
    border-bottom: 1px solid #efefef;
    font-size: 32px;
    color: #222;
    padding-bottom: 25px;
    line-height: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 3%;
}
.in-news .title span{
    float: right;
    font-size: 16px;
	color: #222
}
.in-news .title span:hover{color:#c12d31}
.in-news .title span img{}
.in-news .title span a{color:#222;}

.in-news .title span img{transition: all 0.3s;  margin-left: 5px;}
.in-news .title span:hover img{margin-left:10px;transition: all 0.3s;}

.in-news .list1{
    width: 100%;
    margin: auto;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #efefef;
    padding-bottom: 4%;
    margin-top: 5%;
}
.in-news .list1 li{
    width: 45%;
    list-style: none;
}
.in-news .list1 li .pic{
	    width: 100%;
	    margin: auto;
	    float: left;
	    overflow: hidden;
	    max-height: none;
	    position: relative;
	    padding-bottom: 61%;
}
.in-news .list1 li .pic img{
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%) scale(1.0);
	    height: 100%;
	    min-width: 100%;
	    transition: all .5s ease;border-radius: 15px;
}

.in-news .list1 li .pic img:hover{ min-width: 102%;height: 102%;}

.in-news .list1 li .date{
    color: #a8a8a8;
    font-size: 13px;
    margin: 5% 0 1%;
    width: 100%;
    overflow: hidden;
    float: left;
}
.in-news .list1 li .bt{font-size: 18px;color: #222121;display: inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;}
.in-news .list1 li .bt a{color: #222121;}
.in-news .list1 li .bt a:hover{color: #c12d31;}

.in-news .list2{
    margin-top: 2%;
}
.in-news .list2 li{
    width: 100%;
    list-style: none;
    display: flex;
    border-bottom: 1px dashed #e1e1e1;
    align-items: center;
    padding: 3% 0 2% 3%;
	background: url(style/images/20years_23.jpg) no-repeat left center;
    }
.in-news .list2 li .bt{font-size: 18px;color: #222121;display: inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: calc(100% - 100px);}
.in-news .list2 li .bta{color: #222121;}
.in-news .list2 li .bt a:hover{color: #c12d31;}
.in-news .list2 li .date{
    width: 100px;
    text-align: right;
    color: #a8a8a8;
    font-size: 13px;
}













/*===========in-form===========*/	
.in-form{
	width: 390px;
	overflow: hidden;
	float: right;
	margin: 5px;
	box-shadow: 0px 0px 7px rgb(0 0 0 / 15%);
	padding: 4% 3% 3%;
	margin-top: 5%;
	border-bottom: 7px solid #881413;
}

.in-form .title{
    border-bottom: 1px solid #efefef;
    font-size: 24px;
    color: #222;
    padding-bottom: 30px;
}
.in-form .title span{
    float: right;
}
.in-form .text{
    font-size: 15px;
    text-align: justify;
    color: #565656;
    margin-top: 30px;
}
.in-form .code{
    text-align: center;
    margin-top: 10%;
}
.in-form .text2{
    text-align: center;
    color: #a1a1a1;
    font-size: 12px;
}
.in-form .text2 span{
    display: block;
    font-size: 16px;
    color: #222;
}







@media (max-width: 992px) {
	.in-news{width:100%}
	.in-news .title{font-size:24px;padding-bottom: 15px;}
	.in-news .title span{font-size:15px;}
	.in-news .list1 li{    width: 49%;}
	.in-news .list1 li .bt{    font-size: 16px;}
	.in-news .list2 li .bt{    font-size: 16px;}
	
	.in-form{margin-top: 10%;padding: 6% 3% 3%; width:97%}
	.in-form .title{font-size:19px;padding-bottom: 18px;}
	.in-form .text{margin-top: 16px;}
	.in-form .code{margin-top: 2%;}
	.in-form .code img{max-width:150px;}
}


























/*===========in-teacher===========*/	
.in-teacher{
	width:100%;
	margin: auto;
	overflow: hidden;
	padding: 0;
	background-size: cover;
}


.in-teacher-title{
	width: 100%;
    margin: auto;
    overflow: hidden;
    font-size: 58px;
    font-weight: bold;
    color: #232323;
    line-height: 2;
    text-transform: uppercase;
    font-family: 'font-736';
}

.in-teacher-title::after{
	content:'';
	display: block;
	width:30px;
	height: 7px;
	background: #e3213c;
}
.in-teacher-title .more{
	width: 140px;
    height: 42px;
    background: #e3213c;
    line-height: 42px;
    text-align: center;
    color: #fff;
    float: right;
    display: inline-block;
    font-size: 16px;
    border-radius: 50px;
    font-weight: normal;
    text-transform: uppercase;
    margin-top: 30px;
}


.in-teacher-box{
	width:100%;
	margin: auto;
	overflow: hidden;
	background: url(style/images/in-news-bg2.jpg) no-repeat left top;
	margin-top: 5%;
	padding: 5% 0;
}

.in-teacher-box .in-teacher-info{
	width: 100%;
	float:
	left;
	margin: auto;
	overflow: hidden;
	color: #fff;
}
.in-teacher-box .in-teacher-info .bt{
    width: calc(100% - 200px);
    margin: auto;
    overflow: hidden;
    font-size: 24px;
    float: left;
}
.in-teacher-box .in-teacher-info .text{
    width: 100%;
    margin: auto;
    overflow: hidden;
    margin-top: 50px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    padding-bottom: 20px;
}
.in-teacher-box .in-teacher-info .more{
    width: 200px;
    float: right;
    font-size: 16px;
    text-align: right;
    margin-top: 10px;
	color: #222121;
}
.in-teacher-box .in-teacher-info .more a{color:#fff;}

.in-teacher-box .more img{transition: all 0.3s;  margin-left: 5px;}

.in-teacher-box a:hover, .more:hover, .meta a:hover{color:#fff}
.in-teacher-box .more:hover img{margin-left:10px;transition: all 0.3s;}


.in-teacher-box .in-teacher-list{
	width:100%;
	margin: auto;
	overflow: hidden;
	margin-top: 5%;
	max-width: 1400px;
}

.in-teacher-box .in-teacher-list .slick-nav-container .slick-nav .slick-prev, .in-teacher-box .in-teacher-list .slick-nav-container .slick-nav .slick-next{ display: none;}


.in-teacher-box .in-teacher-list .item{
	width: 100%;
	box-shadow: 1px 1px 8px rgb(5 44 82 / 10%);
	padding: 0px;
	margin: 5px 60px;
	background: url(style/images/in-news-list-bg.png) no-repeat top right #fff!important;
	border-radius: 25px;
	overflow: hidden;
	border: 3px solid #ebebeb;
}
.in-teacher-box .in-teacher-list .item .date1{
	width:93px;
	height: 93px;
	background: #e3213c;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	padding-top: 20px;
	padding-left: 10px;
}
.in-teacher-box .in-teacher-list .item .date1 span{
	display:block;
	font-size: 17px;
}
.in-teacher-box .in-teacher-list .item .date1 span::after{
	display: block;
    margin-top: -19px;
    margin-left: 62px;
    border: 6px solid transparent;
    border-left: 6px solid #fff;
    width: 0;
    height: 0;
    position: absolute;
    content: ' ';
}
.in-teacher-box .in-teacher-list .item .bt{
    width: 100%;
    font-size: 18px;
    color: #383838;
    margin-top: 30px;
	 text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;


}
.in-teacher-box .in-teacher-list .item .date2{
	width:100%;
	margin: auto;
	overflow: hidden;
	margin-bottom: 30px;
}
.in-news-box .in-news-list .item .text{
	width:100%;
	margin: auto;
	overflow: hidden;
	text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
	text-align:justify;
}
.in-teacher-box .in-teacher-list .item .line{
	width:100%;
	height: 1px;
	background: #dddddd;
	margin: 30px 0;
}
.in-teacher-box .in-teacher-list .item .more{
	text-align: right;
	text-transform: uppercase;
	color: #2c6abc;
	margin-bottom: 20px;
}
.in-teacher-box .in-teacher-list .item .more span{ 
	color: #dc1129;
	margin-left: 15px;
	transition: all 0.3s;
	}


.in-teacher-box .in-teacher-list .item:hover .more span{margin-left:10px;transition: all 0.3s;}

.in-teacher-box .in-teacher-list .item:hover {box-shadow: 5px 5px 4px rgba(193,49,45,0.2); border: 3px solid #c12d31;}


#carousel1 .slick-prev-wrapper, #carousel1 .slick-next-wrapper{display: none !important;}




.in-teacher-box .in-teacher-list .item .info{
	background: url(style/images/20years_03-3.png) repeat-x bottom;
	position: absolute;
	z-index: 9;
	bottom: 0;
	width: 100%;
	height: 100%;
	padding: 8%;
}
.in-teacher-box .in-teacher-list .item .info .name{
    bottom: 18%;
    position: absolute;
    width: 80%;
    color: #212121;
    font-size: 16px;
	transition: all 0.3s;
}
.in-teacher-box .in-teacher-list .item .info .name span{
    font-size: 22px;
    margin-right: 10px;
    letter-spacing: 2px;
}
.in-teacher-box .in-teacher-list .item .info .text{
    position: absolute;
    bottom: 5%;
    line-height: 1.5;
    font-size: 14px;
    width: 80%;
    color: #646464;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
	transition: all 0.3s;
}
.in-teacher-box .in-teacher-list .item .pic{
	position: relative;
}
.in-teacher-box .in-teacher-list .item .pic img{}



.teacher-space{width:100%; margin: auto; overflow: hidden; height: 1px; margin-top: 3%;}

.in-teacher-box .in-teacher-list .item:hover .info .name{ bottom:17%;transition: all 0.3s;}
.in-teacher-box .in-teacher-list .item:hover .info .text{ bottom:6%;transition: all 0.3s;}







@media (max-width: 992px) {
	
	.in-teacher-box{    padding: 8% 0;}
	.in-teacher-box .in-teacher-info .more{  width: 100px;  font-size: 15px;    margin-top: 3px;}
	.in-teacher-box .in-teacher-info .bt{  width: calc(100% - 100px);}
	.in-teacher-box .in-teacher-info .bt img{  width: 80%;}
	
}

























/*===========in-message===========*/	
.in-message{
	width:100%;
	margin: auto;
	overflow: hidden;
	background: url(style/images/20years_02.jpg) no-repeat center;
	background-size: cover;
	padding: 5% 0;
}


.in-message .title{
	width:100%;
	margin: auto;
	overflow: hidden;
}
.in-message .title .text{
	width:calc(100% - 200px);
	float: left;
}
.in-message .title .more{
	width: 200px;
    float: right;
    font-size: 16px;
    text-align: right;
    margin-top: 10px;
}
.in-message .title .more a{ color:#666;}
.in-message .title .more a:hover{ color:#c12d31;}
.in-message .title .more img{transition: all 0.3s; margin-left: 5px;}


.in-message .list{
    width: 100%;
    margin: auto;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    margin-top: 4%;
}
.in-message .list li{
    width: 100%;
    list-style: none;
    border: 2px solid #eeeeee;
    border-radius: 18px;
    padding: 9% 8%;
    margin: 15px;
    transition: all 0.3s;
}
.in-message .list li .text{
    text-align: justify;
    width: 100%;
    margin: auto;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 15px;
    line-height: 1.85;
}
.in-message .list li .name{
    width: 100%;
    margin: auto;
    overflow: hidden;
    text-align: right;
    font-size: 16px;
    color: #4d4d4d;
    margin-top: 10px;
}
.in-message .list li .name span{
    font-size: 19px;
    font-weight: bold;
}

.in-message .title span:hover img{margin-left:10px;transition: all 0.3s;}



.in-message .list li:hover{ background: #fff; border:1px solid #c12d31;transition: all 0.3s;  box-shadow: 3px 3px 5px rgba(193,45,49,0.2);}








@media (max-width: 992px) {
	.in-message{padding: 8% 0;}
	.in-message .title .text{	width:calc(100% - 100px);}
	.in-message .title .text img{    width: 80%;}
	.in-message .title .more{	width: 100px;    font-size: 15px;    margin-top: 4px;}
	
	.in-message .list{display:block;}
	.in-message .list li{width: 94%;margin-top: 3%;padding: 6% 4%;}
}

























.bottom-footer1{
    width: 100%;
    margin: auto;
    overflow: hidden;
    border-bottom: 1px solid #c3c3c3;
    padding-bottom: 3%;
    margin-bottom: 2%;
    padding-top: 4%;
} 

.bottom-footer1 .footer-nav{
	width:calc(100% - 300px);
	float: left;
}

.bottom-footer1 .footer-nav .footer-navSub{
	width:15%;
	max-width: 140px;
	float: left;
	text-align: left;
	font-size: 15px;
	color: #c1c1c1;
	line-height: 28px;
	margin-right: 15px;
}
.bottom-footer1 .footer-nav .footer-navSub img{margin-right:10px}
.bottom-footer1 .footer-nav .footer-navSub span{
	font-weight:bold;
	display: block;
	font-size: 16px;
	color: #fff;
	margin-bottom: 5px;
}


.bottom-footer1 .footer-code{
	width: 350px;
    float: right;
    color: #fff;
    text-align: right;
    font-size: 35px;
    letter-spacing: -2px;
    font-family: 'font-syBold';
}

.bottom-footer1 .footer-code span{
	font-size: 31px;
	font-weight: bold;
	color: #14d3da;
	display: block;
	text-transform: uppercase;
}

.bottom-footer1 .footer-code img{margin: 8px 0 0 auto;display: block;}



.bottom-footer2{
    width: 100%;
    margin: auto;
    overflow: hidden;
    padding-bottom: 4%;
} 
.bottom-footer2 .bf-left{
    width: calc(100% - 300px);
    float: left;
    text-align: left;
} 
.bottom-footer2 .bf-right{
    width: 300px;
    float: left;
    text-align: left;
    font-size: 26px;
    font-weight: bold;
	font-family: 'font-736';
} 
.bottom-footer2 .bf-right span{
    display: block;
    font-size: 16px;
    font-weight: normal;
    margin-top: 20px;
}
.bottom-footer2 .bf-right img{
    float: left;
    margin-right: 15px;
}

.bottom-footer2 li{
	list-style: none;
	font-size: 15px;
	color: #9F9F9F!important;
}

.bottom-footer2 li span{
	font-size:22px;
	font-weight: bold;
	color: #14d3da;
	margin-right: 20px;
}

.bottom-footer2 li a{
	color: #999!important;
}


#scrollUp .btn::after{
	content:
	'回到顶部';
	display: block;
	font-size: 15px;
	margin-top: 10px;
}
#scrollUp .btn::before{
	content:
	'TOP';
	width: 80px;
	text-align: center;
	margin: auto;
	font-size: 22px;
	margin-top: 6px;
	display: block;
}
#scrollUp .btn-icon i{display:none;}

















/*--------1440---------*/

@media (max-width: 1440px) {
	.bottom-nav li{font-size: 16px;	}	
}
/*--------1200---------*/
@media (max-width: 1200px) {
	.bottom-footer1 .footer-nav .footer-navSub{max-width: 100px;}
}

/*--------991---------*/
@media (max-width: 991px) {
	
	.bottom-nav{width:100%;	display: none;}
	.bottom-nav li{font-size: 12px;	}
	
	.bottom-footer{	width:100%;font-size:13px;	}
	.bottom-footer .bf-left{width:100%;	}
	.bottom-footer .bf-right{width:100%;text-align: left;	}
	.bottom-footer li{font-size:14px;}
	
	.bottom-footer1 .footer-nav{display:none;}
	.bottom-footer1 .footer-code{float:none; margin: auto;text-align: center; }
	.bottom-footer1 .footer-code img{margin: 8px auto;}
	.bottom-footer2 li{font-size:13px;}
	
	.bottom-footer2 .bf-left{width:100%}
	
	
	
#scrollUp .btn::after{	content:'';	display: none;}
#scrollUp .btn::before{content:'TOP';display: none;}
#scrollUp .btn-icon i{display:block;}

	
	
	
}



















/*===========public===========*/

.nei-top{width:100%; margin: auto; overflow: hidden; position: relative;}

.nei-top .tp{position: relative;z-index: 0;}
.nei-top .tp img{max-width: none;width: 100%;}

.nei-top .about-top-text{color:#fff;position: absolute;overflow: hidden;text-align: left;z-index: 99;    top: 30%;}
.nei-top .about-top-text .line{width:40px; height: 1px; background: #fff; display: block; overflow: hidden;}
.nei-top .about-top-text h1{font-size: 55px;text-transform: uppercase; font-weight:bold;}
.nei-top .about-top-text h2{font-size: 50px;text-transform: uppercase;margin: 30px 0;letter-spacing: 1px;font-weight:bold;color: #fff;line-height: 1;}
.nei-top .about-top-text .line{ width: 70px; height: 7px; background: #e22635; margin-top: 20px;}
.nei-top .about-top-text h3{font-size: 20px;width: 60%;min-width: 500px;color: #fff;line-height: 1;text-transform: uppercase;}




/**/

.nei-top-menu-box{width:100%;background: #fff;height: 100px;position: relative;z-index: 9;border-bottom:1px solid #ebebeb;}

.nei-top-menu{width:100%;height: 100px;overflow: hidden;}
.nei-top-menu .submenu{width:auto;text-align: center;float: left;line-height: 100px;color: #8c8c8c;font-size: 16px;margin: 0px;}
.nei-top-menu .submenu li{float:left;  width:140px; text-align: center; list-style: none; line-height: 100px; color: #5c5c5c;    font-size: 18px;}
.nei-top-menu .submenu li a{color: #8c8c8c;}
.z-dh{float: right;line-height: 100px;color: #8c8c8c;font-size: 16px;margin-left: 10px;text-transform: uppercase;}
.z-dh img{ margin:0 10px}

.nei-top-menu .submenu li:hover{ background: #b62a2b; color: #fff;}
.nei-top-menu .submenu li:hover a{color:#fff;}

.nei-top-menu .submenu .active{ background: #b62a2b; color: #fff;}

/*--------1440---------*/

@media (max-width: 1440px) {
	.nei-top .about-top-text h2{ font-size:35px}
	
}


/*--------1024---------*/

@media (max-width: 1024px) {
	.nei-top .about-top-text h2{ margin: 20px 0 15px;font-size:30px}
	.nei-top .about-top-text h3{}
}



/*--------992---------*/

@media (max-width: 992px) {
	.z-dh{display:none;}
	.nei-top-menu-box{height: 60px;}
	.nei-top-menu{height: 60px;}
	.nei-top-menu .submenu{line-height:60px; height: 60px;}
	.nei-top-menu .submenu li{line-height:60px; height: 60px;}
	.nei-top .about-top-text h2{font-size:22px;}
	.nei-top .about-top-text h3{display:none;}
	.nei-top .about-top-text .line{width:100px; height: 2px;}
}











/*===========news-list===========*/
.news{
	width:100%; 
	margin: auto;
	overflow: hidden;
}

.news-100{width:100%!important;  margin-top: 0%;}








.news .list2{width:100%;margin: auto;overflow: hidden;padding-right: 5%;}
.news .list2 ul{width:100%; margin: auto; overflow: hidden;padding-left:0px;}
.news .list2 ul li{width:100%;margin: auto;overflow: hidden;padding: 4% 0;border-top: 1px solid #e7e7e7;}
.news .list2 ul li:nth-child(1){ border-top:none}

.news .list2 ul li .tp{
        width: 30%;
        margin: auto;
        float: left;
        overflow: hidden;
        max-height: none;
        position: relative;
        padding-bottom: 21%;
    }
.news .list2 ul li .tp img{
    border-radius: 15px;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.0);
    height: 100%;
    min-width: 100%;
    transition: all .5s ease;
}
.news .list2 ul li .info{width: 62%;float: right;}


.news .list2 ul li .info .title{width:100%;
 margin: auto;
 overflow: hidden;
 font-size: 24px;
 font-weight: normal;
 display: inline-block;
 white-space: nowrap;
 text-overflow: ellipsis;
 text-align: left;
 }
.news .list2 ul li .info .title a{color: #090909;}
.news .list2 ul li .info .date{display:inline;float: left;color: #8b8b8b;font-size: 0.85em;width: 300px;vertical-align:middle;}
.news .list2 ul li .info .text{width:100%; margin:3% auto;
  overflow: hidden;
  color: #626262;
  line-height: 1.75;
  font-size: 16px;
  text-overflow: -o-ellipsis-lastline;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  float: left;
}
.news .list2 ul li .info .more{
	width: 150px;
	height: 50px;
	margin: auto;
	overflow: hidden;
	color: #868686;
	font-size: 14px;
	float: left;
	border-radius: 10px;
	line-height: 50px;
	margin-top: 3%;
}

.news .list2 ul li .info .more a{color: #868686;}











/*fanye*/
.fanye{width: 100%;float: left;margin-top: 2%;margin-bottom: 4%;text-align: center;font-size: 0.875em;}
.fanye-box{width:100%;float: none;text-align: center;line-height: 45px;margin: auto;}
.fanye-Previous{width: 98px;float:left;background: #fff;border: 1px solid #ccc;height: 45px;color: #666666;margin-right: 5px;}
.fanye-Next{width: 98px;float:left;background: #fff;height: 45px;color: #414040;margin-left: 5px;border: 1px solid #ccc;}
.fanye-Number{width: 45px;float:left;color: #414040;margin: 0 5px;background: #fff;border: 1px solid #ccc;}
.fanye-Number-current{width: 45px;float:left;color: #fff;background: #d51d0b;margin: 0 5px;}

.pagination {
    /* display: block; */
    margin: 0 0 20px 0;
}
.pagination>li{
   display: inline-block;
}
.pagination ul {
    -webkit-box-shadow: none;
    box-shadow: none;
    list-style: none;
    padding: 0;
    margin: 8px 0 0 0;
    font-size: 0;
}
.pagination ul > li {
    display: inline-block;
    padding: 0;
    margin: 0;
}
.pagination ul > li > a {
    display: inline;
    border: 0;
    padding: 11px 11px;
    margin: 0;
    color: #404040;
    font-size: 14px;
    vertical-align: middle;
}
.pagination ul > li > a:hover,
.pagination ul > .active > a span {
    color: #4c98c9
}
.pagination ul > li > a {
    float: none;
}
.pagination ul > li span {
    padding: 0 6px;
}
.pagination i {
    font-size: 20px;
    vertical-align: middle;
}
.pagination.border ul > li > a {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-left: 0;
}
.pagination.border ul > li:first-child > a {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination.border ul > li:last-child > a {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.pagination.round:not(.round-simple) ul > li {
    margin: 0 8px 0 0;
}
.pagination.text-center.round:not(.round-simple) ul > li {
    margin: 0 4px;
}
.pagination.round:not(.round-simple) ul > li > a {
    background: #FFF;
    border-radius: 100%;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.1));
            filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.1));
}
.pagination.round-simple ul > .active > a {
    background: #FFF;
    border-radius: 100%;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.1));
            filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.1));
}
.pagination.boxed ul {
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.1));
            filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.1));
}
.pagination.boxed ul > li > a {
    background: #FFF;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.pagination.boxed ul > li:first-child > a {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border: 0;
}
.pagination.boxed ul > li:last-child > a {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 3;
    color: #fff;
    background-color: #d51d0b;
    border-color: #d51d0b;
    cursor: default;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 14px 22px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #414040;
    background-color: #fff;
    border: 1px solid #ddd;
    margin: 0 5px;
}

















/*==========teacher-list===========*/
.teacher{
	width:100%;
	margin: auto;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}


.teacher li{
	    width: 27%;
	    box-shadow: 1px 1px 8px rgb(5 44 82 / 10%);
	    padding: 0px;
	    margin:4% 5px;
	    background: url(style/images/in-news-list-bg.png) no-repeat top right #fff!important;
	    border-radius: 25px;
	    overflow: hidden;
	    position: relative;
	    list-style: none;
}
.teacher li .pic{
	    position: relative;
}
.teacher li .pic img{    width: 100%;}
.teacher li .info{
	background: url(style/images/20years_03-3.png) repeat-x bottom;
    position: absolute;
    z-index: 9;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 8%;
}
.teacher li .info .name{
	    bottom: 18%;
    position: absolute;
    width: 80%;
    color: #212121;
    font-size: 16px;
    transition: all 0.3s;
}
.teacher li .info .name span{
	font-size: 22px;
    margin-right: 10px;
    letter-spacing: 2px;
}
.teacher li .info .text{
	    position: absolute;
    bottom: 5%;
    line-height: 1.5;
    font-size: 14px;
    width: 80%;
    color: #646464;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all 0.3s;
}



.teacher li:hover{box-shadow: 2px 2px 5px rgb(0 0 0 / 20%);}
.teacher li:hover .info{background: url(style/images/20years_03-3-2.png) repeat-x bottom;}
.teacher li:hover .info .name{bottom: 17%; transition: all 0.3s; color: #fff}
.teacher li:hover .info .text{bottom:6%;transition: all 0.3s;color:#fff}





/*--------992---------*/

@media (max-width: 992px) {
	.teacher li{width: 47%;}
	.teacher li .info{background: none;}
	.teacher li .info .name { color: #fff;bottom: 6%; font-size: 14px;}
	.teacher li .info .name span{ color: #fff; font-size: 17px;}
	.teacher li .info .text{display:none;}
}

/* 底部
------------------------------ */
.footer{width:100%; overflow: hidden; background: #ffffff; color: #a5a5a5; padding-top: 20px; font-size:16px;border-top: 15px solid #904444;}
.footer a{color: #838383;}
.footer a:hover{color: #c6c6c6;}
.footer1{width:100%; overflow: hidden; border-bottom: 1px solid rgba(0,0,0,0.1); padding: 40px 0;}
.footer1 li{width:20%; float: left; font-size: 0.75em; margin-right: 0%;}
.footer1 li span{display:block; font-size: 1.5em;color: #222; margin-bottom: 5px;}
.footer1 li img{float: left; margin-right: 20px;}

.footer2{width:100%; overflow: hidden;  border-bottom: 1px solid #474747; padding: 40px 0;}
.footer2 .f-menulist{width:60%; float: left;}

.footer2 .f-menulist .menu{width:100%; float: left;color: #b3b3b3;font-size: 0.875em;}
.footer2 .f-menulist .submenu{width:20%; float: left; padding: 0;}
.footer2 .f-menulist .submenu ul li{ color: #b3b3b3; line-height: 1.875em; }


.footer2 .f-menulist .submenu ul li a{color: #838383;}

.footer2 .f-menulist .submenu ul li a:hover{color: #c6c6c6;}
.footer2 .f-menulist .submenu ul li span{ font-size: 1.25em; color: #838383; line-height: 3em;}
.footer2 .f-menulist .submenu ul li span a{ color:#fff;}
.footer2 .f-menulist .submenu ul li span a:hover{ color:#E3E3E3;}

.footer2 .f-info{width:40%; float: right; text-align: right; font-size: 0.875em; line-height: 1.75em}
.footer2 .f-info img{ margin-bottom: 10px;}

.footer3{width:100%; overflow: hidden; font-size: 0.875em; padding: 25px 0;background: #6d0909;color: #fff;}
.footer3 a{color:#fff}



.width-1300{width:1300px; margin: auto; overflow: hidden}

@media screen and (max-width: 1299px){
.width-1300 {width: 96%;}
}
.width-1280{width:1280px; margin: auto; overflow: hidden}
@media screen and (max-width: 1280px){
.width-1280 {width: 96%;}
}
@media screen and (max-width: 660px){
    .footer1 li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 2em;
    }
}
@media screen and (max-width: 950px){
    .footer2 .f-menulist {display: none;}
    .footer2 .f-info {
        width: 100%;
        text-align: center;
    }
    .footer1{padding: 40px 30px;}
    .news .list2 ul li .tp{
        display: none;
    }
    .news .list2 ul li .info{
        width: 100%;
    }
    .news .list2 ul li .info .title{
        height: 40px;
        font-size: 18px;
    }
    .news .list2 ul li .info .text{
        font-size: 13px;
    }
    .news .list2 ul li .info .more{
        height: 20px;
        line-height: 20px;
    }
}

.ss-topbg{
	width: 100%;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top center;
}

/*----新闻详细----*/
.news{width:100%; overflow: hidden; font-size: 16px;}
.news .title{width:100%; overflow: hidden; background: url(../images/tw-news_03.png) no-repeat right; border-bottom: 1px solid #ececec; height: 60px;}
.news .title2{width:100%; overflow: hidden;  border-bottom: 1px solid #ececec; height: 60px;}
.news .title ul{ margin-top: 15px;}
.news .title ul li{ float: left; padding: 0 2%;}
.detail{width:99%; margin:30px auto;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); padding: 4%; overflow: hidden}
.detail .title{ border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; background: none; height: auto;}
.detail .title .title1{width:100%; text-align: center; font-size: 1.25em;}
.detail .title .title2{width:100%; text-align: center; color: #bfbfbf; font-size: 0.875em; margin-top: 10px;}
.detail .title .title2 img{ vertical-align: middle; margin-right: 3px;}
.detail .title .title2 span{ margin:0 1%;}

.detail .content{ width:100%; margin: 30px 0}
.next{width:100%; overflow: hidden; color: #818181; font-size: 0.875em; margin-bottom: 50px; margin-top: 20px; line-height: 1.5em}
.next a{color: #818181;}
.next a:hover{color: #9c9c9c;}