@charset "utf-8";


/*
@font-face {

  font-family: "PangMenZhengDaoCuShuTi";

  src: url("/css/PangMenZhengDaoCuShuTi.woff2") format("woff2"),

       url("/css/PangMenZhengDaoCuShuTi.woff") format("woff"),

       url("/css/PangMenZhengDaoCuShuTi.ttf") format("truetype"),

       url("/css/PangMenZhengDaoCuShuTi.eot") format("embedded-opentype"),

       url("/css/fonts/PangMenZhengDaoCuShuTi.svg") format("svg");

  font-weight: normal;

  font-style: normal;

}*/



/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

  margin: 0;

  padding: 0px;

  border: 0;

  outline: none;

}

header, nav, footer, menu {

  display: block;

}

dt {

  font-weight: 300;

}

img {

  border: none;

  max-width: 100%;

}

li {

  list-style-type: none;

}

a, a:hover, a:focus {

  text-decoration: none;

  color: #333;

}

.block {

  display: block;

}

html {

  height: 100%;

}

body {

  font-family: "Hiragino Sans GB", "STHeiti", Helvetica, "Microsoft Yahei", 微软雅黑, 黑体, 新細明體, Arial, "Lucida Grande", sans-serif;

  font-size: 1.0rem;

  color: #111111;

  position: relative;

  overflow-x: hidden;

  background-color: #fff;
  font-weight: 300;

}

h1, h2, h3,  h5, h6, strong {

  font-weight: bold;

}

.clear {

  clear: both;

}

.display-flex {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-justify-content: space-between;

  -ms-flex-pack: distribute;

  justify-content: space-between;

  flex-flow: row wrap;

}

.display-flex-center {

  -webkit-justify-content: center;

  -ms-flex-pack: distribute;

  justify-content: center;

}

.display-flex-top {

  -webkit-box-align: flex-start;

  -webkit-align-items: flex-start;

  -ms-flex-align: flex-start;

  align-items: flex-start;

}

.display-flex-left {

  -webkit-justify-content: flex-start;

  -ms-flex-pack: distribute;

  justify-content: flex-start;

}

.flex-flow-row {

  -ms-flex-flow: row wrap;

  flex-flow: row wrap;

}

/*******头部********/

header {

  position: relative;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 999;

}

header .header-main {

  padding-left: 2.0833vw;

  padding-right: 2.0833vw;

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  transition: top 450ms cubic-bezier(0, 0.55, 0.45, 1);

  background-color: #ffffff;

  border-bottom: 1px solid #f4f4f4;

}

header .display-flex {

  position: relative;

}

header .logo {

  width: 8.2291vw;

  position: relative;

}

header .logo a {

  width: 100%;

  display: block;

}

header .header-menu {

  flex: 1;

}

header .header-nav {

  margin: 0 auto;

}

header .header-nav>ul>li {

  margin: 0 1.5625vw;

}

header .header-nav>ul>li .link {

  display: block;

  position: relative;

  padding: 1.8125rem 0;

  color: #333333;

  font-size: 1.125rem;

}

header .header-nav>ul>li.active .link::after,

header .header-nav>ul>li:hover .link::after {

  content: '';

  position: absolute;

  bottom: 1.375rem;

  left: 0;

  width: 100%;

  height: 2px;

  background-color: #ff4e00;

}

header .header_search {

  display: flex;

  align-items: center;

  justify-content: center;

  position: absolute;

  top: 0;

  right: 0;

  width: 4.4542vw;

  height: 100%;

  cursor: pointer;

  background-color:#ff4e00;

}

header .header_search img {

  width: 22px;

  height: 22px;

  display: block;

}



header .header-language {

  position: relative;

  margin-right: 3.3334vw;

}

header .header-language .header_language {

  display: block;

  position: relative;

  cursor: pointer;

}

header .header-language .header_language .l_icon {

  width: 22px;

  height: 22px;

  display: block;

}

header .header-language .header_language .l_link {

  font-size: 16px;

  color: #888;

  padding-left: 0.625rem;

  padding-right: 1.875rem;

  position: relative;

  display: block;

}

header .header-language .header_language .l_top {

  position: absolute;

  top: 50%;

  right: 0;

  width: 30px;

  height: 30px;

  margin-top: -15px;

  -webkit-transition: transform .35s ease;

     -moz-transition: transform .35s ease;

      -ms-transition: transform .35s ease;

       -o-transition: transform .35s ease;

          transition: transform .35s ease;

  -webkit-transform: rotateX(0);

     -moz-transform: rotateX(0);

      -ms-transform: rotateX(0);

       -o-transform: rotateX(0);

          transform: rotateX(0);

}

header .header-language:hover .header_language .l_top {

  -webkit-transform: rotateX(180deg);

     -moz-transform: rotateX(180deg);

      -ms-transform: rotateX(180deg);

       -o-transform: rotateX(180deg);

          transform: rotateX(180deg);

}

header .header-language:hover .header_language_level_nav {

  opacity: 1;

  visibility: visible;

}

header .header-language .header_language_level_nav {

  position: absolute;

  top: 100%;

  right: 0;

  width: 100%;

  opacity: 0;

  width: 120px;

  visibility: hidden;

  pointer-events: auto;

  z-index: 8;

  padding-top: 1.25rem;

  -webkit-transition: all .50s ease;

  -moz-transition: all .50s ease;

  -ms-transition: all .50s ease;

  -o-transition: all .50s ease;

  transition: all .50s ease;

}

header .header-language .header_language_level_nav .header_language_level_navBox {

  box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);

  position: relative;

}

header .header-language .header_language_level_nav .header_language_level_navBox::after {

  content: '';

  position: absolute;

  top: 0;

  right: 0.25rem;

  width: 9px;

  height: 9px;

  -webkit-box-shadow: 1px -1px 2px 0 rgba(0,0,0,.12);

  box-shadow: 1px -1px 2px 0 rgba(0,0,0,.12);

  -webkit-transform-origin: 0 0;

  transform-origin: 0 0;

  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg);

  background-color: #ffffff;

  z-index: 9;

}

header .header-language .header_language_level_nav .header_language_level_navBox div+div {

  border-top: 1px solid #e5e5e5;

}

header .header-language .header_language_level_nav .header_language_level_navBox div a {

  display: block;

  color: #606060;

  font-size: 14px;

  padding: 0.625rem;

  background: #ffffff;
  font-family: Arial;

}

header .header-language .header_language_level_nav .header_language_level_navBox div:hover a {

  color: #ff5a02;

}



header .header-nav>ul>li:hover .headerDropDown {

  opacity: 1;

  visibility: visible;

}

.headerDropDown_bottomIcon {

  position: absolute;

  bottom: 3vh;

  left: 0;

  width: 100%;

}



.headerDropDown_bottomIcon span {

  width: 30px;

  display: block;

  margin: 0 auto;

  animation: radar-beam 2s infinite alternate;

  animation-timing-function: cubic-bezier(0.3, 0, 0.43, 0.7);

  animation-delay: 1.4s;

}

@keyframes radar-beam {

    0% {

        transform: translateY(-100%);

    }



    100% {

        transform: translateY(0);

    }

}



.headerDropDown_bottomIcon span img {

  display: block;

  width: 100%;

}



.headerDropDown {

  position: absolute;

  top: 100%;

  left: 0;

  width: 100%;

  height: 100vh;

  z-index: 99;

  background-color: #6f7c84;

 
  background: linear-gradient(145deg,#2C3570 15%,#2e366f 15%,#423c5e 65%,#BB6400 130%);
  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  opacity: 0;

  overflow: hidden;

  visibility: hidden;

  transition: all 400ms ease-in-out;

}

.headerDropDown_short {

  height: 20vw !important;

}
.headerDropDown_short1 {

  height: 60%;

}
.headerDropDown_short .headerDropDownCon {

  width: 100%;

  height: auto;

}

.headerDropDown_short1 .headerDropDownCon {

  width: 100%;

}

.headerDropDownTitle {

  font-size: 2.0rem;

  font-weight: 400;

  font-style: italic;

  color: #ffffff;

  padding: 3.6vw 0;

}

.headerDropDownTab {

  width: 6.25vw;

}

.headerDropDownTab ul {

  padding-right: 16%;

}

.headerDropDownTab li {

  font-size: 1.25rem;

  font-weight: 400;

  color: #ffffff;

  padding: 0.5rem 1.0rem 0.5rem 0.75rem;

  margin-bottom: 1px;

  position: relative;

  cursor: pointer;

  height: 40px;

}

.headerDropDownTab li:after {

  content: '';

  position: absolute;

  top: 0;

  right: 0;

  width: 100%;

  height: 100%;

  background-image: url(/images/bottomIcon_fff.svg);

  background-position: center;

  background-repeat: no-repeat;

  background-size: 36px auto;

}

.headerDropDownTab li:nth-child(1):after {

  transform: rotate(-180deg);

}

.headerDropDownTab li span {

  cursor: pointer;

  display: none;

}

.headerDropDownTab li.active,

.headerDropDownTab li:hover {

  background-color: rgba(228, 148, 38, 0.6);

}





.headerDropDownCon {

  width: calc(100% - 6.25vw);

  height: 28vw;

  overflow: hidden;

  overflow-y: auto;

}

.headerDropDownCon::-webkit-scrollbar {

  width: 3px;

}

.headerDropDownCon::-webkit-scrollbar-thumb {

  background: rgba(255, 255, 255, 1);

}

.headerDropDownCon::-webkit-scrollbar-track {

  background: rgba(255, 255, 255, 0.3);

}

.headerDropDownCon .headerDropDownConList {

  display: none;

}

.headerDropDownCon .headerDropDownConList.active {

  display: block;

}

.headerDropDownCon li.headerDropDownConItem {

  position: relative;

  margin-bottom: 2.6041vw;

  padding-left: 1.5625vw !important;

  border-left: 1px solid rgba(255, 255, 255, 0.2);

}

@media (min-width: 1025px){

  .headerDropDownCon li.headerDropDownConItem {

    -ms-flex: 0 0 20%;

    flex: 0 0 20%;

    max-width: 20%;

  }

}

.headerDropDownCon li.headerDropDownConItem .title {

  padding-bottom: 0.38rem;

}

.headerDropDownCon li.headerDropDownConItem .title a {

  font-size: 1.25rem;

  color: #ffffff;

  font-weight: 400;

}

.headerDropDownCon li.headerDropDownConItem .title a[href]:hover {

  text-decoration: underline;

}

.headerDropDownCon li.headerDropDownConItem .con {

  line-height: 2;

  font-weight: 200;

}

.headerDropDownCon li.headerDropDownConItem .con a {

  font-size: 1.0rem;

  color: rgba(255, 255, 255, 0.9);

}

.headerDropDownCon li.headerDropDownConItem .con a:hover {

  color: #ffffff;

  text-decoration: underline;

}

/**/

.menu_botton {

  position: absolute;

  right: 75px;

  top: 73px;

  display: block;

  cursor: pointer;

  z-index: 9999;

}

.menu_botton strong {

  display: inline-block;

  float: left;

  color: #2f318b;

  font-size: 16px;

  line-height: 18px;

  font-weight: normal;

  margin-right: 12px;

}

#menu_toggle1 {

  display: none;

}

.menu_botton span {

  position: relative;

  display: inline-block;

  width: 21px;

  height: 2px;

  background-color: #0068b7;

  border-radius: 2px;

  vertical-align: middle;

  -webkit-transition-duration: .3s, .3s;

  -moz-transition-duration: .3s, .3s;

  -ms-transition-duration: .3s, .3s;

  -o-transition-duration: .3s, .3s;

  transition-duration: .3s, .3s;

  -webkit-transition-delay: .3s, 0s;

  -moz-transition-delay: .3s, 0s;

  -ms-transition-delay: .3s, 0s;

  -o-transition-delay: .3s, 0s;

  transition-delay: .3s, 0s;

  margin-top: -2px;

}

.menu_botton span:after, .menu_botton span:before {

  content: "";

  position: absolute;

  display: inline-block;

  width: 21px;

  height: 2px;

  left: 0;

  border-radius: 2px;

  background-color: #0068b7;

  -webkit-transition-duration: .3s, .3s;

  -moz-transition-duration: .3s, .3s;

  -ms-transition-duration: .3s, .3s;

  -o-transition-duration: .3s, .3s;

  transition-duration: .3s, .3s;

  -webkit-transition-delay: .3s, 0s;

  -moz-transition-delay: .3s, 0s;

  -ms-transition-delay: .3s, 0s;

  -o-transition-delay: .3s, 0s;

  transition-delay: .3s, 0s;

}

.menu_botton span:before {

  top: -6px;

  -webkit-transition-property: top, transform;

  -moz-transition-property: top, transform;

  -ms-transition-property: top, transform;

  -o-transition-property: top, transform;

  transition-property: top, transform;

}

.menu_botton span:after {

  bottom: -6px;

  -webkit-transition-property: bottom, transform;

  -moz-transition-property: bottom, transform;

  -ms-transition-property: bottom, transform;

  -o-transition-property: bottom, transform;

  transition-property: bottom, transform;

}

.mm-opened .menu_botton span {

  background-color: transparent;

  -webkit-transition-delay: 0s, 0s;

  -moz-transition-delay: 0s, 0s;

  -ms-transition-delay: 0s, 0s;

  -o-transition-delay: 0s, 0s;

  transition-delay: 0s, 0s;

}

.mm-opened .menu_botton span:after, 

.mm-opened .menu_botton span:before {

  -webkit-transition-delay: 0s, .3s;

  -moz-transition-delay: 0s, .3s;

  -ms-transition-delay: 0s, .3s;

  -o-transition-delay: 0s, .3s;

  transition-delay: 0s, .3s;

}

.mm-opened .menu_botton span:before {

  top: 0;

  background: #0068b7;

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

}

.mm-opened .menu_botton span:after {

  bottom: 0;

  background: #0068b7;

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

}

/*********尾部************/

footer {

  background-color: #4c6b80;

  background-image: url(../images/footerBg.jpg);

  background-repeat: no-repeat;

  background-position: center top;

  background-size: cover;

}

footer .footer_main {

  padding-top: 4.38rem;

  padding-bottom: 4.38rem;

}

footer .footer_nav {

  width: 100%;

}

footer .footer_nav li .title {

  padding-bottom: 0.58rem;

  font-size: 1.12rem;

  color: #fff;

  font-weight: bold;

}

footer .footer_nav li .con {

  line-height: 2;

  font-size: 16px;

  font-weight: 200;

}

footer .footer_nav li .con a {

  color: #ffffff;

}

footer .footer_nav li .con a:hover {

  color: #fff;

  text-decoration: underline;

}

footer .footer_copyright {

  padding: 1.25rem 0;

  font-size: 1.0rem;

  color: #111111;

  background-color: #e8e4e5;

  font-weight: 200;

}

footer .footer_copyright a {

  color: #111111;

}

footer .footer_copyright .fPrivacy {

  font-size: 1.0rem;

  font-weight: 200;

  padding-left: 1.88rem

}

footer .footer_copyright .fPrivacy a+a {

  padding-left: 1.125rem;

  margin-left: 0.9375rem;

  position: relative;

}

footer .footer_copyright .fPrivacy a {

  color: #111111;

}

footer .footer_copyright .fPrivacy a:hover {

  color: #111111;

  text-decoration: underline;

}

footer .footer_copyright .fPrivacy a+a::after {

  content: '';

  position: absolute;

  top: 50%;

  left: 0;

  width: 3px;

  height: 3px;

  border-radius: 100%;

  margin-top: -1.5px;

  background-color: #111111;

}

footer .footer_copyright .fCopyright {

  position: relative;

}

footer .fshare .fshare_items {

  margin-left: 0.62rem;

  position: relative;

}

footer .fshare .fshare_items a {

  width: 2.88rem;

  height: 2.88rem;

  border-radius: 6.25rem;

  background-color: #ff5a02;

  cursor: pointer;

  display: flex;

  align-items: center;

  justify-content: center;

}

footer .fshare .fshare_items a img {

  width: 24px;

  display: block;

}

.fshare_model:hover .fshare_modelBox {

  opacity: 1;

  visibility: visible;

}

.fshare_modelBox {

  position: absolute;

  bottom: 100%;

  bottom: calc(100% + 1.25rem);

  left: 50%;

  margin-left: -11.88rem;

  background-color: #333d50;

  border-radius: 1.0rem;

  width: 23.75rem;

  padding: 1.88rem;

  opacity: 0;

  visibility: hidden;

  transition: all 350ms ease-in-out;

}

.fshare_modelBox::after {

  content: '';

  position: absolute;

  bottom: -10px;

  left: 50%;

  margin-left: -8px;

  border-left: 8px solid transparent;

  border-right: 8px solid transparent;

  border-top: 10px solid #333d50;

}

.fshare_modelBox .img {

  width: 8.0rem;

  margin-right: 1.0rem;

}

.fshare_modelBox .text {

  font-size: 1.12rem;

  line-height: 2;

  color: #ffffff;

}

.fshare_modelBox_1 {

  margin-left: -7rem;

  width: 14rem;

}

.fshare_modelBox_1 .img {

  width: 100%;

  margin-right: 0;

}

/*****主体开始*******/

.homeNav {

  position: fixed;

  top: 50%;

  left: 0;  z-index: 99;

  transform: translateY(-50%);

  transition: all 400ms ease;

  opacity: 0;

  visibility: hidden;

}

.homeNav.isActive {

  opacity: 1;

  visibility: visible;

}

.homeNav ul {

  margin-left: 2vw;

  border-left: 1px solid rgba(17, 17, 17, 0.2);

}

.homeNav ul li {

  margin-bottom: 0.62rem;

  position: relative;

  padding-left: 1.25rem;

  cursor: pointer;

}

.homeNav ul li a {

  color: rgba(17, 17, 17, 0.5);

}

.homeNav ul li::after {

  content: '';

  position: absolute;

  top: 0;

  left: -1px;

  height: 0;

  width: 3px;

  background-color: #ff5a02;

}

.homeNav ul li.active::after {

  height: 100%;

}

.homeNav ul li.active a {

  color: rgba(17, 17, 17, 1.0);

}

/*首页*/

#banner {

  width: 100%;

  height: 100%;

  position: relative;

  overflow: hidden;

}

.home_banner {

  width: 100%;

  height: 100%;

  position: relative;

}

.home_banner li.swiper-slide {

  width: 100%;

}

.home_banner li .video {

  position: absolute;

  height: 100%;

  width: 100%;

}

.home_banner li .video::after {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.2);

}

.home_banner li .video video {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translateX(-50%) translateY(-50%);

  transform: translateX(-50%) translateY(-50%);

  min-width: 100%;

  min-height: 100%;

  width: auto;

  height: auto;

  z-index: -1000;

  overflow: hidden;

  pointer-events: none;

}

.bannerHeading {

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  z-index: 9;

  -webkit-transform: translateY(-50%);

     -moz-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

       -o-transform: translateY(-50%);

          transform: translateY(-50%);

}

.bannerHeading .box {

  padding-left: 2.19rem;

    font-style: italic;

}
.banner_jj .box {

  padding-left: 2.19rem;

    font-style: italic;

}
.bannerHeading .title {

  font-size: 2.25rem;

  color: #ffffff;

  font-weight: 400;

  line-height: 1.47;

}

.bannerHeading .text {

  font-size: 1.25rem;

  color: #ffffff;

  padding-top: 1.88rem;

  line-height: 1.8;

}

.bannerHeading .text span {

  display: block;

}

.bannerHeading .text .pd_2 {

 /* padding-left: 6.25rem;*/

} 

.bannerHeading .text .pd_3 {
font-size:2.25rem;
 

}

.bannerHeading .text .pd_4 {
 width:100px;
 height:30px;
 line-height:30px;
 margin-top:100px ;
 border-top:solid 1px #fff;
 border-bottom:solid 1px #fff;
 font-size: 0.25rem;
}

#banner .btnPaly {

  position: absolute;

  right: 2.5rem;

  bottom: 7.8125vw;

  z-index: 10;

}

#banner .btnPaly .btnIcon {

  width: 3.38rem;

  height: 3.38rem;

  cursor: pointer;

  border-radius: 100% !important;

  border: 1px solid #ffffff;

  background-image: url(/images/start_.svg);

  background-size: 16px;

  background-repeat: no-repeat;

  background-position: center;

}

#banner .btnPaly .btnIcon.start {

  display: block;

}

#banner .btnPaly .btnIcon.start_ {

  background-image: url(../images/start.svg);

  display: none;

}



#banner .swiper-pagination {

  bottom: 8.8541vw;

  font-size: 0;

  text-align: right;

  padding: 0 7.12rem;

}

#banner .swiper-pagination .swiper-pagination-bullet {

  width: 0.75rem;

  height: 0.75rem;

  border: 1px solid #ffffff;

  background-color: rgba(0,0,0,0);

  opacity: 1;

  margin: 0 0.38rem;

  position: relative;

}

#banner .swiper-pagination .swiper-pagination-bullet-active {

  background-color: #ffffff;

  border-color: #ffffff;

}



#banner .banner_next,

#banner .banner_prev {

  background-color: rgba(0, 0, 0, 0.7);

  width: 3.0rem;

  height: 6.25rem;

  margin-top: -3.12rem;

  opacity: 0;

  transition: all 300ms ease-in-out;

}

#banner .banner_prev::after,

#banner .banner_next::after {

  content: '';

  font-size: 0;

  color: #ffffff;

  background-image: url(../images/bottomIcon_fff.svg);

  background-position: center;

  background-size: 32px;

  background-repeat: no-repeat;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

#banner .banner_prev::after {

  transform: rotate(90deg);

}

#banner .banner_next::after {

  transform: rotate(-90deg);

}

#banner .banner_next {

  right: 0;

}

#banner .banner_prev {

  left: 0;

}

.no-touchevents #banner:hover .banner_next,

.no-touchevents #banner:hover .banner_prev {

  opacity: 1;

}



/**/

.hTitle {

  font-size: 2.5rem;

  font-weight: 400;

  line-height: 1;

}

.hMore {

  position: relative;

  z-index: 2;

}

.hMore a {

  display: block;

  font-size: 1.0rem;

  color: #ffffff;

  position: relative;

  width: 11.25rem;

  margin: 0 auto;

  height: 2.88rem;

  border-radius: 8px;

  line-height: 2.88rem;

  text-align: center;

  cursor: pointer;

}

.hMore a {

  content: '';

  position: absolute;


 

  background-color: #ff5a02;

border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;

  z-index: -1;



  transition: background-color 500ms;

}

.hMore a:hover {

  color: #ffffff;
 background-color: #0054ce;
}

.hMore a:hover:before {

 border-radius: 8px;
 position: absolute;
}

.hMore a span {

  display: block;

  position: relative;

  z-index: 1;

}

.container-fluid {

  
  /*padding-left: 9.6354vw;

  padding-right: 9.6354vw;*/

}
.xntd {padding-top:200px;color:#fff}
.hText {

  font-size: 2.5rem;

  font-weight: 200;

  line-height: 1.8;

  text-align: center;

  padding-bottom: 2.5rem;

}

.hText span,

.hText a {

  position: relative;

  font-weight: 500;

  cursor: pointer;

}

.hText span::after,

.hText a::after {

  content: '';

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 1px;

  border-bottom: 1px dashed #000;

}

.hText span:hover,

.hText a:hover {

  color: #ff5a02;

}

.hText span:hover::after,

.hText a:hover::after {

  border-bottom-color: #ff5a02;

}

.hMoreBtn {



}

/**/

.hIndustrySolutions {

  position: relative;

  background-color: #f4f4f4;

}

.hIndustrySolutions .container-fluid {

  padding-right: 0;

}

.hIndustrySolutionsMain {

  background-color: #ffffff;

  padding: 5.2083vw 0;

  margin-top: 0;

  position: relative;

  z-index: 2;

  transition: margin-top 400ms linear;

}

.hIndustrySolutionsMain.mrt_is {

  margin-top: -6.25rem;

}

.hIndustrySolutionsList {

  padding-top: 3.12rem;

  padding-bottom: 3.44rem;

}

.hIndustrySolutionsList.isActive  li .box {

  display: block;

}

.hIndustrySolutionsList ul.row {

  margin-left: -1.56rem;

  margin-right: -1.56rem;

}

.hIndustrySolutionsList li {

  padding-left: 1.56rem;

  padding-right: 1.56rem;

}

.hIndustrySolutionsList li .title {

  font-size: 1.38rem;

  position: relative;

  margin-bottom: 1.25rem;

  line-height: 1.8;

  font-weight: 400;

}

.hIndustrySolutionsList li .title span {

  position: relative;

}

.hIndustrySolutionsList li .box {

  border-bottom: 1px solid rgba(0,0,0,0.16);

  display: none;

}

.hIndustrySolutionsList li .box:nth-child(1),

.hIndustrySolutionsList li .box:nth-child(2),

.hIndustrySolutionsList li .box:nth-child(3) {

  display: block;

}

.hIndustrySolutionsList li .box a {

  height: 70px;

  position: relative;

  display: block;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center;

  padding-left: 4.38rem;

  width: 100%;

}

.hIndustrySolutionsList li .box .img {

  width: 3.75rem;

  height: 50px;

  margin-right: 0.6rem;

  display: flex;

  align-items: center;

  justify-content: center;

  position: absolute;

  top: 10px;

  left: 0;

  z-index: 2;

}

.hIndustrySolutionsList li .box .img img {

  display: block;

}

.hIndustrySolutionsList li .box span {

  font-size: 1.0rem;

  position: relative;

  z-index: 2;

  line-height: 1.3;

}

.no-touchevents .hIndustrySolutionsList li .box a::after {

  content: '';

  position: absolute;

  top: -1px;

  left: -1.75rem;

  right: -1.35rem;

  bottom: -1px;

  box-shadow: 0 0 1.12rem rgba(226, 131, 82, 0.3);

  background-color: #ffffff;

  border-radius: 8px;

  transform: skew(-26deg);

  pointer-events: none;

  opacity: 0;

  visibility: hidden;

  transition: all 800ms ease;

  border: 1px solid rgba(226, 131, 82, 0.8);

}

.no-touchevents .hIndustrySolutionsList li .box:hover a::after {

  opacity: 1;

  visibility: visible;

}

.no-touchevents .hIndustrySolutionsList li .box:hover span {

  color: #ff5a02;

}

.hMoreBtn a {

  display: block;

  font-size: 1.0rem;

  color: #ffffff;

  position: relative;

  background-color: #ff5a02;

  transform: skew(-32deg);

  width: 8.5rem;

  margin: 0 auto;

  height: 2.5rem;

  border-radius: 8px;

  line-height: 2.5rem;

  text-align: center;

  cursor: pointer;

  transition: background-color 500ms;

}

.hMoreBtn a span {

  display: block;

  transform: skew(32deg);

  height: 100%;

  padding-right: 20px;

}

.hMoreBtn a span::after {

  content: '';

  position: absolute;

  top: 0;

  width: 16px;

  right: 20px;

  bottom: 0;

  background-image: url(../images/bottomIcon_fff.svg);

  background-position: center;

  background-repeat: no-repeat;

  transform: rotate(0);

  transition: all 300ms ease-in-out;

}

.hMoreBtn a.isActive span::after {

  transform: rotate(180deg);

  color: #ffffff;

}

.hMoreBtn a:hover {

  color: #ffffff;

  background-color: #0054ce;

}





.hProduct {

  position: relative;

  padding: 7.8125vw 0;

  background-color: #f4f4f4;

}

.hEquipment {

  position: relative;

  background-color: #ffffff;

  padding-bottom: 8.8541vw;

}

.hEquipment::after {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 16.40625vw;

  background-color: #f4f4f4;

}

.hEquipmentSwiper {

  position: relative;

  z-index: 10;

}

.hEquipmentMain {

  padding-bottom: 6.38rem;

  position: relative;

}

.hEquipmentSwiper {



  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

 
 height:32.8125vw;

}

.hEquipmentBox {

  position: relative;

  width: 100%;

  height: 100%;

  padding: 0.62rem 0;

  display: flex;

}

.hEquipmentBox .eWidth {

  width: 33.3333334%;

  position: relative;

  height: 100%;

}
.e_left li{height:50px;bottom:0}
.e_left .en {font-size:40px;margin:30px 0 0 0}
.e_left .cn {font-size:40px}
.hEquipmentBox .eWidthSmall {

  border-left: 1px solid rgba(255,255,255,0.3);

}

.hEquipmentBox .eWidthSmall .box {

  height: 50%;

  

}

.hEquipmentBox .eWidthSmall .box:nth-child(2) {

  border-top: 1px solid rgba(255,255,255,0.3);

  top: 0;

  height: 50%;

}

.hEquipmentBox .eWidthSmall .box:nth-child(2)::after {

  top: 0.62rem;

}

.hEquipmentBox .box {
  display:flex;
  margin: 0 0 0 0;

  position: relative;

  height: auto;
text-align:center;
}

.hEquipmentBox .box .bg {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: rgba(255,90,2,0.7);

  transition: all 0.35s ease;

  opacity: 0;

}

.hEquipmentBox .box .title {
  width:100%;
  height:100%;
  font-size: 1.38rem;

  position: absolute;
  z-index: 2;
  font-weight: 400;
  transition: all .35s ease;
}


.hEquipmentBox .box .a{ background:url(/images/t-ico-1-1.png) no-repeat center center ;}
.hEquipmentBox .box .a:hover{background:url(/images/t-ico-1-2.png) no-repeat  center center ;color:#fff;background-size:35%} 
.hEquipmentBox .box .b{ background:url(/images/t-ico-4-1.png) no-repeat center center ;}
.hEquipmentBox .box .b:hover{background:url(/images/t-ico-4-2.png) no-repeat  center center ;color:#fff;background-size:35%} 
.hEquipmentBox .box .c{ background:url(/images/t-ico-2-1.png) no-repeat center center ;}
.hEquipmentBox .box .c:hover{background:url(/images/t-ico-2-2.png) no-repeat  center center ;color:#fff;background-size:35%} 
.hEquipmentBox .box .d{ background:url(/images/t-ico-5-1.png) no-repeat center center ;}
.hEquipmentBox .box .d:hover{background:url(/images/t-ico-5-2.png) no-repeat  center center ;color:#fff;background-size:35%} 
.hEquipmentBox .box .e{ background:url(/images/t-ico-3-1.png) no-repeat center center ;}
.hEquipmentBox .box .e:hover{ background:url(/images/t-ico-3-2.png) no-repeat center center ;color:#fff;background-size:35%}
.hEquipmentBox .box .f{background:url(/images/t-ico-6-1.png) no-repeat  center center ;} 
.hEquipmentBox .box .f:hover{background:url(/images/t-ico-6-2.png) no-repeat  center center ;color:#fff;background-size:35%} 
.hEquipmentBox .box .title span{widt:100%;text-align:ceter;padding:60% 0 0 0;margin:auto auto}
.hEquipmentBox .box .title a {

  color: inherit;

}

.hEquipmentBox .box .title span {

 

  display: block;





  align-items: center;

  font-size: 18px;

}

.hEquipmentBox .box .title span img {

  display: block;

  width: 50px;

  height: 50px;

  margin-right: 10px;

}

.hEquipmentBox .box .con {

  line-height: 2;

  font-size: 1.12rem;

  position: absolute;

  bottom: 0.62rem;

  right: 1.88rem;

  text-align: right;

  z-index: 2;

  opacity: 0;

  visibility: hidden;

  transition: all 400ms;

}

.hEquipmentBox .box .con a {

  color: #ffffff;

}

.hEquipmentBox .box .con a:hover {



}

@media (min-width: 1025px) {

  .hEquipmentBox .box:hover .bg {

    opacity: 1;

  }

  .hEquipmentBox .box:hover .title {

    font-size: 2.25rem;

   /* bottom: 1.88rem;*/

  }

  .hEquipmentBox .box:hover .con {

    bottom: 1.88rem;

    opacity: 1;

    visibility: visible;

  }

}

.hEquipmentMain .swiper-pagination {

  bottom: 0;

  font-size: 0;

  text-align: center;

  width: auto;

  left: 0;

  position: relative;

}

.hEquipmentMain .swiper-pagination .swiper-pagination-bullet {

  width: 0.75rem;

  height: 0.75rem;

  border: 1px solid #b3b7ba;

  background-color: rgba(0,0,0,0);

  opacity: 1;

  margin: 0 0.38rem;

  position: relative;

}

.hEquipmentMain .swiper-pagination .swiper-pagination-bullet-active {

  background-color: #ff5a02;

  border-color: #ff5a02;

}



.hEquipment_button,

.hNews_button,

.socialResponsibility_button {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  z-index: 10;

}

.hEquipment_button .hEquipment_prev,

.hEquipment_button .hEquipment_next,

.hNews_button .hNews_prev,

.hNews_button .hNews_next,

.socialResponsibility_button .socialResponsibility_prev,

.socialResponsibility_button .socialResponsibility_next {

  border: 1px solid #b3b7ba;

  width: 40px;

  height: 40px;

 

  top: 0;

  margin: 0 30px;

  position: relative;

}

.hEquipment_button .hEquipment_prev:after,

.hEquipment_button .hEquipment_next:after,

.hNews_button .hNews_prev:after,

.hNews_button .hNews_next:after,

.socialResponsibility_button .socialResponsibility_prev:after,

.socialResponsibility_button .socialResponsibility_next:after {

  content: '';

  font-size: 0;

  color: #b3b7ba;

  background-image: url(/images/bottomIcon.svg);

  background-position: center;

  background-size: 22px;

  background-repeat: no-repeat;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



.hEquipment_button .hEquipment_prev:after,

.hNews_button .hNews_prev:after,

.socialResponsibility_button .socialResponsibility_prev:after {

  transform: rotate(90deg);

}

.hEquipment_button .hEquipment_next:after,

.hNews_button .hNews_next:after,

.socialResponsibility_button .socialResponsibility_next:after {

  transform: rotate(-90deg);

}



.hEquipment_button .hEquipment_prev,

.hNews_button .hNews_prev,

.socialResponsibility_button .socialResponsibility_prev {

  left: 0;

}

.hEquipment_button .hEquipment_next,

.hNews_button .hNews_next,

.socialResponsibility_button .socialResponsibility_next {

  right: 0;

}



.hNews {







  background-position: center bottom;

  background-repeat: no-repeat;

  background-size: 100%;

}

.hNews .hTitle {

  padding-bottom: 4.25rem;

}

.hNews .hMore {

  padding-top: 4.5rem;

}

.hNews .hNewsList {

  padding-bottom: 6.38rem;

}

.hNewsList {

  padding-bottom: 4.38rem;

}

.hNewsList li {

  width: 100%;

}

.hNewsList li .box {

  display: block;
  width:426px

}

.hNewsList li .box .img {

  overflow: hidden;

  position: relative;

  height: 14.375vw;

}

.hNewsList li .box .img .time {

  position: absolute;

  bottom: -1px;

  right: 0;

  z-index: 2;

  font-size: 1.0rem;

}

.hNewsList li .box .img .time::after {

  content: '';

  position: absolute;

  bottom: -0.38rem;

  right: -3.25rem;

  background-color: #ffffff;

  transform: skew(-40deg);

  width: 13.75rem;

  margin: 0 auto;

  height: 2.88rem;

  border-radius: 8px;

  line-height: 2.88rem;

  text-align: center;

}

.hNewsList li .box .img .time span {

  position: relative;

  z-index: 2;

  padding-right: 2.5rem;

}

.hNewsList li .box .text {

  padding: 2.12rem 8%;

  position: relative;

  background-color: #ffffff;

  z-index: 2;

  height: 11.88rem;

}

.hNewsList li .box .text .title {

  font-size: 1.38rem;

  line-height: 1.63;

  overflow: hidden;

  text-overflow: ellipsis;

  display:-webkit-box;

  -webkit-box-orient:vertical;

  -webkit-line-clamp: 2;

  font-weight: 400;

}

.hNewsList li .box:hover .img .img_scale {

  transform: scale(1.2);

  transition: transform 0.6s cubic-bezier(0.34, 0.615, 0.4, 0.985);

}

.hNewsList li .box:hover .text .title {

  color: #ff5a02;

}

.hNewsList .swiper-pagination {

  bottom: 0;

  font-size: 0;

  position: relative;

  width: auto;

}

.hNewsList .swiper-pagination .swiper-pagination-bullet {

  width: 0.75rem;

  height: 0.75rem;

  border: 1px solid #b3b7ba;

  background-color: rgba(0,0,0,0);

  opacity: 1;

  margin: 0 0.38rem;

  position: relative;

}

.hNewsList .swiper-pagination .swiper-pagination-bullet-active {

  background-color: #ff5a02;

  border-color: #ff5a02;

}
.hNews .title{color:#ff4e00;margin:20px 0 0 0}
.hNews .desc{margin:20px 0 0 0}
.hContact {

  background-image: url(../images/hContactBg.jpg);

  background-position: center bottom;

  background-size: 100%;

  background-repeat: no-repeat;

  padding: 7vw 0 8.8541vw;

}



/*内页banner*/

#wBanner {

  overflow: hidden;

  position: relative;

}

#wBanner .img {

  position: relative;

  height: 36.9791vw;

  display: flex;

  align-items: center;

}

#wBanner .title {

  font-size: 2.62rem;

  font-weight: 500;

  color: #ffffff;

  line-height: 1;

  font-style: italic;

}

#wBanner .breadcrumb .breadcrumb-item {

  color: #ffffff;

}

#wBanner .breadcrumb .breadcrumb-item a {

  color: #ffffff;

}

#wBanner .breadcrumb .breadcrumb-item a:hover {

  color: #ff5a02;

}

#wBanner .breadcrumb-item + .breadcrumb-item::before {

  color: #ffffff;

}

#wBanner .breadcrumb .breadcrumb-item.active a {

  border-bottom-color: #ffffff;

}

#wBanner .hMore {

  position: absolute;

  bottom: 8.75rem;

  right: 9.6354vw;

}

#wBanner .hMore a {

  margin: 0 1.25rem 0 0;

}

/*导航*/

#sideNav.isActive {

  transform: translateY(0);

}

#sideNav {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 990;

  transition: transform 450ms linear;

  transform: translateY(-100%);

}

#sideNav .sideNavBorder {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 0%;

  height: 2px;

  background-color: #ff5a02;

  transition: all 400ms linear;

}

#sideNav .sideNavBox {

  position: relative;

  width: 100%;

  background-color: #ffffff;

  box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.05);

  transition: margin-top 450ms cubic-bezier(0, 0.55, 0.45, 1);

  margin-top: 0;

}

#sideNav .sideNavBox li {

  position: relative;

  width: 100%;

}

#sideNav .sideNavBox li::after {

  content: '';

  position: absolute;

  right: 0;

  top: 50%;

  width: 1px;

  background-color: rgba(0, 0, 0, 0.1);

  height: 1.0rem;

  margin-top: -0.5rem;

}

#sideNav .sideNavBox li:last-child::after {

  display: none;

}

#sideNav .sideNavBox li a {

  display: block;

  position: relative;

  text-align: center;

  padding: 1.38rem 0;

  color: #333333;

  font-size: 1.12rem;

  font-weight: 300;

  cursor: pointer;

}

#sideNav .sideNavBox li.active a {

  color: #ff5a02;

}

/*内页开始*/

.w_title {

  font-size: 2.25rem;

  padding-bottom: 1.0rem;

  line-height: 1;

  font-weight: 400;

}

.w_title_fff {

  color: #ffffff;

}

.w_text {

  font-size: 1.12rem;

  line-height: 1.9;

  color: #595959;

  font-weight: 300;

}

.w_main {

  background-color: #f4f4f4;



  padding-bottom: 1px;

}

.w_main_tb {

  padding: 7.8125vw 0;

  margin-bottom: 7.8125vw;

}

.w_main_t {

  padding-bottom: 0;

}

.breadcrumb {

  background-color: rgba(0, 0, 0, 0.0);

  border-radius: 0;

  padding: 2.5rem 0 0.9375rem;

  margin-bottom: 0;

}

.breadcrumb .breadcrumb-item {

  color: #595959;

  font-size: 16px;

}

.breadcrumb .breadcrumb-item a {

  color: #595959;

}

.breadcrumb .breadcrumb-item.active a {

  border-bottom: 1px solid #111111;

}

.breadcrumb .breadcrumb-item a:hover {

  color: #ff5a02;

}

.bg_fff {

  background-color: #ffffff;

}

.bg_cover {

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

}

.img_scale_relative {

  position: relative;

  overflow: hidden;

  visibility: visible !important;

}

.img_scale {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  -webkit-transform: scale(1.2);

  transform: scale(1.2);

  -webkit-transform-origin: right top;

  transform-origin: right top;

  transition: -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);

  transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);

  transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1), -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);

}

img.img_scale {

  position: relative;

}

.img_scale_relative::before {

  content: '';

  display: block;

  top: 0;

  left: 0;

  position: absolute;

  width: 100%;

  height: 100%;

  background-image: linear-gradient(90deg, #ff5a02, #ff5a02);

  transform: scaleX(1);

  transform-origin: right center;

  z-index: 6;

}

.img_scale_relative.visible::before {

  transform: scaleX(0);

  transition: transform 0.6s cubic-bezier(0.565, 0.43, 0.24, 0.92) 0.45s;

}

.img_scale_relative.visible .img_scale {

  transform: scale(1);

  transition: transform 1.3s cubic-bezier(0.34, 0.615, 0.4, 0.985);

}



.w_more a {

  display: block;

  margin: 0 auto;

}

/**/

.aboutUsHead {

  background-color: #f4f4f4;

}

.aboutUsHead .container-fluid {

  padding-right: 0;

}

.aboutUsHeadMain {

  background-color: #ffffff;

  padding: 6.25vw 0 7.8125vw;

  position: relative;

  z-index: 2;

  margin-top: -4.1667vw;

}

.aboutUsHead .w_title {

  padding-bottom: 1.88rem;

}

.aboutUsInformation {

  background-color: #f4f4f4;

}

.aboutUsInformation .container-fluid {

  padding-right: 0;

}

.aboutUsInformation .list {

  padding: 2.8125vw 0;

}

.aboutUsInformation .list ul {

  margin-left: -3.125vw;

  margin-right: -3.125vw;

}

.aboutUsInformation .list li {

  padding-left: 3.125vw;

  padding-right: 3.125vw;

  position: relative;

  text-align: center;

}

.aboutUsInformation .list li::after {

  content: '';

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  width: 1px;

  background-color: rgba(0,0,0,0.08);

}

.aboutUsInformation .list li:last-child::after {

  display: none;;

}

.aboutUsInformation .list .title {

  font-size: 3.75rem;

  line-height: 1;

  font-weight: 400;

  padding-bottom: 2.5rem;

}

.aboutUsInformation .list .text {

  color: #595959;

  line-height: 1.77;

  font-size: 1.12rem;

}

.aboutUsVideo {

  position: relative;

  background-color: #ffffff;

}

.aboutUsVideo::after {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 50%;

  background-color: #f4f4f4;

}

.videoImg {

  position: relative;

  height: 29.16667vw;

  width: 100%;

  z-index: 2;

  background-color: #ffffff;

}

.videoImg::after {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: rgba(0,0,0,0.1);

}

.videoImg .videoBtn {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 3.75rem;

  height: 3.75rem;

  margin-top: -1.88rem;

  margin-left: -1.88rem;

  z-index: 5;

  cursor: pointer;

}

.history {

  background-color: #ffffff;

}

.historyBox {

  padding: 7.8125vw 0;

  border-bottom: 1px solid #e5e5e5;

}

.historyTopMain {

  position: relative;

  margin-bottom: -1.88rem;

  padding-left: 3.12rem;

  padding-right: 3.12rem;

}

.historyTop {

  padding: 5.12rem 3.12rem;

}

.historyTop::after {

  content: '';

  height: 2px;

  background-color: rgba(0, 0, 0, 0.07);

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

}

.historyTop ul.swiper-wrapper {

  transition-timing-function: linear;

}

.historyTop li.swiper-slide {

  text-align: center;

  cursor: pointer;

}

.historyTop li.swiper-slide::before {

  content: '';

  position: absolute;

  top: 50%;

  left: 0;

  width: 100%;

  height: 35px;

  margin-top: -17.5px;

  background-image: url(../images/historyTopX.png);

  background-repeat: no-repeat;

  background-position: center;

}

.historyTop li.swiper-slide span {

  position: absolute;

  bottom: 1.0rem;

  left: 0;

  width: 100%;

  font-size: 1.25rem;

  color: #595959;

  text-align: center;

  transition: all .3s ease-out;

}

.historyTopMain .historyTop_prev,

.historyTopMain .historyTop_next {

  position: absolute;

  top: 50%;

  width: 2.5rem;

  height: 2.5rem;

  border-radius: 100%;

  border: 2px solid #e6e6e6;

  margin-top: -1.25rem;

}

.historyTopMain .historyTop_prev {

  left: 0;

}

.historyTopMain .historyTop_next {

  right: 0;

}

.historyTopMain .historyTop_prev svg,

.historyTopMain .historyTop_next svg {

  display: block;

  fill: #e6e6e6;

}

.historyTopMain .historyTop_prev:hover,

.historyTopMain .historyTop_next:hover {

  border-color: #ff5a02;

}

.historyTopMain .historyTop_prev:hover svg,

.historyTopMain .historyTop_next:hover svg {

  fill: #ff5a02;

}

.historyTop li.swiper-slide.active::before {

  background-image: url(../images/historyTopD.png);

}

.historyTop li.swiper-slide.active span {

  font-size: 2.5rem;

  font-weight: 400;

  color: #ff5a02;

}

.historyBot li {

  display: none;

}

.historyBot li.active {

  display: block;

}

.historyBot li.active .box .img_scale_relative::before {

  transform: scaleX(0);

  transition: transform 0.6s cubic-bezier(0.565, 0.43, 0.24, 0.92) 1s;

}

.historyBot li .box {

  width: 100%;

  background-color: #f4f4f4;

  height: 21.3541vw;

}

.historyBot li .box .text {

  width: 50%;

  padding: 0.62rem 6.4516%;

}

.historyBot li .box .text .text_li+.text_li {

  margin-top: 1.88rem;

}

.historyBot li .box .text .time {

  font-size: 1.25rem;

  color: #ff5a02;

  padding-bottom: 0.75rem;

  font-weight: 400;

}

.historyBot li .box .text .title {

  font-size: 1.12rem;

  cursor: pointer;

  color: #666;

}

.historyBot li .box .text .text_li.active .title {

  color: #111111;

}

.historyBot li .box .img {

  width: 50%;

  height: 100%;

}

.historyBot li .box .img .img_scale {

  opacity: 0;

  -webkit-transform: scale(1);

  transform: scale(1);

  transition: opacity 1000ms cubic-bezier(0.34, 0.615, 0.4, 0.985),transform 1.3s cubic-bezier(0.34, 0.615, 0.4, 0.985) 0.55s;

}

.historyBot li .box .img .img_scale.active {

  opacity: 1;

}

.manufacturingStrength {

  padding: 7.8125vw 0;

}

.manufacturingStrength .videoImg {

  margin-top: 2.5rem;

  height: 36.9791vw;

}

.manufacturingStrength .videoImg .videoBtn {

  top: calc(50% - 2.0833vw);

}

.manufacturingStrength .w_text {

  background-color: #f4f4f4;

  padding: 6.25vw 9.375vw;

  margin-top: -4.16667vw;

  position: relative;

  z-index: 2;

}

.manufacturingStrength .w_text p+p {

  margin-top: 0;

}



.corporateCulture {

  padding-bottom: 5.7291vw;

}

.corporateCultureList {

  margin-top: 2.88rem;

  overflow: hidden;

}

.corporateCultureList li {

  margin-bottom: 2.5rem;

  margin-left: -3.125vw;

  margin-right: -3.125vw;

}

.corporateCultureList li .cultureLeft,

.corporateCultureList li .cultureRight {

  padding-left: 3.125vw;

  padding-right: 3.125vw;

}

.corporateCultureList li .img {

  height: 20.8334vw;

}

.corporateCultureList li .img::after {

  content: '';

  position: absolute;

  bottom: 0;

  left: 0;

  height: 0.62rem;

  background-color: #3667b4;

  width: 100%;

}

.corporateCultureList li:nth-child(2) .img::after {

  background-color: #ff9a00;

}

.corporateCultureList li:nth-child(3) .img::after {

  background-color: #7c848d;

}

.corporateCultureList li .con {

  padding-top: 3.5rem;

  font-size: 1.88rem;

  line-height: 1.9;

}

.corporateCultureList li .con .title {

  color: #ff9a00;

  padding-bottom: 0.38rem;

}

.corporateCultureList li .con .text {

  color: #333333;

  font-size: 1.12rem;

}

.corporateCultureList li:nth-child(2n) .cultureLeft {

  -ms-flex-order: 13;

  order: 13;

}

.corporateCultureList li:nth-child(2n) .cultureRight {

  -ms-flex-order: -1;

  order: -1;

}



.socialResponsibility {

  padding: 7.8125vw 0;

  background-color: #f4f4f4;

}

.socialResponsibilitySwiper {

  padding-top: 3.5rem;

  padding-bottom: 6.38rem;

}

.socialResponsibilitySwiper li.swiper-slide .box {

  overflow: hidden;

  width: 100%;

  position: relative;

}

.socialResponsibilitySwiper li.swiper-slide .box .img {

  height: 29.16667vw;

}

.socialResponsibilitySwiper li.swiper-slide .box .con {

  position: absolute;

  bottom: 1.88rem;

  left: 0;

  right: 0;

  color: #ffffff;

  padding: 0 3.125vw;

  transition: all 400ms linear;

  transform: translateY(9vw);

}

.socialResponsibilitySwiper li.swiper-slide .box .con .title {

  font-size: 1.88rem;

  font-weight: 400;

  padding-bottom: 0.75rem;

}

.socialResponsibilitySwiper li.swiper-slide .box .con .text {

  font-size: 1.12rem;

  line-height: 1.7;

  opacity: 0;

  transition: all 400ms linear;

}

.socialResponsibilitySwiper li.swiper-slide .box:hover .con {

  transform: translateY(0);

}

.socialResponsibilitySwiper li.swiper-slide .box:hover .con .text {

  opacity: 1;

}

.socialResponsibilitySwiper .swiper-pagination {

  bottom: 0;

  font-size: 0;

  width: auto;

  position: relative;

}

.socialResponsibilitySwiper .swiper-pagination .swiper-pagination-bullet {

  width: 0.75rem;

  height: 0.75rem;

  border: 1px solid #b3b7ba;

  background-color: rgba(0,0,0,0);

  opacity: 1;

  margin: 0 0.38rem;

  position: relative;

}

.socialResponsibilitySwiper .swiper-pagination .swiper-pagination-bullet-active {

  background-color: #ff5a02;

  border-color: #ff5a02;

}

/*下载中心*/

.download {

  position: relative;

}

.download .list {

  margin-top: 2.62rem;

  border-top: 1px solid rgba(0, 0, 0, 0.1);

  padding-bottom: 3.12rem;

}

.download .list li {}

.download .list li .box {

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

  padding: 1.62rem 0 1.62rem 4.38rem;

  display: block;

  position: relative;

}

.download .list li .box::before {

  content: '';

  position: absolute;

  bottom: -1px;

  left: 0;

  width: 0;

  height: 2px;

  background-color: #fe5b00;

  transition: all 0.6s ease-in;

}

.download .list li .box .title {

  font-size: 1.5rem;

  color: #333333;

  overflow: hidden;

  text-overflow:ellipsis;

  white-space: nowrap;

  width: 86%;

  font-weight: 400;

  transition: all 0.3s ease-in;

}

.download .list li .box .time {

  color: #666666;

  font-size: 1.0rem;

  transition: all 0.3s ease-in;

}

.download .list li .box::after {

  content: '';

  position: absolute;

  top: 0;

  left: 0.5rem;

  width: 1.75rem;

  height: 100%;

  background-size: 100%;

  background-repeat: no-repeat;

  background-position: center;

  background-image: url(../images/pdfIcon.png);

}

.download .list li .box:hover::before {

  width: 100%;

}

.download .list li .box:hover::after {

  background-image: url(../images/pdfIcon_.png);

}

.download .list li .box:hover .title,

.download .list li .box:hover .time {

  color: #fe5b00;

}

/*新闻资讯*/

.news {

  position: relative;

}

.wNewsList {

  padding-top: 2.62rem;

  padding-bottom: 3.12rem;

}

.wNewsList ul {

  margin-left: -5px;

  margin-right: -5px;

}

.wNewsList li {

  position: relative;

  padding-left: 5px;

  padding-right: 5px;

  margin-bottom: 10px;

}

.wNewsList li .box .text,

.wNewsList li .box .img .time::after {

  background-color: #f4f4f4;

}

/*新闻详情*/

.newsD {

  position: relative;

  padding-bottom: 0.62rem;

}

.newsD .title {

  font-size: 2.0rem;

  font-weight: 400;

  line-height: 1.6;

  padding-bottom: 1.0rem;

}

.newsD .time {

  font-size: 1.0rem;

  color: #595959;

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

  padding-bottom: 3.12rem;

  margin-bottom: 3.12rem;

}

.newsD .time span {

  color: #ff5a02;

  font-weight: 400;

  padding-right: 1.25rem;

}

.newsD .text {

  line-height: 1.8;

  font-size: 1.12rem;

  color: #595959;

  text-align: justify;

  padding-bottom: 4.6875vw;

}

.newsD .page {

  border-top: 2px solid #7c848d;

  position: relative;

  padding: 3.12rem 0;

}

.newsD .page .link {

  display: block;

}

.newsD .page .page_title {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  font-size: 1.125rem;

  color: #595959;

  padding-top: 0.38rem;

}

.newsD .page .page_text {

  font-size: 1.0rem;

  color: rgba(89, 89, 89, 0.5);

}

.newsD .page .page_perv,

.newsD .page .page_next {

  width: 40%;

}

.newsD .page .page_perv {

  text-align: left;

}

.newsD .page .page_next {

  text-align: right;

}

.newsD .page .page_return {

  position: absolute;

  left: 50%;

  top: 50%;

  margin-top: -1.25rem;

  margin-left: -1.75rem;

}

.newsD .page .page_return a {

  display: block;

  font-size: 1.0rem;

  color: #ffffff;

  position: relative;

  background-color: #ff5a02;

  transform: skew(-32deg);

  width: 3.5rem;

  margin: 0 auto;

  height: 2.5rem;

  border-radius: 8px;

  line-height: 2.5rem;

  text-align: center;

  transition: background-color 500ms;

}

.newsD .page .page_return a span {

  display: block;

  transform: skew(32deg);

  background-image: url(../images/returnIcon01.png);

  background-position: center;

  background-repeat: no-repeat;

  height: 100%;

}

.newsD .page .page_return a:hover {

  background-color: #ff9a00;

}

.newsD .page .link:hover .page_title {

  color: #ff5a02;

  text-decoration: underline;

}

/*职业发展*/

.careerHeadMain {

  font-size: 2.5rem;

  line-height: 1.65;

  padding-left: 6.5625vw;

  position: relative;

}

.careerHeadMain .title {

  color: #ff5a02;

}

.careerHeadMain::after {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  background-image: url(../images/yingHao.png);

  background-repeat: no-repeat;

  background-size: 100%;

  background-position: center;

  width: 3.6458vw;

  height: 2.6041vw;

}

.careerStaff {

  background-color: #f4f4f4;

  padding: 7.8125vw 0 4.6875vw;

  overflow: hidden;

}

.careerStaffList li {

  margin-bottom: 3.125vw;

  margin-left: -3.0208vw;

  margin-right: -3.0208vw;

}

.careerStaffList li .careerStaffLeft,

.careerStaffList li .careerStaffRight {

  padding-left: 3.0208vw;

  padding-right: 3.0208vw;

}

.careerStaffList li .con {

  padding-top: 4.38rem;

  font-size: 1.12rem;

  line-height: 1.76;

}

.careerStaffList li:nth-child(2n-1) .careerStaffLeft {

  -ms-flex-order: 13;

  order: 13;

}

.careerStaffList li:nth-child(2n-1) .careerStaffRight {

  -ms-flex-order: -1;

  order: -1;

}

.careerIdea {

  padding: 7.8125vw 0;

  background-color: #ffffff;

}

.careerIdea .list {

  padding-top: 3.5rem;

}

.careerIdea .list li {

  height: 220px;

  margin-top: -1px;

  margin-left: -1px;

  position: relative;

  overflow: hidden;

}

.careerIdea .list li::after {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  opacity: 0;

  background-color: #ff5a02;

  transition: all 400ms ease-in-out;

}

.careerIdea .list li .box {

  border: 1px solid #e5e5e5;

  width: 100%;

  height: 100%;

  padding: 2vw 2.125vw;

  position: relative;

  z-index: 2;

}

.careerIdea .list li .box .sou {

  font-size: 1.12rem;

  font-weight: 400;

  color: rgba(51, 51, 51, 0.5);

  transition: all 400ms ease-in-out;

}

.careerIdea .list li .box .title {

  font-size: 1.25rem;

  font-weight: 500;

  padding-bottom: 0.5rem;

  transition: all 400ms ease-in-out;

}

.careerIdea .list li .box .text {

  font-size: 1.0rem;

  line-height: 1.7;

  opacity: 0;

  visibility: hidden;

  color: #ffffff;

  transition: all 400ms ease-in-out;

}

.careerIdea .list li .box .box_text {

  position: absolute;

  top: 7.8125vw;

  left: 2.125vw;

  right: 2.125vw;

  transition: top 400ms ease-in-out;

}

@media (min-width: 1025px) {

  .careerIdea .list li:hover::after {

    opacity: 1;

  }

  .careerIdea .list li:hover .box .sou,

  .careerIdea .list li:hover .box .title {

    color: #ffffff;

  }

  .careerIdea .list li:hover .box .box_text {

    top: 4.0625vw;

  }

  .careerIdea .list li:hover .box .text {

    opacity: 1;

    visibility: visible;

  }

}

.careerPersonnel {

  background-color: #f4f4f4;

}

.careerPersonnel .bgImg {

  height: 32.2916vw;

  padding: 8.8541vw;

}

.careerPersonnel .con {

  position: relative;

  z-index: 2;

  margin-top: -4.16667vw;

  padding: 5.2083vw 8.8541vw;

}

.careerPersonnel .con .w_text {

  width: 57.6667%;

  text-align: justify;

  padding-top: 1.25rem;

}

.careerPersonnel .con .img {

  width: 30.4166%;

}

.growTogether {

  background-color: #f4f4f4;

  padding: 7.8125vw 0;

}

.growTogether .container-fluid {

  padding-right: 0;

}

.growTogetherSwiper {

  margin-top: 2.5rem;

}

.growTogetherSwiper li.swiper-slide {

  width: 31.88rem;

}

.growTogetherSwiper li.swiper-slide .box {

  display: block;

  position: relative;

}

.growTogetherSwiper li.swiper-slide .box::after {

  content: '';

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  height: 80%;

  background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.5));

}

.growTogetherSwiper li.swiper-slide .box .img {

  height: 18.44rem;

  width: 100%;

}

.growTogetherSwiper li.swiper-slide .box .con {

  position: absolute;

  top: 80%;

  left: 2.0833vw;

  right: 2.0833vw;

  color: #ffffff;

  z-index: 2;

  transition: all 300ms ease-in-out;

}

.growTogetherSwiper li.swiper-slide .box .con .title {

  font-size: 1.38rem;

  font-weight: 400;

  padding-bottom: 0.38rem;

  transition: all 300ms ease-in-out;

} 

.growTogetherSwiper li.swiper-slide .box .con .text {

  font-size: 1.25rem;

  opacity: 0;

  visibility: hidden;

  transition: all 300ms ease-in-out;

}

@media (min-width: 1025px) {

  .growTogetherSwiper li.swiper-slide .box:hover .con {

    top: 65%;

  }

  .growTogetherSwiper li.swiper-slide .box:hover .con .title {

    font-size: 1.88rem;

  }

  .growTogetherSwiper li.swiper-slide .box:hover .con .text {

    opacity: 1;

    visibility: visible;

  }

  .growTogetherSwiper:hover .growTogether_prev,

  .growTogetherSwiper:hover .growTogether_next {

    opacity: 1;

  }

}

.growTogetherSwiper .growTogether_prev {

  background-color: rgba(0, 0, 0, 0.7);

  left: 0;

  width: 2.25rem;

  height: 3.75rem;

  margin-top: -1.88rem;

  opacity: 0;

  transition: all 300ms ease-in-out;

}

.growTogetherSwiper .growTogether_next {

  background-color: rgba(0, 0, 0, 0.7);

  right: 0;

  width: 2.25rem;

  height: 3.75rem;

  margin-top: -1.88rem;

  opacity: 0;

  transition: all 300ms ease-in-out;

}

.growTogetherSwiper .growTogether_prev::after,

.growTogetherSwiper .growTogether_next::after {

  content: '';

  font-size: 0;

  color: #ffffff;

  background-image: url(../images/bottomIcon_fff.svg);

  background-position: center;

  background-size: 24px;

  background-repeat: no-repeat;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.growTogetherSwiper .growTogether_prev::after {

  transform: rotate(90deg);

}

.growTogetherSwiper .growTogether_next::after {

  transform: rotate(-90deg);

}



.joinUs {

  background-color: #ffffff;

  padding: 7.8125vw 0;

}

.joinUs .w_title {

  line-height: 1.5;

  margin-bottom: 3.12rem;

}

.joinUs .list li .box {

  display: block;

  height: 24.38rem;

  position: relative;

}

.joinUs .list li .box::after {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(255, 107, 28, 0.75);

  opacity: 0;

  transition: all 400ms ease-in-out;

}

.joinUs .list li .box .img {

  width: 100%;

  height: 100%;

  position: relative;

}

.joinUs .list li .box .con {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  text-align: center;

  color: #ffffff;

  z-index: 2;

}

.joinUs .list li .box .con .title {

  font-size: 2.0rem;

  font-weight: 400;

  line-height: 1;

  padding-bottom: 1.0rem;

}

.joinUs .list li .box .con .text {

  font-size: 1.25rem;

}

.joinUs .list li .box .con .text span {

  position: relative;

  padding-right: 1.25rem;

  transition: all 400ms ease-in-out;

}

.joinUs .list li .box .con .text span .icon {

  position: absolute;

  top: 50%;

  right: 0;

  margin-top: -5px;

  display: block;

}

.joinUs .list li .box:hover::after {

  opacity: 1;

}

.joinUs .list li .box:hover .con .text span {

  padding-right: 1.62rem;

}

/*搜索*/

.searchField {

  position: fixed;

  top: 0;

  left: 0;

  z-index: 991;

  width: 100%;

  overflow: hidden;

  display: none;

  border-top: 1px solid rgba(0, 0, 0, 0.1);

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

  background: #fff;

}

.searchField_form {

  position: relative;

}

.searchField_form .icon {

  position: absolute;

  top: 0;

  left: 0;

  width: 3.5rem;

  height: 5.0rem;

  line-height: 5.0rem;

}

.searchField_form .icon img {

  width: 1.625rem;

  height: 1.625rem;

}

.searchField_form .icon::after {

  content: '';

  position: absolute;

  top: 50%;

  right: 0;

  width: 1px;

  height: 2.0rem;

  background-color: #d0d0d0;

  margin-top: -1.0rem;

}

.searchField_form .form-control {

  font-size: 1.25rem;

  border-radius: 0;

  height: 5.0rem;

  box-shadow: none;

  border: 0;

  color: #111111;

  padding: 0 7.5rem 0 5.375rem;

  font-weight: 300;

}

.searchField_form .btn {

  background-image: url(/images/icon27.svg);

  background-size: 1.375rem auto;

  background-position: right center;

  background-repeat: no-repeat;

  position: absolute;

  padding-right: 2.25rem;

  top: 0;

  right: 0;

  bottom: 0;

  font-size: 1.25rem;

  box-shadow: none;

  color: #111111;

}

/**/

.recruitment {



}

.accordion {

  margin-top: 3.12rem;

  margin-bottom: 3.12rem;

  border-top: 1px solid rgba(0, 0, 0, 0.1);

}

.accordion .card {

  border-radius: 0;

  border: none;

  overflow: visible;

}

.accordion > .card > .card-header {

  margin-bottom: 0;

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.accordion .card-header {

  padding: 0;

  border: none;

  border-radius: 0;

}

.accordion .card-header .btn {

  color: #111111;

  font-size: 1.125rem;

  background: #ffffff;

  position: relative;

  text-align: left;

  padding: 1.25rem 3.38rem 1.25rem 0.62rem;

  width: 100%;

  border-radius: 0;

  border-bottom: 1px solid rgba(0, 0, 0, 0);

  display: -ms-flexbox !important;

  display: flex !important;

  align-items: center;

  justify-content: space-between;

  font-weight: 300;

  box-shadow: none;

}

.accordion .card-header .btn .name {

  font-weight: 400;

  font-size: 1.5rem;

  color: #ff5a02;

  flex: 1;

}

.accordion .card-header .btn .time {

  font-size: 1.0rem;

  color: #666666;

}

.accordion .card-header .btn .icon {

  position: absolute;

  top: 50%;

  right: 0.62rem;

  width: 24px;

  height: 14px;

  margin-top: -7px;

  transition: all 300ms ease-in-out;

}

.accordion .card-header .btn .icon img {

  display: block;

}

.accordion .card-header .btn.collapsed {

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.accordion .card-header .btn.collapsed .name {

  color: #333;

}

.accordion .card-header .btn.collapsed .icon {

  transform: rotate(180deg);

}

.accordion .collapse {

  box-shadow: 0 0 3.75rem rgba(0, 0, 0, 0.06);

  position: relative;

  z-index: 2;

}
.accordion .collapse2 {

  box-shadow: 0 0 3.75rem rgba(0, 0, 0, 0.06);

  position: relative;

  z-index: 2;

}
.accordion .card-body {

  height: auto;

  padding: 3.125vw 3.6458vw;

  color: #595959;

  line-height: 1.9;

  font-size: 1.12rem;

  font-weight: 300;

  border-top: 2px solid #ff5a02;

}

.accordion .card-body .con+.con {

  margin-top: 3.125vw;

}

.accordion .card-body h4 {

  position: relative;

  font-size: 1.38rem;

  margin-bottom: 0.5rem;

  font-weight: 400;

  color: #333;

}

.recruitment_footer {

  text-align: center;

  background-color: #ffffff;

  padding: 6.7708vw 0;

  font-size: 1.88rem;

}

.recruitment_footer .text {

  line-height: 2;

}

.recruitment_footer .text a {

  font-weight: 400;

  color: #000;

  position: relative;

}

.recruitment_footer .text a::after {

  content: '';

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 1px;

  border-bottom: 1px dashed #000;

}

.recruitment_Bg {

  position: relative;

}

.recruitment_Bg .box {

  display: block;

  height: 31.25vw;

  position: relative;

}

.recruitment_Bg .box::after {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(255, 107, 28, 0.75);

  opacity: 0;

  transition: all 400ms ease-in-out;

}

.recruitment_Bg .box .img {

  width: 100%;

  height: 100%;

  position: relative;

}

.recruitment_Bg .box .con {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  text-align: center;

  color: #ffffff;

  z-index: 2;

}

.recruitment_Bg .box .con .title {

  font-size: 2.0rem;

  font-weight: 400;

  line-height: 1;

  padding-bottom: 1.0rem;

}

.recruitment_Bg .box .con .text {

  font-size: 1.25rem;

}

.recruitment_Bg .box .con .text span {

  position: relative;

  padding-right: 1.25rem;

  transition: all 400ms ease-in-out;

}

.recruitment_Bg .box .con .text span .icon {

  position: absolute;

  top: 50%;

  right: 0;

  margin-top: -5px;

  display: block;

}

.recruitment_Bg .box:hover::after {

  opacity: 1;

}

.recruitment_Bg .box:hover .con .text span {

  padding-right: 1.62rem;

}

/*服务于支持*/

.service {

  padding: 7.8125vw 0 2.0833vw;

  background-color: #f4f4f4;

}

.service .w_title {

  line-height: 1.5;

  margin-bottom: 3.6458vw;

}

.serviceList {

  overflow: hidden;

}

.serviceList li {

  margin-bottom: 5.7291vw;

  margin-left: -2.8645vw;

  margin-right: -2.8645vw;

}

.serviceList li .cultureLeft,

.serviceList li .cultureRight {

  padding-left: 2.8645vw;

  padding-right: 2.8645vw;

}

.serviceList li .con {

  padding-top: 3.12rem;

  font-size: 1.25rem;

  line-height: 1.9;

}

.serviceList li .con .title {

  color: #ff5a02;

  font-size: 1.62rem;

  padding-bottom: 0.38rem;

  font-weight: 400;

}

.serviceList li .con .text {

  color: #333333;

  line-height: 1.76;

  font-size: 1.12rem;

  padding-right: 6.7708vw;

}

.serviceList li:nth-child(2n-1) .cultureLeft {

  -ms-flex-order: 13;

  order: 13;

}

.serviceList li:nth-child(2n-1) .cultureRight {

  -ms-flex-order: -1;

  order: -1;

}

.service_footer {

  padding: 6.7708vw 0;

}

/*联系我们*/

.contactHeadCon {

  position: relative;

}

.contactHeadWechat .wechatImg {

  position: relative;

  padding-bottom: 1.75rem;

}

.contactHeadWechat .wechatImg .img {

  width: 7.81rem;

  margin-right: 1.88rem;

}

.contactHeadWechat .wechatImg .text {

  font-size: 1.25rem;

  font-weight: 500;

  color: #ff5a02;

  line-height: 1.8;

}

.contactHeadWechat .mapLink {

  display: block;

}

.contactHeadWechat .mapLink .img {

  width: 3.0rem;

  margin-right: 1.0rem;

}

.contactHeadWechat .mapLink .text {

  border-bottom: 1px solid #ff5a02;

  line-height: 1.8;

  color: #333333;

  font-size: 1.12rem;

  position: relative;

}

.contactHeadAdd {

  position: relative;

  width: 27.6041vw;

  padding: 0 3.6875vw;

  border-left: 1px solid rgba(0, 0, 0, 0.1);

  border-right: 1px solid rgba(0, 0, 0, 0.1);

}

.contactHeadAdd .title {

  font-size: 1.38rem;

  font-weight: 400;

  padding-bottom: 0.38rem;

}

.contactHeadAdd .text {

  font-size: 1.12rem;

  line-height: 1.8;

  color: #595959;

}

.contactHeadTel {

  line-height: 1.8;

  font-size: 1.12rem;

  color: #595959;

  padding-right: 3.6875vw;

}

.contactInformation {

  background-color: #f4f4f4;

  padding-top: 7.8125vw;

}

.contactInformationBox {

  margin-top: 3.5rem;

  padding: 6.25vw 0;

  background-image: url(../images/contactInformationBg.jpg);

}

.webForm {

  position: relative;

}

.webFormBox {

  margin-bottom: 1.88rem;

  padding: 3.6458vw 4.1667vw 3.125vw;

}

.webForm .form-group {

  margin-bottom: 0.62rem;

}

.webForm .row {

  margin-left: -5px;

  margin-right: -5px;

}

.webForm .col-md-6 {

  padding-left: 5px;

  padding-right: 5px;

}

.webForm .form-control {

  border-radius: 0;

  border: none;

  box-shadow: none;

  background-color: #f4f4f4;

  height: 4.06rem;

  font-size: 1.12rem;

  padding: 1.25rem 1.88rem;

  font-weight: 300;

}

.webForm select.form-control {

  padding: 0 1.88rem;

  appearance:none;  

  -moz-appearance:none;  

  -webkit-appearance:none;

  background-image: url("../images/bottomIcon.svg");

  background-position: right 1.88rem center;

  background-repeat: no-repeat;

  background-size: 22px;

}

.webForm textarea.form-control {

  height: 13.44rem;

}

.webForm .form-control::placeholder {

  color: #999999;

}

.webForm .buttonBtn span {

  display: block;

  font-size: 1.0rem;

  color: #ffffff;

  position: relative;

  background-color: #ff5a02;

  transform: skew(-40deg);

  width: 11.25rem;

  margin: 0 auto;

  height: 2.88rem;

  border-radius: 8px;

  line-height: 2.88rem;

  text-align: center;

  box-shadow: none;

  border: none;

  padding: 0;

  transition: background-color 500ms;

}

.webForm .buttonBtn span .btn {

  display: block;

  padding: 0;

  color: #fff;

  height: 100%;

  width: 100%;

  box-shadow: none;

  border: none;

  transform: skew(40deg);

}

.webForm .buttonBtn span:hover {

  background-color: #0054ce;

}

/*产品中心*/

.productHead {

  margin-bottom: 0;

  position: relative;

  z-index: 2;
  width:80%;
  margin:auto auto;
}

.productHeadBox .con {

  width: 39%;

}

.productHeadBox .con .w_text {

  padding: 0.5rem 0 2.25rem;

}

.productHeadBox .con .hMore {

  padding-left: 15px;

}

.productHeadBox .con .hMore a {

  margin: 0 1.25rem 0 0;

}

.productHeadBox .img {

  width: 52%;

}

.customerValue {

background:#ccc;
  margin-top:-100px;


height: 800px;


opacity: 1;

background: linear-gradient(145deg,#8f8f8f 0%,#958e88 15%,#a18c79 65%,#ab8a6e 130%);

}

.customerValue::after {

  content: '';

  position: absolute;

  top: -4.1667vw;

  left: 0;

  height: 4.1667vw;

  width: 100%;

  background-color: #7c848d;

}



.customerValueList {

  overflow: hidden;

  margin-top: 3.12rem;

}

.customerValueList li {

  margin-bottom: 5.7291vw;

  margin-left: 0;

  margin-right: 0;

}

.customerValueList li .customerValueLeft,

.customerValueList li .customerValueRight {

  padding-left: 0;

  padding-right: 0;

}

.customerValueList li .img {



}

.customerValueList li .con {

  padding: 2.6041vw 4.8vw 0;

  font-size: 1.12rem;

  line-height: 1.8;

  color: #ffffff;

}

.customerValueList li .con h4 {

  margin-bottom: 1.0rem;

}

.customerValueList li:nth-child(2n) .customerValueLeft {

  -ms-flex-order: 13;

  order: 13;

}

.customerValueList li:nth-child(2n) .customerValueRight {

  -ms-flex-order: -1;

  order: -1;

}

.parameter {

  background-color: #f4f4f4;

  padding: 7.8125vw 0;

}

.parameterBox {

  margin-top: 2.5rem;

}

.parameterBox table {

  color: #595959;

  font-size: 1.25rem;

  width: 100%;

}

.parameterBox table td {

  padding: 1.25rem 1.0833vw;

  vertical-align: top;

  border: 1px solid #f4f4f4;

}

.applications {

  background-color: #ffffff;

  padding: 7.8125vw 0;

}

.applications .list {

  padding-top: 2.5rem;

}

.applications .list ul {

  margin-left: -5px;

  margin-right: -5px;

}

.applications .list li {

  margin-bottom: -1px;

  padding-left: 5px;

  padding-right: 5px;

}

.applications .list li .box {

  border-top: 1px solid #d6d6d6;

  border-bottom: 1px solid #d6d6d6;

  padding: 0.62rem 0;

}

.applications .list li .box .img {

  width: 4.38rem;

  height: 50px;

  margin-right: 0.6rem;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

  z-index: 2;

}

.applications .list li .box span {

  font-size: 1.12rem;

  color: #595959;

  padding-left: 1.28rem;

  position: relative;

  z-index: 2;

}

.applications .list li .box a:hover span {

  color: #ff5a02;

}



.relatedProduct {

  background-color: #f4f4f4;

  padding: 7.8125vw 0;

}

.product_list {

  padding-top: 2.5rem;

}

.product_list .row {

  margin-left: -5px;

  margin-right: -5px;

}

.product_list .row li.col-12 {

  padding-left: 5px;

  padding-right: 5px;

  margin-bottom: 10px;

}

.product_list .box {

  display: block;

  cursor: pointer;

  background-color: #ffffff;

}

.product_list .box .img {

  width: 100%;

}

.product_list .box .con {

  height: 9.38rem;

  padding: 1.5vw 2vw;

}

.product_list .box .con .title {

  font-weight: 400;

  font-size: 1.25rem;

  margin-bottom: 0.3rem;

}

.product_list .box .con .text {

  color: #595959;

  font-size: 0.7rem;
  line-height:20px;
}

.product_list .box:hover .img .img_scale {

  transform: scale(1.2);

  transition: transform .6s cubic-bezier(0.34, 0.615, 0.4, 0.985);

}

.product_list .box:hover .con .title {

  color: #ff5a02;

}

.product_list_swiper {

  padding-bottom: 4.38rem;

}

.product_list_swiper .productList_prev,

.product_list_swiper .productList_next {

  background-color: rgba(0, 0, 0, 0.8);

  width: 2.25rem;

  height: 3.75rem;

  margin-top: -2.81rem;

  transition: all 300ms ease-in-out;

}

.product_list_swiper .productList_prev:after,

.product_list_swiper .productList_next:after {

  content: '';

  font-size: 0;

  color: #ffffff;

  background-image: url(../images/bottomIcon_fff.svg);

  background-position: center;

  background-size: 24px;

  background-repeat: no-repeat;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.product_list_swiper .productList_prev::after {

  transform: rotate(90deg);

}

.product_list_swiper .productList_next::after {

  transform: rotate(-90deg);

}



.product_list_swiper .productList_prev {

  left: 0;

}

.product_list_swiper .productList_next {

  right: 0;

}

.product_list_swiper .swiper-pagination {

  bottom: 0;

  font-size: 0;

}

.product_list_swiper .swiper-pagination .swiper-pagination-bullet {

  width: 0.75rem;

  height: 0.75rem;

  border: 1px solid #b3b7ba;

  background-color: rgba(0,0,0,0);

  opacity: 1;

  margin: 0 0.38rem;

  position: relative;

}

.product_list_swiper .swiper-pagination .swiper-pagination-bullet-active {

  background-color: #ff5a02;

  border-color: #ff5a02;

}

.product_footer {

  padding: 6.7708vw 0;

}

.product_footerBg {

  height: 35.4167vw;

  width: 100%;

  position: relative;

  overflow: hidden;

}

.product_footerBg .img {

  width: 100%;

  height: 100%;

  background-attachment: fixed;

}

.product_message {

  padding: 3.90625vw 0;

}

.product_message .box {

  position: relative;

  padding-left: 7.1458vw;

}

.product_message .img {

  position: absolute;

  top: 50%;

  left: 0;

  width: 5.6875vw;

  transform: translateY(-50%);

}

.product_message .con {

  border-top: 1px solid rgba(0, 0, 0, 0.1);

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

  padding: 1.56rem 0 1.56rem 0;

}

.product_message .con .text {

  font-size: 1.62rem;

  font-weight: 200;

  line-height: 1.76;
  width:80%;

}
.product_message .con .text .b{font-size: 22px;
font-family: Microsoft YaHei-Bold, Microsoft YaHei;
font-weight: bold;
color: #333333;}
.product_message .con .text a {

  font-weight: bold;

  position: relative;

}

.product_message .con .text a::after {

  content: '';

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 1px;

  border-bottom: 1px dashed #000;

}

.product_message .con .text a:hover {

  color: #ff5a02;

}

.product_message .con .text a:hover:after {

  border-bottom-color: #ff5a02;

}

/*客户案例*/

.case {

  position: relative;

}

.caseNav {

  position: absolute;

  left: -9.6354vw;

  top: 0;

  height: 100%;

  padding-top: 8.8541vw;

}

.caseNav ul {

  margin-left: 2vw;

  border-left: 1px solid rgba(17, 17, 17, 0.2);

  position: sticky;

  position: -webkit-sticky;

  top: 6.25vw;

}

.caseNav ul li {

  margin-bottom: 0.62rem;

  position: relative;

  padding-left: 1.25rem;

  cursor: pointer;

}

.caseNav ul li a {

  color: rgba(17, 17, 17, 0.5);

}

.caseNav ul li::after {

  content: '';

  position: absolute;

  top: 0;

  left: -1px;

  height: 0;

  width: 3px;

  background-color: #ff5a02;

}

.caseNav ul li.active::after {

  height: 100%;

}

.caseNav ul li.active a {

  color: rgba(17, 17, 17, 1.0);

}



.caseBoxList {

  position: relative;

  padding-left: 13.44rem;

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

  padding-bottom: 6.25vw;

  margin-bottom: 6.25vw;

}

.caseBox .caseBoxList:last-child {

  margin-bottom: 0;

  border-bottom: none;

}

.caseBoxList .w_title {

  position: absolute;

  top: 0;

  left: 0;

  font-weight: 400;

  line-height: 1.47;

  font-size: 2.12rem;

}

.case_list {

  padding-top: 0;

  padding-bottom: 2.5rem;

}

.case_list .box {

  background-color: #f4f4f4;

}

/*弹框*/

.modalPageCase .modalClose {

  position: fixed;

  top: 0;

  right: 0;

  width: 4.4791vw;

  height: 4.4791vw;

  background-color: #ff5a02;

  cursor: pointer;

}

.modalPageCase .modalClose img {

  display: block;

  width: 32px;

  height: 32px;

}

.modalMain {}

.caseModalD li .img {

  width: 100%;

  height: 28.6458vw;

}

.caseModalX {

  margin-top: 0.62rem;

}

.caseModalX li.swiper-slide {

  width: 6.7708vw;

}

.caseModalX li.swiper-slide .img {

  height: 3.9583vw;

  width: 100%;

  position: relative;

  cursor: pointer;

}

.caseModalX li.swiper-slide .img::after {

  content: '';

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

  border: 2px solid #ff5a02;

  opacity: 0;

  transition: all 350ms ease-in-out;

}

.caseModalX li.swiper-slide-thumb-active .img::after {

  opacity: 1;

}

.modalPageCase {

  display: block !important;

  opacity: 0;

  visibility: hidden;

  transition: all 350ms ease-in-out;

}

.modal-open .modalPageCase {

  opacity: 1;

  visibility: visible;

}

.modal-content {

  background-color: rgba(0, 0, 0, 0);

}

/*解决方案*/

.successStories {

  padding: 7.8125vw 0;

  background-color: #f4f4f4;

}

.successStories .list {

  padding-top: 2.5rem;

  padding-bottom: 2.5rem;

}

.successStories .list ul {

  margin-left: -5px;

  margin-right: -5px;

}

.successStories .list li {

  padding-left: 5px;

  padding-right: 5px;

  margin-bottom: 10px;

}

.successStories .list li .box {

  display: block;

}

.successStories .list li .box .img {

  width: 100%;

}

.successStories .list li .box:hover .img .img_scale {

  transform: scale(1.2);

  transition: transform .6s cubic-bezier(0.34, 0.615, 0.4, 0.985)

}

@media (min-width: 1025px) {

  .successStories .list li:nth-child(1),

  .successStories .list li:nth-child(2),

  .successStories .list li:nth-child(3) {

    -ms-flex: 0 0 33.333333%;

    flex: 0 0 33.333333%;

    max-width: 33.333333%;

  }

}

.pretreatment {

  padding-top: 7.8125vw;

  overflow: hidden;

}

.listTab {

  margin-top: 2.5rem;

  border-top: 1px solid rgba(0, 0, 0, 0.1);

}

.listTab li {

  height: 12.5rem;

  cursor: pointer;

  width: 139px;

}

.listTab li .box {

  display: block;

  text-align: center;

  width: 100%;

  margin: 0 auto;

  padding: 15px 0;

  position: relative;

}

.listTab li .box:after {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  pointer-events: none;

  content: '';

  border: 1px solid #ff5a02;

  border-radius: 5px;

  box-shadow: 0 0 20px rgba(255, 90, 2, 0.5);

  opacity: 0;

  transition: all 400ms;

  z-index: 6;

}

.listTab li .box .img {

  height: 78px;

  line-height: 78px;

}

.listTab li .box .img img {

  transform: scale(1);

  transition: transform 0.6s cubic-bezier(0.34, 0.615, 0.4, 0.985);

}

.listTab li .box .title {

  padding-top: 4px;

  font-size: 1.12rem;

  color: #333333;

  font-weight: 400;

}

.listTab li:hover .box:after {

  opacity: 1;

}

.listTab li.active .box .title {

  color: #ff5a02;

}

.listTab li:hover .box .title {

  color: #ff5a02;

}

.listTab li:hover .box .img img {

  transform: scale(1.2);

}

.listTab_relative {

  position: relative;

}

.listTab_relative .listTab_button {

  position: absolute;

  top: 50%;

  border: 1px solid #b3b7ba;

  width: 40px;

  height: 40px;

  border-radius: 100%;

}

.listTab_relative .listTab_button:after {

  content: '';

  font-size: 0;

  color: #b3b7ba;

  background-image: url(../images/bottomIcon.svg);

  background-position: center;

  background-size: 22px;

  background-repeat: no-repeat;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.listTab_relative .listTab_prev::after {

  transform: rotate(90deg);

}

.listTab_relative .listTab_next::after {

  transform: rotate(-90deg);

}

.listTab_relative .listTab_prev {

  left: -50px;

}

.listTab_relative .listTab_next {

  right: -50px;

}



.pretreatmentMain {

  display: none;

  min-height: 100vh;

  padding-top: 6.7708vw;

}

.pretreatmentMain.active {

  display: block;

}

.pretreatmentText {

  padding-bottom: 6.7708vw;

  font-size: 1.12rem;

  line-height: 1.8;

  color: #ffffff;

  text-align: center;

  width: 63.50%;

  margin: 0 auto;

  position: relative;

}

.pretreatmentText .pretreatmentTextBox {

  position: relative;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;

}

.pretreatmentText .pretreatmentTextBox.isActive {

   -webkit-line-clamp: inherit;

}

.pretreatmentText .pretreatmentTextBtn {

  text-align: center;

  font-weight: 400;

  padding-top: 0.75rem;

}

.pretreatmentText .pretreatmentTextBtn span {

  border-bottom: 2px solid #ffffff;

  cursor: pointer;

}

.pretreatmentText .pretreatmentTextBtn span:nth-child(2) {

  display: none;

}

.pretreatmentText .pretreatmentTextBtn.isActive span {

  display: none;

}

.pretreatmentText .pretreatmentTextBtn.isActive span:nth-child(2) {

  display: inline-block;

}







.pretreatmentSwiper {

  position: relative;

  padding: 7.19rem 0 6.7708vw;

}

.pretreatmentSwiper::after {

  content: '';

  position: absolute;

  top: 2.75rem;

  left: 50%;

  width: 11px;

  height: 11px;

  margin-left: -5px;

  background-color: #fff;

  border-radius: 100%;

  pointer-events: none;

}

.pretreatmentSwiper::before {

  content: '';

  position: absolute;

  top: 2.75rem;

  left: 50%;

  height: 200%;

  width: 1px;

  background-color: #ffffff;

  z-index: 2;

  pointer-events: none;

}

.pretreatmentSwiper .listTitle {

  font-size: 1.25rem;

  color: #ffffff;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  text-align: center;

  line-height: 1;

}

.pretreatmentNav {

  position: absolute;

  top: 4.12rem;

  left: -6.2083vw;

  z-index: 2;

  width: 8.2083vw;

}

.pretreatmentNav ul li {

  position: relative;

  cursor: pointer;

  padding-bottom: 30px;

}

.pretreatmentNav ul li::after,

.pretreatmentNav ul li::before {

  content: '';

  position: absolute;

  top: -37px;

  left: 5px;

  width: 1px;

  height: 43px;

  background-color: rgba(255, 255, 255, 0.4);

}

.pretreatmentNav ul li:first-child::after,

.pretreatmentNav ul li:first-child::before {

  display: none;

}

.pretreatmentNav ul li span {

  font-size: 16px;

  line-height: 1.5;

  padding-left: 1.62rem;

  color: rgba(255, 255, 255, 0.4);

  position: relative;

  display: block;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  transition: all 300ms linear;

  transform: scale(1.0);

  transform-origin: left center;

}

.pretreatmentNav ul li span::after {

  content: '';

  border: 1px solid rgba(255, 255, 255, 0.4);

  position: absolute;

  top: 50%;

  left: 0;

  width: 11px;

  height: 11px;

  margin-top: -5.5px;

  border-radius: 100%;

  transition: all 600ms linear;

}

.pretreatmentNav ul li.active span {

  color: #ffffff;

  transform: scale(1.2);

}

.pretreatmentNav ul li.active span::after {

  background-color: #ffffff;

  border-color: #ffffff;

}



.pretreatmentList {

  position: relative;

  height: 490px;

}

.pretreatmentList div.swiper-slide {

  height: 490px;

}

.pretreatmentList .con {

  color: #ffffff;

  padding-top: 5.2083vw;

  padding-left: 3.6458vw;

  padding-right: 3.6458vw;

}

.pretreatmentList .con .title {

  font-size: 1.88rem;

  font-weight: 400;

  line-height: 1;

  padding-bottom: 1rem;

}

.pretreatmentList .con .text {

  line-height: 1.8;

  font-size: 1.12rem;

}

.pretreatmentList .img .img_box {

  overflow: hidden;

}

.pretreatmentList .img .img_box img {

  transform: scale(1);

  transition: transform 0.6s cubic-bezier(0.34, 0.615, 0.4, 0.985);

}

.pretreatmentList .img .img_box:hover img {

  transform: scale(1.1);

}

.pretreatmentList .img .imgText {

  padding-top: 1.38rem;

  font-size: 14px;

}

.pretreatmentList .img .imgText div {

  position: relative;

  color: #ffffff;

}

.pretreatmentList .img .imgText div+div {

  margin-left: 0.62rem;

  padding-left: 0.62rem;

}

.pretreatmentList .img .imgText div+div::after {

  content: '';

  position: absolute;

  top: 50%;

  left: 0;

  margin-top: -0.44rem;

  height: 0.88rem;

  width: 1px;

  background-color: #ffffff;

}

.pretreatmentList .img .imgText div a {

  color: #ffffff;

  font-size: 14px;

  position: relative;

}

.pretreatmentList .img .imgText div a::after {

  content: '';

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 1px;

  border-bottom: 1px dashed #ffffff;

}



.relatedSolutions {

  padding: 7.8125vw 0;

}

.relatedSolutions .list {

  padding-top: 2.5rem;

}

.relatedSolutions .list ul {

  margin-left: -1.3020vw;

  margin-right: -1.3020vw;

}

.relatedSolutions .list li {

  padding-left: 1.3020vw;

  padding-right: 1.3020vw;

  margin-top: -1px;

}

.relatedSolutions .list .box {

  position: relative;

  cursor: pointer;

}

.relatedSolutions .list .box .title {

  font-size: 1.38rem;

  font-weight: 400;

  color: #595959;

  border-top: 1px solid #e5e5e5;

  border-bottom: 1px solid #e5e5e5;

  padding: 1.38rem 0.62rem;

  position: relative;

}

.relatedSolutions .list .box .title:after {

  content: '';

  position: absolute;

  top: 0;

  right: 0.62rem;

  width: 22px;

  height: 100%;

  background-image: url(../images/topIcon.svg);

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100%;

  transform: rotate(180deg);

  transition: transform 400ms linear;

}

.relatedSolutions .list .box .img {

  position: relative;

  top: 100%;

  left: 0;

  width: 100%;

  z-index: 2;

  transition: all 400ms linear;

  display: none;

}

@media (min-width:1025px) {

  .relatedSolutions .list .box:hover .img {

    display: block;

  }

  .relatedSolutions .list .box:hover .title {

    color: #ff5a02;

  }

  .relatedSolutions .list .box:hover .title:after {

    transform: rotate(0deg);

  }

}



.solution_product_list {

  padding-bottom: 2.5rem;

}



.solutionListMain {

  position: relative;

  padding: 2.0834vw 0 7.8125vw;

  border-top: 2px solid #f4f4f4;

  border-bottom: 2px solid #f4f4f4;

}

.solutionListMain .solutionList li {

  padding-top: 5.7291vw;

  margin-bottom: 0;

}

.solutionList {

  overflow: hidden;

  margin-top: 3.12rem;

}

.solutionList li {

  margin-bottom: 5.7291vw;

  margin-left: 0;

  margin-right: 0;

}

.solutionList li .customerValueLeft,

.solutionList li .customerValueRight {

  padding-left: 0;

  padding-right: 0;

}

.solutionList li .img {

  height: 21.3541vw;

}

.solutionList li .title {

  font-size: 1.75rem;

  font-weight: 400;

  padding-bottom: 0.62rem; 

}

.solutionList li .con {

  padding: 2vw 4.8vw 0;

}

.solutionList li .con .text {

  font-size: 1.12rem;

  line-height: 1.8;

}

.solutionList li:nth-child(2n) .customerValueLeft {

  -ms-flex-order: 13;

  order: 13;

}

.solutionList li:nth-child(2n) .customerValueRight {

  -ms-flex-order: -1;

  order: -1;

}

.solutionList li .con .text a[href] {

  text-decoration: underline;

}

.solutionList li .con .text a[href]:hover {

  color: #ff5a02;

}

.bg_f4f4f4 {

  background-color: #f4f4f4 !important;

}

.bg_ffffff {

  background-color: #ffffff !important;

}

.video_place {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 9999;

  background-color: rgba(0,0,0,0.7);

  display: none;

}

.video_place .video_con {

  z-index: 2;

  width: 100%;

  height: 76%;

  background-color: #000;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%,-50%);

  text-align: center;

}

.video_place .video_con video {

  display: block;

  width: 100%;

  height: 100%;

}

.video_place .video_close_btn {

  position: fixed;

  top: 0;

  right: 0;

  width: 4.4791vw;

  height: 4.4791vw;

  background-color: #ff5a02;

  cursor: pointer;

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 5;

}

.video_place .video_close_btn img {

  display: block;

  width: 32px;

  height: 32px;

}



/*首页产品*/

.homeDropDownClick {

  cursor: pointer;

}

.homeDropDownSolutionClick {

  cursor: pointer;

}

.homeDropDown {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 9999;

  opacity: 0;

  visibility: hidden;

  transition: all 1.1s cubic-bezier(0.34, 0.615, 0.4, 0.985);

}

.homeDropDown .headerDropDown {

  height: 100% !important;

}

.homeDropDown.isActive {

  opacity: 1;

  visibility: visible;

}

.homeDropDown.isActive .headerDropDown {

  top: 0;

  opacity: 1;

  visibility: visible;

}

.homeDropDownClose {

  width: 30px;

  height: 30px;

  position: fixed;

  top: 30px;

  right: 30px;

 

  z-index: 10;

  cursor: pointer;

  border: 2px solid #fff;

  transition: all 0.6s cubic-bezier(0.34, 0.615, 0.4, 0.985);

}

.homeDropDownClose img {

  display: block;

  width: 30px;

}

.homeDropDownClose:hover {

  transform: rotate(45deg);

}

/**/

.pro_rightbar{

  position: fixed;

  right: 0;

  top: 50%;

  width: 48px;

  z-index: 98;

  display: none;

}

.pro_rightbar li {

  display: block;

  width: 48px;

  height: 48px;

  cursor: pointer;

  position: relative;

  margin: 5px 0;

  border: 1px solid #eee;

  background-color: #ffffff;

}

.pro_rightbar li .sharing_icon {

  -moz-transition: all 0.2s ease-in;

  -ms-transition: all 0.2s ease-in;

  -o-transition: all 0.2s ease-in;

  -webkit-transition: all 0.2s ease-in;

  transition: all 0.2s ease-in;

  height: 22px;

  width: 22px;

  display: block;

}

.pro_rightbar li a span {

  display: flex;

  align-items: center;

  justify-content: center;

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background: #ff5a02;

  color: #ffffff;

  font-size: 12px;

  -moz-transition: all 0.2s ease-in;

  -ms-transition: all 0.2s ease-in;

  -o-transition: all 0.2s ease-in;

  -webkit-transition: all 0.2s ease-in;

  transition: all 0.2s ease-in;

  opacity: 0;

}

.pro_rightbar li a {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  height: 100%;

  transition: all 200ms;

  -moz-transition: all 200ms;

  -webkit-transition: all 200ms;

  background: inherit;

}

.pro_rightbar li{

  position:relative;

}

.pro_rightbar li:hover a span {

  opacity: 1;

}

.pro_rightbar li:hover .tel,

.pro_rightbar li:hover .ewm {

  opacity: 1;

  visibility: visible;

}

.pro_rightbar li .tel {

  position:absolute;

  top: 0;

  right:100%;

  width:230px;

  background-color: #ffffff;

  box-shadow: 0 0 0.62rem rgba(0, 0, 0, 0.1);

  border: 1px solid #eee;

  padding: 12px;

  color: #333;

  font-size: 14px;

  transition: all 300ms;

  -moz-transition: all 300ms;

  -webkit-transition: all 300ms;

  opacity: 0;

  visibility: hidden;

}

.pro_rightbar li .ewm {

  position:absolute;

  top: 0;

  right:100%;

  width:100px;

  height:100px;

  background-color: #ffffff;

  box-shadow: 0 0 0.62rem rgba(0, 0, 0, 0.1);

  border: 1px solid #eee;

  padding: 8px;

  transition: all 300ms;

  -moz-transition: all 300ms;

  -webkit-transition: all 300ms;

  opacity: 0;

  visibility: hidden;

}



/*搜索结果页*/

.searchResult_form {

  position: relative;

  margin-bottom: 1.5rem;

  background-color: #f5f5f5;

  padding: 1.25rem;

}

.searchResult_form .searchResult_form_box {

  position: relative;

}

.searchResult_form .form-control {

  font-size: 1rem;

  border-radius: 0;

  height: 4.0rem;

  box-shadow: none;

  border: none;

  color: #111111;

  padding: 0 5rem 0 1.25rem;

}

.searchResult_form .icon {

  position: absolute;

  top: 0;

  right: 0;

  width: 4rem;

  height: 4rem;

  display: flex;

  align-items: center;

  justify-content: center;

}

.searchResult_form .icon img {

  width: 1.8rem;

  height: 1.8rem;

}

.searchResultTab {

  padding-bottom: 1.12rem;

}

.searchResultTab ul>li {

  background-color: #ffffff;

  border: 1px solid #dddddd;

  margin-right: 1rem;

  cursor: pointer;

}

.searchResultTab ul>li a {

  display: block;

  padding: 6px 1.25rem;

}

.searchResultTab ul>li.active,

.searchResultTab ul>li:hover {

  background-color: #ff5a02;

  border-color: #ff5a02;

  color: #ffffff;

}

.searchResult .hNewsList li .box .img .time {

  position: absolute;

  top: 0;

  left: 0;

  bottom: initial;

  right: inherit;

  padding: 10px 2.5rem;

  background-color:#ff5a02;

  color: #fff;

}

.searchResult .hNewsList li .box .img .time span {

  padding: 0;

}

.searchResult .hNewsList li .box .img .time:after {

  display: none;

}

/**/

#bannerApp {

  position: relative;

}

#bannerApp .con {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  color: #ffffff;

  z-index: 4;

  padding: 0 15px;

}

#bannerApp .con .title {

  font-size: 16px;

  font-weight: bold;

  padding-bottom: 6px;

}

#bannerApp .con .text {

  font-size: 14px;

  line-height: 1.8;

}

#bannerApp .con .text .pd_1 {}

#bannerApp .con .text .pd_2 {

  padding-left: 10%;

}

#bannerApp .con .text .pd_3 {

  padding-left: 5%;

}

#mm-28 .menu {
  font-family: Arial;
}