body {

    line-height: normal;

}



.container {

    position: relative;

    width: 1280px;

    height: 100%;

    padding: 0;

    left: 50%;

    transform: translateX(-50%);

}



a,

a:hover,

a:focus {

    color: inherit;

}



.box-inline {

    display: inline-block;

    vertical-align: top;

}



.font-size-32 {

    font-size: 32px;

}



.font-size-24 {

    font-size: 24px;

}



.font-size-20 {

    font-size: 20px;

}



.font-size-18 {

    font-size: 18px;

}



.font-size-16 {

    font-size: 16px;

}



.font-size-14 {

    font-size: 14px;

}



.grayscale-level75 {

    opacity: .75;

}



.grayscale-level8 {

    opacity: .8;

}



.bgcolor-f7 {

    background-color: #F7F7F7;

}



.bgcolor-f9 {

    background-color: #F9F9F9;

}



.m-t-25 {

    margin-top: 25px;

}



.m-l-10 {

    margin-left: 10px;

}



.m-r-10 {

    margin-right: 10px;

}



.m-r-20 {

    margin-right: 20px;

}



.m-r-30 {

    margin-right: 30px;

}



.m-b-10 {

    margin-bottom: 10px;

}



.m-b-25 {

    margin-bottom: 25px;

}



.m-b-30 {

    margin-bottom: 30px;

}



.m-b-40 {

    margin-bottom: 40px;

}



.float-left {

    float: left;

}



.float-right {

    float: right;

}









.banner {

    width: 100%;

    height: 400px;

    position: relative;

}



.banner-center-con {

    position: absolute;

    top: 57%;

    transform: translateY(-50%);

    color: #061828;

    font-weight: 400;

    text-align: start;

}



.banner-title {

    font-size: 42px;

}



.banner-slogan {

    margin: 10px 0 20px;

    width: 580px;

    font-size: 16px;

    line-height: 32px;

}



.banner-btn {

    width: 110px;

    height: 46px;

    line-height: 46px;

    background-color: #2386EE;

    color: #fff;

    text-align: center;

}



.section {

    width: 100%;

    padding: 70px 0;

    color: #061828;

}



.section-title {

    font-size: 32px;

    font-weight: 500;

}



.section-subtitle {

    font-size: 14px;

    font-weight: 400;

    opacity: .75;

}



.con1 {

    margin: 30px 0 0;

}



.con1-nav {

    width: 1200px;

    height: 50px;

    display: flex;

    flex-direction: row;

    border-bottom: 1px solid rgba(6, 24, 40, .08);

}



.con1-nav-item {

    cursor: pointer;

    display: inline-block;

    margin: 0 auto;

    height: 48px;

    line-height: 48px;

    font-size: 16px;

    font-weight: 400;

    color: rgba(40, 40, 40, .75);

    text-align: center;

}



.nav-text-line {

    display: none;

    width: 70px;

    height: 2px;

    background: #0086f1;

    margin: 0 auto;

}



.con1-cont {

    display: none;

    margin-top: 50px;

    text-align: start;

}



.con1-cont-box {

    display: inline-block;

    vertical-align: top;

    width: 393px;

    height: 138px;

    background: #FFFFFF;

    margin: 0 10px 10px 0;

    padding: 30px 30px 30px 24px;

}



.con1-cont > a:nth-child(3n+0) > .con1-cont-box {

    margin-right: 0;

}



.con1-cont-box:hover {

    box-shadow: 0 5px 10px 0 rgba(18, 32, 46, 0.14);

}



.con1-cont-box:hover > .con1-box-text > .con1-box-title {

    color: #2386EE;

}



.con1-box-img {

    width: 80px;

    height: 80px;

    margin-right: 18px;

}



.con1-box-text {

    display: inline-block;

    vertical-align: top;

    width: 240px;

    height: 80px;

    text-align: start;

}



.con1-box-title {

    font-size: 20px;

    font-weight: 500;

    color: #000000;

    line-height: 32px;

}



.con1-box-content {

    font-size: 14px;

    font-weight: 400;

    color: #000000;

    line-height: 24px;

    opacity: 0.75;

    height: 48px;

    overflow: hidden;

}



.banner-center {

    width: 100%;

    height: 260px;

    padding: 35px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    background: url(../images/banner-center-pc.png) center center no-repeat;

}



.banner-center-container {

    width: 700px;

}



.banner-center-text {

    font-size: 14px;

    font-weight: 300;

    line-height: 24px;

    margin: 28px 0;

}



.banner-center-btn {

    width: 150px;

    height: 40px;

    background: #0086F1;

    border: 1px solid #0086F1;

    font-size: 14px;

    line-height: 40px;

    text-align: center;

    font-weight: 500;

    color: #FFFFFF;

    margin: 0 auto;

}



.con3-list {

    width: 100%;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    justify-content: space-between;

    margin-bottom: 30px;

}



.con3-list-box {

    width: 595px;

    height: 370px;

    margin-bottom: 10px;

    position: relative;

}



.con3-list-box-img {

    position: absolute;

    width: 100%;

    top: 0;

    left: 0;

}



.con3-list-box-content {

    position: absolute;

    z-index: 1;

    left: 0;

    bottom: 0;

    width: 100%;

    min-height: 145px;

    padding: 25px 30px;

    background-color: #F7F7F7;

    text-align: start;

}



.con3-list-content-title {

    font-size: 24px;

    font-weight: 500;

    margin-bottom: 10px;

}



.con3-list-content-text {

    font-size: 13px;

    font-weight: 400;

    line-height: 28px;   

    opacity: 0.75;

    height: 56px;

    overflow: hidden;

}



.con3-list-content-btn {

    display: none;

    width: 100px;

    height: 40px;

    background: #2386EE;

    color: #fff;

    line-height: 40px;

    font-size: 14px;

    font-weight: 400;

    text-align: center;

    margin-top: 10px;

}



.con3-list-box:hover {

    box-shadow: 0px 20px 70px 0px rgba(19, 32, 46, 0.2);

}



.con3-list-box:hover > .con3-list-box-content {

    background-color: #fff;

}



.con3-list-box:hover > .con3-list-box-content > .con3-list-content-btn {

    display: block;

}



.con3-more {

    margin-top: 15px;

}



.con3-more p {

    display: inline-block;

    vertical-align: middle;

    font-size: 16px;

    font-family: PingFang;

    font-weight: 400;

    line-height: 24px;

    color: #0186F2;

}



.con3-more img {

    height: 14px;

    margin: 5px 10px;

}



.contact-title {

    text-align: start;

    font-size: 32px;

    font-weight: 500;

}