@charset "utf-8";
@import url("./base.css");

/*header*/
header{z-index: 3;position: sticky;left: 0;right: 0;top: 0;background-color: #fff;}
header .w1400{display: flex;justify-content: space-between;align-items: center;height: 5rem;transition: .3s;}
header .w1400 > .con-r{display: flex;align-items: center;}
/*logo*/
header .logo{position: relative;display: block;}
header .logo img{max-width: 26rem;max-height: 2.6rem;transition: .5s;}
/*移动端导航按钮*/
header .menu-btn{display: none;z-index: 1;position: absolute;right: 0;top: 50%;width: 20px;height: 18px;cursor: pointer;transform: translateY(-50%);}
header .menu-btn span{display: block;height: 2px;background-color: #000;transition: .3s;}
header .menu-btn span:nth-child(2){margin: 6px 0;}
/*导航*/
header .nav-box .nav-1st{display: flex;align-items: center;}
header .nav-box .nav-1st > li{position: relative;margin: 0 1rem;}
header .nav-box .nav-1st > li > a{position: relative;display: block;line-height: 5rem;white-space: nowrap;transition: .5s;}
header .nav-box .nav-1st > li > a:after{content: '';position: absolute;left: 0;right: 0;top: calc(50% + 1em);height: .2rem;background-color: #F5A101;transform: scaleX(0);transform-origin: right bottom;transition: transform .3s ease-in-out;}
header .nav-box .nav-1st > li:hover > a:after{transform: scaleX(1);transform-origin: left bottom;}
header .nav-box .nav-1st > li.on > a:after{transform: scaleX(1);}
header .nav-box .nav-2nd{display: none;z-index: 2;position: absolute;left: 50%;top: 100%;width: 100%;min-width: 140px;padding: 8px 0;background-color: rgba(0,0,0,.5);border-radius: 4px;transform: translateX(-50%);}
header .nav-box .nav-2nd > li{position: relative;}
header .nav-box .nav-2nd > li > a{position: relative;display: block;padding: .5em .8em;font-size: .7rem;line-height: 1;text-align: center;color: #fff;}
header .nav-box .nav-2nd > li > a::before{content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 3px;background-color: #fff;transform: scaleY(0);transition: .3s;}
header .nav-box .nav-2nd > li > a:hover{background-color: #0080D2;color: #fff;}
header .nav-box .nav-2nd > li > a:hover::before{transform: scaleY(1);}
/*搜索按钮*/
header .search-btn{width: 1rem;height: 1rem;margin-left: 2rem;background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik04LjIxNCAxNS40MjdBNy4yMTQgNy4yMTQgMCAxIDAgOC4yMTQgMWE3LjIxNCA3LjIxNCAwIDAgMCAwIDE0LjQyN3oiLz48cGF0aCBkPSJNMTAuNjE0IDUuMzg5YTMuMzg0IDMuMzg0IDAgMCAwLTIuNC0uOTk0Yy0uOTM4IDAtMS43ODYuMzgtMi40Ljk5NE0xMy4zOTkgMTMuMzk5TDE3IDE3IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L2c+PC9zdmc+') center no-repeat;background-size: 100% 100%;cursor: pointer;transition: .5s;}
/*弹窗内容-搜索栏*/
.popup-top-search{position: relative;margin: 30px;}
.popup-top-search .text-input{box-sizing: border-box;width: 100%;height: 40px;padding: 0 50px 0 10px;border: 1px solid #eee;}
.popup-top-search .sub-btn{position: absolute;right: 0;top: 0;width: 40px;height: 40px;background: #0464B2 url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy4zOTEgMEMzLjcxNiAwIC43MjEgMi45OS43MjEgNi42NjNjMCAzLjY3MSAyLjk5NSA2LjY2MiA2LjY3IDYuNjYyYTYuNjM5IDYuNjM5IDAgMCAwIDQuMjE3LTEuNTA4bDMuOTgyIDMuOTc4YS42NjcuNjY3IDAgMSAwIC45NDMtLjk0MmwtMy45ODItMy45NzhhNi42MjMgNi42MjMgMCAwIDAgMS41MS00LjIxMkMxNC4wNjEgMi45OSAxMS4wNjcgMCA3LjM5MSAwem0wIDEuMzMzYTUuMzIzIDUuMzIzIDAgMCAxIDUuMzM2IDUuMzMgNS4zMjMgNS4zMjMgMCAwIDEtNS4zMzYgNS4zMyA1LjMyMyA1LjMyMyAwIDAgMS01LjMzNS01LjMzIDUuMzIzIDUuMzIzIDAgMCAxIDUuMzM1LTUuMzN6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=') center no-repeat;background-size: 20px 20px;}
/*头部-页面滚动样式*/
header.fixed{box-shadow: 0 0 .5rem rgba(0,0,0,.2);}
header.fixed .w1400{height: 3.5rem;}
header.fixed .logo img{max-width: 18rem;max-height: 2.5rem;}
header.fixed .nav-box .nav-1st > li > a{line-height: 3.5rem;}

/*footer*/
footer{z-index: 1;position: relative;background: url(../images/footer_bg.png) center top no-repeat;background-size: cover;color: #fff;overflow: hidden;}
footer .top{padding: 3rem 0 2rem;}
footer .middle{padding: 0 0 2rem;border-bottom: 1px solid rgba(255,255,255,.4);}
footer .middle .w1400{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
footer .bottom{padding: 2rem 0 1.5rem;}
footer .bottom .w1400{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
footer .bottom .w1400 > .con-l{width: calc(100% - 20rem);}
/*logo轮播*/
footer .logo-swiper{overflow: hidden;}
footer .logo-swiper .swiper-slide .logo-wrap{display: flex;justify-content: center;align-items: center;height: 6.5rem;box-sizing: border-box;padding: 1.4rem;background-color: #fff;border-radius: 1rem;}
footer .logo-swiper .swiper-slide .logo-wrap img{height: 100%;}
/*logo*/
footer .logo img{max-width: 32rem;max-height: 3.1rem;filter: brightness(0) invert(1);}
/*二维码区*/
footer .qrcode-wrap{z-index: 1;position: relative;display: flex;align-items: center;}
footer .qrcode-wrap .item{position: relative;margin-left: 1rem;cursor: pointer;}
footer .qrcode-wrap .item .icon{position: relative;width: 3rem;height: 3rem;border: 1px solid #fff;border-radius: 50%;}
footer .qrcode-wrap .item .icon img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 60%;height: 60%;margin: auto;}
footer .qrcode-wrap .item .hidden-wrap{position: absolute;left: 50%;bottom: 100%;padding-bottom: .5rem;transform: translateX(-50%) scale(0);transform-origin: bottom;transition: 0.3s;}
footer .qrcode-wrap .item .hidden-wrap img{max-width: none;width: 140px;height: 140px;}
footer .qrcode-wrap .item:hover .hidden-wrap{box-shadow: 0 0 10px rgba(0,0,0,.1);transform: translateX(-50%) scale(1);}
/*联系信息*/
footer .contact-info{display: flex;align-items: center;flex-wrap: wrap;margin-bottom: 1rem;line-height: .8rem;}
footer .contact-info span{padding: 0 .5rem;border-left: 1px solid #fff;}
footer .contact-info span:first-child{padding-left: 0;border-left: 0;}
/*版权*/
footer .cr{display: flex;align-items: center;flex-wrap: wrap;line-height: .8rem;}
footer .cr span{margin: 0 1rem .5rem 0;}
footer .cr a{display: inline-flex;align-items: center;color: #fff;transition: .3s;}
footer .cr .icon{width: 1em;height: 1em;margin-right: .3em;}
footer .cr a:hover{text-decoration: underline;}
/*友情链接*/
footer .friend-links{width: 16rem;max-width: initial;}
footer .friend-links .name{height: 2.7rem;background-color: rgba(255,255,255,.1);border: 1px solid #fff;border-radius: .5rem;color: #fff;}
footer .friend-links .name:after{border-width: .4rem;border-top-color: #fff;}

/*标题*/
.index-title{display: flex;justify-content: space-between;align-items: center;margin-bottom: 1.5rem;}
.index-title .name{display: inline-flex;align-items: center;font-weight: bold;}
.index-title .name::before{content: '';width: 1.6rem;height: 1rem;margin-right: 1rem;background-image: url(../images/index_title_elem.svg);background-size: 100% 100%;}
.index-title.white{color: #fff;}
.index-title.white .name::before{background-image: url(../images/index_title_elem2.svg);}
/*更多按钮*/
.index-more-btn{display: inline-flex;justify-content: center;align-items: center;height: 2.4rem;box-sizing: border-box;padding: 0 1rem;border: 1px solid currentColor;border-radius: 1.2rem 0 1.2rem 1.2rem;color: #0080D2;white-space: nowrap;transition: .3s;}
.index-more-btn .arrow{content: '';width: 1.2rem;height: .4rem;margin-left: 1.2rem;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDI3IDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI0LjY2NyAzLjkxN0guMzl2LjgzM2gyNC40NDNMMjIgNy41ODNsLjU4My41ODQgMy43NS0zLjc1LTMuNzUtMy43NUwyMiAxLjI1eiIgZmlsbD0iIzAwODBEMiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+');background-size: 100% 100%;}
.index-more-btn:hover .arrow{filter: brightness(0) invert(1);transition: .3s .3s;}
.index-more-btn.white{color: #fff;}
.index-more-btn.white::after{display: none;}
.index-more-btn.white .arrow{filter: brightness(0) invert(1);}
.index-more-btn.white:hover{border-color: #fff!important;}

/*图书侧边栏*/
.book-sidebar-wrap{z-index: 2;position: sticky;top: 50%;left: calc(50% + 700px + 4rem);width: 6.4rem;height: 0;}
.book-sidebar-wrap .item{position: relative;display: block;padding: 1rem 0;background-color: #FDF5E0;text-align: center;transition: .3s;}
.book-sidebar-wrap .item::before{content: '';position: absolute;left: 1rem;right: 1rem;top: 0;border-top: 1px dashed #E1D8C2;}
.book-sidebar-wrap .item:first-child{padding-top: 1.5rem;border-radius: 1rem 1rem 0 0;}
.book-sidebar-wrap .item:first-child::before{display: none;}
.book-sidebar-wrap .item:last-child{padding-bottom: 1.5rem;border-radius: 0 0 1rem 1rem;}
.book-sidebar-wrap .item .icon{width: 1.3rem;height: 1.3rem;}
.book-sidebar-wrap .item .tit{margin-top: .4rem;}
.book-sidebar-wrap .item:hover{background-color: #ED6E11;color: #fff;}
.book-sidebar-wrap .item:hover .icon{filter: brightness(0) invert(1);}


/*笔记本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){
	/*header*/
	header .w1400{height: 3rem;}
	header .w1400 > .con-r{margin-right: 2rem;}
	header .logo img{max-width: 12rem;max-height: 2rem;}
	header .menu-btn{display: block;}
	header .nav-box{display: none;}
	header .search-btn{display: block;margin-left: 0;}
	/*头部-页面滚动样式*/
	header.fixed .w1400{height: 3rem;}
	header.fixed .logo img{max-width: 12rem;max-height: 2rem;}
	/*手机菜单-语言栏*/
	.mm-menu .icon{vertical-align: middle;width: 0.8rem;height: 0.8rem;margin: -.25em .4em 0 0;}
	
	/*footer*/
	footer{background-image: none;background-color: #0080D2;}
	footer .top{padding: 1rem 0;}
	footer .middle{padding: 0 0 1rem;}
	footer .middle .w1400{justify-content: center;}
	footer .bottom{padding: 1rem 0;}
	footer .bottom .w1400 > .con-l{width: 100%;}
	footer .bottom .w1400 > .con-r{width: 100%;margin-top: 1rem;}
	footer .logo-swiper .swiper-slide .logo-wrap{height: 3rem;padding: .5rem;border-radius: .5rem;}
	footer .logo{display: none;}
	footer .qrcode-wrap .item{margin: 0 .5rem;}
	footer .qrcode-wrap .item .icon{width: 2rem;height: 2rem;}
	footer .qrcode-wrap .item .hidden-wrap img{width: 80px;height: 80px;}
	footer .contact-info span{width: 100%;padding: 0;margin-bottom: .5rem;border-left: 0;text-align: center;}
	footer .cr span{width: 100%;margin: 0 0 .5rem;text-align: center;}
	footer .friend-links{width: 10rem;margin: 0 auto;}
	footer .friend-links .name{height: 2rem;}

	/*标题*/
	.index-title{margin-bottom: 1rem;}
	.index-title .name::before{width: 1.2rem;height: .8rem;margin-right: .5rem;}
	/*更多按钮*/
	.index-more-btn{height: 1.2rem;padding: 0 .5rem;border-radius: .6rem 0 .6rem .6rem;font-size: .6rem;}
	.index-more-btn .arrow{width: .6rem;height: .2rem;margin-left: .2rem;}

	/*图书侧边栏*/
	.book-sidebar-wrap{position: fixed;top: auto;left: auto;right: .2rem;bottom: 5rem;width: auto;height: auto;}
	.book-sidebar-wrap .item{width: 2em;padding: .3rem .5rem;font-size: .6rem;}
	.book-sidebar-wrap .item::before{display: none;}
	.book-sidebar-wrap .item:first-child{padding-top: .6rem;border-radius: .5rem .5rem 0 0;}
	.book-sidebar-wrap .item:last-child{padding-bottom: .6rem;border-radius: 0 0 .5rem .5rem;}
	.book-sidebar-wrap .item .icon{width: 1rem;height: 1rem;}
	.book-sidebar-wrap .item .tit{margin-top: .2rem;}
}

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