.swiper-container .swiper-slide .img{ position:absolute;top:0;left:0;right:0;bottom:0; background-size:cover; } .about-section{ background:rgb(247,247,247); } .section .section-header{ padding-bottom:2rem; } .section .section-title{ text-align: center; width: 16rem; margin: 0 auto; padding: 2rem 0; text-transform: uppercase; font-size:1.4rem; } .section .section-subtitle{ position:relative; margin:5px; text-align:center; margin:0 auto; font-size:1.2rem; } .section .section-subtitle:after{ position:absolute;content:''; background:#006fab;width:80px;height:2px; margin-left:-40px; left:50%;bottom:-15px; } .section-content .lists{ position:relative;zoom:1;overflow:hidden; } .section-content .lists .list-item{ position:relative; margin:0 auto; padding:10px; } .section-content .lists .list-item .img{ height:210px; } .section-content .lists .list-item .item-content{ position:absolute;height:260px; top:0;left:0;right:0;bottom:0; padding:25px 30px 30px 30px; } .section-content .lists .list-item .item-content .item-title{ text-transform:uppercase;letter-spacing:2px; padding-bottom:10px; position:relative; text-align:center; } .section-content .lists .list-item .item-content .item-title a{ line-height:25px;font-size:18px; color:#fff; } .section-content .lists .list-item .item-content .item-title:after{ position:absolute;content:''; background:#006fab;width:30px;height:2px; margin-left:-15px; left:50%;bottom:0; } .section-content .lists .list-item .item-content .item-summary{ margin-top:15px;height:66px;overflow:hidden; line-height:22px;color:#fff;font-size:14px; text-overflow:ellipsis; } .section-content .lists .list-item .item-content .item-more{ position:absolute;left:30px; font-size:12px;text-transform:uppercase; } .section-content .lists .list-item .item-content .item-more a{ display:block;color:#fff; width:80px;height:30px;line-height:30px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; } .section-content .lists .list-item.news{ background:#fff; } .section-content .lists .list-item.news .item-title{ line-height:40px;height:40px;font-size:18px;color:#006fab; padding-bottom:10px;padding-left: 15px; } .section-content .lists .list-item.news .news-top .item { position:relative; height:80px; } .section-content .lists .list-item.news .news-top .item .img{ position:absolute;top:0;left:15px;width:140px;height:80px; overflow:hidden;text-align:center; } .section-content .lists .list-item.news .news-top .item .news-item{ position:absolute;top:0;left:180px;right:0;height:90px; overflow:hidden; } .section-content .lists .list-item.news .news-top .item .news-item a{ display:block;height:25px;line-height:25px; font-size:14px;overflow:hidden;color:#0a5dac; } .section-content .lists .list-item.news .news-top .item .news-item .summary{ font-size:12px; color:#333;line-height:22px; } .section-content .lists .list-item.news .news-top .news{ margin-bottom:10px; } .section-content .lists .list-item.news .news-list{ height:260px; padding:25px 30px 30px 30px; } .section-content .lists .list-item.news .news-list ul li{ height:28px;line-height:28px; } .section-content .lists .list-item.news .news-list ul li a{ font-size:14px;color:#989898; } .section-content .solution{ margin-top:30px; position:relative; } #slider{ position:relative; } #slider .slide{ position:relative; width:19rem;height:10.5rem; margin:.5rem auto; } #slider .slide .img{ position:absolute;opacity:1; top:0;left:0;right:0;bottom:0; } #slider .slide .img img{ width:100%;height:100%; } #slider .slide .cover{ position:absolute;top:0;left:0;right:0;bottom:0; background:rgba(0,0,0,.6); } #slider .slide:hover .cover{ opacity:0; transition:all 0.7s linear; -webkit-transition:all 0.7s linear; -moz-transition:all 0.7s linear; -ms-transition:all 0.7s linear; } #slider .slide .slide-content{ position:absolute; top:30%;left:0;right:0; color:#fff; text-align:center; } #slider .slide .slide-content .title{ position:relative; font-size:30px;letter-spacing:2px; padding-bottom:20px; } #slider .slide .slide-content .title:after{ position:absolute;content:''; background:#006fab;width:30px;height:2px; margin-left:-15px; left:50%;bottom:0; } #slider .slide .slide-content .summary{ margin-top:15px;font-size:14px; line-height:25px; } #slider .slide .slide-content .more{ display:none; } .partner-section .list-partner{ position:relative; zoom:1;overflow:hidden; margin:0 auto; padding:.5rem; } .partner-section .list-partner .partner-item{ display:inline-block; box-sizing: border-box; width:6.2rem; height:2.5rem; line-height:2.5rem; margin-bottom:.5rem; background:#fafafa;border:1px solid #e5e5e5; cursor:pointer;text-align:center; }