/* 全景 */
.dx-floor-02 { width: 100%; height: 720px; padding-top: 75px; margin-top: 75px; background: url(../images/yangbanjian/floor-02-bg.jpg) top center no-repeat; }
.dx-floor-02 .dx-wrapper { width: 1200px; margin: auto; }
.dx-floor-02 p { margin: 0px; }
.dx-floor-02 .dx-common-title { text-align: center; }
.dx-floor-02 .dx-common-title a { text-decoration: none; color: #fff; font-size: 0px; display: inline-block; }
.dx-floor-02 .dx-common-title p { font-size: 32px; }
.dx-floor-02 .dx-common-title:after { content: ""; width: 50px; height: 1px; background: #e00012; display: block; margin: 25px auto 0; }
.dx-floor-02 .dx-common-title span { color: #fff; display: block; margin-top: 5px; font-size: 16px; }

.dx-floor-02 .floor-02-content { width: 1200px; margin: 50px auto 0; }
.dx-floor-02 .floor-02-content iframe { width: 380px; height: 500px; border: 0px; }
.dx-floor-02 .floor-02-content ul { padding: 0px; margin: 0px; list-style: none; font-size: 0px; position: relative; }
.dx-floor-02 .floor-02-content ul li { position: relative; display: inline-block; vertical-align: top; font-size: 16px; transition: all 0.5s ease; }
.dx-floor-02 .floor-02-content ul li:first-child { width: 380px; height: 500px; position: absolute; top: 0px; left: 0px; }
.dx-floor-02 .floor-02-content ul li img { width: 380px; height: 235px; transition: all 0.5s ease; }
.dx-floor-02 .floor-02-content ul li .floor-02-pic { width: 380px; height: 235px; overflow: hidden; }
.dx-floor-02 .floor-02-content ul li:first-child img { width: 380px; height: 500px; }
.dx-floor-02 .floor-02-content ul li:first-child .floor-02-pic { width: 380px; height: 500px; overflow: hidden; }
.dx-floor-02 .floor-02-content ul li .floor-02-text { width: 100%; position: absolute; bottom: 0px; left: 0px; text-align: center; }
.dx-floor-02 .floor-02-content ul li:first-child + li { margin: 0 30px 0 410px; }
.dx-floor-02 .floor-02-content ul li:first-child + li + li + li { margin: 30px 0 0 410px; }
.dx-floor-02 .floor-02-content ul li:first-child + li + li + li + li { margin: 30px 0 0 30px; }
.dx-floor-02 .floor-02-content ul li a { color: #fff; display: block; text-decoration: none; }
.dx-floor-02 .floor-02-content i { font-style: normal; }
.dx-floor-02 .floor-02-content ul li .floor-02-text { height: 65px; line-height: 65px; z-index: 1; }
.dx-floor-02 .floor-02-content ul li:after { content: ""; width: 100%; height: 100px; position: absolute; bottom: 0px; left: 0px; background: linear-gradient(to bottom, transparent,rgba(0,0,0,0.75)); display: block; }
.dx-floor-02 .floor-02-content ul li:first-child:after { content: ""; height: 200px; }
.dx-floor-02 .floor-02-content ul li:first-child:before { content: "· VR全景"; padding: 5px 15px; color: #fff; background: rgba(0,0,0,0.25); border-radius: 50px; position: absolute; top: 20px; right: 20px; z-index: 1; }
.dx-floor-02 .floor-02-content ul li:hover { transform: translateY(-10px); box-shadow: 0 15px 32px rgba(0,0,0,0.15); }
.dx-floor-02 .floor-02-content ul li:hover img { transform: scale(1.1); }
