﻿@charset "utf-8";
/*公共样式*/
html,body,h1,h2,h3,h4,h5,h6,div,p,dl,dt,dd,ul,ol,li,form,fieldset,legend,button,submit,input,textarea,select,table,tr,th,td,hr,pre,sup,address,cite,dfn,em,var,blockquote {font-size: 14px; margin:0; padding:0;text-decoration: none;font-style: none;font-weight: normal;}
html { min-height:100%;border:none 0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body { font:12px/1.5 "Microsoft YaHei","Hiragino Sans GB",arial,simsun,sans-serif;word-wrap:break-word;word-break:break-all;/*overflow-x: hidden;*/}
ul,ol,li { list-style-type:none;}
button,submit,input,select,textarea {font:12px/1.5 Tahoma,"Microsoft YaHei",arial,simsun,sans-serif; outline:none;}
button,submit,input,select { vertical-align:middle;}
button,submit { cursor:pointer;}
textarea { resize:none; outline:none;}
button::-moz-focus-inner,
submit::-moz-focus-inner, 
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner, 
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner { padding:0; border:none;}
table { border-collapse:separate;border-spacing:0;}
th,td { text-align:left;}
address,cite,dfn,em,var{font-style:normal; }
img { border:none; vertical-align:middle;}
a { outline:none;color: #666666;}
a:link,a:visited { text-decoration:none; outline:none;}
a:hover,a:active { text-decoration:underline; outline:none;}
iframe {vertical-align: top;}
*html{zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}
.ui_clear{*zoom:1}
.ui_clear:after{content:'\20';display:block;clear:both;height:0;overflow: hidden;}
.hide {display: none;}

::-webkit-input-placeholder { /* WebKit browsers */
    color:   #b4b3b3;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #b4b3b3;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #b4b3b3;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #b4b3b3;
}
body { color:#666; background: #f6f6f6;}
a:link,a:visited { text-decoration:none;}
a:hover,a:active { color:#4b648c; text-decoration:none;}
.fl { float:left;}
.fr { float:right;}
i,em { font-style: normal;}
.wrap{width: 1200px; margin: auto;}
.clear{clear: both;}
.ml5{margin-left: 5px;}
.mt20{
	margin-top: 20px;
}
/*top*/
.topbg{
    position: fixed;
    top: 0;
    left: 50%;
    z-index: -1;
    width: 100%;
    margin-left: -50%;
}
.head_box{
	background: #045ef2;
	width: 100%;
	margin-top: 20px;
	min-width: 1200px;
}
.head{
	padding: 20px 0;
}
.logo{
	float: left;
	
}
.searchbox{
	float: left;
	margin-left: 90px;
	margin-top: 10px;
}
select[name='choose']{
	background: #3c4c70;
	border: none;
	padding:0 2px;
	font-size: 12px;
	color: #617ca3;
	height: 36px;
}
select[name='choose'] option{
	background: #fff;
	color: #666;
}
.insert{
	background: #455980;
	height: 36px;
}
.insert *{
	background: none;
	border: none;
	line-height: 36px;
	
}
.insert input{
	width: 345px;
	padding-left: 15px;
	color: #fff;
}
.insert button{
	padding: 5px 20px;
	background:url(../images/searchico.png) no-repeat center;
	height: 36px;
}
.gaoji{
	width: 25px;
	font-size: 12px;
	color: #7ca1c4;
	margin-left: 10px;
	line-height: 14px;
	margin-top: 4px;
}
.gaoji:hover{
	text-decoration: underline;
	color:#7ca1c4 ;
}
.head_right{
	float: right;
	margin-top: 15px;
	position: relative;
}
.head_right>a{
	color: #7da2c4;
	margin-left: 30px;
	font-size: 16px;
	padding: 10px 0;
}
.data_base{
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	background: #fff;
	z-index: 999;
	display: none;
	box-shadow: 1px 1px 8px 1px #ccc;
}
.data_base dt{
	background: #bdb4ad;
	width: 100%;
	text-align: right;
	padding: 10px 0;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
}
.data_base dt i{
	margin-left: 20px;
	margin-right: 5px;
}
.data_base dd a{	
	width: 100%;
	text-align: center;
	padding: 10px 0;
	font-size: 16px;
	color: #bdb4ad;
	display: block;
}
.data_base dd a:hover{	
	background: #f4f4f4;
}
/*nav*/
.navbox{
	width: 100%;
	background: #0046ba;
	min-width: 1200px;
}
.nav{
	width: 1200px;
	margin: auto;
}
.nav:after{
	content:'';display:block;clear:both;height:0;	
}
.nav li{
	float: left;
	position: relative;
}
.nav>li>a{
	color: #fff;
	font-size: 16px;
	display: block;
	width: 130px;
	text-align: center;
	padding: 15px 0;
	margin: 0 20px;
}
.nav>li>a:hover{
 background: #bdb4ad;
}
.subnav{
	position: absolute;
	left: 20px;
	top: 54px;
	background: #fff;
	display: none;
	max-height:380px ;
	box-shadow: 1px 1px 8px 1px #ccc;
	z-index: 888;
}
.subnav a{
	display: block;
	width: 100px;
	padding: 15px 0;
	color: #333333;
	font-size: 16px;
	padding-left: 30px;
	
} 
.subnav a:hover{
	background: #f4f4f4;	
} 
.nav>li:hover .subnav{
	display: block;
}
.special_list{
 width: 320px;	
	
}	
.special_list a{
	float: left;
	padding-left: 30px;
	text-align: left;
	width: 115px;
}
.nav .cur{
	background: #bdb4ad;
}

/*媒体新闻*/
/*yx_rotaion*/
.yx-rotaion{ margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute}
.yx-rotation-title{position:absolute;width:100%;height:40px;line-height:40px;background:#000;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;left:0;bottom:0;_bottom:-1px;z-index:1}
.yx-rotation-t{color: #fff!important;
    font-size: 16px;
    font-family: microsoft yahei;
    z-index: 2;
    bottom: 0;
    max-width: 380px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    left: 10px;
    display: block;
    line-height: 40px;}

.yx-rotation-focus{height:40px;line-height:40px;right:20px;bottom:0;z-index:2;display:none;}
.yx-rotation-focus span{width:12px;height:12px;line-height:12px;float:left;margin-left:5px;position:relative;top:14px;cursor:pointer;background-position:-24px -126px;text-indent:-9999px}
.yx-rotaion-btn{width:100%;height:62px;top:50%;margin-top:-31px;}
.yx-rotaion-btn span{width:41px;height:62px;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:relative}
.yx-rotaion-btn .left_btn{background: url(../images/left.png) no-repeat center;
    background-size: cover;
    width: 24px;
    height: 62px;
   float: left;
    opacity: 1!important;}
.yx-rotaion-btn .right_btn{background: url(../images/right.png) no-repeat center;
    background-size: cover;
    width: 24px;
    height: 62px;
    float: right;
    opacity: 1!important;}
.yx-rotaion-btn span.hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}
.yx-rotation-focus span.hover{background-position:-10px -126px}
.rotaion_list{overflow:hidden;}

.rotaion_list li{
	width: 504px;
	height: 358px;
	overflow: hidden;
}
.rotaion_list li img{
	width: 504px;
	min-height: 358px;
}
.newsbox{
	margin-top: 30px!important;
	overflow: hidden;
	height: 360px;
}
.messagebox{overflow: hidden; background: #fff; width: 870px; float: left;height:360px;}
.message_left{ position: relative; width: 504px; float: left; }
.message_left .mesLeft{ position: absolute; left: 0; top: 40%;z-index: 10; cursor: pointer;}
.message_left .mesRight{ position: absolute; right: 0; top: 40%;cursor: pointer; }
 #myroundabout{ overflow: hidden; }
 #myroundabout li{ float: left; position: relative; height: 358px;width: 504px;overflow: hidden;}
 .message_left #myroundabout li .mesTit{ position: absolute;left: 0; bottom: 0; height: 60px; background: rgba(0,0,0,0.8); 
                        width: 100%;color: #fff;  text-align: center; font-size: 16px; overflow: hidden;line-height: 60px; }
.message_right{
	float: left;
	width: 366px;
	
}
.message_right dl{
	margin-left: 35px;
	margin-top: 25px;
}
.message_right dt{
	overflow: hidden;
}
.message_right dt h4{
	font-size: 20px;
	color: #333;
	float: left;
}
.message_right dt h6{
	font-size: 14px;
	color: #666;
	float: right;
	margin-right: 20px;
}

.message_right dd{
	padding-right: 10px;
}
.message_right dd a{
	margin-top: 15px;
    color: #666666;
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.message_right dd a:hover{
	color: #4b648c;
}

/*dynamic*/
.dynamic{
	float: left;
	background: #fff;
	width: 310px;
	margin-left: 20px;
	height: 360px;
}

.dynamic dl{
	margin-left: 20px;
	margin-top: 25px;
}
.dynamic dt{
	overflow: hidden;
}
.dynamic dt h4{
	font-size: 20px;
	color: #333;
	float: left;
}
.dynamic dt h6{
	font-size: 14px;
	color: #666;
	float: right;
	margin-right: 20px;
}
.dynamic dd{
	padding-right: 10px;
}
.dynamic dd a{
	margin-top: 15px;
    color: #666666;
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dynamic dd a:hover{
	color: #4b648c;
}

/*重点推荐*/
.recommend_box{
	margin-top: 20px!important;
	overflow: hidden;
}
.recommend{
	background: #fff;
	width:870px;
	height: 640px;
}
.recommend_top{
	overflow: hidden;
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
}
.recommend_top h4{
 font-size: 20px;
 color: #333;
 margin-top: 15px;
 margin-left: 20px;
}
.recommend_top h4 img{
 margin-top: -5px;
 margin-right: 8px;
}
.recommend_top a{
 margin-top: 15px;
 margin-right: 20px;
}
.recommend_mid{
	margin-top: 20px;
	overflow: hidden;
}
.recommend_mid>a>img{
	margin: 0 30px;
        width: 192px;
}
.book_info{
width: 585px;	
}
.book_info h4{
	font-size: 16px;
     color: #333;	
}
.book_info h3{
	font-size: 22px;
	color: #dd3a37;
	margin-left: 5px;
	margin-top: 5px;
}
.book_info h5{
	overflow: hidden;
	width: 100%;
	background: #f6f6f6;
	height: 140px;
	margin-top: 5px;
	
}
.book_info h5 span:first-child{
	font-size: 77px;
	color: #999999;
	margin-left: 5px;
	margin-top: 5px;
	float: left;
}
.book_info h5 span:nth-child(2){
	font-size: 16px;
    color: #666;
    float: left;
    width: 90%;
    height: 90px;
    margin-top: 35px;
    overflow: hidden;
    line-height: 30px;
}
.book_info h5 span:last-child{
	font-size: 77px;
	color: #999999;
	margin-right: 5px;
	margin-top: -50px;
	float: right;
}
.recommend_bot{
	margin-top: 50px;
	width: 790px;
	margin-left:auto ;
	margin-right: auto;
	display: flex;
	display: -ms-flexbox;
	
}
.recommend_bot li{
  width: 24%;
  margin-left: 1%;		
}
.recommend_bot li .recom_picbox{
	display: flex;
	display: -ms-flexbox;
	justify-content: center;
	align-items: center;
        height:172px;	
}
.recommend_bot li .recom_picbox>img{
       width: 172px;
       max-height: 172px;	
}
.recommend_bot li h5{
	margin-top: 30px;
	font-size: 14px;
	color: #333;
    height: 42px;
    line-height: 21px;
    overflow: hidden;
}
.recommend_bot li:hover h5{
	color: #4b648c;
}
.recommend_bot li h6{
	margin-top: 20px;
	font-size: 22px;
	color: #dd3a37;
}

/*畅销图书*/
.sell_well{
	background: #fff;
	width: 310px;
	margin-left: 20px;
	height: 640px;	
}
.sell_well_top{
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
}
.sell_well_top h4{
	font-size: 20px;
    color: #333;
    margin-top: 15px;
    margin-left: 20px;
}
.sell_well_top h4 img {
    margin-top: -5px;
    margin-right: 8px;
}
.sell_well_mid{
	display: flex;
	display: -ms-flexbox;
	justify-content: space-around;
	margin-top: 5px;
}
.sell_well_con{
	
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    width: 90%;
    margin-left:20px;
    margin-top: 20px;
}
.sell_well_con dt,.sell_well_con dd{
	
	overflow: hidden;
}
.sell_well_con dt h5{	
	text-align: center;
	width: 22px;
	color: #333;
	float: left;
}
.sell_well_con dt .hot{
	background: url(../images/flag.png) no-repeat left;
	background-size: 22px 22px;
	color: #fff;
}
.sell_well_con dt h6{
	font-size: 14px;
	float: left;
	color: #333;
	margin-left: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 90%;
}
.sell_well_con dd{
	margin-top: 15px;
	display: none;
}
.sell_well_con:first-child dd{	
	display: block;
}
.sell_well_con dd img{
	display: block;
	width: 70px;
}
.sell_well_con dd .book_mes{
	margin-left: 10px;
	color: #333;
    width: 198px;
}
.sell_well_con dd .book_mes h5{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 90%;
}
.sell_well_con dd .book_mes h6{
	font-size: 16px;
	color: #dd3a37;
	margin-top: 20px;
}

.sell_well_con a{
	display: block;
}
.newbook{
	height: 415px;
}
/*小banner*/
.sub_banner{
	width: 1200px;
	margin: 20px auto;
	display: block;
}

/*书评*/
.synthesize{
	overflow: hidden;
	width: 1200px;
	margin: auto;
	padding-bottom: 50px;
	
}
.synthesize li{
	float: left;
	width: 192px;
	height: 370px;
	background: #fff;
	padding: 0 20px;
	margin-left: 10px;
}
.synthesize li:first-child{	
	margin-left: 0;
}
.review_top{
	overflow: hidden;
	margin: 30px 0;
}
.review_top h5{
	color: #333;
	font-size: 20px;
}
.review_top a{
	color: #666;
	font-size: 14px;
}
.review_list a{
	display: block;
    margin-top: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}
.review_con_mes{
	overflow: hidden;
}
.review_con_mes>a>img{
    float: left;
    width: 58px  
}
.review_con_mes>a>.review_con_name{
    float: left;
    margin-left: 15px;    
}
.review_con_mes>.review_con_name>h5{
    font-size: 18px; 
    color: #333;   
}
.review_con_mes>.review_con_name>h6{
    font-size: 12px;   
    color: #999;
    margin-top: 10px; 
}
.review_con>.cao_new_info2{
	margin: 15px 0;
	color: #333;
       height: 96px;
       line-height:24px;
       overflow: hidden;
}

.representative{
	margin-top: 20px;
}

.representative>h5>img{
	width: 6px;
	margin-right: 10px;
}
.representative>h5{
	color: #999;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 5px;
	margin-bottom: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.contribute{
	color: #333;
	line-height: 28px;
}
.contribute:hover{
	color: #333;
}
.review_list h4{
	font-size: 15px;
	color: #333;
}










/*合作企业*/
.cooprate_box{
	background: #fff;
	width: 100%;
	min-width:1200px;
}
.cooprate{
	padding-bottom: 30px;
}
.cooprate>h5{
	padding: 40px 0;
	color: #333;
	font-size: 16px;
}
.cooprate>ul{
 display: flex;
 display: -ms-flexbox;
 justify-content: flex-start;
}
.cooprate>ul>li{
 text-align: center;
  margin-left: 15px;
  margin-right: 15px;
}
.cooprate>ul>li>img{
 height:70px;
}
.cooprate>ul>li:first-child{
  margin-left: 0px;
 
}
.cooprate>ul>li>h5{
color: #333;
font-size: 12px;
margin-top: 5px;
}
.review_con_jianjiec{
max-height:84px;
line-height:21px;
overflow:hidden;
}







