﻿.container-nav-img li:nth-child(2) {
    background: rgba(0,0,0,0.7);
    border-radius: 20px;
}

.ad {
    padding: 40px;
    text-align: center;
}

.ad .title {
    font-size: 30px;
    height: 50px;
    line-height: 50px;
    font-weight: 400;
    color: #31475e
}

.open-main {
    width: 100%;
    height: auto;
}

.open-main img {
    vertical-align: top;
}

.open-main > div {
    width: 100%;
}

.open-main-section {
    position: relative;
    height: 420px;
}

.open-section {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: auto;
    background-position: center;
    background: url(/static/image/pms/banner1.png) no-repeat;
    text-align: center;
}

.open-section-text {
    display: inline-block;
    text-align: left;
    margin-top: 124px;
    margin-right: 650px;
    min-width: 540px;
    font-weight: 400;
    color: #fff;
}

.open-section-text-title {
    font-size: 54px;
    margin-bottom: 24px;
    line-height: 75px;
}

.open-section-text-cont {
    font-size: 24px;
    line-height: 33px;
}

.open-main-section01 {
    height: 650px;
    text-align: center;
    background: #F5F7FD;
}

.open-main-section-title {
    padding-top: 30px;
    font-size: 30px;
    font-weight: 400;
    color: #0D0D0D;
    line-height: 50px;
    margin: 0;
}

.open-main-section01-content {
    margin-top: 30px;
    text-align: center;
}

.open-main-section01-content > div {
    display: inline-block;
    /*width: 366px;
                height: 440px;*/
    margin: 0 10px;
    padding: 70px 40px;
    background: #fff;
    vertical-align: top;
    text-align: left;
}

.open-main-section01-content > div img {
    margin-bottom: 49px;
}

.open-main-section01-content .open-section01-content-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    color: rgba(0,0,0,0.85);
    margin-bottom: 24px;
}

.open-main-section01-content .open-section01-content-text {
    width: 286px;
    height: 96px;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    color: #5D5D5D;
    line-height: 24px;
    margin-bottom: 50px;
}

.open-main-section01-content .open-section01-content-line {
    width: 70px;
    height: 4px;
    background: #407EFF;
    border-radius: 3px;
}

.open-main-section02 {
    height: 700px;
    text-align: center;
    background: url(/static/image/pms/banner2.png) no-repeat;
}

.open-main-section02-content {
    display: inline-block;
    text-align: center;
    width: 1170px;
}

.open-main-section02-content > div {
    float: left;
    box-sizing: border-box;
    width: 560px;
    height: 212px;
    background: #131C37;
    border-radius: 2px;
    border: 1px solid #2F58D1;
    margin: 0 10px 20px;
    padding-top: 58px;
    padding-left: 30px;
    text-align: left;
}

.open-section02-content-title {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    line-height: 28px;
    margin-bottom: 16px;
}

.open-section02-content-text {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 25px;
}

.open-main-section03 {
    height: 800px;
    text-align: center;
    background: #F5F7FD;
}

.open-main-section03-content {
    text-align: center;
}

.open-section03-tab {
    width: 160px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    float: left;
    outline: 1px solid rgba(0,0,0,0.45);
    background: #F5F7FD;
    margin-left: 1px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    color: rgba(0,0,0,0.65);
    z-index: 1;
}

.open-section03-tab:hover,
.open-section03-tab.active {
    color: rgba(64,126,255,1);
    outline-color: #407EFF;
    z-index: 3;
}

.open-section03-content-item {
    display: none;
}

.open-section03-content-item.active {
    display: inline-block;
}

.open-section03-content-item img {
    vertical-align: middle;
}

.open-section03-content-item .open-section03-item-right {
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    margin-left: 124px;
    width: 545px;
}

.open-section03-content-item .open-section03-item-right .open-section03-item-title {
    font-size: 20px;
    font-weight: 500;
    color: rgba(0,0,0,0.85);
    line-height: 40px;
    margin-bottom: 24px;
}

.open-section03-content-item .open-section03-item-right .open-section03-item-text {
    font-size: 16px;
    font-weight: 400;
    color: rgba(93,93,93,1);
    line-height: 32px;
}

.open-main-section04 {
    height: 501px;
    text-align: center;
    background: url(/static/image/pms/banner3.png) no-repeat;
}

.open-main-section04-content {
    display: inline-block;
    text-align: center;
}

.open-main-section04-item {
    margin: 0 55px;
    float: left;
    width: 210px;
}

.open-main-section04-item > div {
    height: 80px;
}

.open-main-section04-item .open-section04-text {
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    line-height: 42px;
    margin-top: 30px;
}

.open-main-section05 {
    height: 600px;
    text-align: center;
    background: #F5F7FD;
}

.open-main-section05-content {
    text-align: center;
}

.open-main-section05-item {
    display: inline-block;
    text-align: left;
    width: 832px;
    height: 353px;
    background: url(/static/image/pms/banner4.png) no-repeat;
}

.open-section05-left {
    width: calc(50% - 67px);
    margin-top: 145px;
    margin-left: 60px;
    float: left;
}

.open-section05-text {
    color: #fff;
    font-size: 36px;
    font-weight: 500;
    line-height: 50px;
}

.open-section05-center {
    width: 1px;
    height: 240px;
    margin-top: 60px;
    border-radius: 10px;
    background: #485174;
    float: left;
}

.open-section05-right {
    float: left;
    margin-left: 50px;
    margin-top: 80px;
}

.open-section05-right > div p {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 22px;
}

.open-section05-rt div {
    display: inline-block;
    vertical-align: top;
    margin-right: 55px;
}

.open-section05-rt img {
    vertical-align: top;
    margin-top: -25px;
}

.open-section05-button {
    width: 180px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    background: #3E6FFF;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    display: inline-block;
    cursor: pointer;
}

.open-section05-button:hover {
    background: rgba(62,111,255,0.8);
}
