@charset "utf-8";
@import "common.css";
@import "page.css";
@import "hdp.css";
/*@import "/cart/css/cart.css";*/
body{font-size:14px;font-family:"Microsoft YaHei";  color:#666; border-top: #2c7ed2 2px solid;}
*{margin:0px;padding:0px;list-style: none;}
img{border:0px; display: block; max-width: 100%;}
a{text-decoration:none;color:#333;}
a:hover{color:#2c7ed2}
input{outline:none;}
i{ font-style: normal; }
em{ font-style:normal;}
.clear{clear:both;}
.l{float:left;}
.r{float:right;}
.content{ margin:20px auto; }
.locationp{ float: right; }
.w1200{ width: 1200px; margin: auto; }

.bak{-webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;  display: block; }
.bak:hover {-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic{ overflow: hidden; margin: auto; }
.pic span{background-size: cover; background-repeat: no-repeat; background-position: center; display: block;}
a.aatt{ display:block; text-align:center; width:100%; margin: 5px auto;}
.middle{  margin:30px auto; }
.top{margin: auto;  padding: 10px 0; }
.top .p{ margin:10px auto; }
.top_dh{ margin:10px auto; }
.logo{ display: none; }
.gwc{ background: url(../images/gwc.png) no-repeat left center; padding-left: 25px; margin-top: 10px;  margin-left: 30px;}
.sou{ border: #2c7ed2 2px solid; background: url(../images/sou1.png) no-repeat 5px center;   }
.soucs{ display:block; margin:auto; width:300px; float:right;}
.sou.soucs input{ width:180px;}
.sou input{ float: left; border: none; background: none; margin-left: 30px; height: 35px; line-height: 35px; width: 200px; }
.sou a{ float: right; line-height: 35px; display: block; padding: 0px 30px; background: #2c7ed2; color: #fff; }

.sou select{ float:left; width:100px; position:relative; left:auto; right:auto; top:auto; bottom:auto; background:#2c7ed2; color:#FFF; border:none}


.nav{ font-size: 16px; background:#2c7ed2; margin-bottom:10px; }
.nav li{ float: left; height:45px; line-height:45px; text-align:center; width:12.5%; text-align: center; position: relative; z-index: 999;}
.nav li:before{ content:''; position:absolute; right:0px; top:50%; height:16px; width:1px; background:#FFF; margin-top:-8px;}
.nav li.z:before{ display:none}
.nav li a{ display: block; width:100%; height:100%; color:#FFF; }
.nav li a:hover,.nav li.on a{}


/*公告*/
.gg{ background: url(../images/icon3.png) no-repeat 30px center #f3f3f3; margin: auto; line-height: 50px; text-align: center;font-size: 16px; }
.gg_tit{ float: left; color: #2c7ed2;  width: 12%; text-align: right;}
.gg_con{ margin: auto;  float: left; width: 85%; height: 50px; overflow: hidden;}
.gg a{ padding: 0px 20px; }
#dem {overflow:hidden; width:100%; }
#indem { float: left; width: 800%;   }
#dem1 { float: left;}
#dem2 { float: left;}

.nbanner{  margin: auto;}

/*首页导航*/
.index_dh{ margin:auto; text-align: center; padding: 30px 0px; }
.line_l{ width: 39%; text-align: right; margin-top: 30px; }
.line_l img{ float: right; }
.line_r{ width: 39%;  margin-top: 30px; }
.index_dh1{ width: 22%; }
.index_dh1 p{ font-size: 28px;  color: #2c7ed2; color: #f16b09; color: #333; font-weight: bold; font-family: "宋体";}
.index_dh1 span{ color: #999;  font-family: Arial; text-transform:uppercase; }

/*中图法分类*/
.ztffl_box{position: relative; margin: 0px auto 50px auto;}
.ztffl_box li{ margin: auto; text-align: center;}
.ztffl_box li a p{ width: 105px; height: 105px; line-height: 105px; border-radius:105px; border: #2c7ed2 2px solid;  font-family: Arial;  font-size: 30px; color: #2c7ed2; margin: auto;}
.ztffl_box li a:hover p{ background: #2c7ed2; color: #fff; }
.ztffl_box li a span{ display: block; margin: 10px auto 20px auto; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.swiper-pagination{ width: 100%; text-align: center; margin: 20px auto 10px auto;  }
.swiper-pagination-bullet{ background: #fff; border: #2c7ed2 1px solid;   margin: 4px; outline: none; opacity: 1;}
.swiper-pagination-bullet-active{ background: #2c7ed2;  border: #2c7ed2 1px solid;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 0px; }
/*出版社分类*/

.system{ }
.system_btns{ text-align: center;  margin:auto; }
.system_btns a{ display:inline-block; color: #333; line-height: 36px; padding: 0 10px; border:#dedede 1px solid; border-radius:5px; margin: 5px;}
.system_btns a.even{ background: #2c7ed2; color: #fff;  border:#2c7ed2 1px solid;}
.system_body{  margin: 30px auto 50px auto; position: relative;}
.system_body .con{ display: none; margin: auto; }
.system_body .con .pic{ border: #ccc 1px solid; }
.system_body .con .pic span{ padding-top: 39%; background-size: contain; }


/*畅销榜排行*/
.cxb_box{margin: 0px auto 100px auto;  position: relative;}
.cxb_box li .con{ border: #ccc 1px solid; text-align: center; }
.cxb_box li .con .pic{ margin: auto; }
.cxb_box li .con .pic span{ padding-top: 100%; }
.cxb_box li .con .text{margin: 10px auto; }
.cxb_box li .con .text p{ display: block; margin: auto; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cxb_box li .con .text span{display: block; margin: 10px auto; font-size: 16px; color: #2c7ed2; font-weight: bold;}

/*底部*/
.foot_box{ background: #2c7ed2; margin: auto; line-height: 35px; color: #fff; }
.foot_box a{ color: #fff; }

.wap_piao{ display: none; }
/*内页*/

.wzdh p{ margin: 20px auto; background: url(../images/home.png) no-repeat left 2px; padding-left:  20px;}


.n_dh{ margin: auto; text-align: center; border: #e8e8e8 1px solid;  }
.n_tit{  width: 5%;  float: left; text-align: center; background: #fafafa;  padding: 9px 0px;}

.n_dhname{border-left: #e8e8e8 1px solid; text-align: left; float: right; width: 94%; padding: 5px;}
.n_dhname a{ display:inline-block; color: #333; padding: 0 10px;  margin: 3px 2px;  padding: 2px 5px;}
.n_dhname a:hover{ background: #2c7ed2; color: #fff; }
.n_dhname a.on{ background: #2c7ed2; color: #fff; }
.n_dhname a.mores{ float:right;color: #333; padding-right:17px; background:url(../images/jt1.png) right center no-repeat; }
.n_dhname a.mores:hover{ color: #2c7ed2;  }
.n_dhname a.mores.on{ float:right;color: #333; padding-right:17px; background:url(../images/jt.png) right center no-repeat; }
.n_dhs1{ overflow:hidden; height:38px;}
.n_dhs2{ overflow:hidden; height:38px;}


/*.n_dhname a:hover{background: #2c7ed2; color: #fff;  border:#2c7ed2 1px solid;}
.n_dhname a.on{ background: #2c7ed2; color: #fff;  border:#2c7ed2 1px solid;}*/
#tan_bg { width:100%;height:100%;background:rgba(0,0,0,0.7);position: fixed;top:0;left:0;z-index:999;display:none;
}
#tan_tuijian {width:300px;background:#fff;border-radius: 5px;margin: auto; overflow: hidden;position: fixed;z-index:9999;left: 50%; margin-left: -150px;top:50%;transform: translateY(-50%);overflow: hidden;display:none;}

.dy_tanceng{ margin:20px auto; width: 500px;  }
#tan_tuijian .dy_tanceng{ width: 90%; position: relative; }

a.gb{ position: absolute; right: 5px; top: 5px; width: 20px; }
a.gb img{ max-width: 100%; }
.dy_tanceng .tit{ font-size: 24px; text-align: center; margin:auto; font-weight: bold; color: #F99557; }
.dy_tanceng .form{ margin:20px auto; }
.dy_tanceng .form p{border:#ddd 1px solid; margin:10px auto; }
.dy_tanceng .form input[type="text"]{ line-height: 40px; height: 40px; width: 100%; border:none; text-indent: 10px; margin:auto;   }
.dy_tanceng .form input[type="submit"]{ height: 45px; width: 100%; border:none; margin:auto; border:none; line-height: 45px; background: #2c7ed2; color: #fff; font-size: 18px; cursor: pointer; }
.dy_tanceng .form textarea{  height: 100px; width: 96%; border:none; margin:auto; display: block;  padding: 10px 0; font-family: "微软雅黑" ; color: #999; }


.piao_kf{ position: fixed; width: 60px; background: #fff; left: 10px; top: 50%; transform: translateY(-50%); -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2); padding: 10px 0; border-radius: 60px;}
.piao_kf a{ display: block; text-align: center; margin:10px auto; }
.piao_kf a img{ display: block; width: 40px; margin:auto; border-radius: 50%; }

.xz_gw{  color: #cc0001; font-weight: bold; }

.gc_down{ margin:20px auto; }

.gc_down li{ margin:15px auto; }
.gc_down li a{ display: block; background: #f2f2f2; line-height: 40px; padding: 0 10px; width: 200px; border-radius: 10px; text-align: center;}
.book_con .text .gc_down li a span{ display: inline-block; font-size: 15px;  font-weight: bold; padding-right: 20px; margin-bottom: 0;}

.gc_down li a em{ color: #b11a1a; font-size: 15px;font-weight: bold;  }
.gc_down li a:hover{ background: #eee; }