锘縝ody { background: #e6e4e5; } .top-shang { width: 1200px; background: #f1f1f1; margin: 0px auto; margin-top: 40px; } .top-dh { height: 80px; color: #634b3a; line-height: 70px; font-size: 18px; padding-left: 5px; } .top-dh a { color: #634b3a; } .top-xz { width: 1199px; height: 160px; border: 1px solid #bdbdbd; } .top-xz ul { padding: 20px 20px 20px 20px; } .top-xz ul li { float: left; font-size: 18px; width: 144px; height: 60px; text-align: center; line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .top-xz ul li a { display: block; height: 50px; border-radius: 7px; width: 135px; } .top-xz ul li:nth-child(n+9) a { margin-top: 10px; } /*.top-xz ul li:not(.cs-li) { border-top: 1px solid #bdbdbd; }*/ .top-xz ul li:nth-child(-n+8) { border-bottom: 1px solid #bdbdbd; } .top-xz ul li:nth-child(n+9) { line-height: 50px; } /*.top-xz ul li:not(.cs-li):hover { border-top: 2px solid #ff1a14; height: 59px; }*/ .top-xz ul li a:hover { color: white; background: #a21b18; } .top-xz ul li a:hover { color: white; background: #a21b18; } /*.cs-li { border-bottom: 1px solid #bdbdbd; }*/ /*.cs-li:hover { border-bottom: 2px solid #ff1a14; height:59px; }*/ .top-wz { /*height: 1200px;*/ border: 1px solid #bdbdbd; margin-top: 70px; padding: 20px 20px 20px 20px; } .top-wz .first-dd { /*height: 870px; overflow: auto;*/ } .top-wz .last-dd { height: 330px; } .top-wz .last-dd .bom-bt { height: 100px; border-bottom: 1px solid black; font-size: 20px; line-height: 140px; padding-left: 80px; } .bom-slide { margin-top: 40px; height: 230px; } .bom-img { width: 1030px; height: 150px; float: left; position: relative; font-size: 0; line-height: 0; overflow: hidden; white-space: nowrap; } .bom-slide .bom-img ul { width: 1030px; height: 150px; display: inline-block; } .bom-slide .bom-img ul li { width: 257.5px; height: 150px; text-align: center; position: relative; display: inline-block; } .bom-slide .bom-img ul li a img { border: 1px solid #ababab; } .bom-left, .bom-right { float: left; width: 60px; height: 98px; font-weight: bold; color: white; font-size: 40px; background: #d7b19a; line-height: 100px; text-align: center; margin-top: 30px; cursor: pointer; padding-top: 8px; } .bom-bg { width: 1438px; height: 330px; margin: 0px auto; margin-top: 30px; background: url("/v2/images/brief.jpg") no-repeat; } @media screen and (max-width:1024px) { .top-shang { width: 100%; } .top-xz { width: 99.5%; height: auto; display: inline-block; } .top-xz ul li:nth-child(-n+8) { border-bottom: 1px solid #bdbdbd; } .top-xz ul li { border-bottom: 1px solid #bdbdbd; } .top-xz ul li:nth-child(n+9) a { margin-top: 0px; } .top-xz ul li { float: left; font-size: 18px; width: 16%; height: 60px; text-align: center; line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bom-img { width: 81%; } .bom-bg { width: 100%; height: 231px; margin: 0px auto; margin-top: 30px; background: url("/v2/images/brief.jpg") no-repeat; background-size: 1006px; } .bom-right { float: left; width: 10%; height: 98px; font-weight: bold; color: white; font-size: 40px; background: #d7b19a; line-height: 100px; text-align: center; margin-top: 30px; cursor: pointer; padding-top: 8px; } }