/*Common For Max 768*/
@media only screen and (max-width: 959px) 
{
    .row{margin-top: 10px;}
    .side-col{
        min-height: 0;
        float: none;width: auto;margin: 0 0 10px;padding-bottom: 10px;
        background-image: none;
    }
    .side-code {display: none;}
    .main-col{padding-top: 0;min-height:0;}
    .m-cur{padding: 5px;}
    .g-title1{padding: 10px;}
    .g-title1 h3{
        font-size: 22px;text-align: center;line-height: 1.5;
        background: none;
    }
    .snav{padding-top: 0;}
    .snav a{font-size: 14px;line-height: 36px;padding-left: 25px;background-position: 10px center;}
    .m-list3 li{padding: 0 0 10px;margin-bottom: 10px;}
    .m-list3 .txt{padding-left: 10px;}
    .m-arti{line-height: 1.8;}
    .m-arti h1{font-size: 18px;}
    .m-arti .info{margin-bottom: 10px;}

    .m-article .con {line-height: 1.8;font-size: 13px;}
}
@media  (max-width: 768px){
    body{min-width: 320px;}

    .container{width: 95%; height: 100%;}

    .header{display: none;}

    .wrappers{min-width: 320px; padding-top: 60px;}

    .phone{display: block;}
    #cd-menu-trigger{display: block; padding-top: 20px;}
    #cd-menu-trigger .cd-menu-icon{background-color: #fff;}
    #cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after{background-color: #fff;}

    #index-banner{height: 300px;}
    #index-banner .cell h1{font-size: 24px;}
    #index-banner .cell h2{width: 80%; margin: 0 auto;}
    #index-banner .cell h2 p{line-height: 25px; font-size: 12px;}
    #index-banner .swiper-pagination-bullet{margin: 0 8px;}
    #index-banner .swiper-button-prev{left: 0%;}
    #index-banner .swiper-button-next{right: 0%;}

    .title{padding-bottom: 15px;}

    .index1{padding: 30px 0;}
    .index1 .nr_left{width: 100%; float: none;}
    .index1 .index1swiper{height: auto;}
    .index1 .index1swiper .img{}
    .index1 .index1swiper .img img{}
    .index1 .index1swiper .txt{padding: 0 10px; bottom: 10px;}
    .index1 .index1swiper .txt p{font-size: 14px;}
    .index1 .index1swiper .swiper-button{font-size: 50px;}
    .index1 .index1swiper .swiper-button-prev{left: 10px;}
    .index1 .index1swiper .swiper-button-next{right: 10px;}
    .index1 .nr_right{width: 100%; float: none; margin-top: 25px;}
    .index1 .nr_right .box1{height: auto;}
    .index1 .nr_right .box1 ul li{margin-bottom: 20px;}
    .index1 .nr_right .box1 ul li .date{width: 60px; height: 60px;}
    .index1 .nr_right .box1 ul li .date h1{font-size: 20px; padding-top: 5px;}
    .index1 .nr_right .box1 ul li .date span{font-size: 12px; padding-top: 5px;}
    .index1 .nr_right .box1 ul li .lis h1{font-size: 16px; margin-bottom: 10px;}
    .index1 .nr_right .box1 ul li .lis .ckqb{padding-bottom: 12px;}
    .index1 .nr_right .box1 ul li .lis .ckqb a{line-height: 12px;}

    .index2{padding: 30px 0;}
    .index2 .title{margin-bottom: 30px;}
    .index2 .part2 ul li{width: 47%; margin: 0; margin-bottom: 15px;}

    .index3{padding: 30px 0;}
    .index3 ul li{width: 47%; height: auto; margin-bottom: 15px; background:none!important;}
    .index3 ul li .img{height: auto;}
    .index3 ul li .txt{padding: 10px 5px;}
    .index3 ul li .txt h1{font-size: 16px; margin-bottom: 10px;}
    .index3 ul li .txt p{font-size: 12px;}

    .index4{padding: 30px 0;}
    .index4swiper .img img{height: auto;}

    .footer .box1{width: 100%; background-position: top left;}
    .footer .box2{padding: 20px 0;}
    .footer .box2 a{min-width: 40px; font-size: 13px; margin-right: 30px;}
    .footer .box3{padding: 20px 15px; display: block; text-align: center;}
 	
 	#bd{margin-bottom: 25px;}
 	.side-col{display: none;}
 	.g-title1{padding: 5px 20px;}
	.g-title1 h3{font-size: 18px;line-height: 26px;}
	.snav a{padding-left: 20px;line-height: 30px;font-size: 14px;background-position: 8px center;}
	.m-cur{padding: 5px 0;}
	.m-tit1 h3{font-size: 16px;}
 	.m-list3 .info{line-height: 20px;padding: 0;margin-bottom: 5px;}
	.m-list3 .txt p{line-height: 20px;height: 60px;-webkit-line-clamp: 3;}
	.m-arti h1{font-size: 16px;margin-bottom: 0;}
	.m-article {margin-bottom: 10px;}  
	
    .c_xgtj{padding: 40px 0 0;overflow: hidden;}
    .c_xgtj .c_zsdw{width: auto;}
    .c_xgtj .c_zsdw li{float: none;width: auto;margin: 0;}
    .c_xgtj .c_zsdw.zt{width: auto;}
    .c_xgtj .c_zsdw.zt li{float: none;width: auto;margin: 0;}
}

@media only screen and (max-width: 479px) {
    .m-list3 .pic{float: none;width: auto;height: auto;margin-bottom: 5px;}
    .m-list3 .pic1{float: none;width: auto;height: auto;margin-bottom: 5px;}
    .m-list3 .txt{padding-left: 0;}
    .m-list3 .tit {max-height: 44px;margin-bottom: 4px;text-align: center;white-space: normal;line-height: 22px;}
    .m-list3 .info{padding: 0;text-align: center;}
    #banner,#ban{margin-top: 45px;}
    .m-tit1 form {display: block;height: 50px;}
    
    .c_xgtj{padding: 30px 0 0;overflow: hidden;}
    .c_xgtj .c_zsdw{width: auto;}
    .c_xgtj .c_zsdw li{float: none;width: auto;margin: 0;height: 30px;line-height: 30px;}
    .c_xgtj .c_zsdw.zt{width: auto;}
    .c_xgtj .c_zsdw.zt li{float: none;width: auto;margin: 0;}
}