/*鑳屾櫙鍥惧拰鍐呭鍖鸿缃窡header鍜宖ooter涓€鏍烽檺鍒朵釜鏈€灏忓搴﹀彲浠ュ嚭婊氬姩鏉 tab鏆傛椂涓嶇敤*/ .mw_1220{ min-width: 1220px; } .tab_contents{ position: relative; } .two_section{ background: url(/static/module/index/default/img/chanpinzhongxin.png); background-size:100% 100%; background-repeat:no-repeat; } .three_section{ background-color: #fff; /* height: 1120px; */ position: relative; padding: 7% 14% 100px 14%; } .three_section .item1{ display: flex; justify-content: center; } .three_section .item2-1{ text-align: center; } .product-p{ font-size: 2.0vw; color: #143C68; letter-spacing: 0.1em; font-weight: bold; } .three_section .item2-2{ text-align: center; font-size: 26px; color: #000; margin:30px 0; } .ellipsis2{ overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; } .tab_div_container{ /*border: 1px solid #0a081d;*/ width: 82%; height: 90px; margin: 0 auto; } @media screen and (max-width: 768px) { .tab_div_container{ width: 100%; height: 80px; } } .tab_div_container .sec2swi{ /*鐖剁骇娓呴櫎娴姩*/ overflow: hidden; height: 100%; box-shadow: 0px 0px 15px 0px #e9ebf5; } .tab_div_container .sec2swi li{ width: 33.33%; height: 100%; float: left; position: relative; box-sizing: border-box; border-right: 1px solid #E4E4E4; cursor: pointer; } .tab_div_container .bgc_w{ background-color: #fff; } .tab_div_container .bgc_b{ background-color: #143C68; } .tab_div_container .tab_div_item_content{ position: absolute; left: 50%; top: 43%; transform: translate(-50%,-50%); text-align: center; } .item_p_w{ font-size: 18px; } .bgc_w p{ color: #454545; font-size: 18px; } .bgc_b p{ color: white; font-size: 18px; } @media (max-width: 600px) { .bgc_w p { color: #454545; font-size: 15px; } .bgc_b p{ font-size: 15px; color: white; } } .tab_div_container .mt10{ margin-top: 10px; } .tab_div_container .two_icon_up_div{ position: absolute; left: 50%; top: 59%; transform: translatex(-50%); } /*绠€浠?/ .text_content{ background-color: #ffffff;width: 100%;height: 180px; } .text_content_item1{ border: 1px solid #D2D2D2;height: 33.333%;display: flex; } .text_content_item2{ border-left: 1px solid #D2D2D2;border-right: 1px solid #D2D2D2;height: 33.333%;display: flex; } .text_content_item3{ border: 1px solid #D2D2D2;height: 33.333%;display: flex; } .text_content .title{ width: 15%;border-right: 1px solid #D2D2D2;display: flex;justify-content: center;align-items: center;color: #000;font-size: 19px;font-weight: bold; } .text_content .content{ width: 85%;display: flex;align-items: center;padding-left: 25px;font-size: 16px; } #productTabDiv{ /*background-color: #ccc;*/ /*height: 740px;*/ display: flex; justify-content: space-between; flex-wrap: wrap; } #productTabDiv .tab_item{ /*border: 1px solid blue;*/ width: 49%; height: 48%; /*float: left;*/ /*margin: 0.5%;*/ margin-bottom: 2%; height: 350px; background-color: #F8F8F8; display: flex; justify-content: space-between; align-items: center; padding: 0 3%; } #productTabDiv .tab_item .down{ cursor: pointer; } .tab_item_left{ width: 45%; height: 50%; text-align:center; } .tab_item_left img{ border: 0 none; max-width: 100%; max-height: 100%; } .tab_item_right{ display: flex; flex-direction: column; justify-content: space-between; /*align-items: flex-end;*/ /*IE涓嶅吋瀹癸細align-items: flex-end; 鎹㈡垚锛歵ext-align: right;*/ text-align: right; width: 55%; height: 67%; } .tab_item_right .up{ text-align: right; } .tab_item_right .title{ color: #000; font-size: 30px; font-weight: bold; } .tab_item_right .brief{ color: #000; font-size: 16px; } .secondTypeTabDiv{ width:24%; padding:2% 8%; border-radius: 5px; font-size: 18px; /*border: 1px solid blue;*/ box-shadow: 0px 0px 4px #000000ad; display: flex; align-items: center; justify-content: center; } .secondTypeTabDivMoveOn{ background-color: rgb(0,51,255); color: white; }