.p70{width: 790px;} .p30{width: 380px;} /*banner*/ .banner{width: 100%;position: relative;} .banner .swiper-slide{width: 100%;} .banner .swiper-slide a{display: block;width: 100%;} .banner .swiper-slide img{width: 100%;} .banner .w12{height: 70px;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);z-index: 3;} .banner .swiper-button-next,.banner .swiper-button-prev{width:70px;height: 70px;border-radius: 50%;position: relative;top:0;margin-top:0;} .banner .swiper-button-next::before,.banner .swiper-button-prev::before{content: "";display: block;width: 60px;height: 60px;border:1px solid #ffffff;border-radius: 50%;position: absolute;left:5px;top:5px;box-sizing: border-box;} .banner .swiper-button-next::after,.banner .swiper-button-prev::after{content: "";display: block;width: 70px;height: 70px;border:1px solid #ffffff;border-radius: 50%;position: absolute;left:0px;top:0px;opacity: .5;box-sizing: border-box;transition: 0.5s all;} .banner .swiper-button-next:hover::after,.banner .swiper-button-prev:hover:hover::after{transform: scale(1.1);opacity: 0;} /*part01*/ .part01{width: 100%;padding:30px 0;background: url(../img/part01_bg.jpg) no-repeat center bottom;} .part01 .title{line-height: 45px;margin-bottom: 20px;} .part01 .title h3{font-size: 24px;color: #434343;font-weight: normal;} .part01 .title a{font-size: 14px;color: #434343;} .part01 .title a:hover{color: #831e28;} .part01 .title a img{margin: 0 5px;} .part01 .p70 .title h3{background: url(../img/title1.png) no-repeat left center;background-size: auto 45px;padding-left:70px} .news1{margin-bottom: 10px;} .news1 ul li{width: calc( 50% - 15px );position: relative;} .news1 ul li a{display: block;} .news1 ul li .news-img{width: 100%;height: 254px;overflow: hidden;} .news1 ul li .news-img img{width: 100%;height: 100%;object-fit: cover;transition: 0.5s all;} .news1 ul li .news-img:hover img{transform: scale(1.1,1.1);} .news1 ul li span{font-size: 14px;color: #ffffff;display: block;background: #cba853;width: 95px;height: 28px;text-align: center;line-height: 28px;position: absolute;left:20px;top:20px;} .news1 ul li p{font-size: 16px;color: #434343;line-height: 50px;border-bottom: 2px solid #cba853;} .news1 ul li:hover p{color: #831e28;} .news2 ul li{line-height: 46px;} .news2 ul li a{font-size: 16px;color: #434343;max-width: calc( 100% - 90px );} .news2 ul li a i{display: inline-block;width: 8px;height: 8px;border:1px solid #831e28;position: relative;transform: rotate(45deg);margin-left: 2px;margin-right: 8px;vertical-align:2px;} .news2 ul li a i::before{content: "";width: 4px;height:4px;background: #831e28;position: absolute;top:1px;left:1px;} .news2 ul li time{font-size: 14px;color: #666666;flex-shrink: 0;margin-left: 10px;} .news2 ul li:hover a{color: #831e28;} .part01 .p30 .title h3{background: url(../img/title2.png) no-repeat left center;background-size: auto 45px;padding-left:60px} .notice-list{height: 500px;} .notice-list ul li{width: 100%;background: #fff;margin-bottom: 20px;} .notice-list ul li:last-child{margin-bottom: 0;} .notice-list ul li a{padding:10px;} .notice-list ul li .time{width: 68px;height: 61px;background: #b81c22 url(../img/line.png) repeat;color: #fff;flex-shrink: 0;margin-right: 10px;} .notice-list ul li .time span{display: block;text-align: center;} .notice-list ul li .time .sp1{font-size: 24px;font-weight: bold;position: relative;padding-bottom: 3px;} .notice-list ul li .time .sp1::after{content: "";width: 42px;height: 1px;background: #fff;display: block;position: absolute;left: 50%;bottom:0;transform: translate(-50%,0);} .notice-list ul li .time .sp2{font-size: 14px;margin-top: 3px;} .notice-list ul li p{font-size: 16px;line-height: 30px;color: #434343;width: calc( 100% - 78px );} .notice-list ul li:hover .time{background: #cba853 url(../img/line.png) repeat;} .notice-list ul li:hover p{color: #831e28;} /*part02*/ .part02{width: 100%;padding:40px 0 0;background: url(../img/part02_bg.jpg) repeat center top;position: relative;} .part02::before{content: "";width:100%;height: 12px;background: url(../img/part02-top-bg.png) no-repeat 100% 100%;display: block;position: absolute;top:0;left:0;} .part02 .pa{width: 100%;} .pa .title{line-height: 45px;width: 100%;margin-bottom: 30px;} .pa .title h3{font-size: 24px;color: #434343;padding-left: 70px;background: url(../img/title3.png) no-repeat left center;font-weight: normal;} .pa .swiper-button{align-self: flex-end;} .pa .swiper-button-prev,.pa .swiper-button-next,.pa .swiper-pagination{position: relative;} .pa .swiper-pagination-bullet{background: #cba853;margin: 0 4px;width: 10px;height: 10px;} .pa .swiper-button-prev,.pa .swiper-button-next{width: 14px;height: 14px;background-size: 14px 14px;top:0;margin-top: 0;margin-left: 4px;margin-right: 4px;} .pa .swiper-button-prev{background-image: url(../img/left.svg);left: 0;} .pa .swiper-button-next{background-image: url(../img/right.svg);right: 0;} .pabox{width: 100%;} .face-box{width: 136px;height: 136px;background: url(../img/face-box.png) no-repeat;margin: 0 auto 10px;} .pabox p{text-align: center;font-size: 14px;color: #434343;line-height: 24px;max-height: 48px;} .pabox .swiper-slide:hover p{color: #831e28;} .pabox .swiper-slide img{transition: 0.5s all;} .pabox .swiper-slide:hover img{transform: rotateY(180deg);} .pb{width: 100%;background: url(../img/moutain.png) no-repeat center 50px;padding-top:200px;} .video-box{width: 100%;position: relative;} .video-box a{display: block;} .video-box img{width: 100%;} .video-box .mc{width: 100%;height: 100%;background: rgba(0,0,0,.4);position: absolute;left:0;top:0;} .video-box .line1{width: 360px;height: 2px;background-image: linear-gradient(90deg, #ffffff 0%, #c7b73e 100%);position: absolute;left:20px;top:20px;transition: 0.5s all;} .video-box .line2{width: 2px;height: 100px;background-image: linear-gradient(180deg, #ffffff 0%, #c7b73e 100%);position: absolute;left:20px;top:20px;transition: 0.5s all;} .video-box .line3{width: 360px;height: 2px;background-image: linear-gradient(-90deg, #ffffff 0%, #c7b73e 100%);position: absolute;right:20px;bottom:20px;transition: 0.5s all;} .video-box .line4{width: 2px;height: 100px;background-image: linear-gradient(0deg, #ffffff 0%, #c7b73e 100%);position: absolute;right:20px;bottom:20px;transition: 0.5s all;} .video-box .txt{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .video-box .txt span{font-size: 66px;color: #ffffff;font-family: myfont;} .video-box .txt .play{width: 64px;height: 64px;border: 3px solid #ffffff;border-radius: 50%;background: url(../img/play.svg) no-repeat center center;background-size: 30px 30px;margin: 0 40px;} .video-box:hover .line1,.video-box:hover .line3{width: calc( 100% - 40px );} .video-box:hover .line2,.video-box:hover .line4{height: calc( 100% - 40px );}