.single-page { margin: 40px 0 40px 80px; } .single-page .title { font-size: 32px; margin-bottom: 20px; color: #212121; font-weight: normal; } .single-page .content { font-size: 14px; line-height: 2; color: #717171; } .titlecenter { margin-top: 40px; text-align: center; font-size: 32px; margin-bottom: 20px; color: #212121; } .title-english { font-size: 18px; text-align: center; } .contact .title-english { font-size: 18px; } .introduce { position: relative; background: #f2f2f2; } .introduce .layer-green { background: #dfeae2; width: 50%; height: 100%; left: 0; top: 0; position: absolute; z-index: 9; } .introduce .container { position: relative; z-index: 10; } .introduce .container .statistical { overflow: hidden; width: 182px; margin-left: 40px; float: left; } .introduce .container .statistical .section { height: 46px; line-height: 46px; font-size: 16px; color: white; padding-left: 10px; margin-bottom: 28px; } .introduce .container .statistical .section .icon { margin-right: 40px; } .introduce .container .statistical .data-item { height: 40px; padding: 0 24px 0 10px; overflow: hidden; text-align: right; font-size: 13px; color: #313434; line-height: 40px; background: #c8dfe0; border-radius: 20px 0 0 20px; margin-bottom: 12px; display: inline-block; margin-right: 0; float: right; font-family: "宋体"; } .introduce .container .statistical .data-item .number-data { font-family: Arial; font-size: 26px; margin-right: 6px; color: #0066cc; } .introduce .container .statistical .data-item .number-projects { font-family: Arial; font-size: 26px; margin: 0 6px 0 6px; color: #339999; } .introduce .container .statistical .section-data { width: 182px; margin-top: 48px; margin-bottom: 12px; padding-left: 60px; font-size: 24px; } .introduce .container .statistical .section-projects { width: 182px; margin-top: 24px; margin-bottom: 12px; padding-left: 60px; font-size: 24px; } .introduce .container .article { background: #f2f2f2; float: left; padding: 50px 0 50px 84px; overflow: hidden; } .introduce .container .article .title-box { margin-bottom: 30px; } .introduce .container .article .title-box .thumbnail { float: left; display: block; } .introduce .container .article .title-box .info { float: left; } .introduce .container .article .title-box .info .title { color: #212121; font-size: 32px; } .introduce .container .article .title-box .info .title span.main-tile-english { font-size: 18px; } .introduce .container .article .title-box .info .sub-title { margin-top: 36px; font-size: 24px; color: #2d9394; } .introduce .container .content { font-size: 14px; line-height: 30px; color: #6f6f6f; width: 925px; } .introduce .container .content p { margin-bottom: 20px; } .introduce .container .content .image-box { margin-bottom: 10px; position: relative; } .introduce .container .content .image-box .image-1 { float: left; display: block; width: 266.42857143px; height: 227.85714286px; } .introduce .container .content .image-box .image-2 { width: 456.5px; height: 316.5px; } .introduce .container .content .image-box .image-3 { float: right; display: block; width: 385px; height: 227.14285714px; } .introduce .container .content .image-box .image-main { position: absolute; left: 50%; margin-left: -228px; z-index: 999; top: 50%; margin-top: -158.25px; } .honor { overflow: hidden; padding-left: 92px; box-sizing: border-box; } .honor .section { width: 215px; height: 34px; } .honor .section-honor { width: 1270px; margin-top: 20px; background: url("../images/about-honor-section-1.png") center center no-repeat; } .honor .timeline-box { position: relative; margin-top: 57px; margin-left: 10px; } .honor .timeline-box .timeline { position: absolute; width: 1160px; height: 2px; background: #b3cece; left: 0; top: 7px; } .honor .timeline-box .item { padding-top: 8px; float: left; color: #525050; font-size: 16px; position: relative; margin-top: 20px; margin-left: 114px; cursor: pointer; } .honor .timeline-box .item.first { margin-left: 0; } .honor .timeline-box .item span { margin-left: -8px; } .honor .timeline-box .item.active:before { width: 16px; height: 16px; border: 11px solid #000; background: #238abd; top: -30px; left: -5px; } .honor .timeline-box .item.active:after { width: 16px; height: 16px; border: 10px solid #d0e4ef; background: #238abd; top: -30px; left: -5px; } .honor .timeline-box .item:hover { opacity: .8; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); } .honor .timeline-box .item:after { position: absolute; top: -25px; display: block; width: 14px; height: 14px; background: white; border: 5px solid #90cad6; border-radius: 50%; content: ' '; } .honor .timelines { display: none; padding-left: 20px; box-sizing: border-box; width: 1176px; margin-top: 24px; } .honor .timelines .item { height: 75px; border-bottom: 2px dotted #cccccc; font-size: 14px; overflow: hidden; } .honor .timelines .item .date { margin-top: 20px; color: #717171; } .honor .timelines .item .title { margin-top: 9px; color: #1d1d1d; } .honor .section-cert { background: url("../images/about-honor-section-2.png") center center no-repeat; margin-top: 48px; width: 1270px; text-align: center; } .honor .slider { margin-top: 40px; position: relative; margin-bottom: 40px; } .honor .slider .icon { display: block; width: 39px; height: 67px; position: absolute; opacity: .68; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=68); cursor: pointer; } .honor .slider .icon-news-album-arrow-left { background: url("../images/news-album-arrow-left.png") no-repeat; top: 58px; left: 0; } .honor .slider .icon-news-album-arrow-right { background: url("../images/news-album-arrow-right.png") no-repeat; top: 58px; right: 0; } .honor .slider .list-box { position: relative; height: 172px; overflow: hidden; margin: 0 60px; padding: 10px; } .honor .slider .list-box .list { width: 9999px; height: 172px; position: absolute; left: 0; top: 0; } .honor .slider .list-box .list li { float: left; display: block; list-style: none; width: 268px; height: 100%; text-align: center; } .honor .slider .list-box .list li a { border: 1px solid #c9c9c9; padding: 5px; display: inline-block; border-radius: 5px; } .footer { margin-top: 0; }