@font-face {
    font-family: 'SourceHanSerifCN-Regular';
    src: '../../fonts/SourceHanSerifCN-Regular.otf';
}

.title {
    clear: both;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 40px 0 0 0;
}

.title h1 {
    padding: 0 17px;
    margin: 0;
    font-family: 'SourceHanSerifCN-Regular';
    font-weight: bold;
    color: #333333;
    font-size: 32px;
}

.container-fluid .scroll-nav {
    margin-top: 40px;
    display: flex;
    justify-content: center;
}
.container-fluid .scroll-nav .scroll_content {
    display: flex;
    justify-content: center;
}
.container-fluid .scroll-nav .scroll_content .left-arrow img {
    width: 27px;
    height: 49px;
}
.container-fluid .scroll-nav .scroll_content .swiper-container {
    width: 950px;
    margin:0 20px;
}
.container-fluid .scroll-nav .scroll_content .swiper-container .buttonActive {
    color: #fff;
}
.container-fluid .scroll-nav .scroll_content .swiper-container .swiper-wrapper .swiper-slide {
    width: auto;
}
.container-fluid .scroll-nav .scroll_content .swiper-container .swiper-wrapper .swiper-slide a {
    display: block;
    background: url(../../images/professional/button_inactive_ambo.png) 0 0 no-repeat;
    width: 100%;
    height: 46px;
    text-decoration: none;
    color: #856014;
}
.container-fluid .scroll-nav .scroll_content .swiper-container .swiper-wrapper .swiper-slide a .leftBar {
    height: 46px;
    display: inline-block;
    background: url(../../images/professional/button_inactive_ambo_right.png) 100% 0 no-repeat;
}
.container-fluid .scroll-nav .scroll_content .swiper-container .swiper-wrapper .swiper-slide a .leftBar span {
    display: inline-block;
    background: url(../../images/professional/button_inactive_center.png) repeat-x;
    line-height: 46px;
    margin: 0 21px;
    padding: 0 21px;
}
.container-fluid .scroll-nav .scroll_content .swiper-container .swiper-wrapper .swiper-slide a.active {
    color: #fff;
    background: url(../../images/professional/button_active_amboLeft.png) 0 0 no-repeat;
}
.container-fluid .scroll-nav .scroll_content .swiper-container .swiper-wrapper .swiper-slide a.active .leftBar {
    background: url(../../images/professional/button_active_amboRight.png) 100% 0 no-repeat;
}
.container-fluid .scroll-nav .scroll_content .swiper-container .swiper-wrapper .swiper-slide a.active span {
    background: url(../../images/professional/button_active_center.png) repeat-x;
}