322 lines
8.7 KiB
CSS
Executable File
322 lines
8.7 KiB
CSS
Executable File
.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;
|
|
}
|
|
|
|
|
|
|
|
/*时间线*/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|