.top1{height: 600px;background: url(../202311/about/top_about.jpg) no-repeat top center;}

.about1{padding-top: 125px;color: #fff;}
.about1 h2{font-size: 48px;text-align: center;line-height: 1;font-weight: 700;}
.about1 p{font-size: 30px;line-height: 55px;margin-top: 25px;}

.fl{float: left !important;}
.fr{float: right !important;}
.dbt1{display: flex;justify-content: space-between;border-bottom: 1px solid #dd001b;align-items: center;position: relative;margin-top: 30px;}
.dbt1 .s1{display: inline-block;width: 332px;height: 60px;background: url(../202311/about/dsj_bt1.png) no-repeat center;margin-left: 40px;}
.dbt1 .s2{display: inline-block;width: 253px;height: 138px;background: url(../202311/about/dsj_bt2.png) no-repeat center;color: #fff;}
.dbt1 .s2 strong{font-size: 48px;font-family: Arial;line-height: 138px;float: left;margin-left: 70px;font-weight: bold;}
.dbt1 .s2 .arr{display: flex;justify-content: center;height: 100%;flex-direction: column;padding-left: 15px;}
.dbt1 .s2 .arr>span{font-size: 20px;line-height: 1;}
.dbt1 .s2 .arr>span+span{opacity: .5;}
.dbt1:before{position: absolute;content: '';width: 1px;height: 18px;background-color: #dd001b;bottom: 0;left: 0;}

.dnr{position: relative;padding-top: 1px;}
.dnr:after{content: '';position: absolute;left: 50%;top: 0;bottom: 0;width: 1px;}
.dnr ul:after{content: '';display: table;clear: both;}
.dnr li{width: 460px;padding: 39px;border-width: 1px;border-style: solid;border-radius: 35px;position: relative;margin: 30px 0 20px;transition: all .5s;}
.dnr li.text{border: 0 none;}
.dnr li.text strong{font-size: 36px;}
.dnr li:nth-child(odd){float: left;}
.dnr li:nth-child(even){float: right;}
.dnr li:hover{transform: translateY(-10px);}
.dnr li span.dian{position: absolute;width: 27px;height: 27px;top: 115px;}
.dnr li.text span.dian{top:42%;}
.dnr li span.dian:before{content: '';width: 47px;height: 1px;position: absolute;top: 13px;}
.dnr li:nth-child(even) span.dian{left: -74px;}
.dnr li:nth-child(even) span.dian:before{left: 13px;}
.dnr li:nth-child(odd) span.dian{right: -75px;}
.dnr li:nth-child(odd) span.dian:before{right: 13px;}
.dnr li .date{display: flex;font-family: Arial;line-height: 1;font-weight: bold;margin-bottom: 10px;}
.dnr li .date .m{font-size: 72px;}
.dnr li .date>span+span{display: flex;flex-direction: column;justify-content: center;margin-left: 10px;}
.dnr li .date .bm{font-size: 24px;color: #ccc;text-transform: uppercase;}
.dnr li .date .y{font-size: 36px;opacity: .5;}
.dnr li img{max-width: 100%;}
.dnr li .ximg{display: flex;justify-content: space-between;margin-top: 9px;}
.dnr li h3{position: relative;font-size: 18px;color: #000;margin-top: 20px;padding-left: 15px;}
.dnr li h3:before{content: '';position: absolute;width: 5px;height: 20px;float: left;left: 0;top: 4px;}
.dnr li .x1{display: flex;}
.dnr li .x1 .scale{flex-shrink: 0;}
.dnr li .x1 h3{margin-top: 0;margin-left: 18px;}
.dnr li.no span.dian{top: 49%;}
.dnr li.no .date .m,.dnr li.no .date .y,.dnr li.no .date .bm{color: #fff;}
.dnr li.no h3{color: #fff;}
.dnr li.no h3:before{background-color: #fff;}

.dnr li.fr span.dian{left: -75px;}
.dnr li.fr span.dian:before{left: 13px;}
.dnr li.fl span.dian{right: -75px;left: inherit;}
.dnr li.fl span.dian:before{right: 13px;left: inherit;}

.scale{overflow: hidden;}
.scale img{transition: all 1.5s;}
.scale img:hover{transform: scale(1.2);}

.bjq1,.bjq2{height: 640pxpx;background: url(../202311/about/dsj_bjq.jpg) no-repeat center;margin: 50px auto;text-align: center;padding: 67px 0;}

.year{position: relative;width: 242px;height: 80px;display: flex;justify-content: center;align-items: center;font-family: Arial;font-size: 48px;font-weight: bold;text-indent: 90px;margin: 10px auto;}
.year span.dian{position: absolute;width: 27px;height: 27px;}
.year span.dian:before{content: '';width: 47px;height: 1px;position: absolute;top: 13px;}
.year.y23{background-image: url(../202311/about/year_2023.png);color: #dd001b;}
.year.y22{background-image: url(../202311/about/year_2022.png);color: #dd6e36;}
.year.y24{background-image: url(../202311/about/year_2024.png);color: #dd6e36;}
.year.y21{background-image: url(../202311/about/year_2021.png);color: #f18313;}
.year.y21 span.dian{background-image: url(../202311/about/dian_2021.png);}
.year.y20 span.dian{background-image: url(../202311/about/dian_2020.png);}
.year.left{position: absolute;display: inline-flex;bottom: 0;left: 297px;}
.year.left span.dian{right: -75px;}
.year.left span.dian:before{right: 13px;background-color: #f18313;}
.year.right{position: absolute;display: inline-flex;bottom: 0;right: 297px;}
.year.right span.dian{left: -74px;}
.year.right span.dian:before{left: 13px;background-color: #f18313;}
.year.y20{background-image: url(../202311/about/year_2019.png);color: #f7a01a;}
.year.y20.right span.dian:before{background-color: #f7a01a;}
.year.y18{background-image: url(../202311/about/year_2018.png);color: #f18313;}
.year.y18 span.dian{background-image: url(../202311/about/dian_2021.png);}
.year.y17{background-image: url(../202311/about/year_2017.png);color: #dd6e36;}
.year.y17 span.dian{background-image: url(../202311/about/dian_2017.png);}
.year.y16{background-image: url(../202311/about/year_2016.png);color: #dd001b;}
.year.y16 span.dian{background-image: url(../202311/about/dian_2023.png);}
.year.y16 span.dian:before{background-color: #dd001b;}
.year.y15{background-image: url(../202311/about/year_2015.png);color: #dd6e36;}
.year.y15 span.dian,.year.y24 span.dian{background-image: url(../202311/about/dian_2022.png);}
.year.y15 span.dian:before,.year.y24 span.dian:before{background-color: #dd6e36;}
.year.y14{background-image: url(../202311/about/year_2014.png);color: #f18313;}
.year.y14 span.dian{background-image: url(../202311/about/dian_2021.png);}



.dnr.y23:after,.dnr.y23 li h3:before{background-color: #dd001b;}
.dnr.y23 li{border-color: #dd001b;}
.dnr.y23 .date .m,.dnr.y23 .date .y{color: #dd001b;}
.dnr.y23 li.no{background-color: #dd001b;}
.dnr.y23 li span.dian{background-image: url(../202311/about/dian_2023.png);}
.dnr.y23 li span.dian:before{background-color: #dd001b;}
.dnr.y23 li.text strong{color: #dd001b;}

.dnr.y22:after,.dnr.y22 li h3:before{background-color: #dd6e36;}
.dnr.y22 li{border-color: #dd6e36;}
.dnr.y22 .date .m,.dnr.y22 .date .y{color: #dd6e36;}
.dnr.y22 li.no{background-color: #dd6e36;}
.dnr.y22 li span.dian{background-image: url(../202311/about/dian_2022.png);}
.dnr.y22 li span.dian:before{background-color: #dd6e36;}
.dnr.y22 li.text strong{color: #dd6e36;}

.dnr.y21:after,.dnr.y21 li h3:before{background-color: #f18313;}
.dnr.y21 li{border-color: #f18313;}
.dnr.y21 .date .m,.dnr.y21 .date .y{color: #f18313;}
.dnr.y21 li.no{background-color: #f18313;}
.dnr.y21 li span.dian{background-image: url(../202311/about/dian_2021.png);}
.dnr.y21 li span.dian:before{background-color: #f18313;}

.dnr.y20:after,.dnr.y20 li h3:before{background-color: #f7a01a;}
.dnr.y20 li{border-color: #f7a01a;}
.dnr.y20 .date .m,.dnr.y20 .date .y{color: #f7a01a;}
.dnr.y20 li.no{background-color: #f7a01a;}
.dnr.y20 li span.dian{background-image: url(../202311/about/dian_2020.png);}
.dnr.y20 li span.dian:before{background-color: #f7a01a;}

.dnr.y17{padding-bottom: 70px;}
.dnr.y17:after,.dnr.y17 li h3:before{background-color: #dd6e36;}
.dnr.y17 li{border-color: #dd6e36;}
.dnr.y17 .date .m,.dnr.y17 .date .y{color: #dd6e36;}
.dnr.y17 li.no{background-color: #dd6e36;}
.dnr.y17 li span.dian{background-image: url(../202311/about/dian_2017.png);}
.dnr.y17 li span.dian:before{background-color: #dd6e36;}

.end{display: flex;max-width: 1015px;justify-content: center;align-items: center;margin: 10px auto;}
.end .year{margin: 0;}
.end .logo2014{position: relative;width: 147px;height: 147px;border-radius: 50%;border: 1px solid #f18313;background: url(../202311/dsj/dsj-logo.png) no-repeat center;margin: 0 30px;}
.end h2{font-size: 48px;font-weight: bold;width: 240px;height: 78px;border: 1px solid #f18313;color: #f18313;display: flex;justify-content: center;align-items: center;border-radius: 20px;}

.start{display: flex;width: 870px;height: 90px;margin: 40px auto;text-align: center;border: 1px solid #f18313;border-radius: 20px;flex-direction: column;justify-content: center;font-size:28px;line-height:31px;position:relative;}
.start:before{content:'';position: absolute;left: 50%;height: 40px;top: -40px;width: 1px;background-color: #f18313;}
.start .p2{font-family: Arial;}
.start .p2 span{display: inline-block;width: 65px;height: 16px;background: url(../202311/about/dsj_arrow.png) no-repeat center;}
.start .p2 i{font-style: normal;color: #dd001b;}

.nav_year{position:absolute;display: flex;flex-direction: column;left: 50%;margin-left: 640px;z-index: 10;}
.nav_year span{font-size: 14px;display: flex;align-items: center;margin-top: 2px;cursor: pointer;transition: all .3s;font-family: Arial;line-height: 1;}
.nav_year span:hover{font-size: 26px;font-weight: bold;}
.nav_year span:before{content: '';width: 6px;height: 26px;margin-right: 9px;flex-shrink: 0;}
.nav_year span:nth-child(1){color: #dd001b;}
.nav_year span:nth-child(1):before{background-color: #dd001b;}
.nav_year span:nth-child(2){color: #e0271c;}
.nav_year span:nth-child(2):before{background-color: #e0271c;}
.nav_year span:nth-child(3){color: #e3391c;}
.nav_year span:nth-child(3):before{background-color: #e3391c;}
.nav_year span:nth-child(4){color: #e74b1c;}
.nav_year span:nth-child(4):before{background-color: #e74b1c;}
.nav_year span:nth-child(5){color: #e9571d;}
.nav_year span:nth-child(5):before{background-color: #e9571d;}
.nav_year span:nth-child(6){color: #ed681c;}
.nav_year span:nth-child(6):before{background-color: #ed681c;}
.nav_year span:nth-child(7){color: #f0761c;}
.nav_year span:nth-child(7):before{background-color: #f0761c;}
.nav_year span:nth-child(8){color: #f2821c;}
.nav_year span:nth-child(8):before{background-color: #f2821c;}
.nav_year span:nth-child(9){color: #f5901c;}
.nav_year span:nth-child(9):before{background-color: #f5901c;}
.nav_year span:nth-child(10){color: #f6981a;}
.nav_year span:nth-child(10):before{background-color: #f6981a;}
.nav_year span:nth-child(11){color: #f7a01a;}
.nav_year span:nth-child(11):before{background-color: #f7a01a;}
.nav_year span:nth-child(12){color: #f7a01a;}
.nav_year span:nth-child(12):before{background-color: #f7a01a;}

.pin-wrapper{height: 0 !important;}