@charset "utf-8";

@import url("reset.css");
@import url("layout.css");
@import url("main.css");
@import url("sub.css");

/*main*/
.mainVs{margin: auto; width: 100%; min-width: 1200px; max-width: 2000px; height: 560px; background: url(../img/common/vis_ns.jpg) center no-repeat; background-size: cover;}
.mainVs .inner{position: relative; height: 560px;}
.mainVs .wingMenu{top: 112px;}
.wingMenu{position: fixed; top: 340px; left: 50%; margin-left: 630px; padding: 10px; width: 140px; border: 1px solid #114e85; background: rgba(255,255,255,0.36); text-align: center;}
.wingMenu p{margin-bottom: 10px; font-size: 13px; color: #114e85;}
.wingMenu ul{border: 1px solid #e4e4e4; background: rgba(255,255,255,0.5);}
.wingMenu li{padding-left: 5px; width: 100%; height: 46px; border-top: 1px solid #e4e4e4; line-height: 46px; text-align: left;}
.wingMenu li:first-child{padding-left: 0; border-top: none; text-align: center;}
.fastLink{position: absolute; left: 0; bottom: 60px; width: 100%; min-width: 1200px; height: 80px; background: rgba(255,255,255,0.9);}
.fastLink li{position: relative; float: left; width: 400px; text-align: center; line-height: 80px;}
.fastLink li:after{position: absolute; top: 20px; right: 0; display: block; content: ''; width: 1px; height: 40px; background: #ccc;}
.fastLink li:last-child:after{display: none;}
.fastLink li a{color: #333;}
.fastLink li img{margin-right: 15px; display: inline-block;}
.midBnr{margin: auto; width: 100%; min-width: 1200px; max-width: 2000px; height: 140px; background: url(../img/common/midBnr_img.jpg) center no-repeat; background-size: cover; line-height: 140px; text-align: center; color: #fff;}
.midBnr p{font-size: 24px; font-weight: 300;}
.midBnr strong{font-size: 30px;}
.midBnr .btn{margin-left: 50px; width: 190px; height: 40px; border-radius: 25px; border: 1px solid #fff;}
.midBnr .btn a{display: block; line-height: 38px; font-size: 16px; color: #fff;}
.bottom{padding: 30px 0 0; min-width: 1200px;}
.mainBox{position: relative; padding: 27px 35px; width: 50%; height: 280px; background: #f7f7f8;}
.mainBox h4{font-size: 18px; font-weight: 600; color: #222;}
.mainBox .more{position: absolute; right: 35px; top: 35px; padding-right: 32px; color: #000; font-size: 12px; font-weight: 400;}
.mainBox .more:after{position: absolute; right: 0; top: 1.5px; display: block; content: ''; width: 29px; height: 11px; background: url(../img/common/icn_main_arr.png);}
.recent{margin-top: 15px;}
.recent .tit{margin-bottom: 10px; font-size: 22px; color: #122d5c; letter-spacing: -0.5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer;}
.recent .date{font-size: 16px; color: #122b54;}
.recentList{position: relative; margin-top: 20px; padding-top: 20px;}
.recentList:before{position: absolute; left: 0; top: 0; display: block; content: ''; width: 100%; height: 3px; background: url(../img/common/bg_notibox.png) center;}
.recentList li{width: 100%; height: 30px; line-height: 30px;}
.recentList .tit{margin-right: 20px; display: inline-block; width: 420px; font-size: 16px; color: #555; letter-spacing: -0.5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer;}
.recentList .date{display: inline-block; width: 90px; font-size: 14px; color: #777; text-align: center; vertical-align: top;}
.galBox{background: #3a3a3a;}
.galBox h4{color: #fff;}
.galBox .more{color: #fff;}
.galBox .more:after{background: url(../img/common/icn_main_arr_w.png);}
.recentListGal{margin-top: 30px;}
.recentListGal li{float: left; margin-right: 15px; width: 165px;}
.recentListGal li:last-child{margin-right: 0;}
.recentListGal .thm{display: flex; width: 165px; height: 107px; overflow: hidden; justify-content: center; align-items: center;}
.recentListGal .thm img{max-width: 100%; max-height: 100%;}
.recentListGal .tit{margin-top: 10px; font-size: 16px; color: #d2d2d2; letter-spacing: -0.5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer;}
.recentListGal .date{margin-top: 10px; font-size: 12px; color: #d2d2d2;}

#our {}
#our .inner {width:1200px;margin:0 auto;}

#our .thm {position:relative;margin:60px -9px 0;}
#our .thm .box {text-align:center;}
#our .thm .box img {display:inline-block;}


.bottom_Logoarea{width:810px; margin:0 auto 0px auto;text-align: center;}
.bottom_Logoarea:after{content:""; display:block; clear:bothl;}
.bottom_Logoarea ul li{float:left; margin-right:10px;}
.bottom_Logoarea ul li:last-child{margin-right:0;}
@media (max-width: 1560px) {
.wingMenu{display: none;}
}