#el_21941745996221 { position: relative; margin-top: 80px; } @media screen and (max-width: 991px){ #el_21941745996221 { margin-top: 0px; } } #el_69051745996221{width:100%;} #el_22881745996221 > div { height: 200px; overflow: hidden; } #el_22881745996221 > .owl-loaded { height: auto; } #el_22881745996221 .item img { max-width: 100%; } #el_22881745996221 .owl-carousel { z-index: 0; } #el_22881745996221 .item { text-align: center; background-image: url(../upload/202403290744211829-4590.jpg); } #el_22881745996221 { background-image: url(../upload/202403290744211829-4590.jpg); } #el_22881745996221 .content_warp { position: absolute; z-index: 5; bottom: 0px; width: 100%; height: auto; text-align: center; } #el_22881745996221 .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_22881745996221 .content__item:hover,#el_22881745996221 .content__item--active { color: #333; background-color: rgba(255,255,255,0.9); } #el_22881745996221 .content__item:last-child { margin-right: 0; } #el_22881745996221 .content__title { font-size: 18px; color: #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: all 0.5s ease; } #el_22881745996221 .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_22881745996221 .content__item:hover .content__title,#el_22881745996221 .content__item--active .content__title { color: #333; font-weight: bold; } #el_22881745996221 .content__item:hover .content__digest,#el_22881745996221 .content__item--active .content__digest { color: #999; } @media screen and (max-width: 1199px){ #el_22881745996221 .content_warp { display: none; opacity:0; visibility:hidden; } } @media screen and (max-width: 991px){ #el_22881745996221 .owl-dots { display: none; } #el_22881745996221 .owl-nav { display: none; }} #el_76911745996221 { position: absolute; width: 100%; height: 100%; left: 0px; bottom: 0px; } @media screen and (max-width: 575px){ #el_76911745996221 { bottom: 0px; } } #el_42351745996221{width:100%;} #el_44441745996221 { position: absolute; bottom: 50%; margin-bottom: -25px; } @media screen and (max-width: 767px){ #el_44441745996221 { margin-bottom: -18px; } } @media screen and (max-width: 575px){ #el_44441745996221 { margin-bottom: -10px; } } #el_71721745996221{width:100%;} #el_41591745996221 { font-size: 36px; color: #FFFFFF; letter-spacing: 2px; } #el_41591745996221 h3 { font: inherit; } #el_41591745996221 .smallTitle { font-size: 18px; color: #666; } @media screen and (max-width: 1199px){ } @media screen and (max-width: 767px){ #el_41591745996221 { font-size: 24px; text-align: center; } } @media screen and (max-width: 575px){ #el_41591745996221 { font-size: 20px; }} #el_52601745996221 { position: absolute; bottom: 30px; width: 100%; right: 0px; display: none; } @media screen and (max-width: 1199px){ #el_52601745996221 { } } #el_73931745996221{width:100%;} #el_80911745996221 { color: #666; padding-right: 16%; text-align: right; } #el_80911745996221 ul { margin-bottom: 0; } #el_80911745996221 a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #el_80911745996221 a:hover { color: #000; } #el_80911745996221 .level1>a { display: none; } #el_80911745996221 .level1 { } #el_80911745996221 .level1>ul { display: table; width: 100%; margin-left: -1px; margin-right: -1px; text-align: right; } #el_80911745996221 .level1>ul::before,#el_80911745996221 .level1>ul::after { content: ''; display: table; } #el_80911745996221 .level2 { position: relative; padding-top: 0; padding-bottom: 0; padding-left: 10px; padding-right: 10px; margin-bottom: 2px; display: inline-block; } #el_80911745996221 .level2>a { position: relative; padding: 10px 36px 10px 20px; background-color: #ffffff; border-radius: 36px; font-size: 16px; } #el_80911745996221 .level2>a::after { position: absolute; content: '+'; right: 12px; } #el_80911745996221 .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; border-radius: 8px; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, .1); } #el_80911745996221 .level2:hover>ul { opacity: 1; visibility: unset; } #el_80911745996221 .level3>a { position: relative; padding: 12px 30px 12px 12px; background-color: #efdfc5; } #el_80911745996221 .level3>a::after { content: ''; position: absolute; top: 50%; right: 12px; border: 5px solid transparent; border-left-color: #333; transform: translateY(-50%); } #el_80911745996221 .level3>a:hover { font-weight: bold; } #el_80911745996221 .list>ul>li>ul>li>a:hover { background-color: #DD1F1F; color: #fff; } #el_80911745996221 .list>ul>li>a { font-weight: bold; } #el_80911745996221 .level4>a { padding: 6px 30px; background-color: #ffffff; } @media (min-width: 1860px) { #el_80911745996221 { padding-right: 26%; } } @media screen and (max-width: 1199px){ #el_80911745996221 { padding-right: 6%; }} @media screen and (max-width: 991px){ #el_80911745996221 { text-align: left; margin-top: 10px; display: none; } } @media screen and (max-width: 767px){ #el_80911745996221 { display: none; }} #el_40121711624454 { display: none; } #el_51331711624454{width:100%;} #el_31991711675871{width:100%;} #el_73931711624520 { color: #3F3333; line-height: 50px; } @media screen and (max-width: 575px){ #el_73931711624520 { line-height: 40px; } } #el_51881748931899 { padding-top: 50px; padding-bottom: 50px; background-color: #f8f8f8; } @media screen and (max-width: 767px){ #el_51881748931899 { padding-top: 20px; padding-bottom: 20px; } } @media screen and (max-width: 575px){ #el_51881748931899 { padding-top: 20px; padding-bottom: 20px; } } #el_67921748931899{width:100%;} #el_29211748931899{width:26.08%;} @media screen and (max-width: 991px){ #el_29211748931899{width:100%;}} @media screen and (max-width: 767px){ #el_29211748931899{width:100%;}} #el_37471748931899 { margin-right: 30px; } @media screen and (max-width: 991px){ #el_37471748931899 { margin-right: 0px; display: none; } } @media screen and (max-width: 767px){ #el_37471748931899 { margin-right: 0px; display: none; } } #el_45471748931899{width:100%;} #el_84331748931899 ul, #el_84331748931899 li { padding: 0; margin: 0; } #el_84331748931899 a { position: relative; display: block; padding: 18px 30px; } #el_84331748931899 a:hover { color: #333; } #el_84331748931899 .level1>a { background-color: #FFFFFF; background-image: url(../upload/202505160357491829-7384.png); background-repeat: no-repeat; background-size: cover; height: 137px; padding-left: 40px; padding-top: 56px; font-size: 24px; color: #666666; } #el_84331748931899 .level1>a>.menu-arrow { color: #fff; display: none; } #el_84331748931899 .level2>a { font-weight: bold; background-color: #fff; border-top: 1px dashed #eee; border-bottom: 1px dashed #eee; transition: all 0.5s ease; } #el_84331748931899 .level2>a:hover, #el_84331748931899 .level2.active>a { color: #002a85; } #el_84331748931899 .level3>a { position: relative; padding: 14px 40px; background-color: #ffffff; overflow: hidden; border: none; } #el_84331748931899 .level3>a:hover, #el_84331748931899 .level3.active>a { color: #002a85; } #el_84331748931899 .level3>a:hover::after, #el_84331748931899 .level3.active>a::after { background-color: #2B6C49; } #el_84331748931899 .level1 li { } #el_84331748931899 .menu-arrow { position: absolute; top: 50%; right: 24px; color: #999; transform: translateY(-50%); transition: all 0.5s ease; } #el_84331748931899 .active>.menu-arrow { transform: translateY(-50%) rotate(90deg); } @media screen and (max-width: 991px){ #el_84331748931899 .level1>a>.menu-arrow { display: block; color: #fff; }} #el_81171748931899{width:73.92%;} @media screen and (max-width: 991px){ #el_81171748931899{width:100%;}} @media screen and (max-width: 767px){ #el_81171748931899{width:100%;}} #el_36441748931899{width:35.72%;} @media screen and (max-width: 575px){ #el_36441748931899{width:100%;}} #el_50471748931899 { font-size: 22px; color: #333333; letter-spacing: 2px; } #el_50471748931899 h3 { font: inherit; } #el_50471748931899 .smallTitle { font-size: 18px; color: #666; } @media screen and (max-width: 767px){ #el_50471748931899 { font-size: 20px; }} #el_16301748931899{width:64.243%;} @media screen and (max-width: 575px){ #el_16301748931899{width:100%;}} #el_28631748931899 { color: #3F333; text-align: right; line-height: 30px; } @media screen and (max-width: 575px){ #el_28631748931899 { line-height: 40px; display: none; } } #el_33851748931899 { margin-top: 20px; } #el_73311748931899{width:100%;} #el_21271748931899 .proList { margin-left: -10px; margin-right: -10px; } #el_21271748931899 .proItem { padding-left: 10px; padding-right: 10px; } #el_21271748931899 img { max-width: 100%; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_21271748931899 .proBox { margin-bottom: 15px; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-style: solid; border-top-color: #eeeeee; border-bottom-color: #eeeeee; border-left-color: #eeeeee; border-right-color: #eeeeee; background-color: #FFFFFF; box-shadow: 0 0 12px rgba(0, 0, 0, .02); } #el_21271748931899 .proBox:hover img { animation: twinkle 0.3s; } #el_21271748931899 .proBox:hover .proImgBox { } #el_21271748931899 .proTitle { color: #333; text-align: center; display: block; padding-top: 10px; padding-bottom: 10px; padding-left: 0; padding-right: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; } #el_21271748931899 .proLink { color: #999999; text-align: center; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top: 10px; padding-bottom: 20px; } #el_21271748931899 .proBox:hover .proLink { color: #DD1F1F; } #el_21271748931899 .pageBox { text-align: center; } #el_21271748931899 { display: none; } #el_21271748931899 .proBox:hover { border: 1px solid #002a85; } @keyframes twinkle { 0% { opacity: 0.1; } 33% { opacity: 1; } 66% { opacity: 0.1; } 100% { opacity: 1; } } #el_21271748931899 .pageBox .page-link { padding: 3px 6px; margin: 0 5px; } #el_21271748931899 .pagination>li>a,#el_21271748931899 .pagination>li>span { background: none; color: #666; } #el_21271748931899 .pagination>.disabled>span,#el_21271748931899 .pagination>.disabled>a { background-color: #f2f2f2; color: #aaa; } #el_21271748931899 .pagination>.active>a,#el_21271748931899 .pagination>.active>span { border-color: #014099; color: #fff; background: #014099; } #el_21271748931899 .pagination>li:hover>a,#el_21271748931899 .pagination>li:hover>span { border-color: #014099; color: #fff; background: #014099; } #el_73271746607044 .dataImgBox { margin-right: 20px; } #el_73271746607044 .dataImgBox img { max-width: 100%; border: 1px solid #eeeeee; } #el_73271746607044 .detaTitle { font-size: 22px; line-height: 1.6; border-bottom: 1px solid #eeeeee; padding-bottom: 10px; } #el_73271746607044 .detaIntro { margin-top: 15px; color: #666; line-height: 1.8; } #el_73271746607044 .detaBody { margin-top: 20px; line-height: 1.8; color: #666; border-top: 1px solid #eeeeee; padding-top: 20px; } #el_73271746607044 .detaBody img { max-width: 100%; } @media screen and (max-width: 767px){ #el_73271746607044 .proPhoto { } #el_73271746607044 .dataImgBox { margin-right: 0px; } } @media screen and (max-width: 575px){ #el_73271746607044 .dataImgBox { margin-right: 0; } #el_73271746607044 .detaTitle { margin-top: 10px; padding-bottom: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; } } #el_24001557021445 { background-position: 0; padding-bottom: 50px; background-color: #f8f8f8; } @media screen and (max-width: 767px){ #el_24001557021445 { padding-top: 15px; padding-bottom: 15px; } } #el_69581557021445{width:100%;} #el_89861557021445 { background-color: #FFFFFF; padding-right: 25px; padding-bottom: 25px; padding-left: 25px; margin-top: 0px; padding-top: 25px; } @media screen and (max-width: 767px){ #el_89861557021445 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } } #el_73681557021445{width:100%;} #el_47571557021445 { line-height:2; border-top:1px solid #f5f5f5; margin-top:30px; padding-top:20px; } #el_47571557021445 ,#el_47571557021445 a { font-size:13px; color:#bbb; } #el_47571557021445 a:hover { color:#000; }