@charset "utf-8";
.header .arrow,
.header .header_logo{
	display: none!important;
}
.page_main{
	height: 100vh;
	border-bottom: 10px solid #329B8D;
}
.page_main .main_page{
	height: 100%;
	overflow: hidden;
}
.page_main .top{
	border-top: 1px solid #A79F75;
	border-bottom: 1px solid #A79F75;
	position: relative;
}
.banner {
	width: 50%;
	height: 100%;
	background-image: url(../images/pro_bg.png);
	background-repeat: repeat;
	background-size: 50%;
	overflow: inherit;
}
.banner > .swiper-scrollbar{
	width: 428px;
	bottom: -80px;
	left: 70%;
	transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
}
.banner .bg{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.banner .bg img{
	position: absolute;
	width: 80%;
	max-width: 600px;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
}
.proInfo{
	width: 50%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
	padding: 0 70px 0 35px;
}
.proInfo .title{
	font-size: 28px;
	color: #EEE3AF;
	padding-top: 40px;
	margin-bottom: 30px;
	font-family:'HanaMinA';
}

.proInfo .info{
	border-top: 1px solid #A79F75;
	border-bottom: 1px solid #A79F75;
}
.proInfo .info .xinyuan{
	display: flex;
	align-items: center;
	height: 64px;
	padding-left: 30px;
	padding-right: 30px;
	position: relative;
	cursor: pointer;
}
.proInfo .info .xinyuan img{
	width: 24px;
}
.proInfo .info .xinyuan span{
	font-size: 14px;
	color: #EEE3AF;
	margin-left: 30px;
	font-family: 'PingFang SC Thin';
}
.proInfo .info .xunjia{
	display: flex;
	align-items: center;
	height: 64px;
	padding-left: 30px;
	position: relative;
	cursor: pointer;
	transition: all .3s;
}
.proInfo .info .xunjia:before{
	content: '';
	display: inline-block;
	position: absolute;
	width: 1px;
	height: 16px;
	background: #A79F75;
	left: 0;
	transition: all .3s;
	opacity: 1;
}
.proInfo .info .xunjia img{
	width: 23px;
}
.proInfo .info .xunjia img.close{
	width: 20px;
	position: absolute;
	right: 15px;
	opacity: 0;
	visibility: hidden;
	transition: all .3s;
}
.proInfo .info .xunjia span{
	font-size: 14px;
	color: #EEE3AF;
	margin-left: 30px;
	font-family: 'PingFang SC Thin';
}
.proInfo .info .xunjia .xunjia_info{
	position: absolute;
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	top: 100%;
	left: 0;
	width: 100%;
	padding: 15px 25px 35px 30px;
	box-shadow: 0 3px 13px 0 rgba(0,0,0,0.5);
	transition: all .3s;
}
.proInfo .info .xunjia .xunjia_info p{
	font-family: 'PingFang SC Thin';
	font-size: 14px;
	color: #A79F75;
	line-height: 22px;
}
.proInfo .info .xunjia .xunjia_info .item{
	margin-top: 30px;
}
.proInfo .info .xunjia .xunjia_info .item .xunjia_ewm{
	margin-top: 15px;
}
.proInfo .info .xunjia .xunjia_info .item .xunjia_ewm img{
	width: 110px;
}

.proInfo .info .xunjia.active{
	box-shadow: 0 3px 13px 0 rgba(0,0,0,0.5);
}
.proInfo .info .xunjia.active:after{
	content: '';
	display: inline-block;
	position: absolute;
	z-index: 999;
	width: 100%;
	height: 14px;
	left: 0;
	bottom: 0;
	transform: translate(0,50%);
	-ms-transform: translate(0,50%);
	-o-transform: translate(0,50%);
	-moz-transform: translate(0,50%);
	-webkit-transform: translate(0,50%);
}
.proInfo .info .xunjia.active img.close{
	opacity: 1;
	visibility: visible;
}
/* .proInfo .info .xunjia.active:before{
	opacity: 0;
} */
.proInfo .info .xunjia.active .xunjia_info{
	opacity: 1;
	visibility: visible;
}

@media screen and (max-width:999px) {
	.proInfo .info .xinyuan{
		float: none;
	}
	.proInfo .info .xunjia:before{
		width: 100%;
		height: 1px;
		top: 0;
	}
}




.proInfo .over{
	overflow: hidden;
}
.proInfo .singlepage{
	color: #A79F75;
	line-height: 24px;
	padding-top: 25px;
	padding-bottom: 25px;
	overflow-y: scroll;
	overflow-x: hidden;
	font-size: 15px;
	font-family: 'PingFang SC Thin';
	letter-spacing: 2px;
}
.proInfo .singlepage::-webkit-scrollbar {
	display:none;
}
.page_main .bottom{
	height: 126px;
	position: relative;
}
.page_main .bottom .proInfo_logo{
	font-size: 0;
	position: absolute;
	left: 37px;
	bottom: 35px;
}
.page_main .bottom .proInfo_logo a{
	display: block;
}
.page_main .bottom .proInfo_logo img{
	height: 54px;
}
.page_main .bottom .page_article{
	display: flex;
	align-items: center;
	position: absolute;
	width: 40%;
	right: 38px;
	top: 50%;
	transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
}
.page_main .bottom .page_article .prev{
	
}
.page_main .bottom .page_article .prev a{
	font-size: 12px;
	color: #A79F75;
	padding-right: 20px;
	display: block;
	background: url(../images/prev.png) no-repeat right center;
	background-size: 6px 14px;
	font-family: 'PingFang SC Thin';
}
.page_main .bottom .page_article .nowpage{
	width: 200px;
	text-align: center;
}
.page_main .bottom .page_article .nowpage a{
	font-size: 12px;
	color: #EEE3AF;
	display: block;
	font-family: 'PingFang SC Thin';
}
.page_main .bottom .page_article .next{
	
}
.page_main .bottom .page_article .next a{
	font-size: 12px;
	color: #A79F75;
	padding-left: 20px;
	display: block;
	background: url(../images/next.png) no-repeat left center;
	background-size: 6px 14px;
	font-family: 'PingFang SC Thin';
}

@media (min-width:1024px) and (max-width:1439px) {
	.banner > .swiper-scrollbar{
		width: 308px;
	}
	.proInfo{
		padding: 0 35px;
	}
}
@media (min-width:601px) and (max-width:1023px) {
	.banner > .swiper-scrollbar{
		width: 231px;
	}
	.page_main .bottom{
		height: 114px;
	}
	.proInfo{
		padding: 0 35px;
	}
	.page_main .bottom .page_article{
		right: 20px;
	}
}
@media screen and (max-width:600px) {
	.header .header_logo{
		display: block!important;
	}
	.page_main{
		height: auto;
	}
	.banner{
		width: 100%;
		height: 370px;
	}
	.banner .bg img{
		width: 80%;
	}
	.banner > .swiper-scrollbar{
		width: 92%;
		bottom: -65px;
		left: 50%;
		transform: translate(-50%,0);
		-ms-transform: translate(-50%,0);
		-o-transform: translate(-50%,0);
		-moz-transform: translate(-50%,0);
		-webkit-transform: translate(-50%,0);
	}
	.proInfo{
		position: static;
		width: 100%;
		padding: 0 15px;
	}
	.proInfo .title{
		padding-top: 100px;
	}
	.proInfo .singlepage{
		margin-right: 0;
		min-height: 340px;
	}
	.page_main .bottom .proInfo_logo{
		display: none;
	}
	.page_main .bottom{
		height: auto;
	}
	.page_main .bottom .page_article{
		position: static;
		width: 100%;
		top: 0;
		right: 0;
		transform: translate(0,0);
		-ms-transform: translate(0,0);
		-o-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-webkit-transform: translate(0,0);
		display: flex;
		flex-direction: column;
		padding: 0 15px;
	}
	.page_main .bottom .page_article li{
		height: 56px;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%!important;
	}
	.page_main .bottom .page_article .prev{
		background: url(../images/prev_wap.png) no-repeat bottom center;
	}
	.page_main .bottom .page_article .prev a{
		background: none;
		padding: 0;
		font-size: 14px;
		color: #A79F75;
		display: block;
	}
	.page_main .bottom .page_article .nowpage a{
		font-size: 14px;
		color: #EEE3AF;
		display: block;
	}
	.page_main .bottom .page_article .next{
		background: url(../images/next_wap.png) no-repeat top center;
	}
	.page_main .bottom .page_article .next a{
		background: none;
		padding: 0;
		font-size: 14px;
		color: #A79F75;
		display: block;
	}
}