@charset "utf-8";

/* ===================首页样式========================== */
.container-wrapper{ margin-top: 0;}
.site-down .header-wrapper{background: transparent;box-shadow: none;}
.site-down .header-navmenu,.site-down .header-langlink{  color: #fff;}
.site-down .header-search-click{background:  no-repeat center;}
.site-down .header-lang i{background:  no-repeat left center;}
.site-down .header-logo .logo-a{display: none;}
.site-down .header-logo .logo-b{display: block;}
.site-down .header-navmenu::after{background:#fff;}


.indban { width: 100%; overflow: hidden; position: relative;}

.indban-img { width: 100%; position: relative;}
.indban-img-pc,.indban-img-mb { width: 100%; object-fit: cover;}
.indban-img-pc { display: block;}
.indban-img-mb { display: none;}
.indban .swiper-pagination { bottom: 54px; z-index: 2;}
.indban .swiper-pagination-bullet { position: relative;border: 1px solid rgba(255, 255, 255, 0);background: transparent; opacity: 1;}
.indban .swiper-pagination-bullet::after {content: ''; width: 6px; height: 6px; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #a1b9de;}
.indban .swiper-pagination-bullet-active.swiper-pagination-bullet::after { background-color:#0058cc;}
.indban .swiper-pagination-bullet-active.swiper-pagination-bullet {  border: 3px solid rgba(255, 255, 255, .4);}
.indban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 10px; width: 38px; height: 38px;}
.indban .swiper-pagination-bullet svg { width: 38px; height: 38px; position: absolute; z-index: 10; left: -4px; top: -3px; transform: rotate(-90deg);}

.ring { z-index: 1000; fill: transparent; stroke: #fff; stroke-width: 3;stroke-dasharray: 146;stroke-dashoffset:0;stroke-linecap: round;opacity: 0;  }
.indban .swiper-pagination-bullet-active.swiper-pagination-bullet .ring {opacity: 1;animation: show100 5.2s linear;}
@keyframes show100 { 0%{stroke-dashoffset: 146 ; } 100%{ stroke-dashoffset: 0;} }



.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:30px;color: #222c38;font-family: 'pingfang';}
.index-title p { display: block;margin-top: 5px;font-size: 24px;color: #555c64;}
.indabo { padding: 124px 0 40px 0; background-color: #e5ebf3;}
.indabo-cont {float: left; width: 57%; position: relative; padding-right: 160px;}
.indabo-cont::before {content: ""; position: absolute; filter: blur(2px); z-index: -1; background:  no-repeat left top/100% auto; width: 96%; height: 100%; top: 0px; left: 0px;overflow: hidden;}
.indabo-desc { margin-top: 38px;}
.indabo-desc p { font-size: 16px; color: #555c64;line-height: 30px;}
.indabo-desc a {display: block;height: 45px; width: 130px;margin: 70px 0;line-height: 45px;font-size: 16px;color:  #5076b4;border: 1px solid  #5076b4;border-radius: 30px;text-align: center;transition: all .4s ease;}
.indabo-desc a:hover{background: #5076b4;color: #fff}
.indabo-icon {padding-left: 26px;width: 100%;}
.indabo-icon li {float: left;width: 25%;transition: all .4s ease;}
.indabo-icon-img {width: 118px; height: 116px; line-height: 116px; position: relative; cursor: pointer;transition: all .4s ease;}
.indabo-icon-img:before{content:'';background: ;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: ;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: #5476a0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);transition: all .4s ease;}
.indabo-icon-img:hover::after { background: #0058cc;transition: all .4s ease;}
.indabo-icon ul li i {font-style: normal;font-size: 20px;color: #4e5155;display: block;margin-top: 20px;padding: 0 44px;text-align: center;cursor: pointer;}
.indabo-icon ul li i:hover {color: #5076b4;transition: all .4s ease;}
.indabo-icon ul li i:nth-of-type(1) {padding-left: 0;}
.indabo-icon ul li i:nth-of-type(4) { padding-right: 0;}
.indabo-video { float: right; width: 43%;text-align: center;position: relative;}
.indabo-video img { width: 100%; display: block;}
.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)  no-repeat center;border-radius: 50%;transition:all .4s ease;}
.indabo-video:hover i{transform:scale(1.2);}



.indsol { width: 100%;  background: url(/uploads/image/etdiindex/sol.png) no-repeat; background-color: #e5ebf3;padding-top: 94px;}
.indsol-bar {width: 100%;margin-bottom: 50px;position: relative}
.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)  no-repeat center;border-radius: 50%;cursor: pointer}
.indsol-btn .indsol-btn-next {height: 52px;width: 52px;background: rgba(0,0,0,.5)  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-slide {position: relative;width: 100%;}
.indsol-loop-item::after {content: "";background: #1762c4;opacity: 0.5;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.indsol-loop-item:hover::after {background: #1762c4;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%;}
.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: 24px;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: #5076b4;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: 24px;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: 130px;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #666;border-radius: 35px;background: #fff;transition:all .4s ease;}
.indsol-loop-cont a:hover{color:#5076b4;}
 .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  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: 66%;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;}
.indnews-more {position: absolute;right: 28px;top: 10px;float: right;}
.indnews-more a {display: block;font-size: 16px;color: #333333;}
.indnews-more i {display: block;width: 19px;height: 14px;position: absolute;right: -28px;top: 6px;background:  no-repeat;}
.indnews-more a:hover i {background:  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: #0058cc;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 26px;background: #f8f8f8}
.indnews-connet span {display: block;padding-bottom: 16px;font-size: 15px;color: #333333;}
.indnews-connet p {width: 100%;height: 50px;font-size:16px;color: #333333;line-height: 24px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}


/* 视频弹窗 */

.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:  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 {min-height: 348px;object-fit: cover;}
    .indban .swiper-pagination {bottom: 40px;}
    .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;}
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
    .indabo-cont {padding-right: 88px;}
    .indabo-icon ul li i {padding: 0 28px;}
    .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%;}
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .indsol-loop-cont {padding: 0 88px; }
    .indabo-icon ul li i {padding: 0 4px;}
    .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;}
    .indabo-icon ul li i {padding: 0 16px;}
    .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 适配 */
       /* 主题文字公共样式 */

    .site-down .header-wrapper{background: #fff;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);}
    .site-down .header-langlink{  color: #555;}
    .site-down .header-search-click{background:  no-repeat center;}
    .site-down .header-lang i{background:  no-repeat left center;}
    .site-down .header-logo .logo-a{display: block;}
    .site-down .header-logo .logo-b{display: none;}
    .site-down .header-navmenu::after{background:#5076b4;}


    .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 {min-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%;}
    .indabo-desc a {margin: 34px auto;}
    .indabo-icon-img {margin: 0 auto;}
    .indabo-icon ul li i {padding: 0 0 18px 0;}
    .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;}
}

@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;}
    .indban .swiper-pagination-bullet { margin: 0 10px !important;}
    .indban .swiper-pagination-bullet-active {width: 40px;}
    .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%;}
    .indnews-titem {margin-bottom: 20px;}
    .indnews-more {top: 26px;}
    .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;}
}