#el_26021572400285{width:100%;} #el_60021572400427 img { max-width: 100%; } #el_60021572400427 { transition-property: all; transition-duration: 1s; margin-bottom: 50px; height: 50%; } #el_12791572400772 { margin-bottom: 50px; } #el_62131572400772{width:100%;} #el_46921572400775{width:100%;} #el_76851649217252{width:100%;} #el_36291649217255{width:100%;} #el_48671658108535{width:100%;} #el_51101658116784{width:100%;} #el_28561658116817 img { max-width: 100%; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_28561658116817 .package { text-align: center; } #el_28561658116817 .proBox { margin-bottom: 20px; } #el_28561658116817 .proBox:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #el_28561658116817 .proBox:hover .proTitle { } #el_28561658116817 .proBox:hover .proImgBox { } #el_28561658116817 .proBox:hover .proDef0 { transform: translateY(-50px); color: rgba(255,255,255,0); } #el_28561658116817 .proBox:hover .bg { top: 0; } #el_28561658116817 .proBox:hover .number { left: 45px; } #el_28561658116817 .proImgBox { overflow: hidden; display: inline-block; border-radius: 5px; } #el_28561658116817 .proImgBox a { display: inline-block; position: relative; } #el_28561658116817 .bg { background-color: rgba(99, 136, 207, 0.85); position: absolute; top: 100%; left: 0; width: 100%; height: 100%; z-index: 1; transition-property: all; transition-duration: 0.5s; font-size: 14px; font-family: microsoft yahei; } #el_28561658116817 .number { position: absolute; bottom: 60%; left: -70px; color: #fff; font-size: 48px; z-index: 2; transition: all 0.5s; } #el_28561658116817 .proTitle { color: #181818; font-size: 18px; text-align: center; display: block; padding: 10px 0 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #el_28561658116817 .proDef0 { text-align: center; color: #9a9a9a; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_28561658116817 .proDigest { color: rgba(255,255,255,0.8); font-size: 13px; position: absolute; width: 100%; bottom: 30%; padding: 0 50px; line-height: 1.7em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } #el_28561658116817 .pageBox { text-align: center; } #el_28561658116817 .pagination>li>a,#el_28561658116817 .pagination>li>span { background: none; color: #666; } #el_28561658116817 .pagination>.disabled>span,#el_28561658116817 .pagination>.disabled>a { background-color: #f2f2f2; color: #aaa; } #el_28561658116817 .pagination>.active>a,#el_28561658116817 .pagination>.active>span { border-color: #ddd; background-color: #ddd; } #el_28561658116817 .pagination>li:hover>a,#el_28561658116817 .pagination>li:hover>span { background-color: #ddd; } #el_28561658116817 { width: 1136px; font-size: 12px; font-family: microsoft yahei; } #el_28561658116817 .proPhoto { font-size: 14px; } #el_53451649217258 { margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; } @media screen and (max-width: 1199px){ #el_53451649217258 { } } #el_72171649217258{width:100%;} #el_40431649217258{width:100%;} #el_42971649217258{width:100%;} #el_89001649217258 img { max-width: 100%; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_89001649217258 .package { text-align: center; } #el_89001649217258 .proBox { margin-bottom: 20px; } #el_89001649217258 .proBox:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #el_89001649217258 .proBox:hover .proTitle { } #el_89001649217258 .proBox:hover .proImgBox { } #el_89001649217258 .proBox:hover .proDef0 { transform: translateY(-50px); color: rgba(255,255,255,0); } #el_89001649217258 .proBox:hover .bg { top: 0; } #el_89001649217258 .proBox:hover .number { left: 45px; } #el_89001649217258 .proImgBox { overflow: hidden; display: inline-block; border-radius: 5px; } #el_89001649217258 .proImgBox a { display: inline-block; position: relative; } #el_89001649217258 .bg { background-color: rgba(99, 136, 207, 0.85); position: absolute; top: 100%; left: 0; width: 100%; height: 100%; z-index: 1; transition-property: all; transition-duration: 0.5s; font-size: 14px; font-family: microsoft yahei; } #el_89001649217258 .number { position: absolute; bottom: 60%; left: -70px; color: #fff; font-size: 48px; z-index: 2; transition: all 0.5s; } #el_89001649217258 .proTitle { color: #181818; font-size: 18px; text-align: center; display: block; padding: 10px 0 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #el_89001649217258 .proDef0 { text-align: center; color: #9a9a9a; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_89001649217258 .proDigest { color: rgba(255,255,255,0.8); font-size: 13px; position: absolute; width: 100%; bottom: 30%; padding: 0 50px; line-height: 1.7em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } #el_89001649217258 .pageBox { text-align: center; } #el_89001649217258 .pagination>li>a,#el_89001649217258 .pagination>li>span { background: none; color: #666; } #el_89001649217258 .pagination>.disabled>span,#el_89001649217258 .pagination>.disabled>a { background-color: #f2f2f2; color: #aaa; } #el_89001649217258 .pagination>.active>a,#el_89001649217258 .pagination>.active>span { border-color: #ddd; background-color: #ddd; } #el_89001649217258 .pagination>li:hover>a,#el_89001649217258 .pagination>li:hover>span { background-color: #ddd; } #el_89001649217258 { width: 1136px; font-size: 12px; font-family: microsoft yahei; } #el_89001649217258 .proPhoto { font-size: 14px; } #el_57131649217258{width:100%;} @media screen and (max-width: 1199px){ #el_39061649224010 { } } #el_34331649224010{width:100%;} #el_36731649224010{width:100%;} #el_35231649224010{width:100%;} #el_69031649224010 img { max-width: 100%; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_69031649224010 .package { text-align: center; } #el_69031649224010 .proBox { margin-bottom: 20px; } #el_69031649224010 .proBox:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #el_69031649224010 .proBox:hover .proTitle { } #el_69031649224010 .proBox:hover .proImgBox { } #el_69031649224010 .proBox:hover .proDef0 { transform: translateY(-50px); color: rgba(255,255,255,0); } #el_69031649224010 .proBox:hover .bg { top: 0; } #el_69031649224010 .proBox:hover .number { left: 45px; } #el_69031649224010 .proImgBox { overflow: hidden; display: inline-block; border-radius: 5px; } #el_69031649224010 .proImgBox a { display: inline-block; position: relative; } #el_69031649224010 .bg { background-color: rgba(99, 136, 207, 0.85); position: absolute; top: 100%; left: 0; width: 100%; height: 100%; z-index: 1; transition: all 0.5s; } #el_69031649224010 .number { position: absolute; bottom: 60%; left: -70px; color: #fff; font-size: 48px; z-index: 2; transition: all 0.5s; } #el_69031649224010 .proTitle { color: #181818; font-size: 18px; text-align: center; display: block; padding: 10px 0 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #el_69031649224010 .proDef0 { text-align: center; color: #9a9a9a; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_69031649224010 .proDigest { color: rgba(255,255,255,0.8); font-size: 13px; position: absolute; width: 100%; bottom: 30%; padding: 0 50px; line-height: 1.7em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } #el_69031649224010 .pageBox { text-align: center; } #el_69031649224010 .pagination>li>a,#el_69031649224010 .pagination>li>span { background: none; color: #666; } #el_69031649224010 .pagination>.disabled>span,#el_69031649224010 .pagination>.disabled>a { background-color: #f2f2f2; color: #aaa; } #el_69031649224010 .pagination>.active>a,#el_69031649224010 .pagination>.active>span { border-color: #ddd; background-color: #ddd; } #el_69031649224010 .pagination>li:hover>a,#el_69031649224010 .pagination>li:hover>span { background-color: #ddd; } #el_69031649224010 { width: 1136px; } #el_79471649217258{width:100%;} @media screen and (max-width: 1199px){ #el_53861649224172 { } } #el_53181649224172{width:100%;} #el_14001649224172{width:100%;} #el_89391649224172{width:100%;} #el_36231649224172 img { max-width: 100%; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_36231649224172 .package { text-align: center; } #el_36231649224172 .proBox { margin-bottom: 20px; } #el_36231649224172 .proBox:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #el_36231649224172 .proBox:hover .proTitle { } #el_36231649224172 .proBox:hover .proImgBox { } #el_36231649224172 .proBox:hover .proDef0 { transform: translateY(-50px); color: rgba(255,255,255,0); } #el_36231649224172 .proBox:hover .bg { top: 0; } #el_36231649224172 .proBox:hover .number { left: 45px; } #el_36231649224172 .proImgBox { overflow: hidden; display: inline-block; border-radius: 5px; } #el_36231649224172 .proImgBox a { display: inline-block; position: relative; } #el_36231649224172 .bg { background-color: rgba(99, 136, 207, 0.85); position: absolute; top: 100%; left: 0; width: 100%; height: 100%; z-index: 1; transition: all 0.5s; } #el_36231649224172 .number { position: absolute; bottom: 60%; left: -70px; color: #fff; font-size: 48px; z-index: 2; transition: all 0.5s; } #el_36231649224172 .proTitle { color: #181818; font-size: 18px; text-align: center; display: block; padding: 10px 0 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #el_36231649224172 .proDef0 { text-align: center; color: #9a9a9a; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_36231649224172 .proDigest { color: rgba(255,255,255,0.8); font-size: 13px; position: absolute; width: 100%; bottom: 30%; padding: 0 50px; line-height: 1.7em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } #el_36231649224172 .pageBox { text-align: center; } #el_36231649224172 .pagination>li>a,#el_36231649224172 .pagination>li>span { background: none; color: #666; } #el_36231649224172 .pagination>.disabled>span,#el_36231649224172 .pagination>.disabled>a { background-color: #f2f2f2; color: #aaa; } #el_36231649224172 .pagination>.active>a,#el_36231649224172 .pagination>.active>span { border-color: #ddd; background-color: #ddd; } #el_36231649224172 .pagination>li:hover>a,#el_36231649224172 .pagination>li:hover>span { background-color: #ddd; } #el_36231649224172 { width: 1136px; } #el_83951649217258{width:100%;} @media screen and (max-width: 1199px){ #el_49831649223982 { } } #el_27871649223982{width:100%;} #el_25081649223982{width:100%;} #el_21831649223982{width:100%;} #el_36741649223982 img { max-width: 100%; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_36741649223982 .package { text-align: center; } #el_36741649223982 .proBox { margin-bottom: 20px; } #el_36741649223982 .proBox:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #el_36741649223982 .proBox:hover .proTitle { } #el_36741649223982 .proBox:hover .proImgBox { } #el_36741649223982 .proBox:hover .proDef0 { transform: translateY(-50px); color: rgba(255,255,255,0); } #el_36741649223982 .proBox:hover .bg { top: 0; } #el_36741649223982 .proBox:hover .number { left: 45px; } #el_36741649223982 .proImgBox { overflow: hidden; display: inline-block; border-radius: 5px; } #el_36741649223982 .proImgBox a { display: inline-block; position: relative; } #el_36741649223982 .bg { background-color: rgba(99, 136, 207, 0.85); position: absolute; top: 100%; left: 0; width: 100%; height: 100%; z-index: 1; transition: all 0.5s; } #el_36741649223982 .number { position: absolute; bottom: 60%; left: -70px; color: #fff; font-size: 48px; z-index: 2; transition: all 0.5s; } #el_36741649223982 .proTitle { color: #181818; font-size: 18px; text-align: center; display: block; padding: 10px 0 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #el_36741649223982 .proDef0 { text-align: center; color: #9a9a9a; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_36741649223982 .proDigest { color: rgba(255,255,255,0.8); font-size: 13px; position: absolute; width: 100%; bottom: 30%; padding: 0 50px; line-height: 1.7em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } #el_36741649223982 .pageBox { text-align: center; } #el_36741649223982 .pagination>li>a,#el_36741649223982 .pagination>li>span { background: none; color: #666; } #el_36741649223982 .pagination>.disabled>span,#el_36741649223982 .pagination>.disabled>a { background-color: #f2f2f2; color: #aaa; } #el_36741649223982 .pagination>.active>a,#el_36741649223982 .pagination>.active>span { border-color: #ddd; background-color: #ddd; } #el_36741649223982 .pagination>li:hover>a,#el_36741649223982 .pagination>li:hover>span { background-color: #ddd; } #el_36741649223982 { width: 1136px; } #el_19361649217258{width:100%;} @media screen and (max-width: 1199px){ #el_67341649223930 { } } #el_10221649223930{width:100%;} #el_60531649223930{width:100%;} #el_12791649223930{width:100%;} #el_38831649223930 img { max-width: 100%; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_38831649223930 .package { text-align: center; } #el_38831649223930 .proBox { margin-bottom: 20px; } #el_38831649223930 .proBox:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #el_38831649223930 .proBox:hover .proTitle { } #el_38831649223930 .proBox:hover .proImgBox { } #el_38831649223930 .proBox:hover .proDef0 { transform: translateY(-50px); color: rgba(255,255,255,0); } #el_38831649223930 .proBox:hover .bg { top: 0; } #el_38831649223930 .proBox:hover .number { left: 45px; } #el_38831649223930 .proImgBox { overflow: hidden; display: inline-block; border-radius: 5px; } #el_38831649223930 .proImgBox a { display: inline-block; position: relative; } #el_38831649223930 .bg { background-color: rgba(99, 136, 207, 0.85); position: absolute; top: 100%; left: 0; width: 100%; height: 100%; z-index: 1; transition: all 0.5s; } #el_38831649223930 .number { position: absolute; bottom: 60%; left: -70px; color: #fff; font-size: 48px; z-index: 2; transition: all 0.5s; } #el_38831649223930 .proTitle { color: #181818; font-size: 18px; text-align: center; display: block; padding: 10px 0 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #el_38831649223930 .proDef0 { text-align: center; color: #9a9a9a; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_38831649223930 .proDigest { color: rgba(255,255,255,0.8); font-size: 13px; position: absolute; width: 100%; bottom: 30%; padding: 0 50px; line-height: 1.7em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } #el_38831649223930 .pageBox { text-align: center; } #el_38831649223930 .pagination>li>a,#el_38831649223930 .pagination>li>span { background: none; color: #666; } #el_38831649223930 .pagination>.disabled>span,#el_38831649223930 .pagination>.disabled>a { background-color: #f2f2f2; color: #aaa; } #el_38831649223930 .pagination>.active>a,#el_38831649223930 .pagination>.active>span { border-color: #ddd; background-color: #ddd; } #el_38831649223930 .pagination>li:hover>a,#el_38831649223930 .pagination>li:hover>span { background-color: #ddd; } #el_38831649223930 { width: 1136px; } #el_51191649217258 .tabbox-tabs { list-style: none; width: 1136px; font-size: 14px; font-family: microsoft yahei; line-height: 1.3px; text-align: center; display: block; padding-top: 0px; } #el_51191649217258 .tabbox-tab { float: left; } #el_51191649217258 .tabbox-tab.active .tabbox-a { border-bottom-color: #0161ff; color: #0161FF; } #el_51191649217258 .tabbox-a { display: block; text-align: center; font-size: 13px; height: 50px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; overflow: hidden; width: 177px; font-weight: bold; background-image: none; background-color: #E8E6E6; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; line-height: 4; padding-left: 0px; border-right-style: solid; border-right-color: #F9F9F9; border-top-color: #F9F9F9; border-bottom-color: #F9F9F9; border-left-color: #F9F9F9; margin-top: 3px; margin-right: 3px; margin-bottom: 3px; margin-left: 3px; font-family: microsoft yahei; } #el_51191649217258 .tabbox-tab:last-child .tabbox-a { margin-right: 0; } #el_51191649217258 .tabbox-a:hover, #el_51191649217258 .tabbox-a:active, #el_51191649217258 .tabbox-a:visited, #el_51191649217258 .tabbox-a:focus { text-decoration: none; } #el_51191649217258 .tabbox-body { margin-top: 30px; } #el_51191649217258 .tabbox-item { display: none; } #el_51191649217258 .tabbox-item.active { display: block; } #el_51191649217258 .fa { font-size: 14px; } #el_51191649217258 .tabbox { width: 200px; } #el_51191649217258 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; } #el_51191649217258 .tabbox-a:hover { } #el_51191649217258 .tabbox-a.active { } @media screen and (max-width: 991px){ #el_51191649217258 .tabbox-body { margin-top: 20px; } } @media screen and (max-width: 575px){ #el_51191649217258 .tabbox-a { line-height: 1.6; padding-top: 15px; padding-bottom: 15px; padding-right: 5px; padding-left: 5px; font-size: 14px; } } #el_48671658108535{width:100%;} #el_51101658116784{width:100%;} #el_28561658116817 img { max-width: 100%; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_28561658116817 .package { text-align: center; } #el_28561658116817 .proBox { margin-bottom: 20px; } #el_28561658116817 .proBox:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #el_28561658116817 .proBox:hover .proTitle { } #el_28561658116817 .proBox:hover .proImgBox { } #el_28561658116817 .proBox:hover .proDef0 { transform: translateY(-50px); color: rgba(255,255,255,0); } #el_28561658116817 .proBox:hover .bg { top: 0; } #el_28561658116817 .proBox:hover .number { left: 45px; } #el_28561658116817 .proImgBox { overflow: hidden; display: inline-block; border-radius: 5px; } #el_28561658116817 .proImgBox a { display: inline-block; position: relative; } #el_28561658116817 .bg { background-color: rgba(99, 136, 207, 0.85); position: absolute; top: 100%; left: 0; width: 100%; height: 100%; z-index: 1; transition-property: all; transition-duration: 0.5s; font-size: 14px; font-family: microsoft yahei; } #el_28561658116817 .number { position: absolute; bottom: 60%; left: -70px; color: #fff; font-size: 48px; z-index: 2; transition: all 0.5s; } #el_28561658116817 .proTitle { color: #181818; font-size: 18px; text-align: center; display: block; padding: 10px 0 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #el_28561658116817 .proDef0 { text-align: center; color: #9a9a9a; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_28561658116817 .proDigest { color: rgba(255,255,255,0.8); font-size: 13px; position: absolute; width: 100%; bottom: 30%; padding: 0 50px; line-height: 1.7em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } #el_28561658116817 .pageBox { text-align: center; } #el_28561658116817 .pagination>li>a,#el_28561658116817 .pagination>li>span { background: none; color: #666; } #el_28561658116817 .pagination>.disabled>span,#el_28561658116817 .pagination>.disabled>a { background-color: #f2f2f2; color: #aaa; } #el_28561658116817 .pagination>.active>a,#el_28561658116817 .pagination>.active>span { border-color: #ddd; background-color: #ddd; } #el_28561658116817 .pagination>li:hover>a,#el_28561658116817 .pagination>li:hover>span { background-color: #ddd; } #el_28561658116817 { width: 1136px; font-size: 12px; font-family: microsoft yahei; } #el_28561658116817 .proPhoto { font-size: 14px; } #el_53451649217258 { margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; } @media screen and (max-width: 1199px){ #el_53451649217258 { } } #el_72171649217258{width:100%;} #el_40431649217258{width:100%;} #el_42971649217258{width:100%;} #el_89001649217258 img { max-width: 100%; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_89001649217258 .package { text-align: center; } #el_89001649217258 .proBox { margin-bottom: 20px; } #el_89001649217258 .proBox:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #el_89001649217258 .proBox:hover .proTitle { } #el_89001649217258 .proBox:hover .proImgBox { } #el_89001649217258 .proBox:hover .proDef0 { transform: translateY(-50px); color: rgba(255,255,255,0); } #el_89001649217258 .proBox:hover .bg { top: 0; } #el_89001649217258 .proBox:hover .number { left: 45px; } #el_89001649217258 .proImgBox { overflow: hidden; display: inline-block; border-radius: 5px; } #el_89001649217258 .proImgBox a { display: inline-block; position: relative; } #el_89001649217258 .bg { background-color: rgba(99, 136, 207, 0.85); position: absolute; top: 100%; left: 0; width: 100%; height: 100%; z-index: 1; transition-property: all; transition-duration: 0.5s; font-size: 14px; font-family: microsoft yahei; } #el_89001649217258 .number { position: absolute; bottom: 60%; left: -70px; color: #fff; font-size: 48px; z-index: 2; transition: all 0.5s; } #el_89001649217258 .proTitle { color: #181818; font-size: 18px; text-align: center; display: block; padding: 10px 0 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #el_89001649217258 .proDef0 { text-align: center; color: #9a9a9a; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_89001649217258 .proDigest { color: rgba(255,255,255,0.8); font-size: 13px; position: absolute; width: 100%; bottom: 30%; padding: 0 50px; line-height: 1.7em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } #el_89001649217258 .pageBox { text-align: center; } #el_89001649217258 .pagination>li>a,#el_89001649217258 .pagination>li>span { background: none; color: #666; } #el_89001649217258 .pagination>.disabled>span,#el_89001649217258 .pagination>.disabled>a { background-color: #f2f2f2; color: #aaa; } #el_89001649217258 .pagination>.active>a,#el_89001649217258 .pagination>.active>span { border-color: #ddd; background-color: #ddd; } #el_89001649217258 .pagination>li:hover>a,#el_89001649217258 .pagination>li:hover>span { background-color: #ddd; } #el_89001649217258 { width: 1136px; font-size: 12px; font-family: microsoft yahei; } #el_89001649217258 .proPhoto { font-size: 14px; } #el_57131649217258{width:100%;} @media screen and (max-width: 1199px){ #el_39061649224010 { } } #el_34331649224010{width:100%;} #el_36731649224010{width:100%;} #el_35231649224010{width:100%;} #el_69031649224010 img { max-width: 100%; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_69031649224010 .package { text-align: center; } #el_69031649224010 .proBox { margin-bottom: 20px; } #el_69031649224010 .proBox:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #el_69031649224010 .proBox:hover .proTitle { } #el_69031649224010 .proBox:hover .proImgBox { } #el_69031649224010 .proBox:hover .proDef0 { transform: translateY(-50px); color: rgba(255,255,255,0); } #el_69031649224010 .proBox:hover .bg { top: 0; } #el_69031649224010 .proBox:hover .number { left: 45px; } #el_69031649224010 .proImgBox { overflow: hidden; display: inline-block; border-radius: 5px; } #el_69031649224010 .proImgBox a { display: inline-block; position: relative; } #el_69031649224010 .bg { background-color: rgba(99, 136, 207, 0.85); position: absolute; top: 100%; left: 0; width: 100%; height: 100%; z-index: 1; transition: all 0.5s; } #el_69031649224010 .number { position: absolute; bottom: 60%; left: -70px; color: #fff; font-size: 48px; z-index: 2; transition: all 0.5s; } #el_69031649224010 .proTitle { color: #181818; font-size: 18px; text-align: center; display: block; padding: 10px 0 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #el_69031649224010 .proDef0 { text-align: center; color: #9a9a9a; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_69031649224010 .proDigest { color: rgba(255,255,255,0.8); font-size: 13px; position: absolute; width: 100%; bottom: 30%; padding: 0 50px; line-height: 1.7em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } #el_69031649224010 .pageBox { text-align: center; } #el_69031649224010 .pagination>li>a,#el_69031649224010 .pagination>li>span { background: none; color: #666; } #el_69031649224010 .pagination>.disabled>span,#el_69031649224010 .pagination>.disabled>a { background-color: #f2f2f2; color: #aaa; } #el_69031649224010 .pagination>.active>a,#el_69031649224010 .pagination>.active>span { border-color: #ddd; background-color: #ddd; } #el_69031649224010 .pagination>li:hover>a,#el_69031649224010 .pagination>li:hover>span { background-color: #ddd; } #el_69031649224010 { width: 1136px; } #el_79471649217258{width:100%;} @media screen and (max-width: 1199px){ #el_53861649224172 { } } #el_53181649224172{width:100%;} #el_14001649224172{width:100%;} #el_89391649224172{width:100%;} #el_36231649224172 img { max-width: 100%; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_36231649224172 .package { text-align: center; } #el_36231649224172 .proBox { margin-bottom: 20px; } #el_36231649224172 .proBox:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #el_36231649224172 .proBox:hover .proTitle { } #el_36231649224172 .proBox:hover .proImgBox { } #el_36231649224172 .proBox:hover .proDef0 { transform: translateY(-50px); color: rgba(255,255,255,0); } #el_36231649224172 .proBox:hover .bg { top: 0; } #el_36231649224172 .proBox:hover .number { left: 45px; } #el_36231649224172 .proImgBox { overflow: hidden; display: inline-block; border-radius: 5px; } #el_36231649224172 .proImgBox a { display: inline-block; position: relative; } #el_36231649224172 .bg { background-color: rgba(99, 136, 207, 0.85); position: absolute; top: 100%; left: 0; width: 100%; height: 100%; z-index: 1; transition: all 0.5s; } #el_36231649224172 .number { position: absolute; bottom: 60%; left: -70px; color: #fff; font-size: 48px; z-index: 2; transition: all 0.5s; } #el_36231649224172 .proTitle { color: #181818; font-size: 18px; text-align: center; display: block; padding: 10px 0 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #el_36231649224172 .proDef0 { text-align: center; color: #9a9a9a; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_36231649224172 .proDigest { color: rgba(255,255,255,0.8); font-size: 13px; position: absolute; width: 100%; bottom: 30%; padding: 0 50px; line-height: 1.7em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } #el_36231649224172 .pageBox { text-align: center; } #el_36231649224172 .pagination>li>a,#el_36231649224172 .pagination>li>span { background: none; color: #666; } #el_36231649224172 .pagination>.disabled>span,#el_36231649224172 .pagination>.disabled>a { background-color: #f2f2f2; color: #aaa; } #el_36231649224172 .pagination>.active>a,#el_36231649224172 .pagination>.active>span { border-color: #ddd; background-color: #ddd; } #el_36231649224172 .pagination>li:hover>a,#el_36231649224172 .pagination>li:hover>span { background-color: #ddd; } #el_36231649224172 { width: 1136px; } #el_83951649217258{width:100%;} @media screen and (max-width: 1199px){ #el_49831649223982 { } } #el_27871649223982{width:100%;} #el_25081649223982{width:100%;} #el_21831649223982{width:100%;} #el_36741649223982 img { max-width: 100%; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_36741649223982 .package { text-align: center; } #el_36741649223982 .proBox { margin-bottom: 20px; } #el_36741649223982 .proBox:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #el_36741649223982 .proBox:hover .proTitle { } #el_36741649223982 .proBox:hover .proImgBox { } #el_36741649223982 .proBox:hover .proDef0 { transform: translateY(-50px); color: rgba(255,255,255,0); } #el_36741649223982 .proBox:hover .bg { top: 0; } #el_36741649223982 .proBox:hover .number { left: 45px; } #el_36741649223982 .proImgBox { overflow: hidden; display: inline-block; border-radius: 5px; } #el_36741649223982 .proImgBox a { display: inline-block; position: relative; } #el_36741649223982 .bg { background-color: rgba(99, 136, 207, 0.85); position: absolute; top: 100%; left: 0; width: 100%; height: 100%; z-index: 1; transition: all 0.5s; } #el_36741649223982 .number { position: absolute; bottom: 60%; left: -70px; color: #fff; font-size: 48px; z-index: 2; transition: all 0.5s; } #el_36741649223982 .proTitle { color: #181818; font-size: 18px; text-align: center; display: block; padding: 10px 0 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #el_36741649223982 .proDef0 { text-align: center; color: #9a9a9a; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_36741649223982 .proDigest { color: rgba(255,255,255,0.8); font-size: 13px; position: absolute; width: 100%; bottom: 30%; padding: 0 50px; line-height: 1.7em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } #el_36741649223982 .pageBox { text-align: center; } #el_36741649223982 .pagination>li>a,#el_36741649223982 .pagination>li>span { background: none; color: #666; } #el_36741649223982 .pagination>.disabled>span,#el_36741649223982 .pagination>.disabled>a { background-color: #f2f2f2; color: #aaa; } #el_36741649223982 .pagination>.active>a,#el_36741649223982 .pagination>.active>span { border-color: #ddd; background-color: #ddd; } #el_36741649223982 .pagination>li:hover>a,#el_36741649223982 .pagination>li:hover>span { background-color: #ddd; } #el_36741649223982 { width: 1136px; } #el_19361649217258{width:100%;} @media screen and (max-width: 1199px){ #el_67341649223930 { } } #el_10221649223930{width:100%;} #el_60531649223930{width:100%;} #el_12791649223930{width:100%;} #el_38831649223930 img { max-width: 100%; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_38831649223930 .package { text-align: center; } #el_38831649223930 .proBox { margin-bottom: 20px; } #el_38831649223930 .proBox:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #el_38831649223930 .proBox:hover .proTitle { } #el_38831649223930 .proBox:hover .proImgBox { } #el_38831649223930 .proBox:hover .proDef0 { transform: translateY(-50px); color: rgba(255,255,255,0); } #el_38831649223930 .proBox:hover .bg { top: 0; } #el_38831649223930 .proBox:hover .number { left: 45px; } #el_38831649223930 .proImgBox { overflow: hidden; display: inline-block; border-radius: 5px; } #el_38831649223930 .proImgBox a { display: inline-block; position: relative; } #el_38831649223930 .bg { background-color: rgba(99, 136, 207, 0.85); position: absolute; top: 100%; left: 0; width: 100%; height: 100%; z-index: 1; transition: all 0.5s; } #el_38831649223930 .number { position: absolute; bottom: 60%; left: -70px; color: #fff; font-size: 48px; z-index: 2; transition: all 0.5s; } #el_38831649223930 .proTitle { color: #181818; font-size: 18px; text-align: center; display: block; padding: 10px 0 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #el_38831649223930 .proDef0 { text-align: center; color: #9a9a9a; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_38831649223930 .proDigest { color: rgba(255,255,255,0.8); font-size: 13px; position: absolute; width: 100%; bottom: 30%; padding: 0 50px; line-height: 1.7em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } #el_38831649223930 .pageBox { text-align: center; } #el_38831649223930 .pagination>li>a,#el_38831649223930 .pagination>li>span { background: none; color: #666; } #el_38831649223930 .pagination>.disabled>span,#el_38831649223930 .pagination>.disabled>a { background-color: #f2f2f2; color: #aaa; } #el_38831649223930 .pagination>.active>a,#el_38831649223930 .pagination>.active>span { border-color: #ddd; background-color: #ddd; } #el_38831649223930 .pagination>li:hover>a,#el_38831649223930 .pagination>li:hover>span { background-color: #ddd; } #el_38831649223930 { width: 1136px; }