/* 智慧园区安全 解决方案 */ .wisdom_safety { padding: 140px 0 100px; overflow: hidden; } .wisdom_safety h5 { float: left; color: #4e5258; white-space: nowrap; padding: 2% 0; } .wisdom_safety h5 p { margin-top: 10px; } .wisdom_safety div { width: 68%; float: right; padding-left: 5%; border-left: 1px solid #e9e6ec; line-height: 29px; } .wisdom_safety div span { display: block; height: 2px; width: 80px; margin-bottom: 40px; background: #e10033; } /* 方案设计 */ .precept_design { background: #e8ebef; padding: 100px 0 120px; } .precept_design_box { overflow: hidden; background: #90aabf; } .precept_design_box .img { float: left; width: 50%; overflow: hidden; } .precept_design_box div { width: 50%; } .precept_design_box img { float: left; } .precept_design_box div { float: right; color: #fff; } .precept_design_box div h6 { margin: 30px 0 30px 63px; } .precept_design_box div p:nth-child(2) { margin: 0 88px 0 63px; } .precept_design_box div p { margin: 0 88px 0 63px; line-height: 30px; text-align: justify; } /* 方案价值 */ .product_peculiarity_box { color: #fff; } .product_peculiarity_box .product_peculiarity_box_h5 { text-align: center; margin: 110px 0 35px; } .product_peculiarity_box .product_peculiarity_box_p { line-height: 28px; } .product_peculiarity_box ul { overflow: hidden; } .product_peculiarity_box li:last-child { border-right: 0; } .product_peculiarity { position: relative; overflow: hidden; background: url(../images/worth_bg.png) no-repeat center center; background-size: cover; padding-bottom: 30px; } .product_peculiarity_box { /*position: absolute; top: 0; left: 0; right: 0; margin: auto;*/ } .productBg { height: 100%; } .product_peculiarity_box img { display: block; margin: 0 auto; } .product_peculiarity_box li { float: left; width: 33%; } .product_peculiarity_box .product_peculiarity_box_p { margin: 0 auto 120px; text-align: center; } /* 方案价值结束 */ /* 经典客户 */ .clientele { padding: 100px 0 0; } .clientele h5 { margin-bottom: 70px; text-align: center; } .clientele ul { overflow: hidden; } .clientele ul li { float: left; width: 20%; margin-bottom: 60px; } .clientele ul li img { width: 80%; display: block; margin: auto; } @media screen and (min-width: 1440px) { .area { width: 1440px; margin: 0 auto; } /* 经典客户 */ .clientele ul li img { width: 50%; display: block; margin: auto; } /* 方案设计 */ .wisdom_safety h5 { width: 25%; line-height: 1.3; white-space: nowrap; } /* 方案价值 */ .product_peculiarity { position: relative; height: 660px; } .product_peculiarity .productBg { width: 100%; float: right; } .product_peculiarity_box li { border-right: 1px solid #6290bd; } .product_peculiarity_box img { height: 92px; margin-bottom: 50px; } .product_peculiarity_box ul li h5 { margin: 47px 0 27px; text-align: center; } .product_peculiarity_box ul li p { width: 305px; margin: 0 auto; padding-bottom: 40px; line-height: 25px; text-align: justify; } .product_peculiarity_box .product_peculiarity_box_p { width: 887px; } /* 方案价值结束 */ } @media screen and (min-width: 1024px) and (max-width: 1440px) { .area { width: 86%; margin: 0 auto; } /* 方案设计 */ .wisdom_safety h5 { width: 20%; } .precept_design_box div h6 { margin: 18px 30px 13px 30px; } .precept_design_box div p:nth-child(2) { margin: 0 30px 10px 30px; } .precept_design_box div p { margin: 0 30px 0 30px; line-height: 20px; } /* 方案价值 */ .product_peculiarity .productBg { float: right; } .product_peculiarity_box li { border-right: 1px solid #6290bd; } .product_peculiarity_box img { height: 92px; margin-bottom: 50px; } .product_peculiarity_box ul li h5 { margin: 47px 0 27px; text-align: center; } .product_peculiarity_box ul li p { width: 305px; margin: 0 auto; padding-bottom: 40px; line-height: 25px; text-align: center; } .product_peculiarity_box .product_peculiarity_box_p { width: 887px; } /* 方案价值结束 */ } @media screen and (min-width: 1200px) and (max-width: 1440px) { /* 方案设计 */ .precept_design_box div h6 { margin: 26px 30px 29px 30px; } .precept_design_box div p { line-height: 24px; } } @media screen and (max-width: 1024px) { .wisdom_safety h5 { padding: 0; } /* 经典客户 */ .clientele ul li { float: left; width: 33.3%; margin-bottom: 15px; } .clientele { padding: 30px 0 30px; } .clientele h5 { margin-bottom: 35px; } /* 方案设计 */ .precept_design { padding: 0; } .precept_design_box div p:nth-child(2), .precept_design_box div p { margin: 0 31px 15px 31px; } .precept_design_box .img, .precept_design_box div { width: 100%; } .precept_design_box .img img { width: 100%; } .precept_design_box div h6 { margin: 25px 31px 15px 31px; } /* */ .wisdom_safety div span { margin-bottom: 20px; } .wisdom_safety div { width: 80%; float: left; padding-left: 20px; margin-left: 30px; } .wisdom_safety h5 { margin-bottom: 15px; padding-left: 31px; } .wisdom_safety { padding: 40px 0 10px; } /* 方案价值 */ .product_peculiarity { overflow: hidden; /*height: 590px;*/ } .productBg { float: left; } .product_peculiarity_box li { width: 90%; border-left: 1px solid #6290bd; margin-top: 20px; margin-left: 5%; } .product_peculiarity_box .product_peculiarity_box_h5 { margin: 40px 0 30px; } .product_peculiarity_box ul li img { float: left; width: 15%; margin: 0 0 0 3%; } .product_peculiarity_box ul li p { width: 76%; float: right; line-height: 20px; } .product_peculiarity_box .product_peculiarity_box_p { width: 80%; margin: 0 auto 35px; } /* 方案价值结束 */ }