/* header Start */
.header_banner {
	background: url(../images/dld/header_bg2.png) no-repeat center top;background-size: cover;
}
/* header end */

/* 南安普顿大学 Start */
.page1 {
	background: url(../images/uon/page1_bg.png) no-repeat center top;background-size: cover;
}
.ygnwdxBox {
    border-color: #1b296b;
    background: #ffffff;
}
.ygnwdxBox .nw h3 {
	background: url(../images/dld/page_tit_bg2.png) no-repeat left 15px;border-bottom-color: #1b296b;
}

.ygnwdxBox .nw p {
	color: #000033;
	padding: 12px 0 10px;
}

.ygnwdxBox .nw li {
	color: #000033;
	line-height: 26px;
}

.ygnwdxBox .desList {
	background: url(../images/dld/page1_desList_bg2.png) no-repeat left top;
}

.ygnwdxBox .desList li {
	color: #ffffff;
}

.page_sw0 .swiper-slide {
	background: url(../images/uon/page1_sw_bg.png) no-repeat center left;
}

.page_sw0 .swiper-slide h6 {
		color: #666666;
		height: 50%;
		margin: 20px 20px 0;
}

.page_sw0 .swiper-slide h5 {
	color: #da2121;
}

.page_sw0 .swiper-slide p {
	color: #ffffff;
}

.page1 .btns a {
	color: #ffffff;
}

.page1 .btns a.sqtj {
	background: url(../images/dld/page1_sqtj.png) no-repeat center bottom;
}

.page1 .btns a.sqtj:hover {
	background: url(../images/dld/page1_sqtj_at.png) no-repeat center bottom;background-size: 285px 45px;
}

.page1 .btns a.rank {
	background: url(../images/uon/page1_rank.png) no-repeat center bottom;
}

.page1 .btns a.rank:hover {
	background: url(../images/uon/page1_rank_at.png) no-repeat center bottom;background-size: 285px 45px;
}
/* 南安普顿大学 End */


/* 五大学部 涵盖65门学科领域，提供超过350门课程 Start */
.page2 {
	background-image: linear-gradient(to right, #40557b,#142746);
}

.page2 .page_sw1 .swiper-slide {
	color: #ffffff;
	height: 591px;
}

.page2 .page_sw1 .sw1 {
	background: url(../images/dld/page2_sw1_bg.png) no-repeat center bottom;background-size: 100% 100%;
}

.page2 .page_sw1 .sw2 {
	background: url(../images/dld/page2_sw2_bg.png) no-repeat center bottom;background-size: 100% 100%;
}

.page2 .page_sw1 .sw3 {
	background: url(../images/dld/page2_sw3_bg.png) no-repeat center bottom;background-size: 100% 100%;
}


.page2 .page_sw1 .sw1 .tit i {
	color: #e4c398;
}

.page2 .page_sw1 .sw2 .tit i {
	color: #e4c398;
}

.page2 .page_sw1 .sw3 .tit i {
	color: #e4c398;
}

.page2 .page_sw1 .sw4 .tit i {
	color: #e4c398;
}

.page2 .page_sw1 .sw5 .tit i {
	color: #e4c398;
}
.page2 .page_sw1 .sw1{
	padding-bottom: 50px;
}
.page2 .page_sw1 .swiper-slide ul li {
	background: url(../images/dld/page2_li_icon.png) no-repeat left 15px;margin: 0;
	
}
.page2 .page_sw1 .swiper-slide ul li h6 {
	color: #ffffff;
}
.page2_1{
	background: url(../images/uon/page2_1_bg.png) no-repeat center left;
	background-size: cover;
	padding: 50px 0;
    text-align: center;
}
.ykUl {
	width: 100%;
	margin: 50px 0 0;
	box-sizing: border-box;
	border: 3px solid #141a6c;
    background: #ffffff;
}

.ykUl li .l {
	width: 28%;
	height: 100%;
	z-index: 9999;
	cursor: pointer;
	box-sizing: border-box;
	padding: 18px;
	height: 33.3%;
	color: #ffffff;
	background: #7f8899;
	border-bottom: 1px solid #141a6c;
	float: left;
}
.ykUl  li .l h5 {
	font-size: 20px;
	line-height: 26px;
}

.ykUl  li .l h6 {
	font-size: 12px;
	line-height: 20px;
}


.ykUl li .r {
	width: 70%;
	border-bottom: 1px solid #141a6c;
	padding: 14px 0 14px 2%;
	float: left;
	text-align: left;
}
.tab_wrap .item_wrap .item .listItem {
	margin: 5px 0;
}

.ykUl li .r h5 {
	font-size: 18px;
	line-height: 30px;
	font-weight: bold;
	color: #141a6c;
	background: url(../images/dld/page4_icon.png) no-repeat left top;
	display: inline-block;
}

.ykUl li .r p {
	line-height: 24px;
	font-size: 14px;
	color: #333333;
	padding: 0 0 0 18px;
}

.ykUl li .r p span {
	font-size: 14px;
	font-weight: bold;
	color: #c11314;
}


.money {
	height: 249px;
	background: url(../images/dld/page3_money_bg.png) no-repeat top center;
    margin-top: 50px;
}
.money .left {
	float: left;
	box-sizing: border-box;
	padding: 20px 85px;
    width: 70%;
}

.money .left p {
	font-size: 20px;
	color: #141a6c;
	line-height: 60px;
    text-align: left;
}

.money .left strong {
	font-size: 24px;
	font-weight: bold;
	margin: 0 25px 0 0;
}

.money .left p .st1 {
	padding: 0 0 0 30px;
}

.money .right {
	float: right;
	width: 30%;
	text-align: center;
	box-sizing: border-box;
	padding-top: 85px;
}

.money .right h4 {
	font-size: 30px;
	font-weight: bold;
	color: #ffffff;
}

.money .right a {
	display: inline-block;
	margin: 20px 0 0 0;
	-webkit-animation: ball-scale-multiple 1s 0s linear infinite alternate;
	animation: ball-scale-multiple 1s 0s linear infinite alternate;
}



.money .right a {
	width: 170px;
	height: 45px;
	display: inline-block;
	text-align: center;
	line-height: 45px;
	font-size: 18px;
	color: #ffffff;
	background: url(../images/page3_btn.png) no-repeat center bottom;
}


.money .right a:hover {
	background: url(../images/page3_btn_at.png) no-repeat center bottom;
	background-size: 170px 45px;
}

.page4 .top, .page4 .bottom{
	width: 100%;
}
/* 五大学部 涵盖65门学科领域，提供超过350门课程 End */
/* 本科/研究生 重磅奖学金 Start */
.page3 table{
	width: 100%;
	border:1px solid rgb(113,152,210);
}
.page3 table th{
	padding: 0 1%;
	text-align: left;
	font-size: 20px;
	padding: 15px;font-weight: bold;
	color: #ffffff;
	background: rgba(113,152,210);
}
.page3 table td{
	font-size: 18px;
	padding: 8px 1%;
}
.page3 table tr:nth-child(odd) td{
	background: rgba(225,234,245);
}
/* 本科/研究生 重磅奖学金 End */
/* 关于南安普顿 Start */
.page4 {
	background: url(../images/dld/page4_bg.jpg) no-repeat top center;
}

.page4 .top {
	background: rgba(13, 22, 26, 0.3);
}
.page4 .top p {
	color: #ffffff;
}
.page4 .bottom {
	background: rgba(13, 22, 26, 0.3);
}
.page4 .bottom .txt {
	color: #ffffff;
	background: none;
	margin: 20px 0;
}
.page4 .bottom .txt p{
	font-size: 16px;line-height: 24px;
}
/* 关于南安普顿 End */
.btns{margin-top: 30px;}
@media screen and (max-width:1000px) {
	/* M端 header Start */
	.header_banner {
		background: url(../images/dld/m_header_bg.png) no-repeat center top;background-size: cover;
	}
    .header_banner{height: 5rem;}
    .header_banner .header_b{height: 1.88rem;}
	/* M端 header End */
	/* M端 南安普顿大学 Start */
	.page1 {
		background: url(../images/dld/m_page1_bg.png) no-repeat top center;
	}
	.ygnwdxBox .nw {
		background: url(../images/uon/nw_bg.png) no-repeat top center;background-size: cover;
	}
	.ygnwdxBox .nw h3 {
		background: url(../images/dld/page_tit_bg2.png) no-repeat left 0.2rem;background-size: 1.56rem .48rem;border-bottom-color: #257399;
	}
	.ygnwdxBox .desList {
		background: url(../images/dld/page1_desList_bg2.png) no-repeat left top;background-size: 101% 100%;
	}
	.page_sw0 .swiper-slide {
		background: url(../images/uon/page1_sw_bg.png) no-repeat center left;background-size: contain;
	}
	.page_sw0 .swiper-pagination-bullet,
	.page_sw1 .swiper-pagination-bullet {
		background: #4c2a2a;
	}
	.page_sw0 .swiper-pagination-bullet-active,
	.page_sw1 .swiper-pagination-bullet-active {
		background: #141a6c;
	}
	/* M端 南安普顿大学 End */
	
	.title img{
		width: 45%;
	}
    .page2 .title img{
		width: 45%;
	}
	.page2_1{
		padding: .4rem 0;
	}
	.page2_1 .bottom .txt{
		padding: .1rem 0;
	}
	.page2_1 .bottom .txt,.page4 .bottom .txt p{
		font-size: .22rem;
		font-size: .22rem;
		line-height: .36rem;
	}


	.ykUl {
		margin: 0.2rem 0 0 0;
		border: 0.03rem solid #141a6c;
	}
	
	.ykUl li .l {
		width: 100%;
		height: 100%;
		padding: 0.18rem;
	}
	.ykUl  li .l h5 {
		font-size: 0.22rem;
		line-height:160%;
	}
	
	.ykUl  li .l h6 {
		font-size: 0.2rem;
		line-height: 160%;
	}
	
	
	.ykUl li .r {
		width: 100%;
		border-bottom: 0;
		padding: 0.2rem 0 0.2rem 2%;
		box-sizing: border-box;
		
	}
	.ykUl li .r h5 {
		font-size: 0.18rem;
		line-height:0.26rem;
		font-weight: bold;
		color: #141a6c;
		background: url(../images/dld/page4_icon.png) no-repeat left top;
		background-size: contain;
	}
	
	.ykUl li .r p {
		line-height: 160%;
		font-size: 0.16rem;
		padding: 0 0 0 0.18rem;
	}

    .money {
		height: 5.22rem;
		background: url(../images/dld/m_page3_money_bg.png) no-repeat top center;
		background-size: cover;
        margin-top: 0.3rem;
	}

	.money .left {
		float: none;
		padding: .25rem .7rem;
        width: 100%;
	}

	.money .right {
		float: none;
		width: 100%;
		padding: .5rem 0 0 0;
	}

	.money .left p {
		font-size: .22rem;
		line-height: .6rem;
	}

	.money .left strong {
		font-size: .3rem;
		line-height: .6rem;
	}

	.money .left p .st1 {
		padding: 0 0 0 .35rem;
	}

	.money .right h4 {
		font-size: .36rem;
	}
    .money .right h4 img{display: block;width: 50%;margin: 0 auto;}
	


	.page3 .title img{
		width: 76%;
	}
	.page3 .item div i{
		font-size: .22rem;line-height: .24rem;
	}
	/** Tab切换 Start **/
	
	
	/** Tab切换 End **/
	.page4 .title img{
		width: 45%;
	}
	.page_sw0 .swiper-slide h6 {
	    font-size: .2rem;
	    line-height: .4rem;
	    margin: 0.15rem 0 0rem;
	}
	/* M端 表单 Start */
	.bd {
		background: #c39e6d;
	}
	.form-wrap .xdf_formbtn {
		background: #142746;
		color: #ffffff;
	}
	.tiaokuan a {
		color: #bb1317;
	}
	/* M端 表单 End */
	.page2_1 .bottom .txt h5 {
	    font-size: .24rem;
	    line-height: .6rem;
	}
	/* M端 关于南安普顿 Start */
	.page4 {
		background: url(../images/dld/m_page4_bg.png) no-repeat top center;
		background-size: cover;
	}
	.page4 .bottom .txt{
		margin: .1rem 0;
	}
	/* M端 关于南安普顿 End */
	.page2 .page_sw1 .swiper-slide{height: auto;}
}