* { touch-action: pan-y; } /*解决移动端界面滚动时报错*/
/*导航菜单*/
.null_50{height:50px;width:100%;display: block;font-size: 1px;margin: 0 auto;}
.mui-plus header.mui-bar {display: none!important;}
.mui-plus .mui-bar-nav~.mui-content {padding: 0!important;}
.mui-plus .plus {display: inline;}
.plus {display: none;}
#topPopover {position: fixed;top:40px!important;right: 6px;}
#topPopover .mui-popover-arrow {left: auto;right: 6px;}
.mui-popover {height:60%;width:50%;}
.null3{width: 100%;height: 3px;}
.null5{width: 100%;height: 5px;}
.null10{width: 100%;height: 10px;}
.null20{width: 100%;height: 20px;}
.null30{width: 100%;height: 30px;}
.null40{width: 100%;height: 40px;}
.null50{width: 100%;height: 50px;}

/*.mui-content {padding:0px 10px 0px 8px;}*/
.index-nav{ color:#FFF!important ;}
span.mui-icon {font-size: 14px;color: #FFF;/*margin-left:15px;*/padding-right: 1px;}
.mui-media-body{}
#index-nav li:nth-child(1){background-color: #d87570!important;}
#index-nav li:nth-child(2){background-color: #9ecdb4!important;}
#index-nav li:nth-child(3){background-color: #e8b006!important;}
#index-nav li:nth-child(4){background-color: #93d470!important;}
#index-nav li:nth-child(5){background-color: #46a69a!important;}
#index-nav li:nth-child(6){background-color: #ba9aef!important;}
#list {margin-top: -1px; /*避免导航边框和列表背景边框重叠，看起来像两条边框似得；*/}

footer{width:100%;margin: auto; text-align: center;padding:10px 0;color: #FFFFFF;font-size:14px;background-color: #4caf50;}
.footer-nav{color:#007aff!important; font-size:30px!important; display: block;float: left;margin-left:25%;}
.footer-nav-t{color:#007aff!important; font-size:15px!important;
display: block;float: left;margin-left:5%;margin-top:13px;}
.footer-nav1{border-right:1px solid #ddd ;}
.footer-nav-list{width:49%!important;display: block; float: left; text-align: center;}

.main-title{padding-top:5px; line-height:30px ;}
.main-title h4{line-height:25px ;}
.main-content{padding:5px 10px;border-bottom:1px solid #ddd;line-height:30px;}
.main-content p{color:#333;}
.main-content img{max-width:100%;}
.mui-content{border-bottom:1px solid #ddd;}
/*资讯列表截取字符*/
.list-t{ width: 95%;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 15px;}
.list-time{color: #9d9c9c;font-size: 13px;}

.mui-collapse-content img{max-width:99.9%!important;display: block; margin: auto;}
.zp_c_sm{color:#007aff; font-size:16px ;}
.mui-input-group2{position: relative; background-color: #fff;}
.mui-input-row2{border-bottom:1px solid #ccc ;}

.public-nav{width:190px;height: 100%;background-color: #FFFFFF;right: auto;position: fixed!important;top: 0;bottom: 0;left: 0;z-index: 1283;overflow-y: scroll;}
.public-nav .list{padding-left: 20px;margin-top: 5px;}
.in { transform: scale(1) translate(0,0)!important;opacity: 1;}
.public-nav li{list-style-type: none;}
.dock-left{ transform: translate(-105%,0);transition: left .4s cubic-bezier(.175,.885,.32,1),top .4s cubic-bezier(.175,.885,.32,1),right .4s cubic-bezier(.175,.885,.32,1),bottom .4s cubic-bezier(.175,.885,.32,1),transform .4s cubic-bezier(.175,.885,.32,1),box-shadow .4s cubic-bezier(.175,.885,.32,1);}
.display-backdrop{position: fixed;z-index: 1040;top: 0;right: 0;bottom: 0;left: 0;background-color: #000;opacity: .5;width: 100%;height: 100%;}
.list-item {position: relative;display: flex;padding: .25rem .3rem;border-bottom: 1px solid #E6E6E6;}
.list-item>:first-child {min-width: .5rem;margin-left: 0;}
.public-nav .list .item{position: relative;padding:10px 0px;border-bottom: 1px solid #E6E6E6;}
.public-nav .list .item>a{display: block;border-left:4px solid #4caf50;padding-left: 5px;font-size: 16px;color: #333333;}
.public-nav .list .item ul{display: block;padding-left: .6rem;margin-top: .2rem;line-height: 25px;}
.public-nav .list .item ul li a{font-size: 14px;color: #666666;padding-left: 5px;}
/*.list{padding: 0;}*/

/*index tab*/
.index-tab-l{width: 100%;background-color: #FFFFFF;padding: 10px 0;}
.index-tab-l .segmentedControl{width:90%;margin: auto;}
/*.index-tab-m .mui-scroll-wrapper{overflow: visible;}*/

.tab-title{width: 100%;height: 30px;line-height: 30px;text-align: center;background-color: #FFFFFF;}
.tab-title a:after {right: 15px;content: '\e583';font-family: Muiicons;font-size: inherit;}

.nav-grid{width: 100%;height:auto;background-color: #FFFFFF;margin:2px 0;padding: 10px;display: flex;justify-content: space-between;}
.nav-grid .list{width: 31%;height: 80px;border-radius: 10px; display: flex;align-content: space-between;flex-direction: column;align-items: center;justify-content: center;}
.nav-grid .list:nth-child(1){background-image: linear-gradient(200deg, #8be312,#0dc968);}
.nav-grid .list:nth-child(2){background-image: linear-gradient(200deg, #09e7a7,#24acf8);}
.nav-grid .list:nth-child(3){background-image: linear-gradient(200deg, #fec514,#fa9161);}
.nav-grid .list .z{font-size: 11px;margin-top: 3px;}
.nav-grid .list a{width: 100%;display: flex;flex-direction: column;justify-content: space-around;align-items: center;color: #FFFFFF;}

.section-list{width: 100%;height:auto;background-color: #FFFFFF;margin:2px 0;padding: 10px;display: flex;justify-content: space-between;}
.section-grid-6{width: 49%;min-height: 240px;display: flex;position: relative;}
.section-grid-6 img{width: 100%;height: auto;border-radius: 10px;}
.section-grid-6 .section-grid-in{width: 100%;height:48.4%;position: relative;}
.section-grid-6 .section-grid-in img{width: 100%;height:100%;}
.section-grid-6 .t,.section-grid-6 .section-grid-in .t{display: flex;position: absolute;width: 100%;height: 100%;top: 0;justify-content: space-around;align-items: center;color: #fff;font-weight: 700;z-index: 10;}
.section-grid-6 .bg,.section-grid-6 .section-grid-in .bg{position: absolute;width: 100%;height: 100%;top: 0;background-color: #000000;opacity: 0.2;z-index: 9;border-radius: 10px;}
.section-grid-6 a, .section-grid-6 .section-grid-in a{display: flex;height: 100%;}
.section-grid-12{width: 100%;overflow: hidden;position: relative;}
.section-grid-12 img{width: 100%;height: auto;}
.section-grid-12 .bg{position: absolute;top: 0;height: 0;width: 140px;border-right: 23px solid transparent;z-index: 9;opacity: 0.8;}
.section-grid-12 .t{position: absolute;top: 0;height: 120px;width: 140px;z-index: 10;color: #FFFFFF;font-weight: 700;display: flex;justify-content: center;align-items: center;}
.section-grid-12 .bg2{position: absolute;top: 0;height:160px;width: 100%;background-color: #000000; z-index: 9;opacity: 0.1;}
.section-grid-12 .video-icon{position: absolute;top: 0;display: flex;justify-content: space-around;align-items: center;width: 100%;height: 100%;z-index: 10;}
.section-grid-12 .video-icon img{width: auto;height: auto;}

#notice-dialog{width: 100%;height: 100%;position: relative;}
#dialog-box{width: 100%;height: 100%;position: fixed;display: flex;justify-content: center; align-items: center; z-index: 1000;top: 0;left: 0;bottom: 0;}
#dialog-box #box-con{width: 300px;height: auto; background-color: #FFFFFF;color: #000000;border-radius: 7px;}
#dialog-box #box-con img{border-radius: 7px;}
#dialog-box #box-con #title{font-size: 14px;font-weight: 700;width: 100%;text-align: center;color: #4caf50;}
#dialog-box #box-con #text{font-size: 14px;padding: 20px;}
#dialog-box #box-con #button{width: 100%;display: flex;justify-content: center;margin-bottom: 20px;}
#dialog-box #box-con #button button{width: 60%;}

/*2023-2-13*/
#circle-nav{padding: 15px 0;}
#circle-nav .section-grid-3{width: 100%;display: flex;justify-content: center;}
#circle-nav .circle-list{width: 60px;height: 60px;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
#circle-nav .circle-title{margin-top: 10px;color: #000;font-size: 14px;}


.device{
  width: 100%;
}
.marquee{
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 25px;
}
.marquee > .get-marquee-width{
    position: relative;
}
.marquee> .get-marquee-width > .marquee-move{
    -webkit-animation:  marquee 20s linear 1s infinite;
    -o-animation:  marquee 20s linear 1s infinite;
    animation:  marquee 20s linear 1s infinite;
    position: absolute;
    width:100%;
    /*padding-left: 50px;*/
    white-space: nowrap;
}

@-webkit-keyframes marquee {
    0% { left: 0; }
    5%{left: 0;}
    100% { left: -100%; }
}
@-moz-keyframes marquee {
    0% { left: 0; }
    5%{left: 0;}
    100% { left: -100%; }
}
@-o-keyframes marquee {
    0% { left: 0; }
    5%{left: 0;}
    100% { left: -100%; }
}
@keyframes marquee {
    0% { left: 0; }
    5%{left: 0;}
    100% { left: -100%; }
}