.NewsList_g1{ width:100%; float:left;border-left:1px solid #5c5758; padding-bottom:5px; padding-top:30px; position:relative;} .NewsList_g1:before, .NewsList_g1:after{ content:''; display:block; position:absolute; width:18px; height:18px; border:0.5px solid #5C5758; border-radius:100%; left:-11px;} .NewsList_g1:before{top:-19px; } .NewsList_g1:after{ bottom:-19px;} .NewsList_g1 ul{ float:left; padding:0 0 35px 0; } .NewsList_g1 ul li{ width:calc(100% - 35px); float:left; padding:32px 0 32px 35px; border-bottom:0.5px solid #5c5758; background: rgba(0,0,0,0.00); position:relative;} .NewsList_g1 ul li:after{ content: ''; display:block ; height:7px; width:0; background: url(../images/across.png) no-repeat right center; position:absolute; left:80%; top:50%; margin-top:-3.5px; transition:all 0.5s ease 0s; background-size:100%;} .NewsList_g1 ul li h3{ display:block; float:left; margin:0 0 3px 0; transition:all 1s ease 0s;} .NewsList_g1 ul li h3 a{ display:block; float:left; width:562px;color:#fff; font-size:18px; line-height:1; padding:16px 0 16px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; white-space:nowrap;} .NewsList_g1 ul li p{ display:block; width:562px; float:left; font-size:14px; color:#cfcecd; line-height:1; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; white-space:nowrap;} .NewsList_g1 ul li p.shijian{ color:#fff; font-size:18px; line-height:1; text-align:left;} .nwimg{ display:block; float:right; margin:5px 20px 0 0;} .nwimg img{ display:block; width:120px; height:80px; padding:2px; border:1px solid #dadada;} /*分页*/ #page { padding:0; text-align: center; line-height: 20px; margin:0;} #pageC2 {font-size: 14px;line-height: 21px;} #page span { background: none repeat scroll 0 0 #fff; border: 1px solid #b2b2b2; color: #666;cursor: default; display: inline; font-family: Verdana; font-size: 12px;padding: 5px 10px;} #page a { background: none repeat scroll 0 0 #fff; border: 1px solid #b2b2b2; color: #666; display: inline; font-family: Verdana; font-size: 12px; padding: 5px 10px; text-decoration: none;} #page a:hover{ background: none repeat scroll 0 0 #cd945a; border: 1px solid #cd945a; color: #fff;} #page div { color: #666; margin-top: 15px; padding: 5px; } #page span.on{background: none repeat scroll 0 0 #cd945a; border: 1px solid #cd945a; color: #fff; padding:5px 10px;} #page a.on{background: none repeat scroll 0 0 #cd9445a; border: 1px solid #cd945a; color: #fff; } .wmore{ display:block; width:80px; height:22px; float:left; margin:5px 0 0 0; background:#ececec; border-radius:3px; font-size:12px; text-align:center; color:#4d4d4d;} a.wmore:hover{ color:#FFF; background:#cd945a;} .content{ width:1000px; height:520px; min-height:520px; height:auto !important; margin:0 auto;} @media only screen and (min-width:721px){ .NewsList_g1 ul li:hover{ background:#CD945A;} .NewsList_g1 ul li:hover:after{ width:10.4%;} .NewsList_g1 ul li:hover p{ color:#FFFFFF;} } @media only screen and (max-width:1200px){ .NewsList_g1 ul{ width:100%; } .NewsList_g1 ul li h3 a{ width:61%;} .NewsList_g1 ul li p{ width:61%;} } @media only screen and (max-width:720px){ .NewsList_g1{border: none; padding:0;} .NewsList_g1:before, .NewsList_g1:after{ display:none;} .NewsList_g1 ul li h3{ float:none; margin:0;} .NewsList_g1 ul li h3 a{ text-indent:0; text-align:left; width:100% ; font-size:16px;} .NewsList_g1 ul li{ width:calc(94.8% - 30px); margin:0 2.6%; padding:25px 15px;} .NewsList_g1 ul li p{ width:100%; text-align:left;} .NewsList_g1 ul li p.shijian{ font-size:16px; } }