.orico_Page_achievement { width: 100%; position: relative; min-height: 100vh; overflow-y: auto; overflow-x: hidden; background: #f2f2f2; margin-top: 3.75rem; } .orico_Page_achievement .achievementMain { display: flex; flex-direction: column; justify-content: center; } .orico_Page_achievement .achievementMain .acvImg { width: 100%; height: auto; } .orico_Page_achievement .achievementMain .achInfo { width: 100%; align-items: center; justify-content: center; display: flex; flex-direction: column; width: 100%; background: #fff; height: 28.75rem; } .orico_Page_achievement .achievementMain .achInfo .title { height: 11.25rem; line-height: 11.25rem; font-size: 2rem; font-family: Montserrat-Bold, Montserrat; font-weight: bold; color: #000000; text-align: center; } .orico_Page_achievement .achievementMain .achInfo .achNums { display: flex; flex-direction: row; justify-content: space-between; width: 80%; margin: 0 auto; max-width: 101.25rem; } .orico_Page_achievement .achievementMain .achInfo .achNums .achive_shuju { width: 25%; display: flex; flex-direction: column; align-items: center; } .orico_Page_achievement .achievementMain .achInfo .achNums .achive_shuju .title1 { margin-top: 2.5rem; font-size: 2rem; font-family: Montserrat-Bold, Montserrat; font-weight: bold; color: #000000; } .orico_Page_achievement .achievementMain .achInfo .achNums .achive_shuju .title1 p { font-family: inherit; } .orico_Page_achievement .achievementMain .achInfo .achNums .achive_shuju .subtitle1 { margin-top: 1rem; font-size: 1.125rem; font-family: Montserrat-Regular, Montserrat; font-weight: 400; color: #707070; } .orico_Page_achievement .achievementMain .achTimes { width: 100%; height: auto; position: relative; background: #f2f2f2; font-family: Montserrat; padding-bottom: 10%; } .orico_Page_achievement .achievementMain .achTimes .timecontent { width: 80%; max-width: 101.25rem; margin: 0 auto; } .orico_Page_achievement .achievementMain .achTimes .timecontent .title { height: 11.25rem; line-height: 11.25rem; font-size: 2rem; font-family: Montserrat-Bold, Montserrat; font-weight: bold; color: #000000; text-align: center; } .orico_Page_achievement .achievementMain .achTimes .timecontent .timelist { width: 100%; display: flex; max-width: 101.25rem; flex-direction: row; } .orico_Page_achievement .achievementMain .achTimes .timecontent .timelist .timeline-time { width: 15%; } .orico_Page_achievement .achievementMain .achTimes .timecontent .timelist .timeline-time .event_year { width: 6.25rem; text-align: center; float: left; margin-top: 0.625rem; } .orico_Page_achievement .achievementMain .achTimes .timecontent .timelist .timeline-time .event_year li { height: 2.9rem; line-height: 2.9rem; border-left: 1px solid #d4d4d4; font-size: 1.125rem; color: #828282; cursor: pointer; } .orico_Page_achievement .achievementMain .achTimes .timecontent .timelist .timeline-time .event_year li.current { border-left: 4px solid #0066ff; color: #004bfa; font-weight: 600; } .orico_Page_achievement .achievementMain .achTimes .timecontent .timelist .timeline-con { width: 85%; height: 41.5625rem; background-color: white; border-radius: 1rem; } .orico_Page_achievement .achievementMain .achTimes .timecontent .timelist .timeline-con .con_event_list { width: 98%; height: 91%; overflow: auto; margin: 1.875rem 0.625rem; } .orico_Page_achievement .achievementMain .achTimes .timecontent .timelist .timeline-con .con_event_list .event_list { width: 98%; background: url(/static/index/pc/images/greyline.png) 50px 0 repeat-y; } .orico_Page_achievement .achievementMain .achTimes .timecontent .timelist .timeline-con .con_event_list .event_list div { overflow: hidden; color: black; } .orico_Page_achievement .achievementMain .achTimes .timecontent .timelist .timeline-con .con_event_list .event_list div h3 { margin: 0 0 0 2.1875rem; padding-left: 2.5rem; background: url(/static/index/pc/images/greyyuandian.png) 3px 3px no-repeat; height: 2.375rem; font-size: 1.25rem; font-family: Montserrat-Bold, Montserrat; font-weight: bold; color: #000000; line-height: 1.875rem; } .orico_Page_achievement .achievementMain .achTimes .timecontent .timelist .timeline-con .con_event_list .event_list div .backgroundimg { background: url(/static/index/pc/images/yaundian.png) 3px 3px no-repeat !important; } .orico_Page_achievement .achievementMain .achTimes .timecontent .timelist .timeline-con .con_event_list .event_list div li { display: inline-block; width: 94%; font-family: Montserrat-Medium, Montserrat; line-height: 1.5625rem; font-size: 1rem; font-weight: 500; color: #707070; padding: 0 0 1.24rem 4.6875rem; } .orico_Page_achievement .achievementMain .achTimes .timecontent .timelist .timeline-con .con_event_list .event_list div li p{ white-space: normal; overflow: hidden; text-overflow: ellipsis; } .orico_Page_achievement .achievementMain .tech { background: #fff; width: 100%; } .orico_Page_achievement .achievementMain .tech .techcontent { width: 80%; max-width: 101.25rem; margin: 0 auto; display: flex; flex-direction: column; padding-bottom: 8.125rem; } .orico_Page_achievement .achievementMain .tech .techcontent .title { height: 11.25rem; line-height: 11.25rem; font-size: 2rem; font-family: Montserrat-Bold, Montserrat; font-weight: bold; color: #000000; text-align: center; } .orico_Page_achievement .achievementMain .tech .techcontent .techcon { height: 21.875rem; background-color: #f2f2f2; display: flex; border-radius: 1rem; margin-top: 1.25rem; } .orico_Page_achievement .achievementMain .tech .techcontent .techcon div { width: 50%; } .orico_Page_achievement .achievementMain .tech .techcontent .techcon .tech-img{ display: flex; align-items: center; justify-content: center; margin: 1.5625rem; } .orico_Page_achievement .achievementMain .tech .techcontent .techcon .text img { margin-top: 5rem; margin-left: 4.0625rem; } .orico_Page_achievement .achievementMain .tech .techcontent .techcon .text .year { margin-left: 4.0625rem; margin-top: 2.5rem; font-size: 1.75rem; font-family: Montserrat-Bold, Montserrat; font-weight: bold; color: #000000; line-height: 1.625rem; } .orico_Page_achievement .achievementMain .tech .techcontent .techcon .text .context { margin-left: 65px; width: 80%; font-size: 16px; font-family: Montserrat-Medium, Montserrat; font-weight: 500; color: #707070; line-height: 26px; margin-top: 14px; } .orico_Page_achievement .achievementMain .tech .techcontent .techcon .text .context p { font-family: inherit; } .orico_Page_achievement .achievementMain .tech .techcontent .techcon .tech-img img { width: -webkit-fill-available; width:100%; }