* {
	margin:0;
	padding:0;
	list-style:none;
	font-style:normal;
	outline:none;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


@font-face {
	font-family:ATTEN;
	src: url("../font/HATTEN.TTF");
}

@font-face {
	font-family:impact;
	src: url("../font/impact.ttf");
}


@font-face {
	font-family:youyuan;
	src: url("../font/youyuan.TTF");
}

body{
	width:100%;
	font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif,;
	background:#fff;
	font-size:12px;
	color:#666;	
	overflow-x:hidden;
}

h1,h2,h3,h4,h5,h6,h7,h8{
	font-size:12px;
	font-weight:normal;
}

strong{
	font-weight:bold;

}



.c{
	width:100%;
}

.w1200{
	margin:0 auto;
	width:1200px;	
}

.row_1200{
	margin:0 auto;
	max-width:1200px;
	
}
		
.row_1920{
	margin:0 auto;
	max-width:1920px;
}
		


img {
	display: block;
	max-width: 100%;
	border:none;
	vertical-align:top;
	-webkit-transition: opacity 1s, -webkit-transform 1s; 
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	/*
	border-radius:5px;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	*/
}

a {
	cursor:pointer;
	text-decoration:none;
}


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

table, th, td {
	vertical-align: middle;
	border:1px solid #eee; 
}

hr {
	
	border-border:1px solid #eee;
}

.left{
	float:left;
}

.text_cen{
	text-align:center;

}

.right{
	float:right;
}

.clear{
	clear:both;

}

.clearfix:after {
	content:".";  
	height:0;  
	visibility:hidden;  
	display:block;  
	clear:both;  
}


/*垂直居中*/

.czjz{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;	
}



/*垂直*/

.cz{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

/*居中*/

.jz{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;	
}


/*黑白*/

.hb{

-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  
_filter:none; 




}



/*英文大写*/

.dx{
	text-transform : uppercase
}

/*第一个*/

.first ul li:first-child {
	background: none;
}

/*最后一个*/

.last ul li:last-child {
	background: none;
}

/*字间距*/

.text_zj {
	letter-spacing:1px;
}

/*模糊*/

.mh img:hover{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); 
	opacity: 0.5;
}

/*一行*/

.x1{

	display: inline-block;
	white-space: nowrap; 
	width: 100%; 
	overflow: hidden;
	text-overflow:ellipsis;
}

.x2,x3,x4{
	width: 100%; 
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

/*二行*/

.x2{
	-webkit-line-clamp:2;
}


/*三行*/

.x3{
	-webkit-line-clamp:3;
}

/*四行*/

.x4{
	-webkit-line-clamp:4;
}

/*下划线*/
.xl a{
	text-decoration:underline;
}

.xl a:hover{
	text-decoration:underline;	
}


.block{	
	display:block;
}


.none{
	display:none;
}


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

/*下*/
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}
@-webkit-keyframes fadeInDown{
	from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown{
	from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}

/*左*/
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}
@-webkit-keyframes fadeInLeft{
	from{opacity:0;-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeft{
	from{opacity:0;-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}

/*右*/
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRight{
	from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRight{
	from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}



.wow {
	transition: all 0.5s ease-out 0s;
	animation-duration:1.0s;
}

.d1 {
	transition: all 0.5s ease-out 0s;
	animation-duration:1.3s;
}

.d2{
	transition: all 0.5s ease-out 0s;
	animation-duration:1.4s;
}

.d3{
	transition: all 0.5s ease-out 0s;
	animation-duration:1.5s;
}

.d4 {
	transition: all 0.5s ease-out 0s;
	animation-duration:1.6s;
}

.d5{
	transition: all 0.5s ease-out 0s;
	animation-duration:1.7s;
}

.d6{
	transition: all 0.5s ease-out 0s;
	animation-duration:1.8s;
}

.d7{
	transition: all 0.5s ease-out 0s;
	animation-duration:1.9s;
}

.d8{
	transition: all 0.5s ease-out 0s;
	animation-duration:2.0s;
}

.d9{
	transition: all 0.5s ease-out 0s;
	animation-duration:2.2s;
}


.a-1, .a-2, .a-3, .a-4, .a-5, .a-6, .a-7, .a-8, .a-9, .a-10, .a-11, .a-12 {
    float: left;	
  }
  
  .a-12 {
    width: 100%;
	
  }
  .a-11 {
    width: 91.66666667%;
  }
  .a-10 {
    width: 83.33333333%;
  }
  .a-9 {
    width: 75%;
  }
  .a-8 {
    width: 66.66666667%;
  }
  .a-7 {
    width: 58.33333333%;
  }
  .a-6 {
    width: 50%;
  }
  .a-5 {
    width: 41.66666667%;
  }
  .a-4 {
    width: 33.33333333%;
  }
  .a-3 {
    width: 25%;
	
  }
  .a-2 {
    width: 16.66666667%;
  }
  .a-1 {
    width: 8.33333333%;
	
  }
 


@media (max-width: 1200px) {

  .b-1, .b-2, .b-3, .b-4, .b-5, .b-6, .b-7, .b-8, .b-9, .b-10, .b-11, .b-12 {
    float: left;
	
  }
  .b-12 {
    width: 100%;
  }
  .b-11 {
    width: 91.66666667%;
  }
  .b-10 {
    width: 83.33333333%;
  }
  .b-9 {
    width: 75%;
  }
  .b-8 {
    width: 66.66666667%;
  }
  .b-7 {
    width: 58.33333333%;
  }
  .b-6 {
    width: 50%;
	
  }
  .b-5 {
    width: 41.66666667%;
  }
  .b-4 {
    width: 33.33333333%;
  }
  .b-3 {
    width: 25%;
	
  }
  .b-2 {
    width: 16.66666667%;
  }
  .b-1 {
    width: 8.33333333%;
  }


}

@media (max-width:1024px) {

   .c-1, .c-2, .c-3, .c-4, .c-5, .c-6, .c-7, .c-8, .c-9, .c-10, .c-11, .c-12 {
    float: left;
  }
  .c-12 {
    width: 100%;
  }
  .c-11 {
    width: 91.66666667%;
  }
  .c-10 {
    width: 83.33333333%;
  }
  .c-9 {
    width: 75%;
  }
  .c-8 {
    width: 66.66666667%;
  }
  .c-7 {
    width: 58.33333333%;
  }
  .c-6 {
    width: 50%;
  }
  .c-5 {
    width: 41.66666667%;
  }
  .c-4 {
    width: 33.33333333%;
  }
  .c-3 {
    width: 25%;
  }
  .c-2 {
    width: 16.66666667%;
  }
  .c-1 {
    width: 8.33333333%;
  }


}



@media (max-width:860px) {
  .d-1, .d-2, .d-3, .d-4, .d-5, .d-6, .d-7, .d-8, .d-9, .d-10, .d-11, .d-12 {
    float: left;
  }
  .d-12 {
    width: 100%;
	
  }
  .d-11 {
    width: 91.66666667%;
  }
  .d-10 {
    width: 83.33333333%;
  }
  .d-9 {
    width: 75%;
  }
  .d-8 {
    width: 66.66666667%;
  }
  .d-7 {
    width: 58.33333333%;
  }
  .d-6 {
    width: 50%;
  }
  .d-5 {
    width: 41.66666667%;
  }
  .d-4 {
    width: 33.33333333%;
  }
  .d-3 {
    width: 25%;
  }
  .d-2 {
    width: 16.66666667%;
  }
  .d-1 {
    width: 8.33333333%;
  }


}

@media (max-width: 640px) {

.e-1, .e-2, .e-3, .e-4, .e-5, .e-6, .e-7, .e-8, .e-9, .e-10, .e-11, .e-12 {
  float: left;
}
.e-12 {
  width: 100%;

}
.e-11 {
  width: 91.66666667%;
}
.e-10 {
  width: 83.33333333%;
}
.e-9 {
  width: 75%;
}
.e-8 {
  width: 66.66666667%;
}
.e-7 {
  width: 58.33333333%;
}
.e-6 {
  width: 50%;
}
.e-5 {
  width: 41.66666667%;
}
.e-4 {
  width: 33.33333333%;
}
.e-3 {
  width: 25%;
}
.e-2 {
  width: 16.66666667%;
}
.e-1 {
  width: 8.33333333%;
}


}