﻿@media screen and (min-width: 769px) {
    .con1_bg{
        height: 2400px;
    
        /*padding: 1px;*/
    }
    
.con1{
	width: 1200px;
	margin: 0 auto;
}

.con1 h3 {
    font-size: 22px;
    color: #6457a3;
    margin-top: 20px;
    margin-bottom: -10px;
}


}

/* 移动端样式保持原样 */
@media screen and (max-width: 768px) {
    .con1_bg {
        padding: 20px;  
        height: auto !important;
    }

    .con1 {
        width: 100%;
        box-sizing: border-box;
    
      }

      .con1_bg .con1 >div {
        width: 100% !important;
     }

      
.con1 .pic_box{
    margin: 0;
}
  
        
}






.con1>div>div{
	display: inline-block;
	vertical-align: middle;
}
.con1>div>div{
	*display: inline;
}

.con1 .txt_box p{
	font-size: 18px; 
}




@media screen and (min-width: 769px) {
   
.con1 .pic_box{
	margin-top: 48px;
}

   
   
   
    .con1 .txt_box{
        width: 580px;
        margin-left: 36px;
    }

    .con1 .txt_box h3{
        font-size: 22px; 
        color: #6457a3;
        margin-top: 20px;
        margin-bottom: -10px;
        font-size: 36px;
        color: #040404;
        padding-bottom: 10px;
    }
    
.con1 .txt_box span{
	font-size: 24px;
	color: #feb300;
	padding-right: 24px;
}

}

/* 移动端样式保持原样 */
@media screen and (max-width: 768px) {
    .con1 .txt_box{
        width: 100%;
        margin-left:0px;
        margin-top: 20px;
    }



    .con1 h3 {
        font-size: 22px;
        color: #6457a3;
        margin-top: 10px;
        margin-bottom: -10px;
    }

    .txt_box h3 {
        font-size: 24px;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
      }
    
  .txt_box span {
    display: inline-block;
    background-color: #007bff;
    color: white;
    padding: 5px 10px;

    margin-left: 8px;
    border-radius: 5px;
    width: 25%;
    text-align: center;
  }  

}




@media screen and (max-width: 768px) {

    .time-content[data-v-cf18f78f] {
      position: relative;
      margin-bottom: 0rem !important;
    }

    .el-timeline-item__timestamp {
      font-size: 18px;
      margin: 0px;
      padding: 20px;
      padding-left: 0px;
    }

    li.el-timeline-item {
      list-style: none;

    }

    .el-timeline-item__content {
      margin-left: 20px;
      margin: 0px;
      padding: 0px;
      margin-top: -25px;
    }


    .img-content {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }

    .img-item {
      width: 48%;
      margin-bottom: 0px;
    }

    .el-image {
      height: auto !important;
    }


    .img-item img {
      width: 100%;
      height: auto;
    }



    .n_title {
      height: 60px;
      background: #ff0000;
      line-height: 30px;
      padding-top: 0px;
      box-sizing: border-box;
    }

    .n_title h3 {
      font-size: 30px;
      background-color: #fff;
      padding: 0px;
      margin: 0px;
      height: 60px;
      padding-top: 15px;
    }

    .con1 img {
      width: 100% !important;
      height: auto;
    }

    .img-item {
      width: 100%;
    }

  }

  




.con1 .txt_box p,.con1>p{
	color: #737373;
	line-height: 30px;
	padding-top: 15px;
	font-size: 18px; 
}
.n_title{
	background: none;
}





html {
	font-size: 62.5%
}

body {
	font-family: HarmonyOS Sans SC, PingFang SC, Helvetica Neue, Microsoft YaHei, sans-serif !important;
	font-size: 1.6rem;
	overflow-x: hidden;
	min-width: 360px
}



:root{
    --el-color-white:#ffffff;
    --el-color-black:#000000;
    --el-color-primary-rgb:64,158,255;
    --el-color-success-rgb:103,194,58;
    --el-color-warning-rgb:230,162,60;
    --el-color-danger-rgb:245,108,108;
    --el-color-error-rgb:245,108,108;
    --el-color-info-rgb:144,147,153;
    --el-font-size-extra-large:20px;
    --el-font-size-large:18px;
    --el-font-size-medium:16px;
    --el-font-size-base:14px;
    --el-font-size-small:13px;
    --el-font-size-extra-small:12px;
    --el-font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
    --el-font-weight-primary:500;
    --el-font-line-height-primary:24px;
    --el-index-normal:1;
    --el-index-top:1000;
    --el-index-popper:2000;
    --el-border-radius-base:4px;
    --el-border-radius-small:2px;
    --el-border-radius-round:20px;
    --el-border-radius-circle:100%;
    --el-transition-duration:.3s;
    --el-transition-duration-fast:.2s;
    --el-transition-function-ease-in-out-bezier:cubic-bezier(.645,.045,.355,1);
    --el-transition-function-fast-bezier:cubic-bezier(.23,1,.32,1);
    --el-transition-all:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
    --el-transition-fade:opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
    --el-transition-md-fade:transform var(--el-transition-duration) var(--el-transition-function-fast-bezier),opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
    --el-transition-fade-linear:opacity var(--el-transition-duration-fast) linear;
    --el-transition-border:border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
    --el-transition-box-shadow:box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
    --el-transition-color:color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
    --el-component-size-large:40px;
    --el-component-size:32px;
    --el-component-size-small:24px;
    color-scheme:light;
    --el-color-primary:#409eff;
    --el-color-primary-light-3:rgb(121.3,187.1,255);
    --el-color-primary-light-5:rgb(159.5,206.5,255);
    --el-color-primary-light-7:rgb(197.7,225.9,255);
    --el-color-primary-light-8:rgb(216.8,235.6,255);
    --el-color-primary-light-9:rgb(235.9,245.3,255);
    --el-color-primary-dark-2:rgb(51.2,126.4,204);
    --el-color-success:#67c23a;
    --el-color-success-light-3:rgb(148.6,212.3,117.1);
    --el-color-success-light-5:rgb(179,224.5,156.5);
    --el-color-success-light-7:rgb(209.4,236.7,195.9);
    --el-color-success-light-8:rgb(224.6,242.8,215.6);
    --el-color-success-light-9:rgb(239.8,248.9,235.3);
    --el-color-success-dark-2:rgb(82.4,155.2,46.4);
    --el-color-warning:#e6a23c;
    --el-color-warning-light-3:rgb(237.5,189.9,118.5);
    --el-color-warning-light-5:rgb(242.5,208.5,157.5);
    --el-color-warning-light-7:rgb(247.5,227.1,196.5);
    --el-color-warning-light-8:rgb(250,236.4,216);
    --el-color-warning-light-9:rgb(252.5,245.7,235.5);
    --el-color-warning-dark-2:rgb(184,129.6,48);
    --el-color-danger:#f56c6c;
    --el-color-danger-light-3:rgb(248,152.1,152.1);
    --el-color-danger-light-5:rgb(250,181.5,181.5);
    --el-color-danger-light-7:rgb(252,210.9,210.9);
    --el-color-danger-light-8:rgb(253,225.6,225.6);
    --el-color-danger-light-9:rgb(254,240.3,240.3);
    --el-color-danger-dark-2:rgb(196,86.4,86.4);
    --el-color-error:#f56c6c;
    --el-color-error-light-3:rgb(248,152.1,152.1);
    --el-color-error-light-5:rgb(250,181.5,181.5);
    --el-color-error-light-7:rgb(252,210.9,210.9);
    --el-color-error-light-8:rgb(253,225.6,225.6);
    --el-color-error-light-9:rgb(254,240.3,240.3);
    --el-color-error-dark-2:rgb(196,86.4,86.4);
    --el-color-info:#909399;
    --el-color-info-light-3:rgb(177.3,179.4,183.6);
    --el-color-info-light-5:rgb(199.5,201,204);
    --el-color-info-light-7:rgb(221.7,222.6,224.4);
    --el-color-info-light-8:rgb(232.8,233.4,234.6);
    --el-color-info-light-9:rgb(243.9,244.2,244.8);
    --el-color-info-dark-2:rgb(115.2,117.6,122.4);
    --el-bg-color:#ffffff;
    --el-bg-color-page:#f2f3f5;
    --el-bg-color-overlay:#ffffff;
    --el-text-color-primary:#303133;
    --el-text-color-regular:#606266;
    --el-text-color-secondary:#909399;
    --el-text-color-placeholder:#a8abb2;
    --el-text-color-disabled:#c0c4cc;
    --el-border-color:#dcdfe6;
    --el-border-color-light:#e4e7ed;
    --el-border-color-lighter:#ebeef5;
    --el-border-color-extra-light:#f2f6fc;
    --el-border-color-dark:#d4d7de;
    --el-border-color-darker:#cdd0d6;
    --el-fill-color:#f0f2f5;
    --el-fill-color-light:#f5f7fa;
    --el-fill-color-lighter:#fafafa;
    --el-fill-color-extra-light:#fafcff;
    --el-fill-color-dark:#ebedf0;
    --el-fill-color-darker:#e6e8eb;
    --el-fill-color-blank:#ffffff;
    --el-box-shadow:0px 12px 32px 4px rgba(0,0,0,.04),0px 8px 20px rgba(0,0,0,.08);
    --el-box-shadow-light:0px 0px 12px rgba(0,0,0,.12);
    --el-box-shadow-lighter:0px 0px 6px rgba(0,0,0,.12);
    --el-box-shadow-dark:0px 16px 48px 16px rgba(0,0,0,.08),0px 12px 32px rgba(0,0,0,.12),0px 8px 16px -8px rgba(0,0,0,.16);
    --el-disabled-bg-color:var(--el-fill-color-light);
    --el-disabled-text-color:var(--el-text-color-placeholder);
    --el-disabled-border-color:var(--el-border-color-light);
    --el-overlay-color:rgba(0,0,0,.8);
    --el-overlay-color-light:rgba(0,0,0,.7);
    --el-overlay-color-lighter:rgba(0,0,0,.5);
    --el-mask-color:rgba(255,255,255,.9);
    --el-mask-color-extra-light:rgba(255,255,255,.3);
    --el-border-width:1px;
    --el-border-style:solid;
    --el-border-color-hover:var(--el-text-color-disabled);
    --el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color);
    --el-svg-monochrome-grey:var(--el-border-color)
}

.img-content[data-v-cf18f78f] {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	height: auto;
	gap: 1.6rem
}

.img-content .img-item[data-v-cf18f78f] {
	flex-grow: 1;
	height: 30rem
}

.time-content[data-v-cf18f78f] {
	position: relative;
	margin-bottom: 6rem
}

.time-content .time-item[data-v-cf18f78f] {
	display: flex;
	flex-flow: row nowrap;
	width: 100%;
	gap: 2.8rem
}

.time-content .time-item .time-text[data-v-cf18f78f] {
	width: 50%
}

.time-content .time-item .time-img[data-v-cf18f78f] {
	width: 50%;
	height: 30rem
}

@media screen and (max-width: 1024px) {

	.img-content[data-v-cf18f78f] {
		width: 100%;
		max-width: 100%
	}

	.img-content .img-item[data-v-cf18f78f] {
		flex-grow: 1;
		width: 100%;
		height: auto
	}

	.time-content .time-item[data-v-cf18f78f] {
		width: 100%;
		flex-flow: column nowrap
	}

	.time-content .time-item .time-text[data-v-cf18f78f] {
		width: 100%
	}

	.time-content .time-item .time-img[data-v-cf18f78f] {
		width: 100%;
		height: 30rem
	}
}
body {
    font-family: HarmonyOS Sans SC, PingFang SC, Helvetica Neue, Microsoft YaHei, sans-serif !important;
    font-size: 1.6rem;
    overflow-x: hidden;
    min-width: 360px;
}

:root {
    --el-menu-active-color: var(--el-color-primary);
    --el-menu-text-color: var(--el-text-color-primary);
    --el-menu-hover-text-color: var(--el-color-primary);
    --el-menu-bg-color: var(--el-fill-color-blank);
    --el-menu-hover-bg-color: var(--el-color-primary-light-9);
    --el-menu-item-height: 56px;
    --el-menu-sub-item-height: calc(var(--el-menu-item-height) - 6px);
    --el-menu-horizontal-height: 60px;
    --el-menu-horizontal-sub-item-height: 36px;
    --el-menu-item-font-size: var(--el-font-size-base);
    --el-menu-item-hover-fill: var(--el-color-primary-light-9);
    --el-menu-border-color: var(--el-border-color);
    --el-menu-base-level-padding: 20px;
    --el-menu-level-padding: 20px;
    --el-menu-icon-width: 24px;
}
:root {
    --el-loading-spinner-size: 42px;
    --el-loading-fullscreen-spinner-size: 50px;
}


.el-timeline-item {
	padding-bottom: 20px;
	position: relative
}


.el-timeline-item__node {
    align-items: center;
    background-color: var(--el-timeline-node-color);
    border-color: var(--el-timeline-node-color);
    border-radius: 50%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    position: absolute;
}

.el-timeline-item__node--normal {
    height: var(--el-timeline-node-size-normal);
    left: -1px;
    width: var(--el-timeline-node-size-normal);
}
.el-timeline-item__node--primary {
    background-color: var(--el-color-primary);
    border-color: var(--el-color-primary);
}


.el-timeline-item__tail {
    border-left: 2px solid var(--el-timeline-node-color);
    height: 100%;
    left: 4px;
    position: absolute;
}

.el-timeline-item {
    padding-bottom: 20px;
    position: relative;
}

.el-image__inner {
    opacity: 1;
    vertical-align: top;
}
.el-image__inner {
    height: 100%;
    width: 100%;
}
.el-timeline-item__content {
    color: var(--el-text-color-primary);
	line-height: 30px;
	
	font-size: 16px!important;

}

.con1 div.el-timeline-item__content{
		font-size: 16px;
	
}

.el-timeline {
    --el-timeline-node-size-normal: 12px;
    --el-timeline-node-size-large: 14px;
    --el-timeline-node-color: var(--el-border-color-light);
    font-size: var(--el-font-size-base);
    list-style: none;
    margin: 0;
	font-size: 16px;
}


.el-timeline-item__node.is-hollow {
	background: var(--el-color-white);
	border-style: solid;
	border-width: 2px
}


.el-timeline-item__node--primary {
	background-color: var(--el-color-primary);
	border-color: var(--el-color-primary)
}


.el-timeline-item__wrapper {
	padding-left: 28px;
	position: relative;
	top: -3px
}

.el-timeline-item__timestamp.is-top {
	margin-bottom: 8px;
	padding-top: 4px
}

.el-timeline-item__node--normal {
	height: var(--el-timeline-node-size-normal);
	left: -1px;
	width: var(--el-timeline-node-size-normal)
}

.el-timeline-item__node {
	align-items: center;
	background-color: var(--el-timeline-node-color);
	border-color: var(--el-timeline-node-color);
	border-radius: 50%;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	position: absolute
}



