.production-item-logo { width: 28px; height: 28px; font-size: 22px; margin-right: 6px; } .commonFour-item-image { height: 112px; display: flex; align-items: center; } .commonFour-item .commonFour-item-title { color: #fff; margin-bottom: 0; font-size: 22px; } .production-item-bk-1 { background-image: url('/static/images/common_new/img_core products_1.png'); } .production-item-bk-1 .production-item-logo { background-image: url('/static/images/common_new/ic_core products_1.png'); } .production-item-bk-2 { background-image: url('/static/images/common_new/img_core products_2.png'); } .production-item-bk-2 .production-item-logo { background-image: url('/static/images/common_new/ic_core products_2.png'); } .production-item-bk-3 { background-image: url('/static/images/common_new/img_core products_3.png'); } .production-item-bk-3 .production-item-logo { background-image: url('/static/images/common_new/ic_core products_3.png'); } .production-item-bk-4 { background-image: url('/static/images/common_new/img_core products_4.png'); } .production-item-bk-4 .production-item-logo { background-image: url('/static/images/common_new/ic_core products_4.png'); } .production-item-bk-5 { background-image: url('/static/images/common_new/img_core products_5.png'); } .production-item-bk-5 .production-item-logo { background-image: url('/static/images/common_new/ic_core products_5.png'); } .production-item-bk-6 { background-image: url('/static/images/common_new/img_core products_6.png'); } .production-item-bk-6 .production-item-logo { background-image: url('/static/images/common_new/ic_core products_6.png'); } .production-item-bk-7 { background-image: url('/static/images/common_new/img_core products_7.png'); } .production-item-bk-7 .production-item-logo { background-image: url('/static/images/common_new/ic_core products_7.png'); } .production-item-bk-8 { background-image: url('/static/images/common_new/img_core products_8.png'); } .production-item-bk-8 .production-item-logo { background-image: url('/static/images/common_new/ic_core products_8.png'); } .production-item-bk-9 { background-image: url('/static/images/common_new/img_core products_9.png'); } .production-item-bk-9 .production-item-logo { background-image: url('/static/images/common_new/ic_core products_9.png'); } .home_content .production-item-title { font-size: 16px; margin-top: 15px; margin-bottom: 8px; color: #4A4A4A; font-weight: 600; } .home_content .production-item-comtent { padding: 0 35px 0; } .home_content .production-item-desc { font-size: 14px; color: #878787; text-align: justify; line-height: 22px; } /* 行业解决方案 */ .home_content .icon-more { display: inline-block; margin-left: 4px; width: 20px; height: 20px; } .solution-sub-title { display: flex; align-items: center; justify-content: center; } .solution-sub-title a { color: #0054C7; } .solution { display: flex; flex-wrap: wrap; width: 100%; margin: 0 auto; overflow: hidden; } .solution-column { flex: 1; position: relative; transition: all .5s; } .solution-column:hover { /* flex: 2; */ } .solution-item { display: block; background: #1241A8; color: #fff; height: 165px; padding: 0 22px; border-right: 1px solid rgba(255,255,255,0.33); border-bottom: 1px solid rgba(255,255,255,0.33); position: relative; } .index_banner .content-containner { position: absolute; transform: translateX(-50%); z-index: 1; width: 100%; height: 100%; top: 120px; left: 50%; } .solution-mask-item-more { width: 48%; display: inline-block; margin-bottom: 12px; } .solution-item-1 .solution-item-mask { background-image: url(/static/images/common_new/solution-1.png); } .solution-item-2 .solution-item-mask { background-image: url(/static/images/common_new/solution-2.png); } .solution-item-3 .solution-item-mask { background-image: url(/static/images/common_new/solution-3.png); } .solution-item-4 .solution-item-mask { background-image: url(/static/images/common_new/solution-4.png); } .solution-item-5 .solution-item-mask { background-image: url(/static/images/common_new/solution-5.png); } .solution-item-6 .solution-item-mask { background-image: url(/static/images/common_new/solution-6.png); } .solution-item-7 .solution-item-mask { background-image: url(/static/images/common_new/solution-7.png); } .solution-item-8 .solution-item-mask { background-image: url(/static/images/common_new/solution-8.png); } .solution-item-mask { background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url(/static/images/common_new/solution-13.png); } .solution-item:hover .solution-item-mask { opacity: 1; z-index: 1; } .solution-item:hover .solution-mask-image { opacity: 1; } .solution-item-title { margin-bottom: 19px; line-height: 25px; font-size: 18px; padding-top: 28px; } .solution-item-icon { width: 26px; height: 26px; background-position: center; background-size: 100%; background-repeat: no-repeat; left: 22px; } .solution-item-icon-1 { background-image: url('/static//images/common_new/ic_1.png'); } .solution-item-icon-2 { background-image: url('/static//images/common_new/ic_2.png'); } .solution-item-icon-3 { background-image: url('/static//images/common_new/ic_3.png'); } .solution-item-icon-4 { background-image: url('/static//images/common_new/ic_4.png'); } .solution-item-icon-5 { background-image: url('/static//images/common_new/ic_5.png'); } .solution-item-icon-6 { background-image: url('/static//images/common_new/ic_6.png'); } .solution-item-icon-7 { background-image: url('/static//images/common_new/ic_7.png'); } .solution-item-icon-8 { background-image: url('/static//images/common_new/ic_8.png'); } .solution-item-icon-9 { background-image: url('/static//images/common_new/ic_9.png'); } .solution-item-icon-10 { background-image: url('/static//images/common_new/ic_10.png'); } .solution-item-icon-11 { background-image: url('/static//images/common_new/ic_11.png'); } .solution-item-icon-12 { background-image: url('/static//images/common_new/ic_12.png'); } .solution-item-icon-13 { background-image: url('/static//images/common_new/ic_13.png'); } .solution-item-icon-14 { background-image: url('/static//images/common_new/ic_14.png'); } .solution-item-mask { position: absolute; height: 330px; /* background: linear-gradient(to right bottom, #338FF5, #1C50D6); */ z-index: -1; width: 0; left: 0; top: 0; padding: 36px 30px; width: 100%; opacity: 0; } .solution-item-mask:hover { z-index: 1; } .solution-mask-title { font-size: 20px; margin-bottom: 16px; } .solution-mask-desc { font-size: 14px; line-height: 22px; width: 200px; margin-bottom: 58px; } .solution-mask-more { font-size: 14px; position: absolute; bottom: 42px; left: 32px; } .solution-mask-image { width: 152px; height: 226px; background: rgb(170, 255, 153); position: absolute; bottom: -16px; right: 0; opacity: 0; transition: all 1s ease-in-out; } .solution-column .solution-item:nth-child(2) .solution-item-mask { bottom: 0; top: unset; } .star { display: flex; justify-content: space-between; } .star-item { flex: 1; padding: 30px 40px; background: #FFFFFF; box-shadow: 1px 2px 17px -8px rgba(186,186,186,0.95); border-radius: 3px; margin-left: 10px; position: relative; transform: scale(1); transition: all .2s; } .star-item-more div { color: #0054C7; } .star-item:hover { z-index: 1; transform: scale(1.05); } .star-item:nth-child(1) { margin-left: 0; } .star-item-info { margin-bottom: 15px; display: flex; align-items: center; } .star-item-logo { width: 60px; height: 60px; border-radius: 8px; margin-right: 15px; background-position: center; background-size: 100%; background-repeat: no-repeat; } .star-item-logo-cc { background-image: url('/static/images/common_new/product_cc.png'); } .star-item-logo-cs { background-image: url('/static/images/common_new/product_cs.png'); } .star-item-logo-qxb { background-image: url('/static/images/common_new/product_qxb.png'); } .star-item-name { font-size: 24px; color: #4A4A4A; } .star-item-desc { margin-bottom: 30px; font-size: 14px; color: #4A4A4A; } .customer { display: flex; flex-wrap: wrap; border-top: 1px solid #f8f8f8; border-left: 1px solid #f8f8f8; padding: 0 !important; } .customer-item { height: 115px; flex: 1; border-right: 1px solid #f8f8f8; border-bottom: 1px solid #f8f8f8; display: flex; justify-content: center; align-items: center; } .customer-item-logo { background-repeat: no-repeat; background-position: center; width: 100%; max-width: 150px; height: 114px; } .customer-item-logo-1 { background-image: url(/static/images/common_new/index_kehu_01.png); } .customer-item-logo-2 { background-image: url(/static/images/common_new/index_kehu_02.png); } .customer-item-logo-3 { background-image: url(/static/images/common_new/index_kehu_03.png); } .customer-item-logo-4 { background-image: url(/static/images/common_new/index_kehu_04.png); } .customer-item-logo-5 { background-image: url(/static/images/common_new/index_kehu_05.png); } .customer-item-logo-6 { background-image: url(/static/images/common_new/index_kehu_06.png); } .customer-item-logo-7 { background-image: url(/static/images/common_new/index_kehu_07.png); } .customer-item-logo-8 { background-image: url(/static/images/common_new/index_kehu_08.png); } .customer-item-logo-9 { background-image: url(/static/images/common_new/index_kehu_09.png); } .customer-item-logo-10 { background-image: url(/static/images/common_new/index_kehu_10.png); } .customer-item-logo-11 { background-image: url(/static/images/common_new/index_kehu_11.png); } .customer-item-logo-12 { background-image: url(/static/images/common_new/index_kehu_12.png); } .customer-item-logo-13 { background-image: url(/static/images/common_new/index_kehu_13.png); } .customer-item-logo-14 { background-image: url(/static/images/common_new/index_kehu_14.png); } .customer-item-logo-15 { background-image: url(/static/images/common_new/index_kehu_15.png); } .customer-item-logo-16 { background-image: url(/static/images/common_new/index_kehu_16.png); } .customer-item-logo-17 { background-image: url(/static/images/common_new/index_kehu_17.png); } .customer-item-logo-18 { background-image: url(/static/images/common_new/index_kehu_18.png); }