@charset "UTF-8";
html{
  font-size:6.25vw;
}
@media screen and  (min-width:1600px){ /*主体宽度*/
  html{
  font-size: 100px;
}
}
@media screen and  (max-width:300px){
  html{
  font-size:100px;
}
}


html {
  scrollbar-width: thin;
  scrollbar-color: #287dcf #fff;
}
html::-webkit-scrollbar {
  width:20px;
}
html::-webkit-scrollbar-thumb {
  background-color:#fff;border-radius:8px;
}
html::-moz-scrollbar {
  width:20px; 
}
html::-moz-scrollbar-thumb {
  background-color:#fff;border-radius:8px;
}	



.w1532{max-width:1532px; margin-right: auto; margin-left: auto;}
.w1740{max-width:1740px; margin-right: auto; margin-left: auto;}
.max-width{max-width:1600px; margin-right: auto; margin-left: auto;}
.ctext{padding-left:0.8rem;padding-right:0.8rem;}
@media  screen and (max-width: 1024px){
.ctext{padding-left:16px;padding-right:16px;}
}





/*PC head*/
.t_navs{ position:absolute; left:0; top:0; z-index: 60; width: 100%;  padding:0 80px; }
.t_navs .top{ position:relative; z-index: 100; width: 100%;  align-items: center; flex-wrap:wrap; display: flex; justify-content: space-between;}
.t_navs .logo{ line-height: 0; float: left;  display: flex; }
.t_navs .logo a{ float: left;}
.t_navs .logo img{ width: auto; height:45px;}
.t_navs .right{ display: flex; align-items: center;}
.t_navs .lang{ display:flex; position: relative;}
.t_navs .lang .a{ position: relative; display:flex; align-items: center;line-height:105px; font-size:16px;color: #fff; text-transform: uppercase; padding:0 24px 0 5px;}
.t_navs .lang .a::after{ display: block; content:''; position: absolute; right:1px; top:50%; border-bottom: 2px solid #fff; border-right: 2px solid #fff; width: 9px; height: 9px; transform: translateY(-50%) rotate(45deg); }
.t_navs .lang .a:hover{color: #fff !important;}
.t_navs .lang .u1{ display:none; position: absolute; top:100%; left:50%; z-index: 10; transform: translateX(-50%); -ms-transform: translateX(-50%);border-radius:5px; overflow: hidden; width:80px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.t_navs .lang:hover .u1{display: block;}
.t_navs .lang .u1 a{ display: block; text-align: center; width:100%; color: #333; line-height:24px; font-size:16px; padding:10px 20px; border-bottom:1px solid #f5f5f5;text-transform: uppercase; background:#fff;}
.t_navs .lang .u1 a:hover{color: #287dcf !important;}
.t_navs .lang .u1 a:last-child{ border-bottom: 0;}


.t_navs .menu{float: left; margin-right:-0.18rem;}
.t_navs .menu ul{float: left;}
.t_navs .menu .nli{ float: left; position: relative; margin:0 0.95rem 0 0;}
.t_navs .menu .nli .i{ display: none; content:''; position: absolute; left:50%; bottom:-8px; border-left: 7px solid transparent; border-right:7px solid transparent;border-bottom: 7px solid #fff;  margin-left: -7px;}
.t_navs .menu .nli.active .i{ display: block;}
.t_navs .menu .nli span a{ display: block;position: relative;line-height:105px; font-size:18px;color: #fff; transition:none; 
    -moz-transition:none;
     -webkit-transition:none; 
    -o-transition:none;}
.t_navs .menu .nli span a::after{ content:''; display: block; position: absolute; left: 0; bottom:0; height:2px; width:0; background:#fff;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  
}
.t_navs .menu .nli.on span a,
.t_navs .menu .nli:hover span a{color: #fff !important;}
.t_navs .menu .nli.on span a::after,
.t_navs .menu .nli:hover span a::after{width:100%;}

.t_navs .sub{ display:none; position: absolute; top:100%; left:50%; z-index: 10;/* margin-top: -5px; */ transform: translateX(-50%); -ms-transform: translateX(-50%);}
.t_navs .sub4 .u1{ display: flex; flex-direction: column; white-space: nowrap; background:rgba(0,0,0,0.4); border-radius: 3px;box-shadow: 0 2px 6px rgba(0,0,0,0.1);padding: 10px 0;}
.t_navs .sub4 .u1 .l1{ display: block; width:100%;}
.t_navs .sub4 .u1 .l1 a{ display: block; width:100%; color: #fff; line-height:26px; font-size:15px;  padding:4px 20px;  /*border-bottom:1px solid #f5f5f5;*/}
.t_navs .lang .u1 a:hover{color: #287dcf !important;}
.t_navs .sub4 .u1 .l1:last-child a{ border-bottom: 0;}
.t_navs .sub4 .u1 .l1 a:hover{color: #287dcf !important;}

.t_navs .ss_search{float: left; display:flex; margin-right:0.56rem;}
.t_navs .ss_search ._t{ cursor: pointer; display:flex; height:0.56rem; width:37px; background: url(img/_search.png) center no-repeat; background-size:19px auto !important;}
.t_navs ._b{width: 100%;height: 120px;z-index: 99;position: fixed;left: 0;top:105px;display: none;background:#fff;
box-shadow:0 2px 6px rgba(0,0,0,0.1);
}
.t_navs ._b .input{width: 800px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); padding: 0 50px 0 16px;border: 1px solid rgba(0,0,0,0.1); background: #fff; border-radius: 3px; overflow: hidden;}
.t_navs ._b .input input{width: 100%;height: 44px;display: block;font-size: 15px;color: #333;}
.t_navs ._b .input input::placeholder{color:#a8a8a8; opacity:1 !important;}
.t_navs ._b .input .img{width: 40px; height: 40px; display: block;position: absolute;right: 12px;top: 50%;transform: translate(0,-50%);cursor: pointer;background: url(img/_search2.png) center no-repeat; background-size:19px auto !important;}
.t_navs ._b .input .img:hover{background: url(img/_search2.png) center no-repeat;}




@media (max-width: 1600px){
.t_navs .menu .nli{ margin:0 0.8rem 0 0;}
}
@media screen and (max-width:1440px) {
.t_navs .lang .a{ line-height:80px;}	
.t_navs .menu .nli{ margin:0 0.65rem 0 0;}
.t_navs .menu .nli span a{ font-size:16px; line-height:80px;}
.t_navs .ss_search{margin-right: 0.4rem;}
.t_navs ._b{top: 80px;}
}
@media screen and (max-width:1270px) {
.t_navs .menu .nli{ margin:0 0.5rem 0 0;}
.t_navs .menu .nli span a{ font-size:16px;}
.t_navs .ss_search{margin-right: 0.3rem;}
}
@media screen and (max-width:1024px) {
.t_navs{ padding:0 15px;}	
.t_navs .menu{ display: none;}
.t_navs .top{ height:50px;} 
.t_navs .logo img{ width: auto; height:28px;}
.t_navs .ss_search{ display:none;}
.t_navs .lang{ margin:0 16px 0 0;}
.t_navs .lang .a{ line-height:30px;padding:0 18px 0 0;}
.t_navs .lang .a::after {width:8px; height: 8px; margin-top: -1px;}
.t_navs .right{ margin: 0;}
.t_navs{ position:absolute;}

}


.menuph{ display:none; float: right; width:26px; height: 20px; cursor: pointer; text-align: center;}
.menuph .point { float:left; width: 100%;  height: 20px; position: relative;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before { width: 100%;}
.menuph .navbtn { position: absolute; top:9px; right: 0; display: inline-block; width:100%; height: 2px; background: #fff;
-webkit-transition: all .3s ease-out 0s; 
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
.menuph .navbtn::after,
.menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 100%; height: 2px; content: ''; background: #fff;
-webkit-transition: all .3s ease-out 0s;  
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
.menuph .navbtn::after { top: -9px;}
.menuph .navbtn::before { top: 9px;}
.menuph.active .point .navbtn{ background: transparent !important;}
.menuph.active .point .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;}
.menuph.active .point .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;}


@media  screen and (max-width:1024px){
.menuph{ display:block;}
}

.xialaph{ position: fixed; left:0; top:50px; float: left; width: 100%; height:100vh; z-index:15; display:none; background:#fff; padding:15px 15px 50px 15px; overflow-y: auto;border-top:1px solid rgba(0,0,0,0.1);}
.xialaph .l1{width: 100%; display: inline-flex; flex-wrap: wrap; border-bottom:1px solid rgba(0,0,0,0.1);}
.xialaph .a1box{width: 100%;position: relative;}
.xialaph .a2box{width: 100%;position: relative;}
.xialaph .a3box{width: 100%;position: relative;}
.xialaph .a1{font-size:16px;color: #333; text-transform: uppercase; font-size:16px; line-height:24px;position: relative;padding:14px 20px 14px 0;display: block;width: 100%; text-transform: uppercase;}
.xialaph .on .a1{ color: #287dcf;}
.xialaph .icobox{width:50px;height:100%;position: absolute;right:0;top:0;}
.xialaph .icobox::after{ display:block; content:''; width:8px;height:8px;position: absolute;right:6px;top: 50%;transform: translate(0,-50%) rotate(45deg); -ms-transform: translate(0,-50%) rotate(45deg);border-top:1px solid #333;  border-right:1px solid #333;}
.xialaph .on .icobox::after{ transform: translate(0,-50%) rotate(135deg); -ms-transform: translate(0,-50%) rotate(135deg); margin-top: -3px;}
.xialaph .u2{width: 100%;padding:0 15px 15px 15px;display: none;}
.xialaph .u2 .l2{ width: 100%;display: block; margin-bottom:8px;}
.xialaph .u2 .a2{ width: 100%;display: block; font-size:14px;color: #333;line-height:24px; text-transform: uppercase;}
.xialaph .on .a2{ color:#287dcf;}
.xialaph .u3{width: 100%;padding:10px 15px 2px 15px;display: none;}
.xialaph .u3 .l3{ width: 100%;display: block; margin-bottom:8px;}
.xialaph .u3 .a3{ width: 100%;display: block; font-size:14px;color: #666;line-height:24px; text-transform: uppercase;}
.xialaph .on .a3{ color:#287dcf;}
.xialaph .u4{width: 100%;padding:10px 15px 2px 15px;display: none;}
.xialaph .u4 .l4{ width: 100%;display: block; margin-bottom:8px;}
.xialaph .u4 .l4 a{ width: 100%;display: block; font-size:14px;color: #787878;line-height:24px; text-transform: uppercase;}
.xialaph .input_box{width: 100%;border-bottom: 1px solid rgba(0,0,0,0.1);margin-top:15px;position: relative;}
.xialaph .input_box input{width: 100%;height:50px;padding-right: 60px;font-size: 16px;color: #333;}
.xialaph .input_box input::placeholder{color:#a8a8a8; opacity:1 !important;}
.xialaph .input_box .img{width: 40px; height: 40px; display: block;position: absolute;right: 12px;top: 50%;transform: translate(0,-50%);cursor: pointer;background: url(img/_search2.png) center no-repeat; background-size:18px auto !important;}
.xialaph .input_box .img:hover{background: url(img/_search2.png) center no-repeat;}


.footer1{ position: absolute; left: 0; bottom:0; z-index: 20; width: 100%; padding:0 80px;}
.footer1 .sect{ display:flex; flex-wrap: wrap; width:100%; justify-content: space-between; padding:18px 0; position: relative; z-index: 6;}
.footer1 .Copyright{ display:block; color:rgba(166,177,200,0.7); font-size:14px; line-height:24px;}
.footer1 .Copyright a{color:rgba(166,177,200,0.7);}
.footer1 .Copyright a:hover{color:#fff !important;}
.footer1 .sjkf{ display: inline-flex;color:rgba(166,177,200,0.7); font-size:14px; line-height:24px;}
.footer1 .sjkf i{ padding:0 5px; font-size:12px;}
.footer1 .sjkf a{color:rgba(166,177,200,0.7); }
.footer1 .sjkf a:hover{ color:#fff !important;}
.footer1 .sjkf .links{ cursor: pointer; position: relative;}
.footer1 .sjkf .links span{display: block; width: 100%; position: relative; padding-right: 26px;}
.footer1 .sjkf .links span::after{ display: block; content:''; position: absolute; right:2px; top:50%; border-bottom:1px solid rgba(166,177,200,0.7); border-right: 1px solid rgba(166,177,200,0.7); width:9px; height:9px; transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); margin-top: -2px;}
.footer1 .sjkf .links:hover span{ color: #fff; }
.footer1 .sjkf .links:hover span::after{ border-bottom:1px solid #fff; border-right: 1px solid #fff;}
.footer1 .sjkf .links span.active::after{  transform: translateY(-50%) rotate(225deg); -ms-transform: translateY(-50%) rotate(225deg); margin-top:1px; }
.footer1 .sjkf .donw{ display: none; width: 140px; position: absolute; right: 0; bottom:100%; z-index: 6; background: #fff;padding:10px 0; overflow-y: auto;max-height: 260px;}
.footer1 .sjkf .donw a{display: block; width: 100%; color: #333; font-size:14px; line-height:22px; padding:1px 5px; text-align:center; }
.footer1 .sjkf .donw  a:hover{ color:#287dcf !important;}

@media (max-width: 1024px){
.footer1{ padding:0 15px;}	
.footer1 .sect{ justify-content: center;}
.footer1 .sjkf{ margin-top: 2px;}	
.footer1 .Copyright{ width:100%; text-align: center;}

}



@keyframes myfirst
{
0%   { opacity:0.5;}
50%  { opacity:1;}
100% { opacity:0.5;}
}

@-moz-keyframes myfirst /* Firefox */
{
0%   { opacity:0.5;}
50%  { opacity:1;}
100% { opacity:0.5;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   { opacity:0.5;}
50%  { opacity:1;}
100% { opacity:0.5;}
}

@-o-keyframes myfirst /* Opera */
{
0%   { opacity:0.5;}
50%  { opacity:1;}
100% { opacity:0.5;}
}


.index-banner{ display:block; width: 100%; line-height: 0; overflow: hidden; z-index:5; position: relative;background: #287dcf;}
.index-banner .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.index-banner .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0;}
.index-banner .div{ width:100%; line-height: 0;}
.index-banner .pc_show1{ width:100%;height:100vh; object-fit: cover;}
.index-banner .ph_show1{ width:100%;height:100vh; object-fit: cover; display:none;}
.index-banner .box{ display: block; width:100%; position: absolute; left: 0; top:35.6%; z-index: 6; }
.index-banner .box1{ top:23.8%;  }
.index-banner .box .tit1{ display: block; width:100%; color: #fff; font-size:0.56rem; line-height:0.66rem; font-weight: bold;}
.index-banner .box .tit2{ display: block; width:100%; color: #fff; font-size:0.46rem; line-height:0.56rem; font-weight: bold; }
.index-banner .box .btn{display:inline-flex; width:100%; }
.index-banner .box .btn .a{ display:inline-flex; align-items: center; color: #fff; font-size:14px; line-height:1; height:0.48rem; border:1px solid #fff; border-radius:0.1rem; padding:0 21px;}
.index-banner .box .btn .a i{ display: block; width:16px; height:16px; margin-left: 0.26rem; background: url(img/ico4.png) center no-repeat; background-size:100% 100% !important; }
.index-banner .box .btn .a:hover{ background:#287dcf;border:1px solid #287dcf; color: #fff !important;}
.index-banner .box .line{ display: block; width:0.85rem; height:0.04rem; border-radius: 0.04rem; background: #ff3ea1;
animation:myfirst 1s linear 3s infinite alternate;
/* Firefox: */
-moz-animation:myfirst 1s linear 3s infinite alternate;
/* Safari and Chrome: */
-webkit-animation:myfirst 1s linear 3s infinite alternate;
/* Opera: */
-o-animation:myfirst 1s linear 3s infinite alternate;
}
.index-banner .box .cont{ display: flex; flex-wrap: wrap; width: 100%;}
.index-banner .box .cont1{ justify-content: center; text-align: center;}
.index-banner .box .cont1 .btn{ justify-content: center; }
.index-banner .mm30{ margin-top: 0.30rem;}
.index-banner .mm57{ margin-top: 0.57rem;}
.index-banner .mm97{ margin-top: 0.97rem;}


.index-banner .swiper-prev,
.index-banner .swiper-next{ cursor: pointer; width:0.38rem; height:0.38rem; display:block;position: absolute;right:50%; bottom:19.4%; z-index: 10; background: url(img/ico5.1.png) center no-repeat; background-size:auto 100% !important; }
.index-banner .swiper-prev{ margin-right:calc(-766px + 0.52rem); transform:rotateY(180deg); -ms-transform:rotateY(180deg);}
.index-banner .swiper-next{  margin-right:-766px;}
.index-banner .swiper-prev:hover,
.index-banner .swiper-next:hover{background: url(img/ico5.png) center no-repeat;}
.index-banner .swiper-pagination{ cursor: pointer; display:flex;position: absolute;left:50%; bottom:19.4%; z-index: 10;margin-left:-766px; }
.index-banner .swiper-pagination-bullet{ cursor: pointer; border-radius:10px; width:10px; height:10px; margin:0 0.2rem 0.1rem 0; display:block; border:1px solid #fff; opacity:0.6; }
.index-banner .swiper-pagination-bullet-active{ background: #fff; opacity:1;}


@media screen and (max-width:1732px) {
.index-banner .box1{ top:20.8%;  }	
.index-banner .swiper-prev,
.index-banner .swiper-next{ right:100px;}
.index-banner .swiper-prev{ margin-right:0.52rem; }
.index-banner .swiper-next{  margin-right:0;}
.index-banner .swiper-pagination{ left:100px; margin-left:0; }
}
@media screen and (max-width:1600px) {
.index-banner .box .tit1{ font-size:0.5rem; line-height:0.6rem;}
.index-banner .box .tit2{ font-size:0.4rem; line-height:0.5rem;}
}
@media screen and (max-width:1440px) {
.index-banner .box .tit1{ font-size:0.44rem; line-height:0.54rem;}
.index-banner .box .tit2{ font-size:0.34rem; line-height:0.44rem;}
.index-banner .box .btn .a{ font-size:14px; height:0.48rem;}
.index-banner .box .btn .a i{ width:14px; height:14px; margin-left: 0.26rem; }
}
@media screen and (max-width:1024px) {
.index-banner .swiper-prev,
.index-banner .swiper-next{ width:24px; height:24px; bottom:135px; right:15px;}
.index-banner .swiper-prev{ margin-right:34px;}
.index-banner .swiper-next{  margin-right:0;}
.index-banner .swiper-pagination{ left:15px; bottom:138px; margin-left:0; }
.index-banner .swiper-pagination-bullet{ margin:0 10px 3px 0;}
.index-banner .pc_show1{ display:none;}
.index-banner .ph_show1{ display:block;}
.index-banner .box1{ top:23.8%;  }
.index-banner .box .tit1{ font-size:22px; line-height:32px; text-align: center;}
.index-banner .box .tit2{ font-size:17px; line-height:27px; text-align: center; }
.index-banner .box .line{ width:40px; height:2px; border-radius: 2px;}
.index-banner .box .btn{ justify-content: center;}
.index-banner .box .btn .a{ font-size:12px; height:31px; padding:0 16px; border-radius:5px;}
.index-banner .box .btn .a i{ width:14px; height:14px; margin-left:10px;}
.index-banner .mm30{ margin-top:15px;}
.index-banner .mm57{ margin-top:28px;}
.index-banner .mm97{ margin-top: 28px;}
}
@media screen and (max-width:767px) {


}




/*2505end*/



/*2506010start*/
.t_navs .logo .img3{ display: block;}
.t_navs .logo .img4{ display: none;}
.t_navs.act .logo .img3{ display: none;}
.t_navs.act .logo .img4{ display: block;}
.t_navs.act{ position: fixed; background: #fff;box-shadow: 0 2px 6px rgba(0,0,0,0.1);}
.t_navs.act .menu .nli span a{ color:#333333;}
.t_navs.act .menu .nli span a::after{ background:#287dcf;}
.t_navs.act .menu .nli.on span a,
.t_navs.act .menu .nli:hover span a{color: #287dcf !important;}
.t_navs.act .ss_search ._t{background: url(img/_search1.png) center no-repeat;}
.t_navs.act .ss_search ._t:hover{background: url(img/_search2.png) center no-repeat;}
.t_navs.act .lang .a{color:#333333;}
.t_navs.act .lang .a::after{ border-bottom: 2px solid #333333; border-right: 2px solid #333333;}
.t_navs.act .lang:hover .a{color:#287dcf !important;}
.t_navs.act .lang:hover .a::after{ border-bottom: 2px solid #287dcf; border-right: 2px solid #287dcf;}


.t_navs.act .menuph .navbtn{ background: #333333;}
.t_navs.act .menuph .navbtn::after,
.t_navs.act .menuph .navbtn::before { background: #333333;}


.footer2{ position: relative;}
.footer2 .Copyright{color:#333333;}
.footer2 .Copyright a{color:#333333;}
.footer2 .Copyright a:hover{color: #287dcf !important;}
.footer2 .sjkf{color:#333333;}
.footer2 .sjkf a{color:#333333;}
.footer2 .sjkf a:hover{color: #287dcf !important;}
.footer1 .sjkf .links span::after{ border-bottom:1px solid #333333; border-right: 1px solid #333333;}
.footer1 .sjkf .links:hover span{ color: #287dcf !important; }
.footer1 .sjkf .links:hover span::after{ border-bottom:1px solid #287dcf; border-right: 1px solid #287dcf;}
.footer1 .sjkf .donw{box-shadow: 0 2px 6px rgba(0,0,0,0.1);}





/*2506010end*/


/*
 287dcf
calc(20px + 0.16rem); 

*/





/*250623start*/
.index-banner .div{ overflow: hidden;}
.index-banner .pc_show1{transform:scale(1.1); -ms-transform:scale(1.1);transition: all ease 2s;}
.index-banner .ph_show1{transform:scale(1.1); -ms-transform:scale(1.1);transition: all ease 2s;}
.index-banner  .swiper-slide-active .pc_show1{transform:scale(1); -ms-transform:scale(1);}
.index-banner  .swiper-slide-active .ph_show1{transform:scale(1); -ms-transform:scale(1);}
.index-banner .tit1 {
transition:opacity 2s 0.4s, transform 2s ease 0.4s;
opacity: 0;
transform: translateY(40px);
}
.index-banner .swiper-slide-active .tit1 {
opacity: 1;
transform: translateY(0px);
}
.index-banner .tit2 {
transition:opacity 2s 0.2s, transform 2s ease 0.2s;
opacity: 0;
transform: translateY(40px);
}
.index-banner .swiper-slide-active .tit2 {
opacity: 1;
transform: translateY(0px);
}
.index-banner .btn {
transition:opacity 2s 0.6s, transform 2s ease 0.6s;
opacity: 0;
transform: translateY(40px);
}
.index-banner .swiper-slide-active .btn {
opacity: 1;
transform: translateY(0px);
}



/*250623end*/