.m-nnav { margin-bottom: 43px; font-size: 0; letter-spacing: 0; background-color: #f8f8f8; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.09); }

.m-nnav .nav-item { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; 
/*min-width: 136px; padding: 9px 50px; */
width: 25%;;
line-height: 48px;
/*line-height: 30px; */
font-size: 18px; font-size: 1.8rem; font-weight: bold; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; }

.m-nnav .nav-item.active, .m-nnav .nav-item:hover { color: #fff; background-color: #102a8d; }

@media screen and (max-width: 991px) { .m-nnav { margin-bottom: 30px; }
  .m-nnav .nav-item { min-width: 25%; padding: 5px 20px; font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 640px) { .m-nnav .nav-item { min-width: 50%; } }

.m-projl { margin-bottom: -58px; }

.m-projl .list-item { float: left; margin-right: 2.5%; margin-bottom: 58px; width: 24%; }

.m-projl .list-item:hover .item-link { top: 0; }

.m-projl .item-top { position: relative; overflow: hidden; }

.m-projl .box-list { width: 1000%; overflow: hidden; }

.m-projl .list-wp { float: left; width: 10%; }

.m-projl .box-page { position: absolute; z-index: 2; right: 0; top: 14px; width: 100%; padding: 0 10px; font-size: 0; letter-spacing: 0; text-align: right; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-projl .page-item { margin-left: 3px; margin-right: 3px; margin-bottom: 3px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 12px; height: 12px; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #102a8d; border-radius: 50%; }

.m-projl .page-item.active { background-color: #102a8d; }

.m-projl .item-link { position: absolute; left: 0; top: 100%; width: 100%; height: 100%; -moz-box-sizing: border-box; box-sizing: border-box; background: url("../images/projicon1.png") no-repeat center; background-color: #102a8d; background-color: #102a8d; }

.m-projl .item-title { margin-top: 1px; }

.m-projl .item-title a { display: block; height: 46px; line-height: 46px; padding: 0 10px; font-size: 16px; font-size: 1.6rem; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: #ebebeb; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-projl .item-title a:hover { color: white; background-color: #102a8d; }

@media screen and (max-width: 991px) { .m-projl { margin-bottom: -30px; }
  .m-projl .list-item { margin-bottom: 30px; }
  .m-projl .item-title a { height: 36px; line-height: 36px; font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 640px) { .m-projl .list-item { margin-left: 1%; margin-right: 1% !important; width: 48%; } }

@media screen and (max-width: 375px) { .m-projl .list-item { margin-left: 0; margin-right: 0 !important; width: 100%; } }

.m-proj { padding-bottom: 30px; border-bottom: 1px solid #ccc; }

.m-proj .box-title { margin-bottom: 32px; line-height: 36px; font-size: 26px; font-size: 2.6rem; text-align: center; }

@media screen and (max-width: 991px) { .m-proj .box-title { line-height: 1.2; font-size: 24px; font-size: 2.4rem; } }