.part-footer  { background: #2d2d2d; position: relative; padding: 0 70px; margin-top: 70px; font-weight: 500}
.part-footer .footer-tops  {
  position: absolute;
  top: -17px;
  left: 0;
  width: 100%;
  height: 40px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAYsAAACrCAMAAACg5UA7AAAAHlBMVEVMaXEAZjMAZDIAZjMAZTIAZDUAZTIAZDIAYywAZjM2SGzUAAAACXRSTlMAQX/woDDOYBdk8tIUAAAC70lEQVR42uzdS3LjMAxFUfEjkNj/hptJ7EKbgzhyJD9W5d4tnAIoemBul9RTy9nMikdmVnNOaaM31VOu5t9WhknqG13LYMV/2gDZN7qi4eCHK7UxH+fWWy3+alYZjxMh/Cs4tKVa/Iwss6x+Vc/m51X52n25vXrEcAhL5hdU0NBLRBUNuUTEbPy4/UGCTaWrV39D1jZ6Vi7+nozr3/GDgkNcv56uz7j8PRsKRkPebSgYDXm7uaa80WOtuCpjT6n3U1TYU1E318bF795eXF3daD4qODSkNXcHg1P7/8qf/31qUIABBRgzBRhQgDFTgAEFGDMFGFCAMVOAAQUYMwUYUIAxU4ABBRgzBRhQgDFTgAEFGDMFGFCAMVOAAQUYMwUYUIAxU4ABBRgzBRhQgDFTgLFGyR2MFWp5WICxQs0/LMBYguLTAowVKL4swFiA4mYBhp7ibgGGnuJuAYaaIizAUFOEBRhqirAAQ00RFmCoKcICDDVFWIChpggLMNQUYQGGmiIswFBThAUYaoqwAENNERZgqCnCAgw1RViAoaYICzDUFGEBhpoiLMBQU4QFGGqKsABDQCGy4J/pn1GEBRhqirAA430Uf97C8xoU1bFwr2tQYLHGmw3dHIs13hTdzbG4V5r4dR0sPKrS11Ox0O6p2E9YzJUsemcbC/Fru/H9hIX2CI+hwEJ81YihwGKFU6NndyyWeBY8mWMh1ggJLLRfVHG7w0KrERJYHKumS7bTkMDieNbOlmjmjsVrWe5nfsWaOxbaVRXLCYtfVmr6PURxx0LLERBYnFjN+3GHPVcfYXHBeOR0YB7y50BgcV02QPr3Cn0wmH+ExRuyQdJS2h8WUkptINwUsFghLLAgLLAgLAgLLAgLLAgLLAgLLAgLLAgLLAgLLAgLwgILwgILwgILwgILwgILwgILwgILwoKwwIKwwIKwwIKwwOJfe3RMAwAAwDAomX/RVbEPLIALF7hwgQtcuMCFC1y4wIULXLjgZwFKADbinPETPAAAAABJRU5ErkJggg==) repeat;
  background-size: 40px auto
}
.part-footer .footer-navs  {
  display: flex;
  padding-top: 50px;
  padding-bottom: 50px;
  justify-content: center;
  color: #fff
}
.part-footer .footer-navs p  {
  padding: 0 20px;
  cursor: pointer
}
.part-footer .footer-navs p :hover {
  color: #9bc319
}
.part-footer .footer-navs .active  { color: #2dfffe}
.part-footer .footer-contact  {
  width: 100%;
  border-bottom: 1px solid hsla(0, 0%, 100%, .5);
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 130px
}
.part-footer .footer-contact-new  {
  color: #fff;
  padding: 30px 0;
  font-size: 18px;
  align-items: center
}
.part-footer .footer-contact-new > div  {
  display: flex;
  align-items: center;
  flex-shrink: 0
}
.part-footer .footer-contact-new .footer-contact-left  {
  justify-content: flex-start
}
.part-footer .footer-contact-new .footer-contact-left img  {
  height: 70px;
  margin-right: 20px;
  position: relative;
  top: -5px
}
.part-footer .footer-contact-new .footer-contact-center  {
  justify-content: center
}
.part-footer .footer-contact-new .footer-contact-center img  {
  height: 54px;
  margin-right: 20px;
  position: relative;
  top: 10px
}
.part-footer .footer-contact-new .footer-contact-right  {
  justify-content: flex-end
}
.part-footer .footer-contact-new .footer-contact-right a  {
  height: 42px;
  margin-left: 20px
}
.part-footer .footer-contact-new .footer-contact-right a img  {
  height: 100%;
  margin: 0
}
.part-footer .footer-contact-new .footer-sep  {
  height: 70px;
  width: 1px;
  background-color: hsla(0, 0%, 100%, .5)
}
.part-footer .footer-contact-address  {
  display: flex;
  align-items: center;
  padding: 30px 0;
  color: #fff
}
.part-footer .footer-contact-address .footer-contact-address-left  {
  font-size: 18px;
  font-weight: 700;
  flex-shrink: 0
}
.part-footer .footer-contact-address .footer-address-info  {
  flex-shrink: 0;
  font-size: 14px;
  display: flex;
  align-items: flex-start;
  justify-content: center
}
.part-footer .footer-contact-address .footer-sep  {
  height: 70px;
  width: 1px;
  background-color: hsla(0, 0%, 100%, .5)
}
.part-footer .footer-contact-address-pc  {
  display: flex
}
.part-footer .footer-contact-address-m  {
  display: none
}
.part-footer .footer-contact-email  {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 0;
  color: #fff;
  font-size: 15px
}
.part-footer .footer-contact-email .footer-email-info  {
  flex: auto;
  line-height: 1.5
}
.part-footer .footer-contact-email .footer-email-info .footer-email-info-pc  {
  display: block
}
.part-footer .footer-contact-email .footer-email-info .footer-email-info-m  {
  display: none
}
.part-footer .footer-contact-email .footer-email  {
  height: 30px;
  flex-shrink: 0
}
.part-footer .footer-copyright  {
  text-align: center;
  padding: 50px 0 40px;
  color: #fff
}
.part-footer .footer-icons  {
  display: none
}
@media only screen and (max-width:1200px) {
  .part-footer .footer-contact-new .footer-contact-left img  {
    height: 56px;
    margin-right: 10px
  }
  .part-footer .footer-contact-new .footer-contact-center img  {
    height: 48px;
    margin-right: 10px
  }
  .part-footer .footer-contact-new .footer-contact-right a  {
    height: 38px;
    margin-left: 10px
  }
}
@media only screen and (max-width:900px) {
  .part-footer  {
    padding: 0 20px;
    margin-top: 30px
  }
  .part-footer .footer-tops  {
    height: 16px;
    top: -11px;
    background-size: 26px auto
  }
  .part-footer .footer-navs  {
    padding-top: 20px;
    padding-bottom: 20px;
    justify-content: space-between
  }
  .part-footer .footer-navs p  {
    padding: 0 5px;
    font-size: 11px
  }
  .part-footer .footer-navs p :hover {
    color: #fff
  }
  .part-footer .footer-contact  {
    height: 80px
  }
  .part-footer .footer-contact-new  {
    padding: 20px 0;
    font-size: 12px
  }
  .part-footer .footer-contact-new .footer-contact-left img  {
    height: 28px;
    margin-right: 10px;
    top: -1px
  }
  .part-footer .footer-contact-new .footer-contact-center  {
    justify-content: center
  }
  .part-footer .footer-contact-new .footer-contact-center img  {
    height: 22px;
    margin-right: 10px;
    position: relative;
    top: 5px
  }
  .part-footer .footer-contact-new .footer-contact-right  {
    display: none
  }
  .part-footer .footer-contact-new .footer-sep  {
    height: 50px
  }
  .part-footer .footer-contact-new .footer-sep1  {
    display: none
  }
  .part-footer .footer-contact-address  {
    padding: 10px 0 10px
  }
  .part-footer .footer-contact-address .footer-contact-address-left  {
    font-size: 10px
  }
  .part-footer .footer-contact-address .footer-address-info  {
    flex-shrink: 0;
    font-size: 10px;
    display: flex;
    align-items: flex-start;
    justify-content: center
  }
  .part-footer .footer-contact-address-pc , .part-footer .footer-contact-address .footer-sep  {
    display: none
  }
  .part-footer .footer-contact-address-m  {
    display: block;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: -moz-max-content;
    height: max-content;
    justify-content: center
  }
  .part-footer .footer-contact-address-m .footer-address-title  {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 5px;
    width: 100%;
    text-align: center;
    margin-top: 5px
  }
  .part-footer .footer-contact-address-m .footer-address-info  {
    margin-bottom: 5px;
    width: 100%;
    text-align: center;
    line-height: 1.6
  }
  .part-footer .footer-contact-email  {
    padding: 20px 0;
    font-size: 10px
  }
  .part-footer .footer-contact-email .footer-email-info  {
    flex: auto;
    line-height: 1.3
  }
  .part-footer .footer-contact-email .footer-email-info .footer-email-info-pc  {
    display: none
  }
  .part-footer .footer-contact-email .footer-email-info .footer-email-info-m  {
    display: block
  }
  .part-footer .footer-contact-email .footer-email  {
    height: 20px
  }
  .part-footer .footer-contact-email .footer-email > a > img , .part-footer .footer-contact-email .footer-email > a  {
    height: 100%
  }
  .part-footer .footer-copyright  {
    text-align: center;
    padding: 18px 0 20px;
    color: #fff;
    font-size: 12px
  }
  .part-footer .footer-icons  {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    margin-top: 20px
  }
  .part-footer .footer-icons a  {
    height: 20px;
    margin-left: 20px
  }
  .part-footer .footer-icons a img  {
    height: 100%;
    margin: 0
  }
}
.top-nav-common {
  height: 120px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 60px;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: #5f9100;
  padding-top: 40px
}
.top-nav-common .top-nav-notice {
  width: 100%;
  height: 46px;
  position: absolute;
  top: 0;
  background: #9bc319;
  left: 0;
  color: #fff;
  font-size: 20px;
  text-align: center;
  line-height: 46px;
  font-weight: 500
}
.top-nav-common .logo {
  height: 48px
}
.top-nav-common .logo > img {
  height: 48px;
  width: auto
}
.top-nav-common .nav-list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center
}
.top-nav-common .nav-list > li {
  font-size: 20px;
  line-height: 13px;
  color: #fff;
  margin-right: 52px;
  font-weight: 500;
  cursor: pointer
}
.top-nav-common .nav-list > li:last-child {
  margin-right: 0
}
.top-nav-common .nav-list .active, .top-nav-common .nav-list > li:hover {
  color: #9bc319;
  font-weight: 700
}
.top-nav-whole {
  display: flex
}
.top-nav-fold {
  display: none
}
@media only screen and (max-width:1100px) {
  .top-nav-common .nav-list > li {
    margin-right: 35px
  }
}
@media only screen and (max-width:900px) {
  .top-nav-whole {
    display: none
  }
  .top-nav-fold {
    display: block
  }
  .top-nav-common {
    height: 100px;
    padding: 0 20px;
    padding-top: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center
  }
  .top-nav-common .top-nav-notice {
    height: 40px;
    font-size: 14px;
    line-height: 40px
  }
  .top-nav-common .logo {
    height: 40px
  }
  .top-nav-common .logo > img {
    height: 40px;
    width: auto
  }
  .top-nav-common .three-line {
    display: flex;
    width: 24px;
    align-items: center;
    flex-direction: column
  }
  .top-nav-common .three-line .line {
    transition: all .3s;
    margin-bottom: 5.5px;
    display: inline-block;
    width: 24px;
    height: 2px;
    background-color: #fff;
    opacity: 1
  }
  .top-nav-common .three-line .line:first-child {
    transform-origin: left top
  }
  .top-nav-common .three-line .line:nth-child(3) {
    transform-origin: left bottom
  }
  .top-nav-common .three-line.active-line .line:first-child {
    transform: rotate(40deg)
  }
  .top-nav-common .three-line.active-line .line:nth-child(2) {
    opacity: 0
  }
  .top-nav-common .three-line.active-line .line:nth-child(3) {
    transform: rotate(-40deg)
  }
  .top-nav-common .phone-header-menu-list {
    opacity: 1;
    transition: all .4s ease-in-out;
    display: flex;
    width: 100vw;
    background-color: #5f9100;
    height: 100vh;
    position: fixed;
    top: 100px;
    right: 0;
    flex-direction: column;
    z-index: 999;
    padding-bottom: 10px;
    padding-top: 67px; display: none
  }
  .top-nav-common .phone-header-menu-list .menu-list-item {
    height: 62px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 15px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .3);
    text-decoration: none
  }
}
.displayornot { display:block}