@charset "utf-8";

@media screen and (min-width:1400px){

}


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


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

}

@media screen and (max-width: 980px){
    #header{ position:absolute;}
    .header-container{width:100%;}
    #header .nav{ display:none; width:100%;margin:0; overflow:hidden; background:#fff;}
	#header .nav ul{width:100%;}
    #header .nav ul li{width:25%;text-align:center;overflow:hidden;}
	#header .nav ul li a{float:left;width:100%;font-size:14px; padding:0; margin:0;background:#eee;border:1px solid #fff; }
	#header .nav ul li a:link,#header .nav ul li a:visited{color:#525E64;}
	#header .nav ul li a:hover,#header .nav ul li a:active,
	#header .nav ul li a.active:link,#header .nav ul li a.active:visited,
	#header .nav ul li a.active:hover,#header .nav ul li a.active:active{color:#fff; background:#622d01;}
	#header .nav >ul li:hover >ul{visibility:hidden; display:none;}
	.subnav a{ margin:0 10px;}
	#header .header-sidebar{padding-right:0;}
	.btn-navbar{display:block;padding:24px 12px;}

    #news {width:100%;overflow-x: hidden;}
    .news_title{ width: 320px;}
    .news_title .decoration {-ms-background-size: 320px;background-size: 320px;}
    .en_title{ width: 100%;}
    .ch_title{ width: 100%;}

    .img_border{ width: 318px;}
    .project_column_01 img{width: 310px;}
    .pc{width:310px;}
    .pc_bc{width:310px;}

    .contact_information_nei{ width: 100%;}

    .list_box{ width: 100%;overflow-x: hidden;}
    .list_box .left{ float: 1;}
    .list_box .right{ float: 1; width: 100%;margin-top: 10px;overflow-x: hidden;}
    .mbnav{ width: 100%;overflow-x: hidden;}

    .jpq_c .bd{ width: 100%;}
}

@media screen and (min-width: 767px) and (max-width: 960px){
	
}

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

}


@media screen and (max-width: 480px) {
    #header{ position:absolute;}
    .header-container{width:100%;}
    #header .nav{ display:none; width:100%;margin:0; overflow:hidden; background:#fff;}
	#header .nav ul{width:100%;}
    #header .nav ul li{width:50%;height:60px;line-height:60px; text-align:center;overflow:hidden;}
	#header .nav ul li a{float:left;width:100%;font-size:14px; padding:0; margin:0;background:#eee;border:1px solid #fff; }
	#header .nav ul li a:link,#header .nav ul li a:visited{color:#525E64;}
	#header .nav ul li a:hover,#header .nav ul li a:active,
	#header .nav ul li a.active:link,#header .nav ul li a.active:visited,
	#header .nav ul li a.active:hover,#header .nav ul li a.active:active{color:#fff; background:#622d01;}
	#header .nav >ul li:hover >ul{visibility:hidden; display:none;}
	.subnav a{ margin:0 10px;}
	#header .header-sidebar{padding-right:0;}
	.btn-navbar{display:block;padding:24px 12px;}
    
    #news {width:100%;overflow-x: hidden;}
    .news_title{ width: 320px;}
    .news_title .decoration {-ms-background-size: 320px;background-size: 320px;}

    .en_title{ width: 100%;}
    .ch_title{ width: 100%;}

    .img_border{ width: 318px;}
    .project_column_01 img{width: 310px;}
    .pc{width:310px;}
    .pc_bc{width:310px;}

    .contact_information_nei{ width: 100%;}

    .list_box{ width: 100%;overflow-x: hidden;}
    .list_box .left{ float: 1;}
    .list_box .right{ float: 1; width: 100%;margin-top: 10px;overflow-x: hidden;}
    .mbnav{ width: 100%;overflow-x: hidden;}

    .jpq_c .bd{ width: 100%;}
}