@charset "UTF-8";
/* This CSS is generated by My Snazzy Framework version 1.2.3 */
/*! 官网通用页头 start*/
@import url("top_nav.css");
/*! 官网通用页尾 start*/
@import url("foot_wrap.css");
.section01 { position: relative; }

@media screen and (max-width: 1024px) { .section01 .item01 { height: 30vw; }
  .section01 .item01 img { width: auto; height: 100%; object-fit: cover; } }

.section01 .itemBox2 { max-width: 100%; position: absolute; bottom: 20%; z-index: 99; left: 50%; transform: translateX(-50%); }

@media screen and (max-width: 1024px) { .section01 .itemBox2 { transform: translateY(0px); position: relative; left: 0; bottom: 0; margin-top: 10px; } }

.section01 .itemBox2 .item01 { width: 100%; background: url("../img/nei_a1.jpg") no-repeat center; margin-bottom: calc(50/ 1920 * 100vw); }

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

.section01 .itemBox2 .item01 .h1_title { display: flex; flex-direction: column; width: auto; padding: 10px; text-align: left; color: var(--base); gap: 10px; text-align: center; position: relative; }

.section01 .itemBox2 .item01 .h1_title h5 { width: auto; height: auto; overflow-wrap: break-word; font-size: calc(80/ 1920 * 100vw); font-family: MicrosoftYaHei-Bold; font-weight: 700; white-space: nowrap; /* line-height: 30px; */ opacity: 0.2; z-index: 1; text-transform: uppercase; position: absolute; top: -40%; margin: 0 auto; left: 50%; transform: translateX(-50%); }

.section01 .itemBox2 .item01 .h1_title h1 { overflow-wrap: break-word; font-size: calc(48/ 1920 * 100vw); font-family: MicrosoftYaHeiLight; /* white-space: nowrap; */ /* line-height: 30px; */ /* margin-top: -23px; */ font-weight: 600; z-index: 9; }

.section01 .itemBox2 .item01 .h1_title i { background-color: #fff; width: 80px; height: 2px; }

.section01 .itemBox2 .item02 { width: 100%; }

.section01 .itemBox2 .item02 ul { display: flex; justify-content: center; gap: 10px; }

@media screen and (max-width: 1024px) { .section01 .itemBox2 .item02 ul { display: flex; border: 0; gap: 10px; flex-wrap: wrap; } }

.section01 .itemBox2 .item02 ul li { width: auto; height: calc(50/ 1920 * 100vw); position: relative; background-color: #ffffff; display: flex; justify-content: unset; align-items: center; }

@media screen and (max-width: 1024px) { .section01 .itemBox2 .item02 ul li { width: auto; height: auto; padding: 5px 15px; } }

.section01 .itemBox2 .item02 ul li a { width: 100%; font-size: calc(18/ 1920 * 100vw); padding: 0 calc(30/ 1920 * 100vw); height: 100%; display: flex; align-items: center; color: #999999; }

@media screen and (max-width: 1024px) { .section01 .itemBox2 .item02 ul li a { font-size: 14px; } }

.section01 .itemBox2 .item02 ul li:hover, .section01 .itemBox2 .item02 ul li.active { background-color: var(--base); }

.section01 .itemBox2 .item02 ul li:hover a, .section01 .itemBox2 .item02 ul li.active a { color: #fff; }

.section01 .itemBox2 .item03 { display: none; margin-top: 40px; border: 1px solid #999; }

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

.section01 .itemBox2 .item03 .imgs { max-width: 100%; height: auto; }

.section01 .itemBox2 .item03 .textel { margin-top: 10%; width: 85%; margin: 5% auto; }

.section01 .itemBox2 .item03 .textel h5 { font-size: 24px; color: #333333; }

.section01 .itemBox2 .item03 .textel h4 { font-size: 18px; color: #666; }

.section02 { display: flex; gap: calc(80/ 1920 * 100vw); padding: 50px 0; }

@media screen and (max-width: 1024px) { .section02 { flex-direction: column; padding: 10px 0; gap: 10px; } }

.section02 .itemBox3 { width: 100%; max-width: 100%; }

@media screen and (max-width: 1024px) { .section02 .itemBox3 { margin-top: 20px; flex-basis: 1; } }

.section02 .itemBox3 .item01 { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #dadada; padding-bottom: 20px; }

@media screen and (max-width: 1024px) { .section02 .itemBox3 .item01 { padding-bottom: 5px; } }

.section02 .itemBox3 .item01 .text { display: flex; align-items: flex-end; gap: 10px; }

.section02 .itemBox3 .item01 .text span { font-size: 28px; color: #333; }

@media screen and (max-width: 1024px) { .section02 .itemBox3 .item01 .text span { font-size: 18px; } }

.section02 .itemBox3 .item01 .text p { font-size: 18px; color: var(--base); margin-bottom: 2px; font-weight: 600; }

.section02 .itemBox3 .item01 .muenPa { flex: auto; }

.section02 .itemBox3 .item01 .muenPa .page_muen_nav { margin-right: 0; margin-left: auto; max-width: fit-content; }

.section02 .itemBox3 .item02 { padding-top: 2%; }

#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: center; flex-direction: column; gap: 10px; }

#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: var(--base); 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: var(--base); }

@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 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 .mores { display: flex; justify-content: space-between; align-items: center; width: 100%; }

#news-01 .newslistairm .commslist ul li .titel .mores .more { font-size: 16px; color: #999999; text-align: center; height: 36px; width: 100%; max-width: 110px; background-size: 100% 100%; display: flex; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #999999; }

#news-01 .newslistairm .commslist ul li .titel:hover .mores .more { background-color: var(--base); border: 1px solid var(--base); color: #fff; }

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

@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 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 .mores { display: flex; justify-content: space-between; align-items: center; width: 100%; }

#news-01 .newslistairm ul li .titel .mores .more { font-size: 16px; color: #999999; text-align: center; height: 36px; width: 100%; max-width: 110px; background-size: 100% 100%; display: flex; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #999999; }

#news-01 .newslistairm ul li .titel:hover .mores .more { background-color: var(--base); border: 1px solid var(--base); color: #fff; }

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

@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: 40px; flex-wrap: wrap; }

#news-02 .commslist ul li { width: calc((100% - 80px) /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: center; flex-direction: column; gap: 10px; }

#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: var(--base); 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: var(--base); }

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

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

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

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

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

#news-02 .item_prc { display: flex; justify-content: space-between; align-items: stretch; }

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

#news-02 .item_prc .button .iconfont { color: #a7231f; font-size: 60px; font-weight: bold; }

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

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

#news-02 .item_prc .item02_box1 { overflow: hidden; flex: 1; max-width: 500px; width: 100%; position: relative; }

#news-02 .item_prc .item02_box1 .button-prev { left: 0; }

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

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

#news-02 .item_prc .item02_box2 { flex: 1; width: 50%; max-width: 50%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; }

#news-02 .item_prc .item02_box2 .item02_box2_01 { display: flex; justify-content: space-between; align-items: center; width: 100%; }

#news-02 .item_prc .item02_box2 .item02_box2_01 h2 { font-size: 48px; color: #000; }

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

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

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

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

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

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

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

.text_content span, .text_content p, .news_content span, .news_content p { font-size: 18px !important; }

@media screen and (max-width: 1024px) { .text_content span, .text_content p, .news_content span, .news_content p { font-size: 14px !important; } }

.text_content img, .text_content video, .news_content img, .news_content video { width:auot; max-width: auto; height: auto ; margin: 0 auto; display: 1; }

#news-03 .text span { font-weight: 500; font-size: 24px; color: var(--base); 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; } }

#news-03 .item01-2 .videoes { width: auto; max-width: 1200px; height: auto; margin: 0 auto; display: block; }

#news-05 ul { display: flex; flex-wrap: wrap; row-gap: 50px; column-gap: 3%; }

@media screen and (max-width: 1024px) { #news-05 ul { column-gap: 10px; row-gap: 10px; } }

#news-05 ul li { width: calc((100% - 9%) / 4); background-color: #e9efec; padding: 10px; display: flex; column-gap: 20px; }

@media screen and (max-width: 1024px) { #news-05 ul li { width: calc((100% - 10px) / 2); padding: 5px; column-gap: 5px; }
  #news-05 ul li .imgs { max-width: 30px; }
  #news-05 ul li h5 { font-size: 14px; }
  #news-05 ul li p { font-size: 12px; color: #00000063; } }

#news-05 ul li .imgs { width: 100%; max-width: 50px; align-self: center; }

#news-05 ul li p { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

#news-05 ul li:hover { background-color: var(--base); }

#news-05 ul li:hover h5, #news-05 ul li:hover p { color: #fff; }

#news-06 ul { display: flex; flex-wrap: wrap; row-gap: 30px; column-gap: 3%; }

#news-06 ul li { width: calc((100% - 6%) / 3); box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.1); padding: 30px; display: flex; column-gap: 30px; transition: all 0.5s; }

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

#news-06 ul li .titel { width: 100%; max-width: 230px; }

#news-06 ul li .xian-bag { width: 100%; height: 40px; background: url("../../img/iconpr1.png") no-repeat center; }

#news-06 ul li .bg-arrowFull { width: 40px; height: 40px; background: url("../../img/illness-icon2.png") no-repeat center; }

@media screen and (max-width: 1024px) { #news-06 ul li { width: calc((100% - 0px) / 1); padding: 10px; }
  #news-06 ul li .imgs { width: 100%; max-width: 100px; } }

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

#news-06 ul li:hover h5, #news-06 ul li:hover p { color: #fff; }

#news-06 ul li:hover .xian-bag { background: url("../../img/iconpr2.png") no-repeat center; }

#news-06 ul li:hover .bg-arrowFull { background: url("../../img/illness-icon1.png") no-repeat center; }

#news-07 li .yaer h5, #news-07 li .yaer span { color: var(--base); }

#news-07 li .text p { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

#news-07 li:hover .yaer { background-color: var(--base); }

#news-07 li:hover .yaer h5, #news-07 li:hover .yaer span { color: #fff; }

#news-07 li:hover .text h5, #news-07 li:hover .text p, #news-07 li:hover .text span { color: var(--base); }

#news-08 ul li { transition: all 0.5s; }

#news-08 ul li:hover { background-color: var(--base); }

#news-08 ul li:hover p { color: #fff; }

#news-08 ul li:hover .more { color: #fff; }

/****面包宵*****/
.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; } }