.houes-box{display:flex;align-items:self-start}
.industry-content-div{width:100%;background:#f7f8f9}
.houes-left-image{position:relative;display:flex;align-items:center;justify-content:center}
.houes-left-image-box{width:100%;overflow:hidden;height:100%;border-radius:20px;overflow: hidden;}
.houes-left-image img{border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px}
.houes-left-image:hover img{transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2)}
.houes-name{position:absolute;width:130px;height:130px;line-height:130px;text-align:center;background:#fff;border-radius:50%;bottom:-65px;font-size:32px;font-weight:700;color:#333}
.houes-list{width:60%;margin-left:60px}
.houes-list-item{margin-bottom:30px;padding:0 40px;width:100%;display:flex;align-items:center;justify-content:space-between;height:110px;background:#fff;border-radius:16px}
.houes-list-item:hover .houes-list-item-name{color:#009b4c}
.houes-list-item-left{width:calc(100% - 48px);display:flex;align-items:center}
.houes-list-item-left span{width:10px;height:10px;background:#009b4c;border-radius:50%}
.houes-list-item-name{margin-left:25px;width:calc(100% - 35px);font-size:18px;color:#333}
.content-box-info{width:100%;height:auto;background:#f7f8f9}
.box-industry{width:1570px;margin:0 auto;padding:90px 0 110px 0;background:#f7f8f9}
.box-industry-cont{display:flex;position:relative;}
.box-industry-icon{position:absolute;right:70px;top:-49px;width:98px!important;height:98px!important}
.swiper-text{position:absolute;left:0;bottom:0;z-index:20;font-size:16px;color:#fff;line-height: 70px;height: 70px;padding-right: 150px;background-color: rgba(0,0,0,0.2);width: 100%;padding-left: 40px;}
.box-industry-cont-left{width:50%;overflow:hidden;position:relative;border-radius: 26px 0 0 26px;}
.box-industry-cont-left img{width:100%;height:100%}
.swiper-mask{display: none;}
.box-industry-cont img{display:block;width:100%;height:100%;}
.box-industry-cont-lef{width:50%}
.box-industry-cont-right{padding:59px 26px 0 70px;max-width:50%;background-color:#fff;border-radius: 0 26px 26px 0;}
.box-industry-title{font-size:32px;font-weight:700;color:#333}
.box-industry-line{margin-top:36px;width:60px;height:5px;background:#009b4c}
.box-industry-content{max-height:220px;margin-top:31px;font-size:16px;color:#666;line-height:36px;padding-right:43px;overflow-y:scroll}
.box-industry-content::-webkit-scrollbar{width:3px;height:1px}
.box-industry-content::-webkit-scrollbar-thumb{border-radius:12px;background:#c5c5c5}
.box-industry-list{margin-top:70px;display:flex;align-items:center;flex-wrap:wrap}
.box-industry-list a{display:flex;width:calc((100% - 120px)/ 4);height:116px;background:#fff;border-radius:20px;margin-bottom:30px;margin-right:30px;align-items:center;justify-content:space-between;padding:0 30px;cursor: pointer;}
.box-industry-item-cnName{font-size:18px;font-weight:700;color:#333}
.box-industry-item-enName{margin-top:18px;font-size:14px;color:#999}
.box-industry-item-right{width:40px;height:40px;background-color:#009b4c;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center}
.box-industry-item-right i{background-image:url(../img/on-icon.png);width:12px;height:8px;background-size: 100% 100%;background-repeat: no-repeat;}
.box-industry-item{position: relative;z-index: 20;}
.box-industry-item::before{content: '';position: absolute;width: 100%;height: 0%;z-index: -1; left:0;bottom:0;background-color: #009b4c;border-radius: 20px;}
.box-industry-item:hover:before{height: 100%;}
.box-industry-item:hover .box-industry-item-cnName{color:#fff}
.box-industry-item:hover .box-industry-item-enName{color:#fff}
.box-industry-item:hover .box-industry-item-right{background-color:#fff;transform: rotate(-45deg);}
.box-industry-item:hover i{background-image:url(../img/in-icon.png);width:12px;height:8px;}
.box-industry-cont-left .tedian-list{height:100%}
.box-industry-cont-left .swiper{height:100%}
.box-industry-cont-left .swiper-slide-box{height:100%}

.box-industry-cont-left .swiper-pagination{width: auto !important;z-index: 30;right: 31px;left: auto;bottom:25px;}
.box-industry-cont-left .swiper-pagination span{margin:0 9px !important;opacity: 1;background-color: #fff;}
.box-industry-cont-left .swiper-pagination span.swiper-pagination-bullet-active{background-color: #009b4c;}
.box-industry-cont img:hover{transform: scale(1.08);}

.houes-list-item:hover .houes-list-item-name{font-weight: bold;color:#009b4c}

.padding88{padding:100px 0;overflow: hidden;}

@media screen and (max-width:1570px){
    
    .box-industry{width:1200px}
    .box-industry-title{font-size: 28px;}
    .box-industry-cont-right{padding:40px}

    .box-industry{padding:90px 0;}

    .houes-list-item {height: 98px;}
    .houes-name{font-size: 26px;}

}

@media screen and (max-width:768px){
    
    .houes-left-image{display:none}
    .houes-list{margin:0;width:100%}
    .houes-box{width:100%;display:block}
    .box-industry{width:100%!important}
    .box-industry-cont{border-radius:20px;display:block;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px}
    .box-industry-icon{display:none!important}
    .box-industry-cont-left{width:100%}
    .box-industry-cont img{border-radius:20px 20px 20px 20px;-webkit-border-radius:20px 20px 20px 20px;-moz-border-radius:20px 20px 20px 20px;-ms-border-radius:20px 20px 20px 20px;-o-border-radius:20px 20px 20px 20px}
    .box-industry-cont-right{max-width:100%;padding:20px 15px;border-radius:0 0 20px 20px;-webkit-border-radius:0 0 20px 20px;-moz-border-radius:0 0 20px 20px;-ms-border-radius:0 0 20px 20px;-o-border-radius:0 0 20px 20px}
    .box-industry{padding:20px 15px}
    .houes-list img{width:12px}
    .box-industry-cont{width:100%}
    .box-industry-title{font-size:20px}
    .box-industry-line{width:50px;height:3.5px;margin-top:15px}
    .box-industry-content{margin-top:20px;padding-right:0;max-height:400px!important;font-size:14px;line-height:24px}
    .box-industry-list{margin-top:20px}
    .box-industry-item{margin-bottom:20px;width:100%!important;margin-right:0!important}
    .houes-list-item{padding:0 15px;height:65px;margin-bottom:15px}
    .houes-list-item-name{margin-left:10px;font-size:13px}
    .box-industry-cont-left .tedian-list .swiper-slide{height:286px}
    .box-industry-list a{height:80px;padding:0 20px;border-radius:10px}
    .box-industry-item-cnName{margin-top:10px;font-size:14px}
    .box-industry-item-right{width:20px;height:20px}
    .box-industry-list .cur i{height:10px}
    .box-industry-item-right i{width:10px}

    .box-industry-cont-left .tedian-list .swiper-slide{height: 57vw;}
    .swiper-mask{height: 50px;line-height: 50px;}
    .box-industry-title{font-size: 17px;}
    .box-industry-item-cnName{margin-top: 0;}
    .box-industry-item-enName{margin-top: 8px;}
    .box-industry-list a{margin-bottom: 12px;}

    .box-industry-cont-left .swiper-pagination{display: none;}

    .swiper-text{font-size: 14px;line-height: 50px;height: 50px;padding:0 20px;}

.padding88{padding:20px 0;}

}