.pagesBanner{
    height:37.5rem !important;
}
.pagesBanner .button{
    top: calc(42rem/2) !important;
}
.pagesBanner .swiper-slide .title:before{
    background: rgba(255,255,255,0.2) !important;
}
.pagesBanner .swiper-slide .title:after{
    background: rgba(255,255,255,0.4) !important;
}
#pages{
    margin:0 auto;
    padding: 0 0 var(--fDSize);
    border-bottom: 1px solid rgba(51,51,51,0.1);
}
#pages .moveTop{
    margin: 3rem auto 0;
}
#pages .titleBox{
    display: flex;
    align-items: baseline;
    padding: 0 0 var(--fSize);
    border-bottom: 1px solid var(--navLine);
    flex-wrap: nowrap;
}
#pages .title{
    font-size: var(--fDSize);
    font-weight: 500;
    color: var(--fMColor);
    flex: 0 0 50%;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 1;
    -moz-box-orient: vertical;
    overflow-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    overflow: hidden;
}
#pages .iconfont{
    font-size: var(--fSize);
    color: var(--fDColor);
}
#pages .breadcrumb{
    display: inherit;
    justify-content: flex-end;
    flex: 0 0 50%;
}
#pages .breadcrumb li{
    margin: 0 0 0 var(--fSize);
    padding: 0 var(--fSize) 0 0;
    
    border-right: 1px solid var(--navLine);
    transition:0.35s ease-in-out;
}
#pages .breadcrumb li:nth-last-of-type(1){
    padding: 0;
    border:none;
}
.feedback .breadcrumb li:nth-last-of-type(2){
    padding: 0 !important;
    border:none !important;
}
.feedback .breadcrumb li:nth-last-of-type(1){
    display:none;
}
#pages .breadcrumb li a{
    font-size: var(--fMSize);
    color: var(--fDColor);
    transition: 0.35s ease-in-out;
}
#pages .breadcrumb li:hover a{
    color: var(--fMColor);
    font-wegith:500;
}
#pages .navList{
    display: flex;
    justify-content: space-between;
    width: calc(100% + 1rem);
    margin: var(--fSize) auto 0;
    flex-wrap: nowrap;
}
#pages .navList .list{
    position: relative;
    text-align: center;
    width: 100%;
    margin: 0 1rem 1rem 0;
    font-size: var(--fSize);
    color: var(--fColor);
    line-height: 2.5;
    border: 1px solid var(--navLine);
    border-radius: var(--fBorderSize);
    overflow: hidden;
}
#pages .navList .list:before{
    content:" ";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: var(--fDDSize);
    background: var(--fMColor);
    transition: 0.35s ease-in-out;
    z-index:-1;
}
#pages .navList .list:hover:before{
    width:100%;
}
#pages .navList .list a{
    display: block;
    color: var(--fMColor);
}
#pages .navList .list:hover a{
    color:#fff;
}
#pages .pList{
    display:flex;
    width: calc(100% + 1rem);
    justify-content: flex-start;
    margin: var(--fDDSize) auto 0;
    flex-wrap:wrap;
}
#pages .pList li{
    display:initial;
    position: relative;
    width: calc((100% - 12rem)/4);
    margin: 0 var(--fSize) var(--fSize) 0;
    padding: var(--fSize);
    background: rgba(51,51,51,0.025);
    border-radius: 1rem;
    overflow: hidden;
}
#pages .pList li a{
    display: flex;
    justify-content: center;
    flex-wrap:wrap;
}
#pages .pList li .flag{
    position: absolute;
    top: var(--fSize);
    left: var(--fSize);
    width: auto;
    height: auto;
    padding: 0 var(--fSize);
    font-size: var(--fMSize);
    color: var(--fWColor);
    background: var(--fMColor);
    border-radius: var(--fBorderSize);
    z-index: 3;
}
#pages .pList li .channel{
    left:auto;
    right: var(--fSize);
    background: var(--navLine);
}
#pages .pList li .imgBox{
    display: flex;
    justify-content: center;
    padding: 0;
    flex:0 0 100%;
    overflow: hidden;
}
#pages .pList li .imgBox img{
    width: 100%;
    max-width: 19rem;
    height: auto;
    max-height: 26rem;
    transform: scale(0.85);
    transition: 0.35s ease-in-out;
}
#pages .pList li:hover .imgBox img{
    transform: scale(1);
}
#pages .pList li .listTitle{
    width: 80%;
    text-align: left;
    margin: var(--fSize) auto 0;
}
#pages .pList li .listTitle .pNum{
    margin: 0 auto var(--fBorderSize);  
    padding: 0 0 var(--fBorderSize); 
    border-bottom: 1px solid var(--navLine);
}
#pages .pList li .listTitle .pTitle span{
    display: -webkit-box;
    font-size: var(--fSTSize);
    font-weight: 600;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#pages .description{
    margin: var(--fBorderSize) auto 0;
    font-size: var(--fMSize);
    color: var(--fDColor);
    line-height:1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 2;
    -moz-box-orient: vertical;
    overflow-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    overflow: hidden;
}
#pages .pagination{
    display:flex;
    justify-content: center;
    margin: var(--fSize) auto 0;
}
#pages .pagination li{
    margin: 0 var(--fBorderSize);
}
#pages .pagination .active{
    padding: 0 var(--fBorderSize);
    background: var(--fMColor);
    border-radius: var(--fBorderSize);
}
#pages .pagination li a{
    color: var(--fDColor);
}
#pages .pagination .active span{
    color: var(--fWColor);
}
#pages .loadmore{
    text-align: center;
    margin:0;
}
#pages .aboutCon{
    position:relative;
    margin: var(--fSize) auto;
}
#pages .aboutCon img{
    width:100%;
    margin: 0 auto var(--fSize);
    border-radius: var(--fBorderSize);
}
#pages .aboutCon p,#pages .aboutCon span{
    margin: 0;
    padding: 0;
    line-height: 2;
}
#pages .imgList{
    display: flex;
    position:relative;
    width:calc(100% + 1rem);
    margin: var(--fSize) auto 0;
    flex-wrap: wrap;
    overflow: hidden;
}
#pages .imgList .list{
    text-align:center;
    width:calc((100% - 5rem)/5);
    margin: 0 var(--fSize) var(--fSize) 0;
}
#pages .imgList .list .imgBox{
    width:100%;
    margin: 0 auto var(--fBorderSize);
    border-radius: var(--fBorderSize);
    overflow:hidden;
}
#pages .imgList .list .imgBox img{
    width:100%;
}
#pages .detail{
    display: flex;
    margin: var(--fDDSize) auto 0;
    flex-wrap: wrap;
}
#pages .detail .imgBox{
    display: flex;
    justify-content: center;
    padding: 0;
    background: rgba(51,51,51,0.025);
    border-radius: var(--fSize) 0 0 var(--fSize);
    overflow: hidden;
    flex:0 0 50%;
}
#pages .detail .imgBox img{
    width:100%;
    padding: var(--fDSize);
}
#pages .detail .infoBox{
    padding: 0 0 0 var(--fDDSize);
    flex: 0 0 calc(50% - 3rem);
}
#pages .detail .infoBox .dList{
    margin: 0 auto var(--fSize);
    padding: 0 0 var(--fSize);
    font-size: var(--fMSize);
    border-bottom: 1px solid rgba(51,51,51,0.1);
}
#pages .detail .infoBox .dList span{
    margin: 0 var(--fBorderSize) 0 0;
    font-size: var(--fMSize);
    font-weight: normal;
    color: var(--fDColor);
}
#pages .detail .infoBox .dTile{
    font-size: var(--fSTSize);
    font-weight: 600;
    color: var(--fMColor);
}
#pages .detail .infoBox .description article{
     display: -webkit-box;
    margin: var(--fBorderSize) auto;
    font-size: var(--fMSize);
    color: var(--fDColor);
    line-height:1.5;
    font-size: var(--fMSize);
    transition: 0.35s ease-in-out;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#pages .detail .content{
    margin: var(--fDDSize) auto 0;
    flex:0 0 100%;
}
#pages .detail .content .cTitle{
    margin: 0 0 var(--fSize);
    padding: 0 0 var(--fSize);
    font-size: var(--fSize);
    color: var(--fMColor);
    font-weight: 600;
    border-bottom:1px solid rgba(51,51,51,0.25);
}
#pages .detail .content .cTitle i{
    margin: 0 var(--fBorderSize) 0 0;
}
#pages .detail .content p{
    line-height:2;
}
#pages .detail .reProduct{
    margin: var(--fDDSize) auto 0;
    flex:0 0 100%;
}
#pages .detail .reProduct .cTitle{
    margin: 0 0 var(--fSize);
    padding: 0 0 var(--fSize);
    font-size: var(--fSize);
    color: var(--fMColor);
    font-weight: 600;
    border-bottom:1px solid rgba(51,51,51,0.25);
}
#pages .detail .reProduct .cTitle i{
    margin: 0 var(--fBorderSize) 0 0;
}
#pages .detail .reProduct .imgBox img{
    padding: var(--fSize) 0 0;
}
#pages .detail .pList li{
    width: calc((100% - 18rem)/6);
}
#pages .detail .contact{
    display: flex;  
    flex-wrap: nowrap;
}
#pages .detail .contact .cList{
    width:auto;
    margin: 0 var(--fBorderSize) 0 0;
    padding: var(--fBorderSize);
    background: var(--navLine);
    border: none;
    border-radius: var(--fBorderSize);
    transition: 0.35s ease-in-out;
}
#pages .detail .contact .cList:hover{
     background: var(--fMColor);
}
#pages .detail .contact .cList a{
    color:#fff;
}
#pages .detail .contact .cList i{
    font-size: var(--fMSize);
    color: var(--fWColor);
}
#pages .detail .contact .cList i:before{
    margin: 0 var(--fBorderSize) 0 0;
}
#pages .nList{
    display: flex;
    position: relative;
    width: calc(100% + 1rem);
    margin: var(--fDSize) auto;
    flex-wrap: wrap;
}
#pages .nList li{
    display: inherit;
    position: relative;
    width: calc((100% - 2rem)/2);
    max-height: 13rem;
    margin: 0 var(--fSize) var(--fSize) 0;
    padding: 0;
    background: rgba(51,51,51,0.02);
    border-radius: var(--fSize);
    overflow: hidden;
}
#pages .nList li a{
    display: inherit;
    color: var(--fColor);
}
#pages .nList li:nth-last-of-type(1){
    margin: 0;
    padding:0;
    border:none;
}
#pages .nList li .channel{
    position:absolute;
    top: var(--fBorderSize);
    left: var(--fBorderSize);
    padding: 0.25rem var(--fBorderSize);
    font-size: var(--fMMSize);
    color: var(--fWColor);
    background: var(--fMColor);
    border-radius: var(--fBorderSize);
    z-index:2;
}
#pages .nList li .imgBox{
    display: inherit;
    flex: 0 0 30%;
    overflow: hidden;
}
#pages .nList li .imgBox img{
    width:100%;
    padding: 0;
    transform: scale(1);
    transition:0.35s ease-in-out;
}
#pages .nList li:hover .imgBox img{
    transform: scale(1.1);
}
#pages .nList li .listTitle{
    padding: var(--fSize);
    flex: 0 0 calc(70% - 2rem);
}
#pages .nList li .listTitle .label{
    width: 100%;
    margin: 0 0 var(--fBorderSize);
    padding: 0 0 var(--fBorderSize);
    border-bottom: 1px solid var(--navLine);
}
#pages .nList li .listTitle .label:nth-last-of-type(1){
    margin: 0;
    padding: 0;
    border:none;
}
#pages .nList li .listTitle .label span{
    font-size: var(--fMSize);
    line-height: 1.25;
    transition:0.35s ease-in-out;
}
#pages .nList li .listTitle .label span:nth-of-type(1){
    font-size: var(--fMMSize);
    color: var(--fDColor);
    line-height: 1.75;
}
#pages .nList li .listTitle .nTitle span:nth-of-type(2){
    font-size: var(--fSTSize);
    font-weight:600;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 1;
    -moz-box-orient: vertical;
    overflow-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    overflow: hidden;
}
#pages .nList li:hover .listTitle .nTitle span:nth-of-type(2){
    font-weight:600;
    color: var(--fMColor);
}
#pages .nList li .listTitle .description span:nth-of-type(2){
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 1;
    -moz-box-orient: vertical;
    overflow-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    overflow: hidden;
}
#pages .newsDetail{
    margin: var(--fDSize) auto 0;
}
#pages .newsDetail .title{
    position: relative;
    margin: 0 auto var(--fSize);
    padding: 0 0 var(--fSize);
    border-bottom: 1px solid var(--navLine);
    flex: 0 0 100%;
}
#pages .newsDetail .title .sTitle{
    display: block;
    position: absolute;
    right: 0;
    bottom: var(--fSize);
    font-size: var(--fMSize);
    color: var(--fDColor);
}
#pages .newsDetail .newsInfo{
    padding: var(--fSize);
    font-size: var(--fMSize);
    line-height: 1.5;
    background: rgba(51,51,51,0.05);
    border-radius: var(--fBorderSize);
}
#pages .newsDetail .newsInfo article{
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 2;
    -moz-box-orient: vertical;
    overflow-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    overflow: hidden;
}
#pages .newsDetail .content{
    margin: var(--fSize) auto 0;
}
#pages .newsDetail .content p,#pages .newsDetail .content span{
    margin: var(--fSize) auto;
    padding: 0;
    font-size: var(--fSize);
    line-height: 2;
}
#pages .newsDetail .content p:nth-last-of-type(1),#pages .newsDetail .content span:nth-last-of-type(1){
    margin:0;
}
#pages .newsDetail .recNews{
    margin: var(--fDSize) auto 0;
    flex:0 0 100%;
}
#pages .newsDetail .recNews .cTitle{
    margin: 0 0 var(--fSize);
    padding: 0 0 var(--fSize);
    font-size: var(--fSize);
    color: var(--fMColor);
    font-weight: 600;
    border-bottom:1px solid rgba(51,51,51,0.25);
}
#pages .newsDetail .recNews .cTitle i{
    margin: 0 var(--fBorderSize) 0 0;
}
#pages .newsDetail .nList .imgBox{
    padding:0;
}
.search{
    position: relative;
}
.search .findNum{
    display: flex;
    margin: var(--fBorderSize) 0;
    flex-wrap: nowrap;
}
.search .findNum .leftNum{
    flex: 0 0 60%;
}
.search .findNum .leftNum span{
    font-size: var(--fMSize);
    color: var(--fDColor);
}
.search .findNum .leftNum span:nth-of-type(2){
    font-size: var(--fSize);
    font-weight: 600;
    color: var(--fMColor);
}
.search .findNum .click{
    display: inherit;
    justify-content: flex-end;
    flex: 0 0 40%;
}
.search .findNum .click #list{
    margin: 0 0 0 var(--fBorderSize);
    padding: 0 var(--fBorderSize) 0 0!important;
    font-size: var(--fMSize);
    color: var(--fDColor);
    border-right: 1px solid var(--navLine);
    transition:0.35s ease-in-out;
}
.search .findNum .click #list:hover{
    color: var(--fMColor);
}
.search .findNum .click #list:nth-last-of-type(1){
    margin:0;
    padding: 0 0 0 var(--fBorderSize)!important;
    border:none;
}
.search .sList{
    display:flex;
    width: calc(100% + 1rem);
    margin: var(--fDSize) auto 0;
    flex-wrap: wrap;
}
.search .sList .list{
    width: calc((100% - 20rem)/4);
    margin: 0 var(--fSize) var(--fSize) 0;
    padding: var(--fDSize) var(--fDSize) 0;
    background: rgba(51,51,51,0.015);
    border-radius: var(--fBorderSize);
}
.search .sList .list:nth-last-of-type(1){
    border:none;
}
.search .sList .list .imgBox{
    width:100%;
    margin: 0 auto var(--fSize);
    overflow:hidden;
}
.search .sList .list .imgBox img{
    width:100%;
}
.search .sList .list .label{
    position: relative;
}
.search .sList .list .label li{
    margin: 0 auto var(--fBorderSize);
    padding: 0 0 var(--fBorderSize);
    border-bottom: 1px solid var(--navLine);
}
.search .sList .list .label li:nth-last-of-type(1){
    border-bottom:none;
}
.search .sList .list .label span{
    font-size: var(--fMSize);
    color: var(--fColor);
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 1;
    -moz-box-orient: vertical;
    overflow-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    overflow: hidden;
}
.search .sList .list .label span:nth-of-type(1){
    font-size: var(--fMMSize);
    color: var(--fDColor);
}