* { margin:0; padding:0; } li { list-style:none; } a,img { text-decoration:none; border:0; } table { border-collapse:collapse; } input { outline:none; font-family:"Microsoft Yahei","微软雅黑"; } body { font-family:"Microsoft Yahei","微软雅黑"; font-size:16px; color:#333; } /* ---------- start 图片列表页 ----------*/ /* 左*/ .newsList .m-left { width:700px; float:left; position:relative; } .newsList .m-left .m-header { width:100%; height:55px; border-bottom:solid 1px #e2e2e2; margin:10px 0 0; } .newsList .m-left .m-header:after { content:""; display:block; clear:both; height:0; visibility:hidden; } .newsList .m-left .m-header dl { } .newsList .m-left .m-header dl dt { float:left; line-height:56px; overflow:hidden; } .newsList .m-left .m-header dl dt .icon-dt { display: block; float: left; width: 36px; height: 36px; margin:9px 12px 0 0; background: url("/images/images/icon-listdt.png") no-repeat 0px 0px; } .newsList .m-left .m-header dl dd { float:left; margin-left:10px; } .newsList .m-left .m-header dl dd .menu li { float:left; width:103px; height:56px; line-height:56px; text-align:center; cursor:pointer; position:relative; } .newsList .m-left .m-header dl dd .menu li.active { border-bottom:solid 2px #2089cd; margin-top:-2px; color:#2089cd; } .newsList .m-left .m-header dl dd .menu li a.active { color:#2089cd; } .newsList .m-left .m-header dl dd .menu li .fa { color:#e8f3fa; position:absolute; left:45px; bottom:-13px; font-size:30px; } .newsList .m-left .m-header dl dd .menu li:hover { border-bottom:solid 2px #2089cd; margin-top:-2px; color:#2089cd; } .newsList .m-left .m-header dl dd .menu li:hover .fa { display:block; } .newsList .m-left .m-header dl dd .menu li.zzjg .fa { color:#238ac4; right:-40px; bottom:21px; font-size:20px; } .newsList .m-left .m-header dl dd .menu li.zzjg:hover { background-color:#fff; color:#333; } .newsList .m-left .m-header dl dd .menu li .sub-menu { display:none; width:130px; border:solid 1px #b2b6b9; position:absolute; top:56px; left:-15px; background-color:#fff; } .newsList .m-left .m-header dl dd .menu li .sub-menu a { display:block; border-top:solid 1px #fff; border-bottom:solid 1px #fff; color:#333; } .newsList .m-left .m-header dl dd .menu li .sub-menu a:hover { border-top:solid 1px #dce1e5; border-bottom:solid 1px #dce1e5; color:#2089cd; } .newsList .m-left .m-header dl dd .menu li:hover .sub-menu { display:block; } .newsList .m-left .m-body { } .newsList .m-left .m-body .list li { border-bottom:dashed 1px #eee; } .newsList .m-left .m-body .list li a { display:block; padding:10px; } .newsList .m-left .m-body .list li dl { height:105px; } .newsList .m-left .m-body .list li dl .pic { float:left; width:145px; height:100%; overflow:hidden; position:relative; } .newsList .m-left .m-body .list li dl .pic .pic-shadow { display:none; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0.9; filter:alpha(opacity=90); background:#2089cd url("/images/images/icon-pic.png") no-repeat center; } .newsList .m-left .m-body .list li dl .text { float:left; width:525px; height:100%; margin:0 0 0 10px; } .newsList .m-left .m-body .list li dl .text h3 { width:100%; height:30px; font-size:20px; color:#333; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .newsList .m-left .m-body .list li dl .text p { height:40px; font-size:14px; color:#777; margin:12px 0 6px; overflow:hidden; } .newsList .m-left .m-body .list li dl .text span { display:block; float:right; font-size:14px; color:#777; } .newsList .m-left .m-body .list li a:hover { background-color:#f9f9f9; } .newsList .m-left .m-body .list li a:hover dl .text h3 { color:#2089cd; } .newsList .m-left .m-body .list li a:hover dl .pic .pic-shadow { display:block; } .newsList .m-header { width:100%; border-bottom:solid 2px #f2f2f2; margin:20px 0 0; color:#333; } .newsList .m-header:after { content:""; display:block; clear:both; height:0; visibility:hidden; } .newsList .m-header span { float:left; padding-bottom:8px; border-bottom:solid 2px #218ace; margin-bottom:-2px; color:#218ace; position:relative; font-size:20px; } .newsList .m-header span .fa { position:absolute; bottom:-8px; left:50%; width:14px; height:14px; font-size:14px; } .newsList .m-header .more { display:block; float:right; margin:8px 2px 0 0; font-size:18px; color:#f9f9f9; font-family:"\5b8b\4f53"; font-weight:bold; } .newsList .m-header .more:hover { text-decoration:underline; } .newsList .m-body .list { overflow:hidden; } .newsList .m-body .list li { float:left; width:20%; margin:20px 6px 10px 6px; } .newsList .m-body .list li span { display:block; } .newsList .m-body .list li .pic { width:100%; overflow:hidden; position:relative; } .newsList .m-body .list li .pic img { width:100%; } .newsList .m-body .list li .pic .play-shadow { display:none; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0.4; filter:alpha(opacity=90); } .newsList .m-body .list li:hover .pic .play-shadow { display:block; opacity:0.3; filter:alpha(opacity=90); background:#2089cd no-repeat center; } .newsList .m-body .list li .text { width:100%; margin-top:15px; line-height:28px; font-size:16px; color:#666; overflow:hidden; text-align: center; } .newsList .m-body .list li .text:hover { color:#2089cd; } /* end 图片列表页*/ /* start 分页*/ .newsList .m-left .fengye { overflow:hidden; text-align:center; font-size:0; padding-bottom:5px; margin:32px 0 15px; } .newsList .m-left .fengye li { display:inline-block; margin:0 4px 0 4px; } .newsList .m-left .fengye li a { display:block; width:30px; height:28px; line-height:28px; border:solid 1px #eee; color:#333; font-size:15px; overflow:hidden; } .newsList .m-left .fengye li a:hover { background-color:#2089cd; color:#fff; } .newsList .m-left .fengye li.active a { background-color:#2089cd; color:#fff; } .newsList .m-left .fengye li.prevP a,.videoListPage .main .fengye li.nextP a { font-family:"\5b8b\4f53"; font-size:24px; } /* end 分页*/ /* 右*/ .newsList .m-right { width:270px; float:left; margin:65px 0 0 30px; } .newsList .m-right .box1 { width:100%; } .newsList .m-right .box1 li { margin-bottom:10px; } .newsList .m-right .box1 li a { display:block; height:48px; line-height:48px; text-align:center; font-size:0; } .newsList .m-right .box1 li a .text { display:inline-block; font-size:18px; vertical-align:top; } .newsList .m-right .box1 li a .text:hover { display:inline-block; font-size:18px; vertical-align:top; color:#feb100; } .newsList .m-right .box1 li a .icon { display:inline-block; width:48px; height:48px; background-repeat:no-repeat; background-position:0px 10px; } .newsList .m-right .box1 li a .icon-xskjw { background-image:url("/images/images/icon-xskjw.png"); } .newsList .m-right .box1 li a .icon-xxxas { background-image:url("/images/images/icon-xxxas.png"); } .newsList .m-right .box1 li.s1 a { color:#1d7d96; border:solid 1px #b7e3ef; border-left:solid 4px #5296a8; } .newsList .m-right .box1 li.s2 a { color:#6d8cbc; border:solid 1px #6d8cbc; border-left:solid 4px #6d8cbc; } .newsList .m-right .box2 { margin-top:30px; } .newsList .m-right .box2 dt { border-top:solid 2px #2089cd; color:#2089cd; font-size:18px; padding:14px 0 14px 8px; } .newsList .m-right .box2 .commonLunBoPic { width:100%; height:190px; } .newsList .m-right .box2 .commonLunBoPic .pic { height:160px; } .newsList .m-right .box3 { margin-top:30px; border:solid 1px #d8d8d8; padding-bottom:10px; } .newsList .m-right .box3 dt { border-top:solid 2px #2089cd; color:#2089cd; font-size:18px; padding:14px 0 14px 8px; } .newsList .m-right .box3 dd { } .newsList .m-right .box3 dd a { display:block; margin-bottom:12px; overflow:hidden; } .newsList .m-right .box3 dd a span { display:block; float:left; } .newsList .m-right .box3 dd a .s1 { width:36px; color:#2089cd; text-align:center; } .newsList .m-right .box3 dd a .s2 { width:220px; color:#777; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .newsList .m-right .box4 { margin-top:30px; padding-bottom:10px; } .newsList .m-right .box4 dt { border-top:solid 2px #2089cd; color:#2089cd; font-size:18px; padding:14px 0 14px 8px; } .newsList .m-right .box4 dd { } .newsList .m-right .box4 dd .list .s1 { margin-left:-8px; overflow:hidden; } .newsList .m-right .box4 dd .list .s1 span { display:block; float:left; width:130px; height:100px; margin:0 0 0 8px; overflow:hidden; cursor:default; } .newsList .m-right .box4 dd .list .s2 { margin-top:15px; } .newsList .m-right .box4 dd .list .s2 span { display:none; padding:15px; border:solid 1px #d2d2d2; position:relative; } .newsList .m-right .box4 dd .list .s2 span .fa { color:#d2d2d2; height:12px; line-height:15px; font-size:24px; position:absolute; top:-12px; background-color:#fff; } .newsList .m-right .box4 dd .list .s2 span.p1 .fa { left:50px; } .newsList .m-right .box4 dd .list .s2 span.p2 .fa { right:50px; } .newsList .m-right .box4 dd .list .s2 span.active { display:block; } .newsList .m-right .box4 dd .list .s2 span h4 { height:25px; font-size:18px; color:#333; font-weight:normal; } .newsList .m-right .box4 dd .list .s2 span p { height:44px; line-height:22px; font-size:14px; color:#777; margin-top:2px; overflow:hidden; } .newsList .m-right .box4 dd a .s2 { width:220px; color:#777; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } /* ---------- end 新闻列表页 ----------*/ .yidongMenu { display:none; } .yidongMenupad { display:none; } .banner { display:none; } @media screen and (min-width:768px ) and (max-width:992px) { .banner { display:block; } .yidongMenupad { display:block; width:100%; height:60px; box-sizing:border-box; } .yidongMenupad dt { float:left; line-height:56px; overflow:hidden; } .yidongMenupad dt .icon-dt { display: block; float: left; width: 44px; height: 44px; margin:5px 18px 0 0; background: url("/images/images/icon-dt.png") no-repeat 0px 0px; } .yidongMenupad dd { float:left; position:relative; } .yidongMenupad .menu1 li { color:#CCC; font-size:16px; position:absolute; float:left; line-height:56px; text-align:center; cursor:pointer; position:relative; } .yidongMenupad .menu1 li a { display:block; padding:0 20px 0 20px; float:left; line-height:55px; color:#333; z-index:9; } .yidongMenupad .menu1 li a:hover { color:#2089cd; } .yidongMenupad .menu1.open .down-menu { display:block; } .yidongMenupad .menu1 .fa { position:absolute; top:16px; right:6px; font-size:15px; } .yidongMenupad .menu1 .down-menu { display:none; width:100px; position:absolute; top:45px; background-color:#fff; color:#ccc; border:solid 1px #ddd; } .yidongMenupad .menu1 .down-menu li a { display:block; height:40px; line-height:40px; text-indent:10px; color:#333; } .yidongMenupad .menu1 li a.active { color:#2089cd; } .yidongMenupad .menu1 .down-menu li a:hover { background-color:#eee; } .yidongMenupad .menu2 { width:100%; position:absolute; top:12px; right:0; } .yidongMenupad .menu2.open .down-menu { display:block; background-color:#FFF; z-index:9; } .yidongMenupad .menu2 .down-menu { display:none; margin-top:10px; width:100%; position:absolute; top:35px; background-color:#fff; color:#ccc; box-shadow:3px 3px 3px rgba(100,100,100,.5); -moz-box-shadow:3px 3px 3px rgba(100,100,100,.5); -webkit-box-shadow:3px 3px 3px rgba(100,100,100,.5); } .yidongMenupad .menu2 .fa { position:absolute; top:0; right:10px; font-size:24px; } .yidongMenupad .menu2 .down-menu { display:none; margin-top:10px; width:100%; position:absolute; top:35px; background-color:#fff; color:#ccc; } .yidongMenupad .menu2 .down-menu li { font-size:16px; position:absolute; float:left; line-height:55px; text-align:center; cursor:pointer; position:relative; } .yidongMenupad .menu2 .down-menu li a { display:block; float:left; padding:0 20px 0 20px; line-height:50px; color:#333; z-index:9; } .yidongMenupad .menu2 .down-menu li a:hover { color:#2089cd } /* ---------- start 图片列表页 ----------*/ .newsList { width:100%; } .newsList .m-left { width:100%; } .newsList .m-left .m-header { display:none; } .newsList .m-left .m-body { width:100%; box-sizing:border-box; } .newsList .m-left .m-body .list li dl { height:auto; overflow:hidden; } .newsList .m-left .m-body .list li dl .pic { width:30%; height:auto; } .newsList .m-left .m-body .list li dl .pic img { width:100%; } .newsList .m-left .m-body .list li dl .text { width:70%; height:auto; margin:0; padding-left:10px; box-sizing:border-box; } .newsList .m-left .m-body .list li dl .text p { height:auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .newsList .m-left .m-body .list li dl .text span { display:none; } /* 右*/ .newsList .m-right { width:100%; padding:0 10px; box-sizing:border-box; margin:0; } .newsList .m-right .box2 .commonLunBoPic { display:none; } .newsList .m-right .box3 { display:none; } .newsList .m-right .box4 dd .list .s1 { margin:0; } .newsList .m-right .box4 dd .list .s1 span { width:48%; height:auto; margin:0 1%; } .newsList .m-right .box4 dd .list .s1 span img { width:100%; } .newsList .m-right .box4 dd .list .s2 span p { height:auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .newsList .m-left .m-body { padding:0 10px; box-sizing:border-box; } .newsList .m-left .body-article p.img { width:100%; box-sizing:border-box; } .newsList .m-left .body-article p.img img { width:100%; max-width: none; } .newsList .m-left .body-article .down-file { display:none; } .newsList .m-right { display:none; } .yidongMenu { display:none; } .banner { display:none; } } @media screen and (max-width:767px) { .banner { display:block; } .yidongMenupad { display:block; width:100%; height:60px; box-sizing:border-box; } .yidongMenupad dt { float:left; line-height:56px; overflow:hidden; } .yidongMenupad dt .icon-dt { display: block; float: left; width: 44px; height: 44px; margin:5px 18px 0 0; background: url("/images/images/icon-dt.png") no-repeat 0px 0px; } .yidongMenupad dd { float:left; position:relative; } .yidongMenupad .menu1 li { color:#CCC; font-size:16px; position:absolute; float:left; line-height:56px; text-align:center; cursor:pointer; position:relative; } .yidongMenupad .menu1 li a { display:block; padding:0 20px 0 20px; float:left; line-height:55px; color:#333; z-index:9; } .yidongMenupad .menu1 li a:hover { color:#2089cd; } .yidongMenupad .menu1.open .down-menu { display:block; } .yidongMenupad .menu1 .fa { position:absolute; top:16px; right:6px; font-size:15px; } .yidongMenupad .menu1 .down-menu { display:none; width:100px; position:absolute; top:45px; background-color:#fff; color:#ccc; border:solid 1px #ddd; } .yidongMenupad .menu1 .down-menu li a { display:block; height:40px; line-height:40px; text-indent:10px; color:#333; } .yidongMenupad .menu1 li a.active { color:#2089cd; } .yidongMenupad .menu1 .down-menu li a:hover { background-color:#eee; } .yidongMenupad .menu2 { width:100%; position:absolute; top:12px; right:0; } .yidongMenupad .menu2.open .down-menu { display:block; background-color:#FFF; z-index:9; } .yidongMenupad .menu2 .down-menu { display:none; margin-top:10px; width:100%; position:absolute; top:35px; background-color:#fff; color:#ccc; box-shadow:3px 3px 3px rgba(100,100,100,.5); -moz-box-shadow:3px 3px 3px rgba(100,100,100,.5); -webkit-box-shadow:3px 3px 3px rgba(100,100,100,.5); } .yidongMenupad .menu2 .fa { position:absolute; top:0; right:10px; font-size:24px; } .yidongMenupad .menu2 .down-menu { display:none; margin-top:10px; width:100%; position:absolute; top:35px; background-color:#fff; color:#ccc; } .yidongMenupad .menu2 .down-menu li { font-size:16px; position:absolute; float:left; line-height:55px; text-align:center; cursor:pointer; position:relative; } .yidongMenupad .menu2 .down-menu li a { display:block; float:left; padding:0 20px 0 20px; line-height:50px; color:#333; z-index:9; } .yidongMenupad .menu2 .down-menu li a:hover { color:#2089cd } /* ---------- start 图片列表页 ----------*/ .newsList { width:100%; } .newsList .m-body .list li{ width:50%} .newsList .m-left { width:100%; } .newsList .m-left .m-header { display:none; } .newsList .m-left .m-body { width:100%; box-sizing:border-box; } .newsList .m-left .m-body .list li dl { height:auto; overflow:hidden; } .newsList .m-left .m-body .list li dl .pic { width:30%; height:auto; } .newsList .m-left .m-body .list li dl .pic img { width:100%; } .newsList .m-left .m-body .list li dl .text { width:70%; height:auto; margin:0; padding-left:10px; box-sizing:border-box; } .newsList .m-left .m-body .list li dl .text p { height:auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .newsList .m-left .m-body .list li dl .text span { display:none; } /* 右*/ .newsList .m-right { width:100%; padding:0 10px; box-sizing:border-box; margin:0; } .newsList .m-right .box2 .commonLunBoPic { display:none; } .newsList .m-right .box3 { display:none; } .newsList .m-right .box4 dd .list .s1 { margin:0; } .newsList .m-right .box4 dd .list .s1 span { width:48%; height:auto; margin:0 1%; } .newsList .m-right .box4 dd .list .s1 span img { width:100%; } .newsList .m-right .box4 dd .list .s2 span p { height:auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .newsList .m-left .m-body { padding:0 10px; box-sizing:border-box; } .newsList .m-left .body-article p.img { width:100%; box-sizing:border-box; } .newsList .m-left .body-article p.img img { width:100%; max-width: none; } .newsList .m-left .body-article .down-file { display:none; } .newsList .m-right { display:none; } .banner { display:none; } }