.indexban{position:relative}
.m-bann{display:none}
.indexban .textbox{position:absolute;left:50%;margin-left:-42.97vw;z-index:3;top:260px;opacity:1}
/* .indexban .textbox.cur{} */
.indexban .textbox .title1{color:#fff;font-weight:bold;text-align:center;font-size:72px;line-height:90px}
.indexban .textbox .title2{color:#fff;text-align:center;font-size:30px;line-height:48px}
.indexban .textbox .entitle{font-family:Arial;color:rgba(255,255,255,0.1);text-align:center;font-size:16px}
.indexban .videobox .video video{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:fill;object-position:center center}
/* .indexban .videobox.cur .video video{z-index:9;visibility:visible;opacity:1;object-fit:fill;object-position:center center}
.indexban .videobox.cur .textbox,
.indexban .videobox.cur .img{z-index:-1;visibility:hidden;opacity:0} */
.indexban .videobox .img{z-index:-1;visibility:hidden;opacity:0}
.indexban .play{width:70px;height:70px;margin:82px auto 0;cursor:pointer;display:none}
.indexban .textbox .box{width:922px;height:385px;background-color:rgba(0,0,0,0.5);margin:0 auto;padding:68px 10px 0}
.indexban .textbox .title3{color:#fff;font-size:24px;text-align:center;}
.indexban .textbox .more{width:180px;height:56px;position:relative;background-color:#303b8b;color:#fff;line-height:56px;padding-left:84px;border-radius:56px;margin:52px auto 0}
.indexban .textbox .more:after{content:"";width:30px;height:1px;background-color:#fff;position:absolute;left:40px;top:50%;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.indexban .textbox .more:hover{padding-left:40px}
.indexban .textbox .more:hover:after{left:110px}
.indexban .swiper-button-next, .indexban .swiper-button-prev{width:80px;height:80px;border-radius:80px;margin-top:-40px;opacity:1;background-size:18px 34px}
.indexban .swiper-button-next{background-image:url(../img/banr.png);right:calc(49px + 2.5vw)}
.indexban .swiper-button-prev{background-image:url(../img/banl.png);left:calc(49px + 2.5vw)}
.indexban .swiper-button-next:hover,
.indexban .swiper-button-prev:hover{background-color:rgba(48,59,139,0.9)}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{position:relative;width:10px;height:10px;margin:0 55px;vertical-align:middle;padding:0;border:2px solid rgba(255,255,255,0.35);background:0;border-radius:50%;cursor:pointer;opacity:1;z-index:6}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets{bottom:50px}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:before,
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:after{content:"";position:absolute;transform-origin:0 0;transform:translate3d(-50%,-50%,0);top:50%;left:50%;width:24px;height:24px;border:1px solid transparent;border-radius:50%}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:after{width:34px;height:34px}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover:after,
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover:before{border-color:rgba(255,255,255,0.3)}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover:before{border-top-color:transparent;animation:rotating 3s linear infinite}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover:after{width:34px;height:34px;border-top-color:transparent;border-bottom-color:transparent;animation:rotating 3s linear reverse infinite}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{border:2px solid white}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active:before{background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.2)}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets:after{content:"";width:100%;height:106px;background:linear-gradient(to top,rgba(10,20,25,0.7) 0,rgba(10,20,25,0) 100%);position:absolute;bottom:-49px;left:0}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet .show1{width:110px;height:1px;background-color:rgba(255,255,255,0.35);position:absolute;top:50%;right:-112px}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet .show2{width:0;height:1px;background-color:#fff;position:absolute;top:50%;left:100%}
/* .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active .show2{width:110px;transition:10s ease-in-out 0s;-webkit-transition:10s ease-in-out 0s;-moz-transition:10s ease-in-out 0s} */
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active .show2{animation:fillWidth 10s linear infinite}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-last-of-type(1) .show1,
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-last-of-type(1) .show2{display:none}

@keyframes rotating{from{transform:rotate(0) translate3d(-50%,-50%,0)}
to{transform:rotate(360deg) translate3d(-50%,-50%,0)}
}
@keyframes fillWidth{from{width:0}
to{width:110px}
}
@keyframes unfillWidth{from{left:0;width:100%}
to{left:100%;width:0}
}

@media (max-width:1800px){
    
}

@media (max-width:1620px){
    .indexban .textbox{margin-left:-44.97vw}
    .indexban .swiper-button-next{right:calc(20px + 2.4vw)}
    .indexban .swiper-button-prev{left:calc(20px + 2.4vw)}
    .indexban .textbox .title1{font-size:66px}
    .indexban .textbox .title2{font-size:26px}
    .indexban .textbox .title3{font-size:20px}
    .indexban .textbox.cur{top:200px}
    .indexban .textbox{top:300px}
}

@media (max-width:1440px){
    .indexban .textbox{margin-left:-46.97vw}
    .indexban .swiper-button-next{right:calc(10px + 1.6vw)}
    .indexban .swiper-button-prev{left:calc(10px + 1.6vw)}
    .indexban .textbox.cur{top:180px}
    .indexban .textbox{top:260px}
    .indexban .textbox .title1{font-size:48px;line-height:70px}
    .indexban .textbox .title2{font-size:22px;line-height:34px}
    .indexban .textbox .title3{font-size:18px}
    .indexban .swiper-button-next, .indexban .swiper-button-prev{width:58px;height:58px;margin-top:-29px;background-size:12px auto}
    .indexban .play{width:56px;height:56px;margin:60px auto 0}
    .indexban .textbox .box{width:640px;height:280px;padding:45px 10px 0}
    .indexban .textbox .more{margin:30px auto 0}
}

@media (max-width:1280px){
    .indexban .textbox{margin-left:-48.47vw}
    .indexban .swiper-button-next{right:10px}
    .indexban .swiper-button-prev{left:10px}
    .indexban .textbox .title1{font-size:40px;line-height:52px}
    .indexban .textbox.cur{top:140px}
    .indexban .textbox{top:200px}
}
@media (max-width:1024px){
    .pcbanner{display:none}
    .m-bann{display:block}
    .indexban .textbox{width:100%;left:0;margin-left:0;padding:0 15px}
    .indexban .textbox .title{font-size:16px}
    .indexban .textbox{top:15%}
    /* .indexban .textbox.cur{top:40px} */
    .indexban .textbox .title1{font-size:22px;line-height:34px}
    .indexban .textbox .title2{font-size:16px;line-height:22px}
    .indexban .textbox .entitle{font-size:12px;line-height:20px}
    .indexban .play{width:40px;height:40px;margin:30px auto 0}
    .indexban .textbox .title3{font-size:16px}
    .indexban .textbox .more{width:118px;height:34px;line-height:34px;font-size:12px;padding-left:50px}
    .indexban .textbox .more:after{width:15px;left:20px}
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{opacity:1;background-color:#fff}
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:#e62129}
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets{bottom:15px}
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
    .indexban .videobox .video video{z-index:-1;visibility:hidden;opacity:0}
    .indexban .videobox.cur .video video{z-index:9;visibility:visible;opacity:1;object-fit:fill;object-position:center center}
    .indexban .videobox.cur .textbox,
    .indexban .videobox.cur .img{z-index:-1;visibility:hidden;opacity:0}
    .indexban .videobox .img{z-index:1;visibility:visible;opacity:1}
    .indexban .play{display:block}
}
@media (max-width:380px){
    .indexban .textbox .title1{font-size:22px;line-height:32px}
    .indexban .textbox .title2{font-size:16px;line-height:22px}
    .indexban .textbox .entitle{font-size:12px;line-height:20px}
    .indexban .play{width:30px;height:30px;margin:30px auto 0}
    .indexban .textbox .title3{font-size:14px}
    .indexban .textbox .more{width:110px;height:34px;line-height:34px;font-size:12px;padding-left:42px}
    .indexban .textbox .more:after{width:15px;left:20px}
}

@media (max-width:370px){
    .indexban .textbox{top:75px}
    .indexban .textbox.cur{top:25px}
}

.indextitlebox .entitle{font-family:Arial;font-weight:bold;font-size:48px;color:#000;line-height:1}
.indextitlebox .cntitle{font-size:30px;color:#000;margin-top:14px;line-height:1.2}
.indexa{padding:116px 0;background-image:url(../img/iabg.jpg);background-repeat:no-repeat;background-position:center bottom;background-size:100% auto}
.iatextbox{width:calc(100% - 988px - 5.729vw);margin-right:5.729vw}
.iatextbox .title{font-size:30px;margin:28px 0 30px}
.iatextbox .text{color:#666;line-height:1.714;height:188px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8}
.iatextbox .btn{width:180px;height:56px;border-radius:56px;margin-top:1.5vw;display:block;background-color:#303b8b;color:#fff;line-height:56px;padding-left:84px;position:relative}
.iatextbox .btn:after{content:"";width:30px;height:1px;position:absolute;top:50%;left:40px;background-color:#fff;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.iatextbox .btn:hover{padding-left:34px}
.iatextbox .btn:hover:after{left:110px}
.iavidexbox{position:relative}
.iavidexbox video{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;opacity:0;visibility:hidden}
.iavidexbox .play{width:65px;height:65px;position:absolute;top:50%;margin-top:-34px;left:50%;margin-left:-34px;z-index:2;cursor:pointer}
.iavidexbox.cur .img,
.iavidexbox.cur .play{z-index:-1;opacity:0;visibility:hidden}
.iavidexbox.cur video{z-index:8;opacity:1;visibility:visible}
.iavidexbox:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.indexabot{margin-top:108px;justify-content:space-between}
.indexabotlist .numUp{color:#000;font-size:60px;line-height:1;font-family:Arial}
.indexabotlist .unit{color:#666;margin-top:34px;margin-left:8px}
.indexabotlist .text{margin-top:4px;color:#666;padding-left:5px}
.indexb{position:relative}
.indexbconlist .textbox{max-width:368px;position:absolute;top:10.937vw;left:26.83vw;opacity:0}
.indexbconlist.cur .textbox{opacity:1;left:6.83vw}
.indexbconlist .textbox .entitle{color:#fff;line-height:0.95;font-size:48px;font-weight:bold;font-family:Arial}
.indexbconlist .textbox .cntitle{color:#fff;font-size:30px;line-height:36px;margin-top:8px}
.indexbconlist .textbox .text{margin:26px 0 62px;color:#fff;line-height:1.714;height:96px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.indexbconlist .textbox .btn{width:180px;height:56px;border-radius:56px;display:block;color:#fff;border:1px solid rgba(255,255,255,0.5);line-height:56px;padding-left:84px;position:relative}
.indexbconlist .textbox .btn:after{content:"";width:30px;height:1px;position:absolute;top:50%;left:40px;background-color:#fff;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.indexbconlist .textbox .btn:hover{padding-left:34px;background-color:#303b8b;border-color:#303b8b}
.indexbconlist .textbox .btn:hover:after{left:110px}
.indexbconlist .img{display:none}
.indexbslide{width:100%;position:absolute;bottom:4.583vw;left:0;background-color:rgba(255,255,255,0.3);padding-top:30px;padding-bottom:20px}
.indexbslide:after{content:"";width:calc(6.83vw + 4.166vw);height:1px;background-color:rgba(255,255,255,0.3);position:absolute;top:40px;left:0}
.indexbslide:before{content:"";width:calc(6.83vw + 4.166vw);height:1px;background-color:rgba(255,255,255,0.3);position:absolute;top:40px;right:0}
.indexblist{width:12.5%;position:relative;cursor:pointer}
.indexblist:after{content:"";width:calc(100% - 42px);height:1px;background-color:rgba(255,255,255,0.3);position:absolute;top:10px;right:-40%}
.indexblist:nth-last-of-type(1):after{display:none}
.indexblist .iconbox{width:22px;height:22px;position:relative;margin:0 auto}
.indexblist .showicon{width:22px;height:22px;margin:0 auto}
.indexblist .hideicon{width:64px;height:64px;text-align:center;line-height:64px;position:absolute;z-index:6;top:50%;margin-top:-32px;left:50%;margin-left:-32px;opacity:0;background-image:url(../img/ibiconbg.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%;transform:scale3d(0,0,0);-webkit-transform:scale3d(0,0,0);-moz-transform:scale3d(0,0,0);transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.indexblist .hideicon img{display:inline-block;vertical-align:middle;margin-bottom:3px}
.indexblist .title{color:#fff;font-size:16px;text-align:center;margin-top:22px}
/* .indexbbotbox{padding:0 90px} */
.indexblist.cur .showicon{display:none}
.indexblist.cur .hideicon{opacity:1;transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1)}
.indexblist.cur .title{font-weight:bold}
.indexbwapimglist{display:none}
.ibwapslide .box{display:block;background-color:#fff;border-radius:10px;padding:35px 20px 70px}
.ibwapslide .box .cntitle{text-align:center;font-size:20px;color:#000;font-weight:bold}
.ibwapslide .box .entitle{font-size:20px;text-align:center;font-weight:bold;line-height:1;font-family:Arial;margin-top:3px}
.ibwapslide .box .text{color:#666;text-align:center;margin:22px 0 35px;line-height:1.6;height:90px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.ibwapslide .box .btn{width:138px;height:38px;line-height:38px;padding-left:60px;border-radius:56px;margin:0 auto 0;display:block;background-color:#303b8b;color:#fff;position:relative}
.ibwapslide .box .btn:after{content:"";width:20px;height:1px;position:absolute;top:50%;left:25px;background-color:#fff;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.ibwapslide .box .btn:hover{padding-left:34px}
.ibwapslide .box .btn:hover:after{left:110px}
.ibwapslide .swiper-container-horizontal{border-radius:10px;box-shadow:0px 3px 30px 0px rgba(34, 34, 34, 0.13)}
.ibwapslide .swiper-container-horizontal>.swiper-pagination-bullets{bottom:25px}
.ibwapslide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{background-color:#999;opacity:1}
.ibwapslide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:#e62129}
.indexclist.cur .swiper-container-horizontal>.swiper-pagination-bullets{bottom:0}
.indexclist.cur .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{background-color:#999;opacity:1}
.indexclist.cur .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:#e62129}
.ibwapslide{margin-top:-40px}
.indexc{position:relative;padding:86px 0 80px;overflow:hidden}
.indexc .indexcbg{position:absolute;top:45px;left:-30px}
.indexctop{position:relative;z-index:3}
.indexctopr{width:calc(100% - 380px);position:relative;padding:0 50px}
/* .indexctopr:after{content:"";width:114px;height:114px;position:absolute;top:0;right:0;z-index:3;background-image:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 15%, rgba(255,255,255,1) 60%);background-image:-webkit-linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 15%, rgba(255,255,255,1) 60%);background-image:-moz-linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 15%, rgba(255,255,255,1) 60%)} */
.indexctopr .swiper-slide{width:auto;cursor:pointer}
.indexctopr .icon{width:80px;height:80px;margin:0 auto}
.indexctopr .img2{display:none}
.indexctopr .swiper-slide.cur .img1{display:none}
.indexctopr .swiper-slide.cur .img2{display:block}
.indexctopr .title{color:#666;margin-top:14px;text-align:center}
.indexctopr .swiper-button-next{width:13px;height:24px;background-size:100% 100%;background-image:url(../img/icright.png);opacity:1;right:0;z-index:6}
.indexctopr .swiper-button-prev{width:13px;height:24px;background-size:100% 100%;background-image:url(../img/icleft.png);opacity:1;left:0;z-index:6}
/* .indexctopr .swiper-button-prev.cur{opacity:1} */
.indexctopr:hover .swiper-button-next{opacity:1}
.indexcbot{margin-top:44px}
.indexclist{position:relative}
.indexclist .swiper-button-next, .indexclist .swiper-button-prev{width:46px;height:46px;margin-top:-23px;background-size:100% 100%;opacity:1}
.indexclist .swiper-button-next{background-image:url(../img/col2right.png);right:-70px}
.indexclist .swiper-button-next:hover{background-image:url(../img/col2right_cur.png)}
.indexclist .swiper-button-prev{background-image:url(../img/col2left.png);left:-70px}
.indexclist .swiper-button-prev:hover{background-image:url(../img/col2left_cur.png)}

.indexclist, .indexbwap{display:none}
.indexclist .swiper-slide{width:20%;height:686px;overflow:hidden}
.indexclist .swiper-slide .box{width:550px;display:block;background-color:#000;position:relative}
.indexclist .swiper-slide .img{overflow:hidden}
.indexclist .swiper-slide img{opacity:0.5}
.indexclist .swiper-slide .textbox{width:100%;padding:0 30px;position:absolute;bottom:20px;left:0}
.indexclist .swiper-slide .textbox .title{width:calc(100% - 120px);color:rgba(255,255,255,0.5);font-size:18px;font-weight:bold;line-height:30px;height:34px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.indexclist .swiper-slide .textbox .more{height:34px;line-height:34px;color:#fff;padding-left:40px;font-size:16px;font-weight:bold;font-family:Arial;position:relative}
.indexclist .swiper-slide .textbox .more:after{content:"";width:30px;height:1px;background-color:#fff;position:absolute;top:50%;left:0}
.indexclist .swiper-slide.cur{box-shadow:0px 4px 30px 0px rgba(0,0,0,0.1)}
.indexclist .swiper-slide.cur .textbox .title{color:#fff}
.indexclist .swiper-slide.cur img{opacity:1;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)}
/* .indexclist .swiper-container{overflow:inherit} */
/* .indexclist .swiper-slide:nth-last-of-type(1){display:none} */


@media (max-width:1820px){
    .iavidexbox{width:878px}
    .iatextbox{width:calc(100% - 878px - 4.5vw);margin-right:4.5vw}
    .indextitlebox .entitle{font-size:44px}
    .iatextbox .title, .iatextbox .title{font-size:26px}
    /* .iatextbox .btn{margin-top:4.5vw} */
    .iatextbox .title{margin:22px 0 24px}
}

@media (max-width:1620px){
    .indextitlebox .entitle{font-size:40px}
    .indextitlebox .cntitle{font-size:24px}
    .iavidexbox{width:828px}
    .iatextbox{width:calc(100% - 828px - 3.5vw);margin-right:3.5vw}
    .indexblist:after{right:-38%}
    .indexbslide:after{content:"";width:calc(4.83vw + 4.166vw)}
    .indexbslide:before{content:"";width:calc(4.83vw + 4.166vw)}
    .indexbconlist .textbox{top:8.937vw}
    .indexbconlist.cur .textbox{left:4.83vw}
    .indextitlebox .entitle{font-size:40px}
    .iatextbox .title, .iatextbox .title{font-size:24px}
    /* .iatextbox .btn{margin-top:4vw} */
    .iatextbox .title{margin:20px 0 22px}
}

@media (max-width:1440px){
    .indextitlebox .entitle{font-size:30px}
    .indextitlebox .cntitle{font-size:20px;margin-top:8px}
    .iavidexbox{width:748px}
    .iatextbox{width:calc(100% - 748px - 3.5vw);margin-right:3.5vw}
    .iatextbox .title{font-size:20px;margin:18px 0 20px}
    /* .iatextbox .btn{margin-top:3vw} */
    .indexabotlist .numUp{font-size:50px}
    .indexabotlist .unit{margin-top:30px}
    .indexblist:after{right:-36%}
    .indexbslide:after{content:"";width:calc(3.83vw + 3.566vw)}
    .indexbslide:before{content:"";width:calc(3.83vw + 3.566vw)}
    .indexbconlist .textbox{top:6.937vw}
    .indexbconlist.cur .textbox{left:3.83vw}
    .indexbconlist .textbox .entitle{font-size:36px}
    .indexbconlist .textbox .cntitle{font-size:24px}
    .indexbconlist .textbox .text{margin:18px 0 40px}
    /* .indexctopr{width:830px} */
    .indexc .indexcbg{width:706px;left:-20px}
    .indexclist .swiper-slide .box{width:450px}
    .indexclist .swiper-slide{height:auto}
	
	.indexclist .swiper-button-next, .indexclist .swiper-button-prev{width:32px;height:32px;margin-top:-16px}
	.indexclist .swiper-button-next{right:-40px}
	.indexclist .swiper-button-prev{left:-40px}
}

@media (max-width:1280px){
    .iavidexbox{width:688px}
    .iatextbox{width:calc(100% - 688px - 2vw);margin-right:2vw}
    .iatextbox .title{font-size:20px;margin:10px 0 12px}
    /* .iatextbox .btn{margin-top:2.5vw} */
    .indexbslide:after{content:"";width:calc(1.33vw + 4.266vw)}
    .indexbslide:before{content:"";width:calc(1.33vw + 4.266vw)}
    .indexbconlist .textbox{top:5.5vw}
    .indexbconlist.cur .textbox{left:1.33vw}
    .indexbconlist .textbox .entitle{font-size:36px}
    .indexbconlist .textbox .cntitle{font-size:24px}
    .indexbconlist .textbox .text{margin:18px 0 40px}
    .indexctopr{width:calc(100% - 280px)}
    .indexc .indexcbg{width:606px;left:-15px}
	
	.indexclist .swiper-button-next{right:10px}
	.indexclist .swiper-button-prev{left:10px}
}

@media (max-width:1024px){
    .indextitlebox .entitle{font-size:24px}
    .indextitlebox .cntitle{font-size:18px;margin-top:3px}
    .indexa{background-image:url(../img/iabgwap.jpg);padding:50px 0;background-size:100% 100%}
    .iatextbox{width:100%;margin-right:0}
    .indexatop>.img{width:100%;margin-top:30px;float:left}
    .iatextbox .title{font-size:18px;margin:15px 0}
    .iatextbox .text{line-height:1.6;font-size:12px;-webkit-line-clamp:10;height:192px}
    .iatextbox .btn{margin-top:45px;width:138px;height:38px;line-height:38px;padding-left:60px;float:left}
    .iatextbox .btn:after{left:25px;width:20px}
    .iavidexbox{width:100%;margin-top:40px}
    .iavidexbox .play{width:38px;height:38px;margin-top:-19px;margin-left:-19px}
    .indexabot{margin-top:35px}
    .indexabotlist{width:50%}
    .indexabotlist:nth-of-type(1), .indexabotlist:nth-of-type(2){margin-bottom:15px}
    .indexabotlist .numUp{font-size:34px}
    .indexabotlist .text{font-size:12px}
    .indexabotlist .unit{margin-left:5px;margin-top:14px}
    .indexb{display:none}
    .indexbwap{display:block}
    .indexc{padding:65px 0 50px}
    .indexc .indexcbg{width:100%;left:0;top:45px}
    .indexctop .indextitlebox{width:100%}
    .indexctop .indextitlebox .entitle,
    .indexctop .indextitlebox .cntitle{text-align:center}
    .indexctopr{width:100%;margin-top:30px;padding:0 35px}
    .indexctopr .icon{width:46px;height:46px}
    .indexctopr .title{margin-top:8px;font-size:12px}
    .indexctopr:after{width:35px;height:100px}
    .indexc .wrap{padding:0 0 0 15px}
    .indexcbot{margin-top:25px}
	.indexclist{padding-right:45px;padding-left:35px}
    /* .indexclist .swiper-container{padding-bottom:50px;overflow:hidden} */
	.indexclist .swiper-button-next, .indexclist .swiper-button-prev{width:24px;height:24px;margin-top:-12px}
	.indexclist .swiper-button-next{right:10px}
	.indexclist .swiper-button-prev{left:0}
	.indexclist .swiper-container{overflow:hidden}
    .indexclist .swiper-slide{height:auto}
    .indexclist .swiper-slide .box{width:100%}
    .indexclist .swiper-slide .textbox{padding:0 15px}
    .indexclist .swiper-slide .textbox .title{width:calc(100% - 100px);font-size:18px;height:24px;line-height:24px}
    .indexclist .swiper-slide .textbox .more{font-size:12px;line-height:24px;height:24px;padding-left:25px}
    .indexclist .swiper-slide .textbox .more:after{width:15px;top:45%}
    .indexclist .swiper-slide:nth-last-of-type(1){display:block}
    .indexctopr .swiper-button-next{right:15px}
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:after,
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active:before,
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets:after{display:none}
    .indexctopr .swiper-button-prev{left:0}
}

@media (max-width:380px){
    
}


.indexd{position:relative;padding:50px 0 116px;background-color:#f4f4f5}
.indexdbg{position:absolute;top:72px;left:-30px}
.indexdtop{position:relative;z-index:3}
.indexdtopr{margin-top:56px}
.indexdtoplist{color:#282828;font-size:16px;cursor:pointer;line-height:30px;padding-bottom:16px;position:relative;margin-right:56px}
.indexdtoplist:nth-last-of-type(1){margin-right:0}
.indexdtoplist:after{content:"";width:0%;height:2px;background-color:#303b8b;position:absolute;bottom:0;left:0;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.indexdtoplist.cur:after,
.indexdtoplist:hover:after{width:100%}
.indexdtoplist.cur,
.indexdtoplist:hover{color:#303b8b;font-weight:bold}
.indexdbot{margin-top:44px}
.indexdlist{display:none}
.column2_1left{width:762px}
.column2_1left a{display:block}
.column2_1left .img img{width:100%}
.column2_1left .textbox{padding:32.5px 50px 90px 40px;background-color:#fff}
.column2_1left .datebox{margin-top:4px;padding-right:20px;border-right:1px solid #ededed}
.column2_1left .rightbox{width:calc(100% - 108px);margin-left:20px}
.column2_1left .day{color:#303b8b;font-size:52px;line-height:1;font-weight:bold;font-family:Arial}
.column2_1left .year{color:#303b8b;font-size:16px;margin-top:2px;font-family:Arial}
.column2_1left .title{color:#2e2e2e;font-size:24px;font-weight:bold;line-height:1.5;height:72px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.column2_1left .text{margin-top:34px;color:#999;height:81px;line-height:2.143;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.column2_1left .wapdate, .column2item .wapdate{display:none;font-size:16px;color:#ccc;font-weight:bold}
.column2_1left:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.column2_1left:hover .title{color:#303b8b}
.column2_1right{width:calc(100% - 822px);margin-left:60px}
.column2item{display:block;margin-bottom:20px;padding:36px 36px 36px 30px;background-color:#fff}
.column2item:nth-last-of-type(1){margin-bottom:0}
.column2item .datebox{padding-left:35px;border-left:1px solid #ececf0;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.column2item .day{font-size:72px;line-height:1;font-family:Arial}
.column2item .year{color:#52504d;font-size:20px;font-family:Arial}
.column2item .textbox{width:calc(100% - 168px);margin-right:46px}
.column2item .title{font-size:22px;line-height:32px;height:32px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.column2item .text{color:#999;margin-top:16px;line-height:1.714;height:46px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.column2item:hover{background-color:#303b8b}
.column2item:hover .title{color:#fff}
.column2item:hover .text{color:rgba(255,255,255,0.5)}
.column2item:hover .datebox{border-left-color:rgba(255,255,255,0.5)}
.column2item:hover .datebox .day{color:#fff}
.column2item:hover .datebox .year{color:rgba(255,255,255,0.5)}
.indexe{background-color:#f4f4f5;}
.indexelist{width:calc((100% - 20px) / 2);position:relative}
.indexelist:nth-of-type(1){margin-right:20px}
.indexelist .wapimg{display:none}
.indexelist .textbox{position:absolute;left:4.83vw;top:4.687vw}
.indexelist .topicon{height:34px}
.indexelist .titlebox{margin-top:54px}
.indexelist .titlebox .cntitle{font-size:30px;font-weight:bold}
.indexelist .titlebox .entitle{color:rgba(51,51,51,0.3);margin-top:6px}
.indexelist .iconbox{margin-top:55px}
.indexelist .iconlist{width:110px;height:110px;background-color:#fff;border-radius:10px;padding-top:20px;margin-right:20px}
.indexelist .iconlist:nth-last-of-type(1){margin-right:0}
.indexelist .iconlist .icon{height:31px;line-height:31px;text-align:center}
.indexelist .iconlist .icon img{display:inline-block;vertical-align:middle}
.indexelist .iconlist .title{color:#999;margin-top:15px;text-align:center}
.indexelist .text{margin:32px 0 66px;color:#666;font-size:16px}
.indexelist .text span{color:#e62129;font-weight:bold;font-family:Arial;font-size:22px}
.indexelist .btn{width:48px;height:33px;background-image:url(../img/iemore.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}

@media (max-width:1800px){
    
}

@media (max-width:1620px){
    .indexelist .textbox{left:3.83vw;top:3.5vw}
}

@media (max-width:1440px){
    .indexdtoplist{margin-right:35px}
    .column2_1left{width:600px}
    .column2_1right{width:calc(100% - 660px)}
    .column2item{padding:27px 36px 26px 30px}
    .column2item .day{font-size:58px;text-align:center}
    .column2_1left .textbox{padding:32px 50px 90px 40px}
    .indexelist .textbox{left:2.33vw;top:2.5vw}
    .indexelist .titlebox{margin-top:35px}
    .indexelist .iconbox{margin-top:30px}
    .indexelist .text{margin:20px 0 40px}
    .indexelist .iconlist{width:100px;padding:20px 10px 0;margin-right:10px}
    
}

@media (max-width:1280px){
    .indexelist .titlebox{margin-top:25px}
    .indexelist .iconbox{margin-top:20px}
    .indexelist .textbox{left:1.2vw}
}

@media (max-width:1024px){
    .indexd{padding:50px 0}
    .indexdbg{width:80%;left:50%;margin-left:-40%;top:30px}
    .indexdtop .indextitlebox{width:100%}
    .indexdtop .indextitlebox .entitle,
    .indexdtop .indextitlebox .cntitle{text-align:center}
    .indexdtopr{width:100%;margin-top:16px;text-align:center}
    .indexdtoplist{float:none;display:inline-block;margin:0 10px;padding-bottom:10px}
    .column2_1left{width:100%}
    .column2_1left .textbox{padding:25px 25px 40px}
    .column2_1left .wapdate{display:block}
    .column2_1left .datebox{display:none}
    .column2_1left .rightbox{width:100%;margin-left:0;float:none}
    .column2_1left .title{font-size:18px;height:56px}
    .column2_1left .text{margin-top:15px;line-height:1.6;height:68px}
    .column2_1right{width:100%;margin-top:15px;margin-left:0}
    .column2item{margin-bottom:15px;padding:25px 30px}
    .column2item .wapdate{display:block}
    .column2item .textbox{width:100%;float:none}
    .column2item .datebox{display:none}
    .column2item .title{font-size:18px;height:24px;line-height:24px;margin-top:4px}
    .column2item .text{margin-top:10px;line-height:1.6;height:44px}
    .indexdbot{margin-top:25px}
    .indexelist .wapimg{display:block}
    .indexelist .img{display:none}
    .indexelist{width:100%}
    .indexelist:nth-of-type(1){margin-right:0;margin-bottom:15px}
    .indexelist .topicon{height:22px}
    .indexelist:nth-of-type(1) .topicon img{width:22px}
    .indexelist:nth-of-type(2) .topicon img{width:18px}
    .indexelist .titlebox{margin-top:10px}
    .indexelist .titlebox .cntitle{font-size:18px}
    .indexelist .titlebox .entitle{font-size:12px;margin-top:4px}
	.indexelist .wapimg img{width:100%}
    .indexelist .iconlist{width:19%;margin-right:1.25%;height:auto;padding:15px 5px;border-radius:5px}
    .indexelist .iconlist:nth-of-type(1) .icon img,
    .indexelist .iconlist:nth-of-type(2) .icon img{width:20px}
    .indexelist .iconlist:nth-of-type(3) .icon img{width:22px}
    .indexelist .iconlist:nth-of-type(4) .icon img,
    .indexelist .iconlist:nth-of-type(5) .icon img{width:18px}
    .indexelist .iconlist .icon{height:24px;line-height:24px}
    .indexelist .iconlist .title{font-size:12px;height:32px;margin-top:10px}
    .indexelist .textbox{width:calc(100% - 15px);top:auto;bottom:20px;left:15px}
    .indexelist:nth-of-type(2) .textbox{top:20px;bottom:auto}
    .indexelist .text{margin:10px 0 30px;font-size:14px;max-width:152px}
    .indexelist .btn{width:38px;height:26px}
    .indexelist .iconbox{margin-top:40px}
    .indexelist .iconlist:nth-last-of-type(1){margin-right:0}
    
}

@media (max-width:380px){
    .indexelist .iconlist{width:66px;height:66px}
}