@import url('color.css');

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

/*-------------------新闻焦点图与焦点新闻----------------------*/
.focus { width: 1200px; margin: 0 auto; margin-top: 10px; }


.focusimg { width: 700px; 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: 700px; height: 326px; overflow: hidden; float: left; border-radius: 10px; text-align:center;background:#666;}
.focusimg .FP_pic img { height: 326px;width:700px; 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: 440px; height: 306px; float: right; overflow: hidden; border: 1px solid var(--border); background: var(--border-bg); 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(--font-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 { }
.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 .item { float: left; width: 268px; overflow: hidden; margin-right: 40px; margin-top: 30px; background: var(--border-list); border-radius: 5px; border: 1px solid var(--border); }
.articlephoto .pic { width: 100%; height: 150px; overflow: hidden; margin: 0 auto; }
.articlephoto .pic img { width: 100%; object-fit: cover; height: 100%; }
.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; }

/*最新栏目*/
.about { background:var(--border-bg); margin-top: 30px; border-radius:5px;border:1px solid var(--border);}
.about .tit{}
.about .tit a{display: block; width: 80px; border-top: 1px solid var(--border); padding-left: 20px; padding-top: 10px; color:var(--font-bold); font-size: 16px; }

.about .list {margin-top:10px;  padding:5px 10px;}
.about .item{float:left;width:20%;text-align:center;margin:15px 0px;}
.about .item .img{width:200px;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; }


/*内容列表*/
.news { margin-top: 30px; background:var(--border-list);border-radius:5px;border:1px solid var(--border);}
.news .tit{}
.news .tit a{display: block; width: 80px; border-top: 1px solid var(--border); padding-left: 20px; padding-top: 10px; color:var(--font-bold); font-size: 16px; }

.news .list { padding: 15px; font-size: 15px;margin-left:20px; }
.news .list li { height: 26px; line-height: 26px; margin-bottom: 10px; width: 50%; float: left; list-style-type:circle;}
.news .list a { width: 500px;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; text-indent:10px;}
.news .list li b { color:#e60e17; }
.news .list a span{float:right;}


/*企业推广*/

.company { margin-top: 30px; background:var(--border-bg);border-radius:10px; border:1px solid var(--border);}
.company .tit{}
.company .tit a{display: block; width: 80px; border-top: 1px solid var(--border); padding-left: 20px; padding-top: 10px; color:var(--font-bold); font-size: 16px;}

.company .list {margin-top:10px; padding:15px;}
.company .item{float:left;width:10%;text-align:center;}
.company .item .img{width:100px;height:100px;overflow:hidden;border-radius:5px;margin:0 auto;border:1px solid var(--border);}
.company .item .img img{width:100px;height:100px;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 { margin-top: 30px; background:var(--border-list);border-radius:5px; border:1px solid var(--border);}
.products .tit{}
.products .tit a{display: block; width: 80px; border-top: 1px solid var(--border); padding-left: 30px; padding-top: 10px; color:var(--font-bold); font-size: 16px; }

.products .list {margin-top:10px; padding:15px;}
.products .item{float:left;width:20%;text-align:center;}
.products .item .img{width:200px;height:200px;overflow:hidden;border-radius:5px;margin:0 auto;border:1px solid var(--border);}
.products .item .img img{width:200px;height:200px;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; }




.commentarticle { width: 1200px; margin: 0 auto; margin-top: 20px; }

/*--评论/回复--*/
.comment { background:var(--border-bg); width: 320px; float: left; border: 1px solid var(--border);border-radius:5px; }
.comment .tit { }
.comment .tit span { display: block; width: 80px; border-top: 1px solid var(--border); padding-left: 10px; padding-top: 10px; color:var(--font-bold); font-size: 16px; }

.comment .list { width: 300px;  overflow: hidden; font-size: 12px; line-height: 22px; padding:13px 10px;}
.comment .list .item { padding: 15px 10px; height:80px;overflow:hidden;}
.comment .list .item .photo { float: left; width: 60px; }
.comment .list .item .photo img { width: 48px; height: 48px; border-radius: 24px; }
.comment .list .item .text { float: left; width: 220px; }
.comment .list .item .text b{font-size:15px;}
.comment .list .item .text p.words { height: 45px; overflow: hidden; margin-top: 5px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 指定显示行数为2 */ -webkit-box-orient: vertical; white-space: normal; /* 可能需要改为正常以允许换行 */ }
.comment .list .item .text p.date { color:var(--font-span); margin-top:5px;}


.article { float: right; width: 850px; }


/*作者推荐*/
.hotren { background:var(--border-bg); width: 100%; float: left; border: 1px solid var(--border); border-radius:5px;}
.hotren .tit { margin-bottom:10px;}
.hotren .tit span { display: block; width: 80px; border-top: 1px solid var(--border); padding-left: 20px; padding-top: 10px; color:var(--font-bold); font-size: 16px; }

.hotren .list { padding:10px 20px; height: 150px; overflow: hidden; font-size: 14px; }
.hotren .list .item { width: 70px; position: relative;  display: inline-block; margin:0 15px; overflow: hidden; text-align: center; float: left; }
.hotren .list .photo { width: 70px; height: 70px; overflow: hidden; display: block;}
.hotren .list .photo img { border-radius: 35px; height: 70px; width: 70px; object-fit:cover;}
.hotren .list .item .title{ margin-top:10px;height:50px;line-height:25px; }
.hotren .list .item .title span{color:var(--font-span);font-size:12px;}


/*最新文章*/
.newarticle { background:var(--border-bg); width: 100%; float: left; border: 1px solid var(--border); margin-top: 15px; border-radius:5px;}
.newarticle .tit { }
.newarticle .tit span { display: block; width: 80px; border-top: 1px solid var(--border); padding-left: 20px; padding-top: 10px; color: var(--font-bold); font-size: 16px;  }

.newarticle .list { padding: 20px 10px; font-size: 15px; }
.newarticle .list li { height: 26px; line-height: 26px; margin-bottom: 10px; width: 400px; float: left; }
.newarticle .list a { width: 100%; height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; line-height: 20px; text-indent: 10px; }
.newarticle .list li strong{color:var(--font-hover);font-weight:normal;}
.newarticle .list li b{color:var(--font-hover);}


.txuser { width:100%; height: 320px; border: 1px solid var(--border); background:var(--border-list); margin-top:20px;border-radius:5px;}
.txuser .tit { margin-bottom:10px;}
.txuser .tit span { display: block; width: 80px; border-top: 1px solid var(--border); padding-left: 20px; padding-top: 10px; color:var(--font-bold); font-size: 16px;  }

.txuser .list { padding: 10px 24px;font-size:12px; }
.txuser .list .item { width: 70px; position: relative; height: auto; display: inline-block; margin:0px 13px; overflow: hidden; text-align: center; padding-bottom: 20px; float: left; }
.txuser .list .item .photo { width: 70px; height: 70px; overflow: hidden; display: block;}
.txuser .list .item .photo img { border-radius: 35px; height: 70px; width: 70px; object-fit:cover;}
.txuser .list .item .title { line-height: 30px; height: 30px; overflow: hidden; margin-top:10px;}


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

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