@charset "UTF-8";
/* This CSS is generated by My Snazzy Framework version 1.2.3 */
@import url("../css/header.css");
@import url("../css/foot.css");
.h1_title { text-align: center; color: #fff; display: flex; flex-direction: column; gap: 10px; }

.h1_title h1 { font-size: 20px; }

@media screen and (max-width: 1024px) { .h1_title h1 { font-size: 16px; } }

.h1_title h5 { font-size: 36px; text-transform: uppercase; }

@media screen and (max-width: 1024px) { .h1_title h5 { font-size: 20px; } }

.h1_title i { max-width: 50px; width: 100%; margin: 0 auto; border-top: 3px solid #fff; display: block; }

#menu-ite { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 99; }

.section01 .itemBox1 { position: relative; }

.section01 .itemBox1 .item01 { z-index: 9; position: relative; }

@media screen and (max-width: 1024px) { .section01 .itemBox1 .item01 img { height: 150px; } }

.section02 { background-color: white; box-shadow: 0px 5px 5px #eaeaea; }

@media screen and (max-width: 1024px) { .section02 { display: none; } }

.section02 .content_box03 { height: 80px; display: flex; align-items: center; }

.section03 { padding: 50px 0; }

@media screen and (max-width: 1024px) { .section03 { padding: 20px 0; } }

.background_info{    background: #f8f8f8; padding: 20px; font-size: 14px; color: #333;
    white-space: normal;
    line-height: 26px;}
.section03 .itemBox2 { margin-bottom: 30px; }

.text_content { max-width: 100%; overflow: hidden;font-size: 16px;
    line-height: 2em;
    color: #595959; }

.news_content p { max-width: 100%; overflow: hidden;font-size: 16px;
    line-height: 2em;
    color: #595959; }
.text_content img, .text_content video { width: auto; height: auto !important; max-height: 100%  !important; max-width: 100% !important; }

#menuItemLeft ul { display: flex; gap: 30px; }

@media screen and (max-width: 1024px) { #menuItemLeft ul { overflow-x: scroll; } }

#menuItemLeft ul li { height: 50px; width: 100%; max-width: 150px; line-height: 50px; text-align: center; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #f8f8f8; }

@media screen and (max-width: 1024px) { #menuItemLeft ul li { height: 30px; line-height: 30px; flex-shrink: 0; max-width: 100px; } }

#menuItemLeft ul li a { font-size: 16px; }

@media screen and (max-width: 1024px) { #menuItemLeft ul li a { font-size: 14px; } }

#menuItemLeft ul li:hover, #menuItemLeft ul li.active { background: #e7141a; }

#menuItemLeft ul li:hover a, #menuItemLeft ul li.active a { color: #fff; }

#news-01 .newslistairm .commslist ul { display: flex; justify-content: unset; align-items: unset; gap: 40px; flex-wrap: wrap; }

#news-01 .newslistairm .commslist ul li { width: calc((100% - 0px) /1); }

#news-01 .newslistairm .commslist ul li .imgs { aspect-ratio: 4/3; width: 100%; overflow: hidden; }

#news-01 .newslistairm .commslist ul li .imgs img { width: 100%; height: 100%; object-fit: cover; transition: all 1.2s ease; transform: scale(1); }

#news-01 .newslistairm .commslist ul li .imgs img:hover { transform: scale(1.1); }

#news-01 .newslistairm .commslist ul li .titel { padding: 15px 5px; width: calc(100% - 10px); margin: 0 auto; display: flex; justify-content: space-around; align-items: unset; flex-direction: column; gap: 10px; }

#news-01 .newslistairm .commslist ul li .titel h5 { font-size: 18px; color: #333; text-align: left; }

#news-01 .newslistairm .commslist ul li .titel h5 { font-size: 18px; color: #333; }

#news-01 .newslistairm .commslist ul li .titel p { color: #666; line-height: 1.5em; -webkit-line-clamp: 2; text-align: center; }

#news-01 .newslistairm .commslist ul li .titel .more { width: 100%; text-align: center; color: #cd0000; font-size: 14px; }

#news-01 .newslistairm .commslist ul li .titel:hover h5, #news-01 .newslistairm .commslist ul li .titel:hover h4, #news-01 .newslistairm .commslist ul li .titel:hover p { color: #cd0000; }

@media screen and (max-width: 1024px) { #news-01 .newslistairm .commslist ul li { width: 100%; } }

#news-01 .newslistairm .commslist ul li { display: flex; gap: 40px; box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0); background-color: #f5f5f5; }

#news-01 .newslistairm .commslist ul li .imgs { flex: 0 0 21vw; height: 13vw; overflow: hidden; }

#news-01 .newslistairm .commslist ul li .imgs img { transition: all 1.2s ease; transform: scale(1); }

#news-01 .newslistairm .commslist ul li .imgs img:hover { transform: scale(1.1); }

#news-01 .newslistairm .commslist ul li .titel { align-items: flex-start; padding: 15px; width: calc(100% - 30px); }

#news-01 .newslistairm .commslist ul li .titel h5 { font-size: 20px; color: #000; }

#news-01 .newslistairm .commslist ul li .titel h5:hover { color: #07539b; }

#news-01 .newslistairm .commslist ul li .titel span, #news-01 .newslistairm .commslist ul li .titel p { color: #999999; font-size: 16px; }

#news-01 .newslistairm .commslist ul li .titel p { text-indent: 0em; }

#news-01 .newslistairm .commslist ul li .titel .more { width: auto; }

@media screen and (max-width: 1024px) { #news-01 .newslistairm .commslist ul li { flex-direction: column; gap: 10px; }
  #news-01 .newslistairm .commslist ul li .imgs { flex: 0 0 40vw; } }

#news-01 .newslistairm ul li { display: flex; gap: 40px; box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0); background-color: #f5f5f5; }

#news-01 .newslistairm ul li .imgs { flex: 0 0 21vw; height: 13vw; overflow: hidden; }

#news-01 .newslistairm ul li .imgs img { transition: all 1.2s ease; transform: scale(1); }

#news-01 .newslistairm ul li .imgs img:hover { transform: scale(1.1); }

#news-01 .newslistairm ul li .titel { align-items: flex-start; padding: 15px; width: calc(100% - 30px); }

#news-01 .newslistairm ul li .titel h5 { font-size: 20px; color: #000; }

#news-01 .newslistairm ul li .titel h5:hover { color: #07539b; }

#news-01 .newslistairm ul li .titel span, #news-01 .newslistairm ul li .titel p { color: #999999; font-size: 16px; }

#news-01 .newslistairm ul li .titel p { text-indent: 0em; }

#news-01 .newslistairm ul li .titel .more { width: auto; }

@media screen and (max-width: 1024px) { #news-01 .newslistairm ul li { flex-direction: column; gap: 10px; }
  #news-01 .newslistairm ul li .imgs { flex: 0 0 40vw; } }

#news-02 .commslist ul { display: flex; justify-content: unset; align-items: unset; gap: 20px; flex-wrap: wrap; }

#news-02 .commslist ul li { width: calc((100% - 40px) /3); }

#news-02 .commslist ul li .imgs { aspect-ratio: 4/3; width: 100%; overflow: hidden; }

#news-02 .commslist ul li .imgs img { width: 100%; height: 100%; object-fit: cover; transition: all 1.2s ease; transform: scale(1); }

#news-02 .commslist ul li .imgs img:hover { transform: scale(1.1); }

#news-02 .commslist ul li .titel { padding: 15px 5px; width: calc(100% - 10px); margin: 0 auto; display: flex; justify-content: space-around; align-items: unset; flex-direction: column; gap: 10px; }

#news-02 .commslist ul li .titel h5 { font-size: 18px; color: #333; text-align: left; }

#news-02 .commslist ul li .titel h5 { font-size: 18px; color: #333; }

#news-02 .commslist ul li .titel p { color: #666; line-height: 1.5em; -webkit-line-clamp: 2; text-align: center; }

#news-02 .commslist ul li .titel .more { width: 100%; text-align: center; color: #cd0000; font-size: 14px; }

#news-02 .commslist ul li .titel:hover h5, #news-02 .commslist ul li .titel:hover h4, #news-02 .commslist ul li .titel:hover p { color: #cd0000; }

@media screen and (max-width: 1024px) { #news-02 .commslist ul li { width: 100%; } }

#news-02 .commslist ul li { width: calc((100% - 48px) / 3); border: 1px solid #fff; }

#news-02 .commslist ul li .titel { background-color: #f5f5f5; padding: 5px; }

#news-02 .commslist ul li .titel h5 { color: var(--base); }

@media screen and (max-width: 1024px) { #news-02 .commslist ul { gap: 10px; }
  #news-02 .commslist ul li { width: calc((100% - 14px) / 2); } }

#news-03 .text span { font-weight: 500; font-size: 24px; color: #07539b; margin: 0 auto; width: auto; display: block; text-align: center; }

@media screen and (max-width: 1024px) { #news-03 .text span { font-size: 18px; } }

#news-03 .item01-1 { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 20px; margin: 2% auto; }

#news-03 .item01-1 span { font-size: 18px; }

@media screen and (max-width: 1024px) { #news-03 .item01-1 span { font-size: 12px; } }

@media screen and (max-width: 1024px) { #news-03 img, #news-03 video { width: auto; max-width: 100% !important; height: auto !important; margin-bottom: 1%; } }

#news-05 { margin-top: 20px; }

#news-05 .commslist ul { display: flex; justify-content: unset; align-items: unset; gap: 30px; flex-wrap: wrap; }

#news-05 .commslist ul li { width: calc((100% - 60px) /3); }

#news-05 .commslist ul li .imgs { aspect-ratio: 4/3; width: 100%; overflow: hidden; }

#news-05 .commslist ul li .imgs img { width: 100%; height: 100%; object-fit: cover; transition: all 1.2s ease; transform: scale(1); }

#news-05 .commslist ul li .imgs img:hover { transform: scale(1.1); }

#news-05 .commslist ul li .titel { padding: 15px 5px; width: calc(100% - 10px); margin: 0 auto; display: flex; justify-content: space-around; align-items: unset; flex-direction: column; gap: 10px; }

#news-05 .commslist ul li .titel h5 { font-size: 18px; color: #333; text-align: left; }

#news-05 .commslist ul li .titel h5 { font-size: 18px; color: #333; }

#news-05 .commslist ul li .titel p { color: #666; line-height: 1.5em; -webkit-line-clamp: 2; text-align: center; }

#news-05 .commslist ul li .titel .more { width: 100%; text-align: center; color: #cd0000; font-size: 14px; }

#news-05 .commslist ul li .titel:hover h5, #news-05 .commslist ul li .titel:hover h4, #news-05 .commslist ul li .titel:hover p { color: #cd0000; }

@media screen and (max-width: 1024px) { #news-05 .commslist ul li { width: 100%; } }

#news-05 .commslist ul li { display: flex; flex-wrap: wrap; box-shadow: 0px 0px 9px 0px rgba(159, 159, 159, 0.3); }

#news-05 .commslist ul li .imgs { flex: unset; height: auto; overflow: hidden; }

#news-05 .commslist ul li .imgs img { transition: all 1.2s ease; transform: scale(1); }

#news-05 .commslist ul li .imgs img:hover { transform: scale(1.1); }

#news-05 .commslist ul li .titel { align-items: flex-start; padding: 15px; width: calc(100% - 30px); }

#news-05 .commslist ul li .titel h5 { font-size: 24px; color: #1545a7; font-weight: bold; }

#news-05 .commslist ul li .titel span { color: #ea8a1c; font-size: 14px; }

#news-05 .commslist ul li .titel p { color: #999999; font-size: 16px; }

#news-05 .commslist ul li .titel p { text-indent: 0em; }

#news-05 .commslist ul li .titel .mores { display: flex; justify-content: space-between; align-items: center; width: 100%; }

#news-05 .commslist ul li .titel .mores .more { font-size: 16px; color: #fff; text-align: center; height: auto; width: auto; padding: 12px 15px; background-color: var(--base); background-size: 100% 100%; border-radius: 10px; display: flex; align-items: center; justify-content: center; cursor: pointer; margin-right: 0; margin-left: auto; }

#news-05 .commslist ul li .titel .mores .more img { margin-right: 10px; }

#news-05 .commslist ul li .titel:hover .mores .more { background-color: #ea8a1c; color: #fff; }

#news-05 .commslist ul li .titel:hover .mores span { color: var(--base); }

@media screen and (max-width: 1024px) { #news-05 .commslist ul li { flex-direction: column; gap: 10px; }
  #news-05 .commslist ul li .imgs { flex: 0 0 40vw; } }

#news-05 ul li { display: flex; flex-wrap: wrap; box-shadow: 0px 0px 9px 0px rgba(159, 159, 159, 0.3); }

#news-05 ul li .imgs { flex: unset; height: auto; overflow: hidden; }

#news-05 ul li .imgs img { transition: all 1.2s ease; transform: scale(1); }

#news-05 ul li .imgs img:hover { transform: scale(1.1); }

#news-05 ul li .titel { align-items: flex-start; padding: 15px; width: calc(100% - 30px); }

#news-05 ul li .titel h5 { font-size: 24px; color: #1545a7; font-weight: bold; }

#news-05 ul li .titel span { color: #ea8a1c; font-size: 14px; }

#news-05 ul li .titel p { color: #999999; font-size: 16px; }

#news-05 ul li .titel p { text-indent: 0em; }

#news-05 ul li .titel .mores { display: flex; justify-content: space-between; align-items: center; width: 100%; }

#news-05 ul li .titel .mores .more { font-size: 16px; color: #fff; text-align: center; height: auto; width: auto; padding: 12px 15px; background-color: var(--base); background-size: 100% 100%; border-radius: 10px; display: flex; align-items: center; justify-content: center; cursor: pointer; margin-right: 0; margin-left: auto; }

#news-05 ul li .titel .mores .more img { margin-right: 10px; }

#news-05 ul li .titel:hover .mores .more { background-color: #ea8a1c; color: #fff; }

#news-05 ul li .titel:hover .mores span { color: var(--base); }

@media screen and (max-width: 1024px) { #news-05 ul li { flex-direction: column; gap: 10px; }
  #news-05 ul li .imgs { flex: 0 0 40vw; } }

#news-06 .commslist ul { display: flex; flex-direction: column; gap: 30px; }

#news-06 .commslist ul li { width: 100%; padding-bottom: 10px; border-bottom: 1px solid #ccc; display: flex; gap: 20px; justify-content: space-between; align-items: center; }

#news-06 .commslist ul li .itemDate { background-color: #f8f8f8; border: 1px solid #666; padding: 0 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: all 0.5s; }

#news-06 .commslist ul li .itemDate h1 { font-size: 36px; }

#news-06 .commslist ul li .itemDate span { font-size: 16px; }

@media screen and (max-width: 1024px) { #news-06 .commslist ul li .itemDate { padding: 10px 5px; }
  #news-06 .commslist ul li .itemDate h1 { font-size: 18px; }
  #news-06 .commslist ul li .itemDate span { font-size: 12px; } }

#news-06 .commslist ul li .titel { transition: all 0.5s; }

#news-06 .commslist ul li .titel h5 { color: #000; }

#news-06 .commslist ul li .titel p { color: #666666; -webkit-line-clamp: 1; }

#news-06 .commslist ul li .titel .more { padding: 5px 10px; border: 1px solid #ccc; color: var(--base); max-width: max-content; }

@media screen and (max-width: 1024px) { #news-06 .commslist ul li .titel h5 { font-size: 14px; }
  #news-06 .commslist ul li .titel p { font-size: 12px; }
  #news-06 .commslist ul li .titel .more { padding: 2px 5px; } }

#news-06 .commslist ul li .imgs { max-width: 140px; width: 100%; }

@media screen and (max-width: 1024px) { #news-06 .commslist ul li .imgs { display: none; } }

#news-06 .commslist ul li:hover .itemDate { background-color: #d5e0ea; border: 1px solid var(--base); padding: 0 15px; }

#news-06 .commslist ul li:hover .titel { transform: translateX(8px); }

#news-06 .commslist ul li:hover .titel h5, #news-06 .commslist ul li:hover .titel p { color: var(--base); }

#news-06 .commslist ul li:hover .more { background-color: var(--base); color: #fff; }

#item_prc-01 .item_prc { margin-bottom: 3%; display: flex; justify-content: space-between; align-items: stretch; }

#item_prc-01 .item_prc .button { transition: 0.5s; outline: none; position: absolute; width: auto; z-index: 10; top: 50%; transform: translateY(-50%); cursor: pointer; }

#item_prc-01 .item_prc .button .iconfont { color: var(--base); font-size: 60px; font-weight: bold; }

@media screen and (max-width: 1024px) { #item_prc-01 .item_prc .button .iconfont { font-size: 24px; } }

@media screen and (max-width: 1024px) { #item_prc-01 .item_prc { display: block; } }

#item_prc-01 .item_prc .item02_box1 { overflow: hidden; flex: 1; max-width: 550px; width: 100%; position: relative; background: #f8f8f8; border: 1px solid #ededed; }

#item_prc-01 .item_prc .item02_box1 .button-prev { left: 15px; }

#item_prc-01 .item_prc .item02_box1 .button-next { right: 0; }

#item_prc-01 .item_prc .item02_box1 ul li img { width: 100%; height: 100%; object-fit: cover; }

#item_prc-01 .item_prc .item02_box2 { flex: 1; width: 100%; max-width: 50%; }

@media screen and (max-width: 1024px) { #item_prc-01 .item_prc .item02_box2 { max-width: 100%; } }

#item_prc-01 .item_prc .item02_box2 .item02_box2_01 { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 3%; }

#item_prc-01 .item_prc .item02_box2 .item02_box2_01 h2 { font-size: 24px; color: #000; }

@media screen and (max-width: 1024px) { #item_prc-01 .item_prc .item02_box2 .item02_box2_01 h2 { font-size: 24px; } }

#item_prc-01 .item_prc .item02_box2 .item02_box2_01 span { font-size: 28px; color: #333333; }

#item_prc-01 .item_prc .item02_box2 .item02_box2_02 h5, #item_prc-01 .item_prc .item02_box2 .item02_box2_03 h5 { font-size: 24px; color: #000; }

#item_prc-01 .item_prc .item02_box2 .item02_box2_02 p, #item_prc-01 .item_prc .item02_box2 .item02_box2_02 dt, #item_prc-01 .item_prc .item02_box2 .item02_box2_03 p, #item_prc-01 .item_prc .item02_box2 .item02_box2_03 dt { font-size: 16px; color: #333333; }

#item_prc-01 .item_prc .item02_box2 .item02_box2_03 { width: 100%; }

#item_prc-01 .item_prc .item02_box2 .item02_box2_03 dl { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; }

#item_prc-01 .item_prc .item02_box2 .item02_box2_03 dl dt { flex: 1; }

#item_prc-01 .itemBox3 .item01 { border-bottom: 1px solid #d9d9d9; }

#item_prc-01 .itemBox3 .item01 .text { background: #e7141a; border: 0; color: #fff; font-size: 18px; line-height: 45px; padding: 0 25px; display: inline-block; text-align: center; }

/****面包宵*****/
.page_muen_nav { display: flex; align-items: center; }

.page_muen_nav .ab { margin-right: 2%; display: flex; align-items: center; }

.page_muen_nav a { color: #666; font-size: 14px; }

.page_muen_nav a.kuohao { font-family: 宋体; margin: 0 5px; }

.page_muen_nav a.act { color: var(--base); }

.page_muen_nav a.menu { display: none; }

.page_muen_nav a.menu.active { display: block; }

@media screen and (max-width: 1024px) { .page_muen_nav { display: none; } }

/*****页码********/
#scms-pager { padding: 5% 0; }

#scms-pager .scms-pages { display: flex; justify-content: center; align-items: center; gap: 20px; }

#scms-pager .scms-pages a { font-size: 14px; background: #ddd; padding: 4px 10px; }

#scms-pager .scms-pages a.pgCurrent, #scms-pager .scms-pages a:hover { background-color: var(--base); color: #fff; }

@media screen and (max-width: 1024px) { #scms-pager .scms-pages a.pgNext { display: none; } }