@charset "utf-8";

.banner .pgba{
    z-index: 5;
    position: absolute;
    bottom: 0.2rem;
    left: 50%;
		transform: translate(-50%, 0);
		-webkit-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
    
    width: auto;
    }
.banner .pgba span{position: relative;border-radius: 0; display: block;float: left;opacity: 1;width: 10px;height: 10px;border-radius: 50%;  background: #FFFFFF; margin: 8px !important;position: relative;}
.banner .pgba span.active{opacity: 1;background:#94070a;}


.banner .swiper-slide .a{display: block;height: 26vw;}
.banner .swiper-slide .a{position: relative;display: block;overflow: hidden;}



.banner .swiper-slide .bg{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0;background-size: cover !important;}

.banner .bgtitle{
	position: absolute;
	left: 6%;
	bottom: 0.3rem;
	width: 70%;
	z-index: 9;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #FFFFFF;
	font-size: 0.24rem;
}
.banner .sbtn{}
.banner .sbtn a{width: 0.7rem;height: 0.7rem;position: absolute;top: 40%;z-index: 9;background-size: 100%;}
.banner .sbtn .prev{background: url(../img/banleft.png) no-repeat center;left: 2%;}
.banner .sbtn .next{background: url(../img/banright.png) no-repeat center;right: 2%;}




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

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

}
@media screen and (max-width:1024px){
.banner .swiper-slide .a{height: 50vw;min-height: inherit;}
.banner .sbtn{display: none;}
}
@media screen and (max-width:900px){
.banner .swiper-slide .a{height: 46vw}
}
@media screen and (max-width:640px){
.banner .pgba{bottom: .15rem}
.banner .swiper-slide .a{height: 52vw}
}

.intit{margin-bottom: .4rem;position: relative;}
.intit .h2{}
.intit .h2 .cn{font-size: 0.32rem;font-weight: bold;line-height: 1em;padding-bottom: 0.1rem;color: #94070a;position: relative;z-index: 5;bo;border-bottom: 4px solid #a1241e;}
.intit .h2 .en{color: #a1241e;opacity: 0.16; text-transform: uppercase;font-size: 0.5rem;font-weight: bold;line-height: 1em;transform: skewX(-5deg);display: block;user-select: none;margin-top:-0.6rem;font-family:'sys';}
.intit>a,.more{color: #333333;font-size: .18rem;display: flex;align-items: center;position: relative;margin-top: 0.2rem;}
.intit>a img{display: inline-block;vertical-align: middle;padding-right: 10px;}





.homea{padding: 0.4rem 0;background: #FFFFFF;}
.news{width: 48%;}
.news_left{position: relative;}
.news_left .pic{height: 4rem;display: block;position: relative;}
.news_left .homeawrap{overflow: hidden;position: relative;}
.news_left .news_title{ color: #FFFFFF;box-sizing: border-box; height: 1rem;background: #a1241e;}
.news_left .news_title h2{ line-height: 0.35rem;text-align: center; width: 100%; font-size: 0.2rem;font-weight: bold;color: #FFFFFF;padding: 0.15rem;box-sizing: border-box;}
.news_left .pgba{position: absolute;bottom: 1.2rem;right: 0;z-index: 5;text-align: center;}
.news_left .pgba span{width: 0.1rem;height: 0.1rem;margin: 0 0.1rem !important; opacity:1;background: #FFFFFF;}
.news_left .pgba span.active{background: #a1241e;}


.news_right{width: 48%;}
.news_right .new1 .date_right{width:100%;padding-bottom: 0.15rem;border-bottom: 1px dashed #CCCCCC;margin-bottom: 0.1rem;}
.news_right .new1 .date_right img{display: inline-block;padding-right: 15px;vertical-align: middle;}
.news_right .new1 .date_right h2{font-size: 0.2rem;font-weight: bold;line-height: 0.4rem;height: 0.8rem;}
.news_right .new1 .date_right div{font-size: 0.16rem;color: #888888;line-height: 0.28rem;max-height: 0.56rem\0;margin-top: 0.05rem;}
.news_right ul li{padding: 0.14rem 0;}
.news_list ul li h2{width: 78%;font-size: 0.17rem;box-sizing: border-box;padding-left: 20px;background: url(../img/dot.png) no-repeat left center;}
.news_list ul li .date{font-size: 0.17rem;}




.homeb{padding: 0.4rem 0;padding-top: 0.6rem; background-color: #faf3f2;}
.teaching{width: 31%;}
.teaching .intit{margin-bottom: 0.2rem;}
.teaching .news_list ul li{padding: 0.13rem 0;}
.teaching .news_list ul li h2{width: 80%;}

.links{margin:0.5rem 0}
.links ul li{width: 2rem;height: 1.8rem;display: flex;align-items: center;}
.links ul li a{width:100%;position: relative;}
.links ul li a .code{position:absolute;top: -130%;left: 50%;margin-left: -0.5rem;display:none;}
.links ul li a .code img{width: 1rem;}
.links ul li a>img{margin: auto;}
.links ul li a>p{color: #FFFFFF;font-size: 0.18rem;line-height: 0.3rem;text-align: center;margin: 0.15rem;margin-bottom: 0;}
.links ul li.oli1{background: #44b3d0;}
.links ul li.oli2{background: #6565ab;}
.links ul li.oli3{background: #d35650;}
.links ul li.oli4{background: #31baab;}
.links ul li.oli5{background: #2c8ec6;}
.links ul li.oli6{background: #dcb754;}
.links ul li.oli7{background: #6dbe60;}
.links ul li:hover a>img{animation: roted 1s linear;}
.links ul li:hover .code{display:block;}