.leexxlist {
    -webkit-column-count: 3;
    -webkit-column-gap: 15px;
    -webkit-column-fill: balance;
}

@media (max-width: 1200px) {
    .leexxlist {
        -webkit-column-count: 2;
    }
}

@media (max-width: 991px) {
    header .container {
        /*padding-left: 0;
        padding-right: 0px;*/
    }

    header .logo {
        margin: 12px auto 0;
        float: none
    }

    header nav {
        background: rgba(40, 40, 40.6);
        width: 100%;
        height: auto;
        position: absolute;
        top: 50px;
        left: 0;
        z-index: 999;
        text-align: center;
    }

    header nav li {
        display: block;
        line-height: 36px;
        float: none;
        border-bottom: solid 1px #65483f;
        padding: 0;
    }

    header nav li dl {
        position: inherit;
        border: none;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
}

@media screen and (max-width: 768px) {
    header {
        height: 50px;
        position: fixed;
    }

    .leexxlist {
        -webkit-column-count: 1;
    }

    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .banner {
        height: 100vh;
    }

    .banner .swiper-button-prev,
    .banner .swiper-button-next {
        display: none
    }

    .banner .btns a {
        margin-bottom: 16px;
    }

    .banner h2{
        font-size: 50px;
    }
    .banner1 h2 {
        font-size: 30px;
        line-height: 40px;
        padding: 0 15px;
    }

    .banner h4,
    .banner1 h4 {
        font-size: 14px;
        padding: 0 15px;
        line-height: 20px;
    }


    .mid .newsarea {
        padding: 15px 0;
        margin-bottom: 30px;
        margin-top: -15px
    }

    .mid .newsarea .flavar,
    .mid .newsarea .newslist {
        width: 100%;
    }

    .mid .newsarea .newslist {
        height: auto;
        padding: 0;
        padding-bottom: 15px;
    }

    .leftBg, .rightBg, .midBg .midBgN, .midBg {
        height: auto;
        display: flex;
        flex-direction: column;
        background: none;
    }

    .midBg .midBgN {
        background: linear-gradient(180deg, #e6f9ff, #fff);
        height: calc(100% - 11px);
    }


    .leftBg i, .rightBg i {
        display: block;
    }

    .leftBg i {
        background: url(../img/new_leftsu.png) repeat-y, linear-gradient(180deg, #e6f9ff, #fff);
        height: calc(100% - 56px);
    }

    .leftBg:before {
        content: '';
        width: 28px;
        height: 28px;
        background: url(../img/new_leftBg.png) no-repeat 0 0;
    }

    .leftBg:after {
        content: '';
        width: 28px;
        height: 28px;
        background: url(../img/new_leftBg.png) no-repeat 0 bottom;
    }

    .rightBg i {
        background: url(../img/new_rightsu.png) repeat-y, linear-gradient(180deg, #e6f9ff, #fff);
        height: calc(100% - 56px);
    }

    .rightBg:before {
        content: '';
        width: 28px;
        height: 28px;
        background: url(../img/new_rightBg.png) no-repeat 0 0;
    }

    .rightBg:after {
        content: '';
        width: 28px;
        height: 28px;
        background: url(../img/new_rightBg.png) no-repeat 0 bottom;
    }

    .midBg:before {
        content: '';
        width: 100%;
        height: 6px;
        background: url(../img/new_midBg.png) repeat-x 0 0;
    }

    .midBg:after {
        content: '';
        width: 100%;
        height: 5px;
        background: url(../img/new_midBg.png) repeat-x 0 bottom;
    }


    .mid .newsarea .flavar {
        margin-bottom: 15px;
        margin-top: 28px;
        height: 161px;
    }

    .tj .container ul {
        width: calc(100% + 15px);

    }

    .tj ul li .slidediv {
        height: 34px;
    }

    .tj ul li .slidediv .title {
        line-height: 34px;
        font-size: 14px;
    }

    .tj ul li:hover .slidediv .title {
        font-size: 14px;
        margin-top: 20px;
        margin-bottom: 0;
    }

    .tj ul li .slidediv .btns a {
        width: inherit;
        height: inherit;
        background: none;
        line-height: inherit;
        font-size: 12px;
    }

    .mid {
        padding: 15px 0;
    }

    .htti,
    .newpage .tab {
        margin-bottom: 15px
    }

    .htti {
        height: 90px;
        background-size: contain;
    }

    .htti .ti {
        font-size: 32px;
        line-height: 32px;
        margin-top: 40px;
    }

    .midBg .midBgN {
        flex-direction: column;
    }

    .newpage .tab ul li a {
        font-size: 16px;
    }

    .newpage .tab li {
        margin: 0;
    }

    .tj ul li {
        margin-bottom: 15px;
        padding-left: 0;
    }

    .tj ul li:last-child {
        margin-bottom: 0px
    }

    .newpage .wrapnr .list,
    .newpage .wrapnr .list1 {
        padding: 15px 15px 0;
    }

    .newpage .wrapnr .list li {
        line-height: 30px;
        font-size: 14px;
    }

    .newpage .wrapnr .list1 li a {
        line-height: 30px;
        font-size: 14px;
    }

    .banner1 {
        height: 250px;
        padding-top: 50px;
    }

    .banner1 h4 {
        margin-top: 15px;
    }

    .newpage .wrapnr .list li span {
        display: none
    }

    .wrapnr .neirong,
    .wrapnr .prenext {
        padding: 15px;
    }

    .wrapnr .neirong img {
        /*max-width: 352px;*/
    }

    .wrapnr .h1 {
        padding: 15px 15px;
    }

    .wrapnr .h1 h1 {
        font-size: 20px
    }

    .pagination > li > a,
    .pagination > li > span {
        padding: 3px 6px;
    }

    .newpage .wrapnr .list1 li {
        width: 100%
    }


    .downcate {
        font-size: 16px;
    }

    .newpage .ms {
        line-height: 22px;
        font-size: 14px;
    }

    .down2 .downlist {
        padding-top: 30px
    }

    .banner .mf {
        transform: scale(.6);
    }

    .loginbtn .btn1 {
        margin-bottom: 30px;
    }

    .partone {
        width: 100%;
        padding: 15px;
    }

    .partone .bigtitle {
        font-size: 20px;
        height: 20px;
        line-height: 20px;
        margin-bottom: 25px;
    }

    .partone .ht {
        height: 30px;
        margin-bottom: 10px;
        line-height: 30px;
        font-size: 14px;
    }

    .partone .ht .ip input[type=text] {
        height: 30px;

    }

    .partone .ht .ip select {
        height: 30px;
        margin-right: 5px;
    }


    .parttwo {
        padding: 40px 0
    }

    .parttwo .who {
        font-size: 18px;
        line-height: 18px;
        height: 18px;
        padding-bottom: 15px;
    }

    .parttwo .sntit {
        font-size: 12px;
        padding-bottom: 10px
    }

    .parttwo .snno,
    .parttwo .snpass {
        font-size: 14px;
        height: 14px;
        line-height: 14px;
        padding-bottom: 10px;
    }

    .parttwo .who a {
        font-size: 10px;
    }

    header .container .search {
        width: 70%;
    }

    header .container .search .type, header .container .search .ipt input, header .container .search .btns {
        line-height: 24px
    }

    header .container .twobtn {
        margin-left: 0
    }

    .leftnav {
        transform: translateX(-100%);
        overflow-y: scroll;
        height: calc(100% - 50px);
        top: 50px;
    }

    .leftnav li {
        height: auto;
    }

    .leftnav li .floatdiv {
        position: inherit;
        width: 100%;
        height: inherit;
        left: 0;
        top: 0;
    }

    .leftnav li .li {
        pointer-events: none
    }

    .leftnav li .floatdiv dl dt {
        display: none;
    }

    .leftnav li .floatdiv dl {
        position: inherit;
        padding: 0 20px;
        margin-bottom: 0;
    }

    .leftnav li .floatdiv dl dd {
        height: auto;
        border-bottom: solid 1px rgba(255, 255, 255, .3);
        line-height: 22px;
        padding: 15px 0;
    }
    .leftnav li .floatdiv dl dd:last-child{
        border-bottom: none;}

    .leftnav li .floatdiv .bgimg {
        display: none
    }

    .gsc-results-wrapper-overlay {
        left: 50%;
        width: 90%;
        margin-left: -45%;
    }
	
	
	
	
	.section2 .slogan {
        justify-content: center;
        padding-right: 0px;
        padding-bottom: 4%;
    }

    .section2 .slogan img {
        width: 100%;
    }
	
	.section1 .slogan {
        width: 80%;
        padding-top: 0;
    }
	
	.section1 .slogan .mb {
        display: block;
    }

    .section1 .slogan .pc {
        display: none;
    }

}