/*首页*/
.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);}
.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:#424242; font-family: "宋体"; text-align: center; padding:0 5%;}
.banner .txt h2{line-height: 1.4;}
.banner .txt h2 span{ display: inline-block; position: relative;}
.banner .txt h2 span::before{content: ""; position: absolute; left:-24px; top:20%; width:1px; height: 60%; background: #453320;}
.banner .txt h2 span::after{ content: ""; position: absolute; right:-24px; top:20%;width:1px; height: 60%; background: #453320;}
.banner .txt p{margin-top:2%; line-height: 1.8;}
.banner .swiper-button-prev,.banner .swiper-button-next{ lefT:0; background: none; width:60px; height: 60px; line-height: 60px; margin-top:-30px; text-align: center;}
.banner .swiper-button-next{left:auto; right:0;}
.banner .swiper-button-prev i,.banner .swiper-button-next i{font-size: 60px;color:#E40210;}
/*.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;}*/

.banner span.down{ cursor: pointer; position: absolute; bottom:6%; left:50%; z-index: 1; width:36px;margin-left:-18px;}
.banner span.down i{font-size: 36px; color:rgba(0,0,0,0.5);}

.more{display: block; position: relative;text-align: left; height: 20px; line-height: 20px;color:#E60012;}
.more i{ font-size: 60px;}

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

.index-part01 .ll{ float: left; width:50%; cursor: pointer;  position: relative;}
.index-part01 .ll em{z-index: 2;color:#E60012; font-size: 20px; display: block; widtH:80px; height: 80px;line-height: 80px; text-align: center; background: #fff; border-radius: 100%;}
.index-part01 .rr{ float: right; width:50%;}
.index-part01 .rr dt .inner{ padding:8% 5% 2%;}
.index-part01 .rr dt h2{margin-bottom: 5%;font-family: "宋体";}
.index-part01 .rr dt p{margin-bottom: 8%; height: 7.5em;}

.index-part02{position: relative;top:-1px; padding-top: 7.25%;}
.index-part02.bg-cover{ background-size: 100% auto; background-position: 0 top;}
.index-part02 .ll{ float: left; widtH:50%;}
.index-part02 .ll .swiper-slide{position: relative;}
.index-part02 .ll .swiper-slide h2{position: absolute; lefT:0; bottom:0; widtH:100%; padding:0 5%; height: 60px; line-height: 60px; color:#fff; background: rgba(0,0,0,0.4);}
.index-part02 .ll .swiper-slide h2::before{ content: ""; position: absolute; lefT:0; top:0;width:70%; height: 1px; background: #fff;}
.index-part02 .ll .swiper-pagination{bottom:42px;text-align: right;}
.index-part02 .ll .swiper-pagination li{ cursor: pointer; display: inline-block; width:36px; height: 36px; line-height: 36px; text-align: center; margin-right: 2%; color:#fff;}
.index-part02 .ll .swiper-pagination li.active{ background: rgba(0,0,0,0.5); border-radius: 100%;}
.index-part02 .rr{ padding:0 5%; float: left; widtH:50%;}
.index-part02 .rr h2{margin-bottom: 12%; line-height: 1.2;font-family: "宋体";}
.index-part02 .rr h2 em{ display: inline-block; widtH:26px; position: relative; top:5px;font-size: 30px;  margin-lefT:30px;} 
.index-part02 .rr li{margin-bottom: 7.8%;}
.index-part02 .rr li:last-child{margin-bottom: 0;}
.index-part02 .rr li h3{margin-bottom:3%;}
.index-part02 .rr li p{ line-height: 1.8; max-height: 3.6em; height: 0;margin-bottom: 4%;}
.index-part02 .rr li a.more{ display: none; widtH:60px; height: 26px; line-height: 26px; text-align: center; color:#fff!important; border-radius: 30px; background:#E60012;}
.index-part02 .rr li a.more i{font-size:28px; vertical-align: middle;}
.index-part02 .rr li.on a.more{ display: block;}
.index-part02 .rr li.on p{height: 3.6em;}

.index-part03{padding:0 0 10.5%; margin-top: 5%;}
.index-part03.bg-cover{ background-size: 100% auto; background-position: 0 top;}
.index-part03 h2{margin-bottom: 2%; line-height: 1.2;font-family: "宋体";}
.index-part03 h2 em{ display: inline-block; widtH:26px; position: relative; top:5px;font-size: 30px; margin-lefT:30px; } 
.index-part03 h2+p{ line-height: 1.8;}
.index-part03 .picshow{ width:95%; margin-left:5%; margin-top:5%; padding-bottom: 5%; position: relative;}
.index-part03 .picshow .swiper-button-prev{opacity: 0.5; left:calc(50% - 120px); top:auto; margin-top:0; bottom:0px; width:38px; height: 38px; line-height: 38px; text-align: center; font-size: 40px;background:none;}
.index-part03 .picshow .swiper-button-next{opacity: 0.5; right:calc(50% - 0px);top:auto; margin-top:0; bottom:0px; width:38px; height: 38px;line-height: 38px; text-align: center; font-size: 40px; background:none;}
.index-part03 .picshow .swiper-button-prev:hover,.index-part03 .picshow .swiper-button-next:hover{opacity: 1;}
.index-part03 .picshow dt{ position: relative;}
.index-part03 .picshow dt h3{ position: absolute; left:0; bottom:20px;padding:0 5% 0 15%; color:#fff;writing-mode:tb-rl;font-family: "宋体";}
.index-part03 .picshow dt h3 i{ display: inline-block; width:46px; height: 47px; background: url(../images/dot06.png) no-repeat;/*transform:scaleY(5) rotate(115deg);-webkit-transform:scaleY(5) rotate(115deg);-moz-transform:scaleY(5) rotate(115deg);*/}
.index-part03 .picshow dd{opacity: 0; position: absolute; lefT:0; top:0; widtH:100%; height: 100%; }
.index-part03 .picshow dd .txt{padding:6%;color:#fff;writing-mode:tb-rl;}
.index-part03 .picshow dd .txt h3{margin-left: 20px;font-family: "宋体";}
.index-part03 .picshow dd .txt h3 i{ display: inline-block; width:46px; height: 47px; background: url(../images/dot06.png) no-repeat;}


.index-part04{padding:5% 0 0; color:#fff; overflow: hidden;}
.index-part04 h2{margin-bottom: 2%; line-height: 1.2; height: 300px; font-family: "宋体";writing-mode:tb-rl;/*-ms-writing-mode:vertical-rl;writing-mode: vertical-rl;*/}
.index-part04 h2 em{ position: relative; left:-5px; display: inline-block; widtH:26px;margin-top:20px;font-size: 30px;}
.ie9 .index-part04 h2 em{-ms-transform: rotate(-90deg);}
.index-part04 h2 a{color:#fff!important;}
.index-part04 ul{margin:5% 0 0 12%; padding-bottom: 5%; overflow: hidden; position: relative;}
.index-part04 ul::before{content: ""; position: absolute; left:28px; top:26px; width: 1px; height: 100%; background: #fff;}
.index-part04 ul::after{content: ""; position: absolute; left:calc(50% + 28px); top:26px;width: 1px; height: 100%; background: #fff;}
.index-part04 li{ float: left; width:50%; margin:0 0 2%; height: 55px; line-height: 55px; padding-left: 75px; position: relative;}
.index-part04 li:nth-child(2n){ float: right;}
.index-part04 li::before{content: ""; position: absolute; z-index: 2; lefT:26px; top:50%; margin-top:-3px; widtH:5px; height: 5px; background: #fff; border-radius: 5px;}
.index-part04 li h3 a{ color:#fff!important;}
@media only screen and (max-width: 1660px) {
.index-part02 .rr li{margin-bottom: 6%;}
}
@media only screen and (max-width: 1440px) {
    .index-part02 .rr li{margin-bottom: 5.5%;}
}
@media only screen and (max-width: 1365px) {
    .index-part02 .rr li{margin-bottom: 4.5%;}
}
@media only screen and (max-width: 1279px) {
.index-part01 .rr dt .inner{padding:5% 5% 0;}
.index-part02 .rr h2{margin-bottom: 5%;}
.index-part01 .rr dt p{margin-bottom: 5%;}
.index-part01 .ll em{ widtH:40px; height: 40px; line-height: 40px; font-size: 14px;}
.index-part02 .ll .swiper-slide h2::before{widtH:50%;}
.index-part03 .picshow dt h3 i,.index-part03 .picshow dd .txt h3 i{background-size: cover; widtH:30px; height: 31px;}
.index-part04 li{margin-bottom: 0;}
.index-part04 h2 em{lefT:0;}
}
@media only screen and (max-width: 1024px) {
    .index-part03 .picshow dd { position: static; opacity: 1; background: #E40210;}
}

@media only screen and (max-width: 1023px) {    
    .index-part03 h2+p br{ display: none;}
    .index-part01 .rr dt p{ height: 4.5em;}
    .banner .swiper-button-prev, .banner .swiper-button-next{widtH:40px; height: 40px; line-height: 40px; margin-top:-20px;}
    .banner .swiper-button-prev i, .banner .swiper-button-next i{font-size: 40px;}
    .index-part02 .rr li p,.index-part02 .rr li a.more{ display: none;}
}

@media only screen and (max-width:767px) { 
    .banner,.banner .swiper-container,.banner .swiper-slide{ height: 240px;}
    .banner img{ display: none;}
    .banner .txt h2{font-size: 18px;}
    .banner .txt h3{font-size: 16px;}
    .banner .txt p{ line-height: 1.5;}
    .banner .txt p br{ display: none;}
    .banner span.down{bottom:2%; widtH:24px; margin-left:-12px;}
    .banner span.down i{font-size: 24px;}
    .index-part01 .ll,.index-part01 .rr,.index-part02 .ll,.index-part02 .rr{widtH:100%;}
    .index-part01 .rr dt{ height: auto!important;}
    .index-part01 .rr dt .inner{padding:5%;}
    .index-part02 .ll{margin-bottom:5%;}
    .index-part02 .rr{padding:0;}
    .index-part03 .picshow{padding-bottom:12%;}
    .index-part03 .picshow .swiper-button-next{right:calc(50% - 40px); font-size: 30px;}
    .index-part03 .picshow .swiper-button-prev{left:calc(50% - 60px); font-size: 30px;}
    .index-part04 ul{margin-left:0;}
    .index-part04 ul::after{display: none;}
    .index-part04 li{widtH:100%; padding-left: 50px; height: 40px; line-height: 40px;}
    .index-part04 li::before{margin-top: 1px;}
    .index-part02 .rr h2 em,.index-part03 h2 em{margin-left:10px; font-size: 20px;}
    .index-part04 h2 em{margin-top:10px; font-size: 20px;}
    .more i{font-size: 30px;}    
}

@media only screen and (min-width: 1025px) {
    .more,.index-part02 .rr li p,.index-part02 .rr li a.more,.index-part03 .picshow li dd,.index-part03 .picshow li dt h3,.index-part03 .picshow .swiper-button-prev,.index-part03 .picshow .swiper-button-next,
    .index-part04 li,.index-part02 .ll .swiper-slide h2{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
    .index-part02 .rr li:hover h3 a{color:#E40210;}
    .index-part03 .picshow li:hover dd{ opacity: 1;}
    .index-part03 .picshow li:hover dt h3{opacity: 0;}
    .index-part04 li:hover{ background: url(../images/dot07.png) 0 0px no-repeat;}
    .index-part04 li h3 a:hover{opacity: 0.8;}
    .index-part02 .ll .swiper-slide a:hover h2{color:#E40210;}
    .index-part01 .rr dt .more:hover{color:#000!important;}
    .index-part02 .rr li a.more:hover{ background: #000;}    
}
/*首页end*/