@charset "utf-8"; /* CSS Document */ * { margin: 0px; padding: 0px; } body { font-size: 12px; line-height: 2; } ol, ul { list-style: none; } a { color: #000; text-decoration: none; } a:hover { color: #dd1a00; } img { border: 0; vertical-align: middle; } table { border-collapse: collapse; border-spacing: 0; } .clear { clear: both; font-size: 0; height: 0; line-height: 0; overflow: hidden; } .font_blue { color: #7e5b44; } .font_red { color: #dd1a00; } .font_red:hover { text-decoration: underline; } .font_white { color: #fff; } /*****newsList*****/ .content_page { width: 962px; margin: 10px auto 0; overflow: hidden; } .menu { float: left; width: 183px; background: url(../images/neiye4.jpg); overflow: hidden; border: 1px solid #b8b7b7; border-top: 2px solid #812203; } .menu_tit { text-align: center; line-height: 65px; height: 65px; color: #8e6758; border-bottom: 1px dotted #c7c7c7; font-size: 22px; font-family: 'Microsoft Yahei', Tahoma, Helvetica, Arial, sans-serif; letter-spacing: 3px; } .menu ul li { border-bottom: 1px dotted #c7c7c7; padding-left: 20px; } .menu ul li a { display: block; line-height: 46px; padding-left: 26px; font-size: 16px; font-family: 'Microsoft Yahei', Tahoma, Helvetica, Arial, sans-serif; letter-spacing: 3px; font-weight: 300; } .menu ul li a:hover, .menu ul li a.on { background: url(../images/neiye2.jpg) left center no-repeat; color: #7e5b44; } .page_right { float: right; width: 755px; border-top: 2px solid #7e5b44; overflow: hidden; } .location { height: 16px; margin: 0px 0px 5px 0px; line-height: 16px; } .location_ny { margin-left: 10px; } .location .tit { display: block; width: 755px; padding-right: 10px; height: 30px; line-height: 30px; float: left; margin: 10px 15px; _margin: 10px 8px; border-bottom: 1px dotted #085483; } .location .tit span { padding: 5px; } /*******date-show*********/ .location_ny .tit { display: block; width: 955px; background: #fdfdfd; padding-right: 10px; height: 30px; line-height: 30px; float: left; margin: 10px 15px; border-bottom: 1px dotted #085483; } .newsList { padding: 0px 15px; } .newsList ul li { height: 35px; border-bottom: 1px dotted #888; overflow: hidden; } .newsList ul li a { float: left; display: block; width: 640px; line-height: 35px; color: #7e5b44; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } .newsList ul li span.time { float: right; display: inline-block; width: 70px; line-height: 35px; text-align: right; color: #888; } .newsList ul li a:hover { color: #d11933; } /*****pages*****/ .page { margin: 0px auto; padding: 15px; height: 20px; } .p_btns { display: inline; margin: 10px auto; width: 100%; font-size: 12px; } .p_btns .total_count { float: right; padding-top: 3px; line-height: 16px; } .p_btns a { display: block; float: left; margin-right: 4px; padding: 1px 3px; border: 1px solid #7e5b44; background: #FFF; height: 16px; line-height: 16px; text-decoration: none; color: #7e5b44; font-size: 12px; text-align: center; } .p_btns a { display: inline; } .p_btns a:hover { text-decoration: none; border: 1px solid #7e5b44; } .p_btns .currentpage { display: block; float: left; margin-right: 4px; padding: 2px 5px; border: 1px solid #7e5b44; height: 16px; line-height: 16px; background: #7e5b44; color: #fff; } .p_btns .jumppage { float: left; padding-top: 3px; } .p_btns input { width: 40px; border: 1px solid #D1D1D1; height: 15px; font-size: 14px; } .p_btns span { color: #7e5b44; } /*****message*****/ .message { background: #f9f9f9; padding: 20px 15px; padding-bottom: 5px; margin: 15px; } .message ul li { min-height: 28px; *height:28px; margin-bottom: 20px; } .message ul li p.tit { float: left; display: inline; width: 50px; font-size: 14px; height: 28px; line-height: 28px; text-align: right; } .message ul li .input_height { float: left; display: inline; height: 26px; background: #fff; border: 1px solid #d4d4d4; } .message ul li .input_tit { width: 640px; } .message ul li .input_name { width: 169px; } .message ul li .input_email { width: 195px; } .message ul li .input_detail { width: 640px; height: 90px; outline: none; resize: none; } .message ul li.detail { height: 92px; } .message ul li .btn_message { width: 88px; height: 34px; background: url(../images/messagebtn.jpg); color: #fff; font-size: 14px; font-weight: bold; border: none; cursor: pointer; } .message ul li .btn_sub { margin-left: 260px; } .message ul li .btn_reset { margin-left: 50px; } .message ul li .input_checkcode { display: inline; height: 26px; background: #fff; border: 1px solid #d4d4d4; } .message_top { border-bottom: 1px solid #d2d2d2; height: 26px; padding-bottom: 5px; margin: 15px; } .message_top .num { width: 200px; float: left; line-height: 20px; padding-top: 6px; } .message_top .input1 { float: right; width: 252px; height: 24px; background: #fff; border: 1px solid #d4d4d4; margin-right: 5px; } .message_top .btn2 { float: right; width: 55px; height: 26px; background: #65AC4E; border: none; font-weight: bold; color: #fff; cursor: pointer; } .message_list { margin: 0px 15px; } .message_list dl { width: 100%; min-height: 45px; *height:45px; padding: 8px 0px; border-bottom: 1px solid #e9e9e9; position: relative; } .message_list dl .right_detail { width: 280px; line-height: 20px; position: absolute; top: 10px; right: 10px; text-align: right; color: #666; } .message_list dl dt { width: 500px; padding-left: 20px; line-height: 20px; font-weight: bold; padding-bottom: 14px; } .message_list dl .font_red { padding-left: 22px; line-height: 18px; color: #b42429; margin-bottom: 10px; } .message_top select { float: right; height: 27px; margin-right: 10px; } .message_list dl .lyhf { background: #f5f5f5 none repeat scroll 0 0; border: 1px solid #d4d4d4; margin: 5px 0 6px; padding: 3px 8px 3px 20px; } .message_list dl .lyhf p { line-height: 24px; } /*****date*****/ .date_div { width: 343px; float: left; } .date_search { background: #f9f9f9; padding: 20px 0px; padding-bottom: 5px; margin: 15px 15px 0px 15px; } .date_search ul li { line-height: 34px; padding: 6px 10px; font-size: 14px; font-weight: bold; } .date_search ul li .input_date { display: inline; width: 433px; height: 16px; line-height: 16px; padding: 8px; background: #fff; border: 1px solid #d4d4d4; } .btn_date { display: inline; width: 88px; height: 34px; background: url(../images/messagebtn.jpg); color: #fff; font-size: 14px; font-weight: bold; border: none; cursor: pointer; margin-left: 4px; } .btn_recBook { margin-left: 300px; margin-right: 25px; } .date_search ul li a { padding: 0 10px; color: #255b9f; font-weight: normal; font-size: 13px; } .date_search ul li.zm a { padding: 0 4px; } .date_search ul li a:hover { color: #d11933; } .date_search ul li a.on { color: #d11933; font-weight: bold; } .date_tabel { margin: 15px; } .date_tabel tr th, .date_tabel tr td { height: 36px; line-height: 36px; border-color: #fdfdfd; border-left: 1px #fdfdfd solid; } .date_tabel tr th { background: #CAC7C4; } .date_tabel tr.ou { background: #f9f9f9; } .date_tabel tr:hover { background: #E9F3FD; } .date_tabel tr th.xh { width: 50px; } .date_tabel tr th.chinatitle { width: 100px; } .date_tabel tr th.zw { width: 341px; } .date_tabel tr td.center { text-align: center; } .date_tabel tr td a { display: block; padding: 0 5px; width: 90%; line-height: 36px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } .date tr td a { width: 298px; } /*****recBook*****/ .recBook_search { } .recBook_search ul li { padding: 10px 5px; clear: both; } .recBook_search .input_height { float: left; display: inline; height: 14px; background: #fff; border: 1px solid #d4d4d4; margin-right: 10px; _margin-right: 5px; margin-top: 5px; padding: 5px 3px; } .recBook_search .input_radio { float: left; width: 143px; height: 24px; margin-top: 5px; margin-right: 10px; font-size: 14px; display: inline; } .recBook_search .search_book_name { width: 220px; } .recBook_search .search_writer_name { width: 135px; } .recBook_search .search_writer_isbn { width: 366px; } .recBook_search .search_reason { width: 682px; height: 50px; } .recBook_search .tit { float: left; display: inline-block; width: 80px; line-height: 28px; font-size: 14px; margin-top: 5px; text-align: right; color: #255b9f; } .recBook_search .input_checkcode { display: inline; height: 14px; background: #fff; border: 1px solid #d4d4d4; margin-right: 10px; margin-top: 5px; padding: 5px 3px; _margin-right: -5px; } .date_tabel tr th.name { width: 170px; } .date_tabel tr th.press { width: 200px; } .date_tabel tr th.writer { width: 80px; } .date_tabel tr td a.nameWidth { width: 160px; } .date_tabel tr td a.pressWidth { width: 190px; } .date_tabel tr td a.writerWidth { width: 70px; } /*****donate*****/ .tale_donat { } .date_tabel tr th.donate_jzr { width: 120px; } .date_tabel tr th.donate_type { width: 150px; } .swzl_img img { width: 24px; height: 24px; padding-top: 5px; } /*****imgList&bookList*****/ .imgList { margin-top: 5px; } .imgList ul li { float: left; width: 168px; height: 148px; line-height: 20px; padding: 6px 15px; } .imgList ul li a { display: block; text-align: center; } .imgList ul li a span { display: inline-block; width: 168px; height: 20px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } .imgList ul li img { display: block; width: 160px; height: 120px; padding: 3px; background: #fff; border: 1px solid #eee; } .imgList ul li a:hover img { background: #f6f6f6; } .bookList { margin-top: 5px; } .bookList ul li { float: left; width: 91px; height: 146px; line-height: 20px; padding: 6px 20px; } .bookList ul li a { display: block; text-align: center; } .bookList ul li a span { display: inline-block; height: 20px; line-height: 20px; width: 91px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } .bookList ul li img { display: block; width: 83px; height: 118px; padding: 3px; background: #fff; border: 1px solid #eee; } .bookList ul li a:hover img { background: #f6f6f6; } /*****article*****/ .art { padding: 15px; } .art h1 { text-align: center; font-size: 22px; color: #7e5b44; font-weight: normal; padding-top: 15px; } .art_time { line-height: 25px; margin: 20px 0px; text-align: left; color: #999; border-bottom: 1px solid #ccc; } .art_time ul { height: 25px; float: left; } .art_time ul li { float: left; line-height: 25px; padding: 0px 5px 0px 0px; margin: 0px 5px 0px 0px; color: #666; } .art_time ul li .black { color: #000; } .art p.duanluo { margin: 10px 0px; font-size: 14px; text-indent: 1.5em; text-align: justify; text-justify: inter-ideograph; } .art img, .art table { display: block; margin: 20px auto; width: expression(this.width > 565 ? '565px': true); max-width: 565px; } /*****vote*****/ .vote { padding: 12px; } .vote h1 { text-align: center; font-size: 16px; color: #255b9f; font-weight: bold; padding-top: 15px; } .vote_time { line-height: 22px; padding: 5px 0px 10px; margin-bottom: 15px; text-align: center; border-bottom: 1px solid #ccc; } .vote_art h2 { color: #255b9f; font-weight: bold; font-size: 14px; padding: 15px 0px 5px; } .vote_art ul li { float: left; display: inline; width: auto; height: 14px; line-height: 14px; font-size: 14px; margin-right: 50px; margin-bottom: 15px; padding: 2px; } .vote_art ul li input { float: left; display: inline-block; } .vote_art ul li span { float: left; display: inline-block; font-size: 14px; margin-left: 3px; } .vote_art ul li div.jd { float: left; width: 100px; height: 12px; border: 1px solid #ddd; margin-left: 5px; display: inline; } .vote_art ul li div.jd div { height: 12px; background: #44658e; } .vote_art ul li input.vote_progress, .vote_art ul li div.vote_progress { display: none; } .btn_vote { margin-left: 280px; margin-top: 35px; } /********link_btn********/ .link_btn { margin: 15px; padding-top: 15px; border-top: 1px #e5e5e5 solid; } .link_btn li { display: block; width: 100%; font-size: 12px; color: #7e5b44; } .link_btn li span { padding: 2px; color: #fff; background: #7e5b44; } .link_btn li a { font-weight: normal; color: #000; } .link_btn li a:hover { color: #dd1a00; } #bdshare span { font-size: 12px; float: left; } /*****book_show*****/ .book_show_img { width: 200px; height: 284px; float: left; margin: 10px 25px 0px 35px; border: 1px solid #ccc; padding: 4px; } .book_show_img img { width: 200px; height: 284px; margin: 0px; } .book_show_intro { margin-top: 25px; line-height: 32px; float: left; } .book_show_intro dl dt { font-size: 16px; font-weight: bold; } .book_show_intro dl dd { font-size: 12px; line-height: 30px; } /*****link*****/ .content_link { width: 1000px; min-height: 630px; _height: 630px; margin: 0 auto; background: #fdfdfd; } .link { padding: 0px 22px 25px; } .link dl { padding: 15px 0; min-height: 50px; _height: 50px; clear: both; } .link dl.bg { background: #f3f3f3; } .link dl dt { float: left; width: 150px; min-height: 16px; _height: 16px; line-height: 16px; font-size: 14px; font-weight: bold; border-left: 2px solid #255b9f; padding-left: 5px; margin-top: 9px; margin-left: 15px; } .link dl dd { width: 765px; font-size: 14px; color: #255b9f; padding-bottom: 15px; display: inline-block; } .link dl dd a { width: 157px; float: left; display: inline-block; padding: 5px 0px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; color: #255b9f; } .link dl dd a:hover { color: #dd1a00; } /*****date_show_2*****/ .date_show_2 { padding: 0px 22px 25px; } .date_show_2 dl { border-bottom: 1px solid #c7c7c7; display: block; padding: 15px 0; overflow: hidden; } .date_show_2 dl.bg { background: #f3f3f3; min-height: 50px; _height: 50px; height: auto; } .date_show_2 dl dt { float: left; width: 78px; min-height: 16px; _height: 16px; line-height: 16px; font-size: 14px; font-weight: bold; border-left: 2px solid #255b9f; padding-left: 5px; margin-top: 9px; margin-left: 15px; } .date_show_2 dl dd { float: right; width: 525px; font-size: 14px; color: #255b9f; } .date_show_2 dl dd a { color: #255b9f; } .date_show_2 dl dd a:hover { color: #dd1a00; } /*****date_show*****/ .h1_date_show { font-size: 25px; padding: 15px 15px 0px; text-align: center; color: #255b9f; font-family: "Microsoft Yahei"; font-weight: normal; } .table_date_show { width: 850px; margin: 0 auto; font-size: 14px; } .table_date_show dl { clear: both; border-bottom: 1px solid #c7c7c7; padding: 15px 0; overflow: hidden; } .table_date_show dl dt { float: left; width: 120px; font-weight: bold; text-align: right; } .table_date_show dl dd { float: left; width: 720px; margin-left: 10px; } /*****map*****/ .map { padding: 0px 15px 25px 25px; } .map dl { padding: 10px 10px; overflow: hidden; } .map dl dt { border-bottom: 1px solid #c7c7c7; font-weight: bold; font-size: 14px; line-height: 40px; margin-bottom: 10px; } .map dl dd a { width: 159px; display: inline-block; font-size: 14px; color: #255b9f; } .map dl dd a:hover { color: #dd1a00; } .map dl.bg { background: #f3f3f3; } /*****shade*****/ .shade_list { padding: 0 12px; } .shade_list dl { width: 100%; margin-top: 15px; position: relative; border-bottom: 1px dotted #c7c7c7; padding-bottom: 10px; } .load_btn { position: absolute; top: 0px; right: 20px; width: 105px; height: 34px; cursor: pointer; border: none; color: #fff; font-weight: bold; font-family: 'Microsoft Yahei', Tahoma, Helvetica, Arial, sans-serif; line-height: 34px; } .load_btn:hover { color: #dd1a00; } .shade_list dl dt { font-weight: bold; padding-right: 135px; } .shade_list dl dd { padding-left: 20px; padding-top: 10px; } /******** pop ********/ .pop_last { position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 0.37; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 37); filter: alpha(opacity = 37); background: #000; z-index: 998; _display: none; } .pop_login { width: 350px; margin-left: -175px; position: absolute; padding-bottom: 35px; margin-top: -175px; top: 50%; left: 50%; background: #fff; border: 1px solid #a4a4a4; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0px 0px 6px #999; -webkit-box-shadow: 0px 0px 6px #999; box-shadow: 0px 0px 6px #999; z-index: 999; overflow: hidden; } .pop_login ul li { margin: 30px; } .pop_login ul li span { display: inline-block; width: 60px; padding-right: 10px; text-align: right; font-size: 14px; } .pop_login ul li input { display: inline-block; border: 1px solid #cbcbcb; width: 200px; height: 14px; line-height: 14px; padding: 6px 5px; font-size: 14px; color: #666; } .pop_box_tit { width: 100%; height: 45px; background: #0973AF; } .pop_box_txt { display: block; float: left; margin-left: 20px; margin-top: 5px; padding: 0 20px; height: 40px; line-height: 40px; font-size: 16px; font-weight: bold; color: #148fdd; background: #fff; } .pop_box_closd { display: block; float: right; margin-right: 12px; margin-top: 12px; width: 12px; height: 11px; } .pop_box_closd:hover { } .pop_creat_btn { display: block; margin: 0 auto; width: 105px; height: 40px; font-weight: bold; font-size: 14px; color: #fff; background: #0973AF; border: none; cursor: pointer; } .pop_creat_btn:hovner { color:#dd1a00; } /********trainList********/ .trainList { padding: 0 12px; } .trainList dl { width: 100%; margin-top: 5px; position: relative; border-bottom: 1px dotted #c7c7c7; padding-bottom: 10px; } .trainList dl dt { font-weight: bold; line-height: 30px; } .trainList dl dt span { font-weight: bold; padding-left: 18px; display: inline-block; height: 30px; } .trainList dl dt span.docx { } .trainList dl dt span.xlsx { } .trainList dl dt span.pptx { } .trainList dl dt span.pdf { } .trainList dl dt span.mp4 { } .trainList dl dt span.flv { } .trainList dl dd { width: 100%; height: 18px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } /********menu2********/ /*.menu2{float:left; width:185px; min-height:650px; *height:650px;} .menu2_tit{ text-align:center; line-height:65px; height:65px; color: #fff; background: #43678e; border-bottom:1px dotted #c7c7c7; font-size:22px; font-family:'Microsoft Yahei',Tahoma, Helvetica, Arial, sans-serif; letter-spacing:3px;} .demo1{width:185px;margin:0 auto; background:#f6f6f6; overflow:hidden;} .menu_head{position:relative; width:175px; height:46px; padding-left:10px; line-height:46px; border-bottom:1px dotted #c7c7c7; cursor:pointer; font-size:16px; font-family:'MicroSoft YaHei','Arial Black', Gadget, sans-serif;} .menu_headxx{position:relative; width:175px; height:46px; padding-left:10px; line-height:46px; border-bottom:1px dotted #c7c7c7; cursor:pointer; font-size:16px; font-family:'MicroSoft YaHei','Arial Black', Gadget, sans-serif; } .menu_list .current{ border-left-color:#44658E; color:#fff;} .current{background:url(../images/menu2_1a.png) 150px 15px no-repeat #962902; color:#fff;} .current a{ color:#fff;} .menu_body{display:none;} .menu_body .menu_head{position:relative; width:158px; height:40px; margin-left:15px; line-height:40px; font-size:14px; border-bottom:1px dotted #c7c7c7; cursor:pointer; } .menu_head2{position:relative; width:175px; height:40px; padding-left:10px; margin-left:15px;_margin-left:0px; line-height:46px; border-bottom:1px dotted #c7c7c7; cursor:pointer; font-size:14px; font-family:'MicroSoft YaHei','Arial Black', Gadget, sans-serif; } .menu_list .current2{width:160px; height:46px; padding-left:10px; color:#255b9f; border-bottom-color:#44658E;} .menu_body1{display:none;} .menu_body1 a{ display:block; height:36px; line-height:36px; font-size:14px; border-bottom:1px solid #98989A; } .menu_body a{display:block; height:36px;margin-left:25px; padding-left:10px;line-height:36px; font-size:13px; border-bottom:1px dotted #c7c7c7; text-align:none; font-family:'MicroSoft YaHei','Arial Black', Gadget, sans-serif; color:#255b9f;} .menu_body a:hover, .menu_body1 a.on{ background:#DBE4ED; border-bottom:1px dotted #c7c7c7; color:#255b9f;}*/ /*login*/ #test2 { } .login_wrapper { padding: 25px; } .login_wrapper h1 { font-size: 18px; line-height: 30px; font-family: "Microsoft Yahei"; display: block; width: 100%; } /*input.inputlei { width: 295px; height: 24px; line-height: 24px; padding: 8px 5px; margin-top: 20px;}*/ /*****date*****/ .date_div { width: 382px; float: left; display: inline; } .date_search { background: #f9f9f9; padding: 20px 0px; padding-bottom: 5px; margin-top: 15px; } .date_search ul li { line-height: 34px; padding: 6px 10px; font-size: 14px; font-weight: bold; } .date_search ul li .input_date { display: inline; width: 58%; height: 16px; line-height: 16px; padding: 8px; background: #fff; border: 1px solid #d4d4d4; } .btn_date { display: inline-block; width: 88px; height: 34px; background: url(../images/messagebtn.jpg); color: #fff; font-size: 14px; font-weight: bold; border: none; cursor: pointer; margin: 0 auto; } .btn_recBook { margin-left: 300px; } .date_search ul li a { padding: 0 10px; color: #255b9f; font-weight: normal; font-size: 13px; } .date_search ul li.zm a { padding: 0 5px; } .date_search ul li a:hover { color: #d11933; } .date_search ul li a.on { color: #d11933; font-weight: bold; } .date_tabel { margin-top: 15px; } .date_tabel tr th, .date_tabel tr td { height: 36px; line-height: 36px; border-color: #fdfdfd; border-left: 1px #fdfdfd solid; } .date_tabel tr th { background: #E5E4E3; } .date_tabel tr.ou { background: #f9f9f9; } .date_tabel tr:hover { background: #E9F3FD; } .date_tabel tr th.xh { width: 40px; } .date_tabel tr th.chinatitle { width: 100px; } .date_tabel tr th.zw { width: 341px; } .date_tabel tr td.center { text-align: center; } .date_tabel tr td a { display: block; padding: 0 5px; width: 90%; line-height: 36px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; } .date tr td a { width: 331px; } /****** 2017/04/14 *******/ /********menu2********/ /********menu2********/ .menucont { padding-bottom: 50px; background: url(../images/neiye3.jpg) center bottom no-repeat; min-height: 480px; } .menu_list {position: relative;} .menu a { color: #000; position: relative; width: 100%; height: 46px; display: block; } .demo1 { width: 185px; margin: 0 auto; background: #e3765a; overflow: hidden; } .menu_lever { position: relative; width: 100%; height: 46px; line-height: 46px; cursor: pointer; font-size: 16px; /* background: url(../images/menu2_1.jpg) 150px 15px no-repeat; */ text-indent: 25px; color: #000; border-top: 1px solid #d9c6b9; } .menu_lever2 { position: relative; height: 46px; text-indent: 38px; line-height: 46px; cursor: pointer; font-size: 14px; /* background: url(../images/menu2_1.jpg) 150px 15px no-repeat; */ color: #8a6356; border-top: 1px solid #e7e4e2; } .menu_list .on { background: #962902; color: #fff; width: 100%; height: 46px; line-height: 46px; cursor: pointer; font-size: 16px; text-indent: 25px; position: relative; } .menu_list .on a { color: #fff; } .menu_head { display: block; position: absolute; top: 0; right: 0; width: 40px; height: 46px; line-height: 46px; cursor: pointer; font-size: 16px; background: url(../images/menu2_1.jpg) center no-repeat; text-indent: 25px; color: #000; z-index: 2; } .current{ background: url(../images/menu2_1a.jpg) 150px 15px no-repeat #962902; color: #fff; width: 100%; height: 46px; } .menu_head2{ display: block; position: absolute; top: 0; right: 0; width: 40px; height: 46px; line-height: 46px; cursor: pointer; font-size: 16px; background: url(../images/menu2_1.jpg) center no-repeat; text-indent: 25px; color: #000; z-index: 2; } .current2{ background: url(../images/menu2_1a.jpg) 150px 15px no-repeat #962902; color: #fff; width: 100%; height: 46px; } .menu_body { display: none; } .menu_body-on { display: block; } .menu_body .menu_head { color: #fff; position: relative; width: 158px; height: 40px; margin-left: 15px; line-height: 40px; font-size: 14px; border-bottom: 1px dotted #c7c7c7; cursor: pointer; } .menu_head2 { position: relative; display: block; height: 46px; text-indent: 38px; line-height: 46px; cursor: pointer; font-size: 14px; background: url(../images/menu2_1.jpg) 150px 15px no-repeat; color: #8a6356; border-top: 1px solid #e7e4e2; } .menu_body a { display: block; height: 36px; font-size: 14px; color: #8a6356; } .menu_body a:hover, .menu_body1 a.on { color: #a22c02; } .menu_body1 { display: none; } .menu_body1 a { display: block; height: 36px; line-height: 36px; font-size: 12px; color: #8a6356; text-indent: 60px; } /*-----2017/04/14 新增----------------*/ /*imgList2*/ .readList { width: 100%; overflow: hidden; padding: 30px 10px 0; } .readList ul { overflow: hidden; width: 110%; } .readList ul li { float: left; padding: 0 40px 50px 5px; } .readList ul li a { display: block; cursor: pointer; width: 330px; background: #fff; color: #555; padding: 10px 0 5px; position: relative; overflow: hidden; box-shadow: -1px 4px 5px #dad3cf; border: 1px solid #ded2cc; } .readList ul li a p { display: block; width: 310px; height: 120px; margin: 0 auto; position: relative; } .readList ul li a p b { display: none; width: 50px; height: 50px; position: absolute; z-index: 2; left: 50%; top: 50%; margin: -25px 0 0 -25px; } .readList ul li a p i { display: none; width: 100%; height: 100%; position: absolute; background: #962902; filter: alpha(opacity=50); opacity: 0.5; } .readList ul li a img { display: block; width: 100%; height: 100%; } .readList ul li a span { display: block; text-align: center; line-height: 30px; font-size: 14px; } .readList ul li a:hover { color: #962902; } .readList ul li a:hover b, .imgList2 ul li a:hover i { display: block; } .readshow { overflow: hidden; clear: both; width: 100%; } .readshow .re_top { background: #962902; overflow: hidden; padding: 10px; } .readshow .re_top .re_topimg { float: left; } .readshow .re_top .re_topimg img { display: block; height: 110px; margin: 0; } .readshow .re_top .re_topright { float: right; width: 45%; padding: 0px 10px 0 40px; border-left: 1px dashed #ac5232; height: 110px; } .readshow .re_top .re_topright h2 { font-size: 18px; color: #fff; line-height: 45px; padding-bottom: 5px; } .readshow .re_top .re_topright span { font-size: 12px; color: #c9a89d; display: block; line-height: 20px; } .readshow .re_top .re_topright span b { font-weight: normal; color: #e5cab6; } .readshow .readcont { clear: both; padding: 20px 0 20px; overflow: hidden; margin-top: 20px; border-top: 1px solid #962902; background: #e6e6e6; } .readshow .readcont h3 { font-size: 15px; color: #962902; padding: 0 0 0 15px; border-left: 4px solid #962902; line-height: 20px; } .readshow .readcont p { padding: 20px 30px; border-bottom: 1px dotted #d6cece; margin-bottom: 20px; }