加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
index.css 3.60 KB
一键复制 编辑 原始数据 按行查看 历史
蚂蚁 提交于 2021-02-15 10:39 . 服务范围 客户案例 完成
* {
margin: 0;
padding: 0;
}
body {
min-width: 1094px;
}
ul,
ol {
list-style: none;
}
/* 清除浮动 */
.clearfix::after {
content: "";
display: block;
visibility: hidden;
height: 0;
clear: both;
}
a {
text-decoration: none;
color: inherit;
}
.fl {
float: left;
}
.fr {
float: right;
}
.center {
width: 1090px;
margin: 0 auto;
}
.font_size14 {
font-size: 14px;
}
.font_size12 {
font-size: 12px;
}
.header {
height: 60px;
padding: 20px;
}
.header .logo {
width: 167px;
height: 44px;
}
.header .nav {
width: 690px;
color: #646464;
}
.header .nav > li {
float: left;
margin-left: 50px;
line-height: 44px;
}
/* banner */
.banner {
position: relative;
}
.banner > ul img {
width: 100%;
}
.banner .banner-list {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50px);
}
.banner .banner-list li {
height: 8px;
width: 8px;
border-radius: 50%;
border: 1px solid #fff;
float: left;
margin: 0 6px;
}
.banner .banner-list .acter {
background-color: #fff;
}
/* 公共部分 */
.ScopeOfServices_header {
text-align: center;
padding: 60px 0 36px;
}
.ScopeOfServices_header p {
padding-top: 13px;
color: #9f9f9f;
font-size: 14px;
}
.ScopeOfServices_header div {
display: inline;
color: #9f9f9f;
padding: 0 30px;
}
.ScopeOfServices_header div > :nth-child(2) {
font-size: 20px;
color: #434343;
font-weight: 700;
}
.ScopeOfServices_header_box {
position: relative;
}
.ScopeOfServices_header .ScopeOfServices_header_box_left,
.ScopeOfServices_header_box_right {
display: inline-block;
width: 100px;
height: 1px;
background-color: #9f9f9f;
vertical-align: middle;
}
.ScopeOfServices_header_box_left::after,
.ScopeOfServices_header_box_right::after {
content: "";
position: absolute;
width: 9px;
height: 9px;
border-radius: 50%;
background-color: #c3c3c3;
top: 8px;
}
.ScopeOfServices_header_box_left::after {
right: 274px;
}
.ScopeOfServices_header_box_right::after {
left: 274px;
}
.size14{
font-size: 14px;
}
/* 公共部分 */
/* 服务范围 */
.service ul li{
float: left;
height: 280px;
text-align: center;
margin-right: 90px
}
.service ul li img{
margin: 0 auto;
}
.service .text2 {
width: 205px;
color: #6d6d6d;
}
.service .text1 {
font-size: 18px;
color: #434343;
padding: 30px 0 20px 0;
font-weight: 700;
line-height: 24px;
}
/* 服务范围 */
/* 客户案例 */
.Customer{
background-color: #f8f8f8;
padding-bottom: 66px;
}
.Customer-conter ul li{
float: left;
width: 33%;
}
.Customer > a{
display: block;
margin: 0 auto;
text-align: center;
width: 178px;
line-height: 38px;
background-color: #66c5b4;
color: #fff;
border-radius: 100px;
margin-top: 37px;
}
/* 客户案例 */
/* 最新资讯 */
.LatestNews {
padding-bottom: 46px;
}
.LatestNews ul {
width: 835px;
}
.LatestNews ul li {
float: left;
padding-bottom: 44px;
}
.LatestNews ul li .right .p2 {
color: #a4a4a4;
width: 320px;
line-height: 20px;
}
.LatestNews ul li .right .p1 {
padding-bottom: 21px;
}
.LatestNews ul li .left {
width: 71px;
height: 78px;
text-align: center;
color: #999999;
font-size: 20px;
border-right: 1px solid #dcdcdc;
padding-right: 8px;
font-weight: 700;
}
.LatestNews ul li .left P {
color: #66c5b4;
font-size: 39px;
}
.LatestNews ul li .right {
padding-left: 16px;
}
/* 最新资讯 */
/* footer */
.footer {
background-color: #66c5b4;
padding: 20px 0;
}
.footer ul li {
float: left;
}
.footer ul li > a {
padding: 1px 23px;
border-right: 1px solid #fff;
color: #fff;
}
.footer ul li:last-of-type > a {
padding-right: 0;
border-right: 0;
}
/* footer */
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化