@charset "utf-8";
/* CSS Document */
/**
 * 
 * @authors Landry
 * @date    2014-03-28 10:16:50
 * @version $Id$
 */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, abbr, address, cite, code, del, dfn, em, img, sub, sup, var, i, dl, dd, dt, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
	background: transparent;
}
article, aside, figure, footer, header, hgroup, nav, menu, section {
	display: block;
}
ol, ul, li {
	list-style: none;
}
a {
	text-decoration: none;
	padding: 0;
	margin: 0;
	color: #6d6d6d;
}
a:active, a:visited {
	/*color: #0066ab;*/
}
input, select {
	vertical-align: middle;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}

a {
	outline: none;/* for Forefox */
	cursor: pointer;
	color:#393939;
}
img {
	border: 0;
	width:100%;
	vertical-align: middle;
	
}
/*大体架构
 ----------*/
body {
	font-family:Microsoft Yahei;
	font-size:12px;
	position:relative;
	background:#f6f6f6;
}

/*颜色值
 --------------*/
.orange {
	color: #ffe400;
}
.blue {
	color: #699BCC;
}
/*清楚文字内容
 --------------*/
.txtIndent {
	text-indent: -9999em;
}
/*用于seo不显示的内容
 --------------*/
.seo {
	width: 0;
	height: 0;
	overflow: hidden;
	position: absolute;
	visibility: hidden;
	top: 0;
	left: 0;
}
.seo, .hideImg {
	width: 0;
	height: 0;
	overflow: hidden;
	position: absolute;
	visibility: hidden;
	top: 0;
	left: 0;
}
.hideImg {
	overflow: hidden;
}
.hideImg img {
	width: 0;
	height: 0;
	overflow: hidden;
}
/*清除浮动
 --------------*/
.clearfix {
  zoom: 1;
  _height: 1px
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}
.clear{
  height: 0;
  font-size:0;
  line-height:0;
  clear: both;
  overflow:hidden;
}

/*左浮动和右浮动
 --------------*/
.float_l {
	float: left;
}
.float_r {
	float: right;
}
.float_r, .float_l {
	_display: inline;
}

/**头部代码**/
.header{width:100%;margin:0 auto;height:89px;background:#FFF;position:relative;/*top:0px;left:0px;z-index:99999;*/}
/*.header.active{ top:0;
	-webkit-transition:top .6s linear 0s;
	-moz-transition:top .6s linear 0s;
	-ms-transition:top .6s linear 0s;
	-o-transition:top .6s linear 0s;
	transition:top .6s linear 0s;}*/
.header .headc{width:1200px;margin:0 auto;position:relative;}
.header .head-logo{float:left;padding-top:12px;/*padding-top:17px;*/ margin-left:8%;}
.header .head-logo img{width:auto;max-width:100%;}
.header .head-nav{float:right;width:68.333%;/*width:66.333%;*/}
.header .head-nav .navul{float:left;}
.header .head-nav .navul li{float:left;height:89px;line-height:89px;padding:0 24px;}
.header .head-nav .navul li a{font-size:16px;color:#333333;display:block;text-align:center;padding:0 4px;}
.header .head-nav .navul li a:hover,
.header .head-nav .navul li .active{background:url(../images/headerbg.jpg) repeat-x;font-weight:bold;color:#cf000d;}
.header .Btn{display:inline-block;float:left;width:23px;height:23px;margin:34px 0 0 2%;background:url(../images/btn.png) no-repeat;}
.header .search{display:none;position:absolute;top:89px;right:0px;z-index:999;width:306px;background:#FFF;height:43px;border-top:3px solid #cf000d;padding:21px 27px;}
.header .search .texts{float:left;width:238px;background:#ebebeb;height:40px;line-height:40px;font-size:14px;color:#999999;padding:0 0 0 9px;margin:0;outline:none;border:0;}
.header .search .but{float:left;width:58px;background:#cf000d;height:40px;line-height:40px;font-size:16px;color:#FFF;outline:none;border:0;font-weight:bold;text-align:center;}
.header .Bun{display:none;width:25px;height:25px;position:absolute;right:33px;top:50%;z-index:1000;margin-top:-12.5px;background:url(../images/buton.png) no-repeat;}
.header .Bun.close{background:url(../images/close.png) no-repeat;}

/**底部文件**/
.footer{width:100%;background:#333333;position:relative;overflow:hidden;}
.footer .footTop{width:1200px;margin:0 auto;padding:70px 0 77px;}
.footer .footTop .footul{float:left;width:77%;}
.footer .footTop .footul li{float:left;width:21.333%;line-height:36px;}
.footer .footTop .footul li:last-child{width:35.333%;}
.footer .footTop .footul li a{display:block;}
.footer .footTop .footul li a,
.footer .footTop .footl p,
.footer .footTop .footul li p{font-size:14px;color:#bbbbbb;}
.footer .footTop .footul li a:nth-child(1){font-size:16px;color:#FFF;}
.footer .footTop .footul li p{padding-left:27px;word-break:break-all;}
.footer .footTop .footul li .p1{background:url(../images/p1.png) no-repeat left 12px;}
.footer .footTop .footul li .p2{background:url(../images/p2.png) no-repeat left 13px;}
.footer .footTop .footul li .p3{background:url(../images/p3.png) no-repeat left 12px;}
.footer .footTop .footul li .p4{background:url(../images/p4.png) no-repeat left 13px;}
.footer .footTop .footl{float:right;width:13.833%;text-align:center;}
.footer .footTop .footl p{padding-top:20px;}
.footer .footxt_box{background:#222222;}
.footer .footxt{width:1200px;margin:0 auto;height:60px;line-height:60px;}
.footer .footext{float:left;font-size:14px;color:#7e7e7e;}
.footer .footImg{float:right; width: 35%;text-align:right;}
.footer .footImg a{display:inline-block;margin-left:5%;width:89px;height:34px;vertical-align:middle;}
.footer .footImg .jd{background:url(../images/jd.png) no-repeat;}
.footer .footImg .dd{background:url(../images/dd.png) no-repeat;}
.footer .footImg .ymx{background:url(../images/ymx.png) no-repeat;}
.suspension{position:fixed;top:50%;right:0px;margin-top:-83.5px;z-index:99999;width:40px;}
.suspension a{display:block;margin-bottom:2px;width:40px;height:40px;position:relative;}
.suspension a span{display:none;position:absolute;top:0px;right:40px;z-index:99999;width:160px;height:40px;line-height:40px;background:url(../images/alpha.png) repeat;font-size:14px;color:#FFF;text-align:center;}
.suspension .tel{background:url(../images/tel.png) no-repeat;}
.suspension .weixin{background:url(../images/weixin.png) no-repeat;}
.suspension .weibo{background:url(../images/weibo.png) no-repeat;}
.suspension .tops{background:url(../images/tops.png) no-repeat;}
.suspension a .wechatDiv{display:none;position:absolute;top:0px;right:40px;z-index:99999;width:160px;height:150px;background:url(../images/alpha.png) repeat;text-align:center;padding-top:10px;}
.suspension a .wechatDiv img{width:140px;height:140px;}

.new_book_express .expressImg img,
.commendation .swiper_books .swiper-slide img,
.writers .writerul li img,
.artlist_conBox .hotul li img,
.artlist_conBox .hotImg img,
.ranking .rankImg img,
.booksul li .rImg img{
transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s; 	
-moz-transition: all 0.5s ease-in-out 0s; 	
-webkit-transition: all 0.5s ease-in-out 0s; 
-o-transition: all 0.5s ease-in-out 0s; 	
}
.new_book_express .expressImg img:hover,
.commendation .swiper_books .swiper-slide img:hover,
.writers .writerul li img:hover,
.artlist_conBox .hotul li:hover img,
.artlist_conBox .hotImg img:hover,
.ranking .rankImg img:hover,
.booksul li:hover .rImg img{
transform: scale(1.05);
-ms-transform: scale(1.05); 	
-moz-transform: scale(1.05); 	
-webkit-transform: scale(1.05); 
-o-transform: scale(1.05); }

@media screen and (max-width:1400px){
.footer .footTop{padding: 6%;width: auto;}
.header .headc{padding:0 6%;width: auto;}
.footer .footxt{padding:15px 6%;height: auto;line-height:normal;width: auto;}
.footer .footext{padding-top:8px;}
.header .head-nav .navul li{ padding: 0 20px;}	
}
@media screen and (max-width:1280px){
.header .head-nav .navul li{ padding: 0 16px;}	

}
@media screen and (max-width:1199px){
.suspension .tel,
.suspension .weixin,
.suspension .weibo{display:none;}
.footer .footext{float:none;text-align:center;padding:5px 0 10px;}
.footer .footImg{float:none;text-align:center;width:100%;}
.footer .footImg a{margin-left:10px;}
.footer .footTop .footl p{padding-top: 10px;}
.footer .footTop .footul li{line-height: 30px;}
.footer .footTop .footul li .p1{background:url(../images/p1.png) no-repeat left 9px;}
.footer .footTop .footul li .p2{background:url(../images/p2.png) no-repeat left 10px;}
.footer .footTop .footul li .p3{background:url(../images/p3.png) no-repeat left 10px;}
.footer .footTop .footul li .p4{background:url(../images/p4.png) no-repeat left 11px;}
.suspension{right: 20px;top: 15px;}
.header .head-nav .navul li{ padding: 0 14px;}	
	
}
@media screen and (max-width:1124px){
.header .head-nav .navul li{ padding: 0 11px;}

}
@media screen and (max-width:1080px){
.header .head-nav .navul li{ padding: 0 9px;}	
.tlogo{display:none;}
.header .head-nav{width:66%;}
}

@media screen and (max-width:1000px){
.footer .footTop .footul li{float:none;width:auto;padding:1% 0;}
.footer .footTop .footul li a:nth-child(1){display:block;}
.footer .footTop .footul li a{display:inline-block; margin: 0 6px;}
.footer .footTop .footl{width: 20.833%;}
.footer .footTop .footul{width:70%;}
.footer .footTop .footul li:last-child{width:auto;}
.header .Btn{display:none;}
.header .head-nav{float:none;width:100%;position:absolute;top:74px;left:0px;z-index:9999;background:#1e284c;}
.header .head-nav .navul,
.header .head-nav .navul li{float:none;padding:10px 0;height:auto;line-height:normal;}
.header .head-nav .navul li a{padding:0;color:#FFF;}
.header .head-nav .navul li a:hover,
.header .head-nav .navul li .active{background:none;font-weight:normal;color:#FFF;}
.header .head-nav .navul{padding:20px 0;display:none;}
.header .hlogo{max-width:80% !important;}
.header{ height: 74px;}
.header .Bun{display:block;}
}

@media screen and (max-width:640px){
.footer .footTop .footul,
.footer .footTop .footl{float:none;width:auto;}
.footer .footTop .footl{padding-top:3%;}
.footer .footTop .footl img{width:auto;max-width:100%;}
}

@media screen and (max-width:360px){
.footer .footImg a{margin-left: 0;}
}