@charset "UTF-8";

.about-part1-top{width:100%;display: flex;flex-direction:row;justify-content:space-between;}
.about-part1-bottom{width:100%;margin-top:40px;display: flex;flex-direction:row-reverse;justify-content:space-between;}
.about-part1 .intro-txt{width:46.875%;padding-top:12px;}

.about-part1 .about-intro-img{width:46.875%;}
.about-part1 .about-intro-img .video-img{width:100%;position:relative;overflow:hidden;}
.about-part1 .about-intro-img .img-cont{width:100%;height:0;padding-bottom:75%;overflow:hidden;position: relative;}
.about-part1 .about-intro-img .img-flex{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;}
.about-part1 .about-intro-img .img-cont img{display:block;width:100%;height: 100%;object-fit:cover;}

.about-part1 .video-mask{position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;background-color:rgba(0,0,0,0.5);}
.about-part1 .video-mask .play-btn{position:absolute;top:50%;left:50%;width:80px;height:80px;border:rgba(255,255,255,0.5) dashed 1px;padding:8px;border-radius:50%;margin-left:-40px;margin-top:-40px;cursor:pointer;transition: all 0.3s;-webkit-transition: all 0.3s;}
.about-part1 .video-mask .play-btn i{display:block;width:62px;height:62px;background-color:rgba(255,255,255,0.5);border-radius:50%;font-size:20px;color:#fff;text-align:center;line-height:62px;position:relative;z-index:2}
.about-part1 .video-mask .play-btn .bg-ani{width:60px;height:60px;border-radius:50%;position:absolute;top:50%;left:50%;z-index:1;animation: iconS 1.6s ease-out infinite;background:#fff;margin-top:-30px;margin-left:-30px;}
.about-part1 .video-mask .play-btn:hover{border:#3c7963 dashed 1px;}
.about-part1 .video-mask .play-btn:hover i{background-color:#3c7963;}
.about-part1 .video-mask .play-btn:hover .bg-ani{background-color:#3c7963;}

@keyframes iconS {
    from {
        transform: scale(1);
        filter: opacity(0.8);
    }
    to {
        transform: scale(1.4);
        filter: opacity(0);
    }
}


@media(max-width:1080px){
    .about-part1-bottom{margin-top:20px;}
    .about-part1 .intro-txt{padding:0;}
}
@media(max-width:769px){
    .about-part1-top{display:block;}
    .about-part1-bottom{display:block;}
    .about-part1 .intro-txt{width:100%;}
    .about-part1 .about-intro-img{width:100%;}
}

@media(max-width:640px){
	.about-part1 .video-mask .play-btn{width:66px;height:66px;padding:8px;margin-left:-33px;margin-top:-33px;}
	.about-part1 .video-mask .play-btn i{width:48px;height:48px;font-size:16px;line-height:48px;}
	.about-part1 .video-mask .play-btn .bg-ani{width:46px;height:46px;margin-top:-23px;margin-left:-23px;}
}


.about-cultrue{width:100%;background-color:#e3ede9;}

.cul-list{width:100%;}
.cul-list li{float:left;width:25.937%;margin-left:-1.25%;}
.cul-list li:first-child{margin-left:0;}
.cul-list li .item{width:100%;height:0;padding-bottom:100%;position:relative;overflow:hidden;}
.cul-list li .item-cont{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;border-radius:50%;overflow:hidden;}
.cul-list li .icon{width:60px;margin:88px auto 0;}
.cul-list li .icon img{display:block;width:100%;}
.cul-list li .txt{width:100%;margin-top:30px;text-align:center;}
.cul-list li .txt h5{font-size:24px;color:#333;line-height:28px;}
.cul-list li .txt p{width:100%;max-width:240px;margin:32px auto 0;font-size:14px;color:#666;line-height:28px;}

@media(max-width:1440px){
	.cul-list li .icon{margin:60px auto 0;}
}

@media(max-width:1280px){
	.cul-list li .icon{margin:40px auto 0;}
	.cul-list li .txt{margin-top:16px;}
	.cul-list li .txt p{margin-top:16px;}
}
@media(max-width:1080px){
	.cul-list li .icon{width:48px;margin:32px auto 0;}
	.cul-list li .txt{margin-top:12px;}
	.cul-list li .txt h5{font-size:20px;line-height:24px;}
	.cul-list li .txt p{width:84%;margin:12px auto 0;font-size:12px;line-height:20px;}
}

@media(max-width:991px){
	.cul-list li{width:51%;margin-left:-2%;margin-top:-2%;}
	.cul-list li:nth-child(odd){margin-left:0;}
	.cul-list li:nth-child(1){margin-top:0;}
	.cul-list li:nth-child(2){margin-top:0;}

	.cul-list li .icon{width:60px;margin:60px auto 0;}
	.cul-list li .txt{margin-top:20px;}
	.cul-list li .txt h5{font-size:24px;line-height:28px;}
	.cul-list li .txt p{width:84%;margin:20px auto 0;font-size:14px;line-height:28px;}
}

@media(max-width:640px){
	.cul-list li .icon{width:48px;margin:32px auto 0;}
	.cul-list li .txt{margin-top:12px;}
	.cul-list li .txt h5{font-size:20px;line-height:24px;}
	.cul-list li .txt p{width:84%;margin:12px auto 0;font-size:12px;line-height:20px;}
}

@media(max-width:480px){
	.cul-list li .icon{width:32px;margin:20px auto 0;}
	.cul-list li .txt{margin-top:8px;}
	.cul-list li .txt h5{font-size:16px;line-height:20px;}
	.cul-list li .txt p{margin:8px auto 0;font-size:12px;line-height:16px;}
}


.about-process-list{width:100%;}
.about-process-list .swiper-container{width:100%;padding:0 calc(50% - 640px);}
.process-item{width:100%;position:relative;text-align:left;}
.process-item .icon{width:100%;display:flex;flex-direction:row;align-items:center;}
.process-item .icon .point{width:13px;height:13px;background-color:#3c7963;border-radius:50%;}
.process-item .icon .line{width:calc(100% - 25px);margin-left:6px;height:3px;border:#e3ede9 solid 1px;position:relative;}

.process-item .year{width:100%;font-size:36px;color:#3c7963;line-height:40px;margin-top:32px;font-family:"Arial";}
.process-item .txt{width:76%;margin-top:32px;font-size:14px;color:#333;line-height:28px;}
/* height:252px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:9; */
.process-item .txt p{line-height:inherit;margin-bottom:10px;}
.process-item .txt img{display:block;max-width:100%;}

.process-slide-arrow{width:200px;margin-left:calc(50% - 640px);height:32px;margin-top:40px;position:relative;}
.process-slide-arrow .swiper-button-next,.process-slide-arrow .swiper-button-prev{width:68px;height:34px;margin-top:0;top:0;left:0;transition: all 0.3s;-webkit-transition: all 0.3s;font-size:20px;color:#4c504e;line-height:32px;text-align:center;border:#4c504e solid 1px;background:#fff;display:flex;align-items:center;justify-content:center;}
.process-slide-arrow .swiper-button-next{left:80px;}
.process-slide-arrow .swiper-button-next:hover,.process-slide-arrow .swiper-button-prev:hover{background:#3c7963;border-color:#3c7963;color:#fff;}

@media(max-width:1320px){
	.about-process-list .swiper-container{padding:0 20px;}
	.process-slide-arrow{margin-left:20px;}

	.process-item .year{font-size:32px;line-height:32px;margin-top:24px;}
	.process-item .txt{width:80%;margin-top:24px;line-height:28px;}
    /* height:224px;-webkit-line-clamp:8; */
}

@media(max-width:1080px){
	.about-process-list .swiper-container{padding:0 4%;}
	.process-slide-arrow{margin-left:4%;margin-top:20px;}

	.process-item .year{font-size:24px;line-height:24px;margin-top:16px;}
	.process-item .txt{width:80%;margin-top:16px;line-height:24px;}
    /* height:144px;-webkit-line-clamp:6; */
}

@media(max-width:640px){
	.process-item .year{font-size:20px;line-height:20px;margin-top:12px;}
	.process-item .txt{width:90%;margin-top:12px;}
    /* height:120px;-webkit-line-clamp:5; */
	.process-slide-arrow{width:90%;}
	.process-slide-arrow .swiper-button-next,.process-slide-arrow .swiper-button-prev{width:48px;font-size:16px;line-height:24px;height:26px;}
	.process-slide-arrow .swiper-button-next{left:60px;}
}

.about-honor{width:100%;background-color:#f5f5f5;}

.honor-list{wdith:100%;}
.honor-list .item{display:block;width:100%;position:relative;}
.honor-list .honor-cont{width:100%;height:0;padding-bottom:67%;position:relative;overflow:hidden;background-color:#fff;}
.honor-list .honor-flex{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;padding:18%;transition: all 0.3s;-webkit-transition: all 0.3s;}
.honor-list .honor-icon{position:absolute;width:6.5%;top:50%;transform:translateY(-50%);left:10%;z-index:8;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;opacity:0.6;transition: all 0.3s;-webkit-transition: all 0.3s;}
.honor-list .honor-icon img{display:block;width:100%;}
.honor-list .honor-icon.right-icon{left:auto;right:10%;}
.honor-list .txt-box{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-image: url(../images/pl.png);background-repeat: no-repeat;background-position: center;background-size:44.8%;}
.honor-list .txt{font-size:18px;color:#333;line-height:28px;}

.honor-list .img{position:absolute;width:100%;height:100%;top:100%;left:0;z-index:6;display:flex;align-items:center;justify-content:center;padding:10% 18%;background-color:#fff;transition: all 0.3s;-webkit-transition: all 0.3s;}
.honor-list .img img{display:block;max-width:100%;max-height: 100%;object-fit:cover;box-shadow: 0 2px 12px rgba(0,0,0,0.1);}


.honor-list .item:hover .honor-flex{top:-100%;}
.honor-list .item:hover .honor-icon{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:none;opacity:1;}
.honor-list .item:hover .img{top:0;}


@media(max-width:1080px){
	.honor-list .txt{font-size:14px;line-height:24px;}
}

.honor-slide-arrow{display:flex;align-items:center;margin-top:20px;}
.honor-slide-arrow .swiper-button-next,.honor-slide-arrow .swiper-button-prev{position:relative; width:68px;height:34px;margin-top:0;top:0;left:0;transition: all 0.3s;-webkit-transition: all 0.3s;font-size:20px;color:#4c504e;line-height:32px;text-align:center;border:#4c504e solid 1px;background:#fff;display:flex;align-items:center;justify-content:center;}
.honor-slide-arrow .swiper-button-next{margin-left:12px;}
.honor-slide-arrow .swiper-button-next:hover,.honor-slide-arrow .swiper-button-prev:hover{background:#3c7963;border-color:#3c7963;color:#fff;}


@media(max-width:640px){
	.honor-slide-arrow .swiper-button-next,.honor-slide-arrow .swiper-button-prev{width:48px;font-size:16px;line-height:24px;height:26px;}
}