body{ margin:0px; padding:0px; font-size:12px;color:#000; font-family:"Microsoft Yahei ","微软雅黑"; background-color:#ffffff;}
a{ text-decoration:none; color:#000;}
img{ border:0px;vertical-align: middle; max-width:100%;}
ul,li,dl,dt,dd,form{margin:0px; padding:0px; list-style-type:none;}
p,h1,h2,h3,h4{margin:0px; padding:0px; font-weight:normal;}


input,textarea,button{margin:0;padding:0;outline:none;resize:none;}input[type="search"]{box-sizing:content-box}button{border:0}


* html .clear{height:1%}
.clear{display:block}.hide{display:none}
.clear{ clear:both; height:10px; line-height:10px;}
.clear1{ clear:both; height:0px; line-height:0px;}
.wenzi,.wenzi a{color:#fff;}
.fl{ float:left;}
.fr{ float:right;}
.text-l{text-align: left; }
.text-c{text-align: center; }
.text-r{text-align: right; }
.text-bs{ color: #fff;}
.size14{ font-size: 14px;}
.size16{ font-size: 16px;}
.size18{ font-size: 18px;}
.more { clear:both;}
.more a{ border:1px #e1e1e1 solid; background-color:#FFF; display:block; display:block; width:150px; text-align:center; height:35px; line-height:35px; margin-left:auto; margin-right:auto; font-size:14px;}

.page{  clear:both; padding-top:30px; text-align:center;height:60px;}
.page a{ display:inline-block; margin-right:10px; background-color:#FFF; border:1px #e1e1e1 solid; height:24px; line-height:24px; padding-left:10px; padding-right:10px;}
.page .hover{ color:#FC4F48; border:1px #FC4F48 solid;} 


.wrap{ width:1200px; margin-left:auto; margin-right:auto;}
.top{ height:95px;  color:#fff;z-index:1000; width:100%; top:0px; position: absolute;}

.index1{ margin-bottom: 20px; text-align: center; clear: both; font-size: 22px;}
.index5 li h4{ position: absolute; left: 0px; top: 0px; width: 205px; height: 175px; z-index: 10;opacity: 0; padding: 10px; font-size: 14px;display:flex;justify-content: space-between;align-items:center; line-height: 24px; }
.index5 li{ background-color: #000; position: relative; margin-bottom:30px; margin-left:7px;margin-right:7px; float:left; width:225px;overflow:hidden;}

.index5 li p{ height:40px; line-height:40px; font-size:16px; text-align:center; background-color:#00347a; color:#FFF; overflow:hidden;}
.index5 li:hover img{ opacity: 0.5;}
.index5 li:hover h4{top:0px; color: #fff; transition:all 300ms linear; opacity: 100; }

.foot{min-width:1200px; padding-bottom: 30px; line-height: 30px; clear:both; text-align:left; background-color:#00347a; color:#fff;}
.foot a{color:#CCCCCC;}

.foot1{ padding-top:16px;}
.foot1 h3{ font-size: 16px; margin-bottom: 20px;}
.foot1 ul{ display:flex; }
.foot1 ul li{flex:1; margin-bottom: 20px; text-align: center;}

.foot2{ float: left; border-left: 1px #1a4988 solid; padding-left: 25px; font-size: 14px; line-height: 30px;}
.foot3{ font-size: 28px; font-weight: bold; color: #e3ae5a;}


.er1{ padding-top:10px; padding-bottom:20px; font-size:16px; line-height:32px;}
.er2 ul{display:flex;}
.er2 ul li{flex:1;text-align: center; font-size:16px;  }
.er2 ul li p{ padding:20px 0px;}
.er3 ul li{ margin-bottom: 20px; position: relative; border: 1px #e5e5e5 solid; border-radius: 5px; box-shadow: #000 1px 2px 1px 2px 0.5; height: 135px;}
.er3 ul li img{ height: 150px; position: absolute; bottom:0px;}
.er3 ul li div{ padding-left: 150px; padding-top: 15px ;}
.er3 ul li div h3{ margin-bottom: 10px;}.er3 ul li div p{ line-height: 25px; font-size: 14px;}
.er4{ clear: both; margin: 30px 0px; padding: 15px; text-align: center; font-size: 30px; font-weight: bold; border-radius: 40px;background:linear-gradient(90deg,#0090ff 0,#00347a 100%);color:#fff; }
.er5 { border: 1px #eeeeee solid; width: 100%; text-indent: 28px; padding: 10px 0px; margin-bottom: 12px;}