@charset "utf-8";
/*---------------- html ----------------*/
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	overflow: hidden;
	list-style: none;
	text-decoration: none;
	font-family: 'os', '微软雅黑';
	font-weight: normal;
}

* h1, * h2, * h3, * h4, * h5{
	font-weight: normal;
	overflow: visible;
}

* span {
	font-weight: normal;
}

* img, * video {
	max-width: 100%;
	display: block;
	border: 0;
}

*:focus {
	outline: none;
}

* b, b *,  * strong, strong * { 
	font-weight: bold;
}

* a{
	transition: all .2s cubic-bezier(0.54, 0, 0.19, 1.08);
	-webkit-transition: all .2s cubic-bezier(0.54, 0, 0.19, 1.08);
	-moz-transition: all .2s cubic-bezier(0.54, 0, 0.19, 1.08);
	-ms-transition: all .2s cubic-bezier(0.54, 0, 0.19, 1.08);
}

* a:hover {
	opacity: 1;
}

* a.on {
	
}

h2 {
	font-size: 1.1458vw; /* 22 */
	line-height: 1.6667vw; /* 32 */
}

p {
	font-size: 0.8854vw; /* 17 */
	line-height: 1.5625vw; /* 30 */
}

html,body{
	width:100%;
	height:auto;
	min-height: 100%;
	overflow: auto;
	overflow-x: hidden;
	font-weight: 400;
	text-rendering: optimizeLegibility;
    -webkit-tap-highlight-color: transparent;
}

body {
	overflow: visible;
}

select {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	padding: 0 5px;
	padding: 0 0.2604vw;
	background: url(../images/select_arrow.png) no-repeat right center /  1.5625vw; /* 30 */
}

select:focus {
    outline: none;
}


/*
.wow {
	opacity: 0;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
}
*/


/*---------------- layout ----------------*/
#wrapper{
	width: 100%;
	height: auto;
	float: left;
	position: relative;
	z-index: 2;
	background: #FFFFFF;
	overflow: visible;
}

.main, .container{
	height: auto;
	margin: 0 auto;
	position: relative;
}

.max {
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	overflow: visible;
}

.full{
	width: 100%;
	height: auto;
	display: block;
}

.max-center-pic{
	width: 100%;
	height: auto;
}

.max-center-pic img{
	height: 100%;
	display: block;
	margin: 0 0 0 50%;
	transform: translate3d(-50%, 0, 0);
	-webkit-transform: translate3d(-50%, 0, 0);
	-moz-transform: translate3d(-50%, 0, 0);
	-ms-transform: translate3d(-50%, 0, 0);
}


.box {
	width: 100%;
	height: auto;
	float: left;
	box-sizing: border-box;
	position: relative;
}

.ov {
	overflow: visible;
}

.oh {
	overflow: hidden;
}

.clear{
	clear: both;
}

img.full {
	width: 100%;
	display: block;
}

.left {
	float: left;
}

.right {
	float: right;
}

/*---------------- overlay ----------------*/
#mask{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2000;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-filter: alpha(opacity=0);
	display: none;
	transition: all .5s cubic-bezier(0.54, 0, 0.19, 1.08);
}

#mask.show{
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-filter: alpha(opacity=100);
}

/*---------------- content ----------------*/
.thumb, .pic {
	height: auto;
	position: relative;
	overflow: hidden;
}

.thumb img, .pic img {
	width: 100%;
	display: block;
}

.thumb.cover img, .pic.cover img {
	height: 100%;
	object-fit: cover;
}

.thumb a:hover {
	opacity: 1;
}

.zoom img {
	transition: all .5s cubic-bezier(0.54, 0, 0.19, 1.08);
	-webkit-transition: all .5s cubic-bezier(0.54, 0, 0.19, 1.08);
	-moz-transition: all .5s cubic-bezier(0.54, 0, 0.19, 1.08);
	-ms-transition: all .5s cubic-bezier(0.54, 0, 0.19, 1.08);
}

div:has(> .zoom):hover .zoom img, .zoom:hover img {
	transform: scale(1.05,1.05);
	-webkit-transform: scale(1.05,1.05);
	-moz-transform: scale(1.05,1.05);
	-ms-transform: scale(1.05,1.05);
}

/*---------------- mobile ----------------*/
@media (min-width: 1px) and (max-width: 768px){
	
	
}