/* ===================首页样式========================== */
.banner{width: 100%;overflow: hidden;position: relative;}
.banner a{display: block;width: 100%;}
.ban-imgpc,.ban-imgmb{width: 100%;object-fit: cover;}
.ban-imgpc{min-height: 400px;}
.ban-imgmb{min-height: 360px;display: none;}
.banner .swiper-pagination{bottom: 40px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 12px;}
.banner .swiper-pagination-bullet {background: #fff;position: relative;opacity: .58;}
.banner .swiper-pagination-bullet-active {opacity: 1;background: #fff;}
.banner .swiper-pagination-bullet-active:after{content: "";width: 20px;height: 20px;border: 1px solid #fff;position: absolute;border-radius: 20px;left: 50%;top: 50%;margin-left: -10px;margin-top: -10px;}
/* 2019/11/27 banner文字分离 */
.banner-words{position: absolute;z-index: 2;width: 100%;left: 0;top: 40%;transform: translateY(-50%);text-align: center;}
.banner-words h6{font-size: 38px;color: #fff;display: inline-block;position: relative;padding: 10px 36px;border: 1px solid #fff;opacity: 0;}
.banner-words h6:after, .banner-words h6:before{content: "";position: absolute;height: 1px;width: 88px;background: #fff;top: 50%;margin-top: 2px;}
.swiper-slide-active .banner-words h6{animation: banToun 1.2s ease both 600ms;}
.banner-words h6:after{left: -68px;}
.banner-words h6:before{right: -68px;}
.banner-words p{width: 100%;background:url(/templets/default/images/wenzi2.png);opacity: 0;height: 816px;}
.banner-words div{width: 100%;background:url(/templets/default/images/wenzi.png);opacity: 0;height: 730px;}
.swiper-slide-active .banner-words p{animation: banToun 1.2s ease both 1s;}
.swiper-slide-active .banner-words div{animation: banToun 1.2s ease both 1s;}
@keyframes banToun{0%{opacity: 0;transform: translateY(180px);}100%{opacity: 1;transform: translateY(0);}}

/* over */
.business{width: 100%;position: relative;padding: 78px 0 96px;overflow: hidden;}
.business:before, .business:after{content: "";position: absolute;}
.business:before{width: 107px;height: 105px;top: 78px;left: 105px;/*background: url('../images/index/busiBz1.png') no-repeat;*/}
.business:after{width: 78px;height: 241px;bottom: 62px;right: 0px;/*background: url('../images/index/busiBz2.png') no-repeat;*/}
.business-list{width: 100%;margin-top: 52px;position: relative;z-index: 6;}
.business-list ul{margin-left: -2%;}
.business-list ul li{width: 23%;float: left;margin-left: 2%;position: relative;}
.business-img{width: 100%;overflow: hidden;position: relative;}
.business-img:after{content: "";position: absolute;top: 0;left: 0;background: #000;z-index: 0;width: 100%;height: 100%;opacity: 0;transition: all .4s ease}
.business-imgbg{width: 100%;}
.business-imgic{opacity: 0;width: 120px;height: 120px;margin-left: -60px;margin-top: -60px;line-height: 120px;border-radius: 50%;background: #fff;position: absolute;z-index: 2;top: 50%;left: 50%;text-align: center;transition: all .6s ease;}
.business-imgic:after{content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: #fff;opacity: .17;border-radius: 50%;transform: scale(1.3);transition: all .4s ease;}
.business-list ul li:hover .business-imgic:after{transform: scale(1.5)}
.business-words{width: 100%;padding: 24px 0 20px;position: relative;text-align: center;background: #fff;transition: all .6s ease;}
.business-words:after{content:"";border:10px solid transparent;border-bottom-color:#fff;position: absolute;top:-20px;left:50%;margin-left: -10px;transition: all .4s ease;}
.business-words h6{display: inline-block;font-size: 20px;color: #333;position: relative;transition: all .4s ease;}
.business-words h6:before,.business-words h6:after{content: "";width: 25px;height: 1px;position: absolute;background: #dcdcdc;top: 50%;margin-top: -0.5px;}
.business-words h6:before{left: -40px;}
.business-words h6:after{right: -40px;}
.business-words p{width: 100%;font-size: 12px;color: #999;line-height: 20px;margin-top: 8px;transition: all .4s ease;}
.business-list ul li:hover .business-words{background: #004423;}
.business-list ul li:hover .business-words:after{border-bottom-color:#004423;}
.business-list ul li:hover .business-words h6{color: #fff;}
.business-list ul li:hover .business-words p{color: #fff;}
.business-list ul li:hover .business-words h6:before， .business-list ul li:hover .business-words h6:after{background: #fff;}
.business-list ul li:hover .business-img:after{opacity: .5;}
.business-list ul li:hover .business-imgic{opacity: 1;}


.about{width: 100%;position: relative;padding: 78px 0 96px;overflow: hidden;background-position: center !important;background-size: cover !important;background-repeat: no-repeat !important;}
.about-contain{width: 980px;margin: 0 auto;}
.about-list{width: 100%;}
.about-list ul li{width: 25%;text-align: center;float: left;margin-top: 80px;border-right: 1px solid rgba(229, 229, 229, .22);min-height: 96px;}
.about-list ul li:nth-child(4n){border-right: none;}
.about-list h6{width: 100%;line-height: normal;}
.about-list span{font-size: 60px;color: #fff;font-family: 'DINCond';}
.about-list i{display: inline-block;vertical-align: top;font-size: 18px;color: #fff;font-style: normal;margin: 4px 0 0 10px;}
.about-list p{font-size: 16px;color: #fff;opacity: 1;line-height: 24px;margin-top: 2px;}
.abo-more{display: block;width: 100%;font-size: 16px;color: #fff;line-height: 96px;position: relative;}
.abo-more:after{content: "";position: absolute;top: 0;left: 0;width: 0;transition: all .4s ease;background: #fff;opacity: .2;height: 100%;}
.about-list .abo-more i{width: 18px;height: 9px;margin: -3px 0 0 12px;background: url('../image/aboArr.png') no-repeat;vertical-align: middle;display: inline-block;}
.abo-more:hover:after{width: 100%;}
.about-play{width: 88px;margin: 80px auto 0;cursor: pointer;user-select: none;}
.about-play img{width: 100%;}
.about-play:hover{animation: btn-pudding 1s ease both;}
@keyframes btn-pudding{0%{transform:scale(1.2,0.8)}1%{transform:scale(1.18,0.82)}2%{transform:scale(1.16,0.84)}3%{transform:scale(1.13,0.87)}4%{transform:scale(1.1,0.9)}5%{transform:scale(1.07,0.93)}6%{transform:scale(1.04,0.96)}7%{transform:scale(1.01,0.99)}8%{transform:scale(0.99,1.01)}9%{transform:scale(0.97,1.03)}10%{transform:scale(0.95,1.05)}11%{transform:scale(0.94,1.06)}12%{transform:scale(0.93,1.07)}13%{transform:scale(0.93,1.07)}14%{transform:scale(0.93,1.07)}15%{transform:scale(0.93,1.07)}16%{transform:scale(0.94,1.06)}17%{transform:scale(0.94,1.06)}18%{transform:scale(0.95,1.05)}19%{transform:scale(0.96,1.04)}20%{transform:scale(0.98,1.02)}21%{transform:scale(0.99,1.01)}22%{transform:scale(1,1)}23%{transform:scale(1,1)}24%{transform:scale(1.01,0.99)}25%{transform:scale(1.02,0.98)}26%{transform:scale(1.02,0.98)}27%{transform:scale(1.02,0.98)}28%{transform:scale(1.03,0.97)}29%{transform:scale(1.03,0.97)}30%{transform:scale(1.02,0.98)}31%{transform:scale(1.02,0.98)}32%{transform:scale(1.02,0.98)}33%{transform:scale(1.02,0.98)}34%{transform:scale(1.01,0.99)}35%{transform:scale(1.01,0.99)}36%{transform:scale(1.01,0.99)}37%{transform:scale(1,1)}38%{transform:scale(1,1)}39%{transform:scale(1,1)}40%{transform:scale(0.99,1.01)}41%{transform:scale(0.99,1.01)}42%{transform:scale(0.99,1.01)}43%{transform:scale(0.99,1.01)}44%{transform:scale(0.99,1.01)}45%{transform:scale(0.99,1.01)}46%{transform:scale(0.99,1.01)}47%{transform:scale(0.99,1.01)}48%{transform:scale(0.99,1.01)}49%{transform:scale(1,1)}}

.news{width: 100%;position: relative;padding: 78px 0 96px;overflow: hidden;}
.news-list{width: 100%;margin-top: 48px;}
.news-img{width: 46.62%;float: left;}
.news-img a{display: block;width: 100%;overflow: hidden;position: relative;}
.news-img img{width: 100%;object-fit: cover;transition: all .4s ease;}
.news-imgtit{width: 100%;position: absolute;bottom: 0;left: 0;height: 82px;background: rgba(0, 0, 0, .6);padding:0 100px 0 16px;}
.news-imgname{width: 100%;margin-top: 20px;}
.news-imgname h6{font-size: 16px;color: #fff;font-weight: bold;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.news-imgname p{font-size: 14px;color: #fff;margin-top: 12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.news-imgtime{width: 86px;height: 100%;position: absolute;top: 0;right: 0;background: #004423;text-align: center;padding: 16px 10px 0;}
.news-imgtime h6{font-size: 18px;color: #fff;font-weight: bold;}
.news-imgtime p{font-size: 18px;color: #fff;border-top: 1px solid #fff;padding-top: 6px;margin-top: 6px;}
.news-link{width: 50%;float: right;position: relative;height: 372px;}
.news-linkloop{width: 100%;overflow: hidden;}
.news-linkloop a{display: block;width: 100%;position: relative;padding-left: 174px;height: 102px;padding-top: 10px;padding-bottom: 10px;}
.news-linkloop a:hover{background-color: #f5f5f5;}
.news-linkloop a:nth-child(n+2){margin-top: 2%;}
.news-linktime{width: 138px;height: 100%;position: absolute;left: 2px;text-align: center;}
.news-linktime img{width: 100%;object-fit: cover;}
.news-linkname{width: 100%;}
.news-linkname h6{font-size: 18px;color: #333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition: all .4s ease;}
.news-linkname p{font-size: 14px;color: #666;line-height: 24px;margin-top: 16px;height: 48px;transition: all .4s ease;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news-linkloop a:hover .news-linkname h6, .news-linkloop a:hover .news-linkname p{color: #004423;}
.news-link:after{content: "";width: 100%;height: 1px;background: #e1e1e1;position: absolute;left: 0;bottom: 2px;}
.news-link .swiper-pagination{bottom: -6px;background: #fff;padding: 0 18px;left: 50%;transform: translateX(-50%);}
.news-link .swiper-pagination-bullet {background: #d4d4d4;opacity: 1;width: 6px;height: 6px;position: relative;}

.news-link .swiper-pagination-bullet:after{content: "";width: 20px;height: 20px;position: absolute;left: 50%;top: 50%;background: transparent;border: 2px solid #004423;border-radius: 100%;margin-top: -10px;margin-left: -10px;opacity: 0;}
.news-link .swiper-pagination-bullet-active {width: 6px;height: 6px;opacity: 1;position: relative;background-color: #004423;}
.news-link .swiper-pagination-bullet-active:after {opacity: 1;}

.news-link .swiper-pagination span{margin: 0 8px;}



.team{width: 100%;position: relative;padding: 78px 0 92px;overflow: hidden;background: #f5f5f5;}
.team-list{width: 100%;margin-top: 38px;}
.team-img{width: 100%;height: 120px;line-height: 120px;padding: 0 16px;transition: all .4s ease;text-align: center;}
.team-img img{max-width: 100%;}
.team-img:hover{background: #fff;box-shadow: 0 4px 10px 4px #ececec;}
.team-list .swiper-container{padding: 0 10px 20px;}
.team-list .contain{width: 1380px;}
.team-list .swiper-wrapper{padding-bottom: 44px;}
.team-list .swiper-pagination{bottom: 10px;}
.team-list .swiper-pagination-bullet {background: #d4d4d4;opacity: 1;width: 6px;height: 6px;}
.team-list .swiper-pagination-bullet:after{content: "";width: 20px;height: 20px;position: absolute;left: 50%;top: 50%;background: transparent;border: 2px solid #004423;border-radius: 100%;margin-top: -10px;margin-left: -10px;opacity: 0;}
.team-list .swiper-pagination-bullet-active {width: 6px;height: 6px;opacity: 1;position: relative;background-color: #004423;}
.team-list .swiper-pagination-bullet-active:after {opacity: 1;}
.team-list .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 8px;}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
    .business:before {top: 62px;left: 0px;}
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .business:after{display: none;}

    .banner-words h6{font-size: 34px;}
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
    /* .news-linkloop a:nth-child(n+2) {margin-top: 5%;} */
    .news-link{height: auto;padding-bottom: 34px;}
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    /* .news-linkloop a:nth-child(n+2) {margin-top: 4%;} */
    .business:before{display: none;}
    .business,.about,.news,.team {padding: 60px 0 74px;}
    .about-list ul li{margin-top: 64px;}
    .about-play {width: 80px;margin: 64px auto 0;}

    .banner-words h6 {font-size: 30px;padding: 8px 36px;}
    .banner-words h6:after, .banner-words h6:before {width: 68px;}
    .banner-words h6:before {right: -48px;}
    .banner-words h6:after {left: -48px;}
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .banner .swiper-pagination {bottom: 28px;}
    .about-list span{font-size: 54px;}   
    .about-play {width: 72px;margin: 58px auto 0;}
    /* .news-linkloop a:nth-child(n+2) {margin-top: 3%;} */
    .news-img img{min-height: 310px;}
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
    .about-contain{width: 92%;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .business, .about, .news, .team {padding: 52px 0 60px;}
    .news-img{width: 100%;}
    .news-link{width: 100%;margin-top: 32px;}

    .banner-words h6{font-size: 28px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .ban-imgpc{display: none;}
    .ban-imgmb{display: block;}
    .banner .swiper-pagination {bottom: 16px;}
    .about, .news, .team {padding: 38px 0 42px;}
    .business{padding: 38px 0 20px;}
    .business-list ul li{width: 48%;}
    .business-words p{height: 40px;}
    .business-list {margin-top: 34px;}
    .business-imgic {width: 106px;height: 106px;margin-left: -53px;margin-top: -53px;line-height: 106px;}
    .about-list span {font-size: 36px;}
    .about-list ul li {width: 50%;margin-top: 28px;min-height: 74px;}
    .about-list ul li:nth-child(2n){border-right: none;}
    .abo-more {line-height: 74px;}
    .about-list{margin-top: 10px;}
    .about-play {width: 54px;margin: 46px auto 0;}
    .about{background-position: 85% 0 !important;}
    .news-img{width: 100%;}
    .news-list {margin-top: 34px;}
    .news-img img{min-height: 274px;}
    .news-link{width: 100%;margin-top: 24px;}
    /* .news-linkloop a:nth-child(n+2){margin-top: 16px;} */
    .team-list {margin-top: 26px;}
    .team-img{height: 80px;line-height: 80px;}
    .team-list .swiper-wrapper {padding-bottom: 24px;}
    .news-linkloop a {padding-left: 0;height: auto;}
    .news-linktime {display: none;}

    .banner-words h6 {font-size: 16px;padding: 6px 24px;}
    .banner-words h6:after, .banner-words h6:before {width: 28px;}
    .banner-words h6:before {right: -18px;}
    .banner-words h6:after {left: -18px;}
    .banner-words p {font-size: 12px;margin-top: 6px;}
    .banner-words{top: 50%;}

    .business-img:after{opacity: .5;}
    .business-imgic{opacity: 1;}
}