.more{display: block; widtH:135px; height: 42px; line-height: 42px; text-align: center; color:#000000; background: #fff;border-radius: 35px;}
.more i{ margin-left:5px;}

h2.tit{ position: relative; margin-bottom: 1.5%;}



.index-part01 h3{ line-height: 1.8; margin-bottom:2.5%;}
.index-part01 li{ float: left; width:26.25%; margin-right:1.94%; margin-bottom:2%;}
.index-part01 li:first-child,.index-part01 li:last-child{width:43.61%;}
.index-part01 li:nth-of-type(3),.index-part01 li:nth-of-type(6){float: right; margin-right: 0;}
.index-part01 li dl{position: relative;}
.index-part01 li dt{ position: relative;}
.index-part01 li dt i{color:#fff; font-size: 40px;}
.index-part01 li dt video{ width: 100%; height: 100%; object-fit: fill;}
.index-part01 li dt span{ position: absolute; lefT:35px; top:30px; color:#fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.index-part01 li dt h4{ position: absolute; lefT:35px; bottom:20px; color:#fff;}
.index-part01 li dd{ opacity: 0; color:#fff; position: absolute; z-index: 1; lefT:0; top:0; widtH:100%; height: 100%; padding:30px 35px; background: rgba(40,8,10,0.74);}
.index-part01 li dd span{ display: block;font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.index-part01 li dd h4{margin:5% 0 2.5%;}
.index-part01 li dd p{ line-height: 1.8; max-height: 5.4em; height: 5.4em;}


.index-part02{position: relative;}
.index-part02 .ll{width:87.5%; float: right; position: relative;}
.index-part02 .ll .item_box{width:60%;/*height:700px;*/ margin-left: 10%; height: auto!important; overflow: hidden;}
.index-part02 .ll .item_box .txt{position: absolute; left:0; top:5%;}
.index-part02 .ll .item_box h2{margin-bottom:20px;}
.index-part02 .ll .item_box h3 span{ display: block;}
.index-part02 .ll .item_box p{ margin-top:1.2em; height: 3em; overflow: hidden;}
.index-part02 .ll .item_box a.vmore{ display: block; margin-top:1em;color:#DE000F;}
.index-part02 .ll .img360show{width:100%!important; height: 511px!important; margin: 0 auto; z-index: 10;background-size: cover; background-position: center;}
.index-part02 .ll .show-btn{display: block; font-weight: bold; position: absolute; lefT:50%; margin-left:-247.5px; bottom:5%; text-align: center; width:295px; height: 65px; line-height: 65px; background: rgba(255,255,255,0.5); border-radius:40px; box-shadow: 0 0 8px 8px rgba(0,0,0,0.1);}
.index-part02 .ll .show-btn i{display: inline-block; margin-right: 16px; }
.index-part02 .ll .show-btn i img{vertical-align: middle;}
.index-part02 .rr{ float: right; width:87.5%;background: #F1F1F2; position: relative;}
.index-part02 .rr ul{ float: left; width:85.7142%;}
.index-part02 .rr .more_pro{ position: absolute; right:0;top:0;width:14.2858%;height: 100%;background: #F1F1F2;}
.index-part02 .rr .more_pro a{padding:0 15%;}
.index-part02 .rr li{ position: relative; float: left; width:25%; border-right:1px solid #D7D7D9;}
.index-part02 .rr li .txt{ position: absolute; z-index: 2; left:0; top:0; widtH:100%; padding:5% 8%;}
.index-part02 .rr li h2{ line-height: 1.2; font-size: 12px;}
.index-part02 .rr li h2 span{ display: block; margin-bottom:5px;}
.index-part02 .rr li em{color:#969696;}
.more_pro span{ display: block; margin-bottom:20px;}
.more_pro span i{margin-left: 20px;color:#858586; font-size: 20px;position: relative; top:3px;}
.more_pro em{ display: block; font-size: 12px; line-height: 1.2;}
.more_pro:hover span i{color:#DE000F;}

.index-part03{ position: relative;}
.index-part03>img{display:block; margin:0 auto;}
.index-part03 .swiper-button-prev{ display: none;text-align: center;  left: 0;background:none;width: 20px;height: 20px; line-height: 20px; margin-top: -10px;}
.index-part03 .swiper-button-next{ display: none;text-align: center;  right: 0;background:none;width: 20px;height:20px; line-height: 20px; margin-top: -10px;}
.index-part03 .swiper-button-prev i,.index-part03 .swiper-button-next i{font-size: 20px; color:#fff; }
.index-part03 .swiper-slide2023 .phcon{ display: none; position: absolute; lefT:0; top:0;widtH:100%; height: 100%; padding:5%;}
.index-part03 .swiper-slide2023 img{widtH:100%;}
.index-part03 .swiper-slide2023{ display: none;}
.index-part03 .swiper-slide2023.on{ display: block;}
.index-part03 .tab-cons{ z-index: 10; padding-top: 5%;}
.index-part03 h2.tit{color:#fff; margin-bottom: 2.5%; font-weight: bold;}
.index-part03 h2.tit a{color:#fff;}
.index-part03 .tab_t{ widtH:50%; max-width: 490px;/*border-bottom:1px solid #707070;*/}
.index-part03 .tab_t li{ float: left; widtH:25%; padding:0 0 36px; text-align: left; position: relative;}
.index-part03 .tab_t li span{ display: block; margin:0 0 16px; widtH:61px; height: 61px; overflow: hidden;}
.index-part03 .tab_t li span img+img,.index-part03 .tab_t li.on span img{ display: none;}
.index-part03 .tab_t li.on span img+img{ display: block;}
.index-part03 .tab_t li::before{ opacity: 0; content: ""; position: absolute; lefT:0; bottom:-1px; widtH:100%; height: 6px; background: url(../image/dot06.png) left bottom no-repeat;}
.index-part03 .tab_t li.on::before{opacity: 1;}
.index-part03 .tab_t li h3{color:#fff;}
.index-part03 .tab_t+a{ display: block; color:#fff;}
.index-part03 .tab_t+a i{margin-left: 10px;}
.index-part03 .tab_c{padding:2% 0; color:#fff;}
.index-part03 .tab_c .con{ display: none; /*height: 0; visibility: hidden;*/}
.index-part03 .tab_c .con.on{ /*height: auto; visibility: visible;*/}


.index-part04{padding:6% 0 8%;}
.index-part04 .tit{margin-bottom: 3%; line-height: 36px;}
.index-part04 .tit em{margin-left:50px; display: inline-block; position: relative; top:3px; widtH:50px; height: 32px; line-height: 32px; color:#fff; text-align: center; background: #FF0013; border-radius: 20px;}
.index-part04 .tit em i{font-size: 24px; float: left; widtH:100%;}
.index-part04 ul{ margin:0 -0.5%;}
.index-part04 li{ float: left; width:32.33%; margin:0 0.5%;}
.index-part04 li dd{ padding:8%; background:#EFEEF0;}
.index-part04 li dd h3{margin-bottom:4%;}
.index-part04 li dd span{ display: block; font-family: Arial, Helvetica, sans-serif; }
.index-part04 li dd p{ line-height: 1.8; margin-top:4%; max-height: 3.6em; height: 3.6em;}
.index-part04 li:last-child dd{ padding:8.06% 8%; border-bottom: 1px solid #FFFFFF;}
.index-part04 li a:hover span,.index-part04 li a:hover p{color:#000;}

@media only screen and (max-width: 1599px) {
    .index-part02 .ll .show-btn{width:220px; height: 40px; line-height: 40px; margin: 0 0 0 -200px;}
    .index-part02 .ll .show-btn i{width:24px;}
    .index-part04 li:last-child dd{padding:7.705% 8%;}
}

@media only screen and (max-width: 1439px) {
.index-part04 li:last-child dd{padding:7.6% 8%;}
}
@media only screen and (max-width: 1399px) {
    .index-part04 li:last-child dd{padding:7.7% 8%;}
}
@media only screen and (max-width: 1280px) {
    .index-part02 .ll,.index-part02 .rr{widtH:95%;}
    .index-part02 .rr .more_pro a{padding:0 10%;}
    .more_pro span i{margin-left: 5px; font-size: 18px;}
    .index-part02 .ll .show-btn{margin-left: -150px;}
    .index-part04 li:last-child dd{padding:7.45% 8%;}
    .index-part02 .ll .item_box{margin-left:0; widtH:100%!important;}
}

@media only screen and (max-width: 1279px) {
    .index-part02 .ll .item_box .txt{ position: static; padding: 5% 0 0;}
    .index-part02 .ll .item_box h2{margin-bottom: 2%;}
    .index-part02 .ll .item_box p{margin-top: 2%;}
    .index-part02 .ll .show-btn{top:250px;}
    .index-part02 .rr{ widtH:100%; height: auto; position: absolute; lefT:0; bottom:0;}
    .index-part02 .rr li{ float: left; width:25%;}
    .index-part02 .ll,.index-part02 .ll .item_box{ height: auto;}
    
    .index-part02 .ll .img360show{margin:0 auto;height: 500px!important;}
    .index-part04 .tit em{margin-left: 20px; top:4px;}
    .index-part04 li:last-child dd{padding:6.78% 8%;}
}

@media only screen and (max-width: 1024px) {  
.index-part02 .rr li.on{border:1px solid #DE000F;}
}
@media only screen and (max-width: 1023px) {    
    .index-part02 .ll .img360show{height: 450px!important;}  
    .index-part02 .ll .show-btn{top: 220px; margin-left: -130px;}
    .more_pro span{margin-bottom: 5px;}
    .index-part03 .tab_t li{ text-align: center; padding-bottom: 15px;}
    .index-part03 .tab_t li span{widtH:40px;height: 40px; margin:0 auto 10px;}
    .index-part03 .tab_t li::before{background-position: center bottom;}
    .index-part04 li:last-child dd{padding:5.65% 8%;}
}

@media only screen and (max-width:767px) { 
    .banner2023,.banner2023 .swiper-slide2023{ height: 240px;}
    .banner2023 img{ display: none;}
    .banner2023 .txt h2{font-size: 20px;}
    .banner2023 .txt h3 br{ display: none;}
    .banner2023 .swiper-pagination{bottom:5px;}
    .banner2023 .swiper-pagination-bullet{ widtH:20px;}
    .more{ width:100px; height: 30px; line-height: 30px;}
    .index-part01 ul{margin:0;}
    .index-part01 li,.index-part01 li:first-child, .index-part01 li:last-child{ widtH:100%; margin:0 0 2%;}
    .index-part01 li dt span{ display: none; lefT:20px; top:20px;}
    .index-part01 li dt h4{display: none;lefT:20px;}
    .index-part01 li dd{opacity: 1; background: none;}
    .index-part01 li dt video{ display: none;}
    .index-part01 li dt img{ display: block!important;}
    
    .index-part02 .ll .item_box .txt{position: static; widtH:100%; padding-right: 5%;}
    .index-part02 .ll .item_box h2{margin-bottom: 2.5%;}
    .index-part02 .ll .img360show{ height: 230px!important;}    
    .index-part02 .ll .show-btn{widtH:180px; height: 30px; line-height: 30px;top:auto;bottom:20px;margin-left: -100px;}
    .index-part02 .ll .show-btn i{margin-right: 10px;}
    .index-part02 .ll .show-btn i img{widtH:20px;}
    .index-part02 .rr{position: static;}
    .index-part02 .rr li .txt{ position: static; padding: 10px; height:100px;}
    .index-part02 .rr li .txt h2 span+span{/*display: none;*/}
    .index-part02 .rr ul{widtH:100%; float: none;}
    .index-part02 .rr li{ height: auto!important;}
    .index-part02 .rr .more_pro{position: static; widtH:100%; height: auto; padding:0 5% 5%;}
    .index-part02 .rr .more_pro a{position: static; padding: 0;}
    .more_pro em,.more_pro em br{ display: none;}

    .index-part03 .tit{color:#fff;} 
    .index-part03 .tab-cons .tab_t,.index-part03 .tab-cons .tab_c{ display: none;}
    .index-part03 .swiper-button-prev,.index-part03 .swiper-button-next{ display: block;top:30%;}
    .index-part03 .swiper-slide2023.swiper-slide2023-active .phcon{ position: static; display: block;}
    .index-part03 .swiper-slide2023 h2{font-weight: bold;}
    .index-part03 .swiper-slide2023 p{ height: 3em; overflow: hidden;}
    .index-part04 .tit{ line-height: 1.5;}
    .index-part04 .tit em{ widtH:30px; height: 20px; line-height: 20px; margin-lefT:10px;}
    .index-part04 .tit em i{ font-size: 16px;}
    .index-part03 .swiper-slide2023{ display: block;}
    .index-part04 ul{margin:0;}
    .index-part04 li{ widtH:100%; margin:0 0 2%;}
    .index-part04 li dd,.index-part04 li:last-child dd{padding:5%;}
}
@media only screen and (max-width:375px) { 
    .index-part02 .ll .img360show{height:210px!important;}
    .index-part02 .ll .show-btn{top:160px;}
}
@media only screen and (max-width:340px) { 
    .index-part02 .ll .img360show{height:180px!important;}
}



@media only screen and (min-width: 1025px) {
    .more,.index-part01 li dt span,.index-part01 li dt h4,.index-part01 li dd,.index-part03 .tab_t li::before,.index-part02 .rr li,
    .index-part02 .ll .show-btn{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
    .xx{-webkit-transform: translateX(10px);-moz-transform:translateX(10px);transform: translateX(10px);}
    .more:hover{color:#fff; background: #DE000F;}
    .index-part01 li:hover dd{ opacity: 1;}
    .index-part01 li:hover dt span,.index-part01 li:hover dt h4{ opacity: 0;}
    /*.index-part02 .rr li:hover{ z-index: 2; transform:scale(1.25,1.25) translateX(-20px); -webkit-transform:scale(1.25,1.25) translateX(-20px);}*/
    
}
/*首页end*/