@charset "utf-8";
/* ===================首页样式========================== */
.banner-lun .content{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;align-items: center;}
.banner-lun .contain{display: flex;flex-direction: column;align-items: center;}
.banner-lun > img{width: 100%;}
.banner-lun > video{width: 100%;height: calc(100vh - 120px);}
.banner-lun .indbtn{width: 160px;height: 44px;border-radius: 3px;}
.banner-lun .line{width: 91px;height: 2px;background-color: #fff;}
.banner-control {position: absolute;bottom: 160px;left: 0px;z-index: 3;width: 100%;display: flex;align-items: center;}
.banner-control .swiper-pagination{position: relative;display: flex;align-items: center;}
.banner-control .swiper-pagination-bullet {width: 14px;height: 14px;background-color: #fff;opacity: 1;margin: 0px 5px;}
.banner-control .swiper-pagination-bullet-active {background: #012fa7;}
.banner-control .page{display: flex;align-items: flex-end;margin-left: 10px;}
.banner-control .this{font-size: 17px;color: #012fa7;}
.banner-control .this{font-family: "sk";}
.banner-control .leng{font-size: 14px;color: #fff;margin-left: 2px;}
.banner-control span{font-size: 14px;color: #012fa7;font-family: "sk";}
.banner-btn {position: absolute;bottom: 120px;left: 0px;width: 100%;z-index: 3;}
.banner-btn .contain{display: flex;justify-content: center;}
.banner-btn a{display: flex;justify-content: center;align-items: center;flex-direction: column; color: #fff;transition: all .4s ease;animation: backtop .6s linear infinite alternate;}
@keyframes backtop{0%{transform:translatey(0px);}100%{transform:translatey(10px);}}
.banner-btn a i{font-size: 16px;display: block;transform: rotate(-90deg);}

.indsl-list{margin-top: -40px;z-index: 2;position: relative;}
.indsl-list .list{width: calc(100%/3);background-color: #f1f3f9;border-right: 1px solid #dde1ec;padding: 22px 40px;position: relative;transition: all .4s ease;}
.indsl-list .list:hover{background-color: #012fa7;margin-top: -48px;border-right: 1px solid #012fa7;}
.indsl-list .list:last-child{border-right: 0px;}
.indsl-list .list .cont{width: calc(100% - 37px);padding-right: 10px;}
.indsl-list .list .cont .title{transition: all .4s ease;}
.indsl-list .list .cont .name{text-transform: uppercase;opacity: .5;transition: all .4s ease;}
.indsl-list .list:hover .cont .title{color: #fff;}
.indsl-list .list:hover .cont .name{color: #fff;}
.indsl-list .list .btn{width: 37px;}
.indsl-list .list .btn a{width: 37px;height: 37px;display: flex;justify-content: center;align-items: center;color: #012fa7;border-radius: 100px;transition: all .4s ease;transform: rotate(180deg);}
.indsl-list .list .btn a i{font-size: 16px;}
.indsl-list .list:hover .btn a{background-color: #fff;}
.indsl-list .list .btn a:hover{transform: rotate(135deg);} 
.indsl-list .list .hide{max-height: 0px;padding: 0px;opacity: 0;transition: all .4s ease;}
.indsl-list .list:hover .hide{max-height: 48px;padding-top: 26px;opacity: 1;}

.indtitle.fentbottom{display: flex;justify-content: space-between;align-items: flex-end;}
.indtitle.fenttop{display: flex;justify-content: space-between;align-items: flex-start;}
.indtitle .indtitle-name{line-height: 1;text-transform: uppercase;}
.indtitle .indtitle-title{line-height: 1;}

.indfw-btn a{width: 170px;height: 40px;display: flex;align-items: center;justify-content: center;border: 1px solid #f5f5f5;border-radius: 3px;box-shadow: 0px 20px 32.2px 2.8px rgba(29, 32, 136, 0.12);transition: all .4s ease;margin-left: 20px;}
.indfw-btn a.active{background-color: #012fa7;color: #fff;border: 1px solid #012fa7;}
.indfw-btn a:hover{background-color: #012fa7;color: #fff;}
.indfw-btn a.active:hover{background-color: #003fe4;}
.indfw-cont{width: 100%;position: relative;border-radius: 6px;overflow: hidden;}
.indfw-lun > img{height: 670px;}
.indfw-lun .content{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;padding: 70px;}
.indfw-lun .content .icon {height: 33px;}
.indfw-lun .content .icon img {max-height: 100%;}
.indfw-lun .content .btn{border: 1px solid #fff;border-radius: 3px;width: 160px;height: 40px;display: flex;align-items: center;justify-content: center;transition: all .4s ease;}
.indfw-lun .content .btn:hover{background-color: #012fa7;color: #fff;border: 1px solid#012fa7;}
.he_svgdonx {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;max-width: 1920px;max-height: 940px;height: 100%;z-index: 100;pointer-events: none;}
.he_svgdonx .circle {transition: all 0.56s ease-in;}
.he_svgdonx .cursor {transition: all 0.36s 0.6s;}
.he_svgdonx .cursor-circle {transition: transform 0.36s ease-in-out;transform: scale(0);opacity: 0;}
.he_svgdonx.on1 .cursor-circle {transform: scale(1);opacity: 1;}
.he_svgdonx.act .cursor-circle {transform: scale(0);transition: all 0.16s;}
.he_svgdonx .dotted-circle2 {transition: all 0s;}
.he_svgdonx.act .dotted-circle2 {r: 1260px;transition: all 2.4s cubic-bezier(.77, 0, .175, 1);}
.he_bandits {position: absolute;top: 50%;transform: translatey(-50%);right: 6.5%;z-index: 10;}
.he_bandili p{font-size: 16px;font-weight: 700;}
.he_bandili p {width: calc(100% - 30px);font-size: 18px;line-height: 1.5;color: rgba(255, 255, 255, 0.4);transition: all 0.36s;padding-right: 15px;}
.he_bandili {cursor: pointer;margin: 30px 0;display: flex;align-items: center;text-align: right;width: 100%;}
.he_bandili svg {display: inline-block;vertical-align: middle;width: 30px;height: 30px;}
.he_bandili p {width: calc(100% - 30px);font-size: 18px;line-height: 1.5;color: rgba(255, 255, 255, 0.4);transition: all 0.36s;padding-right: 15px;}
.he_bandili.act p {color: #fff;}
.he_bandili svg .circle {fill: #fff;transition: all 0.56s;}
.he_bandili.act svg .circle {opacity: 0;}
.he_bandili svg .wrapper {transition: all 0.56s;transform: scale(0);transform-origin: 50% 50%;}
.he_bandili.act svg .wrapper {transform: scale(1);}
.he_bandili .background {transform-origin: 15px 15px;stroke: #fff;-webkit-transition: stroke .2s linear;transition: stroke .2s linear;}
.he_bandili .foreground {transform-origin: 15px 15px;stroke-dasharray: 87.9646px, 87.9646px;transform: rotate(-90deg);stroke: #fff;}
.he_bandili circle {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.he_bandili.act .foreground {animation: stroke 6.1s linear 0.2s;}
@keyframes stroke {0% {stroke-dasharray: 0, 87.9646px;}100% {stroke-dasharray: 87.9646px, 87.9646px;}}


.indgy img.bg{position: absolute;top: 150px;left: 50%;transform: translatex(-50%);}
.indgy .contain{position: relative;z-index: 2;}
.indgy-title{width: 800px;}
.indgy-cont {flex-wrap: nowrap;overflow: hidden;visibility: visible;position: relative;}

/*.indgy-cont .item:first-child {margin-left: 0;}*/
/*.indgy-cont .item {overflow: hidden;width: 35.625%;position: relative;-webkit-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;margin-left: -12%;}*/
/*.indgy-cont .item.on {transition: width 0.3s linear;width: 76.8%;}*/
/*.indgy-cont .item .img {transform: skew(-18deg);transform-origin: right top;width: 100%;height: 780px;overflow: hidden;position: relative;}*/
/*.indgy-cont .item .img img {width: 100vw;height: 100vh;object-fit: cover;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: left 0.3s linear}*/
/*.indgy-cont .item:nth-child(2) .img {transform-origin: left bottom;}*/

.indgy-cont .item {overflow: hidden;width: calc(24%   14%);position: relative;-webkit-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;}
.indgy-cont .item:last-child{margin-left: -14%;}
.indgy-cont .item.on {transition: width 0.3s linear;width: 76%;}
.indgy-cont .item .img {width: 100%;height: 780px;overflow: hidden;position: relative;transform: skewx(-18deg);}
.indgy-cont .item .img img {width: 100%;height: 100%;position: absolute;top: 0;left: 0;transform: skewx(18deg);}
.indgy-cont .item:first-child .img{left: -7.5vw;}
.indgy-cont .item:first-child .img img{left: 7.5vw;}
.indgy-cont .item:last-child .img{left: auto;right: -7.5vw;}
.indgy-cont .item:last-child .img img{left: auto;right: 7.5vw;}

.indgy-show{position: absolute;left: 0px;top: 0px;display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;height: 100%;}
.indgy-show .indgy-icon{height: 66px;}
.indgy-show .indgy-icon img{max-height: 100%;}
.indgy-show .name {opacity: .2;}
.indgy-hide{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;width: 920px;padding-top: 100px;padding-left: 260px;}
.indgy-hide .name{opacity: .5;line-height: 1;}
.indgy-hide .list .li {margin-right: 95px;}
.indgy-hide .list .li .number{line-height: 1;}
.indgy-hide .list .li .number span{margin-right: 10px;}
.indgy-hide .btn{display: flex;align-items: center;}
.indgy-hide .btn i{transform: rotate(180deg);display: block;margin-left: 12px;transition: all .4s ease;}
.indgy-hide .btn:hover i{transform: translatex(10px)rotate(180deg);}
.indgy-hide {opacity: 0;}
.indgy-show {opacity: 1;transition: all .4s ease;}
.indgy-cont .item.on .indgy-show {opacity: 0;}
.indgy-cont .item.on .indgy-hide{opacity: 1;transition: all 1.8s ease;}
.indgy-cont .item:nth-child(2) .indgy-hide {width: 1180px;padding-left: 440px;}

.indxw{background: url(/template/default/images/index/indxw_bg.jpg) center no-repeat;background-size: cover;}
.indxw-btn a{border-radius: 3px;box-shadow: 0px 20px 32.2px 2.8px rgba(29, 32, 136, 0.08);width: 116px;height: 42px;display: flex;align-items: center;justify-content: center;
transition: all .4s ease;background-color: #fff;margin-left: 20px;}
.indxw-btn a:hover{background-color: #012fa7;color: #fff;}
.indxw-btn a.active{background-color: #012fa7;color: #fff;}
.indxw-svp {padding-left: calc((100% - 1400px) / 2);}
.indxw-svp .muen{margin: -16px;}
.indxw-svp .swiper-container{padding: 16px 285px 16px 16px;}
.indxw-lun{position: relative;flex-direction: column;border-radius: 6px;overflow: hidden;transition: all .4s ease;background-color: #fff;box-shadow: 0px 0px 20px 0px rgb(1 47 167 / 10%);}
.indxw-lun .img{position: absolute;top: 0px;left: 0px;height: 450px;width: 100%;opacity: 0;transition: all .4s ease;}
.indxw-lun .img::before{content: "";position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);backdrop-filter: saturate(180%) blur(12px);}
.indxw-lun .img img{width: 100%;height: 100%;}
.indxw-lun:hover{box-shadow: 0px 10px 28px 3px rgba(1, 47, 167, 0.1);} 
.indxw-lun .cont{position: relative;z-index: 2;padding: 23px 40px;}
.indxw-lun .cont span{border-radius: 3px;background-color: #012fa7;width: 67px;height: 23px;display: flex;justify-content: center;align-items: center;}
.indxw-lun .cont .hit{display: flex;justify-content: space-between;border-top: 1px solid #ececec;padding-top: 40px;}
.indxw-lun .cont .hit .number{line-height: 1;}
.indxw-lun:hover .img{opacity: 1;}
.indxw-lun .cont .title{transition: all .4s ease;}
.indxw-lun .cont .text{transition: all .4s ease;}
.indxw-lun .cont .hit {transition: all .4s ease;}
.indxw-lun .cont .hit .data{transition: all .4s ease;}
.indxw-lun .cont .hit .number{transition: all .4s ease;}
.indxw-lun:hover .cont .title{color: #fff;}
.indxw-lun:hover .cont .text{color: #fff;}
.indxw-lun:hover .cont .hit {border-top: 1px solid rgba(255, 255, 255, .2);}
.indxw-lun:hover .cont .hit .data{color: #fff;}
.indxw-lun:hover .cont .hit .number{color: #fff;}
.indxw-svp-btn {align-items: center;}
.indxw-svp-btn > div:nth-child(1){width: 170px;}
.indxw-svp-btn > div:nth-child(2){width: calc(100% - 170px);position: relative;}
.indxw-svp-btn .swiper-btn a{width: 49px;height: 49px;border: 1px solid #000;border-radius: 100px;display: flex;justify-content: center;align-items: center;transition: all .4s ease;}
.indxw-svp-btn .swiper-btn a i{font-size: 12px;color: #000;line-height: 1;}
.indxw-svp-btn .swiper-btn.prev{margin-right: 30px;}
.indxw-svp-btn .swiper-btn.next a{transform: rotatey(180deg);}
.indxw-svp-btn .swiper-btn a:hover{background-color: #012fa7;border: 1px solid #fff;}
.indxw-svp-btn .swiper-btn a:hover i{color: #fff;}
.indxw-svp-btn .swiper-pagination-progressbar {background: #e2e2e2;width: 100%;height: 2px;}
.indxw-svp-btn .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #012fa7;}

.indsd{background: url(/template/default/images/index/indsd_bg.jpg) center no-repeat;background-size: cover;}
.indsd-list .list{width: calc(100%/5);display: flex;flex-direction: column;align-items: center;}
.indsd-list .list .img{height: 50px;transition: all .4s ease;}
.indsd-list .list:hover .img{transform: translatey(-10px);}
.indsd-list .list .img img{max-height: 100%;}
.indsd-list .list .btn {display: flex;align-items: center;line-height: 1;}
.indsd-list .list .btn i{font-size: 12px;display: block;transform: rotate(180deg);margin-left: 8px;transition: all .4s ease;}
.indsd-list .list .btn:hover i{animation: indsd-list .6s linear infinite alternate;}
@keyframes indsd-list {0%{transform: translatex(0px) rotate(180deg);}100%{transform: translatex(10px) rotate(180deg);}}

.indfw-page{display: none;}

.indgy-btn{display: flex;justify-content: center;align-items: center;position: relative;width: 100%;height: 50px;}
.indgy-btn a.active{transform: rotate(180deg);display: block;}
.indgy-btn i{font-size: 28px;color: #012fa7;transform: translate3d(-50%,-50%,0) rotate(-90deg);transform-origin: 50% 50%;display: block;position: absolute;}
.indgy-btn i:nth-child(1){animation: cadxqrun 2s ease-in-out infinite;}
.indgy-btn i:nth-child(2){animation: cadxqrun 2s ease-in-out 1s infinite;}
@keyframes cadxqrun{
    0% {top: 22%;opacity: 0;}
    70% {opacity: 1;}
    100% {opacity: 0;}
}

.indgy-title .text{max-height: 50px;overflow: hidden;}

.indfw-cont{display: none;}
.indfw-cont video{width: 100%;}
.indfw-cont.active{display: block;}

.banner-lun > img{height: calc(100vh - 120px);}

.indpr-bgimg {overflow: hidden;} 
.indpr-bgimg img{display: none;}
.indpr-bgimg img.active{display: block;animation: bgimg 1.8s ease both;}
@keyframes bgimg {0%{opacity: 0;transform: scale(1);}100%{opacity: 1;transform: scale(1.04);}}
.indpr-cont{position: relative;}
.indpr-list{position: absolute;top: 0px;left: 0px;height: 100%;justify-content: space-between;z-index: 3;width: 100%;}
.indpr-list .list-muen{width: calc(100%/3 - 10px);background-color: rgba(0, 0, 0, .2);display: flex;align-items: center;flex-direction: column;transition: all .4s ease;padding-top: 128px;}
.indpr-list .list-muen .title{transition: all .4s ease;}
.indpr-list .list-muen:hover .title{font-size: 28px;transform: translatey(-20px);}
.indpr-list .list-muen li {display: flex;align-items: center;margin-bottom: 0px;justify-content: center;}
.indpr-list .list-muen li i{color: #fff;font-size: 12px;transform: rotate(180deg);display: inline-block;margin-left: 10px;opacity: 1;transition: all .4s ease;line-height: 1;}
.indpr-list .list-muen li:hover i{transform: rotate(180deg) translatex(-10px);}
.indpr-list .list-muen li:last-child{margin-bottom: 0px;}
.indpr-shine-ring {width: 18px;height: 18px;position: relative;display: block;background: #fff;border-radius: 50%;}
.indpr-shine-ring::before,.indpr-shine-ring::after {content: "";display: block;width: 48px;height: 48px;background: rgba(255, 255, 255, .5);border-radius: 50%;position: absolute;top: 50%;left: 50%;margin: -24px 0 0 -24px;animation: shinering 1.5s linear infinite;opacity: 0;}
.indpr-shine-ring::before {animation-delay: .6s;}
.indpr-shine-ring::after {animation-delay: 0s;}
.indpr-list .list-muen ul{opacity: 0;transition: all .4s ease;}
.indpr-list .list-muen:hover ul{opacity: 1;}
.indpr-list .list-muen:hover{background-color: rgba(1, 47, 167, .3);}

/* .indpr .swiper-container{overflow: visible;}
.indpr .swiper-wrapper{flex-wrap: wrap;}
.indpr .swiper-slide{-webkit-flex-shrink: 1;-ms-flex-negative: 1;flex-shrink: 1;} */

.indpr-list .list-muen .deco {display: block;width: 6rem;height: 6rem;opacity: 1;transition: .1s;transform: translatez(0);}
.indpr-list .list-muen .deco:before {content: "";left: 50%;position: absolute;top: 50%;transform: translate3d(-50%, -50%, 0) scale(.75);transition: .4s;border: 1px solid hsla(0, 0%, 100%, .3);border-radius: 100%;height: 4rem;width: 4rem;}
.indpr-list .list-muen .deco:after {content: "";left: 50%;position: absolute;top: 50%;transform: translate3d(-50%, -50%, 0) scale(.75);transition: .4s;border: 1px solid hsla(0, 0%, 100%, .1);border-radius: 100%;height: 6rem;width: 6rem;}
.indpr-list .list-muen .deco i {background: hsla(0, 0%, 100%, .8);border: 1px solid #fff;border-radius: 100%;height: 2.2rem;left: 50%;position: absolute;top: 50%;transform: translate3d(-50%, -50%, 0) scale(.5);transition: .4s;width: 2.2rem;}
.indpr-list .list-muen:hover .deco i {background: #fff;animation: scalepulse 1.3s linear 0s infinite both;transform: translate3d(-50%, -50%, 0) scale(1);}
.indpr-list .list-muen:hover .deco:before {animation: scalepulse 1.3s linear .3s infinite both;transform: translate3d(-50%, -50%, 0) scale(1);}
.indpr-list .list-muen:hover .deco:after {animation: scalepulse 1.3s linear .15s infinite both;transform: translate3d(-50%, -50%, 0) scale(1);}
@keyframes scalepulse {
    20% {-webkit-transform: translate3d(-50%, -50%, 0) scale(1.15);transform: translate3d(-50%, -50%, 0) scale(1.15);-webkit-animation-timing-function: ease;animation-timing-function: ease}
    50% {-webkit-transform: translate3d(-50%, -50%, 0) scale(1);transform: translate3d(-50%, -50%, 0) scale(1);-webkit-animation-timing-function: ease;animation-timing-function: ease}
}

.banner .swiper-slide-active .banner-lun .content .line{animation: bannerconntent 1s ease both .8s;}
.banner .swiper-slide-active .banner-lun .content .title{animation: bannerconntent 1s ease both 1.0s;}
.banner .swiper-slide-active .banner-lun .content .text {animation: bannerconntent 1s ease both 1.2s;}
.banner .swiper-slide-active .banner-lun .content .indbtn{animation: bannerconntent 1s ease both 1.4s;}
@keyframes bannerconntent {0%{transform: translatey(140px);opacity: 0;}100%{transform: translatex(0px);opacity: 1;}}

.commonquote {width: 100%;position: fixed;z-index: 9999;user-select: none;left: 0;bottom: -100%;background-image: linear-gradient(to top,rgb(11,96,234),rgb(1,47,168));transition: all .8s ease;}
.commonquote.toptoo{bottom: -19%;}
.commonquote.toptoo:hover{bottom: 0%;}
.commonquote .contain{width: 1200px;padding: 40px 0px;}
.commonquote-cont {position: relative;}
.commonquote-cont .cont-l{width: 44%;}
.commonquote-cont .cont-r{width: 56%;}
.commonquote-cont .cont-l .line{width: 83px;height: 2px;background-color: #fff;}
.commonquote-from {margin-right: -30px;margin-bottom: -17px;}
.commonquote-from .list{width: calc(100%/2 - 30px);margin-right: 30px;margin-bottom: 17px;align-items: center;}
.commonquote-from .list .nume{width: 55px;}
.commonquote-from .list input{width: calc(100% - 55px);height: 35px;border-radius: 3px;padding: 10px;}
.commonquote-from .list:nth-child(5) {width: calc(100%/1 - 30px);align-items: flex-start;}
.commonquote-from .list textarea{width: calc(100% - 55px);height: 60px;padding: 10px 18px;border-radius: 3px;}
.commonquote-from .list .btn{width: 112px;height: 35px;border-radius: 3px;background-color: #fff;color: #012fa7;display: flex;justify-content: center;align-items: center;transition: all .4s ease;}
.commonquote-from .list .btn:hover{background-color: #003fe4;color: #fff;}
.commonquote-close {position: absolute;right: -120px;top: 0px;font-size: 18px;color: #fff;transition: all .4s ease;}
.commonquote-close i{font-size: inherit;}
.commonquote-close:hover {transform: rotate(90deg);}

.indsd-list {justify-content: center;}


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

@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .indfw-lun > img{height: 610px;}
    .indgy-cont .item .img {height: 650px;}
    .indgy-hide {padding-top: 100px;padding-left: 140px;}
    .indgy-cont .item:nth-child(2) .indgy-hide {width: 900px;padding-left: 270px;}
    .indxw-svp {padding-left: calc((100% - 1200px) / 2);}
    .indgy-cont .item:last-child .img {right: -8.5vw;}
    .indgy-cont .item:last-child .img img {right: 8.5vw;}
    .indgy-cont .item:first-child .img {left: -8.5vw;}
    .indgy-cont .item:first-child .img img {left: 8.5vw;}
    .indgy-cont .item {width: calc(24%   14%);}
    .indgy-cont .item:last-child {margin-left: -14%;}
    .commonquote .contain {width: 1000px;padding: 44px 0px;}
    .indpr-list .list-muen:hover .title {font-size: 20px;transform: translatey(-20px);}
}

@media all and (max-width:1430px) {
    /* 1360 */
    .commonquote-close {right: -85px;}
}

@media all and (max-width:1350px) {
    /* 1280 */
}

@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .indgy-cont .item .img {height: 530px;}
    .indgy-hide {padding-top: 100px;padding-left: 100px;width: 700px;}
    .indgy-cont .item:nth-child(2) .indgy-hide {width: 800px;padding-left: 200px;}
    .indfw-lun > img{height: 450px;}
    .he_bandili {margin: 20px 0;}
    .banner-btn {bottom: 60px;}
    .banner-control {bottom: 100px;}
    .commonquote-close {right: 10px;top: -35px;}
}

/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
    .commonquote .contain {width: 92%;padding: 32px 0px;}
    .commonquote-cont .cont-l {width: 100%;}
    .commonquote-cont .cont-r {width: 100%;}
    .commonquote-from {margin-right: 0px;margin-bottom: -10px;}
    .commonquote-from .list {width: 100% !important;margin-right: 0px;margin-bottom: 10px;}
}

@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .indsl{padding-top: 26px;}
    .indsl-list{margin-top: 0px;}
    .banner-btn{display: none;}
    .banner-control {bottom: 20px;}
    .he_bandits{display: none;}
    .he_svgdonx{display: none;}
    .indfw-lun > img{height: 330px;}
    .indtitle.fenttop{flex-wrap: wrap;}
    .indtitle.fenttop > div {width: 100%;}
    .indtitle.fenttop > div:nth-child(2) {margin-top: 15px;}
    .indtitle.fentbottom{flex-wrap: wrap;}
    .indtitle.fentbottom > div {width: 100%;}
    .indtitle.fentbottom > div:nth-child(2) {margin-top: 15px;justify-content: flex-end;}
    .indgy-cont{flex-wrap: wrap;}
    .indgy-cont .item{width: 100% !important;margin-left: 0% !important;}
    .indgy-cont .item .img{transform: skew(0deg);}
    .indgy-cont .item .img img {transform: skew(0deg);width: 100% !important;height: 100% !important;position: static;}
    .indgy-cont .item .indgy-hide{opacity: 1 !important;padding: 30px !important;width: 100% !important;}
    .indgy-show {opacity: 0 !important;}
    .indxw-svp{padding: 0px 4%;}
    .indxw-svp .swiper-container {padding: 16px;}
    .banner-lun > img{height: calc(100vh - 60px);}
    .banner-lun > video{height: calc(100vh - 60px);}
    .indgy-cont .item:first-child .img{left: 0px;}
    .indgy-cont .item:last-child .img {right: 0px;}
    .indpr-bgimg {height: calc(60vh - 60px);}
    .indpr-list .list-muen .img {display: none;}
    .indpr-list .list-muen .title {margin-top: 0px;}
    .indpr-list .list-muen:hover .title {font-size: 15px;transform: translatey(0px);}
    .indfw-lun > img {height: calc(60vh - 60px);}
    .indfw-lun .content {background-color: rgba(0, 0, 0, .3);}
    .indsd-list {margin-bottom: -0px;margin-right: -5px;justify-content: space-between;}
    .indsd-list .list {width: calc(100%/4 - 5px);margin-bottom: 0px;}
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:680px) {
    /* 移动终端 360 适配 */
    .indsl-list .list {width: calc(100%/1);padding: 20px;border-bottom: 1px solid #dde1ec;border-right: 0px solid #dde1ec;}
    .indfw-btn {justify-content: space-between !important;}
    .indfw-btn a{width: calc(100%/2 - 10px);margin-left: 0px !important;}
    .indfw-lun .content{padding: 20px;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;}
    .indgy-cont .item .indgy-hide{padding: 20px !important;}
    .indgy-hide .list .li {margin-right: 20px;}
    .indgy-cont .item .img {height: 370px;}
    .indgy-hide .list .li .number span {margin-right: 5px;}
    .indxw-btn a{margin-left: 10px !important;width: calc(100%/4 - 10px);height: 35px;}
    .indxw-svp-btn > div:nth-child(1) {width: 100px;}
    .indxw-svp-btn > div:nth-child(2) {width: calc(100% - 100px);}
    .indxw-svp-btn .swiper-btn.prev {margin-right: 15px;}
    .indxw-svp-btn .swiper-btn a {width: 35px;height: 35px;}
    .indxw-lun .cont {padding: 20px;}
    .indxw-lun .cont .hit {padding-top: 15px;}
    .indfw {padding-bottom: 10px;}
    .indfw-page{display: flex;justify-content: center;align-items: center;z-index: 3;margin-top: 25px;}
    .indfw-page .swiper-pagination-bullet{margin: 0px 5px;}
    .indfw-page .swiper-pagination-bullet-active {background: #012fa7;}
    .indgy-title .text{max-height: 60px;}

    .indpr-bgimg{height: 400px;}
    .indpr-bgimg img{height: 400px;}
    .indpr-list .list-muen ul{opacity: 1;}

    /* .indpr .swiper-pagination{display:block;margin-top: 24px;}
    .indpr .swiper-container{overflow: hidden;}
    .indpr .swiper-wrapper{justify-content: flex-start;margin: 0;width: 100%;flex-wrap: nowrap;}
    .indpr .swiper-slide{width: 100%;margin: 0;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;} */
    .indpr-list {flex-direction: column;justify-content: space-between;width: 100%;}
    .indpr-list .list-muen {justify-content: center;align-items: flex-start;padding: 0px 20px;position: relative;}
    .indpr-list .list-muen li i{opacity: 1;}
    .indpr-list .list-muen{width: 100%;height: calc(100%/3 - 10px);}
    .indpr-list .list-muen ul {display: none;}
    .indpr-list .list-muen .img{width: 50%;}
    .indpr-list .list-muen .title{width: 50%;}
    .indpr-list .list-muen .deco {position: absolute;right: 20px;top: 50%;transform: translatey(-50%);margin-top: 0px;}
    .banner-control{display: none;}

    .indsl-list .list:hover {margin-top: 0px;}
    .indsl-list .list:hover .hide {max-height: 0px;padding-top: 0px;opacity: 0;}
    .indgy-cont .item .img{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
    .indgy-cont .item .indgy-hide {position: relative;}
    .indsd-list .list .img {height: 30px;}
    .indsd-list .list .title{font-size: 14px;}
    .indsd-list .list .text{font-size: 12px;text-align: center;}
    .indsd-list .list .btn i{display: none;}

    .banner-lun > img{height: auto;min-height: 400px;}
    .banner-lun .line {width: 50px;}
    .banner-lun .title{font-size: 18px;margin-top: 12px;}
    .banner-lun .text{font-size: 14px;}
    .banner-lun .indbtn {width: 80px;height: 35px;font-size: 12px;}
    .indtitle .indtitle-name{font-size: 12px;}
    .indtitle .indtitle-title{font-size: 18px;}
    .indfw-btn a{font-size: 12px;}
    .indfw-lun .content .icon {height: 30px;}
    .indfw-lun .content .title{font-size: 18px;}
    .indfw-lun .content .text{font-size: 12px;line-height: 20px;}
    .indfw-lun .content .btn {width: 80px;height: 35px;font-size: 12px;}
    .indgy-title .title{font-size: 16px;}
    .indgy-title .text {font-size: 12px;line-height: 20px;}
    .indgy-hide .name{font-size: 12px;}
    .indgy-hide .title{font-size: 18px;}
    .indgy-hide .text{font-size: 12px;line-height: 20px;}
    .indgy-hide .list .li .number{font-size: 12px;}
    .indgy-hide .list .li .hit{font-size: 12px;}
    .indgy-hide .btn i{font-size: 12px;}

    .commonquote-cont .cont-l .title{font-size: 16px;}
    .commonquote-cont .cont-l .line {width: 64px;height: 1px;}
    .commonquote-cont .cont-l .name {font-size: 14px;}
    .commonquote-cont .cont-l .text {font-size: 12px;}
    .commonquote-cont .cont-r{margin-top: 15px;}
    .commonquote-from .list input {width: 100%;height: 30px;font-size: 12px;}
    .commonquote-from .list .nume {width: 100%;font-size: 12px;margin-bottom: 5px;}
    .commonquote-from .list textarea{width: 100%;font-size: 12px;}
    .commonquote-from .list .btn {margin: 0px auto;}
    .commonquote-from .list input::-webkit-input-placeholder{color: #888;font-size: 12px;}
    .commonquote-from .list input:-moz-placeholder{color: #888;font-size: 12px;}
    .commonquote-from .list input::-moz-placeholder{color: #888;font-size: 12px;}
    .commonquote-from .list input:-ms-input-placeholder{color: #888;font-size: 12px;}
    .commonquote-from .list textarea::-webkit-input-placeholder{color: #888;font-size: 12px;}
    .commonquote-from .list textarea:-moz-placeholder{color: #888;font-size: 12px;}
    .commonquote-from .list textarea::-moz-placeholder{color: #888;font-size: 12px;}
    .commonquote-from .list textarea:-ms-input-placeholder{color: #888;font-size: 12px;}
    .commonquote-cont {overflow-x: hidden;overflow-y: auto;height: 38vh;}
    .commonquote-close {right: 0px;top: 0px;font-size: 14px;}

    .indpr-bgimg img{height: 100%;width: 100%;}
    .indgy-cont .item .indgy-hide{height: calc(100vh - 60px);display: flex;flex-direction: column;justify-content: center;}
    .indxw-lun .cont .text {margin-top: 90px;}
}