.guojia_wrap{
	padding-top: 70.3125%;
	width: 100%;
	display: block;
	position: relative;
}

.guojia_wrap div{ display: block; position: absolute;  width:29.06%; height: 41.3%; background: #000; }

.guojia_wrap div:nth-child(1){
	left: 3.205%;

	top: 5.8%;
}
.guojia_wrap div:nth-child(2){
	left: 35.47%;

	top: 5.8%;
}
.guojia_wrap div:nth-child(3){
	left: 67.735%;

	top: 5.8%;
}

.guojia_wrap div:nth-child(4){
	left: 3.205%;

	top: 52.9%;
}
.guojia_wrap div:nth-child(5){
	left: 35.47%;

	top: 52.9%;
}
.guojia_wrap div:nth-child(6){
	left: 67.735%;

	top: 52.9%;
}

.guojia_wrap div a{ display: block; position: absolute; left: 0; top: 0; width:100%; height: 100%; }
.guojia_wrap div a:nth-child(1){ z-index: 2; display: none; }
.guojia_wrap div a:nth-child(2){ z-index: 1; }


.guojia_wrap div a.show_mask{ display: block; }

.guojia_wrap div a img{ display: block; width:100%; height: 100%; }


.guojia_sep{ padding-top:10.46875% ; width:100% ; position: relative; }

.guojia_sep_bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
.guojia_sep_bg img{ width: 100%; height: 100%; }

.guojia_sep_title_ch{ width: 100%; height: 100%;

left: 0; top: 0;
position: absolute;

z-index: 2;

display: box; 
	display: -webkit-box; 
	display: -moz-box; 
	-webkit-box-align:center; 
	-moz-box-align:center;
	-webkit-box-pack:center; 
	-moz-box-pack:center;
	font-size: 16px;
	color: #fff;
 }

 .guojia_sep_title_en{ width: 40%; height: 50%;

right: 0; bottom:  0;
position: absolute;

z-index: 3;

display: box; 
	display: -webkit-box; 
	display: -moz-box; 
	-webkit-box-align:center; 
	-moz-box-align:center;
	-webkit-box-pack:center; 
	-moz-box-pack:center;
	font-size: 12px;
	color: #fff;
 }

 .line_gap2{ padding-top: 3%; }

.sort_wrap{ padding-top: 28.125%; width: 92%; margin: 0 auto; position: relative;}

.sort_wrap div{ position: absolute; display: box; 
	display: -webkit-box; 
	display: -moz-box; 
	-webkit-box-align:center; 
	-moz-box-align:center;
	-webkit-box-pack:center; 
	-moz-box-pack:center;
		box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box; }


.sort_wrap div.active_sort{ background: #c59d5e;  }

.sort_wrap div.active_sort a{color: #fff;}
.sort_wrap div:nth-child(1){ width: 33%; height: 33%;border: 1px solid #cbcbcb; left: 0;top:0;}
.sort_wrap div:nth-child(2){ width: 34%; height: 33%;border-top: 1px solid #cbcbcb;border-bottom: 1px solid #cbcbcb; left: 33%;top:0;}
.sort_wrap div:nth-child(3){ width: 33%; height: 33%;border: 1px solid #cbcbcb;left: 67%;top:0;}

.sort_wrap div:nth-child(4){ width: 33%; height: 34%;border-left: 1px solid #cbcbcb; left: 0; top: 33%; border-right: 1px solid #cbcbcb;}
.sort_wrap div:nth-child(5){ width: 34%; height: 34%;left: 33%; top: 33%;}
.sort_wrap div:nth-child(6){ width: 33%; height: 34%;border-left: 1px solid #cbcbcb;border-right: 1px solid #cbcbcb;left: 67%; top: 33%;}


.sort_wrap div:nth-child(7){ width: 33%; height: 33%;border: 1px solid #cbcbcb; left: 0%; top: 67%;}
.sort_wrap div:nth-child(8){ width: 34%; height: 33%;border-top: 1px solid #cbcbcb;border-bottom: 1px solid #cbcbcb;left: 33%; top: 67%;}
.sort_wrap div:nth-child(9){ width: 33%; height: 33%;border: 1px solid #cbcbcb; left: 67%; top: 67%;}


.sort_item a{ font-size: 12px; color: #333; }


.pro_list{ width: 92%; margin: 0 auto; }

.pro_item{ width:48.5%; padding-top: 68%; position: relative; }

.pro_item:nth-child(odd){ float: left; }
.pro_item:nth-child(even){ float: right; }

.pro_item a{ position: absolute; width: 100%; display: block; left: 0; }

.pro_item a img{ width: 100%; height: 100%; }

.pro_item a:nth-child(1){ top: 0; height: 82%; 

box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box; 
border: 1px solid #e7e7e7;

}
.pro_item a:nth-child(2){ top:82%; height: 14%;  line-height: 14px; font-size: 12px; color: #333; text-align: center;

display: box; 
	display: -webkit-box; 
	display: -moz-box; 
	-webkit-box-align:center; 
	-moz-box-align:center;
	-webkit-box-pack:center; 
	-moz-box-pack:center;

background: #e6e6e6;
}



.viewtitle_sep{ padding-top:11.875% ; width:100% ; position: relative; }

.viewtitle_bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
.viewtitle_bg img{ width: 100%; height: 100%; }

.viewtitle_ch{ width: 100%; height: 60%;

left: 0; top: 0;
position: absolute;

z-index: 2;

display: box; 
	display: -webkit-box; 
	display: -moz-box; 
	-webkit-box-align:center; 
	-moz-box-align:center;
	-webkit-box-pack:center; 
	-moz-box-pack:center;
	font-size: 16px;
	color: #fff;
 }

 .viewtitle_en{ width: 100%; height: 40%;

right: 0; bottom:  0;
position: absolute;

z-index: 2;

display: box; 
	display: -webkit-box; 
	display: -moz-box; 
	-webkit-box-align:center; 
	-moz-box-align:center;
	-webkit-box-pack:center; 
	-moz-box-pack:center;
	font-size: 12px;
	color: #fff;
 }

 .viewcontent_text{ padding: 6%; font-size: 12px; line-height: 20px; color: #4c4c4c; }


.viewcontent_pic{ padding: 6%; }
.viewcontent_pic img{ width: 100%; }

.btn_wrap{ padding-top:12.1875%; position: relative; display: block; }
.btn_wrap a{position: absolute; top: 0; height: 100%; display: block;}

.btn_wrap a img{ width: 100%; height: 100%; }
.btn_wrap a.goback{ width: 42%; left: 6%; }
.btn_wrap a.next{ width: 42%; right: 6%; }


.ajax_more img {
    width: 100%;
}


.btn_wrap2{ padding-top:12.1875%; position: relative; display: block; }
.btn_wrap2 a{position: absolute; top: 0; height: 100%; display: block;}

.btn_wrap2 a img{ width: 100%; height: 100%; }
.btn_wrap2 a.goback2{ width: 100%; left: 0%; }