* { 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 { }

.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; }
.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%; }
.w14 { max-width: 14rem; margin: 0px auto;width: 100%; }
.w12 { max-width: 12rem; margin: 0px auto; }
.w162 { max-width: 16.2rem; margin: 0px auto; }
.w18 { width: calc(100% - 1.2rem); margin: 0px 0.6rem; }
@media (max-width: 1620px) {
  .w162 {width: 95%;}
}
@media (max-width: 1200px) {
  .w12 { width: 95%;}
}
.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: 30px; box-sizing: border-box; text-align: center; cursor: pointer; transition: all 0.5s ease 0s;  }
#gotop.hide {width: 50px; height: 50px;opacity: 1;}
#gotop img{display: block;width: 50px;}
#gotop { cursor: pointer; }
#gotop svg { width: 100%; height: 100%; fill: rgb(13, 113, 230);}

@media (max-width: 1920px) {
  html { font-size: 16px; }
  table { width: 100% !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; white-space: nowrap; width: 100% !important; }
}
@media (min-width: 329px) and (max-width: 470px) {
  html { font-size: 12px; }
  table { display: flex; overflow-x: auto; white-space: nowrap; width: 100% !important; }
}
@media (max-width: 328px) {
  html { font-size: 12px; }
  table { display: flex; overflow-x: auto; white-space: nowrap; width: 100% !important; }
}
.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%; transition: all 0.6s ease 0s; padding:0.1rem 0;position: relative;}
#header .w162{align-items: flex-end;}
.headerNav {position: relative;}
.header .search_btn{ cursor: pointer; text-align: center; transition: all 0.6s ease 0s;display: block;position: relative; }
.header .toplinks{margin-bottom: 0.15rem;justify-content: flex-end;}
.header .toplinks img{display: block;max-width: 3.19rem;max-height: 0.25rem;}
.header .toplinks a:hover{color: #123fa6;transition: 0.6s all;}
#logo { width: 20.37%;}
#logo a { display: block; }
#logo a img { display: block; max-width: 100%; }
.header{width: 70%;}
@media (max-width: 1500px) {
  #m_header #logo { width: 50%; }
  #logo img { width: 100%; }
}
@media (max-width: 850px) {
  .header_box { height: 0.5rem; }
  #m_header #logo{width: 85%;}
}
@media (max-width: 414px) {
  .header_box { height: 0.5rem; }
}
@media (max-width: 340px) {

}
.topLink .phone{margin-bottom: 0.06rem;}
.topLink .phone p{font-size: 0.14rem;color: #fff;text-align: right;line-height: 0.22rem;}
.topLink{justify-content: flex-end;margin-bottom: 0.04rem;line-height: 0.2rem;}
.topLink dl{justify-content: flex-end;}
.topLink dd{margin-left: 0.15rem;padding-left: 0.15rem;position: relative;}
.topLink dd::after{content: "";width: 0.01rem;height: 0.05rem;background: #fff;position: absolute;left: 0;top: 50%;margin-top: -0.02rem;}
.topLink dd:first-child::after{display: none;}
.topLink dd a{display: block;font-size: 0.14rem;color: rgb(255,255,255);transition: 0.6s all;}
.topLink dd a:hover{color: rgba(255,255,255,0.6);transition: 0.6s all;}
.headerNav{align-items: center;}
#nav { width: calc(100% - 0.5rem); position: relative;}
#nav ul { position: relative;}
#nav ul li { position: relative; z-index: 9; }
#nav ul li a { display: block; padding: 0px; }
#nav ul li h3 { font-size: 0.2rem;color: #323232;font-weight: 600; line-height: 0.5rem; position: relative; transition: all 0.6s ease 0s; }
#nav ul li:hover a h3 {color: #123fa6;}
#nav ul li:hover a { color: rgb(255, 255, 255); }
#nav ul li.on h3 { font-weight: bold; }
#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: 120px; left: 50%; margin-left: -60px; z-index: 10000; visibility: hidden; opacity: 0; transition: all 0.5s ease 0s; }
#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: #123fa6;font-weight: 600; background: rgb(229, 229, 229); }
#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: #123fa6;border-bottom: 1px solid #123fa6; }
#nav .navBox > ul > li h3::after { content: ""; display: block; width: 200px; height: 3px; position: absolute; left: 50%; margin-left: -100px; background: #123fa6; bottom: -1px; transition: all 0.3s ease 0s; transform: scale(0); border-radius: 0px; }
#nav .navBox > ul > li:last-child h3::after { left: auto; margin-left: 0px; right: 0px; }
#nav .navBox > ul > li h3::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 #970fbe; bottom: 2px; transition: all 0.3s ease 0s; opacity: 0; visibility: hidden; }
#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; margin-top: 0px;border-top: none;background: #fff;box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.18);}
.header_box.xg .#header{padding: 0.1rem 0;}
.header_box.xg .headerflex { margin-top: 0px; }
.header_box.xg #logo a img {/* width: 70%; */ }
#nav {/* display: flex; justify-content: flex-end; align-items: center; */}
#logo .logo_black { display: none; }
.top_search_black { display: none; }
.header_box.xg { top: 0px; }
.header_box.xg #logo .logo_black, .header_box.xg .top_search_black { display: inline-block; }
.header_box.xg .top_search_white { display: none; }
.header_box.xg .topLink{margin-bottom: 0;}
.header_box.xg #logo{width: 12%;}
@media (max-width: 1200px) {
  .header_box { display: none; }
}
@media (max-width: 850px) {
  
  #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;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("../images/search.png") center center no-repeat #fff; 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(); 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("../images/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;position: relative; width: 100%; margin-bottom: 1rem; }
.tc_search .keyword { font-size: 0.18rem; 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 16px; }
.tc_search .btn_blue { position: absolute; right: 0px; width: 40px; height: 40px; line-height: 38px; border: 0px; background: url("../images/search_white.png") 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;}
#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: #123fa6; }
#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: #123fa6; }
#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: #123fa6;
}
#m_nav p{}
#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("../images/arrow_down.png"); 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("../images/arrow_down_on.png") 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: #0a5aa8; }
#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: "??????莽炉鈥????猫路炉??a茅鈥澟该┾?溌懊柯????茅鈥澟该р?÷????忙沤鲁"; 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); }
#m_nav p{text-align: center;width: 100%;}
#m_nav>p{margin-bottom: 15px;}
#m_nav p img{display: table;margin: 0 auto; max-width: 3.19rem;max-height: 0.25rem;width: 95%;}


.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: 70px; }
#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: 70px;position: fixed; top: 0px; left: 0px; right: 0px; z-index: 100;background: #fff;box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.18);}
#m_header #logo { float: left; height: 50px;margin-top: 10px; }
#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_top { height: 2.5rem; }
.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; }
.menu-pc{position: absolute;top: 0;right: 0;cursor: pointer;z-index: 12;}
.menu-pc img{display: block;}
.nav-pc{position: absolute;top: 0;left: 0;right: 0;height: 100vh;z-index: 10;background-repeat: no-repeat;background-position: center;-o-background-size: cover;background-size: cover;display: none;}
.nav-pc .navBox{position: absolute;top: 162px;left: 10%;bottom: 0;overflow-y: auto;width: 80%;align-items: flex-start !important;}
.nav-pc .navBox dt{font-size: 0.2rem;font-weight: bold;margin-bottom: 0.3rem;}
.nav-pc .navBox dt a{color: #fff;transition: 0.6s all;}
.nav-pc .navBox dt a:hover{opacity: 0.6;transition: 0.6s all;}
.nav-pc .navBox dd{margin-bottom: 0.2rem;}
.nav-pc .navBox dd a{color: #fff;font-size: 0.16rem;transition: 0.6s all;}
.nav-pc .navBox dd a:hover{opacity: 0.6;transition: 0.6s all;}
#m_nav .phone{padding: 0 0.3rem;}
#m_nav .phone p{font-size: 0.14rem;color: #fff;line-height: 0.24rem;text-align: left;margin-bottom: 0.05rem;}
@media (max-width: 1820px) {
  #header .w163{margin: 0 100px;width: calc(100% - 200px);}
}
@media (max-width: 1200px) {
  .m_header_box { display: block; }
  .header_box { display: none; }
}
/* banner */
.bannerBox{position: relative;}
.bannerBox .swiper-container{max-width: 100%;}
.bannerBox{width:100%;position: relative;z-index: 1;}
.bannerBox .swiper-slide a{display: block;position: relative;}
.bannerBox img{display: block;width: 100vw;height: calc(100vh - 130px); position: relative;object-fit: cover;}
.bannerBox .swiper-pagination{bottom: 0.3rem !important;}
.bannerBox .swiper-pagination-bullet{width: 15px;height: 15px;border-radius: 50%;opacity: 1;border: 0.01rem solid #fff;background: transparent; margin: 0 8px !important;position: relative;}
.bannerBox .swiper-pagination-bullet-active{background: #fff;}
.bannerBox .swiper-button-prev,.bannerBox .swiper-button-next{display: none; width: 0.82rem;height: 0.82rem;border: none;border-radius: 50%;margin-top: -0.41rem;margin-left: 0;opacity: 1;}
@media(max-width: 1400px){
	.bannerBox .text{width: 100%;left: 0;margin-left: 0;}
	.bannerBox .text p{width: 95%;margin: 0 auto;}
}
@media(max-width: 1200px){
	.bannerBox .swiper-slide a::after{display: none;}
	.bannerBox img{height: 40vw;}
	.bannerBox .swiper-pagination-bullet{margin: 0 0.1rem !important;}
}
@media(max-width: 850px){
	.banner a{height: 100%;width: 100%;}
	.bannerBox img{height: 40vw;}
	.bannerBox .swiper-button-prev, .bannerBox .swiper-button-next{display: none;}
}	
@media(max-width: 540px){
	.bannerBox .swiper-pagination{bottom: 0.15rem !important;}
}

/* banner end */
/* part1  */
.part1{background: #f3f5fa url(../images/part1BG.png) no-repeat bottom center;padding: 0.8rem 0;}
.Cotitle{margin-bottom: 0.4rem;padding-left: 0.6rem;}
.Cotitle h5{padding-bottom: 0.2rem;display: table;margin: 0 auto;font-size: 0.4rem;font-weight: 600;position: relative;}
.Cotitle h5::after{content: "";width: 0.4rem;height: 0.04rem;background: #123fa6;position: absolute;left: 50%;margin-left: -0.2rem;bottom: 0;}
.Cotitle .more{width: 0.6rem;height: 0.24rem;line-height: 0.24rem;border-radius: 0.12rem;border: 0.01rem solid #123fa6;transition: 0.6s all;}
.Cotitle .more a{display: block;text-align: center;font-size: 0.14rem;color: #123fa6;transition: 0.6s all;}
.Cotitle .more:hover{background: #123fa6;transition: 0.6s all;}
.Cotitle .more:hover a{color: #fff;transition: 0.6s all;}
.Cotitle h5:hover a{color: #123fa6;}
.part1T{margin-bottom: 0.8rem;}
.part1TL{width: 58.64%;}
.part1TL .swiper-slide{padding-top: 0.06rem;}
.part1TL .swiper-slide a{display: block;}
.part1TL .swiper-slide .pic{position: relative;}
.part1TL .swiper-slide .pic .time{position: absolute;z-index: 3; top: -0.06rem;left: 0.3rem;width: 0.56rem;height: 0.62rem;background: rgba(18,63,166,0.9);}
.part1TL .swiper-slide .pic .time .day{font-size: 0.3rem;color: #fff;text-align: center;font-family: impact;margin: 0.08rem 0;}
.part1TL .swiper-slide .pic .time .year{font-size: 0.12rem;color: #fff;text-align: center;}
.part1TL .swiper-slide .pic .img{overflow: hidden;}
.part1TL .swiper-slide .pic .img img{display: block;width: 100%;transition: 0.6s all;height: 5.7rem;object-fit: cover;}
.part1TL .swiper-slide .text{background: #fff;padding: 0.4rem;}
.part1TL .swiper-slide .text h5{font-size: 0.22rem;color: #323232;font-weight: bold;line-height: 0.3rem;height: 0.3rem;overflow: hidden;margin-bottom: 0.28rem;transition: 0.6s all;}
.part1TL .swiper-slide .text p{font-size: 0.14rem;color: #999999;line-height: 0.24rem;height: 0.48rem;overflow: hidden;}
.part1TL .swiper-pagination{position: relative;bottom: auto;margin-top: 0.5rem;}
.part1TL .swiper-pagination-bullet{width: 0.13rem;height: 0.13rem;border: 1px solid #123fa6;opacity: 1;background: transparent;margin: 0 0.08rem !important;}
.part1TL .swiper-pagination-bullet-active{background: #123fa6;}
.part1TL .swiper-slide:hover .pic .img img{transform: scale(1.1);transition: 0.6s all;}
.part1TL .swiper-slide:hover .text h5{color: #123fa6;transition: 0.6s all;}
.part1TR{width: 36.3%;}
.part1TR li{margin-bottom: 0.34rem;padding-top: 0.06rem;}
.part1TR li a{display: block;position: relative;}
.part1TR li .time{position: absolute;z-index: 3; top: -0.06rem;left: 0.3rem;width: 0.56rem;height: 0.62rem;background: rgba(18,63,166,0.9);}
.part1TR li .time .day{font-size: 0.3rem;color: #fff;text-align: center;font-family: impact;margin: 0.08rem 0;}
.part1TR li .time .year{font-size: 0.12rem;color: #fff;text-align: center;}
.part1TR li .pic{overflow: hidden;position: relative;}
.part1TR li .pic::after{content: "";width: 100%;height: 100%;background: url(../images/part1-03.png) repeat-x bottom;position: absolute;left: 0;bottom: 0;}
.part1TR li .pic img{display: block;width: 100%;transition: 0.6s all;height: 3.66rem;object-fit: cover;}
.part1TR li .text{position: absolute;bottom: 0.24rem;left: 0;padding: 0 0.2rem;width: 100%;}
.part1TR li .text p{font-size: 0.2rem;color: #fff;text-align: center;line-height: 0.26rem;height: 0.26rem;overflow: hidden;}
.part1TR li:hover .pic img{transform: scale(1.1);transition: 0.6s all;}
.part1B li{width: 31.23%;background: #fff;transition: 0.6s all;}
.part1B li a{padding: 0.4rem;}
.part1B li .time{width: 0.6rem;}
.part1B li .time .day{width: 0.56rem;height: 0.46rem;line-height: 0.46rem;background: #123fa6;display: table;margin: 0 auto;font-size: 0.3rem;color: #fff;text-align: center;font-family: impact;}
.part1B li .time .year{font-size: 0.12rem;color: #999999;text-align: center;margin: 0.1rem 0 0.15rem 0;}
.part1B li .time .date{width: 0.6rem;height: 0.2rem;line-height: 0.2rem;border: 1px solid #123fa6;border-radius: 0.1rem;font-size: 0.12rem;color: #123fa6;text-align: center;}
.part1B li .text{width: calc(100% - 0.8rem);}
.part1B li .text h5{font-size: 0.18rem;color: #323232;line-height: 0.28rem;height: 0.56rem;overflow: hidden;font-weight: 600;margin-bottom: 0.2rem;transition: 0.6s all;}
.part1B li .text p{font-size: 0.14rem;color: #999999;line-height: 0.24rem;height: 0.72rem;overflow: hidden;}
.part1B li:hover{box-shadow: 0px 4px 45.08px 0.92px rgba(43, 63, 73, 0.15);transition: 0.6s all;}
.part1B li:hover .text h5{color: #123fa6;transition: 0.6s all;}
@media(max-width: 850px){
.part1TL{width: 100%;}
.part1TL .swiper-slide .pic .img img{height: 56vw;}
.part1TL .swiper-slide .text p{font-size: 0.16rem;}
.part1TR{display: flex;flex-wrap: nowrap;justify-content: space-between;width: 100%;}
.part1TR li{width: 48%;}
.part1TR li .pic img{height: 34vw;}
.part1{padding: 0.5rem 0;}
.Cotitle{margin-bottom: 0.2rem;}
.part1T{margin-bottom: 0.5rem;}
.part1B li{width: 100%;margin-bottom: 0.2rem;}
.part1B li .text h5{height: auto;font-size: 0.22rem;}
.part1B li .text p{font-size: 0.18rem;line-height: 0.28rem;max-height: 0.56rem;height: auto;}
.part1B li .time .year,.part1B li .time .date{font-size: 0.16rem;}
.part1B li .time{width: 0.7rem;}
.part1B li .time .date{width: 0.7rem;line-height: 0.26rem;height: 0.26rem;}
.part1B li .text{width: calc(100% - 0.9rem);}
}

/* part2 */
.part2{background: #eaedf3;position: relative;padding: 0.8rem 0;}
.part2::after{content: "";width: 29.68vw;height: 100%;background: url(../images/part2BG.jpg) no-repeat left center;background-size: cover;position: absolute;left: 0;top: 0;}
.part2 .w162{position: relative;z-index: 3;}
.part2 .Cotitle{width: 0.8rem;padding-left: 0;}
.part2 .Cotitle h5{width: 0.4rem;margin: 0;padding-bottom: 0.6rem;color: #fff;}
.part2 .Cotitle h5 a{opacity: 1;transition: 0.6s all;}
.part2 .Cotitle h5::after{width: 0.04rem;height: 0.4rem;background: #fff;margin-left: -0.02rem;}
.part2 .Cotitle .more{border: 0.01rem solid #fff;position: relative;margin-left: -0.1rem;margin-top: 0.3rem;}
.part2 .Cotitle .more a{color: #fff;}
.part2 .Cotitle .more:hover{background: #fff;transition: 0.6s all;}
.part2 .Cotitle .more:hover a{color: #123fa6;transition: 0.6s all;}
.part2 ul{width: calc(100% - 0.8rem);margin-bottom: -0.4rem;}
.part2 li{width: 48.7%;background: #fff;box-shadow: 0px 1px 30px 0px rgba(98, 98, 98, 0.08);margin-bottom: 0.4rem;transition: 0.6s all;}
.part2 li a{padding: 0.4rem;}
.part2 li .pic{width: 0.7rem;overflow: hidden;position: relative;display: flex;align-items: center;}
.part2 li .pic img{display: block;width: 0.7rem;height: 0.7rem; border-radius: 50%;border: 0.01rem solid #e5e5e5;}
.part2 li .pic::after{content: "";width: 0.01rem;height: calc(50% - 0.45rem);background: #e5e5e5;position: absolute;left: 50%;top: 0;}
.part2 li .pic::before{content: "";width: 0.01rem;height: calc(50% - 0.45rem);background: #e5e5e5;position: absolute;left: 50%;bottom: 0;}
.part2 li .text{width: calc(100% - 0.9rem);}
.part2 li .text h5{font-size: 0.18rem;color: #323232;font-weight: 600;line-height: 0.22rem;height: 0.22rem;overflow: hidden;margin-bottom: 0.2rem;transition: 0.6s all;}
.part2 li .text dl{padding-top: 0.35rem;background: url(../images/part2-02.png) no-repeat left top;position: relative;}
.part2 li .text dl::after{content: "";width: calc(100% - 0.3rem);height: 0.01rem;background: #e5e5e5;position: absolute;right: 0;top: 0.09rem;}
.part2 li .text dl::before{content: "";width: 0.3rem;height: 0.03rem;background: #123fa6;position: absolute;left: 0.3rem;top: 0.08rem;z-index: 2;transition: 0.6s all;}
.part2 li .text dd{margin-bottom: 0.14rem;padding-left: 0.32rem;font-size: 0.14rem;color: #666666; line-height: 0.24rem;height: 0.24rem;overflow: hidden;background: url(../images/part2-03.png) no-repeat left center;background-size: contain;}
.part2 li .text dd+dd{background: url(../images/part2-04.png) no-repeat left center;background-size: contain;}
.part2 li .text dd+dd+dd{background: url(../images/part2-05.png) no-repeat left center;background-size: contain;}
.part2 li:hover .text dl::before{width: calc(100% - 0.3rem);transition: 0.6s all;}
.part2 li:hover{box-shadow: 0px 1px 35px 0px rgba(98, 98, 98, 0.21);transition: 0.6s all;}
.part2 li:hover .text h5{color: #123fa6;transition: 0.6s all;}
.part2 .Cotitle h5 a:hover{opacity: 0.7;transition: 0.6s all;}
@media(max-width: 850px){
.part2{padding: 0.5rem 0;}
.part2 li{width: 100%;margin-bottom: 0.2rem;}
.part2 ul{margin-bottom: -0.2rem;}
.part2 li a{padding: 0.2rem;}
.part2 li .text h5{font-size: 0.22rem;line-height: 0.32rem;height: auto;}
.part2 li .text dd{font-size: 0.18rem;}
}
@media(max-width: 540px){
}
/* video */
.InVideo{margin: 0.8rem auto 0 auto;}
.InVideo li{width: 31.23%;}
.InVideo li a{display: block;position: relative;}
.InVideo li a::after{content: "";width: 100%;height: 100%;background: url(../images/part1-03.png) repeat-x bottom;position: absolute;left: 0;bottom: 0;}
.InVideo li .pic{overflow: hidden;}
.InVideo li .pic img{display: block;width: 100%;transition: 0.6s all;height: 3.4rem;object-fit: cover;transition: 0.6s all;}
.InVideo li .icon{display: block; width: 0.55rem;height: 0.55rem;position: absolute;left: 50%;margin-left: -0.26rem;top: 50%;margin-top: -0.26rem;}
.InVideo li .text{position: absolute;bottom: 0.2rem;left: 0;width: 100%;z-index: 2;}
.InVideo li .text p{padding: 0 0.2rem;font-size: 0.18rem;color: #fff;text-align: center;line-height: 0.2rem;height: 0.2rem;overflow: hidden;}
.InVideo li:hover .pic img{transform: scale(1.1);transition: 0.6s all;}
@media(max-width: 850px){
.InVideo{margin: 0.5rem auto 0 auto;}
.InVideo li{width: 100%;margin-bottom: 0.2rem;}
.InVideo li .pic img{height: 54vw;}
.InVideo li .text p{font-size: 0.22rem;line-height: 0.3rem;height: 0.3rem;}
}
/* part3 */
.part3{margin: 0.8rem auto;}
.part3 li{width: 31.23%;}
.part3 li a{display: block;}
.part3 li .pic{overflow: hidden;}
.part3 li .pic img{display: block;width: 100%;transition: 0.6s all;height: 3.4rem;object-fit: cover;}
.part3 li .text{margin-top: 0.3rem;}
.part3 li .text h5{font-size: 0.18rem;color: #323232;line-height: 0.28rem;height: 0.56rem;font-weight: 600;margin-bottom: 0.2rem;transition: 0.6s all;}
.part3 li .text i{display: table; border: 0.01rem solid #dedede;line-height: 0.34rem;height: 0.34rem;border-radius: 0.17rem;padding: 0 0.3rem;font-size: 0.14rem;color: #999999;font-style: normal;transition: 0.6s all;}
.part3 li:hover .pic img{transform: scale(1.1);transition: 0.6s all;}
.part3 li:hover .text h5{color: #123fa6;transition: 0.6s all;}
.part3 li:hover .text i{border: 0.01rem solid #123fa6;color: #123fa6;transition: 0.6s all;}
@media(max-width: 850px){
.part3{margin: 0.5rem auto;}
.part3 li{width: 100%;margin-bottom: 0.2rem;}
.part3 li .pic img{height: 54vw;}
.part3 li .text h5{height: auto;font-size: 0.22rem;line-height: 0.32rem;}
.part3 li .text i{font-size: 0.16rem;}
}
/* part4 */
.part4{background: #f5f7fb;padding: 0.6rem 0;}
.part4 .w162{position: relative;}
.part4 .w162::after{content: "";width: 0.01rem;height: 100%;background: #e3e6ed;position: absolute;left: 50%;top: 0;}
.part4Con{width: 46%;}
.part4Con h5{font-size: 0.3rem;color: #323232;font-weight: 600;margin-bottom: 0.3rem;}
.part4Con ul{justify-content: flex-start;margin-bottom: -0.2rem;}
.part4Con li{width: 33%;padding-right: 2%;margin-bottom: 0.2rem;}
.part4Con li a{font-size: 0.2rem;color: #323232;padding-left: 0.14rem;background: url(../images/part4-01.png) no-repeat left 0.05rem;transition: 0.6s all;}
.part4Con li:hover a{color: #123fa6;transition: 0.6s all;}
@media(max-width: 850px){
	.part4Con{width: 100%;margin-bottom: 0.4rem;}
	.part4Con+.part4Con{margin-bottom: 0;}
	.part4 .w162::after{display: none;}
	.part4Con li{width: 33.3%;padding-right: 1%;}
}
@media(max-width: 380px){
	.part4Con li{width:50%;padding-right: 1%;}
}
/* part5 */
.fixed{position: fixed;bottom: 0.2rem;left: 1%;z-index: 999999;}
.fixed a{display: block;}
.fixed img{display: block;width: 2.1rem;}
@media(max-width: 850px){
.fixed img{width: 1.2rem;}
}

/* footer start */
.footer{position: relative; padding: 0.3rem 0;background: #123fa6;}
.footer .w162{align-items: center;}
.footerL{width: 27%;}
.footerC{width: 22%;}
.footerR{width: 20%;}
.footerL .pic{overflow: hidden;}
.footerL .pic img{display: table;margin: 0 auto; max-width: 100%;max-height: 1.14rem;}
.footerL p{margin-top: 0.3rem;text-align: center;font-size: 0.16rem;color: #fff;line-height: 0.24rem;}
.footerL p i{font-style: normal;margin-left: 0.3rem;}
.footerC li{font-size: 0.16rem;color: #fff;line-height: 0.3rem;padding-left: 24px;background: url(../images/footer01.png) no-repeat left 5px;}
.footerC li+li{background: url(../images/footer02.png) no-repeat left 10px;}
.footerC li+li+li{background: url(../images/footer03.png) no-repeat left 10px;}
.footerC li+li+li+li{background: url(../images/footer04.png) no-repeat left 10px;}
.footerR{flex-wrap: nowrap;width: 20%;}
.footerR li{max-width: 100px;}
.footerR li .ewm{overflow: hidden;border: 5px solid #fff;border-radius: 0.08rem;}
.footerR li .ewm img{display: block;max-width: 90px;height: 90px;}
.footerR li p{margin-top: 0.12rem;font-size: 0.12rem;color: #b8c9d0;text-align: center;line-height: 0.2rem;}
@media (max-width: 1400px) {
	.footerR{width: 30%;}
}
@media (max-width: 850px) {
	.footerL{width: 100%;}
	.footerL .pic{display: table;margin: 0 auto;}
	.footerL p{text-align: center;}
	.footerC{width: 100%;margin: 0.3rem 0;}
	.footerR{width: 100%;justify-content: center;}
	.footerC li{display: table;margin: 0 auto;}
	.footerR li{margin: 0 0.1rem;}
}
/* footer end */

/* list */

/* */
.list-banner{position: relative;overflow: hidden;}
.list-banner img{display: block;width: 100%;}
#nav_slide{line-height: 50px;position: relative;z-index: 2;display:none;background: #123fa6;}
#nav_slide #bnt_back{ position:absolute; left: 0.15rem; 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: #fff;text-align: center;}
#bnt_sub_nav{position: absolute;right: 0.15rem;top: 14.5px;cursor: pointer;}
#bnt_sub_nav img{display: block;height: 20px;}
#bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
#sub_nav_content{background: #f2f2f2; 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 #dedede;padding: 0 15px;}
#sub_nav_content ul li a{display: inline-block;font-size: 0.18rem;padding: 0;color: #333;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:0;line-height: 28px;padding-left: 10px;}
#sub_nav_content ul li ul li a{font-size: 0.14rem;color: #666;}
#sub_nav_content ul li.on>a{color: #123fa6;}

#sub_nav_content ul li ul{ display:none;}

.list-banner{position: relative;}
.list-banner img{display: block;width: 100%;}

.main_bd{}
.listNav{position: relative;}
.listNav .pic{overflow: hidden;}
.listNav .pic img{display: block;width: 100%;}
.listNav .w162{position: absolute;width: 16.2rem;height: 100%; left: 50%;margin-left: -8.1rem;display: flex;justify-content: center;align-items: center;}
.listNav .text h5{font-size: 0.34rem;color: #fff;text-align: center;font-weight: 600;margin-bottom: 0.2rem;}
.listNav .text li a{display: block;padding: 0 0.4rem;line-height: 0.48rem;height: 0.48rem;font-size: 0.18rem;color: #fff;transition: 0.6s all;}
.listNav .text li.on a{border: 0.01rem solid #517cd2;border-radius: 0.24rem;}
.listNav .text li:hover a{opacity: 0.6;transition: 0.6s all;}
.listNav dl{margin-top: 0.3rem;justify-content: center;}
.listNav dd{margin: 0 0.15rem;}
.listNav dd a{display: block;font-size: 0.16rem;color: #fff;opacity: 0.6;line-height: 0.3rem;transition: 0.6s all;}
.listNav dd.on a{opacity: 1;border-bottom: 0.01rem solid #fff;}
.listNav dd a:hover{opacity: 1;transition: 0.6s all;}


.n_container{position: relative; padding: 0.3rem 0 0.8rem 0;min-height:500px;background: #f3f5fa url(../images/part1BG.png) no-repeat bottom center;background-size: 100%;}
.n_container .w14{position: relative;z-index: 3;}
.mianbao{position: relative;margin-bottom: 0.4rem;z-index: 2;}
.mianbao .flex{justify-content: flex-end;}
.mianbao .mianbaoCon{position: relative;}
.position{font-size:0.16rem;color: #888888;margin-right: 0.05rem;padding-left: 0.28rem;line-height: 0.22rem;background: url(../images/position.png) no-repeat left center;}
.position a{color: #888888;transition:0.36s;}
.position span{font-size:14px;color:#888888;margin: 0 4px;}
.position .on{color: #123fa6;}
.position a:hover{color: #123fa6;}
.n_news{}
.fanye{ text-align:center;margin-top: 0.4rem;}
.fanye img{ max-width:100%}
@media(max-width: 1620px){
.listNav .w162{width: 100%;left: 0;margin-left: 0;max-width: 100%;}
}
@media(max-width: 1200px){
	.m_header_box{ display:block}
	#header{display: none;}
	#nav{display: none;}
	.banner_top{display: none;}
	.n_container .n_left{ display:none}
	.n_container .n_right{width:100%;padding: 0.5rem 0.3rem;margin-top: 0;}
	.mianbao{ display:none;}
	#nav_slide{ display:block;}
	.list-banner::after{background: none;}
	.listNav{display: none;}
}
@media(max-width: 540px){
	.list-banner img{height: 25vw;object-fit: cover;}
}
/* 标题列表 */
.n_bt li{margin-bottom: 0.1rem;}
.n_bt li a{background: #fff;padding: 0.1rem 0.3rem;align-items: center;transition: 0.6s all;}
.n_bt li .time{width: 0.56rem;}
.n_bt li .time .day{width: 100%;height: 0.46rem;line-height: 0.46rem;background: #123fa6;font-size: 0.3rem;color: #fff;font-family: impact;text-align: center;}
.n_bt li .time .year{font-size: 0.12rem;color: #999999;text-align: center;margin-top: 0.08rem;}
.n_bt li p{width: calc(100% - 0.76rem);font-size: 0.18rem;color: #323232;line-height: 0.28rem;max-height: 0.56rem;overflow: hidden;transition: 0.6s all;}
.n_bt li:hover a{box-shadow: 0px 1px 35px 0px rgba(98, 98, 98, 0.21);transition: 0.6s all;}
.n_bt li:hover p{color: #123fa6;transition: 0.6s all;}
@media(max-width: 850px){
	.n_bt li a{padding: 0.1rem 0.2rem;}
	.n_bt li p{font-size: 0.22rem;}
}


/* 题图列表 */
.n_tt ul{margin-bottom: -0.2rem;}
.n_tt li{margin-bottom: 0.2rem;}
.n_tt li a{padding: 0.2rem 0.3rem;background: #fff;transition: 0.6s all;}
.n_tt li .pic{width: 2.6rem;overflow: hidden;}
.n_tt li .pic img{display: block;width: 100%;height: 1.65rem;object-fit: cover;transition: 0.6s all;}
.n_tt li .text{width: calc(100% - 2.9rem);}
.n_tt li .text h5{font-size: 0.2rem;color: #323232;line-height: 0.3rem;font-weight: 600;transition: 0.6s all;}
.n_tt li .text i{font-style: normal;font-size: 0.12rem;color: #123fa6;margin: 0.2rem 0;display: block;}
.n_tt li .text p{font-size: 0.14rem;line-height: 0.24rem;color: #999;max-height: 0.72rem;overflow: hidden;}
.n_tt li:hover .pic img{transform: scale(1.1);transition: 0.6s all;}
.n_tt li:hover a{box-shadow: 0px 1px 35px 0px rgba(98, 98, 98, 0.21);transition: 0.6s all;}
.n_tt li:hover .text h5{color: #123fa6;transition: 0.6s all;}
@media(max-width: 850px){
.n_tt li .pic{width: 100%;}
.n_tt li .pic img{height: 54vw;}
.n_tt li .text{width: 100%;margin-top: 0.2rem;}
.n_tt li .text h5{font-size: 0.22rem;}
.n_tt li .text i{font-size: 0.16rem;}
.n_tt li .text p{font-size: 0.18rem;line-height: 0.28rem;max-height: 0.84rem;}
}
/* 图文列表 */
.n_tw ul{margin-bottom: -0.3rem;}
.n_tw li{width: 48.33%;margin-bottom: 0.3rem;}
.n_tw li a{display: block;padding: 0.2rem 0.2rem 0.3rem 0.2rem;background: #fff;transition: 0.6s all;}
.n_tw li .pic{overflow: hidden;}
.n_tw li .pic img{display: block;width: 100%;height: 3.4rem;transition: 0.6s all;}
.n_tw li .text{margin-top: 0.2rem;}
.n_tw li i{font-style: normal;display: block;line-height: 0.16rem;padding-left: 0.24rem;background: url(../images/time.png) no-repeat left center;background-size: contain; font-size: 0.12rem;color: #123fa6;}
.n_tw li p{margin-top: 0.12rem;font-size: 0.18rem;color: #323232;line-height: 0.28rem;height: 0.28rem;overflow: hidden;transition: 0.6s all;}
.n_tw li:hover .pic img{transform: scale(1.1);transition: 0.6s all;}
.n_tw li:hover a{box-shadow: 0px 1px 35px 0px rgba(98, 98, 98, 0.21);transition: 0.6s all;}
.n_tw li:hover p{color: #123fa6;transition: 0.6s all;}
@media(max-width: 850px){
.n_tw li{width: 100%;}
.n_tw li .pic img{height: 54vw;}
.n_tw li p{height: auto;font-size: 0.22rem;line-height: 0.32rem;}
.n_tw li i{font-size: 0.16rem;}

}
/* show */
.show01 { margin-bottom: 0.3rem; padding-bottom: 0.2rem; border-bottom: 1px solid #e1e3e9;position: relative; }
.show01 h5 { font-size: 0.3rem;font-weight: 600; color: #323232;  line-height: 0.46rem; margin-bottom: 0.15rem;text-align: center; }
.show01 p{display: table;margin: 0 auto;}
.show01 p em{ font-style: normal;font-size: 0.14rem;color: #666;font-style: normal;margin:0 0.05rem;}
.show02 p {line-height: 0.38rem !important;text-indent:2em;font-size: 0.18rem !important;color: #323232;margin-bottom: 0.2rem;}
.show02 table p{margin-bottom:0;}
.show02 img {display: table;margin: 0 auto 0.15rem auto;max-width: 100%;height: auto !important;border:none !important;}
.show03 { padding-top: 0.3rem;border-top: 1px solid #e1e3e9; position: relative; }
.show03 p { font-size:0.18rem; color: rgb(51, 51, 51); margin-bottom: 0.2rem;line-height: 0.26rem; }
.show03 p a { color: rgb(51, 51, 51); transition: all 0.2s ease 0s; }
.show03 p a:hover { color: #123fa6; transition: all 0.2s ease 0s; }

/* teacher */
.n_teacher ul{margin-right: -2.5%;justify-content: flex-start;margin-bottom: -0.2rem;}
.n_teacher li{width: 18%;margin-right: 2%;margin-bottom: 0.2rem;}
.n_teacher li a{display: block;background: #fff;padding: 0.1rem;}
.n_teacher li .pic{overflow: hidden;}
.n_teacher li .pic img{display: block;width: 100%;transition: 0.6s all;height: 2.56rem;object-fit: cover;}
.n_teacher li p{margin: 0.15rem auto;font-size: 0.18rem;color: #323232;text-align: center;transition: all 0.2s ease 0s;}
.n_teacher li:hover .pic img{transform: scale(1.1);transition: 0.6s all;}
.n_teacher li:hover p{color: #123fa6; transition: all 0.2s ease 0s;}
@media(max-width: 850px){
	.n_teacher ul{margin-right: 0;justify-content: space-between;}
.n_teacher li{width: 48%;margin-right: 0;}
.n_teacher li .pic img{height: 48vw;}
.n_teacher li p{font-size: 0.22rem;}

}
