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

	.main-con-title {display: flex;

            /*flex-direction: row;*/

            /*flex-wrap: nowrap;*/

            flex-flow: row nowrap;

            justify-content: center;}

	.main-con-title .item{width: 47%; float: left;margin: 0;margin-left: 8px;margin-bottom: 8px; }	

	.content{ padding: 15px}

	.content img{ width: 100%!important}

	.w1200{ width: 100%}

	.container_header{ padding: 0;margin-top: 40px}

	

	.main-article-content{font-size: 14px}

	#contactinfo,#contactform{ width: 100%;float: none}

	.flx{ width: 100%}

	.ff_social li {

    float: left;

    text-align: center;

    width: 48%;

	}.ff_social li img{ width: auto!important;}

	.content-inf{ padding-left: 0px}

	#contactform {

    margin-left: 0;margin-top: 30px;

}

	

	.newslist li{ width: 100%}

	.main-con-title .item a {

    display: block;

    height: 40px;

    line-height: 40px;

		padding: 0 15px; width: auto!important}

	.more2{ display: none}

	.item_wrapper{ border-bottom: #ccc dashed 1px; padding-bottom: 30px}

	.newslist li .item_info .line{display: none}

	.title{ margin-bottom: 10px}

	.pro_tit {

    width: 100%;

    margin:20px auto;

}

	.piclist li{ width: 47%;margin: 0;margin-left:8px}

	.piclist li img{ height: 150px}
	.tiao{font-size: 12px}

}

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

}

@media only screen and (min-width: 769px) and (max-width: 1200px){  

}
@media only screen and (min-width: 1201px) and (max-width: 1440px){  
	
	.tab_limit {

    width: 100%;
    margin: auto;
    height: 500px!important;

}
.z-sy2-d1 {
    height: 400px; overflow: hidden

	}
.gshj li {
    width: 31.2%;



}
	

	
	
	
}
@media only screen and  (min-width: 1441px) { 

.logo{ width:45%}

#lala{ width:1200px; margin:0 auto}

#top_menu{ float:right}

.navbar-nav{ 



}



}