#dg-box1 { width:100%; display:block; background:#fff; padding:80px 0px 40px 0px; } .dg-box1-title { width:100%; display:block; height:46px; line-height:46px; font-size:46px; text-align:center; } .dg-box1-title span { width:50px; height:5px; display:inline-block; background:#333; margin-right:80px; vertical-align:middle; } .dg-box1-title span:nth-child(2) { margin-left:80px; margin-right:0px; } .dg-box1-content { font-size:0px; width:100%; display:block; margin-top:50px; } .dg-box1-item { width:276px; height:276px; display:inline-block; background:url(../image/jy-bg-o.png) center center no-repeat; margin-right:87px; margin-left:89px; margin-bottom:40px; } .dg-box1-item:nth-child(3n) { margin-right:0px; } .dg-box1-item:hover{ background:url(../image/jy-bg-h.png) center center no-repeat; } .db-box1-title-bg { width:100%; height:65px; display:block; margin-top:55px; } .db-box1-title { width:100%; display:block; height:24px; line-height:24px; font-size:24px; text-align:center; margin-top:12px; margin-bottom:15px; color:#000000; letter-spacing: 1px; } .db-box1-desc { font-size:17px; width:100%; display:block; letter-spacing: 1px; box-sizing: border-box; text-align:center; color:#4c4c4c; } .db-box1-icon { background:url(../image/fanghuo-o.png) center center no-repeat; } .db-box2-icon { background:url(../image/kailie-o.png) center center no-repeat; } .db-box3-icon { background:url(../image/fangfu-o.png) center center no-repeat; } .db-box4-icon { background:url(../image/jianzao-o.png) center center no-repeat; } .db-box5-icon { background:url(../image/shuidian-o.png) center center no-repeat; } .db-box6-icon { background:url(../image/fangshui-o.png) center center no-repeat; } .dg-box1-item:hover .db-box1-title,.dg-box1-item:hover .db-box1-desc { color:#fff; } .dg-box1-item:hover .db-box1-icon { background:url(../image/fanghuo-h.png) center center no-repeat; } .dg-box1-item:hover .db-box2-icon { background:url(../image/kailie-h.png) center center no-repeat; } .dg-box1-item:hover .db-box3-icon { background:url(../image/fangfu-h.png) center center no-repeat; } .dg-box1-item:hover .db-box4-icon { background:url(../image/jianzao-h.png) center center no-repeat; } .dg-box1-item:hover .db-box5-icon { background:url(../image/shuidian-h.png) center center no-repeat; } .dg-box1-item:hover .db-box6-icon { background:url(../image/fangshui-h.png) center center no-repeat; } /* 第三个 */ #gy-box3{ width:100%; display:block; background:url(../image/jxgy-box3-bg.jpg) left top no-repeat; padding-bottom:150px; } .top-titles { width:100%; display:block; background:url(../image/jxgy-box3-top-bg_03.jpg) left top no-repeat; height:200px; background-size:50% 100%; } .top-titles .sm-container{ height:100%; display:block; background:url(../image/jxgy-box3-top-bg_03.jpg) left top no-repeat; box-sizing: border-box; padding-top:40px; padding-bottom:55px; } .sm-titles { font-size:46px; height:46px; line-height:46px; color:#333; width:100%; display:block; text-align:left; } .lg-titles{ font-size:24px; height:24px; line-height:24px; width:100%; display:block; text-align:left; margin-top:25px; } #box2-slider-box { padding:50px 40px 95px 40px; background:#fff; box-sizing: border-box; } .box-slider-content { border:1px solid #ccc; height:505px; width:100%; display:block; box-sizing: border-box; font-size:0px; } .slider-left-box { width:388px; height:100%; display:inline-block; box-sizing: border-box; } .slider-right-box { width:890px; height:100%; display:inline-block; box-sizing: border-box; vertical-align:top; } .slider-left-one { width:100%; height:156px; display:block; border-bottom:1px dashed #ccc; padding:45px 40px; box-sizing: border-box; position: relative; cursor: pointer; } .slider-left-one p{ width:100%; display:block; box-sizing: border-box; } .top-left-title { font-size:24px; height:24px; line-height:24px; color:#000; margin-bottom:15px; letter-spacing: 1px; } .bottom-left-title { font-size:18px; color:#666; height:18px; line-height:18px; padding-left:40px; letter-spacing: 2px; } .slider-left-one:last-child{ border-bottom:none; } .slider-right-one { width:100%; height:100%; display:block; position:relative; } .slider-right-one p{ width:100%; height:100px; display:block; position: absolute; left:0px; bottom:0px; line-height:100px; text-align:center; color:#fff; background:rgba(0,0,0,0.6); font-size:24px; } .slider-left-box .on { background:url(../image/up-triangle.png) 320px center no-repeat; background-size:30px auto; } .slider-left-box .on .top-left-title{ color:#004126; } .displaynone { display:none; } #gy-box4{ margin-top:110px; margin-bottom:85px; } .gy-lc-box1 { position:relative; } .gy-lc-box1 .dg-container { position:absolute; left:0px; top:0px; width:100%; height:100%; display:block; } .sm-box-content p { display:block; letter-spacing: 2px; } .sm-box-content { width:600px; height:100%; display:block; box-sizing: border-box; padding-left:70px; padding-top:70px; } .sm-box-content .number-title { font-size:72px; color:#004126; letter-spacing:3px; font-weight:700; height:72px; line-height:72px; margin-bottom:25px; } .sm-box-content .font-title { color:#004126; font-size:40px; height:40px; line-height:40px; margin-bottom:30px; } .red-line{ width:110px; height:2px; background:#004126; margin-bottom:30px; } .en-title { font-size:21px; color:#004126; line-height:21px; height:21px; text-transform: uppercase; margin-bottom:35px; } .little-info { color:#004126; font-size:21px; letter-spacing: 3px; line-height:34px; max-width:100%; text-transform: uppercase; } .sm-box-content-right { text-align:right; float:right; } .sm-box-content-right .red-line{ /* float:right; */ width:100%; display:block; height:1px; background:none; position:relative; } .sm-box-content-right .red-line::after{ width:110px; height:2px; content:''; background:#004126; display:block; position:absolute; right:0px; top:0px; } /* box6 */ #gy-box6 { padding:80px 0px; } #gy-box6 .sm-container{ font-size:0px; } #box6-content { margin-top:45px; } .box6-one-item { width:334px; margin-right:8px; display:inline-block; height:539px; box-sizing: border-box; border:1px solid #ccc; text-align:center; vertical-align:top; } .box6-one-item:nth-child(4n) { margin-right:0px; } .box-text { position:relative; width:100%; height:193px; display:block; } .box-text-number { width:60px; height:60px; display:block; color:#fff; font-size:32px; line-height:60px; text-align:center; font-weight:400; background:#004126; border-radius:60px; position:absolute; top:-50px; left:137px; } .box6-one-item:nth-child(2n) .box-text-number { top:auto; bottom:-50px; } .text-infos-title { padding-top:45px; text-align:center; } .infos-title { font-size:24px; height:24px; color:#333; line-height:24px; letter-spacing: 2px; font-weight:700; margin-bottom:8px; width:100%; display:block; } .infos-line { width:100%; height:20px; display:block; text-align:center; margin-bottom:8px; } .infos-line span{ width:2px; height:100%; display:block; margin:0 auto; background:#333; } .infos-desc { font-size:18px; color:#333; } /* box7 */ #gy-box7 { background:url(../image/box7-bg-img.jpg) center center no-repeat; padding:80px 0px; margin-bottom:80px; } .box7-top-items { width:100%; display:block; font-size:0px; } .box7-one-item { display:inline-block; text-align:center; letter-spacing: 2px; margin-right:155px; } .box7-top-items .box7-one-item:last-child,.box7-bottom-items .box7-one-item:last-child { margin-right:0px; } .box7-bottom-items .box7-one-item { margin-left:5px; margin-top:10px; } .box7-bottom-items .box7-one-item:first-child { margin-left:155px; } .box7-bottom-items .box7-one-item:last-child { margin-left:23px; } .text-box7 { font-size:21px; color:#fff; line-height:32px; margin-top:10px; text-transform: uppercase; } #gy-box-titles-little { margin-bottom:50px; } #gy-box-titles-little .dg-box1-title { color:#e8bb5a; } #gy-box-titles-little .dg-box1-title span { background:#e8bb5a; } .box7-top-items .box7-one-item:last-child { margin-left:22px; } @media screen and (max-width:1780px) { .gy-lc-box1 .sm-container { width:78%; } .sm-box-content { padding-top:40px; } .sm-box-content .number-title { font-size:50px; height:50px; line-height:50px; } .sm-box-content .font-title { font-size:32px; height:32px; line-height:32px; margin-bottom:20px; } .en-title,.little-info { font-size:17px; } .en-title { margin-bottom:20px; } }