*{margin: 0;padding: 0;box-sizing: border-box;list-style: none;}
body{font-size: 14px;min-width: 1200px;font-family:"Microsoft YaHei"; overflow-x:hidden}
a{text-decoration: none; color:#333; font-size: 14px;}
em,i{text-transform: uppercase;font-family: arial;vertical-align: top;}
.gy{max-width: 1500px;margin: 0 auto;min-width: 1200px;width: 100%;}


@font-face {
  font-family: 'iconfont';  /* Project id 3615720 */
  src: url('//at.alicdn.com/t/c/font_3615720_ffvbsmp08yd.woff2?t=1683626437736') format('woff2'),
       url('//at.alicdn.com/t/c/font_3615720_ffvbsmp08yd.woff?t=1683626437736') format('woff'),
       url('//at.alicdn.com/t/c/font_3615720_ffvbsmp08yd.ttf?t=1683626437736') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}

.tit{text-align: center;}
.tit h3{
    display: block;
    font-size: 36px;
    font-weight: normal;
    color: #343434;
    line-height: 50px;
}
.tit h3 .color{
    font-weight: bold;
    color: #0203fa;
    font-size: inherit;
    font-style: normal;
    display: inline-flex;
}

.tit .small{font-size: 22px;font-weight: lighter;color: #8d8d8d;display: block;line-height: 30px;}
.fa-caret-down:before {content: "\e65a";font-family: 'iconfont'; font-size:19px;}
.inner-page {background: #fff;}
.align-items-center {-ms-flex-align: center!important;align-items: center!important;}
.inner-page .main-header.nav-ontop{background: #fff;
    /* padding: 1.35rem 0; */
    transition: 0.5s;}
.inner-page .main-header {
    position: fixed;
    background: #fff;
    padding: 0;
    z-index: 20;
}
.main-header {
    background-color: transparent;
    padding: 0.3rem 0;
    position: relative;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
}
.container-cc, .row-cc {
    width: 100%;
    max-width: 1500px;
    position: relative;
margin:0 auto;
}
.justify-content-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}
.d-inline-flex {
    display: -ms-inline-flexbox!important;
    display: inline-flex!important;
}
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
.main-header .logo-word {
    margin-left: 1rem;
    margin-bottom: 0;
}
.flex-column {
    -ms-flex-direction: column!important;
    flex-direction: column!important;
}
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}

.main-header .main-menu01 {
    position: relative;
}


.main-header .main-menu01 ul {
  list-style-type: none;
  margin: 0;
  padding: 0 2rem 0 0;
}

.main-header .main-menu01 ul li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
}

.main-header .main-menu01 ul li a {
  font-size: 1.25rem;
  color: #333;
  /* text-align: right; */
  padding-left: 0rem;
  padding-right: 0rem;
}

.main-header .main-menu01 ul li a:hover, .main-header .main-menu01 ul li a:active, .main-header .main-menu01 ul li a:focus, .main-header .main-menu01 ul li a.active {
  color: #b80000;
}

.main-header .main-h-link, .main-header .h-link-text {
  display: inline-block;
  vertical-align: middle;
}

.main-header .h-link-text {
  font-size: 1.125rem;
  margin-left: 1rem;
  text-decoration: none;
}

.main-menu {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 5;
  width: 0;
  max-width: 75vw;
  height: 100vh;
  padding: 0;
  overflow: hidden;
  background: #b80000;
  -webkit-transition: all 0.3s ease;
  -mos-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.main-menu>.container {
  padding: 3.75rem 0;
}

.main-menu ul {
  padding: 4% 0;
  list-style: none;
}

.main-menu .menu-list {
  padding: 2.5rem 2.5rem 2.5rem 3rem;
  opacity: 0;
}

.main-menu .menu-list li:not(:last-child) {
  margin-bottom: 0.5rem;
}
.main-menu .menu-list li img{width:150px;}
.main-menu .menu-list a {
  font-size: 1rem;
 color: #fff;
}

.main-menu .menu-list a:hover, .main-menu .menu-list a.current, .main-menu .menu-list a.active {
  opacity: 0.7;
}

.main-menu .menu-list a:not([href]):not([tabindex]) {
  cursor: pointer;
  color: white;
}

@media all and (max-width: 1140px) {
  .main-menu .menu-list a:hover, .main-menu .menu-list a.current, .main-menu .menu-list a.active, .main-menu .menu-list a.focus {
    color: #adb8cc;
  }
}

.main-menu .menu-list ul li a.current, .main-menu .menu-list ul li a.active {
  opacity: 0.9;
  color: #52c3cb;
}

.main-menu .menu-list .btn-main-submenu.opened+.main-submenu {
    max-height: 999px;
}
.btn-main-submenu1{display: block; padding-bottom: 5%; font-weight:bold;}
.btn-main-submenu a{font-size: 1.3rem;}
.main-menu .menu-list .main-submenu {
  overflow: hidden;
  border-bottom: 1px solid  rgba(255, 255, 255, 0.5);
padding-bottom:5%;
}

.main-menu .menu-list .btn-main-submenu.opened+.main-submenu {
  max-height: 999px;
}

#btn-close-mainmenu {
  padding-top: 2rem;
  padding-left: 3rem;
  cursor: pointer;
}

#btn-close-mainmenu:hover, #btn-close-mainmenu:focus {
  opacity: 0.7;
}

#btn-close-mainmenu>* {
  display: inline-block;
  vertical-align: middle;
}

#btn-close-mainmenu .h-link-text {
  margin-left: 0;
  color: white;
}

#btn-close-mainmenu #cross {
  display: block;
  position: relative;
  width: 48px;
  height: 48px;
}

#btn-close-mainmenu #cross>span {
  display: block;
  position: absolute;
  top: 22px;
  left: 0;
  width: 36px;
  height: 3px;
  background: white;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: all 1s ease;
  -mos-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

#btn-close-mainmenu #cross>span:first-child {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}

#main-menu-close {
  width: 0;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: -99;
  background: rgba(0, 0, 0, 0.3);
}

#main-menu-close:before, #main-menu-close:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 0;
  height: 100%;
  -webkit-transform: translate(100%, 0);
  -mos-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
}

#main-menu-close:before {
  background: rgba(184, 0, 4, 0.1);
}

#main-menu-close:after {
  background: rgba(184, 0, 4, 0.1);
}

body.menu-opened {
  overflow: hidden;
  max-width: 100vw;
  max-height: 100vh;
}

body.menu-opened #main-menu-close {
  display: block;
  z-index: 2;
  width: 100vw;
  height: 100vh;
}

body.menu-opened #main-menu-close:before, body.menu-opened #main-menu-close:after {
  width: 100%;
  height: 100%;
}

body.menu-opened #main-menu-close:before {
  -webkit-transform: translate(0, 0);
  -mos-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 0.75s ease;
  -mos-transition: all 0.75s ease;
  -o-transition: all 0.75s ease;
  -ms-transition: all 0.75s ease;
  transition: all 0.75s ease;
}

body.menu-opened #main-menu-close:after {
  -webkit-transform: translate(0, 0);
  -mos-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 0.45s ease-in;
  -mos-transition: all 0.45s ease-in;
  -o-transition: all 0.45s ease-in;
  -ms-transition: all 0.45s ease-in;
  transition: all 0.45s ease-in;
}

body.menu-opened #main-menu {
  width: 460px;
  -webkit-transition: all 0.3s ease;
  -mos-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.35);
}

body.menu-opened #main-menu .menu-list {
  opacity: 1;
  overflow-y: auto;
  max-height: calc(100vh - 80px - 3rem);
}

body.menu-opened #btn-close-mainmenu #cross>span {
  -webkit-transform: rotate(220deg);
  -moz-transform: rotate(220deg);
  -ms-transform: rotate(220deg);
  -o-transform: rotate(220deg);
  transform: rotate(220deg);
  -webkit-transition: all 0.35s cubic-bezier(0.66, -0.21, 0.38, 1.17) 0.25s;
  -mos-transition: all 0.35s cubic-bezier(0.66, -0.21, 0.38, 1.17) 0.25s;
  -o-transition: all 0.35s cubic-bezier(0.66, -0.21, 0.38, 1.17) 0.25s;
  -ms-transition: all 0.35s cubic-bezier(0.66, -0.21, 0.38, 1.17) 0.25s;
  transition: all 0.35s cubic-bezier(0.66, -0.21, 0.38, 1.17) 0.25s;
}

body.menu-opened #btn-close-mainmenu #cross>span:first-child {
  -webkit-transform: rotate(-42deg);
  -moz-transform: rotate(-42deg);
  -ms-transform: rotate(-42deg);
  -o-transform: rotate(-42deg);
  transform: rotate(-42deg);
}

#btn-main-menu {
  position: relative;
  color: #e6ecee;
  overflow: hidden;
}

#btn-main-menu .collapse-button {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
}

#btn-main-menu .collapse-button>span {
  display: inline-block;
  vertical-align: middle;
  -webkit-transition-delay: 0.25s;
  -moz-transition-delay: 0.25s;
  -o-transition-delay: 0.25s;
  -ms-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

#btn-main-menu .collapse-button .icon-bar {
  background-color: #333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  display: block;
  height: 3px;
  width: 36px;
  margin: 5px 0;
  position: relative;
}

#btn-main-menu .collapse-button .icon-bar:nth-child(2) {
  width: 24px;
  margin-left: 12px;
}

@media all and (max-width: 1366px) {
  #btn-main-menu {margin-right: -1rem !important;}
.num { padding: 26% 0 8% 0 !important;}
}
@media all and (min-width: 1000px) {
  #btn-main-menu {
    cursor: pointer;
    margin-right: -4rem;
    margin-left: 1rem;
  }
}
@media all and (min-width: 1281px) {
  #btn-main-menu:hover .collapse-button .icon-bar {
    -webkit-transition: all 0.3s ease;
    -mos-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #b80004;
  }
}

.main-header .logo-word>span {
  word-break: keep-all;
  font-size: 13px;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
  color: #b80000;
}

.main-header .logo-word>span:first-child {
  font-size: 1.25rem;
  color: #b80000;
}
.main-header .logo-word span {
  word-break: keep-all;
}

.main-header .main-menu01 {
  position: relative;
}

.main-header .main-menu01 ul {
  list-style-type: none;
  margin: 0;
  padding: 0 2rem 0 0;
}

.main-header .main-menu01 ul li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
}

.main-header .main-menu01 ul li a {
  font-size: 1.25rem;
  padding-left: 0rem;
  padding-right: 0rem;
}

.main-header .main-menu01 ul li a:hover, .main-header .main-menu01 ul li a:active, .main-header .main-menu01 ul li a:focus, .main-header .main-menu01 ul li a.active {
  color: #b80000;
}

.main-header .main-h-link, .main-header .h-link-text {
  display: inline-block;
  vertical-align: middle;
}

.main-header .h-link-text {
  font-size: 1.125rem;
  margin-left: 1rem;
  text-decoration: none;
color: #333;
}


.main-menu02>div {
  margin-left: 0rem;
  padding: 2rem 0.5rem;
}

.lang-wrap {
  position: relative;
}

.lang-wrap .btn-lang {
  cursor: pointer;
  color: #333;
}

.lang-wrap .lang-list {
  width: 5rem;
  position: absolute;
  top: 4.25em;
  right: 0;
  list-style: none;
  max-height: 0;
  overflow: hidden;
  padding: 0;
  background: rgba(184, 0, 2, 0.75);
}

.lang-wrap .lang-list a {
  display: block;
  padding: 0.5rem 0.5em;
  text-align: center;
color: #fff;
}

.lang-wrap .lang-list a:hover, .lang-wrap .lang-list a:focus {
  color: #b80000;
  background: #fff;
}

.lang-wrap.m-lang-wrap {
  margin-bottom: 1.5rem;
}

.lang-wrap.m-lang-wrap #m-btn-lang {
  cursor: pointer;
  color: white;
}

.lang-wrap.m-lang-wrap .lang-list {
  position: static;
  width: auto;
  margin-top: 1rem;
  margin-bottom: 0 !important;
}

.lang-wrap.m-lang-wrap .lang-list li {
  margin-bottom: 0 !important;
}

.lang-wrap.m-lang-wrap .lang-list li.active {
  background: rgba(59, 162, 221, 0.5);
}

.lang-wrap.m-lang-wrap .lang-list li a {
  font-size: 1rem;
}

@media all and (min-width: 1200px) {
  .lang-wrap:hover .lang-list {
    max-height: 800px;
  }
}

.lang-opened .lang-list {
  max-height: 800px;
}

.search-wrap {position: relative; width:9rem;}

#search-i{float:left; width:2rem; height:33px; overflow:hidden; margin-top:0px;  box-sizing: border-box; padding-top: 7px;  border: 1px solid #dddddd;border-left: none;}
#search-bg{float:left; width:6rem; height:33px; line-height: 33px;overflow:hidden; padding-left:14px; margin-top:0px; box-sizing: border-box;     border: 1px solid #dddddd;border-right: none;}
.search-text{ font-size:14px;color: #999999;justify-content: center;align-items: center;}
.search-text a{ font-size:15px; color: #fff !important;}
.search-text a:hover{ font-size:15px; color: #ffffff;}
.search-text span{ float:left;  color:#ffffff;font-size: 15px;}
#infoname{ border:none;background:none; outline:none;} 
.search_name {float: left;font-size:22px;color: #ffffff; line-height: 32px;position: relative;z-index: 5;padding: 15px 0;width: 264px;height: 96px;background: #cb0303;text-align: center;}

.company_name {
  color: #333;
font-size:32px;
font-weight:bold;
}

@media all and (max-width: 575px) {
  .company_name {
    text-shadow: 0;
  }
}

.company_name_en {
  color: #999;
font-size:12px;
}

.m-search-wrap input {
  margin-top: 1px;
  margin-bottom: 1px;
}

.m-search-wrap .btn-search {
  border: 1px solid rgba(255, 255, 255, 0.95);
  margin-left: 0.25rem;
  padding: 0.25rem 1rem;
  margin: 0 0 1.5rem 0.25rem;
}

.m-search-wrap .btn-search:hover {
  opacity: 0.7;
}

.main__dropmenu__wrap:hover .main__dropmenu {
  display: block;
  max-height: 9999px;
  opacity: 1;
  -webkit-transition: opacity 0.35 ease;
  -mos-transition: opacity 0.35 ease;
  -o-transition: opacity 0.35 ease;
  -ms-transition: opacity 0.35 ease;
  transition: opacity 0.35 ease;
}

.main__dropmenu {
  display: none;
  position: absolute;
  white-space: nowrap;
  left: 0;
  bottom: -33px;
  padding-top: 0.5rem !important;
  padding-left: 1rem !important;
  -webkit-transform: translate(0, 100%);
  -mos-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  transform: translate(0, 100%);
  max-height: 0;
  /* overflow: hidden; */
  opacity: 0;
  -webkit-transition: opacity 0.35 ease;
  -mos-transition: opacity 0.35 ease;
  -o-transition: opacity 0.35 ease;
  -ms-transition: opacity 0.35 ease;
  transition: opacity 0.35 ease;
}

.main__dropmenu__item {
  display: block !important;
}
  .main__dropmenu__item > a , .main__dropmenu__item > .wrap__dropmenu__subitem > a {
    display: block;
    padding: 0.75rem 1rem !important;
    background-color: rgba(184, 0, 2, 0.75);
    text-align: left !important;
    -webkit-transition: all 0.3s ease;
    -mos-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #e6ecee !important; }
    .main__dropmenu__item > a:hover , .main__dropmenu__item > .wrap__dropmenu__subitem > a:hover{
      background-color: white;
      text-shadow: none !important;
      color: #b80000 !important;
      -webkit-transition: all 0.3s ease;
      -mos-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      transition: all 0.3s ease; }

    .main__dropmenu__item > .wrap__dropmenu__subitem > i {
      position: absolute;
      color: #e6ecee !important;
      right: 8px;
      top: 50%;
      transform: translateY(-50%);
    }

    .wrap__dropmenu__subitem:hover i{
      color: #b80000 !important;
    }

.sub__dropmenu__item{
  display: block !important;
  background-color: rgba(21, 85, 145, 0.8);
  text-align: left !important;
  -webkit-transition: all 0.3s ease;
  -mos-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #e6ecee !important;
}
.main-header .main-menu01 ul li .sub__dropmenu__item:hover{
  background-color: white;
}
.main-header .main-menu01 ul li .sub__dropmenu__item:hover a{
  color: #b80000;
}

.main-menu01 ul li .sub__dropmenu__item a{
  padding-left: 0;
  padding-right: 0;
  color: #e6ecee;
}
.main__dropmenu__item > .wrap__dropmenu__subitem > .dropmenu__subitem {
  padding: 0.75rem 1.75rem 0.75rem 1rem !important;
}

.wrap__dropmenu__subitem:hover .sub__dropmenu{
  display: block !important;
}

.wrap__dropmenu__subitem{
  position: relative;
}

.main-header .main-menu01 ul .sub__dropmenu{
  position: absolute;
  top: 0;
  left: 100%;
  padding: 0;
  font-size: 1.25rem;
  display: none;
}

body:not(.inner-page) .btn__main__dropmenu {
  font-size: 1.25rem;
  color: #333;
  padding-left: 1rem;
  padding-right: 1rem;
  position: relative;
padding: 2.35rem 1rem;
}

.main__dropmenu__wrap:hover body:not(.inner-page) .btn__main__dropmenu {
  color: #b80000;
}
body.inner-page .btn__main__dropmenu {
  display: block;
  color: #363d4c;
  text-shadow: none;
  padding: 2.35rem 1rem;
  position: relative;
  z-index: 1;
  font-size: 1.25rem;
}
.inner-page .main-header>div:not(#main-menu) .main-menu01 .btn__main__dropmenu a {
  padding: 0;
  display: contents;
  color: #363d4c;
}
body.inner-page .btn__main__dropmenu {
  display: block;
  color: #363d4c;
  text-shadow: none;
  padding: 2.35rem 1rem;
  position: relative;
  z-index: 1;
  font-size: 1.25rem;
}

body.inner-page .btn__main__dropmenu:before {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  background: #b80000;
  -webkit-transition: all 0.3s ease;
  -mos-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

body.inner-page .main__dropmenu__wrap:hover .btn__main__dropmenu {
  color: #b80000;
}

body.inner-page .main__dropmenu__wrap:hover .btn__main__dropmenu:before {
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  -mos-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

body.inner-page .main__dropmenu {
  padding-top: 0 !important;
}

.inner-page {
  background: #fff;
}

.inner-page .main-header {
  position: fixed;
  background: #fff;
  padding: 0;
  z-index: 20;
}

.inner-page .main-header.nav-scroll {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 0.5rem;
  transition: 0.5s;
}

.inner-page .main-header.nav-ontop {
  background: #fff;
  /* padding: 1.35rem 0; */
  transition: 0.5s;
}

.inner-page .main-header>div:not(#main-menu) a, .inner-page .main-header>div:not(#main-menu) .lang-wrap .btn-lang, .inner-page .main-header>div:not(#main-menu) #btn-main-menu {
  color: #363d4c;
}

.inner-page .main-header>div:not(#main-menu) a:hover, .inner-page .main-header>div:not(#main-menu) a:active, .inner-page .main-header>div:not(#main-menu) a:focus, .inner-page .main-header>div:not(#main-menu) a.active, .inner-page .main-header>div:not(#main-menu) .lang-wrap .btn-lang:hover, .inner-page .main-header>div:not(#main-menu) .lang-wrap .btn-lang:active, .inner-page .main-header>div:not(#main-menu) .lang-wrap .btn-lang:focus, .inner-page .main-header>div:not(#main-menu) .lang-wrap .btn-lang.active, .inner-page .main-header>div:not(#main-menu) #btn-main-menu:hover, .inner-page .main-header>div:not(#main-menu) #btn-main-menu:active, .inner-page .main-header>div:not(#main-menu) #btn-main-menu:focus, .inner-page .main-header>div:not(#main-menu) #btn-main-menu.active {
  color: #b80000;
}

.inner-page .main-header>div:not(#main-menu) .lang-wrap .lang-list {
  background: white;
  -webkit-box-shadow: 0px 0px 24px 0px rgba(54, 61, 76, 0.35);
  -moz-box-shadow: 0px 0px 24px 0px rgba(54, 61, 76, 0.35);
  box-shadow: 0px 0px 24px 0px rgba(54, 61, 76, 0.35);
}

.inner-page .main-header>div:not(#main-menu) .logo-pic img {
  width: 100px;
}

.inner-page .main-header>div:not(#main-menu) .main-menu01:after {
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -mos-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.inner-page .main-header>div:not(#main-menu) .main-menu01 ul li a {
  display: block;
  color: white;
  text-shadow: none;
  padding: 1rem 1rem;
  position: relative;
  z-index: 1;
}

.inner-page .main-header>div:not(#main-menu) .main-menu01 ul li a:hover, .inner-page .main-header>div:not(#main-menu) .main-menu01 ul li a:active, .inner-page .main-header>div:not(#main-menu) .main-menu01 ul li a:focus, .inner-page .main-header>div:not(#main-menu) .main-menu01 ul li a.active, .inner-page .main-header>div:not(#main-menu) .main-menu01 ul li a.current {
  color: #b80000;
}

.inner-page .main-header>div:not(#main-menu) .main-menu01 ul li a:before {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  background: #b80000;
  -webkit-transition: all 0.3s ease;
  -mos-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.inner-page .main-header>div:not(#main-menu) .main-menu01 ul li a:hover, .inner-page .main-header>div:not(#main-menu) .main-menu01 ul li a:active, .inner-page .main-header>div:not(#main-menu) .main-menu01 ul li a:focus, .inner-page .main-header>div:not(#main-menu) .main-menu01 ul li a.active, .inner-page .main-header>div:not(#main-menu) .main-menu01 ul li a.current {
  color: #b80000;
}

.inner-page .main-header>div:not(#main-menu) .main-menu01 ul li a:hover:before, .inner-page .main-header>div:not(#main-menu) .main-menu01 ul li a:active:before, .inner-page .main-header>div:not(#main-menu) .main-menu01 ul li a:focus:before, .inner-page .main-header>div:not(#main-menu) .main-menu01 ul li a.active:before, .inner-page .main-header>div:not(#main-menu) .main-menu01 ul li a.current:before {
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  -mos-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.inner-page #btn-main-menu .collapse-button .icon-bar {
  background-color: #363d4c;
}

.inner-page #btn-main-menu:hover .collapse-button .icon-bar {
  background-color: #b80000;
}

/*banner*/
.slider {width: 100%;}
.slider .slick-slide{height: auto;}
.slider .slick-slide img {width: 100%;}
.slider .slick-prev {left: 26px;z-index: 99;}
.slider .slick-next {right: 40px;}
.slider .slick-dots{bottom: 12px !IMPORTANT}
.slick-dotted.slick-slider{margin-bottom: 0 !important;}
.slider .slick-dotted.slick-slider{margin-bottom: 0 !important;}
.slider .slick-prev:before, .slick-next:before{font-size: 34px;}
.slider .slick-dots li{margin:0 2px !important;}
.slider .slick-dots li button{font-size:0 !important;}
.slider .slick-dots li button:before{color: #fff;opacity: 1;font-size:42px;font-family: 'sht' !important; content: ' ' !important;background: #fff; border-radius: 50px;width:10px !important;height: 10px !important;}

.slider .slick-dots li.slick-active button:before{color:#b80004;font-size:52px;}
.slider .slick-prev:before, .slick-next:before{font-family: "iconfont";font-size: 34px;}
.slider .slick-prev:before {content: '\e640';display: block;font-family: "iconfont";font-size: 34px;}
.slider .slick-next:before{content: '\e635';font-family: "iconfont";font-size: 34px;}
.slider .slick-dots {bottom: 50px;z-index: 999;}

.section1_box{ background-color:#131727; padding:70px 0;}
.section1_box ul{ overflow:hidden;}
.section1_box li{ width:23%; float:left; margin:0 1%; background-color:#ffffff; padding:20px 30px; box-sizing:border-box; position:relative;}
.section1_box li span{ display:block; width:28px; height:28px; border-radius:50%; border:1px #b80004 solid; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; color:#b80004;line-height:28px;}
.section1_box li h3{ margin:20px 0; font-weight:bold; font-size:24px;}
.section1_box li p{ font-size:16px; line-height:20px; margin-bottom:20px;width: 80%;}
.section1_box li i{ float:right; display:block; color:#ccc; font-size: 22px;}
.section1_box li:before{ content:""; display:block; width:93px; height:86px; position:absolute; left:0; bottom:0;}


/*客户见证*/
.suc_bc{background:#f8f8f8;padding: 70px 0;}
.jz_tit p{color: #fff;}
.jz_tit b{color: rgba(255,255,255,.26);}
.appli_con {padding: 3% 0 0;max-width: 1500px; margin: 0 auto;}
.appli_call {}
.appli_call .divdgweb_new_div {margin-bottom:0 !important;}
.appli_call .divdgweb_new_div_item {display: flex !important;flex-direction: column-reverse;width: 20%;margin: 0 0.1%;background: #fff; overflow: hidden;}
.appli_call .divdgweb_new_div_item_content {display:flex;flex-direction: column;align-items: center;padding: 6% 12%;}
.appli_call .divdgweb_new_div_item_title {}
.appli_call .divdgweb_new_div_item_title a {font-size:18px;}
.appli_call .divdgweb_new_div_item_body {font-size: 14px;width: 100%;text-overflow: ellipsis;-webkit-line-clamp: 3;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;line-height:27px;font-weight: lighter;margin: 4% 0;color:#999;}
.appli_call .news_div_item_pic {}
.appli_call .news_div_item_pic a {overflow:hidden;}
.appli_call .news_div_item_pic a img {width:100%;height:auto;transition: 0.5s;}
.appli_call .divdgweb_new_div_item:hover img {transform:scale(1.1);}
.appli_call .ban_dot {display: flex !important;width: 100%;left: 0;justify-content: center;align-items: center;margin: 4% 0 0;text-decoration: overline;width: 100%;height: 1px;background: rgba(0,0,0,0.1);z-index: -1;}
.appli_call .ban_dot li {width: 6px;height: 6px;display: inline-block;background: #ccc;margin: 0 3%;transition: 0.5s;border-radius: 50%;position: relative;z-index: 5;cursor: pointer;}
.appli_call .ban_dot li:before {content:'';width: 18px;height: 18px;border: 1px solid #b90000;position:absolute;top:0;left: -7px;border-radius:50%;margin: auto;bottom: 0;opacity:0.5;transition:0.5s;transform:scale(0);}
.appli_call .ban_dot li.slick-active:before {opacity:1;transform:scale(1);}
.appli_call .ban_dot li button {font-size:0;border: none;outline: none;}

/*adv*/
.ripple,.ripple:before,.ripple:after {position: absolute;left: 50%;top: 50%;height: 68px;width: 68px;margin-left: -34px;border-radius: 50%;-webkit-box-shadow: 0 0 0 0 rgb(255,255,255,0.64);box-shadow: rgba(135, 186, 57, 0.64);animation: ripple 3s infinite;margin-top: -34px;}
.ripple{font-size: 30px;color: #fff;width: 68px;height: 68px;border-radius: 100%;line-height: 65px;text-align: center;border: 3px solid #fff;margin-top: 32px;padding-left: -6px;}
.ripple:before {-webkit-animation-delay: .9s;animation-delay: .9s;content: "";position: absolute;right: 0;bottom: 0;}
.ripple:after {-webkit-animation-delay: .6s;animation-delay: .6s;content: "";position: absolute;right: 0;bottom: 0;}
.video_box2{width:100%;height:100%;background:rgba(0,0,0,0.6);position: relative;top:0;left:0;z-index:-1;opacity:0;transition:600ms ease;}
.video_box2.cur{opacity:1;z-index:999;transition:600ms ease;}
.video2{width: 1044px;height: 518px;border: 10px solid rgba(0,0,0,0.5);position: fixed;top:-100%;left:50%;transform: translate(-50%, -50%);transition:600ms ease;}
.video_box2.cur .video2,.video_box2.cur .video_x2{top:50%;transition:600ms ease;}
.video_x{width:50px;height:50px;border-radius:50px;background:#fff;position: fixed;top:-100%;left:50%;margin-left:520px;margin-top:-250px;text-align: center;line-height:50px;font-size:22px;font-weight: lighter;cursor: pointer;transition:600ms ease;}

@keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 70px rgba(0, 0, 0, .0);
            box-shadow: 0 0 0 70px rgba(0, 0, 0, .0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, .0);
  }
}
.bil_bc{width: 1300px;background: url(//memberpic.114my.com.cn/0387561/uploadfile/image/20230509/20230509092550_245425871.jpg) no-repeat center; height: 604px;z-index: 999; margin: 0 auto; position: relative;margin-top: 70px;}
.bil_bc:after {position: absolute;content: '';width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); left: 0; top: 0; z-index: -1;}
.bil_wz {text-align: center; padding-top: 80px; position: relative; width: 80%; margin: 0 auto;}
.bil_wz b{display: block;font-size: 42px;color: #fff;}
.bil_wz p{font-size: 16px;color: #fff;margin-top: 12px;line-height: 36px;}
.bil_wz em{font-size: 15px;color: #ccc;margin-top: 32px;line-height: 26px; width:100%; text-align:center; font-style:normal; display: block;}

/*num*/
.num {padding:22% 0 8% 0;overflow: hidden; background:#222 url(//memberpic.114my.com.cn/0387561/uploadfile/image/20230510/20230510084959_1640822810.png) no-repeat center top;  position: relative;
    margin-top: -300px;}
.num_box {max-width: 1500px;margin: 0 auto;}
.num_tit {display: flex;flex-direction: column;align-items: center;}
.num_tit b {font-size: 28px;text-transform:  uppercase;font-family:  Arial;}
.num_tit p {font-size: 28px;margin: 1% 0 0;}
.num_con {margin: 0% 0 0;}
.num_con ul {display: flex;justify-content: space-between;}
.num_con li {width: 22%;display: flex;flex-direction: column;align-items: center; position: relative;}
.num_con li b {display: flex;align-items: flex-end;}
.num_con li b i {font-size: 50px;font-family:  DIN Medium;color: #fff; font-style: normal;}
.num_con li b span {font-size: 20px; position: relative; margin-bottom: 9px;color: #999;}
.num_con li p {font-size: 18px;margin: 7% 0 0;    display: flex;flex-direction: column;align-items: center;color: #fff;}
.num_con li p span { font-size: 14px;padding: 3% 0 0; text-transform: capitalize;font-family: Arial;color: #666;}
.num_con li em {margin: 8% 0 0;overflow: hidden;}
.num_con li em img {width: 100%;height: auto;transition:0.5s;}
.num_con li:hover img {transform:scale(1.1);}

/*products*/
.pro_bc {
    background:#fff;
    padding: 70px 0;
}

.pro_tit {
    text-align: center;
}

.pro_tit>b {
    display: inline-block;
    font-size: 80px;
    text-transform: uppercase;
    font-weight: normal;
    color: #e7e8e9;
    position: relative;
}

.pro_tit>p {
    font-size: 42px;
    position: relative;
}

.pro_tit>p>span {
    font-weight: bold;
}

.pro_tit>i {
    font-size: 16px;
    margin-top: 5px;
font-style: normal;
 color: #999;
    display: block;
}

.pro_tit>b:after {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #115dcf;
    top: 9px;
    right: -10px;
}

.pro_ic {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-right: 30px;
}

.pro_lc {
    width: 21%;
    background: linear-gradient(to top, #b80000, #b80000);
    padding: 3%;
    border-radius: 12px;
    position: relative;
}

.pro_rc {
    width: 77%;
    overflow: hidden;
    padding: 0px 0;
}

.pro_ct {
    display: flex;
    align-items: center;
}

.pro_ct>span {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 3px solid rgba(255,255,255,0.27);
    color: #fff;
    font-size: 26px;
    text-align: center;
    line-height: 45px;
    margin-right: 12px;
}

.pro_ct>div>b {
    display: block;
    font-size: 30px;
    color: #fff;
}

.pro_ct>div>p {
    font-size: 14px;
    font-family: "Arial";
    color: #fff;
}

.pro_lc>em {
    color: #fff;
    font-size: 20px;
    margin: 30px 0 40px 0;
    display: block;
}

.pro_lc>p {
    background: #fff;
    padding: 25px;
    border-radius: 6px;
    margin-top: 40px;
}

.pro_lc ul a {
    display: block;
    font-size: 17px;
    color: #fff;
    position: relative;
    padding-left: 37px;
}

.pro_lc li{
border-bottom: 1px rgba(255,255,255,0.3) solid;
line-height:80px;
}

.pro_lc ul a:after {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 1px solid rgba(255,255,255,0.55);
    top:34px;
    left: 8px;
    transition: all .5s;
}
.pro_lc ul li.on a:after {
    background: #fff;
}
.pro_item ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 18px;
}

.pro_item {
    display: flex;
    transition: all .5s;
}

.pro_item>div {
    flex-shrink: 0;
    width: 100%;
}

.pro_item ul img {
    width: 100%;
    height: auto;
    transition: all .75s;
}

.pro_item li {
    width: 32%;
    overflow:hidden;
    position:relative;
}
.pro_item>div:nth-child(-n+2) li {
    border-left: none;
}
.pro_item li:after{content: '';cursor: pointer;position: absolute;left: -100%;top: 0;width:100%;height:100%;background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform: skewx(-25deg);}
.pro_item li:hover:after{left:100%; -moz-transition:.75s; -o-transition:.75s; -webkit-transition:.75s; transition:.75s;}

.pro_item li span a {
    display: block;
    height: 67px;
    background: #333;
    color: #fff;
    font-size: 18px;
    line-height: 67px;
    padding-left: 24px;
    position: relative;
    transition: all .5s;
}

.pro_item li span a:after {
    position: absolute;
    content: "\eb8d";
    font-family: "iconfont";
    font-size: 22px;
    right: 26px;
}



.pro_lc * {
    z-index: 2;
    position: relative;
}

.pro_ic:before {
    position: absolute;
    content: "";
    width: 99%;
    height: 100%;
    top: 0;
    right: 0;
    box-sizing: border-box;
    border-radius: 12px;
}

.pro_item li:hover span a {
    background: #b80004;
}

.pro_item li>a {
    display: block;
    overflow: hidden;    border: 1px solid #eee;
}

.pro_item li br {
    display: none;
}

.pro_item li:hover img {
    transform: scale(1.1);
}
.pro_lc>p img {
    width: 100%;
}
@media screen and (max-width: 1540px){
    .pro_lc{padding:32px;min-width:285px;}
}
@media screen and (max-width: 1420px){
.pro_ic{padding-right:20px;}
}


/*流程*/
 .process{width: 100%;min-width: 1200px; margin-top: 0px; padding:70px 0 70px 0;}
 .process_b{ margin-top:40px;}
 .process_b li{ display: block;width: 13.4%; border-radius: 15px; overflow: hidden;float: left;background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.06); position: relative;transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; }
 .process_b li:after{display: block;content: ""; position: absolute; z-index: 1; background: #b80000;width: 185px;height: 0;transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; top: 0;left: 0;}
 .process_b li:hover:after{ height: 200px;}
 
 .process_b li .word{text-align: center; box-sizing: border-box;padding:20px;line-height: 32px;color: #333; position: relative;z-index: 2;}
 .process_b li .word dl{font-size: 40px; font-family: "din";color: #ddd; line-height: 50px;}
 .process_b li .word p{ font-size: 22px;font-weight: bold;}
 .process_b li .img{ display: block;width: 100%; height: 100%; overflow: hidden;position: relative;z-index: 2;}
 .process_b li .img img{height: 100%;}
 .process_b li+li{ margin-left: 1%;}
 .process_b li:hover p{ color: #fff;transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; }
 .process_b li:hover{ border-radius: 0;}
/*news*/
.news {padding: 70px 0 10px 0;position:relative;z-index: 5; background: #f8f8f8;}
.news_bg{width:100%;background: #f8f8f8;padding: 80px 0;    overflow: hidden;}
.news_t{text-align:left;float:left;}
.news_t dd:after{display:none;}
.news_t p {font-size: 36px;font-weight:normal; color: #333;}
.news_t dd {font-size: 18px;color: #666;line-height: 30px;font-weight:100;margin-top: 10px;}
.news_a{width:auto;}
.news_a a{width:152px;height:46px;font-size: 18px;color:#333;float:left;font-weight:100;box-sizing: border-box;text-align:center;margin-left:20px;display: flex;align-items: center;justify-content: center;}
.news_a a.on{background: #b80004;color:#fff;}
.news_b{height: 488px;margin-top: 60px;position: relative;}
.new_tit {display: flex;justify-content: space-between;align-items: center;}
.new_item{     width: 100%; flex-shrink: 0;}
.new_item>div {display: flex;justify-content: space-between;}
.new_lc .news_div_item {display: flex;flex-direction: column-reverse;width: 49%;
position: relative;padding: 0px 0px 60px;}
.new_lc .news_div_item:hover img {    transform: scale(1.1);}
.new_lc .news_div {display: flex;justify-content: space-between;}
.new_lc {width: 68%;}
.new_rc {width: 30%;}
img.news_div_item_image {width: 100%;transition: 0.5s;}
.new_rc .news_div_item_pic,.new_rc .news_div_item_date {display: none;}
.new_ic {margin-top: 50px;position: relative;overflow: hidden;}
.new_ic>div {    display: flex; transition: 0.5s;}
.new_lc a.news_div_item_a {font-size: 18px;color: #333;position: relative;display: block;margin-top: 20px;}
.new_lc .news_div_item_body {font-size: 14px;color: #999;line-height: 26px;margin-top: 35px;
 height: 52px;overflow: hidden;}
.new_lc .news_div_item_date {display: flex;position: absolute;bottom: 129px;left: 2%;}
.new_lc .news_div_item_date>div {font-size: 12px;color: #999;}
.new_lc .news_div_item_content{padding: 0 2%;}
.new_lc .news_div_item_pic {}
.new_lc .news_div_item_pic a {overflow:hidden;    display: block;}
.new_lc .news_div_item_a:after {position: absolute;content: "read more +";font-size: 14px;color: rgb(34,34,34); bottom: -90px;left: 0;}
.new_rc .news_div_item {padding: 9% 2%;position: relative; border-bottom: 1px rgba(0,0,0,0.1) solid;}
.new_rc .news_div_item:nth-child(n+3):after{content:"";display:block;width:0;height:6px;background:#b80004;transition:0.3s all ease-in-out;position: absolute;bottom: 0;left: 0;}
.new_rc .news_div_item:nth-child(n+3):hover::after{width:100%;}
.new_rc .news_div_item:nth-child(-n+2) {display: none;}
.new_rc a.news_div_item_a {display: block;font-size: 18px; color: #333;}
.new_rc .news_div_item_body {font-size: 15px;color:#666;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-top: 15px; line-height: 24px;}

/* links */
.linkk{border-top: 1px rgba(255,255,255,0.05) solid;}
.yq_c{display: flex;align-items: center;height: 96px;}
.l_lj b{font-size: 25px;color: #fff;font-weight: bold;}
.l_lj p{font-size: 14px;color:#999;letter-spacing: 4px;margin-top:0px;margin-bottom: 0rem !important;}
.linkTagcs{width:100%!important;padding-left: 10px;}
.l_lj{width: 8%;}

/*copy*/
.cop_c{display: flex;justify-content: space-between;align-items: center;}
.cop_wz>b{font-size: 30px;margin-bottom: 18px;display: block;color: #333;}
.cop_wz>p{font-size: 16px;color: #333;line-height: 28px;}
a.cop_btn{display: block;border: 1px solid #eee;color: #666;font-size: 16px;padding: 10px 25px;}
.foot{}
.foot .ftnav dl dd a {display: block;color: #666;line-height: 200%;font-size: 15px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding-left: 20px;position: relative;}
.foot .ftnav dl dt, .ftcontact dl dt {font-size: 20px;color: #fff;margin-bottom: 15px;margin-top: 18px;padding-left: 18px; font-weight:normal;}
.foot .ftnav dl dt{border-left: 2px solid #666;}
.foot .ftnav {display: flex;justify-content: space-between;width: 56%;}
.ftcontact dl dt.t2 {font-size: 30px;font-weight: bold;color: #fff;font-family:din;}
.ftcontact dl dt.t2::after {content: " ";display: block;float: right;width: 37%;height: 1px;background-color: #333;margin-top: 10px;margin-bottom: 15px;position: absolute;right: 0;}
.foot .ftcontact p {color: #fff;font-size: 14px;line-height: 30px; margin-bottom: 0rem !IMPORTANT;}
.foot .ftcontact a {color: #fff;}
.ftwap {max-width: 170px;min-width: 130px;text-align: center;font-size: 14px;color: #898989;margin-top: 3%;float: right;}
.foot_c {display: flex;justify-content: space-between; padding-bottom:50px;}
.foot {color: #ccc;background:#222 url(//memberpic.114my.com.cn/0387561/uploadfile/image/20230510/20230510084959_1640822810.png) no-repeat center top;padding: 40px 0 0 0;overflow: hidden;position: relative;z-index: 2;}
.ftcontact {box-sizing: border-box;position: relative;width: 29%;text-align: right;margin-top: 2%;}
.ftwap img {width: 100%;border-radius: 5px;margin-bottom: 10px;}
.ftcontact dd{margin-top: 9px;}
.foot .ftnav dl dd a:hover {color: #b80004;text-decoration: underline;}
.copy_bg {border-top: 1px solid rgba(255,255,255,.05);}
.copy_bg div {color: #999; line-height: 24px; line-height: 24px; padding: 10px 0;}
.copy_bg div a {color: #999;font-size: 15px;}
.copy_bg div a:hover{color: #666;}
.copy_b {display: flex;justify-content: space-between;align-items: center;}

.linkk+.foot{border-top: none;}