.introduction_title { overflow: hidden; margin: 32px auto 0; } .introduction_title li { display: inline-block; width: 219px; padding-bottom: 26px; /* font-size: 22px; */ line-height: 36px; } .introduction_title li img { width: 38px; margin-right: 18px; } .introduction_title .on { border-bottom: 4px solid #e10033; color: #e10033; } .introduction_title .on a { color: #e10033; } .introduction_new_content li { display: none; } .introduction_new_content li:nth-child(1) { display: block; } .product_details h5 { margin-bottom: 31px; } .product_details p { color: #797f86; margin-bottom: 30px; line-height: 1.5; } .product_details span { display: block; width: 157px; height: 38px; text-align: center; line-height: 38px; color: #fff; background: #e10033; margin-top: 60px; cursor: pointer; transition: all 0.5s; } .product_details span:hover { background-color: #b81c25; } .product_details { background: #f5f7f9; padding: 128px 0 180px; } .product_add { overflow: hidden; } /* 产品特性 */ .product_peculiarity_box { color: #fff; } .product_peculiarity_box .product_peculiarity_box_h5 { text-align: center; margin: 100px 0 90px; } .product_peculiarity_box ul { overflow: hidden; } .product_peculiarity_box li { height: 328px; } .product_peculiarity_box li:last-child { border-right: 0; } .product_peculiarity { position: relative; } .product_peculiarity_box { position: absolute; top: 0; left: 0; right: 0; margin: auto; } .productBg { height: 100%; } .product_peculiarity_box img { display: block; height: 92px; margin: 0 auto; } .product_peculiarity_box ul li h5 { margin: 47px 0 27px; text-align: center; } .product_peculiarity_box ul li p { margin: 0 55px 0 66px; line-height: 25px; text-align: justify; } .introduction_title a { display: block; height: 100%; color: #000; } /* 功能列表 */ .details_function_list { overflow: hidden; } .details_function_list h5 { margin: 118px 0 63px; text-align: center; } .details_function_list div { width: 315px; height: 103px; text-align: center; line-height: 102px; background: #dde6ed; border-bottom: 1px solid #fff; } .details_function_list li { overflow: hidden; } .details_function_list p { font-size: 18px; vertical-align: middle; border: 1px solid #dadfe3; position: relative; float: right; width: calc(100% - 315px); box-sizing: border-box; } .details_function_list p span { display: block; margin: auto 80px; color: #7a8087; line-height: 25px; } /* 典型部署 */ .details_deploy { } .details_deploy h5 { text-align: center; margin: 100px 0 60px; } .details_deploy img { display: block; margin-bottom: 106px; } @media screen and (min-width: 1440px) { .area { width: 1440px; margin: 0 auto; } .introduction_title { width: 1156px; } .product_bg img { margin-top: 47px; } .product_add .product_content, .product_add .product_bg { float: left; width: 49%; } /* 产品特性 */ .product_peculiarity { position: relative; height: 660px; } .product_peculiarity .productBg { width: 100%; } .product_peculiarity_box li { float: left; width: 355px; border-right: 1px solid #5c6f9e; } .introduction_title li { padding-right: 66px; } .details_function_list p { width: 1120px; } .details_function_list div, .details_function_list p { float: left; } .details_function_list p { height: 102px; } .details_function_list p span { position: absolute; top: 50%; padding: 10px 0; transform: translate(0, -50%); } .introduction_title li img { margin-left: 75px; } } @media screen and (min-width: 1024px) and (max-width: 1440px) { .area { width: 100%; } .product_add .product_content, .product_add .product_bg { float: left; width: 49%; } .product_bg img { width: 85%; } .product_bg img { margin-top: 47px; } .introduction_title li { float: left; width: 25%; } .product_peculiarity_box li { float: left; width: 24%; border-right: 1px solid #5c6f9e; } .productBg { width: 100%; height: 660px; } .details_function_list div { width: 30%; } .details_function_list p { width: 69%; } .details_function_list p span { height: 70px; } .details_function_list div, .details_function_list p { float: left; } .details_function_list p { height: 102px; } .details_function_list p span { position: absolute; top: 0; bottom: 0; } .introduction_title li img { margin-left: 75px; } } @media screen and (max-width: 1024px) { .product_add { margin: 0 2em; } .product_bg img { width: 100%; } .product_bg { margin-bottom: 30px; } /* 产品特性 */ .product_peculiarity { overflow: hidden; height: 1600px; } .product_peculiarity_box li { border-top: 1px solid #5c6f9e; padding-top: 24px; margin-top: 20px; } .introduction_title li { margin-bottom: 10px; } .details_function_list div { width: 100%; } .details_function_list p { width: 100%; box-sizing: border-box; } .details_function_list p span { margin: 10px 80px; } .details_deploy img { width: 100%; } .details_function_list p span { margin: 10px 29px; } .introduction_title li { display: block; margin: 0 auto; padding: 0 0 26px; width: 25%; float: left; text-align: center; } .product_details { padding: 40px 0 60px; } .product_peculiarity_box .product_peculiarity_box_h5 { margin: 40px 0 30px; } .details_function_list h5 { margin: 40px 0 30px; } .details_deploy h5 { margin: 40px 0 30px; } .details_function_list div { height: 70px; line-height: 70px; } /* #product_list { margin: 0; } */ } @media screen and (max-width: 768px) { .introduction_title li img { display: none; } .introduction_title li { padding-bottom: 10px; } }