@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0;}
body { font: 14px/1.8 "Microsoft Yahei",verdana; color:#333; background:#fff; min-width:1200px;overflow-x: hidden;}
.fl{ float:left;}
.fr{ float:right;}
a,ins{color:#333; text-decoration:none;outline:none;}
a:hover{color:#507900;}
ul,ol,li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight: 500; font-style: normal;}
b,strong,span{ font-style: normal;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
address,cite,dfn,em,var,i{font-style:normal}
em,i { font-style: normal;}
img {border:0;}
.ClearFix:after { clear: both; content: "."; display: block;  height: 0; overflow: hidden; visibility: hidden;}
header{ width:100%; background:url(../images/g_header_bg.jpg) bottom repeat-x;}
section{ width:100%; overflow:hidden;}
footer{ width:100%; background:#f4f4f4; border-top:2px #2b4713 solid; text-align:center; color:#000; line-height:65px;}

/*width&height*/
.w1200{ width:1200px; margin:0 auto; overflow:hidden;}
.w800{ width:800px; margin:0 auto;}
.w813{ width:813px;}
.w630{ width:630px;}
.w740{ width:740px;}
.w772{ width:772px;}
.w320{ width:320px;}
.w355{ width:355px;}
.w320{ width:320px;}
.w540{ width:540px;}
.w290{ width:290px;}
.w280{ width:280px; overflow:hidden;}
.w160{ width:160px;}

.h524{ height:524px;}
.h492{ height:492px;}
.h422{ min-height:422px;}
.h270{ height:270px;}
.h257{ height:257px; overflow:hidden;}
.h158{height:158px;}
.h228{ height:228px;}
.h100{ height:100px;}
.h65{height:65px;}
.h50{ height:50px;}
.h32{ height:32px;}


/*margin*/
.m_l10{ margin-left:10px;}
.m_l50{ margin-left:50px;}
.m_l4{ margin-left:4px;}
.m_r10{ margin-right:10px;}
.m_t10{ margin-top:10px;}
.m_t20{ margin-top:20px;}
.m_t28{ margin-top:28px;}
.m_t35{ margin-top:35px;}
.m_t60{ margin-top:60px;}
.m_b28{ margin-bottom:28px;}
.m_b20{ margin-bottom:20px;}
.m_b10{ margin-bottom:10px;}
.m_b60{ margin-bottom:60px;}
.m_b10{ margin-bottom:10px;}

/*font-size*/
.f12{ font-size:12px;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.f24{ font-size:24px;}
.f28{ font-size:28px;}

/*padding*/
.p_b10{ padding-bottom:10px;}

.p_tall{ padding:35px 20px;}
.tl_c{text-align:center;}

/*head*/
.logo img{ display:block; margin-top:23px;}
.xn_nav h4{ text-align:right;}
.xn_nav h4 a{ width:75px; text-align:center; display:inline-block; color:#000;}
.xn_nav h4 a:last-child{ margin-right:15px;}
.xn_nav_ul li{ float:left; line-height:30px; text-align:center; width:110px; background:url(../images/g_header_line.jpg) center right no-repeat; font-weight:bold;}
.xn_nav_ul li:first-child{ width:80px;}
.xn_nav_ul li:last-child{ background:none;}
.xn_nav_ul li a{ color:#000; display:block;}
.xn_nav_ul li a:hover,.xn_nav_ul li.active a{color:#52843a;}
.xn_nav_red li a:hover,.xn_nav_ul li.active_red a{color:#d9000a;}

/*404*//*wrong*/
.not-responding-404,.wrong_page{position: absolute;top: 0;left: 0;bottom: 0;right: 0; width:100%; height:100%;}
.not-responding-404{background:#fbfbfb url(../images/404.jpg) center no-repeat;}
.wrong_page{ background:#fbfbfb url(../images/wrong.jpg) no-repeat center;}
.not-responding-404 .btn,.wrong_page .btn{position: absolute;width: 178px;height: 60px;text-align: center;line-height: 60px;font-size: 24px;color: #fff;background: #1b3900;border-radius: 6px;}
.not-responding-404 .btn{left: 50%;margin-left: -90px;top: 80%;}
.wrong_page .btn{left: 58%;margin-left: -90px;top: 56%;}

/*animateUp CSS*/
@keyframes CfadeInUp
{
	from {transform: translateY(50px);}
	to {transform: translateY(0px);
		opacity:1;}
}

.CfadeInUp{
	opacity: 0;
	animation: 1s ease  forwards  alternate;
}