@charset "UTF-8";
.header {
  background: transparent;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 23;
  color: #fff;
  transition: all ease .3s;
}

.header .d1 {
  padding: .19rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.header .logo img {
  width: 3.98rem;
}

.header .logo img.logo2 {
  display: none;
}

.header .nav > ul {
  position: relative;
}

.header .nav > ul > li {
  position: relative;
  margin-right: .65rem;
}

.header .nav > ul > li > a {
  color: #fff;
  transition: all ease .3s;
  position: relative;
}

.header .nav > ul > li.on > a {
  color: rgba(255, 255, 255, 0.88);
}

.header .nav > ul > li .drop {
  position: absolute;
  top: 100%;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  transition: .5s;
  width: 1.8rem;
  left: 50%;
  z-index: 10000;
  transform: translateX(-50%) scaleY(0);
  transform-origin: top;
  visibility: hidden;
  overflow: hidden;
}

.header .nav > ul > li ul {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  border-radius: .04rem;
  text-align: center;
  position: relative;
  margin-top: .15rem;
  background: #fff;
}

.header .nav > ul > li ul::before {
  content: "";
  border: .1rem solid transparent;
  border-bottom: .1rem solid #fff;
  position: absolute;
  top: -.2rem;
  left: 50%;
  transform: translateX(-50%);
}

.header .nav > ul > li ul li {
  border-bottom: 1px solid #eee;
}

.header .nav > ul > li ul li a {
  padding: .14rem 0;
  font-weight: normal;
  color: #2C2B28;
  display: block;
}

.header .nav > ul > li ul li:last-child {
  border-bottom: 0;
}

.header .nav > ul > li ul li:hover {
  background: #282d65;
}

.header .nav > ul > li ul li:hover a {
  color: #fff;
}

.header .nav > ul > li ul li:nth-child(1) {
  border-radius: .04rem .04rem 0 0;
}

.header .nav > ul > li ul li:last-child {
  border-radius: 0 0 .04rem .04rem;
}

.header .nav > ul > li:hover .drop {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) scaleY(1);
}

.header .nav > ul > li:last-child a::after {
  display: none;
}

.header .nav > ul > li:first-child {
  margin-left: 0;
}

.header .share a {
  display: flex;
  height: .25rem;
  align-items: center;
  margin-left: .25rem;
}

.header .share a i {
  color: #fff;
}

.header .share a i.icon-email {
  margin-top: .1rem;
}

.header.fix, .header.fix2 {
  background: #fff;
  color: #2C2B28;
}

.header.fix .d1, .header.fix2 .d1 {
  border-color: #eee;
}

.header.fix .logo img.logo1, .header.fix2 .logo img.logo1 {
  display: none;
}

.header.fix .logo img.logo2, .header.fix2 .logo img.logo2 {
  display: inline-block;
}

.header.fix .d1 .nav > ul > li a, .header.fix2 .d1 .nav > ul > li a {
  color: #2C2B28;
}

.header.fix .share a i, .header.fix2 .share a i {
  color: #2C2B28;
}

.bgt {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.tkg {
  height: .97rem;
}

.banner {
  width: 100%;
  height: 100vh;
}
.banner .jt{width: 52px;height: 52px;line-height: 52px;text-align: center;background: none;transition: all ease .3s;}
.banner .jt i{color: #fff;font-size: 3vw;}
.banner .jt.swiper-button-prev{left: -3vw;}
.banner .jt.swiper-button-next{right: -3vw;}

.banner .jt:after{display:none}
.banner:hover .jt.swiper-button-prev{left: 2vw;}
.banner:hover .jt.swiper-button-next{right: 2vw;}
.banner .swiper-container {
  position: relative;
  z-index: 22;
}

.banner .swiper-container::after {
  content: "";
  height: .8rem;
  width: 100%;
  background: url("../img/bgc1.png") no-repeat bottom -5px center;
  background-size: 100% 100%;
  z-index: 12;
  position: absolute;
  bottom: 0;
}

.banner .swiper-container,
.banner .swiper-slide {
  height: 100%;
}

.banner .slide-txt {
  height: 100%;
  color: #fff;
  position: relative;
  z-index: 2;
}

.banner .slide-txt .tit {
  max-width: 8.6rem;
  line-height: 1.6;
  margin-bottom: 1rem;
}

.banner .slide-txt .vmore a {
  color: #fff;
}

.banner .swiper-pagination {
  bottom: .4rem;
  z-index: 22;
}

.banner .swiper-pagination .swiper-pagination-bullet {
  width: .1rem;
  height: .1rem;
  border: 1px solid #fff;
  border-radius: 50%;
  margin: 0 .12rem;
  background: none;
  opacity: 1;
}

.banner .swiper-pagination .swiper-pagination-bullet-active {
  background: #fff;
}

.banner .ban-slide-bj {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
  background: no-repeat center;
  background-size: cover;
}

.banner .ban-slide-bj1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  overflow: hidden;
}

.banner .swiper-slide-active .ban-slide-bj {
  transform: scale(1.15);
  -ms-transform: scale(1.15);
  -webkit-transform: scale(1.15);
  transition: all linear 5s;
  -webkit-transition: all linear 5s;
}

.vmore span {
  margin-right: .12rem;
  transition: all ease .8s;
}

.vmore span img {
  width: .48rem;
}

.vmore a:hover span,.vmore div:hover span {
  transform: rotate(45deg);
}

.vmore.vmore2 span {
  margin-right: 0;
}

.sec-type {
  margin-bottom: .48rem;
  color: #8E0D3D;
  line-height: 1.65;
  text-align: center;
}

.sec-type.txt-white {
  color: #fff;
}

.section1 .desc {
  margin-bottom: .77rem;
  padding: 0 .7rem;
  text-align: center;
  line-height: 1.6;
  color: #333;
}

.section1 .map {
  height: 6.5rem;
}

.section2 {
  background: #970e41;
  color: #fff;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.section2 .wp {
  position: relative;
  z-index: 1;
}

.section2 .sec-type {
  color: #fff;
}

.section2 .desc li {
  margin-bottom: .16rem;
  padding-left: .25rem;
  position: relative;
}

.section2 .desc li::after {
  content: "";
  width: .06rem;
  height: .06rem;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.section2 #lizi {
  width: 100%;
  height: 80%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -2;
  opacity: .35;
}

.section2 #lizi > div {
  width: 100%;
  height: 150%;
}

.section2 .list li {
  text-align: center;
  margin-top: .8rem;
}

.section2 .list li .item .pic {
  width: 2.91rem;
  height: 2.91rem;
  margin: 0 auto;
  background: #FFFFFF;
  border-radius: 50%;
}

.section2 .list li .item .pic .bimg {
  border-radius: 50%;
}

.section2 .list li .item .tit {
  margin-top: .56rem;
  color: #fff;
}

.section2 .list li:nth-child(3n) {
  float: right;
}

.section3 .swiper-wrapper {
  padding-bottom: 1.1rem;
}

.section3 .item {
  margin: .15rem;
}

.section3 .item .item-pic {
  height: 4rem;
  background: #fff;
  box-shadow: 0rem 0rem 0.27rem 0.03rem rgba(0, 0, 0, 0.1);
  border-radius: .12rem;
}

.section3 .item .item-pic .bimg {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.section3 .item .item-txt {
  background: #8E0D3D;
  color: #fff;
  border-radius: 0 0 .1rem .1rem;
  padding: .5rem;
  margin: 0 .33rem;
  min-height: 2.8rem;
}

.section3 .item .item-txt .tit {
  margin-bottom: .4rem;
}

.section3 .item .item-txt .desc p {
  margin: .1rem 0;
  position: relative;
  padding-left: .25rem;
}

.section3 .item .item-txt .desc p::before {
  content: "";
  width: .06rem;
  height: .06rem;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.section3 .swiper-scrollbar {
  width: 90%;
  overflow: hidden;
  left: 50% !important;
  transform: translateX(-50%);
  height: .08rem;
  max-width: 8rem;
  background: #DCDCDC;
  border-radius: .04rem;
}

.section3 .swiper-scrollbar .swiper-scrollbar-drag {
  background: var(--color);
}

.service {
  padding: .58rem 0;
  background: #8E0D3D;
  color: #fff;
}

.service .item {
  position: relative;
}
.service a{
    display: block;
} 
.service .item .cont {
  max-width: 4.2rem;
  color:#fff;
}

.service .item .cont .item-tit {
  margin-bottom: .25rem;
}

.service .item .cont .item-desc {
  line-height: 1.8;
  height:5.4em;
}

.service .item .vmore {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.footer {
  background: #2D2D2D;
  color: #fff;
  padding: .75rem 0;
}

.footer a {
  color: #fff;
}

.footer a:hover {
  color: rgba(255, 255, 255, 0.8);
}

.footer .ft1 .col1 img {
  max-width: 3.98rem;
}

.footer .ft1 .col2 li {
  margin-bottom: .32rem;
}

.footer .ft1 .col3 {
  line-height: 2;
}

.footer .copyright {
  text-align: center;
  margin-top: 1.3rem;
}

.footer .copyright p {
  margin-bottom: .2rem;
}

.footer .copyright p:last-child {
  margin-bottom: 0;
}

/* inner-slides */
.inner-slide {
  height: 8.1rem;
  color: #fff;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.inner-slide .bgt {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}

.inner-slide .bgt::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
}

.inner-slide::after {
  content: "";
  height: .8rem;
  width: 100%;
  background: url("../img/bgc1.png") no-repeat bottom -5px center;
  background-size: 100% 100%;
  z-index: 12;
  position: absolute;
  bottom: 0;
}

.inner-slide .slide-txt {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  color: #fff;
}

.inner-slide .slide-txt .type-name {
  margin-top: .5rem;
}

.inner-slide .slide-txt .type-desc {
  margin-top: .5rem;
}

.inner-slide .slide-txt .wrap {
  max-width: 10.5rem;
}

.inner-slide .slide-txt ul {
  padding-left: .2rem;
}

.inner-slide .slide-txt li {
  margin: .2rem 0;
  position: relative;
  list-style-type: disc;
}

.inner-slide.inner-slide2::after {
  content: "";
  background: url("../img/bgc2.png") no-repeat bottom -5px center;
  background-size: 100% 100%;
}

.subcat {
  margin-bottom: .2rem;
}

.subcat li {
  margin-right: .2rem;
}

.subcat li a {
  min-width: 1.5rem;
  padding: 0 .45rem;
  height: .36rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: .18rem;
  border: .01rem solid #8E0D3D;
  color: #8E0D3D;
  transition: all ease .3s;
}

.subcat li:hover a, .subcat li.on a {
  background: #8E0D3D;
  color: #fff;
}

.news .list .item {
  margin-top: .4rem;
}

.news .list .item .item-pic {
  position: relative;
}

.news .list .item .item-pic .cat {
  position: absolute;
  right: .13rem;
  top: 0;
  z-index: 1;
  background: #8E0D3D;
  color: #fff;
  padding: .1rem .3rem;
}

.news .list .item .item-pic .fitImg {
  padding-top: 62.3%;
}

.news .list .item .item-txt {
  background: #F8F8F8;
  padding: .35rem .2rem .2rem .2rem;
  color: #333;
}

.news .list .item .item-txt .date i {
  color: #8E0D3D;
  margin-right: .07rem;
}

.news .list .item .item-txt .tit {
  margin: .3rem 0 .8rem;
  -webkit-line-clamp: 3;
  line-height: 1.8;
  height: 5.4em;
}

.news .list .item .item-txt .link {
  color: var(--color);
}

.news .list .item:hover .item-txt .tit {
  color: var(--color);
}

.pages {
  padding: .4rem 0 0;
}

.pages li {
  margin: 0 .05rem;
}

.pages li a {
  width: .3rem;
  height: .3rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
}

.pages li a i {
  font-size: .12rem;
}

.pages li:hover a, .pages li.active a {
  background: #8E0D3D;
  color: #fff;
}

/* detail */
.detail .det1 {
  padding: .48rem 0 .88rem;
  background: #F9F9F9;
  color: #666;
  border-top: 1px solid rgba(142, 13, 61, 0.8);
}

.detail .det1 a {
  color: #666;
}

.detail .det1 a:hover {
  color: #333;
}

.detail .det1 .news-tit {
  margin: .51rem 0 .55rem;
  color: #8E0D3D;
  line-height: 1.6;
}

.detail .det1 .news-attr {
  color: #666;
}

.detail .det1 .news-attr .visit {
  margin-left: .35rem;
}

.detail .det2 .news-cont {
  line-height: 1.8;
}

.detail .det2 .news-cont img {
  max-width: 100% !important;
  height: auto !important;
}

.detail .det2 .news-sxp {
  padding: .3rem 0;
  border-top: 1px solid #EBECEC;
}

.detail .det2 .news-sxp .sxp li {
  margin-bottom: .18rem;
}

.detail .det2 .news-sxp .sxp li:hover {
  color: #8E0D3D;
}

.detail .det2 .news-sxp .back a {
  padding: 0 .44rem;
  background: #8E0D3D;
  border-radius: .21rem;
  height: .42rem;
  color: #fff;
}

.detail .det2 .news-sxp .back a:hover {
  opacity: .88;
}

.detail .page-cont {
  line-height: 1.8;
  padding: .5rem 0;
  min-height: 3rem;
}

.detail .page-cont img {
  max-width: 100% !important;
  height: auto !important;
}

/* contact */
.contact .cont1 li {
  display: flex;
}

.contact .cont1 li .item {
  flex: 1;
  background: #8E0D3D;
  border-radius: .1rem;
  padding: .48rem .6rem .3rem .6rem;
  color: #fff;
  text-align: center;
}

.contact .cont1 li .item .icon img {
  width: .58rem;
}

.contact .cont1 li .item .tit {
  margin: .4rem 0 .2rem;
}

.contact .cont1 li .item .cont {
  line-height: 1.6;
}

.contact .cont1 li .item .cont a {
  color: #fff;
}

.contact .cont1 li .item .cont a:hover {
  color: rgba(255, 255, 255, 0.88);
}

.contact .cont1 .desc2 {
  max-width: 10.54rem;
  margin: .6rem auto;
  text-align: center;
  color: #666;
  line-height: 2;
}

.contact .cont2 {
  background: #F8F8F8;
}

.contact .cont2 .wrap {
  max-width: 12rem;
  margin: 0 auto;
}

.contact .cont2 .wrap .desc {
  text-align: center;
  margin-bottom: .8rem;
  color: #666;
}

.contact .cont2 .form li .item {
  margin-bottom: -.2rem;
}

.contact .cont2 .form li .item .label {
  margin-bottom: .24rem;
}

.contact .cont2 .form li .item .label span {
  color: #FF0000;
}

.contact .cont2 .form li .item .intbox {
  height: .49rem;
  border: 1px solid #D2D2D2;
  padding: 0 .15rem;
}

.contact .cont2 .form li .item .intbox input,
.contact .cont2 .form li .item .intbox textarea {
  width: 100%;
  height: 100%;
  background: none;
}

.contact .cont2 .form li .item .intbox input::-webkit-input-placeholder,
.contact .cont2 .form li .item .intbox textarea::-webkit-input-placeholder {
  font-size: .12rem;
  color: #A1A1A1;
}

.contact .cont2 .form li.msg .intbox {
  height: 1.5rem;
  padding: .2rem;
}

.contact .cont2 .form li:last-child .item {
  margin-bottom: 0;
}

.contact .cont2 .form .xieyi {
  margin: .3rem 0 .8rem;
}

.contact .cont2 .form .xieyi a {
  color: var(--color);
}

.contact .cont2 .form .btn button {
  width: 1.56rem;
  height: .48rem;
  background: #8E0D3D;
  color: #fff;
  border-radius: .06rem;
}

.contact .cont2 .form .btn button:hover {
  opacity: .88;
}

/* about */
.about .about1 {
  padding: 0 1rem;
}

.about .about1 .cont {
  color: #333;
  line-height: 1.8;
}

.about .about1 .cont ul {
  padding-left: .2rem;
}

.about .about1 .cont ul li {
  list-style-type: disc;
}

.about .about1 .cont h4 {
  margin-bottom: .15rem;
}

.about .about2 {
  padding-top: 1.2rem;
}

.about .about2 .sec-type {
  max-width: 8.8rem;
  margin: 0 auto;
  line-height: 1.65;
}

.about .about2 .slides {
  padding: .5rem 1rem 0 1rem;
  overflow: hidden;
  position: relative;
}

.about .about2 .slides .swiper-slide {
  transition: 300ms;
  transform: scale(1);
  position: relative;
  z-index: 0;
}

.about .about2 .slides .swiper-slide .item {
  padding: 1rem 0;
}

.about .about2 .slides .swiper-slide .item .bimg {
  border-radius: .17rem;
}

.about .about2 .slides .swiper-slide-active,
.about .about2 .slides .swiper-slide-duplicate-active {
  transform: scale(1.7);
  position: relative;
  z-index: 2;
}

.about .about2 .slides .jt {
  position: absolute;
  top: 53%;
  transform: translateY(-50%);
}

.about .about2 .slides .jt img {
  width: .46rem;
}

.about .about2 .slides .jt.prev {
  left: 0;
}

.about .about2 .slides .jt.next {
  right: 0;
}

/* solute */
.bg-sol {
  background: #880C3A url("../img/bg_sol1.png") no-repeat;
  background-size: cover;
  color: #fff;
}

.solute {
  background: #f9f9f9;
}

.solute .sol1 .list {
  padding: .6rem 0;
  border-radius: .14rem;
}

.solute .sol1 .list li {
  margin: .65rem 0;
}

.solute .sol1 .list li .item {
  text-align: center;
}

.solute .sol1 .list li .item .icon {
  width: 1rem;
  height: 1rem;
  background: #FFFFFF;
  border-radius: 50%;
  margin: 0 auto .32rem auto;
}

.solute .sol1 .list li .item .icon img {
  width: .54rem;
}

.solute .sol2 {
  padding: .8rem 0 .5rem;
}

.solute .sol2 .list li {
  text-align: center;
  margin-top: .8rem;
}

.solute .sol2 .list li .item .pic {
  width: 2.91rem;
  height: 2.91rem;
  margin: 0 auto;
  background: #FFFFFF;
  border-radius: 50%;
}

.solute .sol2 .list li .item .pic .bimg {
  border-radius: 50%;
}

.solute .sol2 .list li .item .tit {
  margin-top: .56rem;
}

.solute .sol2 .list li:nth-child(3n) {
  float: right;
}

/* fuwu */
.fuwu .fuwu1 .cont1 {
  max-width: 11.85rem;
  margin: 0 auto;
  text-align: center;
  color: #666;
  line-height: 1.8;
}

.fuwu .fuwu2 {
  background: #F8F8F8;
}

.fuwu .fuwu2 li .item {
  height: 4.8rem;
  background: #FFFFFF;
  border: .01rem solid #DCDCDC;
  padding: .55rem;
  position: relative;
  text-align: center;
}

.fuwu .fuwu2 li .item .icon img {
  width: .55rem;
}

.fuwu .fuwu2 li .item .tit {
  margin: .35rem 0 .55rem 0;
  color: #333;
  line-height: 1.6;
}

.fuwu .fuwu2 li .item .xh {
  font-family: 'Microsoft YaHei';
  font-weight: bold;
  font-size: 1.39rem;
  color: rgba(142, 13, 61, 0.06);
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
}

.fuwu .fuwu3 .g-type {
  margin: .8rem 0 .54rem;
  position: relative;
  padding-left: .16rem;
}

.fuwu .fuwu3 .g-type::before {
  content: "";
  width: .04rem;
  height: .29rem;
  background: #8E0D3D;
  border-radius: .02rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.fuwu .fuwu3 .form {
  padding-top: .1rem;
}

.fuwu .fuwu3 .form li .item {
  margin-bottom: -.2rem;
}

.fuwu .fuwu3 .form li .item .label {
  margin-bottom: .24rem;
}

.fuwu .fuwu3 .form li .item .label span {
  color: #FF0000;
}

.fuwu .fuwu3 .form li .item .tips {
  margin: -.05rem 0 .22rem .08rem;
  color: #666;
}

.fuwu .fuwu3 .form li .item .intbox {
  height: .49rem;
  border: 1px solid #D2D2D2;
  padding: 0 .15rem;
}

.fuwu .fuwu3 .form li .item .intbox input,
.fuwu .fuwu3 .form li .item .intbox textarea {
  width: 100%;
  height: 100%;
  background: none;
  font-size: .16rem;
  resize: none;
}

.fuwu .fuwu3 .form li .item .intbox input::-webkit-input-placeholder,
.fuwu .fuwu3 .form li .item .intbox textarea::-webkit-input-placeholder {
  font-size: .12rem;
  color: #A1A1A1;
}

.fuwu .fuwu3 .form li.msg .intbox {
  height: 2.4rem;
  padding: .2rem;
}

.fuwu .fuwu3 .form li:last-child .item {
  margin-bottom: 0;
}

.fuwu .fuwu3 .form .xieyi {
  margin: .3rem 0 .8rem;
}

.fuwu .fuwu3 .form .xieyi a {
  color: var(--color);
}

.fuwu .fuwu3 .form .btn button {
  width: 1.56rem;
  height: .48rem;
  background: #8E0D3D;
  color: #fff;
  border-radius: .06rem;
}

.fuwu .fuwu3 .form .btn button:hover {
  opacity: .88;
}

/* 隐藏原生复选框 */
.custom-checkbox {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* 自定义复选框样式 */
.checklist {
  padding-left: .16rem;
  margin-bottom: .15rem;
}

.checklist .dd {
  margin-bottom:.2rem;
}

.checklist .dd label span {
  display: inline-block;
  width: .31rem;
  height: .31rem;
  margin-right: .11rem;
  background-image: url("../img/ck1.png");
  background-size: 100% 100%;
}

/* 选中状态样式 */
.checklist .custom-checkbox:checked + label span {
  background-image: url("../img/ck2.png");
}

/* product */
.product .pro1 li {
  display: flex;
}

.product .pro1 .item {
  flex: 1;
  background: #8E0D3D;
  padding: .6rem .4rem;
  color: #fff;
  border-radius: .15rem;
}

.product .pro1 .item .item-tit {
  line-height: 1.6;
  margin-bottom: .4rem;
}

.product .pro1 .item .item-cont ul li {
  position: relative;
  padding-left: .2rem;
  line-height: 1.65;
  margin: .1rem 0;
}

.product .pro1 .item .item-cont ul li::before {
  content: "";
  width: .06rem;
  height: .06rem;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: .1rem;
}

.product .solute .sol2 {
  padding: .3rem 0 1.2rem;
}

.product .solute .sol1 {
  background-attachment: fixed;
}

.product .solute .sol1 .list {
  padding: 0 0 .5rem 0;
}

.product .learn-more a {
  width: 2.78rem;
  height: .69rem;
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: .35rem;
  color: #fff;
}

.product .learn-more a::before, .product .learn-more a::after {
  background: rgba(255, 255, 255, 0.8);
}

.product .learn-more a:hover {
  color: #8E0D3D;
}

.product .pro3 {
  padding-bottom: 0;
  margin-bottom: -1rem;
}

.product .pro3 .wrap {
  position: relative;
}

.product .pro3 .wrap .contbox {
  max-width: 12rem;
  margin: 0 auto;
  padding: 1rem .5rem;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0rem 0rem 0.27rem 0.03rem rgba(0, 0, 0, 0.1);
  border-radius: .19rem;
  transform: translateY(-2.6rem);
}

.product .pro3 .wrap .contbox .info {
  padding-left: 1rem;
}

.product .pro3 .wrap .contbox .info .list {
  padding-bottom: .5rem;
  overflow: hidden;
}

.product .pro3 .wrap .contbox .info .list ul {
  padding-left: .2rem;
}

.product .pro3 .wrap .contbox .info .list li {
  width: 48%;
  float: left;
  margin: .06rem 0;
  list-style-type: disc;
}

.product .pro3 .wrap .contbox .info .list li:nth-child(2n) {
  float: right;
}

.product .pro3 .wrap .contbox .info .vmore {
  width: 100%;
  clear: both;
}

.product .pro3 .wrap .contbox .info .vmore a {
  color: #8E0D3D;
}

.detail2 .crumbs {
  color: #8E0D3D;
}

.detail2 .crumbs a {
  color: #8E0D3D;
}

.detail2 .crumbs a:hover {
  color: var(--color);
}

.detail2 .det1 {
  background: none;
}

.detail2 .det1 .news-tit {
  text-align: center;
  color: #333;
}

.detail2 .det1 .slides {
  text-align: center;
}

.detail2 .det1 .slides .wrap {
  max-width: 4.5rem;
}

.detail2 .det1 .slides .item img {
  display: inline-block;
}

.detail2 .det1 .slides .swiper-wrapper {
  padding-bottom: .65rem;
}

.detail2 .det1 .slides .swiper-pagination {
  z-index: 22;
}

.detail2 .det1 .slides .swiper-pagination .swiper-pagination-bullet {
  width: .1rem;
  height: .1rem;
  border: 1px solid #C9C9C9;
  border-radius: 50%;
  margin: 0 .12rem;
  background: none;
  opacity: 1;
}

.detail2 .det1 .slides .swiper-pagination .swiper-pagination-bullet-active {
  background: #8E0D3D;
  border-color: #8E0D3D;
}

.detail2 .det3 {
  padding-bottom: 1.5rem;
}

.detail2 .det3 .det3-tit {
  margin-bottom: .3rem;
}

.detail2 .det3 .content table {
  width: 100%;
  color: #333;
  border-collapse: collapse;
}

.detail2 .det3 .content table td {
  border: 1px solid #BFBFBF;
  padding: .2rem;
  white-space: nowrao;
}

.detail2 .det3 .content table tr:nth-child(1) td {
  font-weight: bold;
}

.websitemap-section1 {
  width: 100%;
}

.websitemap-section1 .cont {
  padding: 20px 0;
}

.websitemap-section1 .cont a {
  color: #333;
}

.websitemap-section1 .cont .item {
  width: 100%;
  padding: 25px 0;
  border-bottom: 0.01rem solid rgba(51, 51, 51, 0.3);
  margin-bottom: 20px;
}

.websitemap-section1 .cont .item:last-child {
  margin-bottom: 0;
}

.websitemap-section1 .cont .item .tit {
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  display: flex;
  align-items: center;
}

.websitemap-section1 .cont .item .tit i {
  vertical-align: middle;
  margin-left: 80px;
  font-size: 16px;
}

.websitemap-section1 .cont .item .jut {
  width: 100%;
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
}

.websitemap-section1 .cont .item .jut .list {
  display: block;
  font-size: 16px;
  width: 25%;
  padding-right: 10px;
  color: #333;
  margin-bottom: 16px;
}

.websitemap-section1 .cont .item .jut .list span {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.websitemap-section1 .cont .item .jut .list:hover {
  color: var(--color);
}