/*公用样式*/
.flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.w-container {
  width: 83%;
  margin: 0 auto;
}
.container{
   width: 83%; 
}
@media (max-width:1700px) {
  .w-container{
    width: 92%;
  }
  .container{
   width: 92%; 
}
}
@media (max-width:1200px) {
  .w-container{
    width: calc(100% - 30px);
  }
    .container{
   width: 100%; 
}
}
@media (max-width:768px) {
  .x-banner{
    margin-top: 60px;
  }
}
/*头部*/
.top {
  background-color: #2e2e2e;
  height: 36px;
}

.top-con {
  width: 88%;
  margin: 0 auto;
}

.wel {
  color: #ffffff;
  font: 400 13px/36px "Microsoft yahei";
}

.topLink {
  position: relative;
  width: 590px;
  color: #ffffff;
  font: 400 13px/36px "Microsoft yahei";
}

.logo {
  padding: 15px 0;
  width: 30%;
}
.logo img{
  max-width: 100%;
}
.top-hotline {
  margin-top: 10px;
}

.top-hotline h5 {
  background: url(../images/phoneimg.png) no-repeat 38% center;
  text-align: right;
  color: #999999;
  font: 400 14px/28px "Microsoft yahei";
}

.top-hotline P {
  color: #333333;
  font: 600 20px/28px "Microsoft yahei";
  margin-bottom: 0;
}

.topLink-ss {
  background: url(../images/ss.png) no-repeat 40px center;
  width: 60px;
  text-align: left;
  height: 36px;
}

.ss {
  display: none;
  position: absolute;
  left: -300px;
  top: 0px;
  width: 238px;
  padding: 1px;
  border-radius: 20px;
  z-index: 999;
  background: rgba(255, 255, 255, .5);
}

.ss #formsearch input#keyword {
  height: 35px;
  line-height: 35px;
  color: #fff;
}
.ss #formsearch input::-webkit-input-placeholder{
  color: #fff;
}
.ss #formsearch input {
  background: rgba(255, 255, 255, .01);
  border: none;
  float: left;
  width: 180px;
  outline: none;
  padding-left: 10px;
}



.ss #formsearch input#s_btn {
  width: 50px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background: url(../images/so.png) no-repeat center;
  color: #fff;
  border: none;
  cursor: pointer;
}
@media (max-width: 1700px) {
  .top-con{
    width: 92%;
  }
}
@media (max-width:1200px) {
  .top-con{
    width: calc(100% - 30px);
  }
}
/*关于我们*/
.w-about {
  padding: 7vh 0 8vh;
}

.w-about-left {
  width: 50%;
}
.w-about-left img{
  max-width: 100%;
}
.w-about-right {
  width: 47%;
}

.w-about-right h3 {
  color: #333333;
  font: 600 36px/100px "Microsoft yahei";
  margin-bottom: 2vh;
}

.w-about-con {
  margin-bottom: 6.6vh;
}

.w-about-con p {
  text-overflow: -o-ellipsis-lastline;overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  color: #666666;
  font: 400 16px/32px "Microosft yahei";
}

.w-about-num li {
  width: 16%;
}

.w-about-num li .num1 {
  color: #333333;
  font: 400 50px/100px "Impact";
  border-bottom: 1px solid #e0e0e0;
}

.w-about-num li .num2 {
  color: #666666;
  font: 400 14px/28px "Microsoft yahei";
  margin-top: 10px;
}

.w-about-num li .numcon {
  color: #666666;
  font: 400 14px/28px "Microsoft yahei";
}
@media (max-width: 1600px) {
  .w-about-right h3{
    font: 600 28px/44px "Microsoft yahei";
  }
  .w-about-con{
    margin-bottom: 3vh;
  }
}
@media (max-width: 1400px) {
  .w-about-num li{
    width: 20%;
  }
  .w-about-num li .num1{
    font: 400 38px/66px "Impact";
  }
}
@media (max-width: 992px) {
  .w-about{
    padding: 6vh 0;
  }
}
@media (max-width: 768px) {
  .w-about-left{
    width: 100%;
  }
  .w-about-right{
    width: 100%;
  }
  .w-about-right h3{
    font: 600 24px/44px "Microsoft yahei";
    margin-bottom: 0vh;
  }
}
@media (max-width: 400px) {
  .w-about-right h3{
    font: 600 23px/44px "Microsoft yahei";
  }
  .w-about-num li .num1{
    font: 400 35px/66px "Impact";
  }
}
/* 产品 */
.w-product {
  padding: 9vh 0 10vh;
  background: url(../images/bg2.jpg) no-repeat center #f5f5f5;
}

.w-product .w-container {
  margin-top: 7vh;
}

.w-product-con {
  margin-right: -6.6%;
}

.w-product-sort {
  width: 156px;
}

.w-product-sort li {
  background-color: #818181;
}

.w-product-sort li+li {
  margin-top: 13px;
}

.w-product-sort li a {
  text-align: center;
  display: block;
  color: #ffffff;
  font: 400 18px/40px "Microsoft yahei";
}


.promenul {
  position: relative;
}

.promenul li {
  cursor: pointer;
  text-align: center;
}

.promenul li+li {
  margin-top: 13px;
}

.promenul li:hover,
.promenul li.cur {
  background-color: #132b83;
  cursor: pointer;
}


.promenul {
  width: 155px;
  text-align: center;
}

.promenur {
  position: relative;
  width: calc(100% - 250px);
  overflow: hidden;
}

.swiper1 {
  position: relative;
  padding-bottom: 30px;
}

.topproduct_list {}

.topproimg img {
  width: 72%;
}


.promenur .swiper-slide {}

.toppsortul li {
  background-color: #818181;
}


.toppsortul li a {
  font: 400 18px/43px "Microsoft yahei";
  letter-spacing: 0px;
  color: #fff;
  display: block;
}

.topproduct_list .swiper-slide .img {
  border: 3px solid #f1f1f1;
}

.topproduct_list .swiper-slide .img img {
  max-width: 100%;
}

.topproduct_list .swiper-slide h3 {
  color: #444444;
  font: 600 18px/100px "Microsoft yahei";
  text-align: center;
}

.topproduct_list .swiper-slide:hover .img {
  border: 3px solid #132b83;
}

.topproduct_list .swiper-slide:hover h3 {
  color: #132b83;
}

.topproduct_list .swiper-wrapper {
  height: 100%;
}

.topproduct_list .swiper-pagination {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 100%;
  background-color: #d5d5d5;
  border-radius: 4px;
  overflow: hidden;
  height: 8px;
  display: flex;
  justify-content: space-between;
}

.toppicListimg h3 {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 2;
  letter-spacing: 0px;
  color: #333333;
  margin-top: 15px;
}

.swiper-button-prev1,
.swiper-button-next1 {
  width: 30px;
  height: 30px;
  z-index: 99;
  position: absolute;
  top: calc(50% - 30px);
}

.swiper-button-prev1 {
  background: url(//cdn.myxypt.com/66f88886/22/11/819205813aba75f0378c874e13634b127c99500b.png) no-repeat;
  left: 0px;
}

.swiper-button-next1 {
  background: url(//cdn.myxypt.com/66f88886/22/11/222bc51c59e032a2861be64ed698481095877616.png) no-repeat;
  right: 0px;
}

.topproduct_list .swiper-pagination-bullet {
  position: relative;
  width: 20%;
  border-radius: 4px;
  margin: 0 0 !important;
  background-color: #dcdcdc;
}

.topproduct_list .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #132b83;
}

.w-product-content {
  margin-right: -4%;
}

@media (max-width:1700px) {
  .w-product-con{
    margin-right: 0;
  }
  .promenur{
    width: calc(100% - 188px);
  }
}

@media (max-width: 1400px) {
  .promenul li+li{
    margin-top: 8px;
  }
  .toppsortul li:nth-child(n + 5){
    display: none;
  }
}

@media (max-width: 1200px) {
  .topproduct_list .swiper-slide h3{
    font: 600 18px/52px "Microsoft yahei";
  }
}
@media (max-width: 992px) {
  .w-product{
    padding: 6vh 0;
  }
  .w-product .w-container{
    margin-top: 3vh;
  }
  .promenul{
    display: none;
  }
  .promenur{
    width: 100%;
  }
}


/* 标题 */
.w-tt h3 {
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  color: #333333;
}

.w-tt h3 span {
  font-size: 36px;
  color: #132b83;
  font-weight: 700;
  font-family: Arial;
  text-transform: uppercase;
}

.w-tt-p {
  text-align: center;
  font: 400 18px/40px "Microsoft yahei";
  color: #666666;
}
@media (max-width: 768px) {
  .w-tt h3{
    font-size: 30px;
  }
  .w-tt.write h3 span{
    font-size: 30px;    
  }
}
/* 优势 */
.w-ys {
  background: url(../images/bg1.jpg) no-repeat center;
  padding: 9vh 0;
  background-size: cover;
}

.w-tt.write h3 {
  color: #fff;
}

.w-tt.write h3 span {
  color: #fff;
}

.w-tt.write .w-tt-p {
  color: rgba(255, 255, 255, .5);
  font: 400 18px/40px "Microsoft yahei";
}

.w-ys-container {
  margin-top: 7vh;
}

.w-ys-con li {
  width: 20%;
  text-align: center;
  background: url(//cdn.myxypt.com/20dce3e0/21/11/6acf53815f85c1e38199987e4f270786e75502e1.png) no-repeat right center;
}

.w-ys-con li .img{
  width: 104px;
  height: 104px;
  margin: 0 auto;
  padding: 22px;
  border: 1px solid #fff;
  border-radius: 52px;
  overflow: hidden;
}
.w-ys-con li .img img{
  max-width: 100%;
}
.w-ys-con li h3 {
  color: #ffffff;
  font-size: 18px;
  margin: 36px 0 20px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.w-ys-con li p {
  color: #ffffff;
  opacity: 0.5;
  font-size: 14px;
  line-height: 24px;
  padding: 0 15%;
}

.w-ys-con li:last-child {
  background: none;
}
.w-ys-con li:hover .img{
  border: 1px solid #1231a0;
  background-color: #1231a0;
}
.w-ys-hotline {
  width: 424px;
  height: 76px;
  line-height: 76px;
  margin: 0 auto;
  padding-left: 58px;
  background: url(//cdn.myxypt.com/20dce3e0/21/11/06d0a795786e8919881aabe030b37ade2c3686f9.png) no-repeat center;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  margin-top: 7vh;
}

.w-ys-hotline .zi {
  width: 80px;
  float: left;
}

.w-ys-hotline .ystel {
  width: 210px;
  font-size: 28px;
  font-weight: normal;
  float: left;
  margin-left: 30px;
}

@media (max-width: 992px) {
  .w-ys{
    padding: 6vh 0;
  }
  .w-ys-container{
    margin-top: 3vh;
  }
}
@media (max-width: 767px){
  .w-ys-con li{
    width: 100%;
  }
  .w-ys-hotline{
    background-size: auto 60px;
    padding-left: 20px;
    width: 330px;
    height: 44px;
    line-height: 44px;
  }
  .w-ys-hotline .zi{
    font: 400 14px/44px "Microsoft yahei";
    padding-left: 20px;
  }
  .w-ys-hotline .ystel{
    font-size: 20px;
    width: 200px;
  }
}

/* news */
.w-news {
  padding: 8vh 0;
}

.nleft {
  width: 49%;
}

.nleft {
  position: relative;
}

.nleft .nw {
  position: relative;
}

.nleft .nw .p1 {
  position: absolute;
  bottom: 0;
  left: 0;
  line-height: 54px;
  width: 62.29%;
  font-size: 16px;
  border-radius: 0px 30px 0px 0px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: rgba(0, 0, 0, .7);
}

.nleft .nw .p1 span {
  padding-left: 44px;
  background: url(//cdn.myxypt.com/20dce3e0/21/11/a4c4119ad4393336dc676d4fbcb79b12fcf94285.png) no-repeat;
  background-position: 14px;
}

.nleft .owl-carousel .owl-dots.disabled,
.nleft .owl-carousel .owl-nav.disabled {
  display: block;
}

.nleft .owl-carousel .owl-dots {
  position: absolute;
  z-index: 999;
  right: 0;
  width: 32%;
  height: 54px;
  padding-left: 25px;
  font-size: 0;
  bottom: 0;
  border-top-left-radius: 30px;
  background: #fff;
}

.nleft .owl-carousel .owl-dots button.owl-dot {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  margin: 22px 0.4em;
  outline: none;
  background: #d8d8d8;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}



.nleft .owl-carousel .owl-dots button.owl-dot.active {
  background: #132b83;
}

.nleft .owl-carousel .owl-nav button.owl-next {
  outline: none;
  position: absolute;
  bottom: 21px;
  z-index: 9999;
  height: 12px;
  width: 7px;
  right: 19px;
  border-radius: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background: url(//cdn.myxypt.com/20dce3e0/21/11/4f14eeff9a41fdbaab3248454553730e57106204.png) no-repeat;
}

.nleft .owl-carousel .owl-nav button.owl-prev {
  outline: none;
  position: absolute;
  bottom: 21px;
  z-index: 9999;
  height: 12px;
  width: 7px;
  right: 47px;
  border-radius: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background: url(//cdn.myxypt.com/20dce3e0/21/11/edaf0bb635f76eb51b8709253d0a969bd1f11375.png) no-repeat;
}

.nleft .owl-carousel .owl-nav .icon-font {
  display: block;
  width: 100%;
  height: 100%;
}

.nleft .owl-nav .icon-left-arrow:after {
  background-position: -34px -180px;
}

.nleft .owl-nav .icon-right-arrow:after {
  background-position: -26px -480px;
}

.n1 {
  margin-top: 55px;
}

.nright {
  width: 47%;
}

.nright .syxwl {
  width: 88px;
  padding-right: 27px;
  border-right: 1px solid #dddddd;
  margin-right: 22px;
  text-align: center;
  position: relative;
  padding-top: 10px;
}
.nright .syxwl::after{
  content: "";
  width: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: #dddddd;
}
.nright .syxwl .p1 {
  font-size: 38px;
  font-family: Arial;
  font-weight: 700;
  line-height: 36px;
  color: #666666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}

.nright .syxwl .p2 {
  font-size: 14px;
  font-family: Arial;

  color: #666666;
}

.nright .syxwr {
  width: calc(100% - 110px);
}

.nright .syxwr .p2 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.nright .syxwr h3 {
  font-size: 18px;
  color: #333333;
  font-weight: 700;
  padding-bottom: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nright .syxwr p{
  color: #666666;
  text-overflow: -o-ellipsis-lastline;overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;-webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  font: 400 16px/30px "Microsoft yahei";
}
.nright .syxw+.syxw {
  margin-top: 20px;
}
.nright .syxw:hover .syxwl .p1 {
  color: #132b83;
}
.nright .syxw:hover .syxwl .p2 {
  color: #132b83;
}
.nright .syxw:hover h3 {
  color: #132b83;
}

@media (max-width: 1200px) {
  .nright .syxwr p{
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .nright .syxwl{
    padding-top: 0px;
  }
}

@media (max-width: 992px) {
  .w-news{
    padding: 6vh 0;
  }
  .n1{
    margin-top: 3vh;
  }
}
@media (max-width: 768px) {
  .nleft{
    display: none;
  }
  .nright{
    width: 100%;
  }
}

@media (max-width: 500px) {
  .nright .syxwl{
    width: 70px;
    padding-right: 15px;
    margin-right: 15px;
  }
  .nright .syxwr{
    width: calc(100% - 88px);
  }
}
/*底部*/
.w-foot {
  background-color: #1c1c1d;
  padding: 6vh 0;
}

.w-foot-tt {
  color: #ffffff;
  font: 600 18px/36px "Microsoft yahei";
  margin-bottom: 1vh;
}

.w-foot-l {
  width: 42%;
}

.w-foot-cpntact p {
  color: #d0d1d4;
  font: 400 14px/36px "Microsoft yahei";
}

.w-foot-ewm {
  width: 220px;
}

.w-ewm-img {
  width: 98px;
}

.w-ewm-img img {
  max-width: 100%;
}

.w-ewm-img h4 {
  text-align: center;
  color: #d0d1d4;
  font: 400 14px/40px "Microsoft yahei";
}

.w-foot-r {
  width: 44%;
}

.w-foot-r li a {
  display: block;
  color: #d0d1d4;
  font: 400 14px/36px "Microsoft yahei";
}
.w-foot-r li a:hover{
  color: rgba(255, 255, 255, .5);
}
.w-footer {
  background-color: #1c1c1d;
}

.w-footer-con {
  border-top: 1px solid rgba(255, 255, 255, .1);
}

.x-copyright {
  text-align: center;
  color: #d0d1d4;
  font: 400 14px/80px "Microsoft yahei";
}

.x-copyright a {
  color: #d0d1d4 !important;
  font: 400 14px/80px "Microsoft yahei";
}

.x-copyright a:hover {
  color: rgba(255, 255, 255, .5) !important;
}

@media (max-width: 768px) {
  .w-foot-r{
    display: none;
  }
}
@media (max-width: 500px) {
  .w-footer{
    padding: 10px 0;
  }
  .w-foot-l{
    width: 100%;
  }
  .x-copyright{
    font: 400 14px/44px "Microsoft yahei";
  }
  .x-copyright  a{
    font: 400 14px/44px "Microsoft yahei";
  }
  
}