body{font-size: 16px;} 
.w1440{ width: 1440px; margin: 0 auto;}
.maIcon{height: 35px;}
header{ height: 100px;}
.headerForm{ border-radius: 25px; width: 320px; border-right: none; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }
.headerForm .keys{ height: 50px; width: calc(100% - 50px);}
.headerForm .submit{ height: 50px; width: 50px; background: url(../images/search-w.png) no-repeat center center var(--blue); background-size: 30% auto; flex-shrink: 0;}
/* .headerForm .submit::after{font-family: "iconfont" !important; display: block; content: "\e8b9"; color: #fff; font-size: 16px;} */

.proClassTop{background-color: #023e8b; height: 60px; width: 340px;}
.leftProClass{ width:100% ; position: absolute; top: 60px; left: 0; background: #fff; height: 600px; z-index: 10; font-size: 18px;
  display: none;
}
nav.index .leftProClass{ display: block;}
.leftProClass a.wmax{ line-height: 50px;}
.leftProClass a.wmax:hover{ color: var(--blue); font-weight: bold;}
.proClassRight{ height: 600px;  position: absolute; top: 0; left:100% ; width:1100px;  display: none;
    box-shadow:inset 5px 10px 10px rgba(0,0,0,.15)}

.proClassRight .left{  overflow-y: scroll;  height: 380px; }
.proClassRight .left::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  width: 6px;}
.proClassRight .left::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 0; background: #c1c1c1; width: 6px; }
.proClassRight .left::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 0; background: #f1f1f1; width: 6px; }

.proClassRight .left{ width:100%   ;}
.proClassRight .right a{ width: 24%;}
.proClassRight .right .font14{ line-height: 50px;}
.proClassRight .right a:hover img{ box-shadow: 0 0 10px rgba(0,0,0,.25); transform:scale(0.95) ; -webkit-transform:scale(0.95) ; -moz-transform:scale(0.95) ; -ms-transform:scale(0.95) ; -o-transform:scale(0.95) ; }
.smaillItem a{ width: 24%; margin-right: 1%;  }
.proClassRight  .item .title{ width: 21%;}
.smaillItem{ width: 79%;}
.leftProClass li:hover .proClassRight{ display: flex;}



.linka a:hover{ color: var(--blue);}
nav{ z-index: 100;}
nav.sticky{box-shadow: 0 0 10px rgba(0,0,0,.15);}
nav.sticky .leftProClass{ display: none; box-shadow: 0 10px 10px rgba(0,0,0,.15);}
.proClassTop:hover .leftProClass{ display: block;}


.navLine{ height: 20px;}

.banner .swiper-pagination{ bottom: 15px !important;}
.banner .swiper-pagination .swiper-pagination-bullet{ width: 14px; height: 14px; margin: 0 6px !important; background: #fff; opacity: 1;}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: var(--blue);}

.navUl li{ margin-left: 90px; position: relative;}
.oneNav{ font-size: 18px; line-height: 60px;white-space: nowrap;}
.oneNav .iconfont{ display: inline-block;}
nav  li dl{position:absolute;text-align: center;min-width:150px; width: auto;top:69px;left: 50%; background:#fff;   -webkit-box-shadow:0 13px 42px 11px rgba(0,0,0,.15);box-shadow:0 13px 42px 11px rgba(0,0,0,.15);
    border-bottom-left-radius:5px;border-bottom-right-radius:5px; z-index: 10;
  }
.navUl li dl dd{white-space: nowrap;height:50px;line-height:50px;border-bottom:1px solid #eee;transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease}
.navUl li dl dd:last-child{border-bottom:0}
.navUl li dl dd a{ padding: 0 20px;  font-size:14px; color:#333!important; font-weight: normal!important; transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease;display:block }
.navUl li dl dd:hover{background:var(--blue)}
.navUl li dl dd:hover a{color:#fff!important;}
.navUl li dl:before{content:"";position:absolute;border-width:0 9px 9px;border-style:solid;border-color:transparent transparent #f6f1e1;top:-9px;left:50%;margin-left:-9px}
.navUl li dl{ visibility:hidden; opacity:0; filter:alpha(opacity=0); transform:translateX(-50%) translateY(20px); -ms-transform:translateX(-50%) translateY(20px); -o-transform:translateX(-50%) translateY(20px); -webkit-transform:translateX(-50%) translateY(20px); -moz-transform:translateX(-50%) translateY(20px); transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; }
.navUl li:hover dl{ visibility:visible; opacity:1; filter:alpha(opacity=100); transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); }
  
.banImg{ width: 100%; height: 600px; object-fit: cover;}
.idxNode .swiper-container{width: 820px;height: 60px;}
.idxNode .swiper-slide{ line-height: 60px; }
.idxNodeForm .keys{ height: 40px; width:230px ;}

.idxServce li{ width: calc((100% - 32px)/5); margin-right: 8px; background:   #d9e6f6;  }
.idxServce li:nth-child(5n){ margin-right: 0;}
.idxServceBg{ position: absolute; right: 0; top: 0; z-index: 5; height: 100%;}
.idxServce li::after{ width: 0; height: 100%; z-index: 1; transition:all .36s ; position: absolute; top: 0; left: 0; display: block; content: ''; background: var(--blue); -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
.idxServceIcon{ max-width: 40px; max-height: 40px; transition: all 0s; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; }
.idxServce li:hover{ color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.15); transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); }
.idxServce li:hover::after{ width: 100%;}
.idxServce li:hover .idxServceBg{ opacity: .15;}
.idxServce li:hover  .idxServceIcon{ filter: drop-shadow(100px 0 0 #fff); transform: translateX(-100px); -webkit-filter: drop-shadow(100px 0 0 #fff); }

.idxProleft{ width: 340px; box-shadow: 0 0 10px rgba(2,112,212,.1);}
.idxProRight{ width: 1070px; box-shadow: 0 0 10px rgba(2,112,212,.1); }
.idxProleft .title{ background: url(../images/bg1.jpg) no-repeat center center; background-size: cover;}
.idxProleftUl li{ line-height: 52px;}
.idxProleftUl .icon-yuan{ font-size:10px; transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); }
.idxProleftUl li::after{ width: 50%; opacity: 0; height: 100%; z-index: 1; transition:all .36s ; position: absolute; top: 0; left: 0; display: block; content: ''; background: var(--blue); -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
.idxProleftUl li:hover::after,.idxProleftUl li.on::after{ width: 100%; opacity: 1;}
.idxProleftUl li:hover,.idxProleftUl li.on{ color: #fff; padding: 0 10px;}
.idxProleftUl li:hover .color-aaa,.idxProleftUl li.on .color-aaa{ color: #fff;}




.idxProRight .top img{ width: 100%; height: 328px; object-fit: cover;}
.idxProRight .top .text{ background-image: linear-gradient(to right,rgba(0,0,0,.5),transparent);}
.idxProRightBot li{ width: calc((100% - 60px)/3) ; margin-right: 30px;}
.idxProRightBot li .text{ background-image: linear-gradient(to top,rgba(0,0,0,.5),transparent);} 
.idxProRightBot li .pic{ width: 100%; height: 210px; object-fit: cover;}
.idxProRightBot li:nth-child(3n){ margin-right: 0;}
.idxProRightBot li:hover{ filter: drop-shadow( 0 0 15px rgba(0,0,0,.25)); -webkit-filter: drop-shadow( 0 0 15px rgba(0,0,0,.25)); }
.idxProRightBot li:hover .pic{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }

.idxSeek{ background: url(../images/bg2.png) no-repeat bottom center #f2f8fe; background-size: 100% auto; }
#digit span{ background-color: #fff; padding: 0 10px; border-radius: 5px; margin: 0 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.common.btn {width: 180px; white-space: nowrap;line-height:50px;text-align: center; display: block;perspective: 500;-webkit-perspective: 500;    }    
.common.btn .w {position: relative;-webkit-transition: all 0.25s;-o-transition: all 0.25s;transition: all 0.25s;-webkit-transform-style: preserve-3d; transform-style: preserve-3d;pointer-events: none;    }    
.common.btn .t {position: absolute; width: 100%;height: 100%;left: 0; top: -50px;-webkit-transform-origin: center bottom;	-ms-transform-origin: center bottom;		transform-origin: center bottom;-webkit-transform: rotateX(90deg);		transform: rotateX(90deg);-webkit-backface-visibility: hidden;		backface-visibility: hidden;    }
.common.btn:hover .w { transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); -webkit-transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); -moz-transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); -ms-transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); -o-transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); }
 
.idxAbout{ background: url(../images/idxAboutBg.jpg) no-repeat center center  ;  background-size: cover; background-attachment: fixed;}
.idxHonr{ width: 500px;}
.idxAboutInfo{ width:910px; background: rgba(255,255,255,.8);}
.maxImg img{ max-width: 100%; max-height: 100%;}
.idxHonr .swiper-slide .img{ height: 420px;}
.idxHonr .prev:hover,.idxHonr .next:hover{ color: var(--blue);}

.idxKehuUl li{ width: calc(100% / 5); height: 150px;}
.idxKehuUl li:nth-child(n+6){ border-bottom: none;}
.idxKehuUl li:nth-child(5n){ border-right: none;}
.idxKehu .more:hover{   color: #fff;}
.idxKehu .more::after{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: var(--blue); display: block; content: ''; transition:all .36s ; transform:scale(0,1) ; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; -webkit-transform:scale(0,1) ; -moz-transform:scale(0,1) ; -ms-transform:scale(0,1) ; -o-transform:scale(0,1) ; }
.idxKehu .more:hover::after{ transform:scale(1,1) ; -webkit-transform:scale(1,1) ; -moz-transform:scale(1,1) ; -ms-transform:scale(1,1) ; -o-transform:scale(1,1) ; }
.idxKehuUl li:hover{ box-shadow: 0 0 15px rgba(0,0,0,.15);}

footer{ color: #a0c0e8; background: url(../images/footerBg.jpg) no-repeat center bottom;background-size: cover;}
footer .top .right{ width: 45%;}
footer  .center{ border-top: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1);}
footer .center .cen{ width: 130px;}
footer .center .right{ width: 45%;}
footer a:hover{ color: #fff;}
footer .center .right .flex-between a{width: 40%;}
footer .bottom .left{ width: 50px;}
footer .bottom .right{ width: calc(100% - 50px);}
.fenlink a{ margin-right: 2em; white-space: nowrap;}
.fenlink a.on{ color: #fff;}
footer .copyright{ background: rgba(0,0,0,.1); color: rgba(255,255,255,.4);}

.neibanImg{ width: 100%; min-height: 200px; object-fit: cover;}
.neiBan .txt{ background: rgba(0,0,0,.1);}

.proLeft{ width: 300px; box-shadow: 0 0 10px rgba(2,112,212,.1);}
.proLeft .title{ background: url(../images/bg1.jpg) no-repeat center center; background-size: cover;}
.proLeftUl li{ background: #f2f8fe;}
.proLeftUl li dl{ display: none;   }
.proLeftUl li dl dd{ display: block;}
.proLeftUl li dl dd a{ line-height: 2.4; }
.proLeftUl li dl dd .iconfont{ opacity: 0;}
.proLeftUl li dl dd::after{ display: block; content: ''; border-radius: 3px; width: 80%; height: 100%; background: var(--blue); opacity: 0; position: absolute; left: 0; top: 0; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.proLeftUl li dl dd:hover::after,.proLeftUl li dl dd.on::after{ width: 100%; opacity: 1;}
.proLeftUl li dl dd:hover,.proLeftUl li dl dd.on{ color: #fff;}
.proLeftUl li dl dd:hover .iconfont,.proLeftUl li dl dd.on .iconfont{ color: #fff; opacity: 1; transform: translateX(-10px); -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); }

.proLeftUl li dl:hover > dd:not(:hover)::after{opacity: 0 ;}
.proLeftUl li dl:hover > dd:not(:hover) {color: #555;}

.proLeftUl li:hover,.proLeftUl li.on{ background: none; box-shadow: 0 0 10px rgba(2,112,212,.1);}
.proLeftUl li:hover dl,.proLeftUl li.on dl{ display: block;}
.proLeftUl:hover > li:not(:hover) { background: #f2f8fe; }
.proLeftUl:hover > li:not(:hover) dl{ display: none;} 

.proRight{ width: 1110px;}
.hyjclist li{ width: calc((100% - 60px)/4); margin-right: 20px; margin-bottom: 20px;}
.hyjclist li:nth-child(4n){ margin-right: 0;}
.hyjclist li .font18{ height: 2.4em; margin-bottom: 6px;}
.hyjclist li .img img{ width:100%; height: 180px; object-fit: cover;}
.hyjclist li:hover .img img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
.hyjclist li:hover{ box-shadow: 0 0 15px rgba(2,112,212,.25);}

.cellMenuBox{ padding: 0 20px;}
.menuItem{
  height: 50px;
  border-bottom: 1px solid #EBEBEB;
  padding-top: 15px;
  display: flex;
position: relative;
}
.menuItem .topTitle{
  font-size: 15px;
  
  font-weight: 500;
  opacity: 1;
  width: 92%;
}
.menuItem .topTitle a{
  display: block; font-weight: bold;
}
.menuItem .topTitleActive{
  color:var(--blue);
  border-bottom: 2px solid var(--blue);
}

.menuItem .topBtn img{
  position: absolute;
  height: 40%;
}
.topBtnActive{
  margin-top: 0; 
}
.menuDetail{
  width:92%;
  /*margin: 0 auto;*/
  background:#d9e4f2;
  opacity:1;
  padding: 2% 4.7%;
  position: absolute;
top: 100%;
z-index: 99;
}
.menuDetail li{
  font-size: 14px;
  
  line-height:2.4;
  color:rgba(68,68,68,1);
  opacity:1;
}
.menuDetail li a{
  display: block;
  width: 100%;
}
.menuDetail li:hover{
  color: var(--black)!important;
}
.location .iconfont{ font-size: 12px; transform: scale(0.8); color: #aaa; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); }
.location .icon-home-filling{ margin-bottom: 3px; transform: scale(1); font-size:18px; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }

.proinfoOne .img .prev,.proinfoOne .img .next{ position: absolute; z-index: 10; top: 50%; margin-top: -23px; width: 45px; height: 45px; border-radius: 5px; background: rgba(0,0,0,.5); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.proinfoOne .img .prev{ left: 15px;}
.proinfoOne .img .next{ right: 15px;}
.proinfoOne .img .prev:hover,.proinfoOne .img .next:hover{ background-color: var(--blue);}

.proinfoTwo .title span{ display: inline-block;  line-height: 3.6; position: relative;}
.proinfoTwo .title span::after{ width: 100%; height: 2px; display: block; content: ''; position: absolute; left: 0; bottom: 0; background-color: var(--blue);}
.relevantUl li::before{ display: inline-block; content: "\eaa2"; color: var(--blue); font-size: 12px; margin-right: 10px;  font-family: "iconfont" !important;}
.proinfoTab .title span{ cursor: pointer; margin-right:2.8vw ; display: inline-block;  line-height: 3.6; position: relative;}
.proinfoTab .title span::after{ width: 100%; height: 2px; display: block; content: ''; position: absolute; left: 0; bottom: 0; background-color:transparent;}
.proinfoTab .title span.on{ color: var(--blue); font-weight: bold;}
.proinfoTab .title span:hover{ color: var(--blue);}
.proinfoTab .title span.on::after{ width: 100%; height: 2px; display: block; content: ''; position: absolute; left: 0; bottom: 0; background-color: var(--blue);}
.proinfoTabCon figure{ display: none;}
.proinfoTabCon figure.on{ display: block;}
.proinfotPage a:hover{ box-shadow: 0 0 10px rgba(0,0,0,.15);}

.subNav{ width: 100%; background: rgba(0,0,0,.3); margin-top: -70px; line-height: 70px; z-index: 3;}
.subNav a{ flex: 1;}
.subNav a.on{ background: var(--blue);}

.serviceUl li{ width: calc((100% - 90px)/3); margin-right: 45px;  }
.serviceUl li:nth-child(3n){ margin-right: 0;}
.serviceUl li::after{ width: 0; height: 2px; position: absolute; left: 0; bottom: -1px; display: block; content: ''; background: var(--blue); transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.serviceUl li .img img{ width: 100%; height: 320px; object-fit: cover;}
.serviceUl li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.serviceUl li:hover::after{ width: 100%;}
.serviceUl li:hover .more{ padding-left: 25px;}

.ProfileLine{ width: 30px; height: 4px;}
.profilePlay{ position: absolute; left: 50%; top: 50%; z-index: 10; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.profilePlay img{ animation: rotate 10s linear infinite; transition: ease 1s; -webkit-animation: rotate 10s linear infinite; }

.numUlBox{ background: url(../images/bg3.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;}
.Honorary{ background: url(../images/bg4.jpg) no-repeat center center; background-size: cover;}

.HonorarySwiper .swiper-slide .line-clamp{ display: none;}
.HonorarySwiper .swiper-slide.swiper-slide-active .line-clamp{display:-webkit-box;  }
.swipernext,.swipreprev{ width:60px  ; background: #fff; height: 60px; position: absolute; top: 50%; margin-top: -30px; z-index: 10;} 
.swipernext{ right: -100px;}
.swipreprev{left: -100px;}
.swipernext:hover,.swipreprev:hover{ color: #fff; background: var(--blue);}
.zw{ padding-top: 60px; margin-top: -60px;}

.statement{ background: url(../images/statementbg.jpg) no-repeat center center; background-size: cover;}
.statementTit{ width: 26vw; border: 5px solid var(--blue);}

.w1200{ width: 90%; max-width: 1200px; margin: 0 auto;}
.newslist li{ width: calc((100% - 90px)/3); margin-right: 45px;  }
.newslist li:nth-child(3n){ margin-right: 0;}
.line-clamp2{ height: 3.5em;}
.newslist li:hover{ box-shadow: 0 0 10px rgba(2,112,212,.15); transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); }
.newslist li .img img{ width: 100%; height: 285px; object-fit: cover;}
.newLeft{ width: 68%;}
.newRight{ width: 32%;}
.tjNewsUl a .left{ width: calc(100% - 120px);}
.tjNewsUl a .img img{ width: 100px; height: 70px; object-fit: cover;}


 
.searchTop form{ width: 700px;}
.searchTop form .text{ width: calc(100% - 70px); }
.searchTop form .submit{ width: 70px; height: 70px; background: url(../images/searchbig.png) no-repeat center center; background-size: 35% auto;}

.searchlist{   }
.searchlist li::after{ width: 0; height: 2px; position: absolute; left: 0; bottom: 0; background-color: var(--blue); display: block; content: ''; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.searchlist li .left{ width:70% ;}
.searchlist li .right{ width: 70px; height: 70px;}
.searchlist li:hover::after{ width: 100%;}
.searchlist li:hover .right{ background-color: var(--blue); color: #fff; transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); }



@keyframes rightFloat {
  from {
      transform: translateX(-20px);
      opacity: 0;
  }

  to {
      transform: translateX(0);
      opacity: 1;
  }
}
@keyframes  ani-data-v-789143c6{
  0% {
  transform: scale(1);
  opacity: 0;
  }
  25% {
    transform: scale(1.15);
    opacity: .3;
  }
  50% {
    transform: scale(1.3);
    opacity: .7;
  }
  75% {
    transform: scale(1.45);
    opacity: .5;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
  }

.footSidebar { position: fixed; right: 0; bottom: 25vh; z-index: 105;   font-size: 14px;  filter: drop-shadow( 0 0 10px rgba(0, 0, 0, .15));   } 
.footSidebar li{ width: 70px; min-height: 80px; border-bottom: 1px solid #e5e5e5;}
.footSidebar li.topJump{ border-bottom: none; transform: translateX(105%);}
.footSidebar li.topJump.show{transform: translateX(0);}
.footSidebar  .kefu{ padding-top: 10px; border-bottom: 1px solid #e5e5e5;border-radius: 40px 40px 0 0;}
.footSidebar .pic{ width: 50px; height: 50px; border-radius: 50%;}
.footSidebar .pic img{ width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
.footSidebar .pic::after,.footSidebar .pic::before{ display: block; content: ''; border-radius: 50%; width: 100%; height: 100%; position: absolute; left: 0%; top: 0%;border: 1px solid var(--blue);animation: ani-data-v-789143c6 1.4s ease-out infinite;}
.footSidebar .pic::before{animation-delay: .6s;}
.footSidebar .iconfont{ font-size: 22px;}
.footSidebarLeft{ animation: rightFloat .3s; padding: 5px; position: absolute; box-shadow: 0 0 10px rgba(0, 0, 0, .15); right: calc(100% + 10px); top: 50%; display: none; -webkit-animation: rightFloat .3s; }
.sidebarEwm{width: 120px; height: 120px; margin-top: -50px;}
.footSidebar li:hover .footSidebarLeft{ display: block;}
.sidebarTel{  height: 50px; margin-top: -25px;  line-height: 50px; padding: 0 15px;}
.footSidebar li:hover .iconfont{ color: var(--blue);}
.footSidebar a:hover .iconfont{ color: var(--blue);}
/* .footSidebar li:hover .icon-zhiding { color: #fff} */