@charset "UTF-8";
@CHARSET "UTF-8";

html {
  margin: 0;
  padding: 0;
  border: 0;
}

body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
p,
blockquote,
pre,
a,
address,
code,
b,
em,
img,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
footer,
header,
hgroup,
nav,
section {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  background: #fff;
  color: #666;
  position: relative;
  font: 12px/1.5 Microsoft YaHei, arial, 宋体, sans-serif;
  vertical-align: baseline;
  width: 100%;
  overflow-x: hidden;
}

a {
  text-decoration: none;
  outline: none;
}

a:link {
  color: #666;
}

a:visited {
  color: #666;
}

a:hover,
a:active,
a:focus {
  color: #f4bd65;
  text-decoration: none;
  outline: none;
}

input {
  padding: 0;
  margin: 0;
  font-family: 'Microsoft YaHei';
}

img {
  border: none;
  background: none;
  vertical-align: middle;
}

ul,
ol,
li {
  list-style-type: none;
}

select,
input,
img,
select {
  vertical-align: middle;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

table,
th,
td {
  vertical-align: middle;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.clearfix {
  zoom: 1;
}

.clearboth {
  height: 0px;
  line-height: 0px;
  overflow: hidden;
  clear: both;
  font-size: 0px;
}

h1,
h2,
h3,
h4 {
  font-size: 12px;
  font-weight: bold;
}

hr {
  border: 0;
  border-top: 1px solid #ccc;
  height: 0;
}

.com-img {
  display: inline;
  overflow: hidden;
  margin: 0 auto;
  display: table;
}

.com-img img {
  transition: all 0.5s ease-in 0s;
  -webkit-transition: all 0.5s ease-in 0s;
  -moz-transition: all 0.5s ease-in 0s;
  -o-transition: all 0.5s ease-in 0s;
}

.com-img:hover img {
  transform: scale(1.15);
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -o-transform: scale(1.15);
  -ms-transform: scale(1.15);
}

.pos {
  position: relative;
  display: block;
  width: 1920px;
  left: 50%;
  margin-left: -960px;
}

.wh {
  display: block;
  width: 1200px;
  margin: 0 auto;
}

.flex {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

@media (max-width: 1199px) {
  body {
    padding-top: 60px !important;
  }
}



/* @media(min-width: 992px) { */
/*进入效果*/

.allx {
  transition-duration: 2.2s;
  opacity: 0;
}

.active .allx {
  opacity: 1;
}

.leftx {
  transform: translateX(-500px);
}

.rightx {
  transform: translateX(500px);
}

.bottomx {
  transform: translateY(500px);
}

.active .leftx {
  transform: translateX(0);
}

.active .rightx {
  transform: translateX(0);
}

.active .bottomx {
  transform: translateY(0);
}



/* } */
@media(min-width: 769px) {

  .sun-delay0 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
  }

  .sun-delay1 {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
  }

  .sun-delay2 {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
  }

  .sun-delay3 {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
  }

  .sun-delay4 {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
  }

  .sun-delay5 {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
  }

  .sun-delay6 {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s;
  }

  .sun-delay7 {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s;
  }

  .sun-delay8 {
    -webkit-transition-delay: 1.8s;
    transition-delay: 1.8s;
  }

  .sun-delay9 {
    -webkit-transition-delay: 2s;
    transition-delay: 2s;
  }

  .sun-delay10 {
    -webkit-transition-delay: 2.2s;
    transition-delay: 2.2s;
  }

  .sun-ani-left,
  .sun-ani-down,
  .sun-ani-up,
  .sun-ani-right {
    opacity: 0;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .7s;
    transition-duration: .7s;
  }

  .sun-ani-left {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  .sun-ani-down {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }



  .sun-ani-up {
    -webkit-transform: translateY(-200px);
    transform: translateY(200px);
  }

  .sun-ani-right {
    -webkit-transform: translatex(100px);
    transform: translatex(100px);
  }

  .actives .sun-ani-left {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  .active .sun-ani-left {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  .active .sun-ani-down {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  .active .sun-ani-up {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  .active .sun-ani-right {
    opacity: 1;
    -webkit-transform: translatex(0);
    transform: translatex(0);
  }


}



/* 插件整体样式修改 */
.slick-arrows {
  outline: none;
}

.slick-slide {
  outline: none;
}

.swiper-button-prev,
.swiper-button-next {
  outline: none;
}

.swiper-button-prev,
.swiper-button-next {
  outline: none;
  display: flex;
  width: 24px;
  height: 44px;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  content: "";
  background: none;
  display: block;
  width: 40px;
  height: 40px;
  border: 2px solid #ffffff;
  position: absolute;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  left: 12px;
  top: 50%;
  margin-top: -20px;
}

.swiper-button-next {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.swiper-pagination {
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 5%;
}

.swiper-pagination .swiper-pagination-bullet {
  outline: none;
  margin: 0 1em;
}

@media (max-width: 992px) {

  .swiper-button-prev,
  .swiper-button-next {
    display: none;
  }
}

/* 右侧点导航 */
.sideNav {
  position: fixed;
  right: 60px;
  top: 50%;
  z-index: 9999;
  margin-top: -75px;
}

.sideNav ul li {
  display: block;
  cursor: pointer;
  width: 15px;
  height: 15px;
  margin: 10px 0;
}

.sideNav ul li a {
  display: block;
  width: 15px;
  height: 15px;
  background: url(//cdn.myxypt.com/53268425/21/11/cd4db2420afae6fdde64149972a4e798a8df481b.png) no-repeat center;
  transition: .3s;
}

.sideNav ul li.active a {
  background: url(//cdn.myxypt.com/53268425/21/11/87dfa72b9b24678b7cebcc73fb46c969c50dace2.png) no-repeat center;
}

@media (max-width: 1200px) {
  .sideNav {
    display: none !important;
  }
}

/* 头部 */
.head3 {
  width: 100%;
  position: fixed;
  z-index: 99;
}

.head4 .head1 {
  top: 0;
}

.head1 {
  width: 100%;
  position: fixed;
  top: -104px;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: 20px 0;
  background: rgba(0, 0, 0, 0.72);
  transition: .5s;
}

.head1.down {
  top: 0 !important;
}

.w1620 {
  max-width: 1430px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
}

.head1 .w1620 {
  position: relative;
  justify-content: space-between;
  align-items: center;
}

.head1 .logo {
  float: left;
  width: 51.21%;
}

.head1 .logo img {
  max-width: 100%;
}

.head1 .ttel {
  color: #fff;
  background: url(../images/tel.png) no-repeat left center;
  padding-left: 3.125vw;
}

.head1 .ttel p:nth-of-type(1) {
  font-size: 14px;
}

.head1 .ttel p:nth-of-type(2) {
  font-size: 30px;
  font-weight: 600;
  font-family: "Arial";
  line-height: 1.5;
}

.head1 .twei {
  position: relative;
}

.head1 .twei .terq {
  position: absolute;
  top: 50px;
  right: 0;
  display: none;
}

.head1 .twei:hover .terq {
  display: block;
}

.head1 .btn1 {
  width: 35px;
  height: 28px;
  background: url(../images/dao.png) no-repeat center;
  cursor: pointer;
}

.head2 {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.9);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  padding-top: 10%;
  display: none;
}

.head2 .w1620 {
  max-width: 1620px;
  padding-left: 170px;
  padding-right: 170px;
  position: relative;
}

.head2 #formsearch {
  border-bottom: 1px solid #fff;
}

.head2 #formsearch input {
  border: none;
  outline: none;
  background: none;
  line-height: 46px;
}

.head2 #formsearch #s_btn {
  width: 6.484375%;
  height: 46px;
  background: url(../images/sou.png) no-repeat center;
}

.head2 #formsearch #keyword {
  width: calc(100% - 6.484375%);
  padding-left: 15px;
  color: #fff;
}

.head2 .btn2 {
  width: 24px;
  height: 24px;
  background: url(../images/tt4.png) no-repeat center;
  position: absolute;
  top: 12.6%;
  right: 5%;
  z-index: 99999;
  cursor: pointer;
}

.top_hot {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 2;
  letter-spacing: 0px;
  color: white;
  margin-top: 1.71875%;
}

.top_hot a {
  color: white;
  margin-right: 1em;
}

.langs {
  position: absolute;
  left: calc(100% + 25px - 170px);
  top: 8px;
  width: 80px;
  background-color: #1a1a1a;
}

.langs span {
  display: block;
  text-align: center;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 36px;
  letter-spacing: 0px;
  color: #ffffff;
  border-radius: 4px;
  border: solid 1px #999999;
  cursor: pointer;
}

.langs.open span {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.langs span img {
  margin-left: 0.375em;
  width: 0.6875em;
}

.langs ul {
  display: none;
  border-radius: 4px;
  border: solid 1px #999999;
  border-top: none;
  padding: 10px 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.langs li a {
  display: block;
  font-size: 16px;
  line-height: 34px;
  color: #ffffff;
  padding: 0 14px;
}

@media (max-width: 1199px) {

  .head3,
  .head2 {
    display: none !important;
  }
}

/* 导航 */
.head-menu {
  max-width: 1175px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 7% auto 0;
}

.head-menu li a:hover {
  color: #f4bd65;
}

.head-menu>li>a {
  display: block;
  font-size: 20px;
  color: #fff;
  margin-bottom: 30px;
}
.head-menu>li:nth-of-type(1){
    width: 18%;
}
.head-menu>li:nth-of-type(1) .head-sub-menu li{
    width: 47%;
    display: inline-block;
}

.head-menu .head-sub-menu>li>a {
  display: block;
  font-size: 14px;
  color: #fff;
  line-height: 2.14285;
  position: relative;
}

.head-menu .jts {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/tt1.png);
  width: 10px;
  height: 6px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -3px;
  cursor: pointer;
}

.head-menu .head-sub-menu>li:hover>a,
.head-menu .head-sub-menu>li.ons>a {
  color: #f4bd65;
}

.head-menu .head-sub-menu>li.ons .jts {
  background-image: url(../images/tt2.png);
}

.head-menu .head-sub-menu .ejxl {
  display: none;
}

.head-menu .head-sub-menu .ejxl a {
  display: block;
  font-size: 14px;
  color: #fff;
  line-height: 2.14285;
  padding-left: 1em;
}

.head-menu .head-sub-menu .ejxl a:hover {
  color: #f4bd65;
}

@media (max-width: 1650px) {
  .head2 .w1620 {
    padding-left: 70px;
    padding-right: 155px;
  }

  .head2 .btn2 {
    top: 9%;
  }
}

@media (max-width: 1366px) {
  .head2 .w1620 {
    padding-left: 15px;
    padding-right: 130px;
  }

  .langs {
    left: calc(100% + 25px - 130px);
  }

  .head2 .btn2 {
    right: 25px;
  }
}

@media (max-width: 1200px) {
  .head-menu>li>a {
    font-size: 16px;
    margin-bottom: 20px;
  }

  .head-menu .head-sub-menu>li>a {
    font-size: 12px;
  }
}

/* banner */
#banners {
  position: relative;
  width: 100%;
  height: 100%;
}

#banners li a {
  display: block;
}

#banners li a img {
  width: 100%;
  height: 100%;
}

#banners .swiper-pagination {
  bottom: 4%;
}

#banners .swiper-pagination-bullet {
  width: 78px;
  height: 2px;
  background-color: #ffffff;
  opacity: 0.31;
  margin: 0 2px;
  border-radius: 0;
}

#banners .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #ffffff;
  opacity: 1;
}

#banners .swiper-button-prev,
#banners .swiper-button-next {
  width: 50px;
  height: 65px;
  background-color: rgba(255, 255, 255, 0.5);
  display: none;
}

#banners .swiper-button-prev:hover,
#banners .swiper-button-next:hover {
  background-color: #f4bd65;
}

#banners .swiper-button-prev::after,
#banners .swiper-button-next::after {
  width: 16px;
  height: 16px;
  border-color: transparent transparent #4d4d4d #4d4d4d;
  position: relative;
  left: 0;
  top: 0;
  margin: 0;
}

#banners .swiper-button-prev:hover::after,
#banners .swiper-button-next:hover::after {
  border-color: transparent transparent #ffffff #ffffff;
}

#banners .swiper-button-prev {
  left: 0;
}

#banners .swiper-button-next {
  right: 0;
}

.sec0-con {
  width: 100%;
  position: absolute;
  bottom: 22%;
  left: 0;
  right: 0;
  z-index: 99;
}

.sec0-con ul {
  text-align: center;
}

.sec0-con ul li {
  display: inline-block;
  width: 189px;
  margin: 0 30px;
}

.sec0-con ul li a {
  display: block;
  font-size: 14px;
  line-height: 37px;
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 18px;
  font-size: 14px;
  color: #fff;
  letter-spacing: 2px;
  position: relative;
  overflow: hidden;
}

.sec0-con ul li span {
  display: block;
  position: relative;
}

.sec0-con ul li a::before {
  content: '';
  width: 0;
  transition: .5s;
  height: 37px;
  background: #c59f61;
  position: absolute;
  left: 0;
  top: 0;
}

.sec0-con ul li a:hover::before {
  width: 100%;
}

@media (min-width: 1200px) {
  #banners li a {
    display: flex;
    height: 100vh;
    align-items: center;
    justify-content: center;
  }
}

@media (max-width: 1199px) {

  .section0,
  .section0 .fp-tableCell,
  .section1,
  .section1 .fp-tableCell,
  .section2,
  .section2 .fp-tableCell,
  .section3,
  .section3 .fp-tableCell,
  .section4,
  .section4 .fp-tableCell,
  .section5,
  .section5 .fp-tableCell,
  .section6,
  .section6 .fp-tableCell,
  .section7,
  .section7 .fp-tableCell {
    display: block !important;
    height: auto !important;
  }

  #banners .swiper-pagination-bullet {
    width: 6.5vw;
    min-width: 10px;
  }
}

@media (max-width: 990px) {
  .sec0-con ul li a {
    line-height: 30px;
    border-radius: 15px;
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  .sec0-con ul li {
    width: 90px;
    margin: 0 2px;
  }
}

/* 热门和搜索 */
/* 第二屏 关于我们 */
.section1 {
  width: 100%;
  background: url(../images/bj1.jpg) no-repeat top center;
  background-size: 100% 100%;
}

.sec1-con {
  font-size: 0;
  align-items: center;
  justify-content: space-between;
}

.sec1-left {
  width: 49.29%;
  display: inline-block;
  background: url(../images/a11.png) no-repeat top center;
  background-size: 100% 100%;
  text-align: center;
  padding: 1.5625vw 0;
}

.sec1-left p {
  overflow: hidden;
}

.sec1-left img {
  max-width: 100%;
  -webkit-transition: all ease .5s;
  -moz-transition: all ease .5s;
  -ms-transition: all ease .5s;
  -o-transition: all ease .5s;
  transition: all ease .5s;
}

.sec1-left:hover p img {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.sec1-right {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
}

.sec1-right .sec1-right-con {
  max-width: 522px;
  margin-left: 15%;
  padding: 5% 0;
}

.sec1-right .sec1-right-con dt img {
  max-width: 100%;
}

.sec1-right .sec1-right-con>h3 {
  font-size: 30px;
  color: #ffffff;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 2.5;
  font-style: italic;
}

.sec1-right .sec1-right-con>h4 {
  font-size: 28px;
  font-weight: normal;
  color: #fff;
}


.sec1-right .sec1-right-con .jj {
  font-size: 16px;
  color: #fff;
  padding: 10% 0 6%;
  line-height: 1.875;
  text-align: justify;
}

.sec1-right .sec1-right-con a.more {
  display: inline-block;
  padding-right: 4.2857em;
  font-size: 14px;
  color: #999999;
  background: url(../images/more11.png) no-repeat left center;
  background-size: auto 100%;
  line-height: 2.7857;
  height: 39px;
}

.sec1-right .sec1-right-con a.more:hover {
  background: url(../images/more22.png) no-repeat left center;
}

@media (max-width: 1200px) {
  .sec1-right .sec1-right-con dt img {
    max-width: 40px;
  }

  .sec1-right .sec1-right-con>h3 {
    font-size: 24px;
  }

  .sec1-right .sec1-right-con>h4 {
    font-size: 22px;
  }

  .sec1-right .sec1-right-con>h4 img {
    max-width: 40%;
  }

  .sec1-right .sec1-right-con .jj {
    font-size: 13px;
  }

  .sec1-left {
    width: 100%;
  }

  .sec1-right {
    width: 100%;
  }

  .sec1-right .sec1-right-con {
    max-width: 96%;
    margin-left: 2%;
  }
}

@media (max-width: 1024px) {
  .section1 {
    padding: 40px 0;
    background:url(../images/mbj2.png) no-repeat top center;
    background-size:cover;
  }
}

@media (max-width: 768px) {
    .sec1-con{
        flex-wrap:wrap;
    }
    .sec1-left{
        padding:0;
    }
  .sec1-right .sec1-right-con {
    padding: 0;
    margin: 0;
    margin-top:20px;
    width: 100%;
    max-width: 100%;
  }

  .sec1-right .sec1-right-con dt {
    padding-bottom: 10px;
  }

  .sec1-right .sec1-right-con dt img {
    width: 20px;
  }

  .sec1-right .sec1-right-con>h3 {
    font-size: 22px;
    line-height: 1.5;
  }

  .sec1-right .sec1-right-con>h4 {
    font-size: 20px;
  }

  .sec1-right .sec1-right-con .jj {
    font-size: 12px;
  }

  .sec1-right .sec1-right-con a.more {
    font-size: 12px;
  }
}

/* 第三屏 产品 */
.section7 {
  background: url(../images/bj2.jpg) no-repeat top center;
  background-size: 100% 100%;
}

.prot {
  margin-bottom: 3.125vw;
  justify-content: space-between;
  align-items: center;
}

.prot .pt1 h3 {
  color: #fff;
  font-size: 30px;
  font-style: italic;
  text-transform: uppercase;
  font-weight: 500;
}

.prot .pt1 img {
  margin-top: 12px;
  max-width: 100%;
}

.psort {
  background: url(../images/pt2.png) no-repeat top left;
  margin-bottom: 3.38541666666667vw;
  justify-content: space-between;
}

.psort li a {
  display: block;
  color: #ffffff;
  font-size: 20px;
  padding-top: 21px;
}

.psort li.on a {
  color: #f4bd65;
  background: url(../images/pt1.png) repeat-x top left;
}

.mySwiper2 {
  overflow: hidden;
}

.mySwiper2 .img img {
  display: block;
  width: 309px;
  height: 309px;
}

.mySwiper2 h3 a {
  display: block;
  font-weight: normal;
  color: #ffffff;
  font-size: 18px;
  padding-top: 31px;
  line-height: 1;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.mySwiper2 .swiper-slide:hover h3 a {
  color: #f4bd65;
}

.pro-index {
  position: relative;
  overflow: hidden;
}

.pro-index .swiper-container-horizontal>.swiper-pagination-bullets,
.pro-index .swiper-pagination {
  right: 0;
  top: 0;
  width: auto;
  bottom: auto;
  left: auto;
}

.pro-index .swiper-pagination-bullet {
  cursor: pointer;
  width: 10px;
  height: 10px;
  background-color: #ffffff;
  margin-left: 24px;
  opacity: 1;
}

.pro-index.swiper-pagination-bullet-active {
  background-color: #f4bd65;
}

.tab1 {
  display: none;
}

.pro-index .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 0 0 24px;
}

.pnext {
  background: url(../images/l1.png) no-repeat top center;
  width: 36px;
  height: 36px;
  outline: none;
}

.pprev {
  background: url(../images/r1.png) no-repeat top center;
  width: 36px;
  height: 36px;
  margin-left: 35px;
  outline: none;
}

@media(max-width:1024px) {
  .section7 {
    padding: 40px 0;
  }

  .prot .pt1 img {
    max-width: 50%;
  }

  .psort li a {
    font-size: 16px;
  }

  .mySwiper2 .img img {
    width: 195px;
    height: 204px;
  }

  .mySwiper2 h3 a {
    padding-top: 10px;
    font-size: 14px;
  }
}

@media(max-width:767px) {
  .prot {
    flex-wrap: wrap;
  }

  .prot .pt1 h3 {
    font-size: 22px;
  }

  .jian {
    margin-top: 5px;
  }

  .psort {
    flex-wrap: wrap;
    margin-top: 20px;
  }

  .psort li {
    width: 33%;
  }

  .psort li a {
    font-size: 14px;
    padding-top: 0;
    line-height: 30px;
  }

  .mySwiper2 .img img {
    width: 100%;
    height: 100%;
  }
}

/* 第三屏 我们的服务 */
.section2 {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background: url(../images/bj5.jpg) no-repeat top center;
}

.w1280 {
  max-width: 1310px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
}

.index-tlt1 {
  text-align: center;
  margin-bottom: 4%;
}

.index-tlt1 h2 {
  font-size: 30px;
  color: #ffffff;
  font-weight: normal;
  font-style: italic;
  text-transform: uppercase;
}

.index-tlt1 p {
  font-size: 28px;
  font-weight: normal;
  color: #fff;
  line-height: 2;
  margin-top: 0.5%;
}

.sec2-con ul {
  font-size: 0;
}

.sec2-con ul li {
  width: 22.3%;
  display: inline-block;
  margin-right: 3.6%;
  background: #757575;
}

.sec2-con ul li:last-child {
  margin-right: 0;
}

.sec2-con ul li .cont {
  padding: 27% 10% 25%;
  text-align: center;
}

.sec2-con ul li .cont img {
  max-width: 100%;
}

.sec2-con ul li .cont h3 {
  font-size: 22px;
  font-weight: lighter;
  color: #fff;
  margin-top: 12%;
}

.sec2-con ul li .cont p {
  font-size: 14px;
  color: #fff;
  font-weight: lighter;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 3;
  text-transform: uppercase;
}

.sec2-con ul li .cont .line {
  width: 36px;
  height: 36px;
  position: relative;
  margin: 0 auto;
  background: url(//cdn.myxypt.com/53268425/21/11/7f26950c900dcb36a9287e0034a123d055f45c75.png) no-repeat center;
  transition: 0.5s;
}

.sec2-con ul li .cont:hover .line {
  transform: rotate(90deg);
}

.sec2-con ul li .cont a {
  display: block;
  width: 160px;
  height: 46px;
  border-top: 1px solid #757575;
  border-bottom: 1px solid #757575;
  margin: 0 auto;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  color: #bcbcbc;
  line-height: 44px;
  margin-top: 2.6vw;
}

.sec2-con ul li .cont:hover a {
  border-color: rgba(255, 255, 255, 0.55);
  color: #fff;
}

@media (max-width: 1200px) {
  .index-tlt1 h2 {
    font-size: 24px;
  }

  .index-tlt1 p {
    font-size: 22px;
  }

  .section2 {
    padding: 40px 0;
    background-size: 100% 100%;
  }
}

@media (max-width: 990px) {
  .sec2-con ul li .cont h3 {
    font-size: 18px;
  }

  .sec2-con ul li .cont p {
    font-size: 12px;
  }

  .sec2-con ul li .cont a {
    font-size: 12px;
    width: 120px;
  }
}

@media (max-width: 768px) {
  .sec2-con ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .sec2-con ul li .cont {
    padding: 15% 5%;
  }

  .sec2-con ul li .cont a {
    margin-top: 30px;
  }

  .index-tlt1 h2 {
    font-size: 23px;
  }

  .index-tlt1 p {
    font-size: 20px;
    line-height: 1.8;
  }

  .index-tlt1 p img {
    max-width: 50%;
  }
}

/* 第四屏 核心竞争力 */
.section3 {
  background-size: 100% 100%;
  background: url(../images/bj3.jpg) no-repeat top center;
}

.sec3-con {
  height: 100%;
  align-items: center;
}

.sec3-left {
  width: 50%;
  height: 100%;
  float: left;
}

.sec3-left ul {
  height: 100%;
}

.sec3-left ul li {
  height: 50%;
  width: 100%;
  font-size: 0;
  background: #fff;
}

.sec3-left ul li .bt {
  width: 50%;
  height: 100%;
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
  vertical-align: middle;
  position: relative;
}

.sec3-left ul li .wz {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  padding-left: 5%;
  padding-right: 5%;
}

.sec3-left ul li .bt .cont {
  position: absolute;
  /* left: 25%; */
  top: 50%;
  margin-top: -40px;
  padding: 0 20%;
  width: 100%;
}

.sec3-left ul li .bt h3 {
  font-size: 24px;
  color: #f4bd65;
  line-height: 50px;
  text-transform: uppercase;
  font-weight: normal;
}

.sec3-left ul li .bt p {
  font-size: 24px;
  color: #fff;
  line-height: 28px;
}

.sec3-left ul li .wz p {
  font-size: 16px;
  color: #999999;
  padding-left: 15px;
  position: relative;
  line-height: 2;
}

.sec3-left ul li .wz p::before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  position: absolute;
  left: 0;
  top: 1em;
  margin-top: -2.5px;
  background-color: #c0a348;
  border-radius: 50%;
}

.sec3-right {
  width: 50%;
  padding-left: 3.64583333333333vw;
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 696px;
  box-sizing: border-box;
}

.hxt {
  justify-content: space-between;
}

.sec3-right h3 {
  font-size: 30px;
  color: #fff;
  line-height: 1.33;
  font-weight: normal;
  text-transform: uppercase;
  font-style: italic;
}

.sec3-right h4 {
  font-size: 28px;
  color: #fff;
  line-height: 2;
  font-weight: normal;
}

.hxlist li {
  margin-top: 1.82291666666667vw;
}

.hxlist li .w1 {
  color: #f4bd65;
  font-size: 24px;
  font-family: "Arial";
  text-transform: uppercase;
  line-height: 1;
  text-align: left;
}

.hxlist li .w2 {
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 2px;
  line-height: 1;
  padding: 15px 0;
}

.hxlist li .w3 {
  width: 36px;
  height: 2px;
  background: #c0a348;
}

.hxlist li .w4 {
  margin-top: 1vw;
}

.hxlist li .w4 p {
  color: #ffffff;
  font-size: 16px;
  margin-bottom: 10px;
  position: relative;
  padding-left: 15px;
  text-align: left;
}

.hxlist li .w4 p::before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  position: absolute;
  left: 0;
  top: 0.8em;
  margin-top: -2px;
  background-color: #c0a348;
  border-radius: 50%;
}

@media (max-width: 1200px) {
  .section3 {
    padding: 40px 0;
  }

  .sec3-left {
    width: 100%;
    float: none;
    height: 600px;
  }

  .sec3-right {
    width: 100%;
    position: static;
    margin-top: 0;
    margin-bottom: 4%;
  }

  .sec3-left ul li .bt .cont {
    margin-top: -80px;
    padding: 0 5%;
  }

  .sec3-left ul li .wz {
    padding: 0 2%;
  }

  .sec3-right h3 {
    font-size: 24px;
  }

  .sec3-right h4 img {
    max-width: 50%;
  }

  .hxlist li .w2 {
    font-size: 18px;
    padding: 5px 0;
  }

  .hxlist li .w4 p {
    font-size: 16px;
    margin-bottom: 5px;
  }

  .sec3-left ul li .bt h3 {
    font-size: 20px;
  }

  .sec3-left ul li .bt p {
    font-size: 18px;
  }
}

@media(max-width:1024px) {
  .sec3-left ul li .bt .cont {
    margin-top: -80px;
    padding: 0 5%;
  }

  .sec3-left ul li .bt h3 {
    font-size: 16px;
  }

  .sec3-left ul li .bt p {
    font-size: 14px;
  }

  .sec3-left ul li .wz {
    padding: 0 2%;
  }

  .sec3-left ul li .wz p {
    font-size: 14px;
    line-height: 22px;
  }

  .hxlist li .w4 p {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  .section3 {
    background-size: 100% 100%;
  }

  .sec3-con {
    flex-wrap: wrap;
  }

  .sec3-left ul li .bt .cont {
    margin-top: -50px;
  }

  .sec3-left ul li .bt h3 {
    font-size: 16px;
    line-height: 30px;
  }

  .sec3-left ul li .bt p {
    font-size: 14px;
    line-height: 30px;
  }

  .sec3-left ul li .wz {
    padding: 0 10px;
  }

  .sec3-left ul li .wz p {
    font-size: 12px;
    padding-left: 1em;
    line-height: 16px;
  }

  .sec3-left ul li .bt .cont {
    left: 0%;
  }

  .sec3-right {
    padding: 0;
    max-width: 100%;
    padding: 0 15px;
    margin-top: 20px;
  }

  .hxt {
    flex-wrap: wrap;
  }

  .sec3-right h3 {
    font-size: 22px;
  }
}

/* 第五屏 服务客户 */
.section4 {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.section4 .index-tlt1 {
  margin-bottom: 7%;
}

.sec4-slick {
  padding-bottom: 100px;
}

.sec4-slick .slick-arrow {
  display: block;
  width: 35px;
  height: 35px;
  padding: 0;
  border: none;
  outline: none;
  position: absolute;
  bottom: 0;
  text-indent: 100px;
  overflow: hidden;
}

.sec4-slick .slick-prev {
  left: calc(50% - 40px);
  background: url(//cdn.myxypt.com/53268425/21/11/a2c21bc9f849acd4ea206029ffa9444c0693ae34.png) no-repeat center;
}

.sec4-slick .slick-next {
  right: calc(50% - 40px);
  background: url(//cdn.myxypt.com/53268425/21/11/bc290a7bde28292eefad699c56a651c25200e112.png) no-repeat center;
}

.sec4-slick .slick-con {
  padding: 0 5%;
  text-align: center;
}

.sec4-slick .slick-con img {
  max-width: 100%;
  margin: 0 auto;
}

@media (max-width: 1200px) {
  .section4 {
    padding: 40px 0;
  }
}

/* 第六屏 新闻 */
.section5 {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background: url(../images/bj4.jpg);
}

.newst {
  text-align: center;
}

.newst h3 {
  color: #ffffff;
  font-size: 30px;
  text-transform: uppercase;
  font-style: italic;
  font-weight: 500;
}

.newst img {
  max-width: 100%;
  margin-top: 15px;
}

#kehu {
  overflow: hidden;
  height: 415px;
  margin: 0 auto;
  position: relative;
}

#jian {
  height: 100%;
}

.news-wrap {
  justify-content: space-between;
  margin-top: 3.125vw;
  height: 100%;
}

.news-wrap .newsl {
  width: 32.86%;
  background: #757575;
  padding: 1vw 0.5vw;
  height: 503px;
  overflow: hidden;
  display: none;
}

.news-wrap .newsl .nlist1 li {
  margin-bottom: 2vw;

}

.news-wrap .newsl .nlist1 li .wz1 {
  color: #ffffff;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news-wrap .newsl .nlist1 li .wz2 {
  justify-content: space-between;
  align-items: center;
  margin-top: 1vw;
}

.news-wrap .newsl .nlist1 li .wz2 .wz2a {
  width: 70%;
  color: #ffffff;
  font-size: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news-wrap .newsl .nlist1 li .wz2 .wz2b {
  width: 30%;
  color: #ffffff;
  font-size: 20px;
  text-align: right;
}

.news-wrap .newsl .nlist1 li:hover .wz1 {
  color: #f4bd65;
}

.news-wrap .newsl .nlist1 li:hover .wz2 .wz2a {
  color: #f4bd65;
}

.news-wrap .newsl .nlist1 li:hover .wz2 .wz2b {
  color: #f4bd65;
}

.news-wrap .newsr {
  /*width: calc(100% - 37.86%);*/
  width: 100%;
}

.news-wrap .newsr .nlist2 {
  justify-content: space-between;
}

.news-wrap .newsr .nlist2 li {
  /*width: 46.55%;*/
  width: 31.55%;
}

.news-wrap .newsr .nlist2 li .img1 img {
  width: 100%;
}

.news-wrap .newsr .nlist2 li .wz {
  background: #fff;
  padding: 2vw 1vw;
}

.news-wrap .newsr .nlist2 li .wz .wz1 {
  color: #999999;
  font-size: 16px;
}

.news-wrap .newsr .nlist2 li .wz .wz2 {
  color: #333333;
  font-size: 20px;
  margin: 1vw 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news-wrap .newsr .nlist2 li .wz .wz3 {
  color: #666666;
  font-size: 16px;
}

@media(max-width:1366px) {
  .news-wrap .newsl {
    height: 455px;
  }
}


@media(max-width:1280px) {
  .news-wrap .newsl {
    height: 435px;
  }
}

@media (max-width: 1024px) {
  .section5 {
    padding: 40px 0;
  }

  .news-wrap .newsl {
    height: 391px;
  }

  .news-wrap .newsl .nlist1 li .wz2 .wz2a {
    font-size: 14px;
  }

  .news-wrap .newsl .nlist1 li .wz2 .wz2b {
    font-size: 14px;
  }
}

@media(max-width:767px) {
  .newst img {
    max-width: 50%;
  }

  .news-wrap {
    flex-wrap: wrap;
  }

  .news-wrap .newsl {
    width: 100%;
    height: 240px;
  }

  .news-wrap .newsl .nlist1 li .wz1 {
    font-size: 14px;
  }

  .news-wrap .newsr {
    width: 100%;
    margin-top: 20px;

  }

  .news-wrap .newsr .nlist2 {
    flex-wrap: wrap;
  }

  .news-wrap .newsr .nlist2 li {
    width: 100%;
    margin-bottom: 20px;
  }

  .news-wrap .newsr .nlist2 li .wz .wz1 {
    font-size: 14px;
  }

  .news-wrap .newsr .nlist2 li .wz .wz2 {
    font-size: 14px;
  }

  .news-wrap .newsr .nlist2 li .wz .wz3 {
    font-size: 12px;
  }
}

/* 第七屏 联系我们 */
.section6 {
  background-size: 100% 100%;
  background: url(../images/bj6.jpg) no-repeat top center;
}

.section6::before {
  /*content: '';*/
  /*width: 50%;*/
  /*height: 100%;*/
  /*background: rgba(38, 38, 38, 0.82);*/
  /*position: absolute;*/
  /*top: 0;*/
  /*left: 0;*/
}

.sec6-con .cont {
  position: relative;
}

.sec6-con .cont .index-tlt1 {
  text-align: left;
  margin-bottom: 3.125vw;
}

.sec6-con .cont .ct-con{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sec6-con .cont .lxfs {
  width: 50%;
  font-size: 16px;
  color: #fff;
  line-height: 2.14;
}

.sec6-con .cont .lxdt{
    width: 50%;
    padding: 0 2%;
}

.sec6-con .cont .lxdt img{
    max-width: 100%;
}

.sec6-con .cont .back-top {
  position: absolute;
  right: 0;
  bottom: 0;
}

.sec6-con .cont .back-top a {
  display: inline-block;
  font-size: 12px;
  color: #f4bd65;
  padding-right: 60px;
  line-height: 36px;
  background: url(//cdn.myxypt.com/53268425/21/11/7acf6d1307f764b2ec29a16381e12280646908b4.png) no-repeat right center;
  background-repeat: no-repeat;
  opacity: 0.51;
  margin-top: 10%;
  position: relative;
}

@media (max-width: 1200px) {
  .section6 {
    padding: 40px 0;
  }

  .section6::before {
    width: 60%;
  }
}

@media (max-width: 990px) {
    .section6 {
    padding: 40px 0;
    background:url(../images/mbj1.png) no-repeat top center;
    background-size:cover;
  }
  .section6::before {
    width: 70%;
  }
  .sec6-con .cont .ct-con{
      flex-wrap:wrap;
  }
  .sec6-con .cont .lxfs{
      width:100%;
  }
  .sec6-con .cont .lxdt{
      width:100%;
      padding:0;
      margin-top:10px;
  }
}

@media (max-width: 768px) {
    .section6{
        
    }
  .section6::before {
    width: 100%;
  }

  .sec6-con .cont .lxfs {
    font-size: 14px;
  }
}

/* 底部 */
footer {
  background-color: #000000;
  padding: 0.943% 0 1.3%;
}

.link {
  border-bottom: solid 1px rgba(255, 255, 255, 0.3);
  padding: 1.3% 0;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 26px;
  letter-spacing: 0px;
  color: #ffffff;
  color: #fff;
}

.link a {
  color: #ffffff;
  margin-right: 0.5em;
  font-weight: normal;
}

.f_link {
  border-bottom: solid 1px rgba(255, 255, 255, 0.3);
  padding: 1.3% 0;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 26px;
  letter-spacing: 0px;
  color: #ffffff;
}

.f_link a {
  color: #ffffff;
  margin-right: 0.5em;
  font-weight: normal;
}

.foots {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 2;
  letter-spacing: 0px;
  color: rgba(255, 255, 255, 0.7);
  padding: 1.82% 0;
}

.foots a {
  color: rgba(255, 255, 255, 0.7);
}

.foots a:hover {
  color: #ffffff;
}

.cop-index {
  justify-content: space-between;
}

.f_region {
  width: 43%;
}

.ft_xxs {
  margin-top: 1.5%;
}

@media (max-width: 768px) {

  .f_link,
  .f_seo,
  .f_region {
    display: none;
  }

  .foots {
    font-size: 14px;
    line-height: 24px;
  }
}

.footer33 {
  height: 50px;
}

.xymob-left-close-btn .icon-close:before {
  font-size: 0;
}

/* 修改添加 */