/* ===================首页样式========================== */
.indban{width: 100%;overflow: hidden;position: relative;}
.indban-img{width: 100%;position: relative;}
.indban-imgpc,.indban-imgmb{width: 100%;object-fit: cover;}
.indban-imgpc{display: block;}
.indban-imgmb{display: none;}
.indban-wd{width: 100%;position: absolute;z-index: 2;top: 50%;left: 0;transform: translateY(-50%);transition: all .4s ease;color: #fff;}
.indban-wd p{font-size: 30px;}
.indban-wd h6{font-size: 110px;text-transform: uppercase;line-height: 1em;margin: 8px 0 15px;}
.indban-wd img{width: auto;}
.indban-wd p, .indban-wd h6, .indban-wd img{opacity: 0;}
.swiper-slide-active .indban-wd p{animation: indbanWd 1s ease both .8s;}
.swiper-slide-active .indban-wd h6{animation: indbanWd 1s ease both 1s;}
.swiper-slide-active .indban-wd img{animation: indbanWd 1s ease both 1.2s;}
@keyframes indbanWd{0%{opacity: 0;transform: translateX(100px);}100%{opacity: 1;transform: translateX(0);}}
.indban .swiper-pagination{bottom: 42px;z-index: 2;}
.indban .swiper-pagination-bullet{width: 6px;height: 6px;background: #fff !important;opacity: 1;margin: 0 16px !important;position: relative;}
.indban .swiper-pagination-bullet::after{content: "";opacity: 0;transition: all .4s ease;width: 18px;height: 18px;border-radius: 50%;border: 2px solid #fff;position: absolute;left: 50%;top: 50%;margin-left: -9px;margin-top: -9px;}
.indban .swiper-pagination-bullet-active::after{opacity: 1;}

.indTitle{width: 100%;text-align: center;font-family: Arial;}
.indTitle h4{font-size: 45px;color: #333;font-weight: 700;margin-bottom: 14px;text-transform: capitalize;}
.indTitle p{font-size: 14px;color: #d5b99d;text-transform: uppercase;}
.indTitle.white h4, .indTitle.white p{color: #fff;}

.indpro{width: 100%;overflow: hidden;}
.indpro-bar{width: 100%;background: linear-gradient(to bottom,#fff,#ededed);padding: 110px 0 140px;}
.indpro-item{width: 100%;padding-bottom: 84px;background: url('../image/indProBg.jpg') no-repeat center/cover;}
.indpro-menu{width: 100%;margin-top: -82px;user-select: none;}
.indpro-menu a{float: left;width: 33.3333%;position: relative;display: flex;align-items: center;background: #fff;height: 180px;padding: 0 60px;}
.indpro-menu a:first-child{border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.indpro-menu a:last-child{border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
.indpro-menu-img{width: 88px;float: left;position: relative;z-index: 2;}
.indpro-menu-img img{max-width: 100%;}
.indpro-menu-img-s{display: block;}
.indpro-menu-img-h{display: none;}
.indpro-menu-wd{width: calc(100% - 88px);padding-left: 16px;position: relative;z-index: 2;}
.indpro-menu-wd h4{font-size: 20px;color: #333;margin-bottom: 6px;transition: all .4s ease;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.indpro-menu-wd p{font-size: 14px;color: #999;line-height: 18px;height: 36px;transition: all .4s ease;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.indpro-menu a::after{content: "";transition: all .6s ease;width: 100%;height: 210px;position: absolute;top: -15px;left: 0;background: linear-gradient(135deg,#02bbdd,#2ddae5);border-radius: 10px;opacity: 0;transform: scale(0);}
.indpro-menu a.ontrue::after{opacity: 1;transform: scale(1);}
.indpro-menu a.ontrue .indpro-menu-img-s{display: none;}
.indpro-menu a.ontrue .indpro-menu-img-h{display: block;}
.indpro-menu a.ontrue .indpro-menu-wd h4{color: #fff;}
.indpro-menu a.ontrue .indpro-menu-wd p{color: #fff;}
.indpro-loop{width: 100%;margin-top: 68px;}
.indpro-contimg{width: 100%;}
.indpro-cont{width: calc(100% - 480px);float: left;}
.indpro-cont-desc{width: 100%;color: #fff;}
.indpro-cont-desc h4{font-size: 34px;font-weight: 700;margin-bottom: 16px;}
.indpro-cont-desc p{font-size: 15px;color: #fff;line-height: 24px;height: 120px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}
.indpro-cont-list{width: 100%;margin-top: 32px;color: #fff;}
.indpro-cont-list h4{font-size: 24px;font-weight: 700;}
.indpro-cont-list-data{width: 100%;margin-top: 4px;}
.indpro-cont-list-data ul{margin-left: -1%;}
.indpro-cont-list-data li{width: 24%;float: left;margin-left: 1%;margin-top: 1%;background: rgba(255, 255, 255, 0.2);border-radius: 5px;text-align: center;height: 58px;display: flex;align-items: center;justify-content: center;}
.indpro-cont-list-data img, .indpro-cont-list-data p{display: inline-block;vertical-align: middle;}
.indpro-cont-list-data p{font-size: 17px;color: #fff;text-transform: uppercase;margin-left: 10px;}
.indpro-cont-more{width: 100%;margin-top: 48px;}
.indLink{display: block;font-size: 15px;color: #fff;position: relative;width: 200px;height: 52px;line-height: 48px;border-radius: 26px;text-align: center;overflow: hidden;}
.indLink:active{color: #fff;}
.indLink span{position: relative;z-index: 2;padding-right: 24px;background: url('../image/indArr.png') no-repeat top 5px right;}
.indLink::before{content: "";position: absolute;width: 100%;height: 100%;border-radius: 26px;border: 2px solid #fff;left: 0;top: 0;transition: all .4s ease;}
.indLink::after{content: "";position: absolute;width: 100%;height: 100%;border-radius: 26px;left: 0;top: 0;background: linear-gradient(135deg,#f2ad30,#ed9227);opacity: 0;transition: all .4s ease;}
.indLink:hover::before{opacity: 0;}
.indLink:hover::after{opacity:1;}
.indpro-img{width: 480px;float: right;text-align: right;padding-top: 72px;}
.indpro-img img{max-width: 88%;}

.indabo{width: 100%;padding: 100px 0;position: relative;overflow: hidden;}
.indabo-city{position: absolute;width: 100%;height: 164px;left: 0;bottom: 0;background: url("../image/indAboBg.png") repeat center center;animation: cityMove 20s linear infinite;}
@keyframes cityMove{0%{background-position:0px 0px;}100%{background-position: 888px 0;}}
.indabo-list{width: 100%;margin-top: 58px;position: relative;z-index: 4;text-align: center;font-size: 0;}
.indabo-list li{position: relative;display: inline-block;vertical-align: top;padding: 0 98px;}
.indabo-list li h2{font-size: 30px;color: #38a2c1;font-weight: 700;}
.indabo-list li p{font-size: 14px;color: #999;margin-top: 8px;}
.indabo-list li::after{content: "";position: absolute;right: 0;height: 40px;border: 1px dashed #cbcbcb;top: 50%;margin-top: -20px;}
.indabo-list li:last-child::after{display: none;}
.indabo-list li:first-child{padding-left: 0;}
.indabo-list li:last-child{padding-right: 0;}

.indcom{width: 100%;position: relative;overflow: hidden;}
.indcom-img{width: 100%;object-fit: cover;}
.indcom-cont{width: 100%;position: absolute;z-index: 2;left: 0;top: 18%;}
.indcom-cont-width{max-width: 700px;}
.indcom-cont .indTitle{text-align: left;}
.indcom-cont .indTitle h4{margin-bottom: 24px;}
.indcom-cont .indTitle p{font-size: 15px;line-height: 24px;text-transform: none;}
.indcom-icon{width: 100%;margin-top: 16px;}
.indcom-icon li{display: inline-block;vertical-align: top;margin-right: 54px;text-align: center;}
.indcom-icon li:last-child{margin-right: 0;}
.indcom-icon li img{width: auto;}
.indcom-icon li p{max-width: 110px;font-size: 14px;color: #fff;line-height: 18px;margin-top: 8px;}
.indcom-more{width: 100%;margin-top: 52px;}

.indapp{width: 100%;padding: 100px 0 90px;overflow: hidden;}
.indapp-list{width: 100%;margin-top: 48px;}
.indapp-list ul{margin-left: -3%;}
.indapp-list li{width: 30.3333%;float: left;margin-left: 3%;margin-top: -1px;}
.indapp-link{display: block;width: 100%;position: relative;border-radius: 10px;overflow: hidden;}
.indapp-link-wdbox{position: relative;height: 200px;display: flex;align-items: center;z-index: 1;width: 100%;transition: all .4s ease;}
.indapp-link-wd{width: 100%;text-align: center;}
.indapp-link-wd img, .indapp-link-wd p{display: inline-block;vertical-align: middle;}
.indapp-link-wd p{font-size: 18px;color: #666;font-weight: 700;text-transform: uppercase;margin-left: 24px;}
.indapp-link-wdbox::before, .indapp-link-wdbox::after{content: "";width: 100%;height: 1px;background: #d5d5d5;position: absolute;left: 0;right: 0;margin: 0 auto;transition: all .4s ease;}
.indapp-link-wdbox::before{top: 0;}
.indapp-link-wdbox::after{bottom: 0;}
.indapp-link-img{position: absolute;width: 100%;height: 100%;object-fit: cover;top: 0;left: 0;z-index: 2;opacity: 0;transition: all .4s ease;}
.indapp-link:hover .indapp-link-wdbox{opacity: 0;}
.indapp-link:hover .indapp-link-img{opacity: 1;}
.indapp-more{width: 100%;margin-top: 46px;}
.indapp-more a{margin: 0 auto;}
.indapp-more a.indLink::before{width: 36px;height: 80px;transform: skewX(-32deg);position: absolute;z-index: 1;left: -50px;top: -14px;background: rgba(255, 255, 255, .4);border-radius: 0;border: none;opacity: 1;transition: all 0s ease;}
.indapp-more a.indLink::after{opacity: 1;}
.indapp-more a.indLink:hover::before{left: 220px;transition: all 1s ease;}

.indnews{width: 100%;padding: 104px 0 100px;background: url('../image/indNewsBg.jpg') no-repeat left top/cover;overflow: hidden;}
.indnews-item{width: 100%;margin-top: 48px;}
.indnews-li{width: 49%;background: #fff;padding: 60px 50px;}
.indnews-li:first-child{float: left;}
.indnews-li:last-child{float: right;}
.indnews-li-title{width: 100%;padding-bottom: 28px;border-bottom: 1px solid #e5e5e5;}
.indnews-li-title h6{font-size: 22px;color: #222;font-weight: 700;background: url('../image/indNewsic.png') no-repeat right center;}
.indnews-li-list{width: 100%;}
.indnews-li-list a{display: block;width: 100%;overflow: hidden;margin-top: 24px;}
.indnews-li-wd{width: calc(100% - 111px);float: left;padding-right: 30px;padding-top: 6px;}
.indnews-li-wd h2{font-size: 13px;line-height: 18px;color: #777;transition: all .4s ease;height: 36px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.indnews-li-wd p{font-size: 12px;color: #999;margin-top: 8px;}
.indnews-li-img{width: 111px;float: right;overflow: hidden;}
.indnews-li-img img{width: 101%;object-fit: cover;transition: all .4s ease;}
.indnews-li-list a:hover .indnews-li-wd h2{color: #e78b25;}
.indnews-li-list a:hover .indnews-li-img img{transform: translateX(-0.8%);}
.indnews-more{width: 100%;margin-top: 48px;}
.indnews-more a{margin: 0 auto;}

.indqua{width: 100%;padding: 80px 0;overflow: hidden;}
.indqua-cont-box{width: 460px;padding-right: 40px;height: 500px;display: flex;align-items: center;float: left;}
.indqua-cont{width: 100%;}
.indqua-cont .indTitle{text-align: left;}
.indqua-cont .indTitle h4{margin-bottom: 0;margin-top: 8px;}
.indqua-cont-desc{width: 100%;margin-top: 32px;}
.indqua-cont-desc p{font-size: 14px;color: #999;line-height: 20px;}
.indqua-cont-desc a{margin-top: 58px;}
.indqua-cont-desc a.indLink::before{width: 36px;height: 80px;transform: skewX(-32deg);position: absolute;z-index: 1;left: -50px;top: -14px;background: rgba(255, 255, 255, .4);border-radius: 0;border: none;opacity: 1;transition: all 0s ease;}
.indqua-cont-desc a.indLink::after{opacity: 1;}
.indqua-cont-desc a.indLink:hover::before{left: 220px;transition: all 1s ease;}
.indqua-loop{width: calc(100% - 460px);float: right;}
.indqua-loop-imgwd{width: 100%;position: relative;padding: 8px 8px 0;background: #fff;box-shadow: 0 3px 12px 3px #e8e8e8;}
.indqua-loop-img{width: 100%;}
.indqua-loop-img img{width: 100%;object-fit: cover;}
.indqua-loop-wd{width: 100%;display: flex;align-items: center;height: 64px;justify-content: center;}
.indqua-loop-wd p{font-size: 20px;color: #888;}
.indqua-loop .swiper-slide {transition: transform 1.2s ease;transform: scale(.8);}
.indqua-loop .swiper-slide-active {transform: scale(1);z-index: 10;transition: transform 1s ease;}
.indqua-loop .swiper-container{padding: 24px 0 48px;}
.indqua-loop .swiper-pagination{bottom: 0;}
.indqua-loop .swiper-pagination-bullet {width: 12px;height: 12px;margin: 0 8px !important;}
.indqua-loop .swiper-pagination-bullet-active {background: #ed9227;}




/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .indban-wd p{font-size: 28px;}
    .indban-wd h6{font-size: 88px;}
    .indban-wd img{width: 380px;}
    .indban .swiper-pagination{bottom: 28px;}
    .indpro-bar {padding: 88px 0 128px;}
    .indpro-menu a {height: 160px;padding: 0 28px;}
    .indpro-menu a::after{height: 190px;}
    .indpro-menu{margin-top: -70px;}
    .indpro-loop {margin-top: 62px;}
    .indpro-cont-desc p {line-height: 22px;height: 110px;}
    .indpro-cont-desc h4 {font-size: 30px;margin-bottom: 12px;}
    .indpro-cont-list-data li{height: 52px;}
    .indpro-cont-list-data p{font-size: 15px;}
    .indpro-cont-list {margin-top: 26px;}
    .indpro-cont-more {margin-top: 40px;}
    .indLink {width: 180px;height: 48px;line-height: 44px;}
    .indpro-img {padding-top: 58px;}
    .indpro-item {padding-bottom: 74px;}
    .indabo {padding: 88px 0;}
    .indabo-list li h2{font-size: 26px;}
    .indabo-list li p{line-height: 18px;padding: 0 20px;}
    .indabo-list {margin-top: 44px;}
    .indcom-icon li{margin-right: 40px;}
    .indcom-more {margin-top: 40px;}
    .indcom-cont-width {max-width: 660px;}
    .indcom-cont{top: 12%;}
    .indapp-link-wdbox{height: 170px;}
    .indapp {padding: 88px 0 80px;}
    .indnews {padding: 88px 0 80px;}
    .indnews-li {padding: 40px 32px;}
    .indnews-more {margin-top: 40px;}
    .indnews-li-wd{padding-right: 24px;}
    .indapp-more {margin-top: 40px;}
    .indqua-cont-desc {margin-top: 24px;}
    .indqua-cont-desc a {margin-top: 40px;}
    .indqua-cont-box{height: 400px;}
    .indqua {padding: 68px 0;}
    .indnews-li-list a {margin-top: 20px;}
    .indabo-list li{padding: 0 24px;}
    .indTitle h4 {font-size: 40px;margin-bottom: 10px;}
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    .indcom-img{min-height: 470px;}
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .indabo-list li{width: 360px;}
    .indapp-link-wdbox {height: 160px;}
    .indqua-cont-box {height: 360px;}
    .indTitle h4 {font-size: 36px;margin-bottom: 6px;}
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
    .indban-wd p {font-size: 24px;}
    .indban-wd h6 {font-size: 72px;}
    .indban-wd img{width: 350px;}
    .indpro-cont-list-data li{width: 32.3333%;}
    .indabo-list li h2 {font-size: 22px;}
    .indabo-list li {width: 290px;}
    .indapp-link-wdbox {height: 138px;}
    .indTitle h4{font-size: 32px;}
    .indnews-li-title {padding-bottom: 24px;}
    .indqua-cont-box{width: 400px;}
    .indqua-loop {width: calc(100% - 400px);}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .indban-wd p {font-size: 20px;}
    .indban-wd h6 {font-size: 60px;}
    .indban-wd img {width: 300px;}
    .indpro-menu a{width: 100%;border-radius: 10px;margin-top: 16px;height: 140px;}
    .indpro-menu a::after{height: 100%;top: 0;}
    .indpro-menu a:first-child{margin-top: 0;}
    .indpro-menu{margin-top: 0;}
    .indpro-item {padding: 60px 0 68px;}
    .indpro-bar {padding: 68px 0 80px;}
    .indpro-img{width: 380px;padding-top: 20px;}
    .indpro-cont {width: calc(100% - 380px);}
    .indpro-cont-list-data li{width: 49%;}
    .indabo-list li::after{display: none;}
    .indabo-list li{width: 100%;padding: 0;margin-top: 28px;}
    .indabo-list li:first-child{margin-top: 0;}
    .indapp-link-wdbox {height: 120px;}
    .indnews-li{width: 100%;}
    .indnews-li:last-child{margin-top: 24px;}
    .indqua-cont-box {height: auto;width: 100%;padding-right: 0;}
    .indqua-loop{width: 100%;margin-top: 24px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .indban-imgpc{display: none;}
    .indban-imgmb{display: block;min-height: 320px;}
    .indban .swiper-pagination-bullet{margin: 0 12px !important;}
    .indban .swiper-pagination {bottom: 18px;}
    .indban-wd p {font-size: 16px;}
    .indban-wd h6 {font-size: 48px;margin: 4px 0 10px;}
    .indban-wd img {width: 236px;}
    .indTitle h4 {font-size: 28px;margin-bottom: 4px;}
    .indpro-bar {padding: 40px 0 44px;}
    .indpro-item {padding: 40px 0 44px;}
    .indpro-menu-img{width: 58px;}
    .indpro-menu-wd {width: calc(100% - 58px);}
    .indpro-menu-wd h4 {font-size: 18px;margin-bottom: 4px;}
    .indpro-menu a{padding: 0 20px;height: 110px;overflow: hidden;}
    .indpro-menu a::after{width: 102%;left: -1%;}
    .indpro-loop {margin-top: 32px;}
    .indpro-cont{width: 100%;}
    .indpro-cont-desc h4 {font-size: 24px;margin-bottom: 8px;}
    .indpro-cont-list h4{font-size: 20px;}
    .indpro-cont-list {margin-top: 20px;}
    .indpro-cont-list-data p {font-size: 14px;}
    .indpro-img{width: 100%;}
    .indpro-img img {max-width: 100%;}
    .indabo-list li h2 {font-size: 20px;}
    .indabo-list {margin-top: 28px;}
    .indabo {padding: 42px 0;}
    .indabo-list li {margin-top: 24px;}
    .indpro-cont-more {margin-top: 32px;}
    .indcom-cont .indTitle h4 {margin-bottom: 18px;}
    .indcom-cont{top: 40px;}
    .indcom-icon li {width: 70px;margin-right: 10px;}
    .indcom-icon li p {font-size: 12px;line-height: 14px;}
    .indcom-more {margin-top: 32px;}
    .indLink {width: 160px;height: 44px;line-height: 40px;}
    .indcom-img {min-height: 416px;}
    .indcom::after{content: "";position: absolute;width: 100%;height: 100%;background: #000;opacity: 0.2;top: 0;left: 0;}
    .indapp {padding: 44px 0 40px;}
    .indapp-list li{width: 47%;}
    .indapp-link-img{display: none;}
    .indapp-link-wdbox{opacity: 1 !important;height: 154px;}
    .indapp-link-wd p{display: block;width: 100%;margin-left: 0;margin-top: 12px;}
    .indapp-list {margin-top: 32px;}
    .indapp-more {margin-top: 32px;}
    .indnews {padding: 44px 0 40px;}
    .indnews-item {margin-top: 32px;}
    .indnews-li {padding: 28px 20px;}
    .indnews-li-title h6{font-size: 20px;}
    .indnews-li-title {padding-bottom: 20px;}
    .indnews-li-wd {padding-right: 16px;}
    .indnews-li-list a {margin-top: 16px;}
    .indqua {padding: 40px 0 32px;}
    .indqua-cont-desc {margin-top: 20px;}
    .indqua-cont-desc a {margin-top: 32px;}
    .indqua-loop .swiper-container {padding: 18px 18px 40px;}
    .indqua-loop {margin-top: 20px;}
    .indqua-loop .swiper-pagination-bullet {width: 10px;height: 10px;margin: 0 6px !important;}
}