/*Ê×Ò³*/
.banner{width:100%;position: relative;height: auto;}
.banner .swiper-container{height: 100%;}
.banner .swiper-slide{position: relative;}
.banner .swiper-slide img{width: 100%;transition:transform 5s cubic-bezier(.23,1,.32,1);height: 100%;}
.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; padding:0 5%;}
.banner .txt h2{line-height: 1.2;}
.banner .txt h3{margin:2% 0 3%; text-transform: uppercase;}
.banner .txt i img{width:56px; height: 56px;}
/*.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{top:50%;bottom:auto; left:auto; right:5%; width:12px;transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%);}
.banner .swiper-pagination-bullet{display: block; float: left; width:12px; height:12px; margin:15px 0!important; background: #fff;}
.banner .swiper-pagination-bullet-active{opacity: 1;}
/*.banner.ban_video .txt{display: none;}*/





.index-part01{padding: 60px 0;}
.index-part01 .ll{ float: left; width:40%;}
.index-part01 .ll h2{position: relative; padding-bottom: 3%; margin-bottom: 5%; }
.index-part01 .ll h2::before{ content: ""; position: absolute; lefT:0; bottom:0; widtH:78px; height: 1px; background: #6B6B6F;}
.index-part01 .ll .c{color:#84888D; line-height: 1.8;}
.index-part01 .ll .c p{margin-bottom: 4%;}
.index-part01 .ll .c p:last-child{margin-bottom: 0;}
.index-part01 .ll .more{margin-top: 10%;}
.index-part01 .rr{ float: right; width:55.71%;}
.index-part01 .rr li{ float: left; widtH:46%; border-top: 1px solid #6B6B6F; margin-bottom:10%;}
.index-part01 .rr li:nth-child(2n){ float: right;}
.index-part01 .rr li p{color:#363636;}


.index-part02{padding: 60px 0;background: #fff; overflow: hidden;}
.index-part02 h2{ text-align: center; margin-bottom: 3%;}
.index-part02 li{ float: left; width:21.43%; overflow: hidden;}
.index-part02 li.on{ width:57.14%;}
.index-part02 dl{position: relative;}
.index-part02 dt{position: relative;}
.index-part02 dt img{max-widtH:unset;}
.index-part02 dt em{position: absolute; lefT:0; top:0; widtH:100%; height: 100%; background: rgba(0,0,0,0.2);}
.index-part02 dt .txt{width:160px; height:160px; padding:15px; position: absolute; left:50%; top:16%; margin-lefT:-80px;color:#F5F5F7; border:1px solid rgba(255,255,255,0.5);}
.index-part02 dt h3{line-height: 1.2;}
.index-part02 dt span{position: absolute; left:15px; bottom:15px; font-size:12px; text-transform: uppercase;}
.index-part02 dd{opacity: 0; position: absolute; z-index: 10; lefT:0; top:0; widtH:100%; height: 100%;}
.index-part02 dd .txt{width:440px; padding:20px 25px; position: absolute; left:8%; top:16%;color:#F5F5F7; border:4px solid rgba(255,255,255,1);}
.index-part02 dd h3{line-height: 1.2; margin-bottom: 3%;}
.index-part02 dd span{ display: block; font-size:12px; text-transform: uppercase;}
.index-part02 dd p{margin-top:10%;}
.index-part02 dd p a{margin-right: 20px;color:#fff;}
.index-part02 dd p a i{margin-left:8px;}
.index-part02 li.on dt .txt{ display: none;}
.index-part02 li.on dd{opacity: 1;}


.index-part03{padding: 50px 0;}
.index-part03 h2{text-align: center; margin-bottom: 3%;}
.index-part03 .column{position: relative; padding-bottom: 5%; overflow: hidden;}
.index-part03 .swiper-pagination{bottom:0px; text-align: center; widtH:100%;}
.index-part03 .swiper-pagination .swiper-pagination-bullet{ background: #A6714F;margin: 0 15px; width:10px; height: 10px;}
.index-part03 .column dl{position: relative;}
.index-part03 .column dt{ position: relative;}
.index-part03 .column dd{opacity:1; position: absolute; z-index: 2; lefT:0; top:0; widtH:100%; height: 100%;background: rgba(0,0,0,0.3);}
.index-part03 .column dd .inner{padding:12%;color:#fff;}
.index-part03 .column dd .inner h3{position: relative;}
.index-part03 .column dd .inner h3::before{content: ""; position: absolute; lefT:0; top:-20px; width: 32px; height: 5px; background: #fff;display: none;}
.index-part03 .column dd .inner span{ display: block; margin-top:10px; text-transform: uppercase; font-size: 12px;}
.index-part03 .column dd .inner i{margin-top:10%;}
.index-part03 .column dd .inner i img{transform:scale(1,1); -webkit-transform:scale(1,1);}

.index-part04{position: relative; overflow: hidden;}
.index-part04 .txt{text-align: center;color:#fff;}
.index-part04 .txt span{display: block;margin:0 auto; widtH:38px; height: 75px; overflow: hidden;}
.index-part04 .txt p{line-height: 1.8; margin-top:1%;}
.index-part04 .txt .more{margin: 3% auto 0;}
.index-part04 .txt .more a{ display: block;}
.index-part04 .img{overflow: hidden;}
.index-part04 .img video{widtH:100%; height: 100%; object-fit: fill;}
.haveVideo.play .txt,.haveVideo.pause .txt{display: none;}


.index-part05{overflow: hidden;}
.index-part05{position: relative;}
.index-part05 .ll{ float: left; width:35.5%; padding-top: 4%;}
.index-part05 .ll h2{position: relative; padding-bottom: 4%; margin-bottom: 7%; }
.index-part05 .ll h2::before{ content: ""; position: absolute; lefT:0; bottom:0; widtH:78px; height: 1px; background: #6B6B6F;}
.index-part05 .ll p{line-height: 1.8;max-height: 5.4em; height: 5.4em; widtH:80%;color:#84888D;}
.index-part05 .ll .more{margin-top: 8%;}

.index-part05 .rr{ float: right; widtH:63.5%;}
.index-part05 .rr li{padding:6% 2%; float: left; widtH:33.33%; border-left:1px solid #D9D9D9;}
.index-part05 .rr li span{ display: block; font-size: 14px;margin-bottom: 3%;color:#505358; font-family: Arial, Helvetica, sans-serif;}
.index-part05 .rr li h2{color:#505358;}
.index-part05 .rr li h2 a{color:#505358;}
.index-part05 .rr li .img{ margin:20% 0 10%;}
.index-part05 .rr li p{color:#84888D; line-height: 1.8;max-height: 5.4em; height: 5.4em;color:#84888D;}
.index-part05 .rr li i{font-size: 20px; margin-top: 10px; display: inline-block; color:#A6714F; position: relative; lefT:-4px;}

.index-part06{overflow: hidden;}
.index-part06 .itembox{width:49.9%;}
.index-part06 .itembox dl{position: relative;}
.index-part06 .itembox dd{opacity:1; position: absolute; z-index: 2; lefT:0; top:0; widtH:100%; height: 100%;background: rgba(0,0,0,0.3);}
.index-part06 .itembox dd .inner{padding:12%;color:#fff;}
.index-part06 .itembox dd .inner h4{margin-top:5%; line-height: 1.8;}
.index-part06 .itembox dd .inner i{margin-top:15%;}
.index-part06 .itembox dd .inner i img{transform:scale(1,1); -webkit-transform:scale(1,1);}


.index-part07{padding: 60px 0;}
.index-part07 h2{position: relative; padding-bottom:1.5%; margin-bottom: 3%; }
.index-part07 h2::before{ content: ""; position: absolute; lefT:0; bottom:0; widtH:78px; height: 1px; background: #6B6B6F;}
.index-part07 .slide_con{padding-bottom:5%; margin: 0 -0.7%;}
.index-part07 .slideinner .item{float: left; width:18.6%; margin: 0 0.7% 1%; background: #F7F7F9; position: relative;}
.index-part07 .slideinner .item p{padding:0 5%; width:100%; text-align: center;color:#E60011;}
.index-part07 .swiper-pagination{bottom:0px; text-align: center; widtH:100%;}
.index-part07 .swiper-pagination .swiper-pagination-bullet{ background: #A6714F;margin: 0 15px; width:10px; height: 10px;}

@media only screen and (max-width: 1365px) {
    .banner .txt i img,.more{width:40px; height:40px;}
}

@media only screen and (max-width: 1023px) {
    .index-part01 .ll,.index-part01 .rr{widtH:100%;}
    .index-part01 .ll{margin-bottom:5%;}
    .index-part01 .ll .more{margin-top:5%;}
    .index-part02 li,.index-part02 li.on{widtH:100%;}
    .index-part02 dt img{ widtH:100%;}
    .index-part02 li dd{opacity: 1;}
    .index-part02 dt .txt{display:none;}
    .index-part07 .slideinner .item{width:31.93%;}
}

@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 .swiper-pagination{ display: none;}
    .banner .swiper-pagination-bullet{margin:5px 0!important;}
    .index-part02 dd{position: static; height: auto;}
    .index-part02 dd .txt{position: static; bordeR:none; widtH:100%; background: rgba(99,116,142,0.5);}
    .index-part03 .column,.index-part07 .slide_con{padding-bottom: 8%;}
    .index-part03 .column dd .inner,.index-part06 .itembox dd .inner{padding:5%;}
    .index-part04 .txt span,.index-part04 .txt p br{display: none;}
    .index-part04 .wrap{position: static; transform: translate(0,0); -webkit-transform: translate(0,0); -ms-transform: translate(0,0);}
    .index-part04{background: rgba(99,116,142,0.5);}
    .index-part04 .txt{padding:5% 0;}
    .index-part05 .ll,.index-part05 .rr{width:100%;}
    .index-part05 .ll{margin-bottom: 5%;}
    .index-part05 .ll p{widtH:100%;}
    .index-part05 .ll .more{margin-top: 5%;}
    .index-part05 .rr li{widtH:100%; padding:5% 0; border:none; border-bottom:1px solid #D9D9D9;}
    .index-part05 .rr li .img{margin:5% 0;}
    .index-part06 .itembox{widtH:100%;}
    .index-part06 .itembox dd .inner i{margin-top: 5%;}
    .index-part07 .slideinner .item{width:48.6%;}
    .index-part03 .swiper-pagination .swiper-pagination-bullet,.index-part07 .swiper-pagination .swiper-pagination-bullet{margin:0 5px;}
}

@media only screen and (min-width: 1025px) {
    .index-part02 li,.index-part03 .column dd{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}

}
/*Ê×Ò³end*/
/*.index-part01,.index-part02,.index-part03,.index-part04,.index-part05,.index-part06,.index-part07{height: 100%;}*/
/*.index-part01{padding-top: 15%;}*/
/*.index-part02{padding-top: 8%;}*/
/*.index-part03{padding-top: 10%;}*/
/*.index-part04{padding-top: 60px;}*/
/*.index-part05{padding-top: 60px;}*/
/*.index-part06{padding-top: 60px;}*/
/*.index-part07{padding-top: 10%;}*/


/*#section8 .footer{position: absolute;left: 0;bottom: 0;width: 100%;}*/
.banner .down {
    cursor: pointer;
    position: absolute;
    bottom: 6%;
    left: 50%;
    width: 44px;
    margin-left: -18px;
    color: #fff;
    font-size: 28px;
    z-index: 10;
}
@media only screen and (max-width: 1024px) {
    .banner .down{display: none;}
}

@media only screen and (max-width: 767px) {
    .banner{height: auto;}
}