.header,
.electronic,
.libraryGuide,
.press,
.curator,
.about {
    width: 100%;}

body,
html {
    width: 100%;
    height: auto;
    min-height: 100%;}
.flex_b {
	display: flex;
	justify-content: space-between;
	align-items: center;}
.flex_l {
	display: flex;
	align-items: center;}
.flex_d_c {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;}

.flexWarp {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	align-content: start;}
/* 单行省略 */
.one-line {
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	white-space: nowrap;}
/* 两行省略 */
.two-line {
	word-break: break-all;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;}

.centertion {
	background: url(../images/preview.jpg) top center no-repeat;
	background-size: cover;
	min-height: 775px;}
.centertion .zhongxinBox {
	width: 1200px;
	max-width: 100%;
	min-width: 0;
	display: flex;
	justify-content: space-between;
	margin: 0px auto;
	padding: 30px 0 0 0;
	box-sizing: border-box;}
.centertion .zhongxinBox:last-child {
	padding-bottom: 12px;
	margin-bottom: 0;}
.centertion .zhongxinBox .centerLeft {
	width: 62%;}
.centertion .zhongxinBox .centerRight {
	width: 36%;}
.centertion .zhongxinBox .titleBox {
	width: 100%;
	height: 45px;
	background: #E8E8E8;
	border: 1px solid #F3F4F7;
	padding: 0 33px;
	display: flex;
	justify-content: space-between;
	align-items: center;}
.centertion .zhongxinBox .titleBox .title {
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 8px;
	font-size: 20px;
	color: #3E3E3E;
	font-weight: bold;}
.centertion .zhongxinBox .ziyuanBox .titleName {
	margin-right: 34px;
	color: #959595;
	height: 100%;
	display: flex;
	align-items: center;
	cursor: pointer;
	font-size: 16px;}
.centertion .zhongxinBox .ziyuanBox .active {
	color: #3E3E3E;
	position: relative;}
.centertion .zhongxinBox .ziyuanBox .active::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 80%;
	height: 2px;
	background: #A04BA0;}
.centertion .zhongxinBox .titleBox .title img {
	width: 24px;
	margin-right: 8px;}
.centertion .zhongxinBox .moreBox {
	background: linear-gradient(0deg, #E2DCDC 0%, #FFFFFF 100%);
	border-radius: 4px;
	border: 1px solid #E5E5E5;
	opacity: 0.8;
	font-weight: 400;
	font-size: 12px;
	color: #515151;
	padding: 4px 8px;
	cursor: pointer;}
.centertion .zhongxinBox .neirongBox {
	height: 260px;
	background: #FFFFFF;
	border: 1px solid #E6E8EC;
	padding: 30px 5px 30px 20px;}
.centertion .zhongxinBox .neirongBox .ziyuanCell {
	width: 33%;
	height: 30px;}
.centertion .zhongxinBox .neirongBox .ziyuanCell img {
	width: 7px;
	margin-right: 4px;}
.centertion .zhongxinBox .neirongBox .ziyuanCell span {
	font-weight: 400;
	font-size: 14px;
	color: #333333;
	line-height: 30px;}

/* 电子资源多标签静态面板（博达模版：内容写在 HTML） */
#ziyuanContent .ziyuanPanel {
	display: none;
	width: 100%;}
#ziyuanContent .ziyuanPanel.is-active {
	display: flex;}
.centertion .zhongxinBox .imgBox {
	padding: 15px 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: space-between;}
.centertion .zhongxinBox .imgBox .imgBoxItem{
	width: 49%;
	height: 47%;
	background-color: #f6f6f6;
	font-size: 14px;
	display: flex;
	justify-content: center;
	align-items: center;}
.centertion .zhongxinBox .imgBox .imgBoxItem a{
	text-align: center;}
.centertion .zhongxinBox .imgBox img {
	width: 50px;
	height: 50px;
	object-fit: cover;
	margin-bottom: 5px;}
.centertion .zhongxinBox .widthMax {
	width: 100%;}
.centertion .zhongxinBox .zixunneirongBox {
	height: 350px;
	padding: 30px 20px;
	display: flex;
	justify-content: space-around;}
.centertion .zhongxinBox .zixunneirongBox .xinxigonggao {
	width: 32%;}
.centertion .zhongxinBox .zixunneirongBox .guanneidongtai {
	width: 65%;}
.centertion .zhongxinBox .zixunneirongBox .lineTitle {
	position: relative;
	height: 30px;
	font-weight: 400;
	font-size: 17px;
	color: #000000;
	margin-left: 10px;}
.centertion .zhongxinBox .zixunneirongBox .lineTitle::before {
	content: '';
	position: absolute;
	top: 4px;
	left: -10px;
	width: 3px;
	height: 14px;
	background-color: #A04BA0;}
.centertion .timeBox {
	width: 46px;
	height: 46px;
	border-radius: 6px;
	border: 1px solid #A04BA0;}
.centertion .timeBox .day {
	font-weight: bold;
	font-size: 21px;
	color: #A04BA0;}
.centertion .timeBox .year {
	font-weight: 400;
	font-size: 9px;
	color: #333333;}
.centertion .zhongxinBox .zixunneirongBox .zixunContent {
	width: calc(100% - 55px);}
.centertion .zhongxinBox .zixunneirongBox .xinxiCell {
	margin: 20px 0 0 0;}
.centertion .zhongxinBox .zixunneirongBox .dongtaiLeft {
	width: 50%;}
.centertion .zhongxinBox .zixunneirongBox .fontaiRight {
	position: relative;
	width: 46%;}
.centertion .zhongxinBox .zixunneirongBox .fontaiRight .dongtaiImgs {
	padding: 20px 0 0 0;
	height: 265px;
	position: relative;
  	overflow: hidden;}
.fontaiRight .dongtaiImgs .sliders{
	width: 300%; 
	height: 100%;
	display: flex;}
.fontaiRight .dongtaiImgs .sliders li{
	height: 100%;
	width: 100%;}
.centertion .zhongxinBox .zixunneirongBox .fontaiRight  img {
	width: 346px;
	height: 100%;
	object-fit: cover;
	/* flex: 1 0 auto; */
	display: none;}
.centertion .zhongxinBox .zixunneirongBox .fontaiRight  img:nth-child(1) {
	display: block;}
.centertion .zhongxinBox .zixunneirongBox .fontaiRight .dongtaiTexts{
	position: absolute;
	width: 100%;
	height: 65px;
	background-color: #A04BA0;
	opacity: 0.8;
	color: #fff;
	line-height: 65px;
	text-align: center;
	bottom: 0px;
	display: flex;
	justify-content: space-between;}
.centertion .zhongxinBox .zixunneirongBox .fontaiRight .dongtaiTexts .left,
.centertion .zhongxinBox .zixunneirongBox .fontaiRight .dongtaiTexts .right{
	padding: 0 15px;
	cursor: pointer;}
.centertion .zhongxinBox .zixunneirongBox .fontaiRight .dongtaiTexts .text{
	width: 75%;}
/* 学科服务 */
.subject{
	height: 305px;
	width: 100%;
	margin-top: 12px;
	margin-bottom: 28px;
	display: flex;}
.subject .subjectItem{
	height: 100%;
	margin-right: 20px;
	box-sizing: border-box;}
.subject .subjectItem:last-child{
	margin-right: 0;}
.subject .subjectItem .itemL{
	width: 150px;
	height: 100%;
	color: #fff;	
	font-size: 16px;
	padding: 0 20px;}
.subject .subjectItem .itemL p{
	margin: 30px 0 30px 0;
	text-align: center;
	height: 50px;}
.subject .subjectItem .itemL .icon{
	height: 50px;}
.subject .subjectItem .itemL .jiantou{
	width: 40px;
	cursor: pointer;}
.subject .subjectItem .itemR{
	width: 540px;
	height: 100%;
	padding: 18px 20px 32px;
	border: 15px solid #f7f6f7;
	background-color: #fff;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	background: url(../images/subitemrbg.jpg) center center no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;}
.subject .subjectItem .itemR .nerViewport{
	width: 100%;
	height: 100%;
	overflow: hidden;}
.subject .subjectItem .itemR .nerTrack{
	display: flex;
	height: 100%;
	transition: transform 0.6s ease;}
.subject .subjectItem .itemR .nerPage{
	flex-shrink: 0;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	font-size: 15px;
	box-sizing: border-box;}
.subject .subjectItem .itemR .nerPage .nerItem{
	width: 25%;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 10px;
	cursor: pointer;
	box-sizing: border-box;}
.subject .subjectItem .itemR .nerPage .nerItem a{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;}
.subject .subjectItem .itemR .nerPage img{
	width: 48px;
	height: 48px;
	object-fit: contain;
	margin-bottom: 6px;}
.subject .subjectItem .itemR .nerDots{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 6px;}
.subject .subjectItem .itemR .nerDots span{
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #d0d0d0;
	cursor: pointer;}
.subject .subjectItem .itemR .nerDots span.active{
	background: #A04BA0;
	width: 16px;
	border-radius: 8px;}

.subject .subjectItem:nth-child(1) .itemL{
	background: url(../images/sub1.png) center center no-repeat;
	background-size: 100% 100%;}
.subject .subjectItem:nth-child(2) .itemL{
	background: url(../images/sub2.png) center center no-repeat;
	background-size: 100% 100%;}
.subject .subjectItem:nth-child(3) .itemL{
	background: url(../images/sub3.png) center center no-repeat;
	background-size: 100% 100%;}
.subject .subjectItem:nth-child(4) .itemL{
	background: url(../images/sub4.png) center center no-repeat;
	background-size: 100% 100%;}



.fontaiRight .dongtaiTexts .text a{
	display: none;
	color: #fff;}
.fontaiRight .dongtaiTexts .text a:nth-child(1){
	display: block;}

.leftView {
	position: fixed;
	left: 20px;
	bottom: 25%;
	z-index: 99;
	width: 150px;
	background: #FFFFFF;
	box-shadow: 0px 3px 15px 0px rgba(29,51,0,0.03);
	border-radius: 11px;
	padding: 10px 7px;}
.leftView img {
	width: 100%;}
.leftView p {
	margin: 10px 15px;
	font-weight: bold;
	font-size: 17px;
	color: #0D0D0D;
	text-align: center;}

#immersive-translate-popup {
	display: none !important;}

