@media screen and (max-width:1856px){
    .gdpic .gdpic_prev {
        left: 8%;
    }
    .gdpic .gdpic_next {
        right:8%;
    }
}
@media screen and (max-width:1600px){
    .gdpic .gdpic_prev {
        left: 2%;
    }
    .gdpic .gdpic_next {
        right:2%;
    }
}
@media screen and (max-width:1366px){
    .w_12{ width: 98%;}
    .gdpic_swiper .swiper-container {
        width: 94%;
    }
    .gdpic .gdpic_prev {
        left: 2%;
    }
    .gdpic .gdpic_next {
        right:2%;
    }
}

@media screen and (max-width:1230px){
    .w_12{ width: 98%;}

    .swiper_arrow{
        width: 98%;}


    .xwdt-left {
        width: 53%;
        min-height: 500px;display:block; overflow:hidden;
    }
    .slide{
        width: 53%;
    }
    .xwdt-right {
        width: 43%;
        height: auto;
        min-height: 500px;display:block; overflow:hidden;
    }


}
@media screen and (max-width:1201px){
    .w_12{
        width: 95%;}
    #main1{
        padding-top: 20px ;
        padding-bottom: 10px;}


.gdpic_swiper .swiper-container {
        width: 92%;
    }
     .gdpic .gdpic_prev {
        left: 0;
    }
    .gdpic .gdpic_next {
        right:0;
    }
}
@media screen and (max-width:960px){   

 .w_12{width: 95%;}

.main_banner_1{
        height: 300px;}
.swiper_arrow{
        line-height: 300px;}

 .gdpic .gdpic_prev {
        left: 3%;
    }
    .gdpic .gdpic_next {
        right:3%;
    } 

    .main1_3{
        float: left;
        width: 100%;margin-left: 0%;}
    .main2_1{
        float: left;
        width: 100%;  margin-bottom: 20px;}


.xwdt-left {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
        float: none;
    }
    .xwdt-right {
        width: 100%;
        height: auto;
        float: none;
    }





}
@media screen and (max-width:600px){
 .w_12{width: 95%;}

    .main_banner_1{
        height: 150px;}
    .swiper_arrow {
        line-height: 150px;}
    .channel_top .channelon{
        font-size: 18px;}
    .main1_1 .gang{
        margin: 0 5px;}
    .channel_top a{
        font-size: 18px;}
    .channel_top .more{
        font-size: 12px;}

    .main1_3{
        float: left;
        width: 100%;}
    .main2_1{
        float: left;
        width: 100%;}



 .xwdt-left {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
        float: none;
    }
    .xwdt-right {
        width: 100%;
        height: auto;
        float: none;
    }

    .channel_top{
        margin-bottom: 15px;}

    .main1_3{
        margin-top: 15px;}
   

  
}

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




    .channel_top .channelon{
        font-size: 16px;}
    .channel_top a{
        font-size: 16px;}
    .main1_1 .gang{
        margin:0;}


  .gdpic_swiper .swiper-container {
        width: 70%;
    }
    .gdpic .gdpic_prev {
        left:0;
    }
    .gdpic .gdpic_next {
        right:0;
    }

}