*{margin:0;padding:0;list-style:none;text-decoration:none;font-size:16px;color:#323232;}
body{margin:0;padding:0;font:500 16px Arial,'Times New Roman','Microsoft YaHei',SimHei;}
input{outline:0;border:none;}
a{text-decoration:none;}
img{vertical-align:middle;}
.m-section .section-center{margin:auto;width:1200px;}
.m-section,.m-section .section-center{position:relative;background-position:center;background-repeat:no-repeat;}
.fl{float:left;}
.fr{float:right;}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"";}
.box{width: 1200px;margin: auto;}
.m0{margin: 0px!important;}
.mr0{margin-right: 0px!important;}
.bbn{border-bottom: none!important;}
.brn{border-right: none!important;}
.title{
    font-size: 56px;
    color: #333333;
    text-align: center;
    background: url(../img/tit1.png) no-repeat center bottom;

}
.title span{
    font-size: 56px;
    color: #333333;
        background: url(../img/one-tit.png) no-repeat center;
    background-clip:text;
    -webkit-text-fill-color: transparent;
}
.banner{
    width: 100%;
    height: 500px;
    background: url('../img/banner.png')no-repeat center;
}
.banner_btn{
    width:350px;
    height:84px;
    cursor: pointer;
    margin:430px 0px 0px 450px;
    background:url('../img/banner_btn.png')no-repeat center;
    font-size:22px;
    text-align:center;
    line-height:64px;
    cursor: pointer;
    color:#010c46;
}
.btns:hover{background: #d6bd8b;}
.one{
    width:100%;
    padding:0px 0px 0px 0px;
    background:#ecf6fe;
    box-sizing:border-box;
}
     .one-wrapper {
            width: 1200px;
            height:600px;
            margin: 0 auto;
            padding: 0px 0px 30px 0px;

        }

        .one-container {
            height:600px;
             background: url(../img/one-top.png) no-repeat center top;
             background-size: 100% auto, cover;
            border-radius: 0px;
            overflow: hidden;
            padding: 0px;
            position: relative;
        }

        .one-header {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 65px;
            position: relative;
            padding-top:160px;
            box-sizing:border-box;
        }



        .one-title {
            font-size: 42px;
            color: #fff;
            font-weight: bold;
            letter-spacing: 4px;
        }

        .one-btn {
            width:200px;
            height:60px;
            line-height:60px;
            position: absolute;
            right: 90px;

            color: #fff;
            padding: 0px;
            border-radius: 50px;
            font-size: 24px;
            text-align:center;
            text-decoration: none;
            cursor: pointer;
              background: url(../img/one-btn.png) no-repeat center top;
        }
        .one-btn:hover{
            background: url(../img/one-btn-hover.png) no-repeat center top;
        }
        .one-columns {
            display: flex;
            gap: 30px;
        }

        .one-column {
            flex: 1;
            display: flex;
            flex-direction: column;
             position: relative;
             padding: 0 27px 0 0 ;
        }
        .one-column p {
            text-align: justify;
            text-justify: inter-ideograph; /* 中文优化 */
                }
        .one-column:not(:last-child)::after {
            content: '';
            position: absolute;
            right: 0;
            top: 20%;
            bottom: 0;
            width: 1px;
            height:150px;
            background-image: repeating-linear-gradient(
                to bottom,
                rgba(255, 255, 255, 0.6) 0px,
                rgba(255, 255, 255, 0.6) 5px,
                transparent 5px,
                transparent 10px
            );
            background-color: #bddaf4;
        }
        .one-label {
            width:125px;
            height:35px;
            display: inline-block;
            background-color: #f5c518;
            color: #034bb7;

            border-radius: 25px;
            font-size: 24px;
            font-weight: bold;
            text-align:center;
            margin-bottom: 12px;
            align-self: flex-start;
        }

        .one-text {
            color: #035dc3;
            font-size: 18px;
            line-height: 2;
        }
    .two{
        width: 100%;
        padding: 0px 0px 10px 0px;
        background: url('../img/two.png')no-repeat center top;
        box-sizing: border-box;
    }
     .two-wrapper {
            width: 1200px;
            margin: 0 auto;
            padding: 0px 0;
        }

        .two-container {
            background-color: #fff;
            border-radius: 10px;
            padding: 50px 0px;
        }

        .two-title {
            height:80px;
            text-align: center;
            font-size: 40px;
            font-weight: bold;
            color: #323232;
             background: url('../img/two-tit.png')no-repeat center top;
             background-size:35%;
        }



        .two-content {
            display: flex;
            align-items: center;
            gap: 50px;
        }

        .two-map {
            flex-shrink: 0;
            width: 500px;
            text-align: center;
        }

        .two-map-image {
            width: 500px;
            height: 380px;
             background: url('../img/two-left.png')no-repeat center top;
             background-size:100%;
        }






        .two-info {
            flex: 1;
            padding-top: 40px;
        }

        .two-text {
            font-size: 18px;
            line-height: 2;
            color: #323232;
            margin-bottom: 20px;
        }

        .two-text a {
            font-size: 18px;
            font-weight:600;
            color: #3a7de2;

        }

        .two-btn {
            width:280px;
            height:70px;
            line-height:70px;
            text-align:center;
            display: inline-block;
            background: url(../img/two-btn.png) no-repeat center top;
            color: #fff;
            font-size: 24px;
            text-decoration: none;
            margin-top: 20px;
            cursor: pointer;
        }
        .two-btn:hover{
            background: url(../img/two-btn-hover.png) no-repeat center top;
        }
        .three{
            width:100%;
            margin:0 auto;
            background: url(../img/three.png) no-repeat center top;
            box-sizing: border-box;
        }
         .three-container {
            width: 1200px;
            margin: 50px auto 70px;
            position: relative;
            overflow: hidden;
        }

        .three-container::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 400"><path d="M0,200 Q300,100 600,200 T1200,200 L1200,400 L0,400 Z" fill="rgba(0,0,0,0.1)"/></svg>');
            background-size: cover;
            opacity: 0.3;
        }

        .three-content {
            position: relative;
            z-index: 1;
        }

        .three-title {
                height: 80px;
            text-align: center;
            font-size: 40px;
            font-weight: bold;
            color: #fff;
            background: url(../img/three-tit.png) no-repeat center top;
            background-size: 35%;
        }

        .three-cards {
            margin-top:70px;
            display: flex;
            gap: 20px;
            margin-bottom: 50px;
        }

        .three-card {
            width:166px;
            height:205px;
            flex: 1;
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            padding-left:15px;
            box-sizing:border-box;
             transition: transform 0.1s ease;
    cursor: pointer;
        }
        .three-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
        .three-card:nth-child(5){
            padding-left:20px;
            box-sizing:border-box;
        }
        .three-card:nth-child(6){
            padding-left:20px;
            box-sizing:border-box;
        }
        .three-card i{
            display: block;
            width:40px;
            height:2px;
            background:#3a7de2;
               margin:0px 0px 15px 0px;
        }
        .three-card-number {
            font-size: 30px;
            font-weight: bold;
            color: #3a7de2;
            margin:30px 0px 0px 0px;
        }

        .three-card-title {
            font-size: 24px;

            color: #323232;
            margin-bottom: 8px;
        }

        .three-card-text {
            font-size: 24px;
            color: #323232;
            line-height: 1.6;
        }

        .three-button-wrapper {
            text-align: center;
        }

        .three-button {
            width:366px;
            height:70px;
            line-height:70px;
            display: inline-block;
           background: url(../img/three-btn.png) no-repeat center top;
            background-size: 100%;
            color: white;

            text-decoration: none;
            font-size: 24px;
        }
        .three-button:hover{
                  background: url(../img/three-btn-hover.png) no-repeat center top;
            background-size: 100%;
        }
        .four{
            margin:0 auto;
            width: 100%;
            padding: 0px 0px 0px 0px;

        }
         .four-section {
            width: 100%;
            padding: 60px 0;

        }

        .four-container {
            width: 1200px;
            margin: 0 auto;
        }

        /* 标题区域 */
        .four-title-wrap {
            text-align: center;
            margin-bottom: 50px;
        }

        .four-title-wrap h2 {
           height: 80px;
            text-align: center;
            font-size: 40px;
            font-weight: bold;
            color: #323232;
            background: url(../img/two-tit.png) no-repeat center top;
            background-size: 35%;
        }




        /* 内容区域 */
        .four-content {
            display: flex;
            align-items: flex-start;
            gap: 50px;
        }

        /* 左侧图片区域 */
        .four-left {
            width: 515px;
            height:420px;
            flex-shrink: 0;
            position: relative;
             background: url(../img/four-left.png) no-repeat center top;
            background-size: 100%;
        }





        /* 右侧内容 */
        .four-right {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding-top: 0px;
        }

        .four-list {
            list-style: none;
            margin-bottom: 30px;
        }

        .four-list li {
            font-size: 18px;
            color: #323232;
            line-height: 34px;
            text-align: justify;
            text-align-last: left;
            padding: 0px 0;
        }

        .four-list li .four-num {
            font-size: 18px;
            color: #333;
            font-weight: normal;
        }

        .four-btn {
            width:280px;
            height:70px;
            line-height:70px;
            text-align:center;
            display: inline-block;
            color: #fff;
            font-size: 24px;
            font-weight: bold;
            border: none;
            cursor: pointer;
            text-decoration: none;
            transition: background-color 0.2s ease, transform 0.2s ease;
            background: url('../img/four-btn.png')no-repeat center top;
            background-size:100%;
        }

        .four-btn:hover {

            transform: translateY(-2px);
            background: url('../img/four-btn-hover.png')no-repeat center top;
            background-size:100%;
        }

        .four-btn:active {
            transform: translateY(-6px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
        }

        .sreen{
            margin:0 auto;
            width: 100%;
            background: url('../img/sreen.png')no-repeat center top;

        }
        .sreen-container {

            padding: 40px 0 0px;
        }

        .sreen-title {
                height: 80px;
            text-align: center;
            font-size: 40px;
            font-weight: bold;
            color: #0f57c4;
            background: url(../img/sreen-tit.png) no-repeat center top;

        }
        .sreen-title span{
            font-size: 40px;
            font-weight: bold;
            color: #fff;
        }


        .sreen-content-wrapper {
            display: flex;
            width: 1200px;
            margin: 50px auto 0px;


        }

        .sreen-left {
            width: 600px;
            height:440px;
            position: relative;
            display: flex;
            flex-direction: column;

        }







        .sreen-right {
            width:595px;
            display: flex;
            padding: 0px 0px 0px 210px;
            box-sizing: border-box;
        }

        .sreen-form-title {
            color: #fff;
            font-size: 30px;
            font-weight: bold;
            margin-bottom: 20px;
            text-align: center;
        }

        .sreen_info_rt input{
            width: 395px;
            height: 70px;
            font-size:20px;
            line-height: 70px;
            padding-left: 30px;
            background: #d6dfed;
            border-radius:10px;
            color:#a1a1a1;
            margin-top: 15px;
            box-sizing: border-box;
        }
        .sreen_info_code_container {
            position: relative;
            width: 100%;
            height: 67px;
        }

        .sreen_info_code_input {
            width: 100%;
            height: 100%;
            padding-right: 150px; /* 涓烘寜閽暀鍑虹┖闂� */
            box-sizing: border-box;
        }


        .sreen_info_code_btn {
            margin-top:10px;
            position: absolute;
            right: 0px; /* 璺濈鍙宠竟鐨勮窛绂� */
            top: 50%;
            transform: translateY(-50%);
            width: 140px;
            height: 55px; /* 绋嶅井鍑忓皬楂樺害锛屼娇鍏跺湪杈撳叆妗嗗唴鐪嬭捣鏉ユ洿鍗忚皟 */
            line-height: 70px;
            text-align: center;

            border-radius: 10px;
            font-size: 18px;
            color: #323232;
            cursor: pointer;

        }
        .sreen_info_code_btn::before {
            content: '';
            position: absolute;
            left: 10px;
            top: 60%;
            transform: translateY(-50%);
            width: 1px; /* 绔栫嚎鐨勫搴� */
            height: 30px; /* 绔栫嚎鐨勯珮搴︼紝鍙互鏍规嵁闇€瑕佽皟鏁� */
            background-color: #323232; /* 绔栫嚎鐨勯鑹� */
        }
        .sreen_info_form_btn {
            margin: 50px 0px 0px 0px;
            width: 400px;
            height: 70px;
            background: url(../img/sreen-btn.png) no-repeat center;
            line-height: 70px;
            text-align: center;
            cursor: pointer;
            font-size: 24px;
            font-weight: 400;
            color: #fff;
        }

        .sreen_info_form_btn:hover{

            background: url(../img/sreen-btn-hover.png) no-repeat center;
        }
        .sreen-btn{
            margin: 0px auto 0px;
            width: 370px;
            height: 70px;
            background: url(../img/one-btn.png) no-repeat center;
            line-height: 70px;
            text-align: center;
            cursor: pointer;
            font-size: 24px;
            font-weight: 500;
            color: #fff;
        }
        .sreen-btn:hover{
             color: #fff;
                background: url(../img/one-btn-hover.png) no-repeat center;
        }



        .five{
            width: 100%;
            padding: 0px 0px 0px 0px;
            background:#f0f5fc;
        }

         .five-section {
            width: 100%;
            padding: 60px 0 60px;
            background-color: #f0f5fc;
        }

        .five-container {
            width: 1200px;
            margin: 0 auto;
        }

        /* 标题区域 */
        .five-title-wrap {
            text-align: center;
            margin-bottom: 50px;
            position: relative;
        }

        .five-title-wrap h2 {
           height: 80px;
            text-align: center;
            font-size: 40px;
            font-weight: bold;
            color: #323232;
            background: url(../img/two-tit.png) no-repeat center top;
            background-size: 35%;
        }

        .five-title-bg {
            font-size: 52px;
            font-weight: bold;
            color: rgba(180, 210, 240, 0.35);
            letter-spacing: 6px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -30%);
            white-space: nowrap;
            z-index: 1;
            pointer-events: none;
        }

        .five-dots {
            display: flex;
            justify-content: center;
            gap: 6px;
            margin-top: 10px;
            position: relative;
            z-index: 2;
        }

        .five-dots span {
            display: inline-block;
            border-radius: 50%;
            background-color: #1a5fb4;
        }

        .five-dots span:nth-child(1) {
            width: 8px;
            height: 8px;
        }

        .five-dots span:nth-child(2) {
            width: 7px;
            height: 7px;
            background-color: #5a9fd4;
            margin-top: 1px;
        }

        .five-dots span:nth-child(3) {
            width: 6px;
            height: 6px;
            background-color: #a0c4e8;
            margin-top: 2px;
        }

        /* 流程步骤区域 */
        .five-steps {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            margin-bottom: 50px;
        }

        .five-step-outer.five-odd {
        background: url(../img/five-setp1.png) no-repeat center ;
        background-size:100%;

        }
        .five-step-outer.five-even {
            background: url(../img/five-setp2.png) no-repeat center top;
            background-size:100%;
        }
        /* 圆形步骤 */
        .five-step {

            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 142px;
            height: 142px;

            text-align: center;
            position: relative;
            flex-shrink: 0;
            cursor: pointer;
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }

        .five-step-name {
            font-size: 20px;
            font-weight: 400;
            color: #323232;
            line-height: 27px;
        }

        .five-step-time {
            font-size: 18px;
            color: #2b65c0;
            margin-top: 3px;
            line-height: 27px;
        }

        /* 旋转箭头装饰 */


        /* 箭头连接线 */


        /* 按钮区域 */
        .five-btn-wrap {
            display: flex;
            justify-content: center;
        }

        .five-btn {
               width: 366px;
            height: 70px;
            line-height: 70px;
            display: inline-block;
            background: url(../img/three-btn.png) no-repeat center top;
            background-size: 100%;
            color: white;
            text-decoration: none;
            font-size: 24px;
            text-align:center;
        }

        .five-btn:hover {
               background: url(../img/three-btn-hover.png) no-repeat center top;
            background-size: 100%;
        }





.input-group {
    display: flex;
    align-items: center;
    margin-bottom: 0px;
}
    .six{
            width: 100%;
            padding: 0px 0px 50px 0px;

    }
    .six-section {
            width: 100%;
            min-height: 580px;
            position: relative;
            overflow: hidden;
        }

        /* 背景图 */
        .six-bg {
            position: absolute;
            inset: 0;

            z-index: 0;
              background: url(../img/six.png) no-repeat center top;
            background-size: 100%;
        }

        /* 背景遮罩：左侧偏粉红，右侧偏蓝 */
        .six-bg-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(
                to right,
                rgba(220, 160, 160, 0.75) 0%,
                rgba(200, 130, 130, 0.65) 25%,
                rgba(160, 180, 220, 0.55) 55%,
                rgba(100, 140, 200, 0.72) 100%
            );
            z-index: 1;
        }

        .six-container {
            width: 1200px;
            margin: 0 auto;
            position: relative;
            z-index: 2;
            padding: 70px 0 40px;
        }

        /* 标题区域 */
        .six-title-wrap {
            text-align: center;
            margin-bottom: 60px;
            position: relative;
        }

        .six-title-bg {
            font-size: 56px;
            font-weight: bold;
            color: rgba(255, 255, 255, 0.18);
            letter-spacing: 8px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -20%);
            white-space: nowrap;
            pointer-events: none;
            z-index: 0;
        }

        .six-title-wrap h2 {
            font-size: 38px;
            font-weight: bold;
            color: #fff;
            position: relative;
            z-index: 1;
            text-shadow: 1px 2px 6px rgba(0,0,0,0.3);
        }

        .six-dots {
            display: flex;
            justify-content: center;
            gap: 6px;
            margin-top: 10px;
            position: relative;
            z-index: 1;
        }

        .six-dots span {
            display: inline-block;
            border-radius: 50%;
        }

        .six-dots span:nth-child(1) {
            width: 9px;
            height: 9px;
            background-color: #1a5fb4;
        }

        .six-dots span:nth-child(2) {
            width: 7px;
            height: 7px;
            background-color: #5a9fd4;
            margin-top: 1px;
        }

        .six-dots span:nth-child(3) {
            width: 6px;
            height: 6px;
            background-color: #a0c4e8;
            margin-top: 2px;
        }

        /* 四列内容区域 */
        .six-cards {
                margin-top: 140px;
            display: flex;
            gap: 0;
            align-items: flex-start;
        }

        .six-card {
            flex: 1;
            padding: 0 30px;
            border-right: 1px solid rgba(255, 255, 255, 0.25);
        }

        .six-card:first-child {
            padding-left: 0;
        }

        .six-card:last-child {
            border-right: none;
            padding-right: 0;
        }

        .six-card-title {
            font-size: 24px;
            font-weight: bold;
            color: #e6f0fe;
            margin-bottom: 8px;
            text-shadow: 1px 1px 4px rgba(0,0,0,0.3);
            line-height: 32px;
        }

        .six-card-line {
            width: 70px;
            height: 2px;
            background-color: #fff;
            margin-bottom: 11px;
            border-radius: 2px;
        }

        .six-card-text {
            font-size: 18px;
            color: rgba(255, 255, 255, 0.92);
            line-height:30px;
            text-shadow: 0px 1px 3px rgba(0,0,0,0.2);
        }

/* 纭繚楠岃瘉鐮佽緭鍏ユ鍜屾寜閽殑浣嶇疆姝ｇ‘ */
.input-group:nth-child(3) {
    display: flex;
    align-items: center;
}

.input-group:nth-child(3) .input-label {
    margin-right: 20px;
    margin-top:25px;
}

.input-group:nth-child(3) input {
    flex-grow: 1;
}


.ym_form{
    width: 100%;
    padding: 49px 0px;
    height: 281px;
    background: url('../img/ym_form.png')no-repeat center;
    margin: 0px 0px;
}
.ym_form_info{
    width:100%;
    margin-top:0px;
}
.ym_form_nav{
    width: 340px;
    height: 70px;
    background: #fff;
    border-radius: 100px;
    margin:0px 430px;
}
.ym_form_nav li {
    line-height: 70px;
    text-align: center;
    width: 150px;
    font-size: 20px;
    cursor: pointer;
}
.ym_form_nav .li_hover1 {
    background: #eaae57;
    color: #fff;
    border-radius: 100px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 191px;
    margin-left:-1px;
    margin-right:-1px;
}
.ym_form_info_text{
    width:830px;
    margin:42px 185px 0px 185px;
    height:180px;
}
.ym_form_info_text_list{
    width:100%;
    display: none;
}
.ym_form_info_text_list input{
    background:#ede8e7;
    font-size:18px;
    width:350px;
    height:70px;
    line-height:70px;
    border-radius:7px;
    padding-left: 30px;
}
.ym_form_info_btn{
    width:310px;
    height:70px;
    background:url('../img/ym_form_btn.png')no-repeat center;
    font-size:24px;
    cursor: pointer;
    line-height: 70px;
    border-radius: 10px;
    text-align:center;
    margin: 30px 260px;
}
.ym_form_info_btn:hover{
    background:#d6bd8b;
}


.seven{
    width:100%;
    padding:20px 0px 50px 0px;
    background:#fff;
}
.seven .title{
    background:url('../img/tit7.png')no-repeat center;
}
.seven_info{
    width:100%;
    margin-top:60px;
    height:506px;
    background:url('../img/seven_info.png')no-repeat left;
}
.seven_info_text{
    width:1131px;
    height:426px;
}
.seven_p{
    font-size:20px;
    color:#fff;
    float:left;
    line-height:80px;
    margin-left:10px;
}
.seven_info_list{
    width:375px;
    height:342px;
    background:#ecedf6;
    margin-right:3px;
}
.seven_info_list:hover{
    background:#dcdef5;
}
.seven_info_list h6{
    font-size:20px;
    font-weight:bold;
    float:left;
    margin:35px 0px 15px 24px;
}
.seven_info_list p{
    font-size:16px;
    line-height:30px;
    float:left;
    margin-left:24px;
    width:100%;
}
.seven_info_btn{
    width:599px;
    height:80px;
    text-align:center;
    line-height:80px;
    font-size:22px;
    background:url('../img/seven_info_btn.png')no-repeat center;
    cursor: pointer;
}
.seven_info_btn:hover{
    background:#fac982;
}
.jqymys {
    width:100%;
    clear: both;
    background: #fff!important;
    height: 690px!important;
}
.jqymys .jqymys-nr {
    width: 1200px;
    margin: 0 auto;
    padding-top: 50px!important;
    box-sizing: border-box;
}