.carousel-indicators .active { background-color: #00aebb; } .carousel-indicators li { border: 1px solid #00aebb; } .carousel-inner { margin-top: 100px; } .col-lg-3-font { cursor: pointer; font-size: 18px; } .col-lg-3-span1 { width: 108px; display: block; text-align: center; float: left; height: 80px; margin-top: 25px; } .col-lg-3-span2 { width: 108px; display: block; text-align: center; float: left; height: 80px; margin-top: 25px; } .carousel-inner .item:nth-child(1) { background: url(/uploads/image/cimages/shortheight.png) no-repeat; background-size: 100%; height: 560px; } .carousel-inner .item:nth-child(2) { background: url(/uploads/image/cimages/kidgrow-banner3.jpg) no-repeat; background-size: 100%; height: 560px; } .carousel-inner .item:nth-child(3) { background: url(/uploads/image/cimages/kidgrow-banner1.jpg) no-repeat; background-size: 100%; height: 560px; } /*.carousel-inner .item:nth-child(3) { background: url(/uploads/image/cimages/kidgrow-banner1.jpg) no-repeat; background-size: cover; height: 560px; }*/ .row-icon-btn .img-circle { width: 90px; margin-right: 20px; float: left; } .row-icon-xq { margin-top: 30px; font-size: 14px; color: #666; } .sy-zd-bt h3 { font-size: 22px; color: #333; text-align: center; padding-bottom: 30px; } .first-container { padding: 50px 0 60px 0; } .second-container { background: #f7f7f7; padding: 30px 0 60px 0; } .heading-3-text { font-size: 14px; color: #333; font-weight: bold; } .subheading-3-text { font-size: 14px; color: #666; text-align: left; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/ -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/ -webkit-line-clamp: 2; /** 显示的行数 **/ overflow: hidden; /** 隐藏超出的内容 **/ height: 42px; } .third-container { background: #fff; padding: 30px 0 60px 0; } .works-image { width: 356px; } @media (min-width:768px) { .works-image { width: 250px; } .col-lg-3-font { cursor: pointer; font-size: 18px; display: inline-block; margin-left: 60px; } } @media (min-width:1200px) { .works-image { width: 356px; } .col-lg-3-font { cursor: pointer; font-size: 18px; display: inline-block; margin-left: 0; } } .zd-list-group { font-size: 14px; position: relative; display: block; /* padding: 10px 0px; */ margin-bottom: 0px; background-color: #fff; border-bottom: 1px solid #e3e3e3; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; line-height: 40px; height: 40px; cursor: pointer; } .zd-list-group:nth-of-type(1) { padding-bottom: 45px; font-size: 18px; color: #333; } .four-container { background: #f7f7f7; padding: 30px 0 60px 0; } .sw-img1 { width: 100%; position: absolute; top: 0; /*z-index: 1;*/ height: 230px; } .sw-img1-l { position: absolute; z-index: 1; bottom: 0; left: 0; padding: 10px 0; text-align: left; } .zd-con-p2 { font-size: 14px; color: #999; line-height: 24px; word-break: break-all; text-overflow: ellipsis; /*display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;*/ overflow: hidden; height: 52px; } .swiper-container { width: 100%; height: 340px; margin: 20px auto; } .swiper-slide { text-align: center; font-size: 18px; background: #f7f7f7; /* center slide text vertically */ display: -webkit-box; /*display: -ms-flexbox;*/ /*display: -webkit-flex;*/ /*display: flex;*/ /*-webkit-box-pack: center;*/ -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .append-buttons { text-align: center; margin-top: 20px; } .append-buttons a { display: inline-block; border: 1px solid #007aff; color: #007aff; text-decoration: none; padding: 4px 10px; border-radius: 4px; margin: 0 10px; font-size: 13px; } .afont { color: #333; } .zd-list-group a { color: #666; text-decoration: none; } .col-sm-4 a { text-decoration: none; }