.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper-slide {
  width: 30%;
}
/*[首页] start*/
/*banner*/
.banner .swiper-pagination{
  bottom: 2rem;
}
.banner .swiper-pagination-bullet{
  width: 3rem;
  height: .25rem;
  border-radius: 0;
}
.banner .swiper-pagination-bullet-active{
  background-color: #B12433;
}

/*looking for*/
.lookfor{
  margin-top: 4rem;
}
.lookfor .row{
  margin-top: 3rem;
}
.lookfor .nav-link{
  height: 100%;
  padding:2rem 0;
  text-align: center;
  border:solid 1px #D9D9D9;
  transition: all .4s;
}
.lookfor .nav-link img{
  max-width: 100%;
}
.lookfor .nav-link>p{
  margin-top: 2rem;
  color:#000;
  font-size: 1.375rem;
}


/*why*/
.why{
  margin-top: 3rem;
  padding:5rem 0;
  background: url(/imgs/home/2f-bg.jpg) no-repeat center bottom;
  background-attachment: fixed;
  color:#fff; 
}
.why .btn-light{
    padding:.5rem 2rem;
}
.why-list{
  position: relative;
  padding:3rem 2rem 3rem 4rem;
  background:rgba(164, 44, 57, .9);
}
.why-list>p{
  position: absolute;
  left: 4rem;
  top: -1.5rem;
  font-size: 1.875rem;
  font-weight: bolder;
}
.why-list ul{
  list-style: square;
}
.why-list li{
  margin-bottom: .5rem;
}
.why-area{
  margin-top: 2rem;
  text-align: center;
}
.why-area .col{
  padding:2rem 0;
  border-right:solid 1px rgba(255,255,255,.5);
  border-bottom:solid 1px rgba(255,255,255,.5);
}
.why-area .col p:first-child{
  font-size: 2rem;
  margin-bottom: 1rem;
}
.why-area .col:nth-child(3n){
  border-right:none;
}
.why-area .col:nth-last-child(-n+3)
{
  border-bottom: none;
}
.why button{
  margin-top: 4rem;
}
.title{
  position: relative;
  padding:3rem 0 2rem 0;
  text-transform: uppercase;
}
.title>p{
  font-size: 1.875rem;
  font-weight: bolder;
}
.title>div{
  margin-top: .5rem;
  font-size: 1rem;
  color:#666;
  line-height: 2.25rem;
}
.title .btn{
  position: absolute;
  right:0;
  top: 3rem;
}
/*products*/
.products-list{
  padding-bottom: 1rem;
}
.products-list .card{
  position: relative;
  margin-bottom: 2rem;
  box-shadow: 0px 10px 20px 0px #ddd;
  border:none;
}
.products-list .card::before{
  z-index: 2;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width:71px;
  height: 71px;
  background: url(/imgs/home/3f-hot.png) no-repeat;
 }
 .products-list .card-img{
  margin:1rem 0 1rem 1rem;
  border-radius: 4px 0px 0px 4px;
 }
 .products-list .card-img img{
  background: #EFEFEF;
 }
 .products-list .card-title{
  margin-top: .5rem;
  font-weight: bolder;
 }
 .products-list .card-text{
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 1.5rem;  
 }
 .products-type{
  padding-top: 2rem;
 }
    .products-type .nav-pills .nav-item {
        margin-bottom: 1rem;
        margin-right: 1.5rem;
    }
.products-type .nav-pills .nav-link{
  padding: 0.5rem 1.5rem;
  color:#000000;
  font-weight: bolder;
  border-radius: 0;
  cursor: pointer;
}
.products-type .nav-pills .nav-link.active, .products-type .nav-pills .show>.nav-link{
  color:#fff!important;
  background: #B12433;
}
.products-swiper .card{
  padding:1.25rem 1.5rem;
  text-align: left;
}
/*.products-swiper .img-scale{
    height:6.875rem;
}*/
.products-swiper .card-body{
  width: 100%;
  padding-left:0;
  padding-right:0;
  padding-bottom:0;
}
.products-swiper .card-text{
  margin-top: .5rem;
  font-size: .875rem;
  font-family: ArialMT;
  color: #666666;
  line-height: 1.5rem;
  height:4.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.products-swiper .btn{
  margin-top: 1rem;
}

/*applications*/
.applications-swiper{
  padding:0 1.875rem 1.5rem 1.875rem;
  background-color: #fff;
}
.applications-swiper .card{
  position: relative;
  text-align: left;
  padding-bottom: 7.5rem;
  overflow: hidden;
  transition: all .5s;
  border: 1px solid #D9D9D9;
}
.applications-swiper .card>a{
  display: block;
  width: 100%;
}
.applications-swiper .card-body{
  z-index: 2;
  position: absolute;
  bottom: -4.7rem;
  left: 0;
  width:100%;
  padding:1rem 2rem 2rem 2rem;
  background-color: #fff;
  transition: bottom .5s;
}
    .applications-swiper .card-text {
        font-size: 1rem;
        font-weight: bolder;
        line-height: 30px;
        height: 90px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical;
    }
.applications-swiper .btn{
  margin-top: 1rem;
}


/*news*/
.news{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  background: url(/imgs/home/5f-bg.jpg) no-repeat center center;
  background-size: 100% auto;
}
.news-title{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-transform: uppercase;
}
.news-title>p{
  font-size: 1.875rem;
  font-weight: bolder;
}
.news-title .btn{
  margin-top: 1rem;
}
.news-list{
  background: transparent;
}
.news-list .row{
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom:solid 1px #E6E6E6;
  margin: 0;
}
.news-list .row:last-child{
  border-bottom:none;
}
.news-list .row>div:first-child{
  width: 23%;
  color:#CCCCCC;
  vertical-align: top;
}
.news-list .row>div:first-child i{
  font-size: 3.75rem;
  font-weight: bolder;
  font-style: italic;
  transition: all .4s;
}
.news-list .row>div:first-child span{
  font-size: 1.125rem;
  text-transform: uppercase;
}
.news-list .row>div:nth-child(2){
  position: relative;
}
.news-list .row>div:nth-child(2) p{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1.875rem;
  text-transform: uppercase;
  font-size: 1rem;
}
.news-list .row>div:last-child{
  position: relative;
}
.news-list .iconfont{
  position: absolute;
  top: 50%;
  right:0;
  transform: translateY(-50%);
  font-size: 1.5rem;
  color:#B12433;
  opacity: 0;
  transition: all .4s;
}


/*about*/
.about{
  min-height: 580px;
  padding:4rem 0 0 0;
  background: url(/imgs/home/6f-bg1.jpg) no-repeat center center;
  background-size: auto 100%;
}
.about-title a{
  font-size: 1.875rem;
  color: #FFFFFF;
}
.about .nav{
  margin-top: 2rem;
  border-bottom:solid 1px rgba(255,255,255,.3);
}
.about .nav-item{
  position: relative;
  padding:0 4.5rem;
  font-size: 1.125rem;
}
.about .nav-link{
  padding:0 0 1.5rem 0;
  color:#fff;
}
.about .nav-link:focus,.about .nav-link:hover{
  border:none;
  outline: none;
}
.about .nav-item.active::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: 50px;
  height: 3px;
  background: #FFFFFF;
  transform: translateX(-50%);
}
.about .tab-pane{
  padding-top: 2.875rem;
  font-size: .875rem;
  line-height: 1.625rem;
  color:#fff;
  /*font-style: italic;*/
}
.about .tab-pane p:not(:first-child){
  margin-top: .75rem;
}
.about .tab-pane img{
  max-width: 100%;
}
.about .tab-pane-qual .col-3{
  width: 23.5%;
}


/*partner*/
.partner{
  padding-top: 3rem;
  padding-bottom: 3.75rem;
  background: url(/imgs/home/7f-bg.jpg) no-repeat right bottom;
  background-size: auto 100%;
}
.partner-title{
  font-size: 1.875rem;
  text-transform: uppercase;
  font-weight: bolder;
}
.partner-list p{
  margin-top: 3rem;
  font-size: 1.125rem;
  color: #666666;
}
.partner-list .col{
  margin-top: 1.875rem;
}
.partner-list .col img{
  max-width:100%;
}
/*[首页] end*/

/*[404] start*/
.error{
  padding-top: 3rem;
}
.error>div{
  padding: 3rem 0 17.5rem 0;
  width:70%;
  margin-left: 15%;
  background: url(/imgs/404-img.jpg) no-repeat right top;
  background-size: 84% auto;
  line-height: 1;
}
.error p:first-child{
  font-size: 3.875rem;
  font-weight: bolder;
}
.error p:nth-child(2){
  font-size: 3rem;
  font-weight: bolder;
}
.error p:nth-child(3){
  margin-top: 2rem;
  font-size: 1.125rem;
  color: #666666;
}
.error p:last-child{
  margin-top: 2rem;
}
.error a{
  margin-right: 2rem;
  font-size: 1rem;
  color: #AE1827;
  font-weight: bolder;
}
/*[404] end*/

/*[sitemap] start*/
.sitemap{
    padding-bottom:4rem;
}
.sitemap li {
    padding: 2rem 0 1.25rem 0;
    font-size: .875rem;
    border-bottom: dashed 1px #D9D9D9;
}
.sitemap li:last-child{
  border-bottom:none;
}
.sitemap li>a{
  display: inline-block;
  padding:.5rem .75rem;
  color: #fff;
  line-height: 1;
  background: #B12433;
}

.sitemap div{
  margin-top: 1.5rem;
}
.sitemap div>a{
  display: inline-block;
  margin-right: 3rem;
  margin-bottom: .75rem;
}
.sitemap .iconfont{
  color:#CCCCCC;
}
/*[sitemap] end*/

/*[faq] start*/
.faq{
  padding-top: 0;
  padding-bottom: 3rem;
}
.faq li{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  border-top: dashed 1px #D9D9D9;
}
.faq li:first-child{
  padding-top: 1.5rem;
  border-top: none;
}
.faq li>p{
  font-size: 1.5rem;
  font-weight: bolder;
  line-height: 1;
}
.faq li>div{
  position: relative;
  margin-top: 1.25rem;
  padding:1rem 1.5rem;
  color: #666666;
  font-size:1rem;
  line-height: 2rem;
  background-color: #F2F2F2;
}
.faq li>div::before{
  content: '';
  position: absolute;
  left: 90px;
  top: -8px;
  display: block;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #F2F2F2;
}
/*[faq] end*/

/*[download] start*/
.download{
  padding: 2rem 6rem 6rem 6rem;
}
.download-list li{
  position: relative;
  padding: 2.5rem 205px 2.5rem 0;
  border-bottom: dashed 1px #D9D9D9;
  line-height: 1.875rem;
}
.download-list li>p{
  font-size: 1.5rem;
  font-weight: bolder;
  color: #000000;
}
.download-list li>div{
  margin-top: .5rem;
  font-size: 1rem;
  color: #666666;
}
.download-list .btn{
  position: absolute;
  top: 3rem;
  right: 0;
}
.download .page{
  margin-top: 3rem;
}
/*[download] end*/

/*[project] start*/
.project-area1{
  margin-top: 2rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  background-color: #F7F7F7;
}
.project-area1 .row{
  margin-top: 2rem;
}
.project-area1 .card{
  padding:2.5rem 0 2.25rem 2.5rem;
  border-color: #D9D9D9;
  border-radius: 0;
  line-height: 1;
}
.project-area1 .card>p{
  font-size: 1.5rem;
  font-weight: bolder;
}
.project-area1 ul{
  margin-top: 1rem;
  padding-left: 18px;
  list-style: square;
}
.project-area1 li{
  padding: .5rem 0;
  line-height: 1.5rem;
  font-size: 1rem;
  font-weight: bolder;
}
.project-area2{
  margin-top: 1rem;
  background: url(/imgs/project/project-3f-bg.jpg) no-repeat center;
  background-size: auto 100%;
  color: #fff;
}
.project-area2 .col{
  min-height: 300px;
  position: relative;
  border-right: solid 1px rgba(255,255,255,.3);
  border-bottom: solid 1px rgba(255,255,255,.3);
  box-sizing: border-box;
  padding: 2rem 0 2rem 0;
}
.project-area2 .col>span{
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  font-size: 5rem;
  font-weight: bolder;
  color: rgba(255,255,255,.3);
  line-height: 1;
  text-align:right;
}
.project-area2 .col>p{
  line-height: 1.2;
  padding-left: 3rem;
  padding-right: 1rem;
  font-size: 1.5rem;
  font-weight: bolder;
}
.project-area2 .col>div{
  line-height: 1.5rem;
  padding-left: 3rem;
  padding-right: 6rem;
  margin-top: 1rem;
  font-size: 1rem;
}
.project-area3{
  margin-top: 5rem;
  padding-bottom: 3rem;
}
.project-area3 .col{
  text-align: center;
}
.project-area3 .iconfont{
  font-size: 7rem;
  color: #B12433;
}
.project-area3 p{
  margin-top: 3rem;
  font-size: 1.875rem;
}
.project-area3 .col div{
  margin-top: 1rem;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.project-area4{
  padding-top: 2.5rem;
  padding-bottom: 4rem;
  background-color: #F7F7F7;
}
/*[project] end*/

/*[support] start*/
.support-nav .nav-item{
  margin-left: 3rem;
  margin-right: 3rem;
}
/*[support] end*/

/*[applications] start*/
/*category*/
.category .card{
  border:none;
  border-radius: 0;
}
.category .card-body{
  padding:0;
}
.category .card-text{
    height:4.5rem;
}
.category .card-img-top{
  border-radius: 0;
}
.category .card-title{
  display: inline-block;
  line-height: 1.5rem;
  margin-top: 1rem;
  font-size: 1.5rem;
  font-weight: bolder;
}
.category .card-text a{
  font-size: 1rem;
  line-height: 2;
  color:#666;
}
.category .btn{
  margin-top: 1rem;
  width: 100%;
}
/*list*/
.list .card{
  height: 300px;
  padding-top: 3rem;
  padding-bottom: 3rem;
  border: none;
  border-bottom: solid 1px #D9D9D9;
  box-sizing: content-box;
}
.list .card .img-fluid{
  height: 300px;
  min-width: 100%;
  object-fit: cover;
}
.list .card-body{
  height: 100%;
  position: relative;
  padding:0 0 0 2rem;
}
.list .card-title{
  display: block;
  line-height: 1;
  font-size: 1.75rem;
  font-weight: bolder;
}
.list .card-text{
  display: block;
  display: -webkit-box;
  max-width: 100%;
  height: 125px;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1rem;
  color:#666666;
  line-height: 30px;
  margin-top: 1rem;
}
.list .card-list{
  position: absolute;
  bottom: 0;
  left: 2rem;
  width: 100%;
}
.list .card-list>p{
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
}
.list .card-list a{
  position: relative;
  float: left;
  display: block;
  width: 100%;
  height: 100px;
}
.list .card-list img{
  width: 100%;
  max-height: 100%;
}
.list .card-list span{
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 14px;
  background-color: rgba(0,0,0,.3);
  transition: opacity .5s;
}
.list .card-list i{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  display: block;
  width: 90%;
  text-align:center;
}

.related-list>p{
  font-size: 1.125rem;
  font-weight: bolder;
}
.related-list ul{
  margin-top: 1rem;
}
.related-list li p{
  margin-top: 1rem;
  text-align: center;
  font-size: 1rem;
}
/*[applications] end*/

/*[company] start*/
.qualifications-swiper{
  padding-left: 50px;
  padding-right: 50px;
}
.qualifications-swiper .swiper-slide{
  display: block;
  text-align: center;
  font-size: 14px;
}
.qualifications-swiper .swiper-wrapper{
  /*overflow-x: hidden;*/
}
.qualifications-swiper .swiper-button-next, .qualifications-swiper .swiper-button-prev{
  margin-top: calc(0px - 43px - 2rem);
}
/*[company] end*/

/*[contact] start*/
.contact-ewm{
    --bs-gutter-x: 1.25rem;
    margin-top: 2rem;
}
.contact-ewm .card{
  padding:1rem 1.5rem;
  border: 1px solid #ccc;
  border-radius: 0;
}
.contact-ewm .card-body{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 0 0 2rem;
}
.contact-ewm .card-title{
  font-size: 1.25rem;
  font-weight: bolder;
}
.contact-ewm .card-text a{
  font-size: 1rem;
  color:#666;
  margin-top: 1rem;
}
/*[contact] end*/

/*[quality] start*/
.quality-cert {
  --bs-gutter-x: 6rem;
}
.quality-cert .col{
  padding: 0 3rem 1rem 3rem;
}
.quality-cert .col p{
  margin-top: 1rem;
  font-size: 1rem;
  text-align: center;
}
.quality-cert img{
  width: 100%;
}
.partner-list-s .col{
  margin-top: 1.25rem;
}
.quality-swiper{
  padding-top: 1.5rem;
  padding-left: 30px;
  padding-right: 30px;
}
.quality-swiper .swiper-slide{
  display: block;
  text-align: center;
  font-size: 14px;
}
.quality-swiper .swiper-button-next, .quality-swiper .swiper-button-prev{
  margin-top: calc(0px - 43px - 2rem);
}
.quality-swiper.swiper-bottom{
  /*padding-bottom: 3rem;*/
}
.list2 .card{
  border:none;
  margin-top: 2rem;
}
.list2 .card-body{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 3rem;
  font-size: 1.125rem;
  line-height: 2rem;
}
/*[quality] end*/

/*[news] start*/
.list3 img{
  min-height: 100%;
  object-fit: cover;
}
.list3 .card{
  border:none;
  padding:2.5rem 0;
  border-bottom: solid 1px #D9D9D9;
}
.list3 .card .row{
  min-height: 170px;
}
.list3 .card-body{
  position: relative;
  height: 100%;
  padding: 0 0 0 3rem;
}
.list3 .card-title{
  font-size: 1.5rem;
  font-weight: bolder;
  line-height: 2rem;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.list3 .card-text{
  font-size: 1rem;
  color: #666;
  line-height: 1.75rem;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; 
}
.list3 .col-4{
  width:40%;
}
.list3 .col-8{
  width:60%;
}
.list3 .card-time{
  position: absolute;
  bottom: .375rem;
  left: 3rem;
  color: #B3B3B3;
}
.list3 .card:last-child{
  border-bottom: none;
}
/*[news] end*/

/*[product] start*/
.banner-links{
  position: absolute;
  bottom: 5rem;
  left: 0;
  width:100%;
  text-align: center;
}
.banner-links a{
  margin:0 .5rem;
  padding:1.5rem 1.25rem;
  color:#fff;
  font-size: 1.125rem;
  background: rgba(0,0,0,.5);
}

.banner-links .iconfont{
  font-size: 1.5rem;
}
.plist{
    padding-bottom: 16rem!important;
  }
.plist-item{
  padding:4rem 0 3rem 0;
  border-bottom: solid 1px #D9D9D9;
}
.plist-title{
  padding-left: .75rem;
  border-left: solid 6px #AE1D2C;
  font-size: 1.875rem;
  font-weight: bolder;
  line-height: 1;
}
.plist .plist-sec{
  margin-top: 1.5rem;
  font-size: 1rem;
}
.plist .btn{
  margin: .5rem .675rem .5rem 0;
  padding:1rem 1.25rem;
  line-height: 1;
  border:solid 1px #D9D9D9;
  color:#000;
  box-shadow: none!important;
}
.plist .btn-check:checked+.btn{
    background-color: #AE1D2C;
    border-color: #AE1D2C;
    color:#fff;
}
.plist .btn:hover,.plist .btn:focus {
    background-color: #F7E8E9;
}
.plist-compare .card{
  position: relative;
  padding:1.25rem 1.875rem;
  box-shadow: 0px 5px 10px 0px rgba(47, 55, 73, 0.1);
  border:none;
}
.plist-compare .card p{
  margin-top: 1rem;
  text-align: center;
  font-size: 1rem;
  line-height: 1;
}
.plist-compare .form-check{
  position: absolute;
  right: 1.875rem;
  top:1.25rem;
  color: #fff;
  font-size: 14px;
  background-color: rgba(153, 153, 153, .9);
  padding:.25rem .625rem .25rem 2.125rem; 
  margin-bottom: 0;
}

.plist-compare .form-check,.plist-compare .form-check label,.plist-compare .form-check-input{
  cursor: pointer;
}
.plist-compare .form-check label{
  vertical-align: middle;
  font-size: 1rem;
}
.plist-compare .form-check-input{
  background-color: transparent;
  border-color: #fff;
  border-radius: 0;
  box-shadow: none!important;
}
.plist-compare .form-check-input:checked[type=checkbox]{
  background-color: #AE1D2C;
}
.plist-compare .form-check.checked{
  background-color: #AE1D2C;
}
.product-nav .nav-link {
  margin-left: 1rem;
  margin-right: 1rem;
}
.choosed{
    z-index:999;
  display: none;
  left: initial;
  padding: 0 2rem;
  background-color: #fff;
  border:solid 3px #AE1D2C;
  border-bottom: none;
}
.choosed-top{
  position: relative;
  padding:1rem 0;
  line-height: 1;
  font-size: 1.125rem;
}
.choosed-top>a{
  position: absolute;
  right: 0;
  color:#AE1D2C;
}
.choosed-top .iconfont{
  display: inline-block;
  transform: rotate(180deg);
}
.choosed-top .iconfont+i{
  display: none;
  margin-left: .5rem;
}
.choosed.opened .choosed-top .iconfont{
  transform: rotate(0deg);
}
.choosed.opened .choosed-top .iconfont+i{
  display: inline-block;
}
.choosed-btns{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 2.5rem;
}
.choosed-btns .btn{
  width:100%;
  font-size: 1rem;
  margin:10px 0;
  line-height: 2;
}
.choosed .card{
  position: relative;
  padding:1rem;
  border-radius: 0;
  text-align: center;
}
.choosed .card p{
  margin-top: .75rem;
  line-height: 1;
  text-align: center;
  font-size: 12px;
}
.choosed .icon-close{
  position: absolute;
  top: .625rem;
  right: .625rem;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 12px;
  background: rgba(128, 128, 128, .5);
  border-radius: 50%;
  color:#fff;
  cursor: pointer;
}
.modal-compare .btn-close{
  width:1.5rem;
  height: 1.5rem;
  padding-bottom: 0;
  line-height: 1;
  background: none;
  box-shadow: none;
}
.modal-compare .btn-close .iconfont{
  color: #fff;
  font-size: 1.5rem;

}
.modal-compare .modal-header{
  border-bottom: none;
}
.modal-compare .modal-body{
  padding-top: 0;
}
.modal-compare .modal-content{
  background-color: transparent;
  border:none;
}
.modal-compare .table{
  font-size: 1rem;
  background-color: #fff;
}
.modal-compare .table th{
  font-weight: normal;
  border-color: #d9d9d9;
  background-color: #f7f7f7;
}
.modal-compare .table tr:first-child th{
  font-weight: bolder;
}
/*[product] end*/

/*[product detail] start*/
.swiper-top{
  width:100%;
  height: 20rem;
  background-color: #EFEFEF;
}
.swiper-thumb{
  margin-top: .25rem;
  height: 5rem;
}
.detail-r .btn{
  width: 100%;
  padding: .5rem;
}
.detail-r{
  position: relative;
  padding-bottom: 12.25rem;
}
.detail-r .linksline{
  position: absolute;
  bottom: 5.25rem;
  width:100%;
}
.linksline .iconfont{
  font-size: 1.25rem;
  margin-right: .25rem;
}
.detail-tab{
  margin-top: 4rem;
  background-color: #f7f7f7;
}
.detail-tab .nav-item{
  width: 25%;
  border: solid 1px #CCCCCC;
  text-align: center;
}
.detail-tab .nav-item+.nav-item{
  border-left: none;
}
.detail-tab .nav-item.active{
  border-top: solid 4px #AE1D2C;
  background-color: #FFFFFF;
}
.detail-tab .nav-link{
  padding: 1.5rem 0;
  font-size: 1.25rem;
  font-weight: bolder;
  color:#000;
}
.detail-tab-content .tab-pane{
  padding-top: 3rem;
  padding-bottom: 4rem;
}
.detail-char img{
  max-width: 100%;
}
.char-item{
    position:relative;
  
  /*background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;*/
}
.char-item img{
    width:100%;
}
.char-item-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 2rem;
    text-align: center;
    box-sizing:border-box;
}
.char-item-content > div {
    margin-top: 1.5rem;
    padding: 0 4rem;
    font-size: 1.5rem;
    line-height: 1.5;
}
@media(min-width:768px){
    .char-item-content{
        line-height:2.5rem;
    }
    .char-item-content h1{
        margin:1rem 0!important;
    }
}
.detail-tab-content .table thead
{
  font-weight: bolder;
  font-size: 1.25rem;
}
.detail-tab-content .table tbody th
{
  background-color: #F7F7F7;
}
.detail-tab-content .faq{
  padding:0;
}
.detail-tab-content .faq li:first-child {
  padding-top: 0;
}
.detail-tab-content .faq p{
  padding-right: 8rem;
  line-height: 1.25;
}
.detail-tab-content .faq p>a{
  position: absolute;
  right: 0;
  top: 2px;
  font-weight: bolder;
  font-size: 1.125rem;
}
.wiki-list .card{
  border-radius: 0;
  height: 100%;
}
.wiki-list .card>p{
  padding: 1.25rem;
  line-height: 1;
  color:#fff;
  font-weight: 600;
  font-size: 1rem;
  background-color: #000;
}
.wiki-list .card ul{
  padding:1rem 0 1rem 1.875rem;
}
.wiki-list .card li{
  margin:.5rem 0;
  font-size: .875rem;
}
/*[product detail] end*/

/*[search] start*/
.filter .row{
  padding:.5rem 0;
  border-bottom: solid 1px #D9D9D9;
}
.filter .col-md-3{
  font-size: 1rem;
  color:#666666;
  padding-top: 1.5rem;
}
.filter .nav-item{
  margin: 1rem 1.5rem 1rem 0;
}
.filter .nav-link{
  color:#000;
  font-size: .875rem; 
  cursor:pointer;
}
.filter .nav-link.active{
  border-radius: 0;
  background-color: #B02231;
}
.filter .nav-link.disabled{
  color: #CCCCCC;
}
.filter .btn{
  width:12rem;
}
.search-table{
  min-width: 800px;
  text-align:center;
  font-size: .875rem;
}
.search-table thead th{
  text-align:center;
}
.search-table a{
  color: #B02231;
}
/*[search] end*/

@media (any-hover:hover){
  .lookfor .nav-link:hover{
    box-shadow: 0px 10px 20px 0px #ddd;
    border: 1px solid #B12433;
  }
  .applications-swiper .card:hover
  {
    box-shadow: 0px 10px 20px #eee;
    border: 1px solid #D9D9D9;
  }
  .applications-swiper .card:hover .card-body{
    bottom: 0;
  }
  .news-list .row:hover>div:first-child i,.news-list .row:hover>div:nth-child(2) p{
    color: #B40A1C;
  }
  .news-list .row:hover .iconfont{
    opacity: 1;
  }
  .sitemap li>a:hover{
      color: #fff!important;
  }
  .category .card-text a:hover{
    color:#B0212F;
  }
  .list .card-list a:hover span{
    opacity: 1;
  }
  .banner-links a:hover{
    background: rgba(0,0,0,.8);
  }
  .plist-compare .form-check:hover{
    background-color: rgba(153, 153, 153, 1);
  }
  .choosed .icon-close:hover{
    background: rgba(128, 128, 128, 1);
  }
  .filter .nav-link:hover{
    color: #B02231;
  }
  .filter .nav-link.active:hover{
    color: #fff!important;
  }
}