@media only screen and (max-width:1440px) {

    .banner{

        height: 450px;

    }

    .banner .tu img{
        top: 10%;
        width: 25%;
    }

}



@media only screen and (max-width:1366px) {

    .banner{

        height: 427px;

    }



}



@media only screen and (max-width:1280px) {

    .banner{

        height: 400px;

    }

}



@media only screen and (max-width:1024px) {



    body{

        -webkit-overflow-scrolling: touch;

    }



    .mobile{

        display: block;

    }


    .banner .tu{width: 100%;margin-left: 0;box-sizing: border-box;padding:0 0.25rem;left: 0}

    .banner .swiper-slide-active .tu img{
        right: 10%;
    }
    .centerBox {

        margin: 0 auto;

        padding: 0 .25rem;

        width: 100%;

        max-width: 100%;

        user-select: none;

    }



    header .top{

        display: none;

    }



    header .middle{

        position: relative;

        padding: .2rem .25rem;

    }



    header .middle .menu-btn{

        position: relative;

        align-self: center;

        width: .4rem;

        height: .36rem;

        border-top: 4px solid #0b65ad;

        border-bottom: 4px solid #0b65ad;

    }

    

    header .middle .menu-btn::after{

        content: '';

        position: absolute;

        top: 50%;

        width: 100%;

        height: 4px;

        background: #0b65ad;

        transform: translate(0, -50%);

        -webkit-transform: translate(0, -50%);

        -moz-transform: translate(0, -50%);

    }



    .navigation{

        display: none;

    }

    

    header .logo{

        width: 40%;

    }



    .allSearch{

        display: none;

    }

 



    .banner{

        height: 600px;

        margin-bottom: .2rem;

    }



    .banner .swiper-pagination{

        bottom: 50% !important;

    }

    .quick_nav{

        background: none;

    }



    .quick_nav .items{

        flex: initial;

        width: 32%;

        height: 1.2rem;

        border-radius: 10px;

        background-color: #0b65ad;

        background-image: url(../images/banner_icon_01.png);

        background-repeat: no-repeat;

        background-size: .5rem .5rem;

        background-position: center .2rem;

    }



    .quick_nav .items-1{

        width: 33.33%;

        height: 2.5rem;

        margin-right: .1rem;

        padding-top: 1.45rem;

        background-position: center 42%;

        

    }



    .quick_nav .aside{

        flex: 1;

        display: flex;

        flex-wrap: wrap;

        justify-content: space-between;

    }



    .quick_nav .aside .items{

        flex: initial;

        margin-bottom: .1rem;

    }



    .index-sections .section .part{

        width: 100%;

    }



    .section-1 .part-1 section{

        width: 100%;

        margin: 0;

    }



    .section-1 .part-2{

        background: none !important;

    }

    

    .index-sections .section .part{

        margin-right: 0;

    }



    .section-2 .part-1 .items{

        width: 32%;

        height: 120px;

        padding: 70px 5px 5px;

        background: #0b65ad url(../images/index_icon_01.png) no-repeat center 27px;

    }



    .section-2 .part-2 .contain-box{

        justify-content: space-between;

    }



    .section-2 .part-2 .items{

        width: 48%;

    }



    footer .bottom{

        position: relative;

    }



    footer .bottom .flex-box{

        flex-direction: column-reverse;

    }

    footer .bottom .block{

        flex: initial;

        width: 100%;

    }



    footer .bottom .wechat{

        text-align: center;

        margin-bottom: .2rem;

    }



    footer .bottom .wechat .ewm{

        margin: 0 .1rem;

    }



    footer .bottom .f_logo{

        position: absolute;

        width: 65px;

        height: 80px;

        right: .2rem;

        bottom: 44px;

    }



    .contain .aside-nav{

        display: none;

    }



    .unit-subnav{

        display: none;

    }



    .container .unit-list{

        padding: .2rem 0;

    }



    .filter-list .items section{

        width: 100%;

        padding-top: .2rem;

    }



    .filter-list .items section img{

        width: auto;

        max-width: 100%;

    }





    .intro-filter .selects span{

        width: 100%;

        margin: 0 .1rem ;

    }



    .intro-filter .select-contain{

        padding: .2rem;

    }



    .intro-filter .nick-name span{

        width: 100%;

        margin: 0 .1rem ;

        padding: 0 5px;

    }



    .introduct-list .items img{

        width: 40%;

    }



    .select-contain a{

        width: 25%;

    }



    .block-introduce img.thumb{

        width: 100%;

        height: auto;

    }
    .banner .swiper-wrapper{height: 100%;}


    .contain .container{
        max-width: 100%;
    }

    .container .block-page{
        width: 100%;
    }

    .container table{
        max-width: 100% !important;
    }

}



@media only screen and (max-width:768px) {

    .banner{

        height: 520px;

    }

    .banner .swiper-pagination{

        bottom: 58% !important;

    }



    .unit-list .items{

        width: 32%;

    }



    .filter-select{

        padding: 0 .2rem;

    }

    .filter-box .filter-contain{

        padding: .2rem;

    }

    .filter-box .filter-contain a{

        width: 32%;

    }



    .select-contain a{

        width: 33.33%;

    }



    .introduct-list .items{

        width: 100%;

        padding: .15rem;

    }



    .introduct-list .items img{

        width: 15%;

    }



    .block-setting .images-block .thumbs{

        width: 100%;

        margin: 0;

    }

}



@media only screen and (max-width:640px) {



    .banner{

        height: 470px;

    }



    .banner .swiper-pagination{

        bottom: 62% !important;

    }



    .no-thumb .items p.time{

        width: 15%;

    }



    .unit-list .items{

        width: 48%;

    }



    .news-list .items img{

        width:  32%;

        height: auto;

        align-self: flex-start;

    }

    .section .part .switch-title a{
        font-size: .14rem;
    }


    .news-list .items p.introduce{

        display: none;

    }



    .filter-select span{

        display: none;

    }



    .filter-box .filter-contain a{

        width: 48%;

    }



    .introduct-list .items img{

        width: 24%;

    }



    .block-page .titles .times .show-share{

        display: block;

    }



    .angle-list .items{

        width: 48%;

    }

}



@media only screen and (max-width:414px) {



    .banner{

        height: 310px;

    }



    .banner .swiper-pagination{
        display: none;

        /* bottom: 62% !important; */

    }

    


    .section-1 .part-1 .title{

        padding: 0;

        background: none;

    }



    .section .part .switch-title{

        text-align: center;

    }



    .section .part .switch-title a{

        padding: 0 .1rem;

    }



    .section .part .switch-title a::after{

        left: -3px;

        bottom: 1px;

    }

 

    .index-sections .section-1 .part-1 h4{

        display: none;

    }



    .section-1 .part-1 section{

        line-height: .32rem;

    }



    .section-1 .part-1 section h6{

        margin-bottom: .1rem;

    }



    .section .news-blocks article{

        margin-bottom: 5px;

    }



    .section .news-blocks .items{

        line-height: 30px;

    }



    footer .bottom .f_logo{

        display: none;

    }



    .no-thumb .items p.time{

        width: 100%;

        margin: 0;

    }



    .no-thumb .items::before{

        top: 34%;

    }



    .filter-list .items .thumb{

        width: 42%;

        height: auto;

        align-self: center;

    }



    .filter-list .items article span{

        padding: 0;

    }



    .filter-list .items section img{

        width: 100%;

    }

    



    .select-contain a{

        width: 50%;

    }



    .block-setting .images-block .thumbs{

        height: auto;

    }
	#imgConac{
		float:none;
		position: relative;
		left: 50%;
		transform: translate(-50%,0%);
		}

}





@media only screen and (max-width:384px) {





}



@media only screen and (max-width:375px) {



    .banner{

        height: 285px;

    }

    .banner .swiper-pagination{

        bottom: 62% !important;

    }



    .filter-list .items .thumb{

        width: 28%;

    }

}



@media only screen and (max-width:360px) {



}



@media only screen and (max-width:320px) {

    .banner{

        height: 245px;

    }



    .quick_nav .items{

        font-size: .14rem;

    }



    .section-1 .part-1 aside .items{

        margin: 5px 0;

    }



    .section-1 .part-1 aside .items .inputtime{

        float: none;

        display: block;

        margin: 3px 0;

    }



    .section-2 .part-2 .items{

        width: 100%;

        margin: 3px 0;

    }



    .section .news-blocks article h6{

        font-size: .2rem;

    }



    .section .part .switch-title a{

        padding: 0 2px;

    }



    footer .bottom .f_logo{

        display: none;

    }



    footer .info span{

        font-size: .14rem;

    }



    footer .bottom .share .copyRight{

        font-size: .14rem;

    }



    .filter-box .filter-contain a{

        width: 100%;

        padding-left: .2rem;

        line-height: 34px;

    }

}