/* 响应式适配 */
@media (max-width: 1200px) {

	body,
	html {
		width: 100%;
		overflow-x: hidden;
	}

	.banner-pic {
		width: 120%;
		transform: translate(-10%, 0);
	}

	.banner-main {
		left: 50%;
		transform: translate(-50%, 0);
		top: 55%;
		font-size: 14px;
		line-height: 46px;
	}

	.banner-pic-pc {
		display: none;
	}

	.banner-pic-m {
		display: block;
	}

	.banner-main {
		display: none;
	}

	/* 推荐书目 */
	.tuijian-title {
		padding: 20px 0 20px 0;
	}

	.tuijian-title img {
		height: 60px;
	}

	.container {
		width: 100%;
		margin: 0 auto;
	}

	.tuijian-container {
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}

	.tuijian-item {
		margin: 0 10px;
	}

	.tuijian-main::after {
		height: 160px;
	}

	.tuijian-more-btn {
		font-size: 14px;
	}

	/* 阅读 */
	.huodong-pic {
		display: block;
		width: 90%;
		margin: 0 auto;
	}

	/* 底部 */
	.footer {
		height: auto;
		font-size: 12px;
		line-height: 24px;
		padding: 20px 0 10px 0;
	}

	.shiye {
		margin-left: 15px;
		height: 20px;
	}

	.breadcrumb {
		padding-left: 20px;
	}

	.tuijianer-main .tuijian-item {
		margin-right: 5px;
		margin-bottom: 60px;
	}

	.tuijianer-main .tuijian-pic {
		height: 140px;
	}

	.tuijian-container {
		padding: 0 7px;
		justify-content: center;
	}

	.tuijianer-main .tuijian-item:nth-of-type(4),
	.tuijianer-main .tuijian-item:nth-of-type(5) {
		display: block;
	}

	.tuijianer-bg {
		height: 110px;
	}

	.tuijianer-bg1 {
		top: 55px;
	}

	.tuijianer-bg2 {
		top: 255px;
	}

	.tuijianer-bg3 {
		top: 455px;
	}

	.tuijianer-bg4 {
		top: 655px;
	}

	.tuijianer-bg5 {
		top: 855px;
	}

	.tuijianer-bg6 {
		top: 1055px;
	}
	.tuijianer-more {
	    text-align: center;
	    margin-top: 0;
	    margin-bottom: 50px;
	}
	.close-btn {
	    width: 30px;
	}
	
	.tuijianer-main .tuijian-item:nth-of-type(18) .tuijian-pic {
		width: 100px;
	}
	.tuijianer-main .tuijian-item:nth-of-type(19) .tuijian-pic {
		width: 120px;
	}

}

@media (max-width: 768px) {

	.tuijian-pic {
		width: 110px;
	}

	.yuedu-item {
		width: 212px;
		height: 145px;
		padding: 13px 22px;
		margin: 0 5px;
	}

	.yuedu-pic {
		width: 90px;
		height: 120px;
	}

	.yuedu-code {
		width: 63px;
		height: 63px;
	}

	.slide-pic {
		width: 180px;
		height: 307px;
	}

	.zhuti-box {
		height: 400px;
	}

	.footerline {
		padding-top: 0;
	}

	.tuijianer-main .tuijian-container {
		width: 90%;
		margin: 0 auto;
		box-sizing: border-box;
	}
	.tuijianer-more img{
		height: 40px;
		display: block;
		margin: 0 auto;
	}
	.yueduer{
		padding-bottom: 50px;
	}
	#bigPic {
	    display: flex;
	    width:90%;
	    margin: 0 auto;
	}
	.bigPic-box{
		width: 100%;
		top: 70px;
	}
}

@media (max-width: 500px) {

	.tuijian-pic {
		width: 100px;
	}

	.tuijian-item:nth-of-type(4),
	.tuijian-item:nth-of-type(5) {
		display: none;
	}

	.yuedu-item {
		width: 170px;
		height: 116px;
		padding: 10px 18px;
		margin: 0 5px;
	}

	.yuedu-item:nth-of-type(3) {
		display: none;
	}

	.yuedu-pic {
		width: 72px;
		height: 96px;
	}

	.yuedu-code {
		width: 50px;
		height: 50px;
	}

	.bx-wrapper .bx-controls-direction a {
		margin-top: -18px;
		width: 13px;
		height: 36px;
	}

	.bx-wrapper .bx-next {
		right: -23px;
	}

	.bx-wrapper .bx-prev {
		left: -23px;
	}

	.slide-pic {
		width: 96px;
		height: 163px;
	}

	.zhuti-box {
		height: 240px;
	}

	.footerline {
		padding-top: 0;
		border-bottom: solid 1px #fff;
		margin-bottom: 10px;
		padding-bottom: 10px;
		display: block;
	}

	.tuijianer-main .tuijian-container {
		width: 100%;
		margin: 0 auto;
		box-sizing: border-box;
	}

	.tuijianer-bg7,
	.tuijianer-bg8,
	.tuijianer-bg9,
	.tuijianer-bg10 {
		display: block;
	}

	.tuijianer-bg7 {
		top: 1255px;
	}

	.tuijianer-bg8 {
		top: 1455px;
	}

	.tuijianer-bg9 {
		top: 1655px;
	}

	.tuijianer-bg10 {
		top: 1855px;
	}
	.tuijianer-more img{
		height: 30px;
		display: block;
		margin: 0 auto;
	}
	
	.tuijianer-more .yuedu-item:nth-of-type(3) {
		display: block;
	}
}