@keyframes myfirst{
0%{transform:translate(0,-20px);opacity:0}
50%{opacity:1}
100%{transform:translate(0,20px);opacity:0}
}
@-moz-keyframes myfirst{
0%{-moz-transform:translate(0,-20px);opacity:0}
50%{opacity:1}
100%{-moz-transform:translate(0,20px);opacity:0}
}
@-webkit-keyframes myfirst{
0%{-webkit-transform:translate(0,-20px);opacity:0}
50%{opacity:1}
100%{-webkit-transform:translate(0,20px);opacity:0}
}
@-o-keyframes myfirst{
0%{-o-transform:translate(0,-20px);opacity:0}
50%{opacity:1}
100%{-o-transform:translate(0,20px);opacity:0}
}
.index2{width:100%;height:919px;position:relative}
.index2Left{position:absolute;width:50%;height:100%;right:50%;top:0;max-width:700px}
.index2Left .yffwIndexXun{display:flex;align-items:center;position:absolute;width:0;height:0;cursor:pointer}
.index2Left .yffwIndexXun:nth-child(1){left:calc(100% * (504 / 700));top:calc(100% * (190 / 919))}
.index2Left .yffwIndexXun:nth-child(2){left:calc(100% * (555 / 700));top:calc(100% * (380 / 919))}
.index2Left .yffwIndexXun:nth-child(3){left:calc(100% * (552 / 700));top:calc(100% * (570 / 919))}
.index2Left .yffwIndexXun:nth-child(4){left:calc(100% * (502 / 700));top:calc(100% * (740 / 919))}
.index2Left .yffwIndexXun .yixDots{width:0;top:4px;position:absolute;left:0}
.index2Left .yffwIndexXun .yixDots .yixDots1{width:8px;height:8px;border-radius:8px;background:#fff;margin:-4px 30px 0 -4px}
.index2Left .yffwIndexXun .yixDots .jdt{width:54px;position:absolute;height:54px;left:-27px;top:-27px;transform:rotate(-90deg);transform-origin:27px;opacity:0;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s}
.index2Left .yffwIndexXun.on .yixDots .jdt{opacity:1;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s}
.index2Left .yffwIndexXun.on .yixDots .jdt3{animation:5s linear infinite jdt3}
@keyframes jdt3{
0%{stroke-dasharray:0 190;stroke-dashoffset:0}
100%{stroke-dasharray:190 0;stroke-dashoffset:0}
}
.index2Left .yffwIndexXun .yixTitle{font-size:20px;color:#fff;position:absolute;left:15px;top:-10px;white-space:pre;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s}
.index2Left .yffwIndexXun.on .yixTitle{left:40px;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s}
.index2Right{width:50%;display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;margin-left:50%}
.index2Right .index2Right1{margin-bottom:15px}
.index2Right .irBox{display:none;flex-direction:column}
.index2Right .irBox.on{display:flex}
.index2Right .irBox .irBox1{font-size:35px;color:#fff;font-weight:bolder;margin-bottom:6px}
.index2Right .irBox .irBox2{font-size:44px;color:#fff}
.index2Right .irBox .irBox3{font-size:18px;color:#fff}
.index2Right .irBox .irBox4{width:540px;background:#fff;border-radius:10px;padding:35px 45px;position:relative;margin:40px 0 60px;transform:translate(0,50px);transition:all ease 1.3s;opacity:.5}
.index2Right .irBox.on .irBox4{transform:translate(0,0);opacity:1}
.index2Right .irBox .irBox4 .irBoxTitle{font-size:26px;color:#414141;margin-bottom:20px}
.index2Right .irBox .irBox4 .irBoxLink{display:flex;flex-direction:column;height:145px;flex-wrap:wrap}
.index2Right .irBox .irBox4 .irBoxLink a{font-size:16px;color:#666;line-height:36px;width:150px;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s}
.index2Right .irBox .irBox4 .irBoxLink a:hover{color:#035fa3;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s}
.index2Right .irBox .irBox4 .irBoxImg{position:absolute;right:64px;top:50px}
.index2Right .irBox .irBoxMore{height:54px;line-height:52px;border:1px solid #fff;border-radius:50px;display:flex;align-items:center;font-size:14px;color:#fff;width:fit-content;transform:translate(0,50px);transition:all ease 1.3s;opacity:.5;max-width:195px;justify-content:center;padding:0 20px}
.index2Right .irBox .irBoxMore i{margin-right:10px;color:#fff}
.index2Right .irBox.on .irBoxMore{transform:translate(0,0);opacity:1}
.index2Bottom{width:100%;position:absolute;bottom:80px;justify-content:center;align-items:center;display:none}
.index2Bottom div{width:15px;height:15px;border-radius:15px;background:#fff;margin:0 10px;opacity:.5}
.index2Bottom div.on{opacity:1;box-shadow:rgba(0,0,0,.13) 0 0 10px}
.index2_bg{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/b9.jpg) 50%/cover no-repeat;overflow:hidden}
.index2Bottom,.index2Left,.index2Right{z-index:50}
.index2Right{position:relative}
.index2_bg img{height:919px}
.one{display:inline-block;width:100%;position:absolute;right:0;top:0;height:100%;background:url(../images/b8.png) 50%/cover no-repeat}
.one_on{display:inline-block;width:100%;position:absolute;right:-20px;top:0;height:100%;opacity:0;background:url(../images/b8.png) 50%/cover no-repeat}
.two{display:inline-block;width:100%;position:absolute;right:0;top:0;height:100%;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s;background:url(../images/b7.png) 50%/cover no-repeat;z-index:1}
.one img,.one_on img,.two img{width:100%;display:none}
.one.on{transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s;opacity:0}
.one_on.on{right:0;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s;opacity:1}
.pc_show{display:flex}
.pc_show2{display:block}
.mo_show{display:none}
.layui-layer-dialog{top:30%!important}
.index4 .index4Dots{padding-right:88px}
@media screen and (max-width:1440px){
.indexBanner .textBox li:before{left:-181.4vw;top:-96%}
.indexBanner .textBox li p.txt1{font-size:18px}
.indexBanner .textBox li p.txt2{font-size:46px}
.indexBanner .textBox li p.txt3{font-size:16px}
.indexBanner .textBox a{padding:0 20px;height:40px;line-height:40px}
.index1 .index13,.index1 .index14{font-size:38px}
.index2Right .irBox .irBox1,.index2Right .irBox .irBox2{font-size:32px}
.index2Right .irBox .irBox4 .irBoxTitle{font-size:26px}
.index2Left .yffwIndexXun.on .yixTitle{font-size:16px}
.index2Left .yffwIndexXun .yixTitle{font-size:14px}
.indexBanner .indexBox span:nth-child(1){font-size:32px}
}
@media screen and (max-width:1200px){
.indexBanner,.indexBanner .bannerBox .imgBox li img{height:235px!important}
.indexBanner .bannerBox{position:relative}
.indexNews{height:293px}
.index2Right .irBox .irBox1,.index2Right .irBox .irBox2{font-size:24px}
.index2Right .irBox .irBox4{padding:18px;width:100%}
.index2Right .irBox .irBox4 .irBoxTitle{font-size:20px;margin-bottom:15px}
.index2Right .irBox .irBox4 .irBoxLink a{font-size:16px;line-height:30px}
.index2Left,.index2Right .irBox .irBox4 .irBoxImg,.rightCb .rightCb1 .rightCbImg:before{display:none}
.index2Bottom{display:none;justify-content:flex-end;bottom:50px}
.index2{background:#035fa3;padding:30px 0;height:auto}
.index2Right{width:94%;margin:0 auto;display:block}
.index2_bg{display:none}
.index2Bottom div{width:10px;height:10px;margin:0 6px}
.index2Right .irBox .irBoxMore{line-height:45px;height:45px}
.pc_show{display:none!important}
.index2Right2 .irBox,.mo_show{display:block!important}
.index2Right2 .irBox.swiper-slide-active .irBox4,.index2Right2 .irBox.swiper-slide-active .irBoxMore{opacity:1;transform:translate(0,0)}
.index2Right2 .swiper-pagination{display:flex;align-items:center;justify-content:flex-end;bottom:20px}
.index2Right2 .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;background:#fff}
.index2Right .irBox .irBox3{font-size:18px;margin-top:5px}
}
@media screen and (max-width:767px){
.index2Right .irBox .irBox1,.index2Right .irBox .irBox2{font-size:20px}
.index2Right .irBox .irBox3{font-size:16px}
.index2Right .irBox .irBox4 .irBoxLink a{font-size:14px}
.index2Right .irBox .irBox4 .irBoxTitle{font-size:16px;margin-bottom:10px}
.index2Right .irBox .irBox4{margin:30px 0}
}