#el_27231624506013 { position: relative; } #el_14991624506013{width:100%;} #el_36191624521842 > div { height: 200px; overflow: hidden; } #el_36191624521842 > .owl-loaded { height: auto; } #el_36191624521842 .item img {max-width:100%;} #el_36191624521842 .owl-carousel { z-index: 0; } #el_36191624521842 .item { text-align:center; } @media screen and (max-width: 991px){ #el_36191624521842 .owl-dots { display:none; } #el_36191624521842 .owl-nav{ display:none; }} #el_58351636627302 { position: absolute; left: 0px; bottom: 0px; width: 100%; background-color: rgba(0,0,0,0.6); } @media screen and (max-width: 767px){ #el_58351636627302 { position: relative; background-color: #F6F6F6; padding-top: 10px; padding-bottom: 10px; } } #el_68791636627302{width:100%;} #el_14461636627302 { padding-right: 15px; padding-left: 15px; text-align: right; } @media screen and (max-width: 767px){ #el_14461636627302 { text-align: left; padding-left: 0px; } } #el_86851636627302{width:100%;} #el_13801636627302 { color: #ffffff; height: 46px; line-height: 46px; display: inline-block; } #el_13801636627302 a { color: #ffffff; } #el_13801636627302 a:hover { color: #0064d2; } @media screen and (max-width: 767px){ #el_13801636627302 { color: #666666; background-image: url(../upload/202110220933183050-9790.png); background-repeat: no-repeat; background-position: left center; padding-left: 26px; display: inline-block; height: 30px; line-height: 30px; font-size: 12px; } #el_13801636627302 a { color: #666666; } } #el_33391635303722 { padding-top: 30px; padding-bottom: 30px; background-color: #f6f6f6; } @media screen and (max-width: 991px){ #el_33391635303722 { padding-top: 20px; padding-bottom: 20px; } } @media screen and (max-width: 767px){ #el_33391635303722 { display: none; } } #el_63031635303722{width:100%;} #el_11301635303722 { background-color: #FFFFFF; } #el_57101635303722{width:100%;} #el_40931635477215 { color: #666; margin-top: 1px; margin-left: 1px; } #el_40931635477215 ul { margin-bottom: 0; } #el_40931635477215 a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #el_40931635477215 a:hover { color: #000; } #el_40931635477215 .level1>a { display: none; } #el_40931635477215 .level1 { } #el_40931635477215 .level1>ul { display: table; width: 100%; } #el_40931635477215 .level1>ul::before,#el_40931635477215 .level1>ul::after { content: ''; display: table; } #el_40931635477215 .level2 { position: relative; float: left; width: 16.66666666666%; padding-right: 1px; margin-bottom: 1px; } #el_40931635477215 .level1>ul .level2:last-child { padding-right: 0; } #el_40931635477215 .level2>a { position: relative; padding: 0 30px 0 12px; background-color: #e9e9e9; height: 60px; line-height: 60px; } #el_40931635477215 .level2>a::after { position: absolute; content: '+'; right: 12px; font-size: 20px; color: #999999; } #el_40931635477215 .level2>ul { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: calc(100% - 2px); z-index: 2; transition: all 0.5s ease; opacity: 0; visibility: hidden; box-shadow: 0 0 6px rgba(0,0,0,.1); } #el_40931635477215 .level2:hover>ul { opacity: 1; visibility: unset; } #el_40931635477215 .level3>a { position: relative; padding: 10px 30px 10px 12px; background-color: #ffffff; } #el_40931635477215 .level3>a::after { content: ''; position: absolute; top: 50%; right: 12px; border: 5px solid transparent; border-left-color: #333; transform: translateY(-50%); } #el_40931635477215 .level3>a:hover,#el_40931635477215 .level4>a:hover { background-color: #e9e9e9; } #el_40931635477215 .level4>a { padding: 8px 30px; background-color: #f8f8f8; position: relative; } #el_40931635477215 .level4>a::after { content: ''; position: absolute; top: 50%; right: 12px; border: 5px solid transparent; border-left-color: #333; transform: translateY(-50%); } @media screen and (max-width: 767px){ #el_40931635477215 { display: none; }} #el_10931542702259 { padding-top: 50px; padding-bottom: 50px; } @media screen and (max-width: 991px){ #el_10931542702259 { padding-top: 30px; padding-bottom: 30px; } } @media screen and (max-width: 767px){ #el_10931542702259 { padding-top: 20px; padding-bottom: 20px; background-color: #FFFFFF; background-image: none; } } #el_70271542702259{width:100%;} #el_81551635404442 { padding-right: 5%; padding-left: 5px; } @media screen and (max-width: 575px){ #el_81551635404442 { padding-right: 0px; padding-left: 0px; } } #el_82171635404442{width:100%;} #el_63311573799253 .photo,#el_63311573799253 .mainPhoto { max-width: 100%; width: 100%; } #el_63311573799253 .item-photos { text-align: center; position: relative; } #el_63311573799253 .scalePhoto { position: absolute; top: 0; left: 100%; width: 300px; height: 300px; overflow: hidden; z-index: 1; text-align: left; display: none; border: 1px solid red; margin-left: 20px; background-color: #fff; } #el_63311573799253 .scalePhoto , #el_63311573799253 .mouseBox { display: none !important; } #el_63311573799253 .scalePhoto img { transform: scale(2); transform-origin: left top; } #el_63311573799253 .item-photo { display: inline-block; padding-top: 0; padding-bottom: 0; padding-left: 5px; padding-right: 5px; } #el_63311573799253 .photo { padding: 2px; border: 1px solid #eeeeee; width: 100%; } #el_63311573799253 .active .photo { border-color: #0064d2; } #el_63311573799253 .photoList { text-align: left; padding-top: 5px; padding-bottom: 5px; } #el_63311573799253 .text-center { display: none; } #el_63311573799253 .digest { margin-top: 20px; } #el_63311573799253 .text-content { margin-top: 20px; line-height: 1.8; color: #333; } #el_63311573799253 .detaTitle { font-size: 18px; line-height: 1.5; color: #444444; font-weight: bold; background-repeat: no-repeat; } #el_63311573799253 .text-digest { margin-top: 10px; line-height: 1.6; color: #999999; min-height: 140px; } #el_63311573799253 .detaH { background-color: #f5f5f5; margin-top: 30px; } #el_63311573799253 .detaS { font-size: 16px; color: #ffffff; background-color: #0064d2; padding-top: 8px; padding-bottom: 8px; padding-right: 25px; padding-left: 25px; display: inline-block; } #el_63311573799253 .mainPhotoBox { display: inline-block; position: relative; border: 1px solid #eeeeee; } #el_63311573799253 .mainPhoto { width: 100%; } #el_63311573799253 .mouseBox { position: absolute; top: 0; left: 0; width: 150px; height: 150px; background-color: rgba(255,210,0,0.5); display: none; } #el_63311573799253 .text-content img { max-width: 100%; } #el_63311573799253 .text-content table tr td { border: 1px solid #dedede; padding: 5px; } #el_63311573799253 .detaLabels { margin-top: 20px; } #el_63311573799253 .labelsIco { font-size: 16px; color: #666; } #el_63311573799253 .labelList { background-color: #eeeeee; color: #666; font-size: 12px; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 8px; display: inline-block; margin-left: 10px; } #el_63311573799253 pre { color: #666; line-height: 1.8; white-space: pre-wrap; word-wrap: break-word; font: inherit; padding: 0; background: transparent; border: 0; } #el_63311573799253 .detaBtnBox { margin-top: 10px; } #el_63311573799253 .conText { font-size: 16px; line-height: 1.8; } #el_63311573799253 .conTel:hover { color: #0064d2; } #el_63311573799253 .conTel { color: #0064d2; font-size: 18px; } #el_63311573799253 .conSpan { font-size: 16px; display: inline-block; } #el_63311573799253 .serviceBtn { font-size: 16px; padding-top: 10px; padding-right: 30px; padding-bottom: 10px; padding-left: 30px; background-color: #0064d2; color: #FFFFFF; display: inline-block; } #el_63311573799253 .serviceBtn:hover { opacity: 0.8; } #el_63311573799253 .serviceBtn.kf2 { display: none; } #el_63311573799253 .labelList:hover { background-color: #dddddd; } #el_63311573799253 .owl-carousel { margin: 0 20px; width: auto; } #el_63311573799253 .owl-buttons { font-size: 0; } #el_63311573799253 .owl-prev:before, #el_63311573799253 .owl-next:before { position: absolute; top: 50%; margin-top: -10px; font: normal normal normal 14px/1 FontAwesome; font-size: 20px; text-rendering: auto; -webkit-font-smoothing: antialiased; } #el_63311573799253 .owl-prev:before { content: '\f104'; left: -20px; } #el_63311573799253 .owl-next:before { content: '\f105'; right: -20px; } #el_63311573799253 .conContact { padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; background-color: #f3f3f3; } #el_63311573799253 { } #el_63311573799253 .deta_con { border-top-color: #eeeeee; border-right-color: #eeeeee; border-bottom-color: #eeeeee; border-left-color: #eeeeee; 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; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } @media screen and (max-width: 991px){ #el_63311573799253 .scalePhoto , #el_63311573799253 .mouseBox { display: none !important; } #el_63311573799253 { margin-right: 0px; margin-left: 0px; } } @media screen and (max-width: 767px){ #el_63311573799253 .detaTitle { font-size: 18px; margin-top: 10px; } #el_63311573799253 .serviceBtn.kf1 { display: none; } #el_63311573799253 .serviceBtn.kf2 { display: block; } #el_63311573799253 .text-digest { min-height: auto; } #el_63311573799253 .conContact { margin-top: 20px; } } @media screen and (max-width: 575px){ #el_63311573799253 .deta_con { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } } #el_43711542702511 { line-height: 2; margin-top: 30px; border-top-color: #eeeeee; border-top-width: 1px; border-top-style: solid; padding-top: 15px; } #el_43711542702511 a:hover { color: #0064d2; } #el_64951635560277 { margin-top: 20px; } #el_78351635560277{width:100%;} #el_31991635560300 { border-bottom-color: #eeeeee; border-bottom-width: 1px; border-bottom-style: solid; margin-bottom: 15px; } #el_13181635560300{width:100%;} #el_25121635560833 { font-size: 18px; color: #0064d2; line-height: 45px; font-weight: bold; } #el_25121635560833 h4 { font: inherit; } #el_31961635560304{width:100%;} #el_78641635560306 .row { margin: 0 -10px; } #el_78641635560306 .proCol { padding: 0 10px; } #el_78641635560306 img { max-width: 100%; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_78641635560306 .proBox { margin-bottom: 20px; border-top-color: #eeeeee; border-right-color: #eeeeee; border-bottom-color: #eeeeee; border-left-color: #eeeeee; 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; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; overflow: hidden; padding-top: 20px; padding-bottom: 20px; padding-right: 20px; padding-left: 20px; display: flex; flex-direction: row; align-items: center; justify-content: center; } #el_78641635560306 .proBox:hover img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); } #el_78641635560306 .proBox:hover .proTitle { color: #0064d2; } #el_78641635560306 .proBox:hover { box-shadow: 0 0 10px rgba(0,0,0,.1); } #el_78641635560306 .proImgBox { width: 200px; height: 150px; margin-right: 20px; } #el_78641635560306 .proTitle { color: #333333; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 18px; -webkit-transition: all .5s; -ms-transition: all .5s; transition-property: all; transition-duration: .5s; } #el_78641635560306 .pageBox { text-align: center; } #el_78641635560306 .pagination>li>a,#el_78641635560306 .pagination>li>span { background: none; color: #666; } #el_78641635560306 .pagination>.disabled>span,#el_78641635560306 .pagination>.disabled>a { background-color: #f2f2f2; color: #aaa; } #el_78641635560306 .pagination>.active>a,#el_78641635560306 .pagination>.active>span { border-color: #ddd; background-color: #ddd; } #el_78641635560306 .pagination>li:hover>a,#el_78641635560306 .pagination>li:hover>span { background-color: #ddd; } #el_78641635560306 .proInfo { font-size: 14px; color: #999999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: left; margin-top: 8px; } #el_78641635560306 .proBody { border-left-color: #eeeeee; border-left-width: 1px; border-left-style: solid; padding-left: 20px; flex: 1; padding-top: 10px; padding-bottom: 10px; } #el_78641635560306 .proMore { display: inline-block; margin-top: 15px; -webkit-transition: all .5s; -ms-transition: all .5s; transition-property: all; transition-duration: .5s; color: #0064d2; } #el_78641635560306 .no_data { font-size: 18px; text-align: center; color: #999999; } @media screen and (max-width: 1199px){ #el_78641635560306 .proImgBox { width: 160px; }} @media screen and (max-width: 767px){ #el_78641635560306 .row { margin: 0 -5px; } #el_78641635560306 .proCol { padding: 0 5px; } #el_78641635560306 .proImgBox { } } @media screen and (max-width: 575px){ #el_78641635560306 .proInfo { display: none; } #el_78641635560306 .proTitle { font-size: 14px; text-align: center; } #el_78641635560306 .proBody { padding: 0; border: none; margin-top: 10px; } #el_78641635560306 .proBox { margin-bottom: 10px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; display: block; } #el_78641635560306 .proImgBox { margin-right: 0; width: 100%; height: 110px; text-align:center; } #el_78641635560306 .proMore { display: none; } #el_78641635560306 img{ height:100%; } #el_78641635560306 .proBox:hover img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }}