@font-face {
    font-family: 'DINCond';
    src: url('../fonts/DINCond-Bold.otf');
}

.pub_title{width: 100%;overflow: hidden;}
.pub_title h6{font-size: 34px;color: #fff;font-weight: bold;text-align: center;position: relative;padding-bottom: 14px;}
.pub_title h6::after{content: '';width: 30px;height: 3px;background-color: #fff;position: absolute;left: 50%;margin-left: -15px;bottom: 0;}

.pub_title2{width: 100%;overflow: hidden;}
.pub_title2 h6{font-size: 34px;color: #5b9300;font-weight: bold;text-align: center;position: relative;padding-bottom: 14px;}
.pub_title2 h6::after{content: '';width: 30px;height: 3px;background-color: #5b9300;position: absolute;left: 50%;margin-left: -15px;bottom: 0;}
.pub_title2 p{font-size: 16px;color: #888;line-height: 26px;text-align: center;padding-top: 10px;}
/* 品牌实力 */
.pinpai-container{width: 100%;background-size: cover;height: 490px;background-position: center!important;overflow: hidden;}

.pinpai-container .pub_title{margin-top: 60px;}

.pinpai{width: 100%;margin: 0 auto;}
.pinpai-text{width: 100%;overflow: hidden;margin-top: 10px;}
.pinpai-text h6{font-size: 20px;color: #fff;font-weight: bold;text-align: center;line-height: 30px;}
.pinpai-text p{font-size: 16px;color: #fff;text-align: center;line-height: 24px;padding-top: 5px;}


.pinpai_center{width: 80%;margin: 26px auto 0;}
.pinpai_center ul{width: 100%;height: auto;overflow: hidden;}
.pinpai_center ul li{width: 20%;float: left;border-right: 1px dashed #50b5e0;text-align: center;box-sizing:border-box;}
.pinpai_center ul li h5{font-size: 18px;color: #fff;font-weight: normal;}
.pinpai_center ul li h5 span{font-size: 50px;color: #fff;font-weight: bold;font-family: 'DINCond';}
.pinpai_center ul li h6{font-size: 14px;color: #fff;line-height: 16px;text-align: center;font-weight: normal;}
.pinpai_center ul li:last-child{border-right: 0px;}
.video_click{width: 100%;height: auto;overflow: hidden;margin: 15px 0;}
.video_click h5{width: 41px;height: 41px;overflow: hidden;margin: 0 auto;cursor: pointer;}
.pinpai-more{width: 275px;height: 50px;border-radius: 30px;background-color: #b2e275;margin: 0 auto;}
.pinpai-more a{color: #467907;font-size: 14px;line-height: 50px;text-align: center;display: block;}
.pinpai-more a:hover{color: #fff;}

.ind-img{padding: 68px 0;overflow: hidden;}
/* .ind-img img{width: 100%;} */
.fan-box{width: 100%;height: auto;overflow: hidden;}
.fan-left{width: 431px;float: left;}
.fan-left ul{margin-top: 70px;width: 100%;}
.fan-left ul li{width: 100%;position: relative;box-sizing: border-box;padding: 8px 0 8px 96px;overflow: hidden;}
.fan-left ul li .text{height: 110px;border-top: 1px solid #cfcfce;border-bottom: 1px solid #cfcfce;box-sizing: border-box;width: 100%;overflow: hidden;
padding: 15px 0 0 40px;}
.fan-left ul li:nth-child(1){width: 80%;float: right;}
.fan-left ul li:nth-child(2){width: 100%;}
.fan-left ul li:nth-child(3){width: 80%;float: right;}

.fan-left ul li span{position: absolute;width: 126px;height: 126px;border: 8px solid #fff;left: 0;top: 0px;font-size: 80px;font-family: 'Arial';line-height: 110px;text-align: center;color: #fff;font-style: italic;background-color: #b6b6b5;border-radius: 50%;font-weight: bold;box-sizing: border-box;}
.fan-left ul li .text p{font-size: 16px;color: #2f2f2f;line-height: 28px;}
.fan-left ul li:hover span{background-color: #088dc7;}
.fan-left ul li:hover .text{background-color: #6f9a00;color: #fff;}
.fan-left ul li:hover .text p{color: #fff;}

.fan-img{width: 338px;overflow: hidden;float: left;}

.fan-right{width: 431px;float: left;}
.fan-right ul{margin-top: 70px;width: 100%;}
.fan-right ul li{width: 100%;position: relative;box-sizing: border-box;padding: 8px 96px 8px 0px;overflow: hidden;}
.fan-right ul li .text{height: 110px;border-top: 1px solid #cfcfce;border-bottom: 1px solid #cfcfce;box-sizing: border-box;width: 100%;overflow: hidden;
padding:15px 20px 0 7px;}
.fan-right ul li:nth-child(1){width: 85%;}
.fan-right ul li:nth-child(2){width: 100%;}
.fan-right ul li:nth-child(3){width: 80%;}

.fan-right ul li span{position: absolute;width: 126px;height: 126px;border: 8px solid #fff;right: 0;top: 0px;font-size: 80px;font-family: 'Arial';line-height: 110px;text-align: center;color: #fff;font-style: italic;background-color: #b6b6b5;border-radius: 50%;font-weight: bold;box-sizing: border-box;}
.fan-right ul li .text p{font-size: 16px;color: #2f2f2f;line-height: 28px;}
.fan-right ul li .text h6{font-size: 28px;color: #2f2f2f;font-family: 'Arial';line-height: 30px;font-weight: bold;}
.fan-right ul li:hover span{background-color: #088dc7;}
.fan-right ul li:hover .text{background-color: #6f9a00;color: #fff;}
.fan-right ul li:hover .text p{color: #fff;}
.fan-right ul li:hover .text h6{color: #fff;}

/* 方案 */
.ind-case{width: 100%;height: 549px;background-position: center center !important;box-sizing:border-box; padding: 60px 0;}
.case-img{width: 100%;margin-top: 20px;text-align: center;position: relative;}
.case-img img{max-width: 100%;}
.case-img p{font-size: 16px;color: #666;line-height: 26px;font-weight: bold;position: absolute;}
/* .case-img p:nth-child(1){left: 80px;bottom: 0;} */
.case-img p:nth-child(2){left: 80px;bottom: 0;}
.case-img p:nth-child(3){left: 360px;bottom: 40px;}
.case-img p:nth-child(4){left: 590px;bottom: 0px;}
.case-img p:nth-child(5){left: 880px;bottom: 0;}
.case-img p:nth-child(6){right: 48px;bottom: 50px;}

/* 优势 */
.ind-youshi{width: 100%;height: auto;overflow: hidden;box-sizing:border-box; padding: 60px 0 0 0;}
.youshi-list{width: 100%;padding: 40px 0;overflow: hidden;}
.youshi-list ul li{margin-bottom: 40px;width: 100%;}
.youshi-list ul li .text{width: 560px;float: left;height: 365px;padding: 0 60px;box-sizing:border-box;border: 1px solid #e6e6e6;box-shadow: 6px 2px 6px rgba(0, 0, 0, .1);}
.youshi-list ul li .text h5{font-family: 'DINCond';font-size: 44px;color: #fff;background-color: #5b9300;padding: 60px 5px 0px 5px;float: left;margin-right: 10px;}
.youshi-list ul li .text h6{float: left;font-size: 26px;color: #111;padding-top: 60px;margin-bottom: 20px;}
.youshi-list ul li .text h6 span{display: block;font-size: 12px;color: #5b9300;font-weight: lighter;font-family: '微软雅黑';text-transform: uppercase;}
.youshi-list ul li .text p{width: 100%;font-size: 14px;color: #444;line-height: 34px;overflow: hidden;}
.youshi-list ul li .img{width: 640px;height: 365px;overflow: hidden;float: left;}
.youshi-list ul li .img img{width: 100%;height: 100%;object-fit: cover;}
.youshi-list ul li:nth-child(2n) .text{float: right;}
.youshi-list ul li:nth-child(2n) .text h5{float: right;margin-right: 0px;margin-left: 10px;}
.youshi-list ul li:nth-child(2n) .text h6{text-align: right;float: right;}

/* 成功案例 */
.ind-anli{width: 100%;overflow: hidden;box-sizing:border-box; padding: 60px 0;background-color: #f5f5f5;}
.anli-box{width: 100%;overflow: hidden;margin-top: 40px;overflow: hidden;position: relative;}
.anli{width: 100%;overflow: hidden;}
.anli ul li{width: 400px;float: left;}
.anli ul li img{width: 100%;height: 315px;overflow: hidden;position: relative;object-fit: cover;}
.anli ul li .img::after{ content: "";content: "";width: 0px;height: 0px;border-left: 15px solid transparent;border-right: 15px solid transparent;border-bottom: 15px solid #5b9300;position: absolute;left: 50%;bottom: 0;margin-left: -8px;}
.anli ul li:nth-child(2n) .img::after{display: none;}
.anli ul li:nth-child(2n) .img::before{content: "";width: 0px;height: 0px;border-top: 16px solid #5b9300;border-left: 16px solid transparent;
border-right: 15px solid transparent;position: absolute;left: 50%;top: 0;margin-left: -8px;}

.anli ul li .text{width: 100%;height: 315px;background-color: #5b9300;padding: 60px;box-sizing:border-box;}
.anli ul li .text h6{font-size: 18px;color: #fff;font-weight: bold;height: 30px;line-height: 30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom: 20px;}
.anli ul li .text p{font-size: 14px;color: #fff;line-height: 26px;height: 104px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4;width: 100%;}
.anli ul li .text a{display: block;float: left;font-size: 12px;color: #fff;margin-top: 20px;}
.anli ul li .text a span{font-family: '宋体';font-weight: bold;}
.anli ul li .text a:hover{color: #f00;}
.anli-box .swiper-container{height: 650px;}
.anli-box .swiper-pagination{text-align:center;font-size:0px;}
.anli-box .swiper-pagination-switch{display:inline-block;width:10px;height:10px;border-radius:100%;background:#fff;vertical-align:middle;margin:0 6px;cursor:pointer;border: 2px solid #5b9300;}
.anli-box .swiper-active-switch{background:#5b9300;display:inline-block !important;}
.anli-box .swiper-pagination-switch.swiper-visible-switch{display:none;}

.read-more{width: 100%;height: 50px;width: 180px;border-radius: 30px;border: 1px solid #dbdbdb;font-size: 14px;color: #333;line-height: 50px;margin: 0 auto;margin-top: 20px;transition: .4s ease;overflow: hidden;}
.read-more a{display: block;text-align: center;color: #666;}
.read-more:hover{background-color: #5b9300;}
.read-more:hover a{color: #fff;}

/* 新闻资讯 */
.ind-xinwen{width: 100%;overflow: hidden;box-sizing:border-box; padding: 60px 0;}

.xw-title{width: 100%;overflow: hidden;margin: 30px 0;text-align: center;}
.xw-title ul li{display: inline-block;width: 180px;height: 26px;font-size: 16px;color: #555;text-align: center;border-right: 1px solid #dbdbdb;cursor: pointer;}
.xw-title ul li:last-child{border-right: 0px;}
.xw-title ul li:hover,.xw-title ul li.ontrue{font-weight: bold;color: #5b9300;}

.xw-main{width: 100%;overflow: hidden;display: none;}
.xw-left{width: 580px;height: 350px;overflow: hidden;position: relative;float: left;margin-bottom: 30px;}
.xw-left .img{width: 100%;height: 350px;overflow: hidden;}
.xw-left .img img{width: 100%;height: 100%;object-fit: cover;}
.xw-left-text{position: absolute;width: 100%;box-sizing:border-box;height: 90px;bottom: 0;left: 0;}
.xw-left-text .time{width: 80px;height: 90px;background-color: #5b9300;font-size: 40px;font-family: 'Arial';text-align: center;font-weight: bold;color: #fff;padding-top: 8px;box-sizing:border-box;float: left;}
.xw-left-text .time span{display: block;font-size: 14px;text-align: center;margin-top: 6px;}
.xw-left-text p{float: left;width: 500px;line-height: 90px;background-color: rgba(15, 15, 15, .4);box-sizing:border-box;padding: 0 20px;font-size: 14px;color: #fff;height: 90px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.wx-right{width: 580px;float: right;height: 350px;overflow: hidden;margin-bottom: 30px;}
.wx-right ul li{border-bottom: 1px solid #f0f0f0;overflow: hidden;padding-bottom: 20px;margin-bottom: 19px;}
.wx-right ul li .time{width: 80px;height: 90px;background-color: #f2f2f2;box-sizing:border-box;padding: 10px;font-size: 34px;font-family: 'Arial';color: #999;text-align: center;padding-top: 20px;float: left;}
.wx-right ul li .time span{display: block;font-size: 14px;text-align: center;margin-top: 6px;}
.wx-right ul li .text{width: 480px;float: right;height: 90px;}
.wx-right ul li .text h6{font-size: 18px;color: #555;line-height: 28px;margin-bottom: 10px;height: 28px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight: normal;}
.wx-right ul li .text p{font-size: 13px;color: #888888;line-height: 24px;height: 48px;margin-top: 16px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.wx-right ul li:hover .time{background-color: #5b9300;color: #fff;}
.wx-right ul li:hover h6{color: #5b9300;}
/* 合作伙伴 */
.ind-huoban{width: 100%;overflow: hidden;box-sizing:border-box; padding: 60px 0;background-color: #f5f5f5;}
.hb-list{width: 100%;overflow: hidden;margin-top: 30px;}
.hb-list ul{margin-left: -2%;}
.hb-list ul li{width: 18%;float: left;height: 134px;background-color: #fff;text-align: center;line-height: 130px;user-select: none;margin: 0 0 2% 2%;border: 1px solid #f1f1f1;box-sizing:border-box; }
.hb-list ul li img{max-width: 100%;}
.hb-list ul li:hover{box-shadow: 6px 6px 8px #ddd;}