/*!
    Theme Name: lexiw
    Theme URI: https://www.lexiw.com/
    Description: A better theme by lexiw.com
    Author: lexiw.com
    Author URI: https://www.lexiw.com/
    Version: 3.2
*/
/*app*/
@media only screen and (max-width: 900px){
.hua-navbar{display:block;height: 62px;padding-right: 15px;padding-left: 15px;}
.hua-navbar h1  {padding: 8px 0;}
.hua-navbar .nav-list{padding:50px 15px;position: fixed;right: -280px;top:0;bottom: 0;width: 250px;margin-left:0;background: #fff;z-index: 99999;transition: all .3s ease;opacity: 0;overflow-x: hidden;
    overflow-y: auto;}
.hua-navbar .nav-list.show{right: 0px;opacity: 1;}
.hua-navbar .nav-list > li{float: none;display: block;margin:8px 0;background-color: #f7f7f7;}
.hua-navbar .nav-list > li > a{height: 40px;line-height: 40px;}
.nav-list li small{right: 20%;}
.nav-list > li.current a{background-color:initial;}
.canvas-close {display:block;position: absolute;right: 14px;top: 14px;width:30px;height:30px;z-index: 99999;color: #000;transition: all .3s ease;}
.canvas-close i{font-size:30px;transition: all .3s ease;}
.nav-list.show li em.dot {position: absolute;top: 0;right: 0;width: 50px;height: 40px;text-align: center;cursor: pointer;line-height: 40px;z-index: 1;}
.nav-list.show li em.dot i{font-size:26px;}
.nav-list .sub-nav{padding:5px 10px;left: 0;background: #eaeaea;width: 100%;position: relative;box-shadow: none;text-align: center;display:none;transition:none;opacity: 1;visibility: visible;-webkit-transform: translateY(0px);transform: translateY(0px);}
.nav-list .sub-nav li{background: #f7f7f7;margin: 10px 0px;border-radius: 4px;}
.nav-list li .down:before {transition: all .2s ease-out 0s;}
.nav-list li:hover .down:before {transform:rotate(0deg);-webkit-transform:rotate(0deg);}
.nav-list li.on .down:before {transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.nav-list li:hover a, .nav-list li:hover i.down {color: #2c2e3b;}
.nav-list .sub-nav li a{padding: 6px 0;display: inline-block;width: 100%;}
.hua-overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.7);z-index: 9998;opacity:1;backdrop-filter: blur(2px);} 
.nav-right{font-size: 18px;}
.nav-right li{position: initial;}
.nav-right .nav-button{display:block;padding:15px 0 15px 0px;}
.nav-right .nav-button a{padding:7px 0 !important}
.u-fang{display: none;}
.nav-search i.iconfont{line-height: 62px;}
.nav-search .s-form{width: 100%;border-top: 1px solid #f2f2f2;}
.nav-search .s-form .sform{width: 100%;}


.header-top{display: none;}
.container {max-width: 100%;width: 100%;}
.header{display: none;}
    
.list-left,.list-right{width: 100%;}   
.focus{width: 100%;}
.col-ml, .col-mr{width: 100%;}

.kc-infos{padding:0 10px;width: 100%;margin-bottom: 20px;}
.text-list .t .thumb{width: 45%;}
.text-list .t .kctitle{width: 50%;}
.list-right{padding:0 10px;}
.list-right .news{display:none;}
.index-flex-row .special, .index-flex-row .baogao,.index-flex-row .index-ad{display:none;}
.category .index-ad,.category .baogao{display:none;}
.single .list-right{display:none;}

.right-list-ad{margin: 10px 0;}
.index-ad{padding:0 10px;display: none;}
.video-list li{width: 31.2%;height:8.8125rem;margin-bottom:auto;}
.video-list .img-box{width: 100%;height: 4.8125rem;}
.video-list .item-bottom{padding: 0.825rem 0.5rem;}
.video-list li:nth-child(3n+2),.video-list li:nth-child(3n+3){margin-left: .65rem;}

.video{padding:0 10px;}
.video-menu{padding:0 10px;margin-bottom: .175rem;}
.video-list .text, .video-list .title{font-size: .875rem;line-height: 1.1875rem;}
.video-menu .img-box{width: 10.0625rem;height: 7.375rem;margin-top: 0rem;}
.video-menu .title{font-size: 1rem;line-height: 1.2375rem;}
.video-menu .intro{font-size: .875rem;line-height: 1.15rem;}
.video-menu .news-item-item{padding-bottom: 1.275rem;padding-top: 1.2625rem;}
.list-more .list-body, .list-more>ul{margin-bottom: 1.275rem;}
.video-menu .card:after{width: 100%;}


.wrapper{display: none;}



.breadcrumb{padding:0 10px;}
.pageinfo a.pagesize,.pageinfo a.pagehome,.pageinfo a.pagenext{display: none;}

.news{padding:0 10px;}
.news-head h2{font-size: 20px;line-height: 28px;}
dl.Dborder dt{height: auto;}
dl.Dborder dt a{font-size: 16px;line-height: 26px;width: 100%;position:relative;}

.jiabin{padding: 0 10px;}
.jb-box-content .guest-group .guest-item{width: 32%;display:inline-block;}
.jb-box-content .guest-group .guest-item .gi-info{margin-right:0;margin-top:5px;}
.jb-box-content .guest-group .guest-item .gi-info .gi-info-name{text-align: center;font-size:16px;}
.jb-box-content .guest-group .guest-item .gi-info .gi-info-title{-webkit-line-clamp: 1;}

.hd-box-content .screen-info .si-div{width: 49.2%;}
.hd-box-content .screen-info .si-div .si-img{height: 128px;}
.hd-box-content .screen-info .si-div:nth-child(2n){margin-right: 0;}
.hd-box-content .screen-info .si-div:nth-child(4n){margin-right: 0;}
.pages{padding:0 10px;}
.media-article-content{width: 100%;max-width: 100%;min-width: 100%;}
.map-main-map{width: 100%;border:0;margin-bottom:2rem;margin-top:0;}






.footer{min-width:100%;}
.footer .top .top-left{width: 100%;display: block;height: auto;border-right:0;border-bottom: 1px solid #f2f2f2;padding-bottom: 10px;}
.footer .top .top-left .top-left-logo{width: 100%;}
.footer .top .top-left>div{width: 100%;display:block;flex-flow:inherit;height:auto;}
.footer .top .top-left a{display: inline-block;text-align: center;width: 5.2rem;}
.footer .top{display: block;height: auto;padding:0 10px;}
.footer .top .top-right{width: 100%;display: block;height:auto;padding-top: 15px;}
.footer .top .top-right .top-right-info{height: auto;display: inline-block;width: 100%;text-align: center;margin-left:auto;padding-bottom: 10px;}
.footer .top .top-right .top-right-info div{display: inline-block;float: left;width: 48%;height:auto;}
.footer .bottom{padding:20px 20px 20px;}
.footer .top .top-right .top-right-code{width: 100%;display: inline-block;height:auto;border-left:0;border-top: 1px solid #f2f2f2;padding: 10px 10px;}
.footer .top .top-right .top-right-code div{width:100%;height: auto;}
.footer .center{padding:20px 10px;min-width:100%;max-width:100%;}
.footer .bottom div{height: auto;}
.footer .bottom p, .footer .bottom p a{line-height: 22px;}
}