@charset "utf-8";
#ms { width: 100%; height: 779px; }
#ms .ms.swiper-container { width: 100%; height: 779px; }
#ms .ms .swiper-slide { background-position: center; background-repeat: no-repeat; }
#ms .ms.swiper-container .swiper-button-prev, #ms .ms.swiper-container .swiper-button-next { width: 51px; height: 92px; margin-top: -46px; background-size: 51px 92px; }
#ms .ms.swiper-container .swiper-button-prev { background-image: url('../img/main/btn-prev.png'); left: 130px; }
#ms .ms.swiper-container .swiper-button-next { background-image: url('../img/main/btn-next.png'); right: 130px; }

.article { width: 100%; clear: both; overflow: hidden; }
.article .section { width: 1920px; overflow: hidden; position: relative; left: 50%; top: 0; margin-left: -960px; }

#article2 .section2 { height: 1081px; background: url('../img/main/sec3-bg.png') repeat-x; }
#article2 .section2 > ul { width: 1192px; margin: 0 auto; }
#article2 .section2 > ul > li { width: 230px; height: 597px; position: relative; float: left; margin-left: 10px; }
#article2 .section2 > ul > li:first-child { margin-left: 0; }
#article2 .section2 > ul > li > p { position: absolute; left: 0; top: 0; height: 554px; width: 100%; overflow: hidden; }
#article2 .section2 > ul > li:nth-child(2n) > p { top: 43px; }
#article2 .section2 > ul > li > p:nth-child(1) > img { transition: all 0.5s ease-out; }
#article2 .section2 > ul > li:hover > p:nth-child(1) > img { transform: scale(1.1); }

#article5 { background: #e9e9e9; }
#article7 { height: 710px; overflow: hidden; position: relative; }
#article7 > p { position: absolute; width: 961px; height: 710px; left: 50%; top: 0; z-index: 10; }