@media (max-width:767px) {
    .cousdi .box{
        width: 100% !important;
    }

    .footer .out .right_2-box{
         display: none;
    }
    
     .footer .out  .min_right_da {
         display: flex;
         
     }
    
    .inLeft ul li .li_box_img.li_box_imgclick{
        display: none;
    }
    
    .inLeft ul li .li_box_img{
        display: none;
    }
    .Left_li_xiaji{
        display: none !important;
    }
    
    .inLeft ul li a img.op_img{
        display: none !important;
    }
    
    .LogoTop .out .box .tiem span{
        font-size: 12px;
    }
    
    .News{
        padding-top: 20px;
    }
    
    .About-title .txt{
        margin-top: -15px;
    }
    
    .pagination{
        margin: 0px !important;
    }
    
    .inright .title{
        display: none;
    }
    
    .da_ditu_1{
        padding-bottom: 30px;
        padding-top: 0px;
    }
    
    .ABOUT-body{
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .Temple-body .right{
        margin-top: 0px ;
    }
    
    .TaoistBeliefs .right .txt a::before{
        flex: none;
    }
    
    .Temple-body-1 .right{
         margin-top: 0px ;
    }
    
    .Temple-body-1 .out .right .txt{
        margin-top: 15px;
    }
    
    .inLeft ul{
        padding-top: 0px;
    
    }
    
    .box-form{
        margin-bottom: 10px;
    }
    
    .xiugaiditulist-1 .inright .title{
        display: block;
    }
    
    .sousuo_xiugai_768 .out .left{
        display: none;
    }
    
    .sousuo_xiugai_768 .right .txt a{
            display: -webkit-box;
             white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .sousuo_xiugai_768{
        padding-top: 0px;
    }
    .ABOUT-body-1 .right .txt .box{
       
        width: 31%;
        margin-right: 2% ;
        margin-bottom: 20px;
        
    }
    
    .ABOUT-body-1 .right .txt .box img{
         margin: 0px 0px !important;
    }
    
    .ABOUT-body-1 .right .txt .box span{
        margin-top: 7px;
    }
    
    .ABOUT-body-1 .right .txt-box .box:nth-child(4n){
        margin-right: 2% ;
    }
    
    
    .ABOUT-body-1 .right .txt-box .box:nth-child(3n){
        margin-right: 0% ;
    }
    
    .xiu_aut_box .out .right .txt p{
        /* line-height: normal !important;
        font-size: 18px !important;
        margin-bottom: 2px !important; */
    }
    
    .xiu_aut_box .out .right .txt p strong{
        margin-bottom: 20px;
        display: block;
    }
    
    .Img-uwo .henfu_img-2{
        display: block;
    }
    
    .Img-uwo .henfu_img-1{
        display: none;
    }
    
    .LogoTop .box{
        transform: translateY(0%);
    }
    
    .lg-outer .lg-img-wrap span{
        bottom: 14%;
    }

    .buttom_MapBox{
        display: block !important;
    }
    .tdt-infowindow-content h5{
        font-size: 16px !important;
    }
    .tdt-infowindow-content span{
        font-size: 14px !important;
    }
    .specialReport-body .right .txt .box .img img{
        height: 39vw;
        object-fit: cover;
    }
    
    .Temple-body-2 .right .txt .box{
        padding: 10px;
    }
    
    .NEWS-body-list .inright{
            padding: 20px 18px;
    }
    
    .ABOUT-body .out .right .txt h5{
        font-size: 20px;
        margin-bottom: 15px;
    }
    
    .NEWS-body-list .right .txt .txt-2 {
        padding: 20px 0px 0px 0px;
    }
    .ABOUT-body .out .right .txt p{
        margin-bottom: 0px;
    }
    
    .NEWS-body-list .right .txt .txt-1 span{
    font-size: 12px;
    }
    
.Temple-body-list .inLeft ul{
    display: none;
}
    
    .xiugaiditulist-1 .inLeft ul li {
        display: none;
    }

    .footer .out .left .B-1 .A-wiu- {
        width: 100%;
        border-top: 1px solid rgba(255, 255, 255,0.4);
        padding-top: 10px;
    }
    

    .Temple-body .right{
        height: auto;
    }
    
    .box-form input{
        width: 65%;
    }

    .ABOUT .out .box-3 .txt-box a{
        margin-top: 15px;
    }

    .nav .pulldown{
        display: none;
    }

    .bottonaniu{
        margin-left: 0px;
    }

    .nav{
        height: auto;
    }

    .nav ul{
        flex-wrap: wrap;
        padding: 20px 18px;
       padding-bottom: 10px;
        box-sizing: border-box;
        /* justify-content: left; */
        
    }
    .nav ul li{
        margin-bottom: 10px;
        width: 32%;
        margin-right: 2%;
    }
    .nav ul li:nth-child(3n){
        margin-right: 0px;
    }
    .nav ul li .title{
        width: 100%;
        height:9.3vw;
    }
    /* .nav ul li:first-child {
        display: none;
    } */

    .LogoTop {
        height: auto;
        padding: 3% 18px;
        box-sizing: border-box;
        background-position: revert;
    }

    .LogoTop .out {
        display: block;
    }

    .LogoTop .logo {
        width: 90%;
        margin-bottom: 30px;
    }

    .LogoTop .logo img {
        width: 100%;
        transform: translateY(35%);
    }

    .LogoTop .box {
        width: 100%;
    }

    .LogoTop .out .box form input {
        width: 65%;
        height: 31px;
    }
    
    .LogoTop .out .box form button{
        height: 31px;
    }

    .News .out {
        flex-direction: column;
        padding: 20px 18px;
        height: auto;

    }

    .News .out .left {
        width: 100%;
        height: 165px;
        margin-bottom: 20px;
    }

    .News .out .right {
        width: 100%;
        /*margin-top: 30px;*/
    }

    .News .out .right .title-out .title-box {
        width: 80%;
    }

    .News .out .right .title-box a {
        font-size: 14px;
        margin-right: 2%;
    }

    .News .out .right .right-out {
        width: 100%;
        height: 303px;
    }

    .News .out .right .right-out .box {
        width: 100%;
    }

    .News .out .right .right-out .box a p {
        width: 64%;
    }

    .ABOUT {
        padding-bottom: 0px;
        padding-top: 20px;
    }

    .ABOUT .out {
        flex-direction: column;
        height: auto;
    }

    .ABOUT .out .box {
        width: 100%;
        padding: 20px 18px;
        margin-bottom: 20px;
    }
    
    .News .out .right .right-out .box a{
        margin-top: 14px;
    }

    .Img-uwo img {
        object-fit:cover;
        /*height: 70px;*/
        width: 100%;
        display: block;
        margin-top: 20px;
    }

    .district .out {
        flex-direction: column;
    }

    .district .out .left {
        width: 100%;
        padding: 20px 18px;
    }

    .district .out .left .box {
        flex-direction: column;
    }

    .district .out .left .let {
        width: 100%;

    }

    .district .out .left .rig {
        width: 100%;
        margin-top: 20px;
    }

    .district .out .left .rig form input {
        width: 60.12%;
    }

    .district .out .left .rig .txt-box a img {
        width: 50%;
    }

    .district .out .left .rig .txt-box a div {
        width: 46%;
    }

    .district .out .right {
        width: 100%;
        padding: 20px 18px;
        margin-top: 20px;
    }
    
    .Wallpaper{
        margin-top: 20px;
    }

    .district .out .right .right-out .box {
        width: 48%;
        height: auto;
    }

    .district-1 .out {
        flex-direction: column;
    }

    .district-1 .out .left {
        width: 100%;
        padding: 20px 18px;
        margin-bottom: 20px;
    }

    .district-1 .out .right {
        width: 100%;
        padding: 20px 18px;
    }

    .district-1 .out .right .swiper-slide {
        width: 60%;
        margin-right: 15px;
    }

    /*.periodical img {*/
    /*    height: 80px;*/
    /*    object-fit: cover;*/
    /*}*/
    
    .ABOUT .out .box:nth-child(3){
        margin-bottom: 0px;
    }
    .district{
        margin-top: 20px;
        padding-bottom: 0px;
    }
    .district-1{
        margin-top: 20px;
    }
    
    .periodical{
        padding: 20px 0px;
    }

    .Wallpaper .out {
        padding: 20px 18px;
    }

    .Wallpaper .out .swiper-slide {
        width: 50%;
        margin-right: 10px;
    }

    .LINK .out {
        padding: 30px 18px;
        flex-direction: column;
        align-items: baseline;
    }

    .LINK .out .box {
        flex-wrap: wrap;
    }

    .LINK .out .box a {
        font-size: 14px;
    }

    .LINK .out>span {
        margin-bottom: 10px;
    }

    .footer {
        padding: 0px;
    }

    .footer .out {
        flex-direction: column;
        padding: 20px 10px;
        box-sizing: border-box;
        align-items: flex-start;
    }

    .footer .out .left ul {
        flex-wrap: wrap;
    }

    .footer .out .left ul li a {
        font-size: 16px;
        /* margin-bottom: 10px; */
    }

    .footer .out .left ul li::after {
        margin: 0px 5px;
    }

    .footer .out .left .box {
        width: 100%;
    }

    .footer .out .left .B-1 {
        flex-direction: column;
        justify-content: space-between;
    }


    .footer .out .left .B-1 span {
        width:100%;
        margin-right: 0px;
        display: flex;
        flex: auto;
    }

    .footer .out .left .B-1 a {
        /* white-space: pre; */
    }

    .footer .out .left .B-1 span{
        font-size: 15px;
    }

    .footer .out .left ul li{
        line-height: 1.7em;
    }

    .footer .out .right{
        margin-left: 0px;
        margin-top: 15px;
        margin-right: 10%;
    }
    .footer .out .left h1 {
        margin-top: 20px;
        margin-bottom: 15px;
    }

    .ABOUT-body .out{
        flex-direction: column;
    }
    .inLeft{
        width: 100%;
    }
    .inLeft .left-tu{
        display: none;
    }
    .inLeft ul{
        display: flex;
        flex-wrap: wrap;
    }
    
    .inLeft ul .Li_box{
        width: 48%;
    }

    .inLeft ul li{
        
        /*display: none;*/
    }

    .inright{
        width: 100%;
        padding: 20px 18px;
        margin-top: 10px;
    }

    .ABOUT-body-4 .right .txt a{
        width: 100%;
    }

    .NEWS-body .right .txt a{
        font-size: 12px;
    }

    .Temple-body-1 .box-form input{
        width: 60%;
    }
    .Temple-body-2 .box-form{
        width: 100%;
        margin-top: 17px;
    }
    .specialReport-body .right .txt .box .txt-box .txt-title h6{
        width: 73%;
    }
    .specialReport-body .right .txt .box a{
        flex-wrap: wrap;
    }
    .specialReport-body .right .txt .box .img{
        width: 100%;
        height: auto;
    }
    .specialReport-body .right .txt .box .txt-box{
        width: 100%;
        /*margin-top: 20px;*/
    }
    
    .Temple-body-2 .right .txt .box .txt-box .txt-title{
        margin-bottom: 4px;
    }

    .Service-body-2 .right .txt .box{
        width: 100%;
    }

    .LogoTop .out .box .tiem{
        justify-content: left;
    }
    
    .News .out .right .title-box a:last-child{
        /* display: none; */
    }

}


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


    .News .out .right .title-box a:last-child{
        /* display: none; */
    }
    
    .LogoTop .box{
        transform: translateY(0%);
    }
    
    .ABOUT-body .out{
        padding: 0px 2%;
        box-sizing: border-box;
    }
    
    .buttom_MapBox{
        display: block !important;
    }

    .footer .out .left .B-1 .A-wiu- {
        width: 100%;
        border-top: 1px solid rgba(255, 255, 255,0.4);
        padding-top: 10px;
    }
    .nav .pulldown{
        left: 0px;
        margin-left: 0px;
    }

    .footer .out{
        justify-content: left;

        padding: 0px 28px;
        box-sizing: border-box;
    }


    .Su-Click{
        display: block;
    }

    .nav ul li:first-child {
        display: none;
    }

    .nav{
        height: auto;
    }

    .nav ul li .title{
        width: 100%;
        height: 6.5vw;
    }

    .nav ul li{
        width: 22%;
        margin-bottom: 20px;
    }

    .nav ul{
        flex-wrap: wrap;
        padding: 24px 28px;
        box-sizing: border-box;
    }

    .nav .pulldown{
        top: 6.5vw;
        width: 100%;
    }

    .LogoTop {
        height: auto;
        padding: 3% 28px;
        box-sizing: border-box;
        background-position: revert;
    }

    .LogoTop .out {
        display: block;
    }

    .LogoTop .logo {
        width: 90%;
        margin-bottom: 30px;
    }

    .LogoTop .logo img {
        width: 100%;
    }

    .LogoTop .box {
        width: 100%;
    }

    .LogoTop .out .box form input {
        width: 65%;
    }

    .News .out {
        height: 368px;
    }

    .News .out .right .right-out .box a {
        margin-top: 10px;
    }

    .News .out .right .title-box a {
        margin-right: 10px;
        font-size: 15px;
    }

    .News .out .right .right-out .box {
        width: 100%;
    }

    .News .out .right .right-out .box a p {
        width: 72%;
    }

    .ABOUT .out .box {
        padding: 20px 18px;
    }

    .ABOUT .out {
        height: 490px;
    }

    .ABOUT .out .box-3 .t-1 img {
        margin-right: 20px;
    }

    .ABOUT .out .box-1 p {
        padding: 0px;
    }

    .Img-uwo img {
        display: block;
    }

    .district .out .right .right-out .box {
        width: 100%;
        height: auto;
    }

    .district .out .left .box {
        flex-direction: column;
    }

    .district .out .left .let {
        width: 100%;
    }

    .district .out .left .rig {
        width: 100%;
        margin-top: 30px;
    }

    .district .out .left .rig .txt-box a div {
        width: 58%;
    }

    .district .out .left .rig .txt-box a img {
        width: 38%;
    }

    .district-1 .out .left .box a {
        margin-top: 8px;
    }

    .district-1 .out .right .swiper-slide {
        width: 35%;
    }

    .Wallpaper .out .swiper-slide {
        width: 32%;
    }

    .LINK .out {
        padding: 40px 18px;
    }

    .footer .out .left .B-1{
        flex-direction: column;
        align-items: flex-start;
    }
    .footer .out .right span{
        white-space: nowrap;
    }
    

    .footer .out .left ul {
        /* padding-left: 13%; */
        box-sizing: border-box;

        flex-wrap: wrap;
    }

    .footer .out .left ul li a {
        white-space: nowrap;
    }

    .footer .out .left ul li::after {
        margin: 0 7px;
    }
    .inLeft .left-tu img{
        width: 100%;
    }
}

@media (min-width:992px) and (max-width:1200px) {

    .footer .out .left ul{
        flex-wrap: wrap;
    }

    .News .out .right .title-box a:last-child{
        /* display: none; */
    }
    .ABOUT-body .out{
        padding: 0px 2%;
        box-sizing: border-box;
    }
    .LogoTop .box{
        transform: translateY(60%);
    }

    .footer .out .left .B-1 .A-wiu- {
        width: 100%;
        border-top: 1px solid rgba(255, 255, 255,0.4);
        padding-top: 10px;
    }
    .LogoTop{
        padding: 0px 28px;
        box-sizing: border-box;
    }

    .nav{
        padding: 0px 28px;
        box-sizing: border-box;
    }
    .nav ul li .title{
        height: 3.3vw;
    }

    .footer .out .left .B-1{
        flex-direction: column;
        align-items: flex-start;
    }
    


    .LogoTop .out .box {
        /* width: 40%;
        padding-right: 3%; */
        box-sizing: border-box;
    }

    .nav ul li{
        width: 10.8%;
    }

    .LogoTop {
        height: 200px;
    }

    .LogoTop .out .logo {
        width: 50%;
    }

    .LogoTop .out .logo img {
        width: 100%;
    }

    .News .out {
        height: 420px;
    }

    .News .out .right .right-out .box {
        width: 100%;
    }

    .News .out .right .right-out .box a p {
        width: 77%;
    }

    .News .out .right .title-box a {
        margin-right: 10px;
        font-size: 17px ;
    }

    .ABOUT .out .box-1 p {
        padding: 0px;
    }

    .district .out .left .let {
        width: 42.058%;
    }

    .district .out .left .rig {
        width: 55.555%;
    }
    .district .out .left .rig .txt-box a img{
        width: 43%;
    }
    .district .out .left .rig .txt-box a div{
        width: 53%;
    }
    .district .out .right .right-out .box{
        width: 49%;
        height: auto;
    }
    .district-1 .out .right .swiper-slide{
        width: 41%;
    }
    .Wallpaper .out .swiper-slide{
        width: 26%;
    }
    .LINK .out{
        padding: 40px 18px;
    }
    .footer .out .left ul li a{
        white-space: nowrap;
    }
    .footer .out .left ul li::after{
        margin: 0 10px;
    }
}

@media (min-width:1200px) and (max-width:1400px) {
    .footer .out .left{
        margin-right: 3%;
    }
    
        .News .out .right .title-box a:last-child{
            /* display: none; */
        }


        .News .out .right .title-box a{
            font-size: 20px ;
            margin-right: 20px ;
        }

        .ABOUT-body .out ,  .LogoTop ,.nav{
        padding: 0px 2%;
        box-sizing: border-box;
    }
    .News .out{
        height: 420px;
    }
    .district .out .right .right-out .box{
        width: 49%;
    }
    .district .out .left .rig .txt-box a div{
        width: 52%;
    }
    .district .out .left .rig .txt-box a img{
        width: 45%;
    }
    .district-1 .out .right .swiper-slide{
        width: 32%;
    }
}