.product-container .btn-blue {
    background-color: #008bfe
}
.product-container .btn-blue:hover, .product-container .btn-blue:active, .product-container .btn-blue:focus {
    background-color: #209aff
}
.product-container .container {
    padding: 0
}
.content-title {
    text-align: center;
    font-size: 30px;
    color: #4d4d4d;
    font-family: FZLT-M-GBK
}
.content-1, .content-2, .content-3, .content-4 {
    position: relative
}
.content-2 {
    background: #f5f8fa
}
.content-2, .content-3, .content-4 {
    padding: 78px 0 83px 0
}
.loading-container {
    font-size: 14px;
    color: #a6acb2
}
.content-1 {
    height: 420px
}
.content-1 .content-mask {
    opacity: .35;
    background: #010e1f;
    height: 100%;
    width: 100%;
    position: absolute
}
.content-1 .container {
    position: relative;
    z-index: 2
}
.banner-content {
    background-repeat: no-repeat;
    background-size: cover
}
.banner-title {
    font-size: 44px;
    color: #fff;
    margin-top: 116px
}
.banner-des {
    font-size: 20px;
    color: #fff
}
.banner-text {
    margin-top: 160px;
    margin-left: 20px
}
.banner-button {
    margin-top: 43px;
    margin-left: 20px
}
.banner-button .btn-buy {
    margin-left: 24px
}
.prop-container {
    margin-top: 38px
}
.prop {
    min-width: 300px
}
.prop>div {
    padding: 23px 21px 20px 21px;
    background-color: #fff;
    width: 280px;
    margin: 10px auto
}
.prop-top {
    font-size: 20px;
    color: #3a3a3a;
    text-align: center
}
.prop-top>img {
    height: 110px;
    width: 110px
}
.prop-top>p {
    margin-top: 26px
}
.prop-center {
    font-size: 14px;
    color: #a6acb2;
    margin-top: 19px;
    border-bottom: 1px solid #eaeef3;
    padding-bottom: 20px;
    height: 91px
}
.prop-center ul li {
    list-style: none
}
.propfc-center {
    font-size: 14px;
    color: #a6acb2;
    margin-top: 19px;
    border-bottom: 1px solid #eaeef3;
    padding-bottom: 20px;
    height: 91px
}
.propfc-center ul li {
    list-style: none;
    margin-left: 65px
}
.prop-bottom {
    font-size: 14px;
    color: #3a3a3a;
    min-height: 10px;
    margin: 20px -21px
}
.prop-bottom ul li {
    list-style: none;
    background-image: url(../../Images/products/course-play.png);
    background-repeat: no-repeat;
    background-position: 20px 16px;
    cursor: pointer;
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 50px;
    padding: 0 10px 0 45px
}
.prop-bottom ul li:hover {
    background-color: #f0f8ff;
    background-image: url("../../Images/products/course-play-hover.png")
}
.content-2 .content-more {
    margin-top: 50px;
    text-align: center
}
.role-container {
    margin-top: 70px
}
.role {
    text-align: center
}
.role>a {
    margin: 10px auto;
    padding: 10px 20px;
    text-decoration: none;
    cursor: pointer
}
.role>a>.role-img {
    width: 178px;
    height: 178px;
    margin: 0 auto;
    border: 1px solid #d4d8dd;
    border-radius: 89px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%
}
.role>a>p {
    margin-top: 20px;
    font-size: 20px;
    color: #3a3a3a
}
.role>a>.role-img:hover {
    border-color: transparent
}
.role>a>.role-img:hover .role-img-mask {
    opacity: .8
}
.role .role-img-mask {
    background-color: #4fafff;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all ease-in .2s
}
.role .role-img-mask>img {
    width: 45px;
    height: 40px;
    margin-top: 69px
}
.customercase-container {
    margin-top: 100px
}
.customercase-container>div {
    min-width: 600px
}
.customercase {
    height: 350px;
    width: 580px;
    position: relative;
    padding: 82px 85px 87px 105px;
    margin: 35px auto;
    background: #fff;
    box-shadow: 0 6px 10px 0 rgba(0,0,0,.14);
    border-radius: 4px;
    transition: all ease-in .3s
}
.customercase:hover {
    box-shadow: 0 20px 100px 0 rgba(0,0,0,.11);
    transform: translateY(-5px)
}
.customers-words-quotes-l, .customers-words-quotes-r {
    height: 23px;
    position: absolute
}
.customers-words-quotes-l>img, .customers-words-quotes-r>img {
    width: 32px;
    height: 23px
}
.customers-words-quotes-l {
    top: 120px;
    left: 35px
}
.customers-words-quotes-r {
    bottom: 54px;
    right: 35px
}
.customercase-photo {
    height: 133px;
    width: 133px;
    position: absolute;
    top: -60px;
    right: 54px
}
.customercase-des {
    height: 180px
}
.customercase-des p:first-child>span:first-child {
    font-size: 18px;
    color: #3a3a3a;
    font-family: FZLTH-B-GBK
}
.customercase-des p:first-child>span:last-child {
    font-size: 14px;
    color: #3f3f3f;
    margin-left: 4px
}
.customercase-des p:last-child {
    margin-top: 26px;
    font-size: 16px;
    color: #666
}
.content-4 .container>div:last-child {
    text-align: center
}
.btn-more {
    margin-top: 20px
}