/*棣栭〉*/
.banner{width:100%; position: relative;}
.banner .swiper-container{width:100%;}
.banner .swiper-slide{position: relative; overflow: hidden;}
.banner .swiper-slide img{width: 100%;transition:transform 12s 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; text-align: center;}
.banner .txt h2{line-height: 1.1; /*font-family: CN-Medium;*/ font-weight: bold; margin-bottom:8%;text-shadow:5px 2px 6px rgba(0,0,0,0.2);}
.banner .txt h2 span{ display: block; width:275px; height:3px; margin:7% auto 0; background: #DF0615;}
.banner .txt h3{/*font-family: CN-Light;*/ line-height: 1.8;}
.banner .txt h3 em{ display: block; margin:6% 0 0; text-align: center;}
.banner .txt h3 em i{font-size: 40px;}
.banner .swiper-button-prev,.banner .swiper-button-next{ left:5%; width: 36px; height:62px; background: url(../images/btn_ll_dis.png) no-repeat; background-size: cover;}
.banner .swiper-button-next{ right:5%; left:auto;transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);}
.banner .swiper-pagination{bottom:40px;}
.banner .swiper-pagination-bullet{width: 12px; height: 12px; margin:0 5px!important; background:#FFFFFF;opacity:1;filter: alpha(opacity=100);}
.banner .swiper-pagination-bullet-active{background: #C01F1D;}

a.more{ display: block; width:56px; font-size: 14px; padding-bottom: 3px; color:#CA0000; border-bottom: 1px solid #CA0000;}
a.more.m_w{color:#fff; border-bottom: 1px solid #fff;}

.index-part01{ padding:10% 0 8%;}
.index-part01 .ll{float:left; width:45%;}
.index-part01 .ll h2{color:#3E3A39;}
.index-part01 .ll h3{color:#3E3A39; margin-bottom: 6%;}
.index-part01 .ll p{/*font-family: CN-Light;*/ line-height: 1.8;}
.index-part01 .ll a.more{margin:0; margin-top:40px;}
.index-part01 .rr{ float:right; width:49%;}
.index-part01 .rr ul{margin:0 -3.5%;}
.index-part01 .rr li{ float: left; width:26.33%; margin:0 3.5% 9%; padding-bottom:25px; border-bottom: 2px solid #B19671;}
.index-part01 .rr li h3{color:#DF0615;margin-bottom:5px;}
.index-part01 .rr li h3 span{/*font-family: CN-Light;*/}
.index-part01 .rr li h3 sup{ position: relative; top:-20px;}
.index-part01 .rr li p{color:#656161; font-size: 14px; padding-left: 5px;}



.index-part02{ padding:6% 0 0; background: #fff;}
.index-part02 h2{ text-align: center; color:#3E3A39; margin-bottom: 20px;}
.index-part02 li{ float: left; width:33.3333%; }
.index-part02 li .box{ position: relative;overflow: hidden;}
.index-part02 li .box img{ width:100%;}
.index-part02 li .box h3{ position: absolute; left:0; bottom:0; width:100%; text-align: center; color:#fff;}
.index-part02 li .box h3 em,.index-part02 li .box h4 em{ display: block; width:145px; height: 3px; margin:15px auto 0; background: #DF0615;}
.index-part02 li .box .txt{ position: absolute; left:0; top:0; width:100%; height: 100%; opacity: 0;filter: alpha(opacity=0); background: url(../upload/bg02.jpg) no-repeat; background-size: cover; box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);}
.index-part02 li .box .inner{ width:100%; padding:0 3%;  text-align: center; color:#fff;}
.index-part02 li .box h4{margin-bottom: 20px;}
.index-part02 li .box h4 em{margin-top:20px; background: #B19671;}

.index-part03{margin:6% 0 0;position: relative;}
.index-part03 img{width:100%;}
.index-part03 .a-m-c{ color:#fff; text-align: center; width:100%; padding:0 3%;}
.index-part03 .txt h2{margin-bottom:15px;}
.index-part03 .txt h3{ line-height: 1.3; /*font-family: CN-Light;*/margin-bottom: 3%;}
.index-part03 .txt a.more{margin:0 auto;}

.index-part04{ margin:6% 0 0;}
.index-part04 h2{ text-align: center; margin-bottom:2.5%;}
.index-part04 ul{margin:0 -1.15% 3%;}
.index-part04 li{ float: left; position: relative; width:31.0333%; margin:0 1.15%; border:1px solid #E9E9E9;}
.index-part04 li .inner{padding:6% 8% 8%;}
.index-part04 li h3{margin-bottom:20px; border-bottom:1px solid #4F4F4F; padding-bottom: 1.2em; height:3.4em; overflow: hidden;}
.index-part04 li h3 a{ color:#3E3A39;-webkit-line-clamp:2; line-height: 1.3;max-height: 2.6em; height: 2.6em;}
.index-part04 li p{ color:#656161; line-height:1.8; max-height:5.4em; height: 5.4em;margin-bottom:35px;}
.index-part04 li .bot{line-height: 30px;}
.index-part04 li a.more{ margin: 0; padding: 0; float: left; color:#3E3A39; border-bottom:1px solid #6E6B6B;}
.index-part04 li span{ float: right; font-size: 14px; color:#AAAAAA;}
.index-part04 li span em{ font-family: Arial, Helvetica, sans-serif; margin-right: 15px;}
.index-part04 ul+a.more{margin:0 auto;}

.index-part05{ margin:6% 0 0; padding:5% 0 13%; position: relative;}
.index-part05 .ll{ float: left; color:#fff; width:40%; margin-left:10%;}
.index-part05 .ll h2{margin-bottom: 10px;}
.index-part05 .ll h3{/*font-family: CN-Light;*/ margin-bottom: 8%;}
.index-part05 .ll a.more{margin:0; padding:0; color:#fff!important; border-bottom:1px solid #fff!important;}
.index-part05 .rr{ float: right;width:40%;margin-right: 10%; color:#fff;text-align: right;}
.index-part05 .rr a{ display: block; color:#fff!important;}
.index-part05 .rr i{ font-size: 50px;}
.index-part05 .img{ position: absolute; bottom:0; left:0; width:100%;text-align: center;}
.index-part05 .img img{max-width: 100%; opacity: 0.3;}

@media only screen and (min-width: 1025px) {
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{ background: url(../images/btn_ll.png); background-size: cover;}
.banner .txt h3:hover em i{color:#E60008;}
.index-part02 li .box .txt,.index-part04 li{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 li:hover .box .txt{ opacity: 1;filter: alpha(opacity=100);}
.index-part04 li:hover{border:1px solid #E60008;box-shadow: 1px 1px 5px 3px rgba(0,0,0,0.1);}
a.more:hover,.index-part04 li a.more:hover{ color:#D6000F;border-bottom:1px solid #D6000F;}
.index-part05 .ll a.more:hover,.index-part05 .rr a:hover{-webkit-transform: translateX(10px);-moz-transform:translateX(10px);transform: translateX(10px);}
}
    

@media only screen and (max-width: 1279px) {
    .banner .swiper-button-prev{ left:10px;width: 18px; height:31px;margin-top:-16px;}
    .banner .swiper-button-next{ right:10px; width: 18px; height:31px;margin-top:-16px;}
    .index-part05 .ll,.index-part05 .rr{margin:0;}
    .index-part05 .rr i{font-size: 36px;}
}

@media only screen and (max-width: 1023px) {
    .banner .swiper-pagination{bottom:10px;}
    .banner .txt h2.fnt_85{ font-size: 36px;}
    .banner .txt h3 em i{font-size: 30px;}
    .index-part01 .rr li{width:43%;}
    .index-part01 .rr li h3 sup{top:-10px;}
    .index-part04 li a.more,.index-part04 li span{font-size: 12px;}
}

@media only screen and (max-width:767px) {
    .banner .txt{width:80%;}
    .banner .txt h2.fnt_85{ font-size: 24px; margin-bottom: 4%;}
    .banner .txt h2 span{margin-top:3%; width:50%;}
    .banner .txt h2 br,.banner .txt h3 br{ display: none;}
    .banner .txt h3,.banner .txt h3 em{ display: none;}

    .index-part01 .ll,.index-part01 .rr{ width:100%;}
    .index-part01 .ll{margin-bottom: 10%;}
    .index-part02 li{width:50%;}
    .index-part03{ height: 260px;}
    .index-part03>img,.index-part03 .txt h3 br{ display: none;}
    .index-part04 ul{margin:0 0 3%;}
    .index-part04 li{width:100%; margin:0 0 2%;}
    .index-part04 li .inner{padding:5%;}
    .index-part04 li h3{height:auto; padding-bottom: 10px; margin-bottom: 10px;}
    .index-part04 li h3 a{max-height: auto; height:auto;}
    .index-part04 li p{margin-bottom: 10px;}
    .index-part05 .rr i{font-size: 24px;}
    .index-part05 .ll{width:100%;}
    .index-part05 .rr{ position: absolute; right:3%; top:5%;}
}
/*棣栭〉end*/