@charset "utf-8";
.banner-container{width: 100%;position: relative; margin-top:120px;}
@media (max-width: 1200px) {
	.banner-container {
		margin-top:0px;
  }
}
.banner{width: 100%;}
.banner-picwords{width: 100%;}
.banner-pic{width: 100%;height: 100%;overflow: hidden;}
.banner-pic img{width: 100%;height: 100%;object-fit: cover;}
.banner-pic img{width: 100%;height: 100%;object-fit: cover;transform: matrix(1.0, 0, 0, 1.0, 0, 0);-webkit-transition: all 0.4s ease 1.2s;-moz-transition: all 0.4s ease 1.2s;-ms-transition: all 0.4s ease 1.2s;-o-transition: all 0.4s ease 1.2s;transition: all 0.4s ease 1.2s;}
.swiper-slide-active .banner-pic img {transition-delay: 0.4s !important;transform: matrix(1, 0, 0, 1, 0, 0);-webkit-transition: all 5s ease;-moz-transition: all 5s ease;-ms-transition: all 5s ease;-o-transition: all 5s ease;transition: all 5s ease;}
.banner-pic .banner-pc{display: block;}
.banner-words{position: absolute;width: 100%;left: 0;top: 45%;transform: translate(0,-50%);z-index: 2;text-align: center;}
.banner-words h4{font-size: 44px;color: #fff;font-family: 'Microsoft YaHei';font-weight: bold;}
.banner-words h5{font-size: 18px;color: #fff;font-family: 'Microsoft YaHei';margin-top: 20px;}
.banner-words h5 span{border: 1px solid #fff; padding: 6px 35px;border-radius: 30px;margin: 0 10px;display: inline-block;}
.swiper-slide-active .banner-words h4{animation: bannerWordsdown 1.2s ease both 600ms;}
.swiper-slide-active .banner-words h5{animation: bannerWordsup 1.2s ease both 900ms;}

.banner-prev,.banner-next{position: absolute;z-index: 4;top: 50%;width: 40px;height: 60px;margin-top: -30px;cursor: pointer;user-select: none;transition: all .3s ease-in-out;}
.banner-prev{left: 15px;background: rgba(0, 0, 0, .3) url('../images/banL.png') no-repeat center center;}
.banner-next{right: 15px;background: rgba(0, 0, 0, .3) url('../images/banR.png') no-repeat center center;}
.banner-prev:hover,.banner-next:hover{background-color: rgba(0, 129, 204, 1);}
.banner .swiper-pagination{bottom: 20px;}
.banner .swiper-pagination-bullet {width: 6px;height: 6px;display: inline-block;border-radius: 100%;background: #007749;opacity: 0.8;vertical-align: middle;position: relative;}
.banner .swiper-pagination-bullet:after{content: "";width: 20px;height: 20px;position: absolute;left: 50%;top: 50%;background: transparent;border: 2px solid #007749;border-radius: 100%;margin-top: -10px;margin-left: -10px;opacity: 0;transform: scale(0);transition: all .5s;}
.banner .swiper-pagination-bullet-active {opacity: 1;}
.banner .swiper-pagination-bullet-active:after {opacity: 1;transform: scale(1);}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 16px;}

/* 产品 */
.products-container{width: 100%;padding: 80px 0 50px 0;}
.products{width: 1600px;margin: 0 auto;}
.pro_pic{width: 100%;margin-top: 40px;}
.pro_list{width: 100%;height: auto;padding: 3%;padding-bottom: 0;background: #f5f5f5;border-radius: 5px;overflow: hidden;transition: all .4s ease-out;}
.pro_list .img{width: 100%;padding-top: 75%;position: relative;overflow: hidden;}
.pro_list .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;display: block;transition: all .4s ease-out;}
.pro_list .text{width: 100%;padding: 0 5px;overflow: hidden;}
.pro_list .text h5{line-height: 50px;color: #444;font-size: 16px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .4s ease-out;}
.pro_list:hover{background: #007749;}
.pro_list:hover .img img{transform: scale(1.1);}
.pro_list:hover .text h5{color: #fff;}
.pro_pic .swiper-container{padding-bottom: 50px!important;}
.pro_pic .swiper-pagination{bottom: 10px;}
.pro_pic .swiper-pagination-bullet {width: 6px;height: 6px;display: inline-block;border-radius: 100%;background: #007749;opacity: 0.8;vertical-align: middle;position: relative;}
.pro_pic .swiper-pagination-bullet:after{content: "";width: 20px;height: 20px;position: absolute;left: 50%;top: 50%;background: transparent;border: 2px solid #007749;border-radius: 100%;margin-top: -10px;margin-left: -10px;opacity: 0;transform: scale(0);transition: all .5s;}
.pro_pic .swiper-pagination-bullet-active {opacity: 1;}
.pro_pic .swiper-pagination-bullet-active:after {opacity: 1;transform: scale(1);}
.pro_pic .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 16px;}

/* 品牌实力 */
.pinpai-container{width: 100%;padding: 80px 0 80px 0;background-size: cover;/* height: 847px; */background-position: center!important;}
.pinpai{width: 1600px;margin: 0 auto;}
.pinpai_center{width: 100%;margin-top: 0px;}
.pinpai_center .about_kr_text{padding-top: 30px;color: #666;font-size: 16px;line-height: 40px; padding-bottom:30px; text-indent:2em;}
.pinpai_center ul{width: 100%;height: auto;overflow: hidden;}
.pinpai_center ul li{width: 25%;float: left;border-right: 1px dashed #dcfef1;text-align: center;}
.pinpai_center ul li h5{font-size: 30px;color: #007749;font-family: 'impact'; line-height:80px;}
.pinpai_center ul li h5 span{font-size: 50px;color: #007749;font-family: 'impact';}
.pinpai_center ul li h6{font-size: 16px;color: #666;}
.pinpai_center ul li:last-child{border-right: 0px;}
.video_click{display: block;width: 100%;height: auto;overflow: hidden;margin: 40px 0;cursor: pointer;}
.video_click h5{width: 82px;height: 82px;overflow: hidden;margin: 0 auto;}
.video_click h6{font-size: 16px;color: #fff;text-align: center;padding-top: 10px;}
.video_click h6 span{border-bottom: 1px solid #fff;display: inline-block;}

/*视频插件--视频窗口*/
.media-modal{width:100%;height:100%;background:rgba(0,0,0,.3);position:fixed;top:0px;left:0px;z-index:9999;display:none;opacity:0;}
.media-modal .mediaModal-contain{width:720px;height:480px;background:#fff;box-shadow:0 0 15px rgba(0,0,0,.5);position:absolute;top:50%;left:50%;margin:-240px 0 0 -360px;display:none;}
.mediaModal-contain .mediaModal-box,
.mediaModal-contain video,
.mediaModal-contain .mejs-container,
.mediaModal-contain .mejs-overlay-play,
.mediaModal-contain .mejs-poster,
.mediaModal-contain .mejs-layers,
.mediaModal-contain .mejs-overlay{width:100% !important;height:100% !important;}
.mediaModal-contain .close{display:block;width:32px;height:32px;background:url(../js/media/icon-close.png) no-repeat center center / cover;position:absolute;right:5px;top:5px;z-index:2;opacity:0;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.mediaModal-contain:hover .close{opacity:1;}
@media all and (max-width:1000px){.mediaModal-contain .close{opacity:1;}.media-modal .mediaModal-contain{width:94%;left:3%;margin-left:0;}}

/* 核心优势 */
.core_container{width: 100%;padding: 100px 0 80px 0;}
.core{width: 100%;height: auto;padding: 30px 0;overflow: hidden;}
.core_list{width: 100%;height: auto;}
.core_list .img{width: 100%;height: 356px;overflow: hidden;}
.core_list .img img{width: 100%;height: 100%;object-fit: cover;transition: all .4s ease-out;}
.core_list:hover .img img{transform: scale(1.1);}
.core_list .text{width: 100%;height: 120px;background-color: #f5f5f5;padding: 30px;position: relative;}
.core_list .text h5{font-size: 18px;color: #444;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.core_list .text h6{font-size: 16px;color: #888;font-weight: normal;padding-top: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.core_list .text i{position: absolute;right: 20px;bottom: 40px;width: 19px;height:8px;background: url("../images/pro_jian4.png") no-repeat center center;}
.core_list:hover .text i{background: url("../images/pro_jian3.png") no-repeat center center;} 
.core_list:hover .text{background-color: #007749;}
.core_list:hover .text h5{color: #fff;}
.core_list:hover .text h6{color: #fff;}
.core .swiper-container{padding-bottom: 50px!important;}
.core .swiper-pagination{bottom: 10px;}
.core .swiper-pagination-bullet {width: 6px;height: 6px;display: inline-block;border-radius: 100%;background: #bbb;opacity: 0.8;vertical-align: middle;position: relative;}
.core .swiper-pagination-bullet:after{content: "";width: 20px;height: 20px;position: absolute;left: 50%;top: 50%;background: transparent;border: 2px solid #5abbda;border-radius: 100%;margin-top: -10px;margin-left: -10px;opacity: 0;}
.core .swiper-pagination-bullet-active {width: 6px;height: 6px;opacity: 1;position: relative;background: #5abbda;}
.core .swiper-pagination-bullet-active:after {opacity: 1;}
.core .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 16px;}

/* 经典案例 */
.case-container{width: 100%;background-size: cover!important;height: 100%;background-position: center!important;padding: 80px 0 50px;}
.case{width: 1600px;margin: 0 auto;}
.case-center{width: 100%;height: auto;margin-top: 50px;}
.case-center .swiper-container{padding-bottom: 50px!important;}
.case-center .swiper-pagination{bottom: 10px;}
.case-center .swiper-pagination-bullet {width: 6px;height: 6px;display: inline-block;border-radius: 100%;background: #fff;opacity: 0.8;vertical-align: middle;position: relative;transition: all .5s;}
.case-center .swiper-pagination-bullet:after{content: "";width: 20px;height: 20px;position: absolute;left: 50%;top: 50%;background: transparent;border: 2px solid #fff;border-radius: 100%;margin-top: -10px;margin-left: -10px;opacity: 0;transform: scale(0);transition: all .5s;}
.case-center .swiper-pagination-bullet-active {opacity: 1;}
.case-center .swiper-pagination-bullet-active:after {opacity: 1;transform: scale(1);}
.case-center .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 16px;}
.case_list{width: 100%;height: auto;overflow: hidden;}
.case_list ul{margin-left: -2%;}
.case_list ul li{width: 23%;margin-left: 2%;background-color: #fff;border-radius: 3px;margin-bottom: 2%;overflow: hidden;padding: 15px;float: left;}
.case_list ul li .img{width: 100%;padding-top: 75%;position: relative;overflow: hidden;}
.case_list ul li .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;display: block;transition: all .4s ease-out;}
.case_list ul li:hover .img img{transform: scale(1.1);}
.case_list ul li .text{width: 100%;height: auto;padding: 15px 0 5px 0;overflow: hidden;}
.case_list ul li .text h5{height: 30px;line-height: 30px;font-size: 16px;color: #444;padding-right: 19px;background: url("../images/pro_jian4.png") right no-repeat;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .4s ease-out;}
.case_list ul li .text h6{line-height: 30px;font-size: 14px;color: #999;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;padding-top: 5px;}
.case_list ul li:hover .text h5{color: #007749;background: url("../images/pro_jian5.png") right no-repeat;} 
.case_list ul li:first-child{width: 48%;}

/* 新闻中心 */
.news-container{width: 100%;padding: 80px 0 80px 0;}

 .news {
            width: 90%;
            max-width: 1600px;
            margin: 0 auto;
        }
        
        .section-title {
            text-align: center;
            margin-bottom: 50px;
            position: relative;
        }
        
        .section-title h2 {
            font-size: 36px;
            color: #007749;
            font-weight: 700;
            margin-bottom: 15px;
        }
        
        .section-title p {
            font-size: 18px;
            color: #666;
            max-width: 700px;
            margin: 0 auto;
        }
        
        .section-title::after {
            content: '';
            display: block;
            width: 80px;
            height: 4px;
            background: #007749;
            margin: 15px auto;
            border-radius: 2px;
        }
        
      
        .news-content {
            width: 100%;
            margin-top: 30px;
        }
        
        .featured-news {
            display: flex;
            gap: 30px;
            margin-bottom: 50px;
        }
        
        .main-news {
            flex: 1;
            background: #fff;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
            transition: transform 0.3s ease;
        }
        
        .main-news:hover {
            transform: translateY(-10px);
        }
        
        .main-news .img-container {
            width: 100%;
            height: 350px;
            overflow: hidden;
        }
        
        .main-news .img-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all 0.4s ease-out;
        }
        
        .main-news:hover .img-container img {
            transform: scale(1.1);
        }
        
        .main-news .content {
            padding: 30px;
            position: relative;
        }
        
        .main-news .content h3 {
            font-size: 22px;
            color: #222;
            margin-bottom: 15px;
            transition: all 0.3s ease;
        }
        
        .main-news:hover .content h3 {
            color: #007749;
        }
        
        .main-news .content p {
            font-size: 15px;
            color: #666;
            margin-bottom: 25px;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        
        .news-date {
            position: absolute;
            top: -50px;
            right: 30px;
            width: 80px;
            height: 80px;
            background: #007749;
            border-radius: 50%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            color: white;
            font-weight: bold;
            box-shadow: 0 5px 15px rgba(0, 119, 73, 0.3);
        }
        
        .news-date .day {
            font-size: 28px;
            line-height: 1;
        }
        
        .news-date .month {
            font-size: 14px;
            margin-top: 5px;
        }
        
        .btn-detail {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 140px;
            height: 46px;
            border: 2px solid #007749;
            border-radius: 30px;
            font-size: 15px;
            font-weight: 600;
            color: #007749;
            text-decoration: none;
            transition: all 0.3s ease;
            background: transparent;
            cursor: pointer;
        }
        
        .btn-detail:hover {
            background: #007749;
            color: white;
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(0, 119, 73, 0.3);
        }
        
        .btn-detail i {
            margin-left: 8px;
            font-size: 14px;
        }
        
        .news-list {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 25px;
        }
        
        .news-item {
            display: flex;
            background: #fff;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s ease;
            height: 180px;
        }
        
        .news-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
        }
        
        .news-item .img-container {
            width: 35%;
            overflow: hidden;
        }
        
        .news-item .img-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all 0.4s ease;
        }
        
        .news-item:hover .img-container img {
            transform: scale(1.1);
        }
        
        .news-item .content {
            width: 65%;
            padding: 20px;
            position: relative;
        }
        
        .news-item .content h4 {
            font-size: 18px;
            color: #222;
            margin-bottom: 10px;
            transition: all 0.3s ease;
        }
        
        .news-item:hover .content h4 {
            color: #007749;
        }
        
        .news-item .content p {
            font-size: 14px;
            color: #666;
            margin-bottom: 15px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        
        .news-item .content .date {
            font-size: 13px;
            color: #888;
            margin-bottom: 15px;
        }
        
        .news-item .btn-detail {
            position: absolute;
            bottom: 20px;
            right: 20px;
            width: 120px;
            height: 40px;
            font-size: 14px;
        }
        
        
        
        .view-more {
            text-align: center;
            margin-top: 50px;
        }
        
        .btn-more {
            display: inline-flex;
            align-items: center;
            padding: 16px 40px;
            background: #007749;
            color: white;
            font-size: 16px;
            font-weight: 600;
            border-radius: 50px;
            text-decoration: none;
            transition: all 0.3s ease;
            box-shadow: 0 5px 15px rgba(0, 119, 73, 0.3);
        }
        
        .btn-more:hover {
            background: #005a38;
            transform: translateY(-3px);
            box-shadow: 0 8px 20px rgba(0, 119, 73, 0.4);
        }
        
        .btn-more i {
            margin-left: 10px;
        }
        
        @media (max-width: 1000px) {
            .featured-news {
                flex-direction: column;
            }
            
            .news-item {
                height: auto;
            }
            
            .news-item .img-container {
                width: 40%;
            }
            
            .news-item .content {
                width: 60%;
            }
        }
        
        @media (max-width: 768px) {
            .section-title h2 {
                font-size: 28px;
            }
            
            
            .news-item {
                flex-direction: column;
                height: auto;
            }
            
            .news-item .img-container {
                width: 100%;
                height: 180px;
            }
            
            .news-item .content {
                width: 100%;
            }
            
            .video-grid {
                grid-template-columns: 1fr;
            }
        }


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
    .products{width: 92%;}
    .pinpai{width: 92%;}
    .case{width: 92%;}
    .products-container,.core_container,.news-container{padding: 80px 0 60px 0;}
    .core_list .img{height: 300px;}
    .pinpai-container{/* height: 800px; */}
   
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .pinpai_center ul li h5 span{font-size: 80px;}
    .core_list .img{height: 265px;}
    .pinpai-container{/* height: 750px; */}

    
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
    .products-container{padding: 80px 0 50px 0;}
    .pinpai_center ul li h5 span{font-size: 60px;}
    .pinpai_center ul li h6 {font-size: 16px;}
    .pinpai-container{/* height: 720px; */}
    .products-container,.core_container,.news-container{padding: 50px 0;}
    .core_list .img{height: 250px;}
    .core_list .text h6{font-size: 14px;font-weight: normal;}   
    
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    
    .pinpai_center ul li h5 span{font-size: 50px;}
    .pinpai_center ul li h6 {font-size: 14px;}
    .pinpai-container{/* height: 700px; */}
    .core_list .img{height: 234px;}


}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .banner-words h4{font-size: 36px;}
    .banner-words h5{font-size: 14px;margin-top: 15px;}
    .banner-words h5 span{ padding: 6px 30px;border-radius: 30px;}
    .products-container{padding: 60px 0 30px 0;}
    .core_list .img{height: 210px;}
    .pinpai-container{/* height: 670px; */}

    
}
@media screen and (max-width: 1200px){
	.pinpai_center .about_kr_text {padding-top: 20px;font-size: 16px;line-height: 30px;}
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 360移动终端以上 */
    .banner-prev, .banner-next{display: none;}
    .banner-words h4{font-size: 18px;}
    .banner-words h5{font-size: 12px;margin-top: 10px;}
    .banner-words h5 span{ padding: 6px 10px;border-radius: 30px;margin: 5px 5px;}

    .banner .swiper-pagination{bottom: 3px;}
    .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 10px;}

    .products-container,.core_container{padding: 30px 0;}
    .pro_pic{margin-top: 20px;}
    .pro_list .text h5{line-height: 40px;font-size: 14px;}

    .pinpai-container{height: auto;padding: 50px 0;background-size: cover!important;}
	.pinpai_center .about_kr_text{padding-top: 30px;font-size: 15px;line-height: 26px;text-align: justify;}
    .pinpai_center ul li{width: 50%;float: left;border-right: 0;text-align: center;margin-bottom: 20px;}
    .pinpai_center ul li h5{font-size: 20px;color: #007749;font-family: 'impact';}
    .pinpai_center ul li h5 span{font-size: 40px;color: #007749;font-family: 'impact';font-weight: bold;}
    .pinpai_center ul li h6{font-size: 13px;color: #666;}

    .pinpai_center ul li:nth-child(2n){border-right: 0px;}

    .core_container{width: 92%;margin: 0 auto;}
    .core_list .img{height: auto;}
    .core_list .img img{height: auto;}
    .core_list .text{padding: 10px;height: 100px;}
    .core_list .text h5{font-size: 16px;font-weight: normal;}
    .core_list .text i{bottom: 10px;}

	.case-container{padding: 50px 0 20px;}
    .case-center{margin-top: 30px;}
    .case_list ul li{width: 48%;margin-bottom: 10px;overflow: hidden;padding: 10px;}
    .case_list ul li .img{height: 100px;}
    .case_list ul li .text{padding: 10px 0 0px 0;overflow: hidden;}
    .case_list ul li .text h5{font-size: 14px;color: #444;padding-right: 15px;}
    .case_list ul li .text h6{line-height: 30px;font-size: 12px;padding-top: 5px;}
    .case_list ul li:first-child{width: 98%;}
    .case_list ul li:first-child .img{width: 100%;height: auto;overflow: hidden;}
    
    .news-container{padding: 30px 0;}
  
    .pro_pic .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 10px;}
    .core .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 10px;}
    .case-center .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 10px;}


}


.contain-1400 {
    max-width: 92%;
    margin: 0 auto;
}
.indpro{width: 100%; background: linear-gradient(to bottom,#f8f6f6,#f2f2f2); padding-top:6%; padding-bottom:6%;}
.indpro-menu{width: 100%;font-size: 0;text-align: center;margin: 30px 0 46px;user-select: none;}
.indpro-menu li{display: inline-block;vertical-align: top;border-bottom: 1px solid #d9e0ea;padding: 0 34px;}
.indpro-menu li:first-child{padding-left: 0;}
.indpro-menu li:last-child{padding-right: 0;}
.indpro-menu-link{height: 48px;display: block;position: relative;}
.indpro-menu-link i, .indpro-menu-link span{display: inline-block;vertical-align: middle;height: 28px;line-height: 28px;}
.indpro-menu-link span{font-size: 18px;color: #444;font-weight: 700;margin-left: 12px;transition: all .4s ease;}
.indpro-menu-link::after{content: "";position: absolute;width: 0%;height: 2px;background: #007749;left: 0;bottom: -1px;right: 0;margin: 0 auto;transition: all .4s ease;}
.indpro-menu-link.active span, .indpro-menu-link:hover span{color: #007749;}
.indpro-menu-link.active::after{width: 100%;}
.indpro-loop{ max-width: 98%;
    margin: 0 auto;}
.indpro-items{width: 100%;display: none;}
.indpro-items.active{display: block;animation: hideIndex .5s;-moz-animation: hideIndex .5s;-webkit-animation: hideIndex .5s;-o-animation: hideIndex .5s;}
@keyframes hideIndex{0%{ opacity: 0; transform: translateY(50px) }100%{opacity: 1; transform: translateY(0) }}
.indpro-ul{margin: -2% 0 0 -2%;}
.indpro-link{display: block;align-items: center;position: relative;transition: all .4s ease;margin: 2% 0 0 2%;justify-content: center;width: 31.3333%;float: left;background: #fff;box-shadow: 0 2px 12px 2px rgba(29, 32, 136, 0.1);    overflow: hidden;}
.indpro-link .img{width: 100%;padding-top: 75%;position: relative;overflow: hidden;}
.indpro-link .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;display: block;transition: all .6s ease;}
.indpro-cont{position: absolute;transform: scale(0.8);opacity: 0;transition: all .6s ease;z-index: 4;width: 92%;padding: 0 20px;height: 90%;background: rgba(30, 112, 196, 0.80);display: flex;flex-direction: column;justify-content: center;text-align: center;color: #fff;}
.indpro-cont h2{font-size: 18px;font-weight: 700;margin-bottom: 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.indpro-cont p{font-size: 16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.indpro-link:hover .indpro-cont{transform: scale(1);opacity: 1;}

.indpro-ul .text {
    padding: 20px;
    background-color: #f5f5f5;
    overflow: hidden;
}

.indpro-ul .text h6 {
	height:30px;
	line-height:30px;
	font-size:16px;
	color:#444;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	background:url('../images/pro_jian4.png') right center no-repeat;
	padding-right:20px;
	transition: all .4s ease;
}
.indpro-ul:hover .text h6 {
	color: #007749;
	background:url('../images/pro_jian5.png') right center no-repeat
}

.indpro-link img:hover {
	transform:scale(1.1)
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .indban-cont h2 {font-size: 32px;}
    .indban-cont p {font-size: 18px;}
    .indban-img img.pc{min-height: 400px;}
    @keyframes banCont {0% {transform: translateY(80px);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}
    .indtab-link p {font-size: 14px;line-height: 22px;}
    .indser-ul{height: auto;margin-top: 1px;}
    .indser {padding: 68px 0;}
    .indser-list {margin-top: 44px;}
    .indser-link{width: 50%;margin-top: -1px;}
    .indpro-menu li {padding: 0 12px;}
    .indpro-menu-link {height: 42px;}
    .indpro-link{width: 48%;}
    .indpro-cont {width: 94%;padding: 16px 20px;height: auto;bottom: 0%;opacity: 1;transform: scale(1);}
    .indrel-cont{width: 100%;}
    .indrel-rel {margin-left: 0;width: 100%;margin: 20px 0;}
    .indget-rel{width: 100%;}
    .indget-cont{width: 100%;padding-left: 0;margin: 20px 0;}
    .indget-input{max-width: 360px;}
    .indget-img{left: auto;right: 0;}
    .indnews-main{width: 100%;}
    .indnews-items{width: 100%;margin-top: 20px;}
    .indcall-img {width: 100px;left: 20px;}
    .indcall {padding: 0px 20px 0 144px;}
    .indcall-cont h2 {font-size: 20px;}
    .indnews {padding-bottom: 68px;}
    .indnews-main img{height: 240px;}
    .indapp-cont h2 a, .indapp-cont h2 span{display: block;}
    .indapp-cont h2 span{margin-left: 0;margin-top: 8px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .indban-img img.pc{display: none;}
    .indban-img img.mb{display: block;min-height: 300px;}
    .indban-cont {padding-bottom: 0;}
    .indban-cont h2 {font-size: 22px;margin-bottom: 6px;}
    .indban-cont p {font-size: 14px;}
    .indtab {margin-top: 20px;}
    .indtab-link{width: 50%;}
    .indtab-link:nth-child(2n):after {display: none;}
    .indtab-link::before {content: "";position: absolute;width: 100%;height: 1px;bottom: 0;right: 0;background: #2d30a4;}
    .indtab-link p {font-size: 13px;line-height: 21px;}
    .indtab-link:nth-last-child(1)::before, .indtab-link:nth-last-child(2)::before{display: none;}
    .indtab-link h2 {font-size: 16px;margin: 12px 0 8px;}
    .indtab-link i {height: 32px;}
    .indtab-link {height: 162px;}
    .indTitle h2 {font-size: 22px;line-height: 1.32;}
    .indTitle p {font-size: 16px;margin: 12px 0;line-height: 22px;}
    .indTitle i {width: 48px;}
    .indser-img h2 {font-size: 16px;}
    .indser-cont {padding: 0 12px;height: 200px;}
    .indser-cont p {font-size: 13px;line-height: 21px;}
    .indser-img{height: 132px;}
    .indser-list {margin-top: 32px;}
    .indser {padding: 40px 0;}
    .indpro {padding: 40px 0;}
    .indpro-menu {margin: 18px 0 32px;}
    .indpro-menu-link span {font-size: 16px;margin-left: 8px;}
    .indpro-menu-link {height: 38px;}
    .indpro-menu li{width: 50%;margin: 0;margin-top: 12px;text-align: center;}
    .indpro-menu{text-align: left;}
    .indpro-link{height: auto;}
    .indpro-cont h2 {font-size: 15px;margin-bottom: 4px;}
    .indpro-cont {padding: 3px 12px;}
    .indpro-cont p{font-size: 13px;}
    .indpro-link img {max-width: 100%;    height: auto;;}

    .indget, .indrel {padding: 36px 0 20px;}
    .indrel-img, .indget-img{position: static;width: 100%;text-align: center;}
    .indrel-img img, .indget-img img{max-width: 200px;}
    .indrel-cont h2, .indget-cont h2 {font-size: 22px;margin-bottom: 6px;}
    .indrel-rel h6, .indget-rel h6 {font-size: 22px;padding-left: 40px;}
    .indrel-rel, .indget-cont{margin: 16px 0 24px;}
    .indcase {padding: 40px 0;}
    .indcase-loop{margin-top: 32px;}
    .indcase-cont{padding-left: 0 24px;}
    .indapp {padding: 40px 0 28px;}
    .indapp-img{width: 100%;}
    .indapp-cont, .indapp-img img{height: auto;}
    .indapp-cont{width: 100%;padding: 24px 20px;}
    .indapp-cont h2 a, .indapp-cont h2 span {font-size: 20px;}
    .indget-input {max-width: 100%;padding-left: 0;}
    .indpar {padding: 40px 0;}
    .indpar-loop {margin-top: 32px;}
    .indpar-link{height: 100px;}
    .indmix {padding-top: 40px;}
    .indnews {padding-bottom: 32px;}
    .indnews-list, .indnews-imglink img, .indnews-main img{height: auto;}
    .indnews-main img{height: 180px;}
    .indnews-main-title p, .indnews-imglink-cont p{margin-top: 10px;}
    .indnews-main-cont, .indnews-imglink-cont {padding: 24px 20px;}
    .indnews-imglink{width: 100%;}
    .indnews-list{width: 100%;padding: 24px 20px;}
    .indcall-cont h2 {font-size: 18px;line-height: 1.32;}
    .indcall {padding: 32px 20px 140px;}
    .indcall-img{right: 0;}
    .indcall-cont, .indcall-call{height: auto;}
    .indcall-call{position: absolute;z-index: 2;right: 20px;bottom: 40px;}
	
	.indpro-ul .text {padding: 5px;}
	.indpro-ul .text h6 {font-size: 14px;}
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .contain-1400, .contain{width: 92%;}
    
    .Footer-wrapper .contain-1400{width: 100%;}
    .Footer-contact li {height: 100px;width: 100% !important;padding: 0 4%;}
    .Footer-contact li::after {width: 100%;height: 1px;right: 0;top: auto;bottom: 0;margin-top: 0;}
    .Footer-items{padding: 32px 0;}
    .Footer-logo{width: 100%;text-align: center;}
    .Footer-navbar{width: 100%;margin-top: 20px;}
    .Footer-navbar ul{display: block;}
    .Footer-navbar li{width: 100%;position: relative;}
    .Footer-menu{height: 40px;line-height: 40px;padding: 0 4%;position: relative;font-size: 16px;}
    .Footer-menu::after{content: "";width: 44px;height: 40px;position: absolute;z-index: 2;right: 0;top: 0;background: url('../images/arrowDownHover.svg') no-repeat center /16px auto;}
    .Footer-menu.active::after{transform: rotate(180deg);}
    .Footer-drop{margin-top: 0;background: #161616;padding: 8px 0;display: none;}
    .Footer-drop a{width: 100%;padding: 5px 4%;color: #fff;}
    .Footer-navbar li.Footer-drop-code{text-align: center;}
    .Footer-navbar li.Footer-drop-code .Footer-menu::after{display: none;}
    .Footer-code{margin: 10px 0 0;}
    .Footer-code img{margin-top: 0;}
    .Footer-copyright {padding: 16px 0;}
    .Footer-copyright h6{font-size: 12px;line-height: 24px;width: 100%;text-align: center;}
    .Footer-copyright-icon{width: 94%;margin: 0 auto;}
    .Footer-copyright-icon a{margin-left: 4px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
}

.clearfix:after {content:".";display:block;height:0;clear:both;overflow:hidden;visibility:hidden;}
.clearfix {zoom:1}
.clearboth {height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

/*----- Common css ------*/
.fl {float:left;}
.fr {float:right;}

/* 选择大永圣五大优势 */

.wdys {
	padding-top:6%;
	padding-bottom:6%;
	background:url(../images/wdys_bg.jpg) no-repeat  center;
	background-size:cover;
}
.wdys .wdys_ft {
	text-align:center;
}
.wdys .wdys_ft h3 {
	font-size:40px;
	font-weight:bold;
	line-height:1;
	color:#000000;
}
.wdys .wdys_ft h3 span {
	color:#007749;
}
.wdys .wdys_ft h4 {
	font-size:20px;
	font-weight:normal;
	line-height:1.1;
	letter-spacing:1px;
	color:#999999;
	margin-top:12px;
}
.wdys .wdys_fc {
	margin-top:1.5%;
	margin-bottom:2.5%;
}
.wdys .wdys_fc ul {
	font-size:0;
	text-align:center;
}
.wdys .wdys_fc ul li {
	display:inline-block;
	width:215px;
	background-color:#e6e6e6;
	margin:5px 9px;
	padding:1.858%  0;
	text-align:center;
}
.wdys .wdys_fc ul li .flimg {
	width:42px;
	height:42px;
	text-align:center;
	margin-right:5px;
}
.wdys .wdys_fc ul li .flnr {
	display:inline-block;
}
.wdys .wdys_fc ul li .flimg .img2 {
	display:none;
}
.wdys .wdys_fc ul li .flwz {
	text-align:left;
	width:calc(100% - 47px);
}
.wdys .wdys_fc ul li .flwz h3 {
	font-size:23px;
	font-weight:bold;
	line-height:1;
	color:#333333;
	padding-top:2px;
	overflow:hidden;
	white-space:nowrap;
}
.wdys .wdys_fc ul li .flwz h4 {
	font-size:12px;
	font-weight:normal;
	line-height:1;
	color:#333333;
	margin-top:5px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.wdys .wdys_fc ul li:hover .flimg .img2 {
	display:inline;
}
.wdys .wdys_fc ul li:hover .flimg .img1 {
	display:none;
}
.wdys .wdys_fc ul li:hover {
	background-color:#007749;
}
.wdys .wdys_fc ul li:hover .flwz h3 {
	color:#fff;
}
.wdys .wdys_fc ul li:hover .flwz h4 {
	color:#fff;
}
.wdys .wdys_fc ul li.on .flimg .img2 {
	display:inline;
}
.wdys .wdys_fc ul li.on .flimg .img1 {
	display:none;
}
.wdys .wdys_fc ul li.on {
	background-color:#007749;
}
.wdys .wdys_fc ul li.on .flwz h3 {
	color:#fff;
}
.wdys .wdys_fc ul li.on .flwz h4 {
	color:#fff;
}
.wdys .wdys_fb {
	background-color:#ffffff;
	padding:2.786% 2.5% 2.786% 5.4%;
	border-radius: 8px 8px 8px 8px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}
.wdys .wdys_fb .wdys_fbl {
	margin-top:1.94%;
	width:47%;
}
.wdys .wdys_fb .wdys_fbl .wdys_fblt h3 {
	font-family:Impact;
	font-size:60px;
	color:#007749;
}
.wdys .wdys_fb .wdys_fbl .wdys_fblt h4 {
	font-size:20px;
	font-weight:bold;
	line-height:1.5;
	color:#e6e6e6;
	margin-top:2px;
	padding-bottom:10px;
	border-bottom:1px solid #e6e6e6;
	margin-left:11px;
}
.wdys .wdys_fb .wdys_fbl .wdys_fblc {
	font-size:26px;
	font-weight:bold;
	line-height:1;
	color:#007749;
	margin-top:4.292%;
}
.wdys .wdys_fb .wdys_fbl .wdys_fblb {
	font-size:16px;
	font-weight:normal;
	line-height:1.75;
	color:#808080;
	margin-top:2.642%;
}
.wdys .wdys_fb .wdys_fbl .wdysckgd {
	display:block;
	width:120px;
	border:solid 1px #999999;
	font-size:14px;
	line-height:28px;
	color:#808080;
	text-align:center;
	margin-top:8.748%;
}
.wdys .wdys_fb .wdys_fbr {
	width:51.86%;
}
.wdys .wdys_fb .wdys_fbr img {
	width:100%}
@media(max-width:1240px) {
	.wdys .wdys_fc ul li {
	margin:5px 0.5% 5px 0;
	width:19.6%;
}
.wdys .wdys_fc ul li:last-child {
	margin-right:0;
}
.wdys .wdys_fc ul li .flwz h3 {
	font-size:18px;
}
}
@media(max-width:991px) {
	.wdys .wdys_ft h3 {
	font-size:32px;
}
.wdys .wdys_ft h4 {
	font-size:16px;
}
.wdys .wdys_fc ul li {
	width:32%;
	margin:5px 2% 5px 0;
}
.wdys .wdys_fc ul li:nth-child(3n) {
	margin-right:0;
}
.wdys .wdys_fb {
	padding:2%;
}
.wdys .wdys_fb .wdys_fbl {
	width:100%;
}
.wdys .wdys_fb .wdys_fbl .wdys_fblt h3 {
	font-size:60px;
}
.wdys .wdys_fb .wdys_fbl .wdys_fblt h4 {
	font-size:28px;
	margin-top:13px;
	padding-bottom:10px;
}
.wdys .wdys_fb .wdys_fbl .wdys_fblc {
	font-size:28px;
	margin-top:15px;
}
.wdys .wdys_fb .wdys_fbl .wdys_fblb {
	font-size:16px;
	margin-top:10px;
}
.wdys .wdys_fb .wdys_fbl .wdysckgd {
	margin-top:15px;
}
.wdys .wdys_fb .wdys_fbr {
	width:100%;
	margin-top:15px;
}
}
@media(max-width:768px) {
	.wdys {
	padding:25px 0;
}
.wdys .wdys_ft h3 {
	font-size:28px;
}
.wdys .wdys_ft h4 {
	font-size:14px;
	line-height:1.2;
}
.wdys .wdys_fc ul li {
	width:49%;
	margin:5px 2% 5px 0;
}
.wdys .wdys_fc ul li:nth-child(3n) {
	margin-right:2%;
}
.wdys .wdys_fc ul li:nth-child(2n) {
	margin-right:0;
}
.wdys .wdys_fb {
	padding:15px;
}
.wdys .wdys_fb .wdys_fbl .wdys_fblt h3 {
	font-size:50px;
}
.wdys .wdys_fb .wdys_fbl .wdys_fblt h4 {
	font-size:20px;
	margin-top:10px;
	margin-left:5px;
}
.wdys .wdys_fb .wdys_fbl .wdys_fblc {
	font-size:24px;
}
.wdys .wdys_fb .wdys_fbl .wdys_fblb {
	font-size:14px;
}
}
@media(max-width:468px) {
	.wdys .wdys_ft h3 {
	font-size:26px;
}
.wdys .wdys_ft h4 {
	font-size:12px;
}
.wdys .wdys_fc {
	margin-top:10px;
	margin-bottom:10px;
}
.wdys .wdys_fc ul li {
	padding:10px 0;
}
.wdys .wdys_fb {
	padding:15px 2%;
}
.wdys .wdys_fb .wdys_fbl .wdys_fblt h3 {
	font-size:35px;
	font-weight:bold;
}
.wdys .wdys_fb .wdys_fbl .wdys_fblt h4 {
	font-size:18px;
	margin-top:8px;
	padding-bottom:8px;
}
.wdys .wdys_fb .wdys_fbl .wdys_fblc {
	font-size:20px;
}
;}.wdys .wdys_fbw {
	position:relative;
}
.wdys .wdys_fb {
	transform:translateX(100%);
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.85s;
}
.wdys .wdys_fb.cur1 {
	transform:translateX(0);
}
.wdys .wdys_fc ul li.cur .flimg .img2 {
	display:inline;
}
.wdys .wdys_fc ul li.cur .flimg .img1 {
	display:none;
}
.wdys .wdys_fc ul li.cur {
	background-color:#007749;
}
.wdys .wdys_fc ul li.cur .flwz h3 {
	color:#fff;
}
.wdys .wdys_fc ul li.cur .flwz h4 {
	color:#fff;
}