.main-content * {
    box-sizing:border-box
}
.g-box {
    width:1204px;
    margin:0 auto
}
.content {
    height:fit-content
}
.banner {
    width:100%;
    height:855px;
    padding-top:93px;
    background:url(top-banner1@2x.png) center center no-repeat;
    background-size:cover;
    text-align:center
}
.banner h1,.title {
    font-size:50px;
    font-weight:400;
    color:#fff;
    line-height:1;
    margin-bottom:22px
}
.banner p {
    font-size:19px;
    font-weight:400;
    color:#ffefef;
    margin-bottom:37px
}
.banner .ban-btn {
    width:179px;
    height:45px;
    margin:0 auto;
    background:url(ban-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 .banner-pic {
    cursor:pointer;
    width:1150px;
    padding-left:100px;
    margin:0 auto
}
.banner .banner-pic img {
    width:1098px
}
.title {
    font-size:42px;
    font-weight:500;
    margin-bottom:18px;
    text-align:center;
    color:#333
}
.subtitle {
    font-size:28px;
    font-weight:400;
    color:#666;
    text-align:center;
    margin-bottom:75px
}
.part1 {
    height:985px;
    padding-top:115px;
    background:url(L2-ban.png) center center no-repeat;
    background-size:cover;
    position:relative;
    overflow:hidden
}
.part1 .part-wrap {
    position:relative;
    z-index:1
}
.part1 ul.tab {
    width:100%;
    display:flex;
    height:97px;
    background:#1b100f;
    border-radius:8px 8px 0 0;
    align-items:flex-end
}
.part1 ul.tab li {
    flex:1;
    height:117px;
    font-size:20px;
    font-weight:400;
    color:#fff;
    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 {
    background:url(https://www.qingua.net/assets/style/xhs/L2-TitleMap2.png) center center no-repeat;
    background-size:cover
}
.part1 ul.tab li:first-child.active {
    background:url(L2-TitleMap.png) center center no-repeat;
    background-size:cover
}
.part1 ul.tab li:last-child.active {
    background:url(https://www.qingua.net/assets/style/xhs/L2-TitleMap7.png) right center no-repeat;
    background-size:cover
}
.part1 .content {
    width:1200px;
    height:487px;
    border:1px solid rgba(255,255,255,.24);
    box-shadow:0 5px 95px 0 rgba(204,182,184,.4);
    background-color:rgba(246,249,255,.7);
    border-radius:0 0 10px 10px
}
.part1 .content .swiper-container {
    height:487px
}
.part1 .content .card {
    display:flex;
    padding:44px 0 0 78px
}
.part1 .content .card .main-img {
    width:374px;
    height:410px;
    margin-right:105px
}
.part1 .content .card h3 {
    font-size:25px;
    font-weight:500;
    color:#333;
    line-height:1;
    padding-top:25px;
    margin-bottom:25px
}
.part1 .content .card .des {
    font-size:16px;
    font-weight:400;
    color:#666;
    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:rgba(255,250,250,.8);
    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:14px;
    font-weight:400;
    color:#858585
}
.part1 .content .card .L1-btn {
    width:209px;
    height:50px;
    font-size:18px;
    font-weight:400;
    color:#fff;
    text-align:center;
    line-height:50px;
    background:url(L2-btn.gif) center center no-repeat;
    background-size:auto;
    cursor:pointer
}
.part2 {
    height:840px;
    padding-top:100px;
    background:#eff4f9 url(L3-ban.png) center center no-repeat;
    background-size:cover;
    position:relative
}
.part2 .card-list {
    margin-bottom:80px
}
.part2 .card-list .item {
    width:260px;
    height:370px;
    background:rgba(255,255,255,.3);
    border:1px solid #fff;
    border-radius:11px;
    padding-top:160px;
    box-sizing:border-box;
    box-shadow:0 5px 95px 0 rgba(170,198,242,.23);
    text-align:center;
    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:223px;
    height:172px
}
.part2 .card-list .item:nth-of-type(1):after {
    background:url(L3-icon1@2x.png) center center no-repeat;
    background-size:cover
}
.part2 .card-list .item:nth-of-type(2):after {
    background:url(L3-icon2@2x.png) center center no-repeat;
    background-size:cover
}
.part2 .card-list .item:nth-of-type(3):after {
    background:url(L3-icon3@2x.png) center center no-repeat;
    background-size:cover
}
.part2 .card-list .item:nth-of-type(4):after {
    background:url(L3-icon44@2x.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:2.1
}
.part2 .card-list img.arrow {
    width:22px;
    margin:0 15px
}
.xhs-btn {
    width:496px;
    height:62px;
    margin:80px auto 0;
    background:url(L3-btn.gif) center center no-repeat;
    background-size:100% auto;
    display:flex;
    cursor:pointer
}
.xhs-btn.xhs-btn1 {
    background:url(L4-btn.gif) center center no-repeat;
    margin-top:0
}
.xhs-btn p {
    text-align:center;
    font-weight:400;
    line-height:54px
}
.xhs-btn p:first-child {
    width:358px;
    font-size:18px;
    color:#666
}
.xhs-btn p:nth-child(2) {
    width:124px;
    font-size:18px;
    color:#fff
}
.part3 {
    height:854px;
    padding-top:93px;
    background:url(L4-ban.png) center center no-repeat;
    background-size:cover;
    position:relative
}
.part3 .content {
    width:1400px;
    margin:0 auto;
    height:538px
}
.part3 .content .swiper-container {
    height:538px
}
.part3 .content .pagination {
    position:relative;
    z-index:2;
    display:flex;
    justify-content:center;
    margin:-60px 0 60px;
    width:100%;
    text-align:center
}
.part3 .content .pagination .swiper-pagination-switch {
    width:19px;
    height:6px;
    background:#feadb5;
    opacity:.61;
    border-radius:3px;
    margin:0 2.5px;
    cursor:pointer
}
.part3 .content .pagination .swiper-active-switch {
    background:#ffb70f;
    opacity:1
}
.part3 .content .card {
    width:1400px;
    height:538px;
    display:flex;
    justify-content:flex-end;
    padding:70px 0 0
}
.part3 .content .card .left img.logo-icon {
    width:174px;
    margin-bottom:23px
}
.part3 .content .card .left h4 {
    font-size:26px;
    font-weight:400;
    color:#fff;
    line-height:1;
    margin-bottom:40px
}
.part3 .content .card .left .des {
    font-size:18px;
    font-weight:400;
    color:#fff;
    line-height:1.5;
    margin-bottom:64px;
    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(L4-littericon2.png) center center no-repeat;
    background-size:cover
}
.part3 .content .card .left .des:after {
    top:unset;
    bottom:-8px;
    left:482px;
    transform:rotateY(180deg)
}
.part3 .content .card .left .des.des1:after {
    left:535px
}
.part3 .content .card .left .des.des2:after {
    left:90px
}
.part3 .content .card .left .des.des3:after {
    left:544px
}
.part3 .content .card .left ul {
    display:flex
}
.part3 .content .card .left ul li {
    display:flex;
    flex-direction:column;
    align-items:center;
    margin-right:74px
}
.part3 .content .card .left ul li:last-child {
    margin-right:0
}
.part3 .content .card .left ul li img {
    width:53px;
    margin-bottom:9px
}
.part3 .content .card .left ul li p {
    font-size:14px;
    color:#fff
}
.part3 .content .card .main-img {
    width:716px;
    margin-left:28px;
    margin-top:-126px
}
.part4 {
    background:url(L5-ban.png) center center no-repeat;
    background-size:cover;
    height:786px;
    padding-top:74px;
    position:relative;
    z-index:1;
    text-align: center;
}
.part4 img.main-img {
    width:1217px;
    cursor:pointer;
    margin:0 auto
}
.ani {
    transition:all .3s
}
.ani:hover {
    transform:translateY(-15px)
}
.text-fff {
    color:#fff!important
}
.text-BAC0CC {
    color:#bac0cc!important
}
.text-FFDCDF {
    color:#ffdcdf!important
}
.text-C0C7D3 {
    color:#c0c7d3!important
}
.text-666 {
    color:#666!important
}
.text-E64045 {
    color:#e64045!important
}
.text-24 {
    font-size:24px!important
}