body { background-color: #fafafa; } .main { /* max-width: 1580px; */ min-width: 1200px; background-color: #fafafa; } /* 头部样式 */ .header { /* width: 1580px; */ width: 100%; } .header-top { /* width: 100%; */ max-width: 1300px; min-width: 800px; height: 100.39px; margin: 0 auto; margin-bottom: 5px; /* background-color: #faebd7; */ } .logo-main { margin: 0 auto; clear: all; height: 100%; max-width: 1200px; min-width: 1000px; } .logo-left { margin-top: 5px; float: left; height: 90%; } .logo-right { float: right; height: 100%; } /* 头部导航栏 */ .header-nav { position: relative; top: 0; left: 0; /* width: 1580px; */ min-width: 1200px; width: 100%; height: 64px; z-index: 999; background: #e43520; } .h-nav-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1150px; display: flex; justify-content: space-between; align-items: center; } .h-nav-content li{ position: relative; top: 0; left: 0; opacity: 0.9; font-size: 21px; color: #fff; height: 64px; align-items: center; line-height: 64px; cursor: hand; } .nav-input { position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 46px; background: #fff; border-radius: 30px; display: flex; align-items: center; justify-content: center; } .search-img { width: 30px; margin-left: 10px; } .nav-search-form { height: 30px; width: 150px; color: #000000; border: none; margin-left: 10px; margin-right: 10px; } .nav-search-button { width: 80px; height: 40px; line-height: 40px; background: red; border: none; color: #fff; border-radius: 30px; cursor: pointer; margin-right: 5px; } .nav-search-button:active { background: #e43520; } .nav-content-select { display: none; position: absolute; top: 63px; left: -20px; background-color: rgb(228, 53, 32, 0.75); box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); } .nav-content-select a { width: 140px; /* padding: 12px 16px; */ text-decoration: none; display: block; text-align: center; color: #ffffff; cursor: hand; } .nav-content-news:hover .nav-content-select { display: block; /* z-index: 99; */ } .nav-content-select a:hover { color: yellow; } .h-nav-img { width: 250px; /* position: absolute; right: 150px; top: 50%; transform: translate(0, -50%); */ } .header-chart { width: 1200px; height: 300px; margin: 0 auto; } .focus-img { display: block!important; max-width: 1200px!important; height: 300px!important; } .carousel { width: 1200px; /* height: 210px; */ } .header-chart img { width: 1200px; } /* 中部样式 */ .medio { width: 1200px; margin: 0 auto; } /* 集团要闻样式 */ .group_news { position: relative; top: 0; left: 0; width: 1200px; height: 380px; margin: 10px auto; background: #fff; } .group_news_header { margin-left: 15px; padding-top: 20px; width: 100%; height: 48px; } .group_news_connect { position: absolute; top: 25px; right: 20px; color: #1b1b1b; } .group_news_header span { padding-bottom: 5px; font-size: 25px; font-weight: bold; text-align: center; } .group_news_content span{ display: inline-block; margin-left: 15px; } .group_news_header span:nth-child(3) { margin-left: 20px; } .group_news_header span:nth-child(2) { margin-left: 20px; } .group_news_header span:nth-child(1) { border-bottom: #ff0000 solid 5px; } /* .group_news_header span:hover { border-bottom: #ff0000 solid 5px; } */ .group_news_line { width: 1170px; height: 5px; background: #dedede; margin: 0 auto; margin-top: 9px; } .group_news_content { margin-top: 15px; } .group_news_right { position: absolute; top: 80px; right: 20px; } .group_news_img { width: 400px; height: 300px; margin-left: 15px; border-radius: 10px; } .group_news_text { width: 740px; height: 130px; } .text_line { width: 90%; height: 3px; background: #dedede; margin: 0 auto; } .group_content { width: 1200px; height: 350px; display: flex; margin: 0 auto; } .content_info { position: relative; top: 0; left: 0; width: 400px; height: 330px; background: #fff; } .content_info_title { position: absolute; top: 10px; left: 20px; padding-bottom: 5px; font-size: 25px; font-weight: bold; text-align: center; border-bottom: #ff0000 solid 5px; } /* .content_info_title:hover { border-bottom: #ff0000 solid 5px; } */ .content_info_line { width: 90%; height: 3px; background: #dedede; margin: 0 auto; margin-top: 50px; } .content_info_inside { position: relative; top: 0; left: 0; width: 350px; height: 120px; margin: 0 auto; margin-top: 10px; } .content_info_img { width: 130px; height: 100px; margin: 18px 0 0 10px; border-radius: 10px; } .content_info_right { position: absolute; top: 15px; left: 150px; } .ci_two { margin: 0 15px 0 15px; } .content_img { width: 1200px; margin: 10px 0 10px 0; } .bottom_nav { width: 1200px; } .bo_nav_content { display: flex; flex-wrap: wrap; justify-content: space-around; margin-bottom: 20px; } .bo_nav_content li { text-align: center; width: 285px; height: 100px; line-height:100px; box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.06); border-radius: 11px 11px 11px 11px; background: #fff; margin-bottom: 20px; } .bo_nav_content a { font-size: 26px; color: #636363; display: flex; align-items: center; justify-content: center; } .bo_nav_content img { width: 26px; margin-right: 12px; } .text-content { color: #000; width: 740px; height: 70px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } /*.text-content p {*/ /* width: 740px;*/ /* height: 70px;*/ /* display: -webkit-box;*/ /* -webkit-box-orient: vertical;*/ /* -webkit-line-clamp: 3;*/ /* overflow: hidden;*/ /*}*/ /* 底部样式 */ .bo_nav_bottom { width: 200px; height: 80px; margin: 0 auto; text-align: center; line-height: 80px; font-size: 18px; color: #9b9b9b; } /* .bottom { width: 1580px; } */ .bottom_top { width: 100%; height: 200px; text-align: center; background: #a90505; } .bottom_bo { width: 100%; height: 60px; background: #1b1b1b; color: #fff; text-align: center; } .bottom_text { line-height: 60px; } .floorone { border-radius: 10px; }