@charset "UTF-8";
/* 设施主体介绍 */
.fli_main{display:flex;justify-content:space-between;border:1px solid #ddd;padding:20px}
.fli_main .fm-left{width:50%}
.fli_main .fm-left .rl-video{padding-bottom:20px;height:320px}
.fli_main .fm-left .rl-video .picdiv{width:100%;max-height:320px}
.fli_main .fm-left .rl-foot{display:flex;align-items:center;margin-top:10px}
.fli_main .fm-left .rl-foot .foot-pic{width:80%;overflow:hidden;position:relative;height:95px}
.fli_main .fm-left .rl-foot .foot-pic .slidecon{position:absolute;top:0;white-space:nowrap}
.fli_main .fm-left .rl-foot .foot-pic .slidecon a{display:inline-block;border:1px solid #ccc;text-align:center;color:#333;font-size:12px;padding:5px 10px;margin-right:10px;width:120px;box-sizing:border-box}
.fli_main .fm-left .rl-foot .foot-pic .slidecon a img{width:100px;height:60px}
.fli_main .fm-left .rl-foot .foot-pic .slidecon a:hover p{text-decoration:underline}
.fli_main .fm-left .rl-foot .foot-pic .slidecon a>p{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.fli_main .fm-left .rl-foot .foot-pic .slidecon .on{border-color:#0074ff}
.fli_main .fm-left .rl-foot .slides{width:10%;text-align:center;cursor:pointer}
.fli_main .fm-left .rl-foot .slides i{font-size:36px;font-weight:700}
.fli_main .fm-left .rl-foot .slides i:hover{color:#0074ff}
.fli_main .fm-right{width:45%;color:#000}
.fli_main .fm-right h1{font-weight:400;padding-bottom:20px;font-size:28px;border-bottom:1px solid #e8e8e8}
.fli_main .fm-right ul{height:280px;overflow-y:auto}
.fli_main .fm-right ul li{margin:10px 0;font-size:14px}
.fli_main .fm-right .yd-btn{width:40%;margin:20px auto 0;letter-spacing:2px;font-size:16px;cursor:pointer;background-image:linear-gradient(to right,#56ccf2 0,#2f80ed 51%,#56ccf2 100%);padding:15px 45px;text-align:center;text-transform:uppercase;transition:.5s;background-size:200% auto;color:#fff;box-shadow:0 0 20px #eee;border-radius:10px;display:block}
.fli_main .fm-right .yd-btn:hover{background-position:right center;color:#fff;text-decoration:none}
.yd-btn{width:40%;margin:20px auto 0;letter-spacing:2px;font-size:16px;cursor:pointer;background-image:linear-gradient(to right,#56ccf2 0,#2f80ed 51%,#56ccf2 100%);padding:15px 45px;text-align:center;text-transform:uppercase;transition:.5s;background-size:200% auto;color:#fff;box-shadow:0 0 20px #eee;border-radius:10px;display:block;font-weight: 600;}
.yd-btn:hover{background-position:right center;color:#fff;text-decoration:none}

/* 同设施组其它设施 */
.otherfliTypes{margin-top:30px}
.otherfliTypes .rliList{display:flex;justify-content:space-between;margin-top:15px;flex-wrap:wrap}
.otherfliTypes .rliList a{width:32.5%;height:140px;padding:10px;border:1px solid #eee;box-shadow:2px 2px 5px #eee;display:flex;box-sizing:border-box;color:#000;margin-bottom:10px;transition-duration:.5s;text-decoration:none}
.otherfliTypes .rliList a img{width:160px;height:120px}
.otherfliTypes .rliList a .other-info{margin-left:7px;height:120px;flex:1}
.otherfliTypes .rliList a .other-info .rname{font-size:16px;color:#003b8a;font-weight:600;margin-bottom:5px}
.otherfliTypes .rliList a .other-info p{font-size:14px;line-height:24px;width:98%;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.otherfliTypes .rliList a:hover{box-shadow:2px 2px 5px #5ea4f8}
.otherfliTypes .rliList::after{content:"";width:33%}

/* 其它设施组 */
.facilityGroup{margin-top:30px}
.facilityGroup .fliList{display:grid;grid-row-gap:10px;justify-content:space-between;grid-template-columns:repeat(auto-fill,24%)}
.facilityGroup .fliList img{width:100%}
.facilityGroup .fliList .fg_list{display:inline-block;box-sizing:border-box;position:relative;margin-top:15px;transition-duration:.5s;text-decoration:none}
.facilityGroup .fliList .fg_list>p{letter-spacing:5px;text-align:center;position:absolute;bottom:0;width:100%;background-color:rgba(0,0,0,.5);color:#fff;padding:13px 0;font-size:16px;font-weight:500}
.facilityGroup .fliList .fg_list:hover{box-shadow:2px 2px 10px #5ea4f8}
.wrap .title{font-size:16px;color:#333;position:relative;text-align:center;height:40px;display:flex;align-items:center}
.wrap .title h3{position:absolute;left:50%;padding:0 15px;transform:translateX(-50%);display:inline-block;font-weight:500;background-color:#fff}
.wrap .title .hx{height:1px;width:100%;background-color:#ddd}
.wrap .title i{font-size:20px;padding-right:5px}
.wrap .title_group h3{border-bottom:1px solid #ddd;border-left:5px solid #0074ff;font-weight:500;color:#333;font-size:16px;padding:0 10px 10px}
.wrap .notext{color:#999}
.wrap .kindReminder{margin-top:20px;padding:10px;background:#ecf5fc;border-radius:5px;color:#999}
.wrap .kindReminder>span{color:red;font-size:12px}
/* 视频播放器 */
.zdplayerbox{position: relative; width: 100%; height: 100%;font-size: 0;}
.zdplayerbox img{width:100%;}
.zdplayerbox video{ width: 100%;height: 400px;}
.zdplayerbox .playerIcon{left: 50%;top: 50%;position: absolute;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);display: block;width: 48px;height: 48px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAMAAADQmBKKAAAAt1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD9/f0YGBgAAAAAAAAAAAD7+/vj4+PR0dGhoaE0NDT39/fw8PDt7e24uLhgYGBXV1f///++vr6JiYlMTExAQEAqKir09PTn5+fg4ODc3NzExMSysrKTk5N8fHzW1tbKysrAwMCdnZ2rq6umpqampqZ0dHRvb2//////k5ryAAAAPHRSTlNmAE8dXzUTBmRjW0lFDGVWQT0mGRD7bFQ3L/fbx6R08unms4OA/biWfHhx7t/X07ywm4/Nwbqhq6emi4oh+jjiAAAD90lEQVR42szXiU7UQADG8W/u3t0eeyIgK4gHElCjMc77P5cJErrAXnN1+D3BP+1k+hXERc+WTZHTecaThGdzmhfNkvXEhW2QYqKoE2yV1IVgihhwDeoETXBAQkVHDFgHqTZPcaQ0bxUxYBHEJimMpBNGBp6DykUGC9miJCRAUD+pYKma9N6DZAEnhfQaJHM4y6W3INXAi0b5CWo5POGthyBJ4RGVrkGigleVcAoqKbyjpX0Q4wiAM9sggUCEVZCiCIYq86CyRkB1aRokMwSVSbOgjiMw3pkEsRTBpez4IFZhBBU7NqhLMYq0Oy5IcoyEy2OCygyjycrDQarGiGp1MIhiVPRQkMDIxP4ghtGxfUElx+h4uSeIIgK6O0ggCrErSFaIopI7gigioduDWkTTbgtSHNFwtSWoQUTN6yCJqOSroBxR5U9Bb+MBAfJFUIHIiudBPaLrnwVNEN1kM6isEF1VbgQt8AYsNoIy2Lg8Xa/vL+FLNgQxWLi+0A9Orr1uR1ge6dk7/eTbJ1/H+jFIpTB2qzesfsOHVD0GtTC21s/dfPC1QmD1GTtb6RemH2dwlj8GpTB1p197/x2u0v9BHYyd6G3efYGj7iFIwNi53ur83v3/A1bb/krvcPvZde2DqATG9E6rP3CQKAKra1rvcXPpdFmDCM9BerqeORwikMJX0ODir/1uBKn9B+mrnzNYqQlI4jFo8PUaNhKCHl6DBj/OYKEHCxWkV79gjmHpPWhwYj6UlmgCBunpHQw1KEIEDS4Mh1KBPGyQnp7CRA4aKGhgVEQxDx40NXlrc2TBg/QtjpeBhw/SBiOJI7ELCnWKklGC/jFrNisMwkAQJgYvKpT+aKnGaGm1qBQvtZS+/4P1UsjB02YnsvsEA9Fk55tZCII2ObIX5ciSDQT1lI/6vIGgB+W3j8ILykfKxZiGFzSTno4suKDJkh7XfWhB5Y22flwCC2rvxAVNBxXUzUT7ocFLPptjnfA2yE35odsgnlHE+6AdyErDgFqGgg0o5BhDcYybyhfJaCCwctPULGClIrAgY3lIT8UMQWA6HPtiYSw9c3P0BecTgS7QwblKQeC8eYOiBXr40ocB+QfveGro1pjjC4in/AM8swJBBSDAY0ScRevEwDJFzQmBhysoc3GT8GLyYsn/W888gmJybpHA1qZ6mtrCigSSqxbyyiji6jryCk3iKl9KXClOXG1QXrHy18wdkAAAAAAI+v+6FYE/Si499eJcL1/mAm8vgfcmAW6j8EYTb8XxZiVu5/KGN28J9KZJbyv1xltvTfbmbW9v9wAAkEjwEAmP2QAhEo9qATEbj/sBQSSQjAJRLZAdE2E2kK4jcb+TPwx6DsXMKJkJ3AAAAABJRU5ErkJggg==) no-repeat 50%;    background-size: 100% 100%;}