*{margin: 0;padding: 0;box-sizing: inherit;}
body{background: -#F7FAFF;}
li{list-style: none;}
h1, h2, h3, h4, h5, h6{margin: 0;padding: 0;line-height: 0;}
.content {line-height: 0;}
.hs-understand{display: inline-block; text-decoration: none;color: #fff;background: #2A82E4;padding: 10px 80px;margin-top: 20px;border-radius: 8px;}

/*客服全屏*/
.fix-kefu-area{width:100%;height:100%;position:fixed;background:rgba(0,0,0,.5);left:0;top:0;z-index:9999;display:flex;align-items: center;justify-content: center;display:none;}
.fix-kefu-area div{display:flex;width:450px;height:450px;background:#fff;flex-direction: column;align-items: center;justify-content: center;}
.fix-kefu-area div h4{line-height: inherit;}
.fix-kefu-area div img{width:250px;height:250px;}

/*头部菜单*/
.hs-navbar{width:100%;height:85px;box-shadow:0 0 0 #ccc;position:fixed;left:0;top:0;z-index:999;}
.hs-1200{width:1200px;margin:0 auto;}
.hs-navbar .hs-logo{float:left;width:266px;height:50px;background:url('http://www.howsin.cn/static/upload/image/20220525/1653409691638407.png') no-repeat left top;margin-top:17.5px;background-size:cover;}
.hs-navbar .hs-menu{width：900px;}
.hs-navbar .hs-menu ul{float:right;}
.hs-navbar .hs-menu li{float:left;}
.hs-navbar .hs-menu li a{display:inline-block;font:16px/85px '微软雅黑';padding:0 20px;color:#fff;text-decoration: none;}
.hs-navbar .hs-menu li.cur a{font-weight:bold;}
.navbar-scroll{background:#fff;box-shadow: 0 2px 2px rgba(0,0,0,.075);}
.navbar-scroll .hs-logo{background-position:left bottom;}
.navbar-scroll .hs-menu li a{color:rgba(0,0,0,0.8);}

/*轮播*/
.hs-banner .swiper-pagination{bottom:60px;}
.hs-banner .pager{display: inline-block;width: 50px;height: 3px;background: rgba(255,255,255,.5);margin: 0 5px;position: relative;cursor: pointer;}
.hs-banner .pager:before{content: '';width: 0px;height: 3px;background: #fff;position: absolute; left: 0;bottom: 0;}
.hs-banner .swiper-pagination-bullet-active:before{animation:pager-active 5s infinite;animation-iteration-count:1;}
@keyframes pager-active{
from {width:0px;}
to {width:50px;}
}

/*特色介绍🔚*/
.hs-characteristic{display: flex;flex-wrap:nowrap;width: 1200px;height: 100px;background: #fff;margin: 0 auto;border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,.075);position: relative;top: -50px;z-index: 99;justify-content: space-around;}
.hs-characteristic .item{display: flex;align-items: center;justify-content:space-around;}
.hs-characteristic .item .content{margin-left: 10px;}
.hs-characteristic .item .content h4{font: bold 20px '微软雅黑';color: #505050;margin-bottom: 5px;}
.hs-characteristic .item .content span{font: 14px '微软雅黑';color: #a6a6a6;}

/*功能模式*/
.hs-function{width: 1200px;margin: 20px auto 30px;text-align: center;}
.hs-function .title h2{font: bold 30px '微软雅黑'; color: #383838;padding-bottom: 10px;}
.hs-function .title span{font: 20px '微软雅黑';color: #505050;}
.hs-function .item-area{display: flex;flex-wrap:wrap;margin-top: 30px;cursor: pointer;}
.hs-function .item{width: 210px;height: 195px;display: flex;justify-content:space-around;flex-direction: column;justify-content: flex-start;padding: 5px;margin: 10px;border-radius: 10px;background: #fff;transition:all 0.3s ease-in 0.1s;}
.hs-function .item .icon{margin:35px 0 10px;transition:all 0.5s ease;}
.hs-function .item .icon img{width: 50px;}
.hs-function .item .content{padding:0 15px;}
.hs-function .item h4{font:20px '微软雅黑';color: #505050;padding-bottom: 5px;}
.hs-function .item span{font:14px '微软雅黑';color: #878787;opacity: 1;transition:all 0.5s ease-in 0.1s;}
.hs-function .item:hover{box-shadow: 0 0 10px rgba(141,210,255,.75);background: #F4F8FE;transform: scale(1.1);}
.hs-function .item:hover .icon{margin:35px 0 10px;}
.hs-function .item:hover span{opacity: 1;}

/*营销工具*/
.hs-marketing{background: #F4F8FE url('../images/bg1.png') no-repeat;height: 577px;width: 100%;min-width: 1200px;overflow: hidden;}
.hs-marketing .title{margin: 45px 0;text-align: center;}
.hs-marketing .title h2{font: bold 30px '微软雅黑'; color: #2a82e4;}
.hs-marketing .hs-1200{height: 390px;padding-bottom: 30px;}
.hs-marketing .swiper-slide{display: flex;flex-wrap:wrap;padding-top: 10px;}
.hs-marketing .swiper-slide .item{display: flex;background: #fff;border-radius: 10px;width: 270px;height: 110px;padding: 0 20px;align-items: center;margin: 0 45px;cursor: pointer;transition:all 0.5s ease-in 0.1s;}
.hs-marketing .swiper-slide .item:hover{box-shadow: 0 0 10px rgba(141,210,255,.75);}
.hs-marketing .swiper-slide .content{padding-left: 20px;}
.hs-marketing .swiper-slide .content h4{font:18px '微软雅黑';color: #505050;}
.hs-marketing .swiper-slide .content span{font:14px '微软雅黑';color: #a6a6a6;}
.hs-marketing .pager{display: inline-block;width: 10px;height: 10px;border-radius: 5px;background: #ccc;margin: 0 5px;transition:all 0.2s ease-in 0.1s;cursor: pointer;}
.hs-marketing .pager.swiper-pagination-bullet-active{background: #2A82E4;width: 20px;}

/*奖励机制 & 数据分析*/
.hs-bonus{display: flex;padding: 50px 0;justify-content: space-between;}
.hs-bonus .img-item{width: 590px;overflow: hidden;}
.hs-bonus .img-item img{width: 100%;}
.hs-bonus .option{}
.hs-bonus .option h3{font:30px '微软雅黑';color: #505050;margin-top: 60px;}
.hs-bonus .content{padding: 20px 120px 20px 20px;border-radius: 10px;margin: 20px 0;cursor: pointer;border:1px solid #fff;transition:all 0.2s ease-in 0.1s;}
.hs-bonus .content.cur{background: #F4F8FE;border:1px solid #d0e6ff;box-shadow: 0 0 10px rgba(141,210,255,.75);}
.hs-bonus .content h4{font:bold 18px '微软雅黑';color: #505050;margin-bottom: 5px;}
.hs-bonus .content span{font:14px '微软雅黑';color: #505050;}

/*行业服务*/
.hs-industry{background: #F4F8FE url('../images/bg1.png') no-repeat;height: 577px;width: 100%;min-width: 1200px;overflow: hidden;}
.hs-industry .title{margin: 58px 0 30px;text-align: center;}
.hs-industry .title h2{font: bold 30px '微软雅黑'; color: #383838;padding-bottom: 10px;}
.hs-industry .title span{font: 20px '微软雅黑';color: #505050;}
.hs-industry .item-area{display: flex;flex-wrap: wrap;}
.hs-industry .item-area .item{display: flex;width: 220px;height: 160px;position: relative;flex-direction: column;margin: 10px;cursor: pointer;border-radius: 10px;overflow: hidden;}
.hs-industry .item-area .item .content{position: absolute;z-index: 88;width: 100%;text-align: center;top:65px;transition:all 0.4s ease-in 0.1s;}
.hs-industry .item-area .item h4{font: 24px '微软雅黑';color: #fff;width: 100%;margin-bottom: 5px;}
.hs-industry .item-area .item span{font: 14px/18px '微软雅黑';color: #fff;width: 100%;opacity: 0;transition:all 0.4s ease-in 0.1s;}
.hs-industry .item-area .item img{position: absolute;left: 0;top: 0;z-index: 1;border-radius: 10px;transition:all 0.4s ease-in 0.1s;}
.hs-industry .item-area .item:hover{box-shadow: 0 0 10px rgba(141,210,255,.75);}
.hs-industry .item-area .item:hover .content{top:41px;}
.hs-industry .item-area .item:hover span{opacity: 1;}
.hs-industry .item-area .item:hover img{transform: scale(1.1);}

/*客户服务*/
.hs-service{width: 100%;min-width: 1200px; height: 647px;background: url('../images/bg.png') no-repeat;}
.hs-service .title{text-align: center;padding: 90px 0 80px;}
.hs-service .title h2{font: bold 30px '微软雅黑'; color: #fff;}
.hs-service .item-area{width: 1200px;height: 343px;margin: 0 auto;background: rgba(255,255,255,.5);position: relative;}
.hs-service .item-area .item-list{display: flex;width: 1200px;}
.hs-service .item-list .item{width: 220px;height: 343px;padding: 0 40px; display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;color: #fff;cursor: pointer;}
.hs-service .item-list .item h4{font: bold 22px '微软雅黑';position: relative;margin: 20px 0 30px;}
.hs-service .item-list .item h4:before{content: '';width: 40px;height: 4px;background: #2A82E4;position: absolute; left: 57px;bottom: -20px;}
.hs-service .item-list .item p{font: 16px/26px '微软雅黑';}
.hs-service .item-hover{position: absolute;left: 0;top: 0;width: 300px;height: 343px; overflow: hidden;z-index: 88;transition:all 0.8s ease;}
.hs-service .item-hover .item-list{position: absolute;left: 0;transition:all 0.8s ease;}
.hs-service .item-hover .item{background: #2A82E4;}
.hs-service .item-hover .item h4:before{background: #fff;}

/*合作客户*/
.hs-cooperation{width: 100%;min-width: 1200px;background: #F4F8FE;padding: 60px 0;}
.hs-cooperation .title{margin-bottom: 30px;text-align: center;}
.hs-cooperation .title h2{font: bold 30px '微软雅黑'; color: #383838;padding-bottom: 10px;}
.hs-cooperation .item-area{display: flex;flex-wrap: wrap;justify-content: space-between;}
.hs-cooperation .item-area .item{display: flex;width: 285px;height: 160px;background: #fff;align-items: center;justify-content: center;margin: 10px 0;border-radius: 10px;cursor: pointer;overflow: hidden;transition:all 0.5s ease;}
.hs-cooperation .item-area .item img{width: 160px;transition:all 0.5s ease;}
.hs-cooperation .item-area .item:hover{box-shadow: 0 0 10px rgba(141,210,255,.75);}
.hs-cooperation .item-area .item:hover img{animation:logo-scale 1s infinite;animation-iteration-count:1;}
@keyframes logo-scale{
0% {transform: scale(1);}
50% {transform: scale(1.5);}
100% {transform: scale(1);}
}

/*底部*/
.hs-foot{background: #272B2E;width: 100%;min-width: 1200px;overflow: hidden;padding: 50px 0 0;}
.hs-foot .service-item{display: flex;justify-content: space-around;}
.hs-foot .service-item .service{display: flex;}
.hs-foot .service-item .service ul{display: flex;flex-direction: row;}
.hs-foot .service-item .service li{margin-right: 100px;}
.hs-foot .service-item .service dt{font: 20px '微软雅黑'; color: #fff;margin-bottom: 20px;}
.hs-foot .service-item .service dd{margin-bottom: 20px;}
.hs-foot .service-item .service dd a{font: 14px '微软雅黑';color: #909192;text-decoration: none;}
.hs-foot .service-item .service .code{display: flex;flex-direction: column;justify-content: center;align-items: center;height: auto;}
.hs-foot .service-item .service .code img{width: 130px;height: 130px;margin-bottom: 10px;}
.hs-foot .service-item .service .code span{color:#fff}
.hs-foot .copyright{text-align: center;font: 14px '微软雅黑'; color: #909192;padding: 30px 0;border-top:1px solid #363636;margin-top: 30px;}
.hs-foot .copyright a{text-decoration: none;color: #909192;}

/*头部大屏*/
.hs-head-banner{background:#e9ecef url('../images/1523501459462835.png') center center;background-size:cover;height:600px;min-width:1200px;}
.hs-head-banner .title{display:flex;height: 100%;flex-direction: column;justify-content: center;color: #fff;}
.hs-head-banner .title h1{font:bold 48px '微软雅黑';margin: 0 0 15px 30px;}
.hs-head-banner .title p{font:28px '微软雅黑';margin-left:30px;}

/*案例列表*/
.hs-content-area{padding: 0 0 30px;}
.hs-content-area .hs-position{width: 100%;text-align: right;padding: 20px 0;color: #999;font:14px '微软雅黑';}
.hs-content-area .hs-position a{color: #999;}
.hs-content-area .case-item{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 60px;}
.hs-content-area .case-item .case{width: 330px;height: 210px;background: #F4F8FE;margin-bottom: 60px;border-radius: 10px;padding: 0 20px;cursor: pointer;transition:all 0.8s ease;}
.hs-content-area .case-item .case .logo{display: flex;align-items: center;}
.hs-content-area .case-item .case .logo img{width: 76px;height: 76px;border-radius: 40px;border:4px solid #F4F8FE;transform: translateY(-25px);transition:all 0.8s ease;}
.hs-content-area .case-item .case .logo h4{font:bold 26px '微软雅黑';color: #555;margin-left: 15px;transform: translateY(-15px);transition:all 0.8s ease;}
.hs-content-area .case-item .case .describe{height: 95px; font-size: 14px;line-height: 1.4; color: #888;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5; overflow: hidden;transform: translateY(-15px);transition:all 0.8s ease;}
.hs-content-area .case-item .case .port{display: flex;font-size: 12px;color: #888;transform: translateY(-2px);transition:all 0.8s ease;}
.hs-content-area .case-item .case .port span{padding-right: 10px;}
.hs-content-area .case-item .case:hover{background: #2A82E4;}
.hs-content-area .case-item .case:hover img{border-color: #2A82E4;}
.hs-content-area .case-item .case:hover h4{color: #fff;}
.hs-content-area .case-item .case:hover .describe{color: #fff;}
.hs-content-area .case-item .case:hover .port{color: #fff;}