@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: auto}
}
@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) { 
.logo{ width:45%}
#lala{ width:1200px; margin:0 auto}
#top_menu{ float:right}
.navbar-nav{ 

}

}