@charset "utf-8";
/* ===================首页样式========================== */
.indban { width: 100%; overflow: hidden; position: relative;}
.indban-img { width: 100%; position: relative;}
.indban-img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,rgba(0,0,0,.5) 0% ,transparent 20%);}
.indban-img-pc,.indban-img-mb { width: 100%; object-fit: cover;}
.indban-img-pc { display: block;height: 100vh;}
.indban-img-mb { display: none;}

/* 视频 */
.indban .hasVideo .indban-img-pc{animation: hasVideoImg 1s ease both;opacity: 0;}
@keyframes hasVideoImg {0%{opacity: 0;}100%{opacity: 0;}}
.indban .hasVideo video{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;z-index: 2;}
@media all and (max-width:1140px) {.indban .hasVideo .indban-img-pc{animation: none;opacity: 1;}.indban .hasVideo video{display: none;}}


.indban .swiper-pagination{bottom: 36px;}
.indban .swiper-pagination-bullet{width: 40px;height: 2px;background: rgba(255, 255, 255, .5);opacity: 1;margin: 0 10px !important;position: relative;border-radius: 0;}
.indban .swiper-pagination-bullet:before{content: "";width: 0;height: 100%;background: #0e9c4b;position: absolute;top: 0;left: 0;}
.indban .swiper-pagination-bullet-active.swiper-pagination-bullet{background: #fff;}
.indban .swiper-pagination-bullet-active.swiper-pagination-bullet:before{animation: bulletLine 4s linear both .8s;}
.indban .swiper-pagination-bullet-active.twoBullet:before{animation: bulletLine 3.4s linear both 1s;}
.indban .swiper-pagination-bullet-active.oneBullet:before{animation: bulletLine 14.6s linear both 0s;}
@keyframes bulletLine{0%{width: 0;}100%{width: 100%;}}



.indban-wd {width: 100%;position: absolute;left: 50%;top: 46%;transform: translate(-50%, -50%);z-index: 3;text-align: center;}
.indban-wd h3 { font-size: 48px; color: #fff;margin-bottom: 26px;}
.indban-wd p { font-size: 30px; color: #fff;}
.index-title {position: relative;}
.index-title h2 { font-size: 72px;color: #222c38;font-family: 'pingfang';}
.index-title p { display: block;margin-top: 5px;font-size: 36px;color: #555c64;}
.indabo { padding: 124px 0 40px 0; background-color: #e5ebf3;}
.indabo-cont {float: left; width: 54%; position: relative; padding-right: 100px;}
.indabo-cont::before {content: ""; position: absolute; filter: blur(2px); z-index: -1; background: url('../images/index/bout.png') no-repeat left top/100% auto; width: 96%; height: 100%; top: 0px; left: 0px;overflow: hidden;}
.indabo-desc { margin-top: 38px;position:relative}
.indabo-desc-max{max-height: 120px;position:relative;overflow:hidden;hyphens: auto;-ms-hyphens: auto;-moz-hyphens: auto;text-align: justify;text-justify: inter-word;}
.indabo-desc-max:after {content:"...";line-height:30px;letter-spacing: 3px;font-weight: bold;position:absolute;bottom:0;right:78px;padding-left:36px;background: -webkit-linear-gradient(left, transparent, #e5ebf3 55%);background: -o-linear-gradient(right, transparent, #e5ebf3 55%);background: -moz-linear-gradient(right, transparent, #e5ebf3 55%);background: linear-gradient(to right, transparent, #e5ebf3 55%);}
.indabo-desc-more{width:80px;text-align:right;position:absolute;bottom:0;right:0;background:#e5ebf3;font-size: 16px;color: #0e9c4b;line-height: 30px;}
.indabo-desc-more:hover{text-decoration: underline;}

.indabo-desc p { font-size: 16px; color: #555c64;line-height: 30px;}
/*.indabo-desc a {display: block;height: 54px; width: 164px;margin: 70px 0;line-height: 54px;font-size: 18px;color:  #0e9c4b;border: 1px solid  #0e9c4b;border-radius: 30px;text-align: center;transition: all .4s ease;}*/
/*.indabo-desc a:hover{background: #0e9c4b;color: #fff}*/
.indabo-icon {width: 100%;margin-top: 24px;}
.indabo-icon li {float: left;width: 25%;transition: all .4s ease;display: flex;}
.indabo-icon li a{text-align: center;}
.indabo-icon-img {width: 118px; height: 116px; line-height: 116px; position: relative; cursor: pointer;transition: all .4s ease;}
.indabo-icon-img:before{content:'';background: url("../images/index/lightball.png");position: absolute;width: 118px;height: 116px;top: 0;left: 0;transition: all 1s ease-in;transform: rotate(0deg);}
.indabo-icon-img:hover:before{content:'';background: url("../images/index/blueball.png");transform: rotate(90deg);}
.indabo-icon-img img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);z-index: 2;}
.indabo-icon-img::after { content: ""; width: 88px; height: 88px; border-radius: 50%; background: #0e9c4b; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);transition: all .4s ease;}
.indabo-icon-img:hover::after { background: #0e9c4b;transition: all .4s ease;}
.indabo-icon ul li i {font-style: normal;font-size: 20px;color: #4e5155;display: block;margin-top: 20px;text-align: center;cursor: pointer;}
.indabo-icon ul li i:hover {color: #0e9c4b;transition: all .4s ease;}
.indabo-video { float: right; width: 46%;text-align: center;position: relative;overflow: hidden;margin-top: 8px;}
.indabo-video img { width: 100%; display: block;border-radius: 12px;}
.indabo-video i{ position: absolute;right: 0;top:0;bottom: 0;left: 0;margin: auto;}
.indabo-video .videoPlay{display: block;height: 66px; width: 66px;background: rgba(0, 0, 0, .2) url("../images/index/video.png") no-repeat center;border-radius: 50%;transition:all .4s ease;}
.indabo-video:hover i{transform:scale(1.2);}
.indsol { width: 100%;  background: url(../images/index/sol.png) no-repeat; background-color: #e5ebf3;padding-top: 94px;}
.indsol-bar {width: 100%;margin-bottom: 50px;position: relative;display:flex;flex-wrap:wrap;justify-content: space-between;align-items: flex-end;}
.indsol-btn {float: right;position: relative;right: 0;top: 52px;}
.indsol-btn .indsol-btn-prev {height: 52px;width: 52px;background: rgba(0,0,0,.5) url('../images/index/rgt.png') no-repeat center;border-radius: 50%;cursor: pointer}
.indsol-btn .indsol-btn-next {height: 52px;width: 52px;background: rgba(0,0,0,.5) url('../images/index/lft.png') no-repeat center;border-radius: 50%;cursor: pointer;position: absolute;right: 70px;top: 0;}
.indsol-btn .indsol-btn-prev:hover, .indsol-btn .indsol-btn-next:hover{background-color: rgba(0,0,0,.7);transition: all .4s ease}
.indsol-loop .swiper-wrapper{flex-wrap: wrap;}
.indsol-loop .swiper-slide {position: relative;width: 50%;}
.indsol-loop-item::after {content: "";background: #000;opacity: 0.08;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.indsol-loop-item:hover::after {background: #0e9c4b;opacity: 0.8;}
.indsol-loop-item { position: relative; width: 100%;overflow: hidden;display: flex;justify-content: center;align-items: center;}      
.indsol-loop-item img {width: 100%;object-fit: cover;height:446px;}
.indsol-loop-title {position: absolute;text-align: center;cursor: pointer;transition:all 0.5s ease-in-out;z-index: 1;}
.indsol-loop-title h4 {font-size: 32px;color: #fff;margin-bottom: 28px;opacity: 1;transition: all .2s ease}
.indsol-loop-title i {display: inline-block;height: 45px;width: 45px;font-style: normal;font-size: 24px;color: #0e9c4b;background: #fff;border-radius: 50%;line-height: 45px;opacity: 1;transition: all .2s ease}
.indsol-loop-cont {width: 100%; position: absolute;padding: 0 108px;transition:all 0.5s ease-in-out ;z-index: 1;transform: translateY(350px)}
.indsol-loop-cont h4 {font-size: 32px;color: #fff;margin-bottom: 18px;}
.indsol-loop-cont p {font-size: 16px;color: #fff;line-height: 32px;margin-bottom: 38px;width: 100%;height: 62px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.indsol-loop-cont a {display: block;width: 168px;height: 56px;line-height: 56px;text-align: center;font-size: 16px;color: #333333;border-radius: 35px;background: #fff;transition:all .4s ease;}
.indsol-loop-cont a:hover{color:#0e9c4b;}
 .indsol-loop-item:hover .indsol-loop-title {transform: translateY(-300px);transition: all 0.8s  ease}
.indsol-loop-item:hover .indsol-loop-title h4,.indsol-loop-item:hover .indsol-loop-title i{opacity: 0;}
.indsol-loop-item:hover .indsol-loop-cont {transform: translateY(0);transition: all 0.8s ease;}
.indsol-loop-itemrgt { float: right;width: 50%;}
.indsol .index-title {float: left;}
.indpar {background: #e5ebf3 url('../images/index/part.png') no-repeat left bottom/100% auto;width: 100%;padding: 112px 0 116px;}
.indpar-item {width: 100%;margin-top: 42px;}
.indpar-item li {width: 100%; font-size: 0; text-align: center;}
.indpar-item li div {display: inline-block;vertical-align: middle;width: 210px;margin: 0 2px;position: relative;height: 150px;line-height: 150px;}
.indpar-item li div img {max-width: 60%;max-height:60%;position: relative;z-index: 2;transition: all .4s ease;object-fit: cover;}
.indpar-item li div::before {content: "";width: 150px;height: 150px;background: #fff;position: absolute;left: 50%;top: 50%;margin-top: -75px;margin-left: -75px;transform: rotate(45deg);}
.indpar-item li:nth-child(2n) {margin: -38px 0;}
.indnews {padding: 118px 0;}
.indnews-titem {width: 100%;margin-bottom: 58px;position: relative;display:flex;flex-wrap:wrap;justify-content: space-between;align-items: flex-end;}
.indnews-more {position: relative;right: 28px;}
.indnews-more a {display: block;font-size: 18px;color: #333333;}
.indnews-more i {display: block;width: 19px;height: 14px;position: absolute;right: -28px;top: 6px;background: url('../images/index/newmor.png') no-repeat;}
.indnews-more a:hover i {background: url('../images/index/newmorE.png') no-repeat;}
.indnews-item  li { width: 24%;float: left;margin: 0 10px;}
.indnews-item  li:first-child {margin-left: 0;}
.indnews-item  li:last-child {margin-right: 0}
.indnews-conitem {position: relative;}
.indnews-conitem::before {content: "";position: absolute;right: 0;bottom: 0;width: 0;height: 2px;background: #0e9c4b;transition: all .4s ease;}
.indnews-conitem:hover::before {width: 100%;right: auto;left: 0;}
.indnews-img {overflow: hidden;height: 250px}
.indnews-img img{display: block;width: 100%;object-fit: cover;transition: all .6s ease;height: 100%}
.indnews-item  li:hover .indnews-conitem img{transform: scale(1.04);}
.indnews-conitem:hover::before {width: 100%;right: auto;left: 0;}
.indnews-connet {width: 100%;padding: 26px 26px 65px;background: #f8f8f8}
.indnews-connet span {display: block;padding-bottom: 16px;font-size: 18px;color: #333333;}
.indnews-connet p {width: 100%;height: 64px;font-size: 20px;color: #333333;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 32px;}
/* 视频弹窗 */
.popVideo {display: none;position: fixed;z-index: 99999;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);top: 0;left: 0;}
.popVideo-content {display: flex;justify-content: center;align-items: center;position: relative;width: 66%;height: 100%;margin: 0 auto;}
.popVideo-core {position: relative;display: inline-block;vertical-align: middle;width: 100%;position: relative;}
.popVideo-core video {width: 100%;}
.popVideo-close {width: 28px;height: 28px;position: absolute;right: -28px;top: -28px;z-index: 3;background: url('../images/public/close.png') no-repeat center;cursor: pointer;opacity: .7;transition: all .6s ease;}
.popVideo-close:hover {opacity: 1;}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
}
@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .index-title h2 {font-size: 40px;}
    .index-title p {font-size: 28px;}
    .indabo {padding: 108px 0 20px 0;}
    .indabo-desc {margin-top: 28px;}
    /*.indabo-desc a {margin: 38px 0;}*/
    .indsol { background-position: center;padding-top: 58px; }
    .indsol-btn {top: 38px;}
    .indsol-btn .indsol-btn-prev,.indsol-btn .indsol-btn-next {width: 45px;height: 45px;}
    .indsol-loop-item img {height: 348px;object-fit: cover;}
    .indpar { padding: 88px 0 90px;}
    .indpar-item li div {width: 180px; }
    .indpar-item li div::before { width: 126px; height: 126px; margin-top: -63px;margin-left: -63px;}
    .indpar-item li:nth-child(2n) {margin: -54px 0;}
    .indnews { padding: 78px 0;}
    .indnews-item ul li {margin: 0 8px;}
    .indabo-video {margin-top: 6px;}
}
@media all and (max-width:1439px) {
    /* 1360 × (768) */
    .indabo-cont {padding-right: 80px;}
    .indpar-item li div {width: 160px;}
    .indpar-item li div::before {width: 114px;height: 114px;margin-top: -57px; margin-left: -57px;}
    .indpar-item li:nth-child(2n) {margin: -64px 0;}
}
@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    .index-title h2 {font-size: 32px;}
    .index-title p {font-size: 22px;}
    .indsol-loop-cont {padding: 0 88px;}
    .indabo-cont {padding-right: 48px;}
    .indpar-item li {margin-left: -1% !important;overflow: hidden;width: auto;display: inline;}
    .indpar-item li div {background: #fff;height: 100px;line-height: 100px;width: 19%;margin: 1% 0 0 1%;float: left;}
    .indpar-item li div::before {display: none;}
    .indpar-item li:nth-child(2n) { margin: 0;}
    .indnews-item ul li {margin: 0 6px;width: 24.2%;}
    .indabo-video {margin-top: 4px;}
}
@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .indsol-loop-cont {padding: 0 88px; }
    .indabo-icon ul li i {margin-top: 14px;}
    .indsol {background-position: center top; padding-top: 38px;}
    .indban .swiper-pagination {bottom: 28px;}
    .indnews-item ul li { width: 24.1%;}
    .indnews-connet p {height: 50px;font-size: 16px;line-height: 24px;}
}
@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
    .indabo-video {padding: 32px 0;}
    .indabo-video .videoPlay {height: 56px; width: 56px;}
    .indabo {padding-top: 60px;}
    .indsol {padding-top:40px;}
    .indsol-bar { margin-bottom: 40px;}
    .indsol-btn {top: 26px;}
    .indsol-btn .indsol-btn-prev,.indsol-btn .indsol-btn-next {width: 42px;height: 42px;}
    .indsol-loop-title h4 {font-size: 22px;}
    .indsol-loop-cont h4 {font-size: 22px;}
    .indsol-loop-cont p {font-size: 16px;margin-bottom: 18px;}
    .indsol-loop-cont a { width: 118px;height: 38px;line-height: 38px;font-size: 14px;}
    .indsol-loop-title i {width: 38px; height: 38px;line-height: 38px}
    .indabo-desc {margin-top: 12px;}
    /*.indabo-desc a {margin: 24px 0;height: 44px;width: 134px;line-height: 44px;}*/
    .indabo-icon-img {width: 88px;height: 86px;background-size: cover;}
    .indabo-icon-img::after {width: 70px;height: 70px;}
    .indpar { padding: 60px 0 76px;}
    .indnews { padding: 60px 0;}
    .indnews-titem {margin-bottom: 40px;}
    .indnews-item ul li {width: 24%; }
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 主题文字公共样式 */
    .index-title h2 { font-size: 34px;}
    .index-title p {font-size: 26px;margin-top: 6px;}
    .indban-wd h3 {font-size: 38px;}
    .indban-wd p {font-size: 26px;}
    .indabo-icon-img {width: 118px;height: 116px;}
    .indabo-icon-img::after {width: 88px; height: 88px;}
    .indsol-loop-cont {padding: 0 38px;}
    .indsol-loop-item img {height: 248px;object-fit: cover;}
    .indsol-bar {margin-bottom: 28px;}
    .indsol-btn {top: 32px;}
    .indsol-btn .indsol-btn-next {right: 68px;}
    .indsol-loop-title h4 {font-size: 20px; margin-bottom: 18px;}
    .indsol-loop-cont h4 {font-size: 18px; margin-bottom: 10px;}
    .indsol-loop-cont p {height: 52px; font-size: 16px; margin-bottom: 8px;line-height: 24px;}
    .indsol-loop-cont a {width: 78px;height: 28px;line-height: 28px;font-size: 12px;}
    .indabo {text-align: center;padding-top: 60px;}
    .indabo-cont {width: 100%; padding: 0;}
    .indabo-icon ul li i {font-size: 16px; }
    .indabo-video {width: 100%;margin-top: 0;}
    /*.indabo-desc a {margin: 34px auto;}*/
    .indabo-icon-img {margin: 0 auto;}
    .indabo-icon ul li i {padding: 0 0 18px;}
    .indpar-item {margin-top: 40px;}
    .indpar {padding: 40px 0 38px;}
    .indnews {padding: 40px 0;}
    .indnews-item ul li {width: 48%; }
    .indnews-item ul li:nth-child(2) { margin-right: 0; }
    .indnews-item ul li:nth-child(3) { margin-left: 0; }
    .indnews-item ul li:nth-child(1),.indnews-item ul li:nth-child(2) { margin-bottom: 20px;}
    .indnews-connet{padding: 25px;}
    .indabo{padding-bottom:0;}
    .indabo-video{padding: 24px 0;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .index-title h2 {font-size: 24px;}
    .index-title p {font-size: 18px;}
    .indsol-btn {top: 24px; }
    .indsol-btn .indsol-btn-prev,.indsol-btn .indsol-btn-next { width: 38px;height: 38px;}
    .indsol-btn .indsol-btn-next {right: 56px;}
    .indban-img-pc {display: none;}
    .indban-img-mb {display: block; min-height: 400px;}
    .indban .swiper-pagination {bottom: 20px;}
    .indpar-item li div {height: 60px;line-height: 60px;width: 32.3333333%;margin: 1% 0 0 1%;}
    .indban-wd h3 { font-size: 22px;}
    .indban-wd p {font-size: 18px; padding: 0;}
    .indabo-icon li {width: 50%;justify-content:center}
    .indnews-titem {margin-bottom: 20px;}
    .indnews-more a{font-size: 16px;}
    .indnews-item ul li {width: 100%; margin: 12px 0;}
    .indsol-loop-cont h4{font-size: 22px;}
    .indsol-loop-cont p{-webkit-line-clamp: 3;height: 72px;}
    .indabo-icon {margin-top: 20px;}
    .indsol-loop .swiper-slide {width: 100%;}
    .indsol-loop .swiper-slide:not(:first-child){margin-top: 8px;}
    .indsol-loop-cont {padding: 0 28px;}
    .indpar-item li div img {max-width: 80%;max-height: 80%;}
    .indabo-video{padding: 16px 0;}
    .indban-img::after{display: none;}
}