*{box-sizing: border-box;}
/* banner */
.about_banner{height: 6rem;background: url("../image/about/banner.png")no-repeat center;background-size: cover;color: #fff;margin-top: 1.28rem;}
.about_banner_title{font-size: 1.2rem;letter-spacing: 4px;font-family: 'JDLangZhengTi';}
.about_banner_con{display: flex;height: 100%;align-items: center;}

/* 第二部分 */
.about_second{padding: .87rem 0 .92rem;background: #F0F1F6;}
.about_second_title{font-size: .85rem;font-family: 'JDLangZhengTi';}
.about_second_title span{font-weight: bold;}
.about_second_main{margin-top: .6rem;display: flex;}
.about_second_l{width: calc(100% - 8.98rem);padding-top: .5rem;padding-left: 0rem;}
.about_second_l_title{font-size: .3rem;line-height: 1.5;color: rgba(7, 30, 64, 0.76);font-family: 'Roboto-Bold';}
.about_second_l_title_big{font-size: .42rem;font-family: 'JDLangZhengTi';margin-bottom: 1.54rem;}
.about_second_l_text{width: 8.5rem;height: auto;border-radius: 20px 50px 20px 50px;background: #E1241B;font-size: .26rem;line-height: 1.5;
color: #fff;padding: .36rem;transform: translateX(0);z-index: 1;position: relative;margin-top: .2rem;}
.about_second_r{width: 8.98rem;height: 6.87rem;border-radius: .2rem;position: relative;overflow: hidden;}
.about_second_r_mask{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(7, 30, 64, 0.55);display: flex;
justify-content: center;align-items: center;opacity: .15;}
.about_second_r_mask img{width: 1.2rem;height: 1.2rem;}
.about_second_r_mask.stop{display: none;}

.video_bg{position: fixed;width: 100vw;height: 100vh;display: none;justify-content: center;align-items: center;
background: rgba(0, 0, 0, 0.8);left: 0;top: 0;z-index: 100;}
.video_bg video{width: auto;height: 80vh;}
.vieo_bg_con{position: relative;}
.video_bg_close{position: absolute;color: #fff;top: 0;right: .1rem;z-index: 200;font-size: .3rem;}
.video_bg_close:hover{cursor: pointer;}

/* 第三部分 */
.about_third{height: 9.44rem;background: url(../image/about/third.png)no-repeat center;background-size: cover;position: relative;}
.about_third_main{width: 16rem;margin: auto;border-left:1px solid rgba(255, 255, 255, 0.39);height: 100%;
    border-right: 1px solid rgba(255, 255, 255, 0.39);padding-top: .93rem;}
.about_third_con{display: flex;height: 100%;flex-direction: column;justify-content: space-between;color: #fff;}
.about_third_title{font-size: .85rem;font-family: 'JDLangZhengTi';color: #fff;}

.about_third_list{height: 1.88rem;border-top: 1px solid rgba(255, 255, 255, 0.39);}
.about_third_center{text-align: center;}
.about_third_center_title{font-size: .48rem;font-family: 'Roboto-Bold';}
.about_third_center_info{font-size: .35rem;margin-top: .22rem;font-family: 'Roboto-Regular-14';color: #fff;}
.about_third_list{display: flex;align-items: center;}
.about_third_list_item{display: flex;flex: 1;height: 1.4rem;justify-content: center;align-items: center;font-size: .36rem;
    font-family: 'Roboto-Regular-14';font-weight: 300;border-right: 1px solid rgba(255, 255, 255, 0.39);}
.about_third_list_item.active{font-family: 'Roboto-Bold';}
.about_third_list_item:last-child{border-right: none;}

/* 第四部分 */
.about_fourth{padding-top: .9rem;padding-bottom: 1rem;position: relative;}
.about_fourth_title{font-size: .85rem;font-family: 'JDLangZhengTi';}
.about_fourth_title span{font-weight: bold;}
.about_fourth_l{width: 9.46rem;color: rgba(0, 0, 0, 0.8);font-size: .3rem;line-height: 1.5;display: flex;
flex-direction: column;justify-content: center;}
.about_fourth_main{display: flex;justify-content: space-between;}
.about_fourth_r{height: 6.2rem;}
/* 纯白背景容器 */
.clouds-wrapper {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 0;
}
   .red-cloud-wool {
       position: absolute;
       border-radius: 60% 40% 80% 20% / 70% 30% 90% 10%;
       background:
           radial-gradient(circle at 18% 25%, rgba(225, 37, 26, 0.15) 0%, transparent 65%),
           radial-gradient(circle at 82% 75%, rgba(225, 37, 26, 0.12) 0%, transparent 60%),
           radial-gradient(circle at 47% 88%, rgba(225, 37, 26, 0.1) 0%, transparent 58%),
           radial-gradient(circle at 91% 19%, rgba(225, 37, 26, 0.13) 0%, transparent 62%),
           radial-gradient(circle at 7% 73%, rgba(225, 37, 26, 0.09) 0%, transparent 55%);
       filter: blur(35px);
       transform: translateZ(0);
   }

   /* 云1：上层超大云 - 中速（30s） */
   .wool-1 {
       width: 850px;
       /* 原750→850 放大13% */
       height: 500px;
       /* 原450→500 放大11% */
       top: -80px;
       left: -350px;
       filter: blur(38px);
       animation: float-wool-1 30s ease-in-out infinite 1s;
       /* 原48→30 加快60% */
   }

   /* 云2：下层超大云 - 慢速（28s） */
   .wool-2 {
       width: 780px;
       /* 原680→780 放大15% */
       height: 450px;
       /* 原400→450 放大12.5% */
       top: 180px;
       right: -320px;
       filter: blur(35px);
       animation: float-wool-2 28s ease-in-out infinite 4s;
       /* 原42→28 加快50% */
   }

   /* 云3：中层超大云 - 快速（25s） */
   .wool-3 {
       width: 720px;
       /* 原620→720 放大16% */
       height: 480px;
       /* 原430→480 放大12% */
       top: 80px;
       left: -300px;
       filter: blur(32px);
       animation: float-wool-3 25s ease-in-out infinite 7s;
       /* 原38→25 加快52% */
   }

   /* 云4：左下方常驻超大云 - 极快速小幅动（20s） */
   .wool-4 {
       width: 700px;
       /* 超大尺寸 */
       height: 460px;
       /* 超大尺寸 */
       top: calc(100% - 350px);
       /* 固定左下方，适配100%高度 */
       left: 50px;
       /* 固定左下方 */
       filter: blur(36px);
       /* 仅小幅起伏+旋转，不飘走，保持常驻 */
       animation: float-wool-4 20s ease-in-out infinite 2s;
       /* 最快速度 */
   }

   /* 动画1：中速 - 上层云 */
   @keyframes float-wool-1 {
       0% {
           transform: translate(0, 0) scale(1.08) rotate(2deg) skew(3deg, 5deg);
           opacity: 0.85;
       }

       19% {
           transform: translate(450px, 45px) scale(1.15) rotate(-4deg) skew(-5deg, 2deg);
           opacity: 0.92;
       }

       41% {
           transform: translate(880px, 25px) scale(1.06) rotate(5deg) skew(2deg, -6deg);
           opacity: 0.88;
       }

       67% {
           transform: translate(1120px, 55px) scale(1.12) rotate(-3deg) skew(-4deg, 4deg);
           opacity: 0.91;
       }

       89% {
           transform: translate(1250px, 30px) scale(1.05) rotate(3deg) skew(5deg, -3deg);
           opacity: 0.87;
       }

       100% {
           transform: translate(0, 0) scale(1.08) rotate(2deg) skew(3deg, 5deg);
           opacity: 0.85;
       }
   }

   /* 动画2：慢速 - 下层云 */
   @keyframes float-wool-2 {
       0% {
           transform: translate(0, 0) scale(1.07) rotate(-1deg) skew(-4deg, 3deg);
           opacity: 0.82;
       }

       27% {
           transform: translate(-420px, -50px) scale(1.13) rotate(5deg) skew(6deg, -2deg);
           opacity: 0.9;
       }

       53% {
           transform: translate(-780px, -30px) scale(1.09) rotate(-6deg) skew(-3deg, 5deg);
           opacity: 0.87;
       }

       78% {
           transform: translate(-1050px, -60px) scale(1.11) rotate(4deg) skew(2deg, -4deg);
           opacity: 0.89;
       }

       93% {
           transform: translate(-1200px, -40px) scale(1.04) rotate(-2deg) skew(-5deg, 3deg);
           opacity: 0.85;
       }

       100% {
           transform: translate(0, 0) scale(1.07) rotate(-1deg) skew(-4deg, 3deg);
           opacity: 0.82;
       }
   }

   /* 动画3：快速 - 中层云 */
   @keyframes float-wool-3 {
       0% {
           transform: translate(0, 0) scale(1.09) rotate(3deg) skew(2deg, -4deg);
           opacity: 0.88;
       }

       31% {
           transform: translate(590px, -25px) scale(1.16) rotate(-5deg) skew(-6deg, 5deg);
           opacity: 0.95;
       }

       59% {
           transform: translate(980px, 40px) scale(1.08) rotate(4deg) skew(4deg, -6deg);
           opacity: 0.91;
       }

       82% {
           transform: translate(1180px, 10px) scale(1.06) rotate(-3deg) skew(-2deg, 4deg);
           opacity: 0.88;
       }

       96% {
           transform: translate(1280px, -15px) scale(1.03) rotate(2deg) skew(5deg, -2deg);
           opacity: 0.84;
       }

       100% {
           transform: translate(0, 0) scale(1.09) rotate(3deg) skew(2deg, -4deg);
           opacity: 0.88;
       }
   }

   /* 动画4：极快速小幅动 - 左下方常驻云 */
   @keyframes float-wool-4 {
       0% {
           transform: translate(0, 0) scale(1.1) rotate(1deg) skew(2deg, 3deg);
           opacity: 0.86;
       }

       25% {
           transform: translate(80px, 20px) scale(1.15) rotate(-2deg) skew(-1deg, 2deg);
           opacity: 0.92;
       }

       50% {
           transform: translate(40px, 10px) scale(1.08) rotate(3deg) skew(1deg, -2deg);
           opacity: 0.89;
       }

       75% {
           transform: translate(60px, 15px) scale(1.12) rotate(-1deg) skew(-2deg, 1deg);
           opacity: 0.91;
       }

       100% {
           transform: translate(0, 0) scale(1.1) rotate(1deg) skew(2deg, 3deg);
           opacity: 0.86;
       }
   }


/* 第五部分 */
.about_fifth{padding-bottom: .58rem;position: relative;}
.about_fifth_title{font-size: .85rem;font-family: 'JDLangZhengTi';}
.about_fifth_title span{font-weight: bold;}
.about_fifth_main{margin-top: .6rem;display: flex;flex-wrap: wrap;justify-content: space-between;}
.about_fifth_item{width: 4.85rem;height: 4.54rem;border-radius: 50px 50px 50px 50px;display: flex;flex-direction: column;
justify-content: center;align-items: center;padding: 0 .5rem;margin-bottom: .56rem;}
.about_fifth_item_icon{width: 1.2rem;height: 1.2rem;margin-bottom: .48rem;}
.about_fifth_item_title{font-size: .3rem;font-family: 'Roboto-Bold';line-height: 1.5;text-align: center;margin-bottom: .3rem;
height: .9rem;}
.about_fifth_item_text{font-size: .22rem;color: #05142d;font-family: 'Roboto-Regular-14';text-align: center;}
.about_fifth_item:hover{box-shadow: 0px 28px 61px 0px rgba(0, 0, 0, 0.08);}
.about_fifth_item:hover .about_fifth_item_title{color: rgba(225, 37, 26, 1);}

/* 第六部分 */
.about_sixth{padding-top: .87rem;background: #F0F1F6;position: relative;padding-bottom: .9rem;}
.about_sixth_jdp{width: 6.73rem;height: auto;position: absolute;top: 0.8rem;right: 0;z-index: 0;}
.about_sixth_title{font-size: .85rem;font-family: 'JDLangZhengTi';}
.about_sixth_title span{font-weight: bold;}
.about_sixth_con{z-index: 1;position: inherit;}
.about_sixth_main{width: 12.2rem;margin-top: .5rem;font-size: .22rem;line-height: .33rem;font-family: 'Roboto-Regular-14';}
.about_sixth_list{margin-top: 1.6rem;height: 3.8rem;background: #fff;border-radius: 0;position: relative;z-index: 2;
transform: translateX(0);padding-top: .1rem;display: flex;justify-content: end;}
.about_sixth_swiper{width: 100%;overflow: hidden;position: relative;}
.about_sixth_item{width: 3.8rem;}
.about_sixth_item_icon{width: 3rem;height: auto;margin:0 auto .25rem;}
.about_sixth_item_title{font-size: .2rem;line-height: 1.2; margin-bottom: .15rem;text-align: center;
    height: .56rem;font-family: 'Roboto-Medium';}
.about_sixth_item_text{color: #05142d;font-size: .16rem;line-height: 1.2;font-family: 'Roboto-Regular-14';display: none;}
.picMarquee-left .bd{ padding:10px;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.about_sixth_bottombg{width: 100%;height: 3.2rem;background: #D6D8E5;position: absolute;bottom: 0;left: 0;}

/* 第七部分 */
.about_seventh{padding-top: .87rem;background: url(../image/about/serven.png)no-repeat center;background-size: cover;height: 8.08rem;
color: #fff;}
.about_seventh_title{font-size: .85rem;font-family: 'JDLangZhengTi';color: #fff;}
.about_seventh_title span{font-weight: bold;}
.about_seventh_info{margin-top: .5rem;width: 9.5rem;font-size: .24rem;color: rgba(255, 255, 255, 0.8);}
.about_seventh_download{margin-top: .8rem;}
.about_seventh_list{display: flex;align-items: center;}
.about_seventh_item{margin-right: .2rem;}
.about_seventh_item a{width: 2.72rem;height: .83rem;background: linear-gradient(0deg, rgba(126, 130, 148, 0.53) 20%, rgba(126, 130, 148, 0.53) 100%);
border-radius: 18px 18px 18px 18px;display: flex;align-items: center;justify-content: center;color: #fff;}
.about_seventh_item_icon{width: .3rem;margin-right: 5px;}
.about_seventh_item_text{font-size: .24rem;font-family: 'Roboto-Regular-14';}
.about_seventh_shuoming{font-size: .22rem;font-family: 'Roboto-Regular-14';margin-top: .8rem;}
.about_seventh_item:hover a{background: linear-gradient(0deg, rgba(126, 130, 148, 0.83) 20%, rgba(126, 130, 148, 0.83) 100%);
cursor: pointer;}


/* 000 */
/*  */
.cyy_second{position: relative;padding-top: 1.26rem;padding-bottom: 1.1rem;}
.cyy_second_title{font-size: .85rem; font-family: 'JDLangZhengTi';}
.cyy_second_text{font-size: .22rem;line-height: .33rem;font-family: 'Roboto-Regular-14';margin-top: .24rem;}
.cyy_second_main{margin-top: .06rem;display: flex;justify-content: space-between;}
.cyy_second_main > div{width: 5.06rem;}
.cyy_second_main>div.cyy_second_main_c{width: 6rem;}
.cyy_second_item_title{font-size: .24rem;line-height: .36rem;font-family: 'Roboto-Medium';color: #E1251A;
margin-bottom: .12rem;}
.cyy_second_item p{font-size: .22rem;color: #05142d;font-family: 'Roboto-Regular-14';line-height: .26rem;}
.cyy_second_main_l{padding-right: .34rem;padding-top: 1.33rem;}
.cyy_second_main_r{padding-left: .34rem;padding-top: 1.33rem;}
.cyy_second_main_l > div:nth-child(1),
.cyy_second_main_r>div:nth-child(1){margin-bottom: 1.83rem;}
.cyy_second_main_c > div:nth-child(1){margin-bottom: .67rem;}
.cyy_second_item_pic{width: 100%;margin-bottom: .6rem;margin-top: .6rem;}
.cyy_second_main_c>div:nth-child(1),
.cyy_second_main_c>div:nth-child(3){padding: 0 .2rem;width: 5.06rem;margin: 0 auto;}

@media screen and (max-width: 768px) {
    .about_banner{margin-top: 0;padding-top: 1rem;}
    .about_second{padding: .5rem 0;}
    .about_second_main{display: block;margin-top: 0;}
    .about_second_l{width: 100%;padding-top: .3rem;}
    .about_second_r{width: 100%;height: 4rem;margin-top: .2rem;}
    .about_second_l_title{font-size: .3rem !important;}
    .about_second_l_text{width: 100%;}
    .about_second_title{font-size: .4rem !important;}
    .about_third{height: auto;padding: .5rem 0;}
    .about_third_main{width: 100%;padding-top: 0;}
    .video_bg video{width: 100%;height: auto;}
    .about_fourth{padding-top: .5rem;padding-bottom: .5rem;}
    .about_fourth_l.conT{width: calc(100% - 2rem);font-size: .24rem !important;}
    .picker-column{width: 1.5rem !important;}
    .date-picker{padding: 10px;}
    .picker-item.active {font-size: .5rem!important;}
    .picker-item.prev, .picker-item.next{font-size: .36rem !important;}
    .about_fifth{padding-top: .5rem;}
    .about_fifth_main{margin-top: .3rem;}
    .about_fifth_item{width: 100%;padding: 0;margin-bottom: .2rem;height: 3.28rem;}
    .about_fifth_item_icon{width: .8rem;height: .8rem;margin-bottom: .1rem;}
    .about_fifth_item_title{font-size: .3rem !important;height: auto;margin-bottom: .1rem;}
    .about_sixth{padding-top: .5rem;padding-bottom: .5rem;}
    .about_sixth_title{font-size: .4rem !important;}
    .about_sixth_list{transform: none;margin-top: .5rem;}
    .about_seventh{padding-top: .5rem;padding-bottom: .5rem;height: auto;}
    .about_seventh_title{font-size: .4rem !important;}
    .about_seventh_info{width: 100%;margin-top: .3rem;}
    .about_seventh_download{width: 100%;margin-top: .3rem;}
    .about_seventh_item{width: 32%;margin: 0;}
    .about_seventh_item a{width: 100%;}
    .about_seventh_list{justify-content: space-between;}
    .about_seventh_item_text{font-size: .2rem;}
    .footer{margin-top: 0;}

    .about_banner_title{font-size: .55rem !important;}
    .about_third_title,
    .about_fourth_title,
    .about_fifth_title{font-size: .4rem !important;}
    .about_third_list_item{text-align: center;}


    .cyy_second{padding-top: .5rem;padding-bottom: .5rem;}
    .cyy_second_title{font-size: .4rem !important;}
    .cyy_second_main{display: block;margin-top: .2rem;}
    .cyy_second_main > div{width: 100%;}
    .cyy_second_main_l{padding: 0;display: flex;flex-flow: column-reverse;}
    .cyy_second_main_l > div:nth-child(1), .cyy_second_main_r>div:nth-child(1){margin-bottom: .2rem;}
    .cyy_second_main>div.cyy_second_main_c{width: 100%;margin-top: .2rem;}
    .cyy_second_main_c>div:nth-child(1), .cyy_second_main_c>div:nth-child(3){width: 100%;padding: 0;}
    .cyy_second_main_r{padding: 0;margin-top: .2rem;}
}