/*banner图*/
.home-banner {
    position:relative;
    width:100%;
    *max-height: 960px;
    overflow: hidden;
}
.home-banner ul li {
    position:relative;
}
.home-banner ul li img {
    width:100%;
}
.home-banner .pagination-banner {
    bottom: 5% !important;
}
.home-banner .pagination-banner span {
    width: 0.3rem;
    height: 0.03rem;
    border-radius:2px;
    background: #fff;
    opacity: 1;
    margin: 0 6px;
    padding:1px;
    position: relative;
    margin: 0 7px!important;
    box-shadow: 0 2px 2px 2px rgb(0 0 0 / 2%);
    transition: width 0.6s ease;
}
.home-banner .pagination-banner span.swiper-pagination-bullet-active {
    background: #e4002b;
}


.home-banner .swiper-bottom {
    position:absolute;
    bottom:50%;
    right:0px;
    width:100%;
    padding:0;
    z-index:2;
}
.home-banner .swiper-relative {
    position:relative;
    height:50px;
    overflow:hidden;
}
.home-banner .swiper-relative div {
    position:absolute;
    width:50px;
    height:50px;
    border:1px solid rgba(255,255,255,0);
    border-radius:50%;
    cursor:pointer;
}
.home-banner .swiper-relative div:hover {
    position:absolute;
    width:50px;
    height:50px;
    border:1px solid rgba(255,255,255,0);
    border-radius:50%;
    background-color: rgba(0,0,0, 0);
    cursor:pointer;
}
.home-banner .swiper-banner-prev {
    background:url(../images/home/left.svg) no-repeat center center/100%;
    left: 4%;
}
.home-banner .swiper-banner-next {
    background:url(../images/home/right.svg) no-repeat center center/100%;
    right:4%;
}
.home-banner .swiper-button-disabled {
    opacity:0.35;
}

.home-banner .video {
    position: relative;
    width: 100%;
    padding-top:50%;
}
.home-banner .video video {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*banner图*/


/*HOME标题*/
.home-title {
    margin:0.6rem 0;
}
.home-title h6 {
    font-size:var(--fs48);
    color: #000;
    font-family: "MiSans-Regular";
}
.home-title h3 {
    font-size: var(--fs16);
    color: #333;
    font-family: "MiSans-Light";
    line-height: 1.8;
    padding:0.4rem 0 0 0;
}
.home-title p {
    font-size:var(--fs16);
    color: #777;
    line-height: 1.8;
    margin: 0 0 00.3rem 0;
}
@media screen and (max-width:1024px){
.home-title {
    margin: 0.3rem 0;
}
.home-title h6 {
}
.home-title h3 {
    font-size: var(--fs16);
    padding:0.2rem 0 0 0;
}
.home-title p {
    font-size:var(--fs16);
    line-height: 1.8;
    margin: 0 0 00.3rem 0;
}
}
/*HOME标题*/
.color-word {
    display: flex;
    overflow: hidden;
    position: relative;
}
.color-word i {position: absolute;width: 100%;height: 110%;left: 0;top: -5%;transform-origin: 100% 50%;transform: translateZ(0);background: rgba(255,255,255,0.7);}
.color-word.active i {animation: indppTitleRight 5.6s ease both;}
@keyframes indppTitleLeft{0%{transform: translateX(0);}100%{transform: translateX(-110%);}}
@keyframes indppTitleRight{0%{transform: translateX(0);}100%{transform: translateX(110%);}}



.home-chat {
    padding: 0.4rem 0;
}
.home-chat .chat-item {}
.home-chat .chat-item .serise {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
    padding:0.2rem;
    box-shadow: 20px 20px 80px 0px rgba(0, 0, 0, 0.1);
}
.home-chat .chat-item .serise .item {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
    /* flex:1; */
    width: 30%;
    border-right: 1px solid rgba(0, 0, 0, 0.05);
}
.home-chat .chat-item .serise .item:hover {
    flex:2;
}
.home-chat .chat-item .serise .item:last-child {
    border-right:none;
}
.home-chat .chat-item .serise .item .parent {
    width:30%;
    padding: 0.4rem 0;
    text-align: center;
}
.home-chat .chat-item .serise .item .parent figure  {}
.home-chat .chat-item .serise .item .parent figure img {
    width: 0.48rem;
    max-width: 0.48rem;
}
.home-chat .chat-item .serise .item .parent .title  {
    margin:0.14rem 0;
    font-size: var(--fs18);
    color:#231815;
    font-family: "MiSans-Regular";
}
.home-chat .chat-item .serise .item .parent p  {
    font-size: var(--fs14);
    color:#666;
    font-family: "MiSans-Light";
}
.home-chat .chat-item .serise .item .child {
    width:0%;
    height:0;
    overflow:hidden;
}
.home-chat .chat-item .serise .item:hover .child,
.home-chat .chat-item .serise .item.active {
    display:block;
    width:70%;
    height:auto;
}
.home-chat .chat-item .serise .item .child ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.08rem 0.08rem;
    padding:0.2rem;
}
.home-chat .chat-item .serise .item .child ul li {}
.home-chat .chat-item .serise .item .child ul li a {
    font-size: var(--fs14);
    cursor: pointer;
}
.home-chat .chat-item .serise .item .child ul li a:hover {
    color:#e4002d;
}
.home-chat .chat-item .serise .item:hover .parent {
    background:#e4002d;
}
.home-chat .chat-item .serise .item:hover .parent figure img {
    filter: grayscale(100%) brightness(1000%);
}
.home-chat .chat-item .serise .item:hover .parent .title  {
    color:#fff;
}
.home-chat .chat-item .serise .item:hover .parent p  {
    color:#fff;
}

@media screen and (max-width:1024px){
.home-chat {
    padding: 0.2rem 0;
}
.home-chat .chat-item {}
.home-chat .chat-item .serise {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 0.1rem 0;
    padding: 0.2rem 0;
    box-shadow: 20px 20px 80px 0px rgba(0, 0, 0, 0.1);
}
.home-chat .chat-item .serise .item {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    border-right: 1px solid rgba(0, 0, 0, 0.05);
}
.home-chat .chat-item .serise .item:hover {
    flex:2;
}
.home-chat .chat-item .serise .item:last-child {
    border-right:none;
}
.home-chat .chat-item .serise .item .parent {
    width: 100%;
    padding: 0.1rem 0;
    text-align: center;
}
.home-chat .chat-item .serise .item .parent figure  {}
.home-chat .chat-item .serise .item .parent figure img {
    width: 0.28rem;
    max-width: 0.48rem;
}
.home-chat .chat-item .serise .item .parent .title  {
    margin: 0.05rem 0;
    font-size: var(--fs16);
    color:#231815;
    font-family: "MiSans-Regular";
}
.home-chat .chat-item .serise .item .parent p  {
    font-size: var(--fs12);
    color:#666;
}
.home-chat .chat-item .serise .item .child {
    width: 100%;
    height:0;
    overflow:hidden;
}
.home-chat .chat-item .serise .item:hover .child,
.home-chat .chat-item .serise .item.active {
    display:block;
    width:100%;
    height:auto;
}
.home-chat .chat-item .serise .item .child ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.08rem 0.08rem;
    padding:0.2rem;
}
.home-chat .chat-item .serise .item .child ul li {}
.home-chat .chat-item .serise .item .child ul li a {
    font-size: var(--fs14);
}
.home-chat .chat-item .serise .item .child ul li a:hover {
    color:#e4002d;
}
.home-chat .chat-item .serise .item:hover .parent {
    background:#e4002d;
}
.home-chat .chat-item .serise .item:hover .parent figure img {
    filter: grayscale(100%) brightness(1000%);
}
.home-chat .chat-item .serise .item:hover .parent .title  {
    color:#fff;
}
.home-chat .chat-item .serise .item:hover .parent p  {
    color:#fff;
}
}

.home-product {
    width: 100%;
    overflow: hidden;
}

.product-lists {}
.product-lists ul {}
.product-lists ul li {}
.product-lists ul li .photo {
    position: relative;
}
.product-lists ul li .photo .big {
    width: 100%;
    padding-top: 64%;
    position: relative;
    

    transform-style: preserve-3d;
    transform: perspective(200vw);
}
.product-lists ul li .photo .big figure {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 0.3rem;
    transition: box-shadow 0.5s ease-in-out;
    box-shadow: 30px 30px 40px -10px rgba(0, 0, 0, 0.1);
}
.product-lists ul li:hover .photo .big figure {
    box-shadow: 30px 30px 40px -10px rgba(0, 0, 0, 0.15);
}
.product-lists ul li .photo .big figure img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
}
.product-lists ul li:hover .photo .big figure img {
    transform: scale(1.1);
}
.product-lists ul li .photo .small {
    position: absolute;
    left: 12%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 8;
    color: #fff;
    width: 0.8rem;
}
.product-lists ul li .photo .small figure {
    display:flex;
    align-items: center;
    justify-content: center;
}
.product-lists ul li .photo .small figure img {
    width: 0.8rem;
    border:2px solid #fff;
}

.product-lists ul li .word {
    position:relative;
    padding:0.3rem 0.1rem;
}
.product-lists ul li .word::after {
    opacity:0;
    display: inline-block;
    content: "";
    width: 0.4rem;
    height: 0.4rem;
    background: url(../images/home/go.svg) no-repeat center center / 0.36rem;
    position: absolute;
    left: 80%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.6s ease;
}
.product-lists ul li:hover .word::after {
    opacity:1;
    left: 90%;

}
.product-lists ul li .word h4 {
    font-size: var(--fs24);
    color:#151515;
    font-family: "MiSans-Medium";
}
.product-lists ul li:hover .word h4 {
    color:#e4002b;
}
.product-lists ul li .word p {
    margin:0.16rem 0 0 0;
    font-size: var(--fs18);
    color:#000;
    font-family: "MiSans-Light";
}
@media screen and (max-width:1024px){
.home-product {}

.product-lists {}
.product-lists ul {}
.product-lists ul li {}
.product-lists ul li .photo {
    position: relative;
}
.product-lists ul li .photo .big {
    width: 100%;
    padding-top: 64%;
    position: relative;
    

    transform-style: preserve-3d;
    transform: perspective(200vw);
}
.product-lists ul li .photo .big figure {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 0.3rem;
    transition: box-shadow 0.5s ease-in-out;
    box-shadow: 30px 30px 40px -10px rgba(0, 0, 0, 0.1);
}
.product-lists ul li:hover .photo .big figure {
    box-shadow: 30px 30px 40px -10px rgba(0, 0, 0, 0.15);
}
.product-lists ul li .photo .big figure img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
}
.product-lists ul li:hover .photo .big figure img {
    transform: scale(1.1);
}
.product-lists ul li .photo .small {
    position: absolute;
    left: 20%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 8;
    color: #fff;
    width: 0.4rem;
}
.product-lists ul li .photo .small figure {
    display:flex;
    align-items: center;
    justify-content: center;
}
.product-lists ul li .photo .small figure img {
    width: 0.8rem;
    border:2px solid #fff;
}

.product-lists ul li .word {
    position:relative;
    padding:0.3rem 0.1rem;
}
.product-lists ul li .word::after {
    opacity:1;
    display: inline-block;
    content: "";
    width: 0.4rem;
    height: 0.4rem;
    background: url(../images/home/go.svg) no-repeat center center / 0.36rem;
    position: absolute;
    left: 90%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.6s ease;
}
.product-lists ul li:hover .word::after {
    opacity:1;
    left: 90%;

}
.product-lists ul li .word h4 {
    font-size: var(--fs24);
    color:#151515;
    font-family: "MiSans-Medium";
}
.product-lists ul li:hover .word h4 {
    color:#e4002b;
}
.product-lists ul li .word p {
    margin:0.16rem 0 0 0;
    font-size: var(--fs14);
    color:#000;
    font-family: "MiSans-Light";
}
}


.home-about {
    position:relative;
    background:#231815;
}
.home-about .about-swiper {
    position:relative;
    overflow:hidden;
}
.home-about .about-swiper ul {

}
.home-about .about-swiper ul li {
    position:relative;
    display:none;
}
.home-about .about-swiper ul li:first-child {
    display:block;
}
.home-about .about-swiper ul li .photo {
    position: relative;
    padding-top:48%;
    overflow: hidden;
}
.home-about .about-swiper ul li .photo video,
.home-about .about-swiper ul li .photo img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    object-fit: cover;
    transition: all 0.6s ease;
}
.home-about .about-swiper ul li .photo:after {
    opacity: 0.7;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 1;
    transition: all 0.3s;
}

.home-about .about-swiper ul li .word {
    position:absolute;
    top:1.2rem;
    left:0;
    width:100%;
    height:100%;
    z-index: 2;
}
.home-about .about-swiper ul li .word h6 {
    font-size: var(--fs48);
    color: #fff;
    font-family: "MiSans-Regular";
}
.home-about .about-swiper ul li .word .content {
    max-width: 8rem;
}
.home-about .about-swiper ul li .word .content p {
    font-size: var(--fs16);
    color: #fff;
    font-family: "MiSans-Light";
    font-weight: lighter;
    line-height: 1.8;
    padding: 0.4rem 0 0 0;
}
.home-about .about-swiper ul li .word .more {
    margin:1rem 0;
}
.home-about .about-swiper ul li .word .more a {}



.about-tag {
    position:absolute;
    left:0;
    bottom:1.2rem;
    width:100%;
    z-index: 2;

}
.about-tag ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.3rem 2%;
}
.about-tag ul li {
    width:2rem;
    padding: 0.3rem;
    text-align: center;
    border-radius: 0.2rem;
    background: rgb(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    cursor:pointer;
}
.about-tag ul li.active {
    background: #e4002b;
    border: 1px solid rgba(255, 255, 255, 0);
}
.about-tag ul li figure {}
.about-tag ul li figure img {
    max-width: 0.4rem;
}
.about-tag ul li p {
    margin:0.2rem 0 0 0;
    font-size: var(--fs18);
    color:#fff;
    font-family: "MiSans-Regular";
}

.home-power {
    position: relative;
    padding:1.2rem 0;
}
.home-power::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: url(../images/home/home-power.jpg) no-repeat left center /cover;
    transition: all 3s;
    *opacity: 0.6;
}
.home-power .power-item {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}
.home-power .power-item .word {
    width:75%;
}
.home-power .power-item .word .tags {

}
.home-power .power-item .word .tags ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.3rem 2%;
}
.home-power .power-item .word .tags ul li {
    width:49%;
    max-width: 5rem;
    font-size: var(--fs20);
    color: #333;
    font-family: "MiSans-Regular";
}
.home-power .power-item .word .tags ul li::before {
    content: "";
    width: 0.4rem;
    height: 0.4rem;
    background: url(../images/logo-icon.svg) no-repeat center center /0.26rem;
    margin: 0 0.1rem 0 0;
    display: inline-block;
    vertical-align: middle;
}


.home-power .power-item .icon {
    margin:1rem 0 0 0;
}
.home-power .power-item .icon ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.3rem 2%;
}
.home-power .power-item .icon ul li {}
.home-power .power-item .icon ul li figure {
    text-align: center;
}
.home-power .power-item .icon ul li figure img {
    max-width: 0.68rem;
}
.home-power .power-item .icon ul li p {
    font-size: var(--fs18);
    color:#fff;border-radius: 6px;
    margin:0.25rem 0 0 0;
    padding: 0.1rem 0.4rem;
    background:#231815;
}


.home-power .power-item .photo {
    width: 18.5%;
}
.home-power .power-item .photo .item {}
.home-power .power-item .photo .item ul {display: flex;justify-content: flex-start;align-items: stretch;flex-flow: row wrap;gap: 0.3rem 0;}
.home-power .power-item .photo .item ul li {
    position:relative;
    width: 100%;
    border-radius: 10px;
    overflow:hidden;
    *box-shadow: 30px 30px 40px -10px rgb(221 226 236);
}
.home-power .power-item .photo .item ul li figure {
    position:relative;
    width:100%;
    padding-top:68%;
    filter: grayscale(100%);
    
}
.home-power .power-item .photo .item ul li:after {
    opacity: 0.25;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #6c91bd;
    z-index: 1;
    transition: all 0.3s;
}
.home-power .power-item .photo .item ul li figure img {
    position:absolute;
    top:0;
    left:0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    object-fit: cover;
    transition: all 0.6s ease;
    filter: brightness(140%);
}
.home-power .power-item .photo .item ul li p {
    position:absolute;
    bottom:0;
    left:0;
    z-index: 3;
    width:100%;
    padding:0.06rem 0.1rem;
    font-size: var(--fs16);
    color:#fff;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.01) 0, rgba(0, 0, 0, .5) 100%);
}
@media screen and (max-width:1024px){
.home-about {
    position:relative;
    background:#231815;
}
.home-about .about-swiper {
    position:relative;
    overflow:hidden;
}
.home-about .about-swiper ul {

}
.home-about .about-swiper ul li {
    position:relative;
    display:none;
}
.home-about .about-swiper ul li:first-child {
    display:block;
}
.home-about .about-swiper ul li .photo {
    position: relative;
    padding-top:133%;
    overflow: hidden;
}
.home-about .about-swiper ul li .photo img {
    display: block;
    width: 100%;
    border-radius: 4px;
    object-fit: cover;
    transition: all 0.6s ease;
}
.home-about .about-swiper ul li .photo:after {
    opacity: 0.7;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 1;
    transition: all 0.3s;
}

.home-about .about-swiper ul li .word {
    position:absolute;
    top:0.6rem;
    left:0;
    width:100%;
    height:100%;
    z-index: 2;
}
.home-about .about-swiper ul li .word h6 {
    font-size: var(--fs48);
    color: #fff;
    font-family: "MiSans-Regular";
}
.home-about .about-swiper ul li .word .content {}
.home-about .about-swiper ul li .word .content p {
    font-size: var(--fs24);
    font-size: var(--fs16);
    color: #fff;
    line-height: 1.8;
    padding: 0.4rem 0 0 0;
}
.home-about .about-swiper ul li .word .more {
    margin:0.4rem 0;
}
.home-about .about-swiper ul li .word .more a {}



.about-tag {
    position:absolute;
    left:0;
    bottom: 0.6rem;
    width:100%;
    z-index: 2;
}
.about-tag ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.3rem 2%;
}
.about-tag ul li {
    width: 23.5%;
    padding: 0.1rem 0;
    text-align: center;
    border-radius: 0.2rem;
    background: rgb(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    cursor:pointer;
}
.about-tag ul li.active {
    background: #e4002b;
    border: 1px solid rgba(255, 255, 255, 0);
}
.about-tag ul li figure {}
.about-tag ul li figure img {
    max-width: 0.3rem;
}
.about-tag ul li p {
    margin: 0.1rem 0 0 0;
    font-size: var(--fs14);
    color:#fff;
    font-family: "MiSans-Regular";
}

.home-power {
    position: relative;
    padding: 0.4rem 0;
}
.home-power::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: url(../images/home/home-power.jpg) no-repeat left center /cover;
    transition: all 3s;
}
.home-power .power-item {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;

}
.home-power .power-item .word {
    width: 100%;
}
.home-power .power-item .word .tags {

}
.home-power .power-item .word .tags ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.1rem 2%;
}
.home-power .power-item .word .tags ul li {
    width: 100%;
    max-width: 500px;
    font-size: var(--fs28);
    font-size: var(--fs16);
    color: #333;
    font-family: "MiSans-Regular";
}
.home-power .power-item .word .tags ul li::before {
    content: "";
    width: 0.26rem;
    height: 0.26rem;
    background: url(../images/logo-icon.svg) no-repeat center center / 90%;
    margin: 0 0.1rem 0 0;
    display: inline-block;
    vertical-align: middle;
}


.home-power .power-item .icon {
    margin: 0.2rem 0 0 0;
}
.home-power .power-item .icon ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    gap: 0.3rem 2%;
}
.home-power .power-item .icon ul li {
    width: 30%;
}
.home-power .power-item .icon ul li figure {
    text-align: center;
}
.home-power .power-item .icon ul li figure img {
    max-width: 0.4rem;
}
.home-power .power-item .icon ul li p {
    height: 0.6rem;
    font-size: var(--fs20);
    font-size: var(--fs14);
    color:#fff;
    text-align: center;
    border-radius: 6px;
    margin: 0.1rem 0 0 0;
    padding: 0.1rem 0.1rem;
    background:#231815;
}


.home-power .power-item .photo {
    width: 100%;
    margin: 0.25rem 0 0 0;
}
.home-power .power-item .photo .item {}
.home-power .power-item .photo .item ul {display: flex;flex-flow: row wrap;justify-content: flex-start;gap: 0 2%;}
.home-power .power-item .photo .item ul li {
    position:relative;
    width: 32%;
    border-radius: 10px;
    overflow:hidden;
}
.home-power .power-item .photo .item ul li figure {
    position:relative;
    width:100%;
    padding-top:68%;
    
}
.home-power .power-item .photo .item ul li figure img {
    position:absolute;
    top:0;
    left:0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    object-fit: cover;
    transition: all 0.6s ease;
}
.home-power .power-item .photo .item ul li p {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    padding:0.06rem 0.1rem;
    font-size: var(--fs16);
    color:#fff;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.01) 0, rgba(0, 0, 0, .5) 100%);
}
}

/*新闻中心*/
.home-news {
    width: 100%;
    overflow: hidden;
    padding: 0.6rem 0 0.6rem 0;
}
.home-news .news-list {

}
.home-news .news-list ul {
}
.home-news .news-list ul li {
    padding:0.6rem 0.3rem;
    border:1px solid #f9f9f9;
    background: #f9f9f9;
}
.home-news .news-list ul li:hover {
    box-shadow: 30px 30px 40px -10px rgba(0, 0, 0, 0.1);
}
.home-news .news-list ul li:hover {
    border:1px solid #f6f6f6;
}
.home-news .news-list ul li .word {}
.home-news .news-list ul li .word h3 {
    height: 0.64rem;
    font-size:var(--fs18);
    color: #000;
    line-height: 1.6;
    font-family: "MiSans-Medium";
    transition: transform 1s;
}
.home-news .news-list ul li:hover .word h3 {
    color: #e4002b;
    transform: translate(5px,0px);
}
.home-news .news-list ul li .word p {
    height: 1rem;
    font-size:var(--fs14);
    color: #777;
    font-family: "MiSans-Light";
    padding:0.2rem 0;
}

.home-news .news-list ul li .word .info {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.home-news .news-list ul li .word .info .go {
    font-size:var(--fs14);
    color: #999;
    font-family: "MiSans-Light";
}
.home-news .news-list ul li:hover .word .info .go {
    color: #e4002b;
}
.home-news .news-list ul li .word .info .time {
    font-size:var(--fs14);
    color: #999;
    font-family: "MiSans-Light";
}


.home-news .news-list ul li .photo {
    margin:0.2rem 0 0 0;
}
.home-news .news-list ul li .photo figure {
    position: relative;
    width: 100%;
    padding-top: 60.5%;
    border-radius: 0.05rem;
    overflow: hidden;
}
.home-news .news-list ul li .photo figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: all 0.6s ease;
}
.home-news .news-list ul li:hover .photo figure img {
    filter: alpha(opacity=80);
    transform: scale(1.1);
}
@media screen and (max-width:1024px){
.home-news {
    padding: 0.3rem 0 0.3rem 0;
}
.home-news .news-list {}
.home-news .news-list ul {}
.home-news .news-list ul li {
    padding: 0.3rem 0.15rem;
}
.home-news .news-list ul li .word {}
.home-news .news-list ul li .word h3 {
    font-size:var(--fs16);
}
.home-news .news-list ul li:hover .word h3 {

}
.home-news .news-list ul li .word p {
    font-size:var(--fs14);
    padding:0.1rem 0;
}

.home-news .news-list ul li .word .info {
}
.home-news .news-list ul li .word .info .go {
    font-size:var(--fs14);
}
.home-news .news-list ul li:hover .word .info .go {
}
.home-news .news-list ul li .word .info .time {
    font-size:var(--fs14);
}


.home-news .news-list ul li .photo {
    margin:0.1rem 0 0 0;
}
.home-news .news-list ul li .photo figure {
    padding-top: 60.5%;
    border-radius: 0.05rem;
}
.home-news .news-list ul li .photo figure img {
}
.home-news .news-list ul li:hover .photo figure img {

}
}
/*新闻中心*/



.dingwei {}
.dingwei img {
    width:100%;
}