.colowhite{color:#fff;}
.colored{color:#c30000; font-family:Arial, Helvetica, sans-serif;}

.inavbox{padding:40px 0 0 0;}
.inavbox1{padding:0 0 40px 0;}


.spic { margin-top: 210px; overflow: hidden; height: 598px; width: 100%; }
.spic_c { overflow: hidden }
.spic_con { float: right; position: relative; overflow: hidden }
.spic_c .swiper-slide { position: relative; height: 538px; overflow: hidden; width: 1003px; }
.spic_c .swiper-container { width: calc(100% - 437px); float: right; }
.spic_c .swiper-slide div { position: absolute; width: 1003px; height: 538px; background: rgba(0,0,0,0.5); top: 0px; left: 0px; }
.spic_c .swiper-slide.swiper-slide-active div { display: none; }

.spic_wz { position: absolute; z-index: 5; left: 0px; }
.spic_wz .spic_en { font-size: 50px; line-height: 68px; color: #fff; text-transform: uppercase; font-family: Arial; padding-top: 98px; font-weight: bold; }
.spic_wz .spic_cn { width:400px; font-size: 50px; color: #fff; line-height: 70px; margin-top: 90px; font-weight: bold; }
.spic_wz .spic_a { margin-top: 65px; line-height: 66px; width: 195px; border: 1px solid #fff; text-align: center; }
.spic_wz .spic_a a { display: block; color: #fff; font-size: 14px; }


.spic_c .swiper-pagination { position: relative; color: #fff; width: auto;top:0px; left: 0px; bottom: 0px; padding-top: 40px; text-align: left; }
.spic_c .swiper-pagination span { font-size: 18px; }
.spic_c .swiper-pagination font { display: inline-block; width: 105px; border-bottom: 1px solid #fff; margin: 0px 10px; position: relative; top: -7px; }




.tansuo {
  margin-top: 90px;width:200px
}

.tansuo:hover {
  color: #d60d1d;
  background: white !important;
}

.tansuo i {
  margin-left: 10px;
}



.product {
  width: 100%;
  background: url(/static/default/assets/img/pro_bg.png) no-repeat right center;
  padding: 80px 0 50px 0;
  background-size: cover !important;
}


.product .proCenter {
  position: relative;
}

.product .proCenter .proi {
  position: relative;
  display: none;
}

.product .proCenter .proi .l {
  width: 50%;
}


.product .proCenter .proi .r {
  width: 50%;
  display: flex;
  justify-content: center;
}

.product .proCenter .proi .r img {
  max-width: 90%;
  object-fit: cover;
}

.product .proCenter .proi .l>p {
  font-weight: 700;
}

.product .proCenter .proi .l .x {
  font-weight: 400 !important;
  margin-top: 90px;
}

.product .proCenter .proi .l .x .fontS17 {
  margin-top: 15px;
  line-height: 30px;color:#666;
}

.proi_more{ margin:20px 0 0 0; width:120px; line-height:45px; text-align:center;  font-size:15px; position:relative; overflow:hidden;border:1px solid rgba(0,0,0,0.2);}
.proi_more a{ color:#666; position:relative; display:block;}
.proi_more span{ display:block; width:120px; height:45px; background:#d90d0d; position:absolute; top:0px; left:-120px; transition:all 0.5s;color:#fff;}
.proi_more:hover span{ left:0px;}

.product .proCenter .proi .l p.fontS24 {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 15px;
}


.product .proCenter .xf {
  position: absolute;
  width: 80%;
  left: 0;
  bottom: 50px;
  display: flex;
}


.product .proCenter .xf li {
  width: 100px;
  font-size: 14px;
  color: #aaaaad;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;text-align:center;
  margin-right: 15px;
  cursor: pointer;
}

.product .proCenter .xf li .quanquan {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 1px solid #aaaaad;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.product .proCenter .xf li .quanquan img{width:100%;height:100%; border-radius:50%;}


.product .proCenter .xf li .quanquan i {
  font-size: 40px;
}


.product .proCenter .xf li:hover .quanquan {
  background: #d60d1d;
  color: white;
  border: 1px solid #d60d1d;
}

.product .proCenter .xf li:hover p {
  color: #d60d1d;
  font-weight: 700;
}

.industry {
  width: 100%;
  background: url(../img/lingsou.png) no-repeat right center;
  padding: 80px 0 350px 0;
  background-size: cover !important;
  position: relative;
}

.industry .qiehuan {
  display: none;
}

.industry .qiehuan>p {
  font-weight: 700;
}

.industry .qiehuan .lingsou {
  margin-top: 80px;
  color: white;
}

.industry .qiehuan .lingsou .fontS50 {
  margin-bottom: 15px;
}

.industry .qiehuan .lingsou .fontS17 {
  font-weight: 200;
}


.industry .xuf {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 160px;
  background: #0000005d;
}

.xuf .xz {
  height: 100%;
  display: flex;
}


.xuf .xz li {
  width: 16.66%;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-left: 1px solid rgba(255, 255, 255, 0.527);
  cursor: pointer;
  position: relative;
  bottom: 0;
  transition: all 0.5s;
}

.xuf .xz li a {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}


.xuf .xz li:last-child {
  border-right: 1px solid rgba(255, 255, 255, 0.527);
}




.xuf .xz li .fontS15 {
  margin: 13px 0;
  color: rgb(224, 224, 224);
  font-weight: 100;
}


.xuf .xz li i {
  display: flex;
  width: 35px;
  height: 35px;
  border: 1px dashed #9e9e9e60;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: relative;
}


.xuf .xz li:hover {
  height: 120%;
  background: #d60d1d;
  color: white;
  top: -20%;
  border: 0;
}


.xuf .xz li:hover .icon--jia:before {
  font-family: "iconfont";
  content: "\e636";
}

.xuf .xz li:hover .icon--jia {
  background: white;
  color: #d60d1d;
  margin-top: 20px;
}

.xuf .xz li:hover .icon--jia::after {
  position: absolute;
  width: 60px !important;
  height: 60px !important;
  border-radius: 50%;
  border: 1px dashed white;
  content: "";
}

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


.success .content1400 {
  display: flex;
  padding: 80px 0;
  position: relative;
}

.success .l {
  width: 330px;
  flex-shrink: 0;
  margin-right: 30px;
}

.success .l>p {
  font-weight: 700;
}

.success .r {
  width: 92%;
  display: none;
}


.success .r .mySwiperb {
  width: 100%;
}


.success .l .anlixz {
  width:auto;height:auto;line-height:160%;color:#777;padding-top:20px;font-size:15px;padding-right:20px;
}





.success .r .mySwiperb .swiper-slide .anxf {
  width: 100%;
}

.success .r .mySwiperb .swiper-slide .anxf img {
  width: 100%;
  margin-bottom: 20px;
}


.anFan {
  position: absolute;
  left: 0;
  bottom: 40px;
  height: 250px;
  display: flex;
  flex-direction: column;
  align-items: center;

}


.anFan .swiper-button-next,
.anFan .swiper-button-prev {
  width: 50px;
  height: 50px;
  position: relative;
  border-radius: 50%;
  background: white;
  right: unset;
  left: unset;
  margin: 0;
  top: unset;
  opacity: 1;
  color: #4d4d4d !important;
  border: 1px solid #e5e5e5;
}

.anFan .swiper-button-next:after {
  font-family: "iconfont";
  content: "\e618";
  font-size: 23px;
}

.anFan .swiper-button-prev:after {
  font-family: "iconfont";
  content: "\e605";
  font-size: 23px;
}

.anFan .swiper-button-next:hover {
  background: #d60d1d !important;
  color: white !important;
  border: 1px solid #d60d1d !important;
}

.anFan .swiper-button-prev:hover {
  background: #d60d1d !important;
  color: white !important;
  border: 1px solid #d60d1d !important;
}


.anFan .daole {
  font-size: 30px;
  padding: 5px 0;
}

.anFan .zongde {
  font-size: 15px;
  color: #666666;
  font-weight: 100;
  border-top: 1px solid #e5e5e5;
  padding: 5px 0;
}



.inprod{ width:auto; height:auto;clear:both;margin:0 auto;overflow:hidden;padding:0 0 0 0;}
.inprod li{ width:20%; float:left;  margin:0px 0 0 0; overflow:hidden;padding: 30px 15px 0 15px;}
.inprod li .pro_pic{ width:auto; height:auto; overflow:hidden;}
.inprod li .pro_pic img{width:100%;height:auto;}
.inprod li .pro_txt{color:#777;font-size:17px;padding:12px 0px 0px 0px;height:60px;background:url(/static/default/assets/img/hon4.png) no-repeat left top;margin-top:30px;}
.inprod li a{ display: block; padding: 30px 25px 0 25px; background-color:#FFF; transition: all 0.5s !important; position: relative; border:1px solid #e8e7e7;}
.inprod li:hover a{ box-shadow: 0 0 7px #e6e6e6; transform: translateY(-20px); -webkit-animation-fill-mode: none; animation-fill-mode: none; }
.inprod li a:hover .pro_txt{color:#c70505;}







.inabout {
  width: 100%;
  background: url(/static/default/assets/img/about.jpg) no-repeat center;
   overflow: hidden;margin-top:50px;height:800px;
}


.inabout .content1400 {
  display: flex;
  padding: 80px 0;
  
 
}

.inabout .l {
  width: 50%;
}

.inabout .l>p {
  font-weight: 700;
}


.inabout .l .xiade {
  margin-top: 80px;
  color: white;line-height:170%;
}

.inabout .l .xiade .fontS20 {
  margin: 10px 0 20px;padding-top:5px;
}

.inabout .l .xiade .fontS17 {
font-size:20px;
}

.inabout .l .xiade a {
  margin-top: 40px;
  border: 1px solid white !important;
  color: white !important;
  background: none !important;
}

.inabomore{ margin:30px 0 0 0; width:120px; line-height:45px; text-align:center;  font-size:15px; position:relative; overflow:hidden;border:1px solid rgba(255,255,255,0.5);}
.inabomore a{ color:#fff; position:relative; display:block;}
.inabomore span{ display:block; width:120px; height:45px; background:#d90d0d; position:absolute; top:0px; left:-120px; transition:all 0.5s;color:#fff;}
.inabomore:hover span{ left:0px;}


.inabout .r {
  width: 50%;
overflow:hidden;padding-top:60px;
}

.abo_wenhua{overflow:hidden;padding:80px 5% 0 10%;}
.abo_wenhua li{float:left;width:calc(50% - 40px);margin:0 20px 40px 20px;text-align:center;border:1px solid rgba(255,255,255,0.6); border-radius:8px;padding:30px 20px 20px 20px;height:190px;}
.abo_wenhua li .icons img{transition: all 0.6s; display:block;margin:0 auto;}
.abo_wenhua li:hover .icons img{transform: rotateY(180deg);}
.abo_wenhua li .text-title{font-size: 24px;color: #fff;line-height: 1;margin-top: 15px;}
.abo_wenhua li .text-des{font-size: 15px;color:rgba(255,255,255,0.85);line-height:20px;margin-top: 10px;}









.xwnews{  width: 100%;padding: 100px 0 100px 0;background: #f5f5f7;overflow:hidden;}
.xwlt{float:left;width:680px;height:auto;overflow:hidden;background:#fff;}
.xwlt .box{padding:20px 20px;overflow:hidden;}
.xwlt .box img{width:100%;height:auto;}
.xwlt .title{font-size:22px;color:#333;padding:15px 0 5px 0;}
.xwlt .conn{font-size:15px;line-height:160%;color:#777;}
.xwlt .box:hover .title{color:#C00;}
.xwrt{float:right;width:calc(100% - 740px);height:auto;overflow:hidden;}
.xwrt ul{overflow:hidden;margin-top:-15px;}
.xwrt li{height:auto;overflow:hidden;border-bottom:1px dashed #CCC;padding:15px 0;}
.xwrt li .title{font-size:20px;color:#333;font-weight:600;}
.xwrt li .conn{font-size:15px;color:#666;line-height:150%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding:5px 0;}
.xwrt li .date{font-size:14px;color:#777;}
.xwrt li:hover .title{color:#C00;}








@media(max-width:1300px) {
  .product .proCenter .xf {
    width: 50%;
    flex-wrap: wrap;
    bottom: 0;
    position: relative;
    top: -147px;
  }

  .product .proCenter .xf li {
    margin-bottom: 20px;
  }

  .industry .xuf {
    height: auto !important;
    position: relative;
    margin-top: 60px;
  }

  .xuf .xz {
    height: auto;
    flex-wrap: wrap;
  }

  .industry {
    padding: 80px 0 0 0;
  }

  .industry .xuf li {
    height: 180px;
    width: 25%;
    border: 1px solid rgba(218, 218, 218, 0.336);
  }

  .xuf .xz li:hover {
    height: 180px;
    background: #d60d1d;
    color: white;
    top: 0;
    border: 0;
  }

  .anFan {
    left: 260px;
  }
}

@media(max-width:1000px) {
  .product .proCenter .xf {
    width: 50%;
    flex-wrap: wrap;
    bottom: 0;
    position: relative;
    top: -80px;
  }

  .success .r {
    width: 68%;
  }

  .product .proCenter .xf li {
    margin-bottom: 20px;
  }

  .product .proCenter .proi {
    flex-wrap: wrap;
  }

  .product .proCenter .proi .l {
    width: 100%;
  }

  .product .proCenter .proi .r {
    display: none;
  }

  .product .proCenter .xf {
    width: 100%;
    top: 20px;
  }

}



@media(max-width:800px) {
  .xuf .xz li .fontS15{
    font-size: 12px !important;
  }
  .xuf .xz li .fontS24{
    font-size: 15px !important;
  }
  .industry .xuf li {
    width: 33.33%;
  }

  .anFan {
    bottom: 20px;
  }

  .about .content1400 {
    flex-wrap: wrap;
  }

  .about .l {
    width: 100%;
  }

  .about .r {
    width: 100%;
  }
}


@media(max-width:640px) {
.product .proCenter .proi .l {width: 100%;}
.product .proCenter .proi .r {width: 100%;display: flex;justify-content: center;}
.product .proCenter .proi .r img {max-width: 50%;object-fit: cover;}
.product .proCenter .proi .l .x {
  font-weight: 400 !important;
  margin-top: 15px;
}
.product {padding: 40px 0 0px 0;}
.product .proCenter .proi .l .x .fontS17 {margin-top: 5px; line-height: 25px;font-size:15px;color:#666;}

.product {
  background:#f7f7f7;
  padding: 30px 0 30px 0;
}




.inavbox{padding:40px 0 0 15px;}
.inprod li{ width:50%; float:left;  margin:0px 0 0 0; overflow:hidden;padding: 10px 15px 0 15px;}
.inprod li .pro_txt{color:#777;font-size:16px;padding:12px 0px 0px 0px;height:60px;margin-top:30px;}
.inprod li a{ display: block; padding: 10px 15px 0 15px; background-color:#FFF; transition: all 0.5s !important; position: relative; border:1px solid #e8e7e7;}


.inabout {width: 100%;margin-top:50px;height:750px;}
.inabout .content1400 {display: flex;padding: 80px 0;}
.inabout .l {width: 100%;overflow:hidden}
.inabout .l .xiade { margin-top: 40px;}
.inabout .r {display:none;}


.success .l {display:none;}

.success .r {
  width: 85%;
  display:block;overflow:hidden;overflow:auto;
}

.anFan {
  position: absolute;
  right:-70px;top:10px;
  bottom: 0px;
  height: 250px;
  display: flex;
  flex-direction: column;
  align-items: center;

}
.success .l .anlixz {display:none;}
.success .content1400 {
  display: flex;
  padding: 50px 0;
  position: relative;
}



.xwnews{  width: 100%;padding: 60px 0 60px 0;background: #f5f5f7;overflow:hidden;}
.xwlt{float:left;width:100%;height:auto;overflow:hidden;background:#fff;}
.xwlt .box{padding:20px 20px;overflow:hidden;}
.xwlt .box img{width:100%;height:auto;}
.xwlt .title{font-size:22px;color:#333;padding:15px 0 5px 0;}
.xwlt .conn{font-size:15px;line-height:160%;color:#777;}
.xwlt .box:hover .title{color:#C00;}

.xwrt{float:right;width:100%;height:auto;overflow:hidden;}
.xwrt ul{overflow:hidden;margin-top:-15px;}
.xwrt li{height:auto;overflow:hidden;border-bottom:1px dashed #CCC;padding:15px 10px;}
.xwrt li .title{font-size:20px;color:#333;font-weight:600;}
.xwrt li .conn{font-size:15px;color:#666;line-height:150%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding:5px 0;}
.xwrt li .date{font-size:14px;color:#777;}
.xwrt li:hover .title{color:#C00;}




}