﻿

/* 新闻中心 */
.booknews .subtit{
	text-align: left;
}
.booknews .subtit .sp{
	display: inline-block;
	font-size: 28px;
	color: #333333;
	line-height: 28px;
	letter-spacing: 1px;
}

.booknews .marvellous{
	padding-top: 0px;
}
.booknews .marvellous .box{
	margin-top: 0px;
}
.booknews .marvellous .l-box{
	float: left;
	width: 65.8%;
	overflow: hidden;
	padding:30px;
	background: #ffffff;
}
.booknews .marvellous .l-box a{
	display: block;
	width: 100%;
}
.booknews .marvellous .l-box .img{
	width: 100%;
	overflow: hidden;
}
.booknews .marvellous .l-box .img img{
	width: 100%;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.booknews .marvellous .l-box:hover .img img{
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.booknews .marvellous .l-box .txt{
	margin-top: 20px;
}
.booknews .marvellous .l-box .txt .t1{
	font-size:24px;
	color:#333;
	line-height: 42px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.booknews .marvellous .l-box:hover .txt .t1{
	color: #E20000;
}
.booknews .marvellous .l-box .txt .t2{
	margin-top: 10px;
	font:14px/1 'gotham-medium';
	color: #666666;
	line-height: 20px;
}
.booknews .marvellous .l-box .txt .t3{
	margin-top: 10px;
	font-size: 14px;
	color: #666666;
	line-height: 24px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-bottom:15px;
}
.booknews .marvellous .r-box{
	float: right;
	width: 32.3%;
	overflow: hidden;
}
.booknews .marvellous .r-box ul li{
	margin-bottom: 15px;
	padding:22px;
	background: #ffffff;
}
.booknews .marvellous .r-box ul li:last-child{
	margin-bottom: 0;
}
.booknews .marvellous .r-box ul li a{
	display: block;
	width: 100%;
	overflow: hidden;
}
.booknews .marvellous .r-box ul li .img{
	float: left;
	width: 29.4%;
	overflow: hidden;
}
.booknews .marvellous .r-box ul li .img img{
	width: 100%;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.booknews .marvellous .r-box ul li:hover .img img{
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.booknews .marvellous .r-box ul li .txt{
	float: right;
	width: 66.6%;
	overflow: hidden;
}
.booknews .marvellous .r-box ul li .txt .t1{
	font-size:17px;
	color: #333;
	line-height: 24px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.booknews .marvellous .r-box ul li:hover .txt .t1{
	color: #E20000;
}
.booknews .marvellous .r-box ul li .txt .t2{
	margin-top: 10px;
	font:14px/1 'gotham-medium';
	color: #666666;
	line-height: 16px;
}

.booknews .marvellous .r-box ul li .txt .t3{
	margin-top: 10px;
	font-size: 14px;
	color: #666666;
	line-height: 24px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
@media screen and (max-width: 1100px) {
/* 新闻中心 */

.booknews .subtit{
	text-align: left;
}

.booknews .marvellous .l-box{
	width: 100%;
	overflow: hidden;
}
.booknews .marvellous .l-box a{
	display: block;
	width: 100%;
}

.booknews .marvellous .r-box{
	width: 100%;
	overflow: hidden;
	margin-top:15px;
}
.booknews .marvellous .r-box ul li a{
	display: block;
	width: 100%;
	overflow: hidden;
}


}









/* --------------TABS跟随线条---------------------- */
.tab-line { height: 3px; width: 60px; background: #E20000; position: relative; left: 0px; margin-top: -3px; }
.index-new-bg{width: 65.8%; float:left; padding:40px 30px 0; background-color:#fff;margin-top:20px;margin-bottom:60px;}
.book-news{ position:relative}
.book-news h2{ font-size:16px; font-weight:bold; position:relative; height:28px;}
.book-news h2 a{ display:inline-block; margin-right:30px; color:#666666;}
.book-news h2 a.current{ color:#E20000}
.book-news .con{ margin-top:20px; position:relative}
.book-news a.more{ position:absolute; right:0;top:-53px; font-size:12px; color:#333333; display:inline-block; border:1px #eee solid; padding:0px 10px; line-height:26px;}
.book-news a.more:hover{ color:#E20000; background-color:#eee}
.book-news dl{ padding-bottom:25px;border-bottom:1px #ddd dotted; position:relative; }
.book-news dl .image{ width:180px; position:absolute; left:0px;top:0;}
.book-news dl .image img{ width:100%}
.book-news dl span{display:block; font-size:16px; margin-left:95px; position:relative; line-height:24px; }
.book-news dl span em{font-family:"NoveDemiBold"; position:absolute; left:-95px;top:0px; color:#666666;}
.book-news dl span a{font-size:20px;  color:#333333;max-width:100%;_width:100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block }
.book-news dl span a:hover{ color:#E20000}
.book-news dl p{ font-size:14px; color:#666; margin-top:12px; line-height:24px; height:50px; overflow:hidden; }
.book-news dl p a{ color:#666;}
.book-news dl p a:hover{ text-decoration:underline; color:#E20000}
.book-news ul{ margin-top:15px;margin-bottom:50px;}
.book-news ul li{ padding:6px 0; height:32px; font-size:16px; line-height:35px; margin-right:75px; position:relative }
.book-news ul li a{ background:url(../images/li.gif) no-repeat 0 center; padding-left:15px;display:inline-block; max-width:85%;_width:85%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;text-align:left;}
.book-news ul li a:hover{ color:#E20000}
.book-news ul li span{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#aaa; position:absolute; right:-75px;top:7px;}


.index-links{ width: 32.3%; float:right; position:relative;margin-top:20px;margin-bottom:60px;}
.index-about{ width:100%; background-color:#fff;  padding:40px 30px 1px;  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.03);}
.index-about h2{font-size:18px; height:18px;  margin-bottom:22px; border-left:5px #E20000 solid; padding-left:1px; position:relative}
.index-about h2 span{ display:inline-block; border-left:2px #ddd solid; color:#666666;line-height:18px; padding-left:10px;font-weight:normal}
.index-about h2 a.more{ position:absolute; right:0;top:-5px; font-size:13px; color:#333333; display:inline-block; border:1px #eee solid; padding:0px 10px; line-height:26px;}
.index-about h2 a.more:hover{ color:#E20000; background-color:#eee}

.index-about ul{ margin-top:15px;margin-bottom:37px;}
.index-about ul li{ padding:6px 0; height:34px; font-size:16px; line-height:34px; margin-right:75px; position:relative }
.index-about ul li a{ background:url(../images/li.gif) no-repeat 0 center; padding-left:15px;display:inline-block; max-width:100%;_width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;text-align:left;}
.index-about ul li a:hover{ color:#E20000}
.index-about ul li span{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#aaa; position:absolute; right:-75px;top:7px;}


@media screen and (max-width: 1100px) {
.index-new-bg{width: 100%;margin-top:20px;margin-bottom:0px;}
.index-links{ width: 100%; float:left; margin-top:20px;margin-bottom:30px;}
}