/*news*/ .newslist{background-color: #fff;padding:30px;margin-bottom: 30px; -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 254, 0.06); box-shadow: 0 0 10px 2px rgba(79, 172, 254, 0.06); border-radius: 12px; } .newslist li{border-bottom: 1px solid #eee;margin-bottom: 20px;padding-bottom: 20px;} .newslist li:last-child{border-bottom: none;margin-bottom: 0} .newslist li a{ display: block; position:relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between;} .newslist li a .info{padding: 0 0 20px 25px;width:calc(100% - 220px)} .newslist li a .info h6{font-size:18px;color:#495057;margin-bottom: 10px;font-weight:500;} .newslist li a .info p{font-size: 14px;color:#868e96;line-height: 22px;margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; } .newslist li a .img{width:220px;height:94px;background-size: cover; overflow: hidden;background-color: #f8f8f8;text-align: center;line-height:94px;border-radius: 8px;} .newslist li a .img img{width:30%;display: inline-block;vertical-align: middle;opacity: 0.5;filter:Alpha(opacity=50);} .newslist li a .time{font-size:14px;color:#adb5bd;} .newslist li a .time i{font-size: 1.8rem;position: relative;top:2px; } .newslist li a span{display: inline-block;position: absolute;right: 0;bottom: 0;width: 110px;line-height: 32px;border-radius: 30px;border: 1px solid #eee;text-align: center;font-size: 13px;color:#868e96;font-weight: 400} .newslist li a span i{font-size:0.88rem;position: relative;top:-1px;} .newslist li a:hover span{ background-image:-webkit-linear-gradient(45deg, var(--color-2),var(--color-5)); background-image:-o-linear-gradient(45deg, var(--color-2),var(--color-5)); background-image:linear-gradient(45deg, var(--color-2),var(--color-5)); box-shadow:0 15px 20px rgba(3,110,184,0.3); -webkit-box-shadow:0 15px 20px rgba(3,110,184,0.3); -moz-box-shadow:0 15px 20px rgba(3,110,184,0.3); color: #fff;border: none; } .newslist li a:hover{text-decoration : none } .newslist li a:hover .info h6{color:var(--color-2);} .newslist li:hover{} @media screen and (max-width: 992px){ .container.flex-sb{flex-wrap: wrap;padding: 0;} .newslist{margin-bottom:0;background-color:transparent;padding:0;-webkit-box-shadow:none;box-shadow:none;border-radius:0;display: flex;flex-wrap: wrap;-webkit-justify-content:space-between;justify-content: space-between;} .newslist li{border: none;width: 48.5%;margin-bottom:10px;padding-bottom: 0;border-bottom: none;} .newslist li a{padding:10px;background-color: #fff;flex-wrap: wrap;-webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 254, 0.06);box-shadow: 0 0 10px 2px rgba(79, 172, 254, 0.06);border-radius: 5px;} .newslist li a .info{padding:0;width:100%;} .newslist li a .info h6{font-size: 1.4rem;color:#666;font-weight:450;margin-bottom:5px;line-height:2rem;min-height: 60px;} .newslist li a .info p{font-size: 1.3rem;line-height:1.8rem;margin-bottom: 0;display: none} .newslist li a .img{width:100%;height:60px;margin-bottom: 5px;border-radius: 4px;} .newslist li a .time{font-size: 1.2rem;color: #666} .newslist li a .time i{font-size: 1.6rem;} .newslist li a span{display: none;} .newslist li:hover{transform:translateY(0);-webkit-transform:translateY(0);} } .news-ul{flex-wrap: wrap;margin:50px 0 30px 0;} .news-ul li{width: 49%;margin-right: 2%;margin-bottom: 2%;background-color: #fff; border: 1px solid #e9ecef; box-shadow: 6px 8px 1px rgba(0,0,0,0.03); -webkit-box-shadow:6px 8px 1px rgba(0,0,0,0.03); -moz-box-shadow:6px 8px 1px rgba(0,0,0,0.03); transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; border-radius: 8px; } .news-ul li:nth-child(2n){margin-right: 0;} .news-ul li a{padding:40px;} .news-ul li .time{width: 25%;position: relative;} .news-ul li .time:after{content: '';height: 30%;width: 1px;background-color:#dee2e6;position: absolute;left:30px;bottom: 0;} .news-ul li .time span{display: block;font-size:60px;color:var(--color-2);line-height:40px;margin-bottom: 15px;font-weight: 500; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } .news-ul li .time p{font-size: 18px;color:#868e96;font-weight: 400} .news-ul li .info{width:75%;} .news-ul li .info h4{font-size: 18px;color: #495057;position: relative;margin-bottom:15px;font-weight: 500;line-height: 25px;} .news-ul li .info h4:after{content: '';width: 30px;height: 2px;background-color:var(--color-2);position: absolute;left: 0;bottom: -15px;} .news-ul li .info p{color:#868e96;font-size: 14px;line-height: 22px;margin-bottom: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .news-ul li .info span{ display: block;width: 120px;line-height: 35px;border-radius: 20px;text-align: center; font-size: 14px;color:#495057;border: 1px solid #ddd; text-transform: uppercase;} .news-ul li .info span i{font-size:1.2rem;margin-left: 5px;position: relative;top:-1px;} .news-ul li:hover{ border: 1px solid var(--color-2);} .news-ul li a:hover .info h4{color:var(--color-2);} .news-ul li a:hover .info span{ border: none; background-image:-webkit-linear-gradient(45deg, var(--color-2),var(--color-5)); background-image:-o-linear-gradient(45deg, var(--color-2),var(--color-5)); background-image:linear-gradient(45deg, var(--color-2),var(--color-5)); box-shadow:0 15px 20px rgba(3,110,184,0.3); -webkit-box-shadow:0 15px 20px rgba(3,110,184,0.3); -moz-box-shadow:0 15px 20px rgba(3,110,184,0.3); color: #fff; } @media (max-width: 1440px) { .news-ul li{box-shadow: 5px 6px 1px rgba(0,0,0,0.03);-webkit-box-shadow: 5px 6px 1px rgba(0,0,0,0.03);-moz-box-shadow: 5px 6px 1px rgba(0,0,0,0.03);} .news-ul li a{padding:30px;} .news-ul li .time span{font-size:45px;line-height:40px;margin-bottom: 5px;} .news-ul li .time p{font-size: 14px;} .news-ul li .info h4{font-size: 16px;margin-bottom:10px;line-height: 20px} .news-ul li .info h4:after{bottom: -15px;} .news-ul li .info p{margin-bottom: 20px;} .news-ul li .info span{width: 100px;line-height: 30px;} } @media (max-width: 991px) { .news-ul{margin:30px 0;padding: 0;} .news-ul li{width: 100%;margin-right: 0;margin-bottom:15px;border:none;border-bottom: none;background-color: #fff;} .news-ul li:last-child{margin-bottom: 0;} .news-ul li a{padding:20px;} .news-ul li .time{width: 80px;} .news-ul li .time:after{left:20px;} .news-ul li .time span{font-size:4rem;line-height:4rem;margin-bottom:5px;font-weight: 600;letter-spacing: 2px;} .news-ul li .time p{font-size: 1.2rem;font-weight: 600;} .news-ul li .info{width:calc(100% - 80px);} .news-ul li .info h4{font-size: 1.5rem;margin-bottom:5px;line-height: 2rem;font-weight: 500;} .news-ul li .info h4:after{display: none} .news-ul li .info p{font-size:1.4rem;line-height:2rem;margin-bottom:15px;} .news-ul li .info span{width:100px;line-height:32px;font-size:1.3rem;} .news-ul li .info span i{font-size:1.3rem;margin-left:5px;} } .new_left{width:calc(97% - 300px);margin-right:3%;margin-top: 50px;margin-bottom:50px;} .new_right{width:300px;margin-top: 50px;} .news-title{margin-bottom:15px;} .news-title h4{font-size:25px;color:#495057;font-weight: 550;} .news-title h4 i{font-size: 3rem;color:var(--color-2);line-height: 2.5rem;} @media screen and (max-width: 992px) { .new_left {width: 100%;margin-right: 0;margin-top:30px;margin-bottom:0} .new_right {width: 100%;margin-top: 20px} .news-title h4{font-size:2rem;} .news-title h4 i{font-size:2rem;} } /*shownews*/ .shownews{padding:80px 0 50px 0;background-color: #f6f7fa} .shownews .loc{margin: 0 auto 15px auto;padding: 0;width: 100%;font-size: 16px;line-height: 30px;color: #868e96;position: relative;text-align: left} .shownews .loc a{color: #868e96;} .shownews .loc i{font-size: 1.8rem;margin-right: 2px;} .shownews .loc .icon-jiating-{font-size: 2rem;} .shownews .loc .icon-reply{font-size:2.5rem;margin-left: 5px;position: relative;top:3px;} .shownews .loc .back{position: absolute;right: 0;} .shownews .new_right{margin-top:25px} .shownews .new_right{padding:30px 0 0 0;} .shownews .new_right .title{margin-bottom:5px;padding-top:10px;} .shownews .new_right .news-title h4 i{color: var(--color-3)} .shownews .info{ background-color: #fff;padding:30px; -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 254, 0.06); box-shadow: 0 0 10px 2px rgba(79, 172, 254, 0.06);border-radius: 8px; } .shownews .shownews-title{font-size: 30px;color:#495057;font-weight: 600;margin-bottom: 10px;} .shownews .shownews-info{font-size: 15px;color: #868e96;border-bottom: 1px dashed #ddd;margin: 0 0 10px 0;padding: 10px 0 20px 0;} .shownews .shownews-info span{margin: 0 10px 0 0;} .shownews .shownews-cont{padding: 30px 0;font-size:15px;line-height: 25px;color:#495057;text-align: justify;text-justify:inter-ideograph;} .shownews .shownews-cont p{margin: 10px 0;font-size:15px;line-height: 25px;color:#495057;text-align: justify;text-justify:inter-ideograph;} .shownews .shownews-cont img{max-width: 80%;width: auto;height: auto;margin: 20px auto;display: block;} .shownews .shownews-cont li, .shownews .shownews-cont ol,.shownews .shownews-cont ul{list-style:revert;padding: revert;margin: revert;} @media screen and (max-width: 1440px) { .shownews .shownews-title{font-size: 25px;} .shownews .shownews-info{font-size: 14px;padding: 10px 0;} .shownews .shownews-cont{padding: 20px 0;font-size:14px;line-height: 22px;} .shownews .shownews-cont p{font-size:14px;line-height: 23px;} } @media screen and (max-width: 992px) { .shownews{padding:10px 0 0 0;} .shownews .container{padding:0!important;width: 100%;} .shownews .new_right{padding: 0 20px;margin-top: 0} .shownews .new_left{padding:20px 0;margin-bottom:0;} .shownews .loc{width: 100%;margin:10px auto;padding: 0 20px;font-size: 1.3rem;line-height: 2.2rem;display: block} .shownews .loc a{margin-left:0;font-size: 1.3rem;} .shownews .loc i{font-size: 1.3rem;margin-right: 1px;} .shownews .loc .back{position: absolute;right: 20px;font-size: 1.3rem;} .shownews .info{width: 100%;padding:20px 30px;} .shownews .shownews-title{font-size:1.8rem;line-height:2.8rem;font-weight:500;padding-right: 0} .shownews .shownews-info{font-size: 1.3rem;} .shownews .shownews-cont{padding:0!important;width: 100%!important;font-size:1.5rem!important;line-height:2.2rem!important;color:#868e96!important;} .shownews .shownews-cont p{font-size:1.5rem!important;line-height:2.5rem!important;color:#868e96!important;display: block;width: 100%;} .shownews .shownews-cont img,.shownews .shownews-cont p span img{max-width:100% !important;width: 100% !important;margin: 0 auto;height: auto!important;} .shownews .shownews-cont p{font-size: 1.5rem!important;line-height:2.5rem!important;} .shownews .shownews-cont p span{font-size: 1.5rem!important;line-height:2.5rem!important;} .shownews .shownews-cont p img{width: 100%!important;} .shownews .shownews-cont p strong{font-size: 1.5rem!important;line-height:2.5rem!important;} .shownews .hot-ul{margin-bottom: 0} } .bottom-btn{padding:20px 0;border-top: 1px dashed #ddd;} .bottom-btn a{width: 50%;display: block;text-align: left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 15px;line-height:25px;color:#495057;font-weight: 500;} .bottom-btn a:hover{color:#495057;} .bottom-btn a i{font-size: 2.5rem;color: #999;margin-right:10px;display: inline-block;vertical-align:middle;} .bottom-btn a:last-child i{margin-right: 0;margin-left: 10px;} .share-div{margin: 30px auto;text-align: left;padding: 0;} .share-2{padding: 0;} @media screen and (max-width: 992px) { .bottom-btn{padding:0;height: auto;line-height:2rem;border-top:none;} .bottom-btn a{width: 100%;font-size:1.4rem;line-height:2.2rem;margin-bottom: 10px;} .bottom-btn a:hover{} .bottom-btn a:nth-child(2n){text-align: left;} .bottom-btn a i{display: none;} .share-div{margin: 20px auto;width: 100%;} } .hot-ul{width: 100%} .hot-ul li{margin-bottom:20px} .hot-ul li:last-child{border-bottom: none;margin-bottom: 0;} .hot-ul li a{display: block;position:relative; background-color: #fff; padding:15px; -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 254, 0.06); box-shadow: 0 0 10px 2px rgba(79, 172, 254, 0.06); border-radius: 8px; } .hot-ul li a .info{padding:0;width:100%;-webkit-box-shadow: none!important;box-shadow: none!important;} .hot-ul li a .info h6{font-size:14px;line-height: 20px;color:#495057;font-weight: 400;margin-bottom: 5px} .hot-ul li a .info p{font-size: 12px;color: #868e96;} .hot-ul li a .img{width:100%;height:115px;border-radius:6px;margin-bottom: 10px;background-size:cover;overflow: hidden;background-color: #f8f8f8;text-align: center;background-repeat: no-repeat} .hot-ul li a .img img{width: 40%;margin-top:5px} .hot-ul li a:hover .info h6{color:var(--color-2);} @media screen and (max-width: 992px){ .hot-ul{width: 100%;display: flex;flex-wrap: wrap;-webkit-justify-content:space-between;justify-content: space-between;align-items: center} .hot-ul li{margin-bottom:10px;width: 48.5%;margin-right:3%} .hot-ul li:nth-child(2n){margin-right: 0} .hot-ul li a{border-radius: 5px;padding: 10px} .hot-ul li a .info h6{font-size:1.4rem;line-height: 2rem;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;min-height: 60px;} .hot-ul li a .info p{font-size: 1.2rem;color: #868e96;} .hot-ul li a .img{height:60px;border-radius:5px;} } .news-list-ul{ background-color: #fff;padding:20px;margin-bottom: 30px; -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 254, 0.06); box-shadow: 0 0 10px 2px rgba(79, 172, 254, 0.06); border-radius: 12px; } .news-list-ul li{padding:10px 10px 10px 15px;border-bottom: 1px dashed #ddd;position: relative;} .news-list-ul li:after{content: '';width: 6px;height: 6px;border-radius: 50%;background-color: #dee2e6;position: absolute;left: 0;top:50%;margin-top: -3px;} .news-list-ul li:last-child{border-bottom: none;} .news-list-ul li a{font-size: 15px;color:#495057;line-height: 25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;} .news-list-ul li a:hover{color:var(--color-2)} .news-list-ul li a i{width: 30px;display: inline-block} @media screen and (max-width: 992px){ .news-list-ul{;margin-bottom: 10px;} }