@charset "utf-8";
/* ===================引导页样式========================== */
.banner{width: 100%;position: relative;}
.banner-img{width: 100%;}
.banner-img img{width: 100%;object-fit: cover;}
.banner-pc{display: block;min-height: 400px;}
.banner-mb{display: none;min-height: 320px;}
.banner-wd{position: absolute;width: 100%;left: 0;top: 45.2%;z-index: 2;transform: translatey(-50%);}
.banner-wd h6{opacity: 0;font-size: 72px;color: #434343;font-weight: 700;width: 448px;text-align: justify;text-justify: inter-word;}
.banner-wd h6 span{color: #00984a;}
.banner-wd p{opacity: 0;font-size: 16px;color: #888;margin-top: 40px;font-weight: 300;width: 448px;line-height: 34px;text-align: justify;text-justify: inter-word;}
.banner-wd p span{font-size: 20px;color: #00984a;font-weight: 400;}
.swiper-slide-active .banner-wd h6{animation: inddhp 1s ease both .8s;}
.swiper-slide-active .banner-wd p{animation: inddhp 1s ease both 1.4s;}
@keyframes inddhp{0%{opacity: 0;transform: translatex(120px);}100%{opacity: 1;transform: translatex(0);}}
.banner .swpfocus.swiper-pagination{bottom: 24px;}
.swpfocus.swiper-pagination span{margin: 0 8px !important;}
.swpfocus.swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;background: #fff;opacity: 1;border: 3px solid #00984a;}
.swpfocus.swiper-pagination .swiper-pagination-bullet-active{background: #00984a;}

.product{width: 100%;overflow: hidden;padding-top: 84px;}
.ind-title{width: 100%;text-align: center;}
.ind-title h6{font-size: 48px;color: #222;}
.ind-title p{font-size: 12px;color: #00984a;font-family: arial, helvetica, sans-serif;text-transform: uppercase;margin-top: 12px;}
.product-probox{width: 100%;margin-top: 32px;}
.product-probox .contain{position: relative;padding: 0 220px;}
.equip-min{width: 100%;text-align: center;display: block;position: relative;padding-bottom: 28px;cursor: pointer;}
.product-proimg{width: 100%;height: 76px;line-height: 76px;}
.product-proimg img{max-height: 100%;}
.product-prowd{width: 100%;margin-top: 12px;}
.product-prowd p{font-size: 16px;color: #999;transition: all .4s ease;}
.equip-min:hover .product-prowd p{color: #00984a;}
.equip-min.cur .product-prowd p{color: #00984a;font-weight: 700;}
.equip-min:after{content: "";position: absolute; width: 0;height: 0;border: 12px solid;border-color: transparent transparent #f2f2f2;bottom: 0;left: 50%;margin-left: -10px;opacity: 0;transition: all .4s ease;}
.equip-min.cur:after{opacity: 1;}
.product-prev, .product-next{position: absolute;width: 52px;height: 52px;top: 50%;margin-top: -50px;border-radius: 50%;background: #e4e4e4  no-repeat center;transition: all .4s ease;cursor: pointer;}
.product-prev{left: 100px;}
.product-next{right: 100px;transform: rotate(180deg);}
.product-prev:hover, .product-next:hover{background-color: #00984a;}
.product-desbox{width: 100%;padding: 64px 0;background:  repeat-x center /cover;}
.product-desbox .contain{box-shadow: 0 4px 10px 4px #d1d1d1;}
.product-deswdimg{width: 100%;background: #fff;padding: 16px;overflow: hidden;}
.product-deswd{width: 62.5%;float: left;padding: 30px 58px 0 40px;}
.product-deswdtit{width: 100%;}
.product-deswdtit h6{font-size: 32px;color: #333;}
.product-deswdtit p{font-size: 16px;color: #00984a;margin: 12px 0 10px;}
.product-deswdtit i{width: 20px;height: 2px;background: #00984a;display: block;}
.product-deswdtags{width: 100%;font-size: 0;padding: 34px 0 20px;border-bottom: 1px solid #ececec;}
.product-deswdtags a{display: inline-block;vertical-align: middle;margin: 4px 0;position: relative;font-size: 16px;color: #666;margin-right: 24px;padding-left: 18px;background:  no-repeat left center;cursor: default;}
.product-deswdpar{width: 100%;padding-top: 20px;}
.product-deswdpar p{font-size: 14px;color: #999;line-height: 24px;text-align: justify;text-justify: inter-word;height: 72px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.product-more{display: block;width: 130px;height: 40px;margin-top: 44px;position: relative;line-height: 38px;text-align: center;transition: all .6s ease;border: 1px solid #00984a;font-size: 14px;color: #00984a;}
.product-more span{position: relative;z-index: 2;}
.product-more:before{content:"";position: absolute;top: 0;left: 0;width: 0;height: 100%;z-index: 1;background: #00984a;transition: all .6s ease;}
.product-more:hover{color: #fff;}
.product-more:hover:before{width: 100%;}
.product-desimg{width: 37.5%;float: right;min-height: 400px;background: #f0f0f0;padding: 30px 4%;text-align: center;}
.product-desimg img{max-width: 100%;transition: all 1.2s ease;}

.caseloop-wd .product-more{background: rgba(0, 0, 0, .8);}
.case{width: 100%;padding-top: 84px;}
.case-menu{width: 100%;padding-top: 36px;font-size: 0;text-align: center;user-select: none;}
.case-menu ul li{display: inline-block;vertical-align: middle;margin: 0 40px;font-size:20px;font-weight:700;color: #808080;padding-bottom: 24px;position: relative;cursor: pointer;transition: all .6s ease;}
.case-menu ul li:after{content: "";width: 0%;height:5px;background: #00984a;left: 0;right: 0;margin: 0 auto;bottom: 0;position: absolute;transition: all .4s ease;}
.case-menu ul li:hover, .case-menu ul li.ontrue{color: #00984a;}
.case-menu ul li:hover:after, .case-menu ul li.ontrue:after{width: 100%;}
.case-content{width: 100%;overflow: hidden;}
.caseloop{width: 100%;display: none;}
.caseloop.ontrue{display: block;}
.caseloop-wdimg{width: 100%;position: relative;}
.caseloop-img{width: 100%;position: relative;}
.caseloop-img:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .2;}
.caseloop-img img{width: 100%;object-fit: cover;}
.caseloop-wd{position: absolute;left: 0;top: 50%;transform: translatey(-50%);z-index: 2;width: 100%;}
.caseloop-wddesc{opacity: 0;width: 468px;padding: 34px 26px 26px;background: rgba(62, 189, 97, .92);}
.caseloop-wddesc h6{font-size: 32px;color: #fff;font-weight: 700;}
.caseloop .project-xy-desc{width: 100%;margin-top: 18px;}
.caseloop-wddesc p{font-size: 14px;color: #fff;line-height: 24px;}
.case-more{opacity: 0;margin-top: 28px;}
.case-prev, .case-next{position: absolute;width: 52px;height: 52px;top: 50%;margin-top: -32px;border-radius: 50%;background: rgba(255, 255, 255, .3)  no-repeat center;transition: all .4s ease;cursor: pointer;z-index: 4;}
.case-prev{left: 12.5%;}
.case-next{right: 12.5%;transform: rotate(180deg);}
.case-prev:hover, .case-next:hover{background-color: #00984a;}
.swiper-slide-active .caseloop-wddesc{animation: inddhp 1s ease both .8s;}
.swiper-slide-active .case-more{animation: inddhp 1s ease both 1.4s;}

.news{width: 100%;overflow: hidden;background:  repeat-x center /cover;padding: 100px 0;}
.news-desc{width: 21%;float: left;}
.news-desc .ind-title{text-align: left;}
.news-descwd{width: 100%;margin-top: 24px;}
.news-descwd p{font-size: 15px;color: #999;line-height: 28px;}
.news-descwd p span{font-size: 24px;color: #00984a;}
.news-more{margin-top: 200px;}
.news-tab{width: 79%;float: right;background: #fff;box-shadow: 0 4px 10px 4px #d1d1d1;padding: 24px 28px 4px 36px;position: relative;}
.news-tablink{display: block;width: 100%;position: relative;padding: 0 216px 0 100px;min-height: 120px;margin-bottom: 18px;z-index: 3;}
.news-tabtime{width: 80px;height: 90px;text-align: center;background: #f0f0f0;top: 15px;left: 0;position: absolute;transition: all .6s ease;padding-top: 18px;}
.news-tabtime p{font-size: 34px;color: #999;font-family: arial, helvetica, sans-serif;transition: all .4s ease;}
.news-tabtime span{display: block;font-size: 14px;color: #999;margin-top: 2px;transition: all .4s ease;}
.news-tabwd{width: 100%;position: relative;padding: 15px 0 40px;}
.news-tabwd:after{content: "";position: absolute;width: 100%;height: 1px;background: #f0f0f0;left: 0;bottom: 0;}
.news-tabwd h6{font-size: 16px;color: #333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition: all .6s ease;}
.news-tabwd p{font-size: 14px;color: #999;line-height: 20px;margin-top: 28px;height: 40px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news-tabimg{width: 192px;height: 120px;position: absolute;right: 0;top: 0;overflow: hidden;}
.news-tabimg img{width: 100%;height: 100%;object-fit: cover;transition: all 1.2s ease;}
.news-tablink:last-child .news-tabwd:after{display: none;}
.news-tablink:last-child .news-tabwd{padding-bottom: 20px;}
.news-tablink:hover .news-tabtime{background: #00984a;}
.news-tablink:hover .news-tabtime p{color: #fff;}
.news-tablink:hover .news-tabtime span{color: #fff;}
.news-tablink:hover .news-tabwd h6{color: #00984a;}
.news-tablink:hover .news-tabimg img{transform: scale(1.04);}
.news-tab:after {content: "";width: 1px;position: absolute;height: 66%;top: 74px;left: 76px;background: #d8d8d8;z-index: 1;}

.team{width: 100%;overflow: hidden;padding: 84px 0 66px;}
.team-content{width: 100%;margin-top: 44px;}
.team-wdimg{width: 100%;text-align: center;border: 1px solid #f5f5f5;padding: 16px 4%;transition: all .6s ease;}
.team-img {width: 100%;height: 70px;}
.team-img img{max-height: 100%;}
.team-wdimg p{font-size: 14px;color: #999;margin-top: 10px;}
.team-content .swiper-pagination-bullet {background: #d2d2d2;opacity: 1;}
.team-content .swiper-pagination-bullet-active {opacity: 1;background: #00984a;}
.team-content .swiper-wrapper{padding-bottom: 64px;}
.team-wdimg:hover{border-color: #00984a;box-shadow: 0 4px 10px 4px #caead9;}
.team-content .contain{width: 1312px;}
.team-content .swiper-container {padding: 0 16px;}

.apply{width: 100%;overflow: hidden;padding: 80px 0 68px;}
.apply-loop{width: 100%;margin-top: 38px;position: relative;padding-top: 76px;}
.apply-loop:after{position: absolute;content: "";width: 100%;height: 502px;background: #3b9f63;top: 0;left: 0;}
.apply-loop .contain{padding: 0 74px;position: relative;}
.apply-imgwd{display: block;width: 100%;}
.apply-img{width: 100%;}
.apply-img img{width: 100%;height: 426px;object-fit: cover;}
.apply-wd{width: 100%;background: #fff;padding: 36px 40px;text-align: center;}
.apply-wd h6{font-size: 20px;color: #0b713d;font-weight: bold;margin-bottom: 10px;}
.apply-wd p{font-size: 14px;color: #999;line-height: 24px;}
.apply-imgwd:hover .apply-wd h6{color: #0b713d;}
.apply-loop-box{box-shadow: 0 6px 12px 4px #d6d6d6;}
.apply-prev, .apply-next{width: 52px;height: 52px;top: 34%;z-index: 2;position: absolute;border-radius: 50%;background: rgba(255, 255, 255, .2)  no-repeat center;cursor: pointer;transition: all .4s ease;}
.apply-prev{left: 0;}
.apply-next{right: 0;transform: rotate(180deg);}
.apply-link{width: 100%;text-align: center;}
.apply-link .product-more{margin: 30px auto 0;}
.apply-prev:hover, .apply-next:hover{background-color: rgba(255, 255, 255, .4);}



/* -------------------------pc端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
    .banner-wd h6{font-size: 60px;width: 418px;}
    .banner-wd p{width: 418px;}
    .case-prev{left: 4%;}
    .case-next{right: 4%;}
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .banner-wd{top: 46%;}
    .banner-wd h6{font-size: 54px;width: 372px;}
    .banner-wd p{width: 372px;line-height: 32px;}
    .ind-title h6{font-size: 40px;}
    .product {padding-top: 72px;}
    .case {padding-top: 72px;}
    .news {padding: 84px 0;}
    .team {padding: 72px 0 60px;}
    .caseloop-wd .contain{width: 1080px;}
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
    .banner-wd{top: 48%;}
    .banner-wd h6{font-size: 44px;width: 100%;}
    .banner-wd p{width: 446px;margin-top: 32px;}
    .ind-title h6 {font-size: 36px;}
    .product {padding-top: 64px;}
    .case {padding-top: 64px;}
    .news {padding: 74px 0;}
    .team {padding: 64px 0 60px;}
    .product-deswdtit h6,.caseloop-wddesc h6{font-size: 28px;}
    .caseloop-wd .contain {width: 1020px;}
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    .product {padding-top: 60px;}
    .case {padding-top: 60px;}
    .news {padding: 68px 0;}
    .team {padding: 60px 0 54px;}
    .ind-title h6 {font-size: 32px;}
    .team-content .contain{width: 92%;}
    .product-deswdtit h6, .caseloop-wddesc h6 {font-size: 24px;}
    .caseloop-wd .contain {width: 940px;}
    .apply {padding: 68px 0 60px;}
    .apply-loop {padding-top: 60px;}
    .apply-img img{height: 380px;}
    .apply-loop:after{height: 440px;}
    .apply-prev, .apply-next{top: 31%;}
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .banner-wd h6{font-size: 40px;}
    .banner-wd p{width: 410px;margin-top: 28px;}
    .product-probox .contain{padding: 0 160px;}
    .product-prev {left: 50px;}
    .product-next {right: 50px;}
    .caseloop-wd .contain {width: 900px;}
    .case-menu ul li {margin: 0 30px;font-size: 18px;}
    .apply-img img{height: 340px;}
    .apply-loop:after{height: 400px;}
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
    .banner-img img{height: auto !important;}
    .product-deswd {padding: 30px 34px 0 24px;}
    .caseloop-wd .contain {width: 868px;}
    .case-menu ul li {margin: 0 32px;}
    .news {padding: 54px 0;}
    .caseloop-img img{min-height: 280px;}
    .case-menu ul li {margin: 0 20px;font-size: 18px;}
    .apply-img img{height: 280px;}
    .apply-loop:after{height: 340px;}
    .apply-wd h6{font-size: 18px;}
    .apply-wd {padding: 30px 36px;}
    .apply-prev, .apply-next {top: 28%;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .banner .swpfocus.swiper-pagination {bottom: 16px;}
    .banner-wd h6{font-size: 30px;}
    .banner-wd p{width: 310px;margin-top: 14px;line-height: 26px;font-size: 14px;}
    .banner-wd p span{font-size: 18px;}
    .banner-wd{top: 50%;}
    .product-probox .contain{padding: 0 80px;}
    .product-prev {left: 10px;}
    .product-next {right: 10px;}
    .product-deswd {padding: 20px 4% 0 2%;}
    .product-deswdtags {padding: 24px 0 16px;}
    .product-deswdpar {padding-top: 16px;}
    .product-deswdtags a{margin-right: 16px;}
    .product-more{margin-top: 24px;}
    .product-desimg {min-height: 386px;padding: 24px 4%;}
    .case-menu ul li {margin: 0 14px;padding-bottom: 18px;}
    .team-content .swiper-wrapper {padding-bottom: 54px;}
    .news-tab {width: 78%;padding: 20px 20px 4px 20px;}
    .news-tab:after{display: none;}
    .caseloop-wd .contain{width: 600px;}
    .caseloop-wddesc {padding: 20px 20px 18px;}
    .news-tabwd {padding: 15px 0 20px;}
    .case-menu ul li {margin: 0 10px;font-size: 16px;}
    .case-menu ul li:after{height: 3px;}
    .apply-img img{height: 210px;}
    .apply-loop:after{height: 270px;}
    .apply-wd h6{line-height: 26px;}
    .apply-prev, .apply-next {top: 19%;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .banner-pc{display: none;}
    .banner-mb{display: block;}
    .banner-wd{display: none;}
    .banner-wd h6{text-align: center;text-justify: auto;font-size: 24px;}
    .banner-wd p {width: 100%;text-align: center;text-justify: auto;margin-top: 10px;line-height: 22px;font-size: 12px;}
    .banner-wd p span {font-size: 16px;}
    .banner .swpfocus.swiper-pagination {bottom: 10px;}
    .product {padding-top: 38px;}
    .case {padding-top: 38px;}
    .news {padding: 40px 0;}
    .team {padding: 38px 0 32px;}
    .ind-title h6 {font-size: 28px;}
    .product-probox .contain{padding: 0 48px;}
    .product-prev {left: 0;}
    .product-next {right: 0;}
    .product-prev, .product-next{width: 40px;height: 40px;margin-top: -42px;}
    .product-desbox{padding: 32px 0;}
    .product-deswdimg{padding: 24px 4%;}
    .product-deswd {width: 100%;padding: 0;}
    .product-deswdtit h6, .caseloop-wddesc h6 {font-size: 22px;}
    .product-deswdtags {padding: 16px 0 14px;}
    .product-desimg {min-height: auto;width: 100%;padding: 24px 4%;margin-top: 24px;}
    .case-menu {padding-top: 32px;}
    .case-menu ul li {margin: 0;padding-bottom: 10px;width: 50%;padding: 4px 8px 12px;font-size: 13px;}
    .case-menu ul li:after{display: none;}
    .case-prev, .case-next{width: 40px;height: 40px;margin-top: -20px;}
    .caseloop-wd .contain{width: 92%;}
    .caseloop-wddesc {width: 100%;padding: 16px 4% 12px;}
    .caseloop-wddesc h6{font-size: 18px;}
    .caseloop .project-xy-desc {margin-top: 10px;}
    .news-desc{width: 100%;}
    .news-tab {width: 100%;padding: 20px 4% 4px;margin-top: 24px;}
    .news-tablink {padding: 130px 0 0 0;min-height: 120px;}
    .news-tabwd p{margin-top: 12px;}
    .team-content {margin-top: 32px;}
    .apply {padding: 38px 0;}
    .apply-loop {padding-top: 34px;margin-top: 32px;}
    .apply-prev, .apply-next{width: 40px;height: 40px;background-size: 9px auto;}
    .apply-loop .contain {padding: 0;}
    .apply-img img{height: 124px;}
    .apply-loop:after{height: 158px;}
    .apply-wd {padding: 18px 20px;}
    .apply-wd h6 {font-size: 16px;line-height: 24px;}
    .apply-wd {padding: 20px;}
    .apply-prev, .apply-next{background-color: rgba(0, 0, 0, .4) !important;top: 12.5%;}
    .apply-prev{left: 4px;}
    .apply-next{right: 4px;}
}