﻿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:#333;}
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;}
.clear{clear:both;float:none;}
.img {max-width:100%;}
input,select{outline:none;}
/*
:nth-child(2){}
:last-child{}
:first-child{}
:nth-child(odd){}
:nth-child(even){}
*/

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'}

.color_666666{ color:#666;}
.color_cc0000{ color:#cc0000;}
.color_fff{ color:#fff;}

.margin-top-20{ margin-top:20px;}
.margin-top-30{ margin-top:30px;}
.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;}

a{ color:#646464;}
a:hover{ text-decoration:none;}
a.a:hover{ color:#50a0e6 !important;}
a.a1:hover{ text-decoration:underline;}

.ove_dian{ white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.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:9;}

.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,box-shadow,z-index; -webkit-transition-duration:0.8s;-webkit-transition-timing-function:0.8s;}
.hover a{-webkit-transition-property: background-color,background-image,color,border-color,font-size,width,height,opacity,font-weight,top,box-shadow,z-index; -webkit-transition-duration:0.8s;-webkit-transition-timing-function:0.8s;}
.hover .h{-webkit-transition-property: background-color,background-image,color,border-color,font-size,width,height,opacity,font-weight,top,box-shadow,display,z-index; -webkit-transition-duration:0.8s;-webkit-transition-timing-function:0.8s;}


.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;}

.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) {
  body,html{ min-width:1200px;}
  .container {width:1200px;}
}

@media (min-width:900px) {
  body,html{ min-width:1200px;}
  .container {width:1200px;}
}


.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);}
}















