/* Minification failed. Returning unminified contents. (1481,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1482,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1483,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' */ /* *永安公共自行车自定义样式表 * */ /***margin******/ .es-m-5 { margin: 5px; } .es-m-10 { margin: 10px; } .es-m-15 { margin: 15px; } .es-m-20{ margin: 20px; } .es-m-25 { margin: 25px; } .es-m-30{ margin: 30px; } .es-m-35 { margin: 35px; } .es-m-40{ margin: 40px; } .es-m-45 { margin: 45px; } .es-m-50{ margin: 50px; } .es-m-55 { margin: 55px; } .es-m-60{ margin: 60px; } .es-m-65 { margin: 65px; } .es-m-70{ margin: 70px; } .es-m-75 { margin: 75px; } .es-m-80{ margin: 80px; } .es-m-85 { margin:85px; } .es-m-90{ margin: 90px; } .es-m-95 { margin: 95px; } .es-m-100{ margin: 100px; } /****margin******/ /**margin-----top*/ .es-m-t--100 { margin-top: -100px; } .es-m-t-5 { margin-top: 5px; } .es-m-t-10 { margin-top: 10px; } .es-m-t-15 { margin-top: 15px; } .es-m-t-20 { margin-top: 20px; } .es-m-t-25{ margin-top: 25px; } .es-m-t-30{ margin-top: 30px; } .es-m-t-35{ margin-top: 35px; } .es-m-t-40{ margin-top: 40px; } .es-m-t-45{ margin-top: 45px; } .es-m-t-50{ margin-top: 50px; } .es-m-t-60 { margin-top: 60px; } .es-m-t-65 { margin-top: 65px; } .es-m-t-70 { margin-top: 70px; } .es-m-t-80 { margin-top: 80px; } .es-m-t-90 { margin-top: 90px; } .es-m-t-100 { margin-top: 100px; } .es-m-t-150 { margin-top: 150px; } .es-m-t-200 { margin-top: 200px; } .es-m-t-250 { margin-top: 250px; } /***margin-----top---end**/ /***margin-----right--start*****/ .es-mg-r-5 { margin-right: 5px; } .es-mg-r-10 { margin-right: 10px; } .es-mg-r-15 { margin-right: 15px; } .es-m-r-20 { margin-right: 20px; } .es-m-r-25 { margin-right: 25px; } .es-m-r-30 { margin-right: 30px; } .es-m-r-35 { margin-right: 35px; } .es-m-r-40 { margin-right: 40px; } .es-m-r-45 { margin-right: 45px; } .es-m-r-50 { margin-right: 50px; } .es-m-r-60 { margin-right: 60px; } .es-m-r-70 { margin-right: 70px; } .es-m-r-80 { margin-right: 80px; } .es-m-r-90 { margin-right: 90px; } .es-m-r-100 { margin-right: 100px; } /***margin-----right--start*****/ /***margin-----bottom--start*****/ .es-mg-b-5 { margin-left: 5px; } .es-mg-b-10 { margin-left: 10px; } .es-mg-b-15 { margin-left: 15px; } .es-m-b-20 { margin-bottom: 20px; } .es-mg-b-25 { margin-left: 25px; } .es-m-b-30 { margin-bottom: 30px; } .es-m-b-35 { margin-bottom: 35px; } .es-m-b-40 { margin-bottom: 40px; } .es-m-b-45 { margin-bottom: 45px; } .es-m-b-50 { margin-bottom: 50px; } .es-m-b-60 { margin-bottom: 60px; } .es-m-b-70 { margin-bottom: 70px; } .es-m-b-80 { margin-bottom: 80px; } .es-m-b-90 { margin-bottom: 90px; } .es-m-b-100 { margin-bottom: 100px; } .es-m-b-150 { margin-bottom: 150px; } .es-m-b-200 { margin-bottom: 200px; } /***margin-----bottom--start*****/ /***margin-----left--start*****/ .es-mg-l-5 { margin-left: 5px; } .es-mg-l-10 { margin-left: 10px; } .es-mg-l-15 { margin-left: 15px; } .es-m-l-20 { margin-left: 20px; } .es-m-l-25 { margin-left: 25px; } .es-m-l-30 { margin-left: 30px; } .es-m-l-35 { margin-left: 35px; } .es-m-l-40 { margin-left: 40px; } .es-m-l-45 { margin-left: 45px; } .es-m-l-50 { margin-left: 50px; } .es-m-l-60 { margin-left:60px; } .es-m-l-70 { margin-left: 70px; } .es-m-l-80 { margin-left: 80px; } .es-m-l-90 { margin-left: 90px; } .es-m-l-100 { margin-left: 100px; } /***margin-----left--start*****/ /***marign-----tb----start********/ .es-m-tb-5 { margin-top: 5px; margin-bottom: 5px; } .es-m-tb-10 { margin-top: 10px; margin-bottom: 10px; } .es-m-tb-15 { margin-top: 15px; margin-bottom: 15px; } .es-m-tb-20 { margin-top: 20px; margin-bottom: 20px; } .es-m-tb-25 { margin-top: 25px; margin-bottom: 25px; } .es-m-tb-30 { margin-top: 30px; margin-bottom: 30px; } .es-m-tb-35 { margin-top: 35px; margin-bottom: 35px; } .es-m-tb-40 { margin-top: 40px; margin-bottom: 40px; } .es-m-tb-45 { margin-top: 45px; margin-bottom: 45px; } .es-m-tb-50 { margin-top: 50px; margin-bottom: 50px; } .es-m-tb-60 { margin-top: 60px; margin-bottom: 60px; } .es-m-tb-70 { margin-top: 70px; margin-bottom: 70px; } .es-m-tb-80 { margin-top: 80px; margin-bottom: 80px; } .es-m-tb-90 { margin-top: 90px; margin-bottom: 90px; } .es-m-tb-100 { margin-top: 100px; margin-bottom: 100px; } .es-m-tb-150 { margin-top: 150px; margin-bottom: 150px; } .es-m-tb-100 { margin-top: 200px; margin-bottom: 200px; } /***marign-----tb----end********/ /***padding******/ .es-p-5 { padding: 5px; } .es-p-10 { padding: 10px; } .es-p-15 { padding: 15px; } .es-p-20{ padding: 20px; } .es-p-25 { padding: 25px; } .es-p-30{ padding: 30px; } .es-p-35 { padding: 35px; } .es-p-40{ padding: 40px; } .es-p-45 { padding: 45px; } .es-p-50{ padding: 50px; } .es-p-55 { padding: 55px; } .es-p-60{ padding: 60px; } .es-p-65 { padding: 65px; } .es-p-70{ padding: 70px; } .es-p-75 { padding: 75px; } .es-p-80{ padding: 80px; } .es-p-85 { padding:85px; } .es-p-90{ padding: 90px; } .es-p-95 { padding: 95px; } .es-p-100{ padding: 100px; } /****padding******/ /**padding-----top*/ .es-p-t-5 { padding-top: 5px; } .es-p-t-10 { padding-top: 10px; } .es-p-t-15 { padding-top: 15px; } .es-p-t-20 { padding-top: 20px; } .es-p-t-25{ padding-top: 25px; } .es-p-t-30{ padding-top: 30px; } .es-p-t-35{ padding-top: 35px; } .es-p-t-40{ padding-top: 40px; } .es-p-t-45{ padding-top: 45px; } .es-p-t-50{ padding-top: 50px; } .es-p-t-60 { padding-top: 60px; } .es-p-t-65 { padding-top: 65px; } .es-p-t-70 { padding-top: 70px; } .es-p-t-80 { padding-top: 80px; } .es-p-t-90 { padding-top: 90px; } .es-p-t-100 { padding-top: 100px; } /***padding-----top---end**/ /***padding-----right--start*****/ .es-pg-r-5 { padding-right: 5px; } .es-pg-r-10 { padding-right: 10px; } .es-pg-r-15 { padding-right: 15px; } .es-p-r-20 { padding-right: 20px; } .es-p-r-25 { padding-right: 25px; } .es-p-r-30 { padding-right: 30px; } .es-p-r-35 { padding-right: 35px; } .es-p-r-40 { padding-right: 40px; } .es-p-r-45 { padding-right: 45px; } .es-p-r-50 { padding-right: 50px; } .es-p-r-60 { padding-right: 60px; } .es-p-r-70 { padding-right: 70px; } .es-p-r-80 { padding-right: 80px; } .es-p-r-90 { padding-right: 90px; } .es-p-r-100 { padding-right: 100px; } /***padding-----right--start*****/ /***padding-----bottom--start*****/ .es-p-b-5 { padding-left: 5px; } .es-p-b-10 { padding-left: 10px; } .es-p-b-15 { padding-left: 15px; } .es-p-b-20 { padding-bottom: 20px; } .es-p-b-25 { padding-left: 25px; } .es-p-b-30 { padding-bottom: 30px; } .es-p-b-35 { padding-bottom: 35px; } .es-p-b-40 { padding-bottom: 40px; } .es-p-b-45 { padding-bottom: 45px; } .es-p-b-50 { padding-bottom: 50px; } .es-p-b-60 { padding-bottom: 60px; } .es-p-b-70 { padding-bottom: 70px; } .es-p-b-80 { padding-bottom: 80px; } .es-p-b-90 { padding-bottom: 90px; } .es-p-b-100 { padding-bottom: 100px; } .es-p-b-150 { padding-bottom: 150px; } .es-p-b-200 { padding-bottom: 200px; } /***padding-----bottom--start*****/ /***padding-----left--start*****/ .es-pg-l-5 { padding-left: 5px; } .es-pg-l-10 { padding-left: 10px; } .es-pg-l-15 { padding-left: 15px; } .es-p-l-20 { padding-left: 20px; } .es-p-l-25 { padding-left: 25px; } .es-p-l-30 { padding-left: 30px; } .es-p-l-35 { padding-left: 35px; } .es-p-l-40 { padding-left: 40px; } .es-p-l-45 { padding-left: 45px; } .es-p-l-50 { padding-left: 50px; } .es-p-l-60 { padding-left:60px; } .es-p-l-70 { padding-left: 70px; } .es-p-l-80 { padding-left: 80px; } .es-p-l-90 { padding-left: 90px; } .es-p-l-100 { padding-left: 100px; } /***padding-----left--start*****/ /***marign-----tb----start********/ .es-p-tb-5 { padding-top: 5px; padding-bottom: 5px; } .es-p-tb-10 { padding-top: 10px; padding-bottom: 10px; } .es-p-tb-15 { padding-top: 15px; padding-bottom: 15px; } .es-p-tb-20 { padding-top: 20px; padding-bottom: 20px; } .es-p-tb-25 { padding-top: 25px; padding-bottom: 25px; } .es-p-tb-30 { padding-top: 30px; padding-bottom: 30px; } .es-p-tb-35 { padding-top: 35px; padding-bottom: 35px; } .es-p-tb-40 { padding-top: 40px; padding-bottom: 40px; } .es-p-tb-45 { padding-top: 45px; padding-bottom: 45px; } .es-p-tb-50 { padding-top: 50px; padding-bottom: 50px; } .es-p-tb-60 { padding-top: 60px; padding-bottom: 60px; } .es-p-tb-70 { padding-top: 70px; padding-bottom: 70px; } .es-p-tb-80 { padding-top: 80px; padding-bottom: 80px; } .es-p-tb-90 { padding-top: 90px; padding-bottom: 90px; } .es-p-tb-100 { padding-top: 100px; padding-bottom: 100px; } .es-px-50 { padding: 0 50px; } /***marign-----tb----end********/ /**背景色***/ .es-lightgreen { background-color: #00343f; } .es-success { background-color: #5eb95e; } .es-warning { background-color: #f37b1d; } .es-danger { background-color: #dd514c; } .es-info { background-color: #3bb4f2; } .es-blue { background-color: #156bf3; } .es-darkblue { background-color: #0e90d2; } .es-verydrakblue { background-color: #0452ba; } .es-white { background-color: #ffffff; } .es-gray { background-color: #f6f6f6; } .es-medgray { background-color: #dbdbdb; } .es-l-gray { background-color: #f8f8f8; } .es-yellow { background-color: #f9a818; } /***文字颜色****/ .es-text-info { color: #3bb4f2; } .es-text-success { color: #5eb95e; } .es-text-warning { color: #f37b1d; } .es-text-danger { color: #dd514c; } .es-text-darkblue { color: #0e90d2; } .es-text-lightgray { color: #ccc; } .es-text-darkgray { color: #888; } .es-text-blue { color: #156bf3; } .es-text-white, .es-text-white a:link, .es-text-white a:visited, .es-text-white a:hover, .es-text-white a:visited { color: #ffffff; } .es-radius { border: 1px #e7e7e7 solid; border-radius: 10px; } .es-radius-no { border-radius: 0px; } .es-shadow { box-shadow: 0px 0px 10px #e7e7e7; } .es-ueditor { width: 100%; height: 450px; } .img-w-50 { width: 50px; } .img-w-100 { width: 100px; } .img-w-150 { width: 150px; } .img-w-200 { width: 200px; } .text-shadow { text-shadow: 1px 1px 1px rgba(0,0,0,0.5); } .es-lh-200,.es-lh-200 li { line-height: 200%; } .es-lh-250,.es-lh-250 li { line-height: 250%; } @charset "utf-8"; /* CSS Document */ .breadcrumb { background-color: #fff; } @font-face { font-display: block; font-family: "SYHei"; src: url("./bfonts/SourceHanSansCN-Light.otf") format("otf"); } body { font: normal 100% "SYHei", Arial, sans-serif; color: #343434; margin: 0px; padding: 0px; /*background-image: url(../Images/inbg.gif);*/ background-color: rgba(247,247,249,1); line-height: 200%; } html { font-size: 100%; line-height: 200%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin: 0px; padding: 0px; } DIV { padding: 0PX; margin: 0px; } a { color: #343434; text-decoration: none; } a:hover { text-decoration: none; color: #009900; } a:hover, a:active { outline: 0; text-decoration: none; } .es-header { /*background: url(../images/header-bg.jpg);*/ /*background-color: rgba(0, 0, 0, 0.1);*/ background-position: center center; /*height: 680px;*/ background-origin: border-box; background-size: cover; } .es-header-tel { background: url(../images/tel.png); background-repeat: no-repeat; background-position: right top; display: block; width: 17px; height: 28px; } /******菜单导航**********/ /*.es-nav { width: 100%; background-image: url(../images/main_bg.png); background-position: 0px -40px; background-repeat: repeat-x; height: 49px; border-radius: 5px; overflow: hidden; } .es-nav li { line-height: 49px; background-image: url(../images/main_bg.png); background-position: 95px -100px; background-repeat: no-repeat; } .es-nav a:link, .es-nav a:visited { padding:0 20px; float: left; display: block; } .es-nav li a:hover { padding:0 20px; background-color: #0CC616; color: #fff; display: block; } .es-nav li:first-child a:link, .es-nav li:first-child a:hover { border-radius: 5px 0px 0px 5px; } .current a:link, .current a:hover, .current a:visited { padding:0 20px; color: #fff; background-color: #0CC616; }*/ .es-fst-linkbg { background-image: url("../images/link_bg.png"); height: 89px; border-right: 1px #e7e7e7 solid; border-bottom: 1px #e7e7e7 solid; display: block; } .es-fst-link { background-image: url("../Images/Link_img.png"); width: 97px; height: 72px; } .es-fst-link-one { background-position: 0px 0px; } .es-fst-link-two { background-position: 0px -82px; } .es-fst-link-three { background-position: 0px -164px; } .es-main-box { border: 1px #e7e7e7 solid; width: 100%; height: auto; padding: 10px; background: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0px auto; } .es-b-btm { border-bottom: 1px #e7e7e7 solid; } .es-con-title { font-weight: bold; margin-bottom: -2px; border-bottom: 2px #1db0b8 solid; } /*****焦点新闻图片*****/ /*焦点图*/ .focus { position: relative; width: 540px; height: 360px; background-color: #e8e8e8; float: left; display: block; } .focus img { width: 540px; height: 360px; } /*.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}*/ .focus .shadow .title { width: 240px; height: 50px; padding-left: 30px; line-height: 50px; } .focus .shadow .title a { text-decoration: none; color: #fff; font-size: 14px; font-weight: bolder; overflow: hidden; } .focus .btn { position: absolute; bottom: 34px; left: 495px; overflow: hidden; zoom: 1; } .focus .btn a { position: relative; display: inline; width: 13px; height: 13px; border-radius: 7px; margin: 0 5px; color: #B0B0B0; font: 12px/15px "\5B8B\4F53"; text-decoration: none; text-align: center; outline: 0; float: left; background: #D9D9D9; } .focus .btn a:hover, .focus .btn a.current { cursor: pointer; background: #fc114a; } .focus .fPic { position: absolute; left: 0px; top: 0px; } .focus .D1fBt { overflow: hidden; zoom: 1; height: 16px; z-index: 10; } .focus .shadow { width: 100%; position: absolute; bottom: 0; left: 0px; z-index: 10; height: 50px; line-height: 50px; background: rgba(0,0,0,0.6); filter: progid:DXImageTransform.Microsoft.gradient( gradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9; display: block; text-align: left; } .focus .shadow-text a { text-decoration: none; color: #fff; font-size: 20px; overflow: hidden; margin-left: 10px; font-family: SYHei; } .focus .shadow-text { width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .focus .fcon { position: relative; width: 100%; float: left; display: none; background: #000; } .focus .fcon img { display: block; } .focus .fbg { bottom: 14px; right: 10px; position: absolute; height: 21px; text-align: center; z-index: 200; } .focus .fbg div { margin: 4px auto 0; overflow: hidden; zoom: 1; height: 14px; } .focus .D1fBt a { position: relative; display: inline; width: 12px; height: 12px; border-radius: 7px; margin: 0 5px; color: #B0B0B0; font: 12px/15px "\5B8B\4F53"; text-decoration: none; text-align: center; outline: 0; float: left; background: #D9D9D9; } /*.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}*/ .focus .D1fBt .current, .focus .D1fBt a:hover { background: #dc6464; } .focus .D1fBt img { display: none; } .focus .D1fBt i { display: none; font-style: normal; } .focus .prevnews, .focus .nextnews { position: absolute; width: 40px; height: 74px; background: url(../images/focus_btn.png) no-repeat; } .focus .prevnews { top: 50%; margin-top: -37px; left: 0; background-position: 0 -74px; cursor: pointer; } .focus .nextnews { top: 50%; margin-top: -37px; right: 0; background-position: -40px -74px; cursor: pointer; } .focus .prevnews:hover { background-position: 0 0; } .focus .nextnews:hover { background-position: -40px 0; } @media (min-width: 992px) and (max-width: 1199px) { .focus { width: 440px; height: 304px; } .focus img { width: 440px; height: 304px; } .focus .btn { width: 430px; } .focus .shadow a { font-size: 16px; } } /*********/ .es-list { width: 100%; margin-top: 10px; } .es-list ul { margin-left: 5px; } .es-list li { padding-left: 10px; width: 100%; line-height: 200%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-image: url(../images/arrow.png); background-position: left center; background-repeat: no-repeat; background-size: 5px; } .es-list li a:link, .es-list li a:visited { text-decoration: none; } .es-list li > span { float: right; margin-left: 10px; } @media (min-width: 992px) and (max-width: 1199px) { .es-list li { line-height: 180%; } } .es-ellipsis { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .es-div-list { background-image: url(../images/arrow.png); padding-left: 15px; background-position: left center; background-repeat: no-repeat; background-size: 5px; } /****跑马灯***/ @media (min-width: 992px) and (max-width: 1199px) { .scroll_horizontal { position: relative; width: 100%; height: 200px; } .scroll_horizontal .box { overflow: hidden; position: relative; width: 800px; height: 200px; margin: 0 auto; } .scroll_horizontal .list { overflow: hidden; width: 9999px; } .scroll_horizontal .list li { float: left; width: 200px; } .scroll_horizontal .list li:first-child { margin-left: 0px; } .scroll_horizontal .list li img { float: left; width: 190px; height: 150px; } .scroll_horizontal .prev, .scroll_horizontal .next { position: absolute; top: 50%; margin-top: -35px; width: 40px; height: 50px; background-image: url(/images/control.png); background-repeat: no-repeat; font: 0/0 Arial; cursor: pointer; } .scroll_horizontal .prev { left: 5px; background-position: 0 0; } .scroll_horizontal .next { right: 5px; background-position: -40px 0; } .scroll_horizontal .prev:hover { background-position: 0 -50px; } .scroll_horizontal .next:hover { background-position: -40px -50px; } } @media (min-width: 1200px) { .scroll_horizontal { position: relative; width: 1080px; height: 200px; } .scroll_horizontal .box { overflow: hidden; position: relative; width: 980px; height: 200px; margin: 0 auto; } .scroll_horizontal .list { overflow: hidden; width: 9999px; } .scroll_horizontal .list li { float: left; width: 245px; } .scroll_horizontal .list li img { float: left; width: 240px; height: 150px; } .scroll_horizontal .prev, .scroll_horizontal .next { position: absolute; top: 50%; margin-top: -35px; width: 40px; height: 50px; background-image: url(/images/control.png); background-repeat: no-repeat; font: 0/0 Arial; cursor: pointer; } .scroll_horizontal .prev { left: 5px; background-position: 0 0; } .scroll_horizontal .next { right: 5px; background-position: -40px 0; } .scroll_horizontal .prev:hover { background-position: 0 -50px; } .scroll_horizontal .next:hover { background-position: -40px -50px; } } .es-con-radius { background-color: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .es-l-svc { background-image: url(../Images/lbg.jpg); background-position: left center; background-repeat: repeat-y; text-indent: 15px; height: 46px; line-height: 46px; } .es-radius { min-height: 800px; } .es-news-instruction { background-color: #f9f9f9; border: 1px solid #e7e7e7; border-radius: 5px; padding: 15px; color: #999; margin-bottom: 30px; } .es-con img { max-width: 100%; } .es-contact-map { height: 650px; overflow-x: hidden; overflow-y: auto; width: 100%; } /*****Nav-bar******/ .navbar { padding: 0 1rem; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.9); } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255, 255, 255, 1); } .navbar-nav > .active { background-color: #003882; padding: 0.25rem 1rem; color: #fff; } .nav-item { padding: 0.25rem 1rem; } .nav-item:hover { background-color: #003882; color: #fff; } .es-fstlink { width: 100%; height: 150px; text-align: center; line-height: 150px; font-size: 4rem; } .es-fstlink-des { width: 100%; padding-top: 10px; padding-bottom: 10px; line-height: 20px; text-align: center; border-bottom: none; background-color: #fff; } @media(max-width:767px) { .es-fstlink { height: 80px; line-height: 80px; } .es-fstlink-des { height: 40px; line-height: 40px; } } .es-agreement { width: 100%; height: 400px; overflow: scroll; border: 1px #e7e7e7 solid; } .adv { top: 220px; position: fixed; } .adv-l { left: 10px; } .adv-r { right: 10px; } .es-tianqi { width: 290px; height: 96px; overflow: hidden; } .es-tianqi-con { margin-right: -10px; } .es-news-con { overflow-x: hidden; } .swiper-container{ --swiper-theme-color: #ff6600;/* 设置Swiper风格 */ --swiper-navigation-color: #ffffff;/* 单独设置按钮颜色 */ --swiper-navigation-size: 30px;/* 设置按钮大小 */ } #swiper-focus { max-width: 540px; max-height: 360px; display: block; } #swiper-focus .swiper-slide { display: inline-block; height: 100%; } #swiper-focus .swiper-slide img { width: 540px; height: 360px; display: inline-block; } #swiper-focus .swiper-slide .shadow { width: 100%; position: absolute; bottom: 0; left: 0; z-index: 10; height: 50px; line-height: 50px; background: rgba(0,0,0,0.6); filter: progid:DXImageTransform.Microsoft.gradient( gradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9; display: block; text-align: left; } #swiper-focus .swiper-slide .shadow .shadow-text { width: 240px; height: 50px; padding-left: 15px; line-height: 50px; color: #fff; } #swiper-focus .swiper-slide .shadow .shadow-text a { text-decoration: none; color: #fff; font-size: 14px; font-weight: bolder; overflow: hidden; } .es-video { margin: 0 auto; background: #000; background-repeat: no-repeat; background-position: center; width: 100%; height: 550px; } @media(max-width:767px) { .es-video { height: 350px; } }