.lh1 { line-height: 1; } .bun_a { position: relative; padding: 2.35rem 1rem 0; } .bun_a .main-tit { display: flex; align-items: center; justify-content: space-between; } .bun_a .main-tit .t { font-weight: 500; color: #212121; } .bun_a .main-tit .selectbox { padding-top: .225rem; z-index: 1; cursor: pointer; } .bun_list { padding-top: 1rem; margin-bottom: 2.325rem; } .bun_list .ajax_box { display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; } .bun_list .ajax_box .li { width: calc((100% - .75rem) / 2); height: 8.5rem; background: #F7F6F6; border-radius: .2rem; overflow: hidden; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; padding: 1rem 1.45rem 1.45rem 1rem; margin-right: .75rem; margin-bottom: .75rem; cursor: pointer; } .bun_list .ajax_box .li:hover .right .t1{ color: #007154; } .bun_list .ajax_box .li:nth-child(even) { margin-right: 0; } .bun_list .ajax_box .li .left { width: 5.5rem; height: 3.5rem; background: #FFFFFF; border-radius: .1rem; display: flex; align-items: center; justify-content: center; margin-right: 1rem; } .bun_list .ajax_box .li .left img { max-height: 100%; } .bun_list .ajax_box .li .right { width: calc(100% - 5.5rem - 1rem); } .bun_list .ajax_box .li .right .t1 { font-weight: 700; transition: all .3s; } .bun_list .ajax_box .li .right .t2 { margin-top: .65rem; text-align: justify; margin-bottom: .75rem; } .bun_list .ajax_box .li .right .more { color: #007154; display: flex; line-height: 1; align-items: center; justify-content: flex-start; } .bun_list .ajax_box .li .right .more svg { width: .15rem; height: .2rem; margin-left: .15rem; } .bun_list .load_ajax { width: 1.15rem; margin: .85rem auto 0; } .bun_list .load_ajax img { animation: rotate 3s infinite linear; transition: all .3s; width: 100%; } @keyframes rotate { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .popUp { position: fixed; width: 100%; left: 0%; top: 0; z-index: 5; height: 100vh; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all .3s; } .popUp .mask { position: absolute; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); } .popUp .li { overflow: hidden; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; padding: 1.375rem 1.45rem 2.1rem 1.5rem; position: relative; width: 25.5rem; height: 19.5rem; background: #FFFFFF; border-radius: .2rem; margin: 0 auto; flex-wrap: wrap; transform: translateY(20px); opacity: 0; visibility: hidden; transition: all .4s; margin-top: 1.5rem; } .popUp .closed { width: .875rem; height: .875rem; background-color: #007154; right: 1.45rem; top: 1.55rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; } .popUp .closed svg { transition: all .3s; width: 60%; height: 60%; object-fit: cover; } .popUp .li .left { width: 5.5rem; height: 3.5rem; background: #FFFFFF; border-radius: .1rem; border: 1px solid rgba(152, 151, 152, .2); display: flex; align-items: center; justify-content: center; margin-right: 1rem; } .popUp .li .right { width: calc(100% - 5.5rem - 1rem); } .popUp .li .t1 { color: #007154; font-weight: 700; margin-bottom: .7rem; } .popUp .li .t2 { line-height: .6rem; margin-bottom: 1.15rem; max-height: 12rem; overflow: auto; } .popUp .li .t2 p { text-indent: 2em; } .popUp .li .t2::-webkit-scrollbar { width: 2px; background-color: rgba(0, 0, 0, .2); } .popUp .li .t2::-webkit-scrollbar-thumb { background-color: #007154; } .popUp .closed:hover svg { transform: rotate(90deg); } .popUp.on { opacity: 1; visibility: visible; } .popUp.on .li { transform: translateY(0); opacity: 1; visibility: visible; } .formbox { margin-bottom: 1.75rem; } .formbox .t1 { color: #212121; font-weight: 500; margin-bottom: 1rem; } .formbox .item { width: 15.5rem; height: 1.65rem; background: #007154; border-radius: .825rem; overflow: hidden; display: flex; align-items: center; justify-content: space-between; padding: 0 .9rem; margin: 0 auto .75rem; } .formbox .item input { width: 80%; height: 100%; background-color: transparent; } .formbox .item input::placeholder { color: rgba(255, 255, 255, .65); } .formbox .item button { background-color: transparent; } .formbox .item button img { filter: brightness(0) invert(1); } .formbox .searchkey { width: 15.5rem; margin: 0 auto; display: flex; align-items: center; justify-content: flex-start; padding: 0 .9rem; line-height: 1; } .formbox .searchkey span { transition: all .3s; cursor: pointer; } .formbox .searchkey span:hover { color: #007154; } .infonav { margin-top: .75rem; display: flex; align-items: center; justify-content: flex-start; padding: 0 2.5rem; margin-bottom: 1.875rem; } .infonav a { font-weight: 400; display: inline-flex; align-items: center; justify-content: flex-start; transition: all .3s; font-weight: 500; } .infonav span{ margin: 0 .125rem; display: block; } .infonav a:last-child { cursor: default; color: #007154; font-weight: 600; } .infonav a svg { width: .4rem; height: .4rem; margin-right: .1rem; } .infobox { padding: 0 4.375rem; margin-bottom: 3.15rem; } .infobox .infot { padding-bottom: .75rem; border-bottom: 1px solid rgba(38, 47, 63, .1); margin-bottom: 1.3rem; } .infobox .infot .t1{ font-weight: 500; } .infobox .bot { font-weight: normal; display: flex; align-items: center; justify-content: center; margin-top: .925rem; } .infobox .bot div { font-weight: 500; } .infobox .bot span { display: block; width: 1px; height: 14px; margin: 0 1rem; background-color: rgba(0, 0, 0, .25); } .infobox .infocont { padding-bottom: 4.575rem; border-bottom: 1px solid rgba(102, 102, 102, .2); margin-bottom: .65rem; } .infobox .infocont p { text-indent: 2em; } .infobox .infocont img{ margin: 0 auto; text-align: center; display: inline-block;max-width: 800px; } .infobox .infocont .image { width: 100%; height: 11.675rem; background: #F7F6F6; display: flex; align-items: flex-end; justify-content: flex-start; } .infobox .infocont .image img { width: 19.675rem; height: 100%; } .infobox .infocont .image .right { width: calc(100% - 19.675rem); padding-right: 1.75rem; padding-bottom: 2.7rem; color: #007154; text-align: right; font-weight: 500; } .infobox .pre_next { position: relative; display: flex; align-items: center; justify-content: space-between; } .infobox .pre_next .left a { margin-bottom: .25rem; display: block; } .infobox .pre_next .back a { width: 1.125rem; height: 1.125rem; background-color: #007154; display: flex; align-items: center; justify-content: center; border-radius: .2rem; } .infobox .pre_next .back a svg { width: .45rem; height: .45rem; } .culbox { margin-bottom: 2.75rem; } .culbox .lis { display: flex; flex-wrap: wrap; /* align-items: flex-start; */ align-items: stretch; justify-content: flex-start; padding-right: 0; } .culbox .lis:not(:first-child) { margin-top: .5rem; } .culbox .lis .image { width: 6.75rem; height:4.25rem; /* height: 5.15rem; */ margin-right: 1.5rem; overflow: hidden; border-radius: .1rem; } .culbox .lis .image img { width: 100%; height: 100%; object-fit: cover; transition: all .3s } .culbox .lis .txt { width: calc(100% - 6.75rem - 1.5rem); padding-bottom: .75rem; border-bottom: 1px solid rgba(51, 51, 51, .1); } .culbox .lis .timer { line-height: 1; margin-bottom: .25rem; transition: all .3s; } .culbox .lis .txt .t2 { line-height: 1.4; margin-bottom: .5rem; font-weight: 500; overflow: hidden; text-overflow: ellipsis; text-wrap: nowrap; white-space: nowrap; transition: all .3s; } .culbox .lis .txt .t3 { line-height: 1; text-wrap: nowrap; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: .875rem; } .culbox .lis .txt .more { display: flex; align-items: center; justify-content: flex-start; font-weight: 500; line-height: 1; } .culbox .lis .txt .more svg { margin-left: .2rem; width: .15rem; height: .2rem; } .culbox .lis .txt .more svg path { transition: all .3s; } .culbox .lis:hover .more { color: #007154; } .culbox .lis:hover svg path { fill: #007154; } .culbox .lis:hover img { transform: scale(1.02); } .culbox .lis:hover .txt .t2 { color: #007154; } .culbox .ul { margin-bottom: .25rem; } .culbox .lis .txt .more { color: #007154; } .culbox .lis .txt .more svg path { fill: #007154; } .pol.culbox .lis .txt { width: 80%; padding-top: 0; padding-bottom: 0; border-bottom: none; } .pol.culbox .lis { justify-content: space-between; align-items: center; width: 100%; /* height: 5.5rem; */ background: #FFFFFF; padding:.6rem 1rem .8rem; border-radius: .025rem; border: 1px solid rgba(0, 0, 0, .1); transition: all .3s; } .pol.culbox .lis:not(:first-child){ margin-top: .25rem; } .pol.culbox .lis .txt .t2{ margin-bottom: .35rem; } .pol.culbox .lis .txt .t3 { margin-bottom: .65rem; } .pol.culbox .lis .txt .more { line-height: 1; } .pol.culbox .lis:hover .t3 { color: #007154; } .pol.culbox .lis { position: relative; } .pol.culbox .lis::after { position: absolute; left: 0; top: 0; content: ''; width: .1rem; height: 0; background: #007154; border-radius: .025rem; transition: all .3s; opacity: 0; visibility: hidden; } .pol.culbox .lis:hover::after { height: 100%; opacity: 1; visibility: visible; } .pol.culbox .lis:hover { box-shadow: 3px 4px 10px 0px rgb(0 113 84 / 20%); } .pol.culbox .lis:hover .timer { color: #007154; } @media(max-width:996px) { .bun_a { padding: 0; padding-top: 1.5rem; overflow: hidden; } .bun_a .main-tit { flex-direction: column; } .bun_a .main-tit .t { margin-bottom: 1rem; } .bun_a .main-tit .selectbox { padding-top: 0; } .bun_list { padding-top: 1.5rem; margin-bottom: 1.5rem; } .bun_list .ajax_box .li { width: 100%; margin-right: 0; height: auto; padding: 1rem .75rem; } .bun_list .ajax_box .li .left { width: 100%; margin-right: 0; padding:.25rem; } .bun_list .ajax_box .li .right { width: 100%; padding-top: 1rem; } .bun_list .ajax_box .li .right .t2 { margin-top: .45rem; margin-bottom: 1rem; font-size: .4rem; } .bun_list .ajax_box .li:last-child { margin-bottom: 0; } .formbox .item { width: 92%; margin-bottom: .5rem; } .bun_a .formbox .item { width: 100%; } .infonav { margin-top: 1rem; padding: 0; margin-bottom: 1rem; } .infonav span { margin: 0 .1rem; } .infobox { padding: 0; margin-bottom: 2rem; } .infobox .infot .t1 { font-size: .65rem; text-align: justify; } .infobox .infot .t1 br { display: none; } .infobox .bot { margin-top: .75rem; } .infobox .infot { padding-bottom: .5rem; margin-bottom: 1rem; } .infobox .infocont .image { flex-direction: column; height: auto; } .infobox .infocont .image img { width: 100%; } .infobox .infocont .image .right { width: 100%; padding: .75rem .5rem; } .infobox .infocont { padding-bottom: 1.5rem; } .infobox .pre_next { align-items: flex-start; flex-direction: column; } .infobox .pre_next .back { margin-top: 1rem; align-self: center; } .popUp {} .popUp .li { width: 88%; min-height: 10rem; flex-direction: column; padding: .75rem .5rem; max-height: 100vh; overflow: auto; align-items: flex-start; justify-content: flex-start; height: 92%; flex-wrap: wrap; display: block; margin-top: 0; } .popUp .closed { right: .5rem; top: .75rem; } .popUp .li .left { margin-bottom: .75rem; margin-right: 0; } .popUp .li .right { width: 100%; } .popUp .li .t1 { margin-bottom: .5rem; } .popUp .li .t2 { max-height: 13rem; overflow: auto; font-size: .4rem; padding-right: .25rem; } .pol.culbox .lis { height: auto; padding: .75rem .5rem; } } @media (max-width:767px) { .culbox .lis { padding-right: 0; padding-bottom: .75rem; padding-bottom: 0; } .culbox .lis .image { width: 100%; height: auto; max-height: 6rem; margin-right: 0; } .culbox .lis .txt { width: 100%; padding-top: .5rem; } .culbox .lis .txt .t2 { line-height: 1.6; } .culbox .lis .txt .t3 { margin-bottom: 1rem; } .culbox .lis:not(:first-child) { margin-top: 1rem; } .pol.culbox .lis { flex-direction: column-reverse; align-items: flex-start; margin-top: 1rem; } .culbox .ul{ margin-bottom: 0; } .culbox{ margin-bottom: 1.5rem; } .pol.culbox .lis .txt{ width: 100%; } } .magazine .bun_a { padding: 2.35rem 1rem 0; } .magazine .ulbox { display: flex; flex-wrap: wrap; width: 100%; } .magazine .ulbox .li { padding-bottom: .575rem; position: relative; margin-bottom: 1.175rem; width: 24.293%; margin-right: .325rem; } .magazine .ulbox .li::before { position: absolute; left: 0; bottom: 0; content: ''; width: 0%; height: 2px; background-color: rgb(0, 113, 84); transition: all .6s; z-index: -1; } .magazine .ulbox .li::after { position: absolute; left: 0; bottom: 0; content: ''; width: 100%; height: 2px; opacity: .1; background-color: #333; transition: all .6s; z-index: 1; } .magazine .ulbox .li .ts { text-align: center; } .magazine .ulbox .li .image { width: 100%; padding: .25rem; height: 11.5rem; overflow: hidden; margin-bottom: .45rem; border: 1px solid rgba(0, 113, 84, .1), } .magazine .ulbox .li .image img { width: 100%; height: 100%; object-fit: cover; transition: all .3s; } .magazine .ulbox .li:nth-child(4n) { width: 24%; margin-right: 0; } .magazine .ulbox .li:hover .image img { transform:scale(1.01); } .magazine .ulbox .li:hover .ts { color: #007154; } .magazine .ulbox .li:hover::before { width: 100%; transition: all .6s; } .magazine .wpage .page{ padding-top: .575rem; } .magazine .culbox{ margin-bottom: 2.45rem; } .magazine .formbox .t1{ margin-bottom: 0; } @media(max-width:996px) { .magazine .ulbox .li { width: 32%; margin-bottom: 1rem; } .magazine .ulbox .li .image{ height: 12rem; } .magazine .ulbox .li:nth-child(4n){ width: 32%; margin-right: .325rem; } .magazine .ulbox .li:nth-child(3n){ margin-right: 0; } } @media(max-width:767px) { .magazine .ulbox .li { width: 48%; margin-bottom: 1rem; margin-right: .5rem; } .magazine .ulbox .li:nth-child(4n) { width: 48%; margin-right: 0; } .magazine .ulbox .li:nth-child(3n){ width: 48%; margin-right: .5rem; } .magazine .ulbox .li:nth-child(2n){ margin-right: 0; width: 48%; } .magazine .bun_a{ padding: 0; padding-top: 1.5rem; } .magazine .formbox{ margin-bottom: 1rem; } .magazine .formbox .t1{ margin-bottom: 0; } .magazine .ulbox .li .image{ height: 12rem; } .magazine .wpage .page{ padding-top: 40px; } .magazine .culbox{ margin-bottom: 1.5rem; } } @media(max-width:575px){ .magazine .ulbox .li{ width: 100%; margin-right: 0; } .magazine .ulbox .li:nth-child(3n){ width: 100%; margin-right: 0; } .magazine .ulbox .li:nth-child(4n){ width: 100%; margin-right: 0; } .magazine .ulbox .li:nth-child(2n){ width: 100%; } .magazine .ulbox .li:last-child{ margin-bottom: 0; } } .popUps{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; display: none; } .popUps .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5) } .popUps form{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 22.55rem; height: 10.75rem; background: #FFFFFF; /* padding: 1.75rem 1.9rem; */ padding: 1.75rem 1.5rem 2rem 1.5rem; } .popUps form .closeform{ cursor: pointer; } .popUps form .closeform img{ transition: all .3s; } .popUps .pop_ul{ display: flex ; flex-wrap: wrap; justify-content: space-between; align-items: center; } .popUps .pop_ul .pop_li{ width: 46.5%; display: flex ; align-items: center; margin-bottom: .7rem; position: relative; } .popUps .pop_ul .pop_li label{ margin-right: .375rem; font-weight: 500; white-space: nowrap; display: flex; } .popUps .pop_ul .pop_li label span { margin-right: .25rem; color: rgb(255, 0, 0); } .popUps .pop_ul .pop_li .pop_input{ position: relative; flex: 1; } .popUps .pop_ul .pop_li input{ height: 36px; border: 1px solid rgba(158, 157, 159, .5); padding: .25rem .5rem; width: 100%; } .popUps .pop_ul .upload{ position: relative; display: flex ; align-items: center; width: 100%; margin-bottom: 1.4rem; } .popUps .pop_ul .upload .select_fiile{ osition: relative; cursor: pointer; display: flex ; flex-direction: column; } .popUps .pop_ul .upload .select_fiile .uploadClick{ display: flex ; align-items: center; margin-bottom: 1.05rem; } .popUps .pop_ul .upload label{ display: flex ; align-items: center; position: relative; width: auto; margin-right: .275rem; font-weight: 500; white-space: nowrap; display: flex ; } .popUps .pop_ul .upload label span{ margin-right: .375rem; color: rgb(255, 0, 0); } .popUps .pop_ul .upload .select_fiile .t2{ width: 3.3rem; height: 1.075rem; background: #F7F7F7; border: 1px solid #E5E5E5; display: flex ; align-items: center; justify-content: center; margin-right:.9rem; } .popUps .pop_ul .upload .file #file-btn1{ opacity: 0; visibility: hidden; position: absolute; } .popUps .pop_ul .upload .file input{ cursor: pointer; } .popUps .pop_ul .upload .select_fiile>span{ padding-left: 1.4rem; line-height: 1.2; } .popUps .pop_ul .upload .pop_file{ position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; } .popUps .pop_ul .upload .file input{ cursor: pointer; } .popUps .pop_ul .pop_captch{ position: relative; display: flex ; align-items: center; width: 100%; justify-content: space-between; } .popUps .pop_ul .pop_captch .icon{ position: absolute; left: 16px; top: 50%; transform: translateY(-50%); } .popUps .pop_ul .pop_captch input{ width: 10.75rem; height: 1.35rem; background: #FFFFFF; border: 1px solid rgba(158, 157, 159, .5); padding-left: 1.9rem; padding-right: 3.75rem; } .popUps .pop_ul .pop_captch img.captcha{ position: absolute; right: .4rem; top: 50%; transform: translateY(-50%); } .popUps .pop_ul .pop_captch .apply{ height: 1.35rem; width: 4.05rem; background: rgb(0, 113, 84); border-radius: 2px; box-shadow: 0px 5px 5px 0px rgba(51, 51, 51, 0.2); border: none; } .popUps .pop_ul .pop_captch .icon::after{ content: ''; position: absolute; right: -16px; top: 50%; transform: translateY(-50%); width: 1px; height: 30px; background: rgba(51, 51, 51, .2); } @media(max-width:768px){ .popUps form{width: 92%; height: auto; padding: 1rem .5rem; padding-top: 1.5rem; } .popUps .pop_ul .pop_li{ width: 100%; margin-bottom: .5rem; } .popUps .pop_ul .pop_captch input{ width: 100%; } .popUps .pop_ul .pop_captch{ flex-direction: column; } .popUps .pop_ul .pop_captch .apply{ margin-top: .5rem; } .popUps .pop_ul .upload .select_fiile .uploadClick{ margin-bottom: .4rem; } .popUps .pop_ul .upload{ margin-bottom: 1rem; } } @media(max-width:1100px){ .infobox .infocont img{ max-width: 100%; } }