@charset "utf-8";
html, body { overflow-x: hidden; }
body{
	font-family: Microsoft YaHei !important;
}
/* header */
.header { position: absolute; left: 0; top: 0; width: 100%; z-index: 999; }
.header .wrap { margin: 0 30px; position: relative; height: 110px; }
.header .logo { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 74px; }
.header .logo img { width: 100%; }
.header .hd-rt { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.header.active .hd-rt {color:#333;}
.header .hd-rt a { color: #fff; float: left; height: 30px; }
.header .hd-rt .lang { font-size: 20px; position: relative; position: relative;height:33px;line-height:33px; display: inline-block; float: left; }
.header .hd-rt .lang > a { float: none; }
.header .hd-rt .lang .dropdown { position: absolute; top:70%; left: 50%; transform: translateX(-50%); white-space: nowrap; background-color: #fff; padding: 10px 20px; opacity: 0; visibility: hidden;  border-radius: 0 0 10px 10px; }
.header .hd-rt .lang .dropdown a { display: block; color: #666; font-size: 16px; padding: 0px 20px; }
.header .hd-rt .lang .dropdown a:hover { color: #009e41; }
.header .hd-rt .lang.active .dropdown { opacity: 1; visibility: visible; top: calc(70% + 10px);transition: all .6s;}
.header .hd-rt .btn-search { margin-left: 32px; position: relative; }
.header .hd-rt .btn-search i { display: inline-block; width: 18px; height: 18px; margin-top: 8px; background: url(https://omo-oss-image.thefastimg.com/portal-saas/ngc202203220004/cms/image/f0b10133-a1fc-492c-8879-3b954201847c.png?d=1654077582440) 0 0 no-repeat; }
.header .btn-menu { display: none; width: 30px; position: relative; margin-left: 20px; }
.header .btn-menu span { display: block; width: 100%; height: 2px; transition: all .5s; background-color: #444; }
.header.kfm .btn-menu span {background-color: #fff;}
.header .btn-menu span:nth-child(1) { position: absolute; top: 5px; left: 0; }
.header .btn-menu span:nth-child(2) { position: absolute; top: 50%; left: 0; transform: translateY(-50%); transition-duration: .1s; }
.header .btn-menu span:nth-child(3) { position: absolute; bottom: 5px; left: 0; }
.header .btn-menu.active span:nth-child(2) { width: 0; }
.header .btn-menu.active span:nth-child(1) { transform: translateY(-50%) rotate(45deg); top: 50%; }
.header .btn-menu.active span:nth-child(3) { transform: translateY(-50%) rotate(-45deg); top: 50%; }
header nav dt a{font-weight: initial;}
header.active { background-color: initial;}
header.kfm.active { background-color:initial; }
header.active nav dt a { color: #333; }
header.active.white nav dt a { color: #ffffff; }
header.kfm.active nav dt a { color: #fff;font-size:18px;}
header.active nav dt a:hover { color: #009e41; }
header.kfm.active nav dt a:hover { color: #fff; }
header.active .hd-rt a { color: #333; }
header.kfm.active .hd-rt a { color: #fff; }
header.active .hd-rt .btn-search i { background-image: url(https://omo-oss-image.thefastimg.com/portal-saas/ngc202203220004/cms/image/99398fc5-3157-4026-8a6c-8d515b3da43a.png?d=1654077600471); }
header.kfm.active .hd-rt .btn-search i { background-image:url(https://omo-oss-image.thefastimg.com/portal-saas/ngc202203220004/cms/image/f0b10133-a1fc-492c-8879-3b954201847c.png?d=1654077582440); }
@media screen and (max-width: 1024px) {
header.kfm.active { background-color:#0093b2;position:fixed!important;}
  header.kfm.active,header.kfm.active * {z-index:999999;}
header.kfm.active nav dt a { color: #333; }
  header nav ul li dl{margin-bottom:0;}  
header.active { background-color:#fff;}
}
.searchbox { position: absolute; top: 100%; right: 0; width: 0; transition: all .5s; opacity: 0; visibility: hidden; overflow: hidden; }
.searchbox .txt { height: 36px; padding: 0 20px; }
.searchbox.open { width: 200px; opacity: 1; visibility: visible; }

@media screen and (min-width: 1025px) { header nav { text-align: center; }
  header nav ul li { display: inline-block; position: relative; margin: 0 14px; }
  header nav ul li:first-child { margin-left: 0; }
  header nav ul li:last-child { margin-right: 0; }
  header nav dt { display: block; font-size: 18px; line-height: 110px; }
  header nav dt a { color: #fff; }
  header nav dt a:hover { color: #009e41; }
  header nav dd { position: absolute; top: 60%; left: 50%; transform: translateX(-50%); white-space: nowrap; background-color: #fff; padding: 10px 20px; opacity: 0; visibility: hidden; border-radius: 0 0 10px 10px; }
  header nav dd a { display: block; color: #666; font-size: 16px; padding: 6px 20px; }
  header nav dd a:hover { color: #009e41; }
  header nav ul li:hover dd { opacity: 1; visibility: visible; top: calc(60% + 20px);  transition: all .6s;} }
@media screen and (max-width: 1280px) { .header .wrap { height: 70px; }
  .header nav ul li { margin: 0 6px; }
  .header nav dt { line-height: 70px; }
  .header .logo { width: 50px; }
  header nav ul li:hover dd { top: calc(100% - 10px); } }
@media screen and (max-width: 1024px) { 
  .header { background-color: #fff; position: fixed!important; }
  .header .logo { width: 40px; }
  .header .hd-rt a { color: #444; }
  .header .wrap { height: 70px; margin: 0 20px; }
  .header nav { position: absolute; left: -20px; width: calc(100% + 40px); background-color: #fff; height: calc(100vh - 70px); overflow-y: auto; top: 100%; }
  .header .hd-rt .btn-search { margin-left: 20px; }
  .header .btn-menu { display: block; }
  .header nav ul li { padding: 0 20px; }
  .header .hd-rt .btn-search i { background-image: url(https://omo-oss-image.thefastimg.com/portal-saas/ngc202203220004/cms/image/99398fc5-3157-4026-8a6c-8d515b3da43a.png?d=1654077621622); }
  .header nav { padding: 20px 0; display: none; }
  .header nav li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: returnToNormal; animation-name: returnToNormal; }
  .header nav li:first-child dt:after { display: none; }
  .header nav dt { line-height: 56px; font-size: 18px; position: relative; }
  .header nav dt:after { content: ''; display: block; width: 7px; height: 13px; background: url(https://omo-oss-image.thefastimg.com/portal-saas/ngc202203220004/cms/image/5d8053fd-0c08-4c1a-8dee-22407c86a013.png?d=1654077634653) -8px 0 no-repeat; position: absolute; top: 50%; transform: translateY(-50%); right: 0; transition: all .6s; }
  .header nav dd { display: none; border-top: 1px solid rgba(0, 0, 0, 0.1); }
  .header nav dd a { display: block; padding: 10px 20px; font-size: 16px; }
  .header nav .active dt:after { transform: translateY(-50%) rotate(-90deg); } }

/* footer */
footer { background-color: #edf2f0; overflow: hidden; }
footer .hd { padding: 90px 0 100px; overflow: hidden; }
footer .hd .lt { float: left; }
footer .hd .logo { width: 227px; margin-bottom: 45px; }
footer .hd .logo img { width: 100%; }
footer .hd .rt { float: right; }
footer nav li { float: left; padding-left: 2.76042vw; }


footer nav dt { font-size: 18px; display: block; margin-bottom: 25px; }
footer nav dt a:hover {color: #009e41;}
footer nav dd a { display: block; line-height: 32px; color: #555; font-size: 14px;text-align:center }
footer nav dd a:hover {color: #009e41;}
footer .share a { display: inline-block; width: 38px; height: 38px; border: 1px solid #acacac; border-radius: 50%; position: relative; margin-right: 10px; }
footer .share i { display: inline-block; width: 25px; height: 24px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);background-repeat: no-repeat; }
footer .share .icon-wx { background-position: 0 0; }
footer .share .icon-wb { background-position: -54px 0; }
footer .share .icon-zh { background-position: -110px 0; width: 20px; }
footer .share .icon-tm { background-position: -164px 0; width: 20px; }
footer .share .icon-jd { background-position: -215px 0; }
footer .share a:hover .icon-wx { background-position: 0 -47px; }
footer .share a:hover .icon-wb { background-position: -54px -47px; }
footer .share a:hover .icon-zh { background-position: -110px -47px; }
footer .share a:hover .icon-tm { background-position: -164px -47px; }
footer .share a:hover .icon-jd { background-position: -215px -47px; }
footer .ft { border-top: 1px solid #d5dcd9; padding: 40px 0; text-align: center; }
footer .ft p { color: #555; }
footer .ft p br{    display: none;}
footer .ft p a{    margin-left: 12px;}
footer .ft p a:hover{color:#009e41}
@media screen and (max-width: 1600px) { footer nav li { padding-left: 2vw; }
  footer nav li:first-child { padding-left: 0; } }
@media screen and (max-width: 1024px) { footer .hd { padding: 45px 0 50px; }
  footer .hd .logo { margin-bottom: 25px; }
  footer .hd .logo { width: 180px; }
  footer .share a { margin-right: 5px; }
  footer nav dt { font-size: 16px; margin-bottom: 10px; }
  footer nav dd a { font-size: 14px; }
  footer .ft { padding: 20px 0; } }
@media screen and (max-width: 768px) {   
  footer .hd .lt { float: none; text-align: center; }
  footer .hd .lt .logo { margin: 0  auto 20px; }
  footer .hd .rt { float: none; text-align: left; margin-top: 20px; display: none;}
  footer nav li { float: none; display: block; width: 100%; padding-left: 0; margin-bottom: 10px; }
  footer nav dt { margin-bottom: 5px; }
  footer nav dd a { display: inline-block; margin: 0 5px; }
  footer nav dd a:first-child { margin-left: 0; }
  footer .ft{width: 90%;
    margin: 0 auto;}
  footer .ft p br{    display: block;}
  footer .ft p a{    margin-left: 0px;    display: block;
    text-align: center;}
  .main{padding-top: 70px;}
}
.page_a.current {background:#009e41;}