.banner{position: relative;overflow: hidden;} .banner .swiper-slide a{display: block;} .banner .swiper-slide img{display: block;width: 100%;} .banner .swiper-button-prev,.banner .swiper-button-next{width: 40px;height: 50px;top: 50%;margin-top: -25px;} .banner .swiper-button-prev{background: url(../img/left.svg) no-repeat center center;background-size: auto 40px;left: 3%;} .banner .swiper-button-next{background: url(../img/right.svg) no-repeat center center;background-size: auto 40px;right: 3%;} .title{width: 100%;margin-bottom: 30px;line-height: 30px;} .title h3{font-size: 24px;color: #333333;} .title a{font-size: 14px;color: #850000;margin-left: 20px;} .title a span{font-size: 24px;margin-right: 5px;} .part1{width: 100%;padding: 40px 0;position: relative;} .part1::before{content: "";width: 411px;height: 461px;background: url(../img/part1_bg.png) no-repeat;display: block;position: absolute;right: 5%;bottom: 0;z-index: -1;} .p1box{width: 100%;} .p1box-a,.p1box-b{width: calc( ( 100% - 60px ) / 3 );} .p1box-a a{display: block;position: relative;} .p1box-a .news-img{width: 100%;height: 260px;overflow: hidden;} .p1box-a .news-img img{transition: 0.3s all;} .p1box-a span{display: block;width: 94px;height: 30px;background: #8c051d;color: #ffffff;font-size: 14px;text-align: center;line-height: 30px;position: absolute;right: 20px;top:20px;} .p1box-a .news-txt{width: 100%;border: solid 1px #e5e5e5;padding: 20px;border-top: none;} .p1box-a .news-txt p{color: #434343;line-height: 30px;height: 60px;} .p1box-a:hover .news-img img{transform: scale(1.1,1.1);} .p1box-a:hover .news-txt p{color: #850000;} .p1box-b ul li{width: 100%;background: #ffffff;border: 1px solid #e5e5e5;margin-bottom: 15px;height: 60px;line-height: 60px;transition: 0.2s all;} .p1box-b ul li:last-child{margin-bottom: 0;} .p1box-b ul li a{padding: 0 20px;} .p1box-b ul li span{font-size: 18px;font-weight: bold;flex-shrink: 0;margin-right: 20px;color: #8c051d;transition: 0.2s all;} .p1box-b ul li p{color: #434343;max-width: calc( 100% - 74px );transition: 0.2s all;} .p1box-b ul li:nth-of-type(2n) span{color: #ceab68;} .p1box-b ul li:hover{background: #8c051d;border: 1px solid #8c051d;} .p1box-b ul li:hover span,.p1box-b ul li:hover p{color: #ffffff;} .part2{width: 100%;padding: 40px 0;background: #f9f4ef url(../img/part2_bg.png) no-repeat center bottom;background-size: cover;} .p2left,.p2right{width: calc( 50% - 15px );} .p2l-list ul li{width: 100%;margin-bottom: 10px;padding-left: 30px;position: relative;} .p2l-list ul li:last-child{margin-bottom: 0;} .p2l-list ul li .txt{width: 100%;background: #ffffff;padding: 13px 25px 13px 80px;position: relative;} .p2l-list ul li .txt::before{content: "";width: 0px;height: 100%;background: rgba(140,5,29,0.04);display: block;position: absolute;right: 50%;top:0;transition: 0.3s all;z-index: 0;} .p2l-list ul li .txt::after{content: "";width: 0px;height: 100%;background: rgba(140,5,29,0.04);display: block;position: absolute;left: 50%;top:0;transition: 0.3s all;z-index: 0;} .p2l-list ul li .txt a{display: block;position: relative;z-index: 1;} .p2l-list ul li .txt h3{font-size: 16px;line-height: #434343;line-height: 30px;margin-bottom: 4px;color: #434343;font-weight: normal;} .p2l-list ul li .txt p{color: #999999;line-height: 30px;} .p2l-list ul li .time{width: 90px;height: 70px;background: #8c051d;text-align: center;padding-top: 3px;position: absolute;left: 0;top:50%;margin-top: -35px;z-index: 3;} .p2l-list ul li .time span{display: block;color: #ffffff;font-size: 24px;line-height: 36px;} .p2l-list ul li .time span:nth-of-type(2){font-size: 14px;line-height: 24px;} .p2l-list ul li:nth-of-type(2n) .time{background: #ceab68;} .p2l-list ul li:hover .txt::before,.p2l-list ul li:hover .txt::after{width: 50%;} .p2r-list ul li{width: calc( 50% - 12px );margin-right: 24px;margin-bottom: 20px;position: relative;padding-top: 15px;} .p2r-list ul li:nth-of-type(2n){margin-right: 0;} .p2r-list ul li:nth-of-type(3),.p2r-list ul li:nth-of-type(4){margin-bottom: 0;} .p2r-list ul li span{width: 128px;height: 40px;background: #8c051d;text-align: center;line-height: 40px;color: #ffffff;font-size: 14px;display: block;position: absolute;left: 50%;top:0;transform: translateX(-50%);} .p2r-list ul li:nth-of-type(2) span,.p2r-list ul li:nth-of-type(3) span{background: #ceab68;} .p2r-list ul li a{display: block;background: #ffffff;padding: 35px 20px 15px;} .p2r-list ul li h3{font-size: 16px;color: #434343;line-height: 30px;height: 60px;font-weight: normal;} .p2r-list ul li .line{width: 100%;height: 1px;background: #feecef;position: relative;margin: 10px 0 9px;} .p2r-list ul li .line::before{content: "";width: 20px;height: 1px;background: #8c051d;display: block;position: absolute;left: 0;top:0;transition: 0.3s all;} .p2r-list ul li p{font-size: 14px;color: #888888;line-height: 30px;padding-left: 25px;} .p2r-list ul li p:nth-of-type(1){background: url(../img/zcr.svg) no-repeat left center;background-size: auto 20px;} .p2r-list ul li p:nth-of-type(2){background: url(../img/time.svg) no-repeat 2px center;background-size: auto 16px;} .p2r-list ul li p:nth-of-type(3){background: url(../img/address.svg) no-repeat 1px center;background-size: auto 18px;} .p2r-list ul li:hover h3{color: #850000;} .p2r-list ul li:hover .line::before{width: 100%;} .part3{width: 100%;padding: 40px 0;background: url(../img/part3_bg.png) repeat;} .p3box{width: calc( 50% - 15px );} .p3list ul li{width: 100%;line-height: 30px;margin-bottom: 20px;} .p3list ul li:last-child{margin-bottom: 0;} .p3list ul li .time{flex-shrink: 0;} .p3list ul li .time span{display: block;height: 30px;padding: 0 10px;} .p3list ul li .time span:nth-of-type(1){background: #8c051d;color: #ffffff;} .p3list ul li .time span:nth-of-type(2){color: #8c051d;border: 1px solid #8c051d;} .p3list ul li:nth-of-type(2n) .time span:nth-of-type(1){background: #ceab68;} .p3list ul li:nth-of-type(2n) .time span:nth-of-type(2){color: #ceab68;border: 1px solid #ceab68;} .p3list ul li a{display: block;max-width: calc( 100% - 124px );padding-left: 20px;color: #434343;} .p3list ul li:hover a{color: #850000;} .part4{width: 100%;padding: 40px 0;background: url(../img/part4_bg.png) no-repeat center bottom;background-size: cover;} .p4a{margin-bottom: 40px;} .p4a-list ul li a{display: block;position: relative;} .p4a-list ul li .p4aimg{width: 100%;height: 186px;overflow: hidden;} .p4a-list ul li .p4aimg img{display: block;transition: 0.3s all;} .p4a-list ul li .p4atxt{width: 100%;background: #8c051d;padding: 15px 20px;position: relative;} .p4a-list ul li .p4atxt::before{content: "";width: 100%;height: 20px;background: #8c051d;transform:skewY(-3deg);display: block;position: absolute;left: 0;top:-10px;} .p4a-list ul li .p4atxt p{color: #ffffff;line-height: 30px;height:60px;} .p4a-list ul li:nth-of-type(2n) .p4atxt{background: #ceab68;} .p4a-list ul li:nth-of-type(2n) .p4atxt::before{background: #ceab68;} .p4a-list ul li:hover .p4aimg img{transform: scale(1.1,1.1);} .p4b{width: 100%;position: relative;padding-left: 40px;} .p4b-title{width: 156px;height: 84px;background: #8c051d;text-align: center;line-height: 84px;position: absolute;left: 0;top:50%;margin-top: -42px;} .p4b-title h3{font-size: 24px;color: #ffffff;} .p4b-list{background: #f3f3f3;padding: 10px 40px 10px 150px;} .p4b-list ul li{line-height: 30px;margin: 6px 20px 6px 0;} .p4b-list ul li a{padding-right: 20px;color: #434343;position: relative;} .p4b-list ul li a::after{content: "";width: 1px;height: 14px;background: #8c051d;display: block;position: absolute;right: 0;top:50%;margin-top: -7px;} .p4b-list ul li:last-child{margin-right: 0;} .p4b-list ul li:last-child a{padding-right: 0;} .p4b-list ul li:last-child a::after{content: none;} .p4b-list ul li:hover a{color: #8c051d;}