h2.bt { text-align: center; line-height: 1; font-size: 30px; color: #333333; font-weight: 500; } h2.bt img { margin: 0 auto; margin-top: 22px; display: block; } .c1 { margin-top: 68px; } .c1 .list1 { margin-top: 75px; } .c1 .list1 li { float: left; margin-right: 10px; text-align: center; width: 234px; margin-right: 88px; } .c1 .list1 li:nth-child(4) { margin-right: 0; } .c1 .list1 li .tu { margin-bottom: 36px; } .c1 .list1 li h3 { line-height: 66px; font-size: 18px; font-weight: 500; color: #444444; background: url(../images/h-1.png) no-repeat center bottom; } .c1 .list1 li dd { margin-top: 30px; font-size: 14px; color: #666666; line-height: 25px; margin-bottom: 46px; } .c2 { margin-top:2px; /*background: url(../images/c2.png) no-repeat center 0;*/ box-sizing: border-box; padding-top: 20px; } .c2 .c2-1 { margin-left: 40px; } .c2 .c2-2 { width: 600px; box-sizing: border-box; padding: 0 12px; } .c2 .c2-2 h2 { font-size: 35px; color: #000; line-height: 1; margin-top: 21px; } .c2 .c2-2 h2 img { margin-top: 28px; display: block; } .c2 .c2-2 h3 { font-weight: 500; line-height: 1; font-size: 20px; color: #003336; } .c2 .c2-2 dd { font-size: 4px; color: #828282; line-height: 26px; margin-top: 14px; /*margin-bottom: 48px;*/ font-size: 14px; } .c2 .c2-2 a.ck { display: block; text-align: center; font-size: 14px; color: #fff; text-transform: uppercase; border-radius: 4px; width: 160px; line-height: 50px; } .c3 { margin-top: 110px; background: #f5f6fa; padding-top: 75px; box-sizing: border-box; padding-bottom: 80px; } .c3 h2 { margin-bottom: 80px; } .c3 .list1 li { width: 590px; height: 251px; background: #fff; box-sizing: border-box; padding-top: 36px; padding-left: 38px; float: left; padding-right: 40px; margin-bottom: 30px; } .c3 .list1 li:nth-child(2n) { float: right; } .c3 .list1 li a img.o { width: 208px; height: 189px; } .c3 .list1 li .zi { width: 281px; } .c3 .list1 li .zi h3 { line-height: 60px; font-size: 20px; color: #333333; } .c3 .list1 li .zi dd { font-size: 15px; line-height: 26px; margin-top: 8px; color: #333; } .c3 .list1 li .zi .ck1 { margin-top: 10px; text-align: right; } .c3 .list1 li:nth-child(2) a:nth-child(2), .c3 .list1 li:nth-child(3) a:nth-child(2) { float: right; } .c3 .ck { margin: 0 auto; display: block; text-align: center; font-size: 14px; color: #fff; text-transform: uppercase; background: #00bdd1; border-radius: 4px; width: 160px; line-height: 50px; margin-top: 52px; } .c4 { /*background: url(../images/c4.png) no-repeat center fixed;*/ height: 561px; background-size: cover; background:#0f141a } .c4 h2.bt { padding-top: 80px; color: #fff; margin-bottom: 80px; } .c4 .list1 li { float: left; margin-right: 29px; } .c4 .list1 li a { width: 366px; /*height: 281px;*/ overflow: hidden; display: block; } .c4 .list1 li a img { width: 366px; /*height: 281px;*/ transition-duration: .3s; } .c4 .list1 li:hover a img { transform: scale(1.1); } .c5 { /*background: url(../images/c5.png) no-repeat center 0;*/ height: 863px; margin-bottom: 12px; background: #e7e7e7 } .c5 h2 { padding-top: 120px; margin-bottom: 50px; } .c5 .contentx2 h2{ padding-top: 20px; } .c5 .content { overflow: hidden; } .c5 .list1 li { margin-bottom: 29px; float: left; margin-right: 10px; text-align: center; } .c5 .list1 li h3{ font-size: 14px;line-height: 40px } .c5 .list1 li a.img { display: block; } .c5 .list1 li a.img img { width: 278px; height: 171px; } .c5 a.ck { margin: 0 auto; width: 60px; height: 60px; margin-top: 15px; display: block; font-size: 0; } .c6 { /*background: url(../images/c6.png) no-repeat center 0;*/ height:660px; } .c6 h2 { padding-top: 60px; margin-bottom: 46px; color: #000; } .c6 .hd { text-align: center; margin-bottom: 72px; } .c6 .hd li { display: inline-block; margin: 0 2px; font-size: 15px; color: #000; border: 1px solid #000; text-align: center; line-height: 35px; width: 96px; transform: skewX(-30deg); } .c6 .hd li span { transform: skewX(30deg); display: block; } .c6 .hd li.on { background: #000; color: #fff; } .c6 .list1 li { float: left; margin-right: 54px; width: 259px; } .c6 .list1 li:nth-child(4) { margin-right: 0; } .c6 .list1 li .tu { width: 259px; height: 119px; overflow: hidden; } .c6 .list1 li .tu img { width: 259px; height: 119px; } .c6 .list1 li h3 { font-weight: 500; margin-top: 14px; line-height: 38px; color: #000; font-size: 14px; } .c6 .list1 li dd { font-size: 12px; color: #333; line-height: 26px; } .c6 .list1 li .ck { margin-top: 20px; display:none;} .c6 a.ck { margin: 0 auto; display: block; text-align: center; font-size: 14px; color: #fff; text-transform: uppercase; background: #000 ; border-radius: 4px; width: 160px; line-height: 50px; margin-top: 59px; } .ht img{ max-width:100%; height:auto !important;width:auto !important; } /*# sourceMappingURL=index.css.map */