﻿.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;
}
.container-item{
    width:100%;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}
.container-item a{
    display:block;
    height:50px;
    line-height:50px;
    margin-left:30px;
}
.container-item a:hover{
     color:#ff7237 !important;
}


.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;
}

