@charset "utf-8";
/* ===================首页样式========================== */
.indban{width: 100%;position: relative;overflow: hidden;}
.indban-img{width: 100%;}
.indban-img img{width: 100%;object-fit: cover;}
.indban-img img.pc{display: block;height: calc(100vh - 82px);}
.indban-img img.mb{display: none;}
.indban-cont{position: absolute;z-index: 2;width: 100%;height: 100%;top: 0;left: 0;display: flex;align-items: center;justify-content: center;color: #fff;}
.indban-cont h2{font-size: 60px;font-weight: 700;line-height: 1.18;}
.indban-cont img{max-width: 100%;display: block;margin-top: 24px;}
.indban-cont p{font-size: 14px;line-height: 26px;max-width: 530px;font-weight: 300;margin-top: 44px;text-align: justify;text-justify: distribute;}
/* 效果 */
.indban-cont h2, .indban-cont img, .indban-cont p{opacity: 0;}
.swiper-slide-active .indban-cont h2{animation: indbanUp 1s ease both 0.9s;}
.swiper-slide-active .indban-cont img{animation: indbanUp 1s ease both 1s;}
.swiper-slide-active .indban-cont p{animation: indbanUp 1s ease both 1.1s;}
.swiper-slide-active.on .indban-cont h2{animation: indbanUp 1s ease both 0.4s;}
.swiper-slide-active.on .indban-cont img{animation: indbanUp 1s ease both 0.5s;}
.swiper-slide-active.on .indban-cont p{animation: indbanUp 1s ease both 0.6s;}
@keyframes indbanUp{0%{opacity: 0;transform: translateY(200px);}100%{opacity: 1;transform: translateY(0);}}
.indban .swiper-pagination{bottom: 60px;padding: 0 220px;text-align: right;}
.indban .swiper-pagination-bullet {width: 16px;height: 16px;background: #fff;margin: 0 10px !important;}
.indban .swiper-pagination-bullet-active {opacity: 1;background: #d6ac78;}

.indTitle{width: 100%;text-align: center;}
.indTitle h2{font-size: 42px;color: #333;line-height: 1;margin-bottom: 26px;font-weight: 700;}
.indTitle p{font-size: 16px;color: #777;line-height:32px;max-width:1250px;margin:0 auto;text-align:left}
.indTitle.white h2, .indTitle.white p{color: #fff;}

.indMore{display: flex;align-items: center;justify-content: center;width: 146px;height: 50px;background: #47c3f1;border-radius: 25px;overflow: hidden;font-size: 16px;color: #fff;position: relative;}
.indMore span{position: relative;z-index: 2;}
.indMore::before, .indMore::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;transition: all .4s ease;}
.indMore::before{background: linear-gradient(135deg,#6de5ff,#3aabe8);}
.indMore::after{background: linear-gradient(135deg,#3aabe8,#6de5ff);opacity: 0;}
.indMore:hover::before{opacity: 0;}
.indMore:hover::after{opacity: 1;}

.indcp{width: 100%;padding-top:100px;overflow: hidden;}
.indcpmenu{width: 100%;}
.indcploop{width: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;padding: 70px 0 100px;position:relative;z-index:1;margin-top: 32px}
.indcploop .contain-1520{position: relative}
.indcploop-items{width: 100%;padding: 0 100px;}
.indcploop-link{display: block;width: 100%;background: #fff;border-radius: 10px;overflow: hidden;}
.indcploop-link-img{display: flex;overflow: hidden;position: relative;
    height: 278px;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #dddddd;
}
.indcploop-link-img::after{content: "";position: absolute;width: 50px;height: 100%;background: #fff;top: 0;left: -86%;opacity: 0.4;transform: skewX(45deg);}
.indcploop-link-img img{
    transition: all .8s ease;
    max-width: 90%;
    max-height: 90%;
    height: auto;
}
.indcploop-link-cont{
    padding: 34px 40px;
}
.indcploop-link-cont h2{font-size: 22px;color: #333;line-height: 1;position: relative;}
.indcploop-link-cont h2 a{transition: all .4s ease;}
.indcploop-link-cont h2 a:hover{color: #47c3f1}
.indcploop-link-cont p{font-size: 15px;margin: 16px 0 20px;color: #888;line-height: 22px;height: 70px;text-align: justify;text-justify: distribute;overflow: hidden;-webkit-line-clamp: 3;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.indcploop-link-more{display: flex;transition: all .4s ease;font-size: 15px;color: #29abdc;align-items: center;line-height: 1}
.indcploop-link-more i{
    display: block;
    width: 15px;
    height: 15px;
    margin-left: 8px;
    background: url(../images/common/arrR-blue.svg) no-repeat center;
    transition: transform .4s ease;
}
.indcploop-link-more:hover i{
    transform: translateX(-5px);
}
.indcploop-link-img:hover::after{left: 156%;transition: all 1s ease;}
.indcploop-prev, .indcploop-next{width: 60px;height: 60px;border-radius: 50%;position: absolute;overflow: hidden;top: 50%;margin-top: -77px;cursor: pointer;border: 4px solid #47c3f1;background: url(../images/common/arrR-blue.svg) no-repeat center /20px;transition: all .4s ease;}
.indcploop-prev{left: 0;transform: rotate(180deg);}
.indcploop-next{right: 0;}
.indcploop-prev:hover, .indcploop-next:hover{border-color: #47c3f1;background-image: url('../images/common/arrRW.svg');background-color:#47c3f1}
@keyframes indcpArr{0%{background-position: left 20px center;}60%{background-position: 62px center;}60.0001%{background-position: -62px center;}100%{background-position: left 20px center;}}
.indcploop .indMore{margin: 44px auto 0;}
.indcploop .swiper-pagination{display: none;}

.indfa{width: 100%;overflow: hidden;position: relative;}
.indfa-img{width: 100%;text-align: right;}
.indfa-img img{width: 53.59%;object-fit: cover;}
.indfa-mix{position: absolute;z-index: 2;width: 100%;height: 100%;display: flex;align-items: center;top: 0;left: 0;}
.indfa-cont{width: 520px;}
.indfa-cont .indTitle{text-align: left;}
.indfa-link{width: 100%;margin: 28px 0 32px;overflow: hidden;}
.indfa-link a{display: flex;align-items: center;flex-wrap: wrap;position: relative;height: 80px;width: 45%;border-bottom: 1px solid #efefef;}
.indfa-link a::after{content: "";width: 8px;height: 100%;position: absolute;right: 0;top: 0;background: url('../images/index/indfaArr.png') no-repeat center;opacity: 0;transform: translateX(-20px);transition: all .4s ease;}
.indfa-link a:nth-child(2n+1){float: left;}
.indfa-link a:nth-child(2n){float: right;}
.indfa-link a i{display: block;width: 60px;}
.indfa-link a i img{max-width: 44px;}
.indfa-link a p{font-size: 18px;color: #444;transition: all .4s ease;}
.indfa-link a:hover p{color: #47c3f1}
.indfa-link a:hover::after{opacity: 1;transform: translateX(0);transition: all .4s ease .2s;}

.indxw{width: 100%;background-repeat: no-repeat;background-size: cover;background-position: top center;padding: 136px 0 70px;}
.indxw .contain-1520{width: 1600px;}
.indxw-mix{width: 100%;position: relative;overflow: hidden;padding: 0 40px;}
.indxw .indTitle{text-align: left;float: left;width: auto;}
.indxw-bm{float: right;display: flex;}
.indxw-btn{margin-right: 40px;}
.indxw-btn>div{width: 58px;height: 58px;cursor: pointer;display: inline-block;vertical-align: middle;position: relative;border-radius: 50%;background: url('../images/index/indcpArrB.png') no-repeat center;transition: all .4s ease;}
.indxw-prev{transform: rotate(180deg);margin-right: 12px;}
.indxw-btn>div::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: url('../images/index/indxwqq.png') no-repeat center/100% 100%;transform: scale(0.68);opacity: 0;transition: all .4s ease;}
.indxw-btn>div:hover{background-image: url('../images/index/indcpArrH.png');}
.indxw-btn>div:hover::after{opacity: 1;transform: scale(1);}
.indxw-loop{width: 100%;margin-top: 30px;height: 483px;}
.indxw-loop .swiper-container{padding: 10px 16px 30px;}
.indxw-link{display: block;transform: scale(1);transition: all .6s ease;width: 100%;box-shadow: 6px 6px 16px 0 rgba(0, 0, 0, 0.1);overflow: hidden;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.indxw-link-img{width: 100%;overflow: hidden;height:332px}
.indxw-link-img img{width: 100%;object-fit: cover;transition:all 1s ease;height:100%}
.indxw-link:hover img{transform:scale(1.04)}
.indxw-link-mix{width: 100%;overflow: hidden;background: #fff;}
.indxw-link-date{width: 80px;float: left;position: relative;font-family: Arial;font-weight: 400;color: #afafaf;display: flex;flex-direction: column;justify-content: center;height: 110px;text-align: center;transition: all .4s ease;}
.indxw-link-date span{font-size: 33px;line-height: 1;position: relative;z-index: 2;}
.indxw-link-date p{font-size: 14px;position: relative;z-index: 2;}
.indxw-link-date::before, .indxw-link-date::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;transition: all .4s ease;}
.indxw-link-date::before{background: linear-gradient(to right,#fff,#f6f6f6);}
.indxw-link-date::after{background: linear-gradient(135deg,#6de5ff,#3aabe8);opacity: 0;}
.indxw-link-cont{width: calc(100% - 80px);float: right;display: flex;align-items: center;padding: 0 42px;height: 110px;}
.indxw-link-cont h2{font-size: 20px;color: #555;transition: all .4s ease;line-height: 28px;height: 56px;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.indxw-link:hover{transform: scale(1);box-shadow: 6px 6px 16px 0 rgba(71, 195, 241, 0.2);}
.indxw-link:hover .indxw-link-cont h2{color: #47c3f1;}
.indxw-link:hover .indxw-link-date{color: #fff;}
.indxw-link:hover .indxw-link-date::before{opacity: 0;}
.indxw-link:hover .indxw-link-date::after{opacity: 1;}

.indgy{width: 100%;background-repeat: no-repeat;background-size: cover;background-position: top center;padding: 150px 0 120px;}
/* ---- */
.indgy .indMore{margin: 62px auto 0;}
.indgy-num{display: flex;width: 100%;overflow: hidden;margin-top: 50px;flex-wrap: wrap;}
.indgy-num li{width: 25%;text-align: center;color: #fff;position: relative;float: left;}
.indgy-num li h6{line-height: 1;font-size: 80px;font-weight: 700;font-family:'DINCond';}
.indgy-num li p{line-height: 1;font-size: 16px;margin-top: 2px;}
.indgy-num li::after{content: "";border: 1px dashed rgba(255,255,255,.5);position: absolute;right: 0;top: 0;height: 100%;}
.indgy-num li:last-child:after{display: none;}

.indkq{width: 100%;background-repeat: no-repeat;background-size: cover;background-position: top center;padding: 140px 0 120px;}
.indkq .indTitle{text-align: left;float: left;width: auto;}
.indkq .indxw-mix{padding: 0 0 20px;border-bottom: 1px solid #e7e7e7;}
.indkq-mix{width: 100%;margin-top: 40px;display: flex;justify-content: space-between;}
.indkq-cont{width: auto;}
.indkq-cont-list{display: block;width: 100%;}
.indkq-cont-list li{display: block;margin-top: 14px;padding-left: 42px;font-size: 16px;color: #444;line-height: 30px;}
.indkq-cont-list li:first-child{margin-top: 0;}
.indkq-cont-list li i{display: inline-block;width: 20px;}
.indkq-cont-list li.dz{background: url('../images/index/indkq1.png') no-repeat left top;}
.indkq-cont-list li.dh{background: url('../images/index/indkq2.png') no-repeat left top 2px;}
.indkq-cont-list li.cz{background: url('../images/index/indkq3.png') no-repeat left top 1px;}
.indkq-cont-list li.yx{background: url('../images/index/indkq4.png') no-repeat left top 5px;}
.indkq-cont-more{display: flex;align-items: center;justify-content: center;transition: all .4s ease;width: 148px;height: 50px;border-radius: 25px;border: 2px solid #47c3f1;font-size: 18px;color: #29abdc;font-weight: 700;margin-top: 46px;}
.indkq-cont-more:hover{background: #47c3f1;color: #fff;}
.indkq-code-li{display: inline-block;vertical-align: top;margin-left: 50px;text-align: center;}
.indkq-code-li:first-child{margin-left: 0;}
.indkq-code-li img{width: 131px;height: 131px;}
.indkq-code-li p{font-size: 16px;color: #444;line-height: 1;margin-top: 12px;}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .indxw .contain-1520 {width: 1480px;}
    .indxw-loop{height: 456px;}
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .indban-cont h2 {font-size: 44px;}
    .indban-cont p {margin-top: 32px;}
    .indcp {padding-top: 100px;}
    .indTitle h2 {font-size: 34px;margin-bottom: 20px;}
    .indcploop {padding: 70px 0 80px}
    .indcploop-link-img{height: 220px}
    .indcploop-link-cont{padding: 30px 20px}
    .indfa-cont {width: 450px;}
    .indfa-link a {height: 70px;width: 46%;}
    .indxw {padding: 100px 0 50px;}
    .indxw .contain-1520 {width: 1280px;}
    .indxw-link-cont {padding: 0 32px;}
    .indxw-loop{height: 412px;}
    .indgy {padding: 120px 0 100px;}
    .indgy-num li h6{font-size: 68px;}
    .indkq {padding: 110px 0 100px;}
    .indban .swiper-pagination {bottom: 40px;padding: 0 160px;}
    .indxw-link-img{height:270px}
    .indTitle p{max-width:1020px}
}

@media all and (max-width:1439px) {
    /* 1360 */
    .indcploop-prev{left: 24px;}
    .indcploop-next{right: 24px;}
}

@media all and (max-width:1359px) {
    /* 1280 */
    .indcploop-prev{left: 42px;}
    .indcploop-next{right: 42px;}
    .indcploop-prev, .indcploop-next {width: 50px;height: 50px;margin-top: -72px}
    @keyframes indcpArr{0%{background-position: left 16px center;}60%{background-position: 62px center;}60.0001%{background-position: -62px center;}100%{background-position: left 16px center;}}
}

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .indban-cont h2 {font-size: 36px;}
    .indcp {padding-top: 80px;}
    .indTitle h2 {font-size: 28px;margin-bottom: 16px;}
    .indcploop-prev{left: 10px;}
    .indcploop-next{right: 10px;}
    .indcploop {padding: 80px 0 60px;}
    .indfa-img img{min-height: 540px;}
    .indfa-cont {width: 390px;}
    .indxw .contain-1520 {width: 1040px;}
    .indxw-loop {height: 474px;margin-top: 16px;}
    .indxw {padding: 80px 0 50px;}
    .indgy {padding: 90px 0 80px;}
    .indgy-num li h6 {font-size: 56px;}
    .indgy-num li{padding: 0 12px;}
    .indgy-num li p{line-height: 24px;}
    .indgy .indMore {margin-top: 50px;}
    .indkq {padding: 90px 0 80px;}
    .indban .swiper-pagination {bottom: 40px;padding: 0 120px;}
    .indcploop-items{padding: 0 80px}
    .indxw-link-img{height:320px}
    .indTitle p{max-width:830px}
}

@media all and (max-width:1151px) {
    /* 1024 */
    .indban-img img.pc{height: auto;min-height: 540px;}
    .indxw .contain-1520{width: 960px;}
    .indxw-mix {padding: 0;}
    .indxw-loop .swiper-container {padding: 0;}
    .indxw-link {transform: scale(1); box-shadow: none;}
    .indxw-loop {height: 418px;margin-top: 40px;}
    .indcploop-items{padding: 0 80px;}
    .indxw-link-cont{background: linear-gradient(to left,#fff,#f6f6f6);border-left: 1px solid #dedede;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .indxw .contain-1520{width: 92%;}
    .indfa-img img{width: 100%;min-height: auto;}
    .indfa-mix {position: static;padding: 40px 0 60px;}
    .indfa-cont{width: 100%;}
    .indxw-loop {height: 334px;}
    .indkq-code-li {margin-left: 30px;}
    .indkq-mix{display: block;}
    .indkq-cont{width: 100%;}
    .indkq-code{width: 100%;margin-top: 52px;}
    .indgy-num li h6 {font-size: 48px;}
    .indban .swiper-pagination {bottom: 20px;padding: 0 100px;}
    .indxw .indTitle{width: 100%;}
    .indxw-bm{width: 100%;margin-top: 16px;justify-content: space-between;flex-direction: row-reverse;}
    .indkq .indxw-bm{justify-content: flex-start;flex-direction: row;}
    .indcploop-link-cont h2{font-size: 20px}
    .indcploop-link-cont p{margin: 15px 0}
    .indcploop-link-cont{padding: 20px 15px}
    .indcploop .indMore{margin-top: 30px}
    .indxw-link-img{height:270px}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .indban-img img.pc{display: none;}
    .indban-img img.mb{display: block;min-height: 500px;}
    .indban-cont h2 {font-size: 24px;}
    .indban-cont img {margin-top: 18px;}
    .indban-cont p {margin-top: 18px;line-height: 24px;}
    .indban .swiper-pagination {bottom: 20px;padding: 0;text-align: center;}
    .indban .swiper-pagination-bullet {width: 12px;height: 12px;margin: 0 6px !important;}
    .indcp {padding-top: 40px;}
    .indTitle h2 {font-size: 24px;margin-bottom: 12px;}
    .indcploop {padding: 28px 0 40px;}
    .indcploop-prev{left: 0;}
    .indcploop-next{right: 0;}
    .indcploop-prev, .indcploop-next {display: none;border-width: 2px;width: 36px;height: 36px;margin-top: -72px;background-position: left 11px center;}
    @keyframes indcpArr{0%{background-position: left 11px center;}60%{background-position: 50px center;}60.0001%{background-position: -50px center;}100%{background-position: left 11px center;}}
    .indcploop-items {padding: 0;}
    .indcploop-link-img img{max-height: 100%;object-fit: cover;width: auto;max-width: 100%;}
    .indcploop-link-cont h2 {font-size: 18px}
    .indcploop-link-cont p {line-height: 24px;height: 48px;margin: 10px 0}
    .indMore {width: 140px;height: 42px;}
	.indfa-cont .indMore{margin: 44px auto 0;}
    .indcploop .indMore {margin-top: 22px;}
    .indcploop .contain-1520 {height: 500px;}
    .indfa-mix {padding: 28px 0 40px;}
    .indfa-link a:hover p {font-size: 18px;}
    .indfa-link a::after{display: none;}
    .indfa-link {margin: 16px 0 28px;}
    .indxw {padding: 40px 0;}
    .indxw-btn>div{width: 42px;height: 42px;}
    .indxw-btn {margin-right: 24px;}
    .indxw-link-img img{height: 220px;}
    .indxw-loop {height: 310px;margin-top: 32px;}
    .indxw-link-date span {font-size: 28px;}
    .indxw-link-date{width: 68px;height: 90px;}
    .indxw-link-cont h2 {font-size: 18px;line-height: 26px;height: 52px;}
    .indxw-link-cont {width: calc(100% - 68px);padding: 0 20px;height: 90px;}
    .indgy {padding: 40px 0;}
    .indgy-num li{width: 50%;}
    .indgy-num li:nth-child(n+3){margin-top: 20px;}
    .indgy-num li:nth-child(2n):after{display: none;}
    .indgy-num li h6 {font-size: 36px;}
    .indgy-num li p {line-height: 22px;}
    .indgy-num {margin-top: 32px;}
    .indgy .indMore {margin-top: 36px;}
    .indkq {padding: 40px 0;}
    .indkq-mix {margin-top: 28px;}
    .indkq-cont-list li {margin-top: 10px;}
    .indkq-cont-more {width: 140px;height: 42px;font-size: 16px;margin-top: 24px;}
    .indkq-code {margin-top: 36px;}
    .indkq-code-li {margin-left: 24px;}
    .indkq-code-li img {width: 120px;height: 120px;}
    .indcploop .swiper-pagination{display: block;bottom: 0;}
    .indcploop .swiper-pagination-bullet {width: 10px;height: 10px;background: #000;;}
    .indcploop .swiper-pagination-bullet-active {background: #3aabe8;}
    .indcploop .swiper-wrapper{padding-bottom: 32px;}
    .indgy .indTitle p{text-align: justify;text-justify: distribute;font-size:14px;line-height:24px}
    @keyframes indbanUp{0%{opacity: 0;transform: translateY(100px);}100%{opacity: 1;transform: translateY(0);}}
    .indkq-cont-list li i {display: block;}
    .indxw-link-img{height:220px}
}