﻿

body { font-size: 1em; background: #fff; display: inline-block;}
.headpost{width:100%; height:100%;position:relative;background:#fff;}
.headimg{ width: 100%; height:100%; }
.munebutton{width:100%; height:42px; border-bottom:1px solid #e4e4e4; background:#f6f7f9;bottom:0px;position:absolute;}

.menu{width:1200px; height:60px;position:relative;margin:2rem auto;}

.menu ul li{width:19.9%; height:60px; float:left;background:#333436;margin-left:1px;line-height:60px;vertical-align:middle;text-align:center;}

.menu ul li img{line-height:60px;vertical-align:middle;margin:-2px 8px;}
.menu ul li a{font-size:16px;color:#fff;display: block; cursor: pointer;}
.menu ul li.show a{background:#095da6;color:#fff;}
.menu ul li:hover{background:#095da6;color:#fff;}

.prolist{width:1200px;min-height:500px;margin:0 auto ;position:relative;}
.prolist li{position:relative;float:left;width:33.1%;height:369px;margin:0 2px 2px 0;background:#f3f3f3;line-height:369px;text-align:center;vertical-align
                   :middle;color:#fff;font-size:18px;overflow:hidden;}
/*.prolist ul li img{width:99.7%;}*/
.prolist li span{font-size:22px; font-weight:bold;color:#004385;top: 20px; left: 30px; position: absolute;width: 90%;height: 50px;text-align: left;  line-height: 50px;z-index:2;}
.prolist li a{color:#fff;font-size:18px;}
.prolist li:last-child{/*background:#095da6;*/color:#fff;}


.redmore{width:170px;height:55px;margin:129px auto;line-height:55px;text-align:center;border-bottom:2px solid #fff;}
.redmore img{ margin:-5px 5px;width:35px!important;float:left;}
.more ul li{background:#095da6;width:33.1%; height:369px;margin-bottom:2rem;}

.tab-contents { width:1200px; position:relative;margin:2rem auto; }
ul.tabs { top: 6rem; width: 100%; height: 4rem; line-height: 4rem; }
.tabs > li { width: 25%; height: 100%; /* line-height: 100%; */ float: left; }
.tabs > li > a { font-size: 1.2rem; color: #fff; display: block; font-size: 1.2rem; background: #333436; }
.tabs > li.active a { background: #095da6; color: #fff; }
.tabs > li > a:hover { background: #095da6; color: #fff; }

.contents { display: none; }
.contents.active { display: block; }


@media (max-width:1024px) {

  .prolist{width:1024px;}
  .menu{width:1024px; }
  .prolist ul li img{width:99.8%;}

}


