banner .banner_icon
{
animation: myfirst 2s ease-in-out infinite;
-moz-animation: myfirst 2s ease-in-out infinite；	 /*Firefox */
-webkit-animation: myfirst 2s ease-in-out infinite； /*Safari 和 Chrome */
-o-animation: myfirst 2s ease-in-out infinite； /*Opera */
}

@keyframes myfirst
{
  0%   { transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { transform:translate(0,20px); opacity: 0; }
}

@-moz-keyframes myfirst 
{
/* Firefox */
  0%   { -moz-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -moz-transform:translate(0,20px); opacity: 0; }
}

@-webkit-keyframes myfirst
{
/* Safari 和 Chrome */
  0%   { -webkit-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -webkit-transform:translate(0,20px); opacity: 0; }
}

@-o-keyframes myfirst 
{
/* Opera */
  0%   { -o-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -o-transform:translate(0,20px); opacity: 0; }
}

.indexBanner{ width:100%; overflow:hidden;}
.indexBanner .bannerZhan{ width:100%;}
.indexBanner .bannerBox{ width:100%; height:100%; position:absolute; left:0; top:0;}

.indexBanner .bannerBox .imgBox{ width:100%; height:100%; z-index:1;}
.indexBanner .bannerBox .imgBox li{ width:100%; height:100%; position:absolute; left:0; top:0; display:flex; justify-content:center; align-items:center; overflow:hidden;}
.indexBanner .bannerBox .imgBox li:nth-child(1){ z-index:1;}
.indexBanner .bannerBox .imgBox li img{ width:100%; object-fit:cover;}
 
.indexBanner .textBox{ height:100%; top:0; left:0; position:absolute; z-index:2; padding-left: 8.3vw; overflow:hidden; width:100%;}
.indexBanner .textBox li{ position:absolute; height:100%; display:flex; justify-content:center; flex-direction:column; top:0; color:#FFFFFF; width:210px;}
.indexBanner .textBox li p{ transform:translateY(15px); opacity:0; display:inline-block;}
.indexBanner .textBox li p.txt1{color:#FFFFFF; font-size:24px; text-transform:uppercase; margin-bottom:15px; white-space:pre;}
.indexBanner .textBox li p.txt2{font-size:60px; white-space:pre;}
.indexBanner .textBox li p.txt3{font-size:20px; margin-bottom:35px; white-space:pre;margin-top: 10px;}
.indexBanner .textBox li.on p{ transform:translateY(0px); opacity:1; transition:all ease 1.5s;}
.indexBanner .textBox li.on{ z-index:5;}
.indexBanner .textBox a{ color:#FFFFFF; display:flex; padding:0 30px; height:50px; border-radius:50px; align-items:center; justify-content:center; font-size:14px; line-height:48px; border:#FFFFFF solid 1px; width:fit-content; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
.indexBanner .textBox a i{ margin-right:10px;}
.indexBanner .textBox li.on a:hover{ background:#fff; color:#035fa3; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
.indexBanner .textBox li:before{ content:""; display:inline-block; width:3224px; background:none; position:absolute; left:-113.2vw; border-radius:0px 1100px 1100px 0px; height:2057px; top: -52%; border-right:1px solid rgba(255,255,255,.2); opacity:0; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; display:none;}
.indexBanner .textBox li.on:before{ opacity:1;animation:mymove 6s infinite; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}

@keyframes mymove
{
from { background:rgba(0,0,0,.3);}
to {background:rgba(0,0,0,0);}
}



.indexBanner .indexBox{  display:flex; align-items:center; justify-content:center; left:50%; margin-left:36px; position:absolute; bottom:8vh; font-size:15px; color:#FFFFFF; z-index:1;}
.indexBanner .indexBox span:nth-child(1){ font-size:38px; font-weight:bolder;}

.indexBanner .arrowBox{ height:100%; display:flex; align-items:center; justify-content:center; right:3.125vw; position:absolute; top:0; flex-direction:column; z-index:3;}
.indexBanner .arrowBox img{ margin:10px 0; cursor:pointer;}

.indexBanner .banner_bn{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; display:flex; align-items:center; background:url(../images/banner_bn.png) no-repeat 50%/cover;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; opacity:0;}
.indexBanner .imgBox li.on .banner_bn{ opacity:.3;animation:mymove2 6s infinite; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}

@keyframes mymove2
{
from { opacity:.3;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
to { opacity:0;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
}

.indexBanner .priontBox{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; }
.indexBanner .priontBox li{ width:7px; height:7px; position:absolute;}
.indexBanner .priontBox li div{ width:7px; height:7px; border-radius:7px; background:#FFFFFF;}
.indexBanner .priontBox li canvas{ width:60px; height:60px; }
.indexBanner .priontBox li svg{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.indexBanner .priontBox li svg .jdt2{ transform: rotate(-90deg); transform-origin:32px; }

.indexBanner .priontBox li svg .jdts2{ animation: jtd2 infinite 5s linear; }
@keyframes jtd2{
    0%{ stroke-dasharray:0 190; stroke-dashoffset: 0;}
    100%{ stroke-dasharray:190 0; stroke-dashoffset: 0;}
}

.indexBanner .priontBox li:nth-child(1){ bottom:4vw; left:50%; transform:translateY(-45px); }


.videoIcon{ position: absolute; color: #fff; left:4.9vw; bottom:5vw; display: flex; align-items: center;z-index: 9999; cursor:pointer;}
.videoIcon .videoIcon1{ position: relative; display: flex; align-items: center; justify-content: center;}
.videoIcon .videoIcon1 .videoIcon11{ position: absolute; left: 0; top: 0; animation: xunzhuan  infinite 5s linear;}

@keyframes xunzhuan{
  0%{ transform: rotate(0deg); }
  100%{transform: rotate(360deg);}
}

.indexBanner .linkBox{ display: flex; align-items: center; position: absolute; right: 3.125vw; bottom:3.125vw; z-index:3;}
.indexBanner .linkBox .linkBoxXun{ border:rgba(191,191,200,.39) solid 1px; border-radius: 5px; width:200px; padding:15px 22px 22px 22px; color:#fff; margin-left:15px;  transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
.indexBanner .linkBox .linkBoxXun:hover{ background:rgba(191,191,200,.39);}
.indexBanner .linkBox .linkBoxXun .linkBoxXun1{ font-size: 14px; line-height: 2em; }
.indexBanner .linkBox .linkBoxXun .linkBoxXun2{ font-size: 18px; line-height: 2em; margin-bottom: 15px; }
.indexBanner .linkBox .linkBoxXun .linkBoxXun3{ font-size: 14px; color:#fff;  display: inline-block;}
.indexBanner .linkBox .linkBoxXun .linkBoxXun3 i{ margin-right:10px; }


#newBridge{ display:none !important;}


.PcBanenr .PcBanenr_content .PcBanenr_content_list{ position:relative;}
.PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_img img{ width:100%; object-fit:cover; height: 980px;}
.PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_title{ position:absolute; right:0; top:0; width:calc(100% - 8.3vw); height:100%; justify-content: center; display: flex; flex-direction: column; z-index: 20;}
.PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_title .list_title_dd{ font-size: 24px; color: #fff; text-transform: uppercase; font-weight: bolder; margin-bottom: 20px;}
.PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_title .list_title_dt{ font-size: 60px; font-weight: bold; color: #fff; margin-bottom: 10px;

}
.PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_title .list_title_p{ font-size: 20px; color: #fff; margin-bottom: 45px;}
.PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_title .list_title_btn{ color: #FFFFFF; display: flex; height: 50px; border-radius: 50px; align-items: center; justify-content: center; background: #d60000; width: fit-content; width:170px;}
.PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_title .list_title_btn:hover{ background: #fff; color: #035fa3;}
.PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_title .list_title_btn i{ margin-right: 15px;}
.PcBanenr .PcBanenr_content .PcBanenr_content_arrow{ }
.PcBanenr .PcBanenr_content .PcBanenr_content_arrow .PcBanenr_prev{  cursor: pointer; left: 4.3vw; color: #fff; font-size:42px; position: absolute; top: 0;  z-index: 12; height: 100%; display: flex; justify-content: center; flex-direction: column;}
.PcBanenr .PcBanenr_content .PcBanenr_content_arrow .PcBanenr_next{ cursor: pointer; color: #fff;  right: 4.3vw; font-size:42px; position: absolute; top: 0;  z-index: 12; height: 100%; display: flex; justify-content: center; flex-direction: column;}
.PcBanenr .PcBanenr_content_list.swiper-slide-active .banner_bn{ opacity:.3;animation:mymove3 6s infinite; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}


@keyframes mymove3
{
from { opacity:.3;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
to { opacity:0;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
}



.PcBanenr .PcBanenr_content_list.swiper-slide-active .priontBox li svg .jdt2{ animation: jtd2 infinite 6s linear; }
@keyframes jtd2{
    0%{ stroke-dasharray:0 190; stroke-dashoffset: 0;}
    100%{ stroke-dasharray:190 0; stroke-dashoffset: 0;}
}


.PcBanenr .PcBanenr_content_list2.swiper-slide-active .priontBox li svg .jdt2{ animation: jtd2 infinite 4.9s linear; }
.PcBanenr .PcBanenr_content_list2.swiper-slide-active .banner_bn{ opacity:.3;animation:mymove3 4.9s infinite; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}


.indexBanner .indexBox .swiper-pagination{ position: relative;}
.indexBanner .indexBox .swiper-pagination .swiper-pagination-current{ }
.indexBanner .indexBox .swiper-pagination .swiper-pagination-total{ }








@media screen and (min-width:1200px){
.moTop{ display:none !important;}
.moMenuBox{ display:none !important;}


}

@media screen and (max-width:1750px){
.menuDown .menuDownTop .linkBox1.zong{padding-left: 3vw;}
.menuDown .menuDownTop .linkBox1 .linkBoxLeft1 .lblLink{ width:400px;}
.menuDown .menuDownTop .linkBox1.zong .linkBoxLeft1 .lblLink{ width: 150px; }

.yffw .yffwLinkBox a.p2{ margin-top:0px;}
.yffw .yffwLinkBox a.p1{ margin-bottom:0px;}

.xwzxXun{ width:400px;}
.xwzxXun.on{ width:400px;}
} 

@media screen and (max-width:1600px){
.indexBanner .textBox li:before{ left: -146.8vw; top: -70%;}
.rightCb .rightCb1 .rightCbMenu .rightCbMenuBox .rightCbMenu2{ height:400px; overflow:auto;}


.PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_img img{ height:820px;}
.PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_title .list_title_dd{ font-size:22px;}
.PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_title .list_title_dt{ font-size:38px;}
.PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_title .list_title_p{ font-size:20px;}

.index3 .index32{ font-size:38px;}
}

@media screen and (max-width:1280px){
.indexBanner .textBox li:before{left: -197.2vw; top: -62%;}


.menuDown .menuDownTop .menuDownBox:nth-child(3) .yffw{ /* margin-top:7vw; */}
.menuDown .menuDownTop .menuDownBox:nth-child(3) .yffw .yffwLinkBox{ height:100%; overflow:auto;}
}
.mo_banner{ display:none;}

@media screen and (max-width:1200px){
    .sub-nav{display:none}
.MenuDown2023_bg,.MenuDown2023,.header2024{ display: none !important;}
.mo_banner{ display:block;}
.indexBanner{ display: none;}
.leftCb{ display:none;}
.rightCb .rightCb1{ display:none;}
.rightCb .rightCb1:nth-child(2){ display:block;}
.mo_height{ height: 50px;}
.mo_top{ display:block;}
.mo_top{ height:50px; overflow:hidden;}
.navigation-is-open .mo_top{ height:auto;}

.Partners{padding:0;}
.Partners div{
	        width: 33.33%;
	        padding: 0px;
	        text-align: center;
	        height: auto;
}

.indexBanner,.indexBanner .bannerBox .imgBox li img{ height:235px !important;}
.indexBanner .bannerBox{ position:relative;}




.index2Right .irBox .irBox1,.index2Right .irBox .irBox2{ font-size:20px;}
.index2Right .irBox .irBox4{ padding:18px;}
.index2Right .irBox .irBox4 .irBoxTitle{ font-size:20px; margin-bottom:15px;}
.index2Right .irBox .irBox4 .irBoxLink a{ font-size:14px; line-height:30px;}
.index2Right .irBox .irBox4 .irBoxImg{ display:none;}




.mo_banner .mo_banner_list{ position:relative;}
.mo_banner .mo_banner_list .banner_list_title{ position:absolute; top:0; left:0; width:100%; height:100%; display:flex; justify-content:center; flex-direction:column; padding:0px 8%;}
.mo_banner .mo_banner_list .banner_list_title .list_title_dd{ font-size:16px; color:#fff; line-height: 20px;}
.mo_banner .mo_banner_list .banner_list_title .list_title_dt{ font-size:14px; color:#fff; line-height: 20px; margin-top:8px; margin-bottom:5px;}
.mo_banner .mo_banner_list .banner_list_title .list_title_p{ font-size:14px; color:#fff;}

.mo_banner .swiper-button-next:after,.mo_banner .swiper-button-prev:after{ font-size:18px; color:#fff;}


}




















