/*二级菜单特殊*/ .snav a:last-child{display:none;} @media screen and (max-width: 768px){ .snav a:last-child{display:block;} } /*通用大标题*/ .bigt{text-align:center} .bigt h1{font-size:36px;color:#162c8a} .bigt h1 span{color: #e50203;} .bigt h2{padding:12px 0;font-size:18px;color:#3b3b3b} @media screen and (max-width: 768px){ .bigt h1{font-size:20px} .bigt h2{padding:8px 0;font-size:16px} } /*案参参考*/ .case{padding:20px 0;background:url(../images/s_bg.jpg)} .case p{text-align:center} @media screen and (max-width: 768px){ .case{padding:10px 0} .case p{padding: 0 2%;} } /*面临问题*/ .problem{ padding: 20px 0; background:#fff7dd } .problem ul{margin-top:32px;overflow:hidden} .problem ul em{position:absolute;background:url(../images/not.png) no-repeat;display:block;width:93px;height:93px;top:50%;left:50%;margin:-46px 0 0 -46px} .problem ul #big{margin-right:-10px} .problem ul li{float:left;width:590px;margin:0 10px 8px 0} .problem ul li .img{ width: 148px; height: 148px; } .problem ul li:nth-child(1) .img{float:right;background:#1cbc90;margin-left:12px} .problem ul li:nth-child(2) .img{float:left;background:#f07e66;margin-right:12px} .problem ul li:nth-child(3) .img{float:right;background:#f65c66;margin-left:12px} .problem ul li:nth-child(4) .img{float:left;background:#27c8c3;margin-right:12px} .problem ul li .img i{display:table-cell;text-align:center;vertical-align:middle;width:148px;height:148px} .problem ul li .intro{padding:15px 0 0 0;width:430px} .problem ul li:nth-child(1) .intro,.problem ul li:nth-child(3) .intro{float:left} .problem ul li:nth-child(2) .intro,.problem ul li:nth-child(4) .intro{float:right} .problem ul li:nth-child(1) p, .problem ul li:nth-child(1) h3, .problem ul li:nth-child(3) p, .problem ul li:nth-child(3) h3 {text-align:right} .problem ul li .intro p span{display:inline-block;width:29px;height:29px;text-align:center;line-height:29px;border-radius:50%;font-size:18px;font-weight:700;color:#fff} .problem ul li:nth-child(1) p span{background:#1cbc90} .problem ul li:nth-child(2) p span{background:#f07e66} .problem ul li:nth-child(3) p span{background:#f65c66} .problem ul li:nth-child(4) p span{background:#27c8c3} .problem ul li .intro h3{padding:12px 0 0 0;font-size:20px;font-weight:700;color:#3b3b3b} .problem ul li .intro h4{padding:12px 0;height:42px;font-size:16px;color:#514f4f;text-align:justify} @media screen and (max-width: 768px){ .problem{padding:10px 0} .problem ul{margin-top:16px} .problem ul em{display:none} .problem ul #big{margin-right:0;padding:0 2%} .problem ul li{float:none;width:100%;margin:0 0 16px 0} .problem ul li .img{width:100px;height:100px} .problem ul li:nth-child(1) .img{float:left;background:#1cbc90;margin-right:12px;margin-left:0} .problem ul li:nth-child(2) .img{float:left;background:#f07e66;margin-right:12px;margin-left:0} .problem ul li:nth-child(3) .img{float:left;background:#f65c66;margin-right:12px;margin-left:0} .problem ul li:nth-child(4) .img{float:left;background:#27c8c3;margin-right:12px;margin-left:0} .problem ul li .img i{display:table-cell;text-align:center;vertical-align:middle;width:100px;height:100px} .problem ul li .img i img{width:40%;height:auto} .problem ul li .intro{padding:3px 0 0 0;width:auto} .problem ul li:nth-child(1) .intro,.problem ul li:nth-child(3) .intro{float:none} .problem ul li:nth-child(2) .intro,.problem ul li:nth-child(4) .intro{float:none} .problem ul li:nth-child(1) h3,.problem ul li:nth-child(1) p,.problem ul li:nth-child(3) h3,.problem ul li:nth-child(3) p{text-align:left} .problem ul li .intro p span{display:inline-block;width:16px;height:16px;text-align:center;line-height:16px;border-radius:50%;font-size:14px;font-weight:700;color:#fff} .problem ul li:nth-child(1) p span{background:#1cbc90} .problem ul li:nth-child(2) p span{background:#f07e66} .problem ul li:nth-child(3) p span{background:#f65c66} .problem ul li:nth-child(4) p span{background:#27c8c3} .problem ul li .intro h3{padding:6px 0 0 0;font-size:16px;font-weight:700;color:#3b3b3b} .problem ul li .intro h4{padding:6px 0;height:auto;font-size:14px;color:#514f4f;text-align:left} } /*四大理由*/ .reason{padding:40px 0;background:url(../images/fre.jpg)} .reason ul{margin-top:70px;background:url(../images/sdly.png) no-repeat center top;min-height:487px;overflow:hidden} .reason ul #big{margin-right:-290px} .reason ul li{float:left;width:448px;margin:0 290px 0 0} .reason ul li p{padding:20px 0;font-size:16px;line-height:30px} .reason ul li .fl{float:left;margin-right:7px} .reason ul li .fr{float:right;margin-left:7px} .reason ul li:nth-child(3),.reason ul li:nth-child(4){margin-top:166px} @media screen and (max-width: 768px){ .reason{padding:20px 0} .reason ul{margin-top:12px;background:0 0;min-height:auto;overflow:hidden} .reason ul #big{margin-right:0;padding:0 2%} .reason ul li{float:none;width:auto;min-height:90px;margin:0 0 18px 0} .reason ul li p{padding:0;font-size:14px} .reason ul li .fl{width:90px;height:auto;float:left;margin-right:10px} .reason ul li .fr{width:90px;height:auto;float:right;margin-left:10px} .reason ul li:nth-child(3),.reason ul li:nth-child(4){margin-top:0} } /*定制流程*/ .dzlc{padding:40px 0;background:#e9fafe} .dzlc ul{margin-top:28px} .dzlc ul li{float:left;width:25%;text-align:center} .dzlc ul li h3{padding:16px 0;font-size:20px;font-weight:700} .dzlc ul li p{font-size:15px;padding:0 10%;color:#545353} @media screen and (max-width: 768px){ .dzlc{padding:20px 0} .dzlc ul{margin-top:14px} .dzlc ul li{width:50%;margin-bottom:16px} .dzlc ul li img{width:60%;height:auto} .dzlc ul li h3{padding:10px 0;font-size:18px} .dzlc ul li p{font-size:14px;padding:0 10%;color:#545353} }