@charset "utf-8";
/* ===================首页样式========================== */
/* 公共样式 */
.indText{color: #868d99;}
.indMore{width: 200px;height: 54px;border-radius: 40px;position: relative;}
.indMore span{position: relative;z-index: 2;}
.indMore::after{position: relative;z-index: 2; content: "\e7c2";font-size: 18px; font-family: "icon";transform: rotate( 45deg);display: inline-block;margin-left: 18px;transition: all .4s ease;}
.indMore::before{content: "";position: absolute;left: -40px;bottom: -80px;width: 400px;height: 400px;border-radius: 50%;transform: scale(0);transform-origin: left bottom;transition: all .8s ease;background: #0e5ace;}
.indMore.color{border: 1px solid #013b94;}
.indMore.color:hover{color: #fff;}
.indMore.color::before{background: #013b94;}
.indMore.white{border: 1px solid #fff;}
.indMore:hover::after{transform: rotate(90deg);margin-left: 10px;}
.indMore:hover::before{transform: scale(1);}

.Container{margin-top: 0;}
.Footer.section{height: auto;}
.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell {height: auto !important;}
.index .section{height: 100vh;}
.indVideo,.indNews,.indPro{padding-top: 180px;}
.banner{position: relative;overflow: hidden;}
.banner-bg{overflow: hidden;}
.banner-bg img{width: 100%;height: 100vh;animation:banBg 2s linear forwards;transform: scale(1.3);}
@keyframes banBg {0%{transform: scale(1.3);}100%{transform: scale(1);}}
.banner-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;align-items: center;}
.banner-title,.banner-text{opacity: 0;transform: translateX(150px) skew(-10deg);transition: all 1.5s .8s ease;}
.banner-text{transition-delay: .9s;}
.banner .indMore{width: 170px;height: 52px;user-select: none;cursor: pointer;}
.banner .indMore{opacity: 0;transform: translateX(150px) skew(-10deg);transition: all 1.5s 1s ease;}
.swiper-slide-active .banner-title,.swiper-slide-active .banner-text, .banner .swiper-slide-active .indMore{opacity: 1;transform: translateX(0);}
.swiper-slide-active.oneSlide .banner-title{transition-delay: 0s;}
.swiper-slide-active.oneSlide .banner-text{transition-delay: .1s;}
.swiper-slide-active.oneSlide .indMore{transition-delay: .2s;}
.banner-switch{position: absolute;left: 0;bottom: 60px;width: 100%;z-index: 3;}
.banner-switch .contain{align-items: center;}
.banner-pagination{margin-right: 15px;}
.banner-pagination .swiper-pagination-bullet{width: 6px;height: 6px;opacity:1; background: rgba(255, 255, 255, .5);position: relative;margin: 0 18px !important;transition: all .4s ease;}
.banner-pagination .swiper-pagination-bullet i{position: absolute;width: 32px;height: 32px;margin: -16px 0 0 -16px;top: 50%;left: 50%;opacity: 0;transition: all .4s ease;border-radius: 50%;border: 2px solid rgba(255, 255, 255, 0.5);}
.banner-pagination .swiper-pagination-bullet svg{position: absolute;z-index: 2;left: 50%;top: 50%;margin: -17px 0 0 -17px;width: 34px;height: 34px;transform: rotate(-90deg);opacity: 0;transition: all .4s ease;}
.banner-pagination .swiper-pagination-bullet svg circle{stroke-dasharray:100,100;stroke-dashoffset:100;}
.banner-pagination .swiper-pagination-bullet-active{background: #fff;}
.banner-pagination .swiper-pagination-bullet-active i{opacity: 1;}
.banner-pagination .swiper-pagination-bullet-active svg{opacity: 1;}
.banner-pagination .swiper-pagination-bullet-active svg circle{animation: bulletRun 5s linear both;}
.banner-pagination .swiper-pagination-bullet-active.oneBullet svg circle{animation: bulletRun 4s linear both;}
@keyframes bulletRun{0%{stroke-dashoffset:100;}100%{stroke-dashoffset:0;}}
.banner-line{flex: 1;height: 1px;background: rgba(255, 255, 255, .5);}
.banner-line .line{position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #fff;transition: all .4s linear;}
.banner-page{margin-left: 25px;display: flex;align-items: center;}
.banner-page i{display: inline-block;font-size: 12px;margin: 0 3px;font-weight: 700;}
.banner-btn{margin-left: 25px;}
.banner-btn .btn{width: 40px;height: 40px;user-select: none;cursor: pointer;}
.banner-btn .btn.next{transform: rotate(180deg);}
.banner-btn .btn:hover{color: #013b94;}
.indAbout-bg img{width: 100%;height: 100vh;overflow: hidden;}
.indAbout-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;align-items: center;}
.indAbout-con .contain{padding-right: 45%;}
.indAbout-con .indText{width: 80%;}
.indAbout-list li{align-items: center;margin-left: 30px;}
.indAbout-list li:first-child{margin-left: 0;}
.indAbout-icon{position: relative; width: 60px;height: 60px;margin-right: 12px;}
.indAbout-icon::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url('../images/index/indAb-icon-bg.png') no-repeat center/100% auto;transition: all 1s ease;}
.indAbout-icon img{max-width: 60%;max-height: 70%;position: relative;z-index: 2;}
.indAbout-list li:hover .indAbout-icon::after{transform: rotate(180deg);}
.indVideo{background: url('../images/index/indVideo-bg.jpg') no-repeat center/cover;}
.indHeader{position: relative;z-index: 3; justify-content: space-between;align-items: center;}
.indBtn-box{align-items: center;}
.indSelect{margin-right: 24px;transition: all .2s ease; padding: 0 10px;border-radius: 30px;border: 1px solid #013b94;background: #fff;user-select: none;cursor: pointer;}
.indMenu{width: 220px;height: 50px;padding: 0 20px; align-items: center; }
.indMenu::after{content: "\e727";font-family: "icon";display: inline-block;transform:translateY(-50%) rotate(180deg);transition: all .4s ease;position: absolute;right: 15px;top: 50%;}
.indDrop{position: absolute;left: 50%;display: none; transform: translateX(-50%); top: 100%;border: 1px solid #013b94;border-top: unset; width: calc(100% + 2px);border-radius: 0 0 40px 40px;z-index: 4;padding: 10px;background: #fff;}
.indDrop li{height: 50px;padding: 0 20px;transition: all .4s ease;align-items: center;display: flex;border-radius: 30px;}
.indDrop li:hover{background: #013b94;color: #fff;}
.indSelect.active{border-radius: 30px 30px 0 0;}
.indVideo-swp{display: none;}
.indVideo-swp:first-child{display: block;}
.indVideo-swp .swiper-slide{border-radius: 50%;transition: all .4s ease;}
.indVideo-slide{border-radius: 16px;overflow: hidden;}
.indVideo-img img{width: 100%;height: 216px;}
.indVideo-con{padding: 24px;background: #fff;}
.indVideo-icon img{transition: all .4s ease;}
.indVideo-icon .h{position: absolute;left: 0;top: 0;opacity: 0;}
.indVideo-play{display: flex;justify-content: flex-end;}
.indVideo-play i{width: 34px;height: 34px;border: 1px solid #e1e1e1;transition: all .4s ease;}
.indVideo-slide:hover{box-shadow: 0px 20px 40px 0px rgba(7, 32, 54, 0.21);}
.indVideo-slide:hover .indVideo-con{background: #013b94;}
.indVideo-slide:hover .indVideo-icon .s{opacity: 0;}
.indVideo-slide:hover .indVideo-icon .h{opacity: 1;}
.indVideo-slide:hover .indVideo-title{color: #fff;}
.indVideo-slide:hover .indVideo-play i{border-color: #fff;color: #fff;}
.indVideo-pagination.swiper-pagination-progressbar{position: relative;background: #e1e6ea;height: 3px;}
.indVideo-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #013b94;}
.videoPop-box{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .36);z-index: 999999;display: none;}
.videoPop{overflow: hidden; width: 65%;padding: 50px;border-radius: 30px; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url('../images/index/indVideo-bg.jpg') no-repeat center/cover;}
.videoPop-close{position: absolute;right: 30px;top: 20px;transition: all .4s ease;user-select: none;cursor: pointer;}
.videoPop-close:hover{color: #333;transform: rotate(180deg);}
.videoPop-play{width: 45%;overflow: hidden;border-radius: 20px;}
.videoPop-play .bg{height: 100%;}
.videoPop-play .bg::after{content: ""; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);}
.videoPop-play .bg img{width: 100%;height: 100%;}
.videoPop-play .btn{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 50%;z-index: 2;width: 52px;height: 52px;background: #fff;user-select: none;cursor: pointer;transition: all 0.4s ease;}
.videoPop-play .btn::after,.videoPop-play .btn::before{content: "";animation: btnAni 1s linear infinite; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 150%;height: 150%;border-radius: 50%;border: 1px solid rgba(255, 255, 255, .8);transition: all .4s ease;}
.videoPop-play .btn::before{width: 220%;height: 220%;}
@keyframes btnAni {0%{opacity: 0;transform: translate(-50%,-50%) scale(.6);}50%{opacity: 1;transform: translate(-50%,-50%) scale(.8);}100%{opacity: 0;transform: translate(-50%,-50%) scale(1);}}
.videoPop-play .btn:hover{background: #013b94;color: #fff;}
.videoPop-play .btn:hover::after,.videoPop-play .btn:hover::before{border-color: rgba(4, 96, 238, .8);}
.videoPop-con{width: 55%;padding:20px 0 20px 5%;}
.videoPop-con .title{border-bottom: 1px solid #e1e6ea;}
.videoPop-con .title::after{content: "";position: absolute;left: 0;bottom: 0;width: 110px;height: 1px;background: #013b94;}
.videoPop-con .label,.videoPop-con .text{color: #868d99;}
/* border-top: 1px solid #e1e6ea; */
.indNews-show{transition: all .4s ease;}
.indNews-show .contain{transition: all .4s ease; border-top: 1px solid #e1e6ea;justify-content: space-between;}
.indNews-show-con{width: 45%;}
.indNews-show-con .date,.indNews-show-con .text,.indNews-item .date{color: #868d99;}
.indNews-show-img{width: 38%;position: relative;overflow: hidden;}
.indNews-show-img img{width: 100%;height: 280px;transition: all .4s ease;border-radius: 15px;}
.indNews-show-img::after{content: "";position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #013b94;}
.indNews-show-img:hover img{transform: scale(1.08);}
.indNews-show.bgc .contain{border-color: transparent;}
.indNews-show.bgc .indNews-show-con .date,.indNews-show.bgc .indNews-show-con .title,.indNews-show.bgc .indNews-show-con .text{color: #fff;}
.indNews-show.bgc .indMore{border-color: #fff;color: #fff;}
.indNews-show.bgc .indMore::before{background: #fff;}
.indNews-show.bgc .indMore:hover{color: #013b94;}
.indNews-item{align-items: center; height: 88px;overflow: hidden; padding-right: 30px; width: 50%;position: relative;border-bottom: 1px solid #e1e6ea;}
.indNews-item:nth-child(-n+2){border-top: 1px solid #e1e6ea;}
.indNews-item:nth-child(2n){padding-right: 0;padding-left: 30px;}
.indNews-item::after{opacity: 1;transition: all .6s ease; content: "";transform: translate(100%,100%); position: absolute;right: 0;bottom: 0;width: 250px;height: 220px;background: url('../images/index/indNews-bg.png') no-repeat left top/100% auto;}
.indNews-item-box{justify-content: space-between;width: 100%;position: relative;z-index: 2;}
.indNews-item:nth-child(2n)::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 42px;background: #e1e6ea;}
.indNews-item:hover{padding-left: 30px;background: #013b94;}
.indNews-item:hover::before{opacity: 0;}
.indNews-item:hover::after{transform: translate(0,0);}
.indNews-item:hover .title,.indNews-item:hover .date{color: #fff;}
.indNews-item:nth-child(2n):hover{padding-right: 30px;}
.indMsg{background: url('../images/index/indMsg-bg.jpg') no-repeat center/cover;}
.indMsg .contain{justify-content: space-between;align-items: center;}
.indPro{background: url('../images/index/indPro-bg.jpg') no-repeat center/cover;}
.indPro .contain{justify-content: space-between;align-items: flex-start;}
.indPro-text{width: 21%;}
.indPro-text li{border-top: 1px solid #e1e6ea;user-select: none;cursor: pointer;}
.indPro-text-menu{color: #cbd3db;}
.indPro-text-drop{display: none;}
.indPro-text li:first-child .indPro-text-drop{display: block;}
.indPro-text li.active .indPro-text-menu,.indPro-text li:hover .indPro-text-menu{color: #013b94;}
.indPro-con{position: relative; width: 30vw;height: 30vw;border-radius: 50%;background: #eef1f4;border: 1px solid #e1e6ea;}
.indPro-con::after{content: "";border-radius: 50%; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #f7f8fa;width: calc(100% - 20px);height: calc(100% - 20px);}
.indPro-name{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 4;}
.indPro-name li{padding-right: 35px;color: #868d99;transition: all .4s ease;white-space: nowrap;position: absolute;user-select: none;cursor: pointer;}
.indPro-name li::after{content: "";position: absolute;background: #d3d8dc; right: 0;top: 50%;transform: translateY(-50%);width: 16px;height: 16px;border-radius: 50%;border: 3px solid transparent;transition: all .4s ease;}
.indPro-name li.active{color: #013b94;font-weight: 700;}
.indPro-name li.active::after{border-color: #013b94;background: #fff;}
.indPro-name li:nth-child(2),.indPro-name li:nth-child(3){padding-right: 0;padding-left: 35px;}
.indPro-name li:nth-child(2)::after,.indPro-name li:nth-child(3)::after{right: auto;left: 0;}
.indPro-name li:nth-child(1){right: 84%;top: 13%;}
.indPro-name li:nth-child(2){left: 83%;top: 12%;}
.indPro-name li:nth-child(3){left: 84%;top: 82%;}
.indPro-name li:nth-child(4){right: 83.5%;top: 83.2%;}
.indPro-img-box{position: absolute;left: 0;top: 0;z-index: 2;width: 100%;}
.indPro-img{display: none;}
.indPro-img:first-child{display: block;}
.indPro-img-slide{width: 30vw;height: 30vw;border-radius: 50%;}
.indPro-img-slide img{max-width: 65%;max-height: 65%;transform: scale(.4);opacity: 0;transition: all .8s ease;}
.swiper-slide-active .indPro-img-slide img{transform: scale(1);opacity: 1;}
.indPro-btn{font-size: 20px;color: #d9dde1;position: relative;z-index: 2;}
.indPro-btn.next{transform: rotate(180deg);}
.indPro-btn:hover{color: #013b94;}
.indPro-thumbs{display: none;}
.indPro-thumbs:first-child{display: block;}
.indPro-thumbs .swiper-container{height: 590px;}
.indPro-thumbs .swiper-slide{padding: 10px;}
.indPro-thumbs-slide{transition: all.4s ease;position: relative;cursor: pointer;user-select: none;}
.indPro-thumbs-img{width: 194px;height: 124px;display: flex;align-items: flex-end;justify-content: center; border-radius: 5px;overflow: hidden;padding: 0 10px;text-align: center;background: #fff;}
.indPro-thumbs-img img{transition: all .4s ease;max-height: 80%;}
.indPro-thumbs-text{position: absolute;padding: 0 30px; left: 0;top: 50%;transform: translate(-50px,-50%);width: 100%;transition: all .2s ease;opacity: 0;text-align: center;}
.indPro-thumbs-text span{flex: 1;padding-right: 8px;}
.indPro-thumbs-text::after{content: "\e80b";display: inline-block;font-size: 12px;font-family: "icon";transform:translateY(-3px) rotate(180deg);}
.indPro-thumbs-slide.active .indPro-thumbs-text{opacity: 1;transform: translate(0,-50%);}
.indPro-thumbs-slide.active .indPro-thumbs-img img{opacity: .2;}
.indPro-thumbs-slide.active{box-shadow: 0px 7px 15px 0px rgba(5, 22, 37, 0.1);}
.indPro-svg-box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indPro-svg{stroke-dasharray:574,574;stroke-dashoffset:574;position: absolute;left: 0;top: 0;transition: all .4s linear;}
.indPro-svg:nth-child(1){stroke-dashoffset:0;}
.indPro-svg:nth-child(2){transform: rotate(90deg);}
.indPro-svg:nth-child(3){transform: rotate(180deg);}
.indPro-svg:nth-child(4){transform: rotate(270deg);}
.indPro-svg path{fill:none;stroke:#023B94;stroke-width:2;stroke-miterlimit:10;}
 /* @keyframes svgRun{0%{stroke-dashoffset:420;}50%{stroke-dashoffset:0;}100%{stroke-dashoffset:-420;}} */
/* 出场效果 */
.fp-section .indPro-text{opacity: 0;transform: translateY(-200px);transition: all .8s .6s ease;}
.fp-section .indPro-thumbs-box{opacity: 0;transform: translateY(200px);transition: all .8s .6s ease;}
.fp-section .indPro-con{transform: scale(0);transition: all .8s .7s ease;}
.fp-section.indAbout .indTitle{opacity: 0;transform: translateY(90px);transition: all 1s .6s ease;}
.fp-section.indAbout .indText{opacity: 0;transform: translateY(90px);transition: all 1s .8s ease;}
.fp-section .indAbout-bg img{transform: scale(1.3);transition: all 3s 0s linear;}
.fp-section .indAbout-list li:nth-child(1){opacity: 0;transform: translateY(90px);transition: all 1s 1s ease;}
.fp-section .indAbout-list li:nth-child(2){opacity: 0;transform: translateY(90px);transition: all 1s 1.2s ease;}
.fp-section .indAbout-list li:nth-child(3){opacity: 0;transform: translateY(90px);transition: all 1s 1.4s ease;}
.fp-section.indAbout .indMore{opacity: 0;transform: translateY(90px);transition: all 1s 1.4s ease;}
.fp-section .indHeader{opacity: 0;transform: translateY(90px);transition: all 1s .6s ease;}
.fp-section .indVideo-swp-box{opacity: 0;transform: translateY(90px);transition: all 1s 1s ease;}
.fp-section .indNews-show-con{opacity: 0;transform: translateY(90px);transition: all 1s 1s ease;}
.fp-section .indNews-show-img::after{width: 100%;transition: all 1s 1.2s ease;}
.fp-section .indNews-item:nth-child(1){opacity: 0;transform: translateY(80px);transition: opacity 1s 1.2s ease,transform 1s 1.2s ease,background-color .4s ease,padding .4s ease;}
.fp-section .indNews-item:nth-child(2){opacity: 0;transform: translateY(80px);transition: opacity 1s 1.4s ease,transform 1s 1.4s ease,background-color .4s ease,padding .4s ease;}
.fp-section .indNews-item:nth-child(3){opacity: 0;transform: translateY(80px);transition: opacity 1s 1.6s ease,transform 1s 1.6s ease,background-color .4s ease,padding .4s ease;}
.fp-section .indNews-item:nth-child(4){opacity: 0;transform: translateY(80px);transition: opacity 1s 1.8s ease,transform 1s 1.8s ease,background-color .4s ease,padding .4s ease;}
.fp-section.active.indAbout .indTitle,.fp-section.indAbout.active .indText,.fp-section.active .indAbout-list li:nth-child(1),.fp-section.active .indAbout-list li:nth-child(2),.fp-section.active .indAbout-list li:nth-child(3),.fp-section.indAbout.active .indMore,.fp-section.active .indHeader,.fp-section.active .indVideo-swp-box,.fp-section.active .indNews-show-con{opacity: 1;transform: translateY(0);}
.fp-section.active .indNews-item:nth-child(1),.fp-section.active .indNews-item:nth-child(2),.fp-section.active .indNews-item:nth-child(3),.fp-section.active .indNews-item:nth-child(4){opacity: 1;transform: translateY(0);}
.fp-section.active .indPro-text,.fp-section.active .indPro-thumbs-box{opacity: 1;transform: translateY(0);}
.fp-section.active .indPro-con{transform: scale(1);}
.fp-section.active .indAbout-bg img{transform: scale(1);}
.fp-section.active .indNews-show-img::after{width: 0;}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .indVideo-img img{height: 188px;}

}
@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .indAbout-con .contain{padding-right: 30%;}
    .indVideo-img img{height: auto;}
    .indVideo-con{padding: 20px;}
    .indNews-show-img img{height: 220px;}
    .indPro-thumbs .swiper-container{height: 450px;}
    .indPro-thumbs-img{width: 170px;height: 100px;}
    .indPro-thumbs-text{padding: 0 15px;font-size: 15px;}
    .indAbout-list li{margin-left: 40px;}
}
@media all and (max-width:1430px) {
    /* 1360 */
}
@media all and (max-width:1350px) {
    /* 1280 */
}
@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .indMenu{width: 180px;}
    .indMore{width: 170px;}
    .indMore:hover::after{margin-left: 5px;}
    .indVideo-img img{height: 126px;}
    
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
    .Container{margin-top: 60px;}
}
@media all and (max-width:1000px) {
    /* 720 竖屏 */
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:680px) {
    /* 移动终端 360 适配 */
    .banner-bg img{height: 600px;}
    .index .section{height: auto;}
    .banner-switch{bottom: 30px;}
    .banner-page{margin-left: 15px;}
    .banner-pagination{margin-right: 0;}
    .banner-btn .btn{width: 30px;height: 30px;font-size: 14px;}
    .banner-btn{margin-left: 5px;}
    .indAbout-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
    .indAbout-bg img{width: 100%;height: 100%;object-fit: none;}
    .indAbout-con{position: relative;left: auto;top: auto;padding:40px 0;height: calc(100vh - 60px);align-items: flex-start;padding-top: 40px;}
    .indAbout-con .contain{padding-right: 0;}
    .indAbout-con .indText{width: 100%;}
    .indAbout-list li{width: 100%;margin: 25px 0 0;}
    .indVideo{height: calc(100vh - 60px);}
    .indAbout-icon{width: 40px;height: 40px;}
    .indMore,.banner .indMore{width: 140px;height: 44px;}
    .indMore::after{margin-left: 10px;}
    .indVideo, .indNews{padding: 40px 0;}
    .videoPop{width: 90%;padding: 40px 15px 20px;border-radius: 10px;}
    .videoPop-play{width: 100%;border-radius: 10px;}
    .videoPop-con{width: 100%;padding: 20px 0 0;}
    .videoPop-close{right: 10px;top: 10px;font-size: 14px;}
    .indBtn-box{width: 100%;justify-content: space-between;margin-top: 20px;}
    .indMenu{width: 130px;height: 44px;padding: 0 10px;}
    .indSelect{margin-right: 0;}
    .indDrop li{height: 44px;padding: 0 10px;}
    .indSelect{border-radius: 25px;}
    .indSelect.active{border-radius: 25px 25px 0 0;}
    .indMenu::after{font-size: 14px;right: 5px;}
    .indVideo-img img{height: 194px;}
    .indVideo-play i{font-size: 14px;}
    .indNews-show.bgc .contain{padding: 30px 0;}
    .indNews-list .contain{width: 100%;}
    .indNews-show-con{width: 100%;}
    .indNews-show-img{width: 100%;margin-top: 20px;border-radius: 5px;}
    .indNews-show-img img{height: 160px;}
    .indNews-item{width: 100%;padding:0 10px 0 0 !important;height: 75px;padding: 0 4% !important;}
    .indNews-item:nth-child(2n)::before{display: none;}
    .indNews-item:nth-child(n+9){display: none;}
    .indPro{padding-top: 40px;}
    .indPro-text{width: 100%;}
    .indPro-con{width: 60vw;height: 60vw;margin: 40px auto 0;}
    .indPro-con::after{width: calc(100% - 10px);height: calc(100% - 10px);}
    .indPro-img-slide{width: 60vw;height: 60vw;}
    .indPro-name li{padding-right: 15px;width: 80px;white-space: pre-wrap;}
    .indPro-name li::after{width: 8px;height: 8px;border-width: 2px;}
    .indPro-name li:nth-child(2n){padding-left: 15px;}
    .indPro-name li:nth-child(1){right: 84%;top: 5%;}
    .indPro-name li:nth-child(2){left: 84%;top: 4%;}
    .indPro-name li:nth-child(3) {left: 84%;top: 74%;}
    .indPro-name li:nth-child(4) {right: 83%;top: 75%;width: 110px;}
    .indPro-thumbs{padding: 30px 0;position: relative;}
    .indPro-thumbs .swiper-container{height: 100%;width: 345px;}
    .indPro-btn{position: absolute;left: -10px;top: 50%;transform: translateY(-50%) rotate(-90deg);font-size: 18px;}
    .indPro-btn.next{right: -10px;left: auto ;transform: translateY(-50%) rotate(90deg);}
    .indPro-thumbs-img{width: 100%;height: 90px;}
}