/* common */
body, a { font-family: -apple-system,blinkmacsystemfont,segoe ui,pingfang sc,hiragino sans gb,microsoft yahei,helvetica neue,helvetica,arial,sans-serif; }
.position-z { position: relative; z-index: 999; }
.fix { overflow: hidden; }

/* header */
nav.navbar { z-index: 1000 !important; background-repeat: no-repeat; background-size: cover; background-position: center center; background-image: url(/uploads/image/ssioffice/202003114ae577.jpg) !important; }
nav.navbar.bootsnav.navbar-transparent.pad-top { background-repeat: no-repeat; background-size: cover; background-position: center center; background-image: url(/uploads/image/ssioffice/202003114ae577.jpg) !important; margin-top: 0; }
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content { margin: 1px 15px 0; }
.attr-nav { margin-left: 30px; padding-left: 15px; }
.attr-nav > ul > li { padding: 22px 0 !important; }
.navbar-right { margin-right: 0; }

nav.navbar .search form { margin-top: 24px; width: 200px; height: 36px !important; min-height: 36px; border-radius: 18px; background: #fff; }
nav.navbar .search form i { color: #005693; }
nav.navbar .search input[type='text'] { width: 160px; height: 35px !important; min-height: 35px; line-height: 35px; padding: 5px 5px 5px 15px; border: none; outline: none; background: none; color: #333; }
nav.navbar .search button[type='submit'] { width: 40px; height: 35px !important; min-height: 35px; background: none; border: none; }

/* banner */
.banner-area.text-normal h1 { font-size: 32px; }
.banner-area .box-cell, .banner-area .box-cell div { float: none; text-align: center; margin: 0 auto; }
.btn.btn-light.border { border: 1px solid #ffb606; }
.btn.btn-light.border:hover { border: 1px solid #fff !important; }

/* layout*/
.bg-gray { position: relative; background: #eef5f9; }
.bg-gray-image:after { position: absolute; left: 0; bottom: 0; content: ""; width: 218px; height: 190px; background: url(/uploads/image/ssijiaoxin/img_flower_left.png) no-repeat; }
.bg-gray-image:before { position: absolute; right: 0; top: 0; content: ""; width: 220px; height: 225px; background: url(/uploads/image/ssijiaoxin/img_flower_right.png) no-repeat; }
.bg-gray-image-2:after { position: absolute; left: 0; bottom: 0; content: ""; width: 100%; height: 100%; background: url(/uploads/image/ssijiaoxin/img_landscaping_bg.png) no-repeat center bottom; background-size: cover; }

.carousel-control {width: 0;}
.carousel-control.left,
.carousel-control.right {opacity: 1;filter: alpha(opacity=100);background-image: none;background-repeat: no-repeat;text-shadow: none;}
.carousel-control .fa-angle-left,
.carousel-control .fa-angle-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {position: absolute;top: 45%; z-index: 11; display: inline-block;font-size: 42px;}
.carousel-control .fa-angle-left,
.carousel-control .icon-prev {left: 10px;}
.carousel-control .fa-angle-right,
.carousel-control .icon-next {right: 10px;}
.carousel-control .btn-arrow:before { display: block; width: 3rem; padding: 0.75rem 0; background: #e5e5e5; line-height: normal; text-align: center; color: #444; opacity: 0.75; }
.carousel-control.left span:hover,
.carousel-control.right span:hover {opacity: .7;filter: alpha(opacity=70);}

.carousel-indicators { width: 98%; left: 0; right: 2%; margin-left: 0; text-align: right; }
.carousel-indicators li { margin: 1px 5px; width: 20px; height: 20px; border-radius: 50%; background:rgb(255 255 255 / 46%); border: 0; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.carousel-indicators .active { margin: 1px 5px; width: 20px; height: 20px; background: #fff; }
.carousel-indicators {bottom: 10px;}

.carousel-inner > .item { margin-left: 0; margin-top: 0; margin-bottom: 0 !important; padding-left: 0; width: 100%; height: auto; }
.carousel-inner > .item > img,
.carousel-inner > .item > a > img, .carousel-inner > .item .carousel-imgfocus { display: block; max-width: 100%; height: 428px; margin-left:0; padding-left: 0; }

section.event-area .container.wow.fadeinup { animation-delay: 0.2s; }

.site-heading { margin-bottom: 30px; }
.site-heading h2 { font-family: "merriweather sans", "nunito sans", "microsoft yahei", montserrat, helvetica, "lucida grande", "lucida sans", stxihei, sans-serif; margin-bottom: 30px; font-size: 32px; font-weight: 900; }
	.site-heading h2 span { font-size: 24px; color: #b6b5b5; }
	.site-heading h2 em { padding: 0 10px; font-weight: 400; }

/* news-focus */
/* thumb */
.news-area .event-items .item.vertical .news-focus .thumb { overflow: hidden; }
.news-area .event-items .item.vertical .news-focus .thumb a { width: 100%; height: 220px; object-fit: cover; transition: all 0.35s ease-in-out; }
	.news-area .event-items .item.vertical:hover .news-focus .thumb a { transform: scale(1.2); }
.news-area .event-items .item.vertical .news-focus .thumb a { display: block; width: 100%; height: 347px; background-size: cover; background-position: center center; background-repeat: no-repeat; }

#news-focus-generic .carousel-indicators { width: 100%; margin-left: 0; margin-bottom: 0; padding: 0 20px; right: 0; left: 0; text-align: right; }
#news-focus-generic .carousel-indicators li { width: 10px; height: 10px; margin: 0; }

/* carousel header styles */
#news-focus-generic .header-text { display: flex; width: 100%; height: 76px; color: #fff; background: #005693 }
#news-focus-generic .header-text a { display: flex; align-items: center; padding: 0 130px 0 20px; font-size: 16px; font-weight: 700; overflow: hidden; }
#news-focus-generic .header-text a, #news-focus-generic .header-text a:hover{ color: #fff !important; }

.news-header { overflow: hidden; }
.news-header a { float: left; }

.news-header-title { display: block; position: relative; margin: 11px 24px 0; padding: 0 0 11px; font-size: 26px; color: #fff; border-bottom: 1px solid #fff; }
.news-header-title:before { position: absolute; left: -24px; top: -11px; content: ""; border-radius: 50%; width: 63px; height: 63px; background: linear-gradient(315deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 100%); }
.news-header-title:after { position: absolute; left: -24px; bottom: 3px; content: ""; width: 98px; height: 1px; background: rgb(255 255 255 / 75%); }

.news-more { position: relative; line-height: 64px; padding-right: 18px; font-size: 14px; color: rgb(255 255 255 / 75%); }
.news-more:before { position: absolute; right: 0; top: 26px; content: ""; width: 14px; height: 14px; background: url(/uploads/image/ssijiaoxin/ic_more_white.png) no-repeat; }

.common-links { padding: 40px 0; }
.common-links .info h4 { margin-bottom: 0; }
	.common-links li { float: left; padding-right: 25px; }
	.common-links li a:hover { color: #f8b239; }

.deptart .thumb { height: 180px; background-size: cover; background-repeat: no-repeat; background-position: center center; }

/* announce */
.news-area .event-items .item .info.news-info { padding: 0; box-shadow: none; }
.news-area .event-items .item .info.news-info .meta { margin: 0; padding: 13px 20px; border-bottom: 0; background: #005693; }
.news-area .event-items .item .info.news-info h4 { line-height: 40px; color: #fff; }
	.news-area .event-items .item .info.news-ann h4 a.news-header-title:hover { color: #fff; }
	/* .news-area .event-items .item .info.news-info h4 a.news-more:hover { color: rgb(255 255 255 / 75%); } */

.news-area .event-items .item .info.news-info ul { background: #fff; padding: 25px 30px; }
	.news-area .event-items .item .info.news-info ul li { font-weight: 400; width: 100%; margin: 0 0 15px; padding: 0; }
	.news-area .event-items .item .info.news-info ul li:last-child { margin: 0; }
	.news-area .event-items .item .info.news-info ul p.time { overflow: hidden; position: relative; margin-bottom: 0; padding-bottom: 6px; color: #c11112; font-size: 14px; font-weight: 700; }
		.news-area .event-items .item .info.news-info ul p.time span { position: relative; z-index: 2; padding: 0 15px 0 0; background: #fff; }
		.news-area .event-items .item .info.news-info ul p.time:after { position: absolute; top: 13px; left: 0; content: ""; width: 100%; height: 1px; background: #eee; }
	.news-area .event-items .item .info.news-info ul a { position: relative; color: #333; font-size: 16px; transition: all 0.4s ease; }
	.news-area .event-items .item .info.news-info ul a:hover { color: #005693; }

.news-area .event-items .item .info.news-info.news-focus { background: transparent; }
.news-area .event-items .item .info.news-info.news-focus .meta { padding: 0; background: transparent; }
	.news-area .event-items .item .info.news-info.news-focus h4 .news-header-title { color: #333; border-bottom: 1px solid #0065ad; }
	.news-area .event-items .item .info.news-info.news-focus h4 .news-header-title:before { background: linear-gradient(315deg, rgba(0,101,173,0) 0%, rgba(0,101,173,0.2) 100%); }
	.news-area .event-items .item .info.news-info.news-focus h4 .news-header-title:after { background: #0065ad; }
	.news-area .event-items .item .info.news-info.news-focus h4 .news-more { color: #005693; }
	.news-area .event-items .item .info.news-info.news-focus h4 .news-more:before { background: url(/uploads/image/ssijiaoxin/ic_more_blue.png) no-repeat;  }
	.news-area .event-items .item .info.news-info.news-focus .news-focus-list li { margin: 0 0 22px; }
	.news-area .event-items .item .info.news-info.news-focus .news-focus-list li:last-child { margin: 0; }
	.news-area .event-items .item .info.news-info.news-focus .news-focus-list .time { float: left; color: #c11112; font-weight: 700; padding-right: 15px; margin-right: 15px; border-right: 1px solid #eee; }
		.news-area .event-items .item .info.news-info.news-focus .news-focus-list .time span { display: block; text-align: center; }
		.news-area .event-items .item .info.news-info.news-focus .news-focus-list .time span.day { font-size: 26px; margin-bottom: 2px; }
	.news-area .event-items .item .info.news-info.news-focus .news-focus-list p.desc { margin: 2px 0 0; padding: 0; color: #979797; font-weight: 400; }
	.news-area .event-items .item .info.news-info.news-focus .news-focus-list p:after { display: none; }

	.news-area .event-items .item .info.news-info.news-ann h4 a.news-more:hover { color: rgb(255 255 255 / 75%); }
	.news-area .event-items .item .info.news-info.news-ann .news-ann-list li { height: 86px; margin-bottom: 10px; }

.news-area .event-items .item .info.news-info.news-normal .meta { padding: 0; background: transparent; }
.news-area .event-items .item .info.news-info.news-normal h4 a.news-header-title { color: #fff; border-bottom: 1px solid #fff; }
	.news-area .event-items .item .info.news-info.news-normal h4 a.news-header-title:before { background: linear-gradient( 315deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 100%); }
	.news-area .event-items .item .info.news-info.news-normal h4 a.news-header-title:after { background: #fff; }
	.news-area .event-items .item .info.news-info.news-normal h4 a.news-more:hover { color: rgb(255 255 255 / 75%); }
.news-area .event-items .item .info.news-info.news-normal .text-list li { margin: 0; padding: 20px 0; border-bottom: 1px solid #eee; text-align: left; line-height: 27px; }
	.news-area .event-items .item .info.news-info.news-normal .text-list li:first-child { padding: 5px 0 20px; }
	.news-area .event-items .item .info.news-info.news-normal .text-list li:last-child { padding: 20px 0 5px; border-bottom: 0; }
	.news-area .event-items .item .info.news-info.news-normal .text-list li span { color: #c11112; font-weight: 700; }

.news-area .event-items .item .info.news-info.news-normal .thumb-list li { margin-bottom: 22px; }
.news-area .event-items .item .info.news-info.news-normal .thumb-list li:last-child { margin-bottom: 0; }
.news-area .event-items .item .info.news-info.news-normal .news-img img { object-fit: cover; width: 100%; height: 90px; }
.news-area .event-items .item .info.news-info.news-normal .news-text { height: 90px; position: relative; }
.news-area .event-items .item .info.news-info.news-normal .news-text span { position: absolute; left: 0; bottom: 0; display: inline-block; background: #c11112; color: #fff; padding: 3px 5px; line-height: 20px; }

.news-area .horizons-list .item.vertical .thumb { overflow: hidden; }
.news-area .horizons-list .item.vertical .thumb img { width: 100%; height: 220px; object-fit: cover; transition: all 0.35s ease-in-out; }
	.news-area .horizons-list .item:hover .thumb img { transform: scale(1.2); }
.news-area .horizons-list .item .info { position: relative; background: #f7f7f7; box-shadow: none; transition: all 0.15s ease-in-out; }
	.news-area .horizons-list .item:hover .info { background: #005693; }
		.news-area .horizons-list .item:hover .info:before { content: ""; position: absolute; right: 0; bottom: 0; width: 177px; height: 180px; background: url(/uploads/image/ssijiaoxin/img_scnu.png) no-repeat; }
	.news-area .horizons-list .item:hover .info h4 {  border-bottom: 1px solid #3274a0; }
	.news-area .horizons-list .item:hover .info h4 a { color: #fff; }
	.news-area .horizons-list .item:hover .info li { color: #b4cddf; }
.news-area .horizons-list .item .info h4 { margin-bottom: 20px; padding-bottom: 18px; height: 73px; line-height: 26px; border-bottom: 1px solid #e6e6e6; }
.news-area .horizons-list .item .info h4 a { color: #333; }
.news-area .horizons-list .item .info li { display: block; color: #666; margin-right: 0; font-weight: 400; }
.news-area .horizons-list .item .info li:last-child { margin-bottom: 0; }
.news-area .horizons-list .item .info .meta { height: 88px; overflow: hidden; border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }

.news-area .horizons-list .item-text .item-time { width: 90px; height: 90px; margin: 10px auto 35px; padding: 22px 0; border-radius: 50%; background: #005693; text-align: center; color: #fff; font-size: 14px; }
	.news-area .horizons-list .item-text .item-time span { display: block; font-size: 24px; font-weight: 800; }
	.news-area .horizons-list .item-text:hover .item-time { background: #fff; color: #c11112; }
	.news-area .horizons-list .item-text:hover .info:before { top: 0; bottom: unset; }

.news-area .horizons-list .item-avatar .info .avatar { width: 120px; height: 120px; padding: 0; overflow: hidden; }
.news-area .horizons-list .item-avatar .info .avatar img { width: 120px; height: 120px; object-fit: cover; border-radius: 50%; }
.news-area .horizons-list .item-avatar .info h4 { height: unset; text-align: center; }

.news-area .horizons-list.event-carousel .owl-nav .owl-prev:hover, .news-area .horizons-list.event-carousel .owl-nav .owl-next:hover { color: #005693; }

.block-text { display: block; width: 100%; height: 200px; }
.block-text a { display: block; height: 100%; position: relative; z-index: 10; padding: 40px; }
.block-full { background-repeat: no-repeat; background-size: cover; }
	.block-full a:after, .block-md a:after { position: absolute; width: 40px; height: 24px; content: ""; background: url(/uploads/image/ssijiaoxin/ic_enter.png) no-repeat; }
	.block-full a:after { right: 40px; top: 40px; }
	.block-md a:after { left: 40px; bottom: 40px; }
	.block-full:after, .block-md:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient( 270deg, rgba(153,28,28,0.5) 0%, #991c1c 100%); }
	.block-full:after { background: linear-gradient( 270deg, rgba(153,28,28,0.5) 0%, #991c1c 100%); }
	.block-md:after { background: linear-gradient( 270deg, rgba(0,86,147,0.5) 0%, #005693 100%); }
	.block-md.last:after { background: linear-gradient( 270deg, rgba(193,169,107,0.6) 0%, #c1a96b 100%); }
.block-text span { display: block; }
.block-text .block-title { color: #fff; font-size: 28px; font-weight: 800; line-height: 40px; }
.block-text .block-sub { font-size: 24px; font-weight: 800; color: rgb(255 255 255 / 75%); }

.news-area.shadow.dark-hard::after { background: #005693; opacity: 0.85; }

/* category */
.category-list .item { margin-bottom: 32px; }
/* .category-list.event-area .event-items .item .info.news-info { padding: 30px; box-shadow: 0 0 10px #ccc; } */
.category-list.event-area .event-items .item .info li { width: 100%; margin-right: 0; font-weight: 400; }
.category-list.event-area .event-items .item .info.news-info ul { padding: 25px 0; }
.category-list.event-area .event-items .item .info.news-info.news-focus ul a { line-height: 54px; font-size: 22px; }
.category-list.event-area .event-items .item .info.news-info.news-focus .news-focus-list li { margin: 15px 0 0; padding-bottom: 15px; border-bottom: 1px solid #e7e7e7; }

.popular-courses-items .thumb .price { text-align: left; text-indent: 25px; }

/* list */
.advisor-items .advisor-item .info-title { padding: 25px 5px; }

/* list-nav*/
.breadcrumb-area { padding: 236px 0 50px; }
.breadcrumb-area .breadcrumb li i { color: #fff; }
.breadcrumb > li   li::before { color: #fff; }
.breadcrumb-area h1 { text-align: left; font-size: 42px; }
.breadcrumb-area .breadcrumb { float: left; }
.breadcrumb-area.shadow.dark:after { background: #051724 none repeat scroll 0 0; opacity: 0.75; }

.category-nav { .margin-bottom: 100px; box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.1); }
.category-nav ul { overflow: hidden; }
.category-nav li { float: left; font-size: 14px; padding: 17px 35px; cursor: pointer; }
	.category-nav li a:hover { color: #095893; }
.category-nav li.active { background-color: #095893; color: #fff; }
.category-nav li.active a { color: #fff; }

.list-news .nav-horizontal { border-bottom: solid 1px #e6e6e6; box-shadow: 0px 15px 8px -12px rgba(0, 0, 0, 0.1); text-align: center; display: flex; justify-content: center; margin-bottom: 50px; }
.list-news .nav-horizontal li { float: left; font-size: 14px; padding: 0 20px; height: 60px; line-height: 60px; margin: 0; }
.list-news .nav-horizontal li a { color: #333; }
.list-news .nav-horizontal li.active { border-bottom: 2px solid #0065ad; color: #0065ad; }
.list-news .nav-horizontal li.active a, .list-news .nav-horizontal li a:hover { color: #0065ad; }

/* article */
.blog-area .item blockquote { margin-top: 100px; }
.blog-area .blog-items .thumb { }
.article-content.article-format p, .leaders-info p { font-size: 16px !important; text-indent: 2em !important; line-height: 32px !important; }

.article-content img { max-width: 75%; }

/* pages */
.pages { text-align: center; padding: 35px 0; }
.pages a,
.pages span { display: inline-block; font-size: 12px; font-weight: 400; text-align: center; padding: 0 15px; height: 34px; line-height: 34px; border: 1px solid #e4e4e4; }
.pages a { margin: 0 2px; color: #717171; background: #fff; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
.pages a:hover { background: #095893; color: #fff }
.pages span { background: #095893; color: #fff; }

/* footer */
footer .footer-bottom { background: #06487a; margin-top: 40px; padding: 20px 0; }
footer .footer-bottom p { line-height: 26px; color: rgb(255 255 255 / 75%); }
footer .footer-bottom p a { font-weight: 400; color: rgb(255 255 255 / 75%); }
footer .f-item > img { margin: 20px 0 0; }
footer .f-logo img { padding-bottom: 15px; margin-bottom: 15px; }
footer .f-item.link li { float: left; padding-right: 10px; }
footer.bg-fixed .f-item.address i { display: inline; border: 0 none; padding-right: 10px; }
footer .f-links { margin: 0 15px 50px; padding: 25px 15px; background: rgba(255, 255, 255, 0.08); }
footer .f-links li { float: left; padding-right: 20px; font-size: 14px; }
footer .f-links h4 { font-weight: 600; }
footer .f-links h4, footer .f-item.address h4 { margin-bottom: 20px; padding-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,0.16); }
footer .f-item.address i { width: 20px; height: 20px; font-size: 12px; }
footer .f-item.address p { display: block; padding-left: 0; text-transform: none; }
footer .f-item.address p span { display: inline; }
footer .f-item.address li { color: rgb(255 255 255 / 75%); float: left; margin-bottom: 5px; }
footer .f-item.qrcode li { margin-right: 15px; }
footer.shadow.dark-hard::after { background: linear-gradient( 270deg, #0065ad 0%, #005693 100%); opacity: 1; }
footer:before { width: 355px; height: 351px; position: absolute; top: 0; right: 0; content: ""; background: url(/uploads/image/ssijiaoxin/ic_crest.png) no-repeat; }

@media (max-width: 1023px) {

}

@media (max-width: 1023px) {
	nav.navbar.bootsnav.navbar-transparent.pad-top { background-color: #005693 !important; background-image: none !important; }
	nav.navbar.shadow.dark-hard::after { background: none; opacity: 1; }
	nav.navbar.bootsnav .navbar-toggle { color: #fff; margin-top: 13px; top: 15px; }
	nav.navbar.bootsnav .navbar-brand { padding: 20px 15px; }
	nav.navbar .navbar-brand img.logo { height: 35px !important; }
	.attr-nav > ul > li > a { color: #fff; }
}

@media (min-width: 1441px) {
	.container { width: 1440px; }
}

@media (min-width: 1024px) {
	nav.navbar.bootsnav.shadow.dark-hard::after { background: #005693; opacity: 0.96; }
	nav.navbar.bootsnav #navbar-menu { border-top: 1px solid rgb(164 189 218 / 20%); }
	nav.navbar.bootsnav .link { margin-top: 10px; }
	nav.navbar.bootsnav .link li { padding-left: 10px; display: inline-block; text-align: right; }
	nav.navbar.bootsnav .link li i { margin-right: 3px; padding-right: 5px; color: #f8b239 }
	nav.navbar.bootsnav .link a { color: #fff; }
	nav.navbar.bootsnav.navbar-transparent.white { border-bottom: 0; }
	nav.navbar.bootsnav .navbar-brand { padding: 26px 15px; }
	nav.navbar.bootsnav .navbar-brand .logo { width: 100%; height: 67px; object-fit: cover; }

	nav.navbar.bootsnav ul.nav { display: flex; width: 100%; }
	nav.navbar.bootsnav ul.nav > li { flex: 1; text-align: center; }
	nav.navbar.bootsnav ul.nav > li > a { color: rgb(255 255 255 / 90%) !important; font-size: 18px; padding: 20px 0; }
	nav.navbar.bootsnav ul.nav > li > a.active, nav.navbar.bootsnav ul.nav > li > a:hover { color: rgb(255 255 255 / 90%) !important; }
	nav.navbar.bootsnav ul.nav > li.active > a { color: rgb(255 255 255 / 90%) !important; }
	nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle::after { display: none; }
	nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu li a:hover { color: #005693; }
	nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.horizontal-col li { float: left; width: 50%; }
}

@media only screen and (max-width: 767px) {
	.campus-news { padding-top: 100px; }
	.article-content img { max-width: 100%; }
}