.indhead{width:100%;position:relative}
.banner{width:100%;overflow:hidden;position:relative}
.banner-img{width:100%;overflow:hidden}
.banner-img img{width:100%;object-fit:cover}
.banner-img img.none-pad-mb{height:700px}
.banner-img img.none-pc{min-height:300px}
.banner-cont{position:absolute;z-index:4;width:100%;height:100%;top:0;left:0;display:flex;align-items:center}
.banner-cont .title{color:#222;line-height:1.1}
.banner-cont .text{color:#555;line-height:1.1;margin:12px 0 22px}
.banner-cont .btn{display:flex;flex-wrap:wrap}
.banner-cont .btn a{width:156px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:5px;border:2px solid #fff;color:#383351;position:relative;margin-left:12px;box-shadow:0 4px 12px 0 rgba(85,98,151,.16);overflow:hidden;transition:all .4s ease}
.banner-cont .btn a::after,.banner-cont .btn a::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;transition:all .4s ease}
.banner-cont .btn a span{position:relative;z-index:2}
.banner-cont .btn a::before{background:linear-gradient(to bottom,#f4f5f8,#fff)}
.banner-cont .btn a::after{background:#00af50;opacity:0}
.banner-cont .btn a:hover{border:2px solid #00af50;color:#fff;box-shadow:0 4px 12px 0 rgba(0,175,80,.3)}
.banner-cont .btn a:hover::before{opacity:0}
.banner-cont .btn a:hover::after{opacity:1}
.banner-cont .btn a.active{border:2px solid #00af50;color:#fff}
.banner-cont .btn a.active::before{opacity:0}
.banner-cont .btn a.active::after{opacity:1}
.banner-cont .btn a:first-child{margin-left:0}
.banner-cont .btn,.banner-cont .text,.banner-cont .title{opacity:0}
.swiper-slide-active .banner-cont .title{animation:bannerRight 1s ease both 1s}
.swiper-slide-active .banner-cont .text{animation:bannerRight 1s ease both 1.1s}
.swiper-slide-active .banner-cont .btn{animation:bannerRight 1s ease both 1.2s}
.oneSlide .banner-cont .title{animation:bannerRight 1s ease both .4s}
.oneSlide .banner-cont .text{animation:bannerRight 1s ease both .5s}
.oneSlide .banner-cont .btn{animation:bannerRight 1s ease both .6s}
@keyframes bannerRight{0%{opacity:0;transform:translateX(200px);filter:blur(6px)}
    100%{opacity:1;transform:translateX(0);filter:blur(0)}
}
.banner .swiper-pagination{width:100%;bottom:100px;text-align:left}
.banner .swiper-pagination-bullet{width:30px;height:2px;border-radius:0;background:#d9dce3;opacity:1;margin-left:14px}
.banner .swiper-pagination-bullet:first-child{margin-left:0}
.banner .swiper-pagination-bullet-active{background:#00af50}
.indbar{width:100%;position:relative;z-index:4;margin-top:-80px}
.indbar .contain{justify-content:space-between;align-items:center}
.indbar-video{width:314px;border-radius:5px;position:relative;cursor:pointer;background:#fff;padding:10px;border:2px solid #fff;box-shadow:7px 7px 17px 5px rgba(85,98,151,.11);background:linear-gradient(to bottom,#f4f5f8,#fff);transition:all .4s ease}
.indbar-video img{width:100%;object-fit:cover;border-radius:5px}
.indbar-video-btn{width:40px;height:40px;position:absolute;z-index:4;top:50%;left:50%;margin:-20px 0 0 -20px;border-radius:50%;background:#00af50}
.indbar-video-btn i{width:10px;height:12px;background:url(../image/indtbplay.png) no-repeat center;position:absolute;top:50%;left:50%;margin-top:-6px;margin-left:-4px;z-index:4}
.indbar-video-btn::before{content:"";position:absolute;width:54px;height:54px;border-radius:50%;left:50%;top:50%;margin:-27px 0 0 -27px;border:1px dashed #00af50;transform:scale(0);transition:all .4s ease}
.indbar-video:hover{box-shadow:7px 7px 17px 5px rgba(85,98,151,.18)}
.indbar-video:hover .indbar-video-btn::before{transform:scale(1);animation:indbarRun 10s linear infinite .6s}
@keyframes indbarRun{0%{transform:rotate(0)}
    100%{transform:rotate(360deg)}
}
.indbar-tabs{width:auto}
.indbar-tabs a{width:270px;height:90px;margin-left:16px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(to bottom,#f4f5f8,#fff);border-radius:5px;border:2px solid #fff;box-shadow:12px 12px 17px 2px rgba(85,98,151,.11);padding:0 24px;transition:all .4s ease}
.indbar-tabs a:first-child{margin-left:0}
.indbar-tabs a:hover{box-shadow:12px 12px 17px 2px rgba(85,98,151,.18)}
.indbar-tabs a .head{width:100%;align-items:center}
.indbar-tabs a .icon{width:auto;height:25px}
.indbar-tabs a .icon img{max-width:100%;max-height:100%}
.indbar-tabs a .name{line-height:1.1;color:#000;transition:all .4s ease;max-width:calc(100% - 40px);margin-left:10px}
.indbar-tabs a .text{color:#8e8c99;line-height:1.1;margin-top:6px}
.indbar-tabs a:hover .name{color:#00af50}
.indTitle{width:100%;text-align:center}
.indTitle .name{color:#222;line-height:1.1}
.indTitle.white .name{color:#fff}
.section{width:100%;overflow:hidden;position:relative}
.indll{background:linear-gradient(to bottom,#fff,#f7f8fa)}
.indll-list{width:100%}
.indll-ul{margin:-24px 0 0 -24px}
.indll-items{width:calc(20% - 24px);margin:24px 0 0 24px;position:relative;height:236px;padding:30px 36px;box-shadow:12px 12px 17px 2px rgba(85,98,151,.11);overflow:hidden;border-radius:5px;transition:all .4s ease}
.indll-items::after,.indll-items::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;transition:all .4s ease}
.indll-items::before{background:linear-gradient(135deg,#f4f4f9,#fff);border:2px solid #fff;border-radius:5px;overflow:hidden}
.indll-items::after{background:linear-gradient(135deg,#00af50,#896cff);border-radius:5px;overflow:hidden;opacity:0}
.indll-items>div{position:relative;z-index:4;transition:all .4s ease}
.indll-items>div.image{position:absolute;z-index:2}
.indll-items .title{line-height:1.1;color:#333}
.indll-items .text{line-height:1.1;color:#848291;margin:10px 0 16px}
.indll-items .link{width:100%;display:flex}
.indll-items .link a{display:block;font-size:15px;padding-right:15px;position:relative;color:#00af50;transition:all .4s ease}
.indll-items .link a::after{content:"";position:absolute;width:0;height:1px;background:#00af50;left:0;bottom:0;transition:all .4s ease}
.indll-items .link a:hover:after{width:100%}
.indll-items .image{width:61.3%;right:18px;bottom:12px;text-align:right}
.indll-items .image img{max-width:100%;max-height:116px}
.indll-items:hover{box-shadow:12px 12px 21px 0 rgba(0,175,80,.29);transform:translateY(-2px)}
.indll-items:hover::before{opacity:0}
.indll-items:hover::after{opacity:1}
.indll-items:hover .title{color:#fff}
.indll-items:hover .text{color:#fff}
.indll-items:hover .link a{color:#fff;}
.indll-items:hover .link a::after{background:#fff}
.indqz{background:#f8f8fa}
.indqz-menu{width:100%;background:#f8f8fa;justify-content:center}
.indqz-menu .indqz-menu-items,.indqz-menu .indqz-menu-items-first{padding:0 5%}
.indqz-menu.menu2 .indqz-menu-items{width:50%}
.indqz-menu.menu4 .indqz-menu-items{width:25%}
.indqz-menu-items .text,.indqz-menu-items-first .text{width:100%;height:42px;margin-top:10px;position:relative}
.indqz-menu-items .text span,.indqz-menu-items-first .text span{display:block;width:100%;color:#3f434f;transition:all .4s ease}
.indqz-menu-items-first.active .text span,.indqz-menu-items-first:hover .text span,.indqz-menu-items.active .text span,.indqz-menu-items:hover .text span{color:#00af50}
.indqz-menu-items .text i,.indqz-menu-items-first .text i{position:absolute;width:0;right:0;left:0;margin:0 auto;height:4px;background:#00af50;bottom:0;transition:all .4s ease .2s}
.indqz-loop,.indqz-menu-items-first.active .text i,.indqz-menu-items.active .text i{width:100%}
.indqz-loop.hidden{visibility:hidden!important;height:0}
.indqz-loop.show{visibility:visible!important;height:auto}
.indqz-loop-info{width:100%;clear:both;margin-top:30px}
.indqz-loop-info .indqz-left{width:32%}
.indqz-left .img{position:relative;width:100%;height:160px}
.indqz-left .img img{display:block;width:100%;height:160px}
.indqz-left .info{padding:24px}
.indqz-left .info .info-top{height:auto;overflow:hidden;padding-bottom:22px}
.indqz-right .time,.info-top .time{width:100px;height:100px;background-color:#00af50;z-index:10;border-radius:3px}
.indqz-right .time span,.info-top .time span{display:block;color:#fff;width:100px;line-height:50px;text-align:center}
.info-top .time span:first-child{font-weight:700}
.info-top .time .day{background-color:#007a53;border-radius:3px}
.indqz-left .info .info-right{width:65%;margin:35px 0 0 16px}
.info-right .title a{display:block;color:#00af50;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.info-right .views span{color:#666}
.info-right .views .look{padding-left:28px;background:url(../image/newsic2.png) no-repeat left}
.indqz-left .info{background-color:#fff;height:340px}
.indqz-left .info .info-tro{font-size:15px;font-weight:400;color:#848291;line-height:25px}
.indqz-loop-info .indqz-right{width:68%}
.indqz-loop-info .indqz-right ul{justify-content:space-around}
.indqz-loop-info .indqz-right ul li{margin:0 0 24px 24px;padding:24px;display:inline-block;background-color:#fff;position:relative;width:47%}
.indqz-right ul li a{display:flex;width:100%}
.indqz-right ul li .time{background:#deffed;border-radius:3px}
.indqz-right ul li .time .day{background:#9bffc8}
.indqz-right ul li .time span:first-child{font-weight:700}
.indqz-right ul li .time span{display:block;color:#222;border-bottom-left-radius:3px;border-bottom-right-radius:3px}
.indqz-right ul li .more{width:65%;margin-left:24px}
.indqz-right ul li .more b{color:#222}
.indqz-right ul li .more span{font-size:15px;color:#848291;line-height:25px}
.indfa{background:#242933}
.indfa-more{width:100%;align-items:flex-start}
.indfa-main{flex:1;order:1}
.indfa-main:nth-child(2){order:3}
.indfa-center{order:2;box-shadow:20px 20px 16px 0 rgba(0,0,0,.13);width:370px;margin:0 24px;background:#1a1e26;border-radius:3px;position:relative;overflow:hidden}
.indfa-center .image{width:100%;object-fit:cover;height:436px}
.indfa-center-more{position:absolute;text-align:left;z-index:4;width:100%;height:100%;top:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:34px 32px 44px}
.indfa-center-btn{width:100%}
.indfa-center-btn a{margin-left:14px}
.indfa-center-btn a:first-child{margin-left:0}
.indfa-center-info{width:100%;color:#fff}
.indfa-center-info .title{line-height:1.1}
.indfa-center-info .text{margin-top:16px}
.indfa-center-info .tags{margin-top:32px}
.indfa-center-info .tags p{padding-left:10px;width:100%;margin-top:12px;position:relative}
.indfa-center-info .tags p:first-child{margin-top:0}
.indfa-center-info .tags p::before{content:"";width:4px;height:4px;border-radius:50%;position:absolute;left:0;background:#fff;top:7px}
.indfa-main-ul{margin:-44px 0 0 -24px}
.indfa-main-items{width:calc(33.3333% - 24px);box-shadow:16px 16px 16px 0 rgba(0,0,0,.13),0 -8px 16px 0 rgba(255,255,255,.06);margin:44px 0 0 24px;height:196px;position:relative;padding:44px 22px 20px;background:#272d38;border-radius:3px;transition:all .4s ease;color:#fff}
.indfa-main-items>div{position:relative;z-index:2}
.indfa-main-items .icon{position:absolute;width:54px;height:54px;left:0;right:0;margin:0 auto;top:-27px;display:flex;align-items:center;justify-content:center}
.indfa-main-items .icon img{max-width:100%;max-height:100%}
.indfa-main-items .name{width:100%;line-height:1.1}
.indfa-main-items .text{width:100%;opacity:.6;margin-top:12px}
.indfa-main-items .text p{width:100%}
.indfa-main-items::after{content:"";box-shadow:16px 16px 20px 0 rgba(0,0,0,.24) inset,-10px -10px 16px 0 rgba(255,255,255,.06) inset;position:absolute;width:100%;height:100%;border-radius:3px;left:0;top:0;opacity:0;transition:all .4s ease}
.indfa-main-items:hover{box-shadow:16px 16px 16px 0 rgba(0,0,0,.05),0 -4px 8px 0 rgba(0,0,0,.05)}
.indfa-main-items:hover::after{opacity:1}
.indal{background:linear-gradient(to bottom,#f7f7f9,#f0f1f6)}
.indal-bgimage{width:100%;position:relative}
.indal-bgimage img{width:100%;object-fit:cover;height:518px}
.indal-mix{position:absolute;width:100%;top:0;left:0;z-index:4}
.indal-more{width:100%;align-items:flex-start}
.indal-menu{width:232px;padding:14px 0;position:relative;overflow:hidden;box-shadow:17px 17px 29px 0 rgba(85,98,151,.13);border-radius:3px;background:linear-gradient(to bottom,#f7f7fd,#fff)}
.indal-menu::after{content:"";border:2px solid #fff;position:absolute;width:100%;height:100%;top:0;left:0;background:url(../image/indalic.png) no-repeat right bottom/100% auto}
.indal-menu a{display:flex;align-items:center;width:100%;position:relative;z-index:4;height:60px;padding:0 48px;color:#383351;transition:all .4s ease}
.indal-menu a span{position:relative;z-index:4}
.indal-menu a.active,.indal-menu a:hover{color:#00af50}
.indal-menu a::before{content:"";position:absolute;width:0;left:0;height:100%;background:#fff;transition:all .4s ease}
.indal-menu a.active::before{width:100%}
.indal-menu a::after{content:"";position:absolute;top:0;bottom:0;margin:auto 0;left:0;width:3px;height:0;background:#00af50;z-index:2;transition:all .4s ease}
.indal-menu a.active::after{height:20px}
.indal-loop{width:940px;padding-left:74px}
.indal-loop .swiper-container{padding:52px 0}
.indal-loop-info{width:100%}
.indal-loop-info .cont{width:100%}
.indal-loop-info .cont .title{color:#222}
.indal-loop-info .cont .text{color:#676571;margin-top:16px}
.indal-loop-info .logo{width:100%;margin-top:38px}
.indal-loop-info .logo li{cursor:pointer;width:184px;height:76px;margin-left:12px;border-radius:3px;background:rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;padding:20px;transition:all .4s ease}
.indal-loop-info .logo li img{max-width:100%;max-height:100%;transition:all .4s ease}
.indal-loop-info .logo li .text,.indal-loop-info .logo li .title{display:none}
.indal-loop-info .logo li:first-child{margin-left:0}
.indal-loop-info .logo li:hover{background:rgba(255,255,255,.6);box-shadow:8px 8px 20px 0 rgba(85,98,151,.04)}
.indal-loop-info .logo li.active{background:#fff;box-shadow:8px 8px 20px 0 rgba(85,98,151,.1)}
.indal-loop-info .cont,.indal-loop-info .logo{opacity:0}
.swiper-slide-active .indal-loop-info .cont{animation:indalRun .8s ease both .2s}
.swiper-slide-active .indal-loop-info .logo{animation:indalRun .8s ease both .3s}
@keyframes indalRun{0%{opacity:0;transform:translateY(16px);filter:blur(4px)}
    100%{opacity:1;transform:translateY(0);filter:blur(0)}
}
.indfw{background:#fff}
.indfw-menu{width:100%;background:#fff}
.indfw-menu .indfw-menu-items{width:33.3333%;display:flex;justify-content:center;padding:0 12px}
.indfw-menu.menu2 .indfw-menu-items{width:50%}
.indfw-menu.menu4 .indfw-menu-items{width:25%}
.indfw-menu-items .icon{width:54px;height:36px;display:flex;align-items:center;justify-content:center;margin:0 auto}
.indfw-menu-items .icon img{max-width:100%;max-height:100%}
.indfw-menu-items .text{width:100%;height:42px;margin-top:10px;position:relative}
.indfw-menu-items .text span{display:block;width:100%;color:#3f434f;transition:all .4s ease}
.indfw-menu-items .text i{position:absolute;width:0;right:0;left:0;margin:0 auto;height:4px;background:#00af50;bottom:0;transition:all .4s ease .2s}
.indfw-menu-items.active .text span,.indfw-menu-items:hover .text span{color:#00af50}
.indfw-menu-items.active .text i{width:100%}
.indfw-loop{width:100%;background:#f5f8f5;box-shadow:0 4px 16px 0 rgba(0,175,80,.06) inset;overflow:hidden}
.indfw-loop .contain{width:1614px}
.indfw-loop .swiper-container{padding:50px 7px}
.indfw-loop-mix{width:100%;flex-wrap:nowrap}
.indfw-loop-info{width:374px;height:288px;border-radius:3px;border:2px solid #fff;padding:36px 48px;background:#f8f8f8 url(../image/indfwimg.png) no-repeat right bottom/82.8% auto;box-shadow:12px 12px 17px 2px rgba(85,98,151,.11);transition:all .4s ease}
.indfw-loop-info:hover{box-shadow:10px 10px 15px 2px rgba(85,98,151,.2)}
.indfw-loop-info .name{line-height:1.1;color:#222}
.indfw-loop-info .title{line-height:1.1;color:#333;margin:6px 0 16px}
.indfw-loop-info .text{color:#676571}
.indfw-loop-info .btn{width:100%;margin-top:24px}
.indfw-loop-info .btn a{margin-left:12px}
.indfw-loop-info .btn a:first-child{margin-left:0}
.indfw-loop-list{width:calc(100% - 374px);height:306px;overflow:hidden}
.indfw-loop-list .mCustomScrollBox>.mCSB_scrollTools{opacity:1;width:12px;height:calc(100% - 60px);top:20px}
.indfw-loop-list .mCSB_scrollTools .mCSB_draggerRail{background:#e2e2ea;width:1px}
.indfw-loop-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#00af50;width:4px}
.indfw-loop-list .mCSB_container{margin-right:0;padding:0 20px 18px 56px}
.indfw-loop-ul{width:100%;margin-left:-40px}
.indfw-loop-link{width:calc(33.3333% - 40px);margin-left:40px;position:relative;display:block;height:144px;padding:20px 24px 16px;transition:all .4s ease;border-radius:3px;overflow:hidden}
.indfw-loop-link .more{position:relative;z-index:2;width:100%}
.indfw-loop-link .title{width:100%;align-items:center;line-height:1.1}
.indfw-loop-link .title span{display:block;color:#222;transition:all .4s ease;max-width:calc(100% - 44px)}
.indfw-loop-link .title i{font-style:normal;width:37px;margin-left:6px;height:14px;background:url(../image/indfwhot.png) no-repeat}
.indfw-loop-link .text{color:#676571;line-height:1.1;margin:16px 0 18px}
.indfw-loop-link .tags{width:100%;display:flex;position:relative;transition:all .4s ease}
.indfw-loop-link .tags span{border-radius:3px;display:flex;align-items:center;height:24px;padding:0 8px;transition:all .4s ease;background:#fff;color:#92909e;margin-left:10px;border:1px solid #fff}
.indfw-loop-link .tags span:first-child{margin-left:0}
.indfw-loop-link:hover{box-shadow:6px 6px 14px 2px rgba(85,98,151,.11)}
.indfw-loop-link::before{content:"";opacity:0;position:absolute;width:100%;height:100%;top:0;left:0;transition:all .4s ease;background:linear-gradient(to bottom,#f7f7f7,#fff);border:2px solid #fff;border-radius:3px;overflow:hidden}
.indfw-loop-link:hover::before{opacity:1}
.indfw-loop-link:hover .title span{color:#00af50}
.indfw-loop-link:hover .tags span{background:0 0;border:1px solid #ddd}
.indfw-loop-list.indfw-loop-free{width:1400px;margin:0 auto}
.indfw-loop-list.indfw-loop-free .indfw-loop-ul{width:auto;margin:-34px 0 0 -34px}
.indfw-loop-link.free{cursor:default;width:calc(33.3333% - 34px);margin:34px 0 0 34px;height:288px;padding:54px 40px 16px;border:2px solid #fff;background:linear-gradient(to right bottom,#f5f5f6,#fff);box-shadow:6px 6px 14px 2px rgba(85,98,151,.11)}
.indfw-loop-link.free::before{display:none}
.indfw-loop-link.free:hover{box-shadow:6px 6px 14px 2px rgba(0,175,80,.14)}
.indfw-loop-link.free .title span{color:#222}
.indfw-loop-link .look{width:100%;justify-content:space-between;margin-top:30px}
.indfw-loop-link .look a{width:calc(50% - 6px);height:38px}
.indfw-loop-hint{font-size:12px;color:#aaa;display:none;width:100%}
.indzz{background:#fff}
.indzz-loop{width:100%}
.indzz-loop .swiper-wrapper{transition-timing-function:linear}
.indzz-loop-items{width:100%;padding:7px}
.indzz-loop-items .logo{width:100%;height:124px;padding:20px;display:flex;align-items:center;justify-content:center;border-radius:5px;border:1px solid #f3f3f4;box-shadow:0 0 7px 2px rgba(85,98,151,.08)}
.indzz-loop-items .logo img{max-width:100%;max-height:100%}
.indzz-list{width:100%}
.indzz-list-ul{justify-content:space-between}
.indzz-list-items{width:auto;text-align:center}
.indzz-list-items .icon{width:68px;height:68px;display:flex;align-items:flex-end;justify-content:center;margin:0 auto}
.indzz-list-items .icon img{max-width:100%;max-height:100%}
.indzz-list-items .text{color:#676571;margin-top:8px}
@media all and (max-width:1700px){.indfw-loop .contain{width:1414px}
}
@media all and (max-width:1599px){.indbar-tabs a{width:254px;margin-left:12px;padding:0 20px}
    .banner-cont .btn a{width:140px;height:40px}
    .indbar-video{width:274px;padding:8px}
    .indbar{margin-top:-71px}
    .banner-img img.none-pad-mb{height:460px}
    .banner .swiper-pagination{bottom:92px}
    .indll-ul{margin:-18px 0 0 -18px}
    .indll-items{width:calc(20% - 18px);margin:18px 0 0 18px;height:228px;padding:24px 24px}
    .indll-items .image{width:52%;right:12px;bottom:10px}
    .indll-items .image img{max-height:100px}
    .indfw-loop-ul{margin-left:0}
    .indfw-loop-link{width:33.3333%;margin-left:0;height:135px;padding:20px 20px 14px}
    .indfw-loop-info{width:330px;height:270px;padding:30px 36px}
    .indfw-loop-list{width:calc(100% - 330px);height:288px}
    .indfw-loop-list .mCSB_container{padding:0 20px 18px 40px}
    .indfw-loop-link .text{margin:14px 0 18px}
    .indfw-loop-link .tags span{padding:0 6px;margin-left:6px}
    .indfw-loop-link .tags{font-size:13px}
    .indfw-loop-link.free{height:270px;padding:48px 40px 16px}
    .indfw-loop-list.indfw-loop-free{width:100%}
    .indfa-center{width:310px;margin:0 18px}
    .indfa-center-more{padding:30px 26px 38px}
    .indfa-main-ul{margin:-38px 0 0 -18px}
    .indfa-main-items{width:calc(33.3333% - 18px);margin:38px 0 0 18px;height:172px;padding:36px 16px 16px}
    .indfa-center .image{height:382px}
    .indfa-center-info .tags p{margin-top:8px}
    .indfa-center-info .tags{margin-top:24px}
    .indfa-center-info .text{margin-top:12px}
    .indal-mix{padding-top:60px}
    .indal-menu a{height:52px;padding:0 32px}
    .indal-loop{width:800px;padding-left:60px}
    .indal-loop .swiper-container{padding:32px 0 40px}
    .indal-loop-info .logo{margin-top:32px}
    .indal-bgimage img{height:430px}
    .indal-loop-info .logo li{width:174px;height:72px;padding:16px}
    .indzz-loop-items .logo{height:110px;padding:16px}
    .indzz-list-items .text{font-size:14px}
    .indfw-loop .contain{width:1214px}
}
@media all and (max-width:1279px){.banner-cont .btn a{width:120px;height:38px}
    .banner-cont .text{margin:10px 0 20px}
    .indbar-tabs a{width:210px;margin-left:10px;padding:0 15px;height:80px}
    .indbar-video{width:230px;padding:6px}
    .indbar{margin-top:-60px}
    .indbar-video-btn{width:36px;height:36px;margin:-18px 0 0 -18px}
    .indbar-video-btn::before{width:50px;height:50px;margin:-25px 0 0 -25px}
    .banner .swiper-pagination{bottom:74px}
    .banner-img img.none-pad-mb{height:400px}
    .indll-ul{margin:-14px 0 0 -14px}
    .indll-items{width:calc(20% - 14px);margin:14px 0 0 14px;height:200px;padding:20px 15px}
    .indll-items .text{margin:8px 0 10px}
    .indll-items .image{width:50%;right:10px;bottom:6px}
    .indfw-loop-info{width:calc(100% - 36px);height:210px;background-size:232px auto;margin:0 auto}
    .indfw-loop-info .text{height:auto;-webkit-line-clamp:1}
    .indfw-loop-list{width:100%;margin-top:30px}
    .indfw-loop-list .mCSB_container{padding:0 18px 18px}
    .indfa-center{width:100%;margin:0;order:3;margin-top:24px;text-align:right}
    .indfa-center .image{position:absolute;width:auto;right:0;bottom:0;height:340px}
    .indfa-center-more{position:relative}
    .indfa-center-btn{margin-top:24px}
    .indfa-center-info .text{max-width:60%}
    .indfa-main{flex:none;width:calc(50% - 9px)}
    .indfa-more{justify-content:space-between}
    .indal-menu{width:200px;font-size:16px}
    .indal-menu a{height:44px;padding:0 28px}
    .indal-loop{width:680px;padding-left:48px}
    .indal-more{margin-top:32px}
    .indal-loop .swiper-container{padding:16px 0 24px}
    .indal-loop-info .cont .text{margin-top:10px}
    .indal-loop-info .logo li{width:160px;height:62px;padding:14px}
    .indal-loop-info .logo{margin-top:24px}
    .indal-bgimage img{height:410px}
    .indzz-loop-items .logo{height:100px;padding:14px}
    .indzz-list-ul{margin-top:-24px}
    .indzz-list-items{width:25%;margin-top:24px}
    .indfa-main:nth-child(2){order:2}
    .indfw-loop-mix{width:100%;flex-wrap:wrap}
    .indfw-loop .contain{width:974px}
    .indfw-loop-list.indfw-loop-free .indfw-loop-ul{margin:-24px 0 0 -24px}
    .indfw-loop-link.free{width:calc(33.3333% - 24px);margin:24px 0 0 24px;padding:44px 28px 16px}
    .indqz-loop-info .indqz-left,.indqz-loop-info .indqz-right{width:100%}
    .indqz-left .info{height:auto}
    .indqz-left .info .info-right{width:85%}
    .indqz-loop-info .indqz-right ul{justify-content:space-between}
    .indqz-loop-info .indqz-right ul li{width:49%;margin:20px 0 0 0}
}
@media all and (max-width:1000px){.indbar{margin-top:40px}
    .banner .swiper-pagination{bottom:24px}
    .indbar-video{width:100%}
    .indbar-video img{height:200px}
    .indbar-tabs{width:100%;margin-top:24px;justify-content:space-between}
    .indbar-tabs a{width:32%;margin:0}
    .indal-menu{width:180px}
    .indal-loop{width:calc(100% - 180px);padding-left:32px}
    .indal-loop-info .logo li{width:152px;height:58px;margin-left:10px}
    .indal-more{margin-top:28px}
    .indfw-loop-list{height:316px;overflow-y:auto;padding:10px 20px 18px;margin-top:20px}
    .indfw-loop-ul{margin-top:-20px;justify-content:space-between}
    .indfw-loop-link{width:calc(50% - 10px);margin-top:20px}
    .indfw-loop-link::before{opacity:1}
    .indfw-menu-items .text{font-size:16px}
    .indfa-main-items{width:calc(33.3333% - 18px)}
    .indfa-main:nth-child(2){margin-top:38px}
    .indfa-main{width:100%}
    .indll-items{width:calc(33.3333% - 14px)}
    @keyframes bannerRight{0%{opacity:0;transform:translateX(100px);filter:blur(6px)}
        100%{opacity:1;transform:translateX(0);filter:blur(0)}
    }
    .indfw-loop-link .tags span{background:0 0;border:1px solid #ddd}
    .indfw-loop-hint{display:block;margin-top:8px;padding:0 20px}
    .indfw-loop .contain{width:100%}
    .indfw-loop-link.free{width:calc(50% - 24px)}
    .indfw-loop-list.indfw-loop-free{height:298px}
    .indqz-menu .text{font-size:16px}
    .indqz-left .info .info-right{width:78%}
    .indqz-menu .indqz-menu-items,.indqz-menu .indqz-menu-items-first{padding:0 4%}
}
@media all and (max-width:640px){.banner-cont .title{font-size:20px}
    .banner-cont .text{font-size:14px}
    .banner-cont .btn a{width:110px;height:36px;margin-left:10px}
    .banner-cont .text{margin:8px 0 16px}
    .banner .swiper-pagination{bottom:18px}
    .banner .swiper-pagination-bullet{width:24px;height:2px;margin-left:8px}
    .indbar{margin-top:32px}
    .indbar-video img{height:140px}
    .indbar-tabs{margin-top:18px}
    .indbar-tabs a{width:100%;margin-top:12px}
    .indbar-tabs a:first-child{margin-top:0}
    .indll-ul{margin:-14px 0 0}
    .indll-items{width:100%;margin:14px 0 0;height:184px}
    .indll-items .image{width:44%}
    .indfw-menu-items .text{font-size:12px;text-align:center;line-height:17px;margin-top:6px}
    .indfw-menu-items .text i{height:3px}
    .indfw-loop .swiper-container{padding:30px 4% 36px}
    .indfw-loop-info{height:186px;background-size:200px auto;width:100%;padding:20px 16px}
    .indfw-loop-info .text{height:44px;-webkit-line-clamp:2;line-height:22px}
    .indfw-loop-info .title{margin:4px 0 10px}
    .indfw-loop-info .btn{margin-top:16px}
    .indfw-loop-list{padding:0;height:256px}
    .indfw-loop-ul{margin-top:-14px}
    .indfw-loop-link{width:100%;margin-top:14px;box-shadow:none!important;padding:20px 16px 14px;height:120px}
    .indfw-loop-link .text{margin:10px 0 14px}
    .indfw-loop-list.indfw-loop-free .indfw-loop-ul{margin:-18px 0 0}
    .indfw-loop-link.free{width:100%;margin:18px 0 0;padding:24px 16px;height:194px}
    .indfw-loop-link .look{margin-top:20px}
    .indfw-loop-link .look a{height:36px}
    .indfw-loop-list.indfw-loop-free{height:406px}
    .indfa .indTitle .name{font-size:18px}
    .indfa-main-ul{margin:-36px 0 0 -14px}
    .indfa-main-items{width:calc(50% - 14px);margin:36px 0 0 14px}
    .indfa-more{margin-top:40px}
    .indfa-center-info .text{max-width:100%}
    .indfa-center .image{height:264px}
    .indfa-center-more{padding:24px 16px 30px}
    .indfa-center{margin-top:20px}
    .indal{padding:36px 0 20px}
    .indal-mix .contain{width:100%}
    .indal-bgimage{position:absolute;left:0;top:0;height:100%}
    .indal-bgimage img{height:100%}
    .indal-bgimage .swiper-container{height:100%}
    .indal-mix{padding-top:0;position:relative}
    .indal-menu{width:100%;font-size:15px;display:flex;justify-content:space-between;padding:0 4%}
    .indal-menu::after{display:none}
    .indal-menu a{width:auto;padding:0}
    .indal-menu a::before{display:none}
    .indal-menu a::after{top:auto;left:0;width:0;height:2px;right:0;margin:0 auto}
    .indal-menu a.active::after{height:2px;width:100%}
    .indal-loop{width:100%;padding-left:0}
    .indal-loop .swiper-container{padding:30px 4% 20px}
    .indal-loop-info .logo li{width:104px;height:44px;margin-left:6px;padding:8px}
    .indal-loop-info .logo{margin-top:16px}
    .indzz-loop-items .logo{height:88px;padding:10px}
    .indzz-list-items{width:50%;margin-top:16px}
    .indzz-list-ul{margin-top:-16px}
    .indfw-loop-hint{margin-top:8px;padding:0}
    .indal-menu{width:100%;font-size:15px;display:flex;justify-content:space-between;padding:0 4%}
    .indqz-left .info{height:auto}
    .indfw-loop-list.indfw-loop-free{height:298px}
    .indqz-menu .text{font-size:15px}
    .indqz-menu .indqz-menu-items,.indqz-menu .indqz-menu-items-first{padding:0 4%}
    .indqz-left .info .info-right{width:60%}
    .indqz-loop-info .indqz-right ul{justify-content:space-between}
    .indqz-loop-info .indqz-right ul li{width:100%;margin:20px 0 0 0}
}