/* --public.css-- */
body,div,span,img,h1,h2,h3,h4,h5,h6,ul,li,dl,dd,ol,p,i,b,strong,a,table,th,td,form,input,textarea{
	margin:0;padding:0;outline:none;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
body{font-family:"PingFang SC",'Microsoft Yahei','Microsoft JhengHei',Helvetica,Tahoma;}
a{color:#333;text-decoration:none;transition: all 0.35s;-moz-transition: all 0.35s;-webkit-transition: all 0.35s;-o-transition: all 0.35s;}
ol,ul,li{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;display:inline-block;vertical-align:middle;}
::-webkit-scrollbar{width:6px;height:6px ;}
::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent;background: #f8f8f8;border-radius: 6px;}
::-webkit-scrollbar-thumb{border-radius: 6px;background: #bbb;}

.hidden{overflow:hidden;}
.clear{clear:both;}
.clearfix:after{content:".";visibility:hidden;display:block;height:0;clear:both;}
.valign-middle{display:table-cell;vertical-align:middle;}

@font-face{
	font-family:FuturaLL;
	src:url('../fonts/Futura LT Light.otf');
}
@font-face {
	font-family:fz;
	src:url('../fonts/bahnschrift.ttf');
}
@font-face{
	font-family:wurairun;
	src:url('../fonts/wurairun.ttf');
}
.ts035{
	transition: all 0.35s;
    -moz-transition: all 0.35s;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
}
.ts05{
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.start-center{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
}
.center-center{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
}
.center-center-colume{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: left;
    -ms-flex-line-pack: center;
    align-content: center;
}

.pic{position:relative;overflow:hidden;}
.pic img{
	width:100%;height:auto;-o-object-fit:cover;object-fit:cover;display:block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.pic:hover img{
	-webkit-transform: scale(1.08);
	transform: scale(1.08);
}
.picEnlarge{width:100%;height:100%;position:absolute;left:0;top:0;z-index:9;}
.picEnlarge:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background:rgba(31,67,155,0.7);
	-webkit-transition: all 250ms ease-out 0ms;
    transition: all 250ms ease-out 0ms;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-101%);
    transform: translateY(-101%);
}
.picEnlarge i{
	width:52px;
	height:52px;
	border:1px solid rgba(255,255,255,0.4);
	border-radius:50%;
	background:url(../images/picEnlarge.png) no-repeat center;
	background-size:20px 20px;
	position:absolute;
	left:50%;
	bottom:0;
	opacity: 0;
	-webkit-transition: all 480ms ease-out 200ms;
    transition: all 480ms ease-out 200ms;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
.pic:hover .picEnlarge:before {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.pic:hover .picEnlarge i{
    opacity: 1;
    bottom: 50%;
    -webkit-transform: translate(-50%,50%);
    transform: translate(-50%,50%);
}