@charset "UTF-8";
	/*header_top*/
	
	body.index_top {
		background: #f2f2f2;
		height: 100vh;
		width: 100%;
		overflow: hidden;
		left: 0;
		right: 0;
		position: fixed;
	}
	
	body.index_top #barba-wrapper {
		height: 100vh;
		width: 100%;
		overflow: hidden;
		left: 0;
		right: 0;
		position: fixed;
	}
	
	.index_w {
		padding: 0px 50px 80px;
		margin-top: -20px;
		font-weight: 500;
		font-size: 20px;
		letter-spacing: 0.5px;
		position: relative;
	}
	
	.index_w a {
		position: relative;
	}
	
	.index_w a:after {
		position: absolute;
		bottom: 0px;
		left: 0;
		content: '';
		width: 100%;
		height: 1px;
		background: #000;
		transform: scale(1, 1);
		transform-origin: left top;
		transition: transform .3s;
	}
	
	.index_w a:hover::after {
		transform-origin: right top;
		transform: scale(0, 1);
	}
	
	#g_header.top {
		position: fixed;
		top: 50%;
		left: 60px;
		margin-top: -75px;
		z-index: 100;
		text-align: left;
	}
	
	@media screen and (max-width: 970px) {
		.index_w {
			padding: 0px 50px 70px;
		}
		#g_header.top {
			margin-top: -45px;
			margin-left: -130px;
		}
	}
	
	#g_header.top h1 img {
		opacity: 0;
	}
	
	#g_header.top h1 span {
		margin-left: 60px;
		opacity: 0.5;
	}
	
	#g_header.top #g_menu a {
		position: relative;
		display: inline-block;
		text-decoration: none;
		font-family: grme;
		font-size: 18px;
	}
	
	#g_header.top #g_menu a p {
		display: none;
		position: absolute;
		top: 40px;
		left: 0;
		font-size: 14px;
	}
	
	#g_header.top #g_menu a:hover p {
		display: block;
	}
	
	#g_header.top #g_menu a::after {
		position: absolute;
		bottom: -4px;
		left: 0;
		content: '';
		width: 100%;
		height: 2px;
		background: #333;
		transform: scale(0, 1);
		transform-origin: right top;
		transition: transform .3s;
	}
	
	#g_header.top #g_menu a:hover::after {
		transform-origin: left top;
		transform: scale(1, 1);
	}
	
	#g_header.top #g_nav {
		opacity: 0;
	}
	
	#g_header.top #g_nav #g_menu {
		margin-top: 45px;
	}
	
	#g_header.top #g_nav #g_menu .sl {
		margin-left: 13px;
	}
	
	#g_header.top #g_nav #g_menu li {
		float: left;
		position: relative;
		margin-right: 15px;
	}
	
	#g_header.top #g_nav #g_menu li em {
		width: 1px;
		height: 20px;
		background: #000;
		display: block;
		transform: skewX(-30deg);
		margin-top: 5px;
	}
	
	@media screen and (max-width: 970px) {
		#g_header.top {
			left: 50%;
			margin-left: -125px;
		}
		#g_header.top h1 {
			width: 270px;
		}
		#g_header.top h1 span {
			margin-left: 0px;
			opacity: 0.5;
		}
		#g_header.top h1 img {
			height: 24px;
		}
		#g_header.top h1 span img {
			margin-top: 30px;
			height: 20px;
		}
	}
	/*header_detail*/
	
	#g_header.detail {
		position: fixed;
		top: 35px;
		left: 40px;
		margin-top: 0;
		z-index: 2000;
		text-align: left;
	}
	
	@media screen and (max-width: 970px) {
		#g_header.detail {
			top: 25px;
			left: 25px;
		}
	}
	
	#g_header.detail h1 {
		width: 300px;
		display: block;
		height: 30px;
		background: url(../img/logo.svg) no-repeat left center;
		background-size: 300px 30px;
	}
	
	@media screen and (max-width: 970px) {
		#g_header.detail h1 img {
			height: 12px;
			width: auto;
		}
	}
	
	#g_header.detail #g_nav #g_menu {
		display: none;
		margin-top: 45px;
	}
	
	#g_header.detail #g_nav #g_menu .sl {
		margin-left: 13px;
	}
	
	#g_header.detail #g_nav #g_menu li {
		float: left;
		margin-right: 13px;
		overflow: hidden;
	}
	
	@media screen and (max-width: 970px) {
		.container_index {
			height: 100vh;
		}
	}
	/*works_top*/
	

	.fv_container {
		width: 100%;
		height: 100vh;
		overflow: hidden;
		position: relative;
	}
	
	@media screen and (max-width: 970px) {
		.fv_container {
			width: 200%;
			height: 200vh;
			transform: scale(0.5) translate(-50%, -100vh);
		}
	}
	
	.fv_container .works_list {
		transition: filter 0.15s;
	}
	
	.fv_container .works_list.on {
		filter: blur(6px);
	}
	
	.fv_container .sum_item {
		position: absolute;
		top: 0;
		left: 0;
		width: 260px;
		height: 171px;
		overflow: hidden;
		padding: 0;
	}
	
	.fv_container .sum_item a {
		display:block;		
		width: 100%;
		height: 100%;
		position: relative;
		
	}
	
	
	.fv_container .sum_item a p {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		
	}
	
	.fv_container .sum_item img {
		max-width: 100%;
		max-height: 100%;
		top: 0;
		left: 0;
		position: absolute;
	}

	.fv_container .works_list{padding: 0;margin: 0;}
	
	/*-------------------------------------------------*/
	
	.container {
		position: relative;
	}
	
	.tag {
		min-width: 800px;
		text-align: left;
		position: absolute;
		top: 40px;
		right: 150px;
		/*display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;*/
	}
	
	.tag .taglist {
	/*	display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;*/
		margin-right: 50px;
		float: left;
	}
	
	.tag .taglist:last-child{margin-right: 0;}
	
	.tag .taglist a {
		position: relative;
		display: inline-block;
		text-decoration: none;
	}
	
	.tag .taglist a::after {
		position: absolute;
		bottom: 0px;
		left: 0;
		content: '';
		width: 100%;
		height: 1px;
		background: #333;
		transform: scale(0, 1);
		transform-origin: right top;
		transition: transform .3s;
	}
	
	.tag .taglist a:hover::after,
	.tag .taglist a.active::after {
		transform-origin: left top;
		transform: scale(1, 1);
	}
	
	
	@media screen and (max-width: 1440px) {
		.tag {
			right: 100px;
			min-width: auto;
		/*-webkit-box-pack: end;
		-ms-flex-pack: end;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;*/
		}
		
		.tag .taglist{margin-right: 20px;display: block;display: flex;}
		.tag .taglist:last-child{margin-right: 0;}
		.tag .taglist .field{padding-right: 0;margin-bottom: 10px;margin-right: 20px;}
		.tag .taglist ul{width: auto;}
		
		
	
	}
	
	
	@media screen and (max-width: 1300px) {
		#g_header.detail h1{width: 200px;background-size: 200px 30px;}
		.tag {
			right: 80px;
			display: block;
		}
		.tag .taglist{
			
			float: left;
			margin-right: 20px;
		}
		.tag .taglist .field{margin-right: 20px;}
	}
	
	.tag .field {
		font-size: 14px;
		letter-spacing: 0.05em;
		font-weight: 550;
		float: left;
		padding-right: 30px;
		line-height: 30px;
	}
	
	.tag ul {
		font-weight: 400;
		font-size: 14px;
		letter-spacing: 0.05em;
		float: left;
		max-height: 210px;
		
		
		
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		
		
		
		
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
   -webkit-flex-wrap:wrap;
    -webkit-box-lines:multiple;
    -moz-flex-wrap:wrap;
    flex-wrap:wrap;
		
	}
	

	
	
	.tag ul li {
		transition: color 0.3s, font-weight 0.3s;
		height: 30px;
		line-height: 30px;
		color: #666666;
		cursor: pointer;
		min-width: 100px;
		white-space: nowrap;
	}
	
	
	
	
	@media screen and (min-width: 1025px) {
		.tag ul li:hover {
			font-weight: 500;
			color: #000;
		}
	}
	
	.tag ul li.active {
		font-weight: 500;
		color: #000;
	}
	
	@media screen and (max-width: 970px) {
		.tag {
			position: absolute;
			top: 110px;
			left: auto;
			right: 0;
			width: 205px;
			z-index: 1000;
		}
		.tag .field {
			text-align: right;
		}
		.tag .field::before {
			content: "";
			display: inline-block;
			width: 0;
			height: 0;
			margin-right: 5px;
			margin-top: 1px;
			border-style: solid;
			border-width: 7.8px 4.5px 0 4.5px;
			border-color: #8a8a8a transparent transparent transparent;
		}
		.tag .field {
			margin-left: 0px;
			width: 80px !important;
			padding-right: 25px;
		}
		.tag ul {
			font-weight: 400;
			font-size: 1.1rem;
			letter-spacing: 0.05em;
			float: none;
			width: 100px;
			/*display: none;*/
		}
		.tag ul.cate1 {
			width: 100vw;
			position: absolute;
			top: 40px;
			right: 0;
			font-size: 18px;
			display: none;
			border-top: 1px solid #CCC;
			display: none;
		}
		.tag ul.field1 {
			width: 50vw;
			position: absolute;
			top: 40px;
			right: 50vw;
			font-size: 18px;
			border-right: 1px solid #CCC;
			border-top: 1px solid #CCC;
			z-index: 901;
			display: none;
		}
		.tag ul.field2 {
			width: 50vw;
			position: absolute;
			top: 40px;
			right: 0vw;
			font-size: 18px;
			z-index: 900;
			border-top: 1px solid #CCC;
			display: none;
		}
		.tag ul li {
			transition: color 0.3s, font-weight 0.3s;
			padding-top: 15px;
			font-size: 14px;
			padding-bottom: 15px;
			color: #000;
			padding-left: 25px;
			cursor: pointer;
			background-color: white;
			border-bottom: 1px solid #CCC;
		}
	}
	
	@media screen and (max-width: 970px) and (min-width: 1025px) {
		.tag ul li:hover {
			font-weight: 500;
			color: #000;
		}
		.tag ul li.active {
			font-weight: 500;
			color: #000;
		}
	}
	
	.d_title {
		position: absolute;
		left: 50px;
		top: 150px;
		opacity: 0;
	}
	
	@media screen and (max-width: 970px) {
		.d_title {
			left: 25px;
			top: 110px;
			opacity: 1;
		}
		.d_title img {
			height: 12px;
		}
	}
	
	.detail .nav_btn span:nth-child(1) {
		width: 30px;
	}
	
	.detail .nav_btn span:nth-child(2) {
		width: 30px;
	}
	
	.detail .nav_btn span:nth-child(3) {
		width: 14px;
	}
	
	.works_container {
		width: 100%;
		padding: 260px 36px 100px 40px;
		box-sizing: border-box;
	}
	
	@media screen and (max-width: 970px) {
		.works_container {
			padding: 160px 16px 0 19px;
		}
	}
	
	.works_container .works_all_list {
		transition: filter 0.4s;
		text-align: left;
		transform: translate3d(0, 0, 0);
		position: relative;
		z-index: 10;
		margin: 0 -30px;
	}
	
	.works_container .works_all_list.on {
		filter: blur(6px);
	}
	
	.sum_item {
		display: block;
		vertical-align: top;
		padding: 0 30px;
		margin-bottom: 60px;
		float: left;
		
	}
	
	.sum_item .item_name {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		margin-top: 10px;
		padding: 0 2px;
	}
	
	.sum_item .item_name .name {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		-webkit-flex: 1;
		flex: 1;
	}
	
	.sum_item .item_pic {
		border: #e5e5e5 solid 1px;
		background: #fff;
		position: relative;
	}
	
	.sum_item .item_pic>a {
		width: 100%;
		height: 100%;
		display: block;
		overflow: hidden;
		position: relative;
		z-index: 2;
		
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		
		
	
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		
		
		
		
	}
	

	
	.sum_item .item_pic>a:before {
		width: 100%;
		content: "";
		padding-top: 100%;
		display: block;
	}
	
	.sum_item .item_pic img {
		max-width: 100%;
		max-height: 100%;
		position: absolute;
		
		
		
	
	}
	
	.sum_item .item_pic:hover .item_info {
		top: 100%;
		display: block;
		transition: .3s;
	}
	
	.sum_item .item_info {
		width: 100%;
		transition: .3s;
		padding: 30px 20px 20px 20px;
		background: #fff;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 3;
		display: none;
		border: #ccc solid 1px;
	}
	
	.sum_item .item_info .name {
		width: 100%;
		border-bottom: #000 solid 1px;
		padding-bottom: 10px;
		font-size: 18px;
		position: relative;
		font-weight: bold;
	}
	
	.sum_item .item_info .name:before {
		width: 20px;
		height: 20px;
		content: "\e78b";
		font-family: "iconfont";
		display: block;
		position: absolute;
		top: -10px;
		right: -10px;
		color: #004097;
		font-size: 24px;
	}
	
	.sum_item .item_info .price {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		height: 30px;
		margin: 20px 0;
	}
	
	.sum_item .item_info .price b {
		display: block;
		background: #004097;
		padding: 0 10px;
		height: 30px;
		color: #fff;
		line-height: 30px;
	}
	
	.sum_item .item_info .price em {
		font-style: initial;
	}
	
	.sum_item .item_info .price span {
		text-align: center;
	}
	
	.sum_item .item_info .price span .iconfont {
		font-size: 24px;
		color: #004097;
	}
	
	.sum_item .item_info .price span p {
		font-size: 10px;
		margin-top: -10px;
	}
	
	.sum_item .item_info .info {
		font-size: 12px;
		text-align: justify;
	}
	
	.works_container .works_sort {
		margin-bottom: 20px;
	}
	
	.works_container .works_sort .sort,
	.works_container .works_sort .selectbox,
	.works_container .works_sort .total {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}
	
	.works_container .works_sort .sort .sortlist {
		color: #999;
		cursor: pointer;
		width: 24px;
		height: 24px;
		text-align: center;
	}
	
	.works_container .works_sort .sort .sortlist.active {
		color: #000;
	}
	
	.works_container .works_sort .selectbox {
		margin: 15px 0;
	}
	
	.works_container .works_sort .total {
		height: 20px;
	}
	
	.works_container .works_sort .selectbox label {
		padding-right: 10px;
	}
	
	.select {
		width: 200px;
		height: 30px;
		border: #ccc solid 1px;
		background: #fff;
		position: relative;
	}
	
	.select .selected:before {
		width: 30px;
		height: 30px;
		position: absolute;
		top: 0;
		right: 0;
		text-align: center;
		line-height: 30px;
		font-family: "iconfont";
		content: "\e773";
		font-size: 24px;
	}
	
	.select.open .selected:before {
		transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		/* IE 9 */
		-moz-transform: rotate(180deg);
		/* Firefox */
		-webkit-transform: rotate(180deg);
		/* Safari 氓鈥櫯� Chrome */
		-o-transform: rotate(180deg);
		/* Opera */
	}
	
	.select .selected {
		width: 100%;
		height: 30px;
		line-height: 30px;
		padding: 0 15px;
		cursor: pointer;
		position: relative;
	}
	
	.select .selectlist {
		width: 100%;
		background: #fff;
		position: absolute;
		top: 30px;
		left: 0;
		z-index: 11;
		display: none;
		border: #ccc solid 1px;
	}
	
	.select .list {
		width: 100%;
		height: 30px;
		line-height: 30px;
		display: block;
		padding: 0 15px;
		cursor: pointer;
	}
	
	.select .selectlist .list:hover {
		background: #f5f5f5;
	}
	/*	@media screen and (max-width: 970px) {
		.works_container .sum_item {
			height: auto;
			min-height: 180px;
		}
	}*/
	/*.works_container .sum_item b {
	display: inline-block;
	overflow: hidden;
	line-height: 0;
}*/
	
	.sum_item .item_pic a img {
		line-height: 0;
		transition: .8s;
	}
	
	.sum_item .item_pic:hover a img {
		transform: scale(1.1);
	}
	
	.sum_item.active_item {
		display: inline-block;
	}
	
	@media screen and (min-width: 2501px) {
		.sum_item {
			width: 10%;
		}
		.works_all_list.bigshow .sum_item {
			width: 20%;
		}
		.personalwrap .collect-alllist .item {
			width: 10%;
		}
	}
	
	@media screen and (max-width: 2500px) {
		.sum_item {
			width: 12.5%;
		}
		.works_all_list.bigshow .sum_item {
			width: 25%;
		}
		.personalwrap .collect-alllist .item {
			width: calc(100%/8);
		}
	}
	
	@media screen and (max-width: 2200px) {
		.sum_item {
			width: 16.6666%;
		}
		.works_all_list.bigshow .sum_item {
			width: 33.3333%;
		}
		.personalwrap .collect-alllist .item {
			width: calc(100%/8);
		}
	}
	
	@media screen and (max-width: 1920px) {
		.sum_item {
			width: 16.6666%;
		}
		.result_alllist .sum_item{
			width: 20%;
		}
		.works_all_list.bigshow .sum_item {
			width: 33.3333%;
		}
		.personalwrap .collect-alllist .item {
			width: 20%;
		}
	}
	
	@media screen and (max-width: 1600px) {
		.sum_item {
			width: 16.6666%;
		}
		
		.result_alllist .sum_item{
			width: 20%;
		}
		
		.works_all_list.bigshow .sum_item {
			width: 33.3333%;
		}
		.personalwrap .collect-alllist .item {
			width: 25%;
		}
	}
	
	@media screen and (max-width: 1440px) {
		.sum_item {
			width: 25%;
		}
		.works_all_list.bigshow .sum_item {
			width: 50%;
		}
	}
	/*
	@media screen and (max-width: 1000px) {
		.sum_item {
			width: calc(25% - 15px);
		}
		.sum_item img {
			width: calc(25vw - 30px);
		}
	}
	
	@media screen and (max-width: 700px) {
		.sum_item {
			width: calc(33% - 15px);
		}
		.sum_item img {
			width: calc(33vw - 30px);
		}
	}
	
	@media screen and (max-width: 420px) {
		.sum_item {
			width: calc(50% - 15px);
		}
		.sum_item img {
			width: calc(50vw - 30px);
		}
	}
	*/
	
	.works_detail_container {
		width: 100%;
		padding: 150px 36px 100px 40px;
		box-sizing: border-box;
		position: relative;
		z-index: 10;
	}
	
	@media screen and (max-width: 640px) {
		.works_detail_container {
			padding: 0px 15px 0 15px;
			margin: 30px auto;
		}
	}
	
	.works_detail_list {
		/*	transition: filter 0.4s;
	text-align: left;
	transform: translate3d(0, 0, 0);*/
		margin: 0 -30px;
	}
	
	.works_detail_container .works_all_list.on {
		filter: blur(6px);
	}
	
	.detail_wrap .sum_item {
		float: left;
		width: 25%;
	}
	/*-------------------------------------------------------works_detail*/
	
	.form-input {
		width: 100%;
		height: 30px;
		background: #fff;
		padding: 0 12px;
	}
	
	.btn {
		cursor: pointer;
	}
	
	.btn:focus,
	.btn:hover {
		color: #004097;
	}
	
	.footer_container {
		width: 100%;
		padding: 0 36px 0 40px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin-bottom: 20px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}
	
	.footer_container .copyright {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		-webkit-flex: 1;
		flex: 1;
		color: #666;
	}
	
	.share a {
		margin-left: 30px;
		color: #666;
		position: relative;
	}
	
	.share a:hover {
		color: #000;
	}
	
	 .share a .iconfont {
		font-size: 18px;
	}
	
	 .share a .ewmbox {
		display: none;
		width: 60px;
		height: 60px;
		position: absolute;
		top: -65px;
		left: 50%;
		margin-left: -30px;
	}
	
	 .share a:hover .ewmbox {
		display: block;
	}
	
	.share .share-wechat .iconfont {
		font-size: 20px;
	}
	
	.footer_container .copyright a:first-child {
		margin-right: 20px;
	}
	
	.footer_container .subscribe {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		margin-right: 70px;
	}
	
	.footer_container .subscribe .emailbox {
		position: relative;
		width: 300px;
	}
	
	.footer_container .subscribe label {
		padding-right: 10px;
		color: #666;
	}
	
	.footer_container .subscribe .emailbox .btn {
		width: 30px;
		height: 30px;
		display: block;
		border: none;
		position: absolute;
		top: 0;
		right: 0;
		text-align: center;
		line-height: 30px;
		padding: 0;
	}
	
	.footer_container .subscribe .emailbox .btn .iconfont {
		font-size: 24px;
		color: #999;
	}
	
	.footer_container .subscribe .emailbox .form-input {
		padding-right: 40px;
	}
	
	#works~.footer_container {
		position: fixed;
		bottom: 20px;
	}
	
	.pagebox {
		width: 100%;
		text-align: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	
	.pagebox a {
		width: 30px;
		height: 30px;
		display: block;
		border: #ccc solid 1px;
		text-align: center;
		line-height: 30px;
		margin-right: -1px;
		font-size: 14px;
	}
	
	.pagebox a .iconfont {
		font-size: 18px;
	}
	
	.pagebox a:hover,
	.pagebox a.active {
		background: #666;
		color: #fff;
		border: #666 solid 1px
	}
	
	.gotop {
		width: 50px;
		height: 50px;
		text-align: center;
		line-height: 50px;
		display: none;
		color: #000033;
		cursor: pointer;
		position: fixed;
		right: 20px;
		bottom: 10px;
		z-index: 10;
	}
	
	.gotop .iconfont {
		font-size: 24px;
	}
	
	.collect {
		cursor: pointer;
	}
	
	.collect.active {
		color: #004097;
	}
	/*猫炉娄莽禄鈥�*/
	
	.itemdetail_wrap {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		margin-bottom: 70px;
	}
	
	.back_wrap {
		width: 100%;
		margin-bottom: 40px;
	}
	
	.back_wrap .back {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		margin-left: -64px;
		margin-right: -64px;
	}
	
	.back_wrap .back .iconfont {
		font-size: 24px;
		margin-right: 5px;
		color: #999;
	}
	
	.back_wrap .back span {
		border-bottom: #000 solid 1px;
	}
	
	.back_wrap .back:hover {
		color: #004097;
	}
	
	.works_detail_container .back_wrap .back {
		margin-left: 0;
		margin-right: 0;
	}
	
	@media (min-width:2501px) {
		.works_detail_container .back_wrap {
			padding: 0 200px;
		}
		.itemdetail_wrap {
			padding: 0 200px;
		}
		.detailinfo {
			padding-left: 100px !important;
		}
	}
	
	@media (max-width:2500px) {
		.works_detail_container .back_wrap {
			padding: 0 200px;
		}
		.itemdetail_wrap {
			padding: 0 200px;
		}
		.detailinfo {
			padding-left: 100px !important;
		}
	}
	
	@media (max-width:2200px) {
		.works_detail_container .back_wrap {
			padding: 0 200px;
		}
		.itemdetail_wrap {
			padding: 0 200px;
		}
		.detailinfo {
			padding-left: 100px !important;
		}
	}
	
	@media (max-width:1920px) {
		.works_detail_container .back_wrap {
			padding: 0 12%;
		}
		.itemdetail_wrap {
			padding: 0 12%;
		}
		.detailinfo {
			padding-left: 100px !important;
		}
	}
	
	@media (max-width:1600px) {
		.works_detail_container .back_wrap {
			padding: 0 8%;
		}
		.itemdetail_wrap {
			padding: 0 8%;
		}
		.detailinfo {
			padding-left: 100px !important;
		}
	}
	
	@media (max-width:1440px) {
		.itemdetail_wrap {
			padding: 0 3%;
		}
		.works_detail_container .detail_wrap {
			padding: 0 150px;
		}
		.detailinfo {
			padding-left: 50px !important;
		}
	}
	
	@media (max-width:1366px) {
		.itemdetail_wrap {
			padding: 0 3%;
		}
		.works_detail_container .detail_wrap {
			padding: 0 150px;
		}
		.detailinfo {
			padding-left: 50px !important;
		}
	}
	
	.itemdetail_wrap .magnifier {
		position: relative;
		display: none
	}
	
	.itemdetail_wrap .detailinfo {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		-webkit-flex: 1;
		flex: 1;
		padding-left: 100px;
	}
	
	.itemdetail_wrap .head {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
	
	.itemdetail_wrap .head {
		padding: 20px 0 20px 0;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
	
	.itemdetail_wrap .head .name {
		padding-right: 40px;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		-webkit-flex: 1;
		flex: 1;
		font-weight: bold;
	}
	
	.itemdetail_wrap .head .name h2 {
		font-size: 30px;
		font-weight: bold;
	}
	
	.itemdetail_wrap .head .price {
		text-align: right
	}
	
	.itemdetail_wrap .head .price h4 {
		margin-top: 5px;
		font-size: 18px;
	}
	
	.itemdetail_wrap .area {
		width: 100%;
		padding-bottom: 60px;
		font-size: 14px;
		color: #000;
	}
	
	.itemdetail_wrap .cart,
	.itemdetail_wrap .size,
	.itemdetail_wrap .selectcolor,
	.itemdetail_wrap .detail,
	.itemdetail_wrap .themecolor {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		margin-bottom: 30px;
	}
	
	.itemdetail_wrap .size label,
	.itemdetail_wrap .selectcolor label,
	.itemdetail_wrap .detail label,
	.itemdetail_wrap .themecolor label {
		width: 100px;
		display: block;
		font-size: 14px;
		font-weight: bold;
		line-height: 30px;
	}
	
	.itemdetail_wrap .size .cont,
	.itemdetail_wrap .selectcolor .cont,
	.itemdetail_wrap .detail .cont,
	.itemdetail_wrap .themecolor .cont {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		-webkit-flex: 1;
		flex: 1;
	}
	
	.itemdetail_wrap .size .cont .selected {
		padding: 0;
	}
	
	.itemdetail_wrap .size .cont span {
		margin-right: 10px;
	}
	
	.itemdetail_wrap .size .cont .select {
		width: 100%;
		background: transparent;
		border: none;
	}
	
	.itemdetail_wrap .size .cont span em {
		margin: 0 5px;
		font-style: initial;
	}
	
	.itemdetail_wrap .detail .cont {
		line-height: 24px;
	}
	
	.itemdetail_wrap .themecolor .cont span {
		line-height: 30px;
		margin-right: 20px;
	}
	
	.selectcolor .cont {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
	
	.selectcolor .colorlist {
		width: 30px;
		height: 30px;
		cursor: pointer;
		background: #fff;
		border: #aaa solid 1px;
		padding: 5px;
		margin-right: 10px;
	}
	
	.selectcolor .colorlist:last-child {
		margin-right: 0;
	}
	
	.selectcolor .colorlist i {
		width: 100%;
		height: 100%;
		display: block;
	}
	
	.selectcolor .colorlist.act {
		border: #1f286f solid 1px;
	}
	
	.item-color01 {
		background: #aaaaaa;
	}
	
	.item-color02 {
		background: #9a1f22;
	}
	
	.item-color03 {
		background: #3826c4;
	}
	
	.itemdetail_wrap .cart {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin-top: 50px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		margin-bottom:40px;
	}
	
	.itemdetail_wrap .cart .btn_cart {
		height: 30px;
		background: #fff;
		border: #ccc solid 1px;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}
	
	.itemdetail_wrap .cart .btn_cart:hover {
		background: #004097;
		color: #fff;
	}
	
	.itemdetail_wrap .cart .btn_cart .iconfont {
		width: 30px;
		height: 28px;
		background: #000;
		color: #fff;
		display: block;
		text-align: center;
		line-height: 28px;
	}
	
	.itemdetail_wrap .cart .btn_cart span {
		display: block;
		padding: 0 10px;
	}
	
	.itemnumber {
		width: 100px;
		height: 28px;
		text-align: right;
		border: #666 solid 1px;
	}
	
	.itemnumber .btn {
		width: 27px;
		height: 26px;
		padding: 0 0 2px 0;
		text-align: center;
		line-height: 24px;
		font-size: 18px;
		border: none;
		background: transparent;
		float: left;
	}
	
	.itemnumber .number-form {
		width: 44px;
		padding: 0 10px;
		border: none;
		border-left: #666 solid 1px;
		border-right: #666 solid 1px;
		background: transparent;
		text-align: center;
		float: left;
		height: 26px;
	}
	
	.itemnumber .number-form:focus {
		outline: none;
	}
	
	.itemnumber .btn:focus {
		outline: none;
	}
	
	.itemdetail_wrap .link {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	
	.itemdetail_wrap .service {
		border-bottom: #000 solid 1px;
		padding-bottom: 5px;
	}
	
	.itemdetail_wrap .magnifier {
		position: relative;
		width: 780px;
	}
	
	.itemdetail_wrap .small-box {
		position: relative;
		width: 600px;
		height: 600px;
		border: 1px solid #ccc;
		float: right;
		margin-left: 30px;
		background: #fff;
			
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		
		
	
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	

	
	
	.itemdetail_wrap .small-box img {
		display: block;
		
		
	}
	
	.itemdetail_wrap .small-box img:nth-of-type(1){max-width: 100%;max-height: 100%;}
	
	.itemdetail_wrap .thumbnail-box {
		position: relative;
		width: 150px;
		float: left;
		height: 600px;
		padding: 30px 0;
	}
	
	.itemdetail_wrap .thumbnail-box .btn {
		position: absolute;
		width: 100%;
		height: 30px;
		text-align: center;
	}
	
	.itemdetail_wrap .thumbnail-box .btn .iconfont {
		font-size: 20px;
	}
	
	.itemdetail_wrap .thumbnail-box .btn-prev {
		top: 0;
	}
	
	.itemdetail_wrap .thumbnail-box .btn-next {
		bottom: 0;
	}
	
	.itemdetail_wrap .thumbnail-box .list {
		overflow: hidden;
		width: 150px;
		margin: 0 auto;
		height: 540px;
	}
	
	.itemdetail_wrap .thumbnail-box .wrapper {
		height: 100000px;
	}
	
	.itemdetail_wrap .thumbnail-box .list .ditem {
		float: left;
		margin: 5px 0;
		width: 150px;
		height: 150px;
		background: #fff;
		overflow: hidden;
			
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		
		
	
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		
		
		
	}
	
	

	
	
	.itemdetail_wrap .thumbnail-box .list .item-cur {
		border: 1px solid #004097;
	}
	
	.itemdetail_wrap .thumbnail-box .list .ditem img {
		max-width: 100%;
		max-height: 100%;
		
	}
	
	.section-wrap~.section-wrap {
		padding-top: 0;
	}
	
	.small-box {
		display: inline-block;
		position: relative;
	}
	

	
	.detail_wrap {
		padding: 0 310px;
	}
	
	.detail_wrap .title {
		margin-bottom: 20px;
	}
	
	.detail_wrap .title span {
		padding: 5px 10px;
		border: #ccc solid 1px;
		font-weight: bold;
	}
	
	.detail_wrap .iitemdetail_pic {
		width: 100%;
		position: relative;
		margin-bottom: 20px;
		
	}
	.detail_wrap .iitemdetail_pic img {
		width: 100%;		
		
	}
	
	.str_wrap {
		overflow: hidden;
		width: 100%;
		-moz-user-select: none;
		-khtml-user-select: none;
		user-select: none;
		white-space: nowrap
	}
	
	.str_move {
		white-space: nowrap;
		position: absolute;
		top: 0;
		left: 0;
		cursor: move;
		overflow: hidden;
	}
	
	.container {
		width: 100%;
		padding: 150px 36px 100px 40px;
		box-sizing: border-box;
		position: relative;
		z-index: 10;
	}
	
	.cartitem {
		width: 100%;
		display: block;
		padding-top: 30px;
		position: relative;
		z-index: 10;
	}
	
	.cartitem .list {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		margin-bottom: 50px;
		padding-bottom: 50px;
		border-bottom: #999 solid 1px;
	}
	
	.cartitem .list:last-child {
		margin-bottom: 0;
	}
	
	.cartitem .item {
		width: 150px;
		height: 150px;
		background: #fff;
		margin-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		overflow: hidden;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		
		
	
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	

	
	.cartitem .item img {
		max-width: 100%;
		max-height: 100%;
	}
	
	.cartitem .detail {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		-webkit-flex: 1;
		flex: 1;
		padding-left: 40px;
	}
	
	.cartitem .detail .name h2 {
		font-size: 24px;
	}
	
	.cartitem .detail .info {
		margin: 20px 0;
	}
	
	.cartitem .detail .info span em {
		margin: 0 5px;
	}
	
	.cartitem .detail .info span {
		margin-right: 10px;
	}
	
	.cartitem .nemuber {
		text-align: center;
	}
	
	.cartitem .price {
		text-align: center;
		width: 30%;
	}
	
	.cartitem .delete {
		text-align: center;
	}
	
	.cartitem .delete h4 i {
		cursor: pointer;
	}
	
	.cartitem .nemuber h5,
	.cartitem .price h5,
	.cartitem .delete h5 {
		font-size: 14px;
		margin: 10px 0;
	}
	
	.cartitem .price h4 {
		font-size: 18px;
		font-weight: bold;
	}
	
	.cartitem .delete h4 {
		font-size: 18px;
		font-weight: bold;
	}
	
	.cartbtnbox {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin: 70px 0 120px 0;
	}
	
	.cartbtnbox .btn .iconfont {
		width: 40px;
		height: 28px;
		background: #000;
		color: #fff;
		text-align: center;
		line-height: 28px;
	}
	
	.cartbtnbox .btn {
		width: 180px;
		height: 30px;
		background: #fff;
		border: #ccc solid 1px;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}
	
	.cartbtnbox .btn:hover {
		background: #004097;
		color: #fff;
	}
	
	.cartbtnbox .btn.iconfont {
		width: 30px;
		height: 28px;
		background: #000;
		color: #fff;
		display: block;
		text-align: center;
		line-height: 28px;
	}
	
	.cartbtnbox .btn span {
		display: block;
		padding: 0 10px;
		flex: 1;
		text-align: center;
	}
	
	.modal-content {
		display: none;
	}
	
	.modal-content.open {
		display: block;
	}
	
	.modal-hidden {
		overflow: hidden;
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
	}
	
	.modal-content {
		width: 650px;
		background: #fff;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		z-index: 2100;
		box-shadow: rgba(0, 0, 0, .2) 0 5px 10px;
	}
	
	.modal .modal-bg {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, .6);
		z-index: 2099;
		display: none;
	}
	
	.modal .modal-header {
		width: 100%;
		height: 100px;
		background: #333;
		position: relative;
		padding: 55px 0;
	}
	
	.modal .modal-header .title {
		position: absolute;
		bottom: 20px;
		left: 55px;
		color: #fff;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		font-size: 18px;
	}
	
	.modal .modal-header .close {
		width: 30px;
		height: 30px;
		display: block;
		text-align: center;
		line-height: 30px;
		position: absolute;
		top: 10px;
		right: 10px;
		color: #fff;
	}
	
	.modal .modal-header .title .iconfont {
		font-size: 24px;
		margin-right: 15px;
	}
	
	.modal .modal-body {
		padding: 70px 60px;
		background: #F2F2F2;
	}
	
	.contact_service:first-child {
		margin-bottom: 40px;
	}
	
	.contact_service li {
		width: 100%;
		margin-bottom: 10px;
		color: #999;
	}
	
	.input-group {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
	
	.input-group .form-input {
		height: 30px;
		border: #ccc solid 1px;
		background: #fff;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		-webkit-flex: 1;
		flex: 1;
	}
	
	.input-group .btn {
		height: 30px;
		line-height: 30px;
		background: #333;
		padding: 0 30px;
		color: #fff;
	}
	
	.contact_service li .iconfont {
		margin-right: 20px;
		color: #000;
		font-size: 20px;
	}
	
	.contact_service li a {
		border-bottom: #999 solid 1px;
	}
	
	.report_list {
		margin-bottom: 150px;
	}
	
	.report_list:last-child {
		margin-bottom: 0px;
	}
	
	.report_list .title h3 {
		font-size: 24px;
		margin: 60px 0 80px 0;
	}
	
	.report_list .cont {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	
	.report_list .info {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		-webkit-flex: 1;
		flex: 1;
		padding-right: 120px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column;
		position: relative;
	}
	
	.report_list .info .more {
		position: absolute;
		bottom: 0;
		left: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}
	
	.report_list .info .more span {
		border-bottom: #999 solid 1px;
		padding-bottom: 3px;
	}
	
	.report_list .info .more .iconfont {
		font-size: 24px;
		color: #999;
		margin-left: 10px;
	}
	
	.report_list .info p {
		line-height: 24px;
		font-size: 14px;
		font-family: ssre;
	}
	
	.report_list .pic {
		width: 40%;
		position: relative;
	}
	
	.report_list .pic:before {
		width: 100%;
		content: "";
		display: block;
		padding-top: 75%;
	}
	
	.report_list .pic img {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.report_content {
		padding-right: 300px;
	}
	
	.report_content .report_title h3 {
		font-family: ssbo;
		font-size: 24px;
		margin-bottom: 40px;
	}
	
	.report_content .report_cont {
		padding-top: 50px;
		padding-bottom: 100px;
	}
	
	.report_content .report_cont p {
		margin: 20px 0;
		font-size: 14px;
		line-height: 24px;
	}
	
	.report_content .report_cont .img {
		padding: 20px 0;
	}
	
	.report_content .report_cont .img span {
		width: 100%;
		display: block;
		font-size: 12px;
		color: #666;
	}
	
	.about_box .cont {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	
	.about_box .cont .picbox {
		width: 45%;
	}
	
	.about_box .cont .info {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		-webkit-flex: 1;
		flex: 1;
		padding-right: 120px;
	}
	
	.about_box .cont .info p {
		line-height: 24px;
		font-size: 14px;
		margin-bottom: 20px;
	}
	
	.about_box h1 {
		font-size: 48px;
		font-family: grme;
	}
	
	.about_box h3 {
		font-size: 18px;
		margin: 20px 0 80px;
	}
	
	.swiper-container {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.swiper-slide {
		background-size: cover;
		background-position: center;
	}
	
	.gallery-top {
		height: 400px;
		width: 100%;
	}
	
	.gallery-thumbs {
		height: 80px;
		box-sizing: border-box;
		padding: 10px 0;
	}
	
	.gallery-thumbs .swiper-slide {
		width: 100px;
		height: 100%;
		opacity: 0.4;
	}
	
	.gallery-thumbs .swiper-slide-thumb-active {
		opacity: 1;
	}
	
	.contactbox .contact_title {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: end;
		-ms-flex-align: end;
		-webkit-align-items: flex-end;
		align-items: flex-end;
	}
	
	.contactbox .contact_title h1 {
		font-size: 48px;
		font-family: grme;
		margin: 0;
		padding: 0;
	}
	
	.contactbox .contact_title span {
		font-size: 16px;
		margin-bottom: 10px;
		margin-left: 30px;
	}
	
	.contactbox .contact_style {
		padding: 40px 0;
		line-height: 30px;
	}
	
	.contactbox .contact_message {
		padding: 40px 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-box-orient: horizontal;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	
	.contactbox .contact_message .form_group {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		margin-bottom: 15px;
		width: 40%;
		background: #fff;
		border: #ccc solid 1px;
		min-height: 30px;
	}
	
	.contactbox .contact_message .form_group label {
		font-weight: normal;
		color: #999;
		padding: 0 10px;
	}
	
	.contactbox .contact_message .form_group .form_input {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		-webkit-flex: 1;
		flex: 1;
		height: 30px;
	}
	
	.contactbox .contact_message .form_group:nth-of-type(5),
	.contactbox .contact_message .form_group:nth-of-type(6) {
		width: 100%;
	}
	
	.contactbox .contact_message .form_group .select {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		-webkit-flex: 1;
		flex: 1;
		width: auto;
		border: none;
		background: transparent;
	}
	
	.contactbox .contact_message .form_group .select .selected {
		padding: 0;
	}
	
	.contactbox .contact_message .form_group .textarea {
		width: 100%;
		height: 150px;
		padding: 10px;
		font-family: ssme;
	}
	
	.checkbox {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
	
	.checkbox input[type="checkbox"] {
		width: 16px;
		height: 16px;
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
	}
	
	.checkbox i {
		width: 16px;
		height: 16px;
		border: #ccc solid 1px;
		display: block;
	}
	
	.checkbox label {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		color: #000 !important;
		margin-right: 40px;
		padding: 0 !important;
		position: relative;
	}
	
	.checkbox label span {
		margin-left: 10px;
	}
	
	.checkbox label input:checked~i {
		background: #004395;
	}
	
	.contactbox .contact_message .btn-submit {
		width: 500px;
		height: 30px;
		background: #222;
		color: #fff;
	}
	
	.contactbox .contact_message .btnbox {
		margin-top: 40px;
	}
	
	.nav_iconbox {
		position: fixed;
		top: 40px;
		right: 180px;
	}
	
	.nav_iconbox ul li {
		text-align: center;
		position: relative;
		float: left;
		margin: 0 20px;
	}
	
	.nav_iconbox ul li p {
		visibility: hidden;
	}
	
	.nav_iconbox ul li:hover p {
		visibility: visible;
	}
	
	.nav_iconbox ul li .iconfont {
		position: relative;
	}
	
	.nav_iconbox ul li .iconfont span {
		width: 18px;
		height: 18px;
		line-height: 18px;
		font-size: 10px;
		position: absolute;
		top: -10px;
		right: -12px;
		display: block;
		border-radius: 50%;
		background: #f00;
		text-align: center;
		color: #fff;
	}
	
	.searchbox {
		display: none;
		width: 400px;
		height: 30px;
		background: #fff;
		border: #ccc solid 1px;
		position: absolute;
		top: 50px;
		right: 0;
	}
	
	.searchbox .search_btn {
		width: 30px;
		height: 30px;
		cursor: pointer;
		text-align: center;
		line-height: 30px;
		float: right;
	}
	
	.searchbox .form_input {
		width: 368px;
		height: 30px;
		padding: 0 10px;
		float: left;
	}
	/*.search.open .searchbox {
		display: block;
	}*/
	
	.search.open p {
		visibility: visible;
	}
	
	@media all and (min-width: 0) and (max-width: 767px) {
		.title_bg {
			top: 25%;
			font-size: 100px;
			text-indent: -10px;
		}
	}
	
	.title_bg {
		position: fixed;
		z-index: -1;
		color: #FFF;
		font-size: 200px;		
		width: 100%;
		overflow: hidden;
		white-space: nowrap;
		text-indent: -20px;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	
	.title_bg b {
			
		font-family:hl;
			
		}
	
	
	#loginmodal .modal-content,
	#collectmodal .modal-content {
		width: 800px;
	}
	
	#loginmodal .modal-body {
		background: #dfdfdf;
		padding: 30px 0 40px 60px;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
	
	#successmodal .modal-body {
		padding: 60px 0;
	}
	
	#successmodal .success {
		text-align: center;
		width: 100%;
		font-size: 18px;
	}
	
	#loginmodal .form {
		width: 300px;
	}
	
	#loginmodal .contact {
		width: calc(100% - 300px);
	}
	
	#loginmodal .checkbox {
		position: relative;
		margin: 0;
	}
	
	#loginmodal .checkbox input {
		width: 14px;
		height: 14px;
		display: block;
		opacity: 0;
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
	}
	
	#loginmodal .checkbox i {
		width: 14px;
		height: 14px;
		display: block;
		border: #333 solid 1px;
		background: #fff;
		float: left;
	}
	
	#loginmodal .checkbox em {
		margin-left: 10px;
		font-style: initial;
		position: relative;
		top: -3px;
	}
	
	#loginmodal .checkbox input:checked~i:before {
		content: "";
		background: #333;
		width: 10px;
		height: 10px;
		display: block;
		margin: 1px;
	}
	
	#loginmodal .forgetpassword,
	#loginmodal .btnbox {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}
	
	#loginmodal .form-group:last-child {
		margin-bottom: 0;
	}
	
	#loginmodal .form-group {
		margin-bottom: 15px;
	}
	
	#loginmodal .form-group .form-control {
		border: #000 solid 1px;
	}
	
	#loginmodal .forgetpassword {
		font-size: 12px;
	}
	
	#loginmodal .btnbox .btn {
		width: 115px;
		height: 30px;
	}
	
	#loginmodal .btnbox .btn.btn-primary {
		background: #333;
		color: #fff;
	}
	
	#loginmodal .btnbox a {
		font-size: 16px;
		border-bottom: #000 solid 1px;
		font-weight: bold;
	}
	
	#loginmodal .contact {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: end;
		-ms-flex-align: end;
		-webkit-align-items: flex-end;
		align-items: flex-end;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	
	#loginmodal .contact span {
		display: inline-block;
	}
	
	#loginmodal .contact a {
		margin-left: 30px;
		color: #999;
		text-align: center;
		display: inline-block;
		position: relative;
	}
	
	#loginmodal .contact a:hover {
		color: #1F286E;
	}
	
	#loginmodal .contact .copyright {
		font-size: 12px;
	}
	
	#loginmodal .contact a .ewmbox {
		width: 60px;
		height: 60px;
		position: absolute;
		bottom: 20px;
		display: none;
		left: 50%;
		margin-left: -30px;
	}
	
	#loginmodal .contact a:hover .ewmbox {
		display: block;
	}
	
	#collectmodal .newname {
		position: relative;
		width: 100%;
	}
	
	#collectmodal .addbox {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
	
	#collectmodal .addbox .form-input {
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
	
	#collectmodal .addbox .btn {
		padding: 0 20px;
		height: 30px;
		background: #333;
		color: #fff;
	}
	
	#collectmodal .category {
		width: 100%;
	}
	
	#collectmodal a.add {
		width: 30px;
		height: 30px;
		display: block;
		position: absolute;
		left: -40px;
		top: 0;
	}
	
	#collectmodal a.add:before {
		width: 16px;
		height: 3px;
		display: block;
		content: "";
		background: #1F286F;
		position: absolute;
		left: 50%;
		margin-left: -8px;
		top: 50%;
		margin-top: -1.5px;
	}
	
	#collectmodal a.add:after {
		width: 3px;
		height: 16px;
		display: block;
		content: "";
		background: #1F286F;
		position: absolute;
		left: 50%;
		margin-left: -1.5px;
		top: 50%;
		margin-top: -8px;
	}
	
	#collectmodal .newname .btn-default {
		border: #000 solid 1px;
		background: #b5b5b5;
		height: 40px;
		font-size: 18px;
		color: #000;
		font-weight: bold;
		padding: 0 25px;
	}
	
	#collectmodal .category {
		margin-top: 40px;
	}
	
	#collectmodal .category .title {
		width: 100%;
		position: relative;
		font-size: 18px;
		margin-bottom: 20px;
	}
	
	#collectmodal .category .title:before {
		width: 100%;
		height: 1px;
		content: "";
		background: #000;
		position: absolute;
		top: 13px;
		right: 0;
	}
	
	#collectmodal .category .title b {
		background: #f2f2f2;
		padding-right: 20px;
		position: relative;
		z-index: 1;
	}
	
	#collectmodal .category .list {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		height: 40px;
		font-size: 14px;
		padding: 0 10px;
		line-height: 40px;
	}
	
	#collectmodal .category .listbox {
		max-height: 200px;
		overflow: auto;
	}
	
	#collectmodal .category .list .name {
		width: calc(60% - 80px)
	}
	
	#collectmodal .category .list .number {
		width: 40%;
	}
	
	#collectmodal .category .list .btnbox {
		width: 80px;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		font-size: 18px;
	}
	
	#collectmodal .category .list {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
	}
	
	#collectmodal .category .list:hover {
		background: #f2f2f2;
		cursor: pointer;
	}
	
	#collectmodal .category .list a:hover {
		color: #1F286E;
	}
	/*莽鈩⒙幻ヂ解€⒚モ€櫯捗β陈モ€犈�*/
	
	.accountwrap ::-webkit-input-placeholder {
		color: #000;
	}
	
	.accountwrap ::-moz-placeholder {
		color: #000;
	}
	
	.accountwrap :-ms-input-placeholder {
		color: #000;
	}
	
	.accountwrap :-moz-placeholder {
		color: #000;
	}
	
	.accountwrap {
		width: 420px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	
	.accountwrap h1 {
		font-size: 18px;
	}
	
	.accountwrap .form-group {
		margin-top: 40px;
	}
	
	.accountwrap .form-input {
		width: 100%;
		height: 40px;
		border: #7d7d7d solid 1px;
	}
	
	.accountwrap .btn-submit {
		width: 100%;
		height: 40px;
		background: #7d7d7d;
		color: #fff;
		font-size: 18px;
		cursor: pointer;
	}
	
	.accountwrap .btn-code {
		width: 100%;
		height: 40px;
		background: #999;
		color: #fff;
		font-size: 14px;
		cursor: pointer;
	}
	
	.accountwrap .btn-submit:hover {
		background: #555;
	}
	
	.accountwrap .btn-code:hover {
		background: #7d7d7d;
	}
	
	.accountwrap .forgetpassword {
		margin-top: 10px;
	}
	
	.accountwrap .forgetpassword span {
		color: #999;
		float: right;
		font-size: 12px;
	}
	
	.accountwrap .forgetpassword span a {
		border-bottom: #999 solid 1px;
	}
	
	.accountwrap.loginbox .form-group:last-child {
		margin-top: 100px;
	}
	/*忙鲁篓氓鈥犈捗βッ┞�*/
	
	.nav-pills>li>a {
		width: 40px;
		height: 40px;
		margin: 0 auto;
		border-radius: 50%;
		background: #fff;
		color: #7d7d7d;
		border: #7d7d7d solid 1px;
		text-align: center;
		line-height: 40px;
		font-size: 16px;
		padding: 0;
		position: relative;
		outline: none;
	}
	
	.nav-pills>li.active>a,
	.nav-pills>li.active>a:hover,
	.nav-pills>li.active>a:focus {
		background: #7d7d7d;
	}
	
	.nav-pills {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: horizontal;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		position: relative;
		margin-bottom: 80px;
	}
	
	.nav-pills:before,
	.nav-pills:after {
		display: none;
	}
	
	.nav-pills>li {
		width: 20%;
		text-align: center;
		font-size: 12px;
	}
	
	.nav-pills>li p {
		margin-top: 10px;
		color: #999;
	}
	
	.nav-pills>li.active p {
		color: #000;
	}
	
	.nav-pills>li:nth-of-type(2):before,
	.nav-pills>li:nth-of-type(4):before {
		width: 100%;
		height: 1px;
		content: "";
		background: #1f286f;
		position: absolute;
		top: 20px;
		left: 0;
	}
	
	.accountwrap .id {
		width: 100%;
		height: 40px;
		border: #7d7d7d solid 1px;
		background: #fff;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		padding: 10px 12px;
	}
	
	.accountwrap .id .checklist {
		width: 50%;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
	
	.accountwrap .id .checklist label {
		width: 100%;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		font-weight: normal;
	}
	
	.accountwrap .id .checklist em {
		margin-right: 20px;
		font-style: inherit;
	}
	
	.accountwrap .id .checklist input {
		width: 20px;
		height: 20px;
		margin: 0;
		display: block;
		opacity: 0;
		position: relative;
	}
	
	.accountwrap .id .checklist i {
		width: 20px;
		height: 20px;
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		border: #7d7d7d solid 1px;
		cursor: pointer;
	}
	
	.accountwrap .id .checklist .check {
		position: relative;
	}
	
	.accountwrap .id .checklist input:checked~i {
		background: #7d7d7d;
	}
	
	.success-reg {
		text-align: center;
	}
	
	.success-reg i img {
		width: 60px;
		height: 60px;
	}
	
	.success-reg p {
		margin-top: 10px;
	}
	
	.accountwrap .forgetpassword.form-group~.form-group {
		margin-top: 100px;
	}
	
	.accountwrap~.footer_container,
	.personalwrap~.footer_container {
		position: absolute;
		bottom: 0;
	}
	/*盲赂陋盲潞潞盲赂颅氓驴茠*/
	
	.personalwrap {
		background: #ececec;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		height: 100%;
	}
	
	.personalwrap .menubox {
		width: 420px;
		position: relative;
		background: #fff;
		padding: 150px 35px 0 200px;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column;
		overflow: auto;
	}
	
	.personalwrap .content {
		overflow: auto;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		-webkit-flex: 1;
		flex: 1;
		overflow: auto;
		background: #ececec;
		padding: 150px 100px 50px;
		overflow: auto;
	}
	
	.personalwrap .menubox .head {
		width: 160px;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		margin-bottom: 50px;
		position: relative;
		z-index: 10;
	}
	
	.personalwrap .menubox .head {
		white-space: nowrap;
	}
	
	.personalwrap .menubox .form-input {
		box-shadow: none;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		-webkit-flex: 1;
		flex: 1;
		border-bottom: #7d7d7d solid 1px;
		border-left: none;
		border-top: none;
		border-right: none;
		height: 20px;
		background: transparent;
	}
	
	.personalwrap .menubox .menu {
		width: 120px;
		position: relative;
		z-index: 10;
	}
	
	.personalwrap .menubox .menu a {
		width: 100%;
		position: relative;
		padding: 0 10px;
		display: block;
		height: 32px;
		line-height: 32px;
		border: #7d7d7d solid 1px;
		margin-bottom: 20px;
	}
	
	.personalwrap .menubox .menu a:before {
		width: 32px;
		height: 32px;
		content: "\e775";
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		font-family: "iconfont";
		text-align: center;
		color: #1f286f;
		font-size: 24px;
	}
	
	.personalwrap .menubox .menu a:hover,
	.personalwrap .menubox .menu a.act {
		background: #7d7d7d;
		color: #fff;
		border: #7d7d7d solid 1px;
	}
	
	.personalwrap .menubox .menu a:hover:before,
	.personalwrap .menubox .menu a.act:before {
		color: #fff;
	}
	
	.personalwrap .menubox .loginout {
		width: 120px;
		position: absolute;
		bottom: 80px;
		border: #7d7d7d solid 1px;
	}
	
	.personalwrap .menubox .loginout a {
		width: 100%;
		height: 32px;
		display: block;
		text-align: center;
		line-height: 32px;
		border: #7d7d7d solid 1px;
		color: #000;
	}
	
	.personalwrap .menubox .loginout a:hover {
		background: #7d7d7d;
		color: #fff;
	}
	
	.personalwrap .content .form-group {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin-bottom: 20px;
	}
	
	.personalwrap .content .formbox {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		min-height: 30px;
		background: #fff;
		position: relative;
	}
	
	.personalwrap .content .formbox {
		width: calc(50% - 20px);
	}
	
	.personalwrap .content .formbox.address {
		width: 100%;
	}
	
	.personalwrap .content .formbox .form-input {
		box-shadow: none;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		-webkit-flex: 1;
		flex: 1;
		height: 30px;
	}
	
	.personalwrap .content .formbox label {
		line-height: 30px;
		padding-left: 10px;
		font-weight: normal;
	}
	
	.personalwrap .content .formbox .star {
		position: absolute;
		line-height: 30px;
		left: -20px;
		color: #f00;
	}
	
	.personalwrap .content .formbox .form-textarea {
		height: 120px;
		box-shadow: none;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		-webkit-flex: 1;
		flex: 1;
		padding: 5px 10px;
	}
	
	.personalwrap .content .btn-submit {
		height: 30px;
		line-height: 30px;
		border: none;
		background: #fff;
		padding: 0 50px;
		font-size: 14px;
	}
	
	.personalwrap .content .back {
		margin-left: 0;
		margin-right: 0;
	}
	
	.personalwrap .cartitem {
		border-top: #000 solid 2px;
		margin-bottom: 30px;
	}
	
	.personalwrap .collectbox {
		background: #fff;
		padding: 30px 20px;
		width: 100%;
		margin-bottom: 20px;
	}
	
	.personalwrap .collectbox h2 {
		width: 100%;
		margin-bottom: 30px;
		padding: 0 20px;
	}
	
	.personalwrap .collect-alllist {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-flow: wrap;
	}
	
	.personalwrap .collect-alllist .item {
		padding: 0 20px;
		margin-bottom: 30px;
	}
	
	.personalwrap .collect-alllist .item:nth-of-type(4n) {
		margin-right: 0;
	}
	
	.personalwrap .collect-alllist .item .pic {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		width: 100%;
		position: relative;
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		-o-flex-direction: row;
		flex-direction: row;
		background: #fff;
		overflow: hidden;
		
		
	
		
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		
		
	
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		
		border: #e5e5e5 solid 1px;
		
		
	}
	
	.personalwrap .collect-alllist .item .pic:before {
		width: 100%;
		content: "";		
		padding-top: 100%;
	}
	
	.personalwrap .collect-alllist .item .pic ul {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	
	.personalwrap .collect-alllist .item .pic ul li {
		width: 50%;
		height: 50%;
		display: block;
	}
	
	.personalwrap .collect-alllist .item .pic ul li img {
		max-width: 100%;
		max-height: 100%;
	}
	
	.personalwrap .collect-alllist .item .name {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		color: #666;
		margin: 15px 0;
	}
	
	.personalwrap .collect-alllist .item .name em {
		margin: 0 5px;
	}
	
	.personalwrap .collect-alllist .item .folder {
		width: 100%;
		height: 30px;
		border: #737373 solid 1px;
		display: block;
		text-align: center;
		line-height: 30px;
		color: #000;
	}
	
	.personalwrap .collect-alllist .item .pic img {
		max-width: 100%;
		max-height: 100%;
		position: absolute;
		
	}
	

	
	.personalwrap .collect-alllist .item .pic .delete {
		width: 100%;
		height: 35px;
		background: rgba(31, 40, 111, .8);
		display: block;
		text-align: center;
		line-height: 35px;
		position: absolute;
		bottom: -35px;
		color: #fff;
		transition: .3s;
	}
	
	.personalwrap .collect-alllist .item .pic:hover .delete {
		bottom: 0;
		transition: .3s;
	}
	
	.personalwrap .content .pagebox a {
		border: none;
		color: #737373;
	}
	
	.personalwrap .content .pagebox a .iconfont {
		font-size: 24px;
	}
	
	.personalwrap .content .pagebox a:hover,
	.personalwrap .content .pagebox a.active {
		background: transparent;
		color: #000;
		font-weight: bold;
	}
	



/*忙聬艙莽麓垄莽禄鈥溍ε九�*/

#g_header.hide h1{display: none;}
#g_header.hide #g_nav{display: none;}
.resultbox{width: 100%;height: 100%;position: fixed;top:0;left: 0;overflow: auto; background: #f1f1f1;display: none; padding: 180px 200px 50px 200px;}
.resultbox .title{border-bottom: #999999 solid 1px;padding-bottom: 15px;width: 100%;display: flex;justify-content: space-between; align-items: center;}
.result h4{margin:40px 0 20px 0;}
.result_alllist{margin: 0 -30px;}