*{padding:0px;margin:0px;}
a,a:active,a:hover,a:link{text-decoration: none;cursor: pointer;}
/* 字体样式 */
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f16{font-size: 1em;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f24{font-size: 24px;}
.f34{font-size: 34px;}
.cf{color: #fff;}
.c3{color: #333;}
.cc{color: #ccc;}
.ce{color: #eee;}
.cd{color: #ddd;}
.c9{color: #999;}
.tit{padding:10px 0;}
.left{float: left;}
.right{float: right;}
.clear{clear: both;}
.tcenter{text-align: center;} 
.tright{text-align: right;} 
.bold{font-weight: bold;}
.mct{margin: 0 auto;}
.after::after{
	content:'';
	clear:both;
  display:block;width:0;height:0;visibility:hidden; 
}
.bordert{border-bottom: 1px solid #eee;}
.bordertop{border-top: 1px solid #eee;}
.bsh{box-shadow: 1px 1px 2px #999;}
/* 定位 */
.pr{position: relative;}
.pa{position: absolute;}
.pf{position: fixed;}
/* 距离样式 */
.p10{padding:10px 0;}
.p30{padding:4%;}
.p90{padding:4%;}
.pb15{padding-bottom: 15px;}
.pt15{padding-top: 15px;}
.pt5b{padding-top: 8%;}
.pt45{padding-top: 45px;}
.ptb{padding:60px 0;}
.mt15{margin-top: 15px;}
.mt45{margin-top: 45px;}
.hide{display: none;}
.mr10b{margin-right: 10%;}
.pdt30100{padding:0px 0 50px 0;}
/* 宽度样式 */
.col10{width: 10%;}
.col20{width: 20%;}
.col25{width: 25%;}
.col245{width: 24.5%;}
.col30{width: 30%;}
.col33{width: 33%;}
.col40{width: 40%;}
.col45{width: 45%;}
.col495{width: 49.5%;}
.col50{width: 50%;}
.col60{width: 60%;}
.col62{width: 62%;}
.col36{width: 36%;}
.col70{width: 70%;}
.col80{width: 80%;}
.col90{width: 90%;}
.col94{width: 94%;max-width: 1400px;margin: 0 auto;}
.col100{width: 100%}
/*按钮样式*/
.btn-sm{padding:3px 10px;border-radius: 3px;}
.btn-little{padding:5px 15px;border-radius: 3px;}
.btn-all{width: 100%;border-radius: 3px;display: block;height: 40px;line-height: 40px;text-align: center;}
.btn-green{background:#88cb5a;color: #fff;}
.btn-red{background:#ff4100;color: #fff;}
.btn-org{background:#ff9f00;color: #fff;}
.btn-info{background:#3c9dd0;color: #fff;}

.in{animation: inanimate 0.3s;-webkit-animation: inanimate 0.3s; /* Safari 与 Chrome */}
@keyframes inanimate
{
  from {-ms-transform:scale(1.2,1.2);-webkit-transform: scale(1.2,1.2); /* Safari */transform: scale(1.2,1.2); /* 标准语法 */opacity: 0}
  to {-ms-transform:scale(1,1);-webkit-transform: scale(1,1); /* Safari */transform: scale(1,1); /* 标准语法 */opacity: 1}
}
.needdha{opacity: 0;}
.divdh{animation: divdh 1s;-webkit-animation: divdh 1s; /* Safari 与 Chrome */animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards;}
@keyframes divdh
{
  from {-ms-transform:translateY(150px);-webkit-transform:translateY(150px); /* Safari */transform:translateY(150px); /* 标准语法 */opacity: 0}
  to {-ms-transform:translateY(0px);-webkit--transform:translateY(0px); /* Safari */transform:-transform:translateY(0px); /* 标准语法 */opacity: 1}
}
.txtdh{animation: txtdh 2s;-webkit-animation: txtdh 2s; /* Safari 与 Chrome */ }
@keyframestxtdh
{
  from {-ms-transform:translateY(150px);-webkit-transform:translateY(150px); /* Safari */transform:translateY(150px); /* 标准语法 */opacity: 0}
  to {-ms-transform:translateY(0px);-webkit--transform:translateY(0px); /* Safari */transform:-transform:translateY(0px); /* 标准语法 */opacity: 1}
}
.posi::before{
	content: '';
	display:inline-block;
	width: 20px;
	height: 20px;
	position: relative;
	top: 5px;
	left: -5px;
	background-image: url('/style/images/posi.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;

}
#catesonnav{border-bottom: 2px solid #f37400;padding:18px 0;}
#smain{padding:60px 0;line-height: 34px;}
#mnav{position: absolute;top: 75px;left: 0;background-color: #fff;z-index: 10001;opacity: 0.9}
#mnav a{display: block;width: 100%;height: 40px;line-height: 40px;background-color: #fff;}
.searchbox{width: 200px;height: 40px;background-color: #fff;left: -160px;top: 28px;border-radius: 3px;border: 1px solid #ddd;display: none;}
.search:hover .searchbox{display: block;}
#searchboxinput{height: 40px;width: 60%;padding:0 5%;border: none;outline: none;}
#searchbutton{display: block;height: 40px;width:30%;line-height: 40px;background-color: #004895;color: #fff;right: 0;top: 0;font-size: 12px;}
.mbanner img{animation:mban 0.5s;-ms-animation:mban 0.5s;-webkit-animation:mban 0.5s;animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;height: 150px;width: auto;}
@keyframes mban{
  from{transform: translateX(0%);transform: scale(1);}
  to{transform: translateX(-50%);transform: scale(1.2);}
}
.ewma{width: 15%;padding:20px;position: fixed;left: 38%;top: 300px;background-color: #fff; border: 1px solid #ddd;display: none;}
.ewma img{width: 100%;}
.fxbox:hover .ewma{display: block;}