/* 织梦无忧网 做最好的织梦整站模板下载网站 Www.dedecms51.com */ /* QQ:379144319 */ /* 仿站:www.dedecms51.com */ /* 素材:www.dedecms51.com */ @charset "utf-8"; .inner-con { padding-bottom: 5.2%; } .service-tit { color: #1754a3; margin-bottom: 25px; font-size: 24px; line-height: 1; } .service-tit2 { font-size: 18px; color: #1754a3; margin-bottom: 10px; line-height: 1; } .inner-con p { color: #585858; font-size: 16px; line-height: 30px; } .inner-con img { margin-top: 25px; margin-bottom: 25px; max-width: 100%; text-align: center; } .inner-con p+.service-tit2 { margin-top: 35px; } .sec-warp { font-size: 0; } .sec-warp>div { display: inline-block; width: 45%; margin-right: 5%; vertical-align: top; margin-top: 25px; } .con-left2 { width: 63.3333%; } .con-right2 { width: 30%; } /*history.html*/ .history-tit { text-align: center; vertical-align: middle; } .history-tit span { font-size: 24px; color: #fff; background: #1754a3; border-radius: 4px; line-height: 1; padding: 8px 20px 10px; display: inline-block; vertical-align: middle; } .history-list ul li { width: 50%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: relative; min-height: 138px; } .history-list ul li:nth-child(odd) { margin-left: 50%; padding-left: 20px; } .history-list ul li:nth-child(even) { margin-right: 50%; padding-right: 20px; } .history-list ul li:nth-child(even) .year, .history-list ul li:nth-child(even) .history-con { float: right; } .year { margin-bottom: 40px; } .year span { width: 120px; height: 39px; display: inline-block; text-align: center; line-height: 39px; background-color: #00a2e9; font-size: 24px; color: #fff; vertical-align: middle; } .history-list ul li:nth-child(odd) .year span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .history-list ul li:nth-child(even) .year span { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .history-list ul li:nth-child(odd) .year::before, .history-list ul li:nth-child(even) .year::after { content: ""; width: 26px; height: 39px; display: inline-block; background: url(../images/year_icon1.png) no-repeat top; vertical-align: middle; } .history-list ul li:nth-child(even) .year::after { background: url(../images/year_icon2.png) no-repeat top; } .history-con { font-size: 14px; color: #797979; margin-bottom: 40px; line-height: 20px; } .history-list { position: relative; padding-top: 132.5px; margin-top: 19px; } .history-list::after { content: ""; position: absolute; border-right: 2px dashed #00a2e9; top: 0; left: 50%; margin-left: -1px; height: calc(100% - 132px); height: -webkit-calc(100% - 132px); height: -moz-calc(100% - 132px); z-index: 7; } .history-list ul li::before, .history-list ul::before { content: ""; position: absolute; left: -11px; top: 14.5px; margin-top: -9px; width: 22px; height: 22px; background: #7bd5fc; border-radius: 100%; z-index: 8; } .history-list ul li::after, .history-list ul::after { content: ""; position: absolute; left: -9px; top: 14.5px; margin-top: -7px; width: 16px; height: 16px; background: #00a2e9; border-radius: 100%; border: 1px solid #99ddfb; z-index: 9; } .history-list ul li:nth-child(even)::before { left: auto; right: -11px; } .history-list ul li:nth-child(even)::after { left: auto; right: -9px; } .history-list ul::after { left: 50%; margin-left: -9px; top: 0; } .history-list ul::before { left: 50%; margin-left: -11px; top: 0; } .inner-con.profile-con p { margin-bottom: 25px; } @media (max-width: 1440px) { .case-list ul { margin-left: -15px; margin-right: -15px; } .case-list ul li { padding-left: 15px; padding-right: 15px; } } @media (max-width: 1200px) { .service-tit { font-size: 20px; margin-bottom: 20px; } .inner-con p { font-size: 14px; line-height: 24px; } .inner-con p+.service-tit2 { margin-top: 25px; } .inner-con img { margin-top: 20px; margin-bottom: 20px; } .history-tit span, .year span { font-size: 22px; } } @media (max-width: 1200px) { .inner-con img { margin-top: 15px; margin-bottom: 15px; } .service-tit2 { font-size: 16px; line-height: 1.6 } .history-tit span, .year span { font-size: 20px; } } @media (max-width: 768px) { .service-tit { font-size: 18px; margin-bottom: 15px; } .inner-menu a { width: 25%; font-size: 14px; } .con-left2, .con-right2 { width: 100%; } .year span { width: 100px; font-size: 16px; } .year { margin-bottom: 20px; } .history-con { margin-bottom: 20px; } .history-tit span { font-size: 18px; } } @media (max-width: 480px) { .sec-warp>div { width: 100%; margin: 0; } .service-tit { margin-bottom: 10px; } .inner-con img { margin-top: 10px; margin-bottom: 10px; } }