#el_69081696812244{width:100%;} #el_27151696833977 > div { height: 200px; overflow: hidden; } #el_27151696833977 > .owl-loaded { height: auto; } #el_27151696833977 .item img { max-width: 100%; } #el_27151696833977 .owl-carousel { z-index: 0; } #el_27151696833977 .owl-carousel .owl-prev, #el_27151696833977 .owl-carousel .owl-next { position: absolute; width: 3em; height: 3em; line-height: 3; background-color: rgba(34,34,34,.7); font-size: 17px; border-radius: 3em; box-shadow: 0 2px 6px 2px rgba(60,64,67,0.2); opacity: 1; top: 50%; margin-top: -1.5em; text-align: center; margin-left: 1%; margin-right: 1%; } #el_27151696833977 .owl-carousel .owl-prev:hover, #el_27151696833977 .owl-carousel .owl-next:hover { background-color: #fff; color: #000; } #el_27151696833977 { } #el_27151696833977 .content_warp { display: none; position: absolute; z-index: 5; bottom: 0px; width: 100%; height: auto; text-align: center; } #el_27151696833977 .content__item { padding: 15px; display: inline-block; margin-right: 1px; width: 300px; color: #fff; text-align: left; transition: all 0.5s ease; border: 1px solid transparent; background-color: rgba(0,0,0,0.5); cursor: pointer; } #el_27151696833977 .content__item:hover,#el_27151696833977 .content__item--active { color: #333; background-color: rgba(255,255,255,0.9); } #el_27151696833977 .content__item:last-child { margin-right: 0; } #el_27151696833977 .content__title { font-size: 18px; color: #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: all 0.5s ease; } #el_27151696833977 .owl-carousel .owl-dots .owl-dot.active { background-color: rgb(247, 87, 3); width: 59px; } #el_27151696833977 .owl-carousel .owl-dots .owl-dot { display: inline-block; width: 12px; height: 4px; margin: 0 4px; background-color: rgba(0,0,0,.6); border-radius: 6px; -webkit-transition: all .3s; transition: all .3s; } #el_27151696833977 .content__digest { margin-top: 15px; color: #eee; font-size: 14px; height: 4.5em; line-height: 1.5em; overflow: hidden; transition: all 0.5s ease; } #el_27151696833977 .content__item:hover .content__title,#el_27151696833977 .content__item--active .content__title { color: #333; font-weight: bold; } #el_27151696833977 .content__item:hover .content__digest,#el_27151696833977 .content__item--active .content__digest { color: #999; } @media screen and (max-width: 1199px){ #el_27151696833977 .content_warp { display: none; opacity: 0; visibility: hidden; } } @media screen and (max-width: 991px){ #el_27151696833977 .owl-dots { display: none; } #el_27151696833977 .owl-nav { display: none; }} #el_26511696812244{width:100%;} #el_72791696812259 { background-color: #EEEEEE; padding-top: 65px; padding-bottom: 65px; } #el_55881696812259{width:100%;} #el_66791752128379{width:100%;} #el_31581752128388 { color: #666; text-align: center; padding-top: 10px; padding-bottom: 10px; margin-bottom: 55px; } #el_31581752128388 ul { margin-bottom: 0; display: inline-block; } #el_31581752128388 .list>ul>li>ul>li>a:hover,#el_31581752128388 .list .level2.active>a { background-color: #d01111; color: #fff; } #el_31581752128388 .list>ul>li>a { font-size: 18px; color: inherit; display: block; } #el_31581752128388 .list>ul>li.active>a { color: #0084e9; display: none; } #el_31581752128388 .list>ul>li>ul { margin-top: 5px; } #el_31581752128388 .list>ul>li>ul>li>a { font-size: 14px; padding: 18px 10px; width: 156px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: inherit; background-color: #ececec; margin-right: 6px; display: block; } #el_31581752128388 .list .level1 { } #el_31581752128388 .list .level1>a { } #el_31581752128388 .list .level2 { float: left; } #el_31581752128388 .list .level2>a { position: relative; transition: all 0.2s; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; } #el_31581752128388 .level3 { display: none; } #el_31581752128388 .level2 { border-top-color: #B0B0B0; border-right-color: #B0B0B0; border-bottom-color: #B0B0B0; border-left-color: #B0B0B0; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; margin-top: 45px; } #el_31581752128388 .list-unstyled { margin-top: 0px; } @media screen and (max-width: 991px){ #el_31581752128388 { display: block; }} @media screen and (max-width: 575px){ #el_31581752128388 .list>ul>li>ul>li>a { font-size: 14px; padding: 18px 12px; width: 330px; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: inherit; background-color: #fff; margin-right: 6px; display: block; }} #el_19711696812259{width:100%;} #el_68361696812259 img { max-width: 100%; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_68361696812259 .package { text-align: center; } #el_68361696812259 .col-md-4 { width: 50%; } #el_68361696812259 .proBox { margin-bottom: 60px; } #el_68361696812259 .proBox:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #el_68361696812259 .proBox:hover .proTitle { } #el_68361696812259 .proBox:hover .proImgBox { } #el_68361696812259 .proBox:hover .proDef0 { transform: translateY(-50px); color: rgba(255,255,255,0); } #el_68361696812259 .proBox:hover .bg { top: 0; } #el_68361696812259 .proBox:hover .number { left: 45px; } #el_68361696812259 .proImgBox { overflow: hidden; display: inline-block; border-radius: 5px; } #el_68361696812259 .proImgBox a { display: inline-block; position: relative; pointer-events: none; } #el_68361696812259 .bg { background-color: rgb(0 0 0 / 64%); position: absolute; top: 100%; left: 0; width: 100%; height: 100%; z-index: 1; transition: all 0.5s; } #el_68361696812259 .number { position: absolute; bottom: 60%; display: none; left: -70px; color: #fff; font-size: 48px; z-index: 2; transition: all 0.5s; } #el_68361696812259 .proTitle { color: #181818; font-size: 20px; font-weight: bold; pointer-events: none; text-align: left; display: block; padding: 10px 0 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #el_68361696812259 .proDef0 { text-align: center; color: #9a9a9a; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_68361696812259 .proDigest { color: rgba(255,255,255,0.8); font-size: 16px; position: absolute; width: 100%; text-align: left; bottom: 45%; padding: 0 50px; line-height: 1.7em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } #el_68361696812259 .pageBox { text-align: center; } #el_68361696812259 .pagination>li>a,#el_68361696812259 .pagination>li>span { background: none; color: #666; } #el_68361696812259 .pagination>.disabled>span,#el_68361696812259 .pagination>.disabled>a { background-color: #f2f2f2; color: #aaa; } #el_68361696812259 .pagination>.active>a,#el_68361696812259 .pagination>.active>span { border-color: #ddd; background-color: #ddd; } #el_68361696812259 .pagination>li:hover>a,#el_68361696812259 .pagination>li:hover>span { background-color: #ddd; } @media screen and (max-width: 575px){ #el_68361696812259 .bg { font-size: 18px; } #el_68361696812259 .col-md-4 { width: 100%; } #el_68361696812259 .proDigest { padding-bottom: 0px; } #el_68361696812259 .proBox { margin-bottom: 30px; } #el_68361696812259 .number { position: absolute; bottom: 60%; display: none; left: -70px; color: #fff; font-size: 32px; z-index: 2; transition: all 0.5s; } #el_68361696812259 .proDigest { color: rgba(255,255,255,0.8); font-size: 15px; position: absolute; width: 100%; text-align: left; bottom: 30%; padding: 0 50px; line-height: 1.4em; } #el_68361696812259 .proTitle { color: #181818; font-size: 16px; font-weight: bold; pointer-events: none; text-align: left; display: block; padding: 10px 0 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } #el_40901696812244{width:100%;}