#el_23121635212467 { position: relative; } #el_71211635212467{width:100%;} #el_86461635212467 > div { height: 200px; overflow: hidden; } #el_86461635212467 > .owl-loaded { height: auto; } #el_86461635212467 .item img {max-width:100%;} #el_86461635212467 .owl-carousel { z-index: 0; } #el_86461635212467 .item { text-align:center; } @media screen and (max-width: 991px){ #el_86461635212467 .owl-dots { display:none; } #el_86461635212467 .owl-nav{ display:none; }} #el_88811635212467 { position: absolute; left: 0px; bottom: 0px; width: 100%; background-color: rgba(0,0,0,0.6); } @media screen and (max-width: 767px){ #el_88811635212467 { display: none; } } #el_51551635212467{width:100%;} #el_70461635212467 { padding-right: 15px; padding-left: 15px; text-align: right; } @media screen and (max-width: 767px){ #el_70461635212467 { } } #el_56481635212467{width:100%;} #el_85361635212467 p { margin: 0; } #el_85361635212467 { height: 46px; line-height: 46px; color: #FFFFFF; display: inline-block; } #el_27521635212467 { color: #FFFFFF; height: 46px; line-height: 46px; display: inline-block; } #el_27521635212467 a { color: #ffffff; } @media screen and (max-width: 767px){ #el_27521635212467 { display: none; } } #el_19761635212137 { padding-top: 30px; padding-bottom: 30px; background-color: #f6f6f6; } @media screen and (max-width: 991px){ #el_19761635212137 { padding-top: 20px; padding-bottom: 20px; } } @media screen and (max-width: 767px){ #el_19761635212137 { display: none; } } #el_64901635212137{width:100%;} #el_62671635212137 { background-color: #FFFFFF; } #el_83661635212137{width:100%;} #el_33091635474213 { color: #666; } #el_33091635474213 ul { margin-bottom: 0; } #el_33091635474213 a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #el_33091635474213 a:hover { color: #000; } #el_33091635474213 .level1>a { display: none; } #el_33091635474213 .level1 { } #el_33091635474213 .level1>ul { display: table; width: 100%; } #el_33091635474213 .level1>ul::before,#el_33091635474213 .level1>ul::after { content: ''; display: table; } #el_33091635474213 .level2 { position: relative; float: left; width: 16.66666666666%; padding-right: 1px; } #el_33091635474213 .level1>ul .level2:last-child { padding-right: 0; } #el_33091635474213 .level2>a { position: relative; padding: 0 30px 0 12px; background-color: #e9e9e9; height: 60px; line-height: 60px; } #el_33091635474213 .level2>a::after { position: absolute; content: '+'; right: 12px; font-size: 20px; color: #999999; } #el_33091635474213 .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_33091635474213 .level2:hover>ul { opacity: 1; visibility: unset; } #el_33091635474213 .level3>a { position: relative; padding: 10px 30px 10px 12px; background-color: #ffffff; } #el_33091635474213 .level3>a::after { content: ''; position: absolute; top: 50%; right: 12px; border: 5px solid transparent; border-left-color: #333; transform: translateY(-50%); } #el_33091635474213 .level3>a:hover,#el_33091635474213 .level4>a:hover { background-color: #e9e9e9; } #el_33091635474213 .level4>a { padding: 8px 30px; background-color: #f8f8f8; position: relative; } #el_33091635474213 .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_33091635474213 { display: none; }} #el_64461635212232 { padding-top: 50px; padding-bottom: 50px; } @media screen and (max-width: 991px){ #el_64461635212232 { padding-top: 30px; padding-bottom: 30px; } } @media screen and (max-width: 767px){ #el_64461635212232 { padding-top: 20px; padding-bottom: 20px; background-color: #FFFFFF; background-image: none; } } #el_12641635212232{width:100%;} #el_39241635212232 { } #el_34481635212232{width:100%;} #el_48911624529666 img { max-width: 100%; } #el_48911624529666 { color: #666; } #el_48911624529666 ul { margin-bottom: 0; } #el_48911624529666 .level1 { display: inline-block; } #el_48911624529666 .level2 { display: inline-block; } #el_48911624529666 .level3-a { display: block; margin-bottom: 20px; border-radius: 6px; overflow: hidden; } #el_48911624529666 .level3-imgBox { border: 5px solid #eeeeee; border-bottom: 0; } #el_48911624529666 .level3-a:hover { box-shadow: 0 0 6px rgba(0,0,0,.1); } #el_48911624529666 .level2-text { font-size: 16px; color: #333333; } #el_48911624529666 .level_info { background-color: #eeeeee; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; text-align: center; transition-property: all; transition-duration: 0.2s; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; } #el_48911624529666 .level2-a { border-top-color: #f0f0f0; border-right-color: #f0f0f0; border-bottom-color: #f0f0f0; border-left-color: #f0f0f0; 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; } #el_48911624529666 .level2-digest { color: #999999; margin-top: 2px; } #el_48911624529666 .level2-a:hover .level_info { background-color: #cfb366; } #el_48911624529666 .level2-a:hover .level2-text,#el_48911624529666 .level2-a:hover .level2-digest { color: #ffffff; } @media screen and (max-width: 575px){ #el_48911624529666 .level2 { width: 100%; }} #el_24221636627434 { position: absolute; left: 0px; bottom: 0px; width: 100%; background-color: rgba(0,0,0,0.6); } @media screen and (max-width: 767px){ #el_24221636627434 { position: relative; background-color: #F6F6F6; padding-top: 10px; padding-bottom: 10px; } } #el_45371636627434{width:100%;} #el_31291636627434 { padding-right: 15px; padding-left: 15px; text-align: right; } @media screen and (max-width: 767px){ #el_31291636627434 { text-align: left; padding-left: 0px; } } #el_29051636627434{width:100%;} #el_87071636627434 { color: #ffffff; height: 46px; line-height: 46px; display: inline-block; } #el_87071636627434 a { color: #ffffff; } #el_87071636627434 a:hover { color: #0064d2; } @media screen and (max-width: 767px){ #el_87071636627434 { 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_87071636627434 a { color: #666666; } }