body{font-size: 16px;} 
.w1200{ width: 1200px; margin: 0 auto;}

.zwHeader{ height: 64px;}
header{  padding-left: 42px; width: 100%;  position: fixed; top: 0; left: 0; z-index: 101; box-shadow: 0 0 10px rgba(0, 0, 0, .15);} 
.logo{ margin-right: 30px;}
nav li.on .oneNav,nav li:hover .oneNav{color: var(--blue);}
.oneNav{ line-height: 64px; display: block; padding: 0 16px; white-space: nowrap; }
nav:hover > li:not(:hover) .oneNav{ color: #333}
header .right .line{ width: 1px; height: 1em;}
.registerBtn{ line-height: 64px; }
.serchBtn{ width: 30px; height: 30px;}


header dl{ width: 100%; position: absolute; left: 0; background: #fff; z-index: 10;height: 650px;
box-shadow: inset 0px 5px 10px rgb(0 0 0 / 15%);}
/* 
.prodownDl::after{ background: #f2f6f9; width:calc((100% - 1200px)/2); height: 100%; display: block; content: ''; position: absolute; left: 0; top: 0;}
header dl .left{ background: url(../images/navBg.jpg) no-repeat right top; background-size: cover; width:14.5%;}
header dl .left a{ width: 150px; border-bottom: 1px solid #e9e9e9;}
header dl .left a::after{ width: 0; height: 2px; position: absolute; left: 0; bottom: 0; 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; }
header dl .right{ width: 85.5%;}
header dl .right .item{ border-bottom: 1px solid #e9e9e9;}
header dl .right .item:nth-child(n+5){ border-bottom: none;}
.downNavLI{ padding-left: 46px;}
.downNav{height: 650px;background: url(../images/navBg.jpg) no-repeat right top; background-size: cover;}

.downNavRight{ max-height: 650px; overflow-y: scroll;  }
.downNavRight::-webkit-scrollbar {  width: 2px;}
.downNavRight::-webkit-scrollbar-thumb { border-radius: 0; background: var(--blue); width: 2px; }
.downNavRight::-webkit-scrollbar-track { border-radius: 0; background: #fff; width: 2px; }

.downNav>li{ margin-bottom: 5px;}
.downNav>li .downNaavOne{ width: 175px; border-bottom: 1px solid #e9e9e9; margin: 0 10px; position: relative;}
.downNav>li .downNaavOne::after{ width: 0; height: 2px; position: absolute; left: 0; bottom: 0; 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; }
.downNav>li:hover .downNaavOne,.downNav>li.on .downNaavOne{ color: var(--blue);}
.downNav>li:hover .downNaavOne::after,.downNav>li.on .downNaavOne::after{ width: 100%;}
.downNav li .downNavRight{ width: 1025px; transition:all .36s ; position: absolute; left: 100%; top: 0; visibility:hidden; opacity:0; transform: translateX(20px); -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
.downNav li:hover .downNavRight{ visibility:visible;  opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
.downNav   a:hover{ color: var(--blue);}
.downNav li.on .downNavRight{ visibility:visible;  opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }

.downNavRight .item{ border-bottom: 1px solid #e9e9e9;}
.downNavRight .item:nth-child(n+5){ border-bottom: none;}

.downNav:hover > li:not(:hover) .downNavRight{ visibility:hidden; opacity:0; transform: translateX(20px); -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); }
.downNav:hover > li:not(:hover) .downNaavOne{ color: #333;}
.downNav:hover > li:not(:hover) .downNaavOne::after{  width: 0; } */

nav li dl{ visibility:hidden; opacity:0; filter:alpha(opacity=0); transform: translateY(20px); transition:all .53s;pointer-events: none;  }
nav  li:hover dl{ visibility:visible; opacity:1; filter:alpha(opacity=100);  transform:translateY(0); pointer-events: auto;}

.tipIcon{ width: 40px; height: 18px; flex-shrink: 0; border-radius: 3px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.newsTip,.bg-news{background: #F94B28;}
.hotTip,.bg-hot{background: #F9A128;}
 

.prodownDl .left{ width: 28vw;background: url(../images/navBg.jpg) no-repeat right top; background-size: cover;}
.prodownDl .right{ width: 72vw;}
.prodownDlLeft a{ width:150px;}
.prodownDlLeft a::after{ display: block; content: '' ; width: 0; background: var(--blue); height: 2px; position: absolute; left: 0; bottom: 0; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.prodownDlLeft a:hover::after{ width: 100%;}
.prodownDlLeft a:hover{ color: var(--blue);}

.prodownDlRight figure{ display: none; animation: rightFloat .5s; -webkit-animation: rightFloat .5s; }
.prodownDlRight figure.on{ display: block;}

.prodownDlRightUl{ width: 1027px;}
.prodownDlRightItem{ border-top: 1px solid  #E9E9E9;}
.downNavLI{ padding-left: 46px; font-size: 14px;}
.prodownDl .right{ max-height: 100%; overflow-y: scroll;    }
.prodownDl .right::-webkit-scrollbar {  width: 4px;}
.prodownDl .right::-webkit-scrollbar-thumb { border-radius: 0; background: #bcbcbc; width: 4px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
.prodownDl .right::-webkit-scrollbar-track { border-radius: 0; background: #fff; width: 4px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }

/*  */
.tjNavPro a{ width: 288px; margin-right: 16px; height: 106px;background: #F8F9FB;box-shadow: 0px 8px 12px 0px rgba(92,94,98,0.08);border-radius: 4px;border: 1px solid #FFFFFF;}
.tjNavPro a .img{ width: 78px; height: 78px;}
.tjNavPro a .text{ width: calc(100% - 85px);}
.tjNavPro a:last-child{ margin-right: 0;}
.tjNavPro a::after{ width: 0; height: 2px; position: absolute; left: 0; bottom: 0; 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; }
.tjNavPro a:hover::after,.tjNavPro a.on::after{ width: 100%;}
.tjNavPro a:hover,.tjNavPro a.on{ transform:scale(0.95) ; box-shadow: 0px 8px 12px 0px rgba(54,118,245,0.08);-webkit-transform:scale(0.95) ; -moz-transform:scale(0.95) ; -ms-transform:scale(0.95) ; -o-transform:scale(0.95) ; }

.tjNavPro:hover > a:not(:hover)::after{ width: 0;}



.searchPop{ position: absolute; left: 50%; margin-left: -150px; top: 65px; box-shadow:  0 5px 10px rgba(0, 0, 0, .15); display: none; animation: topFloat .6s; -webkit-animation: topFloat .6s; }
.searchPop .text{ width: 250px; line-height: 50px;}
.searchPop .submit{ width: 50px; height: 50px; background: url(../images/search-w.png) no-repeat center center var(--blue);}
.serchBtnClick:hover .searchPop{ display: flex;}

.pop{ width: 100vw; height: 100vh; position: fixed; top: 0; left: 0;z-index: 200; display: none;}
.pop .bg{ background: rgba(0, 0, 0, .8); width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1;}
.pop .con{z-index: 10; position: absolute  ; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.messagePop .con{ width: 1280px; background: url(../images/messagePopBg.jpg) no-repeat center right; background-size: cover;}
.line-height50{ line-height: 50px;}
.pop .con .close{ position: absolute; right: 0; top: 0; }
.pop .con .close .iconfont{ transform: rotate(45deg); font-size: 30px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.pop .con .close:hover .iconfont{ color: var(--red); transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); }

.wapMyPop .button{ width: 48%; line-height: 35px;}
.jobPop .con{ width: 70vw;}
.closerIcon { position: absolute; left: calc(100% + 15px); top: 0;}
.jobPop .closerIcon{ width: 5.2vw;}
.jobPop .info{ max-height: 50vh;}
.jobPop .info{  overflow-y: scroll;    }
.jobPop .info::-webkit-scrollbar {width: 2px;}
.jobPop .info::-webkit-scrollbar-thumb {border-radius: 3px; background: #003f98; width: 2px; }
.jobPop .info::-webkit-scrollbar-track {border-radius: 3px; background: #f2f5f9; width: 2px; }

.messageBtn{ width: 50px; z-index: 50; height: 50px; position: fixed; right: 0; top: 50vh; padding: 10px; transform: translateX(105%); transition: all .36s; -webkit-transform: translateX(105%); -moz-transform: translateX(105%); -ms-transform: translateX(105%); -o-transform: translateX(105%); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.messageBtn.show{ transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
.commonBtn {width:150px; white-space: nowrap;line-height:46px;text-align: center; display: block;perspective: 500;-webkit-perspective: 500;    }    
.commonBtn .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;    }    
.commonBtn .t {position: absolute; width: 100%;height: 100%;left: 0; top: -46px;-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;    }
.commonBtn:hover .w { transform: translateY(23px) translateZ(-23px) rotate3d(1, 0, 0, -90deg); -webkit-transform: translateY(23px) translateZ(-23px) rotate3d(1, 0, 0, -90deg); -moz-transform: translateY(23px) translateZ(-23px) rotate3d(1, 0, 0, -90deg); -ms-transform: translateY(23px) translateZ(-23px) rotate3d(1, 0, 0, -90deg); -o-transform: translateY(23px) translateZ(-23px) rotate3d(1, 0, 0, -90deg); }
.commonBtn:hover{ box-shadow: 0 0 15px rgba(0, 0, 0, .15);}

.idxBan .text{ padding-top: 10%;} 
.idxBan .pagination{ position: absolute; left: calc((100vw - 1200px)/2); z-index: 10; bottom: 10%;}
.idxBan .pagination .swiper-pagination-bullet { margin-right: 8px; opacity: 1; width: 36px; height: 3px; background: #D8D8D8; border-radius:0 ; -webkit-border-radius:0 ; -moz-border-radius:0 ; -ms-border-radius:0 ; -o-border-radius:0 ; }
.idxBan .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: var(--blue);}

.idxSmall{ background: #1A1A1A;}


.idxSmallUl .tit::after{ transform: scale(1,0); transition: all .36s; width: 5px; height: 1em; position: absolute; left: 0; top: 0; display: block; content: ''; background: var(--blue); -webkit-transform: scale(1,0); -moz-transform: scale(1,0); -ms-transform: scale(1,0); -o-transform: scale(1,0); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.smallRight{ transition:all .36s ; opacity: 0; transform: translateX(50px); -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); -o-transform: translateX(50px); -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
.idxSmallUl li:last-child{ margin-bottom: 0;}
.idxSmallUl li.on,.idxSmallUl li:hover { padding-left: 30px;}
.idxSmallUl li.on .smallRight,.idxSmallUl li:hover .smallRight{ opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
.idxSmallUl li.on div,.idxSmallUl li:hover div{color: #fff ;}
.idxSmallUl li.on .tit::after,.idxSmallUl li:hover .tit::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); }
.idxSmallUl:hover > li:not(:hover) div{ color: #999; }
.idxSmallUl:hover > li:not(:hover) .smallRight{ opacity: 0; transform: translateX(50px); -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); -o-transform: translateX(50px); }
.idxSmallUl:hover > li:not(:hover) div{  padding-left: 0;}
.idxSmallUl:hover > li:not(:hover) .tit::after{ transform: scale(1,0); -webkit-transform: scale(1,0); -moz-transform: scale(1,0); -ms-transform: scale(1,0); -o-transform: scale(1,0); }


.idxSmallRight{ width: 65%;}
.idxSmallRightUl .txt{ left: 0; bottom: 0; z-index: 5; position: absolute;}
.idxSmallRightUl li:hover 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) ; }
.idxSmallRight .swiper-slide{ height: 400px;}

.idxTeam{ background: #FAFBFE;;}
.idxTeamSwiper .swiper-slide{ padding: 10px 0;}
.idxTeamItem .shadow{box-shadow: 0px 8px 12px 0px rgba(13,63,91,0.04);}
.idxTeamItem img{ border-radius: 50%; width: 128px; height: 128px;  -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.idxTeamItem  .text{ width: calc(100% - 140px);}
.idxTeamSwiper .swiper-slide:hover .color-black{ color: var(--blue);}
.idxTeamSwiper .swiper-slide:hover .idxTeamItem { transform:scale(0.95) ; -webkit-transform:scale(0.95) ; -moz-transform:scale(0.95) ; -ms-transform:scale(0.95) ; -o-transform:scale(0.95) ; }
.idxTeamSwiper .swiper-slide:hover .idxTeamItem { box-shadow: 0 0 15px rgba(54,118,245,.25);}

.idxNumUl li{ width: calc((100% - 60px)/4); margin-right: 20px; margin-top: 40px; background: url(../images/idxNumbg.png) no-repeat center center #FCFCFD;; background-size: cover;box-shadow: 0px 8px 12px 0px rgba(13,63,91,0.04);}
.idxNumUl li:nth-child(4n){ margin-right: 0;}
.idxNumUl li:hover{ transform:translateY(-10px) ;  box-shadow: 0 0 15px rgba(54,118,245,.25);-webkit-transform:translateY(-10px) ; -moz-transform:translateY(-10px) ; -ms-transform:translateY(-10px) ; -o-transform:translateY(-10px) ; }

.idxHistory{background: #FAFBFE;}
.topHistory .swiper-slide {}
.idxHistory .bot{ padding: 10vh 0; background: url(../images/idxHistorybg.png) no-repeat center center; background-size: cover; background-attachment: fixed;}
.idxHistorybotUl  li{ margin-right: 100px;}
.idxHistorybotUl li::after{ width: 130px; height: 2px; background-color: #6287D1; position: absolute; z-index: -1; left: 50%; bottom: 10px; display: block; content: '';}
.idxHistorybotUl  li:last-child{ margin-right: 0;}
.idxHistorybotUl li:last-child::after{ display: none;}
.idxHistorybotUl .round{width: 22px;height: 22px;background: #6287D1; cursor: pointer;}
.idxHistorybotUl .round i{ transition: all .36s; width: 60%; transform: scale(0); height: 60%; position: absolute; left: 20%; top: 20%; display: block; background-color: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); }
.botHistory{ width: 500px; padding: 0 30px; }
.idxHistorybotUl  li.on .round i{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }

.idxNews{ background: url(../images/idxNewsBg.png) no-repeat left top; background-size: cover;} 
.idxNewsSwiper .txt::after{ width: 0; height: 100%; position: absolute; left: 0; top: 0; 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; }
.idxNewsSwiper .swiper-slide:hover .txt::after{ width: 100%;}
.idxNewsSwiper .swiper-slide: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) ; }
.idxNewsSwiper .swiper-slide:hover .txt{ color: #fff;}
.idxNewsSwiper .swiper-slide:hover .txt .color-666{ color: #fff;}
.idxNewsSwiper .swiper-slide  .img img{ width: 100%; height: 240px; object-fit: cover;}

.maxImg img{max-width: 100%; max-height: 100%;}
.idxPartner .scroll {width: 100%; overflow: hidden; padding: 20px 0;}
.idxPartner .scroll ul {  white-space: nowrap;}
.idxPartner .scroll ul li {display: inline-flex; flex-shrink: 0; width: 230px;box-shadow: 0 0 10px rgba(157,175,243,0.1);border-radius: 4px;height: 108px;}
.idxPartner .scroll ul img {vertical-align: top;}
.idxPartner .scroll ul li:hover{ transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); }

.dowebok2 .idxPartnerUl{  margin-left: -100px;  width: calc(100% + 100px);}
.idxPartnerCon::after{ left: 0;background-image: linear-gradient(90deg,#fff 25%,hsla(0,0%,100%,0)); }
.idxPartnerCon::before{right: 0;background-image: linear-gradient(90deg,hsla(0,0%,100%,0),#fff 75%);}
.idxPartnerCon::after,.idxPartnerCon::before{  content: "";position: absolute;z-index: 1;height: 100%;width: 11vw;top: 0;}

.idxPartnerUl li {display: inline-flex; flex-shrink: 0; width: 230px;box-shadow: 0 0 10px rgba(157,175,243,0.1);border-radius: 4px;height: 108px;}
.idxPartnerUl li:hover{ transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); }
.idxBot .top{ width: 70%;  }

.linka a:hover{ color: var(--blue);}
.footerTop{ background: url(../images/footerTopbg.jpg) no-repeat center center; background-size: cover;}
.footBottom{background: #FCFCFD;}
.footBottom .top{ border-color: #E8E7E7;}
.footBottom .top dd { color: #666;}
.footBottom .top .line{ width: 1px; background: #E8E7E7;}
.footEwm{ width: 112px;}


/* 手机端导航 */
.cloud-header-mask{ width: 100vw; height: calc(100vh - 54px); top: 54px; border-top: 1px solid #e5e5e5; left: 0; position: absolute; z-index: 101; background-color: #fff; display: none;}
.headeSearchInput .text{ width: calc(100% - 60px);height:38px; line-height: 38px;}
.headeSearchInput .submit{ width: 60px ;height:38px; line-height: 38px;} 
.hot-product-ul a{ background: #f2f6fa; border-radius: 2px; margin-left: 10px; margin-top: 10px; color: #222; display: block; font-size: 13px; line-height: 29px; padding: 0 8px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; }
.headerColose{ width: 50%; position: absolute;  right: 0; top: 0; height: 54px; display: none;}
/*  background: #f8fafc;; */
.nav-content-left{ width: 32.6%;  }
.left-level-0{ line-height: 44px; padding-left: 12px; position: relative;}
.left-level-0 h3{ position: relative; z-index: 5;}
.left-level-0.active{ background: #fff;}
.left-level-0.active::after{ width: 3px; background: var(--blue); content: ''; position: absolute; left: 0; top: 0; height: 100%; display: block;}
.nav-content-right{ width: 67.4%;padding: 5px 12.5px 0 10px; font-size: 14px;}
.right-level-0 .top{ line-height: 44px;}
.right-level-1 li.go-child{ position: relative;}
.right-level-1 li.go-child>a{ line-height: 44px; font-size: 14px; padding-left: 0; }

.nav-content-right{  overflow-y: scroll;   }
.nav-content-right::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  width: 1px;}
.nav-content-right::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: var(--blue); width: 1px; }
.nav-content-right::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: rgba(0,0,0,.1); width: 1px; }


.erji{ width: 44px; height: 44px; position: absolute; right: 0 ; top: 0; display: flex; align-items: center; justify-content: center; font-size: 30px; z-index: 10;}
.erji::after{font-size: 16px;content: "\e68b"; display: block; font-family: "iconfont" !important;}
.right-level-1 li.go-child.on .erji::after{   content: "\e687";}
.nav-down li a{ line-height:36px;   display: block; padding-left: 15px; font-size: 14px;   color: #666}
.nav-content-right figure{ display: none;}
.nav-content-right figure.on{ display: block;}

.color-news{ color: #F94B28;}
.color-hot{ color: #F9A128;}

.proBan .text{ padding-top: 60px;}
.proBan .pagination{ position: absolute; left: calc((100vw - 1200px)/2); z-index: 10; bottom: 90px;}
.proBan .pagination .swiper-pagination-bullet { margin-right: 8px; opacity: 1; width: 36px; height: 3px; background: #D8D8D8; border-radius:0 ; -webkit-border-radius:0 ; -moz-border-radius:0 ; -ms-border-radius:0 ; -o-border-radius:0 ; }
.proBan .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: var(--blue);}

.probanImg{ width: 100%; min-height: 300px; object-fit:cover;}

.proSub{ margin-top: -53px;}
.tjNavProCon figure{ display: none;}
.tjNavProCon figure.on{ display: block;}

.bg-FAFBFE{ background: #fafbfe;}
.bg-fcfcfd{background: #FCFCFD;}

.fabricUl li{ width: calc((100% - 20px)/3); margin-right: 10px;}
.fabricUl li:nth-child(3n){ margin-right: 0;}
.fabricUl li .img{ width: 220px; height: 220px; object-fit: cover;}
.fabricUl  li:hover,.fabricSwiper .swiper-slide li:hover{ box-shadow:  0 0 10px rgba(54,118,245,.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); }

.fabricUl01 li{ width: calc((100% - 10px)/2); margin-right: 10px;}
.fabricUl01 li:nth-child(3n){ margin-right:10px ;}
.fabricUl01 li:nth-child(2n){ margin-right: 0;}

.applicationul li{ width: calc((100% - 25px)/2); margin-right: 25px; margin-top: 25px;}
.applicationul li:nth-child(2n){ margin-right: 0;}
.applicationul li .txt{ width: 100%; position: absolute; left: 0; bottom: 0; z-index: 5;background: linear-gradient(270deg, rgba(124,162,237,0) 0%, #3676F5 100%);}
.applicationul li:hover 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) ; }

.advantageBox{ background: url(../images/advantageBoxbg.jpg) no-repeat center center; background-size: cover;}
.caseUl li{ width: calc((100% - 50px)/3); margin-right: 25px;border-radius: 4px;border: 1px solid #E8E7E7;}
.caseUl li:nth-child(3n){ margin-right: 0;}
.bg-d6edff{background: #D6EDFF;}
.radius3{ border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.caseUl 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) ; }
.caseUl li:hover  { box-shadow: 0px 8px 12px 0px rgba(54,118,245,0.04); }
.caseUl li  .img img{ width:100% ; height:205px ; object-fit: cover;}
 
.algorithmtabUl li{ width: calc((100% - 60px)/4); margin-right: 20px ; margin-bottom: 20px; border-radius: 4px;border: 1px solid #E8E7E7;}
.algorithmtabUl li:nth-child(4n){ margin-right: 0;}
.algorithmtabUl li .tip{ color: #B3BDCD; border-radius: 2px; border: 1px solid #B3BDCD; -webkit-border-radius:; -moz-border-radius:; -ms-border-radius:; -o-border-radius:; }
.algorithmtabUl li:hover{ transform:translateY(-10px) ; box-shadow: 0 0 10px rgba(54,118,245,0.15); -webkit-transform:translateY(-10px) ; -moz-transform:translateY(-10px) ; -ms-transform:translateY(-10px) ; -o-transform:translateY(-10px) ; }
.algorithmtabUl 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) ; }

.algorithmtabUl li .img img{ width: 100%; height:160px ; object-fit: cover;}

.algorithmtabconBox .commonBtn{width: 136px;line-height: 36px;}
.algorithmtabconBox .commonBtn .t {  top: -36px;     }
.algorithmtabconBox	.commonBtn:hover .w { transform: translateY(18px) translateZ(-18px) rotate3d(1, 0, 0, -90deg); -webkit-transform: translateY(18px) translateZ(-18px) rotate3d(1, 0, 0, -90deg); -moz-transform: translateY(18px) translateZ(-18px) rotate3d(1, 0, 0, -90deg); -ms-transform: translateY(18px) translateZ(-18px) rotate3d(1, 0, 0, -90deg); -o-transform: translateY(18px) translateZ(-18px) rotate3d(1, 0, 0, -90deg); }
 
.algorithmtabTit li::after{ transition: all .36s; transform:scale(0,1) ; width: 100%; height: 2px; background: var(--blue) ; display: block; content: ''; position: absolute; left: 0 ; bottom: 0; -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) ; }
.algorithmtabTit li:hover,.algorithmtabTit li.on{ color: var(--blue);}
.algorithmtabTit li:hover::after,.algorithmtabTit li.on::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) ; }
.algorithmtabTit:hover > li:not(:hover)  { color: #333; }
.algorithmtabTit:hover > li:not(:hover)::after  { transform:scale(0,1) ; -webkit-transform:scale(0,1) ; -moz-transform:scale(0,1) ; -ms-transform:scale(0,1) ; -o-transform:scale(0,1) ; }

.bg-1a{ background-color: #1A1A1A;}
.solvetabTit{ border-bottom: 2px solid #32353E;;}
.solvetabTit li{ width: calc(100% / 6);  white-space: nowrap;}.solvetabTit li span{ position: relative; display: block; }
.solvetabTit li span::after{ transition: all .36s; transform:scale(0,1) ; width: 100%; height: 2px; background: var(--blue) ; display: block; content: ''; position: absolute; left: 0 ; bottom: 0; -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) ; }
.solvetabTit li:hover span::after,.solvetabTit li.on span::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) ; }
.solvetabTit:hover > li:not(:hover) span::after  { transform:scale(0,1) ; -webkit-transform:scale(0,1) ; -moz-transform:scale(0,1) ; -ms-transform:scale(0,1) ; -o-transform:scale(0,1) ; }

.bgWhite .solvetabTit{ border-color: #E8E7E7;}
.bgWhite .solvetabTit li:hover,.bgWhite .solvetabTit li.on{ color: var(--blue);}

.solvetabSwiper .swiper-slide .text{ position: absolute; left: 0; top: 0;}
.commonBtnSmall{width: 136px;line-height: 36px;}
.commonBtnSmall .t {  top: -36px;     }
.commonBtnSmall:hover .w { transform: translateY(18px) translateZ(-18px) rotate3d(1, 0, 0, -90deg); -webkit-transform: translateY(18px) translateZ(-18px) rotate3d(1, 0, 0, -90deg); -moz-transform: translateY(18px) translateZ(-18px) rotate3d(1, 0, 0, -90deg); -ms-transform: translateY(18px) translateZ(-18px) rotate3d(1, 0, 0, -90deg); -o-transform: translateY(18px) translateZ(-18px) rotate3d(1, 0, 0, -90deg); }
 
.oneMachine .left { width: 32.6%;}
.oneMachine .left .top{  background: #edf4fe;box-shadow: 10px 14px 12px 0px rgba(183,204,248,0.08);border-radius: 4px;backdrop-filter: blur(5px);}

.fabricBox .next,.fabricBox .prev{ width: 50px; height: 50px;background: #E8E7E7; position: absolute; top: 50% ;margin-top: -25px; z-index: 10;}
.fabricBox .prev{ left: -70px;}
.fabricBox .next{ right: -70px;}
.fabricBox .next:hover,.fabricBox .prev:hover{ color: #fff; background: var(--blue);}

.oneMachine  .flex-row-reverse .left{ display: flex; flex-direction: column; align-items: flex-end;}

/* 产品中心-暗光相机 */
.bg-f0f2f5{ background: #f0f2f5;}
.proinfoBan{ background: url(../images/proinfobanBg.png) no-repeat center left; background-size: cover;}
.submenu{ z-index: 98; background: #fff;}
.submenu.sticky{ border-top: 1px solid #e5e5e5;}
.submenu a{ line-height: 50px;height: 50px ; display: block; white-space: nowrap;}
.submenu a::after{ transition: all .36s; transform:scale(0,1) ; width: 100%; height: 2px; background: var(--blue) ; display: block; content: ''; position: absolute; left: 0 ; bottom: 0; -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) ; }
.submenu a:hover::after,.submenu a.on::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) ; }
.submenu:hover   a:not(:hover)::after  { transform:scale(0,1) ; -webkit-transform:scale(0,1) ; -moz-transform:scale(0,1) ; -ms-transform:scale(0,1) ; -o-transform:scale(0,1) ; }

.showlist li{ width: calc((100% - 50px)/3); margin-right: 25px; margin-top: 25px;border: 1px solid #E8E7E7;}
.showlist li:nth-child(3n){ margin-right: 0;}
.showlist li:hover{ transform: translateY(-10px); box-shadow: 0 0 10px rgba(54,118,245,.25); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
.showlist li .img img{ width: 100%; height:205px ; object-fit: cover;}

.cptxUl .cptxIcon{  width: 106px; height: 106px; margin-top:-53px ;}
.cptxUl li{ width: calc((100% - 80px)/5); margin-right: 20px; height: 232px;}
.cptxUl li:nth-child(5){ margin-right: 0;}
.cptxUl li:hover{ color: var(--blue); transform:translateY(-10px) ; box-shadow: 0 10px 10px rgba(54,118,245,.25); -webkit-transform:; -moz-transform:; -ms-transform:; -o-transform:; }
.cpysList li{ width: calc((100% - 60px)/4); margin-right: 20px;background: url(../images/idxNumbg.png) no-repeat center center #FCFCFD;background-size: cover;}
.cpyslist li:nth-child(4n){ margin-right: 0;}
.cpysList li:hover{ color: var(--blue); transform: translateY(-10px); box-shadow: 0 0 10px rgba(54,118,245,.25); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }

.tablebox table{margin:5px 0;width:48.5%; background: #f6f7f7;}
table,tr,td,th {border:none;padding: 10px;border-collapse: collapse;text-align:left; line-height: 42px;}
.tablebox table tr:first-child td{background: var(--blue) !important; color: #fff !important;}
.tablebox table tr:nth-child(2n-1){ background: #e4edf9;}

.wdygjlist li{ min-height: 200px; width: calc((100% - 40px)/3);margin-right: 20px; background: url(../images/wdygjlistbg.jpg) no-repeat right bottom; background-size: cover;}
.wdygjlist li:nth-child(3){ margin-right: 0;}
.bg-fcfcfd{ background: #fcfcfd;}

/* .swiper-button-disabled.prev,.swiper-button-disabled.next{ display: none ;} */

.zw{ padding-top: 70px; margin-top: -70px;}

.prozw{ padding-top: 115px; margin-top: -115px;}
/* 产品中心-智能边缘分析一体机 
.bgWhite .solvetabSwiper .left{ width: 58%;}*/
.bgWhite .solvetabSwiper .right{ width: 40.6%;}

/* 产品中心-高空抛物检测 */
.proshowBan{ background: url(../images/proshowBanbg.jpg) no-repeat center center; background-size: cover;}
.location .iconfont{ transform:scale(0.75) ; -webkit-transform:scale(0.75) ; -moz-transform:scale(0.75) ; -ms-transform:scale(0.75) ; -o-transform:scale(0.75) ; }
.twolocation .iconfont{ transform:scale(0.75) ; -webkit-transform:scale(0.75) ; -moz-transform:scale(0.75) ; -ms-transform:scale(0.75) ; -o-transform:scale(0.75) ; }

.twolocation a:last-child{ color: var(--blue);}

.mouseimg: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) ; }


.bg-e5edfb{background: #E5EDFB;}
.sflist li{border: 1px solid #E8E8E8;border-radius: 8px; width: calc((100% - 60px)/4); margin-right: 20px; margin-top: 20px;}
.sflist li:nth-child(4n){ margin-right: 0;}
.sflist li:hover{ box-shadow: 0 0 10px rgba(54,118,245,.25); border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }

.sflist li .img img{ width: 100%; height:160px ;object-fit: cover;}
.hutdList li{ border-radius: 8px; width: calc((100% - 40px)/3); margin-right: 20px;  box-shadow: 0px 8px 12px 0px rgba(13,63,91,0.04);
    background: url(../images/hutdListbg.jpg) no-repeat center center #FCFCFD;background-size: cover;}
.hutdList li:nth-child(3n){ margin-right: 0;}
.hutdList li:hover{ color: var(--blue); transform: translateY(-10px); box-shadow: 0 0 10px rgba(54,118,245,.25); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px);}

.fajzlist li{ width: calc((100% - 20px)/2); margin-right: 20px;box-shadow: 0px 8px 12px 0px rgba(13,63,91,0.04);border-radius: 4px;}
.fajzlist li:nth-child(2n){ margin-right: 0;}
.fajzlist li:hover{ color: var(--blue); transform: translateY(-10px); box-shadow: 0 0 10px rgba(54,118,245,.25); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px);}

.fayslist li{ width: calc((100% - 60px)/4); margin-right: 20px;box-shadow: 0px 8px 12px 0px rgba(13,63,91,0.04);border-radius: 4px;background: #FFFFFF;
    box-shadow: 0px 8px 12px 0px rgba(13,63,91,0.04);}
.fayslist li:nth-child(4n){ margin-right: 0;}
.fayslist li:hover{ color: var(--blue); transform: translateY(-10px); box-shadow: 0 0 10px rgba(54,118,245,.25); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px);}
/* 成功案例 */
.caseBan{ background: url(../images/caseBanbg.jpg) no-repeat center center; background-size: cover;}
.pagelist { justify-content: flex-end;}
.pagelist a{ width: 32px; height: 32px; margin: 0 5px; display: flex;align-items: center; justify-content: center;border-radius: 4px;
    border: 1px solid #D9D9D9;}
.pagelist .iconfont{ font-size: 14px;}
.pagelist a:hover,.pagelist a.on{ background: var(--blue); color: #fff;}

.newspage{ border-top: 2px solid #E8E7E7}
.newspage a{ max-width: 48%;}


.downsearch{ background: url(../images/downsearch.png) no-repeat left 23px center; padding-left: 56px; background-size: 18px auto;  line-height: 46px;}
.toollist li{ width: calc(100% / 3); border-color:  #E8E7E7;;}
.toollist li:nth-child(3n){ padding-right: 0;}
.toollist li:nth-child(-n+3){ border-top: none;}
.toollist li .img{ width: 78px;}
.toollist li .text{ width: calc(100% - 78px);}

.downlist {display: table;}
.downlist li {display: table-row;}
.downlist li .param-cell {display: table-cell; text-align: center;border-bottom: 1px solid #E8E7E7; }
.downlist li:first-child{ background: #f6f8fa; font-weight: bold; height: 70px ; line-height: 70px;  }
.downlist li:first-child .param-cell { border-bottom: none;}
.downlist li .button{ transition:all .36s ; height: 40px; border-radius: 20px; width: 111px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
.downlist li { height: 85px ; line-height:85px; }
.downlist li .button:hover{ background: var(--blue); color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .15);}

.newslistTop{ display: grid; grid-gap: 20px; grid-template-columns: repeat(3,1fr);}
.newslistTop li .text{ background: linear-gradient(270deg, rgba(124,162,237,0) 0%, #3676F5 100%);}
.newslistTop li a,.newslistTop li .img{height: 100%;}
.newslistTop li  .img img{ width: 100%; height: 100%; object-fit: cover;}
.newslistTop li:nth-child(1){grid-area: 1 / 1 / 3 / 3;}
.newslistTop li:nth-child(2){grid-area: 1 / 3 / 2 / 4;}
.newslistTop li:nth-child(2) .font20{ font-size: 16px;}
.newslistTop li:nth-child(3){grid-area: 2 / 3 / 3 / 4;}
.newslistTop li:nth-child(3) .font20{ font-size: 16px;}
.newslistTop li:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, .15);}
.newslistTop 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) ; }
.newslist li .img img{width: 100%; height: 240px; object-fit: cover;}

.newslistTop li:nth-child(2) .img img,.newslistTop li:nth-child(3) .img img{ min-height: 165px;   }


.newslist li{ width: calc((100% - 40px)/3); margin-right: 20px; margin-bottom: 20px;}
.newslist li:nth-child(3n){ margin-right: 0;}
.newslist li .txt::after{ width: 0; height: 100%; position: absolute; left: 0; top: 0; 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; }
.newslist li:hover .txt{ color: #fff;}
.newslist li:hover .txt .color-666{ color: #fff;}
.newslist li:hover .txt::after{ width: 100%;}

.w990{ width: 990px; margin: 0 auto;}
.aboutNav{ z-index: 100;}
.aboutNav a{ flex: 1; display: block; height: 40px; line-height: 40px;}
.aboutNav a::after{ transition: all .36s; width: 100%; height: 0; background: var(--blue); content: ''; display: block; position: absolute; bottom: 0; left: 0; bottom: 0; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.aboutNav a.on,.aboutNav a:hover{color: #fff ;   line-height: 20px;  }
.aboutNav a.on::after,.aboutNav a:hover:after{ height: 60px;}
.aboutNav .w1200:hover > a:not(:hover)::after{height: 0; }
.aboutNav .w1200:hover > a:not(:hover){color: #333;  line-height: 40px;}

.aboutNav.sticky ,.submenu.sticky { box-shadow: 0 0 10px rgb(0 0 0 / 15%);}
.aboutNav.sticky a{ height: 50px; line-height: 50px;}

.history{ background: url(../images/historybg.jpg) no-repeat left bottom; background-size: cover;}
.historyButton .iconfont{ font-size: 24px;}
.historyButton .iconfont:hover{ color: var(--blue);}

.historySwiper .swiper-slide{ border-left: 2px solid #777;}
.historySwiper .swiper-slide .top{ min-height: 120px;}
/* .bg-1a .swiper-button-disabled.prev,.bg-1a .swiper-button-disabled.next{ display: block;} */

.honorlist li{ width: calc((100% - 140px)/5); margin-right: 35px;}
.honorlist li:nth-child(5n){ margin-right: 0;}

.honorSwiper{ height: 560px;}
.honorSwiper .swiper-slide{ height: calc((100% - 35px)/2);}
.honorSwiper .text{ height:3.2em;  padding-left: 10px; padding-right: 10px}

.contact{ background: url(../images/contactbg.jpg) no-repeat center bottom; background-size: cover; }

.joblist li{ transition:all .36s ; width: 48.5%; margin-right: 3%; box-shadow: 0px 8px 12px 0px rgba(13,63,91,0.04); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
.joblist li:nth-child(2n){ margin-right: 0;}
.joblist li:hover{ transform: translateY(-5px); box-shadow: 0 0 10px rgba(54,118,245,.25); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }
.sfBan{ background: url(../images/sfBanbg.jpg) no-repeat center center; background-size: cover;}

.sfnav a{ height: 40px;}
.sfnav a::after{ width: 100%; height: 2px; display: block; content: ''; background: var(--blue); position: absolute; left: 0; bottom: 0; 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) ; }
.sfnav a:hover,.sfnav a.on{ color: var(--blue);}
.sfnav a:hover::after,.sfnav a.on::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) ; }

.sfnav:hover > a:not(:hover)  { color: #333; }
.sfnav:hover > a:not(:hover)::after  { transform:scale(0,1) ; }

.keyUl a{ width: calc(100%/10); line-height: 3;}
.yxIcon{ background: #F53E41; font-weight: normal; border-radius:3px 3px  3px 0 ; color: #fff; font-size: 12px; height: 20px; padding: 0 5px; margin-left: 10px; position: relative; -webkit-border-radius:3px 3px  3px 0 ; -moz-border-radius:3px 3px  3px 0 ; -ms-border-radius:3px 3px  3px 0 ; -o-border-radius:3px 3px  3px 0 ; }
.yxIcon::before{ width: 4px; height: 4px;background: #F53E41; display: block; content: ''; position: absolute; left: -4px; bottom: 0;-webkit-clip-path: polygon(0 100%, 100% 0, 100% 100%);}

.sfBan .con{ width: 900px; margin: 0 auto;}
.minHeight{ min-height:  50vh;}


 
@keyframes ripple-wave{
    to {
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.1),0 0 0 30px rgba(255, 255, 255, 0.1),0 0 0 45px rgba(255, 255, 255, 0.02);
    }
}
 .palyVideo{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 20; width: 80px; cursor: pointer; background:rgba(255, 255, 255, 0.8) ; border-radius: 50%; height: 80px; box-shadow: 0 0 rgba(255, 255, 255, 0.1),0 0 0 15px rgba(255, 255, 255, 0.1),0 0 0 30px rgba(255, 255, 255, 0.1); animation: ripple-wave 1s linear infinite; animation-play-state: running; opacity: 1; visibility: visible; transform: scale(1); transform: scale(0.8); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-animation: ripple-wave 1s linear infinite;
}

.videoImg{ width: 100%; height: 500px;}
.videoImg .paly{
	z-index: 20;
	width: 100px;
	cursor: pointer;
	background: #fff;
	border-radius: 50%;
	height: 100px;
	position: absolute;
	left: 50%;
	margin-left: -50px; margin-top: -50px;
	top: 50%;
	box-shadow: 0 0 rgba(255, 255, 255, 0.1),0 0 0 15px rgba(255, 255, 255, 0.1),0 0 0 30px rgba(255, 255, 255, 0.1);
	animation: ripple-wave1 1s linear infinite;
	animation-play-state: running;
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	transform: scale(0.8);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}
#slideVideo{ width: 100%;  height: 100%;}

.partenList{ display: grid; grid-gap: 25px; grid-template-columns: repeat(6,1fr); }
.partenList li{ height:100px; box-shadow: 0 0 15px rgb(0 0 0 / 15%); padding: 5px; transition:all .36s ; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
.partenList li:hover{ transform: scale(0.95); box-shadow: 0 0 20px rgba(54,118,245,0.2); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); }
.partenList li img{ max-height: 100%; max-width: 100% }

.bg-f6f7{    background-color: #F6F7F9;}

.honorItem::after{ display: block; content: ''; width: 0; height: 2px; position: absolute; left: 0; bottom: 0; background: var(--blue); transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.honorItem:hover::after{ width: 100%;}
.honorItem:hover{ color: var(--blue);}