* { font-family: "times new roman", Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; box-sizing: border-box; }
body { padding: 0px; margin: 0px; font-family: "times new roman", 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; }
.w14 { max-width: 1400px; margin: 0px auto; }
.w176 { width: calc(100% - 160px); margin: 0px 80px;}




@media (max-width: 1200px) {
  .w12 {width: 95%;}
}
@media (max-width: 1400px) {
  .w14 { 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: 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: 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;
 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: absolute; }
.header_box .w14{ display: flex; justify-content: space-between; align-items: center;}
#header {z-index: 999; width: 100%;transition: all 0.6s ease 0s;padding: 0.2rem 0 0 0;border-bottom: 1px solid #fff;}
.header_top{align-items: center;}
#logo { width: 29.64%;}
#logo a { display: block;}
#logo a img { display: block; max-width: 100%; }
.topR{width: 48.57%;}
.topRT{justify-content: flex-end;}
.search{width: 196px;border-radius: 0.06rem;overflow: hidden;}
.search .text{font-size: 0.14rem;color: #fff;text-indent: 0.15rem;width: calc(100% - 40px);background: rgba(255,255,255,0.2);}
.search .btn{width: 40px;height: 26px; line-height: 26px;background:#3ee7b9 url(../images/search.png) no-repeat center;}
.topRT p a{font-size: 0.14rem;color: #fff;margin-left: 0.15rem;padding-left: 0.15rem;border-left: 1px solid #fff; line-height: 0.26rem;opacity: 1; transition: 0.6s all;}
.topRT p a:first-child{border-left: none;}
.topRT p a:hover{opacity: 0.6; transition: 0.6s all;}


.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;}
#nav .navBox { width: 100%; }
#nav ul { position: relative;width: 100%; }
#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.3rem;font-weight: bold; color: rgb(255, 255, 255); line-height: 80px; position: relative; transition: all 0.6s ease 0s; }
#nav ul li:hover a h3 { opacity: 0.6;}
#nav ul li:hover a { color: rgb(255, 255, 255);}
#nav ul li h3::after{display: none; content: "";width: 19px;height: 19px;background: url(../images/navD.png) no-repeat center;position: absolute;bottom: -9px;left: 50%;margin-left: -9px;z-index: 9;}
#nav ul li:hover h3::after{display: block;}


#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: 15px 10px; line-height: 22px; transition: all 0.3s ease 0s; font-size: 16px; color: rgb(102, 102, 102); }
#nav ul li .sub a:hover { color: #008e68; 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: 80px;}
/* #nav { display: flex; justify-content: flex-end; align-items: center; } */
#logo .logo_black { display: none; }
.top_search_black { display: none; }
.header_box.xg #header{ top: 0px;background: rgba(0,142,104,0.95);border-bottom: none;padding: 0; }
#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("../images/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("../images/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("../images/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("../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; 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("../images/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: #fff; }
#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: #fff; }
#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: #008e68; }
#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.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("../images/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: #008e68; box-shadow: rgba(0, 78, 161, 0.25) 0px 8px 8px; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 100;}
#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; }
@media (max-width: 1200px) {
  .m_header_box { display: block; }
  .header_box { display: none; }
}
/* index */
.indexBox{margin-top: 0.3rem;padding-bottom: 0.5rem;position: relative;}
.indexBox::after{content: "";width: 100%;height: 304px;background: url(../images/bg01.png) no-repeat center;position: absolute;left: 0;top: 0.2rem;}
.indexBox .w14{position: relative;z-index: 2;}


.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: 100vw;height: 100vh; position: relative; object-fit: cover;}
.bannerBox .item a::after{content: "";width: 100%;height: 100%;background: url(../images/topBG.png) repeat-x top;position: absolute;top: 0;left: 0;}
.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.15rem; align-items: center;left: 50%;padding: 0 0.3rem;background: rgba(0,142,104,0.7);height: 0.38rem;line-height: 0.38rem;border-radius: 0.19rem;transform: translateX(-50%);}
.bannerBox .slick-dots li{overflow: hidden; position: relative;padding-right: 0.5rem;}
.bannerBox .slick-dots li::after{content: "";width: 23px;height: 1px;right: 0.1rem;top: 50%;position: absolute;background: url(../images/bannerLine.png) no-repeat right center;}
.bannerBox .slick-dots li:last-child{padding-right: 0;}
.bannerBox .slick-dots li:last-child::after{display: none;}
.bannerBox .slick-dots li.slick-active{font-size: 0.3rem;}
.bannerBox .slick-dots li button{font-size:0.2rem;position: relative;color: #fff;padding-left: 10px; width: 100%;text-align: center;}
.bannerBox .slick-dots li.slick-active button{font-size: 0.3rem;}
.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) {
	.bannerBox .slider img{height: auto;}
	.bannerBox .item a::after{display: none;}
}
@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;}
.Cotitle h5 a{display: block;font-size: 0.4rem;color: #323232;font-weight: bold;text-transform: uppercase;padding-bottom: 0.2rem;position: relative;transition: 0.6s all;}
.Cotitle h5 a::after{content: "";width: 0.55rem;height: 0.05rem;background: #008e68;position: absolute;left: 0;bottom: 0;}
.Cotitle h5 a:hover{color: #008e68;transition: 0.6s all;}
/* part1 start */
.part1{padding: 0.8rem 0;}
.part1L{width: 52.35%;}
.part1L li{width: 48.7%;margin-bottom: 0.2rem;}
.part1L li a{display: block;position: relative;}
.part1L li .pic{overflow: hidden;}
.part1L li .pic img{display: block;width: 100%;transition: 0.6s all;height: 216px;object-fit: cover;}
.part1L li .text{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/part1-02.png) repeat-x bottom;}
.part1L li .text p{position: absolute; bottom: 0.35rem;width: 100%;left: 0;padding: 0 0.2rem;font-size: 0.20rem;color: #fff;line-height: 0.3rem;max-height: 1.2rem;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;}
.part1L li .text i{font-style: normal;display: block;position: absolute;right: 0;bottom: 0.1rem;width: 1.2rem;height: 0.2rem;line-height: 0.2rem;background: #008e68;font-size: 0.14rem;color: #fff;text-align: center;border-top-left-radius: 0.1rem;border-bottom-left-radius: 0.1rem;}
.part1L li:hover .pic img{transform: scale(1.1);transition: 0.6s all;}
.part1R{width: 44.85%;}
.part1R .pic{overflow: hidden;}
.part1R .pic img{display: block;width: 100%;transition: 0.6s all;}
.part1R .pic:hover img{transition: 0.6s all;transform: scale(1.1);}
@media (max-width: 1200px) {
	.part1L li .pic img{height: 238px;}
}
@media (max-width: 1000px) {
	.part1L li .pic img{height: 198px;}
}
@media (max-width: 850px) {
	.part1L{width: 100%;}
	.part1R{width: 100%;margin-top: 0.3rem;}
	.part1L li{width: 100%;}
	.part1L li .pic img{height: auto;}
}
/* part1 end */
/* part2 start */
.part2{padding-bottom: 0.8rem;}
.part2L{width: 52.35%;}
.part2R{width: 44.85%;}
.part2L .pic,.part2R .pic{overflow: hidden;}
.part2L .pic img,.part2R .pic img{display: block;width: 100%;transition: 0.6s all;height: 442px;object-fit: cover;}
.part2L .pic:hover img,.part2R .pic:hover img{transition: 0.6s all;transform: scale(1.1);}
@media (max-width: 1200px) {
	.part2L .pic img,.part2R .pic img{height: 360px;}
}
@media (max-width: 1000px) {
	.part2L .pic img,.part2R .pic img{height: 300px;}
}
@media (max-width: 850px) {
	.part2L,.part2R{width: 100%;}
	.part2R{margin-top: 0.3rem;}
	.part2L .pic img,.part2R .pic img{height: auto;}
}
/* part2 end */
/* footer start */
.footer{background: url(../images/footerBG.jpg) no-repeat center;background-size: cover;}
.footerT{padding: 0.36rem 0 0.2rem 0;}
.footerT p{font-size: 0.14rem;color: #fff;text-align: center;font-family: arial;line-height: 0.26rem;margin-bottom: 0.05rem;}
.footerB{border-top: 2px solid #1b9a78;padding: 0.2rem 0;}
.footerB .w14{align-items: center;}
.footerB p{font-size: 0.14rem;color: #8dc0ae;text-align: center;width: calc(100% - 130px);}
.footerB li{position: relative;margin: 0 0.1rem;}
.footerB li .icon{cursor: pointer;padding-top: 0.1rem;}
.footerB li .icon img{display: block;width: 40px;height: 40px;}
.footerB li .pic{position: absolute;bottom: 100%;left: 50%;margin-left: -45px;display: none;}
.footerB li:hover .pic{display: block;}

/* footer end */
@media (max-width: 850px) {
	
}





/* list */
.list-banner { position: relative; }
.list-banner { position: relative; }
.list-banner::after{content: "";width: 100%;height: 100%;background: url(../images/topBG.png) repeat-x top;position: absolute;left: 0;top: 0;z-index: 3;}
.list-banner img { display: block; width: 100%; }
.ar_wap { display: none; }
#nav_slide { background: #008e68; 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: #008e68; }
#sub_nav_content ul li ul { display: none; }
#nav_slide { display: none; }
.n_container { padding: 0.4rem 0px 1rem; background:#f7f7f7; }
.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.35rem; color: #323232; position: relative; }
.n_container .n_left h1 span { position: relative; display: inline-block;margin-bottom: 0.3rem;font-weight: bold; }
.n_container .n_left ul { padding: 0px; position: relative; background: rgb(255, 255, 255); }
.n_container .n_left .con ul li { font-size: 20px; 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: rgb(245, 245, 245); }
.n_container .n_left .con ul li::after { content: ""; width: 0px; height: 100%; background: #008e68; 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;padding: 0.26rem 0.2rem;line-height: 0.28rem; margin: 0px 5px; 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: #008e68; 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: #008e68; 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; }
.position { margin-bottom: 0.3rem; display: flex; /* justify-content: flex-end; */ }
.position p { line-height: 0.38rem; font-size: 0.14rem; color: rgb(153, 153, 153); padding-left: 30px; background: url("../images/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: #008e68; transition: all 0.6s ease 0s; }
.n_rightBox { background: rgb(255, 255, 255); padding: 0.4rem; }
.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;}
  .list-banner::after{display: none;}
}
/* 新闻列表页 */
.n_list01 li a{display: block; margin-bottom: 0.2rem;padding-bottom: 0.2rem;border-bottom: 1px dashed rgb(211, 213, 220);}
.n_list01 li em{font-size: 0.14rem;color: #008e68;font-family: "times new roman";font-style: normal;line-height: 0.2rem;}
.n_list01 li p{margin-top: 0.15rem;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: #008e68;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: #008e68;font-family: "times new roman";font-style: normal;line-height: 0.2rem;}
.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: #008e68;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;}
}



/* 内容页 */
.show01 { margin-bottom: 0.4rem; }
.show01 h5 { font-size: 0.3rem; line-height: 0.48rem; 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 {color: rgb(50, 50, 50) !important;line-height: 0.45rem !important;margin-bottom: 0.2rem;text-indent: 0.36rem;font-size: 0.20rem !important;line-height: .4rem;color: #000;font-family: SourceSansPro-Regular !important;;text-align: justify; }

.show02 ul li{    list-style: unset;}
 .show02 #vsb_content_2 ul li p{text-indent: 0rem;}


.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 { max-width: 100%; height: auto !important;display: table;margin: 0 auto; }
.show02 p video { width: 100%; height: auto; }
.show03 { padding-top: 0.3rem; border-top: 1px solid rgb(204, 204, 204); }
.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: #008e68; transition: all 0.6s ease 0s; }
.show02 table p{text-align: unset;}

.pb_sys_style3 .p_no_d {
    border: 1px solid #008e68  !important;
    color: #fff;
    background-color: #008e68 !important;
}
/* videoShow */
.showVideo{position: relative;padding: 0.3rem;}
.showVideo::after{content: "";width: 60%;height: 100%;background: url(../images/videoBG.png) no-repeat right center;background-size: cover; position: absolute;left: 0;top: 0;}
.showVideo .video{width: 62%;position: relative;z-index: 2;}
.showVideo .video video{width: 100%;}
.showVideo .text{width: 34%;}
.showVideo .text h5{font-size: 0.34rem;line-height: 0.5rem;overflow: hidden;font-weight: bold;margin-bottom: 0.24rem;}
.showVideo .text p{font-weight: bold; font-size: 0.24rem;line-height: 0.46rem;font-family: arial;text-align: justify;}
.showVideo .text .more{width: 182px;height: 58px;line-height: 58px;margin-top: 0.3rem;}
.showVideo .text .more a{display: block;background: url(../images/videoMore.png) no-repeat center;text-align: center;font-size: 0.18rem;color: #323232;font-family: arial;transition: 0.6s all;}
.showVideo .text .more:hover a{background: url(../images/videoMoreOn.png) no-repeat center;color: #008e68;transition: 0.6s all;}
@media (max-width: 850px) {
.showVideo{padding: 0;}
.showVideo::after{display: none;}
.showVideo .video{width: 100%;}
.showVideo .text{width: 100%;margin-top: 0.3rem;}
}
#vsb_content_2 A {
    color: #1e50a2;
    text-decoration: underline;
    font-family: SourceSansPro-Regular !important;
 }