.year-slider {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
            max-width: 1200px;
            margin: 50px auto;
        }

        .nav-btn {
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
            width: 49px;
            height: 49px;
            box-shadow: 0px 0px 10px 0px rgba(1, 3, 15, 0.1);
            border-radius: 50%;
            font-size: 20px;
        }

        .nav-btn:hover {
            border-color: #4cd964;
            color: #4cd964;
        }

        .year-container {
            display: flex;
            align-items: center;
            /* margin: 0 15px; */
            position: relative;
            width: 100%;
        }

        .year-track {
			position: absolute;
			height: 1px;
			background: #DCDCDC;
			width: 100%;
			z-index: 1;
        }

        .year-points {
            display: flex;
            justify-content: space-between;
            width: 100%;
            position: relative;
            z-index: 2;
        }

        .year-point {
            display: flex;
            flex-direction: column;
            align-items: center;
            cursor: pointer;
            transition: all 0.3s ease;
			margin-left: 30px;
			margin-right: 30px;
        }

        .year-dot {
            margin-bottom: 20px;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.21);
            width: 14px;
            height: 14px;
            background: #E6FDFA;
            border-radius: 50%;
             margin-top: 50px;
        }

        .year-text {
            color: #999;
            font-size: 16px;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .year-point.active13 .year-dot {
			    background-color: #000;
		   background: #03C8AA;
		   transform: scale(1.5);
		   box-shadow: 0 0 0 4px rgba(76, 217, 100, 0.2);
        }

        .year-point.active13 .year-text {
            font-weight: 400;
            font-size: 24px;
            color: #03C8AA;
        }
		.contana_wenan{
            width: 1100px;
			display: flex;
			margin: 0px auto;
		}
        .contana_none{
            display: none;
        }
       .active14{
            display: block;
        }
		.contana_wenan1{
			width: 900px;
			display: flex;
			font-family: Arial;
			font-weight: bold;
			font-size: 193px;
			color: #03c8aa;
			/*opacity: 0.1;*/
			/* margin-left: 110px; */
			margin-right: 50px;
		}
		.contana_wenan2{
			width: 900px; 
			line-height: 26px;
		}
		.cons1{
font-family: var(--font-family);
font-weight: 800;
font-size: 24px;
color: #222222;
			margin-top: 50px;
		    margin-bottom: 38px;
		}
		.cons2{
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
color: #222222;
		}
		@media (max-width: 760px) {
           
            .contana_wenan{
                width: 90%;
                display: flex;
                justify-content: space-between;
            }
            .contana_wenan1{
                width: auto;
                margin-left: 0px; 
                    padding-left: 0px;
                        font-size: 40px;
                margin-right: 0px;
            }
            .cons1{
                    font-size: 20px;
                    margin: 0;
            }
            .contana_wenan2{
                    width: calc(100% - 110px);
            }
            .cons2{
                    font-size: 14px;
                    line-height: 26px;
            }
            .nav-btn{
                    width: 30px;
                    height: 30px;
            }
            .year-slider{
                justify-content: space-between;
                padding: 0;
                margin: 15px auto 0;
                max-width: unset;
            }
            .year-container{
                width: calc(100% - 70px);
                overflow-x: auto;
                padding-bottom: 15px;
            }
            .year-dot{
                    width: 10px;
                 height: 10px;
                 margin: 35px 0 10px 0;
            }
            .year-point.active13 .year-text{
                font-size: 18px;
            }
        }