body,a,div,span,p,input,dl,dt,dd{margin:0;padding:0;}
body{font-family:"Microsoft YaHei","Helvetica","Arial",'SimSun'; font-size:12px;color:#333;}
h1,.h1,h2,.h2,h3,.h3 {margin:0px;padding:0;}
ul,li,ol {list-style:none;margin:0;padding:0;}
a:hover,a {text-decoration:none; color: inherit;}
p {margin:0;padding:0;}
em,i{font-style:normal;}
.w {width:100%;margin:0 auto;position:relative;}
.fl {float:left;}
.fr {float:right;}
.clearfix {clear:both;float:none;}
.clearfix::before{content:"　"; width:0; height:0; font-size:0;clear:both;float:none;}
.clearfix::after{content:"　"; width:0; height:0; font-size:0;clear:both;float:none;}
.clear{clear:both;float:none;}
.img {max-width:100%;}
input,select,textarea{outline:none;}


/*
:nth-child(2){}
:last-child{}
:first-child{}
:nth-child(odd){}
:nth-child(even){}
*/

/*
::-webkit-input-placeholder{}
:-moz-placeholder{}
::-moz-placeholder{}
:-ms-input-placeholder{}
*/

body{ color:#323232;}
a{ text-decoration:none !important;}

.font_family_simsun{ font-family:'SimSun'}
.font_family_my{ font-family:'Microsoft YaHei'}
.font_family_he{ font-family:'Helvetica'}
.font_family_Arial{ font-family:'Arial'}

.font_weight{ font-weight:bold;}

.color_000{ color:#000;}
.color_111{ color:#111;}
.color_222{ color:#222;}
.color_333{ color:#333;}
.color_444{ color:#444;}
.color_555{ color:#555;}
.color_666{ color:#666;}
.color_777{ color:#777;}
.color_888{ color:#888;}
.color_999{ color:#999;}
.color_cc0000{ color:#cc0000;}
.color_fff{ color:#fff;}
.color_00a78a{ color:#00a78a;}
.color_ea5419{ color:#ea5419;}

.border_bottom_eee{ border-bottom:1px solid #eee;}

.margin-top-20{ margin-top:20px;}
.margin-top-30{ margin-top:30px;}
.margin-auto{ margin-left:auto; margin-right:auto;}
.display-block{ display:block;}

.text-center{ text-align:center;}

.ul{ list-style:none; margin:0; padding:0;}
.ul_1{ list-style:none; padding:0;}

em{ font-style:normal; font-weight:normal;}

.img{ max-width:100%; height:auto;}
.img_d{ display:block; height:auto;}
.img_d_w{ width:100%; display:block; height:auto;}

a:hover{ text-decoration:none;}
a.a:hover{ color:#50a0e6 !important;}
a.a1:hover{ text-decoration:underline;}

.table{ display: table; text-align:center;vertical-align: middle; height:100%;}
.table_cell{display:table-cell;vertical-align: middle; text-align:center;}

.ove_dian{ white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ove_dian_2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow: ellipsis;word-break: break-all;}
.ove_dian_3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;text-overflow: ellipsis;word-break: break-all;}
.ove_dian_4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;text-overflow: ellipsis;word-break: break-all;}

.border-bottom{ border-bottom:1px dashed #e6e6e6;}

.box_shadow_bottom{-webkit-box-shadow:0 0px 6px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 0px 6px 3px rgba(0,0,0,0.2); box-shadow:0 0px 6px 3px rgba(0,0,0,0.2); }

.box_shadow_bottom_1{-webkit-box-shadow:0 0px 16px #f1f1f1;-moz-box-shadow:0 0px 16px #f1f1f1; box-shadow:0 0px 16px #f1f1f1; }
.box_shadow_bottom_2{-webkit-box-shadow:0 0px 6px 2px #f1f1f1;-moz-box-shadow:0 0px 6px 2px #f1f1f1; box-shadow:0 0px 6px 2px #f1f1f1; }
.box_shadow_bottom_2_h:hover{-webkit-box-shadow:0 0px 6px 2px #f1f1f1;-moz-box-shadow:0 0px 6px 2px #f1f1f1; box-shadow:0 0px 6px 2px #f1f1f1; }
.box_shadow_bottom_3{-webkit-box-shadow:0 0px 8px 4px #eaeaea;-moz-box-shadow:0 0px 8px 4px #eaeaea; box-shadow:0 0px 8px 4px #eaeaea; }
.box_shadow_bottom_4{-webkit-box-shadow:0 0px 4px 2px #eeeeee;-moz-box-shadow:0 0px 4px 2px #eeeeee; box-shadow:0 0px 4px 2px #eeeeee; }
.box_shadow_bottom_5{-webkit-box-shadow:0 0px 6px 3px #eeeeee;-moz-box-shadow:0 0p 6px 3px #eeeeee; box-shadow:0 0px 6px 3px #eeeeee; }

.toum{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; opacity:0.6;filter:alpha(opacity=60); background:#000; z-index:99;}

.bg_c_fafafa{ background-color:#fafafa;}
.bg_c_fff{ background-color:#fff;}

.font_s_20{ font-size:20px !important;}

.hover{-webkit-transition-property: background-color,background-image,color,border-color,font-size,width,height,opacity,font-weight,top,bottom,left,box-shadow,z-index,overflow; -webkit-transition-duration:0.5s;-webkit-transition-timing-function:0.5s;}
.hover a{-webkit-transition-property: background-color,background-image,color,border-color,font-size,width,height,opacity,font-weight,top,bottom,left,box-shadow,z-index,overflow; -webkit-transition-duration:0.5s;-webkit-transition-timing-function:0.5s;}
.hover .h{-webkit-transition-property: background-color,background-image,color,border-color,font-size,width,height,opacity,font-weight,top,bottom,left,box-shadow,display,z-index,overflow; -webkit-transition-duration:0.5s;-webkit-transition-timing-function:0.5s;}

.hover_transition{transition: width 1s;-moz-transition: width 1s;-webkit-transition: width 1s;-o-transition: width 1s;}


.btn:active{position:relative;top:1px;box-shadow: rgba(0,0,0,0.2) 0px 3px 3px 1px inset;}
.ann_a:active{position:relative;top:1px;box-shadow: rgba(0,0,0,0.2) 0px 3px 3px 1px inset;}
.ann_a_s:active{position:relative;top:1px;}

.ann_h_t{ position:relative;}
.ann_h_t:before{content:"　"; position:absolute; left:0; top:0; z-index:1; width:0%; height:100%;transition: width 1s;-moz-transition: width 1s;-webkit-transition: width 1s;-o-transition: width 1s;}
.ann_h_t:hover:before{ width:100%;}
.ann_h_t .f{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:2;}
.ann_h_t.fff{ border:1px solid #f05231; overflow:hidden;}
.ann_h_t.fff:before{ background-color:#ed765d; border:1px solid #f05231; left:-1px; top:-1px;}
.ann_h_t.fff:hover font{ color:#;}
.ann_h_t:after{}
.ann_h_t .input{ width:100%; height:100%; border:none; background:none; color:#fff;}


.ann_h_ts .t{ position:relative;}
.ann_h_ts .t:before{content:"　"; position:absolute; left:0; top:0; z-index:1; width:0%; height:100%;transition: width 1s;-moz-transition: width 1s;-webkit-transition: width 1s;-o-transition: width 1s;}
.ann_h_ts:hover .t:before{ width:100%;}
.ann_h_ts .t .f{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:2;}

.position_r{position:relative;}
.position_a{position: absolute;}


.ban3 a{}
.ban3 a:hover{ color:#ad8c69 !important;}

.rotate .h{transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.rotate:hover .h{transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);}

.translateY{transition: All 0.6s ease-in-out;-webkit-transition: All 0.6s ease-in-out;-moz-transition: All 0.6s ease-in-out;-o-transition: All 0.6s ease-in-out;}
.translateY:hover{transform:translateY(-10px);-webkit-transform: translateY(-10px);-moz-transform:translateY(-10px);-o-transform:translateY(-10px);-ms-transform:translateY(-10px);}

@media (min-width: 1200px) {

}

@media (min-width:900px) {

}


.animate-bounce-down-s:hover{ 
	animation:mymove0.6s both;
	-moz-animation:mymove 0.6s both; /* Firefox */
	-webkit-animation:mymove 0.6s both; /* Safari and Chrome */
	-o-animation:mymove 0.6s both; /* Opera */
}
.animate-bounce-down-s-h:hover .h{
	animation:mymove0.6s both;
	-moz-animation:mymove 0.6s both; /* Firefox */
	-webkit-animation:mymove 0.6s both; /* Safari and Chrome */
	-o-animation:mymove 0.6s both; /* Opera */
}

.hover_img .h{ display:block; margin:0 auto; -webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.hover_img:hover .h{-webkit-transform: scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);}

.hover_img_s{ display:block; margin:0 auto; -webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.hover_img_s:hover{-webkit-transform: scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);}

/*
animation-name: rotate_x;-webkit-animation-name: rotate_x;-moz-animation-name: rotate_x;-ms-animation-name: rotate_x;-o-animation-name: rotate_x;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;-moz-animation-duration: 1.5s;-ms-animation-duration: 1.5s;-o-animation-duration: 1.5s;animation-timing-function: linear;-webkit-animation-timing-function: linear;-moz-animation-timing-function: linear;-ms-animation-timing-function: linear;-o-animation-timing-function: linear;
*/
@keyframes rotate_x {
	0% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes shake{
	0%{
		opacity: 1;
	}
	50%{
		opacity: 0.2;
	}
	100%{
		opacity: 1;
	}
}
@-webkit-keyframes shake{
	0%{
		opacity: 1;
	}
	50%{
		opacity: 0.2;
	}
	100%{
		opacity: 1;
	}
}

@keyframes myfirst
{
	0%{ display:block; right:280px;transform:rotate(0deg);}
	100%{display:block; right:0;transform:rotate(360deg);}
}
@-webkit-keyframes myfirst
{
	0%{ display:block; right:280px;transform:rotate(0deg);}
	100%{display:block; right:0;transform:rotate(360deg);}
}

@keyframes shaxs
{
	0%{ display:none; opacity:0; transform:translateY(-40px);}
	100%{ display: block; opacity:1; transform:translateY(0px);}
}
@-webkit-keyframes shaxs
{
	0%{ display:none; opacity:0; transform:translateY(-40px);}
	100%{ display: block; opacity:1; transform:translateY(0px);}
}
@-moz-keyframes shaxs
{
	0%{ display:none; opacity:0; transform:translateY(-40px);}
	100%{ display: block; opacity:1; transform:translateY(0px);}
}
@-o-keyframes shaxs
{
	0%{ display:none; opacity:0; transform:translateY(-40px);}
	100%{ display: block; opacity:1; transform:translateY(0px);}
}

@keyframes tiao
{
	0%{transform:translateY(-10px);}
	100%{ transform:translateY(0px);}
}
@-webkit-keyframes tiao
{
	0%{transform:translateY(-10px);}
	100%{ transform:translateY(0px);}
}




@keyframes fx_yd_c
{
	0%{transform:rotate(180deg);}
	100%{transform:rotate(0deg);}
}
@-webkit-keyframes fx_yd_c
{
	0%{transform:rotate(180deg);}
	100%{transform:rotate(0deg);}
}

@keyframes fx_yd_y
{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(-180deg);}
}
@-webkit-keyframes fx_yd_y
{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(-180deg);}
}

@keyframes scale{
	0%{transform: scale(0);-webkit-transform: scale(0);}
	100%{transform: scale(1);-webkit-transform: scale(1);}
}
@-webkit-keyframes scale
{
	0%{transform: scale(0);-webkit-transform: scale(0);}
	100%{transform: scale(1);-webkit-transform: scale(1);}
}

@keyframes scale_s{
	0%{transform: scale(0);-webkit-transform: scale(0);}
	100%{transform: scale(1);-webkit-transform: scale(1);}
}
@-webkit-keyframes scale_s
{
	0%{transform: scale(0);-webkit-transform: scale(0);}
	100%{transform: scale(1);-webkit-transform: scale(1);}
}

@keyframes happy{
	0%{transform:translateX(-100%);}
	100%{ transform:translateX(0);}
}
@-webkit-keyframes happy{
	0%{transform:translateX(-100%);}
	100%{ transform:translateX(0);}
}

@keyframes happy_s{
	0%{ transform:translateX(0);}
	100%{transform:translateX(100%);}
}
@-webkit-keyframes happy_s{
	0%{ transform:translateX(0);}
	100%{transform:translateX(100%);}
}

@keyframes shadow {
	0,93%{
	  transform:rotate(0deg);
	}
	94%{
	  transform:rotate(0deg);
	}
	97%{
	  transform:rotate(-10deg);
	}
	99%{
	  transform: rotate(10deg);
	}
	100%{
	  transform:rotate(0deg);
	}
}
@-webkit-keyframes shadow{
	0,96%{
	  transform:rotate(0deg);
	}
	97%{
	  transform:rotate(0deg);
	}
	98%{
	  transform:rotate(-10deg);
	}
	99%{
	  transform: rotate(10deg);
	}
	100%{
	  transform:rotate(0deg);
	}
}

@keyframes op_show1{
	0%{
		opacity:0;
	    transform:translateX(100px);
	}
	10%{
		opacity:1;
	    transform:translateX(0px);
	}
	11%{
		opacity:1;
	    transform:translateX(0px);
	}
	100%{
		opacity:1;
	    transform:translateX(0px);
	}
}

@keyframes op_show2{
	0%{
		opacity:0;
	    transform:translateX(100px);
	}
	10%{
		opacity:0;
	    transform:translateX(100px);
	}
	20%{
		opacity:1;
	    transform:translateX(0px);
	}
	100%{
		opacity:1;
	    transform:translateX(0px);
	}
}
@keyframes op_show3{
	0%{
		opacity:0;
	    transform:translateX(100px);
	}
	10%{
		opacity:0;
	    transform:translateX(100px);
	}
	20%{
		opacity:0;
	    transform:translateX(100px);
	}
	30%{
		opacity:1;
	    transform:translateX(0px);
	}
	100%{
		opacity:1;
	    transform:translateX(0px);
	}
}
@keyframes op_show4{
	0%{
		opacity:0;
	    transform:translateX(100px);
	}
	30%{
		opacity:0;
	    transform:translateX(100px);
	}
	40%{
		opacity:1;
	    transform:translateX(0px);
	}
	100%{
		opacity:1;
	    transform:translateX(0px);
	}
}
@keyframes op_show5{
	0%{
		opacity:0;
	    transform:translateX(100px);
	}
	40%{
		opacity:0;
	    transform:translateX(100px);
	}
	50%{
		opacity:1;
	    transform:translateX(0px);
	}
	100%{
		opacity:1;
	    transform:translateX(0px);
	}
}

@keyframes dax1{
	0%{
		-webkit-transform: scale(1);
		-moz-transform:scale(1);
		transform:scale(1);
	}
	20%{
		-webkit-transform: scale(1.3);
		-moz-transform:scale(1.3);
		transform:scale(1.3);
	}
	100%{
		-webkit-transform: scale(1);
		-moz-transform:scale(1);
		transform:scale(1);
	}
}
@keyframes dax2{
	0%,20%{
		-webkit-transform: scale(1);
		-moz-transform:scale(1);
		transform:scale(1);
	}
	40%{
		-webkit-transform: scale(1.3);
		-moz-transform:scale(1.3);
		transform:scale(1.3);
	}
	100%{
		-webkit-transform: scale(1);
		-moz-transform:scale(1);
		transform:scale(1);
	}
}
@keyframes dax3{
	0%,40%{
		-webkit-transform: scale(1);
		-moz-transform:scale(1);
		transform:scale(1);
	}
	60%{
		-webkit-transform: scale(1.3);
		-moz-transform:scale(1.3);
		transform:scale(1.3);
	}
	100%{
		-webkit-transform: scale(1);
		-moz-transform:scale(1);
		transform:scale(1);
	}
}
@keyframes dax4{
	0%,60%{
		-webkit-transform: scale(1);
		-moz-transform:scale(1);
		transform:scale(1);
	}
	80%{
		-webkit-transform: scale(1.3);
		-moz-transform:scale(1.3);
		transform:scale(1.3);
	}
	100%{
		-webkit-transform: scale(1);
		-moz-transform:scale(1);
		transform:scale(1);
	}
}




@keyframes shu_x{
	0%{ transform:translateY(0); opacity:0.2;}
	70%{opacity:1;}
	100%{transform:translateY(30px); opacity:0.2;}
}
@-webkit-keyframes shu_x{
	0%{ transform:translateY(0); opacity:0.2;}
	40%{ transform:translateY(10px); opacity:0.5;}
	80%{ transform:translateY(20px); opacity:1;}
	100%{transform:translateY(30px); opacity:2;}
}