/* 初始化 */
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,a,em,img,strong,dl,dt,dd,ol,ul,li,
table{ margin:0; padding:0; vertical-align:baseline; list-style:none; border:0; font-size: 16px; font-family: "微软雅黑";}
html,body{ width:100%; min-width:1200px; font-family: "微软雅黑"; line-height: 30px; background-color:#f3f6ff;}
a{ color: #333; text-decoration: none; }
a:hover{ cursor: pointer; opacity: 0.8; color:#F00;}
img{ max-width:100%;}


/* 通用 */
.mt_0{ margin-top: 0!important; }
.mt_5{ margin-top: 5px!important; }
.mt_10{ margin-top: 10px!important; }
.mt_15{ margin-top: 15px!important; }
.mt_20{ margin-top: 20px!important; }
.mt_30{ margin-top: 30px!important; }
.mt_40{ margin-top: 40px!important; }
.mt_50{ margin-top: 50px!important; }
.pb_20{ padding-bottom: 20px!important; }
.fl{ float: left!important; }
.fr{ float: right!important; }
.clear{ clear: both; }

@keyframes bookNext {
	0% {
		transform: rotateY(0deg);
	}
	100% {
		transform: rotateY(-180deg);
	}
}
@keyframes bookNext2 {
	0% {
		transform: rotateY(180deg);
	}
	100% {
		transform: rotateY(0);
	}
}
@keyframes bookPrev {
	0% {
		transform: rotateY(-180deg);
	}
	100% {
		transform: rotateY(0deg);
	}
}
@keyframes bookPrev2 {
	0% {
		transform: rotateY(0);
	}
	100% {
		transform: rotateY(180deg);
	}
}
body{ padding:130px 0 10px 0; background:url(bg-index.jpg) center top no-repeat;}
.detail-bg{ background:rgba(255,255,255,0.5); width:1200px; box-sizing:border-box; padding:20px; margin:0 auto; border-radius:20px;}
.detail-box{ position:relative; background-color:#FFF; border-radius:20px; box-sizing:border-box; padding:50px 0;}
.detail-box .img2019{ position:absolute; top:20px; right:20px; width:249px; height:27px; background:url(img-detail.jpg) center top no-repeat;}
.detail-box .imgClose{ display:none;}
.detail{ overflow:auto; height:700px; padding:0 50px;}
.detail-tit{ margin-bottom:40px; font-size:28px; text-align:center; color:#333333; line-height:40px; font-weight:bold;}
.detail-con{ font-size:18px; line-height:30px; color:#666666;}
.detail-con p{ min-height:30px;}
.detail-con img{ margin:0 auto; display:block; max-width:100%; height:auto!important;}
/* 首页 */
.books { position:relative; perspective: 2000px; transform: rotateX(10deg); box-sizing:border-box; margin:0 auto; width:1188px; height:776px; background:url(bg-book-btn.png) center top no-repeat;}
.mulu{ position:absolute; left:120px; top:0;}
.muluTit{ position:absolute; left:30px; top:85px; color:#c4131b; font-size:36px; line-height:50px; font-weight:bold;}
.muluList{ padding:80px 0 0 90px;}
.muluList li{ padding:10px 0 10px 25px; font-size:18px; line-height:26px; background:url(bg-menu.jpg) left center no-repeat;}
.muluList li:first-child{ background:url(bg-menu-first.jpg) left center no-repeat;}
.muluList li:last-child{ background:url(bg-menu-last.jpg) left center no-repeat;}
.book{ transform-style: preserve-3d; padding:0 115px; position:relative;}
.item{ overflow:hidden; transform-origin: 0 100%; position:absolute; left:594px; top:0; box-sizing:border-box; width:589px; height:776px; padding:80px 150px 40px 30px; background:url(bg-page2.png) left top no-repeat;}
.item:hover{ cursor:pointer;}
.itemOdd{ visibility:hidden; transform-origin: 100% 0;}
.itemEven{ visibility:hidden; transform-origin: 100% 0;}
.book .bg1{ visibility:inherit; left:0; padding:80px 30px 40px 150px; background:url(bg-page1.png) right top no-repeat;}
.Astart {
	display:block;
	animation: bookNext 0.8s linear forwards;
	/*backface-visibility:hidden;*/
	/*transform:rotate(10deg);*/
}
.Astart2 {
	display:block;
	animation: bookNext2 0.8s linear forwards;
	/*backface-visibility:hidden;*/
	/*transform:rotate(10deg);*/
}
.Aend {
	animation: bookPrev 0.8s linear forwards;
}
.Aend2 {
	animation: bookPrev2 0.8s linear forwards;
}

.bookTit{ padding-bottom:20px; line-height:36px; font-size:28px; font-weight:bold; color:#333333; border-bottom:5px solid #eaeaea; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bookCon{ padding:15px 10px 0 10px; font-size:15px; line-height:24px; color:#565656; text-justify:inter-ideograph; text-align:justify;}
.bookMore{ padding:10px 15px 20px 15px; text-align:right;}
.bookMore a{ color:#333333;}
.bookMore a:hover{ color:#F00;}
.bookImg{ padding:0 15px; text-align:center;}

.Mbook{ display:none;}
@media (max-width: 1024px) {
.books{ display:none;}
html,body{ min-width:100%;}
body{ padding-top:25%!important; background:url(bg-M.jpg) center top no-repeat #ebe4da; background-size:100%;}
.Mbook{ display:block; padding:15px;}
.Mitem{ display:none; padding:15px; background-color:#FFF; border-radius:15px;}
.MbookBtn{ text-align:center;}
.MbookBtn a{ padding:0 20px; line-height:40px;}
.MbookTit{ text-align:center; font-size:18px; line-height:30px; padding-bottom:10px; color:#000; border-bottom:2px solid #eee;}
.MbookCon{ padding:10px; text-justify:inter-ideograph; text-align:justify;}
.MbookMore{ text-align:center;}
.MbookImg{ padding-top:10px;}

.detail-bg{ width:100%; padding:15px;}
.detail-box{ position:relative; background-color:#FFF; border-radius:15px; box-sizing:border-box; padding:20px 0;}
.detail-box .img2019{ display:none;}
.detail-box .imgClose{ display:block; position:absolute; right:5px; top:5px; width:30px;}
.detail{ height:auto; padding:0 15px;}
.detail-tit{ margin-bottom:20px; font-size:20px; line-height:30px;}
.detail-con{ font-size:16px; line-height:30px; color:#666666;}
}