.level1{ padding: 0; } .level1 li{ background: #f1f1f1; margin:2.5px 0; } .index_tab_active1{ border-radius:4px ; background: #186abc; } .index_tab_active1 a{ color: white; } .level1 li:hover{ background: url(../images/to.png) 95% center no-repeat rgb(216, 38, 44); } .level1 li:hover a{ color: white; } .main .index_left .level1 li{ background: #f1f1f1; } .main .index_left .level1 li:hover{ background: url(../images/to.png) 95% center no-repeat #0079c8 ; } .main .index_left .level1 li a{ color:#555; } .main .index_left .level1 li a:hover{ color:#fff; } .right .list ul{ } .right .list ul li{ } .right .list ul li { border-bottom: 1px solid #edebec; margin-bottom: 30px; } .right .list ul li .news_right{ padding-top:0; padding-bottom:10; width:100%; background: none; } .right .list ul li .news_right a{ float:left; width:100%; } .right .list ul li .news_right>a{ width:20%; float: right; overflow: hidden; } .right .list ul li .news_right>a.acon { margin-top: 10px; margin-bottom: 10px; } .right .page .list-case ul li .news_right a.title{ margin-top:7px; } .right .list ul li .news_right a img{ display:inline-block; max-width:100%; } .right .list ul li .news_right .news_info{ width:53%; float: right; display:inline-block; padding:10px 0; padding-bottom:0; margin-right:7%; } .right .list ul li .news_right .news_info h2{ font-size:17px; margin-top:5px; transition: 0.6s; } .right .list ul li .news_right .news_info h2:hover{ margin-left: 5px; font-weight: bold; } .right .list ul li .news_right .news_info a:first-child{ display: block; width:100%; } .right .list ul li .news_right .news_info h5{ float: left; color:#969696; font-size: 13px; } .right .list ul li .news_right .news_info p{ color:#676767; margin:10px 0; transition: 0.6s; } .right .list ul li .news_right .news_info p.qow{ width:100%; height:64px; overflow: hidden; color:#949494; font-size: 14px; } .right .list ul li .news_right .news_info p:hover{ margin-left: 6px; } .right .list ul li:hover .news_right .news_info a.more{ color: #fff; background: #d8262c; } .right .list ul li .news_right>a img{ transition: 0.8s; } .right .list ul li:hover .news_right>a img{ transform: scale(1.1); } .right .list ul li .news_right .news_info a.more{ display:inline-block; color:#d8262c; width:90px; height:30px; line-height:30px; text-align:center; border:1px solid #d8262c; margin-top:7px; transition: 1.2s; } @media only screen and (max-width: 375px) and (min-width: 320px){ .right .list ul li .news_right > a{ margin-top: 5px!important; } } @media only screen and (max-width: 650px) and (min-width: 320px) { .right .list ul li .news_right .news_info a.more { display: none; } .right .list ul li .news_right > a{ margin-top: 0; } .right .list ul li .news_right { padding-right:0; padding-left:5px; } .right .list ul li .news_right .news_info h5{ margin-top: -3px; } .right .list ul li .news_right .news_info h4{ margin:0; margin-top:3px; } .right .list ul li .news_right .news_info p{ height:36px; margin: 0; font-size: 12px; } .right .list ul li .news_right .news_info{ padding:0; padding-left:10px; } } .main .newscontent{ width:77%; margin-left:2%; } .right .list ul li{ padding-left:0; } .right .list ul li .news_right .date{ display: inline-block; width:16%; float: left; height:120px; border-right:3px solid #e3e1e2; margin-top:20px; } .right .list ul li .news_right .date p{ font-size: 45px; color:#949494; text-align: center; } .right .list ul li .news_right .date span{ display: block; width:100%; text-align: center; font-size: 12px; color:#949494; }