/*首页*/
.index_bg{ background: url(../images/index_bg.jpg) center top no-repeat; background-size: 100% auto;}

.index-part01{padding:5% 0;}
.index-part01 .wrap{max-width: 1510px;}
.index-part01 h2{ text-align: center; line-height: 1.2; font-weight: bold; margin-bottom: 4%;}
.index-part01 ul{ margin: 0 -1.5%;}
.index-part01 li{ float: left; width: 22%; margin: 0 1.5%; padding:2.5% 2%; background: #fff; border-radius: 22px; overflow: hidden;}
.index-part01 li .inner{ height:15.5em;overflow: hidden;}
.index-part01 li h3{color:#255F5F; position: relative; line-height: 1.2; font-weight: bold; margin-bottom: 2%;}
.index-part01 li h3 i{position: absolute; right:20px; top:-20px; line-height: 0.1;}




.index-part02{ padding: 0 0 3%;}
.index-part02 .wrap{max-width: 1416px;}
.index-part02 h2{ text-align: center; line-height: 1.2; font-weight: bold; margin-bottom: 8%;}
.index-part02 ul{ margin: 0 -2%;}
.index-part02 li{ float: left; width: 29.33%; margin: 0 2%; background: #fff;border-radius: 22px; box-shadow: 0 0 8px 8px rgba(0,0,0,0.05); overflow: hidden;}
.index-part02 li dd{padding: 8% 10% 15%;position: relative;}
.index-part02 li dd span{ display: block; font-weight: bold; margin-bottom:4%;}
.index-part02 li dd h3{font-weight: bold; line-height: 1.4; max-height: 4.2em; height: 4.2em; overflow: hidden; margin-bottom:4%;}
.index-part02 li dd p{line-height: 1.4; max-height: 2.8em; margin-bottom: 3%;}
.index-part02 li dd i{position: absolute; left: 10%; bottom:0;}
.index-part02 li a:hover dd{ color: #000!important;}
.index-part02 li a:hover dd h3,.index-part02 li a:hover dd i{color: #255F5F;}
.index-part02 li:last-child{ background:#F2F7F6;}
.index-part02 li:last-child dl{ padding:8% 8%;}
.index-part02 li:last-child dd{ height: auto; padding:8% 5%; border-bottom: 1px solid #C1C1C1;}
.index-part02 li:last-child dd h3{margin-bottom: 0; height: 2.8em; max-height: 2.8em;}
.index-part02 li:last-child dd:last-child{border-bottom: none; padding-bottom: 0;}

.index-part03{ margin-bottom: 5%;}
.index-part03 dl{position: relative;}
.index-part03 dt{ width: 100%;}
.index-part03 dd{ position: absolute; lefT:0; top:0; width:48%; height: 100%; padding:5% 5% 2%; color: #000; border-top-left-radius: 20px; border-bottom-left-radius: 20px; background: url(../images/bg01.png) no-repeat; background-size: cover;}
.index-part03 dd h2{ font-weight: bold; line-height: 1; margin-bottom: 2%;}
.index-part03 dd span{ height: 24px; line-height: 24px; padding: 3px 5px;color: #86D55B; background: #000;}
.index-part03 dd .more{ text-align: left; margin-top: 5%;}
.index-part03 dd .more a{ color: #000!important; background: #fff;}

.index-part04{position: relative; padding:5% 0 4%; background: url(../images/bg02.jpg) center no-repeat; background-size: cover;}
.index-part04 .yun{position: absolute; left:0; top:0; width: 100%; height: 100%; /*z-index: 1;*/background: url(../images/yun.png) center no-repeat; background-size: cover;}
.index-part04 .ll{ float: left; float: left; width: 50%; position: relative; z-index: 2;}
.index-part04 .rr{ float: right; width: 40.72%; margin-right: 5%;}
.index-part04 .ll dt{ font-weight: bold; line-height: 1.1; margin-top: 5%; margin-bottom: 5%;}
.index-part04 .ll dd{ line-height: 1.8;}
.index-part04 .ll dd .more{ text-align: left; margin-top: 5%;}
.index-part04 .ll ul{ margin-top: 10%;}
.index-part04 .ll li{ float: left; width: 48%; margin-top: 3%;}
.index-part04 .ll li:nth-child(2n){ float: right;}
.index-part04 .ll li span{ float: left; margin-right: 20px; line-height: 1.2; font-weight: bold; position: relative;}
.index-part04 .ll li span em{position: relative; top:-20px;}
.index-part04 .ll li p{ float: left; margin-top: 5%;}

.index-part05{position: relative; padding:9% 0; background: url(../images/bg03.jpg) center no-repeat; background-size: cover;}
.index-part05 h2{ font-weight: bold; line-height: 1.2; margin-bottom: 5%; text-align: center;}
.index-part05 li{ float: left; width: 59.82%; margin-bottom:4%;}
.index-part05 li:nth-child(2n+1){ clear: both;}
.index-part05 li:nth-child(2){ float: right; width: 36.5%;}
.index-part05 li:nth-child(3){width: 36.5%;}
.index-part05 li:nth-child(4){ float: right; width: 59.82%;}
.index-part05 li dl{position: relative;}
.index-part05 li dt{ border-radius: 22px; overflow: hidden;}
.index-part05 li dd{ position: absolute; /*right:90px; bottom:40px;*/ left:0; bottom:0; padding: 40px; color: #fff;}
.index-part05 li dd h3{font-weight: bold; line-height: 1.1;}
.index-part05 li dd .more{ text-align: left;}
/*.index-part05 li:nth-child(2) dd,.index-part05 li:nth-child(3) dd,.index-part05 li:nth-child(4) dd{right: auto; left:90px;}*/

.index-part06{color: #000; padding: 4% 0 3%; text-align: center; line-height: 1.2; background: #86D55B;}
.index-part06 h2{font-weight: bold; margin-bottom:2%;}

@media only screen and (max-width: 1799px) {
.index-part03 dd h2{font-size: 50px;}
}
@media only screen and (max-width: 1659px) {
.index-part01 li .inner{height: 16.5em;}
}
@media only screen and (max-width: 1599px) {
    .index-part04 .ll ul{ margin-top: 5%;}
    .index-part04 .ll{ width: 54%;}
    .index-part05 li dd h3{font-size: 24px;}
    .index-part03 dd h2{font-size:40px;}
}
@media only screen and (max-width: 1439px) {
    .index-part01 li .inner{height: 17.5em;}
    .index-part03 dd h2+p br{ display: none;}
}
@media only screen and (max-width: 1365px) {
    .index-part01 li .inner{height: 18.5em;}
}
@media only screen and (max-width: 1279px) {
.index-part01 li .inner{height: 23.5em;}
.index-part02 li dd{padding: 5% 10% 10%;}
.index-part02 li:last-child dl,.index-part02 li:last-child dd{padding: 5%;}
.index-part03 dd{ width: 52%;}
.index-part03 dd h2{font-size: 30px;}
.index-part04 .ll{ width: 60%;}
.index-part04 .ll li span em{top:-15px;}
.index-part04 .rr{ width: 40%; margin-right: 0;}
.index-part04 .ll dt{margin-top: 0;}
.index-part05 li dd h3{font-size: 20px;}
}
@media only screen and (max-width: 1023px) {
    .index-part01 li{ width: 47%; margin-bottom: 2%; padding: 5%;}
    .index-part01 li .inner{height: 11.5em;}
    .index-part02 li{ width: 46%;}
    .index-part02 li:last-child{ width: 96%!important; margin-top: 5%; height: auto!important;}
    .index-part02 li:last-child dl{ padding: 5%;}
    .index-part02 li:last-child dd{ padding: 5%;}
    .index-part03 dd{ width: 62%;}
    .index-part03 dd h2{font-size: 20px;}
    .index-part04 .ll{ float: none; width: 100%;}
    .index-part04 .ll li span em{top:-10px;}
    .index-part04 .ll li p{margin-top: 2%;}
    .index-part04 .rr{width: 70%; margin: 5% auto; float: none;}
    .index-part05 li{width: 100%!important;}
}

@media only screen and (max-width:767px) { 
    .index-part01 li{ width: 97%; border:1px solid #f3f3f3;}
    .index-part01 li .inner{ height: auto;}
    .index-part02 li{ width: 96%; height: auto!important;}
    .index-part02 li dd{ height: auto; margin-bottom: 5%;}
    .index-part03 dd{position: static; width: 100%; background: #86D55B;}
    .index-part04 .ll li{ width: 100%; margin-top: 5%;}
    .index-part04 .ll li p{margin-top: 1%;}
}

.index-part01 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;}
@media only screen and (min-width: 1025px) {
    .index-part01 li:hover{color: #fff; background: #86D55B;}
    .index-part01 li:hover h3,.index-part01 li:hover p{color: #fff;}
    .index-part05 li dd .more a:hover{color: #fff!important;}
    .morebtn:hover{ color: #fff!important; background: #255F5F;}
}
/*首页end*/



/*20240207首页新增版块*/
.index-video{margin:0 0 5%;}
.index-video h2{font-weight: bold; text-align: center; margin-bottom: 2%;}
.video-box{cursor: pointer; position: relative; border-radius:20px; box-shadow: 0 5px 5px 5px rgba(0,0,0,0.05); overflow: hidden;}
.video-box em{color: #86D55B;}
.video-box video{ width: 100%; height: 100%; object-fit: fill;}

.index-about{ margin: 0 0 5%;}
.index-about .box{width: 48.5%;padding:3% 5%; border-radius:20px;box-shadow: 0 0 5px 5px rgba(0,0,0,0.05); background: #fff;}
.index-about .box.ll{ float: left;}
.index-about .box.rr{ float: right;}
.index-about .box h2{ font-weight: bold; height: 1.5em; overflow: hidden; margin-bottom: 5%;}
.index-about .box .c{ line-height: 1.8; height: 18em;}

.midbg{background: url(../images/index/img11.jpg) right 220px no-repeat; background-size: 100% auto;}
.fotbg{background: url(../images/index/img12.jpg) left 600px no-repeat; background-size: 100% auto;}


.index-flagship{margin: 0 0 5%;}
.index-flagship h2{ margin-bottom: 3%; text-align: center; font-weight: bold;}
.index-flagship li{ float: left; width: 48.5%;border-radius:20px; padding: 5% 5% 4%; box-shadow: 0 0 5px 5px rgba(0,0,0,0.05);}
.index-flagship li+li{ float: right; color: #fff;}
.index-flagship li:last-child{width: 100%; margin-top: 3%;}
.index-flagship li .inner{height: 21em; overflow: hidden;}
.index-flagship li h3{ margin-bottom: 5%; font-weight: bold;line-height: 1.1;}
.index-flagship li .c{line-height: 1.8;}
.index-flagship li .more{ text-align: left;}
.index-flagship li:last-child h3{ height: auto; margin-bottom: 2.5%;}
.index-flagship li:last-child .c{ height: auto;}
.index-flagship li:last-child .more{margin-top: 2.5%;}
.index-flagship li:last-child .more a{ color: #000!important; background: #fff;}

.index-workspace{margin: 0 0 5%;}
.index-workspace h2{ margin-bottom: 1.5%; text-align: center; font-weight: bold;}
.index-workspace .c{ text-align: center; line-height: 2; margin-bottom: 7%;}
.index-workspace dl{ text-align: center; margin-bottom: 4%;}
.index-workspace dl dd{ display: inline-block; margin: 0 20px;}
.index-workspace dl dd a{font-weight: bold; padding-bottom:2px; border-bottom: 2px solid transparent;}
.index-workspace dl dd a:hover{color: #000!important; border-bottom: 2px solid #000;}
.index-workspace ul{border-radius:20px; padding: 5% 5% 0; box-shadow: 0 0 5px 5px rgba(0,0,0,0.05); background: #fff;}
.index-workspace li{ float: left; width: 25%; text-align: center; margin-bottom: 5%;}
.index-workspace li img{max-width: 237px; max-height: 237px; width: 90%;}
.index-workspace li h3{ font-weight: bold; margin-top: 7%; height: 1.5em; overflow: hidden;}
.index-workspace li:last-child{ text-align:left; width: 35%; margin-left: 15%; margin-top: 8.5%; padding-right: 15%; position: relative;}
.index-workspace li:last-child h4{ font-weight: bold; margin-bottom: 8%; line-height: 1.2; max-height: 2.4em; overflow: hidden;}
.index-workspace li:last-child p{ max-height: 3em; overflow: hidden;}
.index-workspace li:last-child .morebtn{ position: absolute; right:15%; top:28%;}

.index-part02{padding: 0 0 5%;}
.index-part02 h2{margin-bottom: 5%;}
.index-part02 .ll{ float: left; width: 61.44%;border-radius:20px; overflow: hidden;}
.index-part02 .rr{ float: right; width: 34.32%; background: #F2F7F6;border-radius:20px;}
.index-part02 .ll dl{ position: relative;}
.index-part02 .ll dd{ position: absolute; lefT:0; bottom:0; width: 100%; color: #fff; padding: 0 7% 4%;}
.index-part02 .ll dd p{font-weight: bold;}
.index-part02 .ll dd i{ display: block; margin-top: 3%;}
.index-part02 .rr dl{ padding:3% 8%;}
.index-part02 .rr dl dd{ height: auto; padding:8% 5%; border-bottom: 1px solid #C1C1C1; font-weight: bold;}
.index-part02 .rr dl dd h3{margin-top:2%; height:auto; max-height: 2.8em; font-weight: bold;}
.index-part02 .rr dl dd:last-child{border-bottom: none; padding-bottom: 0;}
.index-part05{padding: 5% 0 2%; background: none;}
.index-part05 .c{ text-align: center; line-height: 2; margin-bottom:5%;}
@media only screen and (max-width:1279px) { 
.index-part02 .ll,.index-part02 .rr{ width: 100%;}
.index-part02 .rr{margin-top: 5%; height: auto!important;}
.index-part02 .rr dl{padding: 5%;}
.index-part02 .rr dl dd{padding: 5% 0;}
.index-part02 .rr dl dd:first-child{padding-top: 0;}
.index-workspace li:last-child{ margin-left: 10%; width: 40%;}
}
@media only screen and (max-width:767px) { 
    .index-about .box{ width: 100%; padding: 5%; margin-bottom: 5%;}
    .index-about .box.rr{margin-bottom: 0;}
    .index-flagship li{ width: 100%; padding: 5%;margin-bottom: 5%;}
    .index-flagship li .inner{ height: auto;}
    .index-flagship li:last-child{margin-top: 0; margin-bottom: 0;}
    .index-workspace dl{ text-align: left;}
    .index-workspace dl dd{margin: 0 10px;}
    .index-workspace li{ width: 50%;}
    .index-workspace li:last-child{ margin-left: 0; width: 100%;}
    .video-box em{ display: none;}
}

.index-about .box{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
@media only screen and (min-width: 1025px) {
    .index-about .box:hover{ color: #fff; background: #86D55B;}
}
/*20240207首页新增版块end*/

.index-part03 dt{ border-radius: 22px; box-shadow: 0 0 8px 8px rgba(0,0,0,0.05); overflow: hidden;}
.index-part03 dt em{position: absolute; z-index: 1; left:-8px; top:20px; font-weight: bold; color: #fff;padding: 0.5% 1.5%;  background: #00615E;}
@media only screen and (max-width:767px) { 
.index-part03 dt{border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.index-part03 dd{padding: 5%; border-radius: 0; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
}