/*教材封面页-教材科目页-教材专题页教材显示*/
.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: 229px;height: 290px;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: 220px;height: 250px;}
.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;}

.ar_search .search_text {width: 159px!important;}

@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%;}


.pnum { width: 100%; justify-content: center;text-align: center;margin: 0px; }
.pnum a { background: #e5e5e5;padding: 5px; border-radius: 5px;margin: 5px 2px 5px 2px; }
.pnum a:hover {background: #328080;color: #fff; }
.pnum a.sed { background: #6ab3b3;; color: #fff; }
.pnum ul { width: 100%; padding: 0; justify-content: center;text-align: center; }
.page-item {float: left;font-size: 14px;margin: 10px 3px;padding: 2px;}

}


@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%;}

.pnum { width: 100%; justify-content: center;text-align: center;margin: 0px; }
.pnum a { background: #e5e5e5;padding: 5px; border-radius: 5px;margin: 5px 2px 5px 2px; }
.pnum a:hover {background: #328080;color: #fff; }
.pnum a.sed { background: #6ab3b3;; color: #fff; }
.pnum ul { width: 100%; padding: 0; justify-content: center;text-align: center; }
.page-item {float: left;font-size: 14px;margin: 10px 3px;padding: 2px;}

}