@import url('color.css');

.indexad{width:1200px;margin:0 auto;}
.indexad img{width:1200px;object-fit:cover;margin-top:15px;border-radius:5px;}

/*-------------------新闻焦点图与焦点新闻----------------------*/
.focus { margin-top: 20px; }

.focusimg { width: 800px; height: 326px; position: relative; zoom: 1; overflow: hidden; float: left;background }
.focusimg .FP_angle { width: 7px; height: 7px; overflow: hidden; font-size: 0; line-height: 0; position: absolute; z-index: 10; }
.focusimg .FP_arr_left { width: 13px; height: 25px; position: absolute; z-index: 8; top: 150px; left: 5px; background: url(/static/images/p_w_06.gif) no-repeat 0 0; filter: Alpha(Opacity=80); opacity: .8; cursor: pointer; }
.focusimg .FP_arr_right { width: 13px; height: 25px; position: absolute; z-index: 8; top: 150px; right: 5px; background: url(/static/images/p_w_06.gif) no-repeat -200px 0; filter: Alpha(Opacity=80); opacity: .8; cursor: pointer; }
.focusimg .FP_NumList { position: absolute; right: 20px; bottom: 7px; zoom: 1; overflow: hidden; z-index: 9; }

.focusimg .FP_NumList span { float: left; width: 22px; height: 22px; text-align: center; line-height: 22px; font-weight: bold; vertical-align: middle; border-radius: 13px; margin-left: 10px; display: inline; background: #333; color: #fff; font-family: Arial, Helvetica, sans-serif; cursor: pointer; }

.focusimg .FP_NumList span.selected { background: #fff; color: #666; border-radius: 13px; }

.focusimg .FP_pic { width: 800px; height: 326px; overflow: hidden; float: left; border-radius: 5px; text-align:center;background:#666;}
.focusimg .FP_pic img { height: 326px;width:800px; object-fit: cover; }
.focusimg .FP_pic .FP_tit_bg { height: 40px; width: 100%; margin-top: -40px; background: #000; filter: Alpha(Opacity=30); opacity: .3; }
.focusimg .FP_pic .FP_tit_txt { line-height: 36px; padding-left: 18px; margin-top: -40px; font-size: 16px; font-weight: bold; color: #fff; position: relative; *position: static;text-align:left; }
.focusimg .FP_pic .FP_tit_ico { width: 11px; height: 15px; margin: -22px 0 0 7px; overflow: hidden; font-size: 0; line-height: 0; position: relative; *position: static; }
.focusimg .FP_pic a:link, .FP_pic a:visited { color: #fff; text-decoration: none; }
.focusimg .FP_pic a:hover { text-decoration: underline; }


.focustext { width: calc(100% - 860px); height: 306px; float: right; overflow: hidden; border: 1px solid var(--border); background: var(--border-list); border-radius: 5px; padding: 10px 20px; }
.focustext h3 { margin-top: 0px; font-size: 18px; color: var(--font-bold); height: 30px; line-height: 30px; background-repeat: no-repeat; padding-top: 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.focustext h3 a { color: var(--font-bold); }
.focustext h3 a:hover{color:var(--nav-hover);}
.focustext span { font-size: 14px; height: 45px; line-height: 22px; margin-bottom: 10px; margin-top: 8px; overflow: hidden; width: 100%; color:var(--font-span); display: block; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; }

/*最新资讯*/
.articlephoto { width:100%;overflow:hidden;}
.articlephoto .tit { font-size: 16px; line-height: 35px; margin-top: 20px; padding-bottom: 5px; background:var(--border); padding: 0 10px; border-radius: 5px; }
.articlephoto .tit a { color:var(--font-bold); font-weight: 500; display: block; }

.articlephoto .list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin-top:20px;}
.articlephoto .item { overflow: hidden; background: var(--border-list); border-radius: 5px; border: 1px solid var(--border); }
.articlephoto .pic { width: 100%; padding-top: 60%; position: relative; overflow: hidden; margin: 0 auto; }
.articlephoto .pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.articlephoto .title { font-size: 16px; padding: 10px; height: 60px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: normal; }
.articlephoto .date { padding: 10px; border-top: 1px solid var(--border); margin-top: 10px; height: 30px; color: var(--font-span); font-size: 14px; }
.articlephoto .date i { margin-right: 5px; }
.articlephoto .time { float: left; }
.articlephoto .look { float: right; }


/*会员风采*/
.memberlist { background: var(--border-list); margin-top: 30px; border-radius: 5px; border: 1px solid var(--border); padding: 10px; }
.memberlist .tit { font-size: 16px; line-height: 35px; margin-bottom: 10px; border-bottom: 1px solid var(--border); padding-bottom: 10px; }
.memberlist .tit a { color: var(--font-bold); font-weight: 500; }

.memberlist .list { margin-top: 15px; }
.memberlist .list .photo { background: #dcdcdc; width: 140px; height: 180px; margin-right: 10px; border-radius: 5px; }
.memberlist .list .photo .img-zoom-in { width: 140px; height: 140px; overflow: hidden; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.memberlist .list .photo .name { line-height: 40px; }

.memberlist .list img { width: 140px; height: 140px; object-fit: cover; margin-right: 10px; }
#demo { overflow: hidden; width: 100%; height: 180px; }



/*最新栏目*/
.about { background:var(--border-list); margin-top: 30px; border-radius: 5px; border: 1px solid var(--border); padding: 10px; }
.about .tit { font-size: 16px; line-height: 35px; margin-bottom: 10px; border-bottom: 1px solid var(--border); padding-bottom: 10px; }
.about .tit a { color:var(--font-bold); font-weight: 500; }

.about .list { margin-top: 10px; padding: 5px 10px; display: flex; flex-wrap: wrap; }
.about .item { flex: 1; height: auto; }
.about .item .img { width: 90%; height: 150px; overflow: hidden; border-radius: 5px; margin: 0 auto; border: 1px solid var(--border); }
.about .item .img img { width: 100%; height: 100%; object-fit: cover; }
.about .item p { height: 60px; line-height: 30px; overflow: hidden; width: 90%; text-align: center; margin-top:10px; }
.about .item p span{color:var(--font-span);font-size:13px;}


/*内容列表*/
/*.newslist { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.news { box-sizing: border-box;background:var(--border-list); margin-top: 30px; border-radius: 5px; padding: 10px; border: 1px solid var(--border); }
.news .tit { font-size: 16px; line-height: 35px; margin-bottom: 10px; border-bottom: 1px solid var(--border); padding-bottom: 10px; }
.news .tit a { color:var(--font-bold); font-weight: 500; }

.news .list { padding: 15px 24px; font-size: 15px; }
.news .list li {width:100%; height: 26px; line-height: 26px; margin-bottom: 10px; float: left; list-style-type: square; }
.news .list a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; text-indent: 10px; }
.news .list li b { color: var(--nav-hover); }
*/

/*内容列表*/
.newslist { 
  display: grid; 
  grid-template-columns: repeat(3, 1fr); 
  gap: 15px; 
  min-width: 0; /* 新增 */
  width: 100%; /* 新增 */
}
.news { 
  background:var(--border-list); 
  margin-top: 30px; 
  border-radius: 5px; 
  padding: 10px; 
  border: 1px solid var(--border);
  box-sizing: border-box; 
  min-width: 0; /* 新增 */
}
.news .tit { 
  font-size: 16px; 
  line-height: 35px; 
  margin-bottom: 10px; 
  border-bottom: 1px solid var(--border); 
  padding-bottom: 10px; 
}
.news .tit a { color:var(--font-bold); font-weight: 500; }

.news .list { padding: 15px 24px; font-size: 15px; }
.news .list li {
  height: 26px; 
  line-height: 26px; 
  margin-bottom: 10px; 
  list-style-type: square; 
}
.news .list a { 
  display: block; /* 必须加 */
  width: 100%; /* 必须加 */
  overflow: hidden; 
  white-space: nowrap; 
  text-overflow: ellipsis; 
  text-indent: 10px;
}
.news .list li b { color: var(--nav-hover); }


/*企业列表*/
.company { background:var(--border-list); margin-top: 30px; border-radius: 5px; padding: 10px; border: 1px solid var(--border); }
.company .tit { font-size: 16px; line-height: 35px; margin-bottom: 10px; border-bottom: 1px solid var(--border); padding-bottom: 10px; }
.company .tit a { color:var(--font-bold); font-weight: 500; }


.company .list { margin-top: 10px; display: flex; flex-wrap: wrap; gap: 20px; padding: 10px; justify-content: flex-start; }
.company .item { width: calc(10% - 20px); text-align: center; margin-bottom: 20px; }
.company .item .img { width: 100%; aspect-ratio: 1/1; overflow: hidden; border-radius: 5px; margin: 0 auto; border: 1px solid var(--border); }
.company .item .img img { width: 100%; height: 100%; object-fit: cover; }
.company .item p { height: 25px; line-height: 25px; overflow: hidden; width: 100px; text-align: center; margin: 0 auto; padding-top: 10px; font-size: 12px; }



/*----产品推荐---*/
.products { background:var(--border-list); margin-top: 30px; border-radius: 5px; padding: 10px; border: 1px solid var(--border); }
.products .tit { font-size: 16px; line-height: 35px; margin-bottom: 10px; border-bottom: 1px solid var(--border); padding-bottom: 10px; }
.products .tit a { color:var(--font-bold); font-weight: 500; }

.products .list { margin-top: 10px; display: flex; flex-wrap: wrap; gap: 20px; padding: 10px; justify-content: flex-start; }
.products .item { width: calc(20% - 20px); text-align: center; margin: 15px 0px; }
.products .item .img { width: 100%; aspect-ratio:4/3; overflow: hidden; border-radius: 5px; margin: 0 auto; border: 1px solid var(--border); }
.products .item .img img { width: 100%; height: 100%; object-fit: cover; }
.products .item p { height: 60px; line-height: 30px; overflow: hidden; width: 90%; text-align: center; margin-top: 10px; }
.products .item p span { color:var(--font-span);font-size:13px; }

/*----美图欣赏---*/
.newsphoto { background:var(--border-list); margin-top: 30px; border-radius: 5px; padding: 15px; border: 1px solid var(--border); }
.newsphoto .tit { font-size: 16px; line-height: 35px; margin-bottom: 10px; border-bottom: 1px solid var(--border); padding-bottom: 10px; }
.newsphoto .tit a { color:var(--font-bold); font-weight: 500; }

.newsphoto .list { margin-top: 10px; }
.newsphoto .item { float: left; width: 20%; text-align: center; margin: 15px 0px; }
.newsphoto .item .img { width: 200px; height: 150px; overflow: hidden; border-radius: 5px; margin: 0 auto; }
.newsphoto .item .img img { width: 200px; height: 150px; object-fit: cover;}
.newsphoto .item p { height: 50px; line-height: 25px; overflow: hidden; width: 200px; text-align: center; margin: 0 auto; padding-top: 10px; color:var(--font-span);font-size:13px;}


/*-----------友情链接------------- */

.link { margin-top: 20px; background:var(--border-list); border-radius:5px;padding:15px;line-height:25px;border:1px solid var(--border);color:var(--font-bold);}
.link a {margin-left:10px; }