.data-container-fluid-dev {
    padding-bottom: 40px;
}

/* 覆盖bootstrap面包屑的样式 data- 代表自定义css*/
.data-breadcrumb {
    background-color: #fff !important;
    border-radius: 0px !important;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 0px !important;
    padding-left: 0px !important;
}

.data-breadcrumb li a {
    color: #7e7e7e;
    text-decoration: none;
}

.data-breadcrumb .active {
    color: #b01f24 !important;
}

.data-breadcrumb > li + li:before {
    color: #CCCCCC;
    content: ">" !important;
    padding: 0 5px;
}

.data-page-header {
    border-bottom: 0px !important;
    font-size: 20px;
}

.data-container-fluid-adv {
    background-color: #f2f2f2;
    padding-bottom: 40px;
}

.data-page-header {
    border-bottom: 0px !important;
}

.swiper-adv-father {
    width: 100%;
    position: relative;
}

.swiper-adv-father .swiper-wrapper {
    height: auto !important;
}

.swiper-adv-father .swiper-wrapper .swiper-slide {
    height: auto !important;
    padding-right: 10px;
    padding-left: 10px;
}

.swiper-adv-father .data-adv-prev, .swiper-adv-father .data-cooperation-prev {
    width: 18px;
    height: 30px;
    background-size: 18px 30px;
    background-image: url('../../images/productImages/adv-left-icon.png') !important;
    top: 50%;
    left: -28px;
    border: none !important;
}

.swiper-adv-father .data-adv-next, .swiper-adv-father .data-cooperation-next {
    width: 18px;
    height: 30px;
    background-size: 18px 30px;
    background-image: url('../../images/productImages/adv-right-icon.png') !important;
    top: 50%;
    right: -28px;
    border: none !important;
}

.swiper-container {
    width: 100%;
}

.news-link div:nth-child(2) h4, .news-link div:nth-child(2) p {
    margin: 14px 0;
}

.news-list li {
    padding: 10px 0 0;
}

.news-list li h4, .news-list li p {
    margin-bottom: 10px;
}

.video_app{
	display:none
}


@media screen and (min-width: 750px) {
    .swiper-adv-father .data-adv-prev, .swiper-adv-father .data-adv-next {
        display: block !important;
    }

}

.data-container-fluid-cooperation {
    padding-bottom: 40px;
	background: #f2f2f2;
}

.school-cooperation {
    position: relative;
	overflow:hidden;
}
/*.school-cooperation img{
	transition: all 0.6s;
}
.school-cooperation img:hover{
	transform: scale(1.2);
}*/

.titile-wrapper {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 36px;
	line-height: 36px;
	padding: 0 12px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(165, 36, 42, 0.8);
    text-align: center;
    color: #fff;
    overflow: hidden;
    display: none;
}

.mask h4 {
    display: inline-block;
    margin-top: 40px;
    font-size: 18px;
}

.mask p {
    width: 74%;
    margin: 16px auto;
    text-align: left;
    font-size: 12px;
	display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre-line;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.mask a {
    display: block;
    color: #fff;
    font-size: 12px;
    text-decoration: none !important;
    text-align: center;
}

.mask a:hover {
    color: #fff;
}

/* 微电影 */
.data-container-fluid-video {
    background-color: #f2f2f2;
	padding-bottom: 80px;
    padding-top: 12px;
}

.text_center {
    text-align: center;
    padding: 36px 0;
    font-size: 20px;
}

.swiper-video-father {
    width: 100%;
    height: 330px;
    position: relative;
    overflow: hidden;
}

.swiper-video-father .swiper-wrapper {
    height: auto !important;
}

.swiper-video-father .data-swiper-video {
    margin-top: 50px;
}

.swiper-video-father .swiper-wrapper .swiper-slide {
    height: auto !important;
    margin-top: 10px;
}

.swiper-video-father .data-video-prev, .swiper-video-father .data-video-prev {
    position: absolute;
    width: 100%;
    height: 50px;
    background-size: 100% 50px;
    background-image: url('../../images/aboutSgImages/sweiper-top.jpg') !important;
    top: 22px;
    left: 0;
    border: none !important;
}

.swiper-video-father .data-video-next, .swiper-video-father .data-video-next {
    position: absolute;
    width: 100%;
    height: 50px;
    background-size: 100% 50px;
    background-image: url('../../images/aboutSgImages/swiper-bottom.jpg') !important;
    top: 303px;
    left: 0;
    border: none !important;
}

/* 曙光开发日 */

.data-container-fluid-open .strip {
    width: 100%;
    height: 1px;
    background-color: #d8d8d8;
}

.left-title {
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.left-dec, .left-time {
    color: #9a9a9a;
    font-size: 13px;
	display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre-line;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.news-list li {
    border-bottom: 1px solid #d8d8d8;
}

.news-list li a, .news-wrapper .news-link {
    text-decoration: none !important;
    color: #000;
}
.news-link-one{
	overflow:hidden;
}
.news-link-one img , .adv-img-icon{
	transition: all 1s;
}
.news-link-one img:hover , .adv-img-icon:hover{
	transform: scale(1.2);
}

.news-wrapper {
    margin: 30px 14%;
	position:relative;
}
.news-wrapper .pagingbox_strip{
	position: absolute;
    bottom: 45px;
    margin: 0;
    right: 0;
}
.news-wrapper .pagingbox_strip .pagination{
	margin:0
}

.news-wrapper .left-title:hover {
    color: #b01f24;
}

.news-list li a h4:hover {
    color: #b01f24;
}

.data-pagination .active a {
    background-color: #b01f24 !important;
    border-color: #d5d5d5 !important;
    color: #fff !important;
}

.data-pagination li a {
    color: #23232c !important;
}

.position {
    position: relative;
}

.imgBg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.imgBg img {
    width: 100%;
    height: 100%;
}

.classHeight{padding-right: 12px !important;}
.classHeight .swiper-slides1{cursor: pointer}
.classHeight .swiper-container {height:430px}
.classHeight img{}
.topbtn{width:100%;height:50px;position: absolute;bottom: -50px;}
.topbtn img{width:100%;height:100%;}
.bottombtn{width:100%;height:50px;position: absolute; top: -50px;}
.bottombtn:focus{border:0}
.bottombtn img:focus{border:0}
.bottombtn img{width:100%;height:100%;}
.imgWidth .leftImg:not(:first-child){display:none;}

.leftImg{
	width:100%;
    position:relative;
    padding-bottom:56%;    /*需要用padding来维持16:9比例,也就是9除以16*/
    height: 0;
}
.leftImg video{
	position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
	object-fit: fill
}

/* 文化活动 */
.swiper-adv-father .swiper-wrapper .more_bg_1{
	position:relative;
	cursor: pointer;
	overflow:hidden
}
.swiper-adv-father .swiper-wrapper .more_bg_1 img{
	width:100%;
	transition:all 1s;
}
.swiper-adv-father .swiper-wrapper .more_bg_1 img:hover{
	transform: scale(1.2);
}
.swiper-adv-father .swiper-wrapper .more_bg_1 a{
	position: absolute;
	top:0;left:0;right:0;bottom:0;
	margin:auto;
	width: 110px;
	height: 42px;
    line-height: 42px;
	border:2px solid white;
	border-radius: 24px;
	color:white;
	text-align: center;
	background:transparent;
}
.swiper-adv-father .swiper-wrapper .more_bg_1 a:hover{
	border-color:saddlebrown
}

@media screen and (max-width: 768px) {
	.imgWidth{
		margin-top:50px
	}
	.video_pc{
		display:none
	}
	.video_app{
		display:block
	}
	.video_app_pagin , .huodong_pagin{
		width: 100%;
		bottom: -30px;
	}
	.video_app_pagin .swiper-pagination-bullet , .huodong_pagin .swiper-pagination-bullet{
		width:10px;
		height:10px;
		margin:0 4px;
		background:#b01f24;
	}
}


@media screen and (max-width: 768px) {
	.news-wrapper .pagingbox_strip{
		position: initial;
	    margin-top: 30px;
	}
    .swiper-adv-father .data-adv-prev, .swiper-adv-father .data-adv-next {
        display: none !important;
    }

    .data-swiper-talent .swiper-wrapper .swiper-slide {
        margin-right: 0px !important;
    }

    .page-header {
        margin: 14px 0 !important;
    }

    .news-list li h4, .news-list li p {
        margin-bottom: 10px;
    }
	.swiper-adv-father .data-adv-next, .swiper-adv-father .data-cooperation-next {
		right: -14px;
	}
	.swiper-adv-father .data-adv-prev, .swiper-adv-father .data-cooperation-prev {
		left: -16px;
	}
	.news-wrapper {
		margin: 0;
	}
	.mask h4 {
		margin-top: 12px;
		font-size: 16px;
	}
	.mask p {
		margin: 0px auto;
	}
	.news-wrapper {
		margin: 30px 0;
	}
	.classHeight {
		padding-right: 0!important;
	}
	.classHeight .swiper-container {
		height: 225px;
	}
	.titile-wrapper {
		height: 26px;
		line-height: 26px;
		font-size: 12px;
		padding: 0 6px;
	}
}

@media (min-width: 500px) and (max-width: 800px) {
	.classHeight .swiper-container {
		height:275px;
	}
}

@media (min-width: 999px) and (max-width: 1024px) {
	.classHeight .swiper-container {
		height:326px;
	}
}

@media (min-width: 1300px) and (max-width: 1350px){
	.classHeight .swiper-container {
		height: 416px;
	}
}

@media (min-width: 1500px) and (max-width: 1590px){
	.classHeight .swiper-container {
		height:492px;
	}
}

@media screen and (min-width: 1600px) {
	.classHeight .swiper-container {
		height:479px;
	}
}


@media (min-width: 1800px) and (max-width: 1900px){
	.classHeight .swiper-container {
		height: 562px;
	}
}

@media screen and (min-width: 1920px) {
	.classHeight .swiper-container {
		height:574px;
	}
	.data-container-fluid-cooperation {
		padding-bottom: 70px;
	}
}
