.achive{ height: 460px; text-align: center; background-color: white !important; } .achive .title,.timeline .title,.tech .title{ height: 180px; line-height: 180px; font-size: 32px; font-family: Montserrat-Bold, Montserrat; font-weight: bold; color: #000000; text-align: center; } .achive .number{ height: 200px; font-size: 32px; font-family: Montserrat-Bold, Montserrat; font-weight: bold; color: #000000; text-align: center; display: flex; } .achive .number .achive_shuju{ width: 25%; } .achive .number .achive_shuju .title1{ margin-top: 40px; font-size: 32px; font-family: Montserrat-Bold, Montserrat; font-weight: bold; color: #000000; } .achive .number .achive_shuju .subtitle1{ margin-top: 16px; font-size: 18px; font-family: Montserrat-Regular, Montserrat; font-weight: 400; color: #707070; } .timeline{ /*height: 916px;*/ background: #F2F2F2 !important; font-family: Montserrat, Montserrat; } .timeline1{ /*height: 665px;*/ /*background: #F8F8F8;*/ padding-bottom: 10%; display: flex; } .timeline-con{ width: 85%; height: 665px; background-color: white; border-radius: 16px ; } /* 自定义滚动条的滑道 */ /*.timeline-con::-webkit-scrollbar-track {*/ /* 设置滑道背景色 */ /* background-color: red; */ /*}*/ /* 自定义滚动条的滑块 */ /*.timeline-con::-webkit-scrollbar-thumb {*/ /* 设置滑块背景色 */ /* background-color: #888; */ /* 设置滑块圆角 */ /* border-radius: 5px;*/ /*}*/ /* 自定义滚动条的滑块在鼠标悬停时的样式 */ /*.timeline-con::-webkit-scrollbar-thumb:hover {*/ /* 设置滑块背景色 */ /* background-color: red;*/ /*}*/ .timeline-time{ width: 15%; } .tech{ background-color: white; } .tech1{ padding-bottom: 130px; } .techcon{ height: 350px; background-color: #F2F2F2; display: flex; border-radius: 16px; margin-top: 20px; } .techcon>div{ width: 50%; } .techcon .text img{ margin-top: 80px; margin-left: 65px; } .techcon .text .year{ margin-left: 65px; margin-top: 40px; font-size: 28px; font-family: Montserrat-Bold, Montserrat; font-weight: bold; color: #000000; line-height: 26px; } .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; } .techcon .tech-img img{ margin-top: 25px; margin-left: 65px; } @media screen and (min-width:1461px) and (max-width:1720px){ .techcon{ height: 300px; background-color: #F2F2F2; display: flex; border-radius: 16px; } .techcon .text img{ margin-top: 50px; } .techcon .tech-img img{ width: 550px; margin-top: 35px; margin-left: 65px; } } @media screen and (max-width:1459px){ .techcon{ height: 250px; background-color: #F2F2F2; display: flex; border-radius: 16px; } .techcon .text img{ margin-top: 40px; margin-left: 65px; } .techcon .text .year{ margin-left: 65px; margin-top: 20px; font-size: 22px; font-family: Montserrat-Bold, Montserrat; font-weight: bold; color: #000000; line-height: 26px; } .techcon .text .context{ margin-left: 65px; width: 80%; font-size: 12px; font-family: Montserrat-Medium, Montserrat; font-weight: 500; color: #707070; line-height: 26px; margin-top: 14px; } .techcon .tech-img img{ width: 440px; /*height: 175px;*/ margin-top: 25px; margin-left: 15px; } } /*时间线*/ @CHARSET "UTF-8"; /*= Reset =*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,th,td,figure{margin:0;padding:0;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;} table{border-collapse:collapse;border-spacing:0;} caption,th{font-weight:normal;text-align:left;} fieldset,img{border:0;} ul li{list-style:none;} h1,h2,h3,h4,h5,h6{font-size:100%;} h5{font-size:18px;margin-bottom:20px;color:#666;} h5 span{font-size:12px;color:#ccc;font-weight:normal;} blockquote:before,blockquote:after,q:before,q:after{content:"";} html{-webkit-text-size-adjust:none;-ms-text-size-adjust:none;} input,button,textarea,select,option,optiongroup{font-family:inherit;font-size:inherit;} .bw0{border: none !important;} *:focus{outline:0;} legend{color:#000;} input,select{vertical-align:middle;} button{overflow:visible;} input.button,button{cursor:pointer;} button,input,select,textarea{margin:0;} textarea{overflow:auto;resize:none;} label[for],input[type="button"],input[type="submit"],input[type="reset"]{cursor:pointer;} input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,button::-moz-focus-inner{border:0;padding:0;} a { text-decoration:none;color:#1C3D72 } img{-ms-interpolation-mode:bicubic;} /* new clearfix */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ .hidden{display:none;} .last{border-bottom:none !important;} blockquote{background:#f9f9f9;padding:8px 20px;border:1px solid #ccc;} .page { display:table;margin:0 auto;background:#fff;-moz-box-shadow: 0 5px 20px #CCCCCC;-webkit-box-shadow: 0 5px 20px #CCCCCC;box-shadow: 0 5px 20px #CCCCCC;} .about { box-shadow:0;-webkit-box-shadow:0;-moz-box-shadow:0; } .header { width:940px;height:90px;margin:0 auto;z-index:8; } .logo { margin:22px 0 0 0;float:left;display:inline; } .link { margin-top:30px;float:right;text-align:right; _width:718px; } .link li { float:left;display:inline;margin-left:60px; } .link li a{color:#4F4E4E;font-size:16px;font-weight:500;padding-bottom:6px;display:block;} .link li.active{border-bottom:2px solid #0066ff;} .link li.active a{color:#0066FF } .link li:hover { border-bottom:2px solid #0066ff;color:#0066FF } .link li a:hover{color:#0066FF } .adlist{padding:20px;} .adlist li{float:left;diaplay:inline;margin-left:30px;margin-bottom:20px;width:110px;} .main { width:940px;margin:40px auto 10px auto;font-size:14px;display:table;padding-bottom:10px; border-bottom:1px solid #EEEEEE} .info { width:300px;float:left;margin-right:20px; } .info ul{margin-left:-10px;} .info ul li{list-style:none;float:left;width:140px;padding-left:0;background:none;margin-left:10px;} .info ul{margin-left:-10px;} .b2 h3 { background-position:0 -26px; } .b3 { margin:0;position:relative; } .b3 span a{color:#8C8C8C;font-weight:600} .b3 h3 { background-position:0 -52px; } .info li a { color:#8c8c8c; } .info p { color:#8c8c8c; } .info p img { display:table;margin:10px 0; } .morelink{padding-top:20px;} .morelink li{float:left;width:180px;} .box { width:100%;display: flex; } .left { width:140px;border-bottom:2px solid #DDD;background:#FFF;float:left; } .left li:hover { border-left:3px solid #0066ff; } .left li a { height:40px;line-height:40px;display:block;color:#333 } .left li a:hover,.left li.active a{color:#0066FF} .left li.active{border-left:3px solid #0066ff;} .left li { border-left:3px solid #fff; border-bottom: 1px solid #EEEEEE; font-size: 14px; height: 40px; margin-bottom: 1px; overflow: hidden; padding-left: 25px; } .event_year { width:100px;text-align:center;float:left;margin-top:10px; } .event_year li { height:50px;line-height:50px;border-left:1px solid #D4D4D4; font-size:18px;color:#828282;cursor:pointer; } .event_year li.current { border-left:4px solid #0066ff; color:#004BFA;font-weight:600;} /* .event_list li { background:url('../img/jian.png') 136px -80px no-repeat; } */ .event_list li span { width:127px;text-align:right;display:block;float:left;margin-top:10px; } .event_list li p { width:90%;margin-left:24px;display:inline-block;padding-left:10px;line-height:25px;_float:left;font-size: 16px;margin-bottom: 10px; font-family: Montserrat-Medium, Montserrat; font-weight: 500; color: #707070; line-height: 20px;} .event_list li p span { width:100%;text-align:left;padding:0 15px 10px 15px;background:#FFF;margin:0; margin-left: 30px;} .titlelist{line-height:24px;color: #8C8C8C;padding-bottom:20px;} .titlelist dt { font-weight: bold;color:#666;white-space: nowrap;margin:10px;} .titlelist dd {padding-left: 13px;} h1 { font-family: Tahoma,Arial,sans-serif; font-size: 14px; margin-bottom: 15px; padding-bottom: 12px; } .hr { border-top: 1px solid #CCD5DE; font-size: 0; height: 0; line-height: 0; margin: 15px 0; } .red { color: #0065CB; font-size:15px; } /*时间线*/