﻿.banner{
    display:block;
    width:100%;
    margin-left:auto;
    margin-right:auto;
}
.container-main{
    width: 100%;
	background-color: #f0f0f0;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
}
.content-main{
     width: 1440px;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
    padding-bottom:180px;
        margin-top:40px;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
}
.content-main-left{
	width: 1000px;
	/*height: 3683px;*/
	background-color: #ffffff;
	border-radius: 4px;
    overflow:hidden;
}
.content-navigator{
    width: 100%;
	height: 80px;
    margin-left:auto;
    margin-right:auto;
    display:flex;
    flex-direction:row;
    align-items:center;
     border-bottom:solid 1px #e6edf0;
}
.div-line{
	width: 3px;
	height: 16px;
	background-color: #ff7237;
    margin-right:5px;
    margin-left:30px;
}
.content-navigator a{
	font-family: MicrosoftYaHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
    margin-right:5px;
    margin-left:5px;
}
.content-navigator a:hover{
    color:#ff7237;
}
.content-main-right{
    width:420px;
     overflow:hidden;
}
.content-main .content-main-left .news-title{
	font-family: PingFang-SC-Bold;
	font-size: 28px;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
    text-align:center;
    margin-top:60px;
}
.content-main .content-main-left .news-info{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    margin-top:20px;
}
.content-main .content-main-left .news-info span{
        font-family: PingFang-SC-Medium;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #999999;
    margin-right:10px;
}
.content-main .content-main-left .news-info a{
     font-family: PingFang-SC-Medium;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #999999;
}
.content-main .content-main-left .news-info a:hover{
    color: #ff7237;
}

.content-main .content-main-left .news-info num{
	font-family: PingFang-SC-Medium;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #ff7237;
}

.news-content{
    width:970px;
    margin-left:30px;
    margin-top:40px;
}
.news-content p,.news-content a,.news-content span{
	font-size: 16px;
	color: #333333;
}
/*.news-content p,.news-content a,.news-content span{
	font-family: PingFang-SC-Regular !important;
	font-size: 16px !important;
	font-weight: normal !important;
	font-stretch: normal !important;
	letter-spacing: 0px !important;
	color: #333333 !important;
}*/
.news-content img{
    display:block;
    /*width:848px;*/
    height:auto;
    margin-left:auto;
    margin-right:auto;
    /*width:990px;*/
}
.news-content a{
    color:#ff7237 !important;
}

.news-line{
	width: 860px;
	height: 1px;
	background-color: #e6edf0;
    margin-left:30px;
    margin-top:40px;
    margin-bottom:40px;
}
.news-tags{
    width:848px;
    margin-left:30px;
     margin-top:20px;
}
.news-tags span,.news-tags a{
	font-family: PingFang-SC-Regular;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
}
.news-tags a{
    color: #ff7237 !important;
    margin-left:3px;
}
.prevAndNext{
    width:860px;
    margin-left:30px;
}
.prevAndNext p{
    margin-bottom:20px;
}
.prevAndNext a,.prevAndNext span{
	font-family: PingFang-SC-Regular;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #404040;
}
.prevAndNext a:hover{
    color: #ff7237 !important;
}

.content-main .new{
    margin-top:60px;
    margin-bottom:60px;
}
.content-main .relevant{
    margin-bottom:60px;
}
.relevant .subtitle,.new .subtitle{
	font-family: PingFang-SC-Bold;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
    height:20px;
    line-height:20px;
    border-left:solid 3px #ff7237;
    padding-left:10px;
    margin-left:30px;
}

.content-main .relevant ul,.content-main .new ul{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}
.content-main .new ul li{
	width: 447px;
	height: 78px;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    overflow:hidden;
    border-bottom:solid 1px #e6edf0;
    margin-left:30px;
}
.content-main .new ul li a{
	
	line-height:78px;
	font-family: MicrosoftYaHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #333333;

    white-space: nowrap;      /* 禁止换行 */
  overflow: hidden;         /* 隐藏超出内容 */
  text-overflow: ellipsis;  /* 显示省略号 */
  width: 447px;            /* 必须有固定宽度 */
  display: block;          /* 或 inline-block */

}
.content-main .new ul li a:hover{
     color:#ff7237 !important;
}
.content-main .relevant .container-item{
	width: 447px;
	height: 181px;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    overflow:hidden;
    border-bottom:solid 1px #e6edf0;
        margin-left:30px;
}
.content-main .relevant .container-item .a-cover{
    display:block;
        margin-left:0px;
}
.content-main .relevant .container-item .a-cover img{
    display:block;
    width:168px;
     height: 120px; 
}
.content-main .relevant .container-item .div-right{
    margin-right:0px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:space-between;
     height: 120px;
}
.content-main .relevant .container-item .div-right .div-right-top a{
	font-family: PingFang-SC-Bold;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #000000;

      display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;  /* 限制3行 */
    overflow: hidden;
    text-overflow: ellipsis;

    width:256px;             /* 必须有固定宽度 */
    
}
.content-main .relevant .container-item .div-right a:hover{
    color:#ff7237 !important;
}

.content-main .relevant .container-item .div-right .div-right-bottom{
    width:256px;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
}
.content-main .relevant .container-item .div-right .div-right-bottom a{
	font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #888888;
}
.content-main .relevant .container-item .div-right .div-right-bottom span{
	font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #888888;
}

.searchBox{
	width: 420px;
	height: 80px;
	background-color: #ffffff;
	border-radius: 4px;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
}
.searchBox form{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
}
.searchBox input{
	width: 300px;
	height: 40px;
	border-radius: 4px 0px 0px 4px;
	border: solid 1px #e6edf0;
    box-sizing: border-box; /* 使 width 包含 padding 和 border */
    padding-left:10px;
    padding-right:10px;
}
.searchBox .btn {
    width: 80px;
    height: 42px;
    background-color: #ff7237;
    border-radius: 0px 4px 4px 0px;
    border: solid 1px #ff7237;
    font-family: PingFang-SC-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 42px;
    letter-spacing: 0px;
    color: #ffffff;
    cursor: pointer;
}

.recommend,.hot,.faqR{
	width: 420px;
	/*height: 728px;*/
	background-color: #ffffff;
	border-radius: 4px;
    margin-top:20px;
    overflow:hidden;
}
.recommend .subtitle,.hot .subtitle,.faqR .subtitle{
	font-family: PingFang-SC-Bold;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
    height:20px;
    line-height:20px;
    border-left:solid 3px #ff7237;
    padding-left:10px;
    margin-left:20px;
    margin-top:30px;
    margin-bottom:10px;
}
.recommend ul,.hot ul,.faqR ul{
    width:380px;
    margin-left:20px;
    margin-bottom:30px;
}
.recommend ul li,.hot ul li,.faqR ul li{
    white-space: nowrap;      /* 禁止换行 */
    overflow: hidden;         /* 隐藏超出内容 */
    text-overflow: ellipsis;  /* 显示省略号 */
    width:380px;             /* 必须有固定宽度 */
    display: block;          /* 或 inline-block */
    height:63px;
    line-height:63px;
    border-bottom:solid 1px #e6edf0;
}
.recommend ul li a:hover,.hot ul li a:hover,.faqR ul li a:hover{
    color:#ff7237 !important;
}
.container-code{
	width: 420px;
	height: 468px;
	background-color: #ffffff;
	border-radius: 4px;
    overflow:hidden;
    margin-top:20px;
}
.container-code div{
	width: 340px;
	height: 340px;
	background-color: #f8f8f8;
	border-radius: 4px;
    margin-top:40px;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
}
.container-code div img{
    display:block;
    width:300px;
    height:300px;
    margin-top:20px;
    margin-left:auto;
    margin-right:auto;
}
.container-code p{
	font-family: PingFang-SC-Regular;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	text-align:center;
	letter-spacing: 0px;
	color: #666666;
    margin-top:40px;
}

.tag{
	width: 420px;
	/*height: 728px;*/
	background-color: #ffffff;
	border-radius: 4px;
    margin-top:20px;
    overflow:hidden;
}
.tag .subtitle{
	font-family: PingFang-SC-Bold;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
    height:20px;
    line-height:20px;
    border-left:solid 3px #ff7237;
    padding-left:10px;
    margin-left:20px;
    margin-top:30px;
    margin-bottom:20px;
}
.tag .subitem{
    width:400px;
    margin-left:20px;
    margin-bottom:30px;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}
.tag .subitem a{
    display:block;
    height:50px;
    line-height:50px;
    margin-right:30px;
}
.tag .subitem a:hover{
     color:#ff7237 !important;
}

