@import url("animate.min.css");
@import url("swiper.min.css");
@media screen and (max-width: 2000px) and (min-width: 1100px) {
  :root {
    font-size: calc(100vw / 192 * 2);
  }
}
body {
  min-width: 1220px;
  overflow-x: hidden;
}
/******************公共的方法***************************************/
header .commonHeaderTop {
  width: 100%;
  background-color: #eee;
}
header .commonHeaderTop .headerTopItems {
  width: 60rem;
  overflow: hidden;
  margin: 0 auto;
  display: flex;
  justify-content: flex-end;
}
header .commonHeaderTop .headerTopItems .headerTopItem:last-child a {
  border-right: 0 solid #fff;
}
header .commonHeaderTop .headerTopItems .headerTopItem a {
  display: flex;
  align-items: center;
  margin: 0.05rem 0;
  padding: 0 1.2rem;
  border-right: 0.05rem solid #fff;
}
header .commonHeaderTop .headerTopItems .headerTopItem a:hover .headerTopItemImg img:first-child {
  opacity: 0;
}
header .commonHeaderTop .headerTopItems .headerTopItem a:hover .headerTopItemImg img:last-child {
  opacity: 1;
}
header .commonHeaderTop .headerTopItems .headerTopItem a:hover p {
  color: #bc682f;
}
header .commonHeaderTop .headerTopItems .headerTopItem a .headerTopItemImg {
  position: relative;
}
header .commonHeaderTop .headerTopItems .headerTopItem a .headerTopItemImg img {
  width: 0.7rem;
  height: 0.7rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transition-duration: 0.5s;
  transition-property: opacity;
}
header .commonHeaderTop .headerTopItems .headerTopItem a .headerTopItemImg img:last-child {
  opacity: 0;
}
header .commonHeaderTop .headerTopItems .headerTopItem a p {
  transition-duration: 0.5s;
  transition-property: color;
  margin: 0 0 0 1.5rem;
  font-size: 0.7rem;
  color: #898989;
  text-transform: uppercase;
  white-space: nowrap;
}
header .commonLogoAndSearch {
  width: 60rem;
  margin: 0 auto;
  padding: 1.1rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}
header .commonLogoAndSearch .logo a img {
  width: 8.8rem;
  height: 2.8rem;
}
header .commonLogoAndSearch .search {
  margin: 1.25rem 0 0 0;
  position: relative;
  overflow: hidden;
}
header .commonLogoAndSearch .search input {
  width: 13.5rem;
  height: 1.5rem;
  padding: 0.5rem;
  font-size: 0.7rem;
  border: 0.05rem solid #bc682f;
  color: #333;
  position: relative;
  z-index: 8888;
}
header .commonLogoAndSearch .search input::-webkit-input-placeholder {
  color: #999;
  text-transform: uppercase;
}
header .commonLogoAndSearch .search input:-moz-placeholder {
  color: #999;
  text-transform: uppercase;
}
header .commonLogoAndSearch .search input::-moz-placeholder {
  color: #999;
  text-transform: uppercase;
}
header .commonLogoAndSearch .search input:-ms-input-placeholder {
  color: #999;
  text-transform: uppercase;
}
header .commonLogoAndSearch .search a {
  position: absolute;
  top: 0.15rem;
  right: 0.25rem;
  width: 0.9rem;
  height: 0.9rem;
  z-index: 9999;
  background-color: #fff;
}
header .commonLogoAndSearch .search a img {
  width: 100%;
  height: 100%;
}
header .commonNav {
  width: 100%;
  margin: 0 auto -0.85rem auto;
  position: relative;
  z-index: 9999;
}
header .commonNav nav {
  width: 70.85rem;
  background-color: #bc682f;
  height: 2.15rem;
  margin: 0 auto;
}
header .commonNav nav ul {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 0 0 6.1rem;
}
header .commonNav nav ul li {
  height: 100%;
  display: flex;
  align-items: center;
  transition-duration: 0.5s;
  transition-property: background-color;
  position: relative;
}
header .commonNav nav ul li:hover a span::after {
  bottom: -1.75rem;
}
header .commonNav nav ul li.active a span::after {
  bottom: -1.75rem;
}

header .commonNav nav ul li:last-child {
  justify-content: center;
  background-color: #bc682f;
}
header .commonNav nav ul li:last-child a {
  border-right: none;
}
header .commonNav nav ul li:last-child a .commonNavImg1 {
  margin: 0 1.2rem 0 1.25rem;
}
header .commonNav nav ul li:nth-child(6) a {
  padding: 0 1.5rem 0 2.4rem;
}
header .commonNav nav ul li a {
  display: flex;
  text-transform: uppercase;
  color: #fff;
  font-size: 0.8rem;
  height: 1.3rem;
  align-items: center;
  border-right: 0.05rem solid #fff;
  justify-content: center;
}
header .commonNav nav ul li:nth-child(1) a{
  width: 7rem;
  padding: 0 2.5rem 0 0.85rem;
}
header .commonNav nav ul li:nth-child(2) a{
  width: 9.5rem;
}
header .commonNav nav ul li:nth-child(3) a{
  width: 8.5rem;
}
header .commonNav nav ul li:nth-child(4) a{
  width: 8.5rem;
}
header .commonNav nav ul li:nth-child(5) a {
  padding: 0 8.3rem 0 2.825rem;
}
header .commonNav nav ul li:nth-child(6) a{
  padding: 0 1.5rem 0 4.25rem ;
  position: relative;

}
header .commonNav nav ul li:nth-child(6) a::before{
  position: absolute;
  content: "";
  width: 1rem;
  height: 1rem;
  background-color: blueviolet;
  top: 50%;
  left: 2.75rem;
  transform: translateY(-50%);
  background: url(../../images/default/index-nav-1.png) no-repeat;
  background-size: 100% 100%;
}
header .commonNav nav ul li:nth-child(7) a{
  width: 8.25rem;
  position: relative;
}
header .commonNav nav ul li:nth-child(7) a::before{
  position: absolute;
  content: "";
  width: 1rem;
  height: 1rem;
  background-color: blueviolet;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  background: url(../../images/default/index-nav-2.png) no-repeat;
  background-size: 100% 100%;
}
header .commonNav nav ul li a span {
  color: #fff;
  position: relative;
  z-index: 9999;
}
header .commonNav nav ul li a span::after {
  content: "";
  position: absolute;
  background: url(../../images/default/common-nav-bottom-jt.png) no-repeat;
  bottom: 0rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: -9999;
  width: 1.5rem;
  height: 1.25rem;
  transition-duration: 0.5s;
  transition-property: bottom;
  background-size: 100% 100%;
}
header .commonNav nav ul li a .commonNavImg1 {
  width: 1rem;
  height: 1rem;
  margin: 0 0.85rem 0 0;
}
header .commonTopMenuScreen {
  display: none;
}
header .commonNavScreen {
  display: none;
}
header .commonSearchPage {
  display: none;
}
main .commonBanner {
  width: 100%;
  margin: 0 0 -0.25rem 0;
  overflow: hidden;
}
main .commonBanner .commonBannerWrap {
  width: 100%;
  height: 10rem;
  position: relative;
  overflow: hidden;
  display: inline-block;
}
main .commonBanner .commonBannerWrap .commonBannerImg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
main .commonBanner .commonBannerWrap .commonBannerImg img {
  width: 100%;
  height: 100%;
}
main .commonBanner .commonBannerWrap h5 {
  width: 60rem;
  margin: 3.6rem auto 0 auto;
  position: relative;
  z-index: 999;
  font-size: 1.6rem;
  font-weight: bold;
  color: #bc682f;
  text-transform: capitalize;
}
main .commonPosition {
  width: 100%;
  margin: 0;
  background-color: #f3f0f0;
}
main .commonPosition .commonPositionWrap {
  width: 60rem;
  margin: 0 auto;
  overflow: hidden;
}
main .commonPosition .commonPositionWrap ul {
  display: flex;
}
main .commonPosition .commonPositionWrap ul li {
  padding: 0.7rem 0;
  margin: 0 0.55rem 0 0;
  display: flex;
  align-items: center;
  font-size: 0.7rem;
}
main .commonPosition .commonPositionWrap ul li.active a {
  color: #bc682f;
}
main .commonPosition .commonPositionWrap ul li.active span {
  color: #bc682f;
}
main .commonPosition .commonPositionWrap ul li a:hover{
  color: #bc682f;
}
main .commonPosition .commonPositionWrap ul li .img {
  display: flex;
  /* align-items: center; */
  margin: 0 0.55rem 0 0;
}
main .commonPosition .commonPositionWrap ul li a {
  font-size: 0.7rem;
  color: #484848;
  text-transform: capitalize;
  transition-duration: 0.5s;
  transition-property: color;
}
main .commonPosition .commonPositionWrap ul li span {
  font-size: 0.7rem;
  font-family: ari-m, Arial, Helvetica, sans-serif;
  margin: 0 0.55rem 0 0.55rem;
  color: #484848;
}
/* main .commonPosition .commonPositionWrap ul li:hover span {
  color: #bc682f;
} */
main .commonMainTitle {
  width: 60rem;
  margin: 0 auto;
  overflow: hidden;
}
main .commonMainTitle .commonMainTitleWrap {
  overflow: hidden;
}
main .commonMainTitle .commonMainTitleWrap .title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 2rem auto;
}
main .commonMainTitle .commonMainTitleWrap .title span {
  display: inline-block;
  width: 4rem;
  height: 0.05rem;
  background-color: #888;
}
main .commonMainTitle .commonMainTitleWrap .title h2 {
  color: #bc682f;
  font-size: 1.3rem;
  font-weight: normal;
  margin: 0 0.85rem;
  text-transform: capitalize;
}
main .commonMainTitle .commonMainTitleWrap p {
  width: 52.1rem;
  color: #838383;
  font-size: 0.8rem;
  line-height: 1rem;
  margin: 0 auto 1.15rem auto;
  display: flex;
  justify-content: center;
}
main .commonQuestion {
  width: 100%;
  background-color: #bc682f;
  overflow: hidden;
}
main .commonQuestion .commonQuestionWrap {
  width: 60rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  text-align: center;
}
main .commonQuestion .commonQuestionWrap p {
  font-size: 1.2rem;
  color: #fff;
  margin: 2.35rem 0 0.5rem 0;
}
main .commonQuestion .commonQuestionWrap span {
  color: #fff;
  font-size: 1.2rem;
}
main .commonQuestion .commonQuestionWrap a {
  display: inline-flex;
  width: 8.2rem;
  height: 2.5rem;
  background-color: #fff;
  margin: 2rem auto 1.5rem auto;
  justify-content: center;
  align-items: center;
  color: #bc682f;
  transition-duration: 0.5s;
  transition-property: color;
}
main .commonQuestion .commonQuestionWrap a:hover {
  color: #fff;
  border: 0.05rem solid #fff;
  background-color: transparent;
}
main .commonPrevAndNext {
  width: 60rem;
  margin: 0 auto;
  overflow: hidden;
}
main .commonPrevAndNext .commonPrevAndNextWrap {
  width: 100%;
  display: flex;
  justify-content: center;
}
main .commonPrevAndNext .commonPrevAndNextWrap .commonPrev a,
main .commonPrevAndNext .commonPrevAndNextWrap .commonNext a {
  display: flex;
  color: #b6b6b6;
  font-size: 0.7rem;
  align-items: center;
}
main .commonPrevAndNext .commonPrevAndNextWrap .commonPrev a:hover p,
main .commonPrevAndNext .commonPrevAndNextWrap .commonNext a:hover p,
main .commonPrevAndNext .commonPrevAndNextWrap .commonPrev a:hover span,
main .commonPrevAndNext .commonPrevAndNextWrap .commonNext a:hover span {
  color: #daac8d;
}
main .commonPrevAndNext .commonPrevAndNextWrap .commonPrev a:hover div img:first-child,
main .commonPrevAndNext .commonPrevAndNextWrap .commonNext a:hover div img:first-child {
  opacity: 0;
}
main .commonPrevAndNext .commonPrevAndNextWrap .commonPrev a:hover div img:last-child,
main .commonPrevAndNext .commonPrevAndNextWrap .commonNext a:hover div img:last-child {
  opacity: 1;
}
main .commonPrevAndNext .commonPrevAndNextWrap .commonPrev a p,
main .commonPrevAndNext .commonPrevAndNextWrap .commonNext a p {
  font-size: 0.9rem;
  text-transform: capitalize;
}
main .commonPrevAndNext .commonPrevAndNextWrap .commonPrev a span,
main .commonPrevAndNext .commonPrevAndNextWrap .commonNext a span {
  text-transform: uppercase;
}
main .commonPrevAndNext .commonPrevAndNextWrap .commonPrev a p,
main .commonPrevAndNext .commonPrevAndNextWrap .commonNext a p,
main .commonPrevAndNext .commonPrevAndNextWrap .commonPrev a span,
main .commonPrevAndNext .commonPrevAndNextWrap .commonNext a span,
main .commonPrevAndNext .commonPrevAndNextWrap .commonPrev a div img,
main .commonPrevAndNext .commonPrevAndNextWrap .commonNext a div img {
  transition-duration: 0.5s;
  transition-property: color, opacity;
}
main .commonPrevAndNext .commonPrevAndNextWrap .commonPrev a div,
main .commonPrevAndNext .commonPrevAndNextWrap .commonNext a div {
  width: 1.5rem;
  height: 1.5rem;
  position: relative;
}
main .commonPrevAndNext .commonPrevAndNextWrap .commonPrev a div img,
main .commonPrevAndNext .commonPrevAndNextWrap .commonNext a div img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
main .commonPrevAndNext .commonPrevAndNextWrap .commonPrev a div img:first-child,
main .commonPrevAndNext .commonPrevAndNextWrap .commonNext a div img:first-child {
  opacity: 1;
}
main .commonPrevAndNext .commonPrevAndNextWrap .commonPrev {
  margin: 0 3.5rem 0 0;
}
main .commonPrevAndNext .commonPrevAndNextWrap .commonPrev a span {
  margin: 0 0.5rem 0 1.85rem;
}
main .commonPrevAndNext .commonPrevAndNextWrap .commonNext a span {
  margin: 0 1.85rem 0 0.5rem;
}
main .commonPage {
  width: 60rem;
  margin: 1rem auto 1rem auto;
  overflow: hidden;
}
main .commonPage .commonPageWrap {
  width: 100%;
  overflow: hidden;
  padding: 1rem 0 ;
}
main .commonPage .commonPageWrap .caseAndNewsCommonItems {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 2rem 0;
}
main .commonPage .commonPageWrap .caseAndNewsCommonItems .caseAndNewsCommonItem {
  width: 19.2rem;
  height: 17rem;
  border: 0.1rem solid #e1e1e1;
  transition-duration: 0.5s;
  transition-property: transform, box-shadow;
  overflow: hidden;
  margin: 0 1.2rem 0 0;
}

main .commonPage .commonPageWrap .caseAndNewsCommonItems .caseAndNewsCommonItem:nth-child(n+4) {
  margin: 4rem 1.2rem 0 0;
}

main .commonPage .commonPageWrap .caseAndNewsCommonItems .caseAndNewsCommonItem:nth-child(3n) {
  margin-right: 0;
}

main .commonPage .commonPageWrap .caseAndNewsCommonItems .caseAndNewsCommonItem:hover {
  box-shadow: 0.05rem 0.25rem 0.75rem #ccc;
  transform: translateY(-0.25rem);
}
main .commonPage .commonPageWrap .caseAndNewsCommonItems .caseAndNewsCommonItem a .caseAndNewsCommonItemImg {
  width: 100%;
  height: 11rem;
}
main .commonPage .commonPageWrap .caseAndNewsCommonItems .caseAndNewsCommonItem a .caseAndNewsCommonItemImg img {
  width: 100%;
  height: 100%;
}
main .commonPage .commonPageWrap .caseAndNewsCommonItems .caseAndNewsCommonItem a p {
  padding: 0 2rem;
  margin: 1.15rem 0 0 0;
  font-size: 0.8rem;
  color: #000;
  line-height: 1.35rem;
  transition-duration: 0.5s;
  transition-property: color;
}
main .commonPage .commonPageWrap .caseAndNewsCommonItems .caseAndNewsCommonItem a p:hover {
  color: #bc682f;
}
main .commonPageBtn {
  width: 100%;
  text-align: center;
}
main .commonPageBtn .commonPageNumber {
  display: inline-block;
  margin: 0 0.25rem 0 0;
}
main .commonPageBtn .commonPageNumber ul {
  width: 100%;
  display: flex;
}

main .commonPageBtn .commonPageNumber ul  a {
  display: inline-block;
  height: 1.75rem;
  padding:0 .5rem;
  margin: 0 0.4rem 0 0;
  border-radius: 0.25rem;
  border: 0.1rem solid #bc682f;
  align-items: center;
  justify-content: center;
  color: #bc682f;
  transition-duration: 0.5s;
  transition-property: color, background-color;
  cursor: pointer;
  line-height: 1.55rem;
}
main .commonPageBtn .commonPageNumber ul  a:hover {
  color: #fff;
  background-color: #bc682f;
}
main .commonPageBtn .commonPageNumber ul  a.active {
  color: #fff;
  background-color: #bc682f;
}
main .commonPageBtn .commonPageNumber ul  .commonBtnNext {
  display: inline-flex;
  width: 4.5rem;
  height: 1.75rem;
  border-radius: 0.725rem;
  border: 0.1rem solid #bc682f;
  color: #bc682f;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition-duration: 0.5s;
  transition-property: color, background-color;
  text-transform: uppercase;
}
main .commonPageBtn .commonPageNumber ul li .commonBtnNext:hover {
  color: #fff;
  background-color: #bc682f;
}
main .commonPartner {
  width: 96rem;
  margin: 0 auto;
  overflow: hidden;
  background-color: #eee;
}
main .commonPartner .commonPartnerWrap {
  width: 60rem;
  margin: 0 auto;
  padding: 2rem 0;
  overflow-x: hidden;
}
main .commonPartner .commonPartnerWrap .title {
  text-align: center;
  
}


main .commonPartner .commonPartnerWrap .title p,
main .commonPartner .commonPartnerWrap .title h5,
main .commonPartner .commonPartnerWrap .title h4
main .commonPartner .commonPartnerWrap .title h3,
main .commonPartner .commonPartnerWrap .title h2,
main .commonPartner .commonPartnerWrap .title h1,
main .commonPartner .commonPartnerWrap .title span,
main .commonPartner .commonPartnerWrap .title em{
  color: #9aa1ad;
  font-size: 0.75rem;
}
/* 滚动条 */
main .commonPartner .commonPartnerWrap .swiper-scrollbar{
  background-color: #e1e1e1 !important;
}
main .commonPartner .commonPartnerWrap .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #aaa !important;
}

main .commonPartner .commonPartnerWrap ul{
  display: flex;
  flex-flow: row nowrap;
  margin: 1.5rem 0 0 0;
}
main .commonPartner .commonPartnerWrap ul li{
  width: 10rem;
  height: 3.2rem;
  position: relative;
  flex-shrink: 0;
}
main .commonPartner .commonPartnerWrap ul li::before{
  content: "";
  position: absolute;
  left: -0.7rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.1rem;
  height: 2.75rem;
  background-color: #d6d6d6;
}
main .commonPartner .commonPartnerWrap ul li:first-child::before{
  display: none;
}
main .commonPartner .commonPartnerWrap ul li img{
  width: 100%;
  height: 100%;
}
main .commonReturnTop {
  position: fixed;
  bottom: 3rem;
  right: 3rem;
  width: 3rem;
  height: 3rem;
  background-color: #bbb;
  cursor: pointer;
  z-index: 999999;
  opacity: 0.6;
  color: #fff;
  transform: translateX(500%);
  transition-duration: 1s;
  transition-property: transform;
}
main .commonReturnTop:hover {
  opacity: 0.8;
}
main .commonReturnTop p {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
main .commonReturnTop p img {
  width: 50%;
  height: auto;
}
footer {
  overflow: hidden;
}
footer .footerTop {
  width: 100%;
  background-color: #242525;
  margin: 0 auto;
  overflow: hidden;
  padding: 0 0 0 10rem;
}
footer .footerTop .footerTopWrap {
  width: 70rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  margin: 0 auto;
  padding: 2.3rem 0 1.6rem 0;
}
footer .footerTop .footerTopWrap .logo {
  width: 11rem;
  margin: 0 3.5rem 0 0;
}
footer .footerTop .footerTopWrap .logo a {
  display: flex;
  flex-direction: column;
  align-items: center;
}
footer .footerTop .footerTopWrap .logo a img {
  width: 8.5rem;
  height: 2.6rem;
  margin: 0 0 0.95rem 0;
}
footer .footerTop .footerTopWrap .logo a p {
  width: 11rem;
  font-size: 0.75rem;
  color: #bcbcbc;
  /*text-transform: uppercase;
  transform: scale(0.95);
  font-style: oblique;*/
  line-height: 1.2rem;
}
footer .footerTop .footerTopWrap .logo a p span {
  font-size: 0.7rem;
  transform: scale(1);
}
footer .footerTop .footerTopWrap .content ul {
  display: flex;
}
footer .footerTop .footerTopWrap .content ul li {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin: 0 2.6rem 0 2.6rem;
  white-space: nowrap;
}
footer .footerTop .footerTopWrap .content ul li p {
  font-size: 0.8rem;
  color: #fff;
  position: relative;
  margin: 0 0 1.9rem 0;
}
footer .footerTop .footerTopWrap .content ul li p::before {
  content: "";
  position: absolute;
  width: 2.5rem;
  height: 0.1rem;
  background-color: #bc682f;
  bottom: -0.5rem;
  left: 50%;
  transform: translateX(-50%);
}
footer .footerTop .footerTopWrap .content ul li a {
  text-align:left;
  font-size: 0.75rem;
  color: #bcbcbc;
  margin: 0 0 0.5rem 0;
  transition-duration: 0.5s;
  transition-property: color, transform;
}
footer .footerTop .footerTopWrap .content ul li a:hover {
  color: #bc682f;
}
footer .footerTop .footerTopWrap .lxfs {
  padding: 1.6rem 0 0 1.6rem;
  position: relative;
  background-image: url(../../images/default/footer-bird.png);
  background-repeat: no-repeat;
  background-position: 0.7rem 0.15rem;
}
footer .footerTop .footerTopWrap .lxfs::before {
  content: "";
  position: absolute;
  left: 0;
  width: 0.2rem;
  height: 6.85rem;
  background-color: #686868;
  top: 50%;
  transform: translateY(-50%);
}
footer .footerTop .footerTopWrap .lxfs .telephone {
  color: #bc662d;
  font-weight: bold;
  font-size: 1.2rem;
  margin: 0 0.5rem 0 0;
}
footer .footerTop .footerTopWrap .lxfs .email {
  color: #bc662d;
  font-weight: bold;
  font-size: 0.7rem;
  margin: 0 0.5rem 0 0;
  white-space: nowrap;
}
footer .footerTop .footerTopWrap .lxfs .email span {
  color: #bc682f;
  margin: 0 0.75rem 0 0;
}
footer .footerTop .footerTopWrap .lxfs .message {
  font-size: 0.7rem;
  padding: 0.25rem 0.45rem;
  border: 0.1rem solid #bc682f;
  color: #bc682f;
}
footer .footerTop .footerTopWrap .lxfs .message img {
  width: 0.65rem;
  height: 0.65rem;
  vertical-align: middle;
}
footer .footerTop .footerTopWrap .lxfs .img {
  margin: 1.75rem 0 0 2.15rem;
}
footer .footerTop .footerTopWrap .lxfs .img ul {
  display: flex;
}
footer .footerTop .footerTopWrap .lxfs .img ul li.active p {
  background-color: #bc682f;
}
footer .footerTop .footerTopWrap .lxfs .img ul li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0.3rem 0 0;
}
footer .footerTop .footerTopWrap .lxfs .img ul li a:hover div {
  transform: translateY(-0.25rem);
}
footer .footerTop .footerTopWrap .lxfs .img ul li a:hover p {
  background-color: #bc682f;
}
footer .footerTop .footerTopWrap .lxfs .img ul li a div {
  width: 1.3rem;
  height: 1.35rem;
  margin: 0 0 0.5rem 0;
  background-color: #9da4ab;
  display: flex;
  justify-content: center;
  align-items: center;
  transition-duration: 0.5s;
  transition-property: transform;
}
footer .footerTop .footerTopWrap .lxfs .img ul li a div img {
  width: auto !important;
  height: 0.65rem !important;
}
footer .footerTop .footerTopWrap .lxfs .img ul li a p {
  width: 0.4rem;
  height: 0.4rem;
  background-color: #fff;
  transition-duration: 0.5s;
  transition-property: background-color;
}
footer .footerBottom {
  width: 100%;
  background-color: #25282a;
  overflow: hidden;
}
footer .footerBottom .footerBottomWrap {
  width: 60rem;
  overflow: hidden;
  text-align: center;
  margin: 0.85rem auto;
}
footer .footerBottom .footerBottomWrap a {
  font-size: 0.6rem;
  color: #979999;
}
footer .footerBottom .footerBottomWrap a span {
  margin: 0 3.6rem 0 0;
}
/*************************  首页 index    ***********************************/
header .indexBanner {
  width: 100%;
  overflow: hidden;
  margin: 0 0 0 0;
  position: relative ;
}
header .indexBanner .swiper-wrapper .bannerItem {
  width: 100%;
  height: 48.5vh;
  min-height: 23rem;
  position: relative;
  overflow: hidden;
}
header .indexBanner .swiper-wrapper .bannerItem a .bannerItemImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 8888;
}
header .indexBanner .swiper-wrapper .bannerItem a .bannerItemImg img {
  width: 100%;
  height: 100%;
}
header .indexBanner .swiper-wrapper .bannerItem a .bannerItemContent {
  width: 100%;
  position: relative;
  z-index: 9999;
  display: flex;
  align-items: center ;
  flex-direction: column;
  color: #fff;
  margin: 4.2rem auto 0 auto;
}
header .indexBanner .swiper-wrapper .bannerItem a .bannerItemContent h5 {
  font-size: 1.6rem;
  font-weight: bold;
  color: #bc682f;
  white-space: nowrap;
}
header .indexBanner .swiper-wrapper .bannerItem a .bannerItemContent p {
  font-size: 1.4rem;
  color: #fff;
  font-weight: bold;
  margin: 3.1rem 0 3.55rem 0;
  white-space: nowrap;
}
header .indexBanner .swiper-wrapper .bannerItem a .bannerItemContent span {
  display: inline-block;
  width: 12rem;
  height: 2.3rem;
  border: 0.05rem solid #bc682f;
  white-space: nowrap;
  overflow: hidden;
  font-size: 1.2rem;
  text-align: center;
  line-height: 2.3rem;
  transition-duration: 0.8s;
  transition-property: background-color, color, border;
}
header .indexBanner .swiper-wrapper .bannerItem a .bannerItemContent span:hover {
  background-color: #fff;
  color: #bc682f;
  border: 0.05rem solid #fff;
}
header .indexBanner .swiper-pagination {
  bottom: 1.8rem;
}
header .indexBanner .swiper-pagination .swiper-pagination-bullet {
  width: 0.5rem !important;
  height: 0.5rem !important;
  opacity: 1 !important;
  background-color: #fff !important;
}
header .indexBanner .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1 !important;
  background-color: #bc682f !important;
}
main .indexMainCommonTitle {
  width: 100%;
  text-align: center;
}
main .indexMainCommonTitle h5 {
  font-size: 1.3rem;
  font-weight: normal;
  text-transform: uppercase;
  color: #000;
  margin: 0 0 1.5rem 0;
  white-space: nowrap;
}
main .indexMainCommonTitle p {
  font-size: 0.9rem;
  color: #737373;
  white-space: nowrap;
}
main .product {
  width: 60rem;
  margin: 0 auto;
  overflow: hidden;
}
main .product .productWrap {
  width: 100%;
  margin: 2rem 0 0 0;
  overflow: hidden;
}
main .product .productWrap .productItems {
  width: 100%;
  margin: 1.7rem 0 0 0;
  display: flex;
  justify-content: space-between;
}
main .product .productWrap .productItems .productItem {
  width: 14rem;
}
main .product .productWrap .productItems .productItem:hover .productItemImg img {
  transform: scale(1.15);
}
main .product .productWrap .productItems .productItem .productItemImg {
  width: 100%;
  height: 13rem;
  border: 0.05rem solid #cccccc;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
main .product .productWrap .productItems .productItem .productItemImg img {
  transition-duration: 1s;
  transition-property: transform;
  width: 60%;
  height: auto;
}
main .product .productWrap .productItems .productItem p {
  margin: -2.5rem 0 0 0;
  text-align:left;
  position: relative;
  z-index:9999999999;
}
main .product .productWrap .productItems .productItem p:hover a {
  color: #bc682f;
}
main .product .productWrap .productItems .productItem p a {
  display: inline-block;
  width: 100%;
  text-align: center;
  white-space: nowrap;
  color: #000;
  font-weight: normal;
  font-size: 0.9rem;
  transition-duration: 0.5s;
  transition-property: color;
  text-transform: capitalize;
}
main .product .productWrap .productItems .productItem span:hover a {
  color: #bc682f;
}
main .product .productWrap .productItems .productItem span p {
  margin: 2rem 0 0 0;
  text-align:left;	
}	
main .product .productWrap .productItems .productItem span a {
  display: inline-block;
  width: 100%;
  padding: 0 0.1rem;
  font-size: 0.8rem;
  line-height: 1rem;
  transition-duration: 0.5s;
  transition-property: color;
  color: #a2a2a2;
}
main .product .productWrap .productScreenItems {
  display: none;
  margin: 1rem 0 0 0;
  padding: 0 0 3rem 0;
  position: relative;
}
main .product .productWrap .productScreenItems .swiper-wrapper .productScreenItem {
  width: 100%;
}
main .product .productWrap .productScreenItems .swiper-wrapper .productScreenItem a {
  display: flex;
  flex-direction: column;
  align-items: center;
}
main .product .productWrap .productScreenItems .swiper-wrapper .productScreenItem a .productScreenItemImg {
  width: 15rem;
  height: 15rem;
  border-radius: 50%;
  border: 0.1rem solid #ccc;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
main .product .productWrap .productScreenItems .swiper-wrapper .productScreenItem a .productScreenItemImg img {
  width: 9rem;
  height: 9rem;
  /* transform: scale(0.8); */
  /* border-radius: 50%; */
}
main .product .productWrap .productScreenItems .swiper-wrapper .productScreenItem a p {
  font-size: 2rem;
  margin: 0.5rem 0;
  text-transform: capitalize;
}
main .product .productWrap .productScreenItems .swiper-wrapper .productScreenItem a span {
  display: inline-block;
  width: 60%;
  text-align: center;
  font-size: 1.5rem;
  line-height: 2rem;
}
main .product .productWrap .productScreenItems .swiper-pagination {
  bottom: 0;
}
main .product .productWrap .productScreenItems .swiper-pagination .swiper-pagination-bullet {
  opacity: 1 !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
  background-color: #eee !important;
}
main .product .productWrap .productScreenItems .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1 !important;
  background-color: #bc662d !important;
}
main .solution {
  width: 60rem;
  margin: 0 auto;
  overflow: hidden;
}
main .solution .solutionWrap {
  width: 100%;
  margin: 2rem 0 0 0;
  overflow: hidden;
}
main .solution .solutionWrap .solutionItem {
  width: 100%;
  height: 17.5rem;
  position: relative;
  margin: 1.85rem 0 0 0;
}
main .solution .solutionWrap .solutionItem .solutionImg {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
main .solution .solutionWrap .solutionItem .solutionImg img {
  width: 100%;
  height: 100%;
}
main .solution .solutionWrap .solutionItem .solutionContent {
  width: 100%;
  height: 100%;
  background-color: #bc662d;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.8;
}
main .solution .solutionWrap .solutionItem .solutionContent a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  padding: 0 0 0 3rem;
  overflow: hidden;
}
main .solution .solutionWrap .solutionItem .solutionContent a:hover .solutionContentRight img {
  transform: translateX(-1rem);
}
main .solution .solutionWrap .solutionItem .solutionContent a .solutionContentLeft {
  /* margin: 4.3rem auto 0 3rem; */
}
main .solution .solutionWrap .solutionItem .solutionContent a .solutionContentLeft p {
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff;
}
main .solution .solutionWrap .solutionItem .solutionContent a .solutionContentLeft span {
  display: inline-block;
  width: 30.75rem;
  font-size: 0.8rem;
  color: #fff;
  line-height: 1.4rem;
  margin: 1.15rem 0 0 0;
}
main .solution .solutionWrap .solutionItem .solutionContent a .solutionContentRight {
  margin: 9rem 3rem 1.2rem auto;
}
main .solution .solutionWrap .solutionItem .solutionContent a .solutionContentRight span {
  color: #fff;
  font-size: 0.9rem;
  margin: 0 0.9rem 0 0;
}
main .solution .solutionWrap .solutionItem .solutionContent a .solutionContentRight img {
  transition-duration: 0.5s;
  transition-property: transform;
}
@keyframes solutionContentRightImg {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-1rem);
  }
}
main .news {
  width: 60rem;
  margin: 0 auto;
  overflow: hidden;
}
main .news .newsWrap {
  width: 100%;
  margin: 1.5rem 0 0 0;
  overflow: hidden;
}
main .news .newsWrap .newsItems {
  width: 100%;
  display: flex;
  margin: 1.35rem 0 0 0;
  justify-content: space-between;
}
main .news .newsWrap .newsItems .newsItem {
  width: 19rem;
  height: 18rem;
  border: 0.05rem solid #dedede;
}
main .news .newsWrap .newsItems .newsItem:hover .newsItemImg img {
  transform: scale(1.15);
}
main .news .newsWrap .newsItems .newsItem .newsItemImg {
  width: 100%;
  height: 11.75rem;
  overflow: hidden;
}
main .news .newsWrap .newsItems .newsItem .newsItemImg img {
  width: 100%;
  height: 100%;
  transition-duration: 1s;
  transition-property: transform;
}
main .news .newsWrap .newsItems .newsItem p {
  width: 100%;
  padding: 0 0 0 0.65rem;
  margin: 0.75rem 0;
  overflow: hidden;
}
main .news .newsWrap .newsItems .newsItem p:hover a {
  color: #bc682f;
}
main .news .newsWrap .newsItems .newsItem p a {
  color: #000;
  font-weight: bold;
  font-size: 0.9rem;
  white-space: nowrap;
  transition-duration: 0.5s;
  transition-property: color;
}
main .news .newsWrap .newsItems .newsItem span {
  width: 100%;
  display: inline-block;
  padding: 0 1.4rem 0 0.65rem;
}
main .news .newsWrap .newsItems .newsItem span:hover a {
  color: #bc682f;
}
main .news .newsWrap .newsItems .newsItem span a {
  font-size: 0.7rem;
  color: #7a7a7a;
  line-height: 1rem;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.5rem;
  transition-duration: 0.5s;
  transition-property: color;
}
main .news .newsWrap .newsScreenItems {
  display: none;
  position: relative;
  margin: 2rem 0;
}
main .news .newsWrap .newsScreenItems .swiper-wrapper .newsScreenItem {
  width: calc(100vw - 6rem);
  margin: 0 auto;
}
main .news .newsWrap .newsScreenItems .swiper-wrapper .newsScreenItem a {
  width: calc(100% - 6rem);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  border: 0.1rem solid #d5d5d5;
  padding: 0 0 1rem 0;
}
main .news .newsWrap .newsScreenItems .swiper-wrapper .newsScreenItem a .newsScreenItemImg {
  width: 100%;
  height: 18rem;
}
main .news .newsWrap .newsScreenItems .swiper-wrapper .newsScreenItem a .newsScreenItemImg img {
  width: 100%;
  height: 100%;
}
main .news .newsWrap .newsScreenItems .swiper-wrapper .newsScreenItem a p {
  width: calc(100% - 3rem);
  font-size: 1.7rem;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0.5rem 0;
  color: #000;
}
main .news .newsWrap .newsScreenItems .swiper-wrapper .newsScreenItem a span {
  display: inline-block;
  width: calc(100% - 3rem);
  font-size: 1.5rem;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  color: #7a7a7a;
}
main .news .newsWrap .newsScreenItems .swiper-pagination {
  position: static !important;
  margin: 1rem 0 0 0;
}
main .news .newsWrap .newsScreenItems .swiper-pagination .swiper-pagination-bullet {
  opacity: 1 !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
  background-color: #eee !important;
}
main .news .newsWrap .newsScreenItems .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1 !important;
  background-color: #bc662d !important;
}
main .table {
  width: 100%;
  margin: 3.9rem auto 0 auto;
  background: url(../../images/default/index-table-bg.png) no-repeat;
  background-size: cover;
}
main .table .tableWrap {
  width: 60rem;
  margin: 0 auto;
  overflow: hidden;
}
main .table .tableWrap #form {
  width: 100%;
  margin: 6.2rem 0 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
main .table .tableWrap  .formTop {
  display: flex;
}
main .table .tableWrap  .formTop .formLeft {
  display: flex;
  flex-direction: column;
  margin: 0 2rem 0 0;
}
main .table .tableWrap  .formTop .formLeft input {
  width: 18.35rem;
  height: 2.4rem;
  border: 0.05rem solid #c2c2c2;
  padding: 0 0 0 0.75rem;
  margin: 0 0 0.7rem 0;
  color: #000;
  font-size: 0.9rem;
}
main .table .tableWrap  .formTop .formLeft input.tips {
  border: 0.05rem solid #900 !important;
  background-color: #f9ecec !important;
}
main .table .tableWrap  .formTop .formLeft input.tips::-webkit-input-placeholder {
  color: #900;
  text-transform: uppercase;
}
main .table .tableWrap  .formTop .formLeft input.tips:-moz-placeholder {
  color: #900;
  text-transform: uppercase;
}
main .table .tableWrap  .formTop .formLeft input.tips::-moz-placeholder {
  color: #900;
  text-transform: uppercase;
}
main .table .tableWrap  .formTop .formLeft input.tips:-ms-input-placeholder {
  color: #900;
  text-transform: uppercase;
}
main .table .tableWrap  .formTop .formLeft input:last-child {
  margin: 0;
}
main .table .tableWrap  .formTop .formLeft input::-webkit-input-placeholder {
  color: #999;
  font-size: 0.9rem;
}
main .table .tableWrap  .formTop .formLeft input:-moz-placeholder {
  color: #999;
  font-size: 0.9rem;
}
main .table .tableWrap  .formTop .formLeft input::-moz-placeholder {
  color: #999;
  font-size: 0.9rem;
}
main .table .tableWrap  .formTop .formLeft input:-ms-input-placeholder {
  color: #999;
  font-size: 0.9rem;
}
main .table .tableWrap  .formTop .formRight textarea {
  width: 39.6rem;
  height: 8.6rem;
  resize: none;
  padding: 0.5rem 0 0 0.75rem;
  font-size: 0.9rem;
  border: 0.05rem solid #c2c2c2;
  outline: none;
}
main .table .tableWrap  .formTop .formRight textarea.tips {
  border: 0.05rem solid #900 !important;
  background-color: #f9ecec !important;
}
main .table .tableWrap  .formTop .formRight textarea.tips::-webkit-input-placeholder {
  color: #900;
  text-transform: uppercase;
}
main .table .tableWrap  .formTop .formRight textarea.tips:-moz-placeholder {
  color: #900;
  text-transform: uppercase;
}
main .table .tableWrap  .formTop .formRight textarea.tips::-moz-placeholder {
  color: #900;
  text-transform: uppercase;
}
main .table .tableWrap  .formTop .formRight textarea.tips:-ms-input-placeholder {
  color: #900;
  text-transform: uppercase;
}
main .table .tableWrap  .formTop .formRight textarea::-webkit-input-placeholder {
  color: #999;
  font-size: 0.9rem;
}
main .table .tableWrap  .formTop .formRight textarea:-moz-placeholder {
  color: #999;
  font-size: 0.9rem;
}
main .table .tableWrap  .formTop .formRight textarea::-moz-placeholder {
  color: #999;
  font-size: 0.9rem;
}
main .table .tableWrap  .formTop .formRight textarea:-ms-input-placeholder {
  color: #999;
  font-size: 0.9rem;
}
main .table .tableWrap  .formBottom .submit {
  margin: 2.65rem 0 3.95rem 0;
  position: relative;
  cursor: pointer;
}
main .table .tableWrap  .formBottom .submit:hover button {
  background-color: #fff;
  color: #bc682f;
}
main .table .tableWrap  .formBottom .submit button {
  width: 14.3rem;
  height: 3rem;
  background-color: #bc682f;
  border: none;
  color: #fff;
  font-size: 0.9rem;
  position: relative;
  cursor: pointer;
  z-index: 9999;
  transition-duration: 0.5s;
  transition-property: background-color, color;
  border-radius: 1.5rem;
}
/****************************** 产品中心 product center ***************************************************/
main .productCategory {
  width: 60rem;
  margin: 0 auto;
  overflow: hidden;
}
main .productCategory ul {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 0 0 0.1rem 0;
  overflow: hidden;
}
main .productCategory ul li {
  padding: 0 1rem;
  position: relative;
}
main .productCategory ul li:last-child::after {
  display: none;
}
main .productCategory ul li::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.05rem;
  height: 0.75rem;
  background-color: #000;
}
main .productCategory ul li.active a {
  border-bottom: 0.05rem solid #bc682f;
  color: #bc682f;
}
main .productCategory ul li a {
  font-size: 0.9rem;
  color: #000;
  text-transform: capitalize;
  padding: 0 0 0.1rem 0;
  white-space: nowrap;
}
main .productCategory ul li a:hover {
  border-bottom: 0.05rem solid #bc682f;
  color: #bc682f;
}
main .productPage {
  width: 60rem;
  margin: 2rem auto 1.3rem auto;
  overflow: hidden;
}
main .productPage .productPageItems {
  width: 100%;
  margin: 0 0 1.35rem 0;
  display: flex;
  flex-wrap: wrap;
}
main .productPage .productPageItems .productPageItem {
  width: 19.2rem;
  height: 17rem;
  border: 0.05rem solid #979797;
  margin: 0 1.2rem 0 0; 
}
main .productPage .productPageItems .productPageItem:nth-child(n + 4) {
  margin: 1.2rem 1.2rem 0 0;
}
main .productPage .productPageItems .productPageItem:nth-child(3n) {
  margin-right: 0;
}
main .productPage .productPageItems .productPageItem a {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  align-items: center;
}
main .productPage .productPageItems .productPageItem a:hover .productPageItemImg img {
  transform: scale(1.15);
}
main .productPage .productPageItems .productPageItem a .productPageItemImg {
  width: 100%;
  height: 11.65rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
main .productPage .productPageItems .productPageItem a .productPageItemImg img {
  width: 40%;
  height: auto;
  transition-duration: 1s;
  transition-property: transform;
}
main .productPage .productPageItems .productPageItem a h5 {
  font-size: 1rem;
  color: #101010;
  font-family: "微软雅黑";
  font-weight:normal;
  /*  font-weight: bold;
  text-transform: uppercase;*/
  transition-duration: 0.5s;
  transition-property: color;
  margin: 0 0 1.25rem 0;
}
main .productPage .productPageItems .productPageItem a h5:hover {
  color: #bc682f;
}
main .productPage .productPageItems .productPageItem a p {
  color: #838383;
  font-size: 0.9rem;
  transition-duration: 0.5s;
  transition-property: color;
}
main .productPage .productPageItems .productPageItem a p:hover {
  color: #bc682f;
}
/******************************* 产品中心详情页 productDetails************************************************************/
main .productDetails {
  width: 60rem;
  margin: 4.25rem auto 0 auto;
  padding: 0 0 1.2rem 0;
  display: flex;
  border-bottom: 0.05rem solid #f2f2f2;
  overflow: hidden;
}
main .productDetails .productDetailsLeft {
  width: 15.3rem;
}
main .productDetails .productDetailsLeft .productDetailsLeftImg {
  width: 100%;
}
main .productDetails .productDetailsLeft .productDetailsLeftImg img {
  width: 100%;
  height: auto;
}
main .productDetails .productDetailsLeft .productDetailsLeftDownload {
  display: flex;
  width: 100%;
  height: 2.2rem;
  margin-top:1rem;
  background-color: #395575;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.8rem;
}
main .productDetails .productDetailsLeft .productDetailsLeftDownload img {
  width: 1rem;
  height: 1.4rem;
  margin: 0 1.15rem 0 0;
}
main .productDetails .productDetailsRight {
  margin: 0 0 0 5.4rem;
}
main .productDetails .productDetailsRight .productDetailsRightData h2 {
  font-size: 1.5rem;
  color: #bc682f;
}
main .productDetails .productDetailsRight .productDetailsRightData ul {
  margin: 1rem 0 0 0;
}
main .productDetails .productDetailsRight .productDetailsRightData ul li {
  margin: 0 0 0.65rem 0;
}
main .productDetails .productDetailsRight .productDetailsRightData ul li p {
  font-size: 0.8rem;
  color: #000;
  text-transform: capitalize;
}
main .productDetails .productDetailsRight .productDetailsRightData ul li p img {
  width: 0.7rem;
  height: 0.7rem;
  margin: 0 0.5rem 0 0;
}
main .productDetails .productDetailsRight .productDetailsRightData ul li span {
  font-size: 0.8rem;
  color: #bc682f;
  margin: 0 0 0 1.45rem;
  text-transform: capitalize;
}
main .productDetails .productDetailsRight .productDetailsRightSolution {
  margin: 3rem 0 0 0;
}
main .productDetails .productDetailsRight .productDetailsRightSolution h5 {
  color: #395575;
  font-size: 1.2rem;
  font-weight: 550;
  margin: 0 0 0.75rem 0;
}
main .productDetails .productDetailsRight .productDetailsRightSolution p {
  width: 29.75rem;
  font-size: 0.7rem;
  line-height: 1.2rem;
  color: #7a7a7a;
}
main .productDetailsBigImg {
  width: 60rem;
  margin: 2rem auto 0 auto;
  overflow: hidden;
}
main .productDetailsBigImg img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
main .productDetailsBigImg p,
main .productDetailsBigImg span,
main .productDetailsBigImg em {
  width: 100%;
  font-size: 0.8rem;
  color: #a2a2a2;
  line-height: 1.4rem;
}
main .commonPrevAndNext {
  margin: 2rem auto 1.15rem auto;
}
/***************************************** 案例详情页 caseDetails *****************************************************/
main .caseDetails {
  width: 60rem;
  margin: 0 auto;
  overflow: hidden;
}
main .caseDetails .caseDetailsWrap {
  margin: 4.15rem auto;
  display: flex;
  justify-content: space-between;
  border-bottom: 0.05rem solid #999;
}
main .caseDetails .caseDetailsWrap .caseDetailsLeft .caseDetailsLeftTitle {
  width: 31rem;
}
main .caseDetails .caseDetailsWrap .caseDetailsLeft .caseDetailsLeftTitle h2 {
  width: 100%;
  color: #bc682f;
  font-size: 1.5rem;
}
main .caseDetails .caseDetailsWrap .caseDetailsLeft h5 {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1.2rem;
  color: #000;
  margin: 2.25rem 0 0.8rem 0;
}
main .caseDetails .caseDetailsWrap .caseDetailsLeft .caseDetailsLeftContent {
  width: 35rem;
}
main .caseDetails .caseDetailsWrap .caseDetailsLeft .caseDetailsLeftContent p {
  width: 100%;
  font-size: 0.8rem;
  color: #a2a2a2;
  line-height: 1.4rem;
  margin: 0 0 2rem 0;
}
main .caseDetails .caseDetailsWrap .caseDetailsRight {
  width: 19.75rem;
}
main .caseDetails .caseDetailsWrap .caseDetailsRight .caseDetailsRightTitleImg {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0 0 0.25rem 0;
}
main .caseDetails .caseDetailsWrap .caseDetailsRight .caseDetailsRightTitleImg img {
  width: 80%;
  height: auto;
}
main .caseDetails .caseDetailsWrap .caseDetailsRight .caseDetailsRightContent p {
  font-size: 0.8rem;
  color: #838383;
  line-height: 1.4rem;
  margin: 0 0 1.5rem 0;
}
main .caseDetails .caseDetailsWrap .caseDetailsRight .caseDetailsRightContent span {
  display: block;
  width: 100%;
  font-size: 0.6rem;
  color: #898989;
  text-align: right;
  padding: 0 1rem 0 0;
}
main .caseDetails .caseDetailsWrap .caseDetailsRight .caseDetailsRightContent span .span1 {
  font-size: 0.8rem;
  font-weight: bold;
  color: #000;
  padding: 0;
  margin: 0 0 0.35rem 0;
}
main .caseDetailsImgs {
  width: 60rem;
  margin: 0 auto;
  overflow: hidden;
}
main .caseDetailsImgs .caseDetailsImgsWrap {
  width: 100%;
  border-bottom: 0.05rem solid #999;
  padding: 0 0 1.5rem 0;
  margin: 0 auto;
}
main .caseDetailsImgs .caseDetailsImgsWrap img {
  max-width: 40rem;
  height: auto;
  margin: 0 auto;
}
main .caseDetailsImgs .caseDetailsImgsWrap p,
main .caseDetailsImgs .caseDetailsImgsWrap span,
main .caseDetailsImgs .caseDetailsImgsWrap em {
  width: 100%;
  font-size: 0.8rem;
  color: #a2a2a2;
  line-height: 1.4rem;
}
/************************************新闻页面 news*********************************************/
main .newsBanner .commonBannerWrap h5 {
  font-size: 2.4rem;
  margin: 1.75rem auto 0 auto;
  text-align: left;
  padding: 0 0 0 3rem;
}
main .newsBanner .commonBannerWrap h5 p {
  display: block;
  margin: 0 0 -0.8rem 0.9rem;
}
/************************************新闻详情页面 newsDetails*********************************************/
main .newsDetails {
  width: 60rem;
  margin: 0 auto;
  overflow: hidden;
}
main .newsDetails .newsDetailsWrap {
  width: 100%;
}
main .newsDetails .newsDetailsWrap .newsDetailsTitle {
  width: 100%;
  text-align: center;
}
main .newsDetails .newsDetailsWrap .newsDetailsTitle h5 {
  color: #000;
  font-size: 0.9rem;
  margin-top:1.5rem;
  font-weight: bold;
}
main .newsDetails .newsDetailsWrap .newsDetailsContent {
  width: 100%;
}
main .newsDetails .newsDetailsWrap .newsDetailsContent p {
  width: 100%;
  font-size: 0.8rem;
  color: #7a7a7a;
  margin: 1.75rem 0;
}
main .newsDetails .newsDetailsWrap .newsDetailsContent img {
  max-width: 100%;
  height: auto;
  margin: 0.5rem 0 0 0;
}
/**************************************关于我们  about*********************************************************************/
main .aboutImgs {
  width: 60rem;
  margin: 0 auto;
}
main .aboutImgs .aboutImgsWrap {
  width: 100%;
  overflow: hidden;
  margin-bottom:2.4rem;
}
main .aboutImgs .aboutImgsWrap .aboutImgsItems {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
main .aboutImgs .aboutImgsWrap .aboutImgsItems .aboutImgsItem {
  width: 33.33333%;
  height: 18rem;
}
main .aboutImgs .aboutImgsWrap .aboutImgsItems .aboutImgsItem:hover a img {
  transform: scale(1.15);
}
main .aboutImgs .aboutImgsWrap .aboutImgsItems .aboutImgsItem a {
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
main .aboutImgs .aboutImgsWrap .aboutImgsItems .aboutImgsItem a img {
  width: 100%;
  height: 100%;
  transition-duration: 1s;
  transition-property: transform;
}
main .aboutMessage {
  width: 60rem;
  margin: 2.4rem auto;
  overflow: hidden;
}
main .aboutMessage .aboutMessageWrap {
  width: 100%;
}
main .aboutMessage .aboutMessageWrap .aboutMessageItems {
  width: 100%;
}
main .aboutMessage .aboutMessageWrap .aboutMessageItems .aboutMessageItem {
  width: 100%;
  margin: 0 0 0.15rem 0;
}
main .aboutMessage .aboutMessageWrap .aboutMessageItems .aboutMessageItem:first-child .aboutMessageItemMessage {
  display: block;
}
main .aboutMessage .aboutMessageWrap .aboutMessageItems .aboutMessageItem.active h3 {
  background-color: #bc682f;
  color: #fff;
}
main .aboutMessage .aboutMessageWrap .aboutMessageItems .aboutMessageItem.active h3::after {
  content: "-";
}
main .aboutMessage .aboutMessageWrap .aboutMessageItems .aboutMessageItem h3 {
  width: 100%;
  background-color: #eee;
  font-size: 0.9rem;
  color: #474747;
  padding: 1rem;
  text-align: center;
  cursor: pointer;
  transition-duration: 0.35s;
  transition-property: color, background-color;
  position: relative;
}
main .aboutMessage .aboutMessageWrap .aboutMessageItems .aboutMessageItem h3::after {
  content: "+";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 0 0 0.75rem;
  font-size: 1rem;
}
main .aboutMessage .aboutMessageWrap .aboutMessageItems .aboutMessageItem .aboutMessageItemMessage {
  width: 100%;
  display: none;
  overflow: hidden;
}
main .aboutMessage .aboutMessageWrap .aboutMessageItems .aboutMessageItem .aboutMessageItemMessage p {
  width: calc(100% - 1.5rem);
  color: #bc682f;
  font-size: 0.9rem;
  text-align: center;
  padding: 1rem;
  margin: 0 auto;
}
main .aboutMessageImgs {
  width: 60rem;
  margin: 0 auto;
  overflow: hidden;
}
main .aboutMessageImgs .aboutMessageImgsWrap {
  width: 100%;
  overflow: hidden;
}
main .aboutMessageImgs .aboutMessageImgsWrap .aboutMessageImgsTitle {
  margin: 0 0 1.15rem 0;
}
main .aboutMessageImgs .aboutMessageImgsWrap .aboutMessageImgsTitle h5 {
  color: #101010;
  font-size: 1.2rem;
}
main .aboutMessageImgs .aboutMessageImgsWrap .aboutMessageImgsItems {
  width: 100%;
  margin: 0 0 1.4rem 0;
  display: flex;
  justify-content: space-between;
}
main .aboutMessageImgs .aboutMessageImgsWrap .aboutMessageImgsItems .aboutMessageImgsItem {
  width: 19rem;
  background-color: #fff;
  border: 0.05rem solid #f0f0f0;
  transition-duration: 0.5s;
}
main .aboutMessageImgs .aboutMessageImgsWrap .aboutMessageImgsItems .aboutMessageImgsItem:hover {
  transform: translateY(-0.25rem);
  box-shadow: 0.1rem 0.3rem 0.75rem #999;
}
main .aboutMessageImgs .aboutMessageImgsWrap .aboutMessageImgsItems .aboutMessageImgsItem .aboutMessageImgsItemImg {
  width: 100%;
  height: 11rem;
  overflow: hidden;
}
main .aboutMessageImgs .aboutMessageImgsWrap .aboutMessageImgsItems .aboutMessageImgsItem .aboutMessageImgsItemImg img {
  width: 100%;
  height: 100%;
}
main .aboutMessageImgs .aboutMessageImgsWrap .aboutMessageImgsItems .aboutMessageImgsItem p {
  color: #101010;
  font-size: 0.924rem;
  line-height: 1.3rem;
  padding: 1.2rem 2rem;
}
main .aboutMessageImgs .aboutMessageImgsWrap .aboutMessageImgsScreenItems {
  display: none;
  position: relative;
  margin: 2rem 0;
}
main .aboutMessageImgs .aboutMessageImgsWrap .aboutMessageImgsScreenItems .swiper-wrapper .aboutMessageImgsScreenItem {
  width: calc(100vw - 6rem);
  margin: 0 auto;
}
main .aboutMessageImgs .aboutMessageImgsWrap .aboutMessageImgsScreenItems .swiper-wrapper .aboutMessageImgsScreenItem a {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  border: 0.1rem solid #d5d5d5;
}
main .aboutMessageImgs .aboutMessageImgsWrap .aboutMessageImgsScreenItems .swiper-wrapper .aboutMessageImgsScreenItem a .aboutMessageImgsScreenItemImg {
  width: 100%;
  height: 18rem;
}
main .aboutMessageImgs .aboutMessageImgsWrap .aboutMessageImgsScreenItems .swiper-wrapper .aboutMessageImgsScreenItem a .aboutMessageImgsScreenItemImg img {
  width: 100%;
  height: 100%;
}
main .aboutMessageImgs .aboutMessageImgsWrap .aboutMessageImgsScreenItems .swiper-wrapper .aboutMessageImgsScreenItem a p {
  width: calc(100% - 1.5rem);
  font-size: 1.5rem;
  font-weight: bold;
  margin: 0.5rem 0;
  color: #000;
  padding: 1rem 0;
}
main .aboutMessageImgs .aboutMessageImgsWrap .aboutMessageImgsScreenItems .swiper-pagination {
  position: static !important;
  margin: 1rem 0 0 0;
}
main .aboutMessageImgs .aboutMessageImgsWrap .aboutMessageImgsScreenItems .swiper-pagination .swiper-pagination-bullet {
  opacity: 1 !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
  background-color: #eee !important;
}
main .aboutMessageImgs .aboutMessageImgsWrap .aboutMessageImgsScreenItems .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1 !important;
  background-color: #bc662d !important;
}
/**************************************解决方案  solution*********************************************************************/
main .solutionCategory {
  width: 96rem;
  margin: 0 auto;
  overflow: hidden;
/*  box-shadow: 0 0.1rem 0.25rem #9e9e9e;*/
}
main .solutionCategory .solutionCategoryWrap {
  width: 100%;
  margin: 0 auto;
  background-color: #f3f0f0;
}
main .solutionCategory .solutionCategoryWrap ul {
  width: 60rem;
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
main .solutionCategory .solutionCategoryWrap ul li {
  margin: 0 4rem 0 0;
  padding: 0.58rem 0;
}
main .solutionCategory .solutionCategoryWrap ul li.active a {
  color: #bc682f;
}
main .solutionCategory .solutionCategoryWrap ul li a {
  color: #7a7a7a;
  font-size: 0.9rem;
  text-transform: capitalize;
  transition-duration: 0.5s;
  transition-property: color;
}
main .solutionCategory .solutionCategoryWrap ul li a:hover {
  color: #bc682f;
}
main .solution {
  width: 60rem;
  margin: 0.5rem auto 0rem auto;
  overflow: hidden;
}
main .solution .solutionWrap {
  width: 100%;
}
main .solution .solutionWrap .solutionTitle {
  display: flex;
  align-items: center;
  justify-content: center;
}
main .solution .solutionWrap .solutionTitle h3 {
  color: #191919;
  font-size: 1.5rem;
  position: relative;
  margin: 0 1.65rem;
}
main .solution .solutionWrap .solutionTitle h2 {
  color: #bc682f;
  font-size: 1.3rem;
  font-weight: normal;
  margin: 0 0.85rem;
  text-transform: capitalize;
}
main .solution .solutionWrap .solutionTitle span {
  display: inline-block;
  width: 4rem;
  height: 0.05rem;
  background-color: #d8d8d8;
}
main .solution .solutionWrap .soultionContent {
  width: 100%;
}
main .solution .solutionWrap .soultionContent p {
  width: 100%;
  font-size: 0.8rem;
  color: #7a7a7a;
  margin: 1.5rem 0;
  line-height: 1.1rem;
}
main .solution .solutionWrap .soultionContent img {
  width: 100%;
  height: auto;
}
/*****************************************联系我们 contact us *******************************************************/
main .contactForm {
  width: 60rem;
  margin: 3.5rem auto 2.4rem auto;
  overflow: hidden;
}
main .contactForm .contactFormWrap {
  width: 100%;
  display: flex;
}
main .contactForm .contactFormWrap .contactFormLeft {
  width: 12.5rem;
  margin: 0 2.5rem 0 0;
}
main .contactForm .contactFormWrap .contactFormLeft h3 {
  color: #bc682f;
  font-size: 1.2rem;
}
main .contactForm .contactFormWrap .contactFormLeft p {
  font-size: 0.7rem;
  color: #474747;
  line-height: 1.25rem;
  margin: 1.1rem 0 1.45rem 0;
}
main .contactForm .contactFormWrap .contactFormLeft p span {
  color: #bc682f;
  text-decoration: underline;
  cursor: pointer;
}
main .contactForm .contactFormWrap .contactFormLeft ul {
  width: 100%;
  overflow: hidden;
}
main .contactForm .contactFormWrap .contactFormLeft ul li {
  width: 100%;
  display: flex;
  align-items: center;
  margin: 0 0 1.7rem 0;
}
main .contactForm .contactFormWrap .contactFormLeft ul li img {
  width: 1.75rem;
  height: 1.75rem;
}
main .contactForm .contactFormWrap .contactFormLeft ul li p {
  font-size: 0.7rem;
  color: #101010;
  margin: 0 0 0 1.2rem;
}
main .contactForm .contactFormWrap .contactFormRight {
  flex: 1;
}
main .contactForm .contactFormWrap .contactFormRight .contactFormRightTitle {
  display: flex;
  justify-content: space-between;
  margin: 0 0 1rem 0;
}
main .contactForm .contactFormWrap .contactFormRight .contactFormRightContent p {
  font-size: 0.7rem;
}
main .contactForm .contactFormWrap .contactFormRight .contactFormRightTitle h3 {
  font-size: 1.3rem;
  color: #bc682f;
}
main .contactForm .contactFormWrap .contactFormRight .contactFormRightTitle a {
  display: flex;
  align-items: center;
  font-size: 0.8rem;
  color: #222222;
  margin: 0 0.5rem 0 0;
}
main .contactForm .contactFormWrap .contactFormRight .contactFormRightTitle a img {
  width: 1.05rem;
  height: 1.6rem;
  margin: 0 0 0 0.85rem;
}
main .contactForm .contactFormWrap .contactFormRight .contactFormRightContent #form > p {
  font-size: 0.8rem;
  color: #101010;
}
main .contactForm .contactFormWrap .contactFormRight .contactFormRightContent #form .solutionOption {
  width: 100%;
  margin: 1rem 0 0 0;
}
main .contactForm .contactFormWrap .contactFormRight .contactFormRightContent #form .solutionOption ul {
  width: 100%;
  display: flex;
}
main .contactForm .contactFormWrap .contactFormRight .contactFormRightContent #form .solutionOption ul li {
  display: flex;
  align-items: center;
  margin: 0 1rem 0 0;
}
main .contactForm .contactFormWrap .contactFormRight .contactFormRightContent #form .solutionOption ul li div {
  margin: 0 0.65rem 0 0;
}
main .contactForm .contactFormWrap .contactFormRight .contactFormRightContent #form .solutionOption ul li div input[type=checkbox] {
  visibility: hidden;
}
main .contactForm .contactFormWrap .contactFormRight .contactFormRightContent #form .solutionOption ul li div .checkbox + label {
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  cursor: pointer;
  border: 0.1rem solid #d5d3d3;
}
main .contactForm .contactFormWrap .contactFormRight .contactFormRightContent #form .solutionOption ul li div .checkbox:checked + label::before {
  display: flex;
  content: "\2714";
  font-size: 1rem;
  width: 1.2rem;
  height: 1.2rem;
  color: white;
  background-color: #bc682f;
  align-items: center;
  justify-content: center;
}
main .contactForm .contactFormWrap .contactFormRight .contactFormRightContent #form .solutionOption ul li div .checkbox:checked + label {
  border: none;
}
main .contactForm .contactFormWrap .contactFormRight .contactFormRightContent #form .solutionOption ul li label {
  font-size: 0.8rem;
  color: #101010;
  cursor: pointer;
}
main .contactForm .contactFormWrap .contactFormRight .contactFormRightContent #form .solutionMessage {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 2.4rem 0 0 0;
}
main .contactForm .contactFormWrap .contactFormRight .contactFormRightContent #form .solutionMessage div {
  margin: 0 0 1rem 0;
}
main .contactForm .contactFormWrap .contactFormRight .contactFormRightContent #form .solutionMessage div.tips p {
  color: #900 !important;
}
main .contactForm .contactFormWrap .contactFormRight .contactFormRightContent #form .solutionMessage div.tips input {
  border: 0.05rem solid #900 !important;
  background-color: #f9ecec !important;
}
main .contactForm .contactFormWrap .contactFormRight .contactFormRightContent #form .solutionMessage div p {
  font-size: 0.8rem;
  text-transform: capitalize;
  color: #101010 !important;
  margin: 0 0 0.3rem;
}
main .contactForm .contactFormWrap .contactFormRight .contactFormRightContent #form .solutionMessage div input {
  width: 21.3rem;
  height: 1.5rem;
  font-size: 0.8rem;
  padding: 0 0 0 0.5rem;
  background-color: #eee !important;
  border: none !important;
}
main .contactForm .contactFormWrap .contactFormRight .contactFormRightContent #form .solutionMessage .companyName {
  width: 100%;
}
main .contactForm .contactFormWrap .contactFormRight .contactFormRightContent #form .solutionMessage .companyName input {
  width: 100%;
}
main .contactForm .contactFormWrap .contactFormRight .contactFormRightContent #form .solutionSubmit {
  width: 100%;
}
main .contactForm .contactFormWrap .contactFormRight .contactFormRightContent #form .solutionSubmit button {
  width: 100%;
  height: 2.5rem;
  border: none;
  background-color: #bc682f;
  color: #fff;
  cursor: pointer;
  font-size: 0.9rem;
}
main .contact {
  width: 96rem;
  margin: 0 auto;
  overflow: hidden;
}
main .contact .contactWrap {
  width: 100%;
  background-color: #eee;
  padding: 2.4rem 0;
}
main .contact .contactWrap .contactItems {
  width: 60rem;
  display: flex;
  margin: 0 auto;
  justify-content: space-between;
}
main .contact .contactWrap .contactItems .contactItem {
  display: flex;
  width: 19.3rem;
  height: 8.9rem;
  background-color: #fff;
  padding: 2.5rem 2.4rem 0 3rem;
}
main .contact .contactWrap .contactItems .contactItem .contactItem {
  width: 0.25rem;
  height: 2.5rem;
}
main .contact .contactWrap .contactItems .contactItem .contactItem img {
  width: 100%;
  height: 100%;
}
main .contact .contactWrap .contactItems .contactItem .contactItemContent {
  margin: 0 0 0 0.75rem;
}
main .contact .contactWrap .contactItems .contactItemContent{
margin-right:0.7rem;
}
main .contact .contactWrap .contactItems .contactItemContent p {
font-size: 0.9rem;
color:#101010;
line-height:1.5rem;
margin: 1rem 1rem 0.05rem 0rem;
}
main .contact .contactWrap .contactItems .contactItem .contactItemContent h4 {
  font-weight: bold;
  font-size: 0.7rem;
  color: #101010;
  text-transform: uppercase;
  margin: 0 0 0.45rem 0;
}
main .contact .contactWrap .contactItems .contactItem .contactItemContent a {
  color: #a2a2a2;
  font-size: 0.6rem;
  white-space: normal !important;
}
main .contact .contactWrap .contactItems .contactItem .contactItemContent a p {
  line-height: 0.8rem;
}