.p60{width: calc( 2 * ( 100% / 3 ) );box-sizing: border-box;padding-right: 15px;} .p30{width: calc( 100% / 3 );box-sizing: border-box;padding-left: 15px;} .p40{width: calc( 32% - 15px );} .p50{width: 50%;box-sizing: border-box;} .title{line-height: 40px;width: 100%;margin-bottom: 20px;} .title .tl i{display: inline-block;width: 40px;height: 40px;margin-right: 8px;position: relative;} .title .tl i::before{content: "";width: 40px;height: 40px;border-radius: 50%;border: 1px dashed #0061cb;position: absolute;left:0;top:0;box-sizing: border-box;transition: .3s;animation: roted1 30s linear infinite;} .title .tl h3{font-size: 24px;color: #434343;margin-right: 8px;} .title .tl span{color: #c6d3dc;font-size: 24px;font-family: impact;} .title a{font-size: 14px;color: #fff;display: flex;justify-content: space-between;align-items: center;height: 36px;padding: 0 15px;border-radius: 18px;background: #005cbc;line-height: 36px;} .title a i{font-style: normal;margin-left: 6px;} /*banner*/ .banner{width: 100%;margin:0 auto;} .banner .swiper-slide{width: 100%;} .banner .swiper-slide a{display: block;width: 100%;} .banner .swiper-slide img{width: 100%;object-fit:cover;} .banner .swiper-pagination-bullet-active{background: none;border:1px solid #ffb400;width: 20px;height: 20px;} .banner .swiper-pagination-bullet-active::before{content: "";width: 6px;height: 6px;background: #ffb400;border-radius: 50%;display: block;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);} /*part01*/ .part01{width: 100%;padding:30px 0;background: url(../img/part01_bg.jpg) no-repeat center top;} .p60 .title i{background: url(../img/title1.svg) no-repeat center center;background-size: 20px 20px;} .p30 .title i{background: url(../img/title2.svg) no-repeat center center;background-size: 20px 20px;} .newsscroll{padding: 20px 15px 20px 20px;background: url(../img/news_bg.png) no-repeat -200px top;background-size: auto 100%;} .news-img{margin: 0;} .news-img .swiper-slide>a{display: block;width: 100%;height: 284px;overflow: hidden;} .news-img img{width: 100%;height: 100%;object-fit: cover;transition: 0.5s all;} .news-img .swiper-slide:hover img{transform: scale(1.1,1.1);} .news-txt{width: 100%;background: #fff;padding: 20px 15px;box-sizing: border-box;} .news-txt .newstit{line-height: 30px;margin-bottom: 10px;width: 100%;display: flex;} .news-txt .newstit span{width: 70px;height: 30px;background: #6196d3;text-align: center;line-height: 30px;color: #fff;font-size: 16px;margin-right: 10px;} .news-txt .newstit a{color: #434343;font-size: 18px;font-weight: bold;max-width: calc( 100% - 80px );} .news-txt p{font-size: 14px;color: #999999;line-height: 28px;max-height: 56px;} .news-txt .newstit a:hover{color: #005cbc;} .newslist{padding-left: 15px;} .newslist ul li{width: 100%;background: #f4f7f9;transition: 0.4s all;border-left: 5px solid #005cbc;line-height: 52px;} .newslist ul li a{padding: 0 20px;} .newslist ul li .time{flex-shrink: 0;font-size: 16px;color: #005cbc;} .newslist ul li p{max-width: calc( 100% - 110px );font-size: 16px;color: #434343;transition: 0.4s all;} .newslist ul li:hover{background: #f4f7f9 url(../img/headnew_bg.png) no-repeat center center;} .newslist ul li:hover p{color:#005cbc;} .noticelist{width: 100%;background: #ffffff;box-shadow: 0px 0px 6px 0px rgba(183, 183, 183, 0.6);padding: 3px 0;} .noticelist ul li{width: 100%;border-bottom: 1px solid #e0e0e0;position: relative;padding: 16px 20px;box-sizing: border-box;} .noticelist ul li:last-child{border-bottom:none;} .noticelist ul li a{width: 100%;display: flex;} .noticelist ul li .time{width: 65px;text-align: center;background: #eeeeee;margin-right: 15px;padding: 4px 0 6px;box-sizing: border-box;transition: 0.2s all;} .noticelist ul li .time span{font-size: 24px;color: #005cbc;display: block;} .noticelist ul li .time span+span{font-size: 14px;} .noticelist ul li p{font-size: 16px;color: #434343;max-width: calc( 100% - 80px );line-height: 30px;max-height: 60px;} .noticelist ul li p span{color:#005cbc;} .noticelist ul li:hover p{color: #005cbc;} .noticelist ul li:hover{background: #f0f2f8;} .noticelist ul li:hover .time{background: #005cbc;} .noticelist ul li:hover .time span{color: #fff;} /*part02*/ .part02{width: 100%;position: relative;z-index: 0;background: url(../img/part2a_bg.jpg) repeat-x right top;overflow:hidden;} .p2a{padding: 30px 15px 30px 0;} .p2b{padding: 30px 15px;} .p2c{padding: 30px 0 30px 15px;position: relative;} .p2c::after{content:"";width: 964px;height: 100%;background: url(../img/part2b_bg.jpg) no-repeat left top;position: absolute;left:0;top:0;z-index: -1;background-size: cover;} .p2a .title i{background: url(../img/title5.svg) no-repeat center center;background-size: 20px 20px;} .p2b .title i{background: url(../img/title6.svg) no-repeat center center;background-size: 20px 20px;} .p2c .title i{background: url(../img/title4.svg) no-repeat center center;background-size: 20px 20px;} .p1list ul li.headline{display: flex;width: 100%;margin-bottom: 30px;} .p1list ul li.headline .headimg{width: 180px;height: 126px;overflow:hidden;} .p1list ul li.headline .headimg a{display: block;height: 100%;} .p1list ul li.headline .headimg img{width: 100%;height: 100%;object-fit: cover;transition:0.4s all} .p1list ul li.headline:hover .headimg img{transform:scale(1.1,1.1);} .p1list ul li.headline .headtxt{width: calc( 100% - 180px );box-sizing: border-box;background: #fff;padding: 8px 15px;display: flex;flex-direction: column;justify-content: space-between;} .p1list ul li.headline .headtxt a{font-size: 16px;font-weight: bold;color: #434343;line-height: 30px;max-height: 60px;} .p1list ul li.headline .headtxt p{font-size: 14px;color: #666666;background: url(../img/time.svg) no-repeat left center;background-size: auto 16px;padding-left: 20px;align-self: flex-end;} .p1list ul li.flexbox{width: 100%;line-height: 30px;margin-bottom: 16px;} .p1list ul li:last-child{margin-bottom: 0;} .p1list ul li.flexbox time{width: 60px;height: 36px;text-align: center;line-height: 36px;background: #cdac6d;color: #ffffff;font-size: 16px;display: block;margin-right: 15px;flex-shrink: 0;} .p1list ul li.flexbox a{max-width: calc( 100% - 60px );font-size: 16px;color: #434343;} .p1list ul li.flexbox:hover a,.p1list ul li.headline:hover .headtxt a{color: #005cbc;} .p2list ul li{width: 100%;line-height: 30px;width: 100%;margin-bottom: 22px;} .p2list ul li span{color: #005cbc;font-size: 16px;margin-right: 8px;flex-shrink: 0;} .p2list ul li a{font-size: 16px;color: #434343;max-width: calc( 100% - 88px );} .p2list ul li:last-child{margin-bottom: 0;} .p2list ul li:hover a{color: #005cbc;} /*part04*/ .part04{width: 100%;padding:30px 0;background: url(../img/part01_bg.jpg) no-repeat center top;} .p3a{padding-right: 15px;padding-left: 0;} .p3b{padding: 0 15px;} .p3c{padding-right: 0;} .p3a .title i{background: url(../img/title7.svg) no-repeat center center;background-size: 20px 20px;} .p3b .title i{background: url(../img/title8.svg) no-repeat center center;background-size: 20px 20px;} .p3c .title i{background: url(../img/title9.svg) no-repeat center center;background-size: 20px 20px;} /*part04*/ /*part03*/ .part03{width: 100%;padding:30px 0 10px;} .zt{padding-bottom:50px} .zt .swiper-slide a{display: block;width: 100%;height: 100%;} .zt .swiper-slide img{width: 100%;height: 90px;object-fit: cover;} .zt .swiper-pagination-bullet{width: 20px;height: 8px;border-radius: 4px;background: #0061cb;transition: 0.5s all;} .zt .swiper-pagination-bullet-active{width: 30px;background: #ffb400;} @media screen and (min-width:1921px){ .part01,.part02::before,.part02::after{background-size: 100% 100%;} }