.dropdown-menu{z-index: 5000}
.dropdown-menu {  
  -webkit-backdrop-filter: saturate(180%) blur(5px);
  -ms-backdrop-filter: saturate(180%) blur(5px);
  -moz-backdrop-filter: saturate(180%) blur(5px);
  -o-backdrop-filter: saturate(180%) blur(5px);
  backdrop-filter: saturate(180%) blur(5px);
  border: none;}
  .ukui_newslist h6{font-weight: normal;color:rgba(0, 0, 0, 0.55)}
  .ukui_newslist h6 span:first-child{margin-right:10px}
  .ukui_newslist h6 span:last-child i{margin-right:0px!important}

  @media (min-width:1198px) {
    p.uindex_p{width:50%}
    .ukui_newslist h4{white-space: nowrap;      text-overflow: ellipsis;      overflow: hidden;padding:0 20px}
    .ukui_newslist h6{padding:0 20px;;}
      }


  @media (max-width: 1199px){
    .met-nav {    min-height: 60px;    height: 60px;overflow: hidden;}
    .met-logo {    height: 60px;}
    .met-logo img{width: 120%;}
  #met-nav-collapse {      position: fixed;      top: 56px;}
  .ukui_gg_ul li{background: none;    border-radius: 0px;    padding-bottom: 0px;margin-bottom: 0px;}
  .ukui_gg_ul li h4.gg_title {     white-space: normal;line-height: 20px;}
  .ukui_gg_ul{padding: 0px;}
  .met-nav .navbar-toggler {    height: 60px;    line-height: 60px;}
   .ukui_news_div{height: auto;}
  .ukui_newslist {    width: 100%; background:none;    border-radius: 0;    margin-right: 0;  }

  }








/* 首页-banner */
#ok_index_id1 {  width: 100%; overflow: hidden; position: relative;       }
#ok_index_id1 .swipe {            width: 100%;height: 480px; position:absolute;z-index: 1000;; }
.ukuipopup{opacity: 0;animation: ukuiindextop 500ms forwards ease;position: relative;}
@keyframes ukuiindextop{
0%{opacity: 0; transform: translateY(100px);}
100%{opacity: 1; transform: translateY(-1px);}
}
.ukuiindex_ul{overflow: auto;height: 60px;position:relative;z-index: 1200;top: 420px;text-align: center;  padding:0;left:10%;}
.ukuiindex_ul li{width:60px;height: 5px;float:left;margin:5px;background:rgba(207,211,215,.6);list-style: none;display: block;    cursor: pointer;}
.ukuiindex_ul li.liselect,.ukuiindex_ul li:hover{background:#4787FF}

@media (max-width:1199px) {
.ukuiindex_ul{display: table;margin: 0 auto;}	
#ok_index_id1 .swipe{height: 300px;}
.ukuiindex_ul {  height: 20px;   top: 280px;left: 0;}

}



/* 首页-总特性 */
#uindex_exp{padding:0px 0 80px 0} 
#uindex_exp .uindex_exp_c{overflow: auto} 
#uindex_exp .uindex_exp_c ul{overflow:hidden;padding: 0;margin: 0;display: flex;flex-wrap: wrap}
#uindex_exp .uindex_exp_c ul li{width:25%;padding: 0 2%; float:left;list-style: none;text-align: center}
#uindex_exp .uindex_exp_c ul li h6{font-size: 1.8rem;line-height: 33px;margin: 20px 0;font-weight:bold;}

@media (max-width:1199px) {
  #uindex_exp {    padding: 0px 0 40px 0;}
  #uindex_exp .uindex_exp_c ul{flex-wrap: wrap;}
  #uindex_exp .uindex_exp_c ul li{width: 48%;  padding: 2%; margin-right: 4%; margin-bottom: 20px;  }
  #uindex_exp .uindex_exp_c ul li:nth-child(2n){margin-right: 0;}
  #uindex_exp .uindex_exp_c ul li p{font-size: 1rem;  line-height: 2rem;text-align: justify;}
  #uindex_exp .uindex_exp_c ul li h6 {   line-height: 23px;  }

  
}
  /* 新亮点 */
  #uindex_content3 ul.uindex_uiul1 li:hover{box-shadow: 0 10px 20px rgb(97 125 225 / 20%);}
  #uindex_content3 ul.uindex_uiul1 li  a{width:100%;height:100%;display: block;padding: 50px 40px;}
  #uindex_content3 ul.uindex_uiul1 li a:hover p{color:#181818;}



  #uindex_new{padding:0px 0 80px 0} 
  #uindex_new .uindex_new_c{overflow: auto} 
  #uindex_new .uindex_new_c ul{overflow:hidden;padding: 20px;margin: 0;display: flex;}
  #uindex_new .uindex_new_c ul li{width:23.5%;margin-right: 2%;border-radius: 20px; float:left;list-style: none;text-align: center;background:#FFF;flex-wrap: wrap}
  #uindex_new .uindex_new_c ul li:hover{box-shadow: 0 10px 20px rgb(97 125 225 / 20%);}
  #uindex_new .uindex_new_c:hover ul li img{display: inline-block;transform:rotateY(-190deg);transition:all 1s linear;}
  #uindex_new .uindex_new_c ul li a{width:100%;height:100%;display: block;padding: 50px 40px;}
  #uindex_new .uindex_new_c ul li img{ height: 128px;}
  #uindex_new .uindex_new_c ul li:last-child{margin-right:0}
  #uindex_new .uindex_new_c ul li h5{line-height: 33px;margin: 20px 0;}
  #uindex_new .uindex_new_c ul li p{text-align: left;}
  #uindex_new .uindex_new_c ul li a:hover p{color:#181818;}
  #uindex_new .uindex_new_c #ldul2{display: none;}
  #uindex_new .uindex_new_c .cgul{display:table;margin:  0 auto;margin-top: 40px;}
  #uindex_new .uindex_new_c .cgul li{width: 12px;height: 12px;border-radius: 12px;display: block;cursor: pointer;background: rgba(0,0,0,0.15);margin:0 6px;padding: 0;}
  #uindex_new .uindex_new_c .cgul li.cguli_select{background: rgba(0,0,0,0.8);}
  @media (max-width:1199px) {
    #uindex_new {    padding: 0px 0 40px 0;}
    #uindex_new .uindex_new_c ul{flex-wrap: wrap;}
    #uindex_new .uindex_new_c ul li{width: 48%;  padding: 2%; margin-right: 4%; margin-bottom: 20px;  }
    #uindex_new .uindex_new_c ul li:nth-child(2n){margin-right: 0;}
    #uindex_new .uindex_new_c ul li p{font-size: 1rem;  line-height: 2rem;text-align: justify;}
    #uindex_new .uindex_new_c ul li h5 {   line-height: 23px;  }
  
  }  
  /* 支持系统 */
  .ukui_com_2{background:#181818}
  .ukui_com_2 ul{overflow: hidden;padding-left: 0; }
  .ukui_com_2 ul li{float: left;list-style: none;    margin-right: 2%;    margin-bottom: 30px;    width: 15%;overflow: hidden;}
  .ukui_com_2 ul li a{display: block;}
  .ukui_com_2 ul li:nth-child(6n){margin-right: 0}
  .ukui_com_2 ul li img{width: 100%;height: auto}
  .ukui_com_2 ul li:hover img{     border-radius: 20px; transform: scale(0.98);}
  @media (max-width:1199px) {
  .ukui_com_2 ul li {    margin-right: 3%;    width: 30.33%;}
  }


/* 首页-底部 */

#uindex_foot{background: #F8F8F8;padding:60px 0 20px 0} 
#uindex_foot .uindex_foot1{overflow: auto} 
#uindex_foot .uindex_foot1 ul{padding:0;margin: 0;overflow: auto;display: flex}
#uindex_foot .uindex_foot1 ul li{list-style:none;width:20%;padding: 2%;}
#uindex_foot .uindex_foot2{text-align:center}
#uindex_foot .uindex_foot2 h6{line-height: 40px;font-weight: normal;}
#uindex_foot .uindex_foot2 img{height: 48px;margin: 40px 0;}
#uindex_foot .uindex_foot1 h5{}
#uindex_foot .uindex_foot1 h6{font-weight: normal;}

@media (max-width:768px) {
#uindex_foot {  padding: 20px 0 60px 0;}
#uindex_foot .uindex_foot1 ul {display: none;}
#uindex_foot .uindex_foot2 img{    height: 28px;margin:0}
#uindex_foot .uindex_foot2 h6 {  line-height: 20px;font-size: 1rem;}


}



/* 设计页 */
#uindex_banner{height: 480px;} 
#uindex_banner	.uindex_ui_c{padding: 80px 0;}
#uindex_content2{height: 600px;background: url("../ukui/banner_history.png") no-repeat top center;margin-top: 120px} 
.content2_left{width: 50%;float: left;color: #FFF;padding-top: 80px}
.content2_left p{margin-bottom: 32px;font-size: 1.8rem;    line-height: 32px;text-align: justify;}
.content2_left a{color: #1C2028;line-height: 22px;font-size: 1.6rem;border-radius: 24px;border: 2px solid #FFF;padding:10px 28px;display:inline-block}
#uindex_content3 {	background: #F5F6F8;}
#uindex_content3 ul{overflow:auto;padding: 0;margin: 0; display: flex; flex-wrap: wrap;padding: 0;}
#uindex_content3 ul.uindex_uiul1 li{width:31%;padding: 3%;margin-right: 3%;border-radius: 20px; float:left;list-style: none;background:#FFF;margin-bottom: 20px;}
#uindex_content3 ul.uindex_uiul1 li:hover{box-shadow: 0 10px 20px rgb(97 125 225 / 20%);}
#uindex_content3 ul.uindex_uiul1 li:nth-child(3n){margin-right:0}
#uindex_content3 ul.uindex_uiul1 li  a{width:100%;height:100%;display: block;padding: 50px 40px;}
#uindex_content3 ul.uindex_uiul1 li a:hover p{color:#181818;}
#uindex_content3 ul.uindex_uiul1 li h6{font-size: 1.8rem;line-height: 33px;margin: 20px 0;}
	
#uindex_content3 ul.uindex_uiul2 li{width:48.5%;margin-right: 3%;border-radius: 20px; float:left;list-style: none;background:#FFF;margin-bottom: 20px;overflow: hidden;}
#uindex_content3 ul.uindex_uiul2 li:nth-child(2n){margin-right:0}
#uindex_content3 ul.uindex_uiul2 li img{width:100%}
,#uindex_content3 ul.uindex_uiul2 li h6 a{font-size: 1.8rem;}
#uindex_content3 ul.uindex_uiul2 li h6{font-size: 1.8rem;line-height: 33px;margin: 20px 0;padding:0 40px;    white-space: nowrap;  text-overflow: ellipsis;  overflow: hidden;}

@media (max-width: 1198px) {
  #uindex_banner .uindex_ui_c { padding: 20px 20px!important;}
  .content2_left {    width: 100%;}
  #uindex_content2{margin-top: 50px;height: auto;    padding-bottom: 50px;    background-size: cover;}
  .content2_left{padding:0}
  .content2_left p {   font-size: 1.6rem;  line-height: 32px;}

  #uindex_content3 {    padding: 0px 0 40px 0;}
  #uindex_content3 ul{flex-wrap: wrap;}
  #uindex_content3 ul.uindex_uiul1 li,#uindex_content3 ul.uindex_uiul1 li:nth-child(3n){width: 48%;  padding: 2%; margin-right: 4%; margin-bottom: 20px;  }
  #uindex_content3 ul.uindex_uiul1 li:nth-child(2n){margin-right: 0;}
  #uindex_content3 ul.uindex_uiul1 li p{font-size: 1rem;  line-height: 2rem;text-align: justify;}
  #uindex_content3 ul.uindex_uiul1 h6 {   line-height: 23px;  }
  #uindex_content3 ul.uindex_uiul2 li h6 {  font-size: 1.4rem;  line-height: 20px;}



}



/* 开发页 */
/* #uindex_ui ul{overflow:auto;padding: 0;margin: 0; display: flex; flex-wrap: wrap;} */
#uindexd_content1{ background: #F5F6F8;padding:  0 0 80px 0;} 
#uindexd_content1 ul.uindex_uiul2{display: flex;padding: 0;}
#uindexd_content1 ul.uindex_uiul2 li{width:23.5%;margin-right: 2%;border-radius: 20px; float:left;list-style: none;text-align: center;background:#FFF;flex-wrap: wrap;}
#uindexd_content1 ul.uindex_uiul2 li:last-child{margin-right:0}
#uindexd_content1 ul.uindex_uiul2 li:hover{box-shadow: 0 10px 20px rgb(97 125 225 / 20%);}
#uindexd_content1 ul.uindex_uiul2 li h6{line-height: 33px;margin: 20px 0;font-size: 1.8rem;}
#uindexd_content1 ul.uindex_uiul2 li p{text-align: left;}
#uindexd_content1 ul.uindex_uiul2 li a{width:100%;height:100%;display: block;padding: 50px 40px;}
#uindexd_content1 ul.uindex_uiul2 li a:hover p{color:#181818;}
#uindexd_content2{padding:  0 0 80px 0;} 
#uindexd_content2 img{margin-top: 20px;}
#uindexd_content3{ background: #F5F6F8;padding:  0 0 80px 0;}
#uindexd_content3 ul.uindex_uiul1{display: flex;padding: 0;}
#uindexd_content3 ul.uindex_uiul1 li{width:31%;margin-right: 3%;border-radius: 20px; float:left;list-style: none;text-align: center;background:#FFF;margin-bottom: 40px;flex-wrap: wrap;}
#uindexd_content3 ul.uindex_uiul1 li:hover{box-shadow: 0 10px 20px rgb(97 125 225 / 20%);}
#uindexd_content3 ul.uindex_uiul1 li a{display: block;padding: 3%;padding: 40px 30px;}
#uindexd_content3 ul.uindex_uiul1 li a:hover p{color:#181818;}
/* #uindexd_content3 ul.uindex_uiul1 li:nth-child(3n){margin-right:0} */
#uindexd_content3 ul.uindex_uiul1 li a h6{font-size: 1.8rem;line-height: 33px;margin: 20px 0;}
#uindexd_content3 ul.uindex_uiul1 li a p{}
	
@media (max-width:1199px) {
#uindexd_content1{    padding: 0px 0 40px 0;}
#uindexd_content1 ul.uindex_uiul2{flex-wrap: wrap;}
#uindexd_content1 ul.uindex_uiul2 li{width: 48%;  padding: 2%; margin-right: 4%; margin-bottom: 20px;  }
#uindexd_content1 ul.uindex_uiul2 li:nth-child(2n){margin-right: 0;}
#uindexd_content1 ul.uindex_uiul2 li p{font-size: 1rem;  line-height: 2rem;text-align: justify;}
#uindexd_content1 ul.uindex_uiul2 li h6 {   line-height: 23px;  }
#uindexd_content3 ul.uindex_uiul1{display: block}

#uindexd_content1 ul.uindex_uiul2{flex-wrap: wrap;}
#uindexd_content3 ul.uindex_uiul1 li,#uindex_content3 ul.uindex_uiul1 li:nth-child(3n){width: 48%;  padding: 2%; margin-right: 4%; margin-bottom: 20px;  }
#uindexd_content3 ul.uindex_uiul1 li:nth-child(2n){margin-right: 0;}
#uindexd_content3 ul.uindex_uiul1 li p{font-size: 1rem;  line-height: 2rem;text-align: justify;}
#uindexd_content3 ul.uindex_uiul1 li li h6 {   line-height: 23px;  }
}



/* 参与页 */
#uindex_ui #uindexy_content2 ul{overflow:auto;padding: 0;margin: 0; display: flex; flex-wrap:nowrap;overflow: hidden;}
#uindexy_content1{padding:20px 0 60px 0}
#uindexy_content1 h4{line-height: 28px;margin: 0;margin-bottom: 40px;}
#uindexy_content1 .left{width:30%;float: left;}
#uindexy_content1 .right{width:65%;float: right;}	
#uindexy_content1 .left ul{padding:0}
#uindexy_content1 .left ul li{width:100%;border-radius: 20px;overflow: hidden;margin-bottom: 20px;list-style: none;}
#uindexy_content1 .left ul li img{width: 100%;height: 190px;;}
#uindexy_content1 .right h4 a{float: right;}
#uindexy_content1 .right ul{padding:0}
#uindexy_content1 .right ul li{width: 46%;float: left;margin-right: 8%;list-style: none;border-bottom: 1px solid #D9D9D9;line-height: 78px;height: 78px;vertical-align: middle;}
#uindexy_content1 .right ul li:nth-child(2n){margin-right: 0;}
#uindexy_content1 .right ul li h6{float: left;width: 70%;line-height: 78px;height: 78px;margin: 0;font-weight: normal; white-space: nowrap;   text-overflow: ellipsis;   overflow: hidden;}
#uindexy_content1 .right ul li span{float: right;width: 30%;color: rgba(0,0,0,0.55);text-align: right;}

#uindexy_content2 {background: url("../ukui/jion_joinbg.png") no-repeat top center;height: 696px;}
#uindexy_content2 ul{width:100%}
#uindexy_content2 ul li{list-style: none;border-radius: 230px;background: #303841;margin: 0 20px 20px 0;}
#uindexy_content2 ul li a{display: block;height: 60px;line-height:60px;padding:0 80px;color: #FFF;}
#uindexy_content2 ul.ul1{margin-top: 50px;}
#uindexy_content2 ul.ul1 li:nth-child(3){background: #5A6067;}
#uindexy_content2 ul.ul1 li:nth-child(4){background: linear-gradient(90deg, #8C29E8 0%, #41C3FD 100%);}
#uindexy_content2 ul{flex-wrap: nowrap;overflow: hidden;}
#uindexy_content2 ul li{flex-wrap: nowrap;}
#uindexy_content2 ul.ul2 {text-align: center;}
#uindexy_content2 ul.ul2 li:nth-child(3){background: linear-gradient(90deg, #921EE6 0%, #D0385A 100%);}
#uindexy_content2 ul.ul2 li:nth-child(7){background: linear-gradient(90deg, #DF3D2D 0%, #FCC45F 100%);}
#uindexy_content2 ul.ul2 li {display: inline-block;}
#uindexy_content2 ul.ul2 li:first-child{margin-left: -100px;}
#uindexy_content2 ul.ul3 li:first-child{background: linear-gradient(90deg, #39E0AC 0%, #2D85F0 100%);}

.table_div{width:100%;height: 760px;overflow-y: scroll;}
.ukui_scoretable{width: 100%;text-align: center;}
.ukui_scoretable td,.ukui_scoretable th{height: 80px;text-align: center;}
.ukui_scoretable th{font-size: 1.8rem;color: #FFF;}
.ukui_scoretable tr.tr1{background: #DFEDFE;}
.ukui_scoretable tr.tr2{background: #F2F7FF;}
.ukui_scoretable th{background: linear-gradient(180deg, #6DACFE 0%, #4787FF 100%);}
#uindexy_content3 ::-webkit-scrollbar{width: 20px; }
/*滚动条的滑轨背景颜色,可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。*/
#uindexy_content3 ::-webkit-scrollbar-track{background-color: #F5F6F8;;-webkit-box-shadow:inset 0 0 3px #F5F6F8;border-radius:5px;border: 4px solid #FFF;}
/* 滑块颜色 */
#uindexy_content3  ::-webkit-scrollbar-thumb{background: rgba(37,71,133,0.12);border-radius: 6px;border: 4px solid #FFF;border-top:0;border-bottom: 0; }
/*滚动条两端的按钮。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。*/
#uindexy_content3 ::-webkit-scrollbar-button{background-color: #eee;display: none;}
/* 横向滚动条和纵向滚动条相交处尖角的颜色 */
#uindexy_content3 ::-webkit-scrollbar-corner{background-color: black; }

#uindexy_content4 {background: url("../ukui/banner_joinask.png") no-repeat top center;height: 200px;overflow: hidden;}
#uindexy_content4 .left{float: left;width: 70%;}
#uindexy_content4 .right{float: right;width: 30%;padding-top: 45px;}
#uindexy_content4 .right img{width: 120px;height: auto;padding:10px;background:#FFF;border-radius: 10px;;}

@media (max-width:1199px) {
  #uindexy_content1 .left {   width: 100%;}
  #uindexy_content1 .right {    width: 100%;}
  #uindexy_content1 .right ul li {    width: 100%;    margin-right: 0%;}
  #uindexy_content1 .left ul li {border-radius: 0px;}
  #uindexy_content1 .left ul li img{height: auto;}



}


/* 文档页 */
.banner h3.uindex_h3 { line-height: 6rem;}
.uindex_h3 span{color:#4787FF}
/* #uindex_ui ul{overflow:auto;padding: 0;margin: 0; display: flex; flex-wrap: wrap;} */
#udoc_content{padding:20px 0 120px 0;}
html{scroll-behavior: smooth;}
#udoc_content .doc_left{width:25%;float: left;}
#udoc_content .doc_right{width:75%;float: right;}
h4.first_h4{margin-top: -30px;}
h4.first_h4 img{margin-top:-5px;margin-left: 10px;}
#udoc_content .doc_left ul li{width:100%;list-style: none;margin-bottom: 80px;}
#udoc_content .doc_left ul li a {font-size: 2rem;padding-left: 10px;}
#udoc_content .doc_left ul li a:hover{color: rgba(0,0,0,0.8);}
#udoc_content .doc_right ul{border-bottom: 1px solid #D9D9D9;overflow: auto;}
#udoc_content .doc_right ul li{list-style: none;float: left;width: 25%;line-height: 58px;}
#udoc_content .doc_right  h4{font-size: 3.2rem;line-height:78px;}
#udoc_content .doc_right  h5{font-size: 2rem;}
#udoc_content .doc_right ul li a{color: rgba(0,0,0,0.8);font-size: 1.6rem;}
#udoc_content .doc_right ul li a:hover{color:#4787FF}
#udoc_content .doc_right ul.none_border{border:none;}
.doc_select{color: rgba(0,0,0,0.8);border-left: 4px solid #666;}
.zsdt_h3{margin-bottom: 40px;}

@media (max-width:1199px) {
  .banner h3.uindex_h3 {    line-height: 4rem;}
  #udoc_content .doc_left{display: none;}
  #udoc_content .doc_right{width:100%}
  #udoc_content .doc_right ul li{    width: 33.33%;}


}