body{
  font-family: 'Microsoft YaHei',Arial;
  color: #1f1f1f;
  font-size: 16px;
  line-height: 30px;
}
div,ul,li{padding: 0px; margin: 0px;}
a{color: #333333; text-decoration: none;}
a:hover{color:#d0121b; text-decoration: none;}
p{text-indent: 2rem; text-transform: uppercase;}

.height-top{height: 105px; line-height: 105px; clear: both;}
.logo{ max-width: 220px;}
.nav-link{ font-size: 18px; color: #1f1f1f;}
.nav-link:hover{color: #d0121b;}
.nav-active{color: #d0121b;}
.banner{height:340px; width: 100%; margin-top: 105px;}
.ban-contact{background: url("../images/contact.jpg") no-repeat center;}
.ban-ab{background: url("../images/about.jpg") no-repeat center;}
.ban-news{background: url("../images/news.jpg") no-repeat center;}
.ban-service{background: url("../images/service.jpg") no-repeat center;}
.ban-solution{background: url("../images/solution.jpg") no-repeat center;}
.ban-product{background: url("../images/product.jpg") no-repeat center;}

.xdh a{ display: block; height: 80px; line-height: 80px; border-bottom:#ffffff solid 2px; text-align: center;}
.xdh a:hover{ display: block; height: 80px; line-height: 80px; border-bottom:#d0121b solid 2px; text-align: center;}
.xdhs a{ display: block; height: 80px; line-height: 80px; border-bottom:#d0121b solid 2px; text-align: center; color: #d0121b;}
.mbx{height: 80px; line-height: 80px; text-align: right;}
.breadcrumb{background: url("../images/home.png") no-repeat left; padding-left: 30px;}
.title{text-align: center;background: url("../images/line.jpg") no-repeat center; height: 130px;}
h1{ font-size:22px; font-weight: bold;}
.en{color: #e8e4e4; text-transform: uppercase;}
.bg-hui{background-color: rgb(248, 248,248);}
.bg-hong{background-color: #d0121b; color: #ffffff; height: 260;}
.bg-hh{background-color: rgb(248, 248,248); height: 260;}
.text-white a{color: white;}
.text-white a:hover{color:#d0121b;}
.bd-bottom{ border-bottom: #494949 solid 1px;}
.fs-small{ font-size: 12px;}

.dh2 a{display: block; padding: 10px 15px; background-color: #f7f7f7; float: left; margin-left: 20px; white-space: nowrap; margin-bottom: 10px;}
.dh2 a:hover{display: block; padding: 10px 15px; background-color: #d0121b; color: white;}
.clear{height: 0px; line-height: 0px; clear: both;}
.dh2 .s{display: block; padding: 10px 15px; background-color: #d0121b; color: white;}
.clear{height: 0px; line-height: 0px; clear: both;}
.sc{display: block; float: left; margin:0px 15px; line-height: 45px;}
.list {list-style: none;}
.list li{ line-height: 45px;}
.cu{ font-weight: bold; margin-bottom: 15px;}
.adr{background: url("../images/adr.jpg") no-repeat left; padding-left: 30px;}
.tel{background: url("../images/tel.jpg") no-repeat left; padding-left: 30px;}
.fax{background: url("../images/fax.jpg") no-repeat left; padding-left: 30px;}
.email{background: url("../images/mail.jpg") no-repeat left; padding-left: 30px;}
.web{background: url("../images/web.jpg") no-repeat left; padding-left: 30px;}
.hg2{line-height:1.5rem;height: 3.2rem; overflow: hidden;}
.img-news{height: 230px; overflow: hidden;}
.img-news img{ width: 100%; height: 100%; object-fit: cover;}


.img-hj{height: 230px; overflow: hidden;}
.img-hj img{ width: 100%; height: 100%; object-fit: cover;}

.news-a img,.news-a a .news-aa{transition: all 0.3s ease;}
.news-a a:hover{ color: #333333;}
.news-a a:hover img{ transform: scale(1.05);}
.news-a a:hover .news-aa{background-color: #d0121b; color: white;}
.bg-fwzc1{background: url("../images/sh1.jpg") no-repeat center; height: 650px; padding-top: 250px;}

.trs-prd .img-prd{height: 255px; overflow: hidden; position: relative;}
.trs-prd .img-prd .jia{position: absolute;top: 0px;left: 0px; background-color: rgba(208, 18, 27,0.7); text-align: center; overflow: hidden; display: grid;place-items: center; width:100%;opacity: 0;transition: all 0.2s ease;}
.trs-prd .img-prd .jia img{transition: all 0.5s ease;}
.trs-prd .img-prd .img{ width: 100%; height: 100%; object-fit: cover;transition: all 0.2s ease;}


.trs-prd:hover .img-prd{height: 255px; overflow: hidden; position: relative;}
.trs-prd:hover .img-prd .img{ transform: scale(1.05);}
.trs-prd:hover .img-prd .jia{position: absolute;z-index: 1000;top: 0px;left: 0px; background-color: rgba(208, 18, 27,0.7); text-align: center; overflow: hidden; display: grid;place-items: center; width: 100%;opacity: 100;}
.trs-prd:hover .img-prd .jia img{transform: rotate(180deg);}

/*小于600px*/
@media (max-width:600px){
  .bg-fwzc2{background: url("../images/sh2.jpg") no-repeat center; height: 650px;padding-top: 100px;}
}
/*大于600px*/
@media (min-width:600px){
  .bg-fwzc2{background: url("../images/sh2.jpg") no-repeat center; height: 650px;padding-top: 250px;}
}