.hero-bar {height: 280px;}
.hero-bar-saas {background: url(../images/saas.jpg) no-repeat center center; background-size: cover;}
.hero-bar-about {background: url(../images/banner.about.jpg) no-repeat center center; background-size: cover;}
.hero-search-box {width:800px;margin:0 auto;}
.hero-search-box form {position: relative;display: flex}
.hero-search-box input.form-control {width: 100%;height: 48px;box-sizing: border-box;border-radius: 0;border-width: 2px}
.hero-search-box button {width: 150px;height: 48px;background:url(../images/icon_search_bg.png) no-repeat 32px center #1f6aff;color: #fff;padding-left: 32px;}
.hot-keyword {color: #fff;padding: 8px 0;}
.hot-keyword a {color: #fff; padding: 0 8px;}
.hero-bar-light .hot-keyword a {color: #252B3A}
.saas-nav {height: 64px;background: #fff;}
.saas-nav ul {padding: 0;margin: 0;}
.saas-nav ul li {float: left;list-style: none;position: relative;}
.saas-nav ul li.has-sub-menu {padding-right: 16px;}
.saas-nav ul li.has-sub-menu:after {content: ' ';position: absolute;top: 28px;right: 24px;width: 16px;height: 8px; background: url(../images/arrow_down.png) no-repeat;}
.saas-nav ul li a {line-height: 64px;padding: 0 32px;display: block;}
.saas-nav>ul>li:first-child a {padding-left: 0}
.saas-nav ul li .saas-nav-sub {display: none;position: absolute;top: 56px;left: 0;background-color: #fff!important;width: 160px;padding: 8px 0; box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.08)}
.saas-nav ul li .saas-nav-sub li {float: none}
.saas-nav ul li .saas-nav-sub li a {line-height: 40px;}
.saas-nav ul li:hover .saas-nav-sub {display: block;}
.saas-content{
    min-width: 1200px;
    margin: 0 auto;
}
.saas-content-wraper {display: flex;flex-wrap: wrap;}
.saas-content-list {flex:0 0 20%;padding: 12px;margin: 16px 0;transition: all 0.3s ease;border-radius: 4px}
.saas-content-list .img-wrap {
    width: 260px;background-color: #f3f3f3;
    display: flex;
    align-items: center;
}
.saas-content-list .img-wrap img {width: 100%;}
.saas-content-list .title {background: #fff;margin: 0;padding: 16px;text-align: center;}
.saas-content-list:hover {background: #fff;box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.05)}
.model-content-wrap {background: #fff;padding: 48px;border-radius: 8px; margin-bottom: 64px;}
.model-content-part {display: flex;}
.model-content-part .leftBox {position: relative; display: inline-block; width: 50%; background: 0 0; vertical-align: top; }
.leftImgCont {width: 308px;margin: 0 auto;position: relative;}
.leftImgCont .img-desc {background: rgba(0, 0, 0, 0.5);height: 32px;line-height: 32px;color: #fff;position: absolute;bottom: 0;width: 100%;text-align: center;}
.model-content-part .leftBox img {max-width: 100%}
.model-content-part .rightBox {width: 50%; }
.rightBoxContent {padding-left: 32px;}
.model-content-part .act-type .text {display: inline-block; width:60px;color:#898989;margin-right:16px; }
.model-content-part .act-type .name {display: inline-block; width: calc(100% - 88px); vertical-align: top;  }
.qrode-part .qrode-pic {display: inline-block;}
.qrode-part .qrode-pic img {border:1px solid #E5E5E5;}
.rightBoxContent .title {font-size: 32px;font-weight: bold;}
.saas-detail .saas-detail-list {margin-bottom: 32px;}
.saas-detail .saas-detail-list .title {font-size: 18px;font-weight: bold;margin-bottom: 8px;}
.product-list-wraper .productcard {border-bottom: 1px solid #EDF1F9;}
.list-sort {display: flex;width: 100%; background: #fff; padding: 24px; border-bottom: 1px solid #EDF1F9;}
.list-sort-item {padding-right: 24px;cursor: pointer;}
.list-sort-item.active, .list-sort-item:hover{color: #1f6aff;}
.list-sort-item:after {content:'';width:14px;height: 14px;background: url(../images/icon_sort.png) no-repeat center 2px;display: inline-block;}

@media(max-width: 768px){
    .saas-content-list {flex:0 0 33.33333%;}
    .saas-content-list .img-wrap {height: 400px}
}

@media (min-width: 640px) and (max-width: 768px){

}
@media(max-width: 767px){

}
@media (max-width: 639px){
    .saas-content-list {flex:0 0 50%;}
    .saas-content-list .img-wrap {height: 360px}
    .saas-nav .saas-nav-inner>ul {display: block}
    .saas-nav .saas-nav-inner ul li a {padding: 0 16px;margin: 0;}
    .hero-search-box {width: 400px}
    .saas-content-wraper {clear: both}

}

@media (min-width: 425px) and (max-width: 639px){
    .saas-content-list {flex:0 0 50%;}
    .saas-content-list .img-wrap {height: 360px}
    .hero-search-box {width: 400px}
    .saas-nav .saas-nav-inner ul li a {padding: 0 8px;margin: 0;}
}
@media (min-width: 375px) and (max-width: 424px){
    .saas-content-list {flex:0 0 50%;}
    .saas-content-list .img-wrap {height: 280px}
    .hero-search-box {width: 320px}
    .saas-nav .saas-nav-inner ul li a {padding: 0 4px;margin:0 4px;}

}
@media (min-width: 320px) and (max-width: 374px){
    .saas-content-list {flex:0 0 50%;}
    .saas-content-list .img-wrap {height: 240px}
    .hero-search-box {width: 280px}
    .saas-nav .saas-nav-inner ul li a {padding: 0;margin:0 4px;}

    
}