/* style css */
body, html {
	overflow-x:hidden;
	min-width:1340px
}

::selection {
   background: #981b1e;
   color: #fff
}

::-moz-selection {
   background: #981b1e;
   color: #fff
}


::-webkit-selection {
    background: #981b1e;
   color: #fff
}


.flex {
	display: -webkit-flex;
	display: flex
}

.flex-v {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; 
	align-items: center
}

body, html {
	
}

body {
	-webkit-font-smoothing: antialiased
	color:#333;
}

.row {
	padding: 0 20px;
	margin: auto
}

/* Çì´õ */
.header {
	position:fixed;
	width: 100%;
	height: 85px;
	z-index: 98;
}

.header.w,
.header:hover {
	background-color:#fff;
}

.header .row {
	max-width:1560px
}

.header .logo {
	display:inline-block;
	margin-top: 30px;
	background-image:url('../img/logo_img.png');
	width: 192px;
	height: 22px;
}

.header.w .logo,
.header:hover .logo {
	background-image:url('../img/logo_img_on.png');
}

.header .nav {
	position:absolute;
	left: 50%;
	top: 0px;
	transform:translate(-50%, 0);
	/* min-width:800px; */
	min-width:720px;
}

.header .nav li {
	position:relative;
	float:left;
	width: 120px;
	text-align:center;
	height: 85px;
	line-height:85px;
	border-bottom:2px solid transparent;
}

.header .nav li::after {
	content:'';
	display:block;
	width: 1px;
	height: 15px;
	position:absolute;
	top: 50%;
	margin-top: -7.5px;
	right: 0;
	background-color:#d4d4d4
}

.header .nav li:last-child::after {
	content:none;
}

.header .nav li:hover,
.header .nav li.on {
	border-color:#a37a48;
}

.header .nav li a {
	font-size:17px;
	color:#fff;
}

.header.w .nav li a,
.header:hover .nav li a {
	color:#333;
}

.header .drop-menu {
	display:none; 
	position:absolute;
	background-color:#fff;
	width: 100%;
	top: 85px;
	left: 0;
	height: 250px;
	border-top:1px solid #d5d5d5;
}

.header .drop-menu .drop {
	position:absolute;
	z-index: 998;
	left: 50%;
	transform:translate(-50%, 0);
	font-size:15px;
	min-width:720px;
	
}

.header .drop-menu .drop > li {
	position:relative;
	float:left;
	width: 120px;
	text-align:center;
	padding: 30px 0;
}

.header .drop-menu .drop > li:first-child::before,
.header .drop-menu .drop > li::after {
	content:'';
	display:block;
	width: 1px;
	height: 250px;
	position:absolute;
	top: 0;
	right: 0;
	background-color:#d5d5d5;
}

.header .drop-menu .drop > li:first-child::before {
	right: auto;
	left: 0;
}

.header .drop-menu .drop > li a {
	color:#323232;
	
}

.header .drop-menu .drop > li a:hover {
	color:#a37a48
}

.header .drop-menu .sub-menu > li {
	margin-bottom: 10px;
	letter-spacing:-1px
}

.header .tel {
	display:inline-block;
	margin-top: 25px;
	width: 229px;
	height: 30px;
	background-image:url('../img/tel_img.png');
}

.header.w .tel,
.header:hover .tel {
	background-image:url('../img/tel_img_on.png');
}

.footer {
	text-align:center;
	padding: 40px 0;
	border-top:1px solid #d5d5d5
}

.right-wingbanner {
	width: 100px;
	height: 100vh;
	position:fixed;
	top: 0;
	right: 0;
	text-align:center;
	z-index: 999;
}

.right-wingbanner li a {
	display:block;
	position:relative;
	height: 18vh;
	width: 100%;
	background-color:#981b1e;
}

.right-wingbanner .grandopen a {
	background-color:#a37a48;
	width: 100%;
	height: 20vh;
}

.right-wingbanner li.first a {
	border-top-left-radius:20px;
	margin-top: -20px;
}

.right-wingbanner li.first a::after,
.right-wingbanner li.second a::after {
	position:absolute;
	bottom: 0;
	width: 80px;
	left: 10px;
	height: 1px;
	background-color:#a73d40;
	content:'';
	display:block;
}

.right-wingbanner li img {
	position:absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}

.back-top {
	width: 100px;
	height: 100px;
	background-color:#fff;
	z-index: 1000;
	position:fixed;
	right: 0;
	bottom: 0;
	text-align:center;
	line-height:100px;
	cursor:pointer;
}


@media(max-width:1600px) {
	.header .row {
		max-width:1300px;
	}
}

@media(min-width:992px) {
	.pc {
		display:block !important
	}

	.mobile {
		display:none !important
	}
}

@media(max-width:991px) {

	.pc {
		display:none !important
	}

	.mobile {
		display:block !important
	}

	

}

@media(max-width:575px) {

	


}