/*改写-----Begin*/
/*如有定义header, footer 注意设置相应的位置，颜色等*/
header {
  background: #000;
}
body {
  background-color: #FFFFFF;
  padding-top: 36px;
  font-family: "Roboto",sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.xr-sp-bg-dblue {
  background: rgba(6, 12, 34, 0.98);
}
.xr-sp-hd-menu-font {
  font-weight: 600;
  font-size: 0.9375rem;
}
.xr-sp-text-red {
  color: #ff0000;
}
.xr-sp-btn-red {
  color: #fff;
  background:#ff0000;
  border-color:#ff0000;
}
.xr-sp-btn-red:focus, .xr-sp-btn-red.focus, .xr-sp-btn-red:hover, xr-sp-btn-red:active,
.xr-sp-btn-red:not(:disabled):not(.disabled):active, .xr-sp-btn-red:not(:disabled):not(.disabled).active,
.xr-sp-btn-red:not(:disabled):not(.disabled):active:focus, .xr-sp-btn-red:not(:disabled):not(.disabled).active:focus {
  color: #fff;
  background:#f00202;
  border-color:#f00202;
}

.xr-sp-box-sec {
  /**background-color: #181818;
  border-top: 1px solid rgba(255,255,255,0.3);**/
}

.xr-sp-hd-h3-uline {
  margin-bottom: 60px;
  position: relative;
  padding-bottom: 20px;
}
.xr-sp-hd-h3-uline::before {
  content: "";
  position: absolute;
  display: block;
  width: 60px;
  height: 5px;
  background: #ff0000;
  bottom: 0;
  left: calc(50% - 25px);
}

.xr-sp-bg-black {
  background: #000 !important;
}
.xr-sp-min-with-32 {
  min-with:32px;
}
a.xr-sp-link-lightgray, a.xr-sp-link-lightgray:link, a.xr-sp-link-lightgray:visited,
.xr-sp-link-lightgray a, .xr-sp-link-lightgray a:link, .xr-sp-link-lightgray a:visited {
  color: #FFF;
}
a.xr-sp-link-lightgray:hover, .xr-sp-link-lightgray a:hover {
  color:#FF0;
}
.xr-box-grid .xr-pro-name {
  min-height:70px;
}
.xr-sp-line-height-200 {
  line-height: 200%;
}
.mh-9r {
	min-height:9rem;
}

@media (max-width: 991.98px) {
  body {
    padding-top: 60px;  
  }
  .xr-sp-sm-bg-dblue {
    background: rgba(6, 12, 34, 0.98);
  }
  /***.xr-sp-sm-box-sec {
    background-color: #181818;
    border-top: 1px solid rgba(255,255,255,0.3)
  }****/
  .xr-mr-sm-0 {
    margin-right: 0 !important;
  }
}


@media (min-width: 992px) {
  .xr-hd-logo h1, .xr-hd-logo span {
    top: 103%;
    left: 8%;
  }
  .xr-sp-logo-height {
    height: 30px;
  }
  .xr-sp-fixed-top-lg-none {
    position: relative !important;
    z-index: 102;
  }
  #xri_hd_A2_bg, #xri_h_pro_pic {
    width: 100%;
    height: 90vh;
    /**background: url(/upload/public/home_A2_bg.png) no-repeat center top;**/
    opacity: 1;
    overflow: hidden;
    position: relative;
    background-color: transparent;
	height:auto;
  }
  #xri_hd_A2_bg::before, #xri_h_pro_pic::before {
    content: "";
    /***background: rgba(6, 12, 34, 0.8);**/
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
  }
  #xri_H_Pro_Pic .swiper-slide {
    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;
    transition: 300ms;
    transform: scale(0.8);
  }
  /***#xri_H_Pro_Pic .swiper-slide-active,.swiper-slide-duplicate-active{***/
  #xri_H_Pro_Pic .swiper-slide-active {
    transform: scale(1);
	border: 6px solid #f82249;
  }
  .xr-sp-foot-border-x {
	border-left: 1px solid #dee2e6 !important;
	border-right: 1px solid #dee2e6 !important;
  }
  /***
  #xmi_home_pro_related .xr-sp-pro-name-ht {
    min-height:67.2px;
  }****/
}

footer {
  background: #040919;
  margin: 0;
}
.xr-sp-footer-cr {
  background: #101522;
}

.xr-sp-circle-blg, .xr-sp-circle-tw, .xr-sp-circle-fb, .xr-sp-circle-ytb {
  border-radius: 50%;
  background-color:#fff;
  width: 2.7rem;
  height: 2.7rem;
  font-weight: bold;
}
.xr-sp-circle-blg i, .xr-sp-circle-blg span, .xr-sp-circle-tw i, .xr-sp-circle-tw span, .xr-sp-circle-fb i, .xr-sp-circle-fb span, .xr-sp-circle-ytb i, .xr-sp-circle-ytb span {
  color:#3B3B3B !important;
}
.xr-sp-circle-blg:hover {
  background-color:#0067B9 !important;
}
.xr-sp-circle-tw:hover {
  background-color:#55acef !important;
}
.xr-sp-circle-fb:hover {
  background-color:#3e5b99 !important;
}
.xr-sp-circle-ytb:hover {
  background-color:#EB191A !important;
}
.xr-sp-circle-blg:hover i, .xr-sp-circle-blg:hover span, .xr-sp-circle-tw:hover i, .xr-sp-circle-tw:hover span, .xr-sp-circle-fb:hover i, .xr-sp-circle-fb:hover span, .xr-sp-circle-ytb:hover i, .xr-sp-circle-ytb:hover span {
  color: #FFF !important;
}

.xr-btn-white {
  color:#212529;
  background-color:#fff;
  border-color:#fff;
  border-radius:50%;
  font-bold: normal;
}
.xr-btn-white:hover {
  color: #212529;
  background-color: #fff;
  border-color: #fff;
  font-bold: normal;
}
.xr-btn-white.focus,.xr-btn-white:focus {
  box-shadow: 0 0 0 .2rem rgba(248,249,250,.5);
}
.xr-btn-white.disabled,.xr-btn-white:disabled {
  color: #212529;
  background-color: #fff;
  border-color: #fff;
}
.xr-btn-white:not(:disabled):not(.disabled).active,.xr-btn-white:not(:disabled):not(.disabled):active,.show>.xr-btn-white.dropdown-toggle {
  color: #212529;
  background-color: #fff;
  border-color: #fff;
}
.xr-btn-white:not(:disabled):not(.disabled).active:focus,.xr-btn-white:not(:disabled):not(.disabled):active:focus,.show>.xr-btn-white.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(248,249,250,.5);
}
.col-13 {
  width: 120%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 120%;
  position: absolute;
  top: 50%;
  left: -10%;
}
@media (max-width: 577px) {
  .col-13 {
    display: none;
  }
}
@media (max-width: 992px) {
  .col-13 {
    display: none;
  }
}
.xr-font-verdana {
  font-family:Verdana,Geneva,sans-serif;
}
.xr-font-georgia {
  font-family:Georgia, "Times New Roman", Times, serif;
}
.xr-font-tahoma {
  font-family:Tahoma, Geneva, sans-serif;
}
.xr-font-courier {
  font-family:"Courier New", Courier, monospace;
}

/*2024-01-09*/
.xr-virtual-items-brand .xr-virtual-items-brand-title {
  background:#f2f2f2;
}
.xr-virtual-items-brand:hover .xr-virtual-items-brand-title {
  background:#e20000;
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.xr-virtual-items-brand a:link, .xr-virtual-items-brand a:visited {
  color: #333 !important;
}
.xr-virtual-items-brand:hover a:link, .xr-virtual-items-brand:hover a:visited {
  color: #fff !important;
}