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

.fssmall{font-size: x-small;}
.nav-link{color: white;}
.nav-link:hover{color: rgb(230,33,42);}
.nav-item{text-align: center;}
.bd{border-right: 0px;}

.n-link div{background: url("../images/dhl.png") no-repeat right;}
.n-link a{display: block; height: 40px; line-height: 40px; margin: 8px 0px; padding: 0px; text-align: center;}
.nobg{background: none !important;;}

.red{color: rgb(230,33,42);}
.bg{background-color: rgb(230,33,42); color: white;}
.l-tit{background-color: rgb(230,33,42); height: 80px;line-height: 80px; padding-left: 20px;}
.l-list ul li{list-style: none; padding-top: 10px;}
.l-list ul li a{display: block; height: 50px; line-height: 50px; background-color: darkgray; padding-left: 50px;}
.l-list ul li a:hover{display: block; height: 50px; line-height: 50px; background-color: rgb(230,33,42); padding-left: 50px; color: white;}

.r-tit{background: url("../images/line.jpg") no-repeat bottom left; height: 60px; line-height: 60px;}

.bg-dark a{color: white;}
.bg-dark a:hover{color: rgb(230,33,42);}
.fs-small{ font-size: 12px;}

.dh2 a{display: block; padding: 4px 5px; background-color: #f7f7f7; float: left; margin-left: 8px; white-space: nowrap; margin-bottom: 5px;}
.dh2 a:hover{display: block; padding: 4px 5px; background-color: #d0121b; color: white;}
.clear{height: 0px; line-height: 0px; clear: both;}
.dh2 .s{display: block; padding: 4px 5px; background-color: #d0121b; color: white;}
.bd-bottom{ border-bottom: #494949 solid 1px;}







.title{text-align: center;background: url("../images/linei.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);}
.bgi-img{background: url("../images/newsi.jpg") no-repeat center;}



.bb{
	background:url("../images/bottombg.png") repeat;
  height:44px;
  text-align:center;
}
.bb .btmm{ text-align:center; height:44px;}
.bb .btmm a{ display:block; height:16px; line-height:16px; color:#dadada; text-decoration:none; font-size: 12px; padding: 0px; margin: 0px; padding-top: 12px;}
.bb .btmm a:hover{ display:block; height:16px; line-height:16px; color:#dadada; text-decoration:underline; font-size: 12px;padding: 0px; margin: 0px; padding-top: 12px;}
.bb .tel{background-image:url("../images/c1_n.png"); background-position:center; background-repeat:no-repeat;}
.bb .sms{background-image:url("../images/c2_n.png"); background-position:center; background-repeat:no-repeat;}
.bb .map{background-image:url("../images/c3_n.png"); background-position:center; background-repeat:no-repeat;}
.bb .chat{background-image:url("../images/c4_n.png"); background-position:center; background-repeat:no-repeat;}

/*小于800px*/
@media (max-width:800px){
.trs-prd{display: block;}
.trs-prd .img-prd{height: 48vw; 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: 48vw; 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);}





.trs-prdi .img-prdi{height: 48vw; overflow: hidden; position: relative;}
.trs-prdi .img-prdi .jiai{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-prdi .img-prdi .jiai img{transition: all 0.5s ease;}
.trs-prdi .img-prdi .img{ width: 100%; height: 100%; object-fit: cover;transition: all 0.2s ease;}


.trs-prdi:hover .img-prdi{height: 48vw; overflow: hidden; position: relative;}
.trs-prdi:hover .img-prdi .img{ transform: scale(1.05);}
.trs-prdi:hover .img-prdi .jiai{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-prdi:hover .img-prdi .jiai img{transform: rotate(180deg);}
}
/*大于800px*/
@media (min-width:800px){
  .trs-prd{display: block;}
.trs-prd .img-prd{height: 296px; 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: 296px; 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);}





  .nav-item{width: 14%;border-right: #ffffff solid 1px;}

.trs-prdi .img-prdi{height: 415px; overflow: hidden; position: relative;}
.trs-prdi .img-prdi .jiai{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-prdi .img-prdi .jiai img{transition: all 0.5s ease;}
.trs-prdi .img-prdi .img{ width: 100%; height: 100%; object-fit: cover;transition: all 0.2s ease;}


.trs-prdi:hover .img-prdi{height: 415px; overflow: hidden; position: relative;}
.trs-prdi:hover .img-prdi .img{ transform: scale(1.05);}
.trs-prdi:hover .img-prdi .jiai{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-prdi:hover .img-prdi .jiai img{transform: rotate(180deg);}
}