.header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:3;
}
.header_b{
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(5px);
    border-bottom: 1px solid #DBDFE5;
}
.header1{
    height:92px;
}
.logo img{
    width:163px;
    height:32px;
}
.nav_li{
    margin-left:60px;
}
.nav_li a{
    font-size:14px;
}
.banner{
    width:100%;
    height:720px;
}

.banner .swiper-slide{
    width:100%;
    height:720px;
}

.banner_t1{
    margin-top:230px;
}

.banner_t2{
    font-size:16px;color:#6B7B9B;
    line-height:22px;
    margin-top:20px;
}
.banner_t3{
    margin-top:50px;
    height:60px;
    background:#fff;
    border-radius:8px;
    width:800px;
    position: relative;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}
.banner_t4{
    height:60px;
    border:none;
    background:none;
    margin-left:20px;
    width:570px;
    font-size:14px;
}
.banner_t5{
    height:24px;line-height:24px;border-left:#EAEAEA 1px solid;margin-top:18px;padding:0 20px;cursor:pointer;font-size:14px;
    position: relative;
}
.banner_t5_t{white-space: nowrap;width:36px;}
.banner_t5_1{
    position:absolute;
    top:100%;
    left:0;
    width: 120px;
    background:#fff;
    border-radius:8px;
}

.banner_t6{
    height:60px;line-height:60px;width:120px;background:#007AFF;color:#fff;border-radius:0 8px 8px 0;
    cursor: pointer;
}
.banner_t6:hover{
    background:rgba(0, 122, 255, 0.80);
}
.banner_t6 p{font-size:16px;font-weight:500;margin-left:10px;}

.banner_t7{
    display:none;
    position:absolute;
    z-index: 1;
    top:100%;
    transform:translate(0,12px);
    width:100%;
    background:#fff;
    padding:14px;
    border-radius:4px;
    box-sizing: border-box;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}
.banner_t7_h{
    border-bottom:#EAEAEA 1px solid;
}
.banner_t7_h li{
    line-height:24px;font-size:14px;margin-right:40px;cursor: pointer;position:relative;padding-bottom:10px;
}
.banner_t7_h li:hover{
    color:#007AFF;
}
.banner_t7_h li.on{
    color:#007AFF;
    font-weight:500;
}
.banner_t7_h li.on::after{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:4px;
    background:#007AFF;
    border-radius:2px;
}
.banner_t7_b li{flex-wrap:wrap;margin:0 -10px;}
.banner_t7_b1{
    line-height:34px;font-size:14px;cursor: pointer;position:relative;box-sizing:border-box;margin:20px 10px 0;
    width:calc(100%/6 - 20px);text-align:center;border:1px solid #e0e3ed;border-radius: 4px;color: #666;
}
.banner_t7_b1:hover{
    border-color:#007AFF;
    color:#007AFF;
}
.banner_t7_b2{
    position:relative;
}
.banner_t7_b2::after{
    content:'';
    position:absolute;
    top:-8px;
    right:-1px;
    width:31px;
    height:15px;
    background:url(https://static.cdfeijin.com/yuds/hot2.png) no-repeat center center;
}
.banner_t8{
    margin-top:30px;
}
.banner_t8_1{
    font-size:14px;
    color:#6B7B9B;
}
.banner_t8_2{
    font-size:14px;
    line-height:28px;
    color:#007AFF;
    width:72px;
    text-align:center;
    border-radius: 4px;
    border: 0.5px solid rgba(255, 255, 255, 0.50);
    background: rgba(255, 255, 255, 0.49);
    margin-left:10px;
    cursor: pointer;
}
.banner_t8_2:hover{
    background:#007AFF;
    color:#fff;
    border-color:#007AFF;
}
.banner_t9{
    display:none;
    position:absolute;
    z-index: 1;
    top:100%;
    transform:translate(0,12px);
    width:100%;
    background:#fff;
    padding:14px;
    border-radius:4px;
    box-sizing: border-box;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}
.banner_t9_1{
    font-size:12px;
    line-height:17px;
    align-items:center;
}
.banner_t9_1 i{
    margin-left:auto;
    cursor: pointer;
}
.banner_t9_1 i:hover{
    color:#F56C6C;
}
.banner_t9_2{
    flex-wrap:wrap;
    margin:0 -3px;
    margin-top:7px;
}

.banner_t9_2 span{
    display: block;
    height:24px;
    padding:0 6px;
    margin:6px 3px;
    background:#F0F2F5;
    border-radius:4px;
    color:#6B7B9B;
    cursor:pointer;
    line-height:24px;
}
.banner_t9_2 span:hover{
    background:#007AFF;
    color:#fff;
}


.index_title{text-align:center;}
.index_title p{line-height:64px;font-size:46px;font-weight:500;}
.index_title span{font-size:16px;line-height:22px;color:#6B7B9B;margin-top:10px;}

.index_title_white p{color:#fff;}
.index_title_white span{color:rgba(255, 255, 255, 0.60);}
.index_title1{  margin-bottom:13px;}
.index_title1 div{font-size:53px;font-weight:bold;
    padding:0 8px;
    color:#007AFF;
    background: linear-gradient(104deg, #007AFF 5.04%, #2592FF 54.5%, #A76CFF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.index1{width:100%;background: url(https://static.cdfeijin.com/yuds/index1_bg.jpg) top center no-repeat;padding-top:76px;padding-bottom:80px;}
.index1_1{margin-top:60px;position:relative;margin-bottom:120px;}
.index1_left{
    width:1020px;height:574px;background: url(https://static.cdfeijin.com/yuds/index1_left.png) top center no-repeat;
    border-radius:50px 0 0 50px;position:relative;
    box-sizing:border-box;padding:60px 0 0 70px;
}
.index1_left1{font-size:30px;font-weight:500;color:#fff;line-height:42px;}
.index1_left2{padding-top:20px;}
.index1_left2_1{color:rgba(255,255,255,0.8);margin-top:20px;}
.index1_left2_2{font-size:20px;margin-right:40px;}
.index1_left2_3{display:flex;}
.index1_left2_3 i{font-size:18px;color:#fff;display:block;width:9px;margin-right:6px;;}
.index1_left2_4{font-size:16px;font-weight:500;color:#fff;margin-left:20px;width:180px;}
.index1_left2_5{font-size:18px;color:#fff;font-weight:500;}
.index1_left3{position:absolute;top:142px;left:461px;}

.index1_left2_1:nth-child(1) .index1_left2_3 i:nth-child(n+14){color:rgba(255,255,255,0.2);}
.index1_left2_1:nth-child(2) .index1_left2_3 i:nth-child(n+13){color:rgba(255,255,255,0.2);}
.index1_left2_1:nth-child(3) .index1_left2_3 i:nth-child(n+12){color:rgba(255,255,255,0.2);}
.index1_left2_1:nth-child(4) .index1_left2_3 i:nth-child(n+11){color:rgba(255,255,255,0.2);}
.index1_left2_1:nth-child(5) .index1_left2_3 i:nth-child(n+10){color:rgba(255,255,255,0.2);}
.index1_left2_1:nth-child(6) .index1_left2_3 i:nth-child(n+9){color:rgba(255,255,255,0.2);}
.index1_left2_1:nth-child(7) .index1_left2_3 i:nth-child(n+8){color:rgba(255,255,255,0.2);}
.index1_left2_1:nth-child(8) .index1_left2_3 i:nth-child(n+7){color:rgba(255,255,255,0.2);}
.index1_left2_1:nth-child(9) .index1_left2_3 i:nth-child(n+6){color:rgba(255,255,255,0.2);}
.index1_left2_1:nth-child(10) .index1_left2_3 i:nth-child(n+5){color:rgba(255,255,255,0.2);}
.index1_right{
    width: 740px;
    height: 450px;
    border-radius: 30px;
    border: 2px solid #FFF;
    background: linear-gradient(351deg, rgba(255, 255, 255, 0.80) 5.86%, rgba(237, 245, 255, 0.80) 98.37%);
    position:absolute;
    top:62px;
    right:0;
    padding:40px 0 0 70px;
    box-sizing:border-box;
}
.index1_right1{
    font-size:24px;font-weight:500;color:#000;line-height:34px;margin-bottom:30px;
}

.index1_right2_1{
    margin-bottom:24px;
}
.index1_right2_2{
    width:120px;font-size:14px;color:#4F6082;font-weight:400;
}
.index1_right2_3{
    width:400px;height:12px;border-radius:12px;
    background: linear-gradient(90deg, #007AFF 23.88%, #C2ECFF 101.27%);
}
.index1_right2_4{
    font-size:18px;color:#007AFF;font-weight:600;margin-left:20px;
}
.index1_right2_5{
    font-size:14px;color:#007AFF;font-weight:500;margin-left:2px;
}
.index1_2{
    margin:0 -10px;
}
.index1_2_1{
    margin:60px 10px 0;
    padding:40px 40px 0;
    width:25%;
    border-radius: 20px;
    border:1px solid rgba(0, 0, 0, 0);
    background: linear-gradient(180deg, #FAFDFF 20%, #D3EAFF 100%);
    position:relative;
    height:440px;
    cursor: pointer;
    overflow: hidden;
    transition:all 0.5s;
}
.index1_2_2{font-size:28px;line-height:39px;font-weight:500;}
.index1_2_3{font-size:14px;color:#6B7B9B;font-weight:400;margin-top:10px;line-height:20px;}
.index1_2_4{margin-top:40px;font-size:16px;color:#007AFF;line-height:22px;position: relative;z-index: 1;}
.index1_2_4 i{margin-left:10px;transition:all 0.5s;}
.index1_2_4:hover{
    color:#007AFF;
}
.index1_2_5{
    position:absolute;bottom:0;right:0;transition:all 0.5s;
}
.index1_2_1:hover{
    border-color:#007AFF;
}
.index1_2_1:hover .index1_2_5{transform:scale(1.1);}

.index1_2_1:hover .index1_2_4 i{
    margin-left:20px;
}


.index2{
    width:100%;background: url(https://static.cdfeijin.com/yuds/index2_bg.jpg) top center no-repeat;padding-top:80px;padding-bottom:80px;
    background-size:100% 100%;
}
.index2_1{flex-wrap:wrap;margin:0 -10px;margin-top:40px;}
.index2_2{
    width:710px;
    padding:40px 20px 30px;
    border-radius: 30px;
    background: radial-gradient(78.33% 117.84% at 41.97% -8.47%, #B1DFFF 3.39%, #D0ECFF 37.2%, #E6F5FF 91.67%, #E6F4FF 100%);
    margin:20px 10px 0;
    box-sizing:border-box;
}
.index2_3{font-size:26px;line-height:36px;}
.index2_4{font-size:14px;color:#6B7B9B;line-height:20px;margin-top:10px;}
.index2_5{
    border-radius: 30px;
    border: 2px solid #FFF;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.20) 0%, #FFF 108.57%);
    backdrop-filter: blur(20px);
    padding:40px 40px 10px ;
    margin-top:40px;
    flex-wrap:wrap;
}
.index2_6{
    margin-right:20px;
    margin-bottom:30px;
}
.index2_6_1{font-size:24px;}
.index2_6_2{font-size:16px;font-weight:500;line-height:24px;padding:0 10px;}

.index2_2:hover{
    background: radial-gradient(97.24% 130.31% at 37.75% -1.97%, #06F 0%, #5CB6FF 42.86%, #CDE8FF 100%);
}

.index2_2:hover .index2_3{color:#fff}
.index2_2:hover .index2_4{color:#fff}

.index3{width:100%;background: url(https://static.cdfeijin.com/yuds/index3_bg.jpg) top center no-repeat;padding-top:80px;padding-bottom:80px;background-size:100% 100%;}
.index3_1{border-radius:18px;overflow: hidden;margin-top:60px;}

.index3_left{width:248px;border-right:#fff 1px solid;background:#EEF4FF;}
.index3_left li{
    font-size:16px;
    height:122px;
    font-weight:500;
    text-align:center;
    cursor: pointer;
    position: relative;
    display:flex;
    align-items:center;
    justify-content:center;
}
.index3_left li p{line-height:22px;}
.index3_left li:hover{
    background: linear-gradient(90deg, #B6D8FF 0%, rgba(255, 255, 255, 0.20) 100%);
}
.index3_left li:hover p{
    color:#007AFF;
    background: linear-gradient(104deg, #007AFF 5.04%, #2592FF 54.5%, #A76CFF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.index3_left li:hover::after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:5px;
    background: linear-gradient(180deg, #007AFF 0%, #7B6CFF 100%);
}
.index3_left li.on{
    background: linear-gradient(90deg, #B6D8FF 0%, rgba(255, 255, 255, 0.20) 100%);
}
.index3_left li.on p{
    color:#007AFF;
    background: linear-gradient(104deg, #007AFF 5.04%, #2592FF 54.5%, #A76CFF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.index3_left li.on::after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:5px;
    background: linear-gradient(180deg, #007AFF 0%, #7B6CFF 100%);
}
.index3_right{padding:50px;}

.index3_right{background: url(https://static.cdfeijin.com/yuds/index3_right.jpg) bottom right no-repeat;width:1191px;}
.index3_right1{font-size:32px;line-height:45px;font-weight:500;}
.index3_right2{font-size:14px;color:#6B7B9B;line-height:20px;margin-top:20px;width:700px;}

.index3_right3{
    padding:40px;margin-top:88px;
    border-radius: 20px;
    border: 1px solid #DDE7FF;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(2.5px);
}
.index3_right3 div{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:110px;
    height:78px;
    border-radius: 12px;
    background: #F8FBFF;
    margin-left:40px;
    cursor: pointer;
}
.index3_right3 div:first-child{
    margin-left:0;
}
.index3_right3 span{
    margin-top:10px;
    display:block;
    font-size:14px;
    position:relative;
    color:#007AFF;
    background: linear-gradient(104deg, #007AFF 5.04%, #2592FF 54.5%, #A76CFF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}
/* .index3_right3 span::before {
    content: attr(data-text);
    position: absolute;
    z-index: 1;
    color: transparent;
    background: linear-gradient(104deg, #007AFF 5.04%, #2592FF 54.5%, #A76CFF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
} */
.index3_right3 div:hover{
    box-shadow: 0 0 10px 0 rgba(219, 235, 255, 0.80);
}
.index3_right3_icon{font-size:20px;}

.index3_right3_a2 div{width:166px;}
.index3_right3_a3 div{width:152px;}
.index3_right3_a4 div{width:138px;}

.index4_bg{background:#F5F7FB;}
.index4{
    width:100%;
    border-radius: 80px;
    background:url(https://static.cdfeijin.com/yuds/index4_bg.jpg) top center no-repeat;
    background-size:100% 100%;
    /* background: linear-gradient(to bottom right, #8FDEFF 0%, #3BA3FF 16%, #007AFF 28%, #36A9FF 49%) bottom right / 50% 50% no-repeat,
    linear-gradient(to bottom left, #8FDEFF 0%, #3BA3FF 16%, #007AFF 28%, #36A9FF 49%) bottom left / 50% 50% no-repeat,
    linear-gradient(to top left, #8FDEFF 0%, #3BA3FF 16%, #007AFF 28%, #36A9FF 49%) top left / 50% 50% no-repeat,
    linear-gradient(to top right, #8FDEFF 0%, #3BA3FF 16%, #007AFF 28%, #36A9FF 49%) top right / 50% 50% no-repeat; */
    padding-top:80px;padding-bottom:80px;
    position:relative;
}
.index4::after{
    content:'';
    display: block;
    position:absolute;
    top:120px;
    left:50%;
    margin-left:590px;
    height:260px;
    width:277px;
    background:url(https://static.cdfeijin.com/yuds/index4_bg1.png);
    z-index:1;
}
.index4::before{
    content:'';
    display: block;
    position:absolute;
    bottom:88px;
    right:50%;
    margin-right:613px;
    height:260px;
    width:277px;
    background:url(https://static.cdfeijin.com/yuds/index4_bg1.png);
    z-index:1;
}

.index4_1{margin-top:40px;justify-content:center;}
.index4_1_a{height:52px;padding:0 40px;border-radius:40px;border:#CCDBEB 1px solid;margin:0 10px;font-size:16px;color:#fff;font-weight:500;line-height:52px;cursor: pointer;}
.index4_1_a.on{background:#fff;color:#007AFF;border-color:#fff}

.index4_2{margin-top:20px;z-index:2;position:relative;}
.index4_2 li{margin:0 -10px;flex-wrap:wrap;}
.index4_2 a{display: block;width:345px;height:424px;background:#fff;border-radius:20px;margin:20px 10px 0;overflow: hidden;}
.index4_2_1{width:345px;height:253px;position:relative;border-radius:20px 20px 0 0;overflow:hidden;transition:all 0.5s;}
.index4_2_1 img{transition:all 0.5s;}
.index4_2_1::after{
    content:'';
    position:absolute;
    box-sizing:border-box;
    top:0;
    left:0;
    height:100%;
    width:100%;
    border:2px solid #fff;
    border-bottom:none;
    border-radius:20px 20px 0 0;
    /*border-radius:20px 20px 0 0;
    border-image: linear-gradient(180deg, #fff, rgba(239, 248, 255, 0)) 1;
     */
}

.index4_2_2{
    padding:30px;
}

.index4_2_3{font-size:20px;letter-spacing: 0.4px;line-height:28px;}
.index4_2_4{font-size:14px;color:#6B7B9B;line-height:20px;margin-top:10px;height:60px;}

.index4_2_5{line-height:22px;font-size:16px;margin-top:34px;opacity:0;transition:all 0.5s;}
.index4_2_5 i{margin-left:10px;}

.index4_2 a:hover .index4_2_5{opacity:1;}
.index4_2 a:hover .index4_2_1{height:200px;}
.index4_2 a:hover .index4_2_1 img{}

.index5{
    padding:130px 0 80px 0;
    background:url(https://static.cdfeijin.com/yuds/index5_bg.jpg) top center no-repeat;
    /* background-size:100% 100%; */
}
.index5_1{position:relative;margin-bottom:140px;}
.index5_1::before{
    content: '';
    position: absolute;
    display: block;
    top:0;
    left:0;
    width:240px;height:230px;
    background: linear-gradient(90deg, #E1EBFF 6.76%, #E5EEFF 52.8%, rgba(255, 255, 255, 0.00) 136.18%);
    z-index:2;
}
.index5_1::after{
    content: '';
    position: absolute;
    display: block;
    top:0;
    right:0;
    width:240px;height:230px;
    background: linear-gradient(289deg, #FFF 8.32%, #F7FBFF 43.98%, rgba(255, 255, 255, 0.00) 82.42%);
    z-index:2;
}
.index5_2{margin:40px 100px 0;}
.index5_2 .swiper-slide {
    width: 470px;
    height:230px;
    background:#fff;
    border-radius:20px;
}
.index5_3{padding:30px 40px;}
.index5_4{justify-content:space-between;align-items: flex-end;padding-bottom:20px;border-bottom:#E2E9F5 1px solid;}
.index5_4_1{font-size:22px;line-height:31px;}
.index5_4_2{width:70px;height:70px;border-radius:20px;}
.index5_5{padding-top:20px;font-size:14px;color:#6B7B9B;line-height:20px;letter-spacing: 0.28px;}

.index6{
    margin-top:60px;
    height:638px;
    background:url(https://static.cdfeijin.com/yuds/index5_1.png) top right no-repeat;
}

.index6_1{
    width:520px;
}

.index6_2{
    flex-wrap:wrap;
    /* width:384px; */
    padding-top:140px;
    padding-left:120px;
}
.index6_3{
    width:174px;
    display:flex;
    flex-direction: column;
}
.index6_3_1{
    font-size:16px;
    line-height:22px;
}
.index6_3_2{
    font-size:12px;
    line-height:17px;
    color:#6B7B9B;
}
.index6_3_3{
    margin-top:30px;
    font-size:48px;
    line-height:67px;
    font-weight:bold;
    margin-bottom:60px;
}
.index6_3_3 span{
    color:#007AFF;
    background: linear-gradient(104deg, #007AFF 5.04%, #2592FF 54.5%, #A76CFF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.index7{position:relative;/*height:736px;*/background:#F4F9FF;}
.index7_1{width:1680px;position:absolute;top:0;left:50%;margin-left:-720px}
.mx_industry_top{padding-top:80px;justify-content:space-between;}
.mx_bigt {
    font-size: 46px;
    font-weight:500;
    line-height:64px;
    margin-bottom: 10pxpx;
}

.mx_des {
    font-size: 16px;
    font-family: Light;
    line-height: 22px;
    color: #6B7B9B;
    margin-right:30px;
}
.mx_news_go {
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    color: #007AFF;
    transform: scale(1.0);
    transition: all 0.2s ease-in-out;
}

.mx_right_tab{
    margin-left:auto;
}
.mx_right_tab li{
    border-radius: 40px;
    border: 1px solid #CCDBEB;
    line-height:52px;
    height:52px;
    width:143px;
    text-align:center;
    margin-left:20px;
    cursor: pointer;
    font-size:16px;
}
.mx_right_tab li:hover{
    color:#007AFF;
}
.mx_right_tab li.on{
    color:#007AFF;
    background:#fff;
    border-color:#fff;
}
.mx_bottom_box{
    /* padding-left:20%; */
}

.mx_industry_bottom {
    display: flex;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    margin-top: 60px;
    padding-bottom: 70px;
}
.mx_industry_bottoml, .mx_industry_bottoml2 {
    width: 522px;
    height: 420px;
    flex-shrink: 0;
    margin-right: 97px;
    overflow: hidden;
}
.mx_industry_bottoml_title {
    font-size: 28px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0.56px;
    margin-bottom: 40px;
}
.mx_industry_bottoml_des {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    height: 170px;
    color: #6B7B9B;
    /* margin-bottom: 135px; */
}
.mx_seenews {
    display: block;
    width: 184px;
    height:48px;
    border: 1px solid #007AFF;
    border-radius: 6px;
    text-align: center;
    line-height: 48px;
    font-size: 16px;
    font-weight: 500;
    color: #007AFF;
    transition: all 0.1s linear;
}
.mx_seenews:hover{
    background:#007AFF;
    color:#fff;
}
.mx_industry_bottomr {
    width: 1061px;
    /* width: 1440px; */
    flex: 1;
    height: 420px;
    flex-shrink: 0;
    overflow: hidden;
}
.mx_industry_bottomr_box, .mx_industry_bottomr_box2 {
    width: 720px;
    /* width: 1448px; */
    height: 100%;
    /* overflow: hidden; */
}
.hydt {
    position: relative;
}
.mx_simg {
    width: 720px;
    height: 420px;
    border-radius:10px;
    overflow: hidden;
}
.mx_simg img{transition:all 0.5s;}
.mx_simg:hover img{transform:scale(1.1);}

.mx_industry_bottomr .swiper-button-prev{
    background:rgba(255,255,255,0.4);
    border-radius: 50px;
    width:60px;
    height:60px;
    font-size:14px;
    color:#fff;
}
.mx_industry_bottomr .swiper-button-prev i{
    transform:rotate(180deg);
}
.mx_industry_bottomr .swiper-button-next{
    background:rgba(255,255,255,0.4);
    border-radius: 50px;
    width:60px;
    height:60px;
    font-size:14px;
    color:#fff;
}

.mx_industry_bottom_box {
    padding-bottom: 60px;
    width: 1440px;
}
.mx_industry_bottom2 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.mx_industry_bottom2:first-child {
    margin-top: 50px;
}
.mx_industry_bottom2_left {
    width: 714px;
    height: 339px;
}
.mx_industry_bottom2_leftf {
    margin-bottom: 50px;
}
.mx_industry_bottom2_leftf {
    margin-bottom: 50px;
}
.mx_time {
    font-size: 32px;
    font-family: Light;
    font-weight: 300;
    line-height: 56px;
    color: #282828;
    margin-right: 51px;
}
.mx_longline {
    flex: 1;
    height: 1px;
    background: #C5C8D0;
}
.mx_industry_bottom2_left_title {
    font-size: 24px;
    font-weight: 400;
    line-height: 33px;
    color: #333333;
    margin-bottom: 40px;
}
.mx_industry_bottom2_left_des {
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    color: #878D9A;
}
.mx_industry_bottom2_right {
    width: 626px;
    height: 310px;
    margin-top: 29px;
    border-radius: 10px;
    overflow: hidden;
}
.svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 80px;
    height: 80px;
    display: inline-block;
}
.mx_industry_bottom2_right img {
    /* width: 626px; */
    /* height: 310px; */
    transition: all 0.65s;
}
.mx_industry_bottom2_right:hover img{transform:scale(1.1);}
.mx_see_more {
    display: block;
    width: 184px;
    height: 48px;
    border: 1px solid #007AFF;
    border-radius: 6px;
    text-align: center;
    line-height: 48px;
    font-size: 16px;
    font-weight: 500;
    color: #007AFF;
    transition: all 0.1s;
    margin:0 auto;
    margin-top:30px;
}
.mx_see_more:hover {
    background: #007AFF;
    color: #fff;
}


.mx_form {
    width: 100%;
    /* background: linear-gradient(180deg, #333333 0%, rgba(84, 84, 84) 100%); */
    background: url(https://static.cdfeijin.com/yuds/form_bg.jpg) no-repeat center center/100% 100%;
    padding: 70px 0 60px;
    box-sizing: border-box;
}
.mx_form_left {
    width: fit-content;
    padding-top: 139px;
}
.mx_form_left_s {
    font-size: 46px;
    font-weight: 500;
    line-height: 64px;
    color: #FFFFFF;
    margin-bottom: 10px;
    letter-spacing: 0.92px;
    
}
.mx_form_left_s span {
    color: #007AFF;
    background: linear-gradient(104deg, #007AFF 5.04%, #2592FF 54.5%, #A76CFF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mx_form_left_des {
    font-size: 14px;
    font-weight: 400;
    line-height:20px;
    color: #6B7B9B;
    letter-spacing: 0.28px;
}
.mx_form_right {
    margin-left:auto;
    /* width: 1000px; */
    position: relative;

}
.mx_form_right .div {
    width:1012px;
    box-sizing:border-box;
    border-radius: 20px;
    border: 2px solid #FFF;
    background: linear-gradient(180deg, #EFF8FF 0%, rgba(255, 255, 255, 0.00) 94.63%);
    padding:36px 40px 12px;
}
.mx_tele {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.mx_tele_item {
    width: 435px;
    position: relative;
}
.mx_tele_item_title {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #6B7B9B;
    margin-bottom: 10px;
}
.mx_tele_item_error {
    display: none;
    margin-left: 20px;
    font-size: 12px;
    color: #F1354F;
}
.mx_tele_item input {
    width: 430px;
    height: 50px;
    outline: none;
    box-sizing: border-box;
    padding-left: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #333333;
    border: none;

    border-radius: 10px;
    background: linear-gradient(0deg, #FFF -10%, #FAFCFF 108%);
}
.mx_tele_item_code {
    color: #2C6AF1;
    position: absolute;
    font-size: 14px;
    right: 20px;
    bottom: 19px;
    cursor: pointer;
}
.mx_tex {
    margin-bottom: 30px;
}
.mx_tex textarea {
    outline: none;
    width: 930px;
    height: 100px;
    border-radius:10px;
    padding: 20px;
    box-sizing: border-box;
    resize: none;
    border: none;
}
.mx_submit_box {
    text-align: center;
}
.mx_submit {
    width: 160px;
    height: 48px;
    background: #202428;
    border-radius: 6px;
    text-align: center;
    line-height: 48px;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    margin: 0 auto;
    border: none;
    outline: none;
    transition: all 0.5s;
}



.demo2 {
    position: absolute;
    right: 35px;
    top: 66px;
    z-index: 999;
}
.demo2 .slider {
    border-radius:10px;
    overflow: hidden;
    
}
.ui-slider-wrap {
	/* background: #e8e8e8; */
	position: relative;
	background-color: #DBDFE5 !important;
	border-radius: 10px !important;
}

.ui-slider-wrap .ui-slider-bg {
	width: 0;
    border-radius:10px 0 0 10px;
}

.ui-slider-wrap .ui-slider-btn {
	position: absolute;
	top: 0;
	left: 0;
	cursor: move;
	text-align: center;
	/* border: 1px solid #ccc; */
	border-radius: 5px;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.ui-slider-wrap .ui-slider-btn {
	background: #fff url(https://static.cdfeijin.com/yuds/slider.png) no-repeat center;
}

.ui-slider-wrap .ui-slider-btn.success {
	background-image: url(https://static.cdfeijin.com/yuds/success.png);
}

.ui-slider-wrap .ui-slider-text {
	width: 100%;
	height: 100%;
	font-family: "Heavy";
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}

.ui-slider-wrap .ui-slider-no-select {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	font-size: 14px !important;
    border-radius:10px;
}
footer{
    background: linear-gradient(13deg, #272E36 6.47%, #2E5E92 166.41%);
    color:#fff;
}
.footer1{
    padding:0 85px;
    justify-content:space-around;
}
.footer1_1{
    height:105px;
    cursor: pointer;
}
.footer1_1 .iconfont{font-size:30px;margin-right:20px;}
.footer1_2 p{font-size:16px;line-height:22px;font-weight: 500;margin-bottom:6px;}
.footer1_2 span{color: rgba(255, 255, 255, 0.60);font-size:12px;font-weight:400;}
.footer1_1:hover{
    color:#007AFF;
}
.footer1_1:hover .footer1_2 span{
    color:#007AFF;
}
.footer2{
    border-top:rgba(255, 255, 255, 0.10) 1px solid;
    padding-top:50px;
    padding-bottom:50px;
    border-bottom:rgba(255, 255, 255, 0.10) 1px solid;
}
.footer2_1{
    margin-left:130px;
}
.footer2_2{
    margin-left:150px;
}
.footer2_2 p{
    font-size:14px;
    color:#fff;
    font-weight: 500;
    line-height:20px;
    margin-bottom:20px;
}
.footer2_2 a{
    display: block;
    font-size:12px;
    color: rgba(255, 255, 255, 0.60);
    margin-bottom:12px;
}
.footer2_2 a:hover{
    color:#007AFF;
}
.footer2_3{margin-left:150px;}
.footer2_4{font-size:14px;font-weight:500;line-height:20px;margin-bottom:10px;}
.footer2_5{font-size:20px;font-weight:500;line-height:26px;margin-bottom:10px;}
.footer2_6{
    color: rgba(255, 255, 255, 0.60);
    font-size:12px;line-height:18px;margin-bottom:30px;
}
.footer2_7_1{margin-right:20px;}
.footer2_7_2{width:80px;height:80px;background:#E5E8EF;border-radius:4px;border:2px solid #fff;}
.footer2_7_2 img{background:#E5E8EF;}
.footer2_7_1 p{text-align:center;font-size:12px;line-height:18px;padding-top:10px;}

.footer3{text-align:center;padding:30px 0;}
.footer3_1{font-size:12px;line-height:18px;justify-content:center;margin-bottom:18px;}
.footer3_1 a{
    color:#fff;
    display:inline-block;
    margin:0 20px;
    position: relative;
}
.footer3_1 a::after{
    content: "";
    position: absolute;
    right: -20px;
    top: 3px;
    width: 1px;
    height: 12px;
    background-color: rgba(220, 225, 233, 0.3);
}
.footer3_1 a:last-child::after{
    display: none;
}
.footer3_1 a:hover{
    color:#007AFF;
}
.footer3_3 a{color:rgba(255, 255, 255, 0.50);margin:0 10px;}
.footer3_3 a:hover{
    color:#007AFF;
}
.footer3_3{text-align:center;font-size:12px;color:rgba(255, 255, 255, 0.50);line-height:20px;;}

/*搜索页面*/
.banner_x{
    margin-top:90px;
    width:100%;
    height:150px;
    padding-top:45px;
    background:url("../img/banner_x1.jpg") no-repeat center right;
}
.banner_x .banner_t3{margin-top:0;}
.search{
    width:100%;
    background:#F5F7FB;
    padding-top:20px;
}
.search1{
    background:#fff;
    border-radius:6px;
    padding:40px;
}
.search_title{
    height:30px;
    font-size:20px;
    font-weight:600;
}
.search_title span{
    width:5px;
    height:22px;
    background:#007AFF;
    border-radius:5px;
    margin-right:12px;
    }
.search_list_box{margin:20px 0;position:relative;min-height:89px;}
.loading{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(243, 244, 246, 0.8);
    border-radius:5px;
}
.loading svg{
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-21px;
    margin-top:-21px;
    /* transform:translate(-50%,-50%); */
}

.search_list{
    border: 1px solid #E4E8F0;
    padding:20px 40px;
    border-bottom:none;
    min-height:89px;
}
.search_list:first-child{
    border-radius: 5px 5px 0 0;
}
.search_list:last-child{
    border-bottom: 1px solid #E4E8F0;
    border-radius: 0 0 5px 5px;
}

.search_list0{
    height:24px;
}

.search_list0 .search_list1{
    font-size:24px;
}
.search_list0 .iconfj-chenggong{
    color:#23A78F;
}
.search_list0 .iconfj-weizhuce{
    color:#D4D9E2;
}
.search_list2{
    margin: 0 10px 0 12px;
    font-size:18px;

}
.search_list3{
    height:25px;
    border-radius: 4px;
    border: 1px solid rgba(71, 131, 248, 0.20);
    background: rgba(71, 131, 248, 0.06);
    padding:0 12px;
}
.search_list6{
    font-size:12px;
    color:#9EA5B2;
    margin-top:12px;
}

.search_list4{
    font-size:16px;
    font-weight:600;
    color:#007AFF;
    line-height:26px;
    /* margin-left:auto; */
    cursor: pointer;
}
.search_list5{
    margin-left:60px;
    width:88px;
    height:36px;
    color:#fff;
    font-size:14px;
    background:url("../img/button.jpg") no-repeat center;
    justify-content:center;
    cursor: pointer;
}
.search_list4:hover{
    opacity:0.6;
    text-decoration:underline;
}
.search_list5:hover{
    opacity:0.6;
}

.empty{
    padding: 20px 0;
    text-align:center;
}
.empty p{
    color:#9EA5B2;
    font-size:12px;
    line-height:18px;
}
.whois{
    position:fixed;
    display:none;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.6);
    z-index:99;
}
.whois1{
    position:absolute;
    height:80%;
    /* overflow:hidden auto; */
    width:1050px;
    background:#fff;
    border-radius:5px;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    flex-direction:column;
}
.whois_header{
    /* height:54px; */
    padding:10px 30px;
    font-size:18px;
    border-bottom:#E4E8F0 1px solid;
    width:100%;
}
.whois_header .iconfont{
    margin-left:auto;
    font-size:24px;
    cursor: pointer;
    color:#72767b;
}
.whois_header .iconfont:hover{
    color:#007AFF;
}
.whois_content{
    padding:20px 30px;
    flex-grow:1;
    overflow:hidden auto;
}
.whois_content1{
    font-size:14px;
    color:#7d8da4;
    line-height:30px;
    margin-top:10px;
}
.whois_content2{
    margin-top:10px;
    border-radius:6px;
    padding:0 20px;
    /* background:#F5F7FB; */
    border: 1px solid #e4e8f0;
    margin-bottom:20px;
}
.whois_content2_0{
    border-bottom:1px solid #e4e8f0;
    padding:20px 0;
}
.whois_content2_0:last-child{
    border-bottom:none;
}
.whois_content2_1{
    font-size:16px;
    color:#7d8da4;
    font-weight:bold;
    line-height:26px;
}
.whois_content2_2{
    font-size:14px;
    line-height:20px;
    margin-top:10px;
}
.whois_content3{
    margin-top:20px;
    font-size:14px;
    color:#7d8da4;
    line-height:24px;
}
.circular {
    animation: loading-rotate 2s linear infinite;
    display: inline;
    height:42px;
    width:42px
}
    .path {
    stroke-dasharray: 90,150;
    stroke-dashoffset: 0;
    stroke-width: 2;
    stroke: #409eff;
    stroke-linecap: round;
    animation: loading-dash 1.5s ease-in-out infinite
}

@keyframes loading-rotate {
    to {
        transform: rotate(1turn)
    }
}
@keyframes loading-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -40px
    }

    to {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -120px
    }
}


/* 内容界面 */
.content_box{
    margin-top:90px;
    width:100%;
    padding-top:45px;

    .title{
        text-align: center;
        padding-top: 38px;
        font-size: 30px;
        font-weight: 400;
        line-height: 42px;
        color: #333333;
    }

    .date{
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
        color: #C5C8D0;
        margin-left: 15px;
        text-align: center;
        margin-top: 20px;
    }

    .content{
        padding:0 85px;
        margin-top: 20px;
    }
}