/* 路由导航 */ .page-route { display: flex; flex-direction: row; align-items: center; height: 50px; } .page-route img { width: 18px; height: 16px; } .page-route a { font-size: 14px; font-weight: 400; color: #3E3E3E; padding-left: 10px; padding-right: 10px; text-decoration: none; } .page-route a:hover { color: #0176DF; cursor: pointer } /* 主体 */ .company-body { display: flex; width: 70%; margin: 50px auto; overflow: hidden; } /* 左边导航æ */ .navigation-bar { align-items: end; display: flex; flex-direction: column; margin-right: 30px; margin-bottom: 50px; } /* 第一æ */ .navigation-bar .enter-company { display: flex; flex-direction: column; width: 220px; margin-bottom: 10px; } .navigation-bar .enter-company .company-title { background-color: #53B448; color: #fff; border-top-right-radius: 5px; border-top-left-radius: 5px; padding: 10px; font-size: 24px; } .navigation-bar .enter-company .company-menu div { background-color: #F5F5F5; padding: 10px 50px; } .navigation-bar .enter-company .company-menu div:hover { background-color: #DAF5D7; border-left: 2px solid #53B448; } .navigation-bar .enter-company .company-menu .menu-active { background-color: #DAF5D7; border-left: 2px solid #53B448; } .navigation-bar .enter-company .company-menu .menu-active a { background-color: #DAF5D7; color: #53B448; } .navigation-bar .enter-company .company-menu div a { text-decoration: none; color: #333333; } /* 除第一æ */ .navigation-bar .menu-list { display: flex; flex-direction: column; width: 220px; margin-bottom: 10px; } .navigation-bar .menu-list .title { background-color: #53B448; color: #fff; border-top-right-radius: 5px; border-top-left-radius: 5px; padding: 10px; font-size: 24px; } .navigation-bar .menu-list .menu { overflow: hidden; } .navigation-bar .menu-list .menu div { background-color: #F5F5F5; padding: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .navigation-bar .menu-list .menu .menu-active { background-color: #DAF5D7; border-left: 2px solid #53B448; } .navigation-bar .menu-list .menu div a { text-decoration: none; color: #333333; } /* è”系我们 */ .navigation-bar .concat-us { width: 220px; height: 130px; background: #53B448; border-radius: 5px; color: #fff; display: flex; flex-direction: column; justify-content: center; /* padding: 0 10px; */ /* align-items: center; */ } .navigation-bar .concat-us div { width: 90%; margin: 10px auto; } .navigation-bar .concat-us div:nth-child(1) { font-size: 24px; } .navigation-bar .concat-us div:nth-child(2) { font-size: 26px; font-weight: bold; } /* 主体内容 */ .body-main { flex: 2; display: flex; flex-direction: column; align-items: center; margin-bottom: 50px; } .product-detail{ display: flex; width: 100%; padding-bottom: 30px; border-bottom: 1px dashed #B8B8B8; } .product-detail .detail-img img{ width: 500px; max-height: 500px; } .product-detail div:nth-child(1){ padding: 10px; border: 1px solid #E6E6E6; border-radius: 10px; margin-right: 30px; } .product-detail .detail-item{ display: flex; flex-direction: column; justify-content: space-around; font-size: 16px; } .product-detail .detail-item p:nth-child(1){ color: #333333; font-size: 24px; font-weight: bold; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; } .product-detail .detail-item p:nth-child(6) span{ color: #53B448; font-size: 36px; font-weight: bold; } .product-detail .detail-item p:nth-child(7){ color: #53B448; border: 1px solid #53B448; width: 30%; padding: 10px; border-radius: 5px; } .product-synopsis{ display: flex; margin-top: 30px; flex-direction: column; align-items: center; justify-content: center; } .product-synopsis .product-title{ font-size: 20px; margin-bottom: 50px; } .product-synopsis .product-title .title-line{ margin-top: 5px; width: 80px; height: 2px; background-color: #53B448; border-radius: 1px; } .product-synopsis .sy-detail{ line-height: 3rem; text-indent: 2rem; min-height: 300px; } .product-synopsis .sy-detail .sy-img{ /* width: 929px; */ height: 661px; background-color: #eee; } .passage{ margin-top: 30px; width: calc(100% - 20px); display: flex; justify-content: space-between; background-color: #F5F7FA; padding: 20px 10px; } .passage a{ text-decoration: none; color: #333333; }