.head {
	padding: 10px 0;
	box-shadow: 0 0 10px #ddd;
}

.container {
	width: 1200px;
	margin: 0 auto;
}

.logo {
	width: 180px;
}

.banner {
	position: relative;
}

.banner-text {
	position: absolute;
	width: 100%;
	left: 0;
	z-index: 10;
	color: #fff;
	text-align: center;
	font-size: 34px;
	font-weight: bold;
	top: 50%;
	line-height: 40px;
	margin-top: -20px;
}
.about-us{width: 200px;}
.about-us-title{font-size: 16px;font-weight: bold;margin-bottom: 20px;border-bottom: 1px solid #ddd;padding-bottom: 10px;color: #3267B5;}
.about-us-text{font-size: 14px;line-height: 25px;text-align: justify;}
.book-ul {
	font-size: 0;
	margin-left: 220px;
}

.book-ul li {
	display: inline-block;
	vertical-align: top;
	padding: 0 10px;
	margin-bottom: 20px;
	box-sizing: border-box;
	width: 25%;
}
.main {
	padding: 40px 0;
}

.book-ul li a {
	display: block;
	border: 1px solid #eeeeee;
}

.book-ul li img {
	width: 100%;
	vertical-align: middle;
	transition: transform .3s linear;
}

.book-ul li a:hover img {
	transform: scale(1.1);
}

.book-title {
	text-align: center;
	margin-top: 5px;
	padding: 0 10px 10px 10px;
	line-height: 20px;
	height:40px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	font-size: 16px;
	color: #444444;
	text-align: center;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-family: Tahoma;
	transition: color 200ms linear;
}
.book-ul li a:hover .book-title{
	color: #444444;
	font-weight: bold;
}
.footer-contact{background: rgb(68, 68, 68);padding: 40px 0;color: #fff;}
.site-item{padding: 20px 0;text-align: center;color: rgb(152, 152, 152);font-size: 12px;}
.footer-title{font-size: 20px;font-weight: bold;}
.footer-line{width: 45px;height: 3px;background: #fff;margin: 10px 0 30px 0;}
.footer-contact-list img{width: 20px;display: inline-block;vertical-align: middle;margin-right: 5px;}
.footer-contact-list{font-size: 16px;color: #ccc;margin-bottom: 10px;}
.footer-contact-right img{width: 128px;vertical-align: middle;}
.content-image{width: 450px;border: 1px solid #eee;border-radius: 10px;overflow: hidden;}
.content-image img{width: 100%;vertical-align: middle;}
.content-top-right{margin-left: 480px;}
.content-title{color: #404040;font-size: 22px;font-weight: bold;border-bottom: 1px solid rgba(221,221,221,1);padding-bottom: 20px;margin-bottom: 20px;}
.content-text{color: #666;font-size: 16px;line-height: 30px;text-align: justify;}
.content-info span{color: #999;font-size: 14px;display: inline-block;margin-right: 10px;}
.content-info{margin-bottom: 20px;}
.content-buy a{display: inline-block;line-height: 41px;width: 160px;border-radius: 50px;background: #3267b5;color: #fff;font-size: 16px;text-align: center;transition: all 300ms ease-in-out;}
.content-buy{margin-top: 80px;}
.content-buy a:hover{background: #0e6cf6;}
.content-bottom-title{background: #f7f7f7;border-radius: 8px;box-shadow: 0.000000px 2.000000px 7px rgba(68, 68, 68, 0.19);line-height: 45px;padding: 0 14px;color: #3267b5;font-size: 18px;font-weight: bold;}
.content-bottom{margin-top: 30px;}
.content-bottom-text{padding: 30px 0;font-size: 16px;color:#404040;line-height: 30px;text-align: justify;}
.content-bottom-text p{margin-bottom: 20px;}
.alert-main{display: none;position: fixed;width: 360px;background: #fff;left: 50%;margin-left: -180px;top: 50%;margin-top: -192px;text-align: center;box-sizing: border-box;padding: 20px;box-shadow: 0 0 10px #ddd;border-radius: 10px;z-index: 1200;}
.alert-main img{max-width: 100%;}
.alert-main p{font-size: 16px;}
.alert-close{display: inline-block;color: #404040;border: 1px solid #ddd;border-radius: 5px;line-height: 35px;padding: 0 30px;}
.alert-close-item{margin-top: 20px;}
.alert-close:hover{background: #eee;}
.site-items a{display: inline-block;font-size: 16px;font-weight: bold;margin-right: 20px;}
.site-items{border-bottom: 2px solid #3267B5;padding-bottom: 10px;margin-bottom:40px;}
.site-items .active{color: #3267B5;font-weight: bold;}
.sep li a{display: block;font-size: 0;line-height: 25px;}
.sep li span{display: inline-block;font-size: 14px;vertical-align: top;width: 31.33%;margin-right: 2%;}
.sep li span:last-child{text-align: right;}
.sep li span:nth-child(2){text-align: center;}
.sep li{margin-bottom: 10px;}
.sep{padding-bottom: 50px;}
.sep li a:hover{opacity: 0.8;}