/** reset **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img{border:medium none;margin: 0;padding: 0;font-size: 100%;}
body,button, input, select, textarea{font-size: 0.24rem;font-family:'PingFang SC Regular',arial,'Microsoft Yahei';color: #333333;}
h1, h2, h3, h4, h5, h6{font-weight: normal;}
input,button,img{border: none;background: none;}
input[type="text"],
input[type="password"],button{outline: none;-webkit-appearance:none;}
em,i{font-style:normal;}
ul, ol{list-style: none;}
a{text-decoration: none;
	color:#333;
}
a,a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    text-decoration: none;
}
img{border:0px;  outline-width:0px;  vertical-align:top; max-width:100%;}
*{box-sizing: border-box;}
.clearfix { *zoom: 1; } 
.clearfix:before, .clearfix:after {  display: table; line-height: 0; content: ""; } 
.clearfix:after { clear: both; } 
.fl { float:left;}
.fr { float:right;}
.hide { display:none !important;}
.show {display: block !important;}

@font-face {font-family: 'iconfont';
    src: url("iconfont.eot"/*tpa=http://www.gzczsj.com/static/czsj/css/iconfont.eot*/);
    src: url("iconfont.eot-#iefix"/*tpa=http://www.gzczsj.com/static/czsj/css/iconfont.eot?#iefix*/) format('embedded-opentype'),
    url("iconfont.woff"/*tpa=http://www.gzczsj.com/static/czsj/css/iconfont.woff*/) format('woff'),
    url("iconfont.ttf"/*tpa=http://www.gzczsj.com/static/czsj/css/iconfont.ttf*/) format('truetype'),
    url("iconfont.svg#iconfont"/*tpa=http://www.gzczsj.com/static/czsj/css/iconfont.svg#iconfont*/) format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}


.vidbacking-active-body-back{
	position: fixed;
	z-index: -100;
	top: 50%;
	left: 50%;
	background-size: cover;
	overflow: hidden;
	opacity: 1;
	transition: 2s opacity;
	transform: translateX(-50%) translateY(-50%);
}

.vidbacking-active-block-back{
	position: absolute;
	height: auto;
	width: auto;
	z-index: 0;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.vidbacking{
	display: none;
}
.vidmask-body-back{
	background: url("videooverlay1.png"/*tpa=http://www.gzczsj.com/static/czsj/css/videooverlay1.png*/) repeat;
	opacity: 0.4;
	min-height: 100%;
	min-width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -50;
	display: block;
}
.vidmask-block-back{
	background: url("videooverlay1.png"/*tpa=http://www.gzczsj.com/static/czsj/css/videooverlay1.png*/) repeat;
	opacity: 1;
	min-height: 100%;
	min-width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: auto;
	width: auto;
	z-index: -50;
	display: block;
}

.to-left-in,.to-right-in,.to-top-in,.to-scale-in{opacity: 0;}
@keyframes leftIn {
	0% {transform: translateX(-100%);opacity: 0;}
	100% {transform: translateX(0);opacity: 1;}
}
.left-in{
	animation: leftIn 3s 1;
	animation-fill-mode: forwards;
}

@keyframes rightIn {
	0% {transform: translateX(100%);opacity: 0;}
	100% {transform: translateX(0);opacity: 1;}
}

.right-in{
	animation: rightIn 3s 1;
	animation-fill-mode: forwards;
}

@keyframes TopIn {
	0% {transform: translateY(-300px);opacity: 0;}
	100% {transform: translateY(0);opacity: 1;}
}

.top-in{
	animation: TopIn 3s 1;
	animation-fill-mode: forwards;
}


@keyframes scaleIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

.scale-in{
	animation: scaleIn 2s 1;
	animation-fill-mode: forwards;
}