html,
body {
font-size: 18px;
overflow-x: clip;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
margin: 0;
padding: 0;
}
a {
color: #2d2e2f;
outline: none;
text-decoration: none;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
a:focus {
text-decoration: none;
}
.nav_item .nav_con {
top: 70px !important;
}
/* =================================================== */
.wrapper {
background-image: url(../img/public-bg.png);
background-color: #edf5ff;
background-position: center;
background-size: cover;
}
.news-con{
width: 100%;
max-width: 1280px;
min-width: 1200px;
margin: 0 auto 65px auto;
position: relative;
}
.news-title h3{
color: #1056b5;
max-width: 200px;
position: absolute;
}
.news-title h3::before{
content: '';
display: inline-block;
height: 17px;
width: 4px;
background: #376ACA;
margin-right: 12px;
}
.news-title .more{
color: #376ACA;
position: absolute;
right: 0;
top:10px;
font-size: 16px;
font-weight: bold;
}
.news-column{
max-width: 1280px;
width: 100%;
height: 100%;
position: relative;
top: 40px;
}
/*荣昌动态*/
.information {
max-width: unset;
min-width: 610px;
margin: 0 auto;
background-color: #fff;
box-sizing: border-box;
padding: 20px 20px;
display: flex;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
}
.information-left{
display: flex;
flex: 1;
}
.information-left .swiper-slide a{
position: relative;
height: 100%;
width: 100%;
}
.information-left .swiper-slide p{
display: block;
width: 100%;
height: 60px;
text-align:center;
background-color: rgba(0,0,0,.5);
position: absolute;
z-index: 99;
bottom: 0;
color:#fff;
line-height: 46px;
font-size: 16px;
padding: 0 10px;
box-sizing: border-box;
overflow: hidden;
-webkit-line-clamp: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.information-left img {
height: 370px;
}
.swiper-pagination{
bottom:5px!important;
}
.swiper-pagination-bullet,.swiper-pagination-bullet-active{
background-color: #fff!important;
}
.information-right{
padding-left: 20px;
flex: 1;
}
.information-right .li_top{
border-bottom: #f1f1f1 solid 1px;
margin: 10px 0;
}
.information-right .li_top a h3{
color: #08489f;
font-size: 20px;
font-weight: 600;
max-width: 600px;
overflow: hidden;
margin: 10px 0;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.information-right .li_top p{
color:#999;
font-size: 14px;
margin: 10px 0;
overflow: hidden;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.information-right .li_mormal{
font-size: 16px;
color: #333333;
margin: 20px 0;
position: relative;
display: flex;
align-items: center;
}
.information-right .li_mormal a {
position: relative;
width: 86%;
overflow: hidden;
-webkit-line-clamp: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.information-right .li_mormal a:hover {
color: #376ACA;
}
.information-right .li_mormal span{
color: #999;
font-size: 14px;
position: absolute;
right: 0;
}
/*媒体报道*/
.report {
background-color: #fff;
display: block;
padding: 0 20px;
box-sizing: border-box;
}
.report ul {
width: 100%;
}
.report li{
width: 100%;
max-height:165px;
border-bottom: #f3f3f3 solid 2px;
position: relative;
}
.report li h3{
color:#333;
font-size: 20px;
font-weight: 600;
margin-top: 20px;
width: 85%;
overflow: hidden;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.report li h3:hover {
color: #376ACA;
}
.report li a {
display: flex;
width: 100%;
flex-direction: row;
flex-wrap: wrap;
}
.report li span{
width: 15%;
font-size: 14px;
color: #999;
margin-top: 20px;
text-align: end;
}
.report li p{
width: 85%;
color: #999;
font-size: 14px;
margin-bottom: 20px;
overflow: hidden;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.report li p::before{
content: '';
clear: both;
width: 30px;
height: 2px;
background-color: #999;
display: block;
margin: 20px 0px;
}
.report li:first-child{
height:190px;
background-image: url(../img/3-2mediabg.jpg);
padding: 30px 20px 0 20px;
left: -20px;
box-sizing: content-box;
}
.report li:first-child *{color:#fff;}
.report li:first-child span{
text-align: end;
}
.report li:first-child p::before{background-color: #fff;}
/*荣昌公告*/
.notice ul{
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
}
.notice li{
width: 46%;
height: 90px;
border-bottom: #f3f3f3 solid 2px;
background-color: #fff;
padding: 0 20px;
position: relative;
display: flex;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.notice li a {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 100%;
}
.notice li h3{
color:#333;
font-size: 16px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 78%;
}
.notice li h3:hover {
color: #376ACA;
}
.notice li span{
font-size: 14px;
color: #999;
}
@media screen and (max-width: 900px) {
.swiper-pagination {
bottom: 0 !important;
}
.wrapper-news {
padding: 50px 0;
}
.news-title .more {
display: none;
/* color: #fff;
background-color: #376aca;
font-size: 15px;
padding: 3px 10px;
top: 4px;
border-radius: 20px; */
}
.news-con {
min-width: unset;
}
.news-title h3 {
font-size: 21px;
font-weight: 600;
}
.information {
min-width: unset;
width: 100%;
height: auto;
}
.information-left,.information-right {
flex: none;
width: 100%;
}
.information-left .swiper-slide {
height: 180px;
}
.information-left .swiper-slide p {
height: 50px;
}
.information-right {
padding-left: unset;
}
.information-right .li_mormal:last-child {
margin: 20px 0 0 0;
}
.information-right .li_mormal a {
width: 78%;
}
.information-right .li_top a h3 {
font-size: 16px;
}
.information-right .li_mormal span {
font-size: 12px;
}
.report li h3 {
font-size: 16px;
width: 100%;
}
.report li span {
width: 70px;
font-size: 12px;
text-align: start;
margin: 10px 0;
}
.report li p {
width: 100%;
}
.report li p::before {
content: unset;
}
.report li:first-child {
padding: 0 20px 0 20px;
}
.report li:first-child span {
text-align: start;
}
.notice li {
width: 100%;
height: 72px;
}
.notice li span {
font-size: 12px;
}
}