.content {
	overflow: hidden;
	width: 100%;
}

.content .banner {
	width: 100%;
	height: 497px;
	background-size: cover;
	background-position: center center;
	background-image: url(/ncszf/xhtml/zctp/images/bg.png);
}

.content .banner .m {
	width: 1200px;
	margin: 0 auto;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.content .banner .m .logo {
	display: block;
	margin-top: 34px;
	max-width: 60%;
	margin-bottom: 13px;
}

.content .banner .m .title {
	display: block;
	margin: 0 auto;
	max-width: 60%;
}

.content .banner .m .search {
	width: 821px;
	height: 60px;
	background: #fff;
	position: relative;
	display: flex;
	margin: 0 auto;
	margin-top: 22px;
	max-width: 80%;
}

.content .banner .m .search input[type='text'] {
	width: 100%;
	height: 100%;
	border: none;
	font-size: 20px;
	color: #333;
	padding-left: 36px;
	background: none;
}

.content .banner .m .search input[type='text']::placeholder {
	color: #AAAAAA;
}

.content .banner .m .search input[type='submit'] {
	width: 138px;
	height: 100%;
	border: none;
	font-weight: bold;
	font-size: 20px;
	color: #fff !important;
	cursor: pointer;
	transition: all .1s;
	background: #2C548F;
}

.content .banner .m .search input[type='submit']:hover {
	opacity: 0.9;
}

.content .banner .m .search input[type='submit']::placeholder {
	color: #fff;
}

.content .main_box {
	overflow: hidden;
	width: 100%;
	background-color: #f2f8ff;
	background-image: url(/ncszf/xhtml/zctp/images/icon2.png);
	background-position: bottom center;
	background-size: 100%;
	background-repeat: no-repeat;
	padding: 32px 0 62px 0;
	position: relative;
}

.content .main_box .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	margin: 0 6px;
	opacity: 0.2;
	background: #2C548F;
}

.content .main_box .swiper-pagination-bullet-active {
	opacity: 1;
}

.content .main_box .menu {
	display: flex;
	align-items: center;
	width: 1400px;
	margin: 0 auto;
	font-size: 16px;
	color: #777777;
}

.content .main_box .menu a {
	font-size: 16px;
	color: #777777;
	padding: 0 2px;
	transition: all .1s;
}

.content .main_box .menu a:last-child {
	color: #2C548F;
}

.content .main_box .menu a:hover {
	color: #2C548F;
}

.content .main_box .mySwiper {
	width: 62%;
	float: left;
	margin-top: 57px;
	top: 0;
	z-index: 999;
}

.content .main_box .mySwiper .swiper-slide {
	position: relative;
	padding-bottom: 90px;
	margin: 0 auto;
	padding-top: 190px;
}

.content .main_box .mySwiper .swiper-slide .m {
	width: 100%;
	position: relative;
	margin: 0 auto;
}

.content .main_box .mySwiper .swiper-slide .m::after {
	content: '';
	width: 100%;
	height: 100%;
	background-image: url(/ncszf/xhtml/zctp/images/icon1.png);
	background-position: bottom center;
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -120px;
	z-index: 10;
}

.content .main_box .button {
	display: flex;
	align-items: center;
	position: relative;
	z-index: 9999;
	justify-content: center;
}

.content .main_box .button .btn {
	cursor: pointer;
	margin: 0 10%;
}

.content .main_box .button .btn img {
	display: block;
}

.content .main_box .box {
	width: 1400px;
	margin: 0 auto;
	position: relative;
	margin-top: 1%;
}

.content .main_box .box .label {
	position: absolute;
	z-index: 9999;
}

.content .main_box .box .label.l1 {
	left: 60px;
	top: -20px;
}

.content .main_box .box .label.l2 {
	right: 73px;
	top: -20px;
}

.content .main_box .box .label.l3 {
	left: 60px;
	top: calc(210px - 85px);
}

.content .main_box .box .label.l4 {
	right: 73px;
	top: calc(210px - 85px);
}

.content .main_box .box .label:hover .show {
	left: 100%;
	opacity: 1;
	visibility: inherit;
}

.content .main_box .box .label .show {
	background: #fbfdff;
	width: 188px;
	position: absolute;
	left: 120%;
	transition: all .2s;
	opacity: 0;
	visibility: hidden;
	top: 50%;
	transform: translateY(-50%);
	padding: 25px 16px;
}

.content .main_box .box .label .show::after {
	content: '';
	width: 8px;
	height: 16px;
	background-image: url(/ncszf/xhtml/zctp/images/s_03.png);
	background-size: 100% 100%;
	position: absolute;
	left: -8px;
	top: 50%;
	transform: translateY(-50%);
}

.content .main_box .box .label .show p {
	font-size: 17px;
	color: #333333;
	padding: 6px 0;
	border-bottom: 1px dashed #DAE9FF;
	line-height: 1.6;
}

.content .main_box .box .label .show p a {
	color: #333333;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.content .main_box .box .label .show p a:hover {

	color: #2d548f;
}

.content .main_box .box .label img {
	display: block;
	margin: 0 auto;
	margin-bottom: 4px;
}

.content .main_box .box .label span {
	display: block;
	text-align: center;
	font-size: 18px;
	color: #333;
	font-weight: bold;
}

.content .main_box .box .book {
	width: 277px;
	height: 366px;
	background-image: url(/ncszf/xhtml/zctp/images/icon7.png);
	background-size: 100% 100%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
	z-index: 999;
	padding-top: 150px;
}

.content .main_box .box .book .book_titlle {
	padding: 2% 14%;
}

.content .main_box .box .book a {
	display: block;
	text-align: center;
	font-size: 22px;
	color: #333;
	font-weight: bold;
	line-height: 1.5;
}

.content .main_box .box .book a:hover {
	color: #2d548f;
}

.content .main_box .box .border {
	display: block;
	width: 100%;
	position: relative;
	z-index: 11;
}

.content .main_box .box .tplist{
	width: 32%;
	float: right;
	border-radius: 10px;
	background: rgba(255, 255, 255, 1);
	padding: 1%;
	padding-right: 0.5%;
	padding-bottom: 0.5%;
	height: 620px;
	overflow-y: scroll;
}

		
		.tplist::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px  rgba(0,0,0,0.3);background: rgba(237, 237, 237, 1);;}
		.tplist::-webkit-scrollbar{width: 12px;background-color:rgba(237, 237, 237, 1);;border-radius: 7px;}
		.tplist::-webkit-scrollbar-thumb{border-radius: 7px;
background: rgba(136, 183, 255, 1);}
.content .main_box .box .tplist li{
	display: block;
	border-radius: 6px;
	background: rgba(237, 244, 255, 1);
	margin-bottom: 2%;
	height: 90px;
	padding: 5%;
	padding-left: 14%;
	padding-left: 60px;
	position: relative;
}
.content .main_box .box .tplist li span{
	font-size: 16px;
	line-height: 24px;
	 text-overflow: -o-ellipsis-lastline;
	        overflow: hidden;
	        text-overflow: ellipsis;
	        display: -webkit-box;
	        -webkit-line-clamp: 2;
	        line-clamp: 2;
	        -webkit-box-orient: vertical;

}

.content .main_box .box .tplist li.on span{color: rgba(44, 84, 143, 1);}
.content .main_box .box .tplist li:hover span{color: rgba(44, 84, 143, 1);}
.content .main_box .box .tplist li span:before{
	content: '';
	position: absolute;
	    left: 3%;
	    width: 40px;
	    height: 40px;
	    top: 50%;
	    margin-top: -20px;
	    background: url(/ncszf/xhtml/zctp/images/guohui.png) no-repeat;
	}

@media (max-width: 1440px) {
	.content .main_box .menu {width: 96%;}
	.content .main_box .box{width: 96%;}
	.content .main_box .box .tplist{float: none;width: 100%;}
	.content .main_box .mySwiper{width: 100%;float: none;;}
}

@media (max-width: 1000px) {
	.content .banner .m {
		width: 100%;;
	}
	.content .banner {
		height: 6rem;
		padding: .3rem;
	}

	.content .banner .m .logo {
		margin: 0;
		width: 3rem;
	}

	.content .banner .m .title {
		width: 5rem;
		margin: 0 auto;
		margin-top: .6rem;
	}

	.content .banner .m .search {
		height: 1rem;
		margin-top: .6rem;
	}

	.content .banner .m .search input[type='text'] {
		font-size: .28rem;
		padding-left: .3rem;
	}

	.content .banner .m .search input[type='submit'] {
		width: 2rem;
		font-size: .33rem;
	}

	.content .main_box {
		padding: .6rem 0 1.2rem 0;
	}

	.content .main_box .menu {
		font-size: .26rem;
		padding: 0 .3rem;
	}

	.content .main_box .menu a {
		font-size: .26rem;
	}
    .content .main_box .box .tplist {
		height: 460px;
	}

	.content .main_box .mySwiper .swiper-slide {
		padding: 0 .3rem;
	}

	.content .main_box .box .book {
		width: 2.6rem;
		height: 3.4rem;
		padding-top: 1.5rem;
	}

	.content .main_box .box .book .book_titlle {
		padding: 0 13%;
	}

	.content .main_box .box .book a {
		font-size: .2rem;
		line-height: 1.5;
	}

	.content .main_box .box .label.l1 {
		left: 0;
		top: -.6rem;
	}

	.content .main_box .box .label.l2 {
		right: 0;
		top: -.6rem;
	}

	.content .main_box .box .label.l3 {
		left: 0;
		top: 1.5rem;
	}

	.content .main_box .box .label.l4 {
		right: 0;
		top: 1.5rem;
	}

	.content .main_box .mySwiper .swiper-slide {
		padding-top: 2rem;
	}

	.content .main_box .button .btn img {
		width: 1rem;
	}

	.content .main_box .button .btn {
		margin: 0 1rem;
	}

	.content .main_box .swiper-pagination-bullet {
		width: .2rem;
		height: .2rem;
		margin: 0 .1rem;
	}

	.content .main_box .box .label img {
		height: 1.2rem;
		margin: 0;
	}

	.content .main_box .box .label span {
		font-size: .26rem;
	}

	.content .main_box .mySwiper .swiper-slide .m::after {
		bottom: -.5rem;
	}

	.content .main_box .mySwiper .swiper-slide {
		padding-bottom: .6rem;
	}

	.content .main_box .box .label {
		z-index: 99999;
	}

	.content .main_box .box .label .show {
		padding: .1rem;
	}

	.content .main_box .box .label .show p {
		font-size: .26rem;
		padding: .1rem 0;
	}

	.content .main_box .box .label .show {
		top: 10%;
	}

	.content .main_box .box .label.l2 .show {
		left: auto !important;
		right: 100% !important;
	}

	.content .main_box .box .label.l2:hover .show {
		right: 120% !important;
		left: auto !important;
	}

	s .content .main_box .box .label.l4 .show {
		left: auto !important;
		right: 100% !important;
	}

	.content .main_box .box .label.l4:hover .show {
		right: 120% !important;
		left: auto !important;
	}

	.content .main_box .box .label.l2 .show::after {
		transform: rotate(180deg);
		left: auto;
		right: -8px;
	}

	.content .main_box .box .label.l4 .show::after {
		transform: rotate(180deg);
		left: auto;
		right: -8px;
	}
}