#el_35611535282694{width:100%;} #el_36691535282705{width:100%;} #el_18661535282705 { } @media screen and (max-width: 991px){ #el_18661535282705 { padding-top: 0px; } } #el_86281535282705{width:100%;} #el_50551535282705 img {max-width:100%;} #el_81281535282694{width:100%;} #el_39131536249875{width:100%;} #el_28811553138475 > div { height: 200px; overflow: hidden; } #el_28811553138475 > .owl-loaded { height: auto; } #el_28811553138475 .item img { max-width:100%; } #el_28811553138475 .owl-carousel { z-index: 0; } #el_28811553138475 .item { text-align:center; } #el_28811553138475 { position:relative; } #el_28811553138475 .content_warp { position:absolute; z-index:5; bottom:0px; width:100%; height:auto; text-align:center; } #el_28811553138475 .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_28811553138475 .content__item:hover,#el_28811553138475 .content__item--active { color:#333; background-color:rgba(255,255,255,0.9); } #el_28811553138475 .content__item:last-child { margin-right:0; } #el_28811553138475 .content__title { font-size:18px; color:#fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition:all 0.5s ease; } #el_28811553138475 .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_28811553138475 .content__item:hover .content__title,#el_28811553138475 .content__item--active .content__title { color:#333; font-weight:bold; } #el_28811553138475 .content__item:hover .content__digest,#el_28811553138475 .content__item--active .content__digest { color:#999; } @media screen and (max-width: 1199px){ #el_28811553138475 .content_warp { display: none; opacity:0; visibility:hidden; } } @media screen and (max-width: 991px){ #el_28811553138475 .owl-dots { display: none; } #el_28811553138475 .owl-nav { display: none; }} #el_76841536249972{width:100%;} #el_83511553139278 > div { height: 200px; overflow: hidden; } #el_83511553139278 > .owl-loaded { height: auto; } #el_83511553139278 .item img { max-width:100%; } #el_83511553139278 .owl-carousel { z-index: 0; } #el_83511553139278 .item { text-align:center; } #el_83511553139278 { position:relative; } #el_83511553139278 .content_warp { position:absolute; z-index:5; bottom:0px; width:100%; height:auto; text-align:center; } #el_83511553139278 .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_83511553139278 .content__item:hover,#el_83511553139278 .content__item--active { color:#333; background-color:rgba(255,255,255,0.9); } #el_83511553139278 .content__item:last-child { margin-right:0; } #el_83511553139278 .content__title { font-size:18px; color:#fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition:all 0.5s ease; } #el_83511553139278 .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_83511553139278 .content__item:hover .content__title,#el_83511553139278 .content__item--active .content__title { color:#333; font-weight:bold; } #el_83511553139278 .content__item:hover .content__digest,#el_83511553139278 .content__item--active .content__digest { color:#999; } @media screen and (max-width: 1199px){ #el_83511553139278 .content_warp { display: none; opacity:0; visibility:hidden; } } @media screen and (max-width: 991px){ #el_83511553139278 .owl-dots { display: none; } #el_83511553139278 .owl-nav { display: none; }} #el_57161688694070 { margin-top: 65px; } #el_68061688694070{width:100%;} #el_29931688694140{width:100%;} #el_45261688694141 img { width: 100%; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_45261688694141 .proBox { margin-bottom: 46px; position: relative; background-color: #FFFFFF; } .col-md-6 { width: 33.333%; } #el_45261688694141 .proBox:hover img { } #el_45261688694141 .proBox:hover .proTitle { color: #ffceb9; } #el_45261688694141 .proBox:hover .proBody { transform: translateX(20px); -webkit-transform: translateX(20px); -ms-transform: translateX(20px); } #el_45261688694141 .proBox:hover .proDate:after { width: 60px; right: -60px; } #el_45261688694141 .proImgBox { overflow: hidden; } #el_45261688694141 .proDate { float: left; padding-top: 30px; padding-left: 20px; padding-bottom: 20px; padding-right: 20px; color: #b0b0b0; font-size: 20px; position: relative; } #el_45261688694141 .proDate:after { content: ''; position: absolute; top: 50%; right: -40px; width: 40px; height: 1px; background-color: #ececec; z-index: 1; transition: all .5s; -ms-transition: all .5s; -webkit-transition: all .5s; } #el_45261688694141 .proBody { overflow: hidden; padding-top: 30px; padding-left: 60px; padding-right: 80px; transition-property: all; transition-duration: .5s; -ms-transition: all .5; -webkit-transition: all .5; position: relative; } #el_45261688694141 .proTitle { color: #000000; font-size: 16px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition-property: all; transition-duration: .5s; -ms-transition: all .5s; -webkit-transition: all .5s; } #el_45261688694141 .pageBox { text-align: center; } #el_45261688694141 .pagination>li>a,#el_45261688694141 .pagination>li>span { background: none; color: #666; } #el_45261688694141 .pagination>.disabled>span,#el_45261688694141 .pagination>.disabled>a { background-color: #f2f2f2; color: #aaa; } #el_45261688694141 .pagination>.active>a,#el_45261688694141 .pagination>.active>span { border-color: #ddd; background-color: #ddd; } #el_45261688694141 .pagination>li:hover>a,#el_45261688694141 .pagination>li:hover>span { background-color: #ddd; } #el_45261688694141 .proDigest { font-size: 12px; color: #A7A7A7; margin-top: 10px; height: 3.4em; line-height: 1.7; overflow: hidden; } #el_45261688694141 .nopadding { padding: 0; } #el_45261688694141 .proJump { font-size: 30px; position: absolute; z-index: 1; bottom: 10%; right: 10px; height: 30px; line-height: 30px; color: #5C5C5C; } @media screen and (max-width: 991px){ #el_45261688694141 .proDate:after { position: static; display: block; } #el_45261688694141 .proBody { padding-left: 0px; } } @media screen and (max-width: 767px){ #el_45261688694141 .proBox { margin-bottom: 30px; } #el_45261688694141 .proJump { display: none; } #el_45261688694141 .proDate { padding-top: 30px; } #el_45261688694141 .proBody { padding-top: 10px; padding-bottom: 10px; padding-right: 60px; } } @media screen and (max-width: 575px){ #el_45261688694141 .proBody { padding-right: 20px; } #el_45261688694141 .proBox:hover .proBody { transform: translateX(0px); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); }} #el_30171536249875 .menuBox { background-color: #f0f0f0; width: 100%; } #el_30171536249875 .menuTable { position: relative; display: inline-block; padding: 20px 70px; font-size: 16px; cursor: pointer; } #el_30171536249875 .menuTable:after { content: ''; position: absolute; left: 50%; bottom: 0px; transform: translate(-50%,50%); width: 5px; height: 5px; border-radius: 50%; background-color: #ccc; transition: all 0.35s ease; } #el_30171536249875 .menuTable:before { content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 50%; transform: translate(50%,-50%); background-color: #999; } #el_30171536249875 .menuTable:hover:after,#el_30171536249875 .menuTable.active:after { width: 10px; height: 10px; background-color: transparent; border: 2px solid #846924; } #el_30171536249875 .menuTable.active { background-color: #c00000; color: #FFFFFF; } #el_30171536249875 .menuTable:hover { color: #FFFFFF; background-color: #c00000; } #el_30171536249875 { text-align: center; } #el_30171536249875 .zw { background-color: #c00000; }