@charset "utf-8";

/* CSS Document */


/*************************??????*************************/

.index-main {
	height: 100vh;
	overflow: hidden;
	zoom: 1;
	background: url(img/indexbg.png) no-repeat;
	background-size: 100% auto;
}

.index-logo {
	padding: 4.35vh 0 8.94vh;
}

.logopic {
	display: block;
	/*width: 78vw;*/
	height: 6.76vh;
	margin: 0 auto;
}

.logopic img {
	display: block;
	/*width: 100%;*/
	height: 100%;
	margin: 0 auto;
}

.logo-eng {
	display: block;
	width: 56.25vw;
	margin: 2.71vw auto 0;
}

.logo-eng img {
	display: block;
	width: 100%;
}


/*????????????????????????*/

.index-nav {
	z-index: 4;
	position: relative;
	height: 39.6vh;
	overflow: visible;
}

.index-navbg {
	position: absolute;
	width: 100%;
	height: 39.6vh;
	background: url(img/index-navbg.png) no-repeat;
	background-size: 100% 100%;
	-webkit-animation: navbg 0.5s linear 2.1s;
	-moz-animation: navbg 0.5s linear 2.1s;
	animation: navbg 0.5s linear 2.1s;
}

@-webkit-keyframes navbg {
	from {
		transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.3s;
		transform: scale(0.9);
	}
	to {
		transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
		transform: scale(1);
	}
}

@-moz-keyframes navbg {
	from {
		transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.3s;
		transform: scale(0.9);
	}
	to {
		transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
		transform: scale(1);
	}
}

@keyframes navbg {
	from {
		transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.3s;
		transform: scale(0.9);
	}
	to {
		transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
		transform: scale(1.1);
	}
}

.index-navbg img {
	width: 100%;
	height: 100%;
}

.inav-block {
	position: relative;
	height: 39.6vh;
	overflow: visible;
}

.inav-items {
	display: block;
	position: absolute;
	width: 10.47vh;
	height: 10.47vh;
}

.inav-items img {
	height: 100%;
}

.inav-items a {
	display: block;
	width: 10.47vh;
	height: 10.47vh;
	color: #fff;
}

.inav-items span {
	display: block;
}

.inav-items:nth-child(1) {
	left: 5vw;
	bottom: 6.06vh;
	-webkit-animation: inav1 1s cubic-bezier(0, -1.57, 0.78, 1.52);
	-moz-animation: inav1 1s cubic-bezier(0, -1.57, 0.78, 1.52);
	animation: inav1 1s cubic-bezier(0, -1.57, 0.78, 1.52);
}

@-webkit-keyframes inav1 {
	from {
		opacity: 0;
		display: inline-block;
		/*position: absolute;*/
		z-index: 999;
		/*bottom: -10vh;*/
		left: 50%;
		transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.3s;
		transform: translate(0px, 0px) rotate(-720deg) scale(0);
	}
	to {
		opacity: 1;
		display: inline-block;
		/*position: absolute;*/
		z-index: 999;
		/*bottom: 6.06vh;*/
		left: 5vw;
		transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
		transform: translate(-5px, 0) rotate(720deg) scale(1);
	}
}

@-moz-keyframes inav1 {
	from {
		opacity: 0;
		display: inline-block;
		/*position: absolute;*/
		z-index: 999;
		/*bottom: -10vh;*/
		left: 50%;
		transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.3s;
		transform: translate(0px, 0px) rotate(-720deg) scale(0);
	}
	to {
		opacity: 1;
		display: inline-block;
		/*position: absolute;*/
		z-index: 999;
		/*bottom: 6.06vh;*/
		left: 5vw;
		transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
		transform: translate(-5px, 0) rotate(720deg) scale(1);
	}
}

@keyframes inav1 {
	from {
		opacity: 0;
		display: inline-block;
		/*position: absolute;*/
		z-index: 999;
		/*bottom: -10vh;*/
		left: 50%;
		transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.3s;
		transform: translate(0px, 0px) rotate(-720deg) scale(0);
	}
	to {
		opacity: 1;
		display: inline-block;
		/*position: absolute;*/
		z-index: 999;
		/*bottom: 6.06vh;*/
		/*left: 5vw;*/
		transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
		transform: translate(-5px, 0) rotate(720deg) scale(1);
	}
}

.inav-items:nth-child(2) {
	left: 7.92vw;
	bottom: 19.24vh;
	-webkit-animation: inav2 1.2s cubic-bezier(0, -1.57, 0.78, 1.52);
	-moz-animation: inav2 1.2s cubic-bezier(0, -1.57, 0.78, 1.52);
	animation: inav2 1.2s cubic-bezier(0, -1.57, 0.78, 1.52);
}

@-webkit-keyframes inav2 {
	from {
		z-index: -1;
		opacity: 0;
		display: inline-block;
		/*position: absolute;*/
		z-index: 999;
		bottom: 6.06vh;
		left: 50%;
		transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.3s;
		transform: translate(0px, 0px) rotate(-720deg) scale(0);
	}
	to {
		opacity: 1;
		display: inline-block;
		/*position: absolute;*/
		z-index: 999;
		/*bottom: 6.06vh;*/
		left: 5vw;
		transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
		transform: translate(-5px, 0) rotate(720deg) scale(1);
	}
}

@-moz-keyframes inav2 {
	from {
		opacity: 0;
		display: inline-block;
		/*position: absolute;*/
		z-index: 999;
		bottom: 6.06vh;
		left: 50%;
		transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.3s;
		transform: translate(0px, 0px) rotate(-720deg) scale(0);
	}
	to {
		opacity: 1;
		display: inline-block;
		/*position: absolute;*/
		z-index: 999;
		/*bottom: 6.06vh;*/
		left: 5vw;
		transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
		transform: translate(-5px, 0) rotate(720deg) scale(1);
	}
}

@keyframes inav2 {
	from {
		opacity: 0;
		display: inline-block;
		/*position: absolute;*/
		z-index: 999;
		bottom: 6.06vh;
		left: 50%;
		transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.3s;
		transform: translate(0px, 0px) rotate(-720deg) scale(0);
	}
	to {
		z-index: auto;
		opacity: 1;
		display: inline-block;
		/*position: absolute;*/
		z-index: 999;
		/*bottom: 6.06vh;*/
		/*left: 5vw;*/
		transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
		transform: translate(-5px, 0) rotate(720deg) scale(1);
	}
}

.inav-items:nth-child(3) {
	left: 26.875vw;
	bottom: 27.06vh;
	-webkit-animation: inav3 1.4s cubic-bezier(0, -1.57, 0.78, 1.52);
	-moz-animation: inav3 1.4s cubic-bezier(0, -1.57, 0.78, 1.52);
	animation: inav3 1.4s cubic-bezier(0, -1.57, 0.78, 1.52);
}

@-webkit-keyframes inav3 {
	from {
		z-index: -1;
		opacity: 0;
		display: inline-block;
		/*position: absolute;*/
		z-index: 999;
		bottom: 6.06vh;
		right: 50%;
		-webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.3s;
		-webkit-transform: translate(0px, 0px) rotate(-720deg) scale(0);
	}
	to {
		opacity: 1;
		display: inline-block;
		/*position: absolute;*/
		z-index: 999;
		/*bottom: 6.06vh;
		left: 5vw;*/
		-webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
		-webkit-transform: translate(-5px, 0) rotate(720deg) scale(1);
	}
}

@-moz-keyframes inav3 {
	from {
		opacity: 0;
		display: inline-block;
		/*position: absolute;*/
		z-index: 999;
		bottom: 6.06vh;
		right: 50%;
		-moz-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.3s;
		-moz-transform: translate(0px, 0px) rotate(-720deg) scale(0);
	}
	to {
		opacity: 1;
		display: inline-block;
		/*position: absolute;*/
		z-index: 999;
		/*bottom: 6.06vh;
		left: 5vw;*/
		-moz-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
		-moz-transform: translate(-5px, 0) rotate(720deg) scale(1);
	}
}

@keyframes inav3 {
	from {
		opacity: 0;
		display: inline-block;
		/*position: absolute;*/
		z-index: 999;
		bottom: 6.06vh;
		right: 50%;
		transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.3s;
		transform: translate(0px, 0px) rotate(-720deg) scale(0);
	}
	to {
		z-index: auto;
		opacity: 1;
		display: inline-block;
		/*position: absolute;*/
		z-index: 999;
		/*bottom: 6.06vh;*/
		/*left: 5vw;*/
		transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
		transform: translate(5px, 0) rotate(720deg) scale(1);
	}
}
.inav-items:nth-child(4) {
	right: 26.875vw;
	bottom: 27.06vh;
	-webkit-animation: inav3 1.6s cubic-bezier(0, -1.57, 0.78, 1.52);
	-moz-animation: inav3 1.6s cubic-bezier(0, -1.57, 0.78, 1.52);
	animation: inav3 1.6s cubic-bezier(0, -1.57, 0.78, 1.52);
}
.inav-items:nth-child(5) {
	right: 7.92vw;
	bottom: 19.24vh;
	-webkit-animation: inav3 1.8s cubic-bezier(0, -1.57, 0.78, 1.52);
	-moz-animation: inav3 1.8s cubic-bezier(0, -1.57, 0.78, 1.52);
	animation: inav3 1.8s cubic-bezier(0, -1.57, 0.78, 1.52);
}


.inav-items:nth-child(6) {
	right: 5vw;
	bottom: 6.06vh;
	-webkit-animation: inav3 2s cubic-bezier(0, -1.57, 0.78, 1.52);
	-moz-animation: inav3 2s cubic-bezier(0, -1.57, 0.78, 1.52);
	animation: inav3 2s cubic-bezier(0, -1.57, 0.78, 1.52);
}



.inav-main {
	z-index: 1;
	width: 43.75vw;
	position: absolute;
	left: 25.24vw;
	top: 14.12vh;
	-webkit-animation: navup 0.5s linear;
	-moz-animation: navup 0.5s linear;
	animation: navup 0.5s linear;
}

@-webkit-keyframes navup {
	from {
		top: 100%;
		opacity: 0;
		-webkit-transform: scale(0);
	}
	to {
		top: 14.12vh;
		opacity: 1;
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes navup {
	from {
		top: 100%;
		opacity: 0;
		-moz-transform: scale(0);
	}
	to {
		top: 14.12vh;
		opacity: 1;
		-moz-transform: scale(1);
	}
}

@keyframes navup {
	from {
		top: 100%;
		opacity: 0;
		transform: scale(0);
	}
	to {
		top: 14.12vh;
		opacity: 1;
		transform: scale(1);
	}
}

.inav-main a {
	display: block;
}

.inav-main img {
	width: 100%;
}


/*62.41vh*/


/*????????????*/

.index-bot {
	position: relative;
	z-index: 10;
	margin-top: 1.76vh;
	height: 37.59vh;
	background: url(img/index-botbg.png) no-repeat;
	background-size: 100% 100%;
}

.index-botnav {
	display: table;
	margin: 0 auto;
	height: 5.36vh;
}

.index-botnav li {
	display: block;
	float: left;
	width: 5.66vh;
	height: 5.66vh;
	margin-right: 4.58vw;
}

.index-botnav li:last-child {
	margin-right: 0;
}

.index-botnav li img {
	width: 100%;
}


/*************************works??????*************************/

.public-header {
	height: 21.46vw;
	background: url(img/headerbg.png) no-repeat;
	background-size: 100% 100%;
	padding-left: 3%;
	padding-right: 1%;
}

.logo {
	display: block;
	width: 75.23vw;
	margin-top: 5.23vw;
}

.logo img {
	width: 100%;
}

.menu {
	display: block;
	width: 15vw;
	height: 15vw;
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 15vw;
	margin-top: 2.5vw;
	background: url(img/menubg.png) no-repeat;
	background-size: 100% 100%;
}

.atow-tit {
	display: block;
	width: 70.81vw;
	margin: 6.66vw auto 0;
}

.atow-tit img {
	display: block;
	width: 100%;
}

.atow-eng {
	display: block;
	width: 86.46vw;
	margin: 1.46vw auto;
}

.atow-eng img {
	display: block;
	width: 100%;
}

.atow-line {
	display: block;
	width: 1px;
	height: 6.04vw;
	margin: 0 auto;
	background: #b71e21;
	
}

.works-nav {
	display: table;
	margin: 0 auto;
	
}

.worksnav-items {
	display: block;
	float: left;
	width: 22.5vw;
	margin: 4px 0.5vw;
}

.worksnav-items:nth-child(4n) {
	margin-right: 0;
}

.worksnav-items a {
	display: block;
	width: 100%;
	height: 8.33vw;
	text-align: center;
	border: 1px solid #6a6a6a;
	font-size: 12px;
	color: #383838;
	line-height: 8.33vw;
	border-radius: 4.17vw;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
}

.worksnav-items-act a {
	color: #fff;
	background: #ce2134;
	border: 0 none;
}

.worksm-blcok {
	display: block;
	width: 45.83vw;
	height: 72.92vw;
	background: #fff;
	padding: 2.68vw;
	box-sizing: border-box;
	margin-bottom: 4.17vw;
}

.worksm-blcok:nth-child(2n+1) {
	float: left;
}

.worksm-blcok:nth-child(2n) {
	float: right;
}
.worksm-blcok:last-child,.worksm-blcok:nth-last-child(2){
	margin-bottom: 0;
}

.worksmb-pic {
	display: block;
}

.worksmb-pic img {
	display: block;
	width: 100%;
}

.worksmb-tit {
	display: block;
	height: 24px;
	padding: 10px 0;
}

.worksmb-title {
	width: 34.66vw;
	font-size: 12px;
	line-height: 24px;
	color: #000;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.worksmb-more {
	width: 5.79vw;
	height: 4.83vw;
	margin: 2px 0;
	border-left: 1px solid #d8d8d8;
	box-sizing: border-box;
}

.worksmb-more img {
	display: block;
	width: 2.08vw;
    height: 1.67vw;
	margin: 1.58vw 1.855vw;
}

.load-more {
	display: block;
	margin: 8.58vw 0 2.7vw;
	font-size: 14px;
	text-align: center;
	color: #000;
}

.copy {
	padding-top: 14.375vw;
	background: url(img/copybg.png) no-repeat;
	background-size: 100% 100%;
}

.copy-eng {
	width: 91.25vw;
	margin: 0 auto;
}

.copy-eng img {
	display: block;
	width: 100%;
}

.copy-line {
	width: 94%;
	margin: 0 auto;
}

.copy-line img {
	width: 100%;
}

.copy-text {
	font-size: 12px;
	line-height: 24px;
	color: #fff;
	text-align: center;
}

.copy-skill {
	display: block;
	height: 24px;
	padding-bottom: 3.21vw;
	font-size: 12px;
	line-height: 24px;
	text-align: center;
	color: #f2aaaa;
}

.copy-skill a {
	color: #f2aaaa;
}

.bot-nav {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 14.58vw;
	padding: 2.5vw 0;
	background: url(img/bot-nav.jpg) no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
	z-index: 99999;
}
.public-main .copy{
	margin-bottom: 14.26vw;
	padding-bottom: 3.2vw;
}

.bot-nav-l {
	width: 54vw;
}

.bot-nav-l a {
	display: block;
	float: left;
	width: 9.58vw;
	height: 9.58vw;
	margin-right: 5vw;
}

.bot-nav-l a:last-child {
	margin-right: 0;
}

.bot-nav-l a img {
	display: block;
	width: 100%;
}

.bot-nav-r {
	margin-right: 1.46vw;
}

.bot-nav-r a {
	display: block;
	float: left;
	width: 27.6vw;
	height: 9.58vw;
}

.bot-nav-r a img {
	display: block;
	width: 100%;
}


/*************************works_view????????????*************************/

.article-intr {
	font-size: 12px;
	line-height: 22px;
	margin-top: 4.58vw;
	background: #fff;
	padding: 4.58vw;
	box-sizing: border-box;
}

.wv-items {
	margin-bottom: 4.58vw;
}

.wv-items span {
	display: block;
}

.wv-items span img {
	width: 100%;
}

.wvi-tit {
	width: 69.375vw;
	margin: 1.875vw auto 0;
}


/*************************price????????????*************************/

.price-title {
	width: 39.17vw;
}

.prices-block {
	position: relative;
	overflow: hidden;
	zoom: 1;
	margin-bottom: 3.125vw;
}
.prices-block:last-child{
	margin-bottom: 0;
}

.prices-pic {
	display: block;
	height: 44.58vw;
}

.prices-pic img {
	height: 100%;
}

.pr-eng {
	width: 31.25vw;
	margin: 6px 0;
}

.pr-eng img {
	width: 100%;
}

.pr-num {
	color: #fff;
}

.pr-num span {
	font-size: 20px;
}

.pr-num span:nth-child(1),
.pr-num span:nth-child(3) {
	font-size: 12px;
}

.pr-name {
	font-size: 12px;
	color: #fff;
}

.pricesa-more {
	position: absolute;
	display: block;
	bottom: 14px;
	right: 20px;
	width: 8.75vw;
	height: 8.75vw;
}

.pricesa-more img {
	width: 100%;
}

.prices-block:nth-child(2n+1) .prices-art {
	position: absolute;
	width: 40.42vw;
	height: 44.58vw;
	padding: 3.67vw 4.17vw;
	right: 0;
	top: 0;
	background: url(img/redbg.png) no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
}

.prices-block:nth-child(2n+1) .prices-pic {
	float: left;
}

.prices-block:nth-child(2n+1) .pricesa-more {
	background: url(img/price-more-r.png) no-repeat;
	background-size: 100% 100%;
}

.prices-block:nth-child(2n) .prices-art {
	position: absolute;
	width: 40.42vw;
	height: 44.58vw;
	padding: 3.67vw 4.17vw;
	left: 0;
	top: 0;
	background: url(img/yellowbg.png) no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
}

.prices-block:nth-child(2n) .prices-pic {
	float: right;
}

.prices-block:nth-child(2n) .pricesa-more {
	background: url(img/price-more-y.png) no-repeat;
	background-size: 100% 100%;
}


/*************************price_view????????????*************************/

.price-view p:first-child {
	font-size: 16px;
}

.art-more {
	display: table;
	margin: 8.96vw auto 3.89vw;
}

.artm-items {
	display: block;
	float: left;
	width: 16.24vw;
	border-radius: 5px;
	background: #eee;
	margin-right: 4.58vw;
	padding: 3.125vw 6px;
	/*box-sizing: border-box;*/
	-webkit-appearance: none;
}

.artm-items:last-child {
	margin-right: 0;
}

.artm-items span {
	display: block;
	text-align: center;
}

.artmi-pic {
	width: 8.96vw;
	height: 8.96vw;
	margin: 0 auto;
}

.artmi-pic img {
	display: block;
	width: 100%;
}

.artmi-text {
	font-size: 14px;
	line-height: 26px;
	color: #8c8c8c;
}

.artmi-eng {
	font-size: 12px;
	color: #c4c4c4;
}


/*************************active??????*************************/

.active-title {
	width: 48.86vw;
}

.active-list {
	z-index: 99999;
	position: relative;
}

.active-blcok {
	z-index: auto;
	position: relative;
	width: 100%;
	background: #fff;
	margin-bottom: 7.08vw;
	padding-bottom: 4.17vw;
}

.active-list .public-container{
	overflow: visible;
}

.active-blcok:before,
.active-blcok:after {
	z-index: -1;
	content: "";
	background-color: #fff;
	position: absolute;
	top: 50%;
	bottom: 0;
	left: 16vw;
	right: 16vw;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	border-radius: 100px/10px;
	-webkit-appearance: none;
}

.active-pic {
	display: block;
	height: 39.8vw;
}

.active-pic img {
	display: block;
	width: 100%;
}

.active-tit {
	display: block;
	padding: 14px 0 14px 5.8vw;
	font-size: 16px;
	color: #000;
}

.active-km {
	display: block;
	width: 19.58vw;
	height: 26px;
	font-size: 12px;
	line-height: 26px;
	color: #403f3f;
	text-align: center;
	border: 1px solid #bebebe;
	border-radius: 13px;
	margin-left: 5.8vw;
	-webkit-appearance: none;
}

.abl {
	display: block;
	position: absolute;
	top: 37.2vw;
	left: 2.1vw;
	width: 12px;
	height: 34px;
	border-left: 1px solid #b71e21;
	border-bottom: 1px solid #b71e21;
}

.abl img {
	display: block;
}


/*************************active_view???????????????*************************/

.view-tit {
	font-size: 18px;
	line-height: 36px;
	text-align: center;
	color: #000;
}

.act-vinfo {
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	color: #8c8c8c;
}

.article {
	background: #fff;
	padding: 4.58vw;
	box-sizing: border-box;
	margin: 4.58vw auto;
}


/*.view-art{
	background: #fff;
	padding: 4.58vw;
	box-sizing: border-box;
	margin: 4.58vw 0;
}*/

.view-art p {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 4.28vw;
}

.view-art p img {
	display: block;
	width: 100%;
}


/*??????????????????*/

.act-view-list {
	padding: 6px 0;
	border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
}

.act-view-list li {
	font-size: 12px;
	line-height: 32px;
	color: #626262;
}

.act-view-list li a {
	color: #000;
}

.active-back {
	display: block;
	width: 30vw;
	height: 9.17vw;
	font-size: 16px;
	text-align: center;
	line-height: 9.17vw;
	border: 1px solid #b0b0b0;
	color: #787878;
	margin: 6.25vw 0;
}


/*************************common_sense????????????*************************/

.commse-title {
	width: 44.27vw;
}

.common-nav .worksnav-items:first-child {
	margin-left: 25.5%;
}

.commsel-items {
	padding: 4.17vw;
	box-sizing: border-box;
}

.commsel-items a{
	display: block;
}
.commsel-items h4 a{
	color: #1d1d1d;
}
.commsel-items p a{
	color: #626262;
}

.commse-time-i {
	display: inline-block;
	width: 14px;
	height: 14px;
	padding-top: 2px;
	box-sizing: border-box;
}

.commse-time-i img {
	display: block;
	width: 100%;
}

.commse-time-t {
	font-size: 12px;
	color: #8c8c8c;
}

.commsel-items h4 {
	font-size: 16px;
	line-height: 32px;
	color: #1d1d1d;
}

.commse-art {
	padding: 1.875vw 0;
	font-size: 12px;
	line-height: 24px;
	color: #626262;
}

.commsel-items:nth-child(2n+1) {
	background: #fff;
}

.commsel-items:nth-child(2n) {
	background: #fdfaf5;
}

.commse-more {
	display: block;
	padding-bottom: 1.875vw;
	font-size: 12px;
	line-height: 38px;
	color: #3d3d3d;
}


/*************************online_booking????????????*************************/


/*????????????*/

.booking-way h4 {
	font-size: 18px;
	color: #171616;
	/*line-height: 36px;*/
	font-weight: 600;
}

.bw-cont {
	display: block;
	width: 100%;
	background: #ce2134;
	font-size: 14px;
	line-height: 28px;
	color: #ffffff;
	margin: 3.125vw 0;
	padding: 6px 4.58vw;
	box-sizing: border-box;
}

.booking-care {
	font-size: 12px;
	line-height: 20px;
	color: #282727;
}


/*????????????*/

.booking-account {
	margin: 6.875vw 0 4.79vw;
}

.booking-account h4 {
	font-size: 16px;
	line-height: 28px;
	color: #000;
	font-weight: 600;
}

.booking-account h5 {
	font-size: 14px;
	line-height: 22px;
}

.booking-account h5 span {
	display: inline-block;
}

.booking-account h5 span:first-child {
	width: 22px;
	height: 22px;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	color: #fff;
	border-radius: 11px;
	background: #cd4e4e;
	margin-right: 4px;
	-webkit-appearance???none;
}

.booking-account p {
	font-size: 12px;
	margin-left: 26px;
}

.alipay {
	margin-top: 1.84vw;
}

.alipay span {
	display: block;
	font-size: 12px;
	line-height: 24px;
	color: #000;
}

.booking-bank {
	margin-top: 3.79vw;
}

.booking-bank p {
	font-size: 12px;
	line-height: 24px;
}


/*????????????*/

.booking-form {
	background: #fff;
	padding: 5vw 0;
	margin-bottom: 5vw;
}

.booking-form h4 span {
	font-size: 18px;
	color: #ce2134;
}

.booking-form h4 small {
	display: block;
	font-size: 12px;
	line-height: 22px;
	color: #848484;
	margin: 1.875vw 0 3.01vw;
}

.bfinfo-items {
	position: relative;
	width: 45.42vw;
	height: 34px;
	margin-top: 3.75vw;
	border-radius: 5px;
	border: 1px solid #b6b6b6;
	font-size: 12px;
	line-height: 32px;
	color: #8a8a8a;
	padding: 0 1.875vw;
	box-sizing: border-box;
}

.bfinfo-items:nth-child(2n) {
	float: right;
}

.bfinfo-items:nth-child(2n+1) {
	float: left;
}

.bfinfo-items span {
	position: absolute;
	display: inline-block;
	/*float: left;*/
	width: 15.25vw;
}

.bfinfo-items small {
	display: inline-block;
	width: 1em;
	text-align: center;
	color: #fff;
}

.bfinfo-items .must {
	color: #b71e21;
}

.bfinfo-items input {
	display: block;
	/*float: left;*/
	width: 26.4vw;
	margin: 0;
	padding: 0;
	border: 0 none;
	margin-left: 14.25vw;
	line-height: 30px;
}

.bfinfo-items select {
	width: 26.4vw;
	margin-left: 14.25vw;
	/*Chrome???Firefox??????????????????????????????????????????????????????*/
	border: 0 none;
	/*????????????????????????select?????????????????????*/
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	/*???????????????????????????????????????????????????*/
	background: url("img/select.png") no-repeat scroll right center transparent;
	background-size: 2.8vw 1.46vw;
	/*????????????????????????????????????????????????????????????*/
	padding-right: 14px;
	color: #8a8a8a;
}


/*??????ie???????????????????????????????????????????????????*/

select::-ms-expand {
	display: 0 none;
}

.bf-demand textarea {
	margin-top: 3.75vw;
	width: 100%;
	max-width: 100%;
	border: 1px solid #b6b6b6;
	font-size: 12px;
	line-height: 32px;
	box-sizing: border-box;
	border-radius: 5px;
	padding: 0 1.875vw;
}

.bf-code {
	float: left;
	width: 45.42vw;
	height: 34px;
	margin-top: 3.75vw;
	border-radius: 5px;
	border: 1px solid #b6b6b6;
	font-size: 12px;
	line-height: 32px;
	color: #8a8a8a;
	padding: 0 1.875vw;
	box-sizing: border-box;
}

.bf-code span {
	position: absolute;
	display: inline-block;
	/*float: left;*/
	width: 15.25vw;
	padding-left: 1.5vw;
}

.bf-code .must {
	color: #b71e21;
}

.bf-code input {
	display: block;
	/*float: left;*/
	width: 24.4vw;
	margin: 0;
	padding: 0;
	border: 0 none;
	margin-left: 16.25vw;
	line-height: 32px;
}

.bf-code-img {
	display: block;
	width: 100px;
	float: left;
	margin-top: 3.75vw;
	margin-left: 5vw;
}

.bf-code-img img {
	width: 100%;
}

.bf-sub {
	display: block;
	height: 9.375vw;
	padding: 3.75vw 0;
}

.bf-sub input {
	width: 100%;
	height: 9.375vw;
	font-size: 20px;
	line-height: 9.375vw;
	color: #fff;
	background-color: #ce2134;
	border: 0 none;
	border-radius: 5px;
}


/*************************about????????????*************************/

.am-tit {
	display: block;
	width: 74.375vw;
	margin: 2.42vw 0 2.04vw;
}

.am-tit1 {
	display: block;
	width: 88.33vw;
	margin: 2.04vw 0 2.04;
}

.am-tit img,
.am-tit1 img {
	width: 100%;
}

.about-main {
	background: url(img/aboutbg.png) center bottom no-repeat;
	background-size: 100% auto;
	margin-bottom: -14.375vw;
	padding-bottom: 64.375vw;
}

.about-main p img {
	display: inline !important;
	max-width: 100% !important;
	height: auto !important;
}

.about-img {
	display: block;
	width: 39.17vw;
	margin-left: 4vw;
	margin-top: 1.83vw;
}

.about-img img,
.about-eng img {
	width: 100%;
}

.about-art {
	margin-top: 3.83vw;
	font-size: 12px;
	line-height: 24px;
	color: #555;
}

.about-eng {
	margin-top: 2.83vw;
}


/*************************about-video????????????-??????*************************/

.abv-itmes {
	position: relative;
	overflow: hidden;
	zoom: 1;
	box-sizing: border-box;
	margin-bottom: 4.375vw;
}

.abv-v {
	display: block;
}

.abv-v img {
	display: block;
	width: 100%;
}

.abv-tit {
	display: block;
	position: absolute;
	width: 100%;
	bottom: 3.54vw;
	padding-left: 2.92vw;
}

.abv-play {
	display: block;
	float: left;
	width: 8.72vw;
	height: 8.72vw;
}

.abv-play img {
	display: block;
	width: 100%;
}

.abv-text {
	display: table;
	margin-left: 9.52vw;
	font-size: 16px;
	color: #fff;
}

.abv-text small {
	display: block;
	font-size: 12px;
}


/*************************about-contact????????????-????????????*************************/

.contact p {
	font-size: 12px;
	line-height: 24px;
	color: #555;
}





/*????????????600px*/
@-webkit-media only screen and (max-height: 600px) {
	.index-logo {
		padding: 4.35vh 0 4.94vh;
	}
	.index-bot {
		position: relative;
		z-index: 10;
		margin-top: 5.76vh;
		height: 37.59vh;
		background: url(img/index-botbg.png) no-repeat;
		background-size: 100% 100%;
	}
	.copy-skill {
		padding-bottom: 1.21vw;
		font-size: 12px;
		line-height: 24px;
		text-align: center;
		color: #f2aaaa;
	}
}

@-moz-media only screen and (max-height: 600px) {
	.index-logo {
		padding: 4.35vh 0 4.94vh;
	}
	.index-bot {
		position: relative;
		z-index: 10;
		margin-top: 5.76vh;
		height: 37.59vh;
		background: url(img/index-botbg.png) no-repeat;
		background-size: 100% 100%;
	}
	.copy-skill {
		padding-bottom: 1.21vw;
		font-size: 12px;
		line-height: 24px;
		text-align: center;
		color: #f2aaaa;
	}
}

@media only screen and (max-height: 600px) {
	.index-logo {
		padding: 4.35vh 0 4.94vh;
	}
	.index-bot {
		position: relative;
		z-index: 10;
		margin-top: 5.76vh;
		height: 37.59vh;
		background: url(img/index-botbg.png) no-repeat;
		background-size: 100% 100%;
	}
	.copy-skill {
		padding-bottom: 1.21vw;
		font-size: 12px;
		line-height: 24px;
		text-align: center;
		color: #f2aaaa;
	}
}