/*首页*/
.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; width:80%; margin:0 auto;}
.banner .txt h2{line-height: 1.1; font-family: arial, helvetica, sans-serif; /*font-family: cn-light;*/ text-transform: uppercase; }
.banner .txt h3{/*font-family: cn-light;*/ line-height: 1.8;}
.banner .swiper-button-prev,.banner .swiper-button-next{ left:3%; width: 36px; height:62px; background: url(/uploads/image/eimages/btn_ll_dis.png) no-repeat; background-size: cover;}
.banner .swiper-button-next{ right:3%; 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; z-index: 2;}
.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: #3ab7b6;}

.banner .down{ cursor: pointer; position: absolute; z-index: 1; bottom:6%; left:50%; width:36px;margin-left:-18px;}
.banner .down i{font-size:36px; color:#fff;}

a.more{ display: block; width:82px; height: 30px; line-height: 28px; text-align: center; font-size: 14px;color:#747476; border:2px solid #3ab7b6; border-radius:30px;}
a.more.m_w{color:#fff; border-bottom: 1px solid #fff;}

.index-part01{ padding:5% 0 3%; position: relative;}
.index-part01 .line01{ position: absolute; left:0; top:30%; width:100%;}
.index-part01 .line02{position: absolute; left:0; top:38%; width:100%;}
.index-part01 .ll{float:left; width:54%;}
.index-part01 .ll h2{color:#656565; margin-bottom: 5%; /*font-family: cn-light;*/}
.index-part01 .ll p{ line-height: 1.8; color:#656565; margin-bottom: 4%;}
.index-part01 .ll p:last-child{margin-bottom: 0;}
.index-part01 .ll a.more{margin-top:40px;}
.index-part01 .rr{ float:right; width:40%; margin-top:6%;}
.index-part01 .rr dl{margin:0 0 5%;}
.index-part01 .rr dt{ float: left; width:40%; color:#797979;}
.index-part01 .rr dt span{ display:block; width:max-content; padding:0 5px; height: 26px; line-height: 26px; text-align: center; color:#fff; background: #3ab7b6;}
.index-part01 .rr dd{float: left; color:#000; width:60%;line-height:68px; letter-spacing:1px;}
.index-part01 .rr dd span{ display:inline-block; width:50%; vertical-align:middle; color:#f50e0e; line-height:27px;}
.index-part01 .rr dd.on span{ color:#41e441;}
.index-part01 .rr ul{margin:0;}
.index-part01 .rr li{ float: left; width:30%; margin:0 0 9%;/*font-family: cn-bold;*/ font-weight: bold;}
.index-part01 .rr li:nth-of-type(1){width:40%;}
.index-part01 .rr li h3{color:#3ab7b6;margin-bottom:5px;}
.index-part01 .rr li p{color:#797979;}

.index-part02 li{ float: left; width:54.16%; position: relative; overflow: hidden;}
.index-part02 li img{ width:100%;}
.index-part02 li li{width:45.84%;}
/*.index-part02 li span.line01{width: 100%; position: absolute; z-index: 1; left:0; top:37%;}
.index-part02 li span.line02{width: 100%; position: absolute; z-index: 1;left:0; bottom:3%;}
.index-part02 li span.line03{width: 100%; position: absolute; z-index: 1; left:0; top:5%;}
.index-part02 li span.line04{width: 100%; position: absolute; z-index: 1;left:0; bottom:3%;}*/

.index-part03{margin:5% 0;position: relative;}
.index-part03 h2{color:#656565; margin-bottom:0.5%; /*font-family: cn-light;*/}
.index-part03 h2 p{color:#656565; margin-bottom:3%;}
.index-part03 li .txt{margin:5% 0 0;}
.index-part03 li .txt h3 a{color:#605f64;}
.index-part03 li .txt h3 em{ display: inline-block; margin-left:30px; width:40px; height: 25px; line-height: 25px;text-align: center; color:#fff; border-radius: 20px; background: #3ab7b6;}
.index-part03 li .txt h3 em i{font-size:18px; position: relative; top:-2px;}
.index-part03 li .txt p{ margin-top: 10px; color:#605f64; font-size: 14px;}

.index-part04{ position: relative;}
.index-part04 .img{ position: relative; width:100%; z-index: 2;}
.index-part04 .img .c{ position: absolute; right:5%; bottom:10%; color:#fff; width: 30%;}
.index-part04 .img h2{/*font-family: cn-light;*/ margin-bottom: 10px;}
.index-part04 .img p{ font-size: 14px; line-height: 1.8;}
.index-part04 .line01{ position: absolute;left:0; bottom:5%; width:100%;}
.index-part04 .line02{ position: absolute;left:0; bottom:10%; width:100%;}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ opacity: 1; pointer-events:inherit!important;}
.index-part03 .swiper-button-prev,.index-part04 .swiper-button-prev{width:36px; height:62px; margin-top: -36px; background:url(/uploads/image/eimages/btn_l.jpg) no-repeat;}
.index-part03 .swiper-button-next,.index-part04 .swiper-button-next{width:36px; height:62px; margin-top: -36px; background:url(/uploads/image/eimages/btn_r.jpg) no-repeat;}

.index-part05{ margin:4% 0 0;}
.index-part05 h2{ color:#656565; margin-bottom:1%; /*font-family: cn-light;*/}
.index-part05 li{ float: left; position: relative; width:33.33%;}
.index-part05 li .inner{padding:8% 12%;}
.index-part05 li span{display: block; color:#000000; font-size: 14px; margin-bottom: 15px;}
.index-part05 li h3{-webkit-line-clamp:2; line-height: 1.3;max-height: 2.6em; height: 2.6em; margin-bottom: 20px;}
.index-part05 li h3 a{ color:#414141;}
.index-part05 li p{ color:#414141; font-size: 14px; line-height:2; max-height:6em; height:6em; margin-bottom:30px;}
.index-part05 li em{ display: block; width: 60px; height: 2px; background: #6b6b6b;}

.index-part06{ margin:5% 0 0;}
.index-part06 li{ float: left; width:49%; position: relative;}
.index-part06 li:nth-child(2n){ float: right;}
.index-part06 li .txt{color:#fff; padding:0 12%; width:100%;}
.index-part06 li h2{/*font-family: cn-light;*/ margin-bottom: 20px;}
.index-part06 li em{ display: block;width:40px; height: 25px; line-height: 25px;text-align: center; color:#000000; border-radius: 20px; background: #fff;}
.index-part06 li em i{font-size:18px;}

.index-part07{ margin:8% 0 0; background: #3ab7b6;}
.index-part07 .wrap{ position: relative;}
.index-part07 .mapbg{max-width: 100%; margin-left:9%;}
.index-part07 .con{width:100%; padding:0 2%;}
.index-part07 .ll{ float: left; width:50%;}
.index-part07 .ll h3{color:#fff; line-height: 1.8;}
.index-part07 .rr{ float: right; width:48%; text-align: right;}
.index-part07 .rr dd{ display: inline-block; margin:0 4%;}
.index-part07 .rr dd img{max-width: 112px; max-height: 92px; width:100%;}

@media only screen and (min-width: 1025px) {
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{ background: url(/uploads/image/eimages/btn_ll.png); background-size: cover;}
.index-part05 li,.index-part05 li span,.index-part05 li p,.index-part05 li em{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-part05 li:hover{ background: #3ab7b6;}
.index-part05 li:hover span,.index-part05 li:hover a,.index-part05 li:hover p,.index-part05 li:hover h3{color:#fff;}
.index-part05 li h3 a:hover{color:#fff!important;}
.index-part05 li:hover em{ background: #fff;}
.index-part06 li:hover h2{color:#3ab7b6;}
.index-part06 li:hover em{ color:#fff; background: #3ab7b6;}
/*{-webkit-transform: translatex(10px);-moz-transform:translatex(10px);transform: translatex(10px);}*/
}
    
@media only screen and (max-width: 1500px) {
    .index-part04 .img p br{ display: none;}
    .index-part03 li .txt h3 em i{top:0;}
}
@media only screen and (max-width: 1279px) {
    .banner .swiper-button-prev{ width: 18px; height:31px;margin-top:-16px;}
    .banner .swiper-button-next{ width: 18px; height:31px;margin-top:-16px;}
    .index-part05 ul{margin:0 -1%;}
    .index-part05 li{ width:31.33%; margin:0 1%; border:1px solid #3ab7b6;}
    .index-part01 .rr dt{font-size: 20px;}
    .index-part01 .rr dd{font-size: 30px;}
}

@media only screen and (max-width: 1023px) {
    .banner .swiper-pagination{bottom:10px;}
    .index-part01 .ll,.index-part01 .rr,.index-part07 .ll,.index-part07 .rr{ float: none; width:100%;}
    .index-part04 .img .c{width:90%;}
    .index-part07 .con{padding:0;}
    .index-part07 .ll{text-align: center;}
    .index-part07 .rr{margin-top: 3%; text-align: center;}
}

@media only screen and (max-width:767px) {
    .banner .txt{width:80%;}
    .banner .down{display: none;}
    .index-part01 .ll a.more{margin-top: 20px;}
    .index-part01 .rr li{margin-bottom: 3%;}
    .index-part02 li,.index-part02 li li,.index-part03 li,.index-part06 li{width:100%;}
    .index-part03 li .txt h3 em,.index-part06 li em{width:30px; height: 16px; line-height: 16px; margin-left:10px;}
    .index-part06 li em{margin-left:0;}
    .index-part03 li .txt h3 em i,.index-part06 li em i{ font-size: 14px;}
    .index-part03 h2 p br,.index-part07 .ll h3 br,.index-part04 .img img{ display: none;}
    .index-part04 .img{ height: 260px;}
    .index-part05 ul{margin:0;}
    .index-part05 li{width:100%; margin:0 0 2%;}
    .index-part05 li .inner{padding:5%;}
    .index-part05 li p{margin-bottom: 10px; line-height: 1.5;}
    .index-part05 li p,.index-part05 li h3{ height: auto;}
    .index-part06 li{margin-bottom: 2%;}
    .index-part06 li h2{margin-bottom: 10px;}
    .index-part07{ background-size: cover; background: url(/uploads/image/eimages/mapbg.png) no-repeat #3ab7b6;}
    .index-part07 .wrap{ height: 258px;}
    .index-part07 .mapbg{margin:0;display: none;}
    .index-part07 .rr dd{ float: left; width:23.33%; margin:0 5%;} 
}
/*首页end*/