@charset "utf-8";
/* CSS Document */


body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, img{
	border:medium none;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6{ font-size: 100%;}

ul, ol,li{ list-style: none;}

img{ border:none; vertical-align: middle;max-width: 100%;}

table{ border-collapse: collapse; border-spacing: 0;}


.mt10{ margin-top:10px !important;}
.mt50{ margin-top:50px !important;}
.mr0{ margin-right: 0 !important}
.lf{ float:left; display:inline;}
.rt{ float:right; display:inline;}
.blank{ clear:both; width:100%; height:10px; overflow:hidden;}
.blank4{ clear:both; width:100%; height:40px; overflow:hidden;}
.kongbai{ height:500px;}

.w1000{ width:1000px; margin:0 auto; overflow:hidden;}
 

html{font-size:62.5%; /* 10÷16=62.5% */}

body{font-size:12px;font-size:1.2rem ; /* 12÷10=1.2 */}

p{font-size:14px;font-size:1.4rem;}

/*clearFix*/
.clearFix{ clear:both; *zoom:1;}
.clearFix:after{ clear:both;  display:block; visibility:hidden;  height:0;  line-height:0;  content:""; font-size:0;}



/*动态加载*/


.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
@keyframes fadeInUp {
  from {
    opacity: 0;
    /*-webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);*/
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animate-box {
  opacity: 0;
}


.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}



.latticeBox-pic{
	position: relative;
    width: 100%;
}