@font-face{
  font-family: "om";

  src: url('../fonts/Oswald-Medium.ttf') format('truetype');
}
/* tabBar START */
.tabBar {
  position: fixed;
  bottom: -100%;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  min-width: 320px;
  text-align: center;
  box-shadow: 0px -15px 30px rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.tabBar .item {
  color: #333;
  background: #fff;
  padding: 15px 0;
}

.tabBar .item .item_icon {
  font-size: 40px;
  color: #444;
}

.tabBar .item .explain {
  font-size: 18px;
  font-weight: bold;
  color: #555;
  margin-top: 5px;
}

.tabBar .item:active {
  background: #f4f4f4;
}

.tabBar .item:active .item_icon {
  color: #ff9c00;
}

.tabBar .item:active .explain {
  color: #ff9c00;
}

/* tabBar END */


@font-face {
  font-family: "DSB";
  src: url('../fonts/DancingScript-Bold.otf') format('opentype');
}



/* header START */
.header {
  height: 100px;
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.header .center {
  width: 100%;
  padding: 0 40px;
}

.header.fixed {
  position: fixed;
  z-index: 10000;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 1920px;
  min-width: 320px;
}

.header .header_mask {
  background: rgba(0, 0, 0, 0.3);
}

.header.active .header_mask {
  background: none;
}

.header.index_header {
  background: rgba(0, 0, 0, .15);
}

.header.active,
.header#header_active {
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.header.active .logo img,
.header#header_active .logo img {
  display: none;
}

.header.active .logo img.active,
.header#header_active .logo img.active {
  display: block;
}

.header.active .nav .item .first_nav,
.header#header_active .nav .item .first_nav {
  color: #333;
}

.header.active .nav .item .first_nav .line,
.header#header_active .nav .item .first_nav .line {
  background: #ff9c00;
}

.header.active .header_info,
.header#header_active .header_info {
  color: #555;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.header.active .header_info .header_info_list,
.header#header_active .header_info .header_info_list {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.header.active .header_info .line,
.header#header_active .header_info .line {
  background: #000;
  opacity: 0.3;
}

.header.active .header_info .header_phone,
.header#header_active .header_info .header_phone {
  color: #ff9c00;
}

.header.active .m_nav_control,
.header#header_active .m_nav_control,
.header.active .m_mailbox_login,
.header#header_active .m_mailbox_login {
  color: #555;
}

.header.box_shadow {
  box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.08);
}

.header .logo {
  height: 54px;
}

.header .logo img {
  display: block;
}

.header .logo img.active {
  display: none;
}

.header .nav {
  margin-left: 100px;
}

.header .nav .item {
  position: relative;
}

.header .nav .item:not(:last-child) {
  margin-right: 40px;
}

.header .nav .item .first_nav {
  color: #fff;
  padding: 0 4px;
  position: relative;
  line-height: 99px;
}

.header .nav .item .first_nav:hover .line {
  width: 100%;
}

.header .nav .item .first_nav .active+.line {
  width: 100%;
}

.header .nav .item .first_nav .line {
  background: #ffffff;
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  width: 0;
  margin: auto;
  height: 3px;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.header .nav .item .second_nav {
  display: none;
  position: absolute;
}

.header .header_info {
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  text-align: center;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  width: 250px;
  height: 99px;
}

.header .header_info .header_info_list {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.header .header_info .item {
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.header .header_info .item:hover {
  color: #ff9c00;
}

.header .header_info .item .item_icon {
  font-size: 20px;
  margin-right: 7px;
}

.header .header_info .line {
  height: 16px;
  width: 1px;
  background: #fff;
  opacity: 0.85;
  margin: 0 12px;
}

.header .header_info .header_phone {
  color: #ffd400fa;
  font-size: 26px;
  font-weight: bold;
  line-height: 50px;
}

.header .m_nav_control,
.header .m_mailbox_login {
  width: 36px;
  height: 36px;
  color: #fff;
  overflow: hidden;
  line-height: 36px;
  position: relative;
  text-align: center;
  font-size: 34px;
  display: none;
}

.header .m_nav_control:active,
.header .m_mailbox_login:active {
  color: #ff9c00;
}

.header .m_nav_control .iconfont {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  top: -36px;
}

.header .m_nav_control .iconfont.active {
  top: 0;
}

.header .m_nav_control .iconfont.close {
  font-size: 32px;
  color: #ff9c00;
}

.m_nav {
  position: fixed;
  width: 30%;
  bottom: 0;
  top: 100px;
  background: #FAFAFA;
  border-top: 1px solid #EBEBEB;
  box-shadow: -15px 0 30px rgba(0, 0, 0, 0.08);
  overflow-y: auto;
  padding: 15px 0 130px;
  visibility: hidden;
  z-index: 100;
  right: -30%;
  opacity: 0;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  white-space: nowrap;
}

.m_nav.active {
  visibility: visible;
  z-index: 9999;
  opacity: 1;
  right: 0;
}

.m_nav .list .item {
  color: #9E9E9E;
  text-align: right;
  border-bottom: 1px solid #EBEBEB;
}

.m_nav .list .first_nav {
  padding: 0 15px;
  line-height: 54px;
  position: relative;
  padding-right: 50px;
  color: #9e9e9e;
}

.m_nav .list .first_nav.active {
  background: #fff;
  color: #2a2a2a;
}

.m_nav .list .first_nav.active .dot {
  background: #666;
}

.m_nav .list .first_nav.active .line .inside_line {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  opacity: 0;
}

.m_nav .list .first_nav .dot {
  width: 8px;
  height: 8px;
  border: #474747 1px solid;
  border-radius: 50%;
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.m_nav .list .first_nav .line {
  position: absolute;
  left: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 12px;
  height: 2px;
  background: #888;
}

.m_nav .list .first_nav .line .inside_line {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 12px;
  height: 2px;
  background: #888;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}

.m_nav .list .second_nav {
  display: none;
}

.m_nav .list .second_nav .second_nav_item {
  color: #A8A8A8;
  padding: 0 15px;
  line-height: 54px;
  background: #fff;
  border-top: 1px solid #e8e8e8;
  position: relative;
  padding-right: 40px;
}

.m_nav .list .second_nav .second_nav_item:active {
  background: #FAFAFA;
}

.m_nav .list .second_nav .second_nav_item .iconfont {
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  height: 14px;
  font-size: 12px;
  line-height: 14px;
  margin: auto;
  color: #B4B4B4;
  -o-transform: translateZ(0) scale(0.8);
  -moz-transform: translateZ(0) scale(0.8);
  -webkit-transform: translateZ(0) scale(0.8);
  transform: translateZ(0) scale(0.8);
}

.m_nav .phone {
  padding: 0 15px;
  margin-top: 20px;
  font-weight: bold;
  color: #ff9c00;
  font-size: 24px;
  text-align: right;
}

/* header END */
/* footer START */
.footer {
  background: #f0f0f0;
  color: #333;
}

.footer .center {
  width: 1400px;
}

.footer .footer_middle {
  padding: 70px 0;
}

.footer .footer_middle .left .left_icon {
  font-size: 60px;
  margin-right: 35px;
  -o-transform: translate(0, -6px);
  -moz-transform: translate(0, -6px);
  -webkit-transform: translate(0, -6px);
  transform: translate(0, -6px);
}

.footer .footer_middle .left .explain .explain_title {
  font-size: 14px;
}

.footer .footer_middle .left .explain .explain_content {
  font-size: 18px;
  font-weight: bold;
  margin-top: 22px;
}

.footer .footer_middle .left .explain .explain_time {
  font-size: 12px;
  color: #222;
  margin-top: 12px;
}

.footer .footer_middle .left .explain .explain_link {
  width: 90px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  border: solid 1px rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
  margin-top: 25px;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -moz-backface-visibility: hidden;
  -moz-transform-style: preserve-3d;
}

.footer .footer_middle .left .explain .explain_link:hover {
  border-color: #ff9c00;
  background: #ff9c00;
  color: #fff;
}

.footer .footer_middle .nav .item {
  font-size: 14px;
  line-height: 36px;
  color: #333;
}

.footer .footer_middle .nav .item .item_title {
  font-size: 16px;
  color: #222;
  margin-bottom: 23px;
  line-height: normal;
  -o-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  -moz-backface-visibility: hidden;
  -moz-transform-style: preserve-3d;
}

.footer .footer_middle .nav .item .item_title:hover {
  color: #ff9c00;
}

.footer .footer_middle .nav .item:not(:last-child) {
  margin-right: 90px;
}

.footer .footer_middle .nav .item li:not(.item_title) a {
  display: inline-block;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -moz-backface-visibility: hidden;
  -moz-transform-style: preserve-3d;
}

.footer .footer_middle .nav .item li:not(.item_title) a:hover {
  -o-transform: translate(-8px, 0);
  -moz-transform: translate(-8px, 0);
  -webkit-transform: translate(-8px, 0);
  transform: translate(-8px, 0);
  color: #ff9c00;
}

.footer .footer_middle .right {
  text-align: center;
}

.footer .footer_middle .right .explain {
  margin-top: 36px;
}

.footer .footer_middle .right .explain .explain_picture {
  width: 100px;
  height: 100px;
  background: #f4f4f4;
}

.footer .footer_middle .right .explain .explain_text {
  font-size: 14px;
  margin-top: 8px;
  color: #666;
}


.footer .footer_bottom {
  background: #dcdbdb;
}

.footer .footer_bottom .center {
  height: 80px;
}

.footer .footer_bottom .footer_bottom_top {
  height: auto !important;
  padding-top: 15px;
}

.footer .footer_bottom .blogroll {
  margin-top: -8px;
}

.footer .footer_bottom .blogroll .item {
  font-size: 14px;
  color: #9d9c9c;
  margin-top: 10px;
  margin-right: 15px;
}

.footer .footer_bottom .blogroll .item:active {
  color: #ff9c00;
}

.footer .footer_bottom .blogroll span {
  margin-top: 8px;
}

.footer .footer_bottom .center .left {
  font-size: 12px;
  line-height: 26px;
  color: #333;
  overflow: hidden;
}

.footer .footer_bottom .center .left img {
  height: 18px;
  float: left;
  -o-transform: translate(0, 4px);
  -moz-transform: translate(0, 4px);
  -webkit-transform: translate(0, 4px);
  transform: translate(0, 4px);
  margin-right: 3px;
}

.footer .footer_bottom .center .left a {
  display: inline;
  -o-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}

.footer .footer_bottom .center .left a:hover {
  color: #ff9c00;
}

.footer .footer_bottom .center .right .item {
  height: 32px;
  opacity: 0.9;
  -o-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}

.footer .footer_bottom .center .right .item:not(:first-child) {
  margin-left: 15px;
}

.footer .footer_bottom .center .right .item:hover {
  opacity: 1;
}

/* footer END */
/* index_banner START */
.index_banner {
  position: relative;
  overflow: hidden;
}

.index_banner .swiper-slide {
  z-index: 5;
  height: 930px;
  overflow: hidden;
  position: relative;
}

.index_banner .swiper-slide[class*=active] {
  z-index: 6;
}

.index_banner .m_swiper_banner {
  display: none;
}

.index_banner .swiper_banner {
  position: relative;
}

.index_banner .swiper_banner .swiper_item {
  position: relative;
  height: 100%;
  width: 100%;
}

.index_banner .swiper_banner img {
  position: absolute;
  max-height: none;
  max-width: none;
  min-width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.index_banner .swiper-slide.swiper_video .swiper_item {
  display: none;
}

.index_banner .swiper-slide .video {
  height: 100%;
}

.index_banner .swiper-slide .video video {
  width: 100%;
  min-height: 100%;
  -webkit-object-fit: cover;
  -moz-object-fit: cover;
  -ms-object-fit: cover;
  object-fit: cover;
}

.index_banner .swiper-slide .explain {
  position: absolute;
  z-index: 20px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  color: #fff;
  text-align: center;
}

.index_banner .swiper-slide .explain .explain_title {
  font-size: 50px;
  font-weight: bold;
  letter-spacing: 2px;
}

.index_banner .swiper-slide .explain .explain_content {
  font-size: 24px;
  margin-top: 20px;
  letter-spacing: 1px;
}

.index_banner .swiper-pagination {
  font-size: 0;
  right: 54px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.index_banner .swiper-pagination span {
  opacity: 1;
  width: 8px;
  height: 8px;
  margin: 15px 0;
  background: rgba(255, 255, 255, 0.8);
  position: relative;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.index_banner .swiper-pagination span::after {
  content: '';
  display: block;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 20px;
  width: 20px;
  left: -6px;
  border-radius: 50%;
  border: 2px solid #fff;
  border-left-color: rgba(0, 0, 0, 0);
  -webkit-transform: rotate(160deg);
  transform: rotate(160deg);
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  visibility: hidden;
  opacity: 0;
}

.index_banner .swiper-pagination span[class*=active] {
  background: #fff;
}

.index_banner .swiper-pagination span[class*=active]::after {
  opacity: 1;
  visibility: visible;
  -webkit-transform: rotate(-20deg);
  transform: rotate(-20deg);
}

/* index_banner END */
/* index_main START */
.index_main {
  position: relative;
  overflow: hidden;
}

.index_main .main_title {
  display: none;
}

.index_main .main_aside {
  position: absolute;
  z-index: 10000;
  height: 0;
  left: 0;
  top: 0;
}

.index_main .main_aside.active {
  position: fixed;
  max-width: 1920px;
  width: 100%;
  top: 100px;
  left: 0;
}

.index_main .main_aside .main_aside_container {
  position: absolute;
  left: 50px;
  top: 100px;
}

.index_main .main_aside .main_aside_container .item {
  position: relative;
}

.index_main .main_aside .main_aside_container .item:not(:last-child) {
  margin-bottom: 40px;
}

.index_main .main_aside .main_aside_container .item:not(:last-child)::after {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 30px;
  background: #dedede;
  left: 1px;
  top: 24px;
}

.index_main .main_aside .main_aside_container .item .dot {
  width: 19px;
  height: 19px;
  border-radius: 50%;
  position: absolute;
  left: -8px;
  top: 0;
  z-index: 9;
  border: 1px solid rgba(0, 0, 0, 0);
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  overflow: hidden;
}

.index_main .main_aside .main_aside_container .item .dot .inside_dot {
  z-index: 10;
  width: 5px;
  height: 5px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  background: #959595;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.index_main .main_aside .main_aside_container .item .explain {
  white-space: nowrap;
  line-height: 19px;
  font-weight: bold;
  font-size: 16px;
  color: #ff9c00;
  padding-left: 18px;
  -o-transform: translate(0, 10px);
  -moz-transform: translate(0, 10px);
  -webkit-transform: translate(0, 10px);
  transform: translate(0, 10px);
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  visibility: hidden;
  opacity: 0;
}

.index_main .main_aside .main_aside_container .item.active .explain {
  -o-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  visibility: visible;
  opacity: 1;
}

.index_main .main_aside .main_aside_container .item.active .dot {
  border-color: #ff9c00;
}

.index_main .main_aside .main_aside_container .item.active .dot .inside_dot {
  background: #ff9c00;
}

.index_main .main:nth-child(odd) {
  background-color: #fff;
}

.index_main .main:nth-child(even) {
  background-color: #f9f9f9;
}

.index_main .main1 .main_container {
  width: 100%;
}
.index_main .main1 {
  background-color: #fff !important;
}

.index_main .main1 .main_left {
  width: 500px;
}

.index_main .main1 .main_left .line {
  height: 3px;
  background: #111;
}

.index_main .main1 .main_left .item_icon_img {
  padding-top: 32px;
  text-align: right;
  margin-bottom: -25px;
  margin-right: -20px;
}

.index_main .main1 .main_left .item_icon_img .img {
  display: inline-block;
  width: 97px;
  height: 97px;
  -o-animation: Arotating 10s infinite linear;
  -moz-animation: Arotating 10s infinite linear;
  -webkit-animation: Arotating 10s infinite linear;
  animation: Arotating 10s infinite linear;
}

.index_main .main1 .main_left .item_icon_img .picture_container {
  padding-top: 100%;
}

@-moz-keyframes Arotating {
  0% {
    -o-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
  }

  100% {
    -o-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

@keyframes Arotating {
  0% {
    -o-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
  }

  100% {
    -o-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

.index_main .main1 .main_left .item_container_left {
  position: relative;
  padding-top: 60px;
}

.index_main .main1 .main_left .item_top {
  font-weight: bold;
  font-size: 12px;
  color: #333;
  white-space: nowrap;
  position: absolute;
  left: 40px;
  top: 15px;
}

.index_main .main1 .main_left .item_icon {
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  border-radius: 50%;
  background: #ff9c00;
  font-size: 40px;
  color: #fff;
}

.index_main .main1 .main_left .explain .explain_picture {
  text-align: center;
  -o-transform: translateZ(0) scale(0);
  -moz-transform: translateZ(0) scale(0);
  -webkit-transform: translateZ(0) scale(0);
  transform: translateZ(0) scale(0);
  -o-transition: all 1.5s;
  -moz-transition: all 1.5s;
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
}

.index_main .main1 .main_left .explain .explain_picture.active {
  -o-transform: translateZ(0) scale(1);
  -moz-transform: translateZ(0) scale(1);
  -webkit-transform: translateZ(0) scale(1);
  transform: translateZ(0) scale(1);
}

.index_main .main1 .main_left .explain .explain_content {
  color: #333;
  font-size: 18px;
  font-weight: bold;
  padding-left: 40px;
  margin-top: 40px;
}

.index_main .main1 .main_left .explain .explain_content span {
  margin: 0 5px;
}

.index_main .main1 .main_right {
  margin-left: 13.75%;
  width: 663px;
}

.index_main .main1 .main_right .main_top {
  padding-bottom: 65px;
  border-bottom: 1px solid #eeeeee;
}

.index_main .main1 .main_right .main_top .title_top .cn {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.1;
  color: #222222;
  padding-right: 20px;
  margin-right: 20px;
  position: relative;
}

.index_main .main1 .main_right .main_top .title_top .cn:after {
  content: " ";
  position: absolute;
  width: 1px;
  height: 18px;
  background-color: #eeeeee;
  top: 50%;
  right: 0;
  -o-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

.index_main .main1 .main_right .main_top .title_top .en {
  font-size: 22px;
  line-height: 1.1;
  color: #222222;
  font-family: 'DSB';
}

.index_main .main1 .main_right .main_top .title_top .iconfonts {
  margin-left: 18px;
  font-size: 29px;
}

.index_main .main1 .main_right .main_top .abstract {
  margin-top: 80px;
  font-size: 14px;
  color: #666666;
  overflow: hidden;
  line-height: 30px;
}

.index_main .main1 .main_right .main_bottom {
  padding-top: 65px;
}

.index_main .main1 .main_right .main_bottom .block .icon {
  width: 70px;
  height: 70px;
  text-align: center;
  line-height: 70px;
  border-radius: 50%;
  color: #080808;
  font-size: 25px;
  border: solid 1px #000000;
  margin-right: 30px;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.index_main .main1 .main_right .main_bottom .block:hover .icon {
  color: #ff9c00;
  border: solid 1px #ff9c00;
}

.index_main .main1 .main_right .main_bottom .block:hover .txt .name {
  color: #ff9c00;
}

.index_main .main1 .main_right .main_bottom .block .txt .name {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.1;
  color: #222222;
  margin-bottom: 20px;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.index_main .main1 .main_right .main_bottom .block .txt .abstract {
  font-size: 18px;
  font-weight: lighter;
  line-height: 1.1;
}

.index_main .main1 .main_botom_icon {
  position: relative;
  padding-bottom: 45px;
  text-align: center;
  margin-top: 70px;
}

.index_main .main1 .main_botom_icon .icon_line {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 1920px;
  height: 1px;
  background-color: #eeeeee;
  -o-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}

.index_main .main1 .main_botom_icon .iconfonts {
  position: relative;
  top: 0;
  font-size: 29px;
  color: #080808;
  -o-animation: mose 2s infinite linear;
  -moz-animation: mose 2s infinite linear;
  -webkit-animation: mose 2s infinite linear;
  animation: mose 2s infinite linear;
}

@-moz-keyframes mose {
  0% {
    top: 0;
    opacity: 1;
  }

  100% {
    top: 30px;
    opacity: 0;
  }
}

@keyframes mose {
  0% {
    top: 0;
    opacity: 1;
  }

  100% {
    top: 30px;
    opacity: 0;
  }
}

.index_main .main.main2 {
  background-color: #fff;
}

.index_main .main.main2 .main_title {
  display: none;
}

.index_main .main2 .center {
  width: 1862px;
}

.index_main .main2 .center .box .box_top .left_img {
  width: 50%;
}

.index_main .main2 .center .box .box_top .left_img .block {
  width: 100%;
}

.index_main .main2 .center .box .block {
  width: 50%;
  position: relative;
}

.index_main .main2 .center .box .block.blocks .picture_container {
  padding-top: 112.56713%;
}

.index_main .main2 .center .box .block .picture_container {
  padding-top: 56.28357%;
}

.index_main .main2 .center .box .block .mask {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  -o-transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.index_main .main2 .center .box .block .mask .name {
  font-size: 30px;
  letter-spacing: 2px;
  margin-bottom: 20px;
}

.index_main .main2 .center .box .block .mask .abstract {
  margin-bottom: 30px;

}

.index_main .main2 .center .box .block .mask .iconfont {
  font-size: 25px;
}

.index_main .main2 .center .box .block:hover .mask {
  opacity: 1;
}

.index_main .main3 {
  background-image: url(../images/public/index03_bg.jpg);
  position: relative;
  overflow: hidden;
}


.index_main .main3 .main_container {
  position: relative;
  width: 100%;
}

.index_main .main3 .main_screen {
  min-height: 520px;
}



.index_main .main4 {
  padding: 100px 0;
  background-image: url(../images/public/index04_bg.jpg);
}

.index_main .main4 .main_container {
  width: 100%;
}

.index_main .main4 .items {
  position: relative;
  margin: 0 auto;
  width: 1155px;
  font-size: 0;
}

.index_main .main4 .items li {
  position: relative;
  z-index: 10;
  padding: 0;
  float: left;
  width: 230px;
  border-bottom: 1px dotted #ddd;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}


.index_main .main4 .items li:hover {
  box-shadow: 0 0 15px #999999;
}

.index_main .main4 .items li:not(:nth-child(5n)) {
  border-right: 1px dotted #ddd;
}

.index_main .main4 .items li:nth-child(11),
.index_main .main4 .items li:nth-child(12),
.index_main .main4 .items li:nth-child(13),
.index_main .main4 .items li:nth-child(14),
.index_main .main4 .items li:nth-child(15) {
  border-bottom: none;
}

.index_main .main4 .items li .item_container {
  padding-top: 65.21%;
  position: relative;
  overflow: hidden;
}

.index_main .main4 .items li.active .picture_container {
  top: -100%;
}

.index_main .main4 .items li.active .picture_container.active {
  top: 0;
}

.index_main .main4 .items li .picture_container {
  z-index: 10;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -o-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}

.index_main .main4 .items li .picture_container.active {
  top: 100%;
}

.index_main .main4 .items li.bg.one {
  z-index: 5;
  position: absolute;
  background: #eee;
  border: none !important;
  -o-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  opacity: 0.5;
  display: none;
}

.index_main .main4 .items li.bg.one .one_container {
  padding-top: 65.21%;
}

.index_main .main4 .items li.bg.one.active {
  display: block;
}
.index_main .main.main5 { padding: 150px 0; background-color: #fff;}

.index_main .main5 .center { width: 1400px; }

.index_main .main5 .title_link { font-size: 14px; color: #666666; margin-bottom: 28px; }

.index_main .main5 .title_link .swiper-slide { width: auto; }

.index_main .main5 .title_link .swiper-slide:nth-child(:first-child) .line { margin-left: 0; }

.index_main .main5 .title_link .swiper-slide:nth-child(:last-child) .line { margin-right: 0; }

.index_main .main5 .title_link .swiper-slide .line { cursor: pointer; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; line-height: 18px; margin: 0 24px; }

.index_main .main5 .title_link .swiper-slide.active .line { font-size: 18px; color: #ff9c00; }

.index_main .main5 .box .left_big { padding-top: 10px; padding-bottom: 45px; width: 24.28571%; background-color: #ffffff; border: solid 1px #eeeeee; }

.index_main .main5 .box .left_big .img { padding: 0 5px;margin-bottom: 30px; }

.index_main .main5 .box .left_big .img .picture_container { padding-top: 53.48897%; }

.index_main .main5 .box .left_big .txt { padding: 0 30px; }

.index_main .main5 .box .left_big .txt .tags { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e5e5e5; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.index_main .main5 .box .left_big .txt .tags .time {font-family: 'om'; color: #666666; font-weight: bold; text-align: center; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.index_main .main5 .box .left_big .txt .tags .time .day { font-size: 26px; line-height: 1.1; margin-bottom: 10px; }

.index_main .main5 .box .left_big .txt .tags .time .year { font-size: 14px; }

.index_main .main5 .box .left_big .txt .tags .iconfont { color: #aaaaaa; font-size: 16px; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.index_main .main5 .box .left_big .txt .name { font-size: 18px; line-height: 1.1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 15px; }

.index_main .main5 .box .left_big .txt .abstract { font-size: 14px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 21px; max-height: 63px; min-height: 63px; margin-bottom: 35px; }

.index_main .main5 .box .left_big .txt .more { margin: 0 auto; width: 110px; height: 34px; font-size: 14px; color: #ffffff; line-height: 34px; text-align: center; background-color: #ff9c00; border-radius: 17px; border: solid 1px #ff9c00; }

.index_main .main5 .box .left_big:hover .tags { border-bottom: 1px solid #ff9c00; }

.index_main .main5 .box .left_big:hover .tags .time { color: #ff9c00; }

.index_main .main5 .box .left_big:hover .tags .iconfont { color: #ff9c00; }

.index_main .main5 .box .right_box { width: 72.85714%; border: solid 1px #eeeeee; }

.index_main .main5 .box .right_box .block { width: 33.33333333%; padding: 45px 30px 30px 30px; }

.index_main .main5 .box .right_box .block:nth-child(n+4) { border-top: 1px solid #eeeeee; }

.index_main .main5 .box .right_box .block .tags { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eeeeee; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.index_main .main5 .box .right_box .block .tags .time {font-family: 'om'; text-align: center; color: #666666; font-weight: bold; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.index_main .main5 .box .right_box .block .tags .time .year { font-size: 14px; }

.index_main .main5 .box .right_box .block .tags .time .day { font-size: 26px; margin-bottom: 10px; line-height: 1.1; }

.index_main .main5 .box .right_box .block .tags .iconfont { color: #aaaaaa; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.index_main .main5 .box .right_box .block .name { font-size: 16px; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 15px; }

.index_main .main5 .box .right_box .block .abstract { font-size: 14px;overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 21px; max-height: 63px; min-height: 63px; color:#848484;}

.index_main .main5 .box .right_box .block:hover .tags { border-bottom: 1px solid #ff9c00; }

.index_main .main5 .box .right_box .block:hover .tags .time,.index_main .main5 .box .right_box .block .name:hover { color: #ff9c00; }

.index_main .main5 .box .right_box .block:hover .tags .iconfont { color: #ff9c00; }

@media screen and (max-width: 1400px) { .index_main .main5 .center { width: 100%; padding: 0 15px; } }

@media screen and (max-width: 768px) { .index_main .main5 .box .block_box { -webkit-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
  .index_main .main5 .box .left_big { width: 100%; margin-bottom: 20px; padding-bottom: 35px; }
  .index_main .main5 .box .left_big:hover .tags { border-bottom: 1px solid #eeeeee; }
  .index_main .main5 .box .left_big:hover .tags .time { color: #666666; }
  .index_main .main5 .box .left_big:hover .tags .iconfont { color: #aaaaaa; }
  .index_main .main5 .box .left_big .txt .abstract { margin-bottom: 25px; }
  .index_main .main5 .box .right_box { width: 100%; }
  .index_main .main5 .box .right_box .block { width: 50%; padding: 30px 20px; }
  .index_main .main5 .box .right_box .block:nth-child(n+3) { border-top: 1px solid #eeeeee; }
  .index_main .main5 .box .right_box .block:hover .tags { border-bottom: 1px solid #eeeeee; }
  .index_main .main5 .box .right_box .block:hover .tags .time { color: #666666; }
  .index_main .main5 .box .right_box .block:hover .tags .iconfont { color: #aaaaaa; } }

@media screen and (max-width: 480px) { .index_main .main5 .box .left_big { padding-bottom: 20px; }
  .index_main .main5 .box .left_big .txt .abstract { margin-bottom: 20px; }
  .index_main .main5 .box .right_box .block { width: 100%; padding: 20px 10px; }
  .index_main .main5 .box .right_box .block:nth-child(n+2) { border-top: 1px solid #eeeeee; } }

/* index_main END */
/* 响应 */
@media screen and (max-width: 1600px) {
  .center {
    width: 100%;
    padding: 0 15px;
  }

  .header .center {
    padding: 0 15px;
  }

  .header .nav {
    margin-left: 60px;
  }

  /* index_main START */
  .index_main .main2 .center {
    padding: 0;
  }

  /* index_main END */
}

@media screen and (max-width: 1450px) {

  .header .nav {
    margin-left: 50px;
  }

  .header .nav .item:not(:last-child) {
    margin-right: 32px;
  }

}


@media screen and (max-width: 1400px) {

  /* header START */
  .header .logo {
    height: 48px;
  }

  .header .header_info {
    width: 200px;
  }

  .header .header_info .item {
    font-size: 14px;
  }

  .header .header_info .item .item_icon {
    font-size: 16px;
    margin-right: 5px;
  }

  .header .header_info .line {
    height: 13px;
    margin: 0 10px;
  }

  .header .header_info .header_phone {
    font-size: 22px;
  }

  /* header END */
  /* footer START */
  .footer .center {
    width: 100%;
  }

  .footer .footer_middle .left .left_icon {
    font-size: 50px;
    margin-right: 30px;
  }

  .footer .footer_middle .nav .item:not(:last-child) {
    margin-right: 70px;
  }

  /* footer END */
}



@media screen and (max-width: 1300px) {
  .header .nav {
    margin-left: 30px;
    font-size: 14px;
  }

  .header .nav .item:not(:last-child) {
    margin-right: 28px;
  }
  .footer .footer_middle .nav .item:not(:last-child) {
    margin-right: 50px;
  }

}


@media screen and (max-width: 1200px) {

  .tabBar {
    bottom: 0;
    opacity: 1;
    z-index: 10000000;
    visibility: visible;
  }


  body {
    padding-top: 100px;
  }

  .go_top {
    display: none !important;
  }

  /* header START */
  .header {
    border: none;
    background: #fff;
  }

  .header.index_header {
    background: #fff;
  }

  .header .header_mask {
    background: #fff;
  }

  .header.active .header_mask {
    background: #fff;
    border-bottom: none;
  }

  .header .center {
    /* 水平方向上等间距排列 */
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
  }

  .header .logo img {
    display: none;
  }

  .header .logo img.active {
    display: block;
  }

  .header.active {
    border: none;
  }

  .header .nav,
  .header .header_info {
    display: none;
  }

  .header .m_nav_control,
  .header .m_mailbox_login {
    display: block;
    color: #555;
  }

  /* header END */
  /* footer START */
  .footer .footer_middle {
    display: none;
  }

  .footer .footer_bottom .center.footer_bottom_top {
    display: block;
    height: auto;
  }

  .footer .footer_bottom .center {
    /* 水平方向上居中 */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    height: 80px;
  }

  .footer .footer_bottom .center .left {
    text-align: center;
  }

  .footer .footer_bottom .center .left img {
    float: none;
    -o-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -webkit-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }

  .footer .footer_bottom .center .right {
    display: none;
  }

  /* footer END */
  /* index_banner START */
  .index_banner .swiper-slide {
    height: 700px;
  }

  .index_banner .swiper-slide .explain .video_control {
    font-size: 60px;
  }

  .index_banner .swiper-pagination {
    right: 20px;
  }

  .index_banner .swiper-pagination span {
    width: 6px;
    height: 6px;
  }

  .index_banner .swiper-pagination span::after {
    width: 18px;
    height: 18px;
    left: -6px;
  }

  /* index_banner END */
  /* index_main START */
  .index_main .main_title {
    display: block;
    text-align: center;
    margin-bottom: 45px;
  }

  .index_main .main_title.white .main_title_desc {
    color: #ccc;
  }

  .index_main .main_title.white .main_title_text {
    color: #fff;
  }

  .index_main .main_title .main_title_desc {
    color: #999;
    font-size: 16px;
    font-weight: bold;
    margin-top: 8px;
  }

  .index_main .main_title .main_title_text {
    color: #333;
    font-size: 26px;
    font-weight: bold;
  }

  .index_main .main_aside {
    display: none;
  }

  .index_main .main {
    padding: 60px 0;
  }

  .index_main .main1 .main_left {
    width: 50%;
  }

  .index_main .main1 .main_left .item_icon_img {
    padding-top: 25px;
  }

  .index_main .main1 .main_left .item_container_left {
    padding-top: 48px;
  }

  .index_main .main1 .main_left .item_top {
    left: 20px;
    top: 10px;
  }

  .index_main .main1 .main_left .item_icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 30px;
  }

  .index_main .main1 .main_left .explain .explain_content {
    font-size: 16px;
    padding-left: 0;
    margin-top: 30px;
    text-align: center;
  }

  .index_main .main1 .main_left .explain .explain_content span {
    margin: 0 5px;
  }

  .index_main .main1 .main_center {
    width: 24%;
    margin-left: 3%;
  }

  .index_main .main1 .main_center .item_container {
    padding-top: 35px;
  }

  .index_main .main1 .main_center .item_container .explain_title {
    font-size: 16px;
  }

  .index_main .main1 .main_center .item_container .explain_content {
    margin-top: 15px;
    line-height: 24px;
  }

  .index_main .main1 .main_center .item_container .explain_content p:not(:first-child) {
    margin-top: 20px;
  }

  .index_main .main1 .main_left {
    margin-bottom: 20px;
  }

  .index_main .main1 .main_container {
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .index_main .main1 .main_right .main_top {
    padding-bottom: 40px;
  }

  .index_main .main1 .main_right .main_bottom {
    padding-top: 40px;
  }

  .index_main .main1 .main_right .main_top .abstract {
    margin-top: 60px;
  }

  .index_main .main1 .main_botom_icon {
    margin-top: 80px;
  }

  .index_main .main1 .main_right {
    width: 100%;
    margin-left: 0;
  }

  .index_main .main1 .main_right .item_container {
    padding: 30px 0;
  }

  .index_main .main2 .item {
    width: 380px;
  }

  .index_main .main2 .item:not(:last-child) {
    margin-right: 35px;
  }

  .index_main .main4 .items {
    width: 100%;
  }

  .index_main .main4 .items li {
    width: 25%;
    border-bottom: 1px dotted #ddd;
    border-right: 1px dotted #ddd;
  }

  .index_main .main4 .items li:nth-child(4n) {
    border-right: none;
  }

  .index_main .main4 .items li:nth-child(11),
  .index_main .main4 .items li:nth-child(12) {
    border-bottom: 1px dotted #ddd;
  }

  /* index_main END */
}

@media screen and (max-width: 992px) {
  .index_banner .swiper-slide {
    height: 600px;
  }
}

@media screen and (max-width: 768px) {

  /* tabBar START */
  .tabBar .item {
    padding: 10px 0;
  }

  .tabBar .item .item_icon {
    font-size: 30px;
  }

  .tabBar .item .explain {
    font-size: 16px;
    font-weight: 500;
    margin-top: 3px;
  }

  /* tabBar END */



  body {
    padding-top: 64px;
  }

  /* header START */
  .header {
    height: 64px;
  }

  .header .logo {
    height: 32px;
  }

  .header .m_nav_control,
  .header .m_mailbox_login {
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 24px;
  }

  .header .m_nav_control .iconfont {
    top: -26px;
  }

  .header .m_nav_control .iconfont.close {
    font-size: 22px;
  }

  .m_nav {
    min-width: 200px;
    width: 40%;
    top: 64px;
    right: -100%;
    padding: 10px 0 100px;
  }

  .m_nav .list .first_nav {
    line-height: 44px;
  }

  .m_nav .list .second_nav .second_nav_item {
    line-height: 44px;
  }

  .m_nav .phone {
    padding: 0;
    margin-top: 15px;
    font-size: 20px;
    text-align: center;
  }

  /* header END */
  /* footer START */
  .footer .footer_bottom .center {
    height: auto;
    display: block;
    padding: 10px 15px;
  }

  .footer .footer_bottom .center .left {
    text-align: center;
    line-height: 22px;
  }

  .footer .footer_bottom .center .left img {
    height: 16px;
    -o-transform: translate(0, -1px);
    -moz-transform: translate(0, -1px);
    -webkit-transform: translate(0, -1px);
    transform: translate(0, -1px);
  }

  .footer .footer_bottom .center .right {
    display: none;
  }

  .footer .footer_bottom .center.footer_bottom_top {
    line-height: 22px;
    padding-bottom: 0;
  }
  .footer .footer_bottom .center.footer_bottom_top span{
    display: inline-block;
  }
  .footer .footer_bottom .center .blogroll_list{
    height: 32px;
    overflow: auto;
  }
  .footer .footer_bottom .blogroll{
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
  } 

  .footer .footer_bottom .blogroll .item {
    margin-top: 8px;
    margin-right: 12px;
  }

  /* footer END */
  /* index_banner START */
  .index_banner .swiper-slide {
    height: auto;
  }

  .index_banner .m_swiper_banner {
    display: block;
  }

  .index_banner .banner_screen {
    display: none;
  }

  .index_banner .swiper-slide.swiper_video {
    display: none;
  }

  .index_banner .swiper-slide.swiper_video .video {
    display: none;
  }

  .index_banner .swiper-slide.swiper_video .swiper_item {
    display: block;
  }

  .index_banner .swiper-slide .explain .video_control {
    font-size: 50px;
  }

  .index_banner .swiper-slide .explain .explain_title {
    font-size: 36px;
  }

  .index_banner .swiper-pagination {
    right: 20px;
  }

  .index_banner .swiper-pagination span {
    width: 4px;
    height: 4px;
    margin: 10px 0;
  }

  .index_banner .swiper-pagination span::after {
    width: 14px;
    height: 14px;
    left: -5px;
  }

  /* index_banner END */
  /* index_main START */
  .index_main .main_title {
    margin-bottom: 30px;
  }

  .index_main .main_title .main_title_desc {
    font-size: 14px;
    margin-top: 5px;
  }

  .index_main .main_title .main_title_text {
    font-size: 22px;
  }

  .index_main .main {
    padding: 40px 0;
  }

  .index_main .main1 .main_container {
    /* 允许换行 */
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .index_main .main1 .main_left {
    width: 100%;
    margin-bottom: 30px;
  }

  .index_main .main1 .main_center {
    width: 60%;
    margin-left: 0;
  }

  .index_main .main1 .main_center .item_container {
    padding-top: 25px;
  }

  .index_main .main1 .main_center .item_container .explain_title {
    font-size: 16px;
  }

  .index_main .main1 .main_left .item_icon_img {
    margin-right: 0;
  }

  .index_main .main1 .main_center .item_container .explain_content {
    margin-top: 10px;
    line-height: 24px;
  }

  .index_main .main1 .main_center .item_container .explain_content p:not(:first-child) {
    margin-top: 15px;
  }


  .index_main .main1 .main_right .item_container {
    padding: 25px 0;
  }

  .index_main .main2 .item {
    width: 320px;
    background: #000000;
  }

  .index_main .main.main2 .main_title {
    display: block;
  }

  .index_main .main2 .item:not(:last-child) {
    margin-right: 25px;
  }

  .index_main .main2 .item:hover .border_line {
    left: 15px;
    right: 15px;
    bottom: 15px;
    top: 15px;
  }

  .index_main .main2 .item .border_line {
    opacity: 1;
    left: 15px;
    right: 15px;
    bottom: 15px;
    top: 15px;
  }

  .index_main .main2 .item .explain .explain_title,
  .index_main .main2 .item .explain .line,
  .index_main .main2 .item .explain .explain_link {
    -o-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    visibility: visible;
    opacity: 1;
  }

  .index_main .main2 .item .explain .explain_content {
    visibility: visible;
    opacity: 0.85;
  }

  .index_main .main2 .item .item_picture .picture_container img {
    -o-transform: translateZ(0) scale(1.09);
    -moz-transform: translateZ(0) scale(1.09);
    -webkit-transform: translateZ(0) scale(1.09);
    transform: translateZ(0) scale(1.09);
    opacity: 0.5;
  }

  .index_main .main2 .item .explain .explain_container {
    padding: 0 45px;
  }

  .index_main .main2 .item .explain .explain_title {
    line-height: 26px;
    font-size: 18px;
  }

  .index_main .main2 .item .explain .line {
    margin: 12px auto 0;
  }

  .index_main .main2 .item .explain .explain_content {
    margin-top: 12px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 24px;
    height: 48px;
  }

  .index_main .main2 .item .explain .explain_link {
    width: 36px;
    height: 36px;
    font-size: 14px;
    line-height: 36px;
    margin: 25px auto 0;
  }


  .index_main .main4 .items li {
    width: 33.333%;
    border-bottom: 1px dotted #ddd;
    border-right: 1px dotted #ddd;
  }

  .index_main .main4 .items li:nth-child(4n) {
    border-right: 1px dotted #ddd;
  }

  .index_main .main4 .items li:nth-child(3n) {
    border-right: none;
  }

  /* index_main END */
}

@media screen and (max-width: 640px) {
  .index_main .main1 .main_right .main_bottom {
    display: none;
  }

  .index_main .main1 .main_botom_icon {
    display: none;
  }

  .index_main .main1 .main_left .item_icon_img .img {
    width: 70px;
    height: 70px;
  }
}

@media screen and (max-width: 480px) {

  /* tabBar START */
  .tabBar .item {
    padding: 5px 0;
  }

  .tabBar .item .item_icon {
    font-size: 24px;
  }

  .tabBar .item .explain {
    font-size: 14px;
    margin-top: 0;
  }

  /* tabBar END */

  /* index_banner START */
  .index_banner .swiper-slide .explain .video_control {
    font-size: 40px;
  }

  .index_banner .swiper-slide .explain .explain_title {
    font-size: 26px;
  }

  .index_banner .swiper-pagination {
    left: 0;
    right: 0;
    top: auto;
    bottom: 15px;
    display: block;
  }

  .index_banner .swiper-pagination span {
    margin: 0 10px;
  }

  /* index_banner END */
  /* index_main START */
  .index_main .main_title {
    margin-bottom: 25px;
  }

  .index_main .main {
    padding: 30px 0;
  }

  .index_main .main1 .main_left {
    margin-bottom: 20px;
  }

  .index_main .main1 .main_left .explain .explain_content {
    margin-top: 20px;
  }

  .index_main .main1 .main_center {
    width: 100%;
  }

  .index_main .main1 .main_center .item_container {
    padding-top: 20px;
  }

  .index_main .main1 .main_center .item_container .explain_content p:not(:first-child) {
    margin-top: 10px;
  }

  .index_main .main1 .main_right .main_top .abstract {
    margin-top: 20px;
  }

  .index_main .main1 .main_right .main_top {
    padding-bottom: 0;
    border-bottom: none;
  }

  .index_main .main1 .main_right .item_container {
    padding: 20px 0;
  }

  .index_main .main1 .main_right .item:last-child .item_container {
    padding-bottom: 0;
  }

  .index_main .main2 .item {
    width: 240px;
  }

  .index_main .main2 .item:not(:last-child) {
    margin-right: 15px;
  }

  .index_main .main2 .item:hover .border_line {
    left: 10px;
    right: 10px;
    bottom: 10px;
    top: 10px;
  }

  .index_main .main2 .item .border_line {
    left: 10px;
    right: 10px;
    bottom: 10px;
    top: 10px;
  }

  .index_main .main2 .item .explain .explain_container {
    padding: 0 25px;
  }

  .index_main .main2 .item .explain .explain_title {
    line-height: 24px;
    font-size: 16px;
  }

  .index_main .main2 .item .explain .line {
    margin: 10px auto 0;
  }

  .index_main .main2 .item .explain .explain_content {
    margin-top: 10px;
  }

  .index_main .main2 .item .explain .explain_link {
    width: 32px;
    height: 32px;
    font-size: 12px;
    line-height: 32px;
    margin: 20px auto 0;
  }


  .index_main .main4 .items li {
    width: 50%;
    border-bottom: 1px dotted #ddd;
    border-right: 1px dotted #ddd;
  }

  .index_main .main4 .items li:nth-child(3n) {
    border-right: 1px dotted #ddd;
  }

  .index_main .main4 .items li:nth-child(2n) {
    border-right: none;
  }

  .index_main .main4 .items li:nth-child(13),
  .index_main .main4 .items li:nth-child(14) {
    border-bottom: 1px dotted #ddd;
  }

  /* index_main END */
}

@media screen and (max-width: 320px) {

  html,
  body {
    width: 320px;
  }
}


.foot_upscale {
  position: absolute;
  top: 0;
  width: 100%;
}













/* 03.11 修改 Lz START */
.index_main .main3 .main_container .list .item {
  width: 25%;
  padding: 0 25px;
  text-align: center;
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.index_main .main3 .main_container .list .item:not(:nth-child(4n))::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  top: 0;
  width: 1px;
  margin: auto;
  height: 5000px;
  background: rgb(238, 238, 239);
}

.index_main .main3 .main_container .list .item::before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  margin: auto;
  height: 5000px;
  background: none;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.index_main .main3 .main_container .list .item:hover::before {
  background: rgba(255, 255, 255, 0.8);
}

.index_main .main3 .main_container .list .item:hover .explain {
  -webkit-transform: translateY(80px);
  transform: translateY(80px);
}

.index_main .main3 .main_container .list .item:hover .explain_step {
  font-size: 166px;
  top: -220px;
}

.index_main .main3 .main_container .list .item:hover .explain_picture {
  opacity: 1;
}

.index_main .main3 .main_container .list .item:hover .explain_link_icon {
  left: 70px;
}

.index_main .main3 .main_container .list .item:hover .explain_link_icon.active {
  left: 0;
}

.index_main .main3 .main_container .list .item:hover .explain_title {
  color: rgb(136, 136, 136);
}

.index_main .main3 .main_container .list .item .explain {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  position: relative;
  z-index: 10;
}

.index_main .main3 .main_container .list .item .explain_step {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 66px;
  color: #dfdfdf;
  font-family: "Times New Roman";
  -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  top: 50px;
}

.index_main .main3 .main_container .list .item .explain_picture {
  font-size: 50px;
  font-weight: bold;
  letter-spacing: 8px;
  color: rgb(217, 208, 194);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-bottom: 70px;
  opacity: 0;

}

.index_main .main3 .main_container .list .item .explain_title {
  color: #333;
  font-size: 18px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.index_main .main3 .main_container .list .item .line {
  width: 30px;
  height: 1px;
  background: #e2e2e2;
  margin: 20px auto 15px;
}

.index_main .main3 .main_container .list .item .explain_content {
  line-height: 28px;
  color: #848484;
  font-size: 14px;
  height: 50px;
}

.index_main .main3 .main_container .list .item .explain_link {
  width: 70px;
  height: 40px;
  line-height: 40px;
  position: relative;
  color: rgb(217, 217, 217);
  overflow: hidden;
  margin: 30px auto 0;
}

.index_main .main3 .main_container .list .item .explain_link_icon {
  font-size: 14px;
  position: absolute;
  margin: auto;
  width: 100%;
  bottom: 0;
  left: 0;
  top: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.index_main .main3 .main_container .list .item .explain_link_icon.active {
  color: rgb(114, 114, 114);
  width: 100%;
  left: -70px;

}

.index_main .main3 .main_container .list .item .explain_link_icon.active .iconfont {
  font-size: 12px;
  margin-left: 5px;
  color: rgb(150, 150, 150);
}



@media screen and (max-width: 1200px) {
  .index_main .main3 .main_container .list .item {
    width: 49%;
    padding: 20px 15px;
    margin-top: 20px;
    border-radius: 10px;
    border: 1px solid #eee;
    overflow: hidden;
  }

  .index_main .main3 .main_container .list .item:hover {
    border-color: #ff9c00;
  }

  .index_main .main3 .main_container .list .item:not(:nth-child(4n))::after {
    display: none;
  }

  .index_main .main3 .main_container .list .item:not(:nth-child(2n)) {
    margin-right: 2%;
  }

  .index_main .main3 .main_container .list .item:nth-child(1),
  .index_main .main3 .main_container .list .item:nth-child(2) {
    margin-top: 0;
  }

  .index_main .main3 .main_container .list .item:hover .explain {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  .index_main .main3 .main_container .list .item:hover .explain_step {
    font-size: 66px;
  }

  .index_main .main3 .main_container .list .item .explain_step {
    position: static;
  }

  .index_main .main3 .main_container .list .item .explain_picture {
    display: none;
  }

  .index_main .main3 .main_container .list .item .explain_link {
    margin: 20px auto 0;
  }

  .index_main .main3 .main_container .list .item .explain_link_icon {
    left: 70px;
  }

  .index_main .main3 .main_container .list .item .explain_link_icon.active {
    left: 0;

  }
}

@media screen and (max-width: 768px) {
  .index_main .main3 .main_container .list .item {
    width: 100%;
    padding: 15px;
    margin-top: 15px;
  }

  .index_main .main3 .main_container .list .item:not(:nth-child(2n)) {
    margin-right: 0;
  }

  .index_main .main3 .main_container .list .item:nth-child(2) {
    margin-top: 15px;
  }

  .index_main .main3 .main_container .list .item:hover .explain_step {
    font-size: 56px;
  }

  .index_main .main3 .main_container .list .item .explain_step {
    font-size: 56px;
  }

  .index_main .main3 .main_container .list .item .line {
    margin: 15px auto 10px;
  }

  .index_main .main3 .main_container .list .item .explain_content {
    line-height: 24px;
    height: 48px;
  }

  .index_main .main3 .main_container .list .item .explain_link {
    margin: 15px auto 0;
  }
}

/* 03.11 修改 Lz END */










/* 在线咨询 START 03.11增 */
.luoyi_consult {
  position: fixed;
  bottom: 15px;
  left: 8px;
  width: 95px;
  height: 95px;
  border-radius: 50%;
  text-align: center;
  background: #ff9c00;
  z-index: 9999999;
  color: #fff;
}

.luoyi_consult .explain_icon {
  font-size: 36px;
  margin-top: -8px;
}

.luoyi_consult .explain_text {
  font-size: 14px;
  letter-spacing: 0;
}

/* 在线咨询 END 03.11增 */









/* 在线咨询 START 03.11增 */
.luoyi_consult {
  position: fixed;
  bottom: 15px;
  left: 8px;
  width: 95px;
  height: 95px;
  border-radius: 50%;
  text-align: center;
  background: #ff9c00;
  z-index: 9999999;
  color: #fff;
}

.luoyi_consult .explain_icon {
  font-size: 36px;
  margin-top: -8px;
}

.luoyi_consult .explain_text {
  font-size: 14px;
  letter-spacing: 0;
}

@media screen and (max-width: 1200px) {
  .luoyi_consult {
    display: none;
  }

  .index_main .main1 .main_right .main_bottom .block:hover .icon {
    color: #080808;

    border: solid 1px #000000;
  }

  .index_main .main1 .main_right .main_bottom .block:hover .txt .name {
    color: #222222;
  }
}

/* 在线咨询 END 03.11增 */


/* 首页改版关于我们，产品案例  09.26 */
@media screen and (max-width: 1862px) {
  .index_main .main2 .center {
    width: 100%;
    padding: 0 15px;
  }
}

@media screen and (max-width: 768px) {
  .index_main .main2 .center .box .box_top .left_img {
    width: 100%;
  }

  .index_main .main2 .center .box .block {
    width: 100%;
  }

  .index_main .main2 .center .box .block .mask {
    opacity: 1;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-color: #ffffff;
    color: #333333;
  }

  .index_main .main2 .center .box .block .mask .name {
    font-size: 16px;
    letter-spacing: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
  }

  .index_main .main2 .center .box .block .mask .abstract {
    display: none;
  }

  .index_main .main2 .center .box .block .mask .iconfont {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  .index_main .main2 .center .box .box_top .left_img {
    width: 100%;
  }

  .index_main .main2 .center .box .block {
    width: 100%;
  }

  .index_main .main2 .center .box .block .mask {
    opacity: 1;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-color: #ffffff;
    color: #333333;
  }

  .index_main .main2 .center .box .block .mask .name {
    font-size: 16px;
    letter-spacing: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
  }

  .index_main .main2 .center .box .block .mask .iconfont {
    display: none;
  }
}

/* 首页改版关于我们，产品案例  END 09.26 */



/* 首页增加我们的业务 2020.10.14 */
.index_main .main6 { padding-bottom: 40px; background-color: #f9f9f9 !important;}
.index_main .main6 .center{width: 1200px;}

.index_main .main6 .main_title6 { padding: 30px 0; color: #333; }

.index_main .main6 .main_title6 .en { font-size: 28px; }

.index_main .main6 .main_title6 .cn { font-size: 20px; letter-spacing: 2px; }

.index_main .main6 .content .block { width: 24%;  background: #FFFFFF; position: relative; overflow: hidden; padding: 30px; -o-transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; transition: all 1s;}

.index_main .main6 .content .block:not(:nth-child(4n)) { margin-right: 1.33%; }

.index_main .main6 .content .block:nth-child(n + 5) { margin-top: 20px; }

.index_main .main6 .content .block .txt { position: relative; text-align: center; z-index: 5; top: 0; -o-transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; }

.index_main .main6 .content .block .txt .icon { width: 80px; height: 80px; margin: 0 auto; opacity: 1; -o-transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; }

.index_main .main6 .content .block .txt .name { font-size: 24px; color: #000000; line-height: 28px; margin: 10px 0;}

.index_main .main6 .content .block .txt .line_icon { width: 60px; background-color: #ffffff; height: 1px; margin: 0 auto; }

.index_main .main6 .content .block .txt .abstract { font-size: 14px; color: #999999; margin: 10px 0; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-height: 22px; max-height: 88px; min-height: 88px; }

.index_main .main6 .content .block .mask { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; opacity: 0; z-index: 3; -o-transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; }

.index_main .main6 .content .block .mask .bg_img { width: 100%; height: 100%; opacity: 0; -o-transform: translate3d(0, 0, 0) scale(1.1); -moz-transform: translate3d(0, 0, 0) scale(1.1); -webkit-transform: translate3d(0, 0, 0) scale(1.1); transform: translate3d(0, 0, 0) scale(1.1); -o-transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; }

.index_main .main6 .content .block .more { position: relative; z-index: 4; font-size: 14px; color: #FFFFFF; text-align: center;-o-transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; }

.index_main .main6 .content .block:hover { box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}

.index_main .main6 .content .block:hover .txt { top: -50px; }

.index_main .main6 .content .block:hover .txt .icon { opacity: 0; }

/* .index_main .main6 .content .block:hover .txt .name { color: #ffffff; }

.index_main .main6 .content .block:hover .txt .abstract { color: #ffffff; } */

.index_main .main6 .content .block:hover .mask { opacity: 1; }

.index_main .main6 .content .block:hover .more {color: #666666;}

.index_main .main6 .content .block:hover .mask .bg_img { opacity: 0.2; -o-transform: translate3d(0, 0, 0) scale(0.8); -moz-transform: translate3d(0, 0, 0) scale(0.8); -webkit-transform: translate3d(0, 0, 0) scale(0.8); transform: translate3d(0, 0, 0) scale(0.8); }

@media screen and (max-width: 1200px) { 
  .index_main .main6 .content .block { width: 32%; padding: 30px; }
  .index_main .main6 .content .block:not(:nth-child(4n)) { margin-right: 0; }
  .index_main .main6 .center{width: 100%;}
  .index_main .main6 .content .block:not(:nth-child(3n)) { margin-right: 1.5%; }
  .index_main .main6 .content .block:nth-child(n + 4) { margin-top: 20px; }
  .index_main .main6 .content .block .more { color: #999999; }
  .index_main .main6 .content .block:hover { box-shadow: none;}
  .index_main .main6 .content .block:hover .txt { top: 0; }
  .index_main .main6 .content .block:hover .txt .icon { opacity: 1; }
  .index_main .main6 .content .block:hover .txt .name { color: #000000; }
  .index_main .main6 .content .block:hover .txt .abstract { color: #999999; }
  .index_main .main6 .content .block:hover .mask { opacity: 0; }
  .index_main .main6 .content .block:hover .mask .bg_img { opacity: 0; -o-transform: translate3d(0, 0, 0) scale(1.1); -moz-transform: translate3d(0, 0, 0) scale(1.1); -webkit-transform: translate3d(0, 0, 0) scale(1.1); transform: translate3d(0, 0, 0) scale(1.1); } }

@media screen and (max-width: 768px) { .index_main .main6 .content .block { width: 49%; padding: 20px 5px; }
  .index_main .main6 .content .block:not(:nth-child(3n)) { margin-right: 0; }
  .index_main .main6 .content .block:not(:nth-child(2n)) { margin-right: 2%; }
  .index_main .main6 .content .block:nth-child(n + 3) { margin-top: 20px; }
  .index_main .main6 .content .block .txt .icon { width: 70px; }
  .index_main .main6 .content .block .txt .name { font-size: 20px; line-height: 24px; } }

@media screen and (max-width: 480px) { .index_main .main6 { padding-bottom: 20px; }
  .index_main .main6 .main_title6 { padding: 0; padding-bottom: 20px;}
  .index_main .main6 .content .block:nth-child(n + 3) { margin-top: 10px; }
  .index_main .main6 .content .block .txt .icon { max-width: 40%; }
  .index_main .main6 .content .block .txt .name { font-size: 16px; }
  .index_main .main6 .content .block .txt .abstract { display: none; } 
  .index_main .main6 .content .block .more { display: none; } 
}

/* 首页增加我们的业务  END 2020.10.14*/