.consequence { padding:40px 0; } .consequence .cont { background:url("../../image/wiring/contrast-back1.jpg") no-repeat center center; height:570px; } .consequence .cont > div { /* display:inline-block; */ width:50%; float:right; } .consequence .cont > div .title { font-size:24px; color:#000; text-align:center; line-height:60px; } .consequence .cont > div .title em { font-size:30px; color:#0065d0; } .consequence .cont > div:first-child { float:left; } .consequence .inners { width:363px; margin:auto; margin-top:65px; } .consequence .inner2s { width:530px; margin:auto; margin-top:40px; } .consequence .inner2s .inner{ padding: 14px !important; padding-right: 80px !important; width: 570px; } .inner2s .inner img{ width: 120px; height: 80px; float: left; } .inner2s .inner span{ width: 300px; float: left; margin-left: 15px; margin-top: 15px; } .inner2s .inner:after{ content: ''; display: block; clear: both; } .consequence .inners .inner { padding:26px 12px; padding-right:110px; line-height:25px; font-size:14px; color:#333333; } .consequence .inners .inner em { font-weight:bold; color:#000; } .consequence .cont > div:first-child .inners .inner { padding-left:20px; padding-right:12px; color:#fff; } .consequence .cont > div:first-child .inners .inner span { display:block; color:#fff21c; font-weight:bold; } .advantage-bar { height:174px; text-align:center; position:relative; overflow:hidden; } .advantage-bar:before { position:absolute; top:0; left:50%; margin-left:-960px; content:''; display:inline-block; width:1920px; height:174px; background:url("../../image/wiring/advantage-bar.jpg") no-repeat center center; background-size:100%; } .advantage-bar .title, .advantage-bar .des { display:inline-block; position:relative; z-index:2; } .advantage-bar .title { line-height:120px; color:#fff; font-size:48px; font-weight: bold; } .advantage-bar .title em { font-size:78px; color:#ffa200; } .advantage-bar .des { padding-left:15px; text-align:left; font-size:18px; color:#fff; line-height:26px; /* padding-top:5px; */ } .advantage-bar .des span { display:block; font-size:27px; font-style:italic; } .advantage { background:url("../../image/wiring/advantage-back.jpg") no-repeat center center; background-size:1920px; } .advantage .item { /* padding:48px 0; */ overflow:hidden; } .advantage .info { padding-top: 48px; display:inline-block; width:50%; padding-left:95px; } .advantage .info .title { padding-left:56px; position:relative; font-size:26px; color:#010101; font-weight:bold; /* height:119px; */ } .advantage .info .title:before { content:''; display:inline-block; position:absolute; height: 119px; width:125px; left:-88px; top:50%; margin-top:-60px; background:url("../../image/wiring/title-round1.png") no-repeat center center; background-size:100%; } .advantage .item2 .info .title:before { background:url("../../image/wiring/title-round2.png") no-repeat center center; background-size:100%; } .advantage .item3 .info .title:before { background:url("../../image/wiring/title-round3.png") no-repeat center center; background-size:100%; } .advantage .info .title span { display:block; font-size:22px; color:#010101; font-weight:normal; line-height:1.4; } .advantage .info .inner { padding-top:5px; } .advantage .info .inner > div { line-height:48px; font-size:16px; color:#000000; position:relative; } .advantage .info .inner > div:before { display:inline-block; content:''; position:absolute; top:50%; width:20px; height:14px; left:-25px; margin-top:-7px; background:url("../../image/wiring/icon-arrow.png") no-repeat center center; background-size:20px; } .advantage .info .inner p { display:inline-block; border-bottom:2px dashed #535354; } .advantage .info .inner p em { color:#ff7f00; } .advantage .view-img { float:right; } .advantage .item2 .view-img { float: left; } .major-bar { height:126px; overflow:hidden; } .major-bar img { width:1920px; height:126px; position:relative; /*left:50%; margin-left:-960px;*/ } .heap-box { padding:0 18px; } .heap-box .head { padding:22px 0; text-align:center; } .heap-box .head .title { display:inline-block; position: relative; font-weight:bold; font-size:30px; color:#000; } .heap-box .head .title:before, .heap-box .head .title:after { display:inline-block; content:''; width:70px; height:4px; position:absolute; top:50%; margin-top:-2px; background:url("../../image/wiring/title-icon.jpg") no-repeat center center; } .heap-box .head .title:before { left:-100px; } .heap-box .head .title:after { right:-100px; } .heap-box .head .title em { font-size:36px; color:#ffa426; } .heap-box .head .des { font-size:20px; color:#004f8f; } .heap-box .cont { border:1px solid #d9d9d9; border-top:none; margin-bottom:20px; } .heap-box .cont .seg { font-size:0; letter-spacing: -3px; height:50px; background:#f1f1f1; box-shadow: 0 3px 3px #999; -webkit-box-shadow: 0 3px 3px #999; background: linear-gradient(90deg, #f6f6f6, #efefef); background: -webkit-linear-gradient(90deg, #f6f6f6, #efefef); background: -moz-linear-gradient(90deg, #f6f6f6, #efefef); background: -o-linear-gradient(90deg, #f6f6f6, #efefef); } .heap-box .cont .seg > a { display:inline-block; min-width:20%; text-align:center; height:50px; line-height:50px; font-size:20px; background:#f1f1f1; background: linear-gradient(90deg, #f6f6f6, #efefef); background: -webkit-linear-gradient(90deg, #f6f6f6, #efefef); background: -moz-linear-gradient(90deg, #f6f6f6, #efefef); background: -o-linear-gradient(90deg, #f6f6f6, #efefef); color:#000; letter-spacing: 0; } .heap-box .cont .seg > a.active { background:#004f8f; color:#fff; } .heap-box .cont .panner { padding:22px 20px; } .case .case-list { display:none; /* padding-bottom:20px; */ font-size:0; letter-spacing: -3px; } .case .case-list.active { display:block; } .case .case-list > div { font-size:14px; letter-spacing: 0; display:inline-block; width:320px; margin-left:30px; } .case .case-list > div:first-child { margin-left:0; } /* .case .case-list > div */ .case .case-list .view-img { display:inline-block; width:100%; height:200px; } .case .case-list .view-img img { width:100%; height:100%; } .case .case-list .des { line-height:32px; font-size:14px; color:#ff7e00; text-align:center; } .case .case-list .info { padding:5px 0; } .case .case-list .info p { font-size:14px; color:#666666; line-height:25px; margin-top:10px; } .case .case-list .info p:first-child { margin-top:0; } .case .case-list .info p em { color:#000; } .case .case-list .info p em:before { content:'銆?; } .case .case-list .info p em:after { content:'銆?; } .detail .head .small { font-size:20px; color:#004f8f; font-weight:bold; } .detail .cont { border:none; } .detail .flow { font-size:0; letter-spacing: -3px; } .detail .flow .item { vertical-align: top; display:inline-block; font-size:14px; letter-spacing: 0; width:180px; margin-left:39px; } .detail .flow .item:first-child { margin-left:0; } .detail .flow .title { position: relative; padding-left:19px; font-size:16px; line-height:28px; font-weight:bold; color:#000; } .detail .flow .title span { display:block; font-size:12px; font-weight:normal; } .detail .flow .title:after, .detail .flow .title:before { display:inline-block; width:50%; position: absolute; bottom:0; height:2px; content:''; } .detail .flow .title:after { right:0; background-color:#1a4e73; } .detail .flow .title:before { left:0; background-color:#ff9c00; } .detail .flow .index { padding-left:19px; font-size:76px; color:#e6e6e6; line-height:95px; font-weight: bold; position:relative; } .detail .flow .index:after { display:inline-block; width:100%; content:''; left:0; height: 50%; /* background-color:#fff; */ /* opacity: .5; */ background:url("../../image/wiring/index-back.png") no-repeat center center; position:absolute; bottom:0; } .detail .flow .item.active .title { color:#005397; } .detail .flow .item.active .index { color:#005397; } .detail .detail-swiper { padding: 10px 0; height: 262px; width: 844px; margin: auto; position: relative; } .swipe-wrapper { position:relative; width:744px; margin:auto; height:242px; } .detail-swiper .swipe-slide { position:absolute; width:100%; height:100%; left:0; top:0; display:none; } .detail-swiper .swipe-slide.active { display:block; } .detail .detail-swiper .img-c { border:2px solid #004f8f; padding:12px 14px; font-size:0; letter-spacing: -3px; width:744px; margin:auto; height:242px; } .detail .detail-swiper .img-c .view-img { position: relative; display:inline-block; width:350px; margin-left:12px; height:207px; font-size:14px; letter-spacing: 0; } .detail .detail-swiper .img-c .view-img:first-child { margin-left:0; } .detail .detail-swiper .img-c .view-img .des { position:absolute; bottom:0; left:0; width:100%; height:70px; padding:10px 10px; line-height:25px; color:#fff; font-size: 14px; /* background:#000; */ } .detail .detail-swiper .img-c .view-img .des:before { display:block; width:100%; height:100%; content:''; position: absolute; bottom:0; left:0; background:#000; opacity: .8; } .detail .detail-swiper .view-img .des span { position:relative; z-index:2; } .detail .detail-swiper .img-c .view-img img { width:100%; height:100%; } .detail .detail-swiper .prev, .detail .detail-swiper .next { width: 24px; height: 44px; margin-top: -22px; display: inline-block; top: 50%; position: absolute; } .detail .detail-swiper .prev { background:url("../../image/wiring/swiper-prev.png") no-repeat center center; background-size:24px; left: 5px; } .detail .detail-swiper .next { background: url(../../image/wiring/swiper-next.png) no-repeat center center; background-size: 24px; right: 5px; } .construct-bar { position:relative; height:160px; width:100%; overflow:hidden; } .construct-bar img { position:absolute; left:50%; margin-left:-960px; width:1920px; height:160px; } .construct-bar .wrap { position: relative; z-index:1; } .construct-bar .call { display:inline-block; position:absolute; top:50px; right:250px; } .construct-bar .phone-c { position:relative; padding-left:36px; } .construct-bar .phone-c:after { content:''; display:inline-block; width:27px; height:27px; position:absolute; left:0; top:50%; margin-top:-12px; background:url("../../image/home/icon-phone.png") no-repeat center left; background-size:27px; } .construct-bar .phone-c .inner { line-height:1; color:#fff; } .construct-bar .phone-c .inner .phone { display:block; line-height:36px; font-size:18px; } .construct-bar .btns { text-align:center; /* height:32px; */ } .construct-bar .btns .btn { position: relative; display:inline-block; width:137px; /* overflow:hidden; */ border:0; padding:0; padding-left:40px; line-height:32px; text-align:center; background:#fff; font-size:14px; color:#000000; } .construct-bar .btns .btn:before { content:''; display:inline-block; width:40px; height:32px; position:absolute; left:0; top:0; background:url("../../image/home/icon-concat.jpg") no-repeat center center; background-size:auto; } .standard { padding-bottom:20px; } .standard .show { width:100%; overflow:hidden; margin-bottom:50px; height:320px; /* background:url("../../image/wiring/guifan-back.jpg") no-repeat center center; */ } .standard .left-hover { } .standard .l-h-w { position:relative; overflow:hidden; font-size:0; letter-spacing: -3px; height:100%; width:1278px; } .standard .l-h-w .item { display:inline-block; width:426px; height:100%; position:relative; /* left:213px; */ font-size:0; letter-spacing: -3px; margin-right:-213px; transition:all .5s ease; -webkit-transition: all .5s ease; transition-delay: .15s; -webkit-transition-delay: .15s; cursor: pointer; } .standard .l-h-w .item:hover { margin-right:-0; } .standard .l-h-w .item .view-img, .standard .l-h-w .item .info { letter-spacing: 0; font-size:14px; vertical-align: top; } .standard .l-h-w .item .view-img { display:inline-block; width:213px; height:100%; overflow:hidden; } .standard .l-h-w .item .view-img img { width:100%; min-height:100%; } .standard .l-h-w .info { display:inline-block; position:relative; width:213px; height:100%; /* left:213px; */ padding:50px 16px; background-color:#f5f5f5; position: relative; } .standard .l-h-w .info:before { position: absolute; top:50%; left:-18px; width:18px; height:40px; content:''; background:url("../../image/wiring/l-h-arrow.png") no-repeat center center; background-size:100%; /* z-index:1; */ margin-top: -20px; display:inline-block; } .standard .l-h-w .info .tit { font-size:20px; color:#000; } .standard .l-h-w .info p.inner { font-size:14px; line-height:28px; color:#000; } .standard .l-h-w .info .btns { margin-top:65px; text-align:center; } .standard .l-h-w .info .btns .btn { padding:0 20px; line-height:38px; height:38px; color:#fff; font-size:16px; } .standard .left-move .l-h-w .item { /* transition:none; */ left:0; } .standard .left-move .l-h-w .item:hover { /* left:0; margin-left:0; */ margin-right:-213px; } .standard .left-move .l-h-w .item .info:before { opacity: 0; } .standard .left-move .l-h-w .item.active { margin-right:0; } .standard .left-move .l-h-w .item.active .info:before { opacity: 1; } .standard .panner { overflow:hidden; } .standard .seg .active { width:auto; padding:0 20px; } .standard .question-list { /* padding-top:22px; */ width:1098px; font-size:0; letter-spacing: -3px; } .standard .question-list .item { font-size:14px; letter-spacing: 0; display:inline-block; margin:22px 0; width:290px; margin-right:76px; } .standard .question-list .item p { padding-left:40px; position: relative; line-height:20px; font-size:14px; color:#000000; } .standard .question-list .item p.q { margin-bottom:17px; } .standard .question-list .item p.a { color:#666666; } .standard .question-list .item p:before { display:inline-block; font-size:14px; color:#fff; text-align:center; line-height:20px; width:20px; height:20px; position:absolute; top:0; left:0; } .standard .question-list .item .q:before { content:'Q'; background-color:#084f91; } .standard .question-list .item .a:before { content:'A'; background-color:#ffa200; } .standard .head .small { font-size:20px; color:#004f8f; font-weight:bold; }