body{
    margin:0;
    padding:0;
    overflow-x: hidden;
}
a {
	padding:0 !important;
}
a:hover,a:active,a:visited,a:link {
	text-decoration:none;
	color: var(--fdColor);
}
.main{
    width:92rem;
    margin:0 auto;
    padding:0 1rem;
}
.iconfont{
    color: var(--fdmColor);
}
.topHeader{
    display: flex;
    width:100%;
    background: var(--dfBgBlue);
}
.topHeader .main{
    display: flex;
}
.topHeader .Box{
    width:50%;
}
.topHeader i,.topHeader a{
    font-size: var(--fmmsize);
    color: var(--fwColor);
    line-height: 2;
}
.topHeader .tel{
    margin:0 0 0 1rem;
}
.topHeader .line{
    font-size: var(--fmmsize);
    color: var(--fwColor);
    line-height: 2;
    opacity: 0.4;
}
header{
    border-bottom:1px solid #efefef;
}
header .main{
    display:flex;
    position: relative;
    align-items: center;
    margin: 2.6rem auto;
    transition: 0.35s ease-in-out;
}
header .main .logo{
    max-width:13.75rem;
}
header .main .logo img{
    width:100%;
}
header .main .keywords{
    display: flex;
    align-items: baseline;
    margin:0 0 0 3rem;
    font-size: var(--fmszie);
    color: var(--fdColor);
}
header .main .keywords .title{
    line-height:1;
}
header .main .keywords .words a{
    margin: 0 0.5rem 0 0;
    padding: 0 0.5rem 0 0 !important;
    font-size: var(--fdColor);
    border-right:1px solid #efefef;
    transition:0.35s ease-in-out;
}
header .main .keywords .words a:active{
    font-size: var(--fdColor);
}
header .main .keywords .words a:nth-last-of-type(1){
    border-right:none;
}
header .main .keywords .words a:hover{
    color:var(--dfBgBlue);
    transition:0.35s ease-in-out;
}
header .main .searchBox{
    display: flex;
    position: absolute;
    right: 1rem;
    width: 100%;
    max-width: 20rem;
    transition: 0.35s ease-in-out;
    opacity:0.8;
    outline:none;
    cursor: default;
}
header .main .searchBox:hover{
    max-width: 36rem;
    opacity:1;
    transition: 0.35s ease-in-out;
}
header .main .searchBox input{
    text-align: right;
    width:100%;
    padding: 0.5rem 1rem;
    background: #efefef;
    border: none;
    border-radius: 0.25rem 0 0 0.25rem;
}
header .main .searchBox button{
    width: 6rem;
    background: var(--dfBgBlue);
    border: none;
    border-radius: 0 0.25rem 0.25rem 0;
}
header .main .searchBox button i{
     font-size:0.875rem;
     color: var(--fwColor);
}
.fix{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    background: var(--fwColor);
    z-index: 100;
}
.fix .main{
    margin: 1rem auto;
    transition: 0.35s ease-in-out;
}
.headerNav{
    position: relative;
    width:100%;
    z-index: 4;
    transition:0.35s ease-in-out;
}
.headerNavFix{
    position: fixed;
    top: 4rem;
    left: 0;
    background: var(--fwColor);
    transition:0.35s ease-in-out;
    box-shadow: 1px 2px 4px rgba(0,0,0,0.1);
}
.headerNav .nav{
    display:flex;
    flex-wrap:wrap;
}
.headerNav .nav li{
    display: flex;
    justify-content: center;
    align-items: center;
    position:relative;
    width: calc(100%/8);
    height: auto;
    flex-wrap: wrap;
    transition:0.35s ease-in-out;
}
.headerNavFix .nav li:nth-of-type(1){
    display:none;
    transition:0.35s ease-in-out;
}
.headerNavFix .nav li{
    width: calc(100%/7);
    transition:0.35s ease-in-out;
}
.headerNav .nav li a{
    display:flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 3rem;
}
.headerNav .nav li i{
    display:none;
}
.headerNav .nav li h1{
    display:block;
    font-size: var(--fmszie);
    color: var(--fnColor);
    line-height: 1;
    transition:0.35s ease-in-out;
}
.headerNavFix .nav li:nth-of-type(2) h1:before{
    position: absolute;
    left:0;
    height: var(--fmszie);
    color: #efefef;
    content:"|";
}
.headerNav .nav li h1:after{
    position: absolute;
    right:0;
    height: var(--fmszie);
    color: #efefef;
    content:"|";
}
.headerNav .nav li:hover h1{
    color:var(--dfBgBlue);
    transition:0.35s ease-in-out;
}
.headerNav .nav li:nth-of-type(1){
    height:auto;
}
.headerNav .nav li:nth-of-type(1) a{
    background:var(--dfBgBlue);
}
.headerNav .nav li:nth-of-type(1) i{
    display: block;
    color:var(--fwColor);
}
.headerNav .nav li:nth-of-type(1) h1{
    color:var(--fwColor);
}
.headerNav .nav li:nth-of-type(1) h1:after{
    display:none;
}
.headerNav .nav li .twoNav{
    display: none;
    top: 3rem;
    position: absolute;
    width: 100%;
    transition:0.35s ease-in-out;
    flex-wrap: wrap;
}
.headerNav .nav .active .twoNav{
    display: flex;
}
.headerNav .nav li .twoNav li{
    width:100%;
}
.headerNav .nav li .twoNav li a{
    background: var(--fwColor);
    border: 1px solid #efefef;
    opacity: 0.9;
}
.headerNav .nav li .twoNav li h2{
    font-size: var(--fmszie);
    color: var(--fnColor);
}
.headerNav .nav li .twoNav li:hover a{
    background: var(--dfBgBlue) !important;
    border: 1px solid var(--dfBgBlue);
    transition:0.35s ease-in-out;
}
.headerNav .nav li .twoNav li:hover h2{
    color:var(--fwColor) !important;
    transition:0.35s ease-in-out;
}
.headerNav .nav li:nth-of-type(1) .twoNav{
    display:flex;
}
.headerNav .nav li:nth-of-type(1) .twoNav li a{
    /* justify-content: flex-start; */
    height: calc(29rem/8);
    background: var(--fwColor);
    opacity: 0.9;
}
.headerNav .nav li:nth-of-type(1) .twoNav li h2{
    /* padding: 0 0 0 3.5rem; */
    font-size: var(--fmszie);
    color: var(--fnColor);
}
#banner{
    position:relative;
    overflow: hidden;
}
#banner .swiper-wrapper{
    height:auto;
}
#banner .swiper-wrapper .swiper-slide .imgBox{
    position: relative;
    z-index: 1;
}
#banner .swiper-wrapper .swiper-slide .title{
    display:none;
    position: absolute;
    top: 0;
    z-index: 2;
}
#banner .button{
    display: flex;
    position: absolute;
    top:50%;
    bottom: 0;
    z-index: 3;
}
#banner .button i{
    font-size:1.5rem;
}
#banner  .hBanner-prev{
    left: 2rem;
    opacity:0.3;
    transition:0.35s ease-in-out;
}
#banner:hover .hBanner-prev{
    left: 1rem;
    opacity:1;
    transition:0.35s ease-in-out;
}
#banner  .hBanner-next{
    right: 2rem;
    opacity:0.3;
    transition:0.35s ease-in-out;
}
#banner:hover .hBanner-next{
    right: 1rem;
    opacity:1;
    transition:0.35s ease-in-out;
}
.newSport{
    margin:4rem auto;
}
.newSport .box{
    display: flex;
    padding: 2rem 2rem 4rem;
    background: linear-gradient(-160deg, #417adf, #184ead);
    border-radius:0.5rem;
    flex-wrap: wrap;
}
.newSport .box .titleBox{
    display:flex;
    position:relative;
    align-items: baseline;
    width: 100%;
    margin: 0 0 1rem;
    padding: 0 0 1rem;
    border-bottom: 1px solid #fff;
}
.newSport .box .titleBox .title{
    width: 8vw;
    font-size: var(--fBszie);
    font-weight: 600;
    color: var(--fwColor);
}
.newSport .box .titleBox .more{
    position: absolute;
    right: 0;
    bottom: 1rem;
    font-size: var(--fmszie);
    color: var(--fwColor);
}
.newSport .box .titleBox .more a{
    color: var(--fwColor);
} 
.newSport .box .nlist{
    display:flex;
}
.newSport .box .nlist li{
    /* margin: 0 1rem 0 0; */
    padding: 0 1rem 0 0;
}
.newSport .box .nlist li .iconfont{
    color: var(--fwColor);
}
.newSport .box .nlist li a{
    font-size: var(--fszie);
    color: var(--fwColor);
    line-height: 1;
}
.newSport .box .nslist{
    display:flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 3rem;
}
.newSport .box .nslist li{
    position: relative;
    width: calc((100% - 12rem)/3);
    margin: 0 0 -2rem;
    padding: var(--fszie);
    background: var(--fwColor);
    border-radius: var(--fmmmszie);
    transition:0.35s ease-in-out;
    box-shadow:none;
}
.newSport .box .nslist li:hover{
    border-radius:0;
    transition:0.35s ease-in-out;
    box-shadow: 4px 4px 4px #222;
}
.newSport .box .nslist li .info{
    display:flex;
    position: relative;
    flex-wrap:wrap;
}
.newSport .box .nslist li .tips{
    position:absolute;
    right: 0;
    bottom: -0.4rem;
    padding: 0.4rem;
    font-size: var(--fmmsize);
    color: var(--fwColor);
    background: var(--fdmColor);
    border-radius: 0.2rem;
    transition: 0.35s ease-in-out;
}
.newSport .box .nslist li:hover .tips{
    background:var(--dfBgBlue);
    transition: 0.35s ease-in-out;
}
.newSport .box .nslist li .info .title{
    width:100%;
    margin: 0 0 1rem;
    font-size: var(--fsBszie);
    color: var(--fnColor);
    font-weight: 600;
    line-height: 1;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    transition: 0.35s ease-in-out;
    overflow: hidden;
}
.newSport .box .nslist li:hover .title{
    color:var(--dfBgBlue);
    transition: 0.35s ease-in-out;
}
.newSport .box .nslist li .info .description{
    width:100%;
    margin: 0 0 var(--fszie);
    font-size: var(--fszie);
    line-height: 1.5;
    color: var(--flColor);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.newSport .box .nslist li .info .more{
    font-size: var(--fmszie);
    color: var(--fdmColor);
}
.reference{
    margin:4rem auto;
}
.reference .box{
    display: flex;
    padding: 2rem 2rem 4rem;
    background: none;
    border: 1px solid #efefef;
    border-radius:0.5rem;
    flex-wrap: wrap;
}
.reference .box .titleBox{
    display:flex;
    position:relative;
    align-items: baseline;
    width: 100%;
    margin: 0 0 1rem;
    padding: 0 0 1rem;
    border-bottom: 1px solid #efefef;
}
.reference .box .titleBox .title{
    width: 8vw;
    font-size: var(--fBszie);
    font-weight: 600;
    color: var(--dfBgBlue);
}
.reference .box .titleBox .more{
    position: absolute;
    right: 0;
    bottom: 1rem;
    font-size: var(--fmszie);
    color: var(--fwColor);
}
.reference .box .titleBox .more a{
    color: var(--fdmColor);
} 
.reference .box .nlist{
    display:flex;
}
.reference .box .nlist li{
    /* margin: 0 1rem 0 0; */
    padding: 0 1rem 0 0;
}
.reference .box .nlist li a{
    font-size: var(--fszie);
    color: var(--fwColor);
    line-height: 1;
}
.reference .box .nslist{
    display:flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 3rem;
}
.reference .box .nslist li{
    position: relative;
    width: calc((100% - 12rem)/3);
    margin: 0 0 -2rem;
    padding: var(--fszie);
    background: #f9f9f9;
    border-radius: var(--fmmmszie);
    transition:0.35s ease-in-out;
    box-shadow:none;
}
/* .reference .box .nslist li:hover{
    border-radius:0;
    transition:0.35s ease-in-out;
    box-shadow: 4px 4px 4px #222;
} */
.reference .box .nslist li .info{
    display:flex;
    position: relative;
    flex-wrap:wrap;
}
.reference .box .nslist li .tips{
    display: none;
    position:absolute;
    right: 0;
    bottom: -0.2rem;
    padding: 0.4rem;
    font-size: var(--fmmsize);
    color: var(--fwColor);
    background: var(--fdmColor);
    border-radius: 0.2rem;
    transition: 0.35s ease-in-out;
}
.reference .box .nslist li:hover .tips{
    background:var(--dfBgBlue);
    transition: 0.35s ease-in-out;
}
.reference .box .nslist li .info .title{
    width:100%;
    margin: 0 0 1rem;
    font-size: var(--fsBszie);
    color: var(--fnColor);
    font-weight: 600;
    line-height: 1;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    transition: 0.35s ease-in-out;
    overflow: hidden;
}
.reference .box .nslist li:hover .title{
    color:var(--dfBgBlue);
    transition: 0.35s ease-in-out;
}
.reference .box .nslist li .info .description{
    width:100%;
    margin: 0 0 var(--fszie);
    font-size: var(--fszie);
    line-height: 1.5;
    color: var(--flColor);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.reference .box .nslist li .info .more{
    font-size: var(--fmszie);
    color: var(--fdmColor);
}
.news{
    margin:4rem auto;
}
.news .box{
    display: flex;
    padding: 2rem 2rem 4rem;
    background: var(--newsBcolor);
    border: 1px solid #efefef;
    border-radius:0.5rem;
    flex-wrap: wrap;
}
.news .box .titleBox{
    display:flex;
    position:relative;
    align-items: baseline;
    width: 100%;
    margin: 0 0 1rem;
    padding: 0 0 1rem;
    border-bottom: 1px solid #efefef;
}
.news .box .titleBox .title{
    width: 8vw;
    font-size: var(--fBszie);
    font-weight: 600;
    color: var(--dfBgBlue);
}
.news .box .titleBox .more{
    position: absolute;
    right: 0;
    bottom: 1rem;
    font-size: var(--fmszie);
    color: var(--fwColor);
}
.news .box .titleBox .more a{
    color: var(--fdmColor);
} 
.news .box .nlist{
    display:flex;
}
.news .box .nlist li{
    /* margin: 0 1rem 0 0; */
    padding: 0 1rem 0 0;
}
.news .box .nlist li a{
    font-size: var(--fszie);
    color: var(--fnColor);
    line-height: 1;
}
.news .box .nslist{
    display:flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 3rem;
}
.news .box .nslist li{
    position: relative;
    width: calc((100% - 12rem)/3);
    margin: 0 0 -2rem;
    padding: var(--fszie);
    background: var(--fwColor);
    border-radius: var(--fmmmszie);
    transition:0.35s ease-in-out;
    box-shadow:none;
}
/* .news .box .nslist li:hover{
    border-radius:0;
    transition:0.35s ease-in-out;
    box-shadow: 4px 4px 4px #222;
} */
.news .box .nslist li .imgBox{
    width:100%;
    margin: 0 0 var(--fszie);
    overflow:hidden;
}
.news .box .nslist li .imgBox img{
    width:100%;
    border: 1px solid var(--newsBcolor);
    transform: scale(1.00);
    transition: 0.35s ease-in-out;
}
.news .box .nslist li:hover .imgBox img{
    transform: scale(1.05);
    transition: 0.35s ease-in-out;
}
.news .box .nslist li .info{
    display:flex;
    position: relative;
    flex-wrap:wrap;
}
.news .box .nslist li .tips{
    display: none;
    position:absolute;
    right: 0;
    bottom: -0.2rem;
    padding: 0.4rem;
    font-size: var(--fmmsize);
    color: var(--fwColor);
    background: var(--fdmColor);
    border-radius: 0.2rem;
    transition: 0.35s ease-in-out;
}
.news .box .nslist li:hover .tips{
    background:var(--dfBgBlue);
    transition: 0.35s ease-in-out;
}
.news .box .nslist li .info .title{
    width:100%;
    margin: 0 0 1rem;
    font-size: var(--fsBszie);
    color: var(--fnColor);
    font-weight: 600;
    line-height: 1;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    transition: 0.35s ease-in-out;
    overflow: hidden;
}
.news .box .nslist li:hover .title{
    color:var(--dfBgBlue);
    transition: 0.35s ease-in-out;
}
.news .box .nslist li .info .description{
    width:100%;
    margin: 0 0 var(--fBszie);
    font-size: var(--fszie);
    line-height: 1.5;
    color: var(--flColor);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.news .box .nslist li .info .more{
    font-size: var(--fmszie);
    color: var(--fdmColor);
}
footer{
    background: var(--footerBg);
}
footer .main{
    display:flex;
    position: relative;
    padding: 3.5rem 0 0;
    flex-wrap:wrap;
}
footer .infoBox{
    width: 16vw;
    margin: 0;
}
footer .infoBox .logo{
    width:100%;
    max-width: 13.75rem;
    margin: 0 0 var(--fszie);
}
footer .infoBox .logo img{
    width:100%;
}
footer .infoBox .info span{
    display: block;
    font-size: var(--fmszie);
    color: var(--fdmColor);
}
footer .infoBox .info a{
    display:block;
    margin: 0 0 var(--fmmmszie);
    font-size: var(--fmszie);
    color: var(--flColor);
    transition:0.35s ease-in-out;
}
footer .infoBox .info a:hover{
    color: var(--fwColor);
    transition:0.35s ease-in-out;
}
footer .infoBox .info a i{
    font-size: var(--fmszie);
    color: var(--flColor);
}
footer .infoBox .info a:nth-last-of-type(1){
    margin:0;
}
footer .infoBox .info{
    position:relative;
}
footer .infoBox .info .name{
    display: none;
    margin: var(--fmmsize) 0 var(--fmmsize);
    font-size: var(--fszie);
    line-height: 1;
}
footer .infoBox .info .address{
    margin: 0 0 var(--fmmmszie);
    font-size: var(--fmszie);
    color: var(--flColor);
    line-height: 1.5;
}
footer .nav{
    display:flex;
    width: 46vw;
    margin: 0 0 0 2rem;
    gap: 5vw;
}
footer .code{
    position: absolute;
    right: 1rem;
    width:8vw;
    overflow: hidden;
}
footer .code .imgBox{
    margin: 0 0 var(--fmmmszie);
    padding: var(--fmmmszie);
    background: var(--fwColor);
    border-radius: var(--fmmmszie);
}
footer .code .imgBox img{
    width:100%;
}
footer .code .name{
    display: block;
    width:100%;
    text-align: center;
    font-size: var(--fmszie);
    color: var(--flColor);
}
footer .nav li{
    width:calc(100%/4);
}
footer .nav .list:nth-of-type(2){
    display:none;
}
footer .nav .list:nth-of-type(6){
    display:none;
}
footer .nav .list:nth-of-type(7){
    display:none;
}
footer .nav .list:nth-of-type(8){
    display:none;
}
footer .nav .top{
}
footer .nav .top h2{
    margin: 0 0 var(--fszie);
    padding: 0 0 var(--fmmmszie);
    font-size: var(--fmszie);
    color: var(--flColor);
    border-bottom: 1px solid var(--flColor);
}
footer .nav .son li{
    width: 100%;
    margin:0 0 0.25rem;
}
footer .nav .son h3{
    font-size: var(--fmszie);
    color: var(--flColor);
    transition: 0.35s ease-in-out;
}
footer .nav .son h3:hover{
    color: var(--fwColor);
    transition: 0.35s ease-in-out;
}
footer .copyright{
    display:flex;
    width: 100vw;
    margin: 2.5rem auto 0;
    padding: var(--fszie) 0;
    align-items: baseline;
    flex-wrap: nowrap;
    border-top: 1px solid #261818;
}
footer .copyright .left{
    width: 30%;
    font-size: var(--fmszie);
    color: var(--flColor);
}
footer .copyright .right{
    width:70%;
}
footer .copyright .right a{
    position: relative;
    margin: 0 0.25rem 0 0;
    padding: 0 0.25rem 0 0 !important;
    font-size: var(--fmszie);
    color: var(--flColor);
    border-right: 1px solid var(--fmmsize);
    transition:0.35s ease-in-out;
}
footer .copyright .right a:hover{
    color: var(--fwColor);
    transition:0.35s ease-in-out;
}
footer .copyright .right a:nth-last-of-type(1){
    margin:0;
    padding:0;
    border:none;
}
footer .copyright .right a:after{
    position: absolute;
    right: -0.2rem;
    content:"|";
}
footer .copyright .right a:hover:after{
    color: var(--fdColor);
}
footer .copyright .right a:nth-last-of-type(1):after{
    display:none;
    right:0;
}