/* pre css */
#c_grid-16784285999490 .p_gridbox::after{content:'';clear:left;display:block}#c_grid-16784285999490 > div > .p_gridbox{width:100%;overflow:hidden;position:static}#c_grid-16784285999490 > div > .p_gridCell{float:left;position:static}#c_grid-16784285999490 > .p_gridbox.signal{min-height:inherit}#c_grid-16784285999490 > .p_gridbox.signal > .p_gridCell{min-height:inherit !important}#c_grid-16784285999490{margin-left:auto;margin-right:auto;width:100%}@media screen and (max-width:768px){#c_grid-16784285999490 > .p_gridbox > .p_gridCell:nth-child(1n + 1){width:100%;margin-left:0%;margin-right:0%;margin-top:0rem;margin-bottom:0rem;clear:left}}@media screen and (min-width: 769px){#c_grid-16784285999490 > .p_gridbox > .p_gridCell:nth-child(1n + 1){width:100%;margin-left:0%;margin-right:0%;margin-top:0rem;margin-bottom:0rem;clear:left}}@media screen and (max-width: 1024px) and (min-width: 769px){#c_grid-16784285999490 > .p_gridbox > .p_gridCell:nth-child(1n + 1){width:100%;margin-left:0%;margin-right:0%;margin-top:0rem;margin-bottom:0rem;clear:left}}@media screen and (max-width:768px){}@media screen and (min-width: 769px){}@media screen and (max-width: 1024px) and (min-width: 769px){}#c_grid-116273709439190 .p_gridbox::after{content:'';clear:left;display:block}#c_grid-116273709439190 > div > .p_gridbox{width:100%;overflow:hidden;position:static}#c_grid-116273709439190 > div > .p_gridCell{float:left;position:static}#c_grid-116273709439190 > .p_gridbox.signal{min-height:inherit}#c_grid-116273709439190 > .p_gridbox.signal > .p_gridCell{min-height:inherit !important}#c_grid-116273709439190{margin-left:auto;margin-right:auto;width:100%}@media screen and (max-width:768px){#c_grid-116273709439190 > .p_gridbox > .p_gridCell:nth-child(1n + 1){width:100%;margin-left:0%;margin-right:0%;margin-top:0rem;margin-bottom:0rem;clear:left}}@media screen and (min-width: 769px){#c_grid-116273709439190 > .p_gridbox > .p_gridCell:nth-child(1n + 1){width:100%;margin-left:0%;margin-right:0%;margin-top:0rem;margin-bottom:0rem;clear:left}}@media screen and (max-width: 1024px) and (min-width: 769px){#c_grid-116273709439190 > .p_gridbox > .p_gridCell:nth-child(1n + 1){width:100%;margin-left:0%;margin-right:0%;margin-top:0rem;margin-bottom:0rem;clear:left}}@media screen and (max-width: 1024px) and (min-width: 769px){}@media screen and (max-width:768px){}@media screen and (min-width: 769px){}@media screen and (max-width: 1024px) and (min-width: 769px){}.ctn1{padding:9.8vw 0 7.8vw;background:url(../image/fbe27b69-32d5-4c51-a2a5-d03f4b58121a.jpg) no-repeat center center;background-size:cover;position:relative;overflow:hidden}.ctn1 .con{position:relative;z-index:2}.ctn1 .con .title{text-align:center}.ctn1 .con .title h2{font-weight:bold;color:#fff}.ctn1 .con .title h3{color:#fff;opacity:0.5;letter-spacing:2px}.ctn1 .con .c-content{padding:0 10%;margin-top:2.8vw}.ctn1 .con .c-content .c-box{display:none}.ctn1 .con .c-content .c-box.active{display:block}.ctn1 .con .c-content .c-box .left{float:left;width:34%}.ctn1 .con .c-content .c-box .left ul li{display:none;border:solid 5px rgba(255, 255, 255, 0.25)}.ctn1 .con .c-content .c-box .left ul li img{width:100%}.ctn1 .con .c-content .c-box .left ul li.active{display:block}.ctn1 .con .c-content .c-box .right{float:right;width:61%}.ctn1 .con .c-content .c-box .right ul li{cursor:pointer}.ctn1 .con .c-content .c-box .right ul li .year{float:left;margin-right:0.9vw;width:80px;height:30px;border:1px solid rgba(255, 255, 255, 0.2);border-radius:4px;text-align:center;line-height:28px;color:#fff;background:url(../image/36e60441-898e-4f82-9a78-83cb5fc9a6ca.png) no-repeat;background-size:cover}.ctn1 .con .c-content .c-box .right ul li p{overflow:hidden;color:#fff;line-height:1.6;position:relative}.ctn1 .con .c-content .c-box .right ul li:not(:first-child){margin-top:0.8vw}.ctn1 .con .c-content .c-box .right ul li.active .year{border:1px solid #ffffff}.ctn1 .con .c-content .c-box .right ul li.active p{font-size:24px;top:-4px}.ctn1 .con .c-wrapper{margin-top:14.3vw;display:flex;justify-content:center}.ctn1 .con .c-wrapper .y-box{display:flex}.ctn1 .con .c-wrapper .y-box .title{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100px;height:100px;border-radius:50%;border:1px solid #fff;cursor:pointer}.ctn1 .con .c-wrapper .y-box .title span{color:#fff}.ctn1 .con .c-wrapper .y-box .title span:nth-child(2){line-height:1}.ctn1 .con .c-wrapper .y-box .year{padding-top:2.4vw;width:0;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;overflow:hidden}.ctn1 .con .c-wrapper .y-box .year ul{display:flex;padding:0 1.6vw 0 2vw}.ctn1 .con .c-wrapper .y-box .year ul li{width:77px;position:relative;cursor:pointer}.ctn1 .con .c-wrapper .y-box .year ul li:before{content:'';width:100%;height:1px;background:#fff;position:absolute;left:0;bottom:6px;z-index:0}.ctn1 .con .c-wrapper .y-box .year ul li:last-child{width:0}.ctn1 .con .c-wrapper .y-box .year ul li .dian{width:14px;height:14px;border-radius:50%;background:#fff;position:relative;z-index:1}.ctn1 .con .c-wrapper .y-box .year ul li .dian:before{content:'';width:300%;height:300%;border-radius:50%;background:#fff;opacity:0;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);z-index:0}.ctn1 .con .c-wrapper .y-box .year ul li span{position:absolute;color:#fff;left:-0.8vw;top:-2.2vw}.ctn1 .con .c-wrapper .y-box .year ul li.active span{font-weight:bold;font-size:18px}.ctn1 .con .c-wrapper .y-box .year ul li.active .dian{background:#fff}.ctn1 .con .c-wrapper .y-box .year ul li.active .dian:before{opacity:0.2}.ctn1 .con .c-wrapper .y-box:not(:last-child){margin-right:1vw}.ctn1 .d-y{position:absolute;right:-6%;top:16%;z-index:1}.ctn1 .d-y h2{font-size:20vw;font-weight:bold;color:#fff;opacity:0.1;letter-spacing:-10px}@media screen and (max-width: 1600px){.ctn1 .con .c-content .c-box .right ul li.active p{font-size:22px}.ctn1 .con .c-wrapper .y-box .year ul li span{top:-2.4vw}.ctn1 .con .c-wrapper .y-box .year{padding-top:3vw}}@media screen and (max-width: 1440px){.ctn1 .con .c-content .c-box .right ul li p{font-size:16px}.ctn1 .con .c-content .c-box .right ul li.active p{font-size:20px}.ctn1 .con .c-wrapper .y-box .title{width:80px;height:80px}.ctn1 .con .c-wrapper .y-box .title span{font-size:16px;line-height:1}.ctn1 .con .c-wrapper .y-box .year ul li .dian{width:10px;height:10px}.ctn1 .con .c-wrapper .y-box .year ul li span{left:-1vw}.ctn1 .con .c-wrapper .y-box .year ul li.active span{font-size:16px}}@media screen and (max-width: 1200px){.ctn1 .con .c-wrapper .y-box .year ul li span{top:-3vw}.ctn1 .con .c-wrapper .y-box .year ul{padding:0 3vw}.ctn1 .con .c-wrapper .y-box .year ul li span{left:-1.4vw}}@media screen and (max-width: 768px){.ctn1{padding:30px 0 40px}.ctn1 .con .title h2{font-size:18px}.ctn1 .con .title h3{font-size:14px}.ctn1 .con .c-content{padding:0 5%;margin-top:30px}.ctn1 .con .c-content .c-box .left{width:100%}.ctn1 .con .c-content .c-box .right{width:100%;margin-top:20px}.ctn1 .con .c-content .c-box .right ul li .year{width:62px;height:24px;line-height:24px;margin-right:10px;font-size:14px}.ctn1 .con .c-content .c-box .right ul li p{font-size:14px}.ctn1 .con .c-content .c-box .right ul li.active p{font-size:16px}.ctn1 .con .c-content .c-box .right ul li:not(:first-child){margin-top:10px}.ctn1 .con .c-wrapper{margin-top:40px;flex-wrap:wrap}.ctn1 .con .c-wrapper .y-box .title{width:60px;height:60px}.ctn1 .con .c-wrapper .y-box .title span{font-size:13px}.ctn1 .con .c-wrapper .y-box:not(:last-child){margin-right:4px}.ctn1 .con .c-wrapper .y-box.active .title{background:#0b419a;border:1px solid #0b419a}.ctn1 .d-y{display:none}}@media screen and (max-width:768px){}@media screen and (max-width: 1024px) and (min-width: 769px){}