#baguetteBox-overlay {
  display: none;
}

::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-thumb {
  background: #333;
}

::-webkit-scrollbar-thumb:window-inactive {
  background: #666;
}

::-webkit-scrollbar-thumb:vertical:hover {
  background: #333;
}

body {
  font-family: "Microsoft YaHei";
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  
}

select,
input,
textarea,
button {
  /* font-family: "Regular"; */
  margin: 0;
  padding: 0;
  border-width: 1px;
  font-size: 14px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  border-radius: 0;
  -webkit-appearance: none;
  -webkit-appearance: none;
  outline: none;
  background: none;
  border: none;
}

/* ~~~~~~~~~~~~~~~~pc 导航,css */
/* ~~~~~~~~~~~~~~~~pc 导航,css */
/* ~~~~~~~~~~~~~~~~pc 导航,css */
/* 色调 */
:root {
  --hue: #dd1b23;
  --hue2: #0e56c1;
  --space: clamp(2.5rem, 1.411rem + 4.84vw, 6.25rem);
  /* --fwb: "Bold";
  --fwm: "Medium";
  --fwr: "Regular"; */
}

/* 字体 */
.fwm {
  font-weight: 500;
}
.fwb {
  font-weight: bold;
}
.colorba {
  color: #bababa;
}
.colorm {
  color: var(--hue);
}

.color23 {
  color: var(--color23);
}

.bgf5 {
  background-color: #f5f5f5;
}
.p_b_50 {
  padding-bottom: clamp(1.875rem, 1.512rem + 1.61vw, 3.125rem);
}
/* 字体大小 */

.fz72 {
  font-size: clamp(1.625rem, 0.554rem + 4.51vw, 4.5rem);
}

.fz70 {
  font-size: clamp(1.625rem, 0.6rem + 4.31vw, 4.375rem);
}

.fz68 {
  font-size: clamp(1.625rem, 0.647rem + 4.12vw, 4.25rem);
}

.fz66 {
  font-size: clamp(1.625rem, 0.694rem + 3.92vw, 4.125rem);
}

.fz64 {
  font-size: clamp(1.625rem, 0.74rem + 3.73vw, 4rem);
}

.fz62 {
  font-size: clamp(1.625rem, 0.787rem + 3.53vw, 3.875rem);
}

.fz60 {
  font-size: clamp(1.625rem, 0.833rem + 3.33vw, 3.75rem);
}

.fz58 {
  font-size: clamp(1.625rem, 0.88rem + 3.14vw, 3.625rem);
}

.fz56 {
  font-size: clamp(1.625rem, 0.926rem + 2.94vw, 3.5rem);
}

.fz54 {
  font-size: clamp(1.625rem, 0.973rem + 2.75vw, 3.375rem);
}

.fz52 {
  font-size: clamp(1.625rem, 1.02rem + 2.55vw, 3.25rem);
}

.fz50 {
  font-size: clamp(1.5rem, 0.895rem + 2.55vw, 3.125rem);
}

.fz48 {
  font-size: clamp(1.5rem, 0.941rem + 2.35vw, 3rem);
}

.fz46 {
  font-size: clamp(1.5rem, 0.988rem + 2.16vw, 2.875rem);
}

.fz44 {
  font-size: clamp(1.5rem, 0.988rem + 2.16vw, 2.875rem);
}

.fz42 {
  font-size: clamp(1.5rem, 1.081rem + 1.76vw, 2.625rem);
}

.fz40 {
    /*36*/
    font-size: clamp(1.375rem, 1.049rem + 1.37vw, 2.25rem); 
  /*font-size: clamp(1.375rem, 0.956rem + 1.76vw, 2.5rem);*/
}

.fz38 {
  font-size: clamp(1.375rem, 1.002rem + 1.57vw, 2.375rem);
}

.fz36 {
  font-size: clamp(1.375rem, 1.049rem + 1.37vw, 2.25rem);
}

.fz34 {
  font-size: clamp(1.25rem, 0.924rem + 1.37vw, 2.125rem);
}

.fz32 {
  font-size: clamp(1.25rem, 0.971rem + 1.18vw, 2rem);
}

.fz30 {
  font-size: clamp(1.25rem, 1.017rem + 0.98vw, 1.875rem);
}

.fz28 {
  font-size: clamp(1.25rem, 1.064rem + 0.78vw, 1.75rem);
}

.fz26 {
  font-size: clamp(1.125rem, 0.939rem + 0.78vw, 1.625rem);
}

.fz24 {
  font-size: clamp(1.125rem, 0.985rem + 0.59vw, 1.5rem);
  font-family: "PingFang SC", "Helvetica Neue", Arial, sans-serif;
}

.fz22 {
  font-size: clamp(1rem, 0.86rem + 0.59vw, 1.375rem);
  font-family: "PingFang SC", "Helvetica Neue", Arial, sans-serif;
}

.fz20 {
  font-size: clamp(1rem, 0.907rem + 0.39vw, 1.15rem);
  font-family: "PingFang SC", "Helvetica Neue", Arial, sans-serif;
}

.fz18 {
    /*16*/
     font-size: clamp(0.875rem, 0.828rem + 0.2vw, 1.2rem);
  /*font-size: clamp(1rem, 0.953rem + 0.2vw, 1.125rem);*/
  font-family: "PingFang SC", "Helvetica Neue", Arial, sans-serif;
}

.fz16 {
  font-size: clamp(0.975rem, 0.828rem + 0.2vw, 0.9rem);
  font-family: "PingFang SC", "Helvetica Neue", Arial, sans-serif;
}
.fz14 {
  font-size: 14px;
  font-family: "PingFang SC", "Helvetica Neue", Arial, sans-serif;
}
.pt {
  padding-top: var(--space);
}

.pb {
  padding-bottom: var(--space);
}
.pb1 {
  padding-bottom: 20px;
}

.ptb {
  padding-top: var(--space);
  padding-bottom: var(--space);
}

/* 可公用导航搜索 */
.all_public_searchBox {
  display: none;
  position: fixed;
  z-index: 20;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.all_public_form {
  display: none;
  position: fixed;
  z-index: 21;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 800px;
}

.all_public_form input {
  background-color: #fff;
  width: 100%;
  outline: none;
  border: none;
  box-sizing: border-box;
  padding: 20px 136px 20px 20px;
  border-radius: 10px 25px 10px 25px;
}

.all_public_form .icon_01 {
  font-size: 38px;
  cursor: pointer;
  position: absolute;
  top: 51%;
  right: 80px;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  outline: none;
  border: none;
  background: none;
  -ms-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  color: #888888;
}

.all_public_form .icon_01:hover {
  color: var(--hue);
}

.all_public_form .public_form_close {
  font-size: 34px;
  position: absolute;
  top: 11px;
  right: 26px;
  -ms-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  color: #888888;
  cursor: pointer;
}

.all_public_form .public_form_close:hover {
  color: var(--hue);
}

/* 可公用导航搜索~~~~~~~~~~~~~~~~~~结束 */
/* ~~~~分页~~~~~~ */
/* ~~~~分页~~~~~~ */
/* ~~~~分页~~~~~~ */
.blog_page {
  margin-top: 50px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.blog_page a:hover {
  color: #fff !important;
  background-color: var(--hue);
}
.blog_page .paginationjs-prev,
.blog_page .paginationjs-next {
  display: block;
  font-size: 16px;
}
.blog_page a {
  color: #666;
  font-size: clamp(0.875rem, 0.788rem + 0.38vw, 1.125rem);
  width: clamp(2.125rem, 1.944rem + 0.81vw, 2.75rem);
  height: clamp(2.125rem, 1.944rem + 0.81vw, 2.75rem);
  line-height: clamp(2.125rem, 1.944rem + 0.81vw, 2.75rem);
  margin: 0px clamp(0.313rem, 0.204rem + 0.48vw, 0.625rem);
  border-radius: 4px;
  text-align: center;
}

.blog_page .hover {
  color: #fff !important;
  background-color: var(--hue) !important;
}
/* ~~~~分页 end~~~~~~ */
/* ~~~~分页 end~~~~~~ */
/* ~~~~分页 end~~~~~~ */
/*~~~~~~~~~~~~  public_herf  ~~~~~~~~~~~*/
/*~~~~~~~~~~~~  public_herf  ~~~~~~~~~~~*/
/*~~~~~~~~~~~~  public_herf  ~~~~~~~~~~~*/
.public_herf {
  width: 100%;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  padding: 15px 0;
}
.Crumbs_box {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
}
.Crumbs_box .iconfont {
  color: #666666;
  font-size: 18px;
  margin-right: 5px;
}
.Crumbs_box .a_box {
  color: #666666;
}

.Crumbs_box .a_box a {
  color: #666666;
  /* font-family: var(--fwr); */
}

.Crumbs_box .a_box a:hover {
  text-decoration: underline;
}

/*~~~~~~~~~~~~ public_herf  end ~~~~~~~~~~~*/
/*~~~~~~~~~~~~ public_herf  end ~~~~~~~~~~~*/
/*~~~~~~~~~~~~ public_herf  end ~~~~~~~~~~~*/
/* 点击视频弹出播放框css */
.ind_video_maskBox {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}

.ind_video_maskBox .video_Box_1 {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -60%);
  -webkit-transform: translate(-50%, -60%);
  transform: translate(-50%, -60%);
  width: 800px;
  height: 485px;
}

.ind_video_maskBox .video_Box_1 .videoIframe {
  background: #333333;
  width: 100%;
  height: 100%;
  border: none;
}

.ind_video_maskBox .video_Box_1 .closeBtn {
  position: absolute;
  top: 0;
  right: 0;
  -ms-transform: translate(50%, -50%);
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  font-size: 24px;
  color: #ffffff;
  cursor: pointer;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.ind_video_maskBox .video_Box_1 .closeBtn:hover {
  color: #f40a0a;
}

/* 点击视频弹出播放框css~~~~~~~~~~~end */
/* ~~~~~~~~~~~~popup inquiry,css */
/* ~~~~~~~~~~~~popup inquiry,css */
/* ~~~~~~~~~~~~popup inquiry,css */
.popup_inquiry {
  display: none;
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.popup_inquiry_mask {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 50%);
  cursor: pointer;
}
.popup_inquiry_form {
  position: absolute;
  z-index: 2;
  top: 55%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 92%;
  max-width: 1600px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
}
.popup_inquiry_form_close {
  position: absolute;
  top: 2%;
  right: 2%;
  cursor: pointer;
  color: #333333;
  font-size: 30px;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.popup_inquiry_form_close:hover {
  color: var(--hue);
}
.click_popup_inquiry {
  cursor: pointer;
}
.popup_inquiry_con {
  position: relative;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 10%);
  padding: clamp(1.25rem, 0.781rem + 2.34vw, 3.125rem)
    clamp(1.25rem, 0.938rem + 1.56vw, 2.5rem);
}
.popup_inquiry_con .text{
    margin: 10px 0;
}
.popup_inquiry_con a{
    color: #dd1b23;
}
/* ~~~~~~~~~~~~popup inquiry,css~~~~~~~~~end */
/* ~~~~~~~~~~~~popup inquiry,css~~~~~~~~~end */
/* ~~~~~~~~~~~~popup inquiry,css~~~~~~~~~end */
/* 公用btn */
.public_btn {
  width: clamp(10rem, 9.383rem + 2.74vw, 12.125rem);
  height: clamp(2.5rem, 2.319rem + 0.81vw, 3.125rem);
  border-radius: 100px;
  z-index: 1;
  text-align: center;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  background-color: #EC6D01;
  color: #fff !important;
}
.public_btn .icon1 {
  margin-right: 10px;
  font-size: 24px;
}

.public_btn .icon2 {
  margin-left: 6px;
}

.public_btn:hover {
  color: #fff;
  background-color: var(--hue);
}

.public_btn:visited {color: #fff;}


/* 标题 */
.public_module_title {
  position: relative;
}
.public_module_title .subtitle {
  position: relative;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
}
.public_module_title .subtitle .tt {
  margin: 0 clamp(0.313rem, 0.222rem + 0.4vw, 0.625rem);
  text-transform: uppercase;
}
.public_module_title .subtitle .after,
.public_module_title .subtitle .before {
  position: relative;
  top: 0;
  left: 0;
  width: 35px;
  height: 2px;
  background-color: var(--hue);
}
.public_module_title .title {
  margin-bottom: clamp(0.625rem, 0.444rem + 0.81vw, 1.25rem);
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
}
.public_module_title .title .tt {
  margin: 0 clamp(0.625rem, 0.444rem + 0.81vw, 1.25rem);
}
.text {
  line-height: clamp(1.35rem, 1.105rem + 0.65vw, 1.95rem);
}

/* ~~~~~~~~~~~~~~~~~~~导航,css */
/* ~~~~~~~~~~~~~~~~~~~导航,css */

/* index_Two */
.index_Two {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  z-index: 2;
}
.index_Two::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 70%);
  z-index: -1;
}

.index_Two_t {
  position: relative;
}
.index_Two_t .left {
  width: 44%;
  position: relative;
}
.index_Two_quan {
  position: relative;
  padding: clamp(0.938rem, 0.665rem + 1.21vw, 1.875rem);
}
.index_Two_quan .quan {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: rotates 30s linear infinite;
}
.index_Two_quan .quan img {
  width: 100%;
  height: 100%;
}
.index_Two_t .right {
  width: 53%;
}
.index_Two_t .border {
  border: 1px solid #EC6D01 !important;
  
}
.index_Two_t .border,
.index_Two_t .border2 {
  animation: rotates 30s linear infinite;
  width: 100%;
  height: 100%;
  border: 1px dashed #EC6D01;
  border-radius: 100%;
  padding: clamp(0.625rem, 0.444rem + 0.81vw, 1.25rem);
  	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.index_Two_t .border2 img {
  border: 1px solid #EC6D01;
  border-radius: 100%;
  width: 100%;
  height: 100%;
}

@keyframes rotates {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
.index_Two_quan .pic {
  width: 80% !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  display: none;
  height:80% !important;
}
.index_Two_quan .pic img {
  width: 100% !important;
  height: 100% !important;;
  border-radius: 50%;
}
.index_Two_quan .pic.hover {
  display: block;
}
.index_Two_r_t {
  padding-bottom: 2.6vw;
}
.public_title {
  padding-left: 1.04vw;
  border-left: 2px solid #fff;
  margin-bottom: 1.04vw;
}
.public_title .tt {
  line-height: 0.9;
  margin-bottom: clamp(0.625rem, 0.444rem + 0.81vw, 1.25rem);
}
.public_title .tt2 {
  line-height: 0.9;
}
.index_Two_r_con .line {
  width: 100%;
  height: 1px;
  margin: 1.04vw 0;
  background-color: #333333;
}
.index_Two_r_con .text {
  padding-bottom: 2.6vw;
}
.index_Two_r_con .btn {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  width: 100%;
}
.index_Two_swiper_btn {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
}
.index_Two_swiper_btn .iconfont {
  width: clamp(2.5rem, 2.319rem + 0.81vw, 3.125rem);
  height: clamp(2.5rem, 2.319rem + 0.81vw, 3.125rem);
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  border: 1px solid #999999;
  border-radius: 100%;
  margin-left: 30px;
  font-size: clamp(1.5rem, 1.427rem + 0.32vw, 1.75rem);
  color: #999999;
  z-index: 2;
  cursor: pointer;
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.index_Two_swiper_btn .next {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.index_Two_swiper_btn .iconfont:hover,
.index_Two_swiper_btn .iconfont.hover {
  color: #fff;
  border-color: #fff;
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.index_Two_b {
  margin-top: 50px;
}
.index_Two_b_item {
  position: relative;
  text-align: center;
  margin: 3px;
  cursor: pointer;
}
.index_Two_b_item .top {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 30%) ;
  position: relative;
  margin-bottom: 1.04vw;
  padding: 7px;
}
.index_Two_b_item .top::before {
  content: url(../images/index_Two_min_before.png) !important;
  position: absolute;
  top: -3px;
  left: -3px;
  padding-top:0px !important;
}
.index_Two_b_item .top::after {
  content: url(../images/index_Two_min_after.png);
  position: absolute;
  bottom: -7px;
  right: -3px;
}
.index_Two_b_item .pic {
  padding: 10px 21px;
  overflow: hidden;
}
.index_Two_b_item .pic img {
  width: 100% !important;
  height: 100% !important;
}
.index_Two_b_swiper .swiper-slide-thumb-active .index_Two_b_item .bottom {
  color: #fff;
}
.index_Two_b_swiper .swiper-slide-thumb-active .index_Two_b_item .top {
  background-color: rgba(221, 27, 35, 20%);
}
/* index_three */
.index_three .index_Two_t {
  flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
}
.index_three .public_title .tt {
  color: #999 !important;
}
.index_three .public_title .tt2 {
  color: var(--hue) !important;
}
.index_three .index_Two_r_t .public_title {
  border-color: var(--hue);
}
.index_three .index_Two_r_t .text {
  color: #666;
}
.index_three .index_Two_r_con .title {
  color: #333 !important;
}
.index_three .index_Two_r_con .line {
  background-color: #f0f0f0;
}
.index_three .index_Two_swiper_btn .iconfont:hover {
  color: var(--hue);
  border-color: var(--hue);
}
.index_three .index_Two_b_item .top {
  background-color: #f9f9f9;
}
.index_three .swiper-slide-thumb-active .index_Two_b_item .bottom {
  color: var(--hue);
}
/* index_four */
.index_four_t .public_btn {
  display: none;
}
.index_four {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  z-index: 2;
}
.index_four::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 60%);
  z-index: -1;
}
.index_four_b {
  position: relative;
}
.index_four_b .map img {
  width: 100%;
  height: 100%;
}
.index_four_item {
  width: 275px;
  text-align: center;
  display: block;
  position: absolute;
}


.index_four_item.item2 {
  top: 15%;
  right: 15%;
}
.index_four_item.item3 {
  top: 20%;
  right: 20%;
}
.index_four_item_logo {
  width: 18px;
  height: 18px;
  background-color: rgba(255, 255, 255, 30%);
  border-radius: 100%;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  margin: 5px auto;
}
.index_four_item_logo .icon {
  width: 14.5px;
  height: 14.5px;
  background-color: var(--hue);
  border-radius: 100%;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
}
.index_four_item_logo .icon img {
  padding: 3px;
  width: 100%;
  height: 100%;
}
.index_four_item .right {
  position: relative;
  display: none;
}
.index_four_item_icon {
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(0%, -70%);
  -ms-transform: translate(0%, -70%);
  -webkit-transform: translate(0%, -70%);
}
.index_four_item_icon {
  width: 74px;
  animation: widthMove 0.5s linear;
  -webkit-animation: widthMove 0.5s linear;
  -o-animation: widthMove 0.5s linear;
  -moz-animation: widthMove 0.5s linear;
}
@keyframes widthMove {
  0% {
    width: 0;
  }
  100% {
    width: 74px;
  }
}
@-webkit-keyframes widthMove {
  0% {
    width: 0;
  }
  100% {
    width: 74px;
  }
}
@-o-keyframes widthMove {
  0% {
    width: 0;
  }
  100% {
    width: 74px;
  }
}
@-moz-keyframes widthMove {
  0% {
    width: 0;
  }
  100% {
    width: 74px;
  }
}
.index_four_item_con {
  position: absolute;
  bottom: 20px;
  right: -60%;
  background-color: #fff;
  max-width: 231px;
  padding: 10px;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  animation: scaleMove 0.5s 0.5s linear;
  -webkit-animation: scaleMove 0.5s 0.5s linear;
  -o-animation: scaleMove 0.5s 0.5s linear;
  -moz-animation: scaleMove 0.5s 0.5s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
.index_four_item_con .title {
  padding: 13px;
}
@keyframes scaleMove {
  0% {
    transform: scale(0.1);
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -o-transform: scale(0.1);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-webkit-keyframes heightMove {
  0% {
    transform: scale(0.1);
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -o-transform: scale(0.1);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-o-keyframes heightMove {
  0% {
    transform: scale(0.1);
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -o-transform: scale(0.1);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-moz-keyframes heightMove {
  0% {
    transform: scale(0.1);
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -o-transform: scale(0.1);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
  }
}
.index_four_item.hover .right,
.index_four_item:hover .right {
  display: block;
}
/* .index_Five */
.index_Five_list {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
}
.index_Five_item {
  display: block;
  position: relative;
  width: calc((100% - 6.25vw) / 5);
  margin-right: 1.56vw;
  border-radius: 15px;
  overflow: hidden;
  background-color: #f9f9f9;
  border-bottom: 2px solid transparent;
}
.index_Five_item:last-child {
  margin-right: 0;
}
.index_Five_item .pic img {
  width: 100%;
  height: 100%;
}
.index_Five_item .bottom {
  position: relative;
}
.index_Five_item .bg {
  padding: 15px 20px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.index_Five_item .bg img {
  width: 100%;
  height: 100%;
}
.index_Five_item .con {
  padding: 1.56vw 1.04vw;
  width: 100%;
  text-align: center;
}
.index_Five_item .icon {
  margin-bottom: 20px;
}
.index_Five_item .text {
  font-size: 14px;
  margin-top: 0.52vw;
}
.index_Five_item .public_btn {
  margin: clamp(0.938rem, 0.665rem + 1.21vw, 1.875rem) auto;
}
.index_Five_item:hover {
  border-color: var(--hue);
}
.index_Five_item .slideToggle_bottom {
  display: none;
}
.index_Five_item .slideToggle_bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #f9f9f9;
}
.index_Five_item:hover .slideToggle_bottom .bg,
.index_Five_item.hover .slideToggle_bottom .bg {
  margin-top: 2.6vw;
}
/* index_six */
.index_six {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  z-index: 2;
}
.index_six::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 60%);
  z-index: -1;
}
.index_six_video {
  padding-top: 5.73vw;
  text-align: center;
  max-width: 1200px;
  margin: auto;
}
.index_six_video .icon {
  border-radius: 100%;
  overflow: hidden;
  width: 60px;
  height: 60px;
  border: 10px solid rgba(255, 255, 255, 30%);
  margin: auto;
}
.index_six_video .icon img {
  width: 100%;
  height: 100%;
}
.index_six_video .title {
  margin: 1.56vw 0 1.04vw 0;
}
.index_six_video .text {
  margin-bottom: 2.6vw;
}
.index_six_video .public_btn {
  margin: auto;
}
.index_six_list {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.index_six_item {
  width: calc((100% - 7.81vw) / 4);
  margin-right: 2.6vw;
  text-align: center;
}
.index_six_item:nth-child(4n) {
  margin-right: 0;
}
.index_six_item .number {
  margin-bottom: 10px;
}
.index_six_item .title {
  margin-bottom: 20px;
}
.index_six_item .line {
  width: 100%;
  height: 1px;
  background-color: #f0f0f0;
  position: relative;
}
.index_six_item .line::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 77px;
  height: 2px;
  background-color: var(--hue);
  animation: lines 3s infinite alternate-reverse ease-in-out;
}
@keyframes lines {
  0% {
    width: 77px;
  }
  100% {
    width: 100%;
  }
}
/* index_seven */
.index_seven_l .public_title {
  border-color: var(--hue);
}
.index_seven_l .tt2 {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
}
.index_seven_list {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
}
.index_seven_list a {
  width: calc((100% - 2.6vw) / 2);
}
.news_list_item {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  padding-bottom: 20px;
  margin-top: 2.6vw;
  border-bottom: 1px solid #f0f0f0;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
}
.news_list_item .pic {
  width: 29%;
  overflow: hidden;
}
.news_list_item .pic img {
  width: 100%;
  height: 100%;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.news_list_item .con {
  width: 52%;
}
.news_list_item .title {
  margin-bottom: 10px;
}
.news_list_item .trim {
  width: 15%;
  text-align: center;
}
.news_list_item:hover .trim .number,
.news_list_item:hover .title {
  color: var(--hue);
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.news_list_item:hover .pic img {
  transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
/* index_eight */
.index_eight {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  padding: 60px 0;
  z-index: 2;
}
.index_eight::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(
    to right,
    rgba(14, 86, 193, 70%),
    rgba(14, 86, 193, 0%)
  );
  z-index: -1;
}
.index_eight_l .title {
  margin-bottom: 20px;
}
.index_eight_l .text {
  margin-bottom: 2.6vw;
}
/*~~~~~~~~~~~~index   end ~~~~~~~~~~~*/
/*~~~~~~~~~~~~index   end ~~~~~~~~~~~*/
/*~~~~~~~~~~~~index   end ~~~~~~~~~~~*/
/*~~~~~~~~~~~~contact_us    ~~~~~~~~~~~*/
/*~~~~~~~~~~~~contact_us    ~~~~~~~~~~~*/
/*~~~~~~~~~~~~contact_us    ~~~~~~~~~~~*/
.contact_banner_con {
  position: relative;
}
.contact_banner_con img {
  width: 100%;
  height: 100%;
}
.banner_text {
  position: absolute; /* 绝对定位，脱离文档流 */
  top: 50%; /* 垂直方向居中第一步：顶部距离容器50% */
  left: 50%; /* 水平方向居中第一步：左侧距离容器50% */
  transform: translate(-50%, -50%); /* 居中第二步：自身向左、向上偏移50%，实现真正居中 */
  color: #fff; /* 文字颜色，可根据图片调整（比如白色更醒目） */
  
  font-weight: bold; /* 加粗，增强视觉效果 */
  text-align: center; /* 多行文字时也能水平居中 */
  z-index: 3; /* 确保文字在图片上方 */
}
.contact_banner_con::after {
  content: " ";
  /* background-color: rgba(0, 0, 0, 0.7); */
  background-image: linear-gradient(175deg, #01152B 0%, rgba(0, 140, 172, 0) 60%);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
/* contact_one */
.contact_one_list {
  transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.contact_one_item {
  background-color: #fff;
  position: relative;
  width: calc((100% - 6.25vw) / 5);
  margin-right: 1.56vw;
  box-shadow: 0 7px 4px rgba(0, 0, 0, 15%);
  text-align: center;
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.contact_one_item:last-child {
  margin-right: 0;
}
.contact_one_item:last-child .con {
  padding: clamp(0.625rem, 0.444rem + 0.81vw, 1.25rem) 10px;
}
.contact_one_item .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: clamp(0.625rem, 0.444rem + 0.81vw, 1.25rem)
    clamp(0.938rem, 0.665rem + 1.21vw, 1.875rem);
  opacity: 0;
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.contact_one_item .bg img {
  width: 100%;
  height: 100%;
}
.contact_one_item .con {
  padding: clamp(1.25rem, 0.887rem + 1.61vw, 2.5rem) 10px;
}
.contact_one_item .iconfont {
  margin-bottom: clamp(0.625rem, 0.444rem + 0.81vw, 1.25rem);
  color: var(--hue);
}
.contact_one_item .title {
  margin-bottom: 7px;
}
.contact_one_item .text {
  display: inline-block;
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
}
.contact_one_item:hover {
  background-color: var(--hue);
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.contact_one_item:hover .bg {
  opacity: 1;
  z-index: 2;
}
.contact_one_item:hover a,
.contact_one_item:hover div {
  color: #fff;
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
/* contact_two */
.contact_two_l .public_title {
  border-color: var(--hue);
  margin-bottom: 20px;
  line-height: 0.9;
}
.contact_two_l .public_title .colorm {
  margin-bottom: 20px;
  display: inline-block;
}
.contact_two_l {
  width: 34%;
}
.contact_two_r {
  width: 59%;
}
.contact_two_l .text {
  margin-bottom: 2.08vw;
}

.content_form {
  width: 100%;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
}

.content_form .item {
  width: calc((100% - 30px) / 2);
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  background-color: #f9f9f9;
  margin-bottom: clamp(0.938rem, 0.665rem + 1.21vw, 1.875rem);
}

.content_form .item input {
  height: clamp(2.5rem, 2.137rem + 1.61vw, 3.75rem);
  line-height: clamp(2.5rem, 2.137rem + 1.61vw, 3.75rem);
  font-size: 18px;
  color: #333;
  /* font-family: var(--fwr); */
  width: 75%;
}

.content_form .item .tt {
  min-width: 77px;
  font-size: 16px;
  color: #666;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  padding-left: clamp(0.625rem, 0.444rem + 0.81vw, 1.25rem);
}

.content_form .textarea {
  width: 100%;
  align-items: flex-start;
  -ms-align-items: flex-start;
  -webkit-align-items: flex-start;
  padding-top: 15px;
}

.content_form .textarea textarea {
  font-size: 16px;
  color: #333;
  width: calc(100% - 150px);
  resize: none;
  height: clamp(5rem, 3.585rem + 6.29vw, 9.875rem);
}
.content_form .submit {
  width: auto;
  background-color: transparent;
}
.content_form .submit input {
  width: clamp(7.5rem, 6.048rem + 6.45vw, 12.5rem);
  height: clamp(2.5rem, 2.319rem + 0.81vw, 3.125rem);
  line-height: clamp(2.5rem, 2.319rem + 0.81vw, 3.125rem);
  cursor: pointer;
  padding: 0;
  background-color: var(--hue);
  color: #fff;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  border-radius: 100px;
}
.content_form .submit input:hover {
  background-color: var(--hue2);
}
/* .contact_three */
.contact_three img {
  width: 100%;
  height: 100%;
}
/* contact_four */
.contact_four_l {
  width: 38.5%;
}
.contact_four_l img {
  width: 100%;
  height: 100%;
}
.contact_four_r {
  width: 58%;
}
.pro_deEleven1_R .item:last-child {
  margin-bottom: 0;
}
.pro_deEleven1_R .item {
  padding: clamp(0.938rem, 0.593rem + 1.53vw, 2.125rem)
    clamp(0.938rem, 0.665rem + 1.21vw, 1.875rem);
  background-color: #f9f9f9;
  margin-bottom: clamp(0.625rem, 0.444rem + 0.81vw, 1.25rem);
}

.pro_deEleven1_R_top {
  cursor: pointer;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.pro_deEleven1_R_top .text {
  width: calc(100% - 40px);
  color: #333333;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: flex-start;
  -ms-align-items: flex-start;
  -webkit-align-items: flex-start;
}
.pro_deEleven1_R_top .icon {
  width: 22px;
}
.pro_deEleven1_R_top .icon .img_02 {
  display: none;
}
.pro_deEleven1_R_bot {
  display: none;
  padding: clamp(0.625rem, 0.444rem + 0.81vw, 1.25rem) 10px 0 0px;
}

.pro_deEleven1_R .item.hover .pro_deEleven1_R_top .icon .img_01 {
  display: none;
}

.pro_deEleven1_R .item.hover .pro_deEleven1_R_top .icon .img_02 {
  display: block;
}
.pro_deEleven1_R .item.hover .pro_deEleven1_R_top .text {
  color: var(--hue);
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
/*~~~~~~~~~~~~contact_us   end ~~~~~~~~~~~*/
/*~~~~~~~~~~~~contact_us   end ~~~~~~~~~~~*/
/*~~~~~~~~~~~~contact_us   end ~~~~~~~~~~~*/
/*~~~~~~~~~~~~news_list    ~~~~~~~~~~~*/
/*~~~~~~~~~~~~news_list    ~~~~~~~~~~~*/
/*~~~~~~~~~~~~news_list    ~~~~~~~~~~~*/
.news_list_t {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 15%);
  background-color: #fff;
  margin: 15px 0 0 0;
  padding-bottom: 15px;
}
.news_list_table {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
}
.news_list_table  .dian{
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 6px;
  border-radius: 100%;
  background-color: var(--hue);
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
 
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.news_list_title {
  padding: clamp(0.38rem, 0.29rem + 2.26vw, 0.38rem) 0;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  margin-right: 4.21vw;
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.news_list_title:last-child {
  margin-right: 0;
}
.news_list_title:last-child .iconfont{
    /* font-size: 38px !important; */
}
.news_list_title .iconfont {
  color: #333;
  margin-right: 10px;
}
.news_list_title.hover div,
.news_list_title:hover div {
  color: var(--hue);
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.news_list_dl dd {
  width: 100%;
}
.news_list_dl {
  padding: 50px 0;
}
.news_list_dl .news_list_item {
  padding: 30px;
  margin-top: 0;
  border-bottom: 1px solid #eeeeee;
}
.news_list_dl .pic {
  width: 24.5%;
}
.news_list_dl .con {
  width: 60%;
  padding-right: 5%;
  border-right: 1px solid #eeeeee;
}
.news_list_dl .trim {
  width: 12%;
}
.news_list_dl .con .text {
  margin-bottom: clamp(0.938rem, 0.665rem + 1.21vw, 1.875rem);
}
.news_list_dl .news_list_item:hover {
  background-color: #fff;
  border-color: #fff;
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.news_list_dl .news_list_item:hover .trim .number {
  color: #ff9312;
}
.news_list_dl .news_list_item .public_btn {
}
.news_list_dl .news_list_item:hover .public_btn {
  background-color: var(--hue2);
}
/* news_list_one */
.news_list_one_item {
  position: relative;
  display: block;
  width: 100%;
}
.news_list_one_item:hover .title{
  color: var(--hue);
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.news_list_one_item .pic {
  width: 100%;
  overflow: hidden;
}
.news_list_one_item .pic img {
  width: 100%;
  height: 100%;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.news_list_one_item:hover .pic img {
  transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.news_list_one_item .con {
  transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  background-color: #fff;
  width: calc(100% - 3.13vw);
  margin: auto;
  text-align: center;
  padding: clamp(0.563rem, 0.399rem + 0.73vw, 1.125rem);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 15%);
}
.news_list_one_item .con .trim {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
}
.news_list_one_item .con .trim .iconfont {
  margin-right: 5px;
}
.news_list_two_swiper {
  width: calc(100% + 10px);
  padding: 10px;
}
.pro_list_item {
  background-color: #fff;
  position: relative;
}
.pro_list_item .pic {
  display: block;
  overflow: hidden;
  width: 100%;
  text-align: center;
  /* padding: clamp(0.938rem, 0.665rem + 1.21vw, 1.875rem) 4.58vw; */
}
.pro_list_item .pic img {
  width: 100%;
  height: 100%;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.pro_list_item:hover .pic img {
  transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.pro_list_item:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 15%);
}
.pro_list_item .con {
  width: 100%;
  padding-top: clamp(0.938rem, 0.665rem + 1.21vw, 1.875rem);
  padding-bottom: clamp(0.938rem, 0.665rem + 1.21vw, 1.875rem);
}
.pro_list_item .text {
  text-align: center;
  padding: 0 clamp(0.938rem, 0.665rem + 1.21vw, 1.875rem);
}
.pro_list_item .title {
  text-align: center;
  margin-bottom: 10px;
  display: block;
}
.pro_list_item .btn {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  border-top: 1px solid #f0f0f0;
}
.pro_list_item_btn {
    background-color: #dd1b23;
    color: #ffffff !important;
    cursor: pointer;
  display: block;
  width: calc((100% - 1px) / 2);
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  padding: clamp(0.625rem, 0.389rem + 1.05vw, 1.438rem) 0;
}