/* banner begin */
    .banner {
        width: 100%;
        height: 560px;
    }

    .ban_foot {
        height: 70px;
        z-index: 2;

    }

    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{
        bottom: 48px;
        }
    .my-bullet {
        display: inline-block;
        width: 43px;
        height: 4px;
        opacity: 0.50;
        background: white;
        position: relative;
        margin: 0 6px;
        cursor: pointer;
    }

    .my-bullet-active {
        background: #2B78F6;
        opacity: 1;
        width: 43px;
        height: 4px;


    }
 /* mod1 begin  */
  .mod1_box{
    padding:80px 0;
    background: #F7FBFF;
  }
  .mod1{

  }
  .m1_ttbox{
position: relative;
    text-align: left;
    display: flex;
flex-direction: column;
align-items: flex-start;
gap: 32px;
  }
  .m1_tt{
    color: #253554;

text-align: center;
font-family: Microsoft YaHei UI;
font-size: 40px;
font-style: normal;
font-weight: 700;
  }
  .m1_tt span{
    color: #1A5AFE;
  }
  .m1_ttdec{
    color: #9FA6B1;

text-align: left;
 
font-family: PingFang SC;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
  }
.m1_ttdec .jieshao{
    display: inline-flex;
    align-items: center;
    color: #1A5AFE;
    gap: 12px;
}
.m1_ttdec .jieshao span{
    border-bottom: 1px solid #1A5AFE;
}
.m1_foot{
    margin-top:70px;
    display: flex;
    justify-content: space-around;
    gap: 100px;
}
.m1_f_l{
    max-width: 190px;
}
.m1_f_ul{
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 60px; 
}
.m1_li{
    display: flex;
flex-direction: column;
align-items: flex-start;
gap: 24px;
font-weight: 700;
line-height: 24px;
font-family: Microsoft YaHei;
}
.m1_litt{
    color: #1A5AFE;
font-size: 36px;
display: flex;
}
.m1_litt::after{
    display: inline-block;
    content: "+";
    font-size: 24px;
    margin-top:-10px;
}
.m1_lidec{
    color: #253554;
    font-size: 16px;
}
.m1_f_r{
    max-width: 900px;   
}
.m1_f_r_ttbox{
    display: inline-flex;
flex-direction: column;
align-items: flex-start;
gap: 26px;
}
.m1_f_r_tt{
    color: #9FA6B1;
font-family: PingFang SC;
font-size: 20px;
font-weight: 400;
line-height: 28px;
}
.m1_f_img{
    width: 860px;
height: 553px;
flex-shrink: 0;
}
.m1_r_btnbox{
    display: flex;
    gap: 24px;
    align-items: center;
}
.border_bluebtn{
    display: inline-block;
    color: #1A5AFE;
    text-align: center;
    width: 115px;
    line-height:40px;
    height: 40px;
    border-radius: 4px;
border: 1px solid #1A5AFE;


}
.border_bluebtn:hover{
    background: #1A5AFE;
    color: #fff;
}
 /* mod2 begin */
 .mod2_box{
   padding-bottom: 60px;
 }
/* public list  */
.public_listul{
     
}
.pub_li{
    margin-top: 60px;
    display: flex;
    gap: 20px;
}
.pub_li_box{
    display: flex;
padding: 30px 28px;
 
gap: 40px;
flex: 1 0 0;
border-radius: 12px;
background: #F6F9FF;
font-family: PingFang SC;
line-height: 28px;
}
.pub_li_right{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    flex-direction: column;
    max-width: 400px;
    gap: 12px;
}
.pub_litt{
    font-size: 24px;
    line-height: 2;
    color: #2B78F6;
}
.pub_lidec{
    font-size: 14px;
    color: #8B9DB6;
    
}
.pub_li_box:hover{
    border-radius: 12px;
background: #1A5AFE;
box-shadow: 0px 16px 30px 0px rgba(26, 90, 254, 0.30);
}
.pub_li_box:hover .pub_litt{
    color: #fff;
}
.pub_li_box:hover .pub_lidec{
    color: #fff;
    opacity: 0.6;
}
 
 
/* 合作伙伴 */
.mod4_box{
    background: #1A5AFE;
    padding:80px 0;
}
.m4_cont{
    display: flex;
    justify-content: space-between;
}
 .m4_l{
    display: flex;
flex-direction: column;
align-items: flex-start;
gap: 48px;
 }
.m4_text{
    display: flex;
flex-direction: column;
align-items: flex-start;
gap: 32px;
    color: #fff;
}
.m4_tt{
    font-size: 40px;
    font-weight: 700;
line-height: 54px; 
font-family: Microsoft YaHei UI;
}
.m4_dec{
    opacity: 0.7999;
font-family: PingFang SC;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.mod4_list{
    width: 720px;
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.mod4_list a{
 display: inline-flex;
width: 227px;
padding:24px 0;
flex-direction: column;
justify-content: center;
align-items: center;
 opacity: 0.8;
border-radius: 8px;
background: #fff;
box-shadow: 0px 8px 16px 0px rgba(192, 199, 218, 0.25);
}
.mod4_list a:hover{
    opacity: 1;
}
.mod4_list a img{
 
width: 160px;
height: 40px;
 
}
/* mod5_box */
.mod5_box{
padding:80px 0;
background: url("/style/img/index_mod5bg.png") 50% / cover no-repeat;
}
 .mod5_more{
    position: absolute;
    right: 0;
 }
/* public plan  */

.plan_box{
    width: 100%;
     margin-top: 60px;
     display: flex;
 
justify-content: space-between;
align-items: flex-start;
}
.plan_list{
  border-radius: 5px;
  width: 285px;
  align-items: flex-start;
  flex-shrink: 0;
  align-self: stretch;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  overflow: hidden;
}
.plan_list:hover{
border:1px solid #1A5AFE;
}
.plan_top{
    display: flex;
height: 128px;
padding: 24px 32px;
flex-direction: column;
align-items: flex-start;
gap: 8px;
align-self: stretch;
color: #fff;
background: conic-gradient(from 180deg at 50% 50%, #1A5AFE 0deg, #578BFF 360deg);
}
.plan_toptt{

font-family: Microsoft YaHei;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px;
}
.plan_topdec{
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    font-family: PingFang SC;
    opacity: 0.7999;
}
.plan_footbox{
    background: #fff;
    display: flex;
padding: 24px 0px;
flex-direction: column;
align-items: center;
gap: 20px;
align-self: stretch;
}
.plan_foot{
    display: flex;
    height: 256px;
    padding: 0px 32px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
 
    align-self: stretch;
}
.plan_foot li{
    display: flex;
    gap: 12px;
    line-height: 32px; 
    justify-content: left;
    align-items: center;
}

.plan_foot li img{
    width: 16px;
height: 16px;
}
.plan_foot li:last-child{
    align-items: flex-start;
}
.plan_foot li:last-child img{
    margin-top: 8px;
}
.plan_foot li span{
    max-width: 190px;
}
.plan_line{
    height: 1px;
align-self: stretch;
border-radius: 24px;
background: #DCDCDC;
}
.plan_f_down{
    display: flex;
    padding: 0px 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}
.plan_money{
    display: flex;
    align-items: flex-start;
    gap: 32px;   
    color: #E10000;
font-family: PingFang SC;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 22px; 
}
.plan_money span{
    font-family: PingFang SC;
font-size: 28px;
}
.plan_btn{
    width: 100%;
    height: 32px;
    line-height: 32px;
    color:#1A5AFE;
    text-align: center;
    border-radius: 4px;
 
border: 1px solid #1A5AFE;
}
.plan_btn:hover{
background: #1A5AFE;
color: #fff;
}

/* mod6 begin  */
.mod6_box{padding:80px 0}
.mod6_box .m12 .m1_ttdec{
    width: 395px;
    text-align: left;
}
.mod6_tab{
    display: flex;
    justify-content: space-between;
}
.mod6_list{
    margin-top:20px;
    margin-left:100px;
}

.mod6_title{
    position: relative;
  
    color: #32425E;
    margin-top:60px;
    font-family: Microsoft YaHei;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}
.mod6_title:hover{
    cursor: pointer;
}
.mod6_title::before{
     display: block;
     content: "";
     width: 46px;
     height: 6px;
     position: absolute;
     top:10px;
     left: -66px;
     background: #DCDCDC;
     transition: all 1s;
     -webkit-transition: all 1s;
 
}
 
.mod6_list .on{
    color: #2B78F6;
}
.mod6_list .on::before{
    background: #2B78F6;
    width:80px;
    transform: translateX(-50%);
}
.mod6_text{
    color: #9FA6B1;
    margin-top: 20px;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    max-width: 368px;
}
.mod6_img{
    width: 724px;
    height: 529px;
    flex-shrink: 0;  
}

/* mod7 begin  */
.mod7{
    padding:80px 0;
    background: #F6FAFE;
}
.mod7_list{
    margin-top:40px;
    padding:40px;
    background: #fff;
    height: 650px;
}
.mod7_title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #253554;
margin-bottom: 20px;
font-family: Microsoft YaHei;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px;
}
.mod7_title:hover{
    cursor: pointer;
}
.m7_jian{
    display: none;
    transition: all 1s;
    -webkit-transition: all 1s;
}
.mod7_text{
 
    color: #9FA6B1;
 
font-family: PingFang SC;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px; 
}
.m7_textimg{
 margin-top: 20px;
 margin-left: -18px;
}
.mod7_line{
    height: 2px;
    width: 100%;
    margin:32px 0;
    background: #F8F8F8;
}
.mod7_list .on .m7_jia{
display: none;
transition: all 1s;
-webkit-transition: all 1s;
}
.mod7_list .on .m7_jian{
    display: block;
    transition: all 1s;
    -webkit-transition: all 1s;
}
.mod7_list .mod7_line:last-child{
    display: none;
 
}
/* mod8 begin  */
.mod8{
    padding:60px 0;
    background: url(/style/img/mod8_bg.png)  50% / cover no-repeat;
}
.m8_title{

    color:#fff;
font-family: Microsoft YaHei UI;
font-size: 40px;
font-style: normal;
font-weight: 700;
 text-align: center;
}
.m8_dec{
    margin-top: 20px;
    color: #fff;
    text-align: center;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.m8_box{
    margin-top:47px;
    display: flex;
width: 1200px;
align-items: flex-start;
gap: 20px;
}
.m8_list{
    background: #fff;
    padding:40px;
    flex: 1 0 0;
}
.m8_boxtt{
    display: flex;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
justify-content: space-between;
align-items: center;
color:  rgba(0, 0, 0, 0.65);
}
.m8_tt_l{
    font-size: 18px;
    display: flex;
    align-items: center;
}
.m8_tt_l svg{
margin-right: 16px;
}
.m8_tt_r{
    font-size: 16px;
    color:  rgba(0, 0, 0, 0.65);
}
.m8_footlist{
    margin-top:32px;
    display: flex;
flex-direction: column;
align-items: flex-start;
gap: 24px;
}
.m8_listtt{
    display: flex;
width: 100%;
justify-content: space-between;
align-items: flex-start;
font-family: PingFang SC;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color:  rgba(0, 0, 0, 0.65);
}
/* 增加 */
#mod1_cont3 .mod1_contlist{
    width: 280px;
}
#mod1_cont3 .mod1_contlist .mod1_cont_ft ul li span:first-child{
    width: 120px;
}
#mod1_cont3 .mod1_contlist .mod1_cont_ft ul li span:last-child{
    max-width: 120px;
}
@media (max-width: 1380px) {
    .m1_foot{
        gap: 100px;
        margin-top:35px;
        justify-content: flex-start;
    }
	.m1_f_ul{
		gap: 30px
	} 
    .m1_li{
        gap: 14px;
    }
    .m1_f_img{
        width: 800px;
        height: 300px;
    }
    .m1_litt{
        font-size: 30px;
    }
    .m1_lidec{
        font-size:14px;
    }
    .pub_li{
        margin-top: 35px;
    }
    .pub_li_box{
        padding: 30px 38px;
    }
    .mod2_box,.mod4_box,.mod5_box,.mod6_box,.mod7{
        padding:60px 0;
    }
}