@font-face {
  font-family: GothamMedium;
  src: url(../font/gotham-medium_1.otf); }

@font-face {
  font-family: Gotham-XLight;
  src: url(../font/Gotham-XLight.otf); }

* {
  font-family: Gotham-XLight;
  font-size: 14px;
  color: #1d2328; }

/* hedaer */
.head {
  position: relative; }
  .head .head-body {
    width: 95%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0; }
    .head .head-body .head-logo {
      font-size: 0; }
    .head .head-body .head-list {
      display: flex;
      margin-left: 30px; }
      .head .head-body .head-list .head-item {
        margin-left: 30px; }
        .head .head-body .head-list .head-item > a {
          font-family: GothamMedium;
          font-size: 14px;
          padding-bottom: 5px;
          position: relative; }
          .head .head-body .head-list .head-item > a::before {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 2px;
            background-color: #1d2328;
            display: none; }
          .head .head-body .head-list .head-item > a:hover::before {
            display: block; }
        .head .head-body .head-list .head-item:first-child {
          margin-left: 0; }
    .head .head-body .head-sear {
      font-size: 0; }
      .head .head-body .head-sear .head-sear-inp {
        font-size: 15px;
        color: #1d2328;
        text-indent: 5px;
        padding: 2px 0;
        border: solid 2px #1d2328; }
      .head .head-body .head-sear .head-sear-sub {
        background-color: #1d2328;
        color: #fff;
        height: 100%;
        padding: 7px;
        cursor: pointer; }
        .head .head-body .head-sear .head-sear-sub i {
          color: inherit; }
    .head .head-body .head-mobbtn {
      position: absolute;
      top: 10px;
      right: 10px;
      font-size: 30px;
      display: none; }
      .head .head-body .head-mobbtn:active {
        color: #7f7f7f; }
  .head .headsec {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 2;
    width: 100%;
    height: auto !important;
    background-color: #fff;
    border-top: solid 1px #999;
    display: none; }
    .head .headsec .headsec-body {
      width: 95%;
      max-width: 1000px;
      margin: 0 auto;
      padding: 30px 0 50px;
      display: flex;
      justify-content: space-between; }
      .head .headsec .headsec-body .headsec-w1 {
        font-family: GothamMedium;
        text-transform: uppercase; }
      .head .headsec .headsec-body .headsec-w2 {
        font-weight: bold; }
      .head .headsec .headsec-body a:hover {
        text-decoration: underline; }
      .head .headsec .headsec-body .headsec-l {
        width: 19%; }
        .head .headsec .headsec-body .headsec-l .headsec-l-item {
          margin-top: 15px; }
          .head .headsec .headsec-body .headsec-l .headsec-l-item:first-child {
            margin-top: 0; }
      .head .headsec .headsec-body .headsec-r {
        width: 73%; }
        .head .headsec .headsec-body .headsec-r .headsec-r-list {
          display: flex;
          justify-content: space-between; }
          .head .headsec .headsec-body .headsec-r .headsec-r-list .headsec-r-item {
            width: 23%; }
            .head .headsec .headsec-body .headsec-r .headsec-r-list .headsec-r-item dl {
              margin-top: 15px; }
              .head .headsec .headsec-body .headsec-r .headsec-r-list .headsec-r-item dl dd {
                margin-top: 15px; }
                .head .headsec .headsec-body .headsec-r .headsec-r-list .headsec-r-item dl dd:first-child {
                  margin-top: 0; }
  .head .head-mobbg {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.65);
    visibility: hidden;
    opacity: 0;
    display: none;
    transition: 0.8s;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -o-transition: 0.8s; }
  .head .head-mobbg1 {
    visibility: visible;
    opacity: 1; }
  .head .headmob {
    position: fixed;
    top: 0;
    left: -100%;
    z-index: 2;
    width: 60%;
    max-width: 220px;
    height: 100%;
    background-color: #fff;
    display: none;
    transition: 0.8s;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -o-transition: 0.8s; }
    .head .headmob > ul {
      margin: 10px; }
    .head .headmob .headmob-item {
      margin-top: 15px; }
      .head .headmob .headmob-item a {
        font-family: GothamMedium; }
      .head .headmob .headmob-item .headmob-item-name {
        display: flex;
        justify-content: space-between; }
      .head .headmob .headmob-item .headmob-sec {
        margin-left: 15px;
        margin-top: 15px;
        display: none; }
        .head .headmob .headmob-item .headmob-sec .headmob-sec-i {
          margin-top: 15px; }
          .head .headmob .headmob-item .headmob-sec .headmob-sec-i:first-child {
            margin-top: 0; }
      .head .headmob .headmob-item:first-child {
        margin-top: 0; }
  .head .headmob1 {
    left: 0; }

/* index */
.index-ban .swiper-pagination-bullet-active {
  background-color: #1d2328; }

.index-ban .swiper-slide {
  font-size: 0; }
  .index-ban .swiper-slide a {
    font-size: 0; }

.index-ab {
  width: 95%;
  max-width: 1200px;
  margin: 45px auto;
  display: flex;
  justify-content: space-between; }
  .index-ab .index-ab-l {
    width: 48%;
    font-size: 0; }
  .index-ab .index-ab-r {
    width: 48%;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .index-ab .index-ab-r .index-ab-r-info {
      margin-top: 30px; }
      .index-ab .index-ab-r .index-ab-r-info .index-ab-r-info-t {
        font-family: GothamMedium;
        font-size: 22px;
        padding-bottom: 5px;
        border-bottom: solid 2px #1d2328; }
      .index-ab .index-ab-r .index-ab-r-info .index-ab-r-info-d {
        margin-top: 20px;
        line-height: 20px;
        font-weight: bold; }
      .index-ab .index-ab-r .index-ab-r-info .index-ab-r-info-l {
        display: inline-block;
        margin-top: 20px;
        color: #ffffff;
        background-color: #1d2328;
        width: 170px;
        text-align: center;
        padding: 10px 0; }
        .index-ab .index-ab-r .index-ab-r-info .index-ab-r-info-l:hover {
          background-color: #7f7f7f; }
    .index-ab .index-ab-r .index-ab-r-img {
      margin-top: 30px;
      font-size: 0; }

.index-pro {
  width: 95%;
  max-width: 1200px;
  margin: 0 auto;
  margin-bottom: 60px; }
  .index-pro .index-pro-tit {
    display: flex;
    justify-content: center;
    align-items: center; }
    .index-pro .index-pro-tit .index-pro-tit-w {
      font-family: GothamMedium;
      font-size: 20px;
	  cursor: pointer;
	  padding: 30px;
	  border-left: solid 2px #1d2328;
	  }
	.index-pro .index-pro-tit .index-pro-tit-w:first-child{
		border-left: none;
		padding-left: 0;
	}
	.index-pro .index-pro-tit .index-pro-tit-w:last-child{
		padding-right: 0;
	}
    .index-pro .index-pro-tit .index-pro-tit-line {
      width: 2px;
      height: 80px;
      background-color: #1d2328;
      margin: 0 40px; }
  .index-pro .index-pro-list {
    margin-top: 30px;
     }
	.index-pro .index-pro-list .index-pro-item{
		display: none;
		position: relative;
	}
	.index-pro .index-pro-list .index-pro-item1{
		display: block;
	}
    .index-pro .index-pro-list .index-pro-list-body .index-pro-item-img {
      font-size: 0;
      overflow: hidden; }
      .index-pro .index-pro-list .index-pro-list-body .index-pro-item-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center; }
    .index-pro .index-pro-list .index-pro-list-body .index-pro-item-lab {
      margin-top: 3px; }
    .index-pro .index-pro-list .index-pro-list-body .index-pro-item-name {
      font-size: 20px;
      font-family: GothamMedium;
      margin-top: 3px; }
    .index-pro .index-pro-list .index-pro-list-body .index-pro-item-link {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .index-pro .index-pro-list .index-pro-list-next, .index-pro .index-pro-list .index-pro-list-prev {
      position: absolute;
      top: 40%;
      z-index: 1;
      cursor: pointer; }
      .index-pro .index-pro-list .index-pro-list-next:focus, .index-pro .index-pro-list .index-pro-list-prev:focus {
        outline: none; }
    .index-pro .index-pro-list .index-pro-list-next {
      right: -50px; }
    .index-pro .index-pro-list .index-pro-list-prev {
      left: -50px; }

.index-ads {
  font-size: 0;
  position: relative; }
  .index-ads img {
    width: 100%; }
  .index-ads .index-ads-i2 {
    display: none; }
  .index-ads a {
    position: absolute;
    right: 30px;
    bottom: 30px;
    width: 160px;
	font-size: 17px;
	color: #eee;
	outline: solid 1px #eee;
	padding: 10px 0;
	text-align: center;
	background-color: #1d2328;
	}
	.index-ads a:hover{
		background-color: #7f7f7f;
	}

.index-vr {
  width: 95%;
  max-width: 1290px;
  margin: 50px auto 150px;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .index-vr .index-vr-l {
    width: 15%; }
    .index-vr .index-vr-l .index-vr-l-t {
      font-family: GothamMedium;
      font-size: 22px; }
    .index-vr .index-vr-l .index-vr-l-d {
      margin-top: 15px; }
  .index-vr .index-vr-r {
    width: 82%;
    position: relative; }
    .index-vr .index-vr-r .index-vr-r-body {
      overflow-y: visible;
      box-shadow: 2px 3px 12px 1px rgba(4, 7, 6, 0.3); }
      .index-vr .index-vr-r .index-vr-r-body .index-vr-r-item {
        display: flex;
        box-shadow: 2px 3px 12px 1px rgba(4, 7, 6, 0.3);
        position: relative; }
        .index-vr .index-vr-r .index-vr-r-body .index-vr-r-item .index-vr-r-item-img {
          width: 58%;
          font-size: 0;
          overflow: hidden; }
          .index-vr .index-vr-r .index-vr-r-body .index-vr-r-item .index-vr-r-item-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center; }
        .index-vr .index-vr-r .index-vr-r-body .index-vr-r-item .index-vr-r-item-info {
          width: 42%;
          display: flex;
          justify-content: center;
          align-items: center; }
          .index-vr .index-vr-r .index-vr-r-body .index-vr-r-item .index-vr-r-item-info .index-vr-r-item-info-box {
            margin: 10px 7px; }
            .index-vr .index-vr-r .index-vr-r-body .index-vr-r-item .index-vr-r-item-info .index-vr-r-item-info-box .index-vr-r-item-tit {
              font-family: GothamMedium;
              font-size: 15px; }
            .index-vr .index-vr-r .index-vr-r-body .index-vr-r-item .index-vr-r-item-info .index-vr-r-item-info-box .index-vr-r-item-desc {
              margin-top: 35px; }
        .index-vr .index-vr-r .index-vr-r-body .index-vr-r-item a {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
    .index-vr .index-vr-r .index-vr-r-next, .index-vr .index-vr-r .index-vr-r-prev {
      position: absolute;
      top: 40%;
      z-index: 1; }
      .index-vr .index-vr-r .index-vr-r-next i, .index-vr .index-vr-r .index-vr-r-prev i {
        font-size: 50px;
        cursor: pointer; }
      .index-vr .index-vr-r .index-vr-r-next:focus, .index-vr .index-vr-r .index-vr-r-prev:focus {
        outline: none; }
    .index-vr .index-vr-r .index-vr-r-next {
      right: -30px; }
    .index-vr .index-vr-r .index-vr-r-prev {
      left: -30px; }

.index-other {
  background-color: #1d2328; }
  .index-other .index-other-body {
    width: 95%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px 0 20px;
    border-top: solid 2px #1d2328;
    position: relative;
    top: -100px; }
    .index-other .index-other-body > ul {
      display: flex;
      justify-content: space-between; }
    .index-other .index-other-body .index-other-item {
      width: 28%;
      position: relative; }
      .index-other .index-other-body .index-other-item .index-other-item-img {
        font-size: 0; }
        .index-other .index-other-body .index-other-item .index-other-item-img img {
          width: 100%; }
      .index-other .index-other-body .index-other-item .index-other-words {
        text-align: center;
        margin-top: 15px; }
        .index-other .index-other-body .index-other-item .index-other-words span, .index-other .index-other-body .index-other-item .index-other-words a {
          color: #fff;
          font-family: Gotham-Medium;
          position: relative;
          padding-bottom: 5px; }
          .index-other .index-other-body .index-other-item .index-other-words span::before, .index-other .index-other-body .index-other-item .index-other-words a::before {
            content: '';
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            height: 2px;
            background-color: #fff; }
      .index-other .index-other-body .index-other-item a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }

/* foot */
.foot {
  margin: 65px auto 15px;
  position: relative; }
  .foot .foot-form {
    position: absolute;
    top: -125px;
    right: 0;
    width: 54%;
    max-width: 1050px;
    background-color: #b3b3b3;
    display: flex;
    justify-content: center;
    align-items: center; }
    .foot .foot-form .foot-form-body {
      width: 100%;
      margin: 30px 50px;
	  text-align: left; 
	  }
      .foot .foot-form .foot-form-body .foot-form-t1 {
        font-family: GothamMedium;
        font-size: 22px; }
      .foot .foot-form .foot-form-body .foot-form-t2 {
        margin-top: 5px;
        font-weight: bold; }
      .foot .foot-form .foot-form-body form {
        margin-top: 20px; }
      .foot .foot-form .foot-form-body .foot-form-line1 {
        display: flex;
        justify-content: space-between; }
      .foot .foot-form .foot-form-body .foot-form-inp {
        width: 48%;
        background: none;
        border-bottom: solid 2px #1d2328;
        padding: 3px 0;
        font-size: 15px; }
      .foot .foot-form .foot-form-body .foot-form-msg {
		display: block;
        width: 100%;
		margin-top: 20px;
		}
      .foot .foot-form .foot-form-body .foot-form-line2 {
        text-align: center;
        margin-top: 30px; }
      .foot .foot-form .foot-form-body .foot-form-sub {
        width: 140px;
        color: #fff;
        background-color: #1d2328;
        padding: 10px 0;
        cursor: pointer; }
        .foot .foot-form .foot-form-body .foot-form-sub:hover {
          background-color: #7f7f7f; }
  .foot .foot-body {
    width: 95%;
    max-width: 1200px;
    margin: 0 auto; }
    .foot .foot-body .foot-list {
      display: flex;
      width: 40%;
      max-width: 475px;
      padding-bottom: 30px;
      border-bottom: solid 2.5px #1d2328; }
      .foot .foot-body .foot-list ul:last-child {
        margin-left: 50px; }
      .foot .foot-body .foot-list .foot-item {
        margin-top: 20px;
		text-align: left;
	}
        .foot .foot-body .foot-list .foot-item a {
          padding-bottom: 3px;
          font-family: GothamMedium;
          position: relative; }
          .foot .foot-body .foot-list .foot-item a::before {
            content: '';
            position: absolute;
            left: 0;
            top: 100%;
            width: 100%;
            height: 2px;
            background-color: #1d2328;
            display: none; }
          .foot .foot-body .foot-list .foot-item a:hover::before {
            display: block; }
        .foot .foot-body .foot-list .foot-item:first-child {
          margin-top: 0; }
  .foot .foot-bot {
    width: 95%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: flex-end;
    margin-top: 15px; }
    .foot .foot-bot div {
		width: 55px;
      font-size: 0; }
    .foot .foot-bot p {
      margin-left: 20px;
      font-family: GothamMedium;
      font-size: 12px; }
.foot1{
	margin-top: 150px;
}

/* contact-main */
.contact-main{
	margin: 40px 0;
}
.contact-main .contact-main-list{
	display: flex;
	justify-content: space-between;
}
.contact-main .contact-main-item{
	width: 48%;
}
.contact-main .contact-main-item .contact-main-item-tit1{
	font-family: GothamMedium;
	font-size: 30px;
	font-weight: bold;
	margin-top: 40px;
	margin-bottom: 10px;
	color: #8d0000;
}
.contact-main .contact-main-item .contact-main-item-tit2{
	font-family: GothamMedium;
	font-size: 20px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #646464;
	line-height: 30px;
}
.contact-main .contact-main-item .contact-main-item-words{
	font-family: "verdana";
	font-size: 15px;
	margin-top: 5px;
	color: #646464;
}

/* product de */
.proderel{
	width: 95%;
	max-width: 1200px;
	margin: 50px auto;
}
.proderel .proderel-tit{
	font-family: "Verdana";
	font-size: 30px;
	color: #505050;
	text-align: center;
}
.proderel .proderel-body{
	margin-top: 30px;
}
.proderel .proderel-img{
	display: block;
	font-size: 0;
}
.proderel .proderel-name{
	font-family: "Verdana";
	font-size: 15px;
	color: #505050;
	text-align: center;
	margin-top: 15px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.proderel .proderel-name:hover{
	text-decoration: underline;
}