/*初始化样式*/
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;}




/*----- 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;}


.pos{position: relative;width:1920px;left:50%;margin-left:-960px;}
.wh{max-width:1430px;margin:0 auto;padding:0 15px;}
.wh1510{max-width:1540px;margin:0 auto;padding:0 15px;}
.bxs{overflow: hidden;}

.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.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}


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

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

.flexs2 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}


.flex2 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}



/*头部样式*/
.top1{background:#d00007;color:#fff;height:40px;line-height:40px;overflow:hidden;font-size:14px;}
.top1 a{color:#fff;}
.top2{border-bottom:1px solid #d00007;}
.top2 .wh{height:90px;}
.logo{width:20.21%;}
.logo img{width:100%;}



/*热门搜索*/
.sou{margin: 15px 0;}
.hotSearch{float:left;height:24px;line-height:24px;font-weight:normal;color:#0d0d0d;font-size:14px;}
.hotSearch a{margin-right:6px;color:#0d0d0d;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}


/* 导航样式 */
.nnav{width:45.71%;}
.x-menu{width:100%;}
.x-menu > li {
  position: relative;
 text-align:center;width:14%;
}

.x-menu > li > a {
  display: block;
  font-size: 18px;
  color: #111e48;
  line-height:90px;
}

.x-menu > li:hover > a {

}

.x-menu > li.active > a {

}



.x-menu > li:hover .x-sub-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.x-sub-menu {
  position: absolute;
  z-index: 99999;
  width: 150%;
  left: -25%;
  top: 91px;
  background: #fff;
  padding: 10px 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}


.x-sub-menu > li > a {
  display: block;
  text-align: center;

  font-size: 14px;
  color: #333;
  line-height:40px;
 height:40px;overflow:hidden;
}

.x-sub-menu > li > a:hover {
  background: #e9eaeb;
}



.x-menu > li.lastli{cursor: pointer;width:24px;position: relative;line-height:90px;}



/*主体样式*/
.box1{padding:4vw 0;}
.fw{margin-top:10px;position:relative;}
.fw .mySwiper{overflow:hidden;}
.fw .swiper-slide{}
.fw .swiper-slide .det{width:54.79%;margin-left:3.43%;}
.fw .swiper-slide .hx{background:#ea2129;width:48px;height:7px;
    transition: all ease .0s .0s;
    transform: translateY(40px);
    opacity: 0;}
.fw .swiper-slide .wz{color:#ea2129;font-size:35px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0.8vw 0 1.3vw;
    transition: all ease .0s .0s;
    transform: translateY(40px);
    opacity: 0;
    }
.fw .swiper-slide .wz2{color:#666666;font-size:16px;overflow:hidden;line-height:30px;
    transition: all ease .0s .0s;
    transform: translateY(40px);
    opacity: 0;
}
.fw .swiper-slide .lianjie{margin-top:2vw;
    transition: all ease .0s .0s;
    transform: translateY(40px);
    opacity: 0;
    }
.fw .swiper-slide .lianjie a{float:left;display:block;text-align:center;color:#fff;font-size:16px;width:198px;line-height:42px;background:#222222;}
.fw .swiper-slide .lianjie a:nth-child(2){background:#ea2129;margin-left:27px;}



.fw .swiper-slide .img{width:37.86%;
    transition: all ease .0s .0s;
    transform: translateY(30px);
    opacity: 0;
    }
.fw .swiper-slide img{width:100%;display:block;}

.fw .swiper-button-prev{position: absolute;top:50%;margin-top:-17.5px;left:-43px;width:23px;height:35px;opacity:1;z-index:999;background:url(//https://cdn.myxypt.com/2104034f/23/08/50cb6ffb3823f64f1ebf195e11123729c6ff0772.png) no-repeat;background-size:100% 100%;}
.fw .swiper-button-next{position: absolute;top:50%;margin-top:-17.5px;right:-43px;width:23px;height:35px;opacity:1;z-index:999;background:url(//https://cdn.myxypt.com/2104034f/23/08/55001be95bf9dafae7b962342964e91a41494644.png) no-repeat;background-size:100% 100%;}

.fw .swiper-slide-active .hx{transform: translateY(0px);
    opacity: 1;
    transition: all ease .6s .3s;}
.fw .swiper-slide-active .wz{transform: translateY(0px);
    opacity: 1;
    transition: all ease .6s .5s;}
.fw .swiper-slide-active .wz2{transform: translateY(0px);
    opacity: 1;
    transition: all ease .6s .7s;}
.fw .swiper-slide-active .lianjie{transform: translateY(0px);
    opacity: 1;
    transition: all ease .6s .9s;}
.fw .swiper-slide-active .img{transform: translateY(0px);
    opacity: 1;
    transition: all ease .6s .3s;}





.box2{}
.apic{width:50.36%;}
.apic img{width:100%;display:block;}
.about{width:47.29%;}
.abtt h2{color:#ea2129;font-size:38px;text-transform:uppercase;}
.abtt h3{color:#333333;font-size:27px;font-weight:bold;margin:4px 0 12px;}
.abtt h4{background:#ea2129;width:57px;height:5px;}
.ab{color:#666666;font-size:14px;line-height:26px;overflow: hidden;margin-top:6px;}

.add{margin-top:1.2vw;text-align:center;}
.add li{margin:0 5%;display:inline-block;}

.add li .tu{
    width: 93px;
    height: 93px;line-height:93px;margin:0 auto;text-align:center;position: relative;
border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    background-color: rgba(255,255,255,1);
    box-shadow: 0px 19px 33.25px 1.75px rgba(8, 9, 16, 0.19);
}
.add li .wz1{color:#666666;font-size:14px;margin-top:0.8vw;}
.add li .img{display:block;}
.add li .img2{display:none;}
.add li .tu:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    background: #cf0210;
    transition: all .3s;
    border-radius: 50%;
    z-index: 1
}
.add li .tu img{position: relative;z-index:999;}
.add li:hover .img{display:none;}
.add li:hover .img2{display:block;}
.add li:hover .wz1{color:#ea2129;}
.add li:hover .tu:after{width:93px;
    height:93px;
    margin-top:-46.5px;
    margin-left:-46.5px;
}

.box3{padding:3.2vw 0;}
.bt{text-align:center;}
.bt h2{color:#ea2129;font-size:38px;text-transform:uppercase;}
.bt h3{color:#333333;font-size:27px;font-weight:bold;margin-top:5px;}

.prod1{margin-top:1.5vw;}
.prod1 li{margin-bottom:1.2vw;width:24.5%;}
.prod1 li img{width:100%;display:block;}
.prod1 li .wz{color:#666666;font-size:16px;background:#f5f5f5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:3.3;padding:0 5%;transition: all ease .5s;}
.prod1 li:hover .wz{background:#ea2129;color:#fff;}



.box4{padding-bottom:3vw;}
.box4 .bt{text-align:left;}
.xcont{margin-top:1.7vw;}
.xw1{width:44.64%;}
.xw1 li{width:100%;}
.xw1 li img{width:100%;display:block;}
.xw1 li .det{width:96%;margin:0 auto;margin-top:20px;display: flex;justify-content: space-between;align-items:flex-end;}
.xw1 li .nr{width:75%;}
.xw1 li .wz{color:#ea2129;font-size:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.xw1 li .wz2{color:#8d8d8d;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:10px;}
.xw1 li .date{color:#ea2129;font-size:37px;font-weight:bold;}

.xw2{width:52.65%;}
.xw2 li{width:100%;background:#f7f7f7;padding:14px 0;transition-duration: 0.4s;}
.xw2 li .det{width:92%;margin:0 auto;}
.xw2 li .wz{color:#333333;font-size:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #e9e9e9;padding-bottom:14px;margin-top:8px;}
.xw2 li .wz2{color:#666666;font-size:14px;overflow:hidden;line-height:24px;height:48px;margin-top:14px;}
.xw2 li .date{color:#d2d2d2;font-size:20px;font-weight:bold;}
.xw2 li:hover{background:#ea2129;}
.xw2 li:hover .wz{color:#fff;border-color:#fff;}
.xw2 li:hover .wz2{color:#fff;}
.xw2 li:hover .date{color:#fff;}
.xw2 li+li{margin-top:2.2vw;}





/*页面底部*/
.foot{background:#222222;color:#fff;}
.foot a{color:#fff;}
.fcont1{padding:1.8vw 0 3.2vw;}

.foot1{width:37.62%;}
.ftt{font-size:21px;}
.lx{font-size:14px;line-height:42px;margin-top:14px;}
.lx p{padding-left:30px;}
.lx p:nth-child(1){background:url(//https://cdn.myxypt.com/2104034f/23/08/2b0530678468efbb98d106b3e660cf1cda557dba.png) no-repeat left center;}
.lx p:nth-child(2){background:url(//https://cdn.myxypt.com/2104034f/23/08/f9ee1f470f4d4f0b5b750ea8b95d843d2d255d35.png) no-repeat left center;}
.lx p:nth-child(3){background:url(//https://cdn.myxypt.com/2104034f/23/08/39b8efa1a839c5134414cca5d4545e9025571f5c.png) no-repeat left center;}
.lx p:nth-child(4){background:url(//https://cdn.myxypt.com/2104034f/23/08/5b7186437ace742af7d339f275069d22cee371df.png) no-repeat left center;}

.foot2{width:42.38%;}
.pwz{font-size:14px;line-height:30px;margin-top:14px;}
.sort1{margin-top:20px;}
.sort1 li{width:50%;font-size:14px;line-height:30px;background:url(//https://cdn.myxypt.com/2104034f/23/08/2d15b437874432122c4fe838685964dd5be3f9b8.png) no-repeat left center;padding-left:22px;}

.foot3{width:9.87%;}
.codes{width:100%;margin-top:22px;}
.codes img{width:100%;display:block;}


.bq{padding:18px 0 43px;border-top:2px solid #686868;color:#afafaf;font-size:14px;}
.bq a{color:#afafaf;}



/*内页左侧样式*/
.page-product-inquiry a{color: #fff;}
.footer33{height:50px;}
.xymob-left-close-btn .icon-close:before{font-size:0;}

@media (max-width:1440px) {
 .fw .swiper-button-prev{left:0;}
 .fw .swiper-button-next{right:0;}
 .nnav{width: 54%;}
 .add li{margin: 0 3%;}
}

@media (max-width:1130px) {
 .add li{margin: 0 1%;}
}
@media (max-width:1024px) {
 .x-menu > li > a{font-size:16px;}
 .nnav{width:60%;}
 .bt h2{font-size:25px;}
 .bt h3{font-size:20px;}
 .fw .swiper-slide-active .wz{font-size:28px;}
 .fw .swiper-slide .wz2{font-size:14px;line-height:25px;}
 .fw .swiper-slide .hx{width:40px;height:4px;}
 .fw .swiper-slide .lianjie a{width:158px;line-height:35px;font-size:14px;}
 .abtt h2{font-size:25px;}
 .abtt h3{font-size:20px;}
 .abtt h4{width:48px;height:3px;}
 .add li{margin:0 2%;}
 .ab{line-height:25px;height:75px;}
 .prod1 li .wz{font-size:14px;line-height:3;}
 .xw1 li .wz{font-size:17px;}
 .xw1 li .wz2{font-size:13px;}
 .xw1 li .date{font-size:25px;}
 .xw2 li .date{font-size:17px;}
 .xw2 li .wz{font-size:17px;}
 .xw2 li .wz2{font-size:13px;height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
 .ftt{font-size:17px;}
 .lx{font-size:13px;}
 .pwz{font-size:13px;}
 .sort1 li{font-size:13px;}
 .foot1{width:41%;}
}


@media (max-width: 768px) {
 .x-banner{margin-top:60px;}
 .page-banner{margin-top:60px;}
 .xypg-right-content p img{max-width:100%!important;width:auto!important;height:auto!important;}
 .apic{width:100%;}
 .about{width:100%;margin-top:15px;}
 .prod1 li{width:49%;margin:5px 0;}
 .xw1{width:100%;}
 .xw2 li .wz{padding-bottom:8px;margin-top:4px;}
 .xw2 li .wz2{margin-top:8px;}
 .xw2{width:100%;margin-top:15px;}
 .foot1{width:60%;}
 .lx{line-height:35px;}
 .foot3{width:20%;}
 .fw .swiper-button-prev,.fw .swiper-button-next{display:none;}
}

@media (max-width:428px) {
 .fw .swiper-slide .det{width:100%;margin-left:0;}
 .fw .swiper-slide .img{width:100%;margin-top:15px;}
  .fw .swiper-slide-active .wz{font-size:20px;}
 .fw .swiper-slide .hx{width:32px;height:2px;}
 .fw .swiper-slide .lianjie a:nth-child(2){margin-left:10px;}
 .add li{margin:10px 10%;}
 .bq{padding:15px 0 50px;}
 .copy{width:100%;text-align:center;}
}

@media (max-width:375px) {
  .lx{line-height:28px;}
 .lx p{padding-left:0;}
 .lx p:nth-child(1){background:none;}
 .lx p:nth-child(2){background:none;}
 .lx p:nth-child(3){background:none;}
 .lx p:nth-child(4){background:none;}
}