#ns-main{ max-width: none;}

.edit-container{ width: 152rem; margin-right: auto; margin-left: auto; position: relative;}

a.base-btn{ display: inline-block; font-size: 1.6rem; padding: 1.3rem 3.2rem; border-radius: 99.9rem; color: #fff;background: rgba(255, 255, 255, 0); border: 0.1rem solid rgba(255, 255, 255, 0.60); transition: transform 0.22s ease-out, box-shadow 0.22s ease-out; position: relative; overflow: hidden;}
a.base-btn::before{ content: ""; position: absolute; top: -20%; bottom: -20%; width: 34%; left: 0; transform: translateX(-160%) skewX(-24deg); background: linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent); transition: transform .3s ease-out;}
a.base-btn:hover::before { transform: translateX(420%) skewX(-24deg); }
a.base-btn span{ padding-right: 2.6rem; position: relative;}
a.base-btn span::before{ content: ''; width: 1.4rem; height: 1.4rem; background: url(../images/home/icon-btn-arrow.png) center no-repeat; background-size: cover; position: absolute; top: 50%; transform:translateY(-50%); right: 0; transition: all 0.5s ease-in-out;}
a.base-btn:hover{ background: rgba(255, 255, 255, 0.12);  transform: translateY(-0.3rem); box-shadow: 0 0.8rem 1.8rem rgba(000, 000, 000, 0.28); }
a.base-btn:hover span::before{ right: -0.5rem;}
a.base-btn.base-btn-primary{ background-color: #DC2626; border-color: #DC2626;}
a.base-btn.base-btn-primary:hover{ background-color: #b80010; border-color: #b80010;}
a.base-btn.base-btn-color-red{ border-color: #DC2626; color: #DC2626;}
a.base-btn.base-btn-color-red span::before{ background-image: url(../images/home/icon-btn-arrow-red.png);}
a.base-btn.base-btn-color-red:hover{ background-color: #DC2626;  color: #fff;}
a.base-btn.base-btn-color-red:hover span::before{ background-image: url(../images/home/icon-btn-arrow.png);}

.index-banner{ margin-top: -7.2rem;}
.index-banner .swiper-slide{ position: relative; height: 82rem;}
.index-banner .swiper-slide img,.index-banner .swiper-slide video{ display: block; width: 100%; height: 100%; object-fit: cover;}
.index-banner .swiper-slide::before{ content: ''; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.30) 50%, rgba(0, 0, 0, 0.00) 100%); position: absolute; top: 0; left: 0;}
.index-banner .swiper-slide .banner-inner{ width: 100%; position: absolute; left: 0; top: 50%; transform:translateY(-50%); color: #fff;}
.index-banner .swiper-slide .banner-inner .banner-type{ width: 55%; font-size: 1.6rem; color: rgba(255, 255, 255, 0.9); padding-left: 1.6rem; position: relative;}
.index-banner .swiper-slide .banner-inner .banner-type::before{ content: ''; width: 0.8rem; height: 0.8rem; background-color: #DC2626; border-radius: 99.9rem; position: absolute; left: 0; top: 50%; transform:translateY(-50%);}
.index-banner .swiper-slide .banner-inner .banner-tit{ width: 55%; font-size: 4.8rem; font-weight: bold; margin-top: 2rem;}
.index-banner .swiper-slide .banner-inner .banner-cont{ width: 55%; font-size: 1.8rem; line-height: 1.5; margin-top: 2rem; color: rgba(255, 255, 255, 0.8);}
.index-banner .swiper-slide .banner-inner .banner-btn{ margin-top: 3rem;}
.index-banner .swiper-slide .banner-inner .banner-btn a.base-btn{ margin-right: 1.5rem;}
.index-banner .swiper-slide .banner-inner .banner-btn a.base-btn:last-child{ margin-right: 0;}
.index-banner .banner-pager{ width: 100%; height: 8rem; background: rgba(0, 0, 0, 0.40); position: absolute; left: 0; bottom: 0; z-index: 5;}
.index-banner .banner-pager .swiper-pagination{ width: 100%; height: 8rem; display: flex;}
.index-banner .banner-pager .swiper-pagination .swiper-pagination-bullet{ height: 100%; border-top: 0.2rem solid rgba(0, 0, 0, 0.00); background: transparent; flex: 1; border-radius: 0; opacity: 1; color: rgba(255, 255, 255, 0.8); padding: 1.6rem 2.4rem; text-align: left; cursor: pointer; transition: all 0.3s;}
.index-banner .banner-pager .swiper-pagination .swiper-pagination-bullet .bullet-type{ display: block; font-size: 1.4rem; color: rgba(255, 255, 255, 0.9); font-style: normal; position: relative;}
.index-banner .banner-pager .swiper-pagination .swiper-pagination-bullet .bullet-tit{ display: block; font-size: 1.6rem; font-weight: bold; margin-top: 0.5rem;}
.index-banner .banner-pager .swiper-pagination .swiper-pagination-bullet-active{ border-top: 0.2rem solid #DC2626; background: rgba(0, 0, 0, 0.6); color: #fff;}
.index-banner .banner-pager .swiper-pagination .swiper-pagination-bullet:hover{ background: rgba(0, 0, 0, 0.6); color: #fff;}

.base-home-title{ font-size: 1.6rem; color: #6A7282; text-align: center;}
.base-home-title .tit{ font-size: 3.2rem; font-weight: bold; color: #1A1A1A; margin-bottom: 0.8rem;}

.base-home-more-link{ font-size: 1.6rem;}
.base-home-more-link span{ display: inline-block; color: #E7000B; padding-left: 2rem; position: relative;}
.base-home-more-link span::before{ content: ''; width: 1.4rem; height: 1.4rem; background: url(../images/home/icon-btn-arrow-red.png) center no-repeat; background-size: cover; position: absolute; left: 0; top: 50%; transform:translateY(-50%); transition: all 0.5s ease-in-out;}
.base-home-more-link span:hover::before{ left: 0.5rem;}

.home-swiper-pager{ margin-top: 2.5rem; height: 4rem; line-height: 4rem; font-size: 1.6rem; color: #666; position: relative;}
.home-swiper-pager .swiper-pagination{ width: 100%; text-align: center;}
.home-swiper-pager .swiper-pagination .swiper-pagination-bullet{ width: 0.8rem; height: 0.8rem; margin: 0 0.3rem; background: rgba(10, 24, 40, 0.1); opacity: 1;}
.home-swiper-pager .swiper-pagination .swiper-pagination-bullet-active{ width: 4.6rem; border-radius: 0.8rem; background: #E7000B;}

.home-swiper-pager .swiper-arrow{ background-repeat: no-repeat; background-size: 2rem; position: absolute; top: 0; z-index: 15; cursor: pointer;}
.home-swiper-pager .swiper-arrow-prev{ left: 0; padding-left: 2.4rem; background-image: url(../images/home/icon-swiper-page-arrow-prev.png); background-position: center left;}
.home-swiper-pager .swiper-arrow-next{ right: 0; padding-right: 2.4rem; background-image: url(../images/home/icon-swiper-page-arrow-next.png); background-position: center right;}
.home-swiper-pager .swiper-button-disabled{ opacity: 0.6;}

.home-section{ padding: 10rem 0; background-color: #fff; overflow: hidden;}

.home-section1-inner{ margin-top: 4rem;}
.home-section1-tab .tab-box{ position: relative;}
.home-section1-tab .tab-box ul{ display: flex; border-bottom: 0.1rem solid #E5E7EB;}
.home-section1-tab .tab-box li{ flex: 1; padding: 1.6rem 3.2rem; font-size: 1.6rem; text-align: center; cursor: pointer; position: relative;}
.home-section1-tab .tab-box li::before{ content: ''; width: 0; height: 0.2rem; background-color: #DC2626; position: absolute; left: 50%; transform:translateX(-50%); bottom: 0; transition:all 0.5s;}
.home-section1-tab .tab-box li .icon{ width: 3.2rem; height: 3.2rem; background-repeat: no-repeat; background-position: center; background-size: cover; margin: 0 auto; position: relative;}
.home-section1-tab .tab-box li .icon .new{ width: 2.2rem; height: 2.2rem; line-height: 2.2rem; background-color: #DC2626; font-size: 1.2rem; color: #fff; text-align: center; border-radius: 100%; position: absolute; top: -1rem; right: -0.5rem;}
.home-section1-tab .tab-box li .tit{ margin-top: 0.8rem; color: #6A7282;}
.home-section1-tab .tab-box li:nth-of-type(1){ animation-delay: 0.1s;}
.home-section1-tab .tab-box li:nth-of-type(2){ animation-delay: 0.2s;}
.home-section1-tab .tab-box li:nth-of-type(3){ animation-delay: 0.3s;}
.home-section1-tab .tab-box li:nth-of-type(4){ animation-delay: 0.4s;}
.home-section1-tab .tab-box li:nth-of-type(5){ animation-delay: 0.5s;}
.home-section1-tab .tab-box li:nth-of-type(6){ animation-delay: 0.6s;}
.home-section1-tab .tab-box li:nth-of-type(7){ animation-delay: 0.7s;}
.home-section1-tab .tab-box li:nth-of-type(8){ animation-delay: 0.8s;}

.home-section1-tab .tab-box li:nth-of-type(1) .icon{ background-image: url(../images/home/home-section1-tab-icon1.png);}
.home-section1-tab .tab-box li:nth-of-type(2) .icon{ background-image: url(../images/home/home-section1-tab-icon2.png);}
.home-section1-tab .tab-box li:nth-of-type(3) .icon{ background-image: url(../images/home/home-section1-tab-icon3.png);}
.home-section1-tab .tab-box li:nth-of-type(4) .icon{ background-image: url(../images/home/home-section1-tab-icon4.png);}
.home-section1-tab .tab-box li:nth-of-type(5) .icon{ background-image: url(../images/home/home-section1-tab-icon5.png);}
.home-section1-tab .tab-box li:nth-of-type(6) .icon{ background-image: url(../images/home/home-section1-tab-icon6.png);}
.home-section1-tab .tab-box li:nth-of-type(7) .icon{ background-image: url(../images/home/home-section1-tab-icon7.png);}
.home-section1-tab .tab-box li:nth-of-type(8) .icon{ background-image: url(../images/home/home-section1-tab-icon8.png);}
.home-section1-tab .tab-box li:nth-of-type(1):hover .icon,.home-section1-tab .tab-box li:nth-of-type(1).active .icon{ background-image: url(../images/home/home-section1-tab-icon1-on.png);}
.home-section1-tab .tab-box li:nth-of-type(2):hover .icon,.home-section1-tab .tab-box li:nth-of-type(2).active .icon{ background-image: url(../images/home/home-section1-tab-icon2-on.png);}
.home-section1-tab .tab-box li:nth-of-type(3):hover .icon,.home-section1-tab .tab-box li:nth-of-type(3).active .icon{ background-image: url(../images/home/home-section1-tab-icon3-on.png);}
.home-section1-tab .tab-box li:nth-of-type(4):hover .icon,.home-section1-tab .tab-box li:nth-of-type(4).active .icon{ background-image: url(../images/home/home-section1-tab-icon4-on.png);}
.home-section1-tab .tab-box li:nth-of-type(5):hover .icon,.home-section1-tab .tab-box li:nth-of-type(5).active .icon{ background-image: url(../images/home/home-section1-tab-icon5-on.png);}
.home-section1-tab .tab-box li:nth-of-type(6):hover .icon,.home-section1-tab .tab-box li:nth-of-type(6).active .icon{ background-image: url(../images/home/home-section1-tab-icon6-on.png);}
.home-section1-tab .tab-box li:nth-of-type(7):hover .icon,.home-section1-tab .tab-box li:nth-of-type(7).active .icon{ background-image: url(../images/home/home-section1-tab-icon7-on.png);}
.home-section1-tab .tab-box li:nth-of-type(8):hover .icon,.home-section1-tab .tab-box li:nth-of-type(8).active .icon{ background-image: url(../images/home/home-section1-tab-icon8-on.png);}
.home-section1-tab .tab-box li:hover .tit,.home-section1-tab li.active .tit{ color: #DC2626;}
.home-section1-tab li.active::before{ width: 100%;}
.home-section1-tab .tab-container{ margin-top: 3rem;}
.home-section1-tab .tab-container .box{ display: none;}
.home-section1-tab .tab-container .box .base-view-btn{ margin-top: 3rem; text-align: center;}

.home-section1-swpier .swiper-container{ margin: 0 -2rem; padding: 0 1rem 1rem 1rem;}
.home-section1-swpier .swiper-wrapper{ display: grid; grid-template-columns: repeat(3, 1fr);}
.home-section1-swpier .swiper-slide{ padding: 1rem;}
.home-section1-swpier .swiper-slide .block-box{ box-shadow:0 0.5rem 1.2rem 0 rgba(74, 85, 101, 0.1); border-radius: 2rem; background-color: #FFF; border: 0.1rem solid rgba(74, 85, 101, 0.10); overflow: hidden; transition: transform 0.22s ease-out, box-shadow 0.22s ease-out;}
.home-section1-swpier .swiper-slide .block-box .pic-box{ height: 14.583vw; overflow: hidden; position: relative;}
.home-section1-swpier .swiper-slide .block-box .pic-box img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
.home-section1-swpier .swiper-slide .block-box .pic-box .hot{ font-size: 1.2rem; color: #fff; padding: 0.2rem 0.8rem; border-radius: 0.6rem; background-color: #DC2626; position: absolute; top: 1.6rem; right: 1.6rem; z-index: 5;}
.home-section1-swpier .swiper-slide .block-box .cont-box{ padding: 2.4rem 3.2rem 3.2rem 3.2rem; font-size: 1.6rem; color: #6A7282;}
.home-section1-swpier .swiper-slide .block-box .cont-box .tit{ font-size: 2.2rem; font-weight: bold; color: #1A1A1A; margin-bottom: 1.2rem; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.home-section1-swpier .swiper-slide .block-box .cont-box .cont{ line-height: 1.5; height: 3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.home-section1-swpier .swiper-slide .block-box .cont-box .base-home-more-link{ margin-top: 2.4rem;}
.home-section1-swpier .swiper-slide .block-box:hover{ box-shadow:0 1rem 1.8rem 0 rgba(74, 85, 101, 0.2);  transform: translateY(-0.5rem);}
.home-section1-swpier .swiper-slide .block-box:hover .pic-box img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.home-section1-swpier .swiper-slide .block-box:hover .cont-box .tit{ color: #E7000B;}
.home-section1-swpier .home-swiper-pager{ margin-top: 0; display: none;}
.home-section1-swpier.banner-animate .swiper-wrapper{ display: flex; grid-template-columns: none;}
.home-section1-swpier.banner-animate .home-swiper-pager{ display: block;}

.home-section2{ padding: 0 !important; position: relative; color: #fff;}
.home-section2-top{ width: 100%; position: absolute; left: 0; top: 10rem; z-index: 9;}
.home-section2-top .base-home-title{ color: #fff;}
.home-section2-top .base-home-title .tit{ color: #fff;}
.home-section2-tab{ margin-top: 4rem;}
.home-section2-tab .tab-box{ text-align: center; position: relative;}
.home-section2-tab .tab-box ul{ display: inline-block; vertical-align: middle; font-size: 0;}
.home-section2-tab .tab-box li{ display: inline-block; vertical-align: middle; font-size: 1.8rem; padding: 1.6rem 2.8rem; cursor: pointer; color: rgba(255, 255, 255, 0.7); position: relative;text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6), 0 0 8px rgba(0, 0, 0, 0.4);}
.home-section2-tab .tab-box li::before{ content: ''; width: 0; height: 0.2rem; background-color: #c00; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; transition: all 0.5s;}
.home-section2-tab .tab-box li.active{ color: #fff;}
.home-section2-tab .tab-box li.active:before{ width: 100%;}
.home-section2-tab .tab-box li:hover{ color: #fff;}
.home-section2-tab .tab-box .tab-more{ display: inline-block; vertical-align: middle; font-size: 1.6rem; animation-delay: 1s;}
.home-section2-tab .tab-box .tab-more a{ color: #fff; padding: 1.6rem 2.8rem;}
.home-section2-tab .tab-box .tab-more span{ padding-left: 3.2rem; background: url(../images/home/icon-more-meun.png) left center no-repeat; background-size: 2rem;}
.home-section2-tab .tab-box li:nth-of-type(1){ animation-delay: 0.1s;}
.home-section2-tab .tab-box li:nth-of-type(2){ animation-delay: 0.2s;}
.home-section2-tab .tab-box li:nth-of-type(3){ animation-delay: 0.3s;}
.home-section2-tab .tab-box li:nth-of-type(4){ animation-delay: 0.4s;}
.home-section2-tab .tab-box li:nth-of-type(5){ animation-delay: 0.5s;}
.home-section2-tab .tab-box li:nth-of-type(6){ animation-delay: 0.6s;}
.home-section2-tab .tab-box li:nth-of-type(7){ animation-delay: 0.7s;}
.home-section2-tab .tab-box li:nth-of-type(8){ animation-delay: 0.8s;}
.home-section2-tab .tab-box li:nth-of-type(9){ animation-delay: 0.9s;}

/* .home-section2-inner .tab-container .section2-tab-swiper .swiper-wrapper{ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);} */
/*.home-section2-swiper::before{ content: ''; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(0, 0, 0, 0.82) 0.16%, rgba(0, 0, 0, 0.50) 54.99%, rgba(0, 0, 0, 0.30) 99.85%); position: absolute; top: 0; left: 0;}*/

.home-section2-inner{ position: relative;}
.home-section2-inner .tab-container-bg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.home-section2-inner .tab-container-bg .bg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; z-index: 1; transition: opacity 1s ease;}
.home-section2-inner .tab-container-bg .bg::before{ content: ''; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(0, 0, 0, 0.3) 0.16%, rgba(0, 0, 0, 0.2) 54.99%, rgba(0, 0, 0, 0.1) 99.85%); position: absolute; top: 0; left: 0;}
.home-section2-inner .tab-container-bg .bg.active{ opacity: 1; z-index: 2;}
.home-section2-inner .tab-container-bg .bg img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.home-section2-inner .tab-container{ position: relative; z-index: 5;}

.home-section2-swiper{ position: relative;}
.home-section2-swiper .bg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-animation: fadeIn .4s forwards; animation: fadeIn .4s forwards; visibility: hidden;}
.home-section2-swiper .bg img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.home-section2-swiper .swiper-slide{ height: 74.2rem;}
.home-section2-swiper .swiper-slide .swiper-inner{ width: 100%; position: absolute; left: 0; top: 42%; font-size: 1.6rem;}
.home-section2-swiper .swiper-slide .swiper-inner .inner-wh{ /* width: 34.21%; */ width: 50%;}
.home-section2-swiper .swiper-slide .swiper-inner .swiper-type{ color: rgba(255, 255, 255, 0.8); padding-left: 1rem; position: relative; animation: 0.4s ease 0.12s 1 normal forwards fadeInUp; opacity: 0;text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6), 0 0 8px rgba(0, 0, 0, 0.4);}
.home-section2-swiper .swiper-slide .swiper-inner .swiper-type::before{ content: ''; width: 0.2rem; height: 100%; background-color: #c00; position: absolute; left: 0; top: 50%; transform:translateY(-50%);}
.home-section2-swiper .swiper-slide .swiper-inner .swiper-tit{ font-size: 3rem; font-weight: bold; margin-top: 3rem; animation: 0.4s ease 0.24s 1 normal forwards fadeInUp; opacity: 0;}
.home-section2-swiper .swiper-slide .swiper-inner .swiper-cont{ color: rgba(255, 255, 255, 0.8); margin-top: 3rem; line-height: 1.5; height: 3em; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6), 0 0 8px rgba(0, 0, 0, 0.4);overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; animation: 0.4s ease 0.36s 1 normal forwards fadeInUp; opacity: 0;}
.home-section2-swiper .swiper-slide .swiper-inner .swiper-label{ margin-top: 3rem; animation: 0.4s ease 0.48s 1 normal forwards fadeInUp; opacity: 0;}
.home-section2-swiper .swiper-slide .swiper-inner .swiper-label dl dd{ display: inline-block; vertical-align: top; margin-right: 3rem; color: rgba(255, 255, 255, 0.8);}
.home-section2-swiper .swiper-slide .swiper-inner .swiper-label dl dd .tit{ font-size: 2.4rem; color: #fff; font-weight: bold; margin-bottom: 0.4rem;}
.home-section2-swiper .swiper-slide .swiper-inner .swiper-label dl dd p{ text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6), 0 0 8px rgba(0, 0, 0, 0.4);}
.home-section2-swiper .swiper-slide .swiper-inner .swiper-label dl dd:last-child{ margin-right: 0;}
.home-section2-swiper .swiper-slide .swiper-inner .swiper-btn{ margin-top: 4rem; animation: 0.4s ease 0.6s 1 normal forwards fadeInUp; opacity: 0;}
.home-section2-swiper .swiper-slide .swiper-inner .swiper-btn a.base-btn{ margin-right: 1.5rem;}
.home-section2-swiper .swiper-slide .swiper-inner .swiper-btn a.base-btn:last-child{ margin-right: 0;}
.home-section2-swiper .swiper-arrow{ width: 4rem; height: 4rem; border-radius: 100%; background-color: rgba(255, 255, 255, 0.3); background-repeat: no-repeat; background-position: center; background-size: 2rem; position: absolute; top: 50%; transform:translateY(-50%); z-index: 9; cursor: pointer; display: none;}
.home-section2-swiper .swiper-arrow-prev{ background-image: url(../images/home/icon-swiper-arrow-prev.png); left: 8rem;}
.home-section2-swiper .swiper-arrow-next{ background-image: url(../images/home/icon-swiper-arrow-next.png); right: 8rem;}
.home-section2-swiper .swiper-pagination{ display: none;}
.home-section2-swiper.banner-animate .swiper-arrow{ display: block;}

.home-section3-inner{ overflow: hidden;}
.home-section3-inner ul{ margin: 0 -1rem;}
.home-section3-inner li{ float: left; width: 33.333%; padding: 0 1rem; margin-bottom: 2rem;}
.home-section3-inner li .block-box{ position: relative; border-radius: 2rem; overflow: hidden;}
.home-section3-inner li .block-box .pic-box{ overflow: hidden; height: 24rem; position: relative;}
.home-section3-inner li .block-box .pic-box img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
.home-section3-inner li .block-box .pic-box::before{ content: ''; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.80) 0.03%, rgba(0, 0, 0, 0.30) 35.7%, rgba(0, 0, 0, 0.00) 71.37%); position: absolute; left: 0; bottom: 0; z-index: 5;}
.home-section3-inner li .block-box .pic-box .links-arrow{ width: 4rem; height: 4rem; background: url(../images/home/home-section3-list-arrow.png) center no-repeat rgba(255, 255, 255, 0.3); background-size: 1.6rem; border-radius: 100%; position: absolute; top: 2rem; right: 2rem; z-index: 9; opacity: 0; transform: scale(0); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
.home-section3-inner li:nth-of-type(1) .block-box .pic-box{ height: 76rem;}
.home-section3-inner li .block-box .cont-box{ width: 100%; position: absolute; left: 0; bottom: 0; z-index: 9; padding: 2.4rem 3.2rem; font-size: 1.6rem; color: #fff;}
.home-section3-inner li .block-box .cont-box .type span{ padding: 0.2rem 0.8rem; border-radius: 0.4rem; background: #004DF7;}
.home-section3-inner li .block-box .cont-box .date{ color: rgba(255, 255, 255, 0.7); padding-left: 2.2rem; background: url(../images/home/icon-date.png) left center no-repeat; background-size: 1.6rem; margin-top: 1rem;}
.home-section3-inner li .block-box .cont-box .tit{ font-size: 2.4rem; font-weight: bold; margin-top: 0.8rem;}
.home-section3-inner li .block-box .cont-box .type.type-jsqk span{ background: #004DF7;}
.home-section3-inner li .block-box .cont-box .type.type-rdhd span{ background: #DC2626;}
.home-section3-inner li .block-box .cont-box .type.type-gsxw span{ background: #606679;}
.home-section3-inner li .block-box:hover .pic-box img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.home-section3-inner li .block-box:hover .pic-box::before{ background: linear-gradient(0deg, rgba(0, 0, 0, 0.90) 0%, rgba(0, 0, 0, 0.60) 50%, rgba(0, 0, 0, 0.50) 100%);}
.home-section3-inner li .block-box:hover .pic-box .links-arrow{ opacity: 1; transform: scale(1);}

.home-section3-inner li:nth-of-type(1){ animation-delay: 0.1s;}
.home-section3-inner li:nth-of-type(2){ animation-delay: 0.2s;}
.home-section3-inner li:nth-of-type(3){ animation-delay: 0.3s;}
.home-section3-inner li:nth-of-type(4){ animation-delay: 0.4s;}
.home-section3-inner li:nth-of-type(5){ animation-delay: 0.5s;}
.home-section3-inner li:nth-of-type(6){ animation-delay: 0.6s;}
.home-section3-inner li:nth-of-type(7){ animation-delay: 0.7s;}

.home-section4{ background-color: #F8F8F8;}
.home-section4-inner ul{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem;}
.home-section4-inner li .block-box{ box-shadow:0 0.5rem 1.2rem 0 rgba(74, 85, 101, 0.1); border-radius: 2rem; border: 0.1rem solid #E5E7EB; background-color: #FFF; padding: 3.6rem; font-size: 1.8rem; transition: transform 0.22s ease-out;}
.home-section4-inner li .block-box .tit{ font-size: 2.2rem; font-weight: bold;}
.home-section4-inner li .block-box .cont{ color: #6A7282; line-height: 1.5; margin-top: 1.2rem; height: 3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.home-section4-inner li .block-box .base-home-more-link{ margin-top: 2.4rem;}
.home-section4-inner li .block-box:hover{ transform: translateY(-0.5rem); box-shadow:0 1rem 1.8rem 0 rgba(74, 85, 101, 0.2); }
.home-section4-inner li:nth-of-type(1){ animation-delay: 0.1s;}
.home-section4-inner li:nth-of-type(2){ animation-delay: 0.2s;}
.home-section4-inner li:nth-of-type(3){ animation-delay: 0.3s;}

.side-floating{ width: 4rem; position: fixed; right: 2.083%; bottom: 5vw; z-index: 999; padding-bottom: 4rem;}
.side-floating li{ margin-top: 1.2rem; position: relative;}
.side-floating li .icon{ width: 4rem; height: 4rem; background-color: #fff; border-radius: 99.9rem; position: relative; cursor: pointer;}
.side-floating li .icon img{ display: block; width: 1.5rem; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.side-floating li.phone .icon{ background-color: #DC2626;}
.side-floating li.return-top{ width: 100%; position: absolute; left: 0; bottom: -1.2rem; display: none;}
.side-floating li.return-top .icon{ border: 0.1rem solid #E5E7EB; box-shadow: 0 0 0.6rem -0.1rem rgba(0, 0, 0, 0.10), 0 0 0.4rem -0.2rem rgba(0, 0, 0, 0.10);}
.side-floating li:first-child{ margin-top: 0;}

.side-floating li.phone .hidden-box{ padding-right: 1.4rem; position: absolute; bottom: -7rem; right: 100%; z-index: 9; /* display: none; */ opacity: 0; visibility: hidden; transition: opacity .4s,transform .3s ease-out;}
/* .side-floating li.phone .hidden-box::before{ content: ''; width: 1.6rem; height: 1.6rem; transform: rotate(45deg); flex-shrink: 0; border-radius: 0 0.2rem 0 0; background-color: #FFF; position: absolute; top: 2rem; right: 0.6rem;} */
.side-floating li.phone:hover .hidden-box{ /* display: block; */ opacity:1; transform: scale(1); visibility: visible;}
.side-floating-phone-details{ width: 44rem; background-color: #fff; border-radius: 0.4rem; overflow: hidden; box-shadow: 0 0.4rem 1rem 0 rgba(74, 85, 101, 0.3);}
.side-floating-phone-details h2{ font-size: 1.5rem; font-weight: bold; padding: 1.6rem 2rem; border-bottom: 0.1rem solid #F3F4F6; position: relative;}
.side-floating-phone-center{ padding: 2rem 0; border-bottom: 0.1rem solid #F3F4F6;}
.side-floating-phone-block{ float: left; width: 50%; padding: 0 2rem; border-right: 0.1rem solid #F3F4F6;}
.side-floating-phone-block:last-child{ border-right: 0;}
.side-floating-phone-block .top-title-box{ background-color: #DC2626; font-size: 1.6rem; color: #fff; font-weight: bold; text-align: center; padding: 0.8rem 0; border-radius: 0.2rem;}
.side-floating-phone-block .cont-box{ padding: 2rem 0;}
.side-floating-phone-block .cont-box .li-btn{ border: 0.1rem solid #E5E7EB; border-radius: 0.2rem; margin-bottom: 2rem; text-align: center; font-size: 0;}
.side-floating-phone-block .cont-box .li-btn a{ display: block; padding: 1rem 0;}
.side-floating-phone-block .cont-box .li-btn .ico,.side-floating-phone-block .cont-box .li-btn span{ display: inline-block; vertical-align: middle;}
.side-floating-phone-block .cont-box .li-btn .ico{ width: 1.4rem;}
.side-floating-phone-block .cont-box .li-btn .ico img{ display: block; width: 100%;}
.side-floating-phone-block .cont-box .li-btn span{ font-size: 1.6rem; color: #DC2626; font-weight: bold; margin-left: 1rem;}
.side-floating-phone-block .cont-box .li-btn:first-child{ margin-bottom: 1rem;}

.side-floating-phone-block .cont-box .li-block{ margin-bottom: 2rem;}
.side-floating-phone-block .cont-box .li-block:last-child{ margin-bottom: 0;}
.side-floating-phone-block .cont-box .li-block .title{ font-size: 1.6rem; color: #6A7282; padding: 0; margin: 0;}
.side-floating-phone-block .cont-box .li-block .num{ font-size: 2rem; font-style: italic; color: ##1A1A1A; margin-top: 0.5rem; white-space: pre-wrap;}
.side-floating-phone-bottom{ padding: 1.2rem 0;}
.side-floating-phone-bottom .hy_20240702_box2{ font-size: 1.6rem; color: #6A7282;}

.swipe-hint{ display: none;}



@media (max-width: 1680px){
	/* 缩小80% */
	.home-section2-swiper .swiper-arrow-prev{ left: 4rem;}
	.home-section2-swiper .swiper-arrow-next{ right: 4rem;}
}

@media (max-width: 1440px){
	/* 缩小70% */
	.home-section2-swiper .swiper-arrow-prev{ left: 2rem;}
	.home-section2-swiper .swiper-arrow-next{ right: 2rem;}
	
	
}

@media (max-width: 1280px){
	.home-section2-swiper .swiper-arrow-prev{ left: 5rem;}
	.home-section2-swiper .swiper-arrow-next{ right: 5rem;}
}

@media (max-width: 1200px){
	/* 缩小60% */
	.home-section2-swiper .swiper-arrow-prev{ left: 2rem;}
	.home-section2-swiper .swiper-arrow-next{ right: 2rem;}

}

@media (max-width: 992px){
	/* 缩小60% */
	.edit-container{ width: 100%; padding: 0 4rem;}

	a.base-btn{ font-size: 2.4rem; padding: 1.6rem 3rem;}
	a.base-btn span{ padding-right: 4.4rem;}
	a.base-btn span::before{ width: 2.4rem; height: 2.4rem;}
	
	.index-banner{ margin-top: 0;}
	.index-banner .swiper-slide{ height: 66rem;}
	.index-banner .swiper-slide::before{ background: rgba(0, 0, 0, 0.4);}
	.index-banner .swiper-slide .banner-inner{ padding-bottom: 0;}
	.index-banner .swiper-slide .banner-inner .banner-type{ width: 100%; font-size: 2.4rem; padding-left: 2.8rem;}
	.index-banner .swiper-slide .banner-inner .banner-type::before{ width: 1.2rem; height: 1.2rem;}
	.index-banner .swiper-slide .banner-inner .banner-tit{ width: 100%; font-size: 4.8rem;}
	.index-banner .swiper-slide .banner-inner .banner-cont{ width: 100%; font-size: 2.4rem; margin-top: 3rem;}
	.index-banner .swiper-slide .banner-inner .banner-btn{ margin-top: 6rem;}
	.index-banner .swiper-slide .banner-inner .banner-btn a.base-btn{ margin-right: 0.8rem;}
	.index-banner .banner-pager{ height: auto; background: transparent; bottom: 4rem;}
	.index-banner .banner-pager .edit-container{ padding: 0;}
	.index-banner .banner-pager .swiper-pagination{ height: auto; display: flex; justify-content: center; gap: 1.4rem;}
	.index-banner .banner-pager .swiper-pagination .swiper-pagination-bullet{ flex: none; width: 1.4rem; height: 1.4rem; border: none; border-radius: 99.9rem; background: rgba(255, 255, 255, 0.5); padding: 0; opacity: 1; transition: all 0.3s; overflow: hidden;}
	.index-banner .banner-pager .swiper-pagination .swiper-pagination-bullet .bullet-type,
	.index-banner .banner-pager .swiper-pagination .swiper-pagination-bullet .bullet-tit{ display: none;}
	.index-banner .banner-pager .swiper-pagination .swiper-pagination-bullet-active{ width: 4.6rem; background: #DC2626;}

	.base-home-title{ font-size: 2.4rem;}
	.base-home-title .tit{ font-size: 4.2rem;}
	
	.base-home-more-link{ font-size: 2.4rem;}
	.base-home-more-link span{ padding-left: 3.2rem;}
	.base-home-more-link span::before{ width: 2.4rem; height: 2.4rem;}
	
	.home-swiper-pager{ font-size: 2.4rem; margin-top: 3rem;}
	.home-swiper-pager .swiper-arrow{ background-size: 3.2rem;}
	.home-swiper-pager .swiper-arrow-prev{ padding-left: 4rem;}
	.home-swiper-pager .swiper-arrow-next{ padding-right: 4rem;}
	.home-swiper-pager .swiper-pagination{ bottom: 0;}

	.home-section{ padding: 8rem 0;}

	.home-section1-inner{ margin-top: 2rem;}
	.home-section1-tab .tab-box ul{ overflow-y: hidden; overflow-x: auto; flex-wrap: nowrap;}
	.home-section1-tab .tab-box li{ flex: none; font-size: 2.8rem; padding: 2rem 3rem;}
	.home-section1-tab .tab-box li .icon{ width: 4rem; height: 4rem;}
	.home-section1-tab .tab-box li .icon .new{ width: 3.2rem; height: 3.2rem; line-height: 3.2rem; font-size: 2.4rem; top: -1.5rem; right: -0.8rem;}
	.home-section1-tab .tab-container{ margin-top: 3rem;}
	.home-section1-tab .tab-container .box .base-view-btn{ margin-top: 3rem;}
	.home-section1-swpier .swiper-wrapper{ grid-template-columns: repeat(1, 1fr);}
	.home-section1-swpier .swiper-slide .block-box .pic-box{ height: 53.333vw;}
	.home-section1-swpier .swiper-slide .block-box .pic-box .hot{ font-size: 2.4rem; padding: 0.4rem 1.6rem; top: 3rem; right: 3rem;}
	.home-section1-swpier .swiper-slide .block-box .cont-box{ padding: 4rem; font-size: 2.4rem;}
	.home-section1-swpier .swiper-slide .block-box .cont-box .tit{ font-size: 2.8rem;}
	.home-section1-swpier .home-swiper-pager{ margin-top: 2rem;}
	
	.home-section2-inner .tab-container-bg .bg::before{ background: rgba(0, 0, 0, 0.5);}
	.home-section2-top{ top: 8rem;}
	.home-section2-tab{ margin-top: 3rem;}
	.home-section2-tab .tab-box ul{ overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; display: block; white-space: nowrap;}
	.home-section2-tab .tab-box li{ font-size: 2.8rem; padding: 2rem 3rem;}
	.home-section2-tab .tab-box li::before{ width: 100%; background-color: rgba(255, 255, 255, 0.7); transition: all 0s;}
	.home-section2-tab .tab-box li.active:before{ background-color: #c00;}
	.home-section2-tab .tab-box .swipe-hint{ bottom: 4.2rem;}
	.home-section2-tab .tab-box .tab-more{ font-size: 2.4rem; margin-top: 5rem;}
	.home-section2-tab .tab-box .tab-more a{ padding: 2rem 3rem;}
	.home-section2-tab .tab-box .tab-more span{ padding-left: 4.4rem; background-size: 3.2rem;}
	.home-section2-swiper .swiper-slide{ height: 120rem;}
	.home-section2-swiper .swiper-slide .swiper-inner{ top: 50rem; font-size: 2.4rem;}
	.home-section2-swiper .swiper-slide .swiper-inner .edit-container{ width: 100%;}
	.home-section2-swiper .swiper-slide .swiper-inner .inner-wh{ width: 100%;}
	.home-section2-swiper .swiper-slide .swiper-inner .swiper-type{ padding-left: 2rem;}
	.home-section2-swiper .swiper-slide .swiper-inner .swiper-type::before{ width: 0.4rem;}
	.home-section2-swiper .swiper-slide .swiper-inner .swiper-tit{ font-size: 3.2rem; margin-top: 2rem;}
	.home-section2-swiper .swiper-slide .swiper-inner .swiper-cont{ margin-top: 3rem;}
	.home-section2-swiper .swiper-slide .swiper-inner .swiper-label{ margin-top: 4rem;}
	.home-section2-swiper .swiper-slide .swiper-inner .swiper-label dl dd{ margin-right: 1rem;}
	.home-section2-swiper .swiper-slide .swiper-inner .swiper-label dl dd .tit{ font-size: 3.2rem;}
	.home-section2-swiper .swiper-slide .swiper-inner .swiper-btn{ margin-top: 6rem;}
	.home-section2-swiper .swiper-slide .swiper-inner .swiper-btn a.base-btn{ margin-right: 0.8rem;}
	.home-section2-swiper .swiper-pagination .swiper-pagination-bullet{ width: 0.8rem; height: 0.8rem; border: none; border-radius: 99.9rem; background: rgba(255, 255, 255, 0.5); padding: 0; opacity: 1; transition: all 0.3s; overflow: hidden;}
	.home-section2-swiper .swiper-pagination .swiper-pagination-bullet-active{ width: 4.6rem; background: #DC2626;}
	.home-section2-swiper .swiper-arrow{ display: none !important;}
	.home-section2-swiper.banner-animate .swiper-pagination{ display: block;}

	.home-section3-inner li{ float: none; width: 100%;}
	.home-section3-inner li:last-child{ margin-bottom: 0;}
	.home-section3-inner li .block-box .pic-box{ height: 43.466vw;}
	.home-section3-inner li:nth-of-type(1) .block-box .pic-box{ height: 43.466vw;}
	.home-section3-inner li .block-box .cont-box{ padding: 4rem; font-size: 2.4rem;}
	.home-section3-inner li .block-box .cont-box .date{ padding-left: 4.4rem; background-size: 2.8rem;}
	.home-section3-inner li .block-box .cont-box .tit{ font-size: 2.8rem;}

	.home-section4-inner ul{ grid-template-columns: repeat(1, 1fr);}
	.home-section4-inner li .block-box{ padding: 4rem; font-size: 2.4rem;}
	.home-section4-inner li .block-box .tit{ font-size: 2.8rem;}

	.side-floating{ width: 8rem; bottom: 20vw; padding-bottom: 8rem;}
	.side-floating li .icon{ width: 8rem; height: 8rem;}
	.side-floating li .icon img{ width: 3rem;}
	.side-floating li.phone .hidden-box{ right: 0;}
	.side-floating li.phone .hidden-box::before{ display: none;}
	
	.side-floating li.phone .hidden-box{ opacity: 0; visibility: hidden; transition: none;}
	.side-floating li.phone:hover .hidden-box{ opacity:1;  visibility: visible;}
	
	/* .side-floating li.phone:hover .hidden-box{ display: none;} */
	.side-floating-phone-details{ width: 92vw;}
	.side-floating-phone-details h2{ font-size: 3.2rem; padding: 2rem 3rem;}
	.side-floating-phone-details h2 .ns-close-float-contact-us{ width: 4rem; height: 4rem; position: absolute; top: 50%; transform:translateY(-50%); right: 3rem;}
	.side-floating-phone-details h2 .ns-close-float-contact-us span{  width: 3rem; height: 0.5rem; position: absolute; top: 50%; left: 10%; background: #000; cursor: pointer;}
	.side-floating-phone-details h2 .ns-close-float-contact-us span:nth-of-type(1){ transform: translateY(-50%) rotate(45deg);}
	.side-floating-phone-details h2 .ns-close-float-contact-us span:nth-of-type(2){ transform: translateY(-50%) rotate(-45deg);}
	.side-floating-phone-center{ padding: 2rem 1rem;}
	.side-floating-phone-block{ padding: 0 2rem;}
	.side-floating-phone-block .top-title-box{ font-size: 2.8rem; padding: 2rem 0;}
	.side-floating-phone-block .cont-box{ padding: 2rem 0;}
	.side-floating-phone-block .cont-box .li-btn{ margin-bottom: 2rem;}
	.side-floating-phone-block .cont-box .li-btn a{ padding: 2rem 0;}
	.side-floating-phone-block .cont-box .li-btn .ico{ width: 3.2rem;}
	.side-floating-phone-block .cont-box .li-btn span{ font-size: 2.4rem; margin-left: 1rem;}
	.side-floating-phone-block .cont-box .li-block{ margin-bottom: 2rem;}
	.side-floating-phone-block .cont-box .li-btn:first-child{ margin-bottom: 2rem;}
	.side-floating-phone-block .cont-box .li-block .title{ font-size: 2.4rem;}
	.side-floating-phone-block .cont-box .li-block .num{ font-size: 3.2rem;}
	.side-floating-phone-bottom{ padding: 2rem 0;}
	.side-floating-phone-bottom .hy_20240702_box2{ font-size: 2.4rem;}
	
	.swipe-hint{  display: block; position: absolute; left: 50%; bottom: -3.2rem; transform: translateX(-50%); align-items: center; gap: 1.6rem; padding: 1.2rem 3.6rem; border-radius: 99.9rem; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 2.4rem; white-space: nowrap; pointer-events: none; z-index: 10; opacity: 1; transition: opacity .25s ease, transform .25s ease;}
	
	/* 消失：淡出 + 轻微下沉 */
	.swipe-hint.hide{ opacity: 0; transform: translateX(-50%) translateY(1.2rem);}
	
	/* 双箭头 */
	.swipe-hint .arrows{ display: inline-flex;}
	.swipe-hint .arrows.right{ animation: arrowNudgeRight 1.2s ease-in-out infinite;}
	.swipe-hint .arrows.left{ animation: arrowNudgeLeft 1.2s ease-in-out infinite;}
	@keyframes arrowNudgeRight {
		0%, 100% { transform: translateX(0); }
		50% { transform: translateX(0.8rem); }
	}
	@keyframes arrowNudgeLeft {
		0%, 100% { transform: translateX(0); }
		50% { transform: translateX(-0.8rem); }
	}
	
	
	
	
	
	
	
	
	
}