.nav { background: #333366; }
.nav li { border-right: 1px solid #ccc; }


/*********************************企业首页开始*******************************/

/*焦点轮播图*/
.index .focus {display:flex;flex-wrap:wrap;justify-content:space-between;margin-top: 15px;}
.index .big-pic {width:750px;height:470px;background-color:#eee;border-radius:5px 0 0 5px;overflow:hidden;}
.index .brand-list {flex:1;display:flex;flex-direction:column;border-radius:0 5px 5px 0;gap: 5px;}
.index .brand-list li {position:relative;height:104px;padding:5px;cursor:pointer;background-color:#eee;color:#fff;    border-radius: 0 5px 5px 0}
.index .brand-list li.on {background-color:#007edc;}
.index .brand-list li.on h5 {color:#fff;}
.index .brand-list li.on .content {color:#fff;}
.index .brand-list li.on::before {/* 右三角形 */ content:"";position:absolute;top:45%;left:-10px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #007edc;}
.index .brand-list li a {width:100%;height:100%;display:flex;gap:10px;}
.index .brand-list li .content {display:flex;flex-direction:column;justify-content:space-around;padding:5px;color:#000;}
.index .brand-list li h5 {font-size:18px;font-weight:600;color:#000;}
.index .brand-list li p {font-size:14px;/* 超出三行显示... */ display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.index .brand-list li img,.index .big-pic img {border:1px solid #e1e1e1;}

/*品牌版块*/
.index .brand .type { display: flex; height: 40px; background-color: #3399CC; margin-top: 20px; border-radius: 5px; }
.index .brand .type span { font-size: 23px; line-height: 38px; color: #fff; display: block; height: 40px; padding: 0 10px; }
.index .brand .type a { margin-left: auto; margin-right: 10px; font-size: 14px; color: #fff; line-height: 40px; }
.index .brand { border-radius: 5px; }
.index .brand ul { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-top: 10px; padding: 15px; background: #eff3f5; }
.index .brand ul li { background-color: #fff; border-radius: 5px; text-align: center; }
.index .brand ul li img { width: 220px; height: 136px; border: 1px solid #eee; border-radius: 5px; }
.index .brand ul li p { width: 220px; line-height: 32px; font-size: 16px; text-align: center; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.index .brand ul li:hover { box-shadow: 0 0 10px rgba(270,51,113,0.8); }
.index .brand ul li:hover p { color: #0099FF; }

/*资讯版块*/
.index .news-list { box-sizing: border-box; border-radius: 5px; padding: 20px; box-shadow: 0 0 10px rgb(0 0 0 / 15%); margin: 0px auto; margin-top: 20px; }
.index .news-list ul { display: inline-flex; flex-wrap: wrap; justify-content: space-around; align-content: space-between; }
.index .news-list ul::after { content: none; }
.index .news-list ul li { position: relative; display: flex; width: 350px; height: 70px; background: rgba(239, 243, 245, 0.5); border-radius: 5px; padding: 15px; box-sizing: border-box; overflow: hidden; margin-bottom: 10px; }
.index .news-list ul li:first-child { width: 70px; padding: 12px; color: #0099FF; background: #e4f0fb; text-align: center; }
.index .news-list ul li:first-child h2 { font-size: 20px; line-height: 23px; }
.index .news-list ul li h3 { position: relative; width: 330px; font-size: 16px; line-height: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.index .news-list ul li:not(:first-child):hover { background: #e4f0fb; color: #007edc; }
.index .news-list ul li h3 span { display: inline-block; font-size: 12px; line-height: 14px; height: 16px; font-weight: normal; background: #607d8b; color: #fff; padding: 0 3px; border-radius: 5px; margin-right: 5px; transform: translateY(-1px); }
.index .news-list ul li p { position: relative; width: 330px; font-size: 14px; line-height: 14px; color: #666666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 8px; }
.index .news-list ul .more { width: 70px; font-size: 16px; line-height: 22px; color: #999999; text-align: center; }
.index .news-list ul .more:hover { color: #666666; }

/*********************************企业首页结束*******************************/