#pic_list_banner {
    float:left;
	display:block;
	position:relative;
	width:100%;
	height:400px;
	background: #FFF;
	overflow:hidden;
}
.pic_list_banner {
	font-family: "Neue Hans Kendrick",-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif !important;
	float: left;
	display: block;
	width:1260px;
	margin-top: 240px;
	margin-left: calc((100% - 1260px) / 2);	
	font-size: 144px;
	font-weight: bold;
	letter-spacing: -6px;
	text-align: center;
	color: #000;
	-webkit-font-smoothing: antialiased;
}
.pic_list_banner:after {
	content: ".";
	font-family: "Neue Hans Kendrick",-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif !important;
	font-size: 88px;
	font-weight: bold;
	color: #d0323c;
	padding-left: 8px;
}
@media screen and (min-width: 1000px) and (max-width: 1440px) {
.pic_list_banner {
	width:100%;
	margin-top: 240px;
	margin-left: 0;	
	font-size: 128px;
}
}
@media screen and (min-width: 481px) and (max-width: 998px) {
.pic_list_banner {
	width:100%;
	margin-top: 200px;
	margin-left: 0;	
	font-size: 64px;
	letter-spacing: -1px;
}
.pic_list_banner:after {
	font-size: 50px;
	padding-left: 5px;
}	
}
@media screen and (max-width: 480px) {
#pic_list_banner {
	height:280px;
}	
.pic_list_banner {
	width:100%;
	margin-top: 126px;
	margin-left: 0;	
	font-size: 40px;
	letter-spacing: -1px;
}
.pic_list_banner:after {
	font-size: 40px;
	padding-left: 5px;
}	
}
#pic_container {
	float: left;
	display: block;
	width: 100%;
	background: #F7F7F7;	
}
.pic_container {
	float: left;
	display: block;
	width:1260px;
	margin-left: calc((100% - 1260px) / 2);
}
.show_list_nav {
	display: none;
}
.hide_list_nav {
	display: none;
	position: absolute;
	top: 0;
	right: -136px;
	width: 100%;
	height: 50px;
	line-height: 50px;
	z-index: 890;
	color: #000;
	font-size: 18px;
	text-align: center;
	background: #d0323c;
}
.list_nav {
	float:left;
	display:block;
	position: relative;
	width:278px;
	height: auto;
	min-height: 840px !important;
	/*height:use jsfragment_widescreen.js set*/
	background:#FFFFFF;
	z-index:850;
	transition: all 0.6s;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	-o-transition: all 0.6s;
	}
.list_nav_text {
	float:left;
	display:block;
	margin-left:0px;
	margin-top: -20px;
	height: 40px;
	line-height:40px;
	text-indent: 40px;
	width:100%;
	background: #d0323c;
	font-size: 12px;
}	
.list_submenu {
    float:left;
	display:block;
	margin-left:60px;
	width:calc(100% - 60px);
	}	
#list_submenu {
    float:left;
	display:block;
	width:100%;
	line-height:26px;
	text-align:left;
	vertical-align:middle;
	font-size:14px;
	color:#000000;
	font-weight:bold;
	}
#list_submenu:first-child {
	margin-top:60px;
	}	
#list_submenu_btn {
	float:left;
	display:block;
	width:100%;
	margin-top:3px;
	margin-bottom: 3px;
	}
#list_submenu_btn span a {
    float:left;
	display:block;
	clear: both;
	width: 100%;
	font-size:12px;
	height:26px;
	line-height:26px;
	text-indent: 24px;
	color: #a3a3a3;
	vertical-align:middle;
	padding:5px 0;
	background: url(/style/images/list_menu_btn.png) no-repeat 0 10px;
	}
#list_submenu_btn span a:hover {
    float:left;
	color:#d0323c;
	}
/*end of list_nav*/	
.pic_list_box {
	float: left;
	display: block;
	position: relative;
	width:calc(100% - 278px);
}	
#pictiles {
    list-style-type: none;
    position: relative;
    margin-top: 40px;
    }
#pictiles li {
	float: left;
	position: relative;
    width: 450px;	
	background:#FFFFFF;
	box-shadow:none;
	margin-bottom: 35px;
	overflow: hidden;
    }
#pictiles li:nth-child(odd) {
	margin-left: 50px;
    } 
#pictiles li:nth-child(even) {
	margin-left: 32px;
    }           	
#pictiles li div {
    width:100%;	
	height:270px;
	overflow:hidden;
    }	
 #pictiles li img {
    display: block;
    width:100%;	
	height:270px;/*删除此行则不限定图片规格*/
	object-fit: cover;
	transition: all 0.6s;
    } 
#pictiles li p {
	position: absolute;
	left: 36px;
	bottom: 40px;
    color: #FFF;
    font-size: 26px;/*en-version*/
    font-size: 16px;
    font-weight: bold;    
	text-align:left;
	line-height:28px;/*en-version*/
	line-height: 20px;
	overflow:hidden;
   }
#pictiles li p:after {
	content: ".";
	font-family: "Neue Hans Kendrick",-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif !important;
	font-size: 36px;
	color: #d0323c;
	padding-left: 10px;
} 
#pictiles li span {
	position: absolute;
	left: 38px;
	bottom: -18px;
    color: #fff;
    font-size: 12px;
	display:none;
   }
@media screen and (min-width: 1000px) and (max-width: 1440px) {
.pic_container {
	width:calc(100% - 20px);
	margin-left: 20px;
}
#pictiles {
    display: flex;
	flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-box-pack:center;
	-moz-box-align:center;
	box-pack:center;
	box-align:center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: end;
    align-items: end;
    width: calc(100% -20px);
    margin-left:0;
    margin-top: 40px;
    }
#pictiles li {	
	margin-left: 20px !important;
    width:calc((100% - 60px) / 2);
    height: auto;
    }    	
#pictiles li div {
    width:100%;	
	height:auto;
    }	
#pictiles li img {
    max-width:100%;	
	height:auto;
    }
#pictiles li p {
	left: 28px;
	bottom: 44px;
    font-size: 26px;
   }    
}
@media screen and (min-width: 481px) and (max-width: 998px) {
.pic_container {
	width:100%;
	margin-left: 0;
}
.show_list_nav {
	float: left;
	display: block;
	position: relative;
	font-size: 18px;
	margin-top: 20px;
	margin-left: 20px;
	width:calc(100% - 40px);
	text-align: center;
	height: 60px;
	line-height: 60px;
	background:url(/style/images/show_list_nav_arrow.svg) no-repeat center #fff;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.15);	
}
.list_nav {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0px;
	bottom: 0;
	width:100%;
	margin-left: auto !important;
	height:auto !important;	
	z-index: 889;
	}
.list_nav_text {
	display:none !important;
}		
.list_submenu:nth-child(1) {	
	padding-top: 50px;
	}	
.pic_list_box {
	width:100%;
}		
#pictiles {
    display: flex;
	flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-box-pack:center;
	-moz-box-align:center;
	box-pack:center;
	box-align:center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: end;
    align-items: end;
    width: 100%;
    margin-left:0;
    margin-top: 40px;
    }
#pictiles li {	
	margin-left:20px !important;
    width:calc((100% - 60px) / 2);
    height: auto;
    }    	
#pictiles li div {
    width:100%;	
	height:auto;
    }	
#pictiles li img {
    max-width:100%;	
	height:auto;
    }
#pictiles li p {
	left: 24px;
	bottom: 40px;
    font-size: 20px;
   }
#pictiles li span {
    font-size: 0 !important;/*Disable hover on mobile device*/
   }       
}
@media screen and (max-width: 480px) {
.pic_container {
	width:100%;
	margin-left: 0;
}
.show_list_nav {
	float: left;
	display: block;
	position: relative;
	font-size: 14px;
	margin-top: -60px;
	margin-left: 20px;
	width:calc(100% - 40px);
	text-align: center;
	height: 44px;
	line-height: 44px;
	background:url(/style/images/show_list_nav_arrow.svg) no-repeat center #fff;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.15);	
}
.list_nav {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width:100%;
	margin-left: auto !important;
	height:auto !important;	
	z-index: 889;
	}
.list_nav_text {
	display:none !important;
}	
.pic_list_box {
	width:100%;
}	
#pictiles {
    display: flex;
	flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-box-pack:center;
	-moz-box-align:center;
	box-pack:center;
	box-align:center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: end;
    align-items: end;
    width: 100%;
    margin-left:0;
    margin-top: 40px;
    }
#pictiles li {	
	margin-left:20px !important;
    width:calc(100% - 40px);
    height: auto;
    }    	
#pictiles li div {
    width:100%;	
	height:auto;
    }	
#pictiles li img {
    max-width:100%;	
	height:auto;
    }
#pictiles li p {
	left: 22px;
	bottom: 24px;
    font-size: 16px;
   }
#pictiles li span {
    font-size: 0 !important;/*Disable hover on mobile device*/
   }       
}
#epages {/*图片列表分页*/
	width:100%;
	margin-bottom:50px;
	text-align: center;
	}