@charset "UTF-8";
/* CSS Document */
html, body{
    height: 100%;
    width: 100%;
}
body{
	background: url("../images/bg2.png") center bottom no-repeat;
	background-size: contain;
}
hr{
	margin-bottom: .5rem;
}
/*首页*/
.introduce{
	width: 100%;
	height: 350px;
	background: url("../images/bg001.png") center no-repeat;
	background-size: cover;
	
}
.introduce .bookbox{
	height: 100%;
	position: relative;
}
.introduce .bookfont{
	float: left;
	color: #fff;
	padding: 9% 35% 0 0
}
.introduce .bookfont p{
	margin-top: 2rem;
	color: rgba(0, 0, 0, 0.5);
	font-size: 1rem;
	line-height: 160%;
}
.introduce .bookimg{
	width: 17rem;
	height: 21rem;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	position: absolute;
	right:0;
	bottom:-3.5rem;
}
@media (max-width: 1919px){
	.introduce{
		height: 300px;
	}
	.introduce .bookimg{
		width: 14rem;
    	height: 18rem;
		bottom:-2.5rem;
	}
	.introduce .bookfont{
		padding-top: 6%;
	}
}
@media (max-width: 1024px){
	body{
    	background-size: 160%;
    }
	.introduce{
		height: 230px;
	}
	.introduce .bookimg{
		width: 12rem;
    	height: 15rem;
		right:2rem
	}
	.introduce .bookfont{
		padding-left: 2rem;
		padding-top: 5%;
	}
	.introduce .bookfont p{
		font-size: .875rem;
		line-height: 150%;
		margin-top: 1rem;
		height: 5rem;
		overflow: hidden;
	}
	.introduce .bookfont h3{
		font-size: 1.5rem;
		line-height: 140%;
	}
}
@media (max-width: 512px){
	.introduce{
		height: 180px;
	}
	.introduce .bookimg{
		width: 7rem;
    	height: 9rem;
		right:1.2rem;
		bottom:-1.5rem;
	}
	.introduce .bookfont{
		padding: 4% 40% 0 1.2rem; 
	}
	.introduce .bookfont h3{
		font-size: 1.2rem;
		line-height: 140%;
	}
	.introduce .bookfont p{
		font-size: .75rem;
		height: 4.5rem;
	}
}
.catalog{
	height: calc(100vh - 500px);
	overflow-y:auto;
	overflow-x:hidden;
	-webkit-overflow-scrolling: touch
}
.catalog::-webkit-scrollbar{
	width: 2px;
	display: block;
    background:rgba(0,0,0,.1);
}
.catalog::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background:rgba(0,0,0,.4);
}
.catalog::-ms-scrollbar{
	width: 2px;
	display: block;
    background:rgba(0,0,0,.1);
}
.catalog::-ms-scrollbar-thumb {
  border-radius: 10px;
  background:rgba(0,0,0,.4);
}

.catalog ul{
	padding: .5rem 1.5rem .5rem .1rem;
}
.catalog ul li{
	font-size: 1rem;
	border-bottom: 1px dashed #ddd;
	line-height: 3rem;
}
.catalog ul li span{
	float: right;
}
.catalog ul li span a{
	color: #de2727
}

.carousel{
	padding: 3rem 0;
}
.carousel-control{
	display: block;
    width: 60px;
    height: 140px;
    position: absolute;
    top: 16rem;
	text-shadow: 0 0 0;
}
.carousel-control.left{
	left:-10%;
	background-image: url("../images/pin_view_arrows.png");
	background-position: 0 0;
	background-repeat: no-repeat;
}
.carousel-control.right{
	right:-10%;
	background-image: url("../images/pin_view_arrows.png");
	background-position: -70px 0;
	background-repeat: no-repeat;
}
.carousel-indicators{
	display: none;
}
.carousel-indicators li{
	background: #f5f5f5;
	border: 1px solid #191714;
}
.carousel-indicators .active {
    background-color: #191714;
}
@media (max-width: 1919px){
	.catalog{
    	height: calc(100vh - 450px);
   } 
	.carousel-control{
		top: 11rem;
	}
}
@media (max-width: 1399px){
	.catalog{
    	height: calc(100vh - 470px);
   } 
	.carousel-indicators{
		bottom:-2.5rem
	}
	.carousel-control.left{
		top:inherit;
		left:0;
		background: #ccc;
		width: 4.5rem;
		height: 2rem;
	}
	.carousel-control.right{
		top:inherit;
		right:0;
		background: #ccc;
		width: 4.5rem;
		height: 1.8rem;
	}
	.sr-only{
		left:0;
		overflow: inherit;
		clip: inherit;
		width: 100%;
		height: 100%;
		line-height: 2rem;
		color: #000;
		font-size: 1rem;
	}

}
@media (max-width: 1024px){
	.carousel{
	    padding: 2.5rem 2rem;
    }
	.catalog{
    	height: calc(100vh - 420px);
   } 
	.catalog ul{
		padding-right: .5rem;
	}
	.catalog ul li{
		line-height: 285%;
	}
	.catalog h5{
		font-size: 1.1rem
	}
	.carousel-indicators{
		bottom:-2rem
	}
	.carousel-control.left{
		left:2rem;
	}
	.carousel-control.right{
		right:2rem;
	}

}
@media (max-width: 512px){
	.carousel{
	    padding: 2rem 1.2rem;
    }
	.catalog{
    	height: calc(100vh - 420px);
   } 
	.catalog ul li{
		font-size: .875rem;
		line-height: 2.5rem;
		line-height: 280%
	}
	.carousel-indicators{
		bottom:-.5rem
	}
	.carousel-control.left{
		left:1.2rem;

		height: 1.5rem;
	}
	.carousel-control.right{
		right:1.2rem;
		height: 1.5rem;
	}
	.sr-only{
		font-size: .875rem;
		line-height: 1.8rem;
	}
}
@media (max-width: 375px){
	.catalog{
    	height: calc(100vh - 415px);
   } 
	.catalog ul li{
		line-height: 280%
	}
	.introduce .bookfont p{
		height: 3.5rem;
	}
	
}
@media (max-width: 375px) and (max-height: 568px){
	.catalog{
    	height: calc(100vh - 375px);
   } 
}
.copyright{
	width: 100%;
	position: fixed;
	background: #6aaf92;
	line-height: 4rem;
	text-align: center;
	color: #fff;
	bottom:0;
}
@media (max-width: 1919px){
	.copyright{
	   line-height: 3rem;
	}
}
@media (max-width: 768px){
	.copyright{
	   line-height: 2.5rem;
	}
}

.mCustomScrollBox *, .mCustomScrollBox *:before, .mCustomScrollBox *:after {
	transition: 0s all;
	-webkit-transition: 0s all;
	-moz-transition: 0s all;
	-o-transition: 0s all;
}