@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'HarmonyOS_Sans_Bold';
    src: url('../Fonts/HarmonyOS_Sans_Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'SourceHanSansCN-Bold_0';
    src: url('../Fonts/SourceHanSansCN-Bold_0.otf') format('truetype');
}
@font-face {
    font-family: 'SourceHanSansCN-Heavy_0';
    src: url('../Fonts/SourceHanSansCN-Heavy_0.otf') format('truetype');
}
@font-face {
    font-family: 'SourceHanSansCN-Regular';
    src: url('../Fonts/SourceHanSansCN-Regular.otf') format('truetype');
}

:root {
    --container-width: 1000px;
}
.box-wd {
    width: var(--container-width);
}
body {
    background-color: #fefefe;
    /* font-family: 
    'HarmonyOS_Sans_Bold',
    'SourceHanSansCN-Bold_0',
    'SourceHanSansCN-Heavy_0',
    'SourceHanSansCN-Regular',
    sans-serif; */
    font-family: 'SourceHanSansCN-Regular';
    color: #4d4d4d;
}

.mb-30 {
    margin-bottom: 30px;
}

.t1 {
    font-size: 24px;
    font-weight: 700;
    font-family: 'SourceHanSansCN-Bold_0';
}
.t2 {
    font-size: 16px;
    font-family: 'SourceHanSansCN-Regular';
}

.t3 {
    font-size: 14px;
    font-family: 'SourceHanSansCN-Regular';
}
.line-h190 {
    line-height: 190%;
}

.c1 {
    color: #2b2b2b;
}
.c2 {
    color: #4d4d4d;
}
.c3 {
    color: #fff;
}

.banner-side,.box1-side,.box2-side,.box3-side,.box4-side,.box5-side,.box6-side,.box7-side {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.banner-side {
    background-color: #2658e9;
}
.box1-side,.box2-side,.box3-side,.box4-side,.box5-side,.box6-side,.box7-side {
    padding: 80px 0;
}
.box1-side {
    background-color: #fefefe;
}
.box2-side {
    background-color: #f0f4fc;
}
.box3-side {
    background-color: #fefefe;
}
.box4-side {
    background: url('../images/2.jpg') no-repeat;
    background-size: cover;
}
.box5-side {
    background-color: #f0f4fc;
}
.box6-side {
    background-color: #fefefe;
}
.box7-side {
    background-color: #f0f4fc;
}
.banner-img {
   /* height: 508px; */
}
.box1-img {
    width: 436px;
    height: 312px;
    margin-right: 60px;
}
.box1-container {
    display: flex;
    align-items: center;
}
/* .box1-title {
    font-size: 24px;
    font-weight: 600;
    
} */
.box1-info {
    /* font-size: 14px;
    color: #4d4d4d; */
    margin: 30px 60px 30px 0;
}
.z-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ff6802;
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    height: 40px;
    width: 140px;
    cursor: pointer;
}
.box2-container,.box3-container,.box4-container,.box5-container,.box6-container,.box7-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.box2-title,.box3-title,.box4-title,.box5-title,.box6-title,.box7-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 30px;
}
.box2-info,.box3-info {
    margin-bottom: 2px;
    /* font-size: 14px;
    color: #4d4d4d; */
}

.box3-card-container {
    display: flex;
    align-items: center;
    margin-top: 80px;
}
.box3-card {
    margin-bottom: 30px;
    padding: 30px;
    border-radius: 6px;
    background: #f0f4fc;
    color: #4d4d4d;
    cursor: pointer;
}

.box3-card:hover {
    background-color: #0049c2;
    color: #fff;
}

.box3-img {
    width: 110px;
    height: 140px;
    margin: 0 40px;
}

.box3-card-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.box4-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 30px;
    color: #fff;
}

.box4-info {
    display: flex;
    align-items: center;
    color: #fff;
}
.box4-info-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
}
.box4-line {
    height: 46px;
    width: 2px;
    background-color: #fff;
    margin: 0 45px;
}
.box4-info-item-num {
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 4px;
}
.box4-card-list {
    width: var(--container-width);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    margin-top: 50px;
}
.box5-card-list {
    width: var(--container-width);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
    margin-top: 50px;
}
.box4-card {
    box-sizing: border-box;
    padding: 12px 20px 30px 20px;
    border-radius: 10px;
    background-color: #fff;
    flex: 1;
}
.box4-card-top {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
}
.box4-card-img {
    width: 64px;
    height: 64px;
    margin-right: 14px;
}
.box4-card-t1 {
    font-size: 18px;
}
.box4-card-t2 {
    font-size: 14px;
    color: #7c7c7c;
}

.box5-card {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 15px 35px 15px;
    border-radius: 10px;
    background-color: #fff;
    flex: 1;
}

.box5-card-img {
    width: 64px;
    height: 64px;
    margin-bottom: 15px;
}

.box5-card-name {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #2b2b2b;
}

.box5-card-t1 {
    font-size: 14px;
    color: #7c7c7c;
    
}

.box5-card-btn {
    box-sizing: border-box;
    width: 180px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 28px;
    background-color: #dceaff;
    color: #4683f7;
    font-size: 12px;
    border-radius: 12px;
    padding: 10px 20px;
    margin-top: 30px;
    cursor: pointer;
}

.box5-btn2,.box7-btn2 {
    box-sizing: border-box;
    width: 140px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    background-color: #ff6802;
    color: #fff;
    font-size: 14px;
    border-radius: 6px;
    padding: 10px 20px;
    margin-top: 70px;
    cursor: pointer;
}

.box6-card-list {
    width: var(--container-width);
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-gap: 20px;
    margin-top: 70px;
}

.box6-card-item {
    width: 100px;
    height: 44px;
}

.box7-card-item {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 16px;
    padding: 6px;
    background-color: #fff;
    margin-bottom: 16px;
}

.box7-card-t1 {
    width: 840px;
    margin-left: 22px;
    font-size: 14px;
}
.box7-card-icon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    /* background-color: #1329b2; */
}
.box7-card-item-active {
    background-color: #dceaff;
    color: #343537;
}

.box2-tab-container-btn1 {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #5578ec;
    color: #5578ec;
    font-size: 12px;
    border-radius: 11px;
    height: 22px;
    width: 80px;
    cursor: pointer;
}

.box2-tab-container-title {
    font-size: 16px;
    font-weight: 700;
    margin: 15px 0 20px 0;
}
.box2-tab-container-btn2 {
    box-sizing: border-box;
    width: 140px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    background-color: #ff6802;
    color: #fff;
    /* font-size: 14px; */
    border-radius: 6px;
    padding: 10px 20px;
    margin-top: 80px;
    cursor: pointer;
}
.box2-tab-container-card {
    display: flex;
    flex-direction: column;
    width: 285px;
    /* margin-left: 30px; */
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
}

.box2-tab-container-card-img{
    width: 285px;
    height: 180px;
}

.box2-tab-container-card-con {
    padding: 20px;
}
.box2-tab-container-card-t1 {
    font-size: 18px;
    height: 50px;
}
.box2-tab-container-card-t2 {
    font-size: 14px;
    color: #7c7c7c;
    margin-top: 12px;
}
.box2-tab-container-card-t3 {
    font-size: 14px;
    color: #f09a09;
    margin-top: 12px;
}
.box2-tab-container-card-btn {
    box-sizing: border-box;
    width: 243px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    background-color: #dceaff;
    color: #4683f7;
    font-size: 14px;
    border-radius: 6px;
    padding: 10px 20px;
    margin-top: 24px;
    cursor: pointer;
}
.demo-tabs {
    margin-top: 50px;
}
.demo-tabs .el-tabs__item {
    font-size: 18px;
    font-weight: 700;
}
.demo-tabs .el-tabs__nav-wrap::after {
    background-color: transparent;
}

.box2-tab-container-des {
    /* width: 160px; */
    width: 220px;
}

.demo-tabs .el-tabs__header {
    margin: 0;
}
.demo-tabs .el-tabs__nav-wrap {
    width: 900px;
    display: flex;
    justify-content: center;
}

.tab-container {
    position: relative;
    display: flex;
    box-sizing: border-box;
    /* width: 900px; */
    background-color: #dceaff;
    padding: 30px 0 30px 30px;
    border-radius: 10px;
}

.tab-container-left {
    /* margin-right: 20px; */
    /* padding-right: 60px; */
}

.swiper {
    /* width: 630px; */
    /* width: calc(var(--container-width) - 30px - 160px - 70px); */
    width: 590px !important;
    height: 400px;
    flex: 1;
  }
  .swiper-slide {
    height: 100%;
    width: 285px !important;
  }

  .swiper-side-box {
    position: relative;
    margin: auto;
  }


  /*自定义 前进后退按钮*/
#layer_guide_banner .swpier-btn{
	/* width: 48px;
	height:141px; */
    height: 20px;
    width: 20px;
	top: 38%;
	outline: none;
}
#layer_guide_banner .swpier-btn.btn-hidden{
	opacity: 0;
}
#layer_guide_banner .swiper-button-prev{
	left: -9%;
    /* left: -10%; */
	/* background-size: 48px 141px;
     */
     background-size: 20px 20px !important;
    background: url(../images/38.png) center center no-repeat;
}
#layer_guide_banner .swiper-button-next{
	right: -9%;
    /* right: -10%; */
    background-size: 20px 20px !important;
	/* background-size: 48px 141px; */
    background: url(../images/39.png) center center no-repeat;
}

#layer_guide_banner .swiper-button-next:after, .swiper-button-prev:after{
    visibility: hidden !important;
}

.foot-side-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #152134;
}

.foot-container {
    width: 1000px;
    display: flex;
    justify-content: space-between;
    padding: 70px 0 40px 0;
    color: #727f93;
    font-size: 14px;
}
.foot-title {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
}
.foot-left {
    margin-right: 80px;
}

.foot-left-container {
    display: flex;
}

.foot-right {
    display: flex;
}
.foot-item {
    display: flex;
    align-items: center;
    margin-top: 15px;
}
.erweima {
    height: 118px;
    width: 102px;
    margin-right: 20px;
}

.foot-icon {
    width: 12px;
    height: 12px;
    margin: 0;
    margin-right: 8px;
}

.foot-left-container a {
    color: #727f93;
    font-size: 14px;
}