#el_29271569864009{width:100%;} #el_68371569864916 > div { height: 200px; overflow: hidden; } #el_68371569864916 > .owl-loaded { height: auto; } #el_68371569864916 .item img { max-width: 100%; } #el_68371569864916 .owl-carousel { z-index: 0; } #el_68371569864916 .item { text-align: center; } #el_68371569864916 { position: relative; } #el_68371569864916 .content_warp { display: none; position: absolute; z-index: 5; bottom: 0px; width: 100%; height: auto; text-align: center; } #el_68371569864916 .content__item { padding: 15px; display: inline-block; margin-right: 1px; width: 300px; color: #2B6C49; text-align: left; transition: all 0.5s ease; border: 1px solid transparent; background-color: rgba(0,0,0,0.5); cursor: pointer; } #el_68371569864916 .content__item:hover,#el_68371569864916 .content__item--active { color: #333; background-color: rgba(255,255,255,0.9); } #el_68371569864916 .content__item:last-child { margin-right: 0; } #el_68371569864916 .content__title { font-size: 18px; color: #2B6C49; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: all 0.5s ease; } #el_68371569864916 .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_68371569864916 .content__item:hover .content__title,#el_68371569864916 .content__item--active .content__title { color: #333; font-weight: bold; } #el_68371569864916 .content__item:hover .content__digest,#el_68371569864916 .content__item--active .content__digest { color: #999; } #el_68371569864916 .owl-dots { padding-bottom: 20px; } @media screen and (max-width: 1199px){ #el_68371569864916 .content_warp { display: none; opacity: 0; visibility: hidden; } } @media screen and (max-width: 991px){ #el_68371569864916 .owl-dots { display: none; } #el_68371569864916 .owl-nav { display: none; }} #el_39571569139814{width:100%;} #el_10531569139920 { font-size: 36px; text-align: center; color: #2B6C49; margin-top: 50px; } #el_10531569139920 h1 { font: inherit; } @media screen and (max-width: 575px){ #el_10531569139920 { font-size: 30px; margin-top: 20px; } } #el_68961569742394{width:100%;} #el_13051569742403 { font-size: 24px; text-align: center; margin-top: -60px; } #el_13051569742403 h3 { font: inherit; } #el_26311564469166 { padding-top: 0px; padding-bottom: 30px; } @media screen and (max-width: 575px){ #el_26311564469166 { padding-top: 30px; margin-top: -20px; } } #el_47321564469166{width:100%;} #el_20241564469166 { margin-top: 5px; } @media screen and (max-width: 575px){ #el_20241564469166 { } } #el_20811564469166{width:100%;} #el_29161564469166 img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s ease; } #el_29161564469166 .proWrap { margin: 0 -5px; overflow: hidden; } #el_29161564469166 .proItem { float: left; width: 33.33%; padding: 0 5px; } #el_29161564469166 .proItem:nth-of-type(4), #el_29161564469166 .proItem:nth-of-type(5), #el_29161564469166 .proItem:nth-of-type(6) { width: 22.222222%; } #el_29161564469166 .proBox { display: block; position: relative; overflow: hidden; box-shadow: 0px 5px 5px #c7c4c4; } #el_29161564469166 .proItem:first-child .proBox { height: 500px; } #el_29161564469166 .proItem:nth-of-type(2) .proBox, #el_29161564469166 .proItem:nth-of-type(3) .proBox { margin-bottom: 10px; height: 250px; } #el_29161564469166 .proItem:nth-of-type(4) .proBox, #el_29161564469166 .proItem:nth-of-type(5) .proBox, #el_29161564469166 .proItem:nth-of-type(6) .proBox { height: 240px; } #el_29161564469166 .proImgBox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden; } #el_29161564469166 .proBox:hover .proImgBox img { transform: scale(1.1); } #el_29161564469166 .proTitle { position: absolute; left: 0; bottom: 0; background-color: rgba(255,255,255,0.7); z-index: 2; width: 100%; padding: 10px; font-size: 18px; transition: all 0.5s ease; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #el_29161564469166 .proBox:hover .proTitle { transform: translateY(100%); } #el_29161564469166 .proBody { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(43, 108, 73, 0.5); z-index: 3; transition: all 0.5s ease; opacity: 0; visibility: hidden; } #el_29161564469166 .proBox:hover .proBody { opacity: 1; visibility: unset; } #el_29161564469166 .proBody-wrap { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); padding: 30px 20px; text-align: center; background-color: #2b6c49; z-index: 4; } #el_29161564469166 .proBody-title { color: #FFFFFF; font-size: 18px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #el_29161564469166 .proBody-intro { color: #EEEEEE; font-size: 14px; margin-top: 10px; } #el_29161564469166 { } @media screen and (max-width: 575px){ #el_29161564469166 .proItem { float: left; width: 50%; padding: 0 5px; height: 270px; } #el_29161564469166 .proItem:nth-of-type(4), #el_29161564469166 .proItem:nth-of-type(5), #el_29161564469166 .proItem:nth-of-type(6) { width: 50%; } #el_29161564469166 .proItem:first-child .proBox { margin-bottom: 10px; height: 260px; } #el_29161564469166 .proWrap { margin-top: -20px; } } #el_20611564469206 { padding-top: 60px; padding-bottom: 60px; background-color: #F5F5F5; } @media screen and (max-width: 575px){ #el_20611564469206 { padding-top: 30px; } } #el_40291564469206{width:100%;} @media screen and (max-width: 575px){ #el_41101564469206 { } } #el_57731564469206{width:100%;} #el_77651569142207 { font-size: 36px; text-align: center; color: #2B6C49; margin-top: -10px; } #el_77651569142207 h1 { font: inherit; } @media screen and (max-width: 575px){ #el_77651569142207 { font-size: 30px; margin-top: -30px; } } #el_44761569742493 { font-size: 24px; text-align: center; margin-top: 0px; margin-bottom: 40px; } #el_44761569742493 h3 { font: inherit; } #el_69981564469206 { margin-top: 20px; } #el_62851564469206{width:25%;} @media screen and (max-width: 991px){ #el_62851564469206{width:100%;}} #el_27741564469206 ul, #el_27741564469206 li { padding: 0; margin: 0; } #el_27741564469206 a { position: relative; display: block; padding: 10px; border-bottom: 1px solid #fff; } #el_27741564469206 a { padding: 15px 20px; } #el_27741564469206 a:hover { color: #333; } #el_27741564469206 .level1>a { color: #fff; background-color: #2B6C49; border-bottom: 1px solid #dedede; } #el_27741564469206 .level1>a>.menu-arrow { color: #fff; } #el_27741564469206 .level2>a>.menu-arrow { display: block; } #el_27741564469206 .level2>a { background-color: #fff; border-bottom: 1px dashed #eee; transition: all 0.5s ease; font-weight:bold; } #el_27741564469206 .level2>a:hover, #el_27741564469206 .level2.active>a { color: #2B6C49; } #el_27741564469206 .level3>a { background-color: #fff; } #el_27741564469206 .level1 li { } #el_27741564469206 .menu-arrow { display: none; position: absolute; top: 50%; right: 10px; color: #999; transform: translateY(-50%); transition: all 0.5s ease; } #el_27741564469206 .active .menu-arrow { transform: translateY(-50%) rotate(90deg); } @media screen and (max-width: 991px){ #el_27741564469206 .level1>a>.menu-arrow { display: block; color: #fff; } } @media screen and (max-width: 575px){ #el_27741564469206 .level1 { margin-top: -40px; } } #el_25511564469206{width:75%;} @media screen and (max-width: 991px){ #el_25511564469206{width:100%;}} #el_36891564469206 { padding-left: 40px; } @media screen and (max-width: 991px){ #el_36891564469206 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 20px; } } #el_40471564469206{width:100%;} #el_58061564469206 img { max-width: 100%; transition: all 0.5s ease; } #el_58061564469206 .proWrap { overflow: hidden; margin: 0 10px; } #el_58061564469206 .proItem { float: left; width: 33.333%; padding: 0 10px; } #el_58061564469206 .proBox { position: relative; display: block; margin-bottom: 20px; overflow: hidden; } #el_58061564469206 .proImgBox { overflow: hidden; } #el_58061564469206 .proBox:hover .proImgBox img { transform: scale(1.1); } #el_58061564469206 .proBody { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; transition: all 0.5s ease; background-color: rgba(43, 108, 73, 0.8); text-align: center; visibility: hidden; } #el_58061564469206 .proBox:hover .proBody { top: 0; visibility: unset; } #el_58061564469206 .proJump { position: absolute; top: -100%; left: 50%; transform: translate(-50%, -50%); padding: 10px 20px; color: #fff; font-size: 16px; border: 2px solid #fff; transition: all 0.5s ease; opacity: 0; visibility: hidden; } #el_58061564469206 .proBox:hover .proJump { top: 40%; opacity: 1; visibility: unset; } #el_58061564469206 .proTitle { position: absolute; left: 0%; top: 100%; width: 100%; color: #fff; font-size: 18px; transition: all 0.5s ease; } #el_58061564469206 .proBox:hover .proTitle { top: 60%; } #el_58061564469206 .proCategory { position: absolute; left: 0; top: 100%; width: 100%; color: #eee; font-size: 14px; transition: all 0.5s ease; } @media screen and (max-width: 575px){ #el_58061564469206 .proItem { width: 50%; padding: 0 5px; } #el_58061564469206 .proItem:last-child { display: none; }} @media screen and (max-width: 575px){ #el_58381569142855 { } } #el_24721569142855{width:100%;} #el_27741569142860 { font-size: 36px; text-align: center; margin-top: 55px; color: #2B6C49; } #el_27741569142860 h1 { font: inherit; } @media screen and (max-width: 575px){ #el_27741569142860 { font-size: 30px; margin-top: 10px; } } #el_49351569742602 { font-size: 24px; text-align: center; margin-top: -35px; } #el_49351569742602 h3 { font: inherit; } @media screen and (max-width: 575px){ #el_49351569742602 { } } #el_52691564469224 { background-image: url(../upload/201906210311322042-6906.jpg); background-size: cover; } #el_73861564469224{width:100%;} #el_10751564469224 { padding-top: 60px; padding-bottom: 60px; background-color: #2B6C49; margin-top: -30px; } @media screen and (max-width: 575px){ #el_10751564469224 { } } #el_11381564469224{width:100%;} #el_12341572841062 { margin-left: -20px; } #el_43171572841062{width:50%;} @media screen and (max-width: 767px){ #el_43171572841062{width:100%;}} #el_53591572841071 { margin-left: 20px; } #el_68861572841071{width:100%;} #el_14681572841134 .no-videourl { padding:30px 0; text-align:center; background-color:#f5f5f5; font-size:20px; font-weight:bold; } #el_14681572841134 video { width:100%; } #el_23011572841067{width:50%;} @media screen and (max-width: 767px){ #el_23011572841067{width:100%;}} #el_36221572841072 { margin-left: 20px; } @media screen and (max-width: 767px){ #el_36221572841072 { margin-top: 20px; } } #el_58841572841072{width:100%;} #el_36861572841087 { font-size: 25px; text-align: left; color: #FFFFFF; margin-top: 0px; } #el_36861572841087 h1 { font: inherit; } #el_14711572841229 p { margin: 0; } #el_14711572841229 { color: #FFFFFF; } #el_68451564469234 { padding-top: 60px; padding-bottom: 60px; } #el_39871564469234{width:100%;} #el_23941569143059{width:100%;} #el_52461569143063 { font-size: 36px; text-align: center; color: #2B6C49; margin-top: 0px; } #el_52461569143063 h1 { font: inherit; } @media screen and (max-width: 575px){ #el_52461569143063 { font-size: 30px; } } #el_54761569742653 { font-size: 24px; text-align: center; margin-top: -5px; } #el_54761569742653 h3 { font: inherit; } #el_66381564469234 { margin-top: 30px; } #el_49731564469234{width:30%;} @media screen and (max-width: 991px){ #el_49731564469234{width:100%;}} #el_63451564469234 { padding-top: 40px; padding-right: 20px; padding-bottom: 40px; padding-left: 20px; } @media screen and (max-width: 991px){ #el_63451564469234 { text-align: center; } } #el_28181564469234{width:100%;} #el_80431564469234 { font-size: 24px; font-weight: bold; } #el_80431564469234 h3 { font: inherit; } #el_89621564469234 { font-size: 44px; margin-top: 20px; color: #2B6C49; font-weight: bold; } #el_89621564469234 h3 { font: inherit; } #el_85901564469234 { font-size: 26px; color: #2B6C49; } #el_85901564469234 h4 { font: inherit; } #el_47201564469234 p { margin: 0; } #el_47201564469234 { margin-top: 30px; color: #000; font-size: 26px; font-weight: bold; } #el_53451564469234 p { margin: 0; } #el_53451564469234 { color: #2B6C49; font-weight: bold; } #el_59181571155509{width:100%;} #el_31451564469234{width:70%;} @media screen and (max-width: 991px){ #el_31451564469234{width:100%;}} #el_66891564469234{width:100%;} #el_77841564469234{width:100%;} #el_51051564469234{width:100%;} #el_33721564469234 img { max-width: 100%; } #el_33721564469234 { transition-property: all; transition-duration: 1s; } #el_13021564469234{width:100%;} #el_69191564469234 img { max-width: 100%; } #el_69191564469234 { transition-property: all; transition-duration: 1s; } #el_73571564469234{width:100%;} #el_28431564469234 img { max-width: 100%; } #el_28431564469234 { transition-property: all; transition-duration: 1s; } #el_59611564469234{width:100%;} #el_50401564469234 img { max-width: 100%; } #el_50401564469234 { transition-property: all; transition-duration: 1s; } #el_64211564469234 ul,#el_64211564469234 li { padding: 0; margin: 0; list-style: none; } #el_64211564469234 a { display: block; } #el_64211564469234 .tabbox-item { display: none; } #el_64211564469234 .tabbox-item.active { display: block; } #el_64211564469234 .tabbox-tabs { float: left; width: 100px; } #el_64211564469234 .tabbox-body { float: left; width: calc( 100% - 100px); } #el_64211564469234 .tabbox-a { position: relative; width: 80px; height: 80px; line-height: 80px; text-align: center; color: #fff; font-size: 40px; font-weight: bold; } #el_64211564469234 .tabbox-tab:nth-of-type(1) .tabbox-a { background-color: #292929; } #el_64211564469234 .tabbox-tab:nth-of-type(2) .tabbox-a { background-color: #595959; } #el_64211564469234 .tabbox-tab:nth-of-type(3) .tabbox-a { background-color: #6C6C6C; } #el_64211564469234 .tabbox-tab:nth-of-type(4) .tabbox-a { background-color: #939393; } #el_64211564469234 .tabbox-a::after { content: ''; position: absolute; top: 50%; left: 100%; transform: translateY(-50%); border: 5px solid transparent; border-left-color: #2B6C49; display: none; } #el_64211564469234 .tabbox-tab.active .tabbox-a { background-color: #2B6C49; } #el_64211564469234 .tabbox-tab.active .tabbox-a::after { display: block; } @media screen and (max-width: 575px){ #el_64211564469234 .tabbox-a { position: relative; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 20px; font-weight: bold; } #el_64211564469234 .tabbox-tabs { float: left; width: 50px; }} #el_70281564469249 { padding-top: 60px; padding-bottom: 60px; background-color: #eeeeee; } #el_88771564469249{width:100%;} #el_35021564469249 { margin-left: -30px; } #el_30781564469249{width:33.333333333333336%;} @media screen and (max-width: 575px){ #el_30781564469249{width:100%;}} #el_59591564469249 { margin-left: 30px; } @media screen and (max-width: 575px){ #el_59591564469249 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } #el_33561564469249{width:100%;} #el_82741564469249{width:100%;} #el_70101564469249{ font-size:24px; } #el_70101564469249 h3{ font:inherit; } #el_28371564469249 { margin-top: 10px; } #el_87491564469249{width:100%;} #el_49161564469249 img { max-width: 100%; transition: all 0.5s ease; } #el_49161564469249 .proWrap { margin: 0 -15px; overflow: hidden; } #el_49161564469249 .proItem { float: left; width: 100%; padding-top: 0; padding-bottom: 0; padding-left: 15px; padding-right: 15px; } #el_49161564469249 .proBox { position: relative; display: block; overflow: hidden; } #el_49161564469249 .proImgBox { overflow: hidden; } #el_49161564469249 .proBox:hover .proImgBox img { transform: scale(1.1); } #el_49161564469249 .proBody { position: relative; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; transition: all 0.5s ease; background-color: #FFFFFF; } #el_49161564469249 .proBody::before, #el_49161564469249 .proBody::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #eee; transition: all 0.5s ease; } #el_49161564469249 .proBody::after { width: 0%; background-color: #2b6c49; } #el_49161564469249 .proTitle { font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #el_49161564469249 .proBox:hover .proTitle { color: #2b6c49; } #el_49161564469249 .proCategory { margin-top: 2px; color: #666666; } #el_49161564469249 .proBox:hover .proBody { padding-left: 20px; } #el_49161564469249 .proBox:hover .proBody::after { width: 100%; } #el_76281564469249{width:33.33%;} @media screen and (max-width: 575px){ #el_76281564469249{width:50%;}} #el_74241564469249 { margin-left: 30px; } @media screen and (max-width: 575px){ #el_74241564469249 { margin-top: 20px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } #el_16341564469249{width:100%;} #el_60071564469249{width:100%;} #el_73861564469249{ font-size:24px; } #el_73861564469249 h3{ font:inherit; } #el_15801564469249 { margin-top: 10px; } #el_10091564469249{width:100%;} #el_31041564469249 img { max-width: 100%; } #el_31041564469249 { transition-property: all; transition-duration: 1s; } #el_11901564469249{width:33.3366%;} @media screen and (max-width: 575px){ #el_11901564469249{width:50%;}} #el_40331564469249 { margin-left: 30px; } @media screen and (max-width: 575px){ #el_40331564469249 { margin-top: 20px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } #el_68401564469249{width:100%;} #el_54491564469249{width:100%;} #el_68541564469249{ font-size:24px; } #el_68541564469249 h3{ font:inherit; } #el_86161564469249 { margin-top: 10px; } #el_12711564469249{width:100%;} #el_30901569746016 img { max-width: 100%; } #el_30901569746016 { transition-property: all; transition-duration: 1s; }