/*初始化样式*/
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,navs,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;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:hover,a:active,a:focus{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{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

p{margin:0;}



/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:92%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}



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



.com-img{  overflow:hidden;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}



.roll_product {float: left;}


/*头部样式*/
.top1{background:#e6e6e6;color:#595959;height:27px;line-height:27px;overflow:hidden;font-size:14px;}
.top1 a{color:#595959;}





.top2{height:143px;overflow:hidden;}

.logo{float:left;line-height:143px;}
.k2{margin-top: 5px;font-size:14px;color:#333333;line-height:35px;background: url(https://cdn.myxypt.com/ojwk5kat/t/1/images/t.png) no-repeat left center;padding-left:54px;}
.k2 p:nth-child(2){color:#2459a9;font-size:27px;}




.product_list1{margin-top:38px;}
.product_list1 li{float:left;margin-right:57px;margin-bottom:28px;}
.product_list1 li:nth-child(4n){margin-right:0;}
.product_list1 li img{width:257px;height:293px;}
.product_list1 li h3{text-align:center;font-weight:normal;color:#3f3f3f;font-size:20px;}




/*主体样式*/

.ssddds{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.xyin-case-sort li:hover, .xyin-case-sort li.on {
    background: #3c486d;
    position: relative;
    color: #fff;
    cursor: pointer;
}

.xyin-case-sort li:hover a, .xyin-case-sort li.on a {
    color: #fff;
}

.aby_hh li:hover .aby_hh_img img{
    filter: invert(49%) sepia(93%) saturate(369%) hue-rotate(900deg) brightness(60%) contrast(93%);
}



/*页面底部*/
.foot{background:#333;}
.f_nav{width:826px;margin-top:40px;}
.f_nav dl{float:left;width:136px;height:186px;overflow:hidden;}
.f_nav dt{margin-bottom:8px;font-size:19px;color:#333;font-weight:normal;}

.f_nav dd a{font-size:12px;color:#333;line-height:20px;}


/*内页左侧样式*/

.page-product-inquiry a{color: #fff;}


/*头部样式*/
.wh{max-width: 1570px;margin:0 auto;padding:0 10px}
.wh14{max-width: 1420px;margin:0 auto;padding:0 10px}


.flex_11{    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;}

.flex_22{    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.changg{
    max-width: 1620px;
    margin: 0 auto;
    padding: 0 2%;
    font-family: "Microsoft Yahei";
}


.head_11{width: 100%;position: relative;height:110px;z-index: 99999;;}
.logo_11{line-height: 110px;}
.logo_11 img{max-width: 100%;}

.head_22{width: 50.69%;}

.tphm{
  background: url(../image/8c3917166955e416bd083cc747f9a62dd844f98a.png) no-repeat left center;
  padding-left: 35px;
  font-size: 16.5px;
    color: #333;
    line-height: 110px;
}
@media (max-width: 1370px) {
.head_22{width: 55.69%;}
  }

@media (max-width: 1280px) {
.logo_11{width: 25%;}
.head_22{width: 69.69%;}
  }




/*about*/
.w1560 {
  max-width: 1590px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

.ab-bg {
  background: url(../image/035f0c93bd9e06a708dd98f6aded079b812bc49b.jpg) no-repeat top center;
  background-size: 100% 100%;
  padding-top: 4.42708333333333vw;
  padding-bottom: 2.60416666666667vw;
}

.ab-bg .ab-index {
  align-items: center;
}

.ab-bg .ab-index .abl {
  width: 33%;
  background: url(https://cdn.myxypt.com/ojwk5kat/t/1/images/tt2.png) no-repeat right center;
  padding: 2.34375vw 0;
  padding-right: 2.64583333333333vw;
}

.ab-bg .ab-index .abl .at1 {
  color: #d50000;
  font-size: 50px;
  text-transform: uppercase;
  font-family: "Arial";
  font-weight: 600;
  line-height: 1;
}

.ab-bg .ab-index .abl .at2 {
  color: #000000;
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
  margin: 1vw 0;
}

.ab-bg .ab-index .abl .at3 {
  width: 145px;
  height: 4px;
  background: #dcdcdc;
}

.ab-bg .ab-index .abr {
  width: calc(100% - 37.82%);
}

.ab-bg .ab-index .abr .aw p {
  color: #333333;
  font-size: 16px;
  text-align: justify;
  line-height: 31px;
}

.ab-bg .ab-index .abr .aw p a{
   color: #333333; 
}
.ab-bg .ab-index .abr .aw p a:hover{
   color: #337ab7; 
}


.ab-bg .ab-index .abr .am {
  width: 106px;
  height: 38px;
  border: 1px solid #d50000;
  margin-top: 1.5vw;
}

.ab-bg .ab-index .abr .am a {
  display: block;
  color: #d50000;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 36px;
  text-align: center;
}

.ab-bg .ab-index .abr .am:hover {
  background: #d50000;
}

.ovimg,
.ibw,
.miw,
.iml,
.imgbig {
  overflow: hidden;
}

.imgbig img {
  -webkit-transition: all ease .5s;
  -moz-transition: all ease .5s;
  -ms-transition: all ease .5s;
  -o-transition: all ease .5s;
  transition: all ease .5s;
}

.imgbig:hover img {
  -webkit-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}


.ab-bg .ab-index .abr .am:hover a {
  color: #fff;
}
.flexed {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  display: -webkit-flex;
}
.c2-con {
  margin-top: 2.60416666666667vw;
}

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

.c2-con ul li {
  position: relative;
}
.disnjhf{
  overflow: hidden;
}
.c2-con ul li .count-title {
  color: #d50000;
  display: inline-block;
  font-size: 70px;
  font-family: "Impact";
  font-weight: 600;
}

.c2-con ul li dt {
  font-size: 20px;
  color: #010101;
  display: inline-block;
  padding-left: 10px;
  font-weight: normal;
}

.c2-con ul li p {
  color: #010101;
  text-align: center;
  font-size: 17px;
}

.ab-list1 {
  margin-top: 2vw;
}

.ab-list1 li {
  width: 25%;
  text-align: center;
}

.ab-list1 li .img1 img {
  max-width: 100%;
  transition: all 0.5s;
  transform: scale(1, 1);
}

.ab-list1 li .wz1 {
  color: #333333;
  font-size: 17px;
  font-weight: 600;
  padding-top: 10px;
}

.ab-list1 li .wz2 {
  padding: 10px 0;
  color: #888888;
  font-size: 14px;
  font-family: "Arial";
}

.ab-list1 li .wz3 {
  width: 30px;
  height: 2px;
  background: #e2d3b5;
  margin: 0 auto;
}

.ab-list1 li:hover .img1 img {
  transform: scale(-1, 1);
}

.ab-list1 li:hover .wz1 {
  color: #d50000;
}

.ab-list1 li:hover .wz2 {
  color: #d50000;
}

@media (max-width: 1300px) {
  .ab-bg .ab-index .abl .at1 {
    font-size: 40px;
  }
  .ab-bg .ab-index .abl .at2 {
    font-size: 26px;
  }
  .c2-con ul li .count-title {
    font-size: 50px;
  }
}

@media (max-width: 1024px) {
  .ab-bg .ab-index .abl .at1 {
    font-size: 24px;
  }
  .ab-bg .ab-index .abl .at2 {
    font-size: 22px;
  }
  .c2-con ul li .count-title {
    font-size: 30px;
  }
  .c2-con ul li p {
    font-size: 14px;
  }
  .ab-bg .ab-index .abr .aw p {
    font-size: 14px;
    line-height: 22px;
  }
}

@media (max-width: 995px) {
  .ab-bg .ab-index {
    flex-wrap: wrap;
  }
  .ab-bg .ab-index .abl {
    width: 100%;
    background: none;
  }
  .ab-bg .ab-index .abl .at2 {
    font-size: 20px;
  }
  .ab-bg .ab-index .abl .at3 {
    margin-top: 10px;
  }
  .ab-bg .ab-index .abr {
    width: 100%;
  }
  .ab-bg .ab-index .abr .am {
    margin-top: 20px;
  }
  .ab-list1 {
    margin-top: 20px;
    flex-wrap: wrap;
  }
  .ab-list1 li {
    width: 50%;
    margin-bottom: 20px;
  }
  .ab-list1 li .wz1 {
    font-size: 14px;
  }
  .ab-list1 li .wz2 {
    font-size: 12px;
    padding: 5px 0;
  }
}

/*产品*/
.pt {
  text-align: center;
}

.pt .pt1 {
  font-weight: 600;
  color: #000000;
  font-size: 38px;
  font-weight: 600;
}

.pt .pt2 {
  color: #666666;
  font-size: 26px;
  text-transform: uppercase;
}

.pro-index {
  margin-top: 3.125vw;
}

.tab-con {
  position: relative;
}

.tab-con .tab-main {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  right: 0;
}

.tab-con .tab-main {
  opacity: 0;
  visibility: hidden;
  transition: all .5s ease;
}

.tab-con .tab-main.active {
  position: static;
  opacity: 1;
  visibility: visible;
}

.slick-wrap .tab-li {
  margin-top: 1.30208333333333vw;
  margin-bottom: 1.5625vw;
}

.slick-wrap .tab-li ul {
  justify-content: center;
}

.slick-wrap .tab-li ul li {
  width: 143px;
  height: 46px;
  background: #eeeeee;
  margin: 0 13px;
}

.slick-wrap .tab-li ul li a {
  display: block;
  color: #000000;
  font-size: 17px;
  text-align: center;
  line-height: 46px;
}

.slick-wrap .tab-li ul li.active {
  background: #d50000;
}

.slick-wrap .tab-li ul li.active a {
  color: #fff;
}

.slick-wrap .plist1 {
  flex-wrap: wrap;

  margin: 0 0.4%;
}

.slick-wrap .plist1 li {
  width: 23.7%;
  margin: 0 0.6%;
  margin-bottom: 2%;
}

.slick-wrap .plist1 li .img1 {
  border: 1px solid #e5e5e5;
}

.slick-wrap .plist1 li .img1 img {
  width: 100%;
}

.slick-wrap .plist1 li .wz {
  border-bottom: 1px solid #f1f1f1;
  padding: 16px 15px;
  align-items: center;
}

.slick-wrap .plist1 li .wz b {
  color: #010101;
  font-size: 17px;
  font-weight: 500;
}

.slick-wrap .plist1 li .wz span {
  color: #8a8a8a;
  font-size: 12px;
  font-family: "Arial";
  text-transform: uppercase;
}

.slick-wrap .plist1 li:hover .img1 {
  border: 1px solid #d50000;
}

.slick-wrap .plist1 li:hover .wz {
  background: #d50000;
}

.slick-wrap .plist1 li:hover .wz b {
  color: #fff;
}

.slick-wrap .plist1 li:hover .wz span {
  color: #fff;
}

@media (max-width: 1024px) {
  .pt .pt1 {
    font-size: 24px;
  }
  .pt .pt2 {
    font-size: 16px;
  }
  .slick-wrap .tab-li ul li a {
    font-size: 14px;
  }
  .slick-wrap .plist1 li .wz b {
    font-size: 14px;
  }
  .slick-wrap .plist1 li .wz span {
    font-size: 12px;
  }
}

@media (max-width: 995px) {
  .pro-index {
    margin-top: 40px;
  }
  .slick-wrap .tab-li ul {
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .slick-wrap .tab-li ul li {
    width: 31%;
    margin: 0 1%;
    margin-bottom: 5px;
    height: 35px;
  }
  .slick-wrap .tab-li ul li a {
    line-height: 35px;
  }
  .slick-wrap .plist1 {
    margin: 0;
    justify-content: space-between;
  }
  .slick-wrap .plist1 li {
    width: 48%;
    margin: 0;
    margin-bottom: 2%;
  }
  .slick-wrap .plist1 li .wz {
    padding: 10px 0px;
  }
  .slick-wrap .plist1 li .wz b {
    font-size: 12px;
  }
}

/*行业应用*/
.area-bg {
  background: url(../image/c9b2ed0fcd0be2ec68a4c693b5555c72b5f70263.jpg) no-repeat top center;
  background-size: 100% 100%;
  padding: 4.6875vw 0;
  margin-top: 1.5625vw;
  background-attachment: fixed;
}

.area-bg .area-index .area-left {
  width: 20.83%;
}

.area-bg .area-index .area-left .art {
  text-indent: 1.35416666666667vw;
}

.area-bg .area-index .area-left .art .art1 {
  color: #d50000;
  font-size: 60px;
  font-weight: 600;
  position: relative;
}

.area-bg .area-index .area-left .art .art1::before {
  content: '';
  position: absolute;
  background: url(https://cdn.myxypt.com/ojwk5kat/t/1/images/tt3.png) no-repeat top center;
  width: 88px;
  height: 87px;
  left: 0;
  top: 0;
}

.area-bg .area-index .area-left .art .art2 {
  color: #ffffff;
  font-size: 36px;
  font-weight: 600;
}

.area-bg .area-index .area-left .art .art3 {
  margin-top: 1vw;
}

.area-bg .area-index .area-left .art .art3::before {
  content: '';
  position: absolute;
  left: -10px;
  width: 26.30208333333333vw;
  height: 1px;
  background: #949497;
}

.area-bg .area-index .area-left .arw {
  margin-top: 1.7625vw;
}

.area-bg .area-index .area-left .arw h3 {
  color: #ffffff;
  font-size: 40px;
  text-align: right;
}

.area-bg .area-index .area-left .arw h4 {
  width: 45px;
  height: 1px;
  background: #89898a;
  margin: 1.82291666666667vw 0;
  margin-left: 12.23958333333333vw;
}

.area-bg .area-index .area-left .arw .arp p {
  font-size: 14px;
  line-height: 30px;
  color: rgba(255, 255, 255, 0.6);
  text-align: right;
}

.area-bg .area-index .area-left .arw a {
  width: 112px;
  height: 37px;
  background: #ffffff;
  border-radius: 30px;
  display: block;
  margin-top: 1.5625vw;
  text-align: center;
  line-height: 37px;
  color: #d50000;
  font-size: 14px;
  float: right;
}

.area-bg .area-index .area-left .arw a:hover {
  background: #d50000;
  color: #fff;
}

.area-bg .area-index .area-right {
  width: calc(100% - 25.64%);
}

.area-bg .area-index .area-right .arSwiper {
  overflow: hidden;
}

.area-bg .area-index .area-right .arSwiper .point {
  justify-content: flex-end;
  margin-bottom: 1.66666666666667vw;
}

.area-bg .area-index .area-right .arSwiper .point .swiper-pagination1 {
  position: relative;
}

.area-bg .area-index .area-right .arSwiper .point .swiper-pagination1 .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  background: #676767;
  opacity: 1;
  border-radius: 0;
  margin: 0 3.5px;
}

.area-bg .area-index .area-right .arSwiper .point .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #cccccc;
}

.area-bg .area-index .area-right .arSwiper .point .tt {
  margin-left: 10px;
}

.area-bg .area-index .area-right .arSwiper .swiper-slide .img1 {
  position: relative;
}

.area-bg .area-index .area-right .arSwiper .swiper-slide .img1 img {
  width: 100%;
}

.area-bg .area-index .area-right .arSwiper .swiper-slide .img1 .more {
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(../image/eef01f861c2de67739146d631a4d35ad3561e82c.png) no-repeat top center;
  width: 155px;
  height: 103px;
  z-index: 99;
  background-size: 100% 100%;
}

.area-bg .area-index .area-right .arSwiper .swiper-slide .wz {
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  margin-top: 1.82291666666667vw;
}

.area-bg .area-index .area-right .arSwiper .swiper-slide:hover .more {
  background: url(../image/10c6852efa10a8de528d0f656ce3f7c0a7cac802.png) no-repeat top center;
    background-size: 100% 100%;
}

.area-bg .area-index .area-right .arSwiper .swiper-slide:hover .wz {
  color: #d61919;
}

@media (max-width: 1200px) {
  .area-bg .area-index .area-left .art .art1 {
    font-size: 38px;
  }
  .area-bg .area-index .area-left .art .art2 {
    font-size: 32px;
  }
  .area-bg .area-index .area-left .arw h3 {
    font-size: 24px;
  }
}

@media (max-width: 1024px) {
  .area-bg .area-index .area-right .arSwiper .swiper-slide .wz {
    font-size: 14px;
    margin-top: 20px;
  }
  .area-bg .area-index .area-left .arw .arp p {
    line-height: 24px;
  }
}

@media (max-width: 995px) {
  .area-bg {
    margin-top: 20px;
  }
  .area-bg .area-index {
    flex-wrap: wrap;
  }
  .area-bg .area-index .area-left {
    width: 100%;
  }
  .area-bg .area-index .area-left .art .art1 {
    font-size: 24px;
  }
  .area-bg .area-index .area-left .art .art1::before {
    background-size: 100% 100%;
    width: 40px;
    height: 40px;
  }
  .area-bg .area-index .area-left .art .art2 {
    font-size: 20px;
  }
  .area-bg .area-index .area-left .art .art3::before {
    display: none;
  }
  .area-bg .area-index .area-left .arw h3 {
    text-align: left;
    font-size: 18px;
  }
  .area-bg .area-index .area-right {
    width: 100%;
    margin-top: 20px;
  }
  .area-bg .area-index .area-left .arw {
    margin-top: 30px;
  }
  .area-bg .area-index .area-left .arw h4 {
    margin-left: 0;
  }
  .area-bg .area-index .area-left .arw .arp p {
    text-align: left;
  }
  .area-bg .area-index .area-left .arw a {
    float: none;
    margin-top: 10px;
  }
  .area-bg .area-index .area-right .arSwiper .swiper-slide .wz {
    margin-top: 10px;
  }
  .area-bg .area-index .area-right .arSwiper .swiper-slide .img1 .more {
    width: 80px;
    height: 60px;
  }
  .area-bg .area-index .area-right .arSwiper .point {
    margin-bottom: 20px;
  }
}

/*理由*/
.reason-bg {
  background: url(../image/74cdbc65cc53dbbdefaec261aaaa567e1d74d3aa.jpg) no-repeat top center;
  background-size: 100% 100%;
  padding-top: 4.16666666666667vw;
  padding-bottom: 4.42708333333333vw;
}

.reason-bg .reason-index .ret {
  text-align: center;
}

.reason-bg .reason-index .ret .ret1 {
  color: #000000;
  font-size: 40px;
  font-weight: 600;
}

.reason-bg .reason-index .ret .ret1 b {
  color: #d61919;
}

.reason-bg .reason-index .ret .ret2 {
  color: #4c4c4c;
  font-size: 16px;
  margin-top: 5px;
}

.reason-bg .reason-index .reason-list {
  margin-top: 2.60416666666667vw;
}

.reason-bg .reason-index .reason-list li {
  width: 15%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 2.60416666666667vw 0;
  position: relative;
  background: #f6f6f6;
  z-index: 99;
  text-align: center;
  cursor: pointer;
}

.reason-bg .reason-index .reason-list li::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #f6f6f6;
  transform: scale(0);
  transition: transform .5s;
  z-index: -1;
}



.reason-bg .reason-index .reason-list li:hover .img1 img{
    filter: invert(49%) sepia(93%) saturate(369%) hue-rotate(900deg) brightness(260%) contrast(93%);
}




.reason-bg .reason-index .reason-list li .img1 img {
  max-width: 100%;
}

.reason-bg .reason-index .reason-list li .wz1 {
  color: #333333;
  font-size: 20px;
  padding: 5px 0;
}

.reason-bg .reason-index .reason-list li .wz2 {
  color: #999999;
  font-size: 14px;
  font-family: "Arial";
}

.reason-bg .reason-index .reason-list li:hover::before {
  background: #d50000;
  transform: scale(1);
}

.reason-bg .reason-index .reason-list li:hover .img1 img {
  /* filter: brightness(100); */
}

.reason-bg .reason-index .reason-list li:hover .wz1 {
  color: #fff;
}

.reason-bg .reason-index .reason-list li:hover .wz2 {
  color: #fff;
}

@media (max-width: 1024px) {
  .reason-bg .reason-index .ret .ret1 {
    font-size: 24px;
  }
  .reason-bg .reason-index .reason-list li .wz1 {
    font-size: 16px;
  }
}

@media (max-width: 995px) {
  .reason-bg {
    padding: 40px 0;
  }
  .reason-bg .reason-index .reason-list {
    flex-wrap: wrap;
    margin-top: 20px;
  }
  .reason-bg .reason-index .reason-list li {
    width: 48%;
    margin-bottom: 4%;
  }
}

/*news*/
.tt11 {
  display: none;
}

.news-index {
  margin-top: 4.16666666666667vw;
}

.news-index .newsl {
  width: 20.83%;
}

.news-index .newsl .art {
  text-indent: 1.35416666666667vw;
}

.news-index .newsl .art .art1 {
  color: #d50000;
  font-size: 60px;
  font-weight: 600;
  position: relative;
}

.news-index .newsl .art .art1::before {
  content: '';
  position: absolute;
  background: url(../image/299e9219007c5a9396b2da127d1ed9ddfe52def4.png) no-repeat top center;
  width: 88px;
  height: 87px;
  left: 0;
  top: 0;
}

.news-index .newsl .art .art2 {
  color: #000000;
  font-size: 36px;
  font-weight: 600;
}

.news-index .newsl .art .art3 {
  margin-top: 1vw;
}

.news-index .newsl .art .art3::before {
  content: '';
  position: absolute;
  left: -10px;
  width: 26.30208333333333vw;
  height: 1px;
  background: #949497;
}

.news-index .newsl .arw {
  margin-top: 2.7625vw;
}

.news-index .newsl .arw h3 {
  color: #333333;
  font-size: 40px;
  text-align: right;
}

.news-index .newsl .arw h4 {
  width: 45px;
  height: 1px;
  background: #89898a;
  margin: 1.82291666666667vw 0;
  margin-left: 12.23958333333333vw;
}

.news-index .newsl .arw .arp p {
  font-size: 14px;
  line-height: 30px;
  color: #666666;
  text-align: right;
}

.news-index .newsl .arw a {
  width: 112px;
  height: 37px;
  background: #ffffff;
  border: 1px solid #d50000;
  border-radius: 30px;
  display: block;
  margin-top: 1.5625vw;
  text-align: center;
  line-height: 37px;
  color: #d50000;
  font-size: 14px;
  float: right;
}

.news-index .newsl .arw a:hover {
  background: #d50000;
  color: #fff;
}

.news-index .newsr {
  width: calc(100% - 24.23%);
  align-items: center;
}

.news-index .newsr .nsort {
  width: 74px;
}

.news-index .newsr .nsort li {
  background: url(../image/2a25af25a59e8fe02d0bf9d0846338f57859bd22.png) no-repeat top center;
  width: 74px;
  height: 85px;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.news-index .newsr .nsort li a {
  display: block;
  color: #666666;
  font-size: 18px;
  padding: 0 18px;
}

.news-index .newsr .nsort li + li {
  margin-top: 1.5625vw;
}

.news-index .newsr .nsort li.cur {
  background: url(../image/6db580e91f9a883883f1c716767b1f3fc6c07fb7.png) no-repeat top center;
}

.news-index .newsr .nsort li.cur a {
  color: #fff;
}

.news-index .newsr .nlist1 {
  width: calc(100% - 120px);
}

.news-index .newsr .nlist1 .nlist2 li {
  float: left;
  width: 47.2%;
  padding: 2.60416666666667vw 0;
  border-top: 1px solid #cccccc;
}

.news-index .newsr .nlist1 .nlist2 li:nth-child(2n) {
  float: right;
}

.news-index .newsr .nlist1 .nlist2 li .wz1 {
  align-items: center;
  position: relative;
  padding-left: 15px;
}

.news-index .newsr .nlist1 .nlist2 li .wz1 ::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #333333;
  margin-top: -3px;
}

.news-index .newsr .nlist1 .nlist2 li .wz1 .ww1 {
  color: #4c4c4c;
  font-size: 16px;
  width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news-index .newsr .nlist1 .nlist2 li .wz1 .date {
  color: #999999;
  font-size: 18px;
}

.news-index .newsr .nlist1 .nlist2 li .wz2 {
  margin-top: 1vw;
  align-items: center;
  padding-left: 15px;
}

.news-index .newsr .nlist1 .nlist2 li .wz2 .ww2 {
  width: 90%;
  line-height: 24px;
  color: #999999;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.news-index .newsr .nlist1 .nlist2 li:hover .wz1 .ww1 {
  color: #d50000;
}

.news-index .newsr .nlist1 .nlist2 li:hover .wz1 ::before {
  background: #d50000;
}

@media (max-width: 1200px) {
  .news-index .newsl .art .art1 {
    font-size: 38px;
  }
  .news-index .newsl .art .art2 {
    font-size: 32px;
  }
  .news-index .newsl .arw h3 {
    font-size: 24px;
  }
}

.neihhgh{
  background-color: #f1f1f1;
  box-sizing: border-box;
  padding: 3% 0;
  overflow: hidden;
}

.retsd{
  text-align: center;
}
.retfd{
  font-size: 2rem;
	font-weight: 600;
	font-stretch: normal;
	line-height: 55px;
	letter-spacing: 2px;
	color: #000000;
}
.retdf{
  	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 1px;
	color: #4d4d4d;
}
.hejisdnjfhd{
  overflow: hidden;
  margin-top: 3%;
}
.dsiodjkh img{
  width: 100%;
  height: auto;
}
@media (max-width: 1024px) {
  .news-index .newsl .arw .arp p {
    line-height: 24px;
  }
}

@media (max-width: 995px) {
  .news-index {
    flex-wrap: wrap;
  }
  .news-index .newsl {
    width: 100%;
  }
  .news-index .newsl .art .art1 {
    font-size: 24px;
  }
  .news-index .newsl .art .art1::before {
    background-size: 100% 100%;
    width: 40px;
    height: 40px;
  }
  .news-index .newsl .art .art2 {
    font-size: 20px;
  }
  .news-index .newsl .arw h3 {
    text-align: left;
    font-size: 18px;
  }
  .news-index .newsl .art .art3::before {
    display: none;
  }
  .news-index .newsl .arw .arp p {
    text-align: left;
  }
  .news-index .newsl .arw a {
    float: none;
  }
  .news-index .newsr {
    width: 100%;
    margin-top: 20px;
    flex-wrap: wrap;
  }
  .news-index .newsr .nsort {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .news-index .newsr .nsort li {
    margin: 0 10px;
  }
  .news-index .newsr .nsort li a {
    font-size: 14px;
    text-align: center;
  }
  .news-index .newsr .nlist1 {
    width: 100%;
    margin-top: 20px;
  }
  .news-index .newsr .nlist1 .nlist2 li {
    float: none;
    width: 100%;
    border-top: none;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 10px;
    padding: 10px 0;
  }
  .news-index .newsr .nlist1 .nlist2 li .wz1 .ww1 {
    font-size: 14px;
  }
  .news-index .newsr .nlist1 .nlist2 li .wz1 .date {
    font-size: 14px;
  }
  .news-index .newsr .nlist1 .nlist2 li .wz2 .ww2 {
    font-size: 12px;
  }
}

/*foot*/
.foot-bg {
  background: #1f2224;
  padding-top: 3.22916666666667vw;
  padding-bottom: 10px;
}

.foot-bg .foot-index .footl {
  width: 59.94%;
}

.foot-bg .foot-index .footl dl {
  width: 20%;
}

.foot-bg .foot-index .footl dl dt {
  color: #ffffff;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 15px;
}

.foot-bg .foot-index .footl dl dd a {
  display: block;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  line-height: 30px;
}

.foot-bg .foot-index .footl dl dd a:hover {
  color: #d61919;
}

 .footm img {
  max-width: 100%;
}

.footm p {
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  line-height: 3;
  text-align: center;
}
.footr{
  width: 25%;
}
.ghungle{
  width: 60%;
}
.footm{
  width: 8%;
  text-align: center;
}
.footm img{
  max-width: 100%;
  height: auto;
}
.lx {
  width: 100%;
  background: #313131;
  padding:2% 4%;
  padding-top: 1vw;
}

.lx p {
  color: rgba(255, 255, 255, 0.5);
  font-size: 16px;
}

.lx p:nth-of-type(1) {
  color: rgba(255, 255, 255, 0.5);
}

 .lx p:nth-of-type(2) {
  font-size: 27px;
  font-weight: 600;
  color: #fff;
}

.lx p:nth-of-type(4) {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
}

 .lx p:nth-of-type(6) {
  color: #fff;
  margin-top: 10px;
}

 .seo {
  text-align: right;
  font-size: 14px;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
}

 .seo a {
  color: #fff;
}

 .seo a:hover {
  color: #d61919;
}

 .link {
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
}

 .link a {
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
}

.link a:hover {
  color: #d61919;
}

.cop-bg {
  background: #292b2d;
  padding: 15px 0;
}

.cop-bg .cop-index {
  color: rgba(255, 255, 255, 0.4);
  font-size: 14px;
}

.cop-bg .cop-index a {
  color: rgba(255, 255, 255, 0.4);
}

.cop-bg .cop-index a:hover {
  color: #d61919;
}

.cop-bg .cop-index .copl {
  width: 60%;
}
.cop-bg .cop-index .copl img{
    margin-top: -2px;
}

@media (max-width: 1200px) {
  .foot-bg .foot-index .footr .lx p:nth-of-type(2) {
    font-size: 20px;
  }
  .footm{
    display: none;
  }
  .footr {
    width: 37%;
}
}

@media (max-width: 995px) {
  .foot-bg {
    padding: 20px 0;
  }
  .foot-bg .foot-index {
    flex-wrap: wrap;
  }
  .foot-bg .foot-index .footl {
    width: 100%;
  }
  .foot-bg .foot-index .footm {
    width: 100%;
  }
  .foot-bg .foot-index .footr {
    width: 100%;
  }
  .foot-bg .seo {
    text-align: left;
  }
  .cop-bg .cop-index {
    flex-wrap: wrap;
    text-align: center;
  }
  .cop-bg .cop-index .copl {
    width: 100%;
  }
  .cop-bg .cop-index .copr {
    width: 100%;
  }
}

/*内页左侧样式*/
.page-product-inquiry a {
  color: #fff;
}

.chanhh {
  max-width: 1815px;
  margin: 0 auto;
  padding: 0 2%;
  font-family: "Microsoft Yahei";
}

.toptop {
  position: absolute;
  width: 100%;
  left: 50%;
  margin-left: -50%;
  z-index: 999;
  top: 0px;
}

.section {
  overflow: hidden;
  width: 100%;
}

.msjdisnhgt {
  display: none;
}

.flex3 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.djsdnj {
  padding: 2% 0;
}

/* 内页左侧导航栏样式 */
.disdfnjhggg .xypg-left-nav {
  margin: 0 -1px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.disdfnjhggg .xypg-left-nav > li {
  position: relative;
  border-bottom: none;
  width: 12%;
  text-align: center;
  background: #f7f7f7;
  border-right: 1px solid #dedede;
}

.disdfnjhggg .xypg-left-nav > li:last-child {
  border-bottom: none;
}

.disdfnjhggg .xypg-left-nav > li > a {
  display: block;
  font-size: 16px;
  line-height: 22px;
  color: #2e2e2e;
  padding: 15px 18px;
}

.disdfnjhggg .xypg-left-nav > li .first-nav-btn {
  position: absolute;
  z-index: 99;
  width: 30px;
  height: 30px;
  text-align: center;
  top: 10px;
  right: 20px;
  cursor: pointer;
  background: url(../image/icon_spirit.png) 0 -240px no-repeat;
  display: none;
}

.disdfnjhggg .xypg-left-nav > li .first-nav-btn.clicked {
  background-position: 0 -270px;
}

.disdfnjhggg .xypg-left-nav > li:hover, .disdfnjhggg .xypg-left-nav > li.active1 {
  background: #d61919;
}

.disdfnjhggg .xypg-left-nav > li:hover > a, .disdfnjhggg .xypg-left-nav > li.active1 > a {
  color: #fff;
}

.disdfnjhggg .xypg-left-nav > li:hover, .disdfnjhggg .xypg-left-nav > li.clicked {
  background: #d61919;
}

.disdfnjhggg .xypg-left-nav > li:hover > a, .disdfnjhggg .xypg-left-nav > li.clicked > a {
  color: #fff;
}

.disdfnjhggg .xypg-left-nav > li:hover .first-nav-btn, .disdfnjhggg .xypg-left-nav > li.clicked .first-nav-btn {
  color: #d61919;
}

.disdfnjhggg .xypg-left-nav .xypg-left-subnav {
  display: none;
  padding: 0 10px;
}

.disdfnjhggg .xypg-left-nav .xypg-left-subnav > li {
  border-top: 1px dashed #eeeeee;
}

.disdfnjhggg .xypg-left-nav .xypg-left-subnav > li > a {
  padding: 8px;
  display: block;
  line-height: 20px;
  color: #818181;
  font-size: 16px;
}

.disdfnjhggg .xypg-left-nav .xypg-left-subnav > li > a:hover {
  color: #d61919;
}

.disdfnjhggg .xypg-left-nav .xypg-left-subnav > li.clicked > a {
  color: #d61919;
}

.disdfnjhggg .xypg-left-nav .xypg-left-threenav > li > a {
  padding: 5px 10px;
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #999999;
}

.disdfnjhggg .xypg-left-nav .xypg-left-threenav > li > a:before {
  content: '\2014   ';
}

.disdfnjhggg .xypg-left-nav .xypg-left-threenav > li > a:hover {
  color: #d61919;
}

.disdfnjhggg .xypg-left-nav .xypg-left-threenav > li.clicked > a {
  color: #d61919;
}

@media (max-width: 990px) {
  .disdfnjhggg .xypg-left-nav .xypg-left-threenav {
    display: block;
  }
  .x-banner , .page-banner{
    margin-top: 60px;
  }
  .page-wrap-right{
    margin-top: 3%;
  }
}


@media (max-width:500px) {
  .lx p:nth-of-type(2) {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}
  .ghungle{
    display: none;
  }
  .seo{
    font-size: 12px;
    text-align: center;
  }
  .footr{
    width: 100%;
  }
  .cop-bg{
    padding-bottom: 20%;
  }
  .xypg-right-content p img{
    max-width:100%; height:auto !important;width:auto !important;
  }
}