* { font-family: Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; box-sizing: border-box; }
body { padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; line-height: 1; font-size: 16px; overflow-x: hidden; transition: all 0.4s ease-in 0s; }
html, body { min-height: 100%; overflow-x: hidden; }
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); } */
@font-face { font-family: sysH; src: url("../fonts/sysH.otf"); }
.clear::after { content: ""; display: block; height: 0px; clear: both; visibility: hidden; }
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; inset: 0px; object-fit: cover; height: 100%; width: 100%; }
a { text-decoration: none; outline: none; }
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: 0.5rem; 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; }
.fl { float: left; }
.fr { float: right; }
.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; }
.gray { filter: grayscale(100%); opacity: 0.6; }
/* ::-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); } */
.ie_bg { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background-color: rgb(0, 0, 0); opacity: 0.9; z-index: 99998; }
.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: 99999; 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; }
input::-webkit-input-placeholder { color: rgb(153, 153, 153); }
textarea::-webkit-input-placeholder { color: rgb(153, 153, 153); }
.w100 { width: 100%; }
.w12 { max-width: 1200px; margin: 0px auto; }
.w152 {max-width: 1520px; margin: 0px auto; }
.w176 { width: calc(100% - 160px); margin: 0px 80px; }
@media (max-width: 1200px) {
.w12 {width: 95%;}
}
@media (max-width: 1520px) {
.w152 { width: 100%; padding: 0px 15px; }
}
.fanhui { position: fixed; right: 30px; bottom: 75px; width: 48px; height: 48px; border-radius: 50%; }
img { vertical-align: middle; }
.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; }
#gotop {position: fixed;display: block; z-index: 90;height: 0px; opacity: 0; /* visibility: hidden; */ bottom: 80px; right: 40px; box-sizing: border-box; text-align: center; cursor: pointer; transition: all 0.5s ease 0s; }
#gotop.hide {width: 45px; height: 45px;opacity: 1;}
#gotop.hide img{display: block;width: 100%;}
#gotop svg { width: 100%; height: 100%; fill: rgb(13, 113, 230); }
#gotop { cursor: pointer; }
@media (max-width: 1920px) {
html { font-size: 16px; }
table{
width: 95% !important;
}
}
@media (min-width: 1400px) and (max-width: 1600px) {
html { font-size: 15px; }
table{
width: 100% !important;
}
}
@media (min-width: 640px) and (max-width: 1399px) {
html { font-size: 14px; }
table{
width: 100% !important;
}
}
@media (min-width: 471px) and (max-width: 639px) {
html { font-size: 13px; }
table{display: flex;
overflow-x: auto;
width: 100% !important;
white-space: nowrap;}
}
@media (min-width: 329px) and (max-width: 470px) {
html { font-size: 12px; }
table{display: flex;
overflow-x: auto;
width: 100% !important;
white-space: nowrap;}
}
@media (max-width: 328px) {
html { font-size: 12px; }
table{display: flex;
overflow-x: auto;
width: 100% !important;
white-space: nowrap;}
}
.header_box { z-index: 100; left: 0px; right: 0px; top: 0px; position: relative; }
.header_box .w14 { display: flex; justify-content: space-between; align-items: center; height: 112px; }
#header { z-index: 999; width: 100%;background: #fff; transition: all 0.6s ease 0s;}
.header_top{padding:0.15rem 0;align-items: center;background: url(../images23/topBG.png) no-repeat 60% bottom;}
#logo { width: calc(100% - 550px); }
#logo a { display: block; }
#logo a img { display: block; max-width: 100%; }
.search{width: 240px;border-bottom: 1px solid #a71111;}
.search .text{font-size: 0.14rem;color: #323232;width: calc(100% - 30px);}
.search .btn{width: 30px;line-height: 0.3rem;background: url(../images23/search.png) no-repeat center;}
.topR div a{font-size: 0.16rem;color: #323232;margin-right: 0.25rem;line-height: 0.3rem;transition: 0.6s all;padding-left: 24px;background: url(../images23/top01.png) no-repeat left center; position: relative;}
.topR div a+a{background: url(../images23/top02.png) no-repeat left center;}
.topR div a:hover{color: #a71111;transition: 0.6s all;}
.topR div a .xinxiang_box{display: none;
position: absolute;
left: 25px;
top: 0;
width: 240px;
height: 90px;
padding-top: 49px;
background: url(../images23/xinxiang_bg.png) no-repeat bottom center;
z-index: 98;
color: #fff;
font-size: 14px;
text-align: center;}
.topR div a:hover .xinxiang_box{display:block;}
.header { width: 70%; }
@media (max-width: 850px) {
.header_box { height: 0.5rem; }
}
@media (max-width: 414px) {
.header_box { height: 0.5rem; }
}
@media (max-width: 340px) {
.topLink p { margin-right: 0px; }
.topLink p a { padding: 0px 0.5rem; }
}
@media (max-width: 1200px) {
#m_header #logo { width: 60%; }
#logo img { width: 100%; }
}
@media (max-width: 680px) {
#m_header #logo { width: calc(100% - 80px); }
}
#nav { width: 100%; position: relative;background: #b91420;}
#nav .navBox { width: 100%; }
#nav ul { position: relative; }
#nav ul li { position: relative; z-index: 9; }
#nav ul li a { display: block; padding: 0px; }
#nav ul li h3 {position: relative; font-size: 0.18rem;color: rgb(255, 255, 255);font-weight: bold; line-height: 50px; position: relative; transition: all 0.6s ease 0s; }
#nav ul li:hover a h3 { color: #fff; }
#nav ul li:hover a { color: rgb(255, 255, 255); }
#nav ul li.on h3 {color: #fff;}
#nav ul li:hover h3::after{width: 100%;transition: 0.6s all;}
#nav ul li h3::after{content: "";width: 0;height: 2px;background: #b91420;position: absolute;left: 0;bottom: 0;}
#nav ul li.on h3::after{width: 100%;}
#nav ul li:hover a h3 span, #nav ul li.on h3 span { background: url("") left center no-repeat; }
#nav ul li a i { display: inline-block; background: url("") 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: 200px; left: 50%; margin-left: -100px; z-index: 10000; visibility: hidden; opacity: 0; transition: all 0.5s ease 0s;box-shadow: 0px 2px 28.42px 0.58px rgba(254, 130, 8, 0.13);}
#nav ul li:last-child .sub { margin-left: 0px; left: auto; right: 0px; }
#nav ul li .sub .box { padding: 10px 0px; text-align: center; }
#nav ul li .sub a { padding: 0px; line-height: 2.5; transition: all 0.3s ease 0s; font-size: 16px; color: rgb(102, 102, 102); }
#nav ul li .sub a:hover { color: #b91420; background: rgb(229, 229, 229); }
#nav ul li:hover .sub { opacity: 1; visibility: visible; transform: translateY(0px); }
#nav .navBox > ul > li:hover h3.ej::after, #nav ul li.on h3.ej::after { transform: scale(1); }
#nav .navBox > ul > li:hover h3.er::before, #nav > ul > li.on h3.ej::before { opacity: 1; visibility: visible; }
.header_box.xg {position: fixed;height: auto; transition: all 0.4s ease 0s; box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 10px;border-bottom: none; }
.header_box.xg #logo{width: 40%;}
.header_box.xg .header_top{padding: 0.1rem 0;}
.header_box.xg #nav ul li h3{line-height: 50px;}
/* #nav { display: flex; justify-content: flex-end; align-items: center; } */
#logo .logo_black { display: none; }
.top_search_black { display: none; }
#header.xg { top: 0px; }
#header.xg #logo .logo_black, #header.xg .top_search_black { display: inline-block; }
#header.xg .top_search_white { display: none; }
#header.xg #nav ul li .sub{top: calc(100% + 15px);}
@media (max-width: 1200px) {
.header_box { display: none; }
}
@media (max-width: 850px) {
.topLink { display: none; }
#header { display: none; }
}
.tc2 .tc-box form { border-radius: 4px; overflow: hidden; background: rgb(255, 255, 255); height: 60px; width: 100%; }
.tc2 .tc-box input[type="text"] { border: none; width: 94%; display: block; height: 60px; text-align: left; color: rgb(67, 67, 67); font-size: 14px; background: none; line-height: 60px; padding: 0px 20px; }
.tc2 .tc-box input[type="text"]:focus { text-align: left; }
.tc2 .tc-box input[type="submit"] { position: absolute; right: 0px; top: 50%; padding: 0px; z-index: 2; background: url("../images23/icon_search.png") center center / 20px 20px no-repeat; height: 60px; width: 70px; cursor: pointer; border: none; margin-top: -30px; }
.tc2 .tc { transition: all 300ms ease 0s; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 9999; }
.tc2 .tc { pointer-events: none; opacity: 0; transform: scale(1.1); visibility: hidden; }
.tc2 .tc.act { opacity: 1; pointer-events: auto; transform: scale(1); visibility: visible; }
.tc2 .close:hover { transform: rotate(180deg); }
.tc2 .close, .tc { transition: all 400ms ease 0s; }
.tc2 .tc-box { position: absolute; border-radius: 4px; overflow: hidden; top: 50%; z-index: 9999; background: rgb(255, 255, 255); height: 60px; width: 50%; left: 50%; margin-left: -25%; margin-top: -40px; }
.tc2 .tc.act { display: block; }
.tc2 .close { position: absolute; cursor: pointer; font-size: 20px; right: 30px; top: 30px; }
.tc2 .tc-bg { height: 100%; background: rgba(206, 180, 114, 0.9); position: absolute; top: 0px; left: 0px; width: 100%; z-index: 0; opacity: 0.8; }
.search_btn { cursor: pointer; }
.search_btn svg { display: inline-block; fill: rgb(255, 255, 255); width: 16px; height: 16px; vertical-align: middle; }
.search-dialog-box { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1000000; opacity: 0; visibility: hidden; transition: all 0.6s ease 0s; }
.search-dialog-box::before { content: ""; position: absolute; top: 0px; height: 0px; background: none; transition: all 0.6s ease 0s; left: 0px; right: 0px; z-index: 1; }
.search-dialog-box.on::before { height: 100%; }
.search-dialog-box .bubbles-bg { opacity: 0; visibility: hidden; display: none; }
.search-dialog-box .search-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 0px; margin: 0px; background: 0% 0% / cover no-repeat rgba(0, 0, 0, 0.7); transform-origin: center center; transition: height 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0s; }
.search-dialog-box .wrap-inner { transform: translateY(100%); transition: all 0.6s ease 0s; }
.header-right .bubbles-bg { opacity: 0; visibility: hidden; transition: all 0.5s ease 0.8s; }
.search-dialog-box .bubbles-bg .bubble { position: absolute; }
.search-dialog-box .bubbles-bg .bubble .circle { border-radius: 100%; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.search-dialog-box .bubbles-bg .bubble1 { width: 6%; padding-top: 6%; left: 26.875%; top: -6.67%; }
.search-dialog-box .bubbles-bg .bubble1 .circle { border: 1px solid rgb(255, 255, 255); }
.search-dialog-box .bubbles-bg .bubble2 { width: 12px; padding-top: 12px; left: 13.54%; top: 18%; }
.search-dialog-box .bubbles-bg .bubble2 .circle { background-color: rgb(41, 167, 65); }
.search-dialog-box .bubbles-bg .bubble3 { width: 36px; padding-top: 36px; left: 8.854%; top: 30.55%; }
.search-dialog-box .bubbles-bg .bubble3 .circle { background-color: rgb(255, 255, 255); }
.search-dialog-box .bubbles-bg .bubble4 { width: 56.875%; padding-top: 56.875%; left: -28.6458%; top: 51.85%; }
.search-dialog-box .bubbles-bg .bubble4 .circle { background: linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.05) 100%); }
.search-dialog-box .bubbles-bg .bubble5 { width: 54px; padding-top: 54px; left: 26.3%; top: 70.83%; }
.search-dialog-box .bubbles-bg .bubble5 .circle { background-color: rgb(255, 255, 255); opacity: 0.1; }
.search-dialog-box .bubbles-bg .bubble6 { width: 56.875%; padding-top: 56.875%; left: 73.4375%; top: -52.77%; }
.search-dialog-box .bubbles-bg .bubble6 .circle { background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 100%); }
.search-dialog-box .bubbles-bg .bubble7 { width: 2rem; padding-top: 2rem; left: 60.9375%; top: 18.5%; }
.search-dialog-box .bubbles-bg .bubble7 .circle { background-color: rgb(41, 167, 65); }
.search-dialog-box .bubbles-bg .bubble8 { width: 1.35rem; padding-top: 1.35rem; left: 95.83%; top: 70.83%; }
.search-dialog-box .bubbles-bg .bubble8 .circle { border: 1px solid rgb(255, 255, 255); }
.search-dialog-box .bubbles-bg .bubble9 { width: 16px; padding-top: 16px; left: 76.5625%; top: 96.296%; }
.search-dialog-box .bubbles-bg .bubble9 .circle { background-color: rgb(255, 255, 255); }
.search-dialog-box .bubbles-bg .bubble10 { width: 56.875%; padding-top: 56.875%; left: 71.354%; top: 87%; }
.search-dialog-box .bubbles-bg .bubble10 .circle { background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.3) 100%); }
.search-dialog-box .bubbles-bg .bubble { animation: 8s linear 0s infinite normal none running spin; transform-origin: 50% 45%; }
.search-dialog-box .bubbles-bg .bubble:nth-child(2n) { animation: 8s linear 0s infinite normal none running spin2; }
.search-dialog-box .bubbles-bg .bubble .circle { animation: 8s linear 0s infinite normal none running spin-reverse; }
.search-dialog-box .bubbles-bg .bubble:nth-child(2n) .circle { animation: 8s linear 0s infinite normal none running spin-reverse2; }
.search-dialog-box .bubbles-bg .sm-bubble { transform-origin: 30% 30px; }
.search-dialog { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 100%; z-index: 2; }
.search-dialog .search-tit { font-size: 2.75rem; line-height: 3.5rem; color: rgb(255, 255, 255); text-align: center; overflow: hidden; display: none; }
.search-dialog .search-inner { overflow: hidden; margin-top: 0px; }
.search-dialog .search-input { width: 50%; margin: 0px auto; padding: 0px 0rem 0px 1.5rem; box-sizing: border-box; transition: all 0.3s ease 0s; max-width: 94%; }
.search-dialog .search-input input[type="text"] { float: left; height: 1rem; width: calc(100% - 1rem); background-color: transparent; font-size: 0.18rem; line-height: 1rem; color: rgb(145, 145, 145); transition: all 0.3s ease 0s; outline: none; border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: solid; border-bottom-color: rgba(255, 255, 255, 0.6); }
.search-dialog .search-input input[type="text"]::-webkit-input-placeholder { color: rgb(145, 145, 145); }
.search-dialog .search-input input[type="image"], .search-dialog .search-input .clear-btn { float: right; height: 0.8rem; width: 0.8rem; }
.search-dialog .search-input input[type="image"] { background: url("../images23/Bsearch.png") center center no-repeat #76247d; height: 0.8rem; width: 0.8rem; border-radius: 100px; }
.search-dialog .search-input .clear-btn { background-color: rgba(0, 0, 0, 0.2); background-repeat: no-repeat; background-position: center center; background-image: url("../images23/close-btn.svg"); background-size: 3.5rem; border-radius: 100%; margin-right: 1rem; display: none; }
.search-dialog .search-input.on { background-color: rgb(255, 255, 255); }
.search-dialog .search-input.on input[type="image"] { background-image: url(""); }
.search-dialog .hot-search { font-size: 0px; width: 19.5rem; margin: 0.6rem auto 0px; box-sizing: border-box; padding: 0px 0.6rem; overflow: hidden; }
.search-dialog .hot-search .hot-tit, .search-dialog .hot-search .hot-link { display: inline-block; zoom: 1; vertical-align: top; }
.search-dialog .hot-search .hot-tit { font-size: 0.375rem; line-height: 0.5rem; color: rgb(255, 255, 255); font-weight: bold; padding-left: 0.6rem; background-repeat: no-repeat; background-position: left center; background-size: 0.5rem; background-image: url(""); }
.search-dialog .hot-link { margin-left: 1rem; }
.search-dialog .hot-link a { display: inline-block; zoom: 1; font-size: 0.375rem; line-height: 0.5rem; margin-right: 0.75rem; color: rgb(255, 255, 255); padding-bottom: 5px; position: relative; }
.search-dialog .hot-link a::before { content: ""; position: absolute; left: 0%; bottom: 0px; width: 100%; height: 2px; background-color: rgb(255, 255, 255); transform: scaleX(0); transform-origin: left center; transition: transform 0.3s ease 0s; }
.search-dialog-box .bottom-box { position: absolute; left: 0px; bottom: 5.1%; width: 100%; }
.search-dialog-box .bottom-box .share-box { overflow: hidden; }
.search-dialog-box .bottom-box .copy { font-size: 0.35rem; line-height: 0.5rem; color: rgb(255, 255, 255); font-family: gilroy-regular; margin-top: 0.5rem; overflow: hidden; }
.header-right.is-open .bubbles-bg { visibility: visible; opacity: 1; }
.header-right.is-open .search-btn .con-box { display: none; }
.header-right.is-open .close-btn { display: block; }
.header-right.is-open .item .search-bg { transform: scale(1); }
.search-dialog-box.on { opacity: 1; visibility: visible; }
.search-dialog-box.on .search-bg { height: 100vh; }
.search-dialog-box.on .bubbles-bg { opacity: 1; visibility: visible; }
.search-dialog-box.on .wrap-inner { transform: translateY(0px); }
.pub-close { position: absolute; width: 51px; height: 52px; z-index: 10; right: 0.8rem; top: 0.8rem; border-radius: 100%; }
.pub-close .bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgb(28, 90, 183); transform: scale(0); border-radius: 100%; transition: transform 0.3s ease 0s; }
.pub-close i { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-image: url("../images23/search_close.png"); transition: all 0.6s ease 0s; }
.pub-close i:hover { transform: rotate(180deg); }
@keyframes spin {
100% { transform: rotate(1turn); }
}
@keyframes spin2 {
100% { transform: rotate(-1turn); }
}
@keyframes spin-reverse {
0% { transform: rotate(1turn); }
}
@keyframes spin-reverse2 {
0% { transform: rotate(-1turn); }
}
.tc_search { margin: 0.3rem 0.2rem 0px; width: calc(100% - 0.4rem); position: relative; }
.tc_search form { height: 40px; border-radius: 0px; background: rgba(255, 255, 255, 0.1); position: relative; width: 100%; margin-bottom: 1rem; }
.tc_search .keyword { font-size: 16px; color: rgb(255, 255, 255); height: 40px; line-height: 40px; box-shadow: none; appearance: none; background: none; width: 100%; outline: none; border: 1px solid rgba(255, 255, 255, 0.5);padding: 0px 51px 0 10px; }
.tc_search .btn_blue { position: absolute; top: 0px; right: 0px; width: 40px; height: 40px; line-height: 38px; border: 0px; background: url("../images23/search_white.svg") center center / 0.2rem no-repeat; }
.tc_search .btn_blue.fr { background: rgb(233, 237, 239); color: rgb(78, 79, 83); }
.tc_search input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.7); }
.tc_search input:focus::-webkit-input-placeholder { color: transparent; }
#nav_btn_box { height: 100%; z-index: 999999999; float: right; margin-left: 28px; }
#nav_btn_box.on { background: none; }
#nav_btn { }
#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: 0.24rem; height: 22px; position: relative; outline: none; }
#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before { width: 0.3rem; }
#nav_btn .navbtn { position: absolute; top: 12px; left: 0px; display: inline-block; width: 24px; height: 1px; transition: all 0.3s ease-out 0s; background: #b91420; }
#nav_btn .navbtn::after, #nav_btn .navbtn::before { position: absolute; left: 0px; display: inline-block; width: 0.2rem; height: 1px; content: ""; transition: all 0.3s ease-out 0s; background: #b91420; }
#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; }
.m_nav_list { flex-direction: column; justify-content: flex-start; width: 100%; margin: 30px 0px 0px; }
.m_nav_list::-webkit-scrollbar { display: none; }
#m_nav { z-index: 99999; position: fixed; width: 100%; height: 100vh; right: -105%; top: 0px; padding: 0.3rem 0px 0.2rem; 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; background: #b91420; }
#m_nav .close { position: absolute; top: 6px; right: 15px; font-size: 28px; color: rgb(255, 255, 255); z-index: 10000; }
#m_nav.act { pointer-events: auto; right: 0px; overflow: auto; }
#m_nav > ul > li { width: 100%; overflow: hidden; padding: 0px 0px 0px 0.3rem; position: relative; }
#m_nav > ul > li { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
#m_nav li .a { display: inline-block; width: calc(100% - 30px); }
#m_nav li .a { line-height: 0.6rem; height: 0.6rem; color: rgb(255, 255, 255); padding: 0px; font-size: 14px; 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: 0.6rem; height: 0.6rem; background-image: url("../images23/arrow_down.svg"); background-position: calc(100% - 30px) center; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; position: absolute; display: block; right: 0px; background-size: 13px 13px !important; }
#m_nav li.on i { background: url("../images23/arrow_down_on.svg") calc(100% - 30px) center no-repeat; }
#m_nav .on.title .a i { transform: rotate(-90deg); }
#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(194, 29, 27); }
#m_nav .title .list a { display: block; font-size: 0.16rem; color: rgba(255, 255, 255, 0.6); 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 { transition: all 0.6s ease 0s; display: none; height: 80px; }
#m_header #logo .box_table { width: auto; float: left; display: table; height: 100%; }
#nav_btn_box .box_table { width: auto; float: left; display: table; height: 100%; }
#nav_btn_box .box_table .box_table_cell { vertical-align: middle; display: table-cell; }
#m_header #logo .box_table .box_table_cell { vertical-align: middle; display: table-cell; margin: 0px auto; }
#m_header #logo .box_table .box_table_cell a { display: block; }
.m_header_box header { padding: 0px 5%; height: 80px;background: #fff; box-shadow: rgba(0, 78, 161, 0.25) 0px 8px 8px; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 100;border-top: 2px solid #b91420;}
#m_header #logo { float: left; height: 80px; }
#m_header #logo img { max-height: 50px; width: auto; }
#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); }
.ej .toubu_div { position: initial; }
.ej #nav ul li h3 { color: rgb(51, 51, 51); font-family: "microsoft yahei"; }
.ej #nav ul li.on h3, .ej #nav ul li:hover h3 { color: rgb(255, 255, 255); }
.ej .list_box0 .li { line-height: 3rem; }
.ej .list_box0 .li > a { color: rgb(102, 102, 102); }
.ej .list_box0 .li input.txt { border-bottom: 1px solid rgb(102, 102, 102); }
.ej #header #logo .box_table { height: 132px; }
.ej #header { height: 8.18rem; }
.ej .header_box_li { height: 8.18rem; }
#fp-nav.fp-right { display: none; }
.m_links p{padding-left: 0.3rem;}
.m_links p a{font-size: 0.14rem;color: #fff;margin-right: 0.2rem;}
@media (max-width: 1200px) {
.m_header_box { display: block; }
.header_box { display: none; }
}
/* index */
.bannerBox{width:100%;position: relative;z-index: 1;}
.bannerBox .slick-slider{position: static;}
.bannerBox .item a{display: block;position: relative;}
.bannerBox .slider img{display: block;width: 100%;max-height: 460px; position: relative; object-fit: cover;}
.bannerBox .slider video{display: block; width: 100%;position: relative; object-fit: cover;}
.bannerBox .slider p{width: 75%;font-weight: bold;font-size: 3.75rem;line-height: 4.625rem;color: #f6e5d4;position: absolute;bottom: 8.125rem;left: 10%;z-index: 99;}
.bannerBox .slider a{display: block;position: relative;}
.bannerBox .slick-dots{display: flex;justify-content: center;position: absolute;bottom:0.3rem;width: 100%; align-items: center;}
.bannerBox .slick-dots li{width: 0.15rem;overflow: hidden; height: 0.15rem;border: 1px solid #fff;border-radius: 50%; font-size: 0;margin: 0 0.07rem; position: relative;}
.bannerBox .slick-dots li.slick-active{background: #fff;}
.bannerBox .slick-dots li button{font-size:0.18rem;line-height: 38px;position: relative;color: #b91420;padding-left: 10px; width: 100%;text-align: center;}
.bannerBox .slick-dots li button::before{content: "0";font-size: 0.18rem;font-weight: 100; color: #b91420;position: absolute;left: 5px;top: 0;line-height: 38px;}
.bannerBox .slick-dots li.slick-active button{font-size: 0.18rem;line-height: 38px;padding-left: 10px;width: 100%;text-align: center;color: #fff;}
.bannerBox .slick-dots li.slick-active button::before{content: "0";font-size: 0.18rem;color: white;position: absolute;left: 5px;top: 0;line-height: 38px;}
.bannerBox .slick-prev,.bannerBox .slick-next{display: none !important;}
@media (max-width: 1560px) {
}
@media (max-width: 1000px) {
.m_header_box, .m_header_box header, #m_header #logo { height: 60px; }
}
@media (max-width: 1200px) {
}
@media (max-width: 850px) {
.bannerBox .slick-dots{bottom: 0.1rem;}
.banner a { height: 100%; width: 100%; }
.banner img { position: relative; top: 0px; left: 0px; transform: translate3d(0px, 0px, 0px); width: 100%; }
}
@media (max-width: 414px) {
}
@media (max-width: 992px) {
#gotop { right: 0px; transform: scale(0.6); bottom: 0.8rem; }
#gobottom {display: none; }
}
.Cotitle{margin-bottom: 0.4rem;}
.CotitleT{margin-bottom: 0.1rem;}
.CotitleT h5{padding-left: 50px;font-size: 0.28rem;color: #323232;font-weight: bold;background: url(../images23/title01.png) no-repeat left center;background-size: contain;}
.CotitleT .more a{display: block;line-height: 0.28rem; padding-left: 46px;background: url(../images23/more.png) no-repeat left center;font-size: 0.14rem;color: #323232;transition: 0.6s all;}
.CotitleT .more a:hover{color: #b91420;padding-left: 40px;transition: 0.6s all;}
.CotitleB{position: relative;}
.CotitleB::after{content: "";width: 100%;background: #b3b3b3;height: 2px;position: absolute;left: 0;top: 50%;margin-top: -1px;}
.CotitleB i{position: relative;z-index: 2; background: #fffdfa;padding: 0 0.1rem; font-style: normal;margin-left: 0.8rem;font-size: 0.12rem;color: #c8212d;font-weight: bold;text-transform: uppercase;}
/* part1 start */
.part1{padding: 0.8rem 0;background: url(../images23/part1BG.jpg) no-repeat center;background-size: cover;}
.part1Con{align-items: flex-start;}
.part1L{width: 47.36%;overflow: hidden;}
.part1L .swiper-slide a{display: block;position: relative;}
.part1L .swiper-slide .pic{overflow: hidden;}
.part1L .swiper-slide .pic img{display: block;width: 100%;object-fit: cover;transition: 0.6s all;height: 450px;}
.part1L .swiper-slide .text{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images23/part1-02.png) repeat-x bottom;}
.part1L .swiper-slide .text p{position: absolute;left: 0.35rem;right: 0.35rem;bottom: 0.2rem;width: calc(100% -1.2rem);font-size: 0.18rem;color: #fff;line-height: 0.28rem;}
.part1L .swiper-pagination{width: auto !important;right: 0.3rem;bottom: 0.2rem;left: auto !important;}
.part1L .swiper-pagination-bullet{width: 0.1rem;height: 0.1rem;border: 1px solid #fff;opacity: 1;}
.part1L .swiper-pagination-bullet-active{background: #fff;}
.part1L .swiper-slide:hover .pic img{transform: scale(1.1);transition: 0.6s all;}
.part1R{width: 48.02%;}
.part1R li a{margin-bottom: 0.2rem;padding-bottom: 0.21rem;border-bottom: 1px dashed #737373;}
.part1R li .time{width: 64px;height: 60px;background: #b91420;}
.part1R li .time .day{font-size: 0.22rem;color: #fff;text-align: center;padding: 0.06rem 0;}
.part1R li .time .year{font-size: 0.12rem;color: #fff;text-align: center;}
.part1R li .text{width: calc(100% - 90px);}
.part1R li .text h5{font-size: 0.18rem;color: #323232;line-height: 0.28rem;height: 0.28rem;overflow: hidden;transition: 0.6s all;}
.part1R li .text p{font-size: 0.14rem;color: #737373;line-height: 0.24rem;height: 0.24rem;overflow: hidden;}
.part1R li:hover .text h5{color: #b91420;transition: 0.6s all;}
@media (max-width: 1400px) {
.part1L .swiper-slide .pic img{height: 406px;}
}
@media (max-width: 1201px) {
.part1L .swiper-slide .pic img{height: 346px;}
.con h1 span {display: none !important;}
}
@media (max-width: 1000px) {
.part1L .swiper-slide .pic img{height: 287px;}
}
@media (max-width: 850px) {
.part1{padding: 0.4rem 0;}
.Cotitle{margin-bottom: 0.2rem;}
.part1L .swiper-slide .pic img{height: auto;}
.part1L{width: 100%;margin-bottom: 0.2rem;}
.part1R{width: 100%;}
}
@media (max-width: 550px) {
.part1L .swiper-slide .pic img{height: 287px;}
}
/* part1 end */
/* part2 start */
.part2{padding: 0.7rem 0 1rem 0;background: url(../images23/part2BG.jpg) no-repeat center;background-size: cover;}
.part2L{width: 48%;}
.part2L .CotitleT h5{background: url(../images23/title03.png) no-repeat left center;background-size: contain;}
.part2L li a{margin-bottom: 0.2rem;padding-bottom: 0.2rem;border-bottom: 1px solid #d9d9d9;}
.part2L li .time{width: 58px;}
.part2L li .time .day{width: 58px;height: 0.4rem;line-height: 0.4rem;background: #434343;font-size: 0.3rem;color: #fff;text-align: center;font-weight: 600;transition: 0.6s all;}
.part2L li .time .year{font-size: 0.12rem;color: #999999;text-align: center;margin: 0.06rem 0 0.08rem 0;}
.part2L li .time .week{width: 0.56rem;height: 0.24rem;line-height: 0.24rem;border: 1px solid #eab514;border-radius: 0.12rem;font-size: 0.12rem;color: #eab514;text-align: center;}
.part2L li .text{width: calc(100% - 88px);}
.part2L li .text h5{font-size: 0.18rem;color: #323232;line-height: 0.28rem;height: 0.28rem;overflow: hidden;margin-bottom: 0.2rem;transition: 0.6s all;}
.part2L li .text p{font-size: 0.14rem;color: #999999;line-height: 0.24rem;height: 0.48rem;overflow: hidden;}
.part2L li:hover .time .day{background: #b91420;transition: 0.6s all;}
.part2L li:hover .text h5{color: #b91420;transition: 0.6s all;}
@media (max-width: 850px) {
.part2L{width: 100%;}
.part2L+.part2L{margin-top: 0.3rem;}
.part2{padding: 0.4rem 0;}
}
/* part2 end */
/* part3 start */
.part3{position: relative;padding: 0.8rem 0;}
.part3::after{content: "";display: block;position: absolute;right: 0;top: 0;bottom: 0;left: 50%;margin-left: 520px;background: url(../images23/part3-bg02.jpg) no-repeat center;background-size: cover;}
.part3 .w152{position: relative;z-index: 2;}
.part3 ul{width: 75.65%;border-top: 1px dashed #999999;}
.part3 li{width: 25%;background: #fff; border-left: 1px dashed #999999;border-bottom: 1px dashed #999999;transition: 0.6s all;}
.part3 li:last-child{width: 50%;}
.part3 li a{display: block;padding: 0.3rem 0.2rem;}
.part3 li .pic{display: table;margin: 0 auto;height: 62px;}
.part3 li .pic .icon img,.part3 li .pic .iconOn img{display: block;max-width: 100%;}
.part3 li .pic .iconOn{display: none;}
.part3 li p{margin-top: 0.15rem;text-align: center;font-size: 0.18rem;color: #323232;line-height: 0.28rem;}
.part3 li:last-child{display: flex;align-items: center;}
.part3 li:last-child a{width: 100%; display: flex;align-items: center;align-content: center;justify-content: center;}
.part3 li:last-child .pic{margin: 0;height: 44px;}
.part3 li:last-child p{line-height:44px;margin-top: 0;padding-left: 0.25rem;}
.part3 li:hover{background: url(../images23/part3-bg03.jpg) no-repeat center;background-size: cover;transition: 0.6s all;}
.part3 li:hover .pic .icon{display: none;}
.part3 li:hover .pic .iconOn{display: block;}
.part3 li:hover .pic img{-webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
.part3 li:hover p{color: #fff;}
.part3 li:last-child:hover{background: #b91420;}
.part3 .part3Tit{display: flex;padding: 0.1rem; justify-content: center;align-items: center; width: 24.35%;background: url(../images23/part3-bg01.jpg) no-repeat center;background-size: cover;}
.part3 .part3Tit h5{width: 50px;font-size: 0.36rem;color: #fff;font-weight: bold;text-shadow: 0px 0px 13.58px rgba(0, 0, 0, 0.43);}
@-webkit-keyframes circleProgressLoad_right{
0%{
-webkit-transform: rotate(45deg);
}
50%{
-webkit-transform: rotate(225deg);
}
100%{
-webkit-transform: rotate(225deg);
}
}
@-webkit-keyframes circleProgressLoad_left{
0%{
-webkit-transform: rotate(45deg);
}
50%{
-webkit-transform: rotate(45deg);
}
100%{
-webkit-transform: rotate(225deg);
}
}
@keyframes jello {
from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }
22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}
@media (max-width: 850px) {
.part3{padding: 0.4rem 0;}
.part3::after{display: none;}
.part3 li{width: 33.333%;}
.part3 li:nth-child(10){width: 50%;}
}
@media (max-width: 540px) {
.part3 ul{width: 100%;order: 2;border-right: 1px dashed #999999;}
.part3 .part3Tit{width: 100%;order: 1;padding: 0.2rem 0;}
.part3 .part3Tit h5{width: 100%;text-align: center;}
}
@media (max-width: 410px) {
.part3 li{width: 50%;}
.part3 li:last-child{width: 100%;}
}
/* part3 end */
/* part4 start */
.part4{padding: 0.8rem 0 0.6rem 0;background: url(../images23/part4BG.jpg) no-repeat center;background-size: cover;}
.part4T{overflow: hidden;margin-bottom: 0.6rem;position: relative;}
.part4T .swiper-slide{filter: brightness(1);}
.part4T .swiper-slide a{display: block;overflow: hidden;}
.part4T .swiper-slide img{display: block;width: 100%;transition: 0.6s all;}
.part4T .swiper-slide:hover img{transform: scale(1.1);transition: 0.6s all;}
.part4T .swiper-button-next,.part4T .swiper-button-prev{width: 30px;height: 50px;margin-top: -25px;border: none;border-radius: 0;margin-left: 0;}
.part4T .swiper-button-next{right: 0;left: auto; background: url(../images23/jtR.png) no-repeat center;z-index: 999;}
.part4T .swiper-button-prev{left: 0; background: url(../images23/jtL.png) no-repeat center;z-index: 9;}
.part4B li{width: 10.6%;}
.part4B li a{display: block;padding: 0.12rem 0.1rem;border: 1px solid #d9d9d9;border-radius: 0.24rem;transition: 0.6s all;}
.part4B li p{text-align: center;font-size: 0.16rem;color: #323232;line-height: 0.24rem;}
.part4B li:hover a{background: #b91420;border: 1px solid #b91420;transition: 0.6s all;}
.part4B li:hover p{color: #fff;}
@media (max-width: 1000px) {
.part4B li{width: 12%;}
}
@media (max-width: 850px) {
.part4{padding: 0.4rem 0;}
.part4T{margin-bottom: 0.2rem;}
.part4B ul{margin-bottom: -0.1rem;}
.part4B li{width: 24%;margin-bottom: 0.1rem;}
}
@media (max-width: 660px) {
.part4B li{width: 33%;}
.part4B li+li+li+li+li+li+li{width: 49%;}
}
@media (max-width: 440px) {
.part4B li{width: 49%;}
}
/* part4 end */
/* footer start */
.footer{background: url(../images23/footerBG.jpg) no-repeat center;padding: 0.3rem 0;background-size: cover;}
.footer .w152{align-items: center;}
.footerL{width: 58%;}
.footerL p{font-size: 0.14rem;color: #a6a6a6;line-height: 0.3rem;}
.footerL p a{color: #a6a6a6;margin-right: 0.2rem;transition: 0.6s all;}
.footerL p a:hover{color: #fff;transition: 0.6s all;}
.footerR{width: 10%;flex-wrap: nowrap;}
.footerR li{margin-left: 0.1rem;}
.footerR li .pic{margin-bottom: 0.1rem;}
.footerR li .pic img{display: block;max-width: 130px;width: 100%;}
.footerR li p{font-size: 0.14rem;color: #a6a6a6;text-align: center;}
@media (max-width: 850px) {
.footerL{width: 100%;margin-bottom: 0.2rem;}
.footerL p{text-align: center;}
.footerR{width: 100%;justify-content: center;}
}
/* footer end */
@media (max-width: 1200px) {
}
@media (max-width: 850px) {
}
/* list */
.listBanner { position: relative; }
.listBanner .pic { position: relative; }
.listBanner .pic img { display: block; width: 100%; }
.ar_wap { display: none; }
#nav_slide { background: #b91420; line-height: 50px; position: relative; z-index: 2; }
#nav_slide #bnt_back { position: absolute; left: 0.16rem; top: -2px; }
#nav_slide #bnt_back img { height: 20px; vertical-align: middle; }
#nav_slide .n_title { height: 50px; }
#nav_slide h1 { font-size: 0.26rem; color: rgb(255, 255, 255); text-align: center; }
#bnt_sub_nav { position: absolute; right: 0.16rem; top: 14px; 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 { }
#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: #b91420; }
#sub_nav_content ul li ul { display: none; }
#nav_slide { display: none; }
.n_container { padding: 0.3rem 0px 1rem; /*background:#f5f5f5 url(../images23/nBG.png) no-repeat bottom center;*/background:#f5f5f5; background-size: 100%;}
.n_container .w143{position: relative;}
.firstNav{position: absolute;left: 15px;top: 0;}
.firstNav h1{font-size: 0.4rem; color: #323232;font-family: sysb;}
.n_container .n_left { float: left; width: 250px; position: relative; z-index: 1; }
.n_container .n_left h1 { font-size: 0.18rem;
color: #323232;
position: relative;
font-weight: bold;
background: #fff;
padding: 0.2rem 0; border-radius: 5px 5px 0 0; border-bottom: 1px #eee solid;}
.n_container .n_left h1 span { position: relative; display: inline; font-family: Arial, Helvetica, sans-serif; /*margin-bottom: 0.3rem; */}
.n_container .n_left ul { padding: 0px; position: relative; background: rgb(255, 255, 255);border-radius: 5px 5px 0 0; }
.n_container .n_left .con ul li { line-height: 50px; font-size: 16px; color: rgb(50, 50, 50); position: relative; }
.n_container .n_left .con ul li.on dl { display: block !important; }
.n_container .n_left .con ul li::before { content: ""; position: absolute; bottom: 0px; left: 0px; right: 0px; height: 1px; background: #eee; }
.n_container .n_left .con ul li::after { content: ""; width: 0px; height: 100%; background: #b91420; position: absolute; left: 0px; top: 0px; transition: all 0.6s ease 0s; }
.n_container .n_left .con ul li > a img { margin: -3px 20px 0px 0px; }
.n_container .n_left .con ul li.on::after, .n_container .n_left .con ul li:hover::after { width: 100%; transition: all 0.6s ease 0s; }
.n_container .n_left .con ul li > a { z-index: 1; margin: 0px 20px; color: rgb(50, 50, 50); display: block; transition: all 0.36s ease 0s; position: relative; }
.n_container .n_left .con ul li > a:hover, .n_container .n_left .con ul li.on > a { color: rgb(255, 255, 255); }
.n_container .n_left .con ul li dl { display: none; position: relative; margin: 20px; background: rgb(255, 255, 255); }
.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; }
.n_container .n_left .con ul li dl dd a { font-size: 14px; padding: 0px 10px; position: relative; line-height: 32px; transition: all 0.6s ease 0s; display: block; z-index: 1; color: rgb(68, 68, 68) !important; }
.n_container .n_left .con ul li dl dd a::before { content: ""; position: absolute; inset: 0px; transition: all 0.6s ease 0s; background: rgb(206, 180, 114); opacity: 0; visibility: hidden; z-index: -1; }
.n_container .n_left .con ul li dl dd.on a::before, .n_container .n_left .con ul li dl dd:hover a::before { opacity: 1; visibility: visible; }
.n_container .n_left .con ul li i.up { }
.n_container .n_left .con ul li i { width: 20px; height: 70px; position: absolute; right: 0px; top: 0px; transition: all 0.36s ease 0s; cursor: pointer; font-family: simsun; font-style: normal; font-size: 0.2rem; color: rgb(51, 51, 51); }
.n_container .n_left .con ul li.on i { color: #b91420; font-weight: bold; }
.n_container .n_left .con ul li dl dd a:hover, .n_container .n_left .con ul li dl dd.on a { color: rgb(255, 255, 255) !important; }
.n_container .n_right { width: calc(100% - 285px); min-height: 600px; background: #fff; }
.position {margin-bottom: 0.1rem;
margin-top: 0.1rem;
padding-left: 0.1rem;
display: flex;
justify-content: flex-start;}
.position p { line-height: 0.38rem; font-size: 0.14rem; color: rgb(153, 153, 153); padding-left: 30px; background: url("../images23/position.png") left center no-repeat; }
.position p a { color: rgb(153, 153, 153); transition: all 0.6s ease 0s; }
.position p a:hover { color: #b91420; transition: all 0.6s ease 0s; }
.n_rightBox {background: rgb(255, 255, 255);
padding: 0.4rem;
border-top: 2px #b91420 solid;min-height: 600px;}
.n_rightBox ul{min-height: 600px;}
.fy { margin-top: 0.4rem; }
.fy img { display: table; margin: 0px auto; max-width: 100%; }
@media (max-width: 1200px) {
.header_box_wai { display: none; }
.n_container .n_position { display: none; }
.n_container .n_left { display: none; }
.n_container .n_right { width: 100%; padding: 0px; }
#nav_slide { display: block; }
.position { margin-bottom: 0.15rem; }
.n_container { padding: 0.15rem 0px 1rem; }
.n_rightBox{padding: 0.2rem;}
.firstNav{display: none;}
}
/* 新闻列表页 */
.n_list01 li a{/*display: block;*/display: flex;
margin-bottom: 0.1rem;
padding-bottom: 0.1rem;
border-bottom: 1px dashed rgb(211, 213, 220);
justify-content: space-between; align-items: center;}
.n_list01 li em{font-size: 0.14rem;color: rgb(139, 140, 145);font-family: "times new roman";font-style: normal;line-height: 0.2rem;padding-left: 22px;background: url(../images23/time.png) left center no-repeat;}
.n_list01 li p{margin-top: 0.05rem;line-height: 0.28rem;font-size: 0.18rem;color: rgb(50, 50, 50);transition: all 0.6s ease 0s;transition: 0.6s all;}
.n_list01 li:hover p{color: #b91420;transition: 0.6s all;}
/* 提图列表页 */
.n_list02 li a{margin-bottom: 0.2rem;padding-bottom: 0.2rem;border-bottom: 1px dashed rgb(211, 213, 220);}
.n_list02 li:last-child a{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
.n_list02 li .pic{width: 300px;}
.n_list02 li .pic img{display: block;width: 100%;height: 200px;object-fit: cover;}
.n_list02 li .text{width: calc(100% - 320px);}
.n_list02 li .text h5{font-size: 0.18rem;color: rgb(50, 50, 50);line-height: 0.28rem;height: 0.56rem;overflow: hidden;font-weight: 600;margin-bottom: 0.2rem;transition: all 0.6s ease 0s;transition: 0.6s all;}
.n_list02 li .text em{font-size: 0.14rem;color: rgb(139, 140, 145);font-family: "times new roman";font-style: normal;line-height: 0.2rem;padding-left: 22px;background: url(../images23/time.png) left center no-repeat;}
.n_list02 li .text p{margin-top: 0.2rem;font-size: 0.14rem;color: #999;line-height: 0.24rem;height: 0.72rem;overflow: hidden;}
.n_list02 li:hover .text h5{color: #b91420;transition: 0.6s all;}
.n_list02 li .text1{width: 100%;}
.n_list02 li .text1 h5{font-size: 0.18rem;color: rgb(50, 50, 50);line-height: 0.28rem;/*height: 0.56rem;*/overflow: hidden;font-weight: 600;margin-bottom: 0.2rem;transition: all 0.6s ease 0s;transition: 0.6s all;}
.n_list02 li .text1 em{font-size: 0.14rem;color: rgb(139, 140, 145);font-family: "times new roman";font-style: normal;line-height: 0.2rem;padding-left: 22px;background: url(../images23/time.png) left center no-repeat;}
.n_list02 li .text1 p{margin-top: 0.2rem;font-size: 0.14rem;color: #999;line-height: 0.24rem;height: 0.72rem;overflow: hidden;}
.n_list02 li:hover .text1 h5{color: #b91420;transition: 0.6s all;}
@media (max-width: 850px) {
.n_list02 li .pic{width: 240px;}
.n_list02 li .pic img{height: 160px;}
.n_list02 li .text{width: calc(100% - 260px);}
.n_list02 li .text p{margin-top: 0.15rem;}
.n_list02 li .text1{width: 100%;}
.n_list02 li .text1 p{margin-top: 0.15rem;}
}
@media (max-width: 580px) {
.n_list02 li .pic{width: 100%;}
.n_list02 li .pic img{height: auto;}
.n_list02 li .text{width: 100%;margin-top: 0.2rem;}
.n_list02 li .text1{width: 100%;margin-top: 0.2rem;}
.show02 img { max-width: 100%; height: auto !important;margin: 2px auto; display: block;}
}
/* 内容页 */
.show01 { margin-bottom: 0.4rem; }
.show01 h5 { font-size: 0.21rem !important; line-height: 0.36rem !important; overflow: hidden; text-align: center; font-weight: bold; margin-bottom: 0.24rem; }
.show01 p { background: rgb(247, 247, 246); padding: 0.16rem 0.1rem; text-align: center; }
.show01 p em { font-style: normal; display: inline-block; margin: 0px 0.05rem; font-size: 0.14rem; color: rgb(50, 50, 50); }
.show02 p { font-size: 0.16rem !important;
color: rgb(50, 50, 50) !important;
line-height: 0.3rem !important;
font-family: 宋体 !important;margin: 0.1rem 0;text-indent: 0.36rem; }
.show02 p span { text-indent: 0.36rem; font-size: 0.16rem !important; color: rgb(50, 50, 50) !important; line-height: 0.36rem !important;}
.show02 img { height: auto !important;margin: 2px auto; }
.show02 p video { width: 100%; height: auto; }
.show03 { padding-top: 0.3rem; border-top: 1px solid rgb(204, 204, 204);margin-top: 0.3rem; }
.show03 p { margin-bottom: 0.2rem; font-size: 0.16rem; line-height: 0.28rem; color: rgb(50, 50, 50);}
.show03 p a { color: rgb(50, 50, 50); transition: all 0.6s ease 0s; }
.show03 p + p { margin-bottom: 0px; }
.show03 p a:hover { color: #b91420; transition: all 0.6s ease 0s; }
.pb_sys_style1 .p_no_d {
border: 1px solid #b91420 !important;
color: #fff;
background-color: #b91420 !important;
}
.more-type-style2 .type-title > .title-icon {
display: inline-block;
width: 6px;
height: 16px;
margin-right: 8px;
}
.bg-theme {
background-color: rgb(176, 37, 42) !important;
}
#vsb_content_2 IMG {
border-bottom: #ccc 0px solid !important;
border-left: #ccc 0px solid !important;
border-top: #ccc 0px solid !important;
border-right: #ccc 0px solid !important;
}