/*首页*/
.banner{width:100%;position: relative;}
.banner .swiper-slide{position: relative;}
.banner .swiper-slide img{width: 100%;transition:transform 5s cubic-bezier(.23,1,.32,1);transform:scale(1)}
.banner .swiper-slide.swiper-slide-active img{transform:scale(1.1)}
.banner .swiper-slide.swiper-slide-active.ban_video img{transform:scale(1)}
.banner .swiper-slide.ban_video video{ position: absolute; left:0; top:0; width:100%; height:100%; object-fit: fill;}
.banner .txt{color:#fff;}
.banner .txt h2{margin-bottom:4%; line-height: 1.4; font-weight: bold;}
.banner .txt h2 em{ display: block; font-weight: normal;}
.banner .txt h3{ line-height: 1.2; margin-bottom: 4%;}
.banner .swiper-pagination{bottom:15px;}
.banner .swiper-pagination-bullet{width:60px; height:2px;opacity:1; border-radius: 0; background: #fff;}
.banner .swiper-pagination-bullet-active{transform:scale(1.1); opacity: 1; background: #DE000F;}

.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{padding:4% 0 6%;}
.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-slide .phcon{ display: none; position: absolute; lefT:0; top:0;widtH:100%; height: 100%; padding:5%;}
.index-part03 .swiper-slide img{widtH:100%;}
.index-part03 .swiper-slide{ display: none;}
.index-part03 .swiper-slide.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(../images/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) { 
    .banner,.banner .swiper-slide{ height: 240px;}
    .banner img{ display: none;}
    .banner .txt h2{font-size: 20px;}
    .banner .txt h3 br{ display: none;}
    .banner .swiper-pagination{bottom:5px;}
    .banner .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-slide.swiper-slide-active .phcon{ position: static; display: block;}
    .index-part03 .swiper-slide h2{font-weight: bold;}
    .index-part03 .swiper-slide 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-slide{ 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;}
}

.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.video_appbox.show{visibility: visible;opacity:1;}
.video_appbox video{object-fit: cover;    width: 100%;}
.video_appbox .video_t{ 
 z-index:2; background:#000;width: 1035px;max-width:94%;height: 60%;
 transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:60%;
     transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;
visibility: hidden;opacity: 0;
}
.video_appbox.show .video_t{
visibility: visible;opacity:1;
top:50%;
}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.vide0_close{ position:absolute; top:20px; right:20px; cursor:pointer; z-index: 99999;}
.vide0_close i{color: #fff;font-size:20px;font-weight: bold;}



@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*/