.main-content * {
    box-sizing:border-box
}
.banner img,.g-box {
    width:1200px;
    margin:0 auto
}
.content {
    height:fit-content
}
.banner {
    width:100%;
    height:855px;
    padding-top:93px;
    background:url(banner-bg.png) center center no-repeat;
    background-size:cover;
    text-align:center
}
.banner h1,.title {
    font-size:50px;
    font-weight:500;
    color:#3a3d3f;
    line-height:1;
    margin-bottom:22px
}
.banner p {
    font-size:19px;
    font-weight:400;
    color:#515252;
    margin-bottom:37px
}
.banner .ban-btn {
    width:179px;
    height:45px;
    margin:0 auto;
    background:url(banner-btn.gif) center center no-repeat;
    background-size:cover;
    border-radius:4px;
    font-size:18px;
    color:#fff;
    text-align:center;
    line-height:45px;
    cursor:pointer
}
.banner img {
    cursor:pointer;
    width:1156px
}
.title {
    font-size:42px;
    margin-bottom:18px;
    text-align:center;
    color:#333
}
.subtitle {
    font-size:28px;
    font-weight:400;
    color:#8b93a3;
    text-align:center;
    margin-bottom:78px
}
.part1 {
    height:985px;
    padding-top:100px;
    background:url(L1-bg.png) center center no-repeat;
    background-size:cover;
    position:relative;
    overflow:hidden
}
.part1 img.img-dec {
    position:absolute;
    width:765px;
    right:0;
    top:0;
    z-index:0
}
.part1 .part-wrap {
    position:relative;
    z-index:1
}
.part1 ul.tab {
    width:100%;
    display:flex;
    height:97px;
    background:#000c22;
    border-radius:8px 8px 0 0;
    align-items:flex-end
}
.part1 ul.tab li {
    width:12.5%;
    height:117px;
    font-size:20px;
    font-weight:400;
    color:#c7cdd7;
    text-align:center;
    line-height:1.2;
    padding-top:45px;
    cursor:pointer
}
.part1 ul.tab li:first-child {
    font-size:24px
}
.part1 ul.tab li.active {
    color:#fff;
    background:url(https://www.qingua.net/assets/style/ks/L1-tab-bg1.png) center center no-repeat;
    background-size:cover
}
.part1 ul.tab li:first-child.active {
    background:url(L1-tab-bg.png) center center no-repeat;
    background-size:cover
}
.part1 .content {
    width:1204px;
    height:488px;
    margin-left:-2px;
    background:url(L1-bg-con.png) -92px -89px no-repeat;
    background-size:auto
}
.part1 .content .swiper-container {
    height:487px
}
.part1 .content .card {
    display:flex;
    padding:44px 0 0 128px
}
.part1 .content .card .main-img {
    width:316px;
    height:408px;
    margin-right:113px
}
.part1 .content .card h3 {
    font-size:25px;
    font-weight:500;
    color:#fff;
    line-height:1;
    padding-top:25px;
    margin-bottom:25px
}
.part1 .content .card .des {
    font-size:16px;
    font-weight:400;
    color:#ccc;
    margin-bottom:33px;
    line-height:1.6
}
.part1 .content .card ul.list {
    display:flex;
    margin-bottom:40px
}
.part1 .content .card ul.list li,.part2 .card-list {
    display:flex;
    align-items:center;
    justify-content:center
}
.part1 .content .card ul.list li {
    width:118px;
    height:117px;
    background:#2b375c;
    border-radius:8px;
    flex-direction:column;
    margin-right:22px
}
.part1 .content .card ul.list li img {
    width:40px;
    margin-bottom:15px
}
.part1 .content .card ul.list li p {
    font-size:16px;
    font-weight:400;
    color:#a7aabc
}
.part1 .content .card .L1-btn {
    width:184px;
    height:41px;
    border-radius:4px;
    font-size:18px;
    font-weight:400;
    color:#fff;
    text-align:center;
    line-height:41px;
    background:url(L1-btn.gif) center center no-repeat;
    background-size:auto;
    cursor:pointer
}
.part2 {
    height:760px;
    padding-top:100px;
    background:url(L2-bg.png) center center no-repeat;
    background-size:cover;
    position:relative
}
.part2 .card-list {
    margin-bottom:63px
}
.part2 .card-list .item {
    width:260px;
    height:307px;
    padding-top:160px;
    border:1px solid #fff;
    box-shadow:0 5px 95px 0 rgba(170,198,242,.23);
    border-radius:11px;
    text-align:center;
    background:rgba(255,255,255,.6);
    transition:all .2s;
    position:relative
}
.part2 .card-list .item:hover {
    transform:translateY(-5px);
    box-shadow:0 10px 20px rgba(0,0,0,.1)
}
.part2 .card-list .item:after {
    content:"";
    position:absolute;
    top:11px;
    left:50%;
    transform:translateX(-50%);
    width:182px;
    height:168px
}
.part2 .card-list .item:nth-of-type(1):after {
    background:url(L2-1.png) center center no-repeat;
    background-size:cover
}
.part2 .card-list .item:nth-of-type(2):after {
    background:url(L2-2.png) center center no-repeat;
    background-size:cover
}
.part2 .card-list .item:nth-of-type(3):after {
    background:url(L2-3.png) center center no-repeat;
    background-size:cover
}
.part2 .card-list .item:nth-of-type(4):after {
    background:url(L2-4.png) center center no-repeat;
    background-size:cover
}
.part2 .card-list .item P:first-child {
    font-size:19px;
    font-weight:400;
    color:#3d3c43;
    margin-bottom:25px;
    position:relative;
    z-index:1
}
.part2 .card-list .item P:nth-child(2) {
    font-size:14px;
    font-weight:400;
    color:#999;
    line-height:1.6
}
.part2 .card-list img.arrow {
    width:22px;
    margin:0 15px
}
.ks-btn {
    width:492px;
    height:58px;
    margin:65px auto 0;
    background:url(ks-btn.gif) center center no-repeat;
    background-size:100% auto;
    display:flex;
    cursor:pointer
}
.ks-btn p {
    text-align:center;
    font-weight:400;
    line-height:46px
}
.ks-btn p:first-child {
    width:355px;
    font-size:20px;
    color:#666
}
.ks-btn p:nth-child(2) {
    width:124px;
    font-size:18px;
    color:#fff
}
.part3 {
    height:889px;
    padding-top:100px;
    background:url(L3-bg.png) center center no-repeat;
    background-size:cover;
    position:relative
}
.part3 .content {
    width:1300px;
    height:450px;
    margin:0 auto
}
.part3 .content .swiper-container {
    height:442px
}
.part3 .content .pagination {
    display:flex;
    justify-content:center;
    margin:0 0 66px;
    width:100%;
    text-align:center
}
.part3 .content .pagination .swiper-pagination-switch {
    width:19px;
    height:6px;
    background:#293344;
    opacity:.61;
    border-radius:3px;
    margin:0 2.5px;
    cursor:pointer
}
.part3 .content .pagination .swiper-active-switch {
    background:#fe3666;
    opacity:1
}
.part3 .content .card {
    display:flex;
    justify-content:center;
    padding-left:60px
}
.part3 .content .card .left img {
    width:58px;
    margin-bottom:15px
}
.part3 .content .card .left h4 {
    font-size:26px;
    font-weight:400;
    color:#dbdee5;
    line-height:1;
    margin-bottom:40px
}
.part3 .content .card .left .des {
    font-size:18px;
    font-weight:400;
    color:#7c8492;
    line-height:1.5;
    margin-bottom:60px;
    position:relative
}
.part3 .content .card .left .des:after,.part3 .content .card .left .des:before {
    content:"";
    position:absolute;
    top:-7px;
    left:-44px;
    width:28px;
    height:22px;
    background:url(L3-quotation.png) center center no-repeat;
    background-size:cover
}
.part3 .content .card .left .des:after {
    top:unset;
    bottom:-8px;
    left:230px;
    transform:rotateY(180deg)
}
.part3 .content .card .left ul {
    display:flex
}
.part3 .content .card .left ul li {
    height:50px;
    text-align:center
}
.part3 .content .card .left ul li p:first-child {
    font-size:26px;
    font-weight:500;
    color:#3192ff;
    margin-bottom:8px
}
.part3 .content .card .left ul li p:first-child span {
    font-size:16px;
    font-weight:400
}
.part3 .content .card .left ul li p:nth-child(2) {
    font-size:14px;
    font-weight:400;
    color:#c0c7d3
}
.part3 .content .card .left ul li:nth-child(2) {
    margin:0 25px;
    padding:0 25px;
    position:relative
}
.part3 .content .card .left ul li:nth-child(2):after,.part3 .content .card .left ul li:nth-child(2):before {
    content:"";
    position:absolute;
    width:2px;
    height:46px;
    background:url(L3-line.png) center center no-repeat;
    background-size:cover;
    top:50%;
    transform:translateY(-50%)
}
.part3 .content .card .left ul li:nth-child(2):before {
    left:0
}
.part3 .content .card .left ul li:nth-child(2):after {
    right:0
}
.part3 .content .card .main-img {
    width:703px;
    margin-left:-15px
}
.part4 {
    height:773px;
    background:#fff;
    padding-top:80px;
    position:relative;
    z-index:1;
    text-align: center;
}
.part4 img.dec-img {
    position:absolute;
    width:1090px;
    height:647px;
    right:0;
    top:0;
    z-index:-1
}
.part4 img.main-img {
    width:1223px;
    cursor:pointer;
    margin:0 auto
}
.ani {
    transition:all .3s
}
.ani:hover {
    transform:translateY(-15px)
}
.text-fff {
    color:#fff
}
.text-BAC0CC {
    color:#bac0cc
}
.text-C0C7D3 {
    color:#c0c7d3!important
}
.text-666 {
    color:#666!important
}