@charset "utf-8";
/*banner*/
.banner{position: relative;overflow: hidden;}
.banner .swiper-slide .pic{display: block;padding-top: 34%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 10s linear;}
.banner .swiper-slide .video{position: relative;padding-top: 34%;}
.banner .swiper-slide .video video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.banner .swiper-slide-active .pic{transform: scale(1.1);}
.banner .swiper-pagination{z-index: 2;left: max(calc(50% - 700px), 5%);bottom: 3rem;width: auto;transform: translateY(50%);display: flex;align-items: center;}
.banner .swiper-pagination .swiper-pagination-bullet{display: inline-flex;justify-content: center;align-items: center;position: relative;width: 40px;height: 40px;background-color: transparent;margin: 0 1rem 0 0;font-weight: bold;opacity: 1;transition: .5s;}
.banner .swiper-pagination .swiper-pagination-bullet svg{z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;fill: transparent;stroke-width: 2px;stroke: #000;stroke-dasharray: 114;stroke-dashoffset: -114;stroke-linecap: round;}
.banner .swiper-pagination .swiper-pagination-bullet-active svg{animation: svgAni 4s linear forwards;}
.banner .btn{z-index: 1;position: absolute;top: 50%;width: 2rem;height: 2rem;margin-top: -1rem;border: 1px solid #fff;border-radius: 50%;cursor: pointer;transition: .3s;filter: drop-shadow(2px 2px 4px rgba(0,0,0,.5));}
.banner .btn:after{content: '';position: absolute;left: 50%;top: 50%;width: 20%;height: 20%;border-top: 2px solid #fff;}
.banner .prev-btn{left: 0;transform: translateX(-100%);}
.banner .prev-btn:after{border-left: 2px solid #fff;transform: translate(-30%,-50%) rotate(-45deg);}
.banner .next-btn{right: 0;transform: translateX(100%);}
.banner .next-btn:after{border-right: 2px solid #fff;transform: translate(-70%,-50%) rotate(45deg);}
.banner .btn:hover{background-color: #0080D2;border-color: #0080D2;}
.banner:hover .prev-btn{transform: translateX(40%);}
.banner:hover .next-btn{transform: translateX(-40%);}
@keyframes svgAni{
	to{stroke-dashoffset: 0;}
}

/******首页******/
.index-container{min-height: 25rem;overflow: hidden;}
/*布局*/
.index-container .part1{position: relative;padding: 5rem 0 6.5rem;}
.index-container .part1::before{content: '';position: absolute;right: 1rem;top: 5rem;width: 66.5%;padding-top: 9.4%;background-image: url(../images/about_text_elem.svg);background-size: 100% 100%;}
.index-container .part1 .index-title{margin-bottom: 4.2rem;}
.index-container .part2{position: relative;padding: 3.5rem 0 5rem;}
.index-container .part2::before{content: '';position: absolute;left: 0;top: 0;width: 37.3%;padding-top: 9.4%;background-image: url(../images/news_text_elem.svg);background-size: 100% 100%;}
.index-container .part2 .w1400{display: flex;justify-content: space-between;flex-wrap: wrap;}
.index-container .part2 .w1400 > .con-l{width: 50%;}
.index-container .part2 .w1400 > .con-r{width: 45.7%;display: flex;flex-direction: column;justify-content: space-between;}
.index-container .part2 .section .index-title .more{display: inline-flex;align-items: center;color: #0080D2;transition: .3s;}
.index-container .part2 .section .index-title .more::after{content: '';width: 1.2rem;height: .4rem;margin-left: .9rem;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDI3IDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI0LjY2NyAzLjkxN0guMzl2LjgzM2gyNC40NDNMMjIgNy41ODNsLjU4My41ODQgMy43NS0zLjc1LTMuNzUtMy43NUwyMiAxLjI1eiIgZmlsbD0iIzAwODBEMiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+');background-size: 100% 100%;}
.index-container .part2 .section .index-title .more:hover{transform: translateX(.3em);}
.index-container .part3{position: relative;}
.index-container .part3::before{content: '';position: absolute;right: max(calc(50% - 700px) ,5%);top: 0;width: 44.8%;padding-top: 9.4%;background-image: url(../images/books_text_elem.svg);background-size: 100% 100%;}
.index-container .part4{padding: 8rem 0 4.5rem;margin-top: -4rem;background: url(../images/index_part_bg1.jpg) center no-repeat;background-size: cover;}
.index-container .part4 .index-title{margin-bottom: 0;}
.index-container .part4 .books-rank-tab-box{margin-top: -2.4rem;}

/*关于我们*/
.about-box{position: relative;}
.about-box > .con-l{z-index: 1;position: absolute;left: 0;top: -1.6rem;width: 45%;}
.about-box > .con-r{position: relative;padding: 4rem max(calc(50% - 700px), 5%) 3.6rem 26.9%;margin-left: 20%;background-color: #FDF5E0;border-radius: 16rem 0 0 16rem;}
.about-box > .con-r::after{content: '';position: absolute;right: 0;bottom: -1.5rem;width: 13rem;height: 7.9rem;background-color: rgba(243,187,32,.5);border-radius: 0 0 0 5rem;}
.about-box .pic{border-radius: 0 0 9.4rem 0;overflow: hidden;}
.about-box .pic em{display: block;padding-top: 49.4%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: .5s;}
.about-box .info .tit{margin-bottom: 2rem;font-weight: bold;}
.about-box .info .txt{line-height: 1.6;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.about-box .info .index-more-btn{margin-top: 4rem;}
.about-box:hover .pic em{transform: scale(1.05);}

/*首页新闻轮播*/
.index-news-swiper{position: relative;overflow: hidden;}
.index-news-swiper .swiper-slide a{display: block;}
.index-news-swiper .swiper-slide .pic{border-radius: 1rem;overflow: hidden;}
.index-news-swiper .swiper-slide .pic em{display: block;padding-top: 59.1%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: .5s;}
.index-news-swiper .swiper-slide .info{padding: 1.5rem;}
.index-news-swiper .swiper-slide .info .tit{margin-bottom: .7rem;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: .3s;}
.index-news-swiper .swiper-slide .info .txt{line-height: 1.6;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index-news-swiper .swiper-slide .info .date{margin-top: 1.5rem;color: #666;}
.index-news-swiper .swiper-slide a:hover .pic em{transform: scale(1.05);}
.index-news-swiper .swiper-slide a:hover .info .tit{color: #0080D2;transform: translateX(.3em);}
.index-news-swiper .btn{z-index: 1;position: absolute;top: 30%;width: 2rem;height: 2rem;background-color: rgba(255,255,255,.5);border: 1px solid #fff;border-radius: 50%;cursor: pointer;transition: .3s;filter: drop-shadow(2px 2px 4px rgba(0,0,0,.5));}
.index-news-swiper .btn:after{content: '';position: absolute;left: 50%;top: 50%;width: 20%;height: 20%;border-top: 2px solid #fff;}
.index-news-swiper .prev-btn{left: 0;transform: translateX(-100%);}
.index-news-swiper .prev-btn:after{border-left: 2px solid #fff;transform: translate(-30%,-50%) rotate(-45deg);}
.index-news-swiper .next-btn{right: 0;transform: translateX(100%);}
.index-news-swiper .next-btn:after{border-right: 2px solid #fff;transform: translate(-70%,-50%) rotate(45deg);}
.index-news-swiper .btn:hover{background-color: #0080D2;border-color: #0080D2;}
.index-news-swiper:hover .prev-btn{transform: translateX(40%);}
.index-news-swiper:hover .next-btn{transform: translateX(-40%);}
.index-news-swiper .swiper-button-disabled{opacity: .3;cursor: not-allowed;}

/*首页新闻列表1*/
.index-news-list1 li{border-bottom: 1px dashed #A6A6A6;}
.index-news-list1 li a{display: flex;align-items: center;padding: 1rem 0;}
.index-news-list1 li a .tit{flex: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: .3s;}
.index-news-list1 li a .date{margin-left: 2rem;color: #666;}
.index-news-list1 li a:hover .tit{color: #0080D2;transform: translateX(.3em);}
/*首页新闻列表2*/
.index-news-list2 li{border-bottom: 1px dashed #A6A6A6;}
.index-news-list2 li a{display: flex;align-items: center;padding: 1rem 0;}
.index-news-list2 li a .date{padding: 0 1rem;border-right: 1px solid currentColor;line-height: 1;color: #ccc;}
.index-news-list2 li a .date .big{margin-bottom: .5rem;}
.index-news-list2 li a .tit{flex: 1;padding: 0 2rem;line-height: 1.6;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: .3s;}
.index-news-list2 li a:hover .tit{color: #0080D2;transform: translateX(.3em);}

/*视频区*/
.video-box{position: relative;cursor: pointer;}
.video-box .pic{border-radius: 1rem;overflow: hidden;}
.video-box .pic em{display: block;padding-top: 62.5%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: .5s;}
.video-box .play-btn{z-index: 1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 3.6rem;height: 3.6rem;margin: auto;background-color: #0080D2;border-radius: 50%;cursor: pointer;}
.video-box .play-btn:before{content: "";z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: #0080D2;border-radius: 50%;animation: scaleBtn 2s linear infinite;}
.video-box .play-btn:after{content: "";z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: #0080D2;border-radius: 50%;animation: scaleBtn 2s 1s linear infinite;}
.video-box .play-btn i{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 0;height: 0;margin: auto;border: .6rem solid transparent;border-left: .8rem solid #fff;border-right-width: .4rem;transform: translateX(20%);}
@keyframes scaleBtn{
	to{transform: scale(1.6);opacity: 0;}
}

/*书籍，选项卡*/
.books-tab-box{position: relative;padding-top: 5rem;}
.books-tab-box .tabs{position: absolute;left: 0;top: 0;width: 49%;height: 30rem;box-sizing: border-box;padding: 4.5rem 0 0 max(calc(50% - 700px) ,5%);background: #0080D2 url(../images/books_tabs_bg.jpg) center no-repeat;background-size: cover;border-radius: 0 15rem 15rem 0;color: #fff;overflow: hidden;}
.books-tab-box .tabs .item{position: relative;margin-bottom: 2rem;cursor: pointer;}
.books-tab-box .tabs .item::before{content: '';position: absolute;right: calc(100% + 1.4rem);top: 50%;width: 20vw;height: 2px;margin-top: -1px;background-color: #fff;transform: scaleX(0);transform-origin: left;transition: .3s;}
.books-tab-box .tabs .item.on::before{transform: scaleX(1);}
.books-tab-box .tabs .index-more-btn{position: absolute;left: max(calc(49.5vw - 700px) ,5%);bottom: 4.5rem;}
.books-tab-box .tab-content{position: relative;padding: 0 0 2.5rem 4.1rem;margin-left: 27.3%;overflow: hidden;}
.books-tab-box .tab-content::before{content: '';position: absolute;left: 0;right: 0;top: 2rem;bottom: 0;background-color: #FDF5E0;border-radius: 16rem 0 0 16rem;}
/*书籍信息轮播*/
.books-info-swiper{position: relative;padding: 3rem 0 5.5rem;overflow: hidden;}
.books-info-swiper .swiper-slide a{display: flex;align-items: flex-end;padding: 0 1.5rem 2rem;background-color: #4A423F;border-radius: 1rem;color: #fff;}
.books-info-swiper .swiper-slide a .pic{flex: 0 0 14.5rem;margin: -3rem 1.75rem 0 0;border-radius: 1rem;overflow: hidden;}
.books-info-swiper .swiper-slide a .pic em{display: block;padding-top: 129%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: .5s;}
.books-info-swiper .swiper-slide a .info{flex: 1;overflow: hidden;}
.books-info-swiper .swiper-slide a .info .tit1{margin-bottom: 1rem;font-weight: bold;transition: .3s;}
.books-info-swiper .swiper-slide a .info .tit2{margin-bottom: 1.5rem;}
.books-info-swiper .swiper-slide a .info .tit2 p{margin-bottom: .5rem;}
.books-info-swiper .swiper-slide a .info .txt{line-height: 1.6;opacity: .5;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.books-info-swiper .swiper-slide a:hover .pic em{transform: scale(1.05);}
.books-info-swiper .swiper-slide a:hover .info .tit1{transform: translateX(.3em);}
.books-info-swiper .swiper-pagination{z-index: 1;left: auto;right: calc(max(calc(50vw - 700px) ,5%) + 3rem);bottom: 1rem;width: 9rem;line-height: 1rem;}
.books-info-swiper .swiper-pagination span{font-weight: bold;}
.books-info-swiper .btn{z-index: 1;position: absolute;bottom: 0;width: 3rem;height: 3rem;margin-top: -1.5rem;border: 1px solid currentColor;border-radius: 50%;color: #000;cursor: pointer;transition: .3s;}
.books-info-swiper .btn:after{content: '';position: absolute;left: 50%;top: 50%;width: 20%;height: 20%;border-top: 2px solid currentColor;}
.books-info-swiper .prev-btn{right: calc(max(calc(50vw - 700px) ,5%) + 12rem);}
.books-info-swiper .prev-btn:after{border-left: 2px solid currentColor;transform: translate(-30%,-50%) rotate(-45deg);}
.books-info-swiper .next-btn{right: max(calc(50vw - 700px) ,5%);}
.books-info-swiper .next-btn:after{border-right: 2px solid currentColor;transform: translate(-70%,-50%) rotate(45deg);}
.books-info-swiper .btn:hover{background-color: #0080D2;color: #fff;}
.books-info-swiper .swiper-button-disabled{opacity: .3;cursor: not-allowed;}

/*书籍排行，选项卡*/
.books-rank-tab-box .tabs{display: flex;align-items: center;margin-left: 12rem;}
.books-rank-tab-box .tabs .item{display: inline-flex;align-items: center;height: 2.4rem;padding: 0 1.4rem;margin-right: 2rem;border-radius: 1.2rem 0 1.2rem 1.2rem;font-weight: bold;color: #BABABA;cursor: pointer;transition: .3s;}
.books-rank-tab-box .tabs .item.on{background-color: #0080D2;color: #fff;}
.books-rank-tab-box .tab-content{margin-top: 4rem;overflow: hidden;}
/*书籍排行轮播*/
.books-rank-swiper{position: relative;padding-bottom: 7rem;overflow: hidden;}
.books-rank-swiper .swiper-slide a{display: block;background-color: #fff;border-radius: 1rem;overflow: hidden;}
.books-rank-swiper .swiper-slide a .pic{padding: 1.5rem 2rem;overflow: hidden;}
.books-rank-swiper .swiper-slide a .pic em{display: block;padding-top: 139%;background-position: center;background-size: contain;background-repeat: no-repeat;transition: .5s;}
.books-rank-swiper .swiper-slide a .info{padding: 1rem 0;text-align: center;}
.books-rank-swiper .swiper-slide a .info .tit{margin-bottom: .4rem;transition: .3s;}
.books-rank-swiper .swiper-slide a .info .txt{color: #7F7F7F;}
.books-rank-swiper .swiper-slide a:hover .pic em{transform: scale(1.05);}
.books-rank-swiper .swiper-slide a:hover .info .tit{color: #0080D2;}
.books-rank-swiper .btn{z-index: 1;position: absolute;bottom: 0;width: 3rem;height: 3rem;margin-top: -1.5rem;background-color: #fff;border: 1px solid #ddd;border-radius: 50%;cursor: pointer;transition: .3s;}
.books-rank-swiper .btn:after{content: '';position: absolute;left: 50%;top: 50%;width: 20%;height: 20%;border-top: 2px solid #000;}
.books-rank-swiper .prev-btn{right: calc(50% + .5rem);}
.books-rank-swiper .prev-btn:after{border-left: 2px solid #000;transform: translate(-30%,-50%) rotate(-45deg);}
.books-rank-swiper .next-btn{left: calc(50% + .5rem);}
.books-rank-swiper .next-btn:after{border-right: 2px solid #000;transform: translate(-70%,-50%) rotate(45deg);}
.books-rank-swiper .swiper-button-disabled{opacity: .3;cursor: not-allowed;}



/*笔记本1920*1080显示放大比例为125%，实际分辨率为1920/1.25=1536*/
@media screen and (max-width: 1550px){
	
}

/*中屏PC，分辨率1366*/
@media screen and (max-width: 1440px){
	
}

/*小屏PC，分辨率1280*/
@media screen and (max-width: 1300px){
	
}

/*pad横屏，分辨率1024*/
@media screen and (max-width: 1024px){
	/*banner*/
	.banner .swiper-slide .pic{padding-top: 40%;}
	.banner .swiper-slide .video{padding-top: 40%;}
	.banner .swiper-pagination{left: 0;right: 0;bottom: .2rem;justify-content: center;transform: scale(.6);transform-origin: center bottom;}
	.banner .swiper-pagination .swiper-pagination-bullet{margin: 0 .2rem;}
	.banner .btn{display: none;}

	/******首页******/
	.index-container{min-height: 15rem;}
	/*布局*/
	.index-container .part1{padding: 2rem 0;}
	.index-container .part1::before{right: 0;top: 2.5rem;width: 80%;padding-top: 12%;}
	.index-container .part1 .index-title{margin-bottom: 1rem;}
	.index-container .part2{padding: 2rem 0;}
	.index-container .part2::before{top: .5rem;width: 60%;padding-top: 20%;}
	.index-container .part2 .w1400 > .con-l{width: 100%;}
	.index-container .part2 .w1400 > .con-r{width: 100%;margin-top: 1.5rem;}
	.index-container .part2 .w1400 > .con-r .section{margin-bottom: 1.5rem;}
	.index-container .part2 .section .index-title .more{font-size: .6rem;}
	.index-container .part2 .section .index-title .more::after{width: .6rem;height: .2rem;margin-left: .2rem;}
	.index-container .part3::before{left: 0;right: auto;top: 4.5rem;width: 80%;padding-top: 20%;}
	.index-container .part4{padding: 2rem 0;margin-top: 0;}
	.index-container .part4 .books-rank-tab-box{margin-top: 1.5rem;}

	/*关于我们*/
	.about-box > .con-l{position: static;width: 100%;}
	.about-box > .con-r{padding: 1.5rem 5%;margin-left: 0;border-radius: 0;}
	.about-box > .con-r::after{width: 6.5rem;height: 4rem;border-radius: 0 0 0 2rem;}
	.about-box .pic{border-radius: 0;}
	.about-box .info .tit{margin-bottom: 1rem;}
	.about-box .info .index-more-btn{margin-top: 2rem;}

	/*首页新闻轮播*/
	.index-news-swiper .swiper-slide .pic{border-radius: .5rem;}
	.index-news-swiper .swiper-slide .info{padding: .8rem;}
	.index-news-swiper .swiper-slide .info .tit{margin-bottom: 0;}
	.index-news-swiper .swiper-slide .info .txt{display: none;}
	.index-news-swiper .swiper-slide .info .date{margin-top: .6rem;}
	.index-news-swiper .btn{display: none;}

	/*首页新闻列表1*/
	.index-news-list1 li a{padding: .6rem 0;}
	/*首页新闻列表2*/
	.index-news-list2 li a{padding: .6rem 0;}
	.index-news-list2 li a .date{padding: 0 .5rem;}
	.index-news-list2 li a .date .big{margin-bottom: .3rem;}
	.index-news-list2 li a .tit{padding: 0 0 0 .6rem;}

	/*视频区*/
	.video-box .pic{border-radius: .5rem;}
	.video-box .play-btn{width: 2rem;height: 2rem;}
	.video-box .play-btn i{border: .3rem solid transparent;border-left: .4rem solid #fff;border-right-width: .2rem;}

	/*书籍，选项卡*/
	.books-tab-box{padding-top: 0;}
	.books-tab-box .tabs{position: relative;width: 100%;height: auto;padding: .6rem 5% 2rem;border-radius: 0;display: flex;align-items: center;}
	.books-tab-box .tabs .item{padding-bottom: .5rem;margin: 0 1rem 0 0;}
	.books-tab-box .tabs .item::before{left: 0;right: 0;top: auto;bottom: 0;width: auto;}
	.books-tab-box .tabs .index-more-btn{left: auto;right: 5%;bottom: .8rem;}
	.books-tab-box .tab-content{padding: 0;margin-left: 0;}
	.books-tab-box .tab-content::before{top: 3rem;border-radius: 0;}
	/*书籍信息轮播*/
	.books-info-swiper{padding: 3rem 0;}
	.books-info-swiper .swiper-slide a{display: block;padding: 0 1rem 1rem;margin-top: 1rem;border-radius: .5rem;}
	.books-info-swiper .swiper-slide a .pic{margin: 0;border-radius: .5rem;transform: translateY(-2rem);}
	.books-info-swiper .swiper-slide a .info{text-align: center;margin-top: -1rem;}
	.books-info-swiper .swiper-slide a .info .tit1{margin-bottom: .6rem;}
	.books-info-swiper .swiper-slide a .info .tit2{margin-bottom: 0;}
	.books-info-swiper .swiper-slide a .info .txt{display: none;}
	.books-info-swiper .swiper-pagination{left: 0;right: 0;bottom: 1rem;width: auto;}
	.books-info-swiper .btn{display: none;}

	/*书籍排行，选项卡*/
	.books-rank-tab-box .tabs{justify-content: center;margin-left: 0;}
	.books-rank-tab-box .tabs .item{height: 1.6rem;padding: 0 .8rem;margin: 0 .4rem;border-radius: .8rem 0 .8rem .8rem;font-size: .7rem;}
	.books-rank-tab-box .tab-content{margin-top: 1.5rem;}
	/*书籍排行轮播*/
	.books-rank-swiper{padding-bottom: 0;}
	.books-rank-swiper .swiper-slide a{border-radius: .5rem;}
	.books-rank-swiper .swiper-slide a .pic{padding: .8rem;}
	.books-rank-swiper .swiper-slide a .info{padding: .5rem 0;}
	.books-rank-swiper .btn{display: none;}
}

/*phone和pad竖屏，分辨率820*/
@media screen and (max-width: 820px){
	
}