body{
    margin:0;
    padding:0;
    overflow-x: hidden;
}
a {
	padding:0 !important;
    color:var(--fColor);
}
a:hover,a:active,a:visited,a:link {
	color: var(--fMColor);
	text-decoration:none;
}
.main{
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100% - 6rem);
    padding: var(--fSize) var(--fDDSize);
    z-index: 1000;
}
.main:after{
    content:"";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 6.5rem;
    background: var(--fWColor);
    box-shadow: 1px 1px 16px rgba(51,51,51,0.05);
    z-index: 2;
}
.homeMain{
    display: inherit;
    width:100%;
    padding: 0;
    flex-wrap: inherit;
}
.pLeft{
    padding: 0 3rem 0 15rem;
}
header{
    display:flex;
}
header .logo{
    position: relative;
    max-width: 12.5rem;
    z-index: 3;
    overflow: hidden;
}
header .icon-menu1{
    display:none;
}
header .mNav{
    display:none;
}
header .nav{
    display:flex;
    width: 100%;
    max-width:60rem;
    margin: 0 0 0 3rem;
    z-index: 3;
}
header .nav li{
    display: inline-flex;
    position: relative;
    justify-content: center;
    align-items: center;
    flex:0 0 calc(100%/7);
}
header .nav li:before{
    content:" ";
    position: absolute;
    top: -1rem;
    width: 100%;
    height: 0;
    background: transparent;
    transition: 0.35s ease-in-out;
    z-index: 3;
}
header .nav li:hover:before{
    height: 6.5rem;
    background: var(--fMColor);
    border-radius: 0.5rem 0.5rem 0 0;
    transition: 0.35s ease-in-out;
}
header .nav li a{
    display: inline-flex;
    position: relative;
    justify-content: center;
    align-items: inherit;
    width: 100%;
    height: auto;
    background:none;
    transition: 0.35s ease-in-out;
    text-decoration:none;
    z-index: 4;
}
header .nav li a:after{
    position: absolute;
    right: 0;
    content:" ";
    width: 1;
    height: 1rem;
    background: var(--navLine);
}
header .nav li:nth-last-of-type(1) a:after{
    width:0;
}
header .nav li:hover a:after{
    display:none;
}
header .nav li a h1{
    font-size: var(--fSize);
    color: var(--fColor);
    transition:0.35s ease-in-out;
}
header .nav li:hover a h1{
    color: var(--fWColor);
}
header .nav .sonFix{
    display: none;
    position:fixed;
    top: 6.5rem;
    left: 0;
    width: calc(100% - 40rem);
    padding: var(--fSize) 20rem;
    background: var(--fMColor);
}
/* header .nav li:nth-of-type(1) .sonFix{
    display:none;
    transform: translateX(-200%);
    transition: 0.7s ease-in-out;
    z-index: -10;
}
header .nav li:nth-of-type(1):hover .sonFix{
    transform: translateX(0%);
} */
header .nav li .sonFix{
    display: inline-flex;
    transform: translateX(-200%);
    transition: 0.7s ease-in-out;
    z-index: -10;
}
header .nav li:nth-last-of-type(1) .sonFix{
    display:none;
}
header .nav li:nth-last-of-type(2) .sonFix{
    display:none;
}
header .nav .active .sonFix{
    transform: translateX(0%);
}
header .nav .sonFix .leftImg{
    width:100%;
    height: 0;
    padding: 0 0 14rem;
    flex: 0 0 28rem;
    border: var(--fBorderSize) solid var(--fWColor);
    overflow:hidden;
}
header .nav .sonFix .leftImg img{
    width:100%;
    height: auto;
    transform:scale(1);
    transition:0.35s ease-in-out;
}
header .nav .sonFix:hover .leftImg img{
    transform:scale(1.05);
}
header .nav .sonFix .rightSon{
    padding: var(--fDSize);
    background: var(--fWColor);
    flex: 0 0 28rem;
}
header .nav .sonFix .rightSon .navTitle{
    margin: 0 auto var(--fSize);
    padding: 0 0 var(--fSize);
    font-size: var(--fTSize);
    font-weight: 600;
    color: var(--fMColor);
    border-bottom: 1px solid var(--navLine);
}
header .nav .sonFix .rightSon .des{
    margin: 0 0 var(--fSize);
    font-size: var(--fSize);
    font-weight: 400;
    color: var(--fDColor);
}
header .nav .sonFix .rightSon .son{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
header .nav .sonFix .rightSon .sList{
    width: auto;
    padding: 0 var(--fSize) var(--fSize) 0;
}
header .nav .sonFix .rightSon .slist:before{
    display:none;
}
header .nav .sonFix .rightSon .sList:nth-last-of-type(1){
    border:none;
}
header .nav .sonFix .rightSon .sList a:after{
    display: none;
}
header .nav .sonFix .rightSon .sList h3{
    font-size: var(--fMSize);
    color: var(--fColor);
    transition: 0.35s ease-in-out;
}
header .nav .sonFix .rightSon .sList:hover h3{
    font-weight:500;
    color: var(--fMColor);
}
header .search{
    display:flex;
    position: absolute;
    top: 2.5rem;
    right: 3rem;
    z-index: 3;
    transition: 0.35s ease-in-out;
}
header .search form{
    margin:0;
}
header .search form input{
    width:0;
    border:none;
}
header .search form button{
    display:none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
}
header .search form button i{
    font-size: var(--fMSize);
    color: var(--fFDColor);
}
header .search form button i:before{
    margin: 0 0.25rem 0 0;
}
header .showSearch{
    top: 2rem;
    margin:0;
    padding: var(--fBorderSize);
    border: 1px solid var(--navLine);
    border-radius: var(--fBorderSize);
    transition: 0.35s ease-in-out;
}
header .showSearch input{
    width: 9rem !important;
    text-align: right;
    width: 10rem;
    margin: 0 var(--fBorderSize) 0 0;
    border-right: 1px solid var(--navLine) !important;
    outline:0;
}
header .showSearch span{
    width:0;
    transition: 0.35s ease-in-out;
}
#banner{
    position: relative;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    overflow:hidden;
}
#banner .swiper-slide{
    position:inherit;
}
#banner .swiper-slide .imgBox{
    position:inherit;
    z-index: 1;
}
#banner .swiper-slide .imgBox img{
    width:100%;
    height:auto;
}
#banner .swiper-slide .title{
    position: absolute;
    right: 21vw;
    bottom: 15vh;
    z-index: 2;
}
#banner .swiper-slide .title:before{
    content:' ';
    position: absolute;
    top: -2rem;
    left: -2rem;
    width:8rem;
    height: 8rem;
    background: var(--fMColor);
    border-radius: 8rem;
    animation: hBanAnimation 10s infinite;
    z-index: -1;
    opacity: 0.4;
}
#banner .swiper-slide .title:after{
    content:' ';
    position: absolute;
    top: -2.5rem;
    left: -2.5rem;
    width:9rem;
    height: 9rem;
    background: var(--fMColor);
    border-radius: 8rem;
    animation: hBanAnimation 10s infinite;
    z-index: -1;
    opacity: 0.4;
}
#banner .swiper-slide .title h2{
    font-size: var(--fDSize);
    font-weight: 600;
    color: var(--fWColor);
}
#banner .swiper-slide .title h6{
    font-size: var(--fMSize);
    font-weight: 200;
    color: var(--fWColor);
    opacity: 0.4;
}
#banner .swiper-slide .title i{
    display: none;
    position: absolute;
    top: 1.5rem;
    right: -4rem;
    font-size: var(--fTSize);
    color:#fff;
}
#banner .button{
    position: absolute;
    top: calc((100vh - 2rem)/2);
    z-index: 10;
}
#banner .homeBanner-prev{
    left:0rem;
    opacity:0;
    transition: 0.35s ease-in-out;
}
#banner:hover .homeBanner-prev{
    left:2rem;
    opacity:1;
}
#banner .homeBanner-next{
    right:0rem;
    opacity: 0;
    transition: 0.35s ease-in-out;
}
#banner:hover .homeBanner-next{
    right:2rem;
    opacity:1;
}
#banner .button i{
    font-size:2rem;
    color:#fff;
}
.column .title h8{
    display: block;
    margin: 0 0 0.5rem;
    font-size: var(--fSize);
    color: var(--navLine);
}
.column .title h2{
    font-size: var(--fBSize);
    font-weight: 600;
    color: var(--fMColor);
    line-height: 1;
}
.column .title .line{
    display:block;
    width:1.75rem;
    height:0.125rem;
    margin: 3rem 0 2rem;
    background: var(--fMColor);
    transition:0.35s ease-in-out;
}
.column:hover .title .line{
    width:8.75rem;
}
.column .fixFont{
    display: flex;
    position:absolute;
    top: 8.5rem;
    right: 3rem;
    width: 69.5vw;
    flex-wrap: nowrap;
}
.column .fixFont span{
    font-size: var(--fSTSize);
    color: var(--fColor);
    line-height: var(--fSTSize);
    flex: 0 0 80%;
}
.column .fixFont .more{
    text-align: right;
    font-size: var(--fMSize);
    color: var(--navLine);
    line-height: var(--fSTSize);
    transition: 0.35s ease-in-out;
    flex: 0 0 20%;
}
.column .fixFont .more:hover{
    color: var(--fMColor);
}
#about{
    display:flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 3;
}
#about:before{
    content:" ";
    position: absolute;
    top: 7.5rem;
    right:0;
    width: 0vw;
    height: 1px;
    background: var(--navLine);
    transition: 0.35s ease-in-out;
}
#about:hover:before{
    width: 61.5vw;
}
#about .aboutImg:nth-of-type(1){
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    transition:0.35s ease-in-out;
    z-index: -10;
}
#about:hover .aboutImg:nth-of-type(1){
    opacity:0.025;
}
#about .aboutImg:nth-of-type(2){
    position:absolute;
    bottom:0;
    right:0;
    opacity:1;
    transition:0.35s ease-in-out;
    z-index: -10;
}
#about .homeMain{
    display:inherit;
    flex-wrap: inherit;
}
#about .numCount{
    margin: 3rem 0 0 4rem;
    flex: 0 0 calc(70% - 4rem);
}
#about .numCount ul{
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
}
#about .numCount ul li{
    flex:0 0 calc(100%/3);
}
#about .numCount ul li .numCX{
    font-size: var(--fBSize);
    font-weight: 800;
    color: var(--fColor);
}
#about .numCount ul li .unitC{
    font-size: var(--fSize);
    color: var(--fColor);
}
#about .numCount ul li .indc{
    font-size: var(--fMSize);
    color: var(--fColor);
}
#about .info{
    flex: 0 0 80%;
}
#about .info p{
    font-size: var(--fSize);
    line-height: 2;
}
#about .more{
    flex:0 0 100%;
}
#about .more a{
    display:block;
    text-align: center;
    width:11rem;
    height:3rem;
    margin: 4rem 0;
    font-size: var(--fMSize);
    line-height: 3rem;
    background:none;
    border: 1px solid var(--navLine);
    transition: 0.35s ease-in-out;
}
#about .more:hover a{
    color:var(--fWColor);
    background: var(--fMColor);
    border-radius:0.5rem;
}
#about .more a span{
    padding:0 0 0 0.5rem;
    font-size: var(--fMMSize);
    color: var(--fDColor);
}
#about .mDesign{
    width: 100%;
    max-width: 17rem;
    height: auto;
    border-radius: 0;
    transition: 0.35s ease-in-out;
}
#about .mDesign:hover{
    border-radius: 1rem; 
}
#product{
    display:flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 3;
}
#product:after{
    content:"";
    position: absolute;
    top: 7.5rem;
    right:0;
    width: 0vw;
    height: 1px;
    background: var(--navLine);
    transition: 0.35s ease-in-out;
}
#product:hover:after{
    width: 72vw;
}
#product .pBgLeft{
    position:absolute;
    top: 0;
    left: 0;
}
#product .info{
    display: inherit;
    max-width: 18rem;
    flex-wrap: wrap;
}
#product  .nav{
    display: flex;
    max-width: 12rem;
    margin: 3rem 0 0;
    flex-wrap: wrap;
}
#product  .nav li{
    position: relative;
    width: 100%;
    height:3rem;
    margin: 0 0 0.5rem;
    padding: 0 0 0 2rem;
    line-height: 3rem;
    border: 1px solid var(--navLine);
    background: transparent;
    border-radius:0rem;
    transition: 0.35s ease-in-out;
}
#product .nav li:hover{
    padding: 0 0 0 2.5rem;
    background: var(--fMColor);
    border-radius: 0.5rem;
    transition: 0.35s ease-in-out;
}
#product .nav li a{
    display:block;
    font-size: var(--fMSize);
    color: var(--fColor);
}
#product .nav li:hover a{
    color: var(--fWColor);
}
#product .nav li .iconfont{
    position: absolute;
    left: 0rem;
    font-size: var(--fMSize);
    transition: 0.35s ease-in-out;
    opacity: 0;
}
#product .nav li:hover .iconfont{
    left: 1rem;
    color: var(--fWColor);
    opacity: 1;
}
#product .info .button{
    display: inherit;
    width: 100%;
    max-width: 12rem;
    margin: 3rem 0 0;
    flex-wrap: nowrap;
    flex:0 0 100%;
}
#product .info .button .pList-prev{
    text-align: left;
    font-size: var(--fMSize);
    color: var(--fDColor);
    flex:0 0 50%;
    transition: 0.35s ease-in-out;
}
#product .info .button .pList-prev:hover{
        color: var(--fMColor);
}
#product .info .button .pList-prev i:before{
    padding:0 0.25rem 0 0;
}
#product .info .button .pList-next{
    text-align: right;
    font-size: var(--fMSize);
    color: var(--fDColor);
    flex:0 0 50%;
}
#product .info .button .pList-next:hover{
        color: var(--fMColor);
}
#product .info .button .pList-next i:before{
    padding:0 0 0 0.25rem;
}
#product .plist{
    display: inherit;
    width: calc(100% - 18rem);
    height: 36rem;
    padding: 0 0 7rem 0;
    overflow: hidden;
}
#product .plist .swiper-wrapper{
    display: inherit;
    width: inherit;
    margin: 5rem 0 0;
    flex-wrap: nowrap;
}
#product .plist .swiper-wrapper .swiper-slide{
    display:flex;
    position:relative;
}
#product .plist .swiper-wrapper .swiper-slide:before{
    content:" ";
    position: absolute;
    width:100%;
    height:100%;
    background: url(/assets/addons/cms/img/pListBg.jpg) no-repeat right top;
    background-size: inherit;
    transition:0.35s ease-in-out;
    z-index: -10;
}
#product .plist .swiper-wrapper .swiper-slide:hover:before{
    height:65%;
}
#product .plist .swiper-wrapper .swiper-slide a{
    display: inherit;
    justify-content: center;
    align-items: baseline;
    flex-wrap: wrap;
}
#product .plist .swiper-slide .flag{
    position: absolute;
    top: var(--fSize);
    left: var(--fSize);
    width: auto;
    height: auto;
    padding: 0 var(--fSize);
    color: var(--fWColor);
    background: var(--fMColor);
    border-radius: var(--fBorderSize);
}
#product .plist .swiper-slide .titleBox{
    text-align: left;
    padding: 4rem 0 3rem;
    flex: 0 0 calc(100% - 6rem);
}
#product .plist .swiper-slide .titleBox span{
    display:block;
}
#product .plist .swiper-slide .titleBox .num{  
    font-size: var(--fSSTize); 
    color: var(--fColor);
}
#product .plist .swiper-slide .titleBox .num i:before{
    padding:0 0.5rem 0 0;
}
#product .plist .swiper-slide .titleBox .title{
    display:-webkit-box;
    font-size: var(--fTBSiz);
    font-weight: 700;
    color: var(--fColor);
    line-height: 2;
    transition: 0.35s ease-in-out;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient:vertical;
    overflow: hidden;
}
#product .plist .swiper-slide:hover .titleBox .title{
    color: var(--fMColor);
}
#product .plist .swiper-slide .imgBox{
    overflow: hidden;
}
#product .plist .swiper-slide .imgBox img{
    width: auto;
    height: 100%;
    max-height: 26.25rem;
    transform: scale(1);
    transition: 0.35s ease-in-out;
}
#product .plist .swiper-slide:hover .imgBox img{
    transform: scale(0.9);
}
/* #product .plist .swiper-slide-active .imgBox img{
    transform: scale(0.9);
    transition: 0.35s ease-in-out;
} */
/* #product .plist .swiper-wrapper .swiper-slide-active:before{
    height:65%;
    transition: 0.35s ease-in-out;
} */
#adv{
    display: flex;
    position: relative;
    margin: -2.5rem auto 0;
    flex-wrap: wrap;
    z-index: 2;
}
#adv:after{
    content:"";
    position: absolute;
    top: 7.5rem;
    right:0;
    width: 0vw;
    height: 1px;
    background: var(--navLine);
    transition: 0.35s ease-in-out;
}
#adv:hover:after{
    width: 72vw;
}
#adv .pBgLeft{
    position:absolute;
    left:0;
    bottom:0;
    z-index: -10;
}
#adv .advList{
    display: inherit;
    /* max-width: 84rem; */
    margin: 5rem -2rem 0 0;
    padding: 0 0 0 18rem;
}
#adv .advList li{
    width: calc(100%/4);
    height: auto;
    margin: 0 2rem 0 0;
    padding: 4rem 2rem;
    max-height: 17rem;
    background: url(/assets/addons/cms/img/advLBg.jpg) no-repeat;
    background-size: cover;
    border-radius: 0;
    transition: 0.35s ease-in-out;
    overflow: hidden;
}
#adv .advList li:hover{
    border-radius: 1rem;
}
#adv .advList li:nth-child(2n){
    background: url(/assets/addons/cms/img/advLBgTwo.jpg) no-repeat;
    background-size: cover;
}
#adv .advList li .title{
    display: block;
    margin: 0 0 1rem 0;
    font-size: var(--fTSize);
    font-weight: 600;
    color: var(--fWColor);
}
#adv .advList li .description{
    display: block;
    font-size: var(--fMSize);
    color: var(--fWColor);
    line-height: 1.4;
}
#parnter{
    display: flex;
    position: relative;
    margin: 0 auto 0;
    flex-wrap: wrap;
    z-index: 2;
}
#parnter:after{
    content:"";
    position: absolute;
    top: 7.5rem;
    right:0;
    width: 0vw;
    height: 1px;
    background: var(--navLine);
    transition: 0.35s ease-in-out;
}
#parnter:hover:after{
    width: 72vw;
}
#parnter .title{
    flex:0 0 100%;
}
#parnter .parList{
    display: inherit;
    margin: 3rem auto 0;
    flex:0 0 100%;
    flex-wrap: inherit;
}
#parnter .parList li{
    text-align: center;
    width: calc((100% - 5rem)/5);
    margin: 0 1rem 1rem 0;
}
#parnter .parList li .imgBox{
    width: 100%;
    height: auto;
    margin:0 auto 1rem;
    overflow: hidden;
}
#parnter .parList li .imgBox img{
    width:100%;
    height:auto;
    transform: scale(1);
    transition: 0.35s ease-in-out;
}
#parnter .parList li:hover .imgBox img{
    transform: scale(1.25);
}
#make{
    position: relative;
}
#make .fixFont{
    display:none;
}
#make .listBg{
    display: flex;
    align-items: center;
    position: relative;
    height: 39.75rem;
    flex-wrap: nowrap;
}
#make .listBg .imgBg{
    content:"";
    position: absolute;
    width:100%;
    height:100%;
    background: url(/assets/addons/cms/img/hMake/hMake01.jpg) no-repeat;
    background-size:cover;
    filter: blur(4px);
    z-index: -2;
}
#make .listBg:after{
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
    background: rgba(255,255,255,0.4);
    background-size: cover;
    z-index: -1;
}
#make .info{
    display: inherit;
}
#make .info .smallTitle{
    width: 1rem;
    padding: 3.5rem 0.5rem 0 4rem;
    font-size: var(--fSTSize);
    font-weight: 400;
    line-height: 1;
}
#make .info .title{
    width: 4rem;
    padding:0;
    font-size: var(--fBBSize);
    font-weight: 600;
    color: var(--fMColor);
    line-height: 1;
}
#make .makeList{
    display: inherit;
    text-align: left;
    max-width: 14rem;
    margin: 0 0 4rem 2rem;
    flex-wrap: wrap;
}
#make .makeList li{
    position:relative;
    width: 10rem;
    height:3rem;
    margin: 0 auto 1rem;
    padding: 0 0 0 2rem;
    font-size: var(--fMSize);
    color: var(--fColor);
    line-height: 3rem;
    background: rgba(255,255,255,0.3);
    box-shadow: 1px 4px 12px rgba(51,51,51,0.1);
    transition: 0.35s ease-in-out;
}
#make .makeList li:hover{
    width: 10rem;
    padding: 0 0 0 2.5rem;
    color:#fff;
    background: var(--fMColor);
    border-radius:0.5rem;
}
#make .makeList li a{
    display:block;
    color: var(--fColor);
    transition: 0.35s ease-in-out;
}
#make .makeList li:hover a{
    color: var(--fWColor);
}
#make .makeList li i{
    position:absolute;
    left:0;
    font-size: var(--fMSize);
    color: var(--fWColor);
    transition: 0.35s ease-in-out;
    opacity: 0;
}
#make .makeList li:hover i{
    left:1rem;
    opacity:1;
}
#make .fixImg{
    position:absolute;
    top:0;
    right:0;
    max-width: 68rem;
    max-height: 39.75rem;
    overflow: hidden;
}
#make .fixImg:nth-of-type(1){
    display:block;
}
#make .fixImg img{
    width:100%;
    height:auto;
    transform: scale(1);
    transition: 0.35s ease-in-out;
}
#make:hover .fixImg img{
    transform: scale(1.05);
}
#make .fixInfo{
    position:absolute;
    right: 13rem;
    bottom: 2rem;
    width: 60rem;
    margin: 0 0 0 1rem;
    padding: 2rem;
    background: var(--fMColor);
    border-radius: 0.5rem;
}
#make .fixInfo span{
    font-size: var(--fSize);
    color: var(--fWColor);
    line-height: 1.5;
    text-overflow: ellipsis;
    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;
}
#honor{
    display: flex;
    position: relative;
    margin: 0 auto 0;
    flex-wrap: wrap;
    z-index: 2;
}
#honor:after{
    content:"";
    position: absolute;
    top: 7.5rem;
    right:0;
    width: 0vw;
    height: 1px;
    background: var(--navLine);
    transition: 0.35s ease-in-out;
}
#honor:hover:after{
    width: 72vw;
}
#honor .honorList{
    position: relative;
    max-height: 24.75rem;
    margin:4rem auto 0;
    overflow:hidden;
}
#honor .honorList .swiper-slide{
    width:100%;
}
#honor .honorList .h60{
    transition: 0.35s ease-in-out;
    opacity:0.6;
}
#honor .honorList .swiper-slide .imgBox{
    max-width:16.5rem;
    max-height:24.75rem;
}
#honor .honorList .swiper-slide .imgBox img{
    width:100%;
}
#honor .honorList .button{
    position: absolute;
    top: calc(50% - 1.5rem);
    text-align: center;
    width: var(--fDDSize);
    height: var(--fDDSize);
    color: var(--fWColor);
    line-height: var(--fDDSize);
    background: var(--fMColor);
    border-radius: var(--fMMSize);
    z-index: 4;
}
#honor .honorList .honor-prev{
    left:0;
    transition: 0.35s ease-in-out;
    opacity: 0;
}
#honor:hover .honorList .honor-prev{
    left:1rem;
    opacity:0.6;
}
#honor .honorList .honor-prev:hover{
    left:1rem;
    opacity:1;
}
#honor .honorList .honor-next{
    right:0;
    transition: 0.35s ease-in-out;
    opacity: 0;
}
#honor:hover .honorList .honor-next{
    right:1rem;
    opacity:0.6;
}
#honor .honorList .honor-next:hover{
    right:1rem;
    opacity:1;
}
#news{
    display: flex;
    position: relative;
    height: auto;
    margin: var(--fBBSize) auto 0;
    padding: 0 0 7.5rem;
    background: url(/assets/addons/cms/img/newsBg.jpg) no-repeat top center;
    flex-wrap: wrap;
    z-index: 2;
}
/* #news:before{
    content:"";
    position: absolute;
    top: 0rem;
    width: 100vw;
    height: 52rem;
    background: url(/assets/addons/cms/img/newsBg.jpg) no-repeat top center;
    transition: 0.35s ease-in-out;
    z-index: -10;
} */
#news:after{
    content:"";
    position: absolute;
    top: 7.5rem;
    right:0;
    width: 0vw;
    height: 1px;
    background: var(--navLine);
    transition: 0.35s ease-in-out;
}
#news:hover:after{
    width: 72vw;
}
#news .newsList{
    display: inherit;
    margin: var(--fBBSize) auto 0;
    flex: 0 0 calc(100% + 3rem);
    flex-wrap: inherit;
}
#news .newsList li{
    display: inherit;
    position: relative;
    width: calc((100% - 9rem)/3);
    margin: 0 3rem 0 0;
    box-shadow: 1px 4px 8px rgba(51,51,51,0.42);
    /* overflow: hidden; */
}
#news .newsList li a{
    display:inherit;
}
#news .newsList li .titleBox{
    display: inherit;
    position: absolute;
    bottom: 0;
    width: calc(100% - 2rem);
    height: 2rem;
    padding: var(--fBorderSize) var(--fSize) 0;
    background: var(--fMColor);
    border-radius: 0;
    transition: 0.35s ease-in-out;
    flex-wrap: wrap;
    overflow: hidden;
    z-index: 2;
}
#news .newsList li:hover .titleBox{
    height: 5.5rem;
    border-radius: var(--fBorderSize);
    transition: 0.35s ease-in-out;
}
#news .newsList li .titleBox .title{
    font-size: var(--fSize);
    line-height: var(--fDSize);
    color: var(--fWColor);
    flex: 0 0 calc(60% - 0rem);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -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;
}
#news .newsList li .titleBox .time{
    text-align:right;
    font-size: var(--fMSize);
    line-height: var(--fDSize);
    color: var(--fWColor);
    flex: 0 0 calc(40% - 0rem);
}
#news .newsList li .titleBox .description{
    margin: 0 0 var(--fSize);
    padding: var(--fBorderSize) 0 0;
    font-size: var(--fMMSize);
    color: var(--fWColor);
    line-height: 1.5;
    border-top: 1px solid rgba(255,255,255,0.1);
    flex: 0 0 calc(100% - 0rem);
    text-overflow: ellipsis;
    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;
    opacity: 0.8;
}
#news .newsList li .imgBox{
    width:100%;
    overflow:hidden;
}
#news .newsList li .imgBox img{
    width:100%;
    transform: scale(1);
    transition: 0.35s ease-in-out;
}
#news .newsList li:hover .imgBox img{
    transform: scale(1.05);
}
footer{
    display: flex;
    margin:4rem auto 0;
    flex-wrap: wrap;
}
footer .infoBox{
	max-width:28rem;
}
footer .infoBox .info{
	margin: var(--fDSize) auto 0;
}
footer .infoBox .info span,footer .infoBox .info a{
	display:block;
	margin: 0 auto var(--fBorderSize);
	font-size: var(--fMSize);
	color: var(--fDColor);
	transition: 0.35s ease-in-out;
}
footer .infoBox .info span,footer .infoBox .info a:hover{
    color: var(--fMColor);
}
footer .infoBox .info .name{
    font-size: var(--fSize);
    font-weight: 600;
    color: var(--fMColor);
}
footer .nav{
    display: inherit;
    margin: 0 0 0 4rem;
    flex-wrap: nowrap;
    flex: 0 0 calc(100% - 28rem - 8rem);
}
footer .nav .list{
    width: calc(100%/4);
    margin: 0 3rem 0 0;
}
footer .nav .list:nth-of-type(n+5){
    display:none;
}
footer .nav .list .top{
    display:flex;
}
footer .nav .list .top i{
    margin:0 0.5rem 0 0;
    font-size: var(--fSTSize);
    color: var(--fMColor);
    line-height: var(--fSTSize);
}
footer .nav .list h2{
    font-size: var(--fSTSize);
    font-weight: 600;
    color: var(--fColor);
    line-height: var(--fSTSize);
}
footer .nav .son{
    display: flex;
    margin: var(--fSize) 0 0 0;
    flex-wrap: wrap;
}
footer .nav .son .sList{
    width: calc((100% - 0px)/1);
    margin: 0 auto var(--fSize);
    transition: 0.35s ease-in-out;
}
footer .nav .son .sList h3{
    font-size: var(--fMSize);
    color: var(--fFDColor);
}
footer .nav .son .sList:hover h3{
    font-weight:500;
    color: var(--fMColor);
}
footer .code .top{
    display:flex;
    justify-content: flex-end;
    margin: 0 0 var(--fSize);
}
footer .code .top i{
    margin:0 0.5rem 0 0;
    font-size: var(--fSTSize);
    color: var(--fMColor);
    line-height: var(--fSTSize);
}
footer .code .top h2{
    font-size: var(--fSTSize);
    font-weight: 600;
    color: var(--fColor);
    line-height: var(--fSTSize);
}
footer .code .imgBox{
    width: 100%;
    max-width: 8.5rem;
    margin: 0 0 var(--fBorderSize);
}
footer .code .imgBox img{
    width:100%;
}
footer .code .name{
    display: block;
    text-align: right;
    font-size: var(--fMMSize);
    line-height: 1.5;
}
footer .copyright{
    display: inherit;
    margin: var(--fDDSize) 0 0 0;
    border-top: 1px solid rgba(51,51,51,0.1);
    flex:0 0 100%;
}
footer .copyright .left{
    text-align: left;
    font-size: var(--fMMSize);
    color: var(--fDColor);
    line-height: 3;
    flex:0 0 60%;
}
footer .copyright .right{
    text-align: right;
    flex:0 0 40%;
}
footer .copyright .right a{
    padding: 0 0 0 var(--fBorderSize) !important;
    font-size: var(--fMMSize);
    color: var(--fDColor);
    line-height: 3;
    transition: 0.35s ease-in-out;
}
footer .copyright .right a:hover{
    color: var(--fMColor);
}
/* animation */
@keyframes hBanAnimation{
    0% { transform:scale(0.2);opacity:0.6;}
    50% {transform:scale(1);;opacity:0.4;}
    100% {transform:scale(0.2);opacity:0.6;}
}