/*棣栭〉*/
.banner{width:100%;position: relative;overflow: hidden;}
.banner .swiper-slide{position: relative;overflow: hidden;}
.banner .swiper-slide img{width: 100%;transition:transform 5s cubic-bezier(.23,1,.32,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 p{margin-bottom:2.5%; text-transform: uppercase;}
.banner .txt h2{margin-bottom:5%; text-transform: uppercase; line-height: 1.2; font-weight: 500;}
.banner .swiper-pagination{bottom:30px;}
.banner .swiper-pagination-bullet{opacity: 1; background: #B3ACA7; width: 12px; height: 12px;}
.banner .swiper-pagination-bullet-active{ background: #fff;}


.more{ display: block;color: #D30000;height: 28px; line-height: 28px;/*background:linear-gradient(to right,#31A24A,#31A24A);*/}
.more i{ margin-left:15px; font-size:20px;display: inline-block;vertical-align: middle;margin-top: -2px;}

.index-part01{padding:5% 0 4%; background: #FDF9F8;}
.index-part01 .tab-tit{position: relative; z-index: 2;}
.index-part01 .tab-tit li{ float: left;position: relative;}
.index-part01 .tab-tit li:after{content: "";width: 54px;height: 2px;background: #ad0000;position: absolute;left: 0;bottom: 0;display: none;}
.index-part01 .tab-tit li img{ display: block; width: 122px; height: 67px;}
.index-part01 .tab-tit li img+img{ display: none;}
.index-part01 .tab-tit li.on img{ display: none;}
.index-part01 .tab-tit li.on img+img{ display: block;}
.index-part01 .tab-tit li.on:after{display: block;}
.index-part01 .tab-con{position: relative; top:-40px;overflow: hidden;}
.index-part01 .tab-con li dd{ float: left; width: 43%; margin-top: 10%;}
.index-part01 .tab-con li dt{ float: right; width: 46%;margin-top: 30px;}
.index-part01 .tab-con li dd h2{ margin-bottom: 2.5%;}
.index-part01 .tab-con li dd .c{color:#555555; line-height: 2; margin-bottom: 6%;}


.index-part02{padding:5% 0;}
.index-part02 .wrap{position: relative;    padding-left: 125px;
    box-sizing: border-box;}
.index-part02 .con{position: absolute; left:0; top:5%; width: 37.5%; color: #fff;}
.index-part02 .con h2{ overflow: hidden; margin-bottom: 5%; line-height: 92px;}
.index-part02 .con h2 span{ float: left; width: 92px; height: 92px; margin-right: 20px;}
.index-part02 .con h2 span img{width:100%;height: 100%;}
.index-part02 .con p{margin-bottom: 5%;line-height: 27px;max-height: 54px;overflow: hidden;}
.index-part02 .con h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index-part02 dl{ float: right; width: 100%;position: relative;}
.index-part02 dl dd{ position: absolute; left:0; top:0; width:33.33%; cursor: pointer;}
.index-part02 dl dd a::before{content:""; position: absolute; left:0; top:0; z-index: 1; width:100%; height: 100%; background: rgba(0,0,0,0.3);}
.index-part02 dl dd.dd01{left:0; top:28%;}
.index-part02 dl dd.dd02{left:33.33%; top:0;}
.index-part02 dl dd.dd03{left:33.33%; top:44.2%;}
.index-part02 dl dd.dd04{left:66.66%; top:11%;}
.index-part02 dl dd.dd05{left:66.66%; top:55.2%;}
.index-part02 dl dd .txt{color: #fff; text-align: center; z-index: 2;width: 100%;}
.index-part02 dl dd .txt span{ width: 50px; height: 50px; overflow: hidden;margin: auto; margin-bottom: 20px;display: block;}
.index-part02 dl dd .txt span img{ width: 50px; height: 50px;}
.index-part02 dl dd .img{overflow: hidden; display: block;}
.index-part02 dl dd .img img{transition:0.3s all; -webkit-transition:0.3s all;margin-top: -2px;}
.index-part02 dl dd a{ display: block;}
.index-part02 dl dd:hover .img img{transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}


.index-part03{padding:8% 0;}
.index-part03>a{display: block;height: 100%;width: 100%;}
.index-part03 dl{ color:#fff;/*padding:0 25%;*/padding-left: 34%;}
.index-part03 dt{width:100%; margin-bottom: 10%;}
.index-part03 dt h2{margin-bottom: 2%;}
.index-part03 dt p{line-height: 2;}
.index-part03 dd{ float: left; width: 33.33%; padding-right: 3%; margin-bottom: 7%;}
.index-part03 dd span{ display: block; margin-bottom: 8%; width: 70px; height: 50px; overflow: hidden;}
.index-part03 dd a{color:#fff;}

.index-part04{padding:5% 0 4%; color:#fff; text-align: center;}
.index-part04 h2{margin-bottom:1%;}
.index-part04 h3{margin-bottom:4%;}
.index-part04 dl{margin-bottom:4%;}
.index-part04 dl dd{display: inline-block; margin: 0 50px; width: 110px; height: 110px; line-height: 110px; border:1px dashed #fff; border-radius: 100%;}
.index-part04 dl dd::before{content: "";position: absolute; left:-14px; top:-14px; width: 134px;height: 134px; opacity: 0.5; border:1px solid #fff; border-radius: 100%;}
.index-part04 p{line-height:2; margin-bottom:4%;}
.index-part04 a.more{color:#fff;}
.index-part04 dd p{
    transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;
    white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;
}
.index-part05{padding:6% 0;}
.index-part05 .ll{ float: left; width: 25%;}
.index-part05 .ll h2{margin-bottom:15%;}
.index-part05 .rr{ float: right; width: 74%;}
.index-part05 .rr li{ float: left; width: 49%; padding-bottom: 5%; bordeR:1px solid #D1D1D1;box-sizing: border-box;margin-right: 2%;}
.index-part05 .rr li:nth-child(2n){ float: right; width:49%; padding-bottom: 0;margin-right: 0;}
.index-part05 .rr li dd{padding: 5% 7%; overflow: hidden;}
.index-part05 .rr li .date{ float: left; width:70px; color:#FF0000; text-align: center;}
.index-part05 .rr li .date span{ display: block; line-height: 1; border-bottom:2px solid #FF0000;}
.index-part05 .rr li .date span+span{border-bottom: none;}
.index-part05 .rr li .date span em{ display: block; line-height: 1;}
.index-part05 .rr li .con{ float: right; max-width:70%;}
.index-part05 .rr li .con a{display: block;}
.index-part05 .rr li+li .con{}
.index-part05 .rr li .con h2{margin-bottom:8%; line-height: 1.3; max-height:5.2em; height: auto;}
.index-part05 .rr li .con p{color:#545455; line-height:1.8; margin-bottom: 2%; max-height: 7.2em; height: 7.2em;}
.index-part05 .rr li .con p+a i{color:#000000; font-size: 20px;}



.xx{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}

.banner .video_button{position: absolute;top:0;left: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.2);color:#fff;font-size:30px;display: none;}

.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;}
.video_tbox{height: 100%;}
@media only screen and (max-width:767px) { 

.video_appbox.show .video_t{background: none;}
.video_appbox.show .video_t,.video_appbox.show .video_t video{height: auto;}
}

@media only screen and (min-width: 1025px) {
    .more:hover{ color: #000!important;}
   .index-part05 .rr li .con p+a:hover i{font-weight: bold;color: #FF0000!important;}
}



@media only screen and (max-width: 1500px) {
   .index-part03 dl{padding-right: 10%;}
}
@media only screen and (max-width: 1279px) {
    .index-part01 .tab-con{margin-top:20px;top: 0;}
    .index-part01 .tab-con li dd{margin-top:0;}
}
@media only screen and (max-width: 1023px) {
.index-part02 .con{top:0;}
}
@media only screen and (max-width:767px) { 
   /*.banner,.banner .swiper-slide{ height: 280px!important;}
   .banner .swiper-slide img{ display: none;}*/
   .banner .swiper-pagination{bottom:5px;}
   .index-part01 .tab-tit li{ width: 25%;}
   .index-part01 .tab-con li dd,.index-part01 .tab-con li dt{width: 100%;}
   .index-part01 .tab-con li dd .c,.index-part01 .tab-con li dd{margin-bottom: 5%;}
   .index-part02 .con{position: static; width: 100%; margin-bottom: 5%;}
   .index-part02 dl{width: 100%;}
   .index-part02 dl dd .txt{width: 100%; padding: 0 5%;}
   .index-part02 dl dd .txt span,.index-part02 dl dd .txt span img{ width: 40px; height: 40px;}
   .index-part02 dl dd .txt span{margin-bottom: 5px;}
   .index-part03 dl{padding: 0;}
   .index-part04 dl dd{width: 60px; height: 60px; line-height: 64px; margin: 0 15px;font-size: 12px;}
   .index-part04 dl dd::before{ width: 80px; height: 80px;}
   .index-part04 dl dd::before{left: -12px;top: -12px;}
   .index-part05 .ll,.index-part05 .rr{width: 100%;}
   .index-part05 .ll{position: relative;}
   .index-part05 .ll h2{margin-bottom: 5%;}
   .index-part05 .ll a.more{position: absolute; right:0; top:0;}
   .index-part05 .rr li{width: 100%!important; margin-bottom: 2%; padding-bottom: 0;}
   .index-part05 .rr li dd{padding: 5%;}
   .index-part05 .rr li .date{width: 40px;}
   .index-part05 .rr li .con{ max-width: unset!important; width: calc(100% - 60px)!important;}

   .index-part01 .tab-con{height: auto!important;
       height: 640px!important;
       position: static;

   }

   .index-part01 .tab-tit li img{height: 48px;}
   .index-part04{padding: 30px 0 40px; height: auto !important;}
   .index-part03{height: 300px !important;padding-top: 18%;}
   .index-part04 h3,.index-part04 dl{margin-bottom: 30px;}
   .index-part03 dd span{width: 60px;height: 43px;}
   .index-part02 dl dd.dd03{top: 44%;}
   .index-part02 dl dd.dd05{top: 55%;}
   .index-part02 .con h2 span{width: 40px;height: 40px;margin-right: 10px;}
   .index-part02 .con h2{line-height: 40px;}
   .index-part02 .wrap{padding-left: 0;}
  
  .banner video{display:none !important; }
   .banner .video_button{display: block;}

    .more i{
        margin-top: -4px;
        display: inline-block;
        vertical-align: middle;
    }
}
@media only screen and (max-width:339px) { 
    /*.index-part04 dl dd{display: block; margin: 0 auto 40px;}*/
}
/*棣栭〉end*/

.index-part01 .tab-con li{display: none;}
.index-part01 .tab-con li.on{display: block!important;}
