@charset "utf-8";
/* CSS Document */
/*2022.05.25*/


.live-oneright{
	background: #fff;
    box-shadow: 10px 8px 47px 20px #f4f4f4;
}

.live-con{
	padding-top: 75px;
	
}

.live-oneleft{
	
}
.live-oneleft .swiper-container {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

.live-oneleft .swiper-wrapper {
	width: 100%;
	box-shadow: 10px 15px 47px 20px #d4d4d4;
}

.live-oneleft .swiper-container .swiper-slide {
	
	
}

.live-oneleft .swiper-container a{
	text-decoration: none;
	display: block;
	
	
}
.live-oneleft .swiper-container a span{
	position: absolute;
	right: 12px;
	top: 12px;
	text-align: left;
	z-index: 11;
	color: #fff;
	background: #ee2525;
	padding:0 20px;
	line-height: 33px;
	display: inline-block;
}
.live-oneleft .swiper-container a span.sp1{
	background: #ee2525;
}
.live-oneleft .swiper-container a span.sp2{
	background: #82dc51;
}

.live-oneleft .swiper-container a span.sp3 {
    background: #5199dc;
}
.live-oneleft .swiper-container .swiper-pagination {
	width: 100%;
	bottom: 15px;
}

.live-oneleft .swiper-container .swiper-pagination-bullet {
	display: inline-block;
	width: 24%;
	height: 6px;
	background:rgba(255,255,255,1);
	cursor: pointer;
	opacity: 0.45;
	border-radius:0px;
	margin-right:20px;
	
}

.live-oneleft .swiper-container .swiper-pagination-bullet-active {
	background:rgba(255,255,255,1);
	opacity: 1;
}
.live-onett{

	padding: 20px;
	
}
.live-onett h4{
	font-size: 26px;
	color: #000;
	font-weight: bold;
	line-height: 40px;
}
.live-onett p{
	font-size: 18px;
	color: #000;
	line-height: 28px;
	opacity: 0.7;
	margin-top: 18px;
	
}


.live-two{
	margin-top: 60px;
	
}

.xuan-top1{
	
}
.xuan-top1 ul {
	padding: 0;
	margin: 0;
}
.xuan-top1 ul li{
	float: left;
	font-size: 16px;
	color: #000;
	margin-right: 25px;
	text-align: center;
	line-height: 40px;
	padding: 0px 25px;
	background: #cdd3e2;
	cursor: pointer;
	font-weight: bold;
	
}
.xuan-top1 ul li.active,.xuan-top1 ul li:hover{
	color: #fff;
	background: #103482;
	
}

.faculty-con1{
	display: flex;
	flex-wrap: wrap;
	margin: 36px -15px 0;
	margin-bottom: 30px;
}
.faculty-con1 .col-lg-3{
	margin-bottom: 30px;
}
.faculty-con1 .live-lit{
	 background: #fff;
	 box-shadow: 10px 8px 27px 20px #f5f5f5;
	 /* min-height: 366px; */
	 transition: all 0.8s;
	 height: 100%;
	 
}

.faculty-con1 .live-lit:hover{
	box-shadow: 0px 35px 57px -17px rgba(0, 0, 0, 0.64);
	transition: all 0.8s;
}


.faculty-con1 .live-lit a{
	display: block;
	text-decoration: none;
	height: 100%;
	
}
.faculty-con1 .live-lit a .li-img{
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
	
	
}
.faculty-con1 .live-lit a .li-img .img-box{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}
.faculty-con1 .live-lit a .li-img .img-box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.faculty-con1 .live-lit a .li-img span{
	position: absolute;
	right: 10px;
	top: 10px;
	background: #ee2525;
	color: #fff;
	font-size: 16px;
	line-height: 33px;
	padding: 0 12px;
	z-index: 9;
	
}
.faculty-con1 .live-lit a .li-img span.sp1{
	background: #ee2525;
}
.faculty-con1 .live-lit a .li-img span.sp2{
	background: #82dc51;
}
.faculty-con1 .live-lit a .li-img span.sp3{
	background: #5199dc;
}
.faculty-con1 .live-lit a .li-text{
	padding: 15px 18px;
	
	
}
.faculty-con1 .live-lit a .li-text span{
	display: block;
	font-size: 16px;
	color: #777;
	font-family: 'AvenirLTStd-light';
	
}
.faculty-con1 .live-lit a .li-text h4{
	font-size: 18px;
	color: #000;
	line-height: 28px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;				
	text-overflow: ellipsis;		
	display: -webkit-box;			
	-webkit-line-clamp: 2;			
	line-clamp: 2;					
	-webkit-box-orient: vertical;	
}
.faculty-con1 .live-lit a .li-text p{
	font-size: 16px;
	color: #999;
	font-family: 'AvenirLTStd-light';
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}





.live-more{
	text-align: center;
	margin-top: 30px;
	
}
.live-more a{
	font-size: 20px;
	color: #fff;
	line-height: 66px;
	padding: 0 43px;
	border-radius: 40px;
	transition: all 0.9s;
	display: inline-block;
	background: #103482;
}
.live-more a:hover{
	text-decoration: none;
	opacity: 0.8;
	transition: all 0.9s;
}




.em-adress{
	margin: 40px 0 60px;
}
.em-adress h4{
	font-size: 32px;
	color: #333;
	text-align: center;
}

.em-adress p{
	
	width: 80%;
	margin:35px  auto 45px;
}
.em-adress p input{
	font-size: 22px;
	color: #3766c7;
	text-align: center;
	line-height: 66px;
	height: 66px;
	width: 100%;
	border: none;
	box-shadow: 10px 8px 47px 20px #ededed;
}
.em-adress p input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #3766c7;
  
}

.em-adress p input:-moz-placeholder, textarea:-moz-placeholder {
  color: #3766c7;
 
}

.em-adress p input::-moz-placeholder, textarea::-moz-placeholder {
  color: #3766c7;
 
}

.em-adress p input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #3766c7;
 
}





.subscribe a{
	display: inline-block;
	font-size: 20px;
	color: #fff;
	line-height: 66px;
	background: #103482;
	padding: 0 80px;
	border-radius: 40px;
	transition: all 0.9s;
}
.subscribe a:hover{
	text-decoration: none;
	opacity: 0.8;
	transition: all 0.9s;
}



/*live-xiangqing*/

.live-time{
	background: #f5f5f5;
	width: 265px;
	min-height: 164px;
	/*position: absolute;*/
	position: fixed;
	z-index: 11;
	right: 20px;
	top: 400px;
	padding:20px 5px 20px 15px;
	
	
}
.live-time h4{
	font-size: 25px;
	font-weight: bold;
	color: #0f3380;
	text-align: center;
}

.live-time ul{
	padding: 0;
	margin:0;
	text-align: center;
}
.live-time ul li{
	float: none;
	display: inline-block;
	text-align: center;
	
}
.live-time ul li p{
	font-size: 15px;
	color: #003355;
	margin-bottom: 5px;
}
.live-time ul li p i{
	display: inline-block;
	color: #fff;
	font-size: 38px;
	font-weight: bold;
	font-style: normal;
	background: #0043a1;
	border-radius: 4px;
	padding: 0 5px;
	
}
.live-time ul li strong{
	padding-right:5px;
	font-size: 20px;
}

.live-xone{
	border-bottom: 1px solid #ddd;
	padding-bottom: 70px;
	
}
.live-limg{
	display: inline-block;
}
.live-limg span{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.35;
}
.live-limg img{
	
	box-shadow: 10px 8px 47px 20px #dedede;
}

.live-ltt{
	
}
.live-ltt h4{
	font-size: 32px;
	color: #103381;
	margin-bottom: 30px;
	
}
.live-ltt p{
	font-size: 18px;
	color: #000;
	margin-bottom: 30px;
	
}



.watch{
	margin-top: 40px;
}
.watch a{
	color: #fff;
	background: #e02121;
	line-height: 63px;
	display: inline-block;
	padding: 0 40px;
	font-size: 20px;
	color: #fff;
	
}
.watch span{
	padding: 0px 30px;
	background: #f5f5f5;
	font-size: 18px;
	color: #000;
	line-height: 63px;
	display:inline-block;
	margin-left: 10px;
}
.watch span img{
	padding-right: 5px;
	
}










.live-xtwo{
	padding-top: 50px;
	padding-bottom: 70px;
	border-bottom: 1px solid #ddd;
	
}
.live-xtwo h4{
	font-size: 52px;
	color: #000;
	text-transform: uppercase;
	margin-bottom: 30px;
	font-weight: bold;
}
.live-xtwo p{
	font-size: 20px;
	color: #999;
	line-height: 30px;
	 font-family: 'AvenirLTStd-light';
	
}

.live-about{
	padding-top: 60px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
}
.live-about h4{
	font-size: 52px;
	color: #000;
	text-transform: uppercase;
	margin-bottom: 30px;
	font-weight: bold;
	padding: 0 15px;
}

.live-abcon{
	padding-top: 20px;
	
}
.live-abcon .live-abli{
	margin-bottom: 20px;
	border-bottom: 1px solid transparent;
	padding-bottom: 18px;
	
}
.live-abcon .live-abli .live-abimg{
	width: 133px;
}
.live-abcon .live-abli .live-abimg .img-box{
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	position: relative;
	overflow: hidden;
}

.live-abcon .live-abli .live-abimg .img-box .img{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.live-abcon .live-abli .live-abimg .img-box .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.live-abcon .live-abli .live-abtt{
	width: calc(100% - 160px);
}
.live-abcon .live-abli .live-abtt h5{
 font-size: 24px;
 color: #000;
 
}
.live-abcon .live-abli .live-abtt p{
	font-size: 16px;
	color: #999;
	
	
}
.live-abcon .live-abli:hover{
	cursor: pointer;
	border-bottom: 1px solid #103381;
	
}




.live-video{
	padding-top: 50px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}
.live-video h4{
	font-size: 52px;
	color: #000;
	text-transform: uppercase;
	/*margin-bottom: 30px;*/
	font-weight: bold;
	margin-bottom: 0;
	
}

.live-vcon{
	padding-bottom: 10px;
}
.live-vcon .swiper-container{
	padding-top: 40px;
	
}
.live-vcon .live-vli{
	border: 1px solid transparent;
}
.live-vcon .live-vli .li-img{
	position: relative;
	display: inline-block;
	
}
.live-vcon .live-vli .li-img span{
	   display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;

position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
	z-index: 1;
	
}
.live-vcon .live-vli .li-img i{
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.35;
	
}

.live-vcon .live-vli .li-tt{
	margin: 15px 0;
}
.live-vcon .live-vli .li-tt a{
	display: block;
	 font-size: 18px;
	 color: #000;
	 line-height:28px;
	 text-decoration: none;
	 
	     overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;

}
.live-vcon .live-vli:hover{
	cursor: pointer;
	border: 1px solid #eee;
	
}

.live-vcon .swiper-button-prev, .live-vcon .swiper-container-rtl .swiper-button-next{
	background: none;
	opacity: 1;
	
	
}
.live-vcon .swiper-button-next, .live-vcon .swiper-container-rtl .swiper-button-prev{
	background: none;
	opacity: 1;
}
.live-vcon .swiper-button-next{
	position: absolute;
	right: 15px;
	top: 83px;
	
	width: 17px;
	height: 22px;
	
}
.live-vcon .swiper-button-prev{
	position: absolute;
	right:50px;
	left: auto;
	top: 83px;
	
	width: 17px;
	height: 22px;
	
}



.agenda{
	margin-top: 45px;
	padding-bottom: 55px;
	
	border-bottom: 1px solid #ddd;
}
.agenda h4{
	font-size: 52px;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
}
.agenda .agenda-con{
	box-shadow: 10px 8px 47px 20px #ededed;
	border-radius: 10px;
	padding:5px 25px;
	margin-top: 40px;
	
	
}
.agenda-con ul {
	padding: 0;
	margin: 0;
}
.agenda-con ul li {
	padding: 40px 0 25px;
	margin: 0;
	border-bottom: 1px solid #ddd;
	
}

.agenda-con ul li:hover{
	border-bottom: 1px solid #245cba;
}


.agenda-con ul li:last-child{
	padding-bottom: 30px;
	border-bottom: none;
}
.agenda-con ul li span{
	display: block;
	font-size: 16px;
	color: #777;
	
}
.agenda-con ul li span img{
	padding-right: 5px;
	
}
.agenda-con ul li a{
	display: block;
	font-size: 20px;
	color: #245cba;
	text-decoration: none;
	margin: 15px 0;
}
.agenda-con ul li p{
	font-size: 16px;
	color: #000;
	
}
























@media (min-width: 1200px) {
	
	
	
	
	
}
@media (max-width: 1650px) {


}


@media (max-width: 1440px) {
	.live-onett p{
		line-height: 26px;
	}
.watch a{
	line-height: 50px;
	
}	
.watch span{
	line-height: 50px;
	
}
.live-onett h4{
	
	line-height: 31px;
    margin-top: 0;
}





	
	
	
	
	
	
	
}

@media (max-width: 1400px) {
	.live-onett p{
		line-height: 23px;
		margin-top: 10px;
		font-size: 16px;
		
		
	}
.live-onett h4{
	line-height: 30px;
	font-size: 24px;
	
}	
.live-more a{
	line-height: 50px;
	padding: 0 20px;
	
}	
.subscribe a{
	line-height: 50px;
	padding: 0 40px;
	
}	



.live-ltt p{
	margin-bottom: 25px;
	
}

.watch{
	margin-top: 35px;
}

.live-xtwo h4{
	font-size: 40px;
	
}

.live-xtwo{
	padding-top: 30px;
	padding-bottom: 30px;
}
.live-about h4{
	font-size: 40px;
}
.live-about{
	padding-top: 30px;
	padding-bottom: 10px;
	
}
.agenda h4{
	font-size: 40px;
}
.agenda{
	margin-top: 20px;

	
}

.agenda-con ul li{
	padding: 40px 0  25px;
}
.live-video h4{
	font-size: 40px;
	
}
.live-ltt p{
	margin-bottom: 10px;
}
.live-ltt h4{
	margin-bottom: 20px;
	
}
.watch{
	margin-top: 20px;
	
}

.live-onett{
	height: 462px;
	overflow: hidden;
	
}


	
	
	
	
	
}






@media (max-width: 1300px) {
	.live-onett p{
		font-size: 16px;
		
	}
	
	.em-adress h4{
		font-size: 28px;
	}
	
.em-adress p input{
	font-size: 20px;
	
}	
	
	
	
	
	
	
	
	
	
	
}

@media (max-width: 1200px) {
	/*中等屏幕设备 桌面*/
	
	.live-more a{
		font-size: 18px;
		
	}
.subscribe a{
	font-size: 18px;
	
}	
	.em-adress h4{
		font-size: 24px;
		
	}
.live-ltt h4{
	font-size: 26px;
	
}	
.live-ltt p{
	margin-bottom: 25px;
	
}
.live-xone{
	padding-bottom: 30px;
	
}
	.watch a{
		padding: 0 10px;
		font-size: 18px;
		
	}
.watch span{
	padding: 0 10px;
	font-size: 18px;
	
}	
.live-xtwo h4{
	font-size: 34px;
	
}
.live-about h4{
	font-size: 34px;
	
}
.agenda h4{
	font-size: 34px;
}
.live-video h4{
	font-size: 34px;
	
}
.live-video{
	padding-top: 30px;
	
}
.live-vcon .live-vli .li-img span img{
	width: 55px;
}

.live-onett{
	padding: 15px;
	height: 276px;
	overflow: hidden;
}
.live-onett p{
	margin: 5px 0;
}
.live-onett h4{
	margin-top: 0;
}
.faculty-con1 .live-lit a .li-text h4{
	line-height: 23px;
	
}	
	
	
	
	
	
}


@media (max-width: 991px) {
	/*小屏幕设备 平板*/

.live-ltt p{
	margin-bottom: 10px;
	font-size: 16px;
}
.watch a{
	display: block;
	text-align: center;
	line-height: 45px;
}
.watch span{
	display: block;
	margin-top: 20px;
	text-align: center;
	margin-left: 0;
	line-height: 45px;
}
.live-xtwo h4,.live-about h4,.agenda h4,.live-video h4{
	font-size: 28px;
	
}
.live-vcon .swiper-container{
	padding-bottom: 40px;
	
}
.live-vcon .swiper-container .swiper-pagination{
	bottom: 0px;
}
.live-abcon .live-abli .live-abtt h5{
	font-size: 20px;
}


.live-time{
	width: 50%;
	margin: auto;
	position: relative;
    right: auto;
    top: auto;
    margin-bottom: 30px;
}
.live-con{
	padding-top: 40px;
}

.live-oneright{
	height: auto !important;
}
.live-onett{
	height: auto !important;
}
.live-xtwo p{
	font-size: 18px;
	
}






}


@media (max-width: 767px) {
	/*超小屏幕设备 手机*/
	
	.faculty-con1 .live-lit a .li-img img{
		/*width: 100%;*/
	}
.live-con{
	padding-top: 30px;
	
}	
.live-onett h4{
	font-size: 18px;
	line-height: 25px;
	
	
	
}	
.xuan-top1 ul li{
	margin-right: 5px;
	
}	
.xuan-top1 ul li{
	padding: 0 15px;
}	
.live-two{
	margin-top: 40px;
}
.em-adress h4{
	font-size: 20px;
	
}	
.live-more a{
	font-size: 16px;
	line-height: 45px;
	
}
.live-more{
	margin-top: 10px;
}
.em-adress h4{
	font-size: 18px;
}
.em-adress p {
	margin: 20px auto;
}
.em-adress p input{
	font-size: 16px;
	line-height: 50px;
	
	}
.subscribe a{
	font-size: 16px;
	line-height: 45px;
	
}
.em-adress{
	margin: 30px 0;
}
	.live-oneleft .swiper-container .swiper-pagination-bullet{
		width: 12%;
		height: 3px;
		margin-right: 10px;
	}
.ceul2{
	margin-top: 5px;
	
}	

.live-time{
	width: 86%;
	
}
.live-ltt h4{
	font-size: 22px;
	margin-top: 40px;
	
}	
.watch a{
	font-size: 16px;
	width: 70%;
	margin: auto;
}	
.watch span{
	font-size: 16px;
	width: 70%;
	margin: auto;
	margin-top: 30px;
	
}		
.live-ltt p{
	font-size: 16px;
	
}	
.live-xtwo h4,.live-about h4,.agenda h4,.live-video h4{
	font-size: 22px;
	
}	
.agenda h4{
	margin-top: 20px;
}
.agenda .agenda-con{
	margin-top: 20px;
}
.live-xtwo h4{
	margin-bottom: 11px;
	
}
.live-xtwo{
	padding-top: 15px;
	padding-bottom: 10px;
	margin: 0 15px;
}	
.live-xtwo p{
	font-size: 16px;
	
}	
	
.live-abcon .live-abli .live-abtt {
    width: calc(100% - 150px);
}
.live-abcon .live-abli .live-abtt p{
	font-size: 15px;
	
}	
.agenda-con ul li{
	padding: 20px 0;
}	
.agenda-con ul li a{
	font-size: 18px;
	
}	
.live-vcon .swiper-container{
	padding-top: 15px;
}	
.live-about{
	margin: 0 15px;
	padding-top: 20px;
}	
.live-abcon{
	/*border-bottom: 1px solid #ddd;*/
}
.live-about h4{
	
	margin-bottom: 10px;
	padding: 0;
}
.live-abcon .live-abli{
	margin-bottom: 18px;
	padding-bottom: 10px;
}
.live-abcon .live-abli .live-abtt h5{
	font-size: 18px;
}

.live-video{
	padding: 0;
	margin: 0 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	
}
	.agenda{
		padding: 0 ;
		padding-bottom: 30px;
		margin: 0 15px;
	}
.live-vcon .live-vli .li-tt a{
	font-size: 16px;
}	
.live-abcon .col-sm-6{
	padding: 0;
}





	
	
	
}


@media (max-width: 567px) {
	/*超小屏幕设备 手机*/
	
	.faculty-con1 .live-lit a .li-img img{
		width: 100%;
	}

}