.xa_banner>img{width: 100%;}

.xa_nav{height: 70px;}
.xa_nav_c{width: 1200px;margin: 0 auto;height: 100%;display: flex;align-items: center;}
.xa_nav_c>img{margin-right: 16px;}
.xa_nav_c>a{color: #747474;font-size: 16px;margin-right: 10px;}
.xa_nav_c>.xa_nav_a{color: var(--base);}
.xa_nav_c>span{margin-right: 10px;color: #747474;font-size: 20px;}

.xa_cate{background-color: #f7f7f7;}
.xa_cate_c{width: 1200px;margin: 0 auto;height: 80px;display: flex;align-items: center;justify-content: center;}
.xa_cate_c>a{margin-right: 3em;height: 100%;height: 35px;line-height: 35px;padding: 0 20px;background-color: #d9d9d9;border-radius: 10px;color: #666;}
.xa_cate_c>a:last-child{margin-right: 0;}
.xa_cate_c>.xa_cate_a{background-color: var(--base);color: #fff;}

.xa_item{padding-bottom: 100px;display: none;}

.xa_desc_title{text-align: center;font-size: 30px;font-weight: bold;padding: 100px 0 30px;color: #555;}
.xa_desc{width: 1200px;margin: 0 auto;padding: 30px 0 100px;display: flex;justify-content: space-between;}
.xa_desc_l{width: 525px;margin-right: 92px;}
.xa_desc_l>p{font-size: 16px;color: #666;line-height: 2;text-indent: 2em;}
.xa_desc_r{flex: 1;position: relative;}
.xa_desc_r>div{width: 100%;overflow: hidden;border-radius: 10px;}
.xa_desc_r>div>img{width: 100%;transition: .3s;transform-origin: 0 0;}
.xa_desc_r>div:hover img{transform: scale(1.1)}

/* .xa_data{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;background-color: #f7f7f7;}
.xa_data_i{flex: 1;text-align: center;padding: 50px 0;transition: .3s;}
.xa_data_i>h1{font-weight: bold;color: var(--base);font-size: 45px;}
.xa_data_i>h1>span{font-weight: lighter;font-size: 24px;}
.xa_data_i>p{line-height: 2;font-size: 16px;}
.xa_data_i:hover{transform: scale(1.1)} */

.xa_cult{width: 1200px;margin: 0 auto;}
.xa_cult>h1{text-align: center;font-size: 30px;font-weight: bold;padding: 100px 0 30px;color: #555;}
.xa_cult>div{margin-bottom: 70px;}
.xa_cult>div>h1{font-size: 20px;font-weight: bold;color: #555;margin-bottom: 24px;}
.xa_cult>div>p{font-size: 16px;line-height: 2;color: #555;}

.xa_fact_title{text-align: center;font-size: 30px;font-weight: bold;padding: 100px 0 30px;color: #555;}
.xa_fact{display: flex;flex-wrap: wrap;width: 1200px;margin: 50px auto;}
.xa_fact_i{width: 280px;margin-right: 26px;padding: 20px;background-color: #f7f7f7;transition: .3s;margin-bottom: 30px;cursor: pointer;}
.xa_fact_i:nth-child(4n){margin-right: 0;}
.xa_fact_i>img{width: 100%;height: 166px;object-fit: cover;}
.xa_fact_i>p{margin-top: 10px;text-align: center;}
.xa_fact_i:hover{background-color: var(--base);}
.xa_fact_i:hover p{color: #fff;}

.xa_slick{position: fixed;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,.8);z-index: 100;padding: 100px 0;display: none;}
.xa_slick>i{position: absolute;top: 40px;right: 40px;font-style: normal;font-weight: bold;font-size: 40px;color: #fff;cursor: pointer;}
.xa_slick_c{position: relative;height: 90%;}
.xa_slick_i{height: 80vh;object-fit: contain;margin: 0 10vw;}
.tpd_arrow{position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;cursor: pointer;}
.tpd_arrow.slick_prev{left: 10vw;}
.tpd_arrow.slick_next{right: 10vw;}

@media screen and (max-width: 766px) {
    .xa_banner>img{height: 30rem;object-fit: cover;}

    .xa_cate_c{height: 8rem;}
    .xa_cate_c>a{font-size: 1.4rem;height: 3.5rem;margin-right: 2rem;padding: 0 2rem;line-height: 3.5rem;}
    .xa_desc_title{padding: 10rem 0 3rem;font-size: 3rem;}
    .xa_desc{flex-direction: column;}
    .xa_desc_l{width: 100%;margin-right: 0;}
    .xa_desc_l>p{font-size: 1.6rem;}
    .xa_desc_r{flex: none;margin-top: 2rem;width: 100%;}
    .xa_desc{padding-bottom: 5rem;}
    .xa_item{padding-bottom: 5rem;}

    .xa_cult>h1{padding: 10rem 0 3rem;}
    .xa_cult>div{margin-bottom: 0;margin-top: 5rem;}
    .xa_cult>div>h1{font-size: 2rem;}
    .xa_cult>div>p{font-size: 1.6rem;}

    .xa_fact_i{width: 100%;margin-right: 0;padding: 2rem;margin-bottom: 2rem;}
}