/*教材封面第一屏left*/
.new_box, .hot{ float: left; width: 100%}
.n_keben{width: 180px;float: left;background: #f8f8f8;padding: 5px 10px 10px;margin-right: 15px;}
.n_head{ font-size: 18px; color: #B48340; height: 30px;background:url(../images/keben_bg_icon.png) 2px -503px no-repeat;}
.n_head h2 {padding-left: 36px;font-weight: bold;}
.n_head span {height: 30px;background:url(../images/keben_bg_icon.png) 8px -554px no-repeat;padding: 0 8px;}
.n_keben a{line-height: 120px;text-align: center;font-size: 14px;height: 80px;width: 85px;float: left;font-weight: 400;display: block;color: #555;overflow: hidden;text-decoration:none;background: url(../images/keben_bg_icon.png) -5px 0px no-repeat rgb(243,243,243);}
.n_keben a:hover{color: #fff !important;}
.n_keben .rj{background-position: -13px 0px;margin: 0 10px 8px 0 }
.n_keben .rj:hover{background-position:-13px -80px; }
.n_keben .sj{background-position: -125px 0;margin: 0 0 8px;}
.n_keben .sj:hover{background-position:-125px -80px; }
.n_keben .bsd{background-position: -13px -160px;margin: 0 10px 8px 0;}
.n_keben .bsd:hover{background-position: -13px -240px}
.n_keben .hj{background-position: -125px -160px;}
.n_keben .hj:hover{background-position: -125px -240px}
.n_keben .yw{background-position: -13px -320px;margin: 0 10px 0 0;}
.n_keben .yw:hover{background-position: -13px -400px;}
.n_keben .xs{background-position: -125px -320px;}
.n_keben .xs:hover{background-position: -125px -400px}

/*教材封面页第一屏middle*/
.banner{float: left;background: #efefef;width: 660px;height: 300px;}
.banner img {width: 660px;height: 300px;}

/*教材封面页第一屏right*/
.n_right{width: 285px;border: 1px solid #f1f1f1;padding:5px 10px 0px;float: right;background: #fff;}
.n_right h2{height: 28px;padding:0 10px;position: relative;color: #2CA6E0;font-weight: bold;line-height: 28px;font-size: 16px;}
.n_right li {height: 37px;line-height: 37px;border-bottom: 1px solid #f2f2f2;padding: 0px 10px;overflow: hidden;}
.n_right li:last-child{border-bottom:0}
.n_right li a {color: #333;font-size: 16px;}
.n_right font {font-size: 16px;margin-right: 5px;color: #bbbbbb;font-weight: 700;}

/*教材封面页-教材科目页-教材专题页教材显示*/
.top_news{float:right ;width: 1200px;margin-top: auto;background: #fff;}
.index_comtitle h2 {float: left;font-size: 14px;width: 100%;height: 34px;line-height: 34px;border-bottom: 2px solid #e2e2e2;margin: 10px 0 0;}
.index_comtitle h2 a{color: #333;float: left;height: 34px;line-height: 34px;font-size: 20px;font-weight: bold;border-bottom: 2px solid #0e9fd8;margin-left: 10px;}
.more{float: right;}
.index_comtitle .more a{color: #0e9fd8;background: none;font-size: 12px;font-weight: 400;border: 0px;}
.index_subnav{float: left;width: 140px;text-align:center!important;font-size: 14px;background:#efefef;padding: 5px 0px 5px 0px;height: 490px;display:none}
.index_subnav li{ line-height: 27px; height: 27px;text-align:center!important;overflow: hidden;}
.index_subnav a{display: block;}
.index_subnav a:hover{ color: #ec7814!important;}
.index_pic_right{float:right;width: 1200px;}
.index_pic_right li{float: left;width: 187px;height: 265px;margin:5px 1px 1px 10px;display: block;text-align: center!important;overflow: hidden;}
.index_pic_right li a{color: #333;font-size: 14px;}
.index_pic_right .preview {display: block;}
.index_pic_right .text {display: block;padding-top: 5px;}
.index_pic_right li img {width: 200px;height: 240px;}
.index_pic_right li a i {
    text-align: center;
    z-index: 200;
    overflow: hidden;
    padding-top: 7px;
    padding-left: 20px;
    color: #fff;
    text-align: left;
    font-style: normal;
    font-size: 12px;
    line-height: 18px;
    HEIGHT: 30px;
    WIDTH: 80px;
    BACKGROUND: url(../images/version_bg.png) no-repeat 0 0;
    POSITION: absolute;}

@media screen and (min-width: 450px) and (max-width: 950px){
.n_keben{display:none}
.new_box{ float: left; width: 99%;border: 1px solid #f1f1f1;}
.banner{float: left;background: #efefef;width: 100%;height: 180px;border: 1px solid #f1f1f1;margin-top: -20px;}
.banner img {width: 100%;height: 100%;}
.n_right{display:none}

.index_comtitle .more{display:none}
.top_news{float: left;width: 100%;}
.index_comtitle h2 {padding-left:1%;float: left;font-size: 14px;width: 99%;height: 34px;line-height: 34px;border-bottom: 3px solid #e2e2e2;margin-bottom: 5px;}
.index_comtitle h2 a{color: #333;float: left;height: 33px;line-height: 33px;font-size: 20px;font-weight: bold;border-bottom: 4px solid #0e9fd8;}
.index_comtitle .more{width: 100%;overflow: hidden;}
.index_comtitle .more a{color: #0080bd;background: none;font-size: 14px;width: 10%;line-height: 28px;font-weight: 400;border: 1px solid #d4e1e6;text-align: center;height: 28px;margin: 4px 0 4px 4px;padding: 0 1%;overflow: hidden;}
.index_subnav{float: left;font-size: 14px;padding: 0 1% 2% 1%;width: 96%;text-align: center;height: auto;background:#fff;}
.index_subnav li{line-height: 28px;height: 28px;width: 12.9%;float: left;border: 1px solid #b6d0f3;text-align: center;margin: 4px 0 0 4px;padding: 0 1%;overflow: hidden;}
.index_pic_right li{float: left;width: 30.5%;height: 260px;display: block;margin:0% 0.5% 0.5% 2%;text-align: center;overflow: hidden;}
.index_pic_right{float: left;width: 100%;}
.index_pic_right .text {display: block;margin-top: 1px;}
.index_pic_right li img {width: 100%;height: 90%;}

}


@media screen and (max-width:450px){
.n_keben{display:none}
.new_box{ float: left; width: 99%;border: 1px solid #f1f1f1;}
.banner{float: left;background: #efefef;width: 100%;height: 180px;border: 1px solid #f1f1f1;margin-top: -20px;}
.banner img {width: 100%;height: 100%;}
.n_right{display:none}

.index_comtitle .more{display:none}
.top_news{float: left;width: 100%;}
.index_comtitle h2 {padding-left:1%;float: left;font-size: 14px;width: 99%;height: 34px;line-height: 34px;border-bottom: 3px solid #e2e2e2;margin-bottom: 5px;}
.index_comtitle h2 a{color: #333;float: left;height: 33px;line-height: 33px;font-size: 20px;font-weight: bold;border-bottom: 4px solid #0e9fd8;}
.index_comtitle .more{width: 100%;overflow: hidden;}
.index_comtitle .more a{color: #0080bd;background: none;font-size: 14px;width: 12.9%;line-height: 28px;font-weight: 400;border: 1px solid #d4e1e6;text-align: center;height: 28px;margin: 4px 0 4px 4px;padding: 0 1%;overflow: hidden;}
.index_subnav{float: left;font-size: 14px;padding: 0 1% 2% 1%;width: 96%;text-align: center;height: auto;background:#fff;}
.index_subnav li{line-height: 28px;height: 28px;width: 12.9%;float: left;border: 1px solid #b6d0f3;text-align: center;margin: 4px 0 0 4px;padding: 0 1%;overflow: hidden;}
.index_pic_right li{float: left;width: 45%;height: 220px;display: block;margin:1% 1% 1% 3%;text-align: center;overflow: hidden;}
.index_pic_right{float: left;width: 100%;}
.index_pic_right .text {display: block;margin-top: 1px;}
.index_pic_right li img {width: 100%;height: 90%;}
}