.swiper-pagination-bullet{ width:30px; opacity:1; height:5px; border-radius:10px; background:#fff; } .swiper-pagination-bullet-active{ background:#376dca; } .about { padding: 80px 0; } .about>div { font-size: 0; } .about img { width: 50%; } .a_l { width: 50%; /* padding-right: 50px; */ display: inline-block; font-size: 16px; vertical-align: middle; color: #7a7a7a; line-height: 1.5; } .a_l span { color: #1a1a1a; font-weight: bold; } .a_l p:nth-child(n 2) { margin-top: 50px; } .about .index_tit { text-align: left; } .about .index_tit::before { right: auto; } .about a { display: block; margin-top: 50px; width: 116px; height: 46px; text-align: center; line-height: 46px; background-color: #376dca; color: #fff; } .ser { padding: 80px 0; background: url(/uploads/image/psnimg/fw-bg.png) no-repeat; background-size: cover; } .ser ul { margin-top: 40px; font-size: 0; } .ser li { width: calc((100% - 200px) / 5); display: inline-block; vertical-align: middle; margin-left: 50px; font-size: 18px; text-align: center; border: 1px solid #ccc; border-radius: 100px; overflow: hidden; padding: 10px; } .ser li:nth-child(2n 1) { margin-top: 80px; } .ser li:nth-child(1) { margin-left: 0; } .ser li>img { max-width:100%; border-radius:50%; } .ser li div { padding: 60px 0; } .ser li div p { margin-top: 16px; } .yj { padding: 80px 0; background: url(/uploads/image/psnimg/yj-bg.png) no-repeat; background-size: cover; position: relative; } .yj .index_tit { color: #fff; } .yj .index_tit::before { background-color: #fff; } .yj ul { font-size: 0; padding-bottom: 50px; } .yj li { width: calc((100% - 120px) / 3); display: inline-block; vertical-align: top; margin: 40px 0 0 60px; font-size: 16px; line-height: 2; text-align: center; } .yj li:nth-child(3n 1) { margin-left: 0; } .yj li img { width: 100%; } .yj li a { color: #fff; } .yj>div>a { text-align: center; display: block; height: 40px; width: 100px; border-radius: 40px; line-height: 40px; background-color: #376dca; color: #fff; font-size: 14px; margin: 0 auto; } .yj .pad160 { position: absolute; left: 0; top: 50%; width: 100%; z-index: 20; } .yj .pad160 img:first-child { float: left; } .yj .pad160 img:last-child { float: right; } .news { padding: 80px 0; } .news_m { font-size: 0; } .news_m>div { width: 50%; display: inline-block; vertical-align: middle; font-size: 16px; } .news_m>div:first-child { margin-left: 0; } .news_l { position: relative; padding-right: 30px; } .news_l .time { position: absolute; left: 0; top: 0; background-color: #376dca; color: #fff; font-size: 14px; text-align: center; height: 60px; width: 60px; display: flex; justify-content: center; align-items: center; flex-direction: column; } .news_l .time p:first-child { font-size: 17px; font-weight: bold; } .news_l img { width: 100%; } .news_l p:nth-child(3) { color: #1a1a1a; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: bold; margin: 10px 0; } .news_l a>p:last-child { font-size: 16px; color: #3d3d3d; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .news_r a { display: block; padding: 20px 30px; font-size: 0; } .news_r .time { height: 65px; width: 65px; display: inline-block; text-align: center; background-color: #e6e6e6; font-size: 14px; vertical-align: middle; color: #999999; } .news_r .time p:first-child { font-size: 24px; font-weight: bold; color: #3d3d3d; margin-top: 7px; } .news_desc { width: calc(100% - 70px); display: inline-block; vertical-align: middle; font-size: 16px; padding: 0 20px; color: #3d3d3d; line-height: 1.5; } .news_desc p:first-child { font-size: 18px; font-weight: bold; color: #1a1a1a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .new_hover { background-color: #376dca; } .new_hover .time { background-color: #fff !important; color: #376dca !important; } .new_hover .news_desc{ color: #fff!important; } .new_hover .time p:first-child{ color: #376dca!important; } .new_hover .news_desc p:first-child{ color: #fff!important; } @media (max-width:768px) { .about{ padding: 15px; } .a_l{ width: 100%; padding: 0; } .a_l p:nth-child(n 2){ margin-top: 15px; } .about a{ margin: 15px auto; } .about img{ width: 80%; margin-left: 10%; } .ser{ padding: 15px; } /* .ser ul{ white-space: nowrap; overflow-x: scroll; } */ .ser ul { /* white-space: nowrap; */ /* overflow-x: scroll; */ } .ser li{ width: 100%; display: flex; justify-content: space-between; align-items: center; /* width: 50%; 改*/ margin: 15px 0 0 0!important; } /* 加 */ .ser li>img { width: 30%; } .ser li div { padding: 0 1rem; } .ser li:nth-child(1){ margin-left: 0!important; } .yj{ padding: 15px; } .yj > .pad160{ display: none; } .yj li:nth-child(n 5){ display: none; } .yj li{ width: calc((100% - 15px) / 2); margin: 15px 0 0 15px!important; line-height: 1.5; font-size: 14px; } .yj li:nth-child(2n 1){ margin-left: 0!important; } .yj .pad160 img{ width: 20px; } .pad160 { padding: 0 10px; } .news{ padding: 15px; } .news_m>div{ width: 100%; } .news_l{ padding: 0; } .news_r a{ padding: 15px 0; } .news_desc{ padding-right: 0; } .news_desc p:first-child{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } }