@charset "UTF-8";


html {
  scrollbar-width: thin;
  scrollbar-color: #0013b3 #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;
}	



.max-1920{max-width:1920px; margin-right: auto; margin-left: auto;}
.max-width{max-width:1600px; margin-right: auto; margin-left: auto;}
.ctext{padding-left:80px;padding-right:80px;}
@media  screen and (max-width: 1024px){
.ctext{padding-left:16px;padding-right:16px;}
}






/*PC head*/
.t_navs{ position:fixed; left:0; top:0; z-index: 100; width: 100%;  }
.t_navs .top{ position:relative; z-index: 100; width: 100%; flex-wrap:wrap; display: flex; justify-content: space-between; align-items: center; height:94px;padding:0 50px;}
.t_navs .logo{ line-height: 0; float: left;}
.t_navs .logo a{ float: left;}
.t_navs .logo img{ width: auto; height:55px;}
.t_navs .logo .img1{ display: block;}
.t_navs .logo .img2{ display: none;}
.t_navs .left{ display: flex; align-items: center;}
.t_navs .right{ display: flex; align-items: center;}
.t_navs .lang{ display: flex; margin:0 41px; }
.t_navs .lang a{ display: block;line-height:40px; font-size:16px;color: #fff; }
.t_navs .lang a:hover{color: #fff !important;}
.t_navs .btn{ display: flex; }
.t_navs .btn .a{ display: block; line-height:37px; font-size:16px;color: #fff; background:#0013b3; border:1px solid #0013b3; border-radius: 40px; padding:0 28px 1px 28px; }
.t_navs .btn .a:hover{ background:#f5f5f5; border:1px solid #f5f5f5; color: #0013b3 !important;}
.t_navs .menu{float: left; margin-left:24px;}
.t_navs .menu ul{float: left;}
.t_navs .menu .nli{ float: left; position: relative; margin-left:70px;}
.t_navs .menu .nli:last-child{ margin-right:0 !important;}
.t_navs .menu .nli span a{ display: block;position: relative;line-height:94px; font-size:18px;color: #fff; }
.t_navs .menu .nli span a i{ display: none;  position: absolute; left:50%; bottom:5px; border-left:7px solid transparent; border-right:7px solid transparent;border-bottom:7px solid #fff; margin-left: -5px; }
.t_navs .menu .nli span a::after{ content:''; display: block; position: absolute; left: 0; bottom:3px; height:2px; width:0; background:#fff;}
.t_navs .menu .nli:hover span a i{display: block;}
.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:0; z-index: 10; margin-top: -5px; background:#fff;}
.t_navs .sub4 .box{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; width:409px; padding:38px 38px;}
.t_navs .sub4 .u1{ display: block; width:45.3%;}
.t_navs .sub4 .u1 .l1{ display: block; width:100%; margin-bottom:12px;}
.t_navs .sub4 .u1 .l1:last-child{ margin-bottom:0 !important;}
.t_navs .sub4 .u1 .l1 a{ display: block; width:100%; color: #666; line-height:24px; font-size:16px; padding:0 0 0 16px; position: relative;}
.t_navs .sub4 .u1 .l1 a::after{ display: block; content:''; position: absolute; left:0; top:50%; width:4px; height:4px; background: #0013b3; margin-top: -2px; transform: rotate(45deg); -ms-transform: rotate(45deg); }
.t_navs .sub4 .u1 .l1 a:hover{color: #0013b3; text-decoration: underline;}
.t_navs .sub4 .pic{ display:block; width:51%; line-height: 0; overflow: hidden;}
.t_navs .sub4 ._img{ padding-bottom: 67.01%;}




.t_navs .ss_search{float: left; display:flex;}
.t_navs .ss_search ._t{ cursor: pointer; display:flex; height:40px; width:35px; background: url(img/_search.png) center no-repeat; background-size:19px auto !important;}
.t_navs ._b{width: 100%;height: 120px;background: #fff;box-shadow:0 2px 6px rgba(0,0,0,0.1);z-index: 99;position: fixed;left: 0;top:0.94rem;display: none;}
.t_navs ._b .input{width: 800px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); padding: 0 45px 0 12px;border: 1px solid #ececec; 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:#666; opacity:1 !important;}
.t_navs ._b .input img{width:29px; height:29px; padding:5px; display: block;position: absolute;right: 12px;top: 50%;transform: translate(0,-50%);cursor: pointer;}


.t_navs.bct .top{ background:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.1);}
.t_navs.bct .logo .img1{ display:none;}
.t_navs.bct .logo .img2{ display:block;}
.t_navs.bct .lang a{ color: #494949; }
.t_navs.bct .lang a:hover{color: #0013b3 !important;}

.t_navs.bbt .top{ background:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.1);}
.t_navs.bbt .logo .img1{ display:none;}
.t_navs.bbt .logo .img2{ display:block;}
.t_navs.bbt .lang a{ color: #494949; }
.t_navs.bbt .lang a:hover{color: #0013b3 !important;}
.t_navs.bbt .menu .nli span a{ color:#494949;}
.t_navs.bbt .menu .nli span a::after{ background:#0013b3}
.t_navs.bbt .menu .nli.on span a,
.t_navs.bbt .menu .nli:hover span a{color: #0013b3 !important;}
.t_navs.bbt .ss_search ._t{ background: url(img/_search1.png) center no-repeat;}

.t_navs.ect .top{ background:#fff;}
.t_navs.ect .logo .img1{ display:none;}
.t_navs.ect .logo .img2{ display:block;}
.t_navs.ect .lang a{ color: #494949; }
.t_navs.ect .lang a:hover{color: #0013b3 !important;}
.t_navs.ect .menu .nli span a{ color:#494949;}
.t_navs.ect .menu .nli span a::after{ background:#0013b3}
.t_navs.ect .menu .nli.on span a,
.t_navs.ect .menu .nli:hover span a{color: #0013b3 !important;}
.t_navs.ect .ss_search ._t{ background: url(img/_search1.png) center no-repeat;}

.t_navs.act .top{ background:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.1);}
.t_navs.act .logo .img1{ display:none;}
.t_navs.act .logo .img2{ display:block;}
.t_navs.act .menu .nli span a{ color:#494949;}
.t_navs.act .menu .nli span a::after{ background:#0013b3}
.t_navs.act .menu .nli.on span a,
.t_navs.act .menu .nli:hover span a{color: #0013b3 !important;}
.t_navs.act .lang a{ color: #494949; }
.t_navs.act .lang a:hover{color: #0013b3 !important;}
.t_navs.act .sub{ box-shadow:0 0 7px rgba(0,0,0,0.07);}
.t_navs.act .ss_search ._t{ background: url(img/_search1.png) center no-repeat;}

@media screen and (max-width:1600px) {
.t_navs .top{ height: 76px;}	
.t_navs .menu .nli{ margin-left:48px;}	
.t_navs .menu .nli span a{ line-height: 76px;}
.t_navs .lang{ margin:0 30px;}
}
@media screen and (max-width:1440px) {
.t_navs .top{ height: 64px;}		
.t_navs .menu .nli{ margin-left:30px;}	
.t_navs .menu .nli span a{ font-size:16px;line-height:64px;}
.t_navs .logo img{height:45px;}
.t_navs .lang{ margin:0 30px;}
.t_navs .lang a{ font-size:14px;}
.t_navs .btn .a{ font-size:14px;padding: 0 24px;line-height:36px;}
}
@media screen and (max-width:1270px) {
.t_navs .menu{margin-left:14px;}	
.t_navs .menu .nli{ margin-left:25px;}	
.t_navs .menu .nli span a{ font-size:14px;}
.t_navs .lang{ margin:0 25px;}
.t_navs .lang a{ font-size:14px;}
.t_navs .btn .a{ font-size:14px;padding: 0 25px;}
}
@media screen and (max-width:1024px) {
.t_navs .top{ padding:0 15px;height:50px;}
.t_navs .menu{ display: none;}
.t_navs .logo img{ width: auto; height:34px;}
.t_navs .ss_search{ display:none;}
.t_navs .lang{ margin:0;}
.t_navs .lang a{ font-size:13px; padding-bottom: 3px;}
.t_navs .btn{ margin:0 15px;}
.t_navs .btn .a{ font-size:13px;padding: 0 15px 1px 15px; line-height:30px;}
}



.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;}

.t_navs.ect .menuph .navbtn{ background: #494949;}
.t_navs.ect .menuph .navbtn::after,
.t_navs.ect .menuph .navbtn::before { background: #494949;}

.t_navs.bct .menuph .navbtn{ background: #494949;}
.t_navs.bct .menuph .navbtn::after,
.t_navs.bct .menuph .navbtn::before { background: #494949;}


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


@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;}
.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 .a1{font-size:16px;color: #494949; 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: #0013b3}
.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:2px;top: 50%;transform: translate(0,-50%) rotate(45deg); -ms-transform: translate(0,-50%) rotate(45deg);border-top:1px solid #494949;  border-right:1px solid #494949;}
.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 0 15px 15px;display: none;}
.xialaph .u2 .l2{ width: 100%;display: block; margin-bottom:8px;}
.xialaph .u2 .a2{ width: 100%;display: block; font-size:15px;color: #666666;line-height:24px; text-transform: uppercase;}
.xialaph .on .a2{ color:#0013b3}
.xialaph .u3{width: 100%;padding:10px 0 2px 15px;display: none;}
.xialaph .u3 .l3{ width: 100%;display: block; margin-bottom:8px;}
.xialaph .u3 .l3 a{ width: 100%;display: block; font-size:15px;color: #333333;line-height:24px; text-transform: uppercase;}
.xialaph .input_box{width: 100%;border-bottom: 1px solid #ececec;margin-top:15px;position: relative;}
.xialaph .input_box input{width: 100%;height:50px;padding-right: 60px;font-size: 15px;color: #333333;}
.xialaph .input_box input::placeholder{color:#666; opacity:1 !important;}
.xialaph .input_box img{width: 29px; height:29px; padding:5px; cursor: pointer;position: absolute;right: 10px;top: 50%;margin-top: -14px;}




.footer1{position: relative; z-index: 6;}
.footer1 .top{ display:flex; align-items: center; justify-content: space-between; padding:47px 0 26px 0; border-bottom:1px solid rgba(164,164,164,0.2);}
.footer1 .logo{ display:block; line-height:0;}
.footer1 .logo img{ height:55px;}
.footer1 .nav{display: flex; flex-wrap: wrap;}
.footer1 .nav .a1{ display:inline-flex; color: #565656; font-size:18px; line-height:28px; padding-left:28px; position: relative; margin-right:58px;}
.footer1 .nav .a1:last-child{ margin-right:0 !important;}
.footer1 .nav .a1::after{ display: block; content: ''; position: absolute; left: 0; top:50%; margin-top: -1px; background:#0013b3; width:18px; height: 2px; }
.footer1 .nav .a1:hover{ color: #0013b3 !important; }
.footer1 .links{  width:100%; display: flex; flex-wrap:wrap; color:#b0b0b0; font-size:14px; line-height:24px; padding:0 0 23px 0;}
.footer1 .links a{ color:#b0b0b0; margin-right: 7px;}
.footer1 .links a:hover{ color:#0013b3 !important;}
.footer1 .down1{ display:flex; flex-wrap: wrap; width:100%; justify-content: space-between; padding:13px 0;border-top:1px solid rgba(164,164,164,0.2);}
.footer1 .Copyright{ display:block; color:#b0b0b0; font-size:14px; line-height:22px;}
.footer1 .Copyright a{color:#b0b0b0;}
.footer1 .Copyright a:hover{color:#0013b3 !important;}
.footer1 .sjkf{ display: inline-flex; color:#b0b0b0; font-size:14px; line-height:22px;}
.footer1 .sjkf i{ padding:0 6px; font-size:12px;}
.footer1 .sjkf a{color:#b0b0b0; }
.footer1 .sjkf a:hover{ color:#0013b3 !important;}
.footer1 .midd{ position: relative; display:flex;width:100%; align-items:flex-start; justify-content: space-between; padding:30px 0 30px 0; }
.footer1 .addr{ display:flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; width: 83.56%;}
.footer1 .addr .li{display:flex; flex-wrap: wrap; flex-direction: column; position: relative; padding-left:66px; margin-top:22px;}
.footer1 .addr .li .ico{ position: absolute; left: 0; top:15px; width:44px; height:44px;}
.footer1 .addr .li .tit{display:inline-flex; color: #333; font-size:18px; line-height:28px; opacity:0.6;}
.footer1 .addr .li .info{display:inline-flex; color: #333; font-size:20px; line-height:30px; margin-top:9px;}
.footer1 .er{ display:flex; flex-wrap: wrap; width:109px;}
.footer1 .er i{ display:block; width:100%; line-height: 0;}
.footer1 .er span{ display:block; width:100%; text-align:center; margin-top:7px; color: #666666; font-size:14px; line-height:24px;}
.footer1 .addr .ph_tel{ display:none;}

@media screen and (max-width:1440px) {
.footer1 .nav .a1{font-size:16px; line-height:26px; margin-right: 36px;}	
.footer1 .addr .li{padding-left:56px; margin-top:22px;}	
.footer1 .addr .li .tit{font-size:16px; line-height:26px;}
.footer1 .addr .li .info{font-size:18px; line-height:28px; margin-top:9px;}
.footer1 .addr .li .ico{ top:12px; width:44px; height:44px;}
}
@media screen and (max-width:1270px) {
.footer1 .nav .a1{font-size:14px; line-height:24px; margin-right:26px; padding-left:22px}	
.footer1 .nav .a1::after{ width:14px; height: 2px; }
.footer1 .addr .li{padding-left:50px; margin-top:22px;}	
.footer1 .addr .li .tit{font-size:14px; line-height:24px;}
.footer1 .addr .li .info{font-size:16px; line-height:26px; margin-top:7px;}
.footer1 .addr .li .ico{ top:10px; width:40px; height:40px;}
}
@media (max-width: 1024px){
.footer1{border-top: 1px solid rgba(164,164,164,0.2);}	
.footer1 .links{ display:none;}
.footer1 .logo img{ height:34px; object-fit: contain; }
.footer1 .top{ padding:20px 0;display:none;}
.footer1 .midd{ padding:20px 0;}
.footer1 .nav .a1{font-size:14px; line-height:24px; margin-right:15px; padding-left:16px}	
.footer1 .nav .a1::after{ width:10px; height: 2px; }
.footer1 .addr{ flex-direction: column; }
.footer1 .addr .li{padding-left:40px; margin-top:10px;}
.footer1 .addr .li:nth-child(1),
.footer1 .addr .li:nth-child(2){ margin-top:0 !important;}
.footer1 .addr .li .info{font-size:14px; line-height:20px; margin-top:0;}
.footer1 .addr .li .ico{ top:10px; width:28px; height:28px;}
.footer1 .addr .pc_tel{ display:none;}
.footer1 .addr .ph_tel{ display:flex;}
}
@media (max-width: 767px){
.footer1 .down1{ justify-content: center; text-align: center;}
.footer1 .Copyright a{ display: block; margin: 0;}
.footer1 .nav .a1{font-size:13px; line-height:24px; margin-right:0; padding-left:6px; width:26%;}	
.footer1 .nav .a1:nth-child(4n){ width:22%;}
.footer1 .nav .a1::after{ width:2px; height:10px; top:8px; }
}


.pc_show1{ display: block;}
.ph_show1{ display: none;}
@media (max-width: 767px){
.pc_show1{ display: none;}
.ph_show1{ display: block;}
}



.my-bg{display: none; width: 100%; height: 100%; position: fixed; left: 0; top:0; z-index: 110; background: #000; opacity:0.6;}
.my-puop1{ display:none; width:480px; transform: translate(-50%,-50%); -ms-transform: translateY(-50%,-50%); position: fixed; left:50%; top:50%; z-index: 111;}
.my-puop1 .box{ position: relative; display: flex; flex-wrap: wrap; width:100%; border-radius: 10px; overflow: hidden; padding:40px 30px 66px 30px; background: url(img/bg.png) center bottom no-repeat #0013b3; background-size:100% auto;}
.my-puop1 .box .colse{ cursor: pointer; display:flex; align-items: center; justify-content: center; position: absolute; right:10px; top:13px; width:34px; height:34px;}
.my-puop1 .box .colse img{ width:100%;}
.my-puop1 .box .title{ width:100%; color: #fff; font-size:28px; line-height:38px; font-weight: bold;}
.my-puop1 .box .info{ width:100%; color: #fff; font-size:18px; line-height:28px; margin-top: 5px; opacity:0.6;}
._form4{ width:100%; flex-wrap:wrap; display: flex; justify-content:space-between; padding-top: 14px; }
._form4 .lab{ width:100%; position:relative; display: flex; margin-top:19px; }
._form4 .text{ position: relative; z-index: 6; cursor: pointer; width:100%; border-radius: 3px; border:1px solid rgba(255,255,255,0.6); background:none; font-size:16px;color: #fff; line-height:28px; height:50px; padding:10px 19px;}
._form4 .textarea{ position: relative; z-index: 6; cursor: pointer; width:100%; border-radius: 3px; border:1px solid rgba(255,255,255,0.6); background:none; font-size:16px;color: #fff; line-height:28px; height:88px; padding:20px 19px;}
._form4 .yanzhengma{ position: absolute; right:9px; top:50%; width:auto; height:34px; object-fit: contain; z-index:6; background: #fff; object-fit: contain; transform: translateY(-50%); -ms-transform: translateY(-50%); }
._form4 .submit{ display: flex; justify-content:center; align-items: center; width:100%; font-size:16px; color: #0013b3; height:50px; padding-bottom: 1px; border:0;background:#fff; border-radius:3px;border:1px solid rgba(255,255,255,0.6);}
._form4 .submit:hover{ background:#0013b3; color: #fff !important;}
._form4 .jt::after{ display: block; content: ''; width:16px; height: 100%; position: absolute; right:12px; bottom: 0;background: url(img/down.png) center no-repeat; background-size:100% auto !important;}
._form4 ._down{
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  padding:10px 0;
  z-index: 899;
  min-width: 100%;
  border:1px solid #fff;
  max-height: 176px;
  overflow-y: auto;
  background-color: #fff;
  border-radius:2px;
  box-shadow: 0 2px 4px rgba(0,0,0,.12);
  scrollbar-width: thin;
    scrollbar-color: #0013b3 #fff;
}
._form4 ._down .li{padding:0 19px;
  line-height:26px; font-size:14px;
  white-space:nowrap;
  overflow:hidden;cursor: pointer;
  text-overflow: ellipsis;}
._form4 ._down .li:hover{color:#0013b3;}

._form4 input::placeholder{color:#e3e3e3; opacity:1 !important;}
._form4 textarea::placeholder{color:#e3e3e3; opacity:1 !important;}



@media screen and (max-width:1600px) {
.my-puop1 .box{ padding:30px 30px 40px 30px;}
._form4{ padding-top:8px; }
._form4 .lab{ margin-top:15px; }
}
@media screen and (max-width:1440px) {
._form4 .text{ font-size:16px;line-height:26px; height:44px; padding:8px 19px;}
._form4 .textarea{ font-size:16px;line-height:26px; height:78px; padding:12px 19px;}
._form4 .submit{ height:44px; }
}
@media screen and (max-width:1024px) {
.my-puop1{ width:92%;}
.my-puop1 .box{ padding:25px 15px 30px 15px;}
.my-puop1 .box .colse{ right:8px; top:8px; }
.my-puop1 .box .title{font-size:18px; line-height:28px; }
.my-puop1 .box .info{font-size:14px; line-height:20px; }
._form4 .text{font-size:14px; height:40px; padding:7px 12px;}
._form4 .textarea{font-size:14px; padding:7px 12px;}
._form4 .yanzhengma{ width:100px; height:30px; right:7px; }
._form4 .submit{font-size:14px; height:40px;}
._form4 .jt::after{ width:14px;}
}

@-webkit-keyframes rotate {
    0% {
       -webkit-transform:rotate(0deg);
       transform:rotate(0deg);
    }
    100% {
       -webkit-transform:rotate(360deg);
       transform:rotate(360deg);
    }
}

.index-banner{ display:block; width: 100%; line-height: 0; overflow: hidden; z-index:5; position: relative;}
.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 .box{ display: block; width:100%; position: absolute; left: 0; top:49.7%; z-index: 6; transform: translateY(-50%); -ms-transform: translateY(-50%); }
.index-banner .box .cont{ display: inline-flex; flex-wrap: wrap; flex-direction: column; }
.index-banner .box .tit1{ display: inline-flex; color: #fff; font-weight: bold; font-size:0.62rem; line-height:0.74rem; text-shadow:15px 15px 0.54rem rgba(0, 0, 0, 0.28);}
.index-banner .box .tit2{  display:inline-flex; background:rgba(0,19,179,0.8); border-radius:0 0.35rem 0.35rem 0.35rem; color: #fff; font-size:0.22rem; line-height:0.31rem; padding:0.2rem 0.32rem;margin-top: 0.5rem;}

.index-banner .swiper-prev,
.index-banner .swiper-next{ cursor: pointer; width:48px; height:48px; display:block;position: absolute;right:50%; bottom:36px; z-index: 10; background: url(img/ico5.1.png) center no-repeat; background-size:auto 100% !important; }
.index-banner .swiper-prev{ margin-right:-738px; transform:rotateY(180deg); -ms-transform:rotateY(180deg);}
.index-banner .swiper-next{  margin-right:-800px;}
.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:38px; z-index: 10;margin-left:-800px; }
.index-banner .swiper-pagination-bullet{ cursor: pointer; border-radius:24px; width:24px; height:24px; margin:0 16px 0 0; display:block; background: url(img/ino8.png) center no-repeat; background-size:100% 100% !important;animation:rotate 3s linear 0s infinite; }
.index-banner .swiper-pagination-bullet-active{  background: url(img/ino8.1.png) center no-repeat; animation:rotate 3s linear 0s infinite;}


@media screen and (max-width:1800px) {
.index-banner .swiper-prev,
.index-banner .swiper-next{ right:100px;}
.index-banner .swiper-prev{ margin-right:68px;}
.index-banner .swiper-next{  margin-right:0;}
.index-banner .swiper-pagination{ left:100px; margin-left:0; }
}
@media screen and (max-width:1024px) {
._mouse{ display:none;}	
.index-banner .box .tit1{ font-size:0.86rem; line-height:1.2rem;}
.index-banner .box .tit2{  border-radius:0 0.64rem 0.64rem 0.64rem; font-size:0.47rem; line-height:0.7rem; padding:0.32rem 0.5rem;margin-top: 0.6rem;}
.index-banner .swiper-prev,
.index-banner .swiper-next{ width:26px; height:26px; bottom:20px; right:15px;}
.index-banner .swiper-prev{ margin-right:34px;}
.index-banner .swiper-next{  margin-right:0;}
.index-banner .swiper-pagination{ left:15px; bottom:20px; margin-left:0; }
.index-banner .swiper-pagination-bullet{ margin:0 10px 0 0;}
}
@media screen and (max-width:767px) {

}



.main0 .box{ display:block; width: 100%; padding:62px 0;}
.main0 .title{ display:block; width: 100%; color: #fff; text-align: center; font-weight: bold; font-size:40px; line-height:50px;}
.main0 .btn{ display:flex; justify-content: center; width: 100%; margin-top:35px;}
.main0 .btn .a{ cursor:pointer; display:inline-flex; color: #fff; font-size:16px; line-height:1; height:40px; justify-content: center; align-items: center; border-radius: 7px; margin:0 22px; padding:0 28px 1px 28px; border: 1px solid #fff;}
.main0 .btn .a:hover{ background: #0013b3; border: 1px solid #0013b3; color: #fff !important;}



@media screen and (max-width:1400px) {
.main0 .title{ font-size:34px; line-height:44px;}
}
@media (max-width: 1024px){
.main0{ background-position:62% center !important;display:none;}	
.main0 .box{ padding:32px 0;}	
.main0 .title{  font-size:20px; line-height:30px;}
.main0 .btn{ margin-top:20px;}
.main0 .btn .a{font-size:14px; line-height:24px; height:32px; margin:0 10px; padding:0 16px;}

}


@keyframes mb-customers-scroll{0%{transform:translate3d(-50vw,0,0)}to{transform:translateZ(0)}}
@keyframes dk-customers-scroll{0%{transform:translate3d(-50vw,0,0)}to{transform:translateZ(0)}}

.wzyh_section6{width: 100%; overflow: hidden; position: relative; z-index: 6; padding-bottom: 65px;}
.wzyh_section6 .content{width: 100%; padding:25px 0; overflow: hidden;  position: relative;}
.wzyh_section6 .content::after,
.wzyh_section6 .content::before{ display: block; width:180px; height: 100%; content: ''; position: absolute; top:0; z-index: 1;}
.wzyh_section6 .content::after{ left:0;
	background: linear-gradient(90.00deg, rgb(255, 255, 255) 56.489%,rgba(255, 255, 255, 0) 100%);
}
.wzyh_section6 .content::before{ right:0;
	background: linear-gradient(90.00deg, rgb(255, 255, 255) 56.489%,rgba(255, 255, 255, 0) 100%);
	transform: rotate(180.00deg);
}
.wzyh_section6 .content .ul{animation-duration:20s;animation-iteration-count:infinite;animation-name:mb-customers-scroll;animation-timing-function:linear;display:flex;}
.wzyh_section6 .content .box:nth-child(2n) .ul{animation-direction:reverse}
.wzyh_section6 .content .box{ display: flex;}
.wzyh_section6 .content li{margin:10px; min-width:203px; max-width:203px;  line-height: 0;}
.wzyh_section6 .content li .a{display: block;width: 100%;background: #ffffff;overflow: hidden; border-radius: 10px;box-shadow: 0 0 24px rgba(31,50,80,0.22);}
.wzyh_section6 .content li .a img{width: 100%;}



@media  screen and (max-width:1800px){
.wzyh_section6 .content::after,
.wzyh_section6 .content::before{ width:100px; }
}
@media  screen and (max-width:1440px){
.wzyh_section6 .content li{ min-width:180px; max-width:180px; }
}
@media  screen and (max-width: 1024px){
.wzyh_section6{ padding-bottom:15px;}	
.wzyh_section6 .content{padding:20px 0; }	
.wzyh_section6 .content::after,
.wzyh_section6 .content::before{ width:30px; }
.wzyh_section6 .content .box{animation-duration:10s;}
.wzyh_section6 .content li{margin:7px; min-width:140px; max-width:140px; }
.wzyh_section6 .content li .a{box-shadow: 0 0 12px rgba(31,50,80,0.22);}
}




.main4 .box{ display: block; width: 100%; margin-top:20px; position: relative;}
.main4 .u2{ display: block; width:calc(100% + 30px); margin:0 -15px; }
.main4 .u2 .li{ display:block; width: 33.33%; padding:15px 15px;}
.main4 .u2 .a{ width: 100%; display: block; 
background: rgb(255, 255, 255);border-radius: 10px; overflow: hidden;
}
.main4 .u2 .a ._img{ padding-bottom:62.18%;}
.main4 .u2 .a .cont{ display:flex; flex-wrap: wrap; width: 100%; padding:0.4rem 0.38rem 0.48rem 0.38rem;}
.main4 .u2 .a .tit{ width: 100%; color: #444;font-size:22px; line-height:32px; height:64px; margin-top:9px;}
.main4 .u2 .a .more{ display:inline-flex; background: url(img/ArrowRight2.png) right center no-repeat; background-size:auto 100% !important; color:#666666; font-size: 14px; line-height: 26px;  padding-right:39px; margin-top:0.58rem;}
.main4 .u2 .a:hover .more{ color:#fff; background: url(img/ArrowRight1.png) right center no-repeat;}
.main4 .u2 .a .time{ display: block; width: 100%; color:#666666;font-size:14px; line-height:22px; opacity:0.49; }
.main4 .u2 .a:hover .cont{background: url(img/bg1.jpg) top center no-repeat; background-size:cover !important;}
.main4 .u2 .a:hover .time{ opacity:1; color:#fff;}
.main4 .u2 .a:hover .tit{ color:#fff;}
.main4 .slick-dots{ display: flex; justify-content: center; padding-top:35px; position: relative;}
.main4 .slick-dots li{ margin:0 10px; width:9px; height:9px; border-radius: 50%; background:#dddddd;}
.main4 .slick-dots li.slick-active{ background:#0013b3;}


@media screen and (max-width:1440px) {
.main4 .u2 .a .tit{font-size:18px; line-height:28px; height:56px; }
}
@media screen and (max-width:1024px) {
.main4 .u2{width:calc(100% + 14px); margin:0 -7px; }
.main4 .u2 .li{ width:50%; padding:7px;}	
.main4 .u2 .a .cont{padding:20px 15px;}
.main4 .u2 .a .tit{font-size:16px; line-height:24px; height:48px; margin-top:6px;} 
.main4 .u2 .a .more{ margin-top:15px; line-height:24px;padding-right: 35px;} 
.main4 .slick-dots{padding-top:15px;}
.main4 .slick-dots li{ margin:0 5px;}
}
@media screen and (max-width:767px) {
.main4 .u2{ display: block;}	
.main4 .u2 .li{ width:100%;}
}




.main3 .box{ display: block; width: 100%; padding-top:5px;}
.main3 .u2{  display: flex; flex-wrap: wrap; width:calc(100% + 0.3rem); margin:0 -15px; }
.main3 .u2 .li{ display:block; width:50%; margin-top:30px; padding:0 15px;}
.main3 .u2 .a{ width: 100%; display: flex; flex-wrap: wrap; align-content: flex-start; position: relative;
background: rgb(255, 255, 255); height: 100%; overflow: hidden; border-radius: 10px;
}
.main3 .u2 .a ._img{ padding-bottom:48.66%;}
.main3 .u2 .a .cont{ display: flex; flex-wrap: wrap; width: 100%; position: relative; padding:0.4rem 1.9rem 0.42rem 0.5rem;}
.main3 .u2 .a .tit{ width: 100%; color: #333333;font-size:30px; line-height:40px; font-weight: bold;}
.main3 .u2 .a .p{ width: 100%; color:#666;font-size:18px; line-height:32px; margin-top: 0.28rem;}
.main3 .u2 .a .ico{ display:block; position: absolute; right:0.5rem; top:0.42rem; line-height: 0; width:71px;}
.main3 .u2 .a .ico img{ width: 100%;}
.main3 .u2 .a .ico .img1{ display: block;}
.main3 .u2 .a .ico .img2{ display: none;}
.main3 .u2 .a:hover{background:#0013b3;}
.main3 .u2 .a:hover .more{ color:#0013b3; background: url(img/ArrowRight1.png) right center no-repeat;}
/*.main3 .u2 .a:hover .cont{background:#0013b3;}*/
.main3 .u2 .a:hover .tit{ color:#fff;}
.main3 .u2 .a:hover .p{ color:#fff;}
.main3 .u2 .a:hover .ico .img1{ display: none;}
.main3 .u2 .a:hover .ico .img2{ display: block;}


@media screen and (max-width:1800px) {
.main3 .u2 .a .cont{ padding:0.4rem 1.6rem 0.42rem 0.5rem;}	
}
@media screen and (max-width:1440px) {
.main3 .u2 .a .tit{font-size:26px; line-height:36px;}
.main4 .u2 .a .p{font-size:16px; line-height:28px;}
.main3 .u2 .a .cont{ padding:0.4rem 1.4rem 0.42rem 0.4rem;}	
.main3 .u2 .a .ico{  right:0.4rem; top:0.42rem; width:70px;}
}
@media screen and (max-width:1024px) {
.main3 .box{padding-top:7px;}	
.main3 .u2{width:calc(100% + 14px); margin:0 -7px; }
.main3 .u2 .li{ margin-top:14px; padding:0 7px;}	
.main3 .u2 .a .cont{padding:20px 14px;}
.main3 .u2 .a .tit{ font-size:16px; line-height:24px;} 
.main3 .u2 .a .p{ font-size:14px; line-height:24px; margin-top:8px;} 
.main3 .u2 .a .ico{ right:14px; top:18px; width:30px; } 
}
@media screen and (max-width:767px) {
.main3 .u2 .li{ width:100%;}
.main3 .tit24{ padding:0 15%;}
}


.main8 .box{ display: block; width: 100%; padding-top:25px;}
.main8 .u2{ display:flex; flex-wrap: wrap; width:calc(100% + 10px); margin:0 -5px;}
.main8 .u2 .li{ display:block; width:20%; padding:0 5px; margin-top:10px;}
.main8 .u2 .a{ display:flex; flex-wrap: wrap; align-items:flex-start; width: 100%; position: relative; overflow: hidden; border-radius: 10px;}
.main8 .u2 .a .tit{ width: 100%; color: #fff;font-size:30px; line-height:40px; font-weight: bold; text-align: center;}
.main8 .u2 .a ._img{ padding-bottom:190.7%;}
.main8 .u2 .a .cont{width: 100%; position:absolute; left:0; bottom:0; z-index: 6; padding:0.26rem 14px; display:block;}
.main8 ._btn{ margin-top: 50px;}

@media screen and (max-width:1440px) {
.main8 .u2 .a .tit{font-size:26px; line-height:36px; }
}
@media screen and (max-width:1024px) {
.main8 .box{ padding-top:10px;}	
.main8 .u2 .a .tit{ font-size:16px; line-height:25px; }
.main8 .u2 .a .cont{padding:14px 14px;}
.main8 ._btn{ margin-top:25px;}
}
@media screen and (max-width:767px) {
.main8 .u2{ display: block;}	
.main8 .u2 .li{ width: 50%;}
.main8 .slick-dots{ display: flex; justify-content: center; padding-top:20px; position: relative;}
.main8 .slick-dots li{ margin:0 5px; width:9px; height:9px; border-radius: 50%; background:#dddddd;}
.main8 .slick-dots li.slick-active{ background:#0013b3;}
.main8 .tit24{ padding:0 15%;}
}


._btn{ display: flex; flex-wrap: wrap; justify-content: center; width: 100%;}
._btn .a{ display:inline-flex; align-items: center; justify-content: center; color: #666666; font-size:14px; line-height:1; height:44px; border:1px solid #0013b3; border-radius:44px; padding:0 12px 0 29px; }
._btn .a i{ display: block; width:26px; height:26px; margin-left:14px; background: url(img/ArrowRight.png) center no-repeat; background-size:auto 100% !important;}
._btn .a:hover{ color: #fff !important; background:#0013b3; border:1px solid #fff;}
._btn .a:hover i{ background: url(img/ArrowRight2.png) center no-repeat; }

@media  screen and (max-width:1024px){
._btn .a{ font-size:14px; height:36px; padding:0 10px 0 20px; }	
._btn .a i{width:24px; height:24px; margin-left:8px; }

}


.main10 { position: relative; overflow:hidden;}
.main10 ._Title{color: #fff;}
.main10 .tit24{color: #fff;}
.main10 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.main10 .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0;}
.main10 .top{ display: block; width: 100%; margin-top:35px;}
.main10 .hd{display:flex; justify-content: center; width: 100%;}
.main10 .hd ul{display:flex; padding:7px 23px; background: #fff; border-radius: 50px;}
.main10 .hd li{display: inline-flex; width: auto;}
.main10 .hd li a{ display: inline-flex;align-items: center; justify-content:center; color: #666666;font-size:16px; line-height:25px; padding:8px 27px; border-radius: 50px;}
.main10 .hd li.swiper-slide-thumb-active a{ background: #0013b3; color: #fff !important;}
.main10 .box{ display: block; width:width: calc(100% + 30px); position: relative; margin:40px -15px 0 -15px;}
.main10 .swiper-prev,
.main10 .swiper-next{ cursor: pointer; width:48px; height:48px; display:block;position: absolute; top:50%; margin-top:-24px; z-index: 10; background: url(img/ico5.1.png) center no-repeat; background-size:auto 100% !important; border-radius:50%;box-shadow: 0 2px 6px rgba(0,0,0,0.1); }
.main10 .swiper-prev{ left:36px; transform:rotateY(180deg); -ms-transform:rotateY(180deg);}
.main10 .swiper-next{  right:36px;}
.main10 .swiper-prev:hover,
.main10 .swiper-next:hover{background: url(img/ico5.png) center no-repeat;}
.main10 .list{ display: block; width: 100%;}
.main10 .u2 .li{ display:block; width:14rem; margin:0 15px;}
.main10 .u2 .a{ display:flex; flex-wrap: wrap; width:100%; position: relative; background: #fff; border-radius: 10px; overflow: hidden;}
.main10 .u2 .a .tit{ width: 100%; color: #0013b3;font-size:28px; line-height:38px; font-weight: bold;}
.main10 .u2 .a .p{ width: 100%; color: #666;font-size:16px; line-height:36px; height:144px; margin-top:12px; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp:4;}
.main10 .u2 .a .pic{width: 67.7%;}
.main10 .u2 .a ._img{ padding-bottom:62.34%;}
.main10 .u2 .a .cont{width: 32.3%; align-content:flex-start; padding:0.8rem 0.54rem; display:flex; flex-wrap: wrap; position: relative;}
.main10 .u2 .a .more{ display:inline-flex; background: url(img/ArrowRight.png) right center no-repeat; background-size:auto 100% !important; color:#0013b3; font-size: 14px; line-height: 26px;  padding-right:39px; position: absolute; left: 0.54rem; bottom: 0.92rem;}
.main10 .u2 .li .a:hover{background: #0013b3;}
.main10 .u2 .li .a:hover .tit{ color: #fff; }
.main10 .u2 .li .a:hover .p{ color: #fff; }
.main10 .u2 .li .a:hover .more{ color:#fff; background: url(img/ArrowRight2.png) right center no-repeat;}
.main10 .swiper-pagination{ display: none; width: 100%; justify-content: center; padding-top:20px; position: relative;}
.main10 .swiper-pagination-bullet{display: flex; margin:0 5px; width:9px; height:9px; border-radius: 50%; background:#fff; opacity: 0.5;}
.main10 .swiper-pagination-bullet-active{ opacity:1;}

@media screen and (max-width:1800px) {
.main10 .swiper-prev{ left:-58px; }
.main10 .swiper-next{  right:-58px;}
.main10 .hd ul{ padding:7px 16px;}
.main10 .u2 .li{ width:12rem; margin:0 15px;}
}
@media screen and (max-width:1440px) {
.main10 .hd li a{font-size:16px; line-height:25px; padding:8px 25px; }
.main10 .u2 .a .cont{padding: 0.55rem 0.4rem;}
.main10 .u2 .a .more{ left: 0.4rem; bottom: 0.62rem;}
.main10 .u2 .a .tit{font-size:24px; line-height:34px;}
.main10 .u2 .a .p{ font-size:15px; line-height:30px; height:120px;}
.main10 .u2 .li{ width:11rem; margin:0 15px;}
}
@media screen and (max-width:1024px) {
.main10 .swiper-prev,
.main10 .swiper-next{ width:26px; height:26px; }	
.main10 .top{margin-top:18px;}
.main10 .hd ul{ padding:5px 0;}
.main10 .hd li{ margin:0 1px;} 
.main10 .hd li a{font-size:14px; line-height:22px; padding:5px 14px 5px 14px; }
.main10 .box{ width:100%; position: relative; margin:20px 0 0 0; overflow: hidden; }	
.main10 .list{padding:0;}
.main10 .u2 .li{ width:100%; margin:0;}
.main10 .u2 .a .ico{min-width:24px; height:24px;line-height:24px;margin-top:10px;}
.main10 .u2 .a .tit{ font-size:16px; line-height:24px;}
.main10 .u2 .a .p{ font-size:14px; line-height:24px; height:96px;margin-top: 8px;}
.main10 .u2 .a .more{ line-height: 24px;  padding-right:35px; left:14px; bottom:30px;}
.main10 .u2 .a .cont{padding:20px 14px;}
.main10 .u2 .li:hover .a .ico{padding-right: 35px; margin-top: 1.48rem;}
.main10 .swiper-pagination{ display: flex;}
}
@media screen and (max-width:767px) {
.main10 .top{ background: #fff; border-radius: 44px; padding:0 7px;}	
.main10 .hd{ overflow: hidden; border-radius: 44px; padding:0;}
.main10 .u2 .a .cont{  width:100%;} 
.main10 .u2 .a .pic{  width:100%;} 
.main10 .u2 .a .more{ position: static; margin-top: 15px;}
}



.pf-right{display:none; z-index:16; position:fixed; right:0.3rem; bottom:20vh; width:46px;}
.pf-right .linxi{ display:flex; flex-wrap:wrap; justify-content: center; width:100%; margin:14px 0; position: relative;}
.pf-right .linxi .a{ cursor:pointer; display:flex; flex-wrap:wrap; width:100%; height:75px; border-radius:8px; justify-content: center; align-content: center; line-height: 0;background: rgb(255, 255, 255);
}
.pf-right .linxi .a span{ display: block; color:#333333; font-size:14px; line-height:20px; margin-top: 5px;}
.pf-right .linxi .a img{ width:28px; height:28px;}
.pf-right .linxi .a:hover{background:#0C318E;}
.pf-right .linxi .a:hover span{color:#fff;}
.pf-right .linxi .a .img1{ display:block;}
.pf-right .linxi .a .img2{ display:none;}
.pf-right .linxi .a:hover .img1{ display:none;}
.pf-right .linxi .a:hover .img2{ display:block;}
.pf-right .cont{ position: absolute; right:100%; bottom:-61px; width:322px; padding:0 23px 0 0 ;
-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-webkit-transform-origin:90% 70%;
	-moz-transform-origin:90% 70%;
	-ms-transform-origin:90% 70%;
	-o-transform-origin:90% 70%;
	transform-origin:90% 70%;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
}
.pf-right .sect{display:block; width:100%; background: #fff; border-radius:4px; padding:22px 23px 23px 23px; position: relative;
box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.07);}
.pf-right .sect::after{ display: block; content: ''; position: absolute; left: 100%; bottom:92px; margin:0 0 0 -4px; border-top: 10px solid transparent; border-bottom:10px solid transparent;border-left:12px solid #fff; }
.pf-right .er{display: flex; width:100%; align-items: center; padding:21px 0;}
.pf-right .er i{display: flex; width:81px; min-width:81px; line-height: 0; margin-right: 11px;}
.pf-right .er .r{display: flex; flex-wrap: wrap; flex-direction: column;}
.pf-right .er .r span{color:#666; font-size: 18px; line-height: 28px;}
.pf-right .er .r font{color:#666; font-size: 14px; line-height: 24px; margin-top:10px;}

.pf-right .div{display: block; width:100%; padding:15px 0; border-top: 1px solid #efefef;}
.pf-right .div .tit{display: block; width:100%;color:#333; font-size: 18px; line-height: 28px;}
.pf-right .div .info{display:flex; align-items: center; width:100%;color:#666666; font-size: 18px; line-height: 28px; margin-top: 2px;}
.pf-right .div .info img{ width:28px; height:28px; padding:4px; margin-left: 6px; cursor: pointer;}
.pf-right .div .p{display: block; width:100%;color:#0013b3; font-size: 14px; line-height: 24px; font-weight: bold;}
.pf-right .linxi:hover .cont{opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform:  scale(1);}
	
	
.pf-right .btn{ position: relative; display:flex; justify-content: center; width:100%;}
.pf-right .btn .a{cursor:pointer; display:flex; flex-wrap:wrap; width:100%; height:46px; border-radius:8px; justify-content: center; align-items: center; line-height: 0;background: rgb(255, 255, 255);
}
.pf-right .btn .a img{ width:28px; height:28px;}
.pf-right .btn .a:hover{background:#0C318E;}
.pf-right .btn .a .img1{ display:block;}
.pf-right .btn .a .img2{ display:none;}
.pf-right .btn .a:hover .img1{ display:none;}
.pf-right .btn .a:hover .img2{ display:block;}


@media screen and (max-width:1540px) {
.pf-right{ right: 7px;}
}	
@media screen and (max-width:1024px) {
.pf-right{ display:none !important;}
}

.wap_hei{ display: none; width: 100%;padding-top:50px;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}
.wap_down{ display: none; width: 100%;background: #fff;box-shadow: 0px 0px 10px 0px rgba(12, 49, 142, 0.1);position: fixed;z-index: 15;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom); left: 0; bottom: 0;}
.wap_down li{width:25%;float: left;text-align: center;}
.wap_down li a{width: 100%;display: flex;flex-wrap: wrap;align-content: center; justify-content: center; height:50px;}
.wap_down li .ico{ border-radius: 50%; width:40px;display: flex;flex-wrap: wrap;align-content: center; justify-content: center; height:40px; line-height: 0;}
.wap_down li .ico img{ width:22px; height:22px;}
.wap_down li .ico .img1{ display:block;}
.wap_down li .ico .img2{ display:none;}
.wap_down li  a:hover .ico{background:#0C318E;}
.wap_down li  a:hover .ico .img1{ display:none;}
.wap_down li  a:hover .ico .img2{ display:block;}


@media screen and (max-width:1024px) {
/*WAP head*/
.wap_down{ display: block;}
.wap_hei{ display: block;}

}


.copy-pou{ display:none; position: fixed; left: 50%;; top: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); z-index: 20;}
.copy-pou .text{ display: block; white-space: normal; color: #fff; font-size:16px; line-height:26px; background: rgba(0,0,0,0.6); border-radius: 3px; padding:15px 36px;}















/*2504*/





.t_navs .lang a.none_important{display:none !important;}