#el_23361697003405{width:100%;} #el_61761697003412 > div { height: 200px; overflow: hidden; } #el_61761697003412 > .owl-loaded { height: auto; } #el_61761697003412 .item img { max-width: 100%; } #el_61761697003412 .owl-carousel { z-index: 0; } #el_61761697003412 .owl-carousel .owl-prev, #el_61761697003412 .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_61761697003412 .owl-carousel .owl-prev:hover, #el_61761697003412 .owl-carousel .owl-next:hover { background-color: #fff; color: #000; } #el_61761697003412 { } #el_61761697003412 .content_warp { display: none; position: absolute; z-index: 5; bottom: 0px; width: 100%; height: auto; text-align: center; } #el_61761697003412 .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_61761697003412 .content__item:hover,#el_61761697003412 .content__item--active { color: #333; background-color: rgba(255,255,255,0.9); } #el_61761697003412 .content__item:last-child { margin-right: 0; } #el_61761697003412 .content__title { font-size: 18px; color: #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: all 0.5s ease; } #el_61761697003412 .owl-carousel .owl-dots .owl-dot.active { background-color: rgb(247, 87, 3); width: 59px; } #el_61761697003412 .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_61761697003412 .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_61761697003412 .content__item:hover .content__title,#el_61761697003412 .content__item--active .content__title { color: #333; font-weight: bold; } #el_61761697003412 .content__item:hover .content__digest,#el_61761697003412 .content__item--active .content__digest { color: #999; } @media screen and (max-width: 1199px){ #el_61761697003412 .content_warp { display: none; opacity: 0; visibility: hidden; } } @media screen and (max-width: 991px){ #el_61761697003412 .owl-dots { display: none; } #el_61761697003412 .owl-nav { display: none; }} #el_64451697003405{width:100%;} #el_86631697003405{width:100%;} #el_87451697003490{width:100%;} #el_48321697004362 { top: 0px; left: 0px; width: 100%; z-index: -1; position: fixed; } @media screen and (max-width: 991px){ #el_48321697004362 { position: relative; } } #el_63661697004362{width:100%;} #el_64671697004362 .item img { max-width:100%; } #el_64671697004362 img { max-width:100%; } #el_64671697004362 .owl-controls .owl-pagination { position:absolute; bottom:15px; width:100%; text-align:center; } #el_64671697004362 .owl-controls .owl-page { display:inline-block; } #el_64671697004362 .owl-controls .owl-page span { display:block;width:14px;height:14px;margin:0 5px;border-radius:50%;background-color:rgba(0,0,0,0.2);; } #el_64671697004362 .owl-controls .owl-page.active span,#el_64671697004362 .owl-controls .owl-page:hover span { background-color:rgba(0,0,0,0.5); } #el_64671697004362 .owl-controls .owl-buttons { position:absolute; top:50%; left:0; width:100%; margin-top:-40px; } #el_64671697004362 .owl-controls .owl-buttons .owl-prev,#el_64671697004362 .owl-controls .owl-buttons .owl-next { position:absolute; top:0; border-radius:50%; z-index:1; font-family:"simsun"; font-size:32px; color:#ccc; background-color:rgba(0,0,0,.3); width:50px; height:50px; line-height:50px; text-align:center; } #el_64671697004362 .owl-controls .owl-buttons .owl-prev:hover,#el_64671697004362 .owl-controls .owl-buttons .owl-next:hover { background-color:rgba(0,0,0,.6); } #el_64671697004362 .owl-controls .owl-buttons .owl-prev { left:15px; } #el_64671697004362 .owl-controls .owl-buttons .owl-next { right:15px; } @media screen and (max-width: 991px){ #el_64671697004362 .item { z-index: 1; } } #el_40421697004374{width:100%;} #el_49231697004449 { margin-top: 20px; } #el_60801697004449{width:100%;} #el_55351697004449 img { width: 100%; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_55351697004449 .col-lg-3 { width: 100%; } #el_55351697004449 .proBox { margin-bottom: 15px; border: 3px solid rgba(0,0,0,0); -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; position: relative; overflow: hidden; } #el_55351697004449 .proBox:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0); z-index: 1; opacity: 0; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_55351697004449 .proBox:hover:before { opacity: 1; } #el_55351697004449 .proBox:hover .proBody { bottom: 0px; } #el_55351697004449 .proBox:hover { border: 3px solid #ffc000; } #el_55351697004449 .proBox:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #el_55351697004449 .proBox:hover .proTitle { } #el_55351697004449 .proBox:hover .proImgBox { } #el_55351697004449 .proBody { position: absolute; bottom: -80px; left: 0; width: 100%; padding: 20px; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_55351697004449 .proImgBox { overflow: hidden; } #el_55351697004449 .proTitle { color: #fff; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 20px; font-weight: bold; } #el_55351697004449 .proDigest { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; color: #f4f4f4; } #el_55351697004449 .pageBox { text-align: center; } #el_55351697004449 .pagination>li>a,#el_55351697004449 .pagination>li>span { background: none; color: #666; } #el_55351697004449 .pagination>.disabled>span,#el_55351697004449 .pagination>.disabled>a { background-color: #f2f2f2; color: #aaa; } #el_55351697004449 .pagination>.active>a,#el_55351697004449 .pagination>.active>span { border-color: #ddd; background-color: #ddd; } #el_55351697004449 .pagination>li:hover>a,#el_55351697004449 .pagination>li:hover>span { background-color: #ddd; }