#mVisual {position:relative;margin: 0 0 46px;}
#mVisual:after {content:'';display:block;clear:both;}
#mVisualA {position:relative;width: 100%;height: 720px;overflow: hidden;margin: 91px 0 0 0;}
#mVisualA .showcase-arrow-next {display:none;position:absolute;left: 50%;top: 50%;margin-left: 472px;margin-top: 5px;width:68px;height:68px;border-radius: 50%;border: 1px solid #ddd;background:url(/img/main/mv_arrowright.png) no-repeat;cursor: pointer;z-index: 1;}
#mVisualA .showcase-arrow-previous {display:none;position:absolute;left: 50%;top: 50%;margin-left: 472px;margin-top: -73px;width:68px;height:68px;border-radius: 50%;border: 1px solid #ddd;background:url(/img/main/mv_arrowleft.png) no-repeat;cursor: pointer;z-index: 1;}
#mVisualA .showcase-button-wrapper {position:absolute;left: 50%;top: 116px;width: 1200px;margin-left: -600px;}
#mVisualA .showcase-button-wrapper > span {display: inline-block;text-indent: -9999px;width: 7px;height: 7px;border-radius: 50%;border: 1px solid #fff;margin-right: 15px;}
#mVisualA .showcase-button-wrapper > span.active {background:#fff;}
#mVisualA .mTxt {position: absolute;left: 50%;top: 34%;width: 1200px;margin-left: -600px;color: #fff;font-size: 47px;font-weight: 700;letter-spacing: -1px;line-height: 54px;}
#mVisualA .mTxt p {font-size: 17px;font-weight: 500;margin: 0 0 7px;}
 #mVisualA .swiper-horizontal>.swiper-pagination-bullets  {bottom:30px;}
#mVisualA .swiper-pagination-bullet {width:15px; height:15px; background:rgba(255,255,255,0.5); margin:0px 10px;}
 #mVisualA .swiper-pagination-bullet-active {background:#fff;}

  
.projectwr {padding: 50px 0 50px;}
.projectwr:after {content:'';display:block;clear:both;}
.projectwr h2 {position: relative;letter-spacing: -1px;font-size: 28px;line-height: 100%;color: #173348; font-family: 'SBAggro'; font-weight:700;margin: 0 0 30px;}
.projectwr h2 a {}
.projectwr .projlist {}
 
.projectwr .projlist ul { width:100%; display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap; justify-content: flex-start; align-items: flex-start;}
.projectwr .projlist ul li {width:32%; margin-left:2%;height:100%;display: flex; -ms-flex-flow: row nowrap;  flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; flex-direction:column;}
.projectwr .projlist ul li:first-child, .projectwr .projlist ul li:nth-child(3n+1) {margin-left:0px;}
.projectwr .projlist ul li a {display:block; margin-bottom:60px;width:100%;}
.projectwr .projlist ul li a:after {}
.projectwr .projlist ul li a .imgwr {width:100%; height:340px;    overflow: hidden;    position: relative; }
.projectwr .projlist ul li a .imgwr:after {content:""; position:absolute; left:0; top:-100%; width:100%; height:100%; background:#fff; opacity:0.25; transform-origin:0 100%; transform:rotate(-45deg); transition:top 0.5s 0.3s;}
.projectwr .projlist ul li a:hover .imgwr:after {top:8%;}
 
.projectwr .projlist ul li a .imgA {overflow: hidden; position: relative; width:100%; height:340px; background:#1a1a1a}
.projectwr .projlist ul li a .imgA:after {content:'';position:absolute;left: 0;top: 0;right: 0;bottom: 0;border: 1px solid rgba(0,0,0,0.1);}
.projectwr .projlist ul li a .imgA img {max-width: 102%;width: 102%;height:auto;  opacity:1.0; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.projectwr .projlist ul li a:hover .imgA img {max-width: 108%;width: 108%; height:auto;  opacity:0.4}
.projectwr .projlist ul li a .sbjA { margin:20px 0 10px; color:#173348; font-weight:400; font-size:20px; height:30px; line-height:30px; overflow:hidden;text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp:1;    -webkit-box-orient: vertical; word-wrap:break-word  !important; word-break:break-all !important;}
.projectwr .projlist ul li a .conA {width:100%;  font-size: 16px; height:75px; line-height:25px; letter-spacing:-0.5px;color: #8899A6;font-weight: 400;overflow:hidden;word-break: break-all;text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical; word-wrap:break-word  !important; word-break:keep-all !important;}
.projectwr .projlist ul li a:hover  .sbjA {color:#1183a6;}
.projectwr .projlist ul li a:hover  .conA {color:#1183a6;}
 

.projectwr .projlist ul li a .info {width:100%;  display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap; justify-content: flex-start; align-items: center; font-size: 16px; letter-spacing:-0.5px;color: #8899A6;font-weight: 400;word-break: break-all;}
.projectwr .projlist ul li a .info .size {margin-left:15px; position:relative; padding-left:18px;}
.projectwr .projlist ul li a .info .size:before {position:absolute; top:5px; left:0px; width:4px; height:4px; content:''; display:block; background:#8899A6; opacity:0.7;}


.swiper {position:relative;}
.swiper .swiper-button-prev {color:#fff;text-shadow:1px 1px 1px;width:44px;height:44px;}
.swiper .swiper-button-next {color:#fff;text-shadow:1px 1px 1px;width:44px;height:44px;}
.swiper .swiper-pagination {position:absolute;color:#fff;z-index:10;}