/*首页*/
.ind_main{margin-top:0;}
.banner{width:100%; position: relative; height: 100vh; overflow: hidden; }
.banner .swiper-container{width:100%; height: 100vh;}
.banner .swiper-slide{position: relative;overflow: hidden;}
.banner .swiper-slide img{width: 100%;height: 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;width:100%; text-align: center; padding:0 5%;}
.banner .txt h2{margin-bottom:1%;}
.banner .txt h3{ line-height:1.8;}
.banner .swiper-button-prev{ left:5%; width: 36px; height:62px; background-size: 36px 62px; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23B11524'%2F%3E%3C%2Fsvg%3E");}
.banner .swiper-button-next{ right:5%;width: 36px; height:62px; background-size: 36px 62px; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23B11524'%2F%3E%3C%2Fsvg%3E");}
.banner .swiper-pagination{bottom:40px; height: 54px;}
.banner .swiper-pagination-bullet{opacity: 1; position: relative; width:3px; height:54px; margin:0 7px!important ; border-radius: 0; background: none!important;}
.banner .swiper-pagination-bullet::before{content: ""; position: absolute; left:0; bottom:0; width:100%; height: 50%; background: #fff;transition:all 0.3s;}
.banner .swiper-pagination-bullet-active{}
.banner .swiper-pagination-bullet-active::before{ height:100%; background:#8EC31F;}

.index-part00{ padding: 4.5% 0; background: url(../images/ind_bg00.jpg) no-repeat; background-size: cover;}
.index-part00 .txt{line-height: 2;}
.index-part00 ul{margin:4% 10% 0;}
.index-part00 ul li{ float: left; width:25%; text-align: center;}
.index-part00 ul li:last-child{ border-right: none;}
.index-part00 ul li span{ display: block; color:#0078C4; line-height: 1;}
.index-part00 ul li p{ margin-top:2%;}


.index-part01{position: relative;}
.index-part01 > img{ width:100%;}
.index-part01 .bg-layer{ position: absolute; z-index: 1; left:0; top:0; width:100%; height: 100%; background: rgba(0,0,0,0.4);}
.index-part01 .box{position: absolute; z-index: 2; width:100%; height:100%; left:0; top:0;}
.index-part01 ul{position: absolute; z-index: 2; width:100%; height:100%; left:0; top:0;}
.index-part01 li{ float: left; color:#fff; border-left:2px solid rgba(255,255,255,0.3); width:20%;height:100%; position: relative;/*transition:all 0.3s;*/}
.index-part01 li:first-child{border-left:none;}
.index-part01 li.on{ width:40%; background: url(../images/dot07.png) left bottom no-repeat; background-size: cover;}
.index-part01 li .inner{ position: absolute; bottom:10%; left:8%; right:8%;}
.index-part01 li.on .inner{bottom:20%;}
.index-part01 li span{ display: block; width:76px; height: 76px; margin:0 0 10%; /*background: url(../images/dot06.png) no-repeat; background-size: cover;*/}
.index-part01 li span img{ width:50px; height: 50px; margin:8px;}
.index-part01 li h2{margin:0 0 4%;}
.index-part01 li a{color:#fff!important;}
.index-part01 li.on h2{font-size: 36px;}
.index-part01 li p{ display: none;}
.index-part01 li.on p{ display: block;}
.index-part01 .swiper-button-prev,.index-part01 .swiper-button-next{ display: none;}
.index-part01 .more{ transform: translate(-50%,0); -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-o-transform: translate(-50%,0);position: absolute; z-index: 2; left:50%; bottom:30px;}

.index-part02{padding:5% 0;}
.index-part02 h2{ text-align: center;}
.index-part02 .top_tit{margin:5% 0; }
.index-part02 .top_tit .swiper-container{padding-bottom:8px;}
.index-part02 .top_tit .swiper-slide{cursor: pointer; padding:1.8% 0; line-height: 36px; text-align: center; border-right:1px solid #CBCBCB; background: #fff; position: relative;}
.index-part02 .top_tit .swiper-slide::after{ opacity: 0; content: ""; position: absolute; left:50%; bottom:-7px; width:0; height: 0; border-left:7px solid transparent;border-right:7px solid transparent; border-top:7px solid #99C938;}
.index-part02 .top_tit .swiper-slide span{ display: inline-block;}
.index-part02 .top_tit .swiper-slide span img{ display: inline-block; width:36px; height: 36px;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 .top_tit .swiper-slide span img+img{ display: none;transition: 0.3s all;}
.index-part02 .top_tit .swiper-slide em{display: inline-block; margin-left:10px;transition: 0.3s all;}
.index-part02 .top_tit .swiper-slide.on{ background: #99C938;}
.index-part02 .top_tit .swiper-slide.on::after{ opacity: 1;}
.index-part02 .top_tit .swiper-slide.on span img{ display: none;}
.index-part02 .top_tit .swiper-slide.on span img+img{ display: inline-block;}
.index-part02 .top_tit .swiper-slide.on em{ color:#fff;}
.index-part02 .top_tit .swiper-button-prev,.index-part02 .top_tit .swiper-button-next{ display: none;}

.index-part02 .bot_con dl dd{ display: none;}
.ddswiper{ position: relative;}
.ddswiper .swiper-button-prev{ left:-40px; margin-top:-30px; width:34px; height: 60px; background-size: 34px 60px;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%238EC31F'%2F%3E%3C%2Fsvg%3E");}
.ddswiper .swiper-button-next{ right:-40px; margin-top:-30px;  width:34px; height: 60px; background-size: 34px 60px;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%238EC31F'%2F%3E%3C%2Fsvg%3E");}
.ddswiper .swiper-button-prev.swiper-button-disabled{ opacity: 1; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23555555'%2F%3E%3C%2Fsvg%3E");}
.ddswiper .swiper-button-next.swiper-button-disabled{ opacity: 1; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23555555'%2F%3E%3C%2Fsvg%3E");}
.ddswiper .swiper-slide .img{ width:100%; margin-bottom: 3%;}
.ddswiper .swiper-slide .txt{ text-align: center;}
.ddswiper .swiper-slide .txt h3{ color:#000; margin-bottom: 15px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: inline-block; max-width:100%;}
.ddswiper .swiper-slide .txt p{color:#555555;display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3; line-height: 1.5; max-height: 4.5em;overflow:hidden;}


a.more{ display: block; margin:5% auto 0; border-radius: 25px; color:#fff; width:160px; height: 44px; line-height: 44px; text-indent: 30px;  background: url(../images/dot13.png) 120px center no-repeat #0078C4;}


.index-part03{padding:3% 0 5%;}
.index-part03 h2{ text-align: center; margin:0 0 3%;}
.index-part03 ul{margin:0 -3%;}
.index-part03 li{ float: left; width:27.33%; margin:0 3%;}
.index-part03 li .img{margin:0 0 8%;}
.index-part03 li h3{margin-bottom: 3%;}
.index-part03 li p{ margin-bottom: 10px; height:4.5em;}
.index-part03 li span{ display: block; color:#0078C4; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}


@media only screen and (min-width: 1025px) {
.xxxxxx{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
.llll{-webkit-transform: translateX(10px);-moz-transform:translateX(10px);transform: translateX(10px);}
a.more:hover{ color:#fff!important; background: url(../images/dot13.png) 120px center no-repeat #96C731;}
}

@media only screen and (max-width: 1599px) {
    .index-part01 li.on h2{font-size: 30px;}
}
@media only screen and (max-width: 1365px) {
    .index-part01 li.on h2{font-size: 24px;}
}
@media only screen and (max-width: 1279px) {
    .banner,.banner .swiper-container{ height: auto;}
    .index-part01 li.on h2{font-size: 20px;}
    .index-part01 li .inner{bottom:15%;}
}
@media only screen and (max-width: 1023px) {
    .index-part01 li.on h2{font-size: 18px;}
    .index-part01 li span{ width:56px; height: 56px;}
    .index-part01 li span img{ width:30px; height: 30px;}    
    .index-part01 .more{bottom:10px;}
    .index-part02 .top_tit .swiper-slide{ line-height: 24px;}
    .index-part02 .top_tit .swiper-slide span img{ width:24px; height: 24px;}
    .index-part02 .top_tit .swiper-slide em{margin-left:5px;}
    .ddswiper .swiper-button-prev,.ddswiper .swiper-button-next{ width:20px; height: 30px; margin-top:-15px; background-size: 20px 30px;}
    .ddswiper .swiper-button-prev{left:-30px;}
    .ddswiper .swiper-button-next{ right:-30px;}
    
}
@media only screen and (max-width:767px) {    
    .banner .swiper-pagination{bottom:10px;}
    .banner,.banner .swiper-slide,.banner .swiper-container{ height:300px;}
    .banner img{ display: none;}
    .banner .txt h2{ font-size: 20px;}
    .banner .txt h3{ font-size: 14px;}
    .index-part00 ul{margin-left:0; margin-right: 0;}
    .index-part00 ul li{width:50%; margin-bottom: 5%;}
    .index-part00 .txt p br{ display: none;}
    .index-part01 .box,.index-part01 ul{ position: static; width:100%;}
    .index-part01 .swiper-container{ height: auto!important;}
    .index-part01 li{width:25%!important; height:auto!important; border-left:none;background:url(../images/dot07.png) left bottom no-repeat;}
    .index-part01 li h2{font-size: 12px;}
    .index-part01 li span{ height: 40px;}
    .index-part01 li span img{ width:24px; height: 24px;}
    .index-part01 li.on{background:url(../images/dot07.png) left bottom no-repeat;}
    .index-part01 li.on h2{font-size: 13px;}
    .index-part01 li .inner{ position: static; padding:5% 10%;}
    .index-part01 .bg-layer{ display: none;}
    .index-part01 li p{ display: block;}
    .index-part01 li span,.index-part01 li h2{margin:0 0 2%;}
    .index-part01 .swiper-button-prev,.index-part01 .swiper-button-next{ display: none; width:20px; height: 20px; margin-top:-10px; background-size: 20px 20px;}
    .index-part01 .more{position: static; margin-bottom: 5%;transform: translate(0,0); -webkit-transform: translate(0,0);-ms-transform: translate(0,0);-moz-transform: translate(0,0);-o-transform: translate(0,0);}
    .index-part02 .top_tit{position: relative;}
    .index-part02 .top_tit .swiper-button-prev,.index-part02 .top_tit .swiper-button-next{ display: block; background-size: 20px 20px; margin-top:-25px;}
    .index-part02 .top_tit .swiper-button-prev{left:-20px;}
    .index-part02 .top_tit .swiper-button-next{ right:-20px;}

    .ddswiper .swiper-button-prev{ left:0px;}
    .ddswiper .swiper-button-next{ right:0;}
    .index-part03 ul{margin:0;}
    .index-part03 ul li{ width:100%; margin:0 0 5%;}
    .index-part03 ul li:last-child{margin:0;}
    .index-part03 li .img{margin:0 0 5%;}
    a.more{ width:120px; height: 30px; line-height: 30px; text-indent: 20px; border-radius: 15px; background:url(../images/dot13.png) 90% center no-repeat #0078C4; background-size:20px 20px;}
}
/*首页end*/