* { font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; box-sizing: border-box; }
body { padding: 0px; margin: 0px; font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; line-height: 1; font-size: 14px; overflow-x: hidden; }
html, body { min-height: 100%; }
html { }
::-webkit-scrollbar { width: 4px; height: 8px; background-color: rgb(245, 245, 245); }
::-webkit-scrollbar-track { border-radius: 10px; background-color: rgb(226, 226, 226); }
::-webkit-scrollbar-thumb { border-radius: 10px; background-color: rgb(51, 51, 51); }
.clearfix::after { content: ""; display: block; height: 0px; clear: both; visibility: hidden; }
.clear::after { content: ""; display: block; height: 0px; clear: both; visibility: hidden; }
.flex { display: flex; justify-content: space-between; flex-wrap: wrap; }
.flex-center { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.flex-start { display: flex; justify-content: flex-start; flex-wrap: wrap; }
.flex-end { display: flex; justify-content: flex-end; flex-wrap: wrap; }
input, button, textarea { background: none; outline: none; border: none; appearance: none; border-radius: 0px; }
input:focus { border: none; }
.img_zd { position: relative; width: 100%; }
.img_zd .img_hezi { padding-bottom: 67.8% !important; }
.img_zd > img { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; object-fit: cover; height: 100%; width: 100%; }
a { text-decoration: none; outline: none;word-break: break-all; }
a, input, img, :focus { outline-style: none; }
ul { list-style: none; }
img { border: 0px; }
ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, p { padding: 0px; margin: 0px; font-weight: normal; }
ul li { list-style: none; }
h3, h4, h5 { font-weight: normal; }
h4 a:hover, h5 a:hover { transition: all 0.36s ease-in-out 0s; }
hr { display: block; height: 1px; border: 0px; background: rgb(216, 216, 216); padding: 0px; margin-bottom: 3.25rem; margin-top: 2.5rem; }
abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video { display: block; }
video { object-fit: cover; width: 100%; height: auto; }
.fl { float: left; }
.fr { float: right; }
.container01, .container01, .container03, .container04, .container05, .container06, .container07, .container08, .n-container01, .n-container03, .n-container04 { margin: 0px auto; }
.slow img:hover {/*transform: scale(1.05);*/}
.slow img { transition: all 0.2s ease-in-out 0s; }
h5 a, .more a { transition: all 0.36s ease-in-out 0s; }
slow01 { transition: all 0.6s ease-in-out 0s; }
.slow02 { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.shadow { box-shadow: rgb(153, 153, 153) 1px 1px 10px; }
.radius { border-radius: 3px; }
.opacity { opacity: 1; }
.overfloat-dot { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.overfloat-dot-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.overfloat-dot-3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.gray { filter: grayscale(100%); opacity: 0.6; }
.a_body { position: relative; }
::-webkit-scrollbar { width: 5px; height: 5px; background: rgb(241, 241, 241); }
::-webkit-scrollbar-track { border-radius: 0px; background: rgb(241, 241, 241); }
::-webkit-scrollbar-thumb { border-radius: 0px; background: rgb(51, 51, 51); }
input::-webkit-input-placeholder { color: rgb(153, 153, 153); }
textarea::-webkit-input-placeholder { color: rgb(153, 153, 153); }
.w100 { width: 100%; }
.w14 { max-width: 1400px; margin: 0px auto; }
.fanhui { position: fixed; right: 30px; bottom: 75px; width: 48px; height: 48px; border-radius: 50%; }
h5 a { display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
ul li:hover h5 a { color: rgb(0, 61, 152); }
.more a { border-radius: 3px; transition: all 0.36s ease-in-out 0s; }
img { vertical-align: middle; }
#gotop { position: fixed; z-index: 90; bottom: 80px; right: 30px; box-sizing: border-box; text-align: center; cursor: pointer; width: 45px; height: 45px; transition: all 0.4s ease 0s; }
#gotop { cursor: pointer; }
#gotop svg { width: 100%; height: 100%; fill: rgb(57, 97, 240); }
#gotop svg:hover { width: 100%; height: 100%; fill: rgb(236, 142, 19); }
#gotop:hover { bottom: 90px; transition: all 0.4s ease 0s; }
.ie_bg { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background-color: rgb(0, 0, 0); opacity: 0.9; z-index: 999998; }
.ie9tips { width: 600px; height: 300px; position: fixed; top: 50%; left: 50%; margin: -150px 0px 0px -300px; line-height: 1.8; color: rgb(255, 255, 255); z-index: 999999; text-align: center; }
.ie9tips a { color: red; }
.ie9tips img { display: block; margin: 0px auto; max-width: 100%; }
.ie9tips p { padding-top: 10px; color: rgb(255, 255, 255); width: 420px; margin: 10px auto; line-height: 1.8; }
@font-face { font-family: myFirstFont; src: url(""); }
@media (max-width: 1920px) {
  html { font-size: 16px; }
}
@media (max-width: 1600px) and (min-width: 1400px) {
  html { font-size: 16px; }
}
@media (max-width: 1399px) and (min-width: 640px) {
  html { font-size: 15px; }
}
@media (max-width: 639px) and (min-width: 471px) {
  html { font-size: 14px; }
}
@media (max-width: 470px) and (min-width: 329px) {
  html { font-size: 14px; }
}
@media (max-width: 328px) {
  html { font-size: 14px; }
}
.ar_wap { display: none; }
.a_body { position: relative; z-index: 0; }
.section { overflow: hidden; }
.header_box { z-index: 999999; left: 0px; right: 0px; top: 0px; background: rgb(148, 10, 65); }
#header { z-index: 999; width: 100%; transition: all 0.6s ease 0s; position: relative; background: url("../images23/topbg.png") 60% 1.875rem / auto no-repeat rgb(148, 10, 65); }
.header_top { height: 30px; line-height: 30px; background: rgb(0, 61, 152); overflow: hidden; text-align: right; z-index: 10; position: relative; }
.header_top ul { display: inline-block; vertical-align: top; }
.header_top ul li { font-size: 1rem; color: rgb(255, 255, 255); }
.header_box .w1750 { height: 100%; position: relative; max-width: 100%; margin: 0px 10rem; }
#header #logo { padding: 1.5rem 0px; }
#header #logo .table { width: auto; }
@media (max-width: 1200px) {
  #header #logo .logoimg { width: 45%; }
  #header #logo .logoimg img { width: 100%; display: block; }
}
.logo2 { }
.logo2 a { display: table; vertical-align: middle; }
.logo2 img { display: block; vertical-align: middle; width: 100%; }
.bannerBox { position: relative; }
.header_box .rightBox p { font-size: 1rem; }
.header_box .rightBox p a { display: inline-block; margin-right: 1rem; color: rgb(255, 255, 255); }
.header_box .search { width: 18.75rem; height: 40px; border-radius: 20px; margin-left: 1rem; position: relative; border: 1px solid rgb(181, 33, 92); background: rgb(140, 9, 61); }
.header_box .search input[type="text"] { background: none; outline: none; border: none; padding: 0px 0px 0px 10px; color: rgb(255, 255, 255); line-height: 40px; height: 40px; width: 100%; }
.header_box .search input[type="image"] { position: absolute; right: 10px; top: 8px; width: 22px; }
.header_box .search .input1 { float: left; width: calc(100% - 45px); }
.header_box .search .input2 { float: right; color: rgb(50, 50, 50); width: 40px; height: 40px; border-radius: 50%; }
.header_box .search .input2 input[type="image"] { margin-left: 10px; }
.text::-webkit-input-placeholder { color: rgb(50, 50, 50); }
#nav { width: 100%; z-index: 99; margin: 0px auto; position: relative; border-top: 1px solid rgba(255, 255, 255, 0.2); }
#nav ul { width: 100%; padding: 0px; }
#nav ul li { position: relative; z-index: 0; }
#nav ul li a { display: block; text-align: center; }
#nav ul li h3 { font-size: 1rem; color: rgb(255, 255, 255); line-height: 50px; position: relative; transition: all 0.6s ease 0s; text-align: center; font-weight: 600; }
#nav ul li:hover a h3 { color: rgb(255, 255, 255); background: rgb(140, 9, 61); font-weight: bold; }
#nav ul li:hover a { color: rgb(148, 10, 65); }
#nav ul li.on h3 { font-weight: bold; }
#nav ul li a i { display: inline-block; /*background: url("../images23/nav_down.png") center center / contain no-repeat;*/ width: 9px; height: 6px; vertical-align: middle; margin-left: 8px; }
#nav ul li .sub { position: absolute; top: 100%; background: rgba(255, 255, 255, 0.95); width: 153%; left: 50%; margin-left: -76%; z-index: 10000; visibility: hidden; opacity: 0; transition: all 0.5s ease 0s; }
#nav ul li+li .sub{width:232%;margin-left:-126%;}
#nav ul li+li+li .sub{width:364%;margin-left:-126%;}
#nav ul li+li+li+li .sub{width:252%;margin-left:-126%;}
#nav ul li+li+li+li+li .sub{ width: 153%; left: 50%; margin-left:-76%;}
#nav ul li .sub .box { padding: 10px 0px; text-align: center; box-shadow: rgb(0, 0, 0) 0px 0px 18px -8px; }
#nav ul li .sub a { padding: 0px; line-height: 3rem; transition: all 0.3s ease 0s; font-size: 1rem; color: rgb(50, 50, 50); }
#nav ul li .sub a:hover { color: rgb(148, 10, 65); background: rgb(229, 229, 229); font-weight: 600; }
#nav ul li:hover .sub { opacity: 1; visibility: visible; transform: translateY(0px); }
#nav ul > li.on h3, #nav ul li:hover h3, #header.xg #nav ul li.on a h3, #header.xg #nav ul li:hover a h3 { color: rgb(255, 255, 255); }
#nav .navBox > ul > li .sub::after { content: ""; display: block; width: 100%; height: 2px; position: absolute; left: 0px; margin-left: 0px; background: rgb(212, 128, 9); top: -2px; transition: all 0.3s ease 0s; transform: scale(0); border-radius: 0px; }
#nav .navBox > ul > li .sub::before { content: ""; display: block; position: absolute; left: 50%; margin-left: -3px; border-left: 3px solid transparent; border-right: 3px solid transparent; border-bottom: 4px solid rgb(212, 128, 9); top: -6px; transition: all 0.3s ease 0s; opacity: 0; visibility: hidden; }
#nav .navBox > ul > li:hover .sub::after, #nav ul li.on .sub::after { transform: scale(1); }
#nav .navBox > ul > li:hover .sub::before, #nav > ul > li.on .sub::before { opacity: 1; visibility: visible; }
.search_btn { height: 30px; line-height: 30px; cursor: pointer; text-align: center; float: left; transition: all 0.6s ease 0s; margin-left: 1.5rem; position: absolute; right: 0px; top: 74%; border: 1px solid rgba(255, 255, 255, 0.5); width: 30px; border-radius: 50%; }
.search_btn img { display: block; padding: 7px 0px 0px 8px; }
.topLink { float: right; margin-top: 36px; }
.topLink a { display: inline-block; font-size: 0.875rem; color: rgb(255, 255, 255); line-height: 1.5rem; }
.topLink a:hover { color: rgb(255, 180, 0); }
.topLink a + a:hover { color: rgb(255, 255, 255); }
.topLink a span { font-size: 1.5rem; color: rgb(255, 180, 0); font-weight: bold; line-height: 1.5rem; }
.topLink2 { border-top: 1px solid rgba(255, 255, 255, 0.4); width: 100%; padding-top: 30px; }
.topLink2 a { display: block; padding-left: 2.3rem; font-size: 1.125rem; line-height: 2.5rem; }
.topLink2 a + a { font-size: 0.875rem; }
.topLink2 a + a span { font-size: 32px; }
#logo .logo_black { display: none; }
.top_search_black { display: none; }
.header_box.xg { top: 0px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 2px; position: relative; }
.header_box.xg #logo .table { transform: scale(0.7); }
.header_box.xg #logo { padding: 0.5rem 0px; }
.header_box.xg #logo img { max-height: 4.5rem; }
.header_box.xg #nav { box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 17px 0px; }
#m_header { z-index: 99; }
#m_header #logo img { max-height: 28px; }
#m_header .yuyan { height: 4.5rem; float: right; margin-right: 4rem; }
#m_header .yuyan span { display: block; width: 24px; height: 24px; line-height: 24px; color: rgb(255, 255, 255); font-size: 0.9rem; text-align: center; margin-left: 17px; background: rgba(255, 255, 255, 0.3); }
.wap_search { width: 80%; margin: 0px auto; }
.wap_search form { position: relative; }
.wap_search input[type="text"] { width: 80%; height: 3.8rem; line-height: 3.8rem; border: 0px; padding: 0px 1rem; font-size: 1rem; color: rgb(153, 153, 153); box-shadow: none; appearance: none; float: left; }
.wap_search input[type="image"] { width: 20%; height: 3.8rem; background: url("") center center / 20px no-repeat rgb(0, 160, 233); font-size: 0px; color: rgb(255, 255, 255); cursor: pointer; text-transform: uppercase; float: left; }
#m_nav .mzsdm { width: 100%; position: absolute; left: 2.3rem; top: 50px; }
#m_nav .mzsdm a { font-size: 1rem; color: rgb(255, 255, 255); line-height: 1.5rem; }
#nav_btn_box { height: 100%; z-index: 999999999; }
#nav_btn_box.on { background: none; }
#nav_btn { display: none; }
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before { background: rgb(255, 255, 255); }
#nav_btn { cursor: pointer; text-align: center; z-index: 99999; transition: all 0.5s ease 0s; outline: none; box-shadow: none; }
#nav_btn .point { display: inline-block; width: 1.875rem; height: 22px; position: relative; outline: none; }
#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before { width: 24px; }
#nav_btn .navbtn { position: absolute; top: 12px; left: 0px; display: inline-block; width: 20px; height: 1px; transition: all 0.3s ease-out 0s; background: rgb(255, 255, 255); }
#nav_btn .navbtn::after, #nav_btn .navbtn::before { position: absolute; left: 0px; display: inline-block; width: 24px; height: 1px; content: ""; transition: all 0.3s ease-out 0s; background: rgb(255, 255, 255); }
#nav_btn .navbtn::after { top: -8px; }
#nav_btn .navbtn::before { top: 8px; }
#nav_btn .point.on .navbtn { background: transparent; }
#nav_btn .point.on .navbtn::after { transform: rotate(45deg); top: 0px; }
#nav_btn .point.on .navbtn::before { transform: rotate(-45deg); top: 0px; }
.tc_search { margin: 0px 1.3rem; width: calc(100% - 2.6rem); position: absolute; bottom: 1.5rem; }
.tc_search .header-search { height: 40px; border-radius: 20px; border: 1px solid rgb(229, 229, 229); position: relative; width: 100%; margin-bottom: 1rem; }
.tc_search input[type="text"] { font-size: 0.875rem; color: rgb(255, 255, 255); height: 38px; line-height: 38px; padding: 0px 1rem; box-shadow: none; appearance: none; border-right: 0px; background: none; width: 100%; }
.tc_search input[type="image"] { position: absolute; top: 3px; width: 26px; line-height: 38px; border: 0px; right: 10px; }
.tc_search input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.7); }
.tc_search input:focus::-webkit-input-placeholder { color: transparent; }
.m_nav_list { flex-direction: column; justify-content: flex-start; width: 100%; overflow: auto; }
.m_nav_list::-webkit-scrollbar { display: none; }
#m_nav { z-index: 99999; position: fixed; background: rgba(148, 10, 65, 0.95); width: 100%; height: 100vh; right: -100vw; top: 0px; padding: 7rem 0px 0px; overflow: hidden; pointer-events: none; transition: all 0.3s ease-out 0s; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; }
#m_nav.act { pointer-events: auto; right: 0px; }
#m_nav > ul > li { width: 100%; overflow: hidden; padding: 0px 2.3rem; }
#m_nav > ul > li + li { border-top: 1px solid rgba(255, 255, 255, 0.1); }
#m_nav li .a { display: inline-block; width: calc(100% - 30px); }
#m_nav li .a h3 { line-height: 4rem; height: 4rem; color: rgb(255, 255, 255); padding: 0px; font-size: 1.125rem; float: left; }
#m_nav li .a span { display: block; position: absolute; top: 0px; right: 10px; width: 20px; height: 50px; text-align: center; }
#m_nav li .a span i { font-size: 0px; }
#m_nav li i { opacity: 1; width: 10px; height: 4rem; float: right; display: inline-block; background: url("../images23/jia.svg") center center / contain no-repeat; }
#m_nav li.on i { background: url("../images23/jian.svg") center center no-repeat; }
#m_nav li { display: block; width: 100%; }
.slide_nav { position: absolute; left: 0px; height: 70px; z-index: 998; padding: 15px; top: 0px; width: 100%; }
#m_nav .title .list { display: none; position: relative; width: 100%; z-index: 9; left: 0px; margin-left: 0px; background: none; border: 0px; clear: both; padding-bottom: 10px; }
#m_nav .title .list span { background: none; }
#m_nav .title .list span a:hover { color: rgb(255, 180, 0); }
#m_nav .title .list a { display: block; font-size: 1rem; color: rgb(255, 255, 255); text-align: left; line-height: 40px; height: 40px; border: 0px; font-weight: 300; }
#m_nav .title .list .void > a { background-size: 10px; position: relative; }
#m_nav .title .list .void > a::before { content: "Ã‚Â·"; position: absolute; left: -1em; font-size: 12px; font-weight: bold; }
#m_nav .title .list span { position: relative; display: block; }
#m_nav .title .list span .sub { position: static; width: 100%; overflow: hidden; display: block !important; }
#m_nav .title .sub a { background: none; font-size: 0.875rem; opacity: 0.8; min-width: 50%; float: left; display: inline-block; color: rgb(153, 153, 153); }
.nav_mask { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 888; background-color: rgba(0, 0, 0, 0.4); display: none; }
.m_header_box { display: none; background: url("../images23/topbg.png") 80% bottom / auto no-repeat rgb(148, 10, 65); }
@media (max-width: 1100px) {
  #nav ul { display: none; }
  .m_header_box { height: auto; }
  #m_header .rightBox { width: 30%; margin-right: 25px; }
  #m_header .rightBox img { width: 100%; margin: 0px auto; display: block; }
  #m_header { height: 9.375rem; }
  .navBox { display: none; }
  #nav_btn_box { margin-right: 15px; }
  .navBox .search { float: left; }
  #nav_btn { display: block; }
  .header_box { display: none; }
  #m_header { height: auto; padding: 1rem 0px; }
  .m_header_box { display: block; }
  #nav_slide { display: block; }
  .logo2 { margin-left: 25px; max-width: 80%; }
}
@media (max-width: 768px) {
  #nav { position: relative; }
  .logo2 { margin-left: 15px; max-width: 70%; }
}
@media (max-width: 414px) {
  .logo2 { max-width: 80%; }
}
@media (max-width: 992px) {
  #gotop { right: 0px; transform: scale(0.6); bottom: 6rem; }
}
.index_06 { overflow: hidden; width: 100%; margin-top: 1.875rem; }
.index_06 a { display: block; position: relative; }
.index_06 .img_box { position: relative; }
.index_06 .img_box img { width: 1400px; }
.index_06 .text { position: absolute; left: 50%; margin-left: -700px; bottom: 0px; width: 1400px; height: 100%; background: url("") center bottom repeat-x; }
.index_06 .text p { position: absolute; bottom: 1.5625rem; width: calc(100% - 60px); left: 30px; z-index: 2; font-size: 1.25rem; color: rgb(255, 255, 255); line-height: 1.5rem; height: 1.5rem; overflow: hidden; text-align: left; }
.index_06 .rheight24 { height: auto !important; }
.index_06 .rheight24 canvas { display: none; width: 100% !important; height: 5rem !important; }
.index_06 .title { text-align: center; color: rgb(255, 255, 255); line-height: 30px; font-size: 1.25rem; position: absolute; bottom: 0.2rem; left: 0px; padding: 1rem; width: 100%; z-index: 3; transition: all 0.4s ease 0s; }
.index_06 .swiper-slide-active .title { display: block; }
.banner-btn { position: absolute; width: 1400px; top: 50%; margin-top: -25px; left: 50%; margin-left: -700px; }
.index_06 .swiper-button-prev, .index_06 .swiper-button-next { width: 50px; height: 50px; }
.index_06 .swiper-button-prev { background: url("../images23/LL.png") center center no-repeat; left: 0px; }
.index_06 .swiper-button-next { background: url("../images23/RR.png") center center no-repeat; right: 0px; }
.index_06 .swiper-slide { filter: brightness(1); }
.index_06 .swiper-slide.swiper-slide-active { filter: brightness(1); opacity: 1 !important; }
.index_06 .swiper-slide.swiper-slide-prev { opacity: 0.5 !important; }
.index_06 .swiper-slide.swiper-slide-next { opacity: 0.5 !important; }
.index_06 .swiper-slide.swiper-slide-prev .text, .index_06 .swiper-slide.swiper-slide-next .text { display: none; }
.index_06 .swiper-slide.swiper-slide-prev img, .index_06 .swiper-slide.swiper-slide-next img { box-shadow: rgba(255, 255, 255, 0.68) 0px 0px 44px 0px; }
.index_06 .swiper-slide { opacity: 0 !important; }
.index_06 .swiper-slide.swiper-slide-active .img_box { display: flex; justify-content: center; align-items: center; height: auto; }
.index_06 .swiper-slide.swiper-slide-active .img_box img { width: 1400px; }
.index_06 .swiper-slide.swiper-slide-next .img_box img { float: right; }
.index_06 .swiper-slide a:hover .title { color: rgb(255, 186, 0); }
.index_06 .swiper-pagination { bottom: 1rem; text-align: right; width: 1400px; left: 50%; margin-left: -700px; padding-right: 2rem; }
.index_06 .swiper-pagination .swiper-pagination-bullet { width: 14px; height: 14px; opacity: 1; border-radius: 7px; margin: 0px 5px; border: 1px solid rgb(255, 255, 255); background: none; }
.index_06 .swiper-pagination .swiper-pagination-bullet-active { background: rgb(255, 255, 255); opacity: 1; }
@media (max-width: 1400px) {
  .index_06 { margin-top: 0px; }
  .index_06 .img_box img { width: 100% !important; }
  .index_06 .rheight24 { height: 45vw !important; }
  .index_06 .text { width: 100%; left: 0px; margin-left: 0px; }
  .index_06 .swiper-pagination { width: 100%; left: 0px; margin-left: 0px; }
  .banner-btn { width: 100%; left: 0px; margin-left: 0px; }
  .index_06 .swiper-pagination { bottom: 0.5rem; }
  .index_06 .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; }
  .index_06 .swiper-button-prev { background-size: 3.125rem; }
  .index_06 .swiper-button-next { background-size: 3.125rem; }
}
@media (max-width: 850px) {
  .index_06 .text p { font-size: 1rem; }
  .banner-btn { top: 50%; margin-top: 0px; }
  .index_06 .swiper-button-prev { background-size: 2rem; }
  .index_06 .swiper-button-next { background-size: 2rem; }
}
.sametitle { margin-bottom: 1.4rem; position: relative; }
.sametitle h5 { padding-left: 3.125rem; background: url("../images23/title01.png") left center / 2.375rem no-repeat; }
.sametitle h5 img { }
.sametitle h5 span { display: inline-block; font-size: 1.75rem; line-height: 3.75rem; font-weight: 600; }
.sametitle .more { position: absolute; right: 0px; top: 1.8rem; font-size: 0.875rem; color: rgb(50, 50, 50); }
.sametitle .more:hover { color: rgb(148, 10, 65); text-decoration: underline; }
@media (max-width: 850px) {
  .sametitle { margin-bottom: 1rem; }
}
.newsXsbg { margin: 2.125rem 0; }
.newsBox { width: 48%; }
.xsbgBox { }
.newsCon { }
.newsCon .swiper-slide { }
.newsCon .swiper-slide a { display: block; position: relative; padding-top: 1.25rem; }
.newsCon .swiper-slide a::after { content: ""; position: absolute; top: 0px; left: 0px; height: 80%; background: url("../images23/textBg.png") 70% bottom no-repeat rgb(148, 10, 65); width: 100%; z-index: -1; }
.newsCon .swiper-slide a::before { content: ""; position: absolute; top: 80%; right: 0px; height: 1.875rem; background: url("../images23/newssj.png") right center / 1.5625rem; width: 1.5625rem; z-index: -1; }
.newsCon .swiper-slide a h5 { font-size: 1.125rem; line-height: 1.625rem; height: 1.625rem; overflow: hidden; width: calc(100% - 30px); color: white; margin: 0px 1rem 1.25rem; font-weight: 600; }
.newsCon .swiper-slide a .bttom { display: flex; justify-content: space-between; }
.newsCon .swiper-slide a .bttom .pic { width: 65.5%; overflow: hidden; }
.newsCon .swiper-slide a .bttom .pic img { display: block; width: 100%; height: 17.5rem; }
.newsCon .swiper-slide a .bttom .text { width: 34.5%; padding: 1.2rem; }
.newsCon .swiper-slide a .bttom .text p { font-size: 0.75rem; line-height: 1.375rem; height: 6.875rem; overflow: hidden; color: rgba(255, 255, 255, 0.8); }
.newsCon .swiper-pagination { bottom: 1rem; text-align: right; width: 6.875rem; left: 70%; }
.newsCon .swiper-pagination .swiper-pagination-bullet { width: 1.1875rem; height: 1rem; opacity: 1; margin: 0px 5px; background: url("../images23/dian.png") center center no-repeat; }
.newsCon .swiper-pagination .swiper-pagination-bullet-active { background: url("../images23/dianon.png") center center no-repeat; opacity: 1; }
.newsCon ul { padding-left: 1.125rem; background: url("../images23/qdkd.png") left center no-repeat; margin-top: 1.5rem; }
.newsCon ul li { }
.newsCon ul li a { padding: 0.6875rem 0px; display: flex; justify-content: space-between; }
.newsCon ul li a p { font-size: 1rem; line-height: 1.5rem; height: 1.5rem; overflow: hidden; width: calc(100% - 9rem); color: rgb(50, 50, 50); transition: all 0.6s ease 0s; }
.newsCon ul li a:hover p { color: rgb(148, 10, 65); padding-left: 0.625rem; transition: all 0.6s ease 0s; }
.newsCon ul li a i { font-size: 0.875rem; color: rgb(50, 50, 50); font-style: normal; font-weight: normal; line-height: 1.5rem; width: 6.5rem;text-align:right; }
.newsCon ul li a:hover i { color: rgb(148, 10, 65); }
.xsbgBox { width: 48%; }
.xsbgBox .sametitle h5 { padding-left: 3.25rem; background: url("../images23/title02.png") left center / 2.8125rem no-repeat; }
.xsbgBox ul { }
.xsbgBox ul li { position: relative; padding: 0.75rem 0px 0.55rem; }
.xsbgBox ul li:nth-child(1) { padding-top: 0px; }
.xsbgBox ul li::before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 6px; height: 6px; border-radius: 50%; border: 1px solid rgb(214, 214, 214); transition: all 0.4s ease 0s; }
.xsbgBox ul li::after { content: ""; position: absolute; left: 12px; bottom: 3px; width: calc(100% - 12px); height: 1px; background: rgb(214, 214, 214); transition: all 0.4s ease 0s; }
.xsbgBox ul li:hover::before { border: 1px solid rgb(148, 10, 65); transition: all 0.4s ease 0s; }
.xsbgBox ul li:hover::after { background: rgb(148, 10, 65); transition: all 0.4s ease 0s; }
.xsbgBox ul li { }
.xsbgBox ul li a { }
.xsbgBox ul li a .date { background: url("../images23/datebg.png") center center / 3.75rem no-repeat; width: 3.75rem; height: 4.875rem; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.xsbgBox ul li a .date i { display: block; font-size: 2rem; color: white; font-weight: normal; font-style: normal; margin-top: 2px; }
.xsbgBox ul li a .date b { display: block; font-size: 0.75rem; color: white; font-weight: normal; margin-top: 2px; }
.xsbgBox ul li a .text { width: calc(100% - 5.5rem); }
.xsbgBox ul li a .text h4 { font-size: 1rem; color: rgb(50, 50, 50); line-height: 1.5rem; height: 1.5rem; overflow: hidden; font-weight: 600; transition: all 0.6s ease 0s; }
.xsbgBox ul li a:hover .text h4 { color: rgb(148, 10, 65); padding-left: 6px; transition: all 0.6s ease 0s; }
.xsbgBox ul li a .text p { font-size: 0.75rem; color: rgb(115, 115, 115); line-height: 1.25rem; padding: 2px; }
@media (max-width: 1200px) {
  .newsCon .swiper-slide a .bttom .pic img { height: 14.5rem; }
}
@media (max-width: 850px) {
  .newsBox { width: 100%; }
  .newsCon .swiper-slide a .bttom .pic { width: 40%; }
  .newsCon .swiper-slide a .bttom .pic img { height: 24vw; }
  .newsCon .swiper-slide a .bttom .text { width: 60%; }
  .xsbgBox { width: 100%; margin-top: 3.125rem; }
  .xsbgBox ul li a .text h4 { height: auto; margin-bottom: 0.5rem; }
}
@media (max-width: 520px) {
  .newsCon .swiper-slide a { padding-bottom: 1.25rem; }
  .newsCon .swiper-slide a .bttom { flex-direction: column; }
  .newsCon .swiper-slide a .bttom .pic img { height: 56vw; }
  .newsCon .swiper-slide a::after { height: 90%; }
  .newsCon .swiper-slide a .bttom .text { padding-bottom: 3.75rem; }
  .newsCon .swiper-pagination { width: 100%; text-align: center; left: 0px; }
  .newsCon .swiper-slide a .bttom .text p { height: 2.75rem; }
  .newsCon .swiper-slide a::before { top: 90%; }
  .newsCon .swiper-slide a .bttom .pic { width: calc(100% - 30px); margin-left: 15px; }
  .newsCon .swiper-slide a .bttom .text { width: 100%; }
  .newsCon .swiper-slide a h5 { height: 3.25rem; }
  .newsCon ul { margin-top: 0.9375rem; }
}
.noticeBox { background: url("../images23/bg02.png") center center no-repeat rgb(250, 250, 250); padding: 3.125rem 0px 4.5rem; margin-top: 3.125rem; }
.noticeBox .sametitle h5 { padding-left: 3.8rem; background: url("../images23/title03.png") left center / 3.125rem no-repeat; }
.noticeCon { width: 80.715%; }
.noticeCon ul { }
.noticeCon ul li { width: 49%; background: white; padding: 1.625rem 2rem 1.25rem 0.3125rem; }
.noticeCon ul li + li + li { margin-top: 2%; }
.noticeCon ul li a { }
.noticeCon ul li a .date { width: 5rem; }
.noticeCon ul li a .date i { font-size: 1.375rem; line-height: 1.5rem; font-style: normal; display: block; text-align: right; color: rgb(50, 50, 50); font-weight: 600; }
.noticeCon ul li a .date b { font-style: normal; font-weight: normal; display: block; text-align: right; position: relative; color: rgb(50, 50, 50); margin-top: 0.5rem; }
.noticeCon ul li a .date b::after { content: ""; position: absolute; right: 0px; bottom: -0.7rem; width: 2.5rem; height: 1px; background: rgb(148, 10, 65); transition: all 0.6s ease 0s; }
.noticeCon ul li a .text { width: calc(100% - 6.2rem); }
.noticeCon ul li a .text p { font-size: 1rem; line-height: 1.5rem; height: 3rem; overflow: hidden; color: rgb(50, 50, 50); transition: all 0.6s ease 0s; }
.noticeCon ul li a:hover .text p { color: rgb(148, 10, 65); transition: all 0.6s ease 0s; padding-left: 0.375rem; }
.noticeCon ul li a:hover .date b { color: rgb(148, 10, 65); }
.noticeCon ul li a:hover .date i { color: rgb(148, 10, 65); }
.noticeCon ul li a:hover .date b::after { width: 3.5rem; transition: all 0.6s ease 0s; }
.LinkBox { width: 17%; }
.LinkBox ul { height: 100%; }
.LinkBox ul li { width: calc(33.333% - 2px); position: relative; z-index: 6; height: 100%; display: flex; justify-content: center; align-items: center; }
.LinkBox ul li::after { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 0; }
.LinkBox ul li::after { background: rgb(148, 10, 65); transform: skewY(195deg); }
.LinkBox ul li + li::after { background: rgb(12, 142, 170); transform: skewY(165deg); }
.LinkBox ul li + li + li::after { background: rgb(212, 128, 9); transform: skewY(195deg); }
.LinkBox ul li a { display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative; z-index: 6; }
.LinkBox ul li a img { display: block; width: 3rem; }
.LinkBox ul li + li a img { width: 3rem; }
.LinkBox ul li + li + li a img { width: 2.75rem; }
.LinkBox ul li a p { font-size: 1.625rem; overflow-wrap: break-word; color: white; width: 1.875rem; margin-top: 0.625rem; transition: all 0.6s ease 0s; }
.LinkBox ul li a:hover p { margin-top: 1rem; transition: all 0.6s ease 0s; }
@media (max-width: 850px) {
  .noticeCon { width: 100%; }
  .LinkBox { width: 100%; margin-top: 3.125rem; }
  .LinkBox ul li { padding: 2rem 0px; }
  .LinkBox ul li a p { width: 100%; overflow-wrap: normal; }
  .LinkBox ul li a { }
  .LinkBox ul li::after { transform: skewY(185deg); }
  .LinkBox ul li + li::after { transform: skewY(175deg); }
  .LinkBox ul li + li + li::after { transform: skewY(185deg); }
}
@media (max-width: 580px) {
  .noticeCon ul li { width: 100%; padding: 1.625rem 2rem 1.5rem 0.3125rem; }
  .noticeCon ul li + li { margin-top: 3%; }
  .noticeCon ul li + li + li { margin-top: 3%; }
  .noticeCon ul li a .text p { height: auto; }
}
.footer { position: relative; z-index: 9; background: url("../images23/footerBG.png") center center / cover no-repeat rgb(148, 10, 65);display:none; }
.footer .w14 { align-items: center; padding: 2.5rem 15px 1.5rem; background: url("../images23/fbgic.png") 88% bottom no-repeat; }
.footerL .pic { overflow: hidden; margin-bottom: 0.9375rem; }
.footerL .pic img { display: block; max-height: 4.375rem; max-width: 100%; }
.footerL p { font-size: 0.875rem; line-height: 1.5rem; color: rgb(255, 255, 255); }
.footerL p em { font-style: normal; margin-right: 1.25rem; }
.footerM { }
.footerM ul { }
.footerM ul li { width: 9.125rem; height: 6.875rem; border: 1px solid rgba(255, 255, 255, 0.3); display: flex; justify-content: center; flex-direction: column; align-items: center; margin: 0px 6px; }
.footerM ul li:hover { border: 1px solid rgba(255, 255, 255, 0.5); transition: all 0.6s ease 0s; }
.footerM ul li a { display: flex; justify-content: center; flex-direction: column; align-items: center; }
.footerM ul li a span { width: 3.375rem; height: 3.375rem; display: flex; justify-content: center; }
.footerM ul li a span img { display: block; width: 3rem; transition: all 0.6s ease 0s; }
.footerM ul li a:hover span img { transform: rotateY(180deg); transition: all 0.6s ease 0s; }
.footerM ul li + li a span img { display: block; width: 2.875rem; }
.footerM ul li + li + li a span img { display: block; width: 2.6875rem; }
.footerM ul li a p { font-size: 1.125rem; color: white; margin-top: 0.5rem; }
.footerM ul li a:hover p { font-weight: bold; }
.footerR .pic { overflow: hidden; }
.footerR .pic img { display: block; width: 128px; }
.footerR p { font-size: 0.875rem; color: rgb(255, 255, 255); text-align: center; margin-top: 0.625rem; }
.copyright { position: relative; z-index: 9; background: rgb(123, 0, 49); padding: 1.125rem 0.9375rem; }
.copyright p { font-size: 0.875rem; color: rgb(255, 255, 255); text-align: center; line-height: 1.975rem; }
@media (max-width: 580px) {
  .footerM ul { margin: 1rem 0px; }
}
@media (max-width: 540px) {
  .footerM { width: 100%; }
  .footerM ul { display: flex; justify-content: space-between; margin: 1rem 0px; width: 100%; }
  .footerM ul li { margin: 0px; width: 32%; }
  .footerL p em { display: block; }
}
.Nybanner { max-width: 100%; margin: 0px auto; position: relative; z-index: 4; }
.Nybanner img { display: block; width: auto; position: relative; height: 100%; }
.Nybanner > p { display: flex; justify-content: center; max-width: 100%; overflow: hidden; }
.Nybanner > p::before { content: ""; position: absolute; left: 0px; bottom: 0px; background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)); width: 100%; height: 100px; z-index: 6; }
@media (max-width: 1100px) {
  .Nybanner > p::before { display: none; }
}
@media (max-width: 768px) {
  .Nybanner { height: 30vw; }
  .Nybanner img { height: 30vw; }
}
#nav_slide { background: rgb(148, 10, 65); line-height: 50px; position: relative; z-index: 2; }
#nav_slide #bnt_back { position: absolute; left: 1rem; top: -2px; }
#nav_slide #bnt_back img { height: 20px; vertical-align: middle; }
#nav_slide .n_title { height: 50px; }
#nav_slide h1 { font-size: 16px; color: rgb(255, 255, 255); text-align: center; }
#bnt_sub_nav { position: absolute; right: 1rem; top: 14.5px; cursor: pointer; }
#bnt_sub_nav img { display: block; height: 20px; }
#bnt_sub_nav.on img { transform: rotate(-180deg); }
#sub_nav_content { background: rgb(242, 242, 242); display: none; z-index: 9; width: 100%; }
#sub_nav_content ul { background: rgb(255, 255, 255); }
#sub_nav_content ul li { background: none; box-shadow: none; border-bottom: 1px solid rgb(222, 222, 222); padding: 0px 15px; }
#sub_nav_content ul li a { display: inline-block; font-size: 14px; padding: 0px; color: rgb(51, 51, 51); width: 88%; }
#sub_nav_content ul li i { float: right; font-family: simsun; font-style: normal; font-weight: bold; }
#sub_nav_content ul li ul li { border: 0px; line-height: 40px; padding-left: 10px; }
#sub_nav_content ul li ul li a { font-size: 13px; color: rgb(102, 102, 102); }
#sub_nav_content ul li.on > a { color: rgb(148, 10, 65); }
#sub_nav_content ul li ul { display: none; }
#nav_slide { display: none; }
.n_container { position: relative; z-index: 99; padding: 0px 0px 6.25rem; background: url("../images23/Nybg.png") center bottom / contain no-repeat rgb(247, 247, 247); }
.n_container .n_left { width: 350px; position: relative; z-index: 88; top: 0px; }
.n_container .n_left h1 { line-height: 3.25rem; background: rgb(148, 10, 65); font-size: 2rem; color: rgb(255, 255, 255); padding: 0px 1.875rem 0px 2.7rem; display: flex; align-items: center; }
.n_container .n_left h1 span { display: block; /* margin-top: 20px;*/ padding: 15px 0;line-height: 1.25;}
.n_container .n_left .con .ulCon { padding-bottom: 10rem; padding-left: 10px; }
.n_container .n_left .con .ulCon ul { background: rgba(255, 255, 255, 0.9); padding: 0px 40px 0px 30px; }
.n_container .n_left .con ul li { color: rgb(51, 51, 51); position: relative; border-bottom: 1px solid rgb(238, 238, 238); }
.n_container .n_left .con ul li.on dl { display: block !important; }
.n_container .n_left .con ul li > a img { margin: -3px 20px 0px 0px; }
.n_container .n_left .con ul li::after { content: ""; width: 10px; height: 100%; background: rgb(212, 128, 9); position: absolute; left: -40px; top: 0px; transition: all 0.36s ease 0s; margin-top: 0px; display: none; }
.n_container .n_left .con ul li.on::after, .n_container .n_left .con ul li:hover::after { display: block; }
.n_container .n_left .con ul li.on i { background: url("../images23/jton.svg") center center / 7px no-repeat; }
.n_container .n_left .con ul li > a { color: rgb(51, 51, 51); display: block; padding: 23px 0px 23px 0px; transition: all 0.36s ease 0s; position: relative; font-size: 1.25rem; line-height: 26px; }
.n_container .n_left .con ul li > a:hover, .n_container .n_left .con ul li.on > a { color: rgb(148, 10, 65); font-weight: 600; }
.n_container .n_left .con ul li dl { display: none; padding: 5px 0px; position: relative; }
.n_container .n_left .con ul li dl::before { content: ""; position: absolute; right: 0px; left: 20px; top: 0px; height: 1px; }
.n_container .n_left .con ul li dl dd { height: auto; line-height: 34px; padding: 0px 15px; }
.n_container .n_left .con ul li dl dd a { position: relative; width: calc(100% - 20px); display: block; font-size: 14px; line-height: 20px; padding: 10px 0px 10px 40px; color: rgb(50, 50, 50) !important; }
.n_container .n_left .con ul li dl dd a::after { content: ""; width: 4px; height: 4px; left: 20px; top: 18px; position: absolute; background: rgb(148, 10, 65); }
.n_container .n_left .con ul li i.up { background: url("../images23/jt.svg") center center / 7px no-repeat; }
.n_container .n_left .con ul li i { width: 20px; height: 70px; background: url("../images23/jt.svg") center center / 7px no-repeat; position: absolute; right: 0px; top: 0px; transition: all 0.36s ease 0s; cursor: pointer; }
.n_container .n_left .con ul li dl dd a:hover, .n_container .n_left .con ul li dl dd.on a { color: rgb(148, 10, 65) !important; }
.n_container .n_left .con ul li dl dd:hover a::before, .n_container .n_left .con ul li dl dd.on a::before { background: rgb(148, 10, 65); }
.mianbaoxie { position: relative; margin-top: -60px; height: 60px; }
.mianbaoxie h2 { font-size: 2rem; display: inline-block; color: rgb(50, 50, 50); text-align: center; }
.mianbao { padding: 0px 0px 0px 20px; background: url("../images23/now.png") left center no-repeat; display: inline-block; vertical-align: top; position: relative; }
.mianbao, .mianbao i, .mianbao a { font-size: 14px; color: rgb(255, 255, 255); font-style: normal; transition: all 0.6s ease 0s; line-height: 1.5rem; }
.mianbao i { display: inherit; margin: 0px 10px; width: 5px; height: 1px; background: rgb(255, 255, 255); position: relative; top: -4px; }
.mianbao a.on { color: rgb(239, 15, 108); }
.mianbao a:hover { color: rgb(239, 15, 108); transition: all 0.6s ease 0s; }
.n_container .n_right { width: calc(100% - 400px); position: relative; z-index: 2; }
.n_container .n_right::after { content: ""; }
.n_container .n_right .bg02 { border-top: 4px solid rgb(148, 10, 65); background: rgb(255, 255, 255); padding: 40px 60px 60px; min-height: 600px; }
@media (max-width: 850px) {
  .n_container .n_right .bgss { margin-top: 30px; }
  .n_container .n_right .bg02 { border: none; background: none; padding: 0px; }
}
.n_titu li { padding: 10px 24px 10px 30px; background: rgb(255, 255, 255); }
.n_titu li + li { margin-top: 1.5rem; }
.n_titu li .date { width: 80px; }
.n_titu li .date i { font-style: normal; font-weight: bold; display: block; font-size: 2.5rem; line-height: 2.625rem; font-family: Ã¥Â®â€¹Ã¤Â½â€œ; color: rgb(148, 10, 65); text-align: center; }
.n_titu li .date b { font-style: normal; font-weight: bold; display: block; font-size: 0.75rem; line-height: 1.5rem; font-family: Ã¥Â®â€¹Ã¤Â½â€œ; color: rgb(148, 10, 65); text-align: center; }
.n_titu li a { display: block; position: relative; width: calc(100% - 90px); }
.n_titu li .pic { position: relative; width: 18.1rem; float: right; margin-left: 1.25rem; min-width: 3.75rem; }
.n_titu li .pic::after { content: ""; position: absolute; right: -10px; width: 1.25rem; height: 2px; background: rgb(148, 10, 65); top: 50%; margin-top: -1px; }
.n_titu li .pic .img { overflow: hidden; }
.n_titu li .pic .img img { display: block; width: 100%; object-fit: cover; transition: all 0.6s ease 0s; }
.n_titu li .text i { font-size: 0.75rem; color: rgb(148, 10, 65); font-style: normal; font-weight: bold; padding-left: 24px; background: url("../images23/time2.png") left center no-repeat; line-height: 1.25rem; }
.n_titu li .text { margin-left: 0px; padding-top: 1.5rem; }
.n_titu li .text h5 { transition: all 0.6s ease 0s; font-size: 1.125rem; color: rgb(50, 50, 50); line-height: 2.2rem; max-height: 2.2rem; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; }
.n_titu li .text span { display: block; width: 2.5rem; height: 1.5rem; position: absolute; overflow: hidden; margin-top: 1rem; bottom: -20px; }
.n_titu li .text span img { display: inline-block; }
.n_titu li .text h5::after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 37px; height: 2px; background: rgb(148, 10, 65); transition: all 0.6s ease 0s; }
.n_titu li .text p { margin: 0.875rem 0px; position: relative; font-size: 0.75rem; color: rgb(102, 102, 102); line-height: 1.5rem; height: 4.5rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.n_titu li:last-child a { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; }
.n_titu li:hover .pic .img img { transform: scale(1.1); transition: all 0.6s ease 0s; }
.n_titu li:hover .text h5 { color: rgb(148, 10, 65); transition: all 0.6s ease 0s; padding-left: 0.5rem; }
.n_titu li:hover .text h5::after { width: 7.5rem; transition: all 0.6s ease 0s; }
.fanye { margin-top: 2.5rem; }
.fanye img { max-width: 100%; }
@media (max-width: 1100px) {
  .mianbaoxie { display: none; }
  .n_container { margin-top: 0px; padding: 0px 0px 3rem; }
  .n_container .n_left { display: none; }
  .n_container .n_right { width: 100%; padding: 0px; background: transparent; }
  #nav_slide { display: block; }
  .n_leftbg { display: none; }
}
@media (max-width: 580px) {
  .n_titu li { padding: 1.5rem 0px; background: none; }
  .n_titu li .flex-center { align-items: flex-start; }
  .n_titu li .pic::after { top: 2rem; }
  .n_titu li .date { width: 54px; }
  .n_titu li a { width: calc(100% - 60px); }
  .n_titu li a { border-bottom: none; }
  .n_titu li .pic { width: 100%; float: none; margin-left: 0px; }
  .n_titu li .text { margin-left: 0px; padding: 0px; margin-bottom: 2rem; }
  .n_titu li .text h5 { max-height: none; padding-top: 0px; white-space: normal; font-size: 1rem; line-height: 1.5rem; padding-bottom: 6px; margin-top: 8px; }
  .n_titu li .text p { height: 4.125rem; display: none; }
  .fanye { margin-top: 2.5rem; }
}
.n_zylist { margin-top: 2.5rem; }
.n_zylist li { background: white; margin-bottom: 10px; padding: 1.875rem; }
.n_zylist li a { position: relative; flex-wrap: nowrap; }
.n_zylist li .time { border: 1px solid rgb(148, 10, 65); width: 3.75rem; height: 4.375rem; }
.n_zylist li .day { font-size: 1.625rem; color: rgb(148, 10, 65); text-align: center; font-weight: bold; margin-top: 0.625rem; }
.n_zylist li .year { font-size: 0.75rem; color: rgb(148, 10, 65); text-align: center; margin-top: 0.25rem; }
.n_zylist li .text { width: calc(100% - 80px); }
.n_zylist li .text h5 { transition: all 0.6s ease 0s; font-size: 1rem; color: rgb(50, 50, 50); line-height: 1.5rem; max-height: 1.5rem; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.n_zylist li .text p { margin-top: 0.5rem; position: relative; font-size: 0.875rem; color: rgb(115, 115, 115); line-height: 1.375rem; height: 2.75rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.n_zylist li:hover .text h5 { color: rgb(148, 10, 65); transition: all 0.6s ease 0s; }
.n_zylist li:hover .time { background: rgb(148, 10, 65); transition: all 0.4s ease 0s; }
.n_zylist li:hover .time .day, .n_zylist li:hover .time .year { color: white; }
@media (max-width: 540px) {
  .n_zylist li a { border-bottom: none; }
  .n_zylist li .text { margin-left: 0px; margin-top: 1.25rem; }
  .n_zylist li .text h5 { max-height: none; padding-top: 0px; }
  .n_zylist li .text p { height: 4.125rem; }
  .fanye { margin-top: 2.5rem; }
}
.n_container .n_right .bgss.TextList { padding-top: 0px; margin-top: 40px;min-height:600px; }
.TextList ul li { padding: 22px 30px; border-bottom: 1px dashed rgb(170, 170, 170); position: relative; transition: all 0.6s ease 0s; }
.TextList ul li:first-child { border-top: 1px dashed rgb(170, 170, 170); }
.TextList ul li:hover { transition: all 0.6s ease 0s; border-bottom: 1px solid rgb(148, 10, 65); }
.TextList ul { }
.TextList ul li a { display: block; overflow: hidden; position: relative; }
.TextList ul li::after { position: absolute; content: ""; background: url("../images23/textbg2.png") 90% bottom no-repeat rgb(255, 255, 255); right: 0px; width: 100%; height: 100%; bottom: 0px; z-index: -1; transition: all 1s ease 0s; opacity: 0; }
.TextList ul li:hover::after { transition: all 1s ease 0s; opacity: 1; }
.TextList ul li a p { transition: all 0.6s ease 0s; line-height: 1.5rem; font-size: 1rem; color: rgb(50, 50, 50); }
.TextList ul li a > div { margin-top: 6px; }
.TextList ul li a i { display: block; position: relative; float: right; font-style: normal; color: rgb(102, 102, 102); transition: all 0.6s ease 0s; line-height: 1.5rem; background: url("../images23/time4.png") left center no-repeat; padding-left: 20px; }
.TextList ul li a b { font-weight: normal; font-style: normal; display: block; font-size: 0.75rem; line-height: 1.5rem; color: rgb(50, 50, 50); }
.TextList ul li:hover i, .TextList ul li:hover a b { color: rgb(148, 10, 65); transition: all 0.6s ease 0s; }
.TextList ul li:hover p { color: rgb(148, 10, 65); transition: all 0.6s ease 0s; padding-left: 6px; font-weight: 600; }
@media (max-width: 540px) {
  .TextList ul li { padding: 1.5rem 0px; }
  .TextList ul li a::after { top: 2.5rem; }
  .TextList ul li i { text-align: left; margin-bottom: 5px; }
  .TextList ul li p { margin-top: 0px; height: auto; overflow: hidden; width: 100%; }
  .TextList ul li a .date::after { left: 5rem; top: 0px; }
  .TextList ul li a .text { width: calc(100% - 6rem); }
}
.show { padding: 0px 10px; }
.show01 { margin-bottom: 1.2rem; }
.show01 h5 { font-size: 1.75rem; line-height: 2.5rem; text-align: center; margin-bottom: 1.25rem; font-weight: bold; color: rgb(51, 51, 51); }
.show01 p { padding-bottom: 1.25rem; text-align: center; font-size: 0.875rem; color: rgb(102, 102, 102); border-bottom: 1px solid rgb(220, 220, 220); }
.show01 i { font-style: normal; margin: 0px 8px; padding-left: 1.5rem; font-size: 0.875rem; color: rgb(102, 102, 102); }
.show02 { }
.show02 p { color: rgb(51, 51, 51); margin-bottom: 1rem; font-size: 1rem !important; line-height: 2.125rem !important; }
.show02 table { margin: 0px auto !important; }
.show02 img { display: block; margin: 0px auto 1rem; max-width: 80%; height: auto !important; border: none !important; }
.show03 { margin-top: 2.5rem; padding-top: 1.5rem; }
.show03 p { font-size: 1rem; color: rgb(102, 102, 102); margin-bottom: 0.9375rem; line-height: 2rem; }
.show03 p + p { margin-bottom: 0px; }
.show03 p a { font-weight: normal; color: rgb(102, 102, 102); transition: all 0.6s ease 0s; }
.show03 p a:hover { color: rgb(148, 10, 65); transition: all 0.6s ease 0s; font-weight: 600; }
@media (max-width: 850px) {
  .show02 img { width: 100%; max-width: 100%; }
}
.teacherList01 { margin-top: 20px; }
.teacherList01 .bt { }
.teacherList01 .bt h6 { font-size: 1.625rem; color: rgb(50, 50, 50); position: relative; margin-bottom: 1.4rem; font-weight: bold; }
.teacherList01 .bt h6::after { content: ""; width: 40px; height: 2px; background: rgb(148, 10, 65); position: absolute; bottom: -0.6rem; left: 0px; }
.teacherList01 ul { justify-content: flex-start; margin-left: -2%; }
.teacherList01 ul li { box-shadow: rgba(0, 0, 0, 0.11) 0px 0px 7px 0px; background: white; width: 18%; margin-left: 2%; height: 3.125rem; line-height: 3.125rem; margin-top: 2%; }
.teacherList01 ul li a { font-size: 1rem; color: rgb(85, 85, 85); text-align: center; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0px 0.3rem; }
.teacherList01 ul li a:hover { color: rgb(148, 10, 65); }
.teacherList01 .bz { font-size: 1.25rem; line-height: 1.625rem; color: rgb(51, 51, 51); font-weight: lighter; margin-top: 2.5rem; position: relative; display: inline-block; }
.teacherList01 .bz::after { content: ""; width: 100%; height: 1px; background: rgb(217, 217, 217); position: absolute; bottom: 0px; left: 0px; }
@media (max-width: 580px) {
  .teacherList01 ul { margin-left: -1.5%; }
  .teacherList01 ul li { width: 23.5%; margin-left: 1.5%; margin-top: 1.5%; }
}
@media (max-width: 414px) {
  .teacherList01 ul { margin-left: -2%; }
  .teacherList01 ul li { width: 31.333%; margin-left: 2%; margin-top: 2%; }
}
.teacherList02 { }
.teacherList02 .bt { background: white; padding: 2rem;display:none;}
.teacherList02 .bt .btCon { align-items: center; }
.teacherList02 .bt .btCon + .btCon { margin-top: 1rem; }
.teacherList02 .bt .btCon span {display: block;font-size: 1.125rem;/* width: 5rem; */font-weight: 600;color: rgb(50, 50, 50);margin-bottom: 1rem;}
.teacherList02 .bt .btCon .text {width: 100%;}
.teacherList02 .bt .btCon .text a {font-size: 1rem;display: inline-block;padding: 0px 6px;line-height: 2.35rem;color: rgb(50, 50, 50);margin: 3px 0.2rem;}
.teacherList02 .bt .btCon + .btCon .text a + a { margin: 3px 0.5rem; }
.teacherList02 .bt .btCon .text a.on { font-size: 1rem; color: rgb(255, 255, 255); background: rgb(148, 10, 65); border-radius: 0.25rem; }
.teacherList02 .bt .btCon .text a:nth-child(1) {    padding: 0 1rem;text-align: center;margin-right: 0.5rem;}
.teacherList02 .bt .btCon:nth-child(1) .text a:nth-child(2) { margin-left: 0.5rem; }
.teacherList02 .bt .btCon .text a:hover { font-size: 1rem; color: rgb(255, 255, 255); background: rgb(148, 10, 65); border-radius: 0.25rem; }
.teacherList02 ul { margin-left: -1.5%; }
.teacherList02 ul li { padding: 1.875rem 1.25rem; background: rgb(255, 255, 255); margin-top: 1.5%; margin-left: 1.5%; width: 48.5%; position: relative; }
.teacherList02 ul li::after { content: ""; position: absolute; width: 3.125rem; height: 3.125rem; background: rgb(148, 10, 65); right: -2px; bottom: -2px; z-index: -1; }
.teacherList02 ul li a { }
.teacherList02 ul li a .pic { width: 36%; overflow: hidden; height: 13.125rem; }
.teacherList02 ul li a .pic img { display: block; width: 100%; object-fit: cover; }
.teacherList02 ul li a .text { width: 60%; }
.teacherList02 ul li a .text h5 { font-size: 1.375rem; color: rgb(148, 10, 65); margin-bottom: 1rem; margin-top: 0.3rem; }
.teacherList02 ul li a .text h5:hover { text-decoration: underline; }
.teacherList02 ul li a .text p { font-size: 0.875rem; color: rgb(85, 85, 85); line-height: 1.625rem; margin: 0.3125rem 0px; padding-left: 2rem; }
.teacherList02 ul li a .text p { background: url("../images23/jsIc01.png") left center / 1.625rem no-repeat; }
.teacherList02 ul li a .text p + p { background: url("../images23/jsIc02.png") left center / 1.625rem no-repeat; }
.teacherList02 ul li a .text p:nth-child(3) { background: url("../images23/jsIc03.png") left center / 1.625rem no-repeat; }
.teacherList02 ul li a .text p:nth-child(4) { background: url("../images23/jsIc04.png") left center / 1.625rem no-repeat; }
.teacherList02 ul li a .text p:nth-child(5) { background: url("../images23/jsIc05.png") left center / 1.625rem no-repeat; }
@media (max-width: 1100px) {
  .teacherList02 .bt .btCon .text { width: 100%; }
  .teacherList02 .bt .btCon + .btCon { margin-top: 1.6rem; }
  .teacherList02 .bt .btCon span { width: 100%; margin-bottom: 1rem; }
  .teacherList02 ul li a .pic { width: 36%; height: 14.125rem; }
}
@media (max-width: 850px) {
  .teacherList02 ul { margin-left: 0px; }
  .teacherList02 ul li { width: 100%; margin-left: 0px; }
  .teacherList02 ul li a .pic { width: 36%; height: auto; }
}
@media (max-width: 414px) {
  .teacherList02 ul li a .pic { width: 32%; height: auto; }
  .teacherList02 ul li a .text { width: 65%; }
}
.teacherDetail { }
.teacherDetail .bt { background: url("../images23/teachertextbg.png") right bottom no-repeat rgb(253, 253, 253); padding: 1.875rem 3.75rem; position: relative; width: calc(100% - 10px); }
.teacherDetail .bt::after { content: ""; position: absolute; width: 100%; height: 100%; background: rgb(148, 10, 65); right: -10px; top: 10px; z-index: -1; }
.teacherDetail .bt .pic { overflow: hidden; width: 18.183%; }
.teacherDetail .bt .pic img { display: block; width: 100%; object-fit: cover; height: auto; }
.teacherDetail .bt .text { }
.teacherDetail .bt .text { width: 78%; }
.teacherDetail .bt .text h5 { font-size: 1.375rem; color: rgb(148, 10, 65); margin-bottom: 1rem; margin-top: 0.3rem; }
.teacherDetail .bt .text ul li { margin: 1rem 0px; }
.teacherDetail .bt .text ul li p { font-size: 0.875rem; color: rgb(85, 85, 85); line-height: 1.625rem; margin: 0.3125rem 0px; padding-left: 2rem; }
.teacherDetail .bt .text ul li p { background: url("../images23/jsIc01.png") left center / 1.625rem no-repeat; }
.teacherDetail .bt .text ul li + li p { background: url("../images23/jsIc02.png") left center / 1.625rem no-repeat; }
.teacherDetail .bt .text ul + ul { margin-left: 2rem; }
.teacherDetail .bt .text ul + ul li p { background: url("../images23/jsIc03.png") left center / 1.625rem no-repeat; }
.teacherDetail .bt .text ul + ul li + li p { background: url("../images23/jsIc04.png") left center / 1.625rem no-repeat; }
.teacherDetail .bt .text ul + ul li + li + li p { background: url("../images23/jsIc05.png") left center / 1.625rem no-repeat; }
.teacherDetail .Con { background: white; padding: 2.5rem 3.125rem; margin-top: 1.875rem; }
.teacherDetail .Con .Con01 .texchtitle { margin-bottom: 1.5rem; }
.teacherDetail .Con .Con01 .texchtitle h4 { border-bottom: 1px solid rgb(148, 10, 65); padding-left: 2.4rem; background: url("../images23/teacherIc01.png") left center / 1.9375rem no-repeat; line-height: 3.125rem; font-size: 1.375rem; color: rgb(148, 10, 65); }
.teacherDetail .Con .Con01:nth-child(2) .texchtitle h4 { background: url("../images23/teacherIc02.png") left center / 2.8125rem no-repeat; padding-left: 3.2rem; }
.teacherDetail .Con .Con01:nth-child(3) .texchtitle h4 { background: url("../images23/teacherIc03.png") left center / 2.5rem no-repeat; padding-left: 3.2rem; }
.teacherDetail .Con .Con01:nth-child(4) .texchtitle h4 { background: url("../images23/teacherIc04.png") left center / 1.8125rem no-repeat; padding-left: 3.2rem; }
.teacherDetail .Con .Con01:nth-child(5) .texchtitle h4 { background: url("../images23/teacherIc05.png") left center / 2.125rem no-repeat; padding-left: 3.2rem; }
.teacherDetail .Con .Con01:nth-child(6) .texchtitle h4 { background: url("../images23/teacherIc06.png") left center / 2.4375rem no-repeat; padding-left: 3.2rem; }
.teacherDetail .Con .Con01:nth-child(7) .texchtitle h4 { background: url("../images23/teacherIc07.png") left center / 2.375rem no-repeat; padding-left: 3.2rem; }
.teacherDetail .Con .Con01:nth-child(8) .texchtitle h4 { background: url("../images23/teacherIc08.png") left center / 2.375rem no-repeat; padding-left: 3.2rem; }
.teacherDetail .Con .Con01 { margin-top: 2rem; }
.teacherDetail .Con .Con01 p { font-size: 1rem; line-height: 2.25rem; }
.teacherDetail .Con .Con01 p + p { margin-top: 6px; }
.teacherDetail .Con .Con01 ul { }
.teacherDetail .Con .Con01 ul li { font-size: 1rem; color: rgb(50, 50, 50); line-height: 1.5rem; margin: 1rem 0px; }
@media (max-width: 850px) {
  .teacherDetail .Con { background: none; padding: 0px; }
  .teacherDetail .bt .text ul { margin-left: 0px; width: 100%; margin-top: 0px; }
  .teacherDetail .bt .text ul + ul { margin-left: 0px; width: 100%; margin-top: -1rem; }
  .teacherDetail .bt { padding: 20px; }
  .teacherDetail .bt .pic { width: 24%; }
  .teacherDetail .bt .text { width: 72%; }
}
@media (max-width: 414px) {
  .teacherDetail .bt .pic { width: 70%; }
  .teacherDetail .bt .text { width: 100%; margin-top: 1.5rem; }
}
.jgsz { }
.jgsz .bt h6 { font-size: 1.625rem; color: rgb(50, 50, 50); position: relative; margin-bottom: 2.8rem; font-weight: bold; }
.jgsz .bt h6::after { content: ""; width: 40px; height: 2px; background: rgb(148, 10, 65); position: absolute; bottom: -0.6rem; left: 0px; }
.jgsz01 { align-items: center; width: 48.5%; }
.jgsz01 h5 { width: 3.75rem; background: rgb(148, 10, 65); height: 100%; text-align: center; display: flex; justify-content: center; align-items: center; }
.jgsz01 h5 span { font-size: 1.25rem; width: 2rem; text-align: center; color: white; display: block; }
.jgsz01 .ulBox { width: calc(100% - 3.75rem); height: 100%; background: white; }
.jgsz01 ul { padding: 3.75rem 2rem; }
.jgsz01 ul li { width: 48%; }
.jgsz01 ul li a { font-size: 1rem; color: rgb(50, 50, 50); line-height: 1.5rem; margin: 1rem 0px; position: relative; display: block; padding-left: 15px; }
.jgsz01 ul li a::before { content: ""; background: rgb(148, 10, 65); width: 11px; height: 3px; left: 0px; top: 0.8rem; position: absolute; }
.jgsz01 ul li a:hover { color: rgb(148, 10, 65); }
@media (max-width: 850px) {
  .jgsz01 { width: 100%; }
  .jgsz01 + .jgsz01 { margin-top: 1.5rem; }
}
@media (max-width: 440px) {
  .jgsz01 ul li { width: 100%; }
}
.xrld .bt h6 { font-size: 1.625rem; color: rgb(50, 50, 50); position: relative; margin-bottom: 2.8rem; font-weight: bold; margin-top: 20px; }
.xrld .bt h6::after { content: ""; width: 40px; height: 2px; background: rgb(148, 10, 65); position: absolute; bottom: -0.6rem; left: 0px; }
.xrld ul { margin-left: -1.5%; }
.xrld ul li { padding: 1.875rem 1.25rem; background: url("../images23/xrldBg.png") right bottom no-repeat rgb(255, 255, 255); margin-top: 1.5%; margin-left: 1.5%; width: 48.5%; position: relative; box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 10px 0px; }
.xrld ul li a { }
.xrld ul li a .pic { width: 36%; overflow: hidden; height: 13.125rem; }
.xrld ul li a .pic img { display: block; width: 100%; object-fit: cover; }
.xrld ul li a .text { width: 60%; }
.xrld ul li a .text h5 { font-size: 1.625rem; color: rgb(148, 10, 65); margin-bottom: 1rem; margin-top: 1rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.xrld ul li a .text h5:hover { text-decoration: underline; }
.xrld ul li a .text p { font-size: 0.875rem; color: rgb(102, 102, 102); line-height: 1.5rem; margin: 0.3125rem 0px; }
.xrld ul li a .text p span { color: rgb(0, 0, 0); }
.xrld ul li a .text p { }
@media (max-width: 850px) {
  .xrld ul { margin-left: 0px; }
  .xrld ul li { width: 100%; margin-left: 0px; }
  .xrld ul li a .pic { width: 36%; height: auto; }
}
@media (max-width: 460px) {
  .xrld ul li a .text h5 { margin-top: 0.1rem; }
}
.xyfc .bt h6 { font-size: 1.625rem; color: rgb(50, 50, 50); position: relative; margin-bottom: 2.8rem; font-weight: bold; }
.xyfc .bt h6::after { content: ""; width: 40px; height: 2px; background: rgb(148, 10, 65); position: absolute; bottom: -0.6rem; left: 0px; }
.xyfc ul { }
.xyfc ul li { background: rgb(255, 255, 255); border-top: 1px solid rgb(148, 10, 65); padding: 1.875rem 1.875rem 0px 3.75rem; }
.xyfc ul li + li { margin-top: 3.75rem; }
.xyfc ul li a { }
.xyfc ul li a .pic { width: 19.781%; content: ""; position: relative; bottom: -10px; z-index: 6; }
.xyfc ul li a .pic::after { content: ""; position: absolute; width: 100%; height: 100%; background: rgb(244, 242, 242); transform: rotate(-10deg); left: 0px; top: 0px; z-index: -1; }
.xyfc ul li a .pic .slow { width: 100%; overflow: hidden; height: 13.75rem; }
.xyfc ul li a .pic img { display: block; width: 100%; object-fit: cover; height: 100%; }
.xyfc ul li a .text { width: 76%; }
.xyfc ul li a .text h5 { font-size: 1.625rem; color: rgb(148, 10, 65); margin-bottom: 1rem; margin-top: 1rem; font-weight: 600; }
.xyfc ul li a .text h5:hover { text-decoration: underline; }
.xyfc ul li a .text p { font-size: 0.875rem; color: rgb(102, 102, 102); line-height: 1.5rem; margin: 0.3125rem 0px; }
@media (max-width: 960px) {
  .xyfc ul li a .pic { width: 20vw; height: 26vw; }
  .xyfc ul li a .pic .slow { height: 26vw; }
  .xyfc ul li a .text { width: calc(100% - 23vw); }
}
@media (max-width: 850px) {
  .xyfc ul li { padding: 1.875rem; }
  .xyfc ul li + li { margin-top: 2.5rem; }
}
.fanye table td { font-size: 0.875rem !important; }
.fanye div { font-size: 0.875rem !important; }
.fanye span { font-size: 0.875rem !important; height: auto !important; padding: 6px 4px !important; }
.fanye a { font-size: 0.875rem !important; height: auto !important; padding: 6px 4px !important; }
.fanye input { font-size: 0.875rem !important; height: auto !important; padding: 6px 4px !important; }
#vsb_content_2 table { margin: 0px auto 1.25rem !important; }
#vsb_content_2 img { border: none !important; }
.keywordfontcolor1074990 { font-size: 0.875rem !important; font-family: Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜ !important; color: rgb(255, 0, 0) !important; }
@media (max-width: 1440px) {
  .w14 { padding: 0px 30px; }
}
@media (max-width: 1024px) {
  .show01 h5 { font-size: 1.25rem; line-height: 2rem; }
}
@media (max-width: 768px) {
  .w14 { padding: 0px 15px; }
  .xcsp { padding: 2.5rem 0px; }
  .xysh { padding: 2rem 0px 1rem; }
  .TextList { margin-top: 1.5rem; }
  .n_splist { margin-top: 1.5rem; }
  .n_xylist { margin-top: 1.5rem; }
  .fanye { margin-top: 2rem; }
  .fanyexysh { margin-top: 0rem !important; }
  .n_container { padding: 0px 0px 2rem; }
}



/* 图片列表页 */
.picList{border-top: 4px solid rgb(148, 10, 65);}
.picList ul{margin-left: -3.333%;margin-top: -3.333%;}
.picList ul li{width: 30%;margin-left: 3.333%;margin-top: 3.333%;}
.picList ul li a{display: block;}
.picList ul li a .pic{overflow: hidden;}
.picList ul li a .pic img{display: block;width: 100%;height: 12.5rem;}
.picList ul li a .text{margin-top: 0.625rem;}
.picList ul li a .text p{display: block;font-size: 1rem;color: #323232;line-height: 1.5rem;text-align: center;height: 1.5rem;overflow: hidden;}
.picList ul li a:hover .text p{/*color: #940a41;*/}
@media(max-width: 1200px) {
	
}
@media(max-width: 850px) {
	.picList ul {margin-left: 0;margin-top: -4%;justify-content: space-between;}
	.picList ul li{width: 48%;margin-left: 0;margin-top: 4%;}
	.picList ul li a .pic img{height: 28vw;}
	
}
@media(max-width: 420px) {
	.picList ul li{width: 100%;margin-left: 0;margin-top: 4%;}
	.picList ul li a .pic img{height: auto;}
}

