@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");
.section01 { position: relative; min-height: 100px; }

.section01 .itemBox1::before { content: ''; display: block; height: 100%; width: 100%; position: absolute; z-index: 1; top: 0; left: 0; background: url("../img/kong.png") no-repeat center bottom; background-size: auto auto; }

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

.section01 .itemBox2 { position: absolute; bottom: 0; box-sizing: border-box; left: 50%; transform: translatex(-50%); z-index: 9; }

@media screen and (max-width: 1024px) { .section01 .itemBox2 { max-width: 100%; padding: 10px; } }

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

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

.section01 .itemBox2 .item01 .h1_title { display: flex; flex-direction: column; margin-bottom: 7%; width: auto; padding: 10px; text-align: center; color: #000; gap: 10px; }

.section01 .itemBox2 .item01 .h1_title h5 { width: auto; height: auto; overflow-wrap: break-word; font-size: 24px; font-family: MicrosoftYaHei-Bold; font-weight: 700; white-space: nowrap; /* line-height: 30px; */ opacity: 0.5; z-index: 1; text-transform: uppercase; color: rgba(0, 0, 0, 0.1); }

.section01 .itemBox2 .item01 .h1_title h1 { overflow-wrap: break-word; font-size: 40px; 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: #3168c3; width: 80px; height: 6px; margin: 0 auto; }

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

.section01 .itemBox2 .item02 ul { border-top: 0px; justify-content: center; }

@media screen and (max-width: 1024px) { .section01 .itemBox2 .item02 ul { display: flex; border: 0; gap: 10px; overflow-x: scroll; justify-content: flex-start; } }

.section01 .itemBox2 .item02 ul li { width: 100%; height: calc(60/ 1920 * 100vw); max-width: 16.25%; position: relative; display: flex; justify-content: unset; align-items: center; }

.section01 .itemBox2 .item02 ul li:before { content: ''; position: absolute; top: 30%; right: calc(30/ 1920 * 100vw); width: 14px; height: 24px; }

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

@media screen and (max-width: 1024px) { .section01 .itemBox2 .item02 ul li { width: auto; height: auto; border: 1px solid #f1f1f1; padding: 5px 15px; flex-shrink: 0; } }

.section01 .itemBox2 .item02 ul li a { width: 100%; font-size: calc(20/ 1920 * 100vw); text-align: center; color: #fff; }

@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: #3168c3; }

.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 #f1f1f1; }

@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 { background: url("../images/neibag.jpg") center bottom; padding: 0px 0; }

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

.section02 .section02s { display: flex; gap: calc(60/ 1920 * 100vw); }

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

.section02 .itemBox3 { width: 100%; background-color: #fff; padding: 20px 0; box-sizing: border-box; }

@media screen and (max-width: 1024px) { .section02 .itemBox3 { margin-top: 0px; padding: 0px; } }

.section02 .itemBox3 .item01 { display: flex; justify-content: space-between; align-items: center; }

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

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

.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: #999; margin-bottom: 2px; }

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

.section02 .itemBox3 .item02 { padding: 25px; box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.1); margin: 30px auto; }

@media screen and (max-width: 1024px) { .section02 .itemBox3 .item02 { padding: 10px; margin: 10px auto; } }

#menuItemLeft { background-color: rgba(49, 104, 195, 0.3); padding: 20px 0; margin-top: 20px; }

#menuItemLeft ul { display: flex; gap: 30px; justify-content: center; }

@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-position: center bottom; background-repeat: no-repeat; }

@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-image: url(../images/xiangxia.png); }

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

#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% - 40px) / 2); box-sizing: border-box; }

#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; font-weight: 500; }

@media screen and (max-width: 1024px) { #news-01 .newslistairm .commslist ul li .titel h5 { font-size: 14px; } }

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

@media screen and (max-width: 1024px) { #news-01 .newslistairm .commslist ul li .titel h4 { font-size: 14px; } }

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

#news-01 .newslistairm .commslist ul li .titel .more { width: 100%; color: #3168c3; 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: #3168c3; }

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

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

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

#news-01 .newslistairm .commslist ul li .imgs { width: 100%; max-width: 80px; overflow: hidden; display: flex; align-self: center; padding: 10px 0; margin-right: 20px; height: auto; background: #fff; }

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

#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; -webkit-line-clamp: 1; }

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

@media screen and (max-width: 1024px) { #news-01 .newslistairm .commslist ul li { flex-direction: row; gap: 10px; }
  #news-01 .newslistairm .commslist ul li .imgs { flex: 0 0 40vw; }
  #news-01 .newslistairm .commslist ul li .titel h5 { font-size: 16px; }
  #news-01 .newslistairm .commslist ul li .titel span, #news-01 .newslistairm .commslist ul li .titel p { font-size: 14px; } }

#news-01 .newslistairm .commslist ul li:hover { background-color: #3168c3; }

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

@media screen and (max-width: 1024px) { #news-01 .newslistairm ul { gap: 20px; } }

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

#news-01 .newslistairm ul li .imgs { width: 100%; max-width: 80px; overflow: hidden; display: flex; align-self: center; padding: 10px 0; margin-right: 20px; height: auto; background: #fff; }

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

#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; -webkit-line-clamp: 1; }

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

@media screen and (max-width: 1024px) { #news-01 .newslistairm ul li { flex-direction: row; gap: 10px; }
  #news-01 .newslistairm ul li .imgs { flex: 0 0 40vw; }
  #news-01 .newslistairm ul li .titel h5 { font-size: 16px; }
  #news-01 .newslistairm ul li .titel span, #news-01 .newslistairm ul li .titel p { font-size: 14px; } }

#news-01 .newslistairm ul li:hover { background-color: #3168c3; }

#news-01 .newslistairm ul li:hover .titel h5, #news-01 .newslistairm ul li:hover .titel p, #news-01 .newslistairm ul li:hover .titel span { color: #fff; }

#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% - 120px) / 4); box-sizing: border-box; }

#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; font-weight: 500; }

@media screen and (max-width: 1024px) { #news-02 .commslist ul li .titel h5 { font-size: 14px; } }

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

@media screen and (max-width: 1024px) { #news-02 .commslist ul li .titel h4 { font-size: 14px; } }

#news-02 .commslist ul li .titel p { color: #666; line-height: 1.5em; -webkit-line-clamp: 2; word-break: break-all; }

#news-02 .commslist ul li .titel .more { width: 100%; color: #3168c3; 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: #3168c3; }

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

#news-02 .commslist ul li { border: 1px solid #fff; box-sizing: border-box; background: #f8f8f8; padding: 20px 20px 5px 20px; }

#news-02 .commslist ul li .titel { padding: 5px; align-items: flex-start; position: relative; }

#news-02 .commslist ul li .titel h5 { color: #666666; }

#news-02 .commslist ul li .titel::after { content: ''; width: 40px; height: 20px; background: url("../images/jiantou.png") no-repeat center; display: block; position: absolute; right: 10px; }

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

#news-02 .commslist ul li:hover h5 { color: #fff; }

#news-02 .commslist ul li:hover .titel::after { background: url("../images/youjiantou.png") no-repeat center; }

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

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

#news-03 .commslist ul li { width: calc((100% - 120px) / 4); box-sizing: border-box; }

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

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

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

#news-03 .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-03 .commslist ul li .titel h5 { font-size: 18px; color: #333; font-weight: 500; }

@media screen and (max-width: 1024px) { #news-03 .commslist ul li .titel h5 { font-size: 14px; } }

#news-03 .commslist ul li .titel h4 { font-size: 18px; color: #333; font-weight: 500; }

@media screen and (max-width: 1024px) { #news-03 .commslist ul li .titel h4 { font-size: 14px; } }

#news-03 .commslist ul li .titel p { color: #666; line-height: 1.5em; -webkit-line-clamp: 2; word-break: break-all; }

#news-03 .commslist ul li .titel .more { width: 100%; color: #3168c3; font-size: 14px; }

#news-03 .commslist ul li .titel:hover h5, #news-03 .commslist ul li .titel:hover h4, #news-03 .commslist ul li .titel:hover p { color: #3168c3; }

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

#news-03 .commslist .commslist ul li { background-color: #f8f8f8; }

#news-03 .commslist .commslist ul li .titel { padding: 40px 30px; box-sizing: border-box; }

#news-03 .commslist .commslist ul li .titel a { text-align: left; width: 100%; height: 100%; }

#news-03 .commslist .commslist ul li .titel a h4 { background-color: #d6e1f3; max-width: max-content; margin: 10px 0; color: #3168c3; padding: 2px 5px; }

#news-03 .commslist .commslist ul li:hover { background-color: #3168c3; }

#news-03 .commslist .commslist ul li:hover .titel a h5, #news-03 .commslist .commslist ul li:hover .titel a p { color: #fff; }

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

#news-03 .commslist ul li { background-color: #f8f8f8; }

#news-03 .commslist ul li .titel { padding: 40px 30px; box-sizing: border-box; }

#news-03 .commslist ul li .titel a { text-align: left; width: 100%; height: 100%; }

#news-03 .commslist ul li .titel a h4 { background-color: #d6e1f3; max-width: max-content; margin: 10px 0; color: #3168c3; padding: 2px 5px; }

#news-03 .commslist ul li:hover { background-color: #3168c3; }

#news-03 .commslist ul li:hover .titel a h5, #news-03 .commslist ul li:hover .titel a p { color: #fff; }

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

#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); box-sizing: border-box; }

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

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

@media screen and (max-width: 1024px) { #news-05 .commslist ul li .titel h5 { font-size: 14px; } }

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

@media screen and (max-width: 1024px) { #news-05 .commslist ul li .titel h4 { font-size: 14px; } }

#news-05 .commslist ul li .titel p { color: #666; line-height: 1.5em; -webkit-line-clamp: 2; word-break: break-all; }

#news-05 .commslist ul li .titel .more { width: 100%; color: #3168c3; 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: #3168c3; }

@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: #3168c3; 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: #3168c3; }

@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: #3168c3; 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: #3168c3; }

@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; }

#news-06 .commslist ul li { width: 100%; padding: 10px 0 14px 0; border-bottom: 1px dashed rgba(0, 0, 0, 0.1); display: flex; gap: 20px; justify-content: space-between; align-items: center; }

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

#news-06 .commslist ul li .itemDate { background-color: #ffffff; border: 1px solid #dadada; flex-direction: column; justify-content: center; align-items: center; transition: all 0.5s; width: 100%; height: 79px; max-width: 79px; align-self: flex-start; margin-top: 5px; display: none; }

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

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

@media screen and (max-width: 1024px) { #news-06 .commslist ul li .itemDate { padding: 0px 0px; max-width: 55px; height: 55px; }
  #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 .iconfont { font-size: 16px; color: #666; }

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

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

#news-06 .commslist ul li .titel .summuy { display: none; }

#news-06 .commslist ul li .titel p { color: #666666; -webkit-line-clamp: 1; margin: 10px 0; display: none; }

#news-06 .commslist ul li .titel .mores { display: none; justify-content: space-between; }

#news-06 .commslist ul li .titel .more { padding: 5px 10px; border: 1px solid #ccc; color: #666666; max-width: max-content; display: none; }

@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; margin: 0px 0; }
  #news-06 .commslist ul li .titel .more { padding: 2px 5px; font-size: 8px; } }

#news-06 .commslist ul li .imgs { max-width: 327px; width: 100%; display: none; overflow: hidden; }

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

#news-06 .commslist ul li .next2n { display: block; font-size: 16px; color: #999999; }

#news-06 .commslist ul li:nth-child(-n + 2) .itemDate { display: flex; }

#news-06 .commslist ul li:nth-child(-n + 2) .titel .summuy, #news-06 .commslist ul li:nth-child(-n + 2) .titel .more, #news-06 .commslist ul li:nth-child(-n + 2) .titel .mores, #news-06 .commslist ul li:nth-child(-n + 2) .titel p { display: flex; }

#news-06 .commslist ul li:nth-child(-n + 2) .imgs { display: block; }

@media screen and (max-width: 1024px) { #news-06 .commslist ul li:nth-child(-n + 2) .imgs { max-width: 100px; width: 100%; } }

#news-06 .commslist ul li:nth-child(-n + 2) .next2n { display: none; }

#news-06 .commslist ul li:nth-child(-n + 2) .iconfont { display: none; }

#news-06 .commslist ul li:hover .itemDate { background-color: #bfe6f6; border: 1px solid #3168c3; }

#news-06 .commslist ul li:hover .itemDate h1, #news-06 .commslist ul li:hover .itemDate span { color: #009ada; }

#news-06 .commslist ul li:hover .titel h5 { color: #3168c3; font-weight: 600; }

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

#news-06 .commslist ul li:hover .more { background-color: #3168c3; color: #fff; border: 1px solid #3168c3; }

#news-06 .commslist ul li:hover .next2n { color: #3168c3; }

#news-07 .item0s { gap: 25px; flex-wrap: wrap; }

#news-07 .item0s a { flex-direction: column; width: calc((100% - 75px) / 4); }

@media screen and (max-width: 1024px) { #news-07 .item0s a { width: calc((100% - 0px) / 1); } }

#news-07 .item0s a:hover .imgs img { transform: scale(1.1); }

#news-07 .item0s a:hover .text p { font-weight: 600; }

#news-07 .item0s .imgs { overflow: hidden; }

#news-07 .item0s .text span { font-size: 16px; color: #999999; }

#news-07 .item0s .text span i { font-size: 24px; color: #3168c3; width: auto; font-style: normal; font-weight: 600; margin-right: 10px; }

#news-07 .item0s .text p { font-size: 20px; color: #333333; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

#news-08 ul { gap: 40px; flex-wrap: wrap; }

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

#news-08 ul li { background-color: #f8f8f8; padding: 20px; width: calc((100% - 120px) / 4); box-sizing: border-box; }

@media screen and (max-width: 1024px) { #news-08 ul li { width: calc((100% - 10px) / 2); padding: 10px; } }

#news-08 ul li .imgs { background-color: #fff; overflow: hidden; }

#news-08 ul li .text { color: #3168c3; text-align: center; margin-top: 20px; }

@media screen and (max-width: 1024px) { #news-08 ul li .text { margin-top: 0px; } }

#news-08 ul li .text h5 { font-size: 20px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

@media screen and (max-width: 1024px) { #news-08 ul li .text h5 { font-size: 14px; line-height: unset; } }

#news-08 ul li .text i { width: 100px; height: 3px; display: flex; margin: 20px auto; background-color: #3168c3; }

@media screen and (max-width: 1024px) { #news-08 ul li .text i { margin: 5px auto; } }

#news-08 ul li .text span { font-size: 16px; }

@media screen and (max-width: 1024px) { #news-08 ul li .text span { font-size: 12px; line-height: unset; } }

#news-08 ul li:hover { background-color: #3168c3; }

#news-08 ul li:hover .imgs { overflow: hidden; }

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

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

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

#news-08 ul li:hover .text i { background-color: #fff; }

#item_news .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) { #item_news .text span { font-size: 18px; } }

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

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

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

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

#item_prc-01 .item_prc { margin-bottom: 3%; gap: 30px; 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: #3168c3; 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 .item-01 { border-bottom: 1px solid #d9d9d9; margin-bottom: 0; padding-bottom: 0; }

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

#item_prc-01 .itemBox3 .item-01 .text span { color: #fff; }

#item_prc-01 .itemBox3 .item-02 { padding: 20px 0; }

#sortX { text-align: center; margin-bottom: 40px; }

#sortX span { font-size: 28px; font-weight: 700; line-height: 2em; color: #3168c3; box-shadow: 0 0 rgba(0, 0, 0, 0.3); }

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

#sortX i { width: 100%; height: 1px; background-color: rgba(0, 0, 0, 0.1); position: relative; display: block; }

#sortX i::after { content: ""; width: 100%; max-width: 120px; height: 7px; background-color: #3168c3; display: block; margin: 0 auto; transform: translateY(-3px); position: relative; z-index: 9; }

@media screen and (max-width: 1024px) { #sortX i::after { max-width: 100px; } }

.product_content img, .product_content video, .text_content img, .text_content video, .news_content img, .news_content video { width: auto; max-width: 100% !important; height: auto !important; max-height: 100%; }

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

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

.page_muen_nav a.act { color: #3168c3; }

.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 2% 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: #3168c3; color: #fff; }

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