@charset "utf-8";

.contact_fonts_show{background-color:rgba(255, 255, 255, 0.95);backdrop-filter: blur(10px);
  border-radius: 0.06rem;
  margin-bottom: 0.4rem;
  margin-top: -0.5rem;
  position: relative;
  z-index: 10;
  box-shadow: 0 0px 13px 0 rgba(69,69,69,0.05);padding: 0.3rem 0.3rem 1rem 0.3rem;}
#contact_con{ background-color:#002a69;}
.contact_banner{ background-position:center center; background-repeat:no-repeat; background-size:100% auto; height:5.5rem;}
.contact_lists{ text-align:center}
.contact_lists ul li{ position:relative; width:26%;  display: inline-block; vertical-align:top; border-right:#EEF1F8 1px solid; padding:3.5% 2.5%;color:#222; text-align:center;}


.contact_lists ul li:hover {
   
  }
.back_contact{background: url(../images/contact_back_img.png) center center no-repeat; background-size:cover;  }
.contact_lists ul li:last-child{ border:0}

.back_liuyans{ padding-top:0.4rem; padding-bottom:0.4rem; background: url(../images/liuyan_back.png) center bottom no-repeat; background-size: 100% auto;    }


.contact_lists ul li:last-child{ margin-right:0}
.contact_lists ul li .con_icon{ position:relative; z-index:2; width:1rem; margin:0px auto;}
.contact_lists ul li .con_icon img{ width:100%; height: auto;border-radius:50%;}
.contact_lists ul li:hover .con_icon img{ border-radius:50%;}
.contact_lists ul li .con_fonts{ position:relative; z-index:2;}
.contact_lists ul li .con_fonts .con_titile{ font-size:0.22rem;margin-bottom:0.2rem; margin-top:0.3rem;}
.contact_lists ul li .con_fonts .con_decipe{ font-size:0.16rem; line-height:1.8; margin-bottom:0.2rem;}
.contact_lists ul li .con_fonts .con_map{font-size:0.16rem;}
.contact_lists ul li .con_fonts .con_map a{ display:inline-block; border-radius:0.3rem; font-size:0.12rem; padding:0.08rem 0.15rem; border:#1B4E98 1px solid; color:#1B4E98; line-height:1}

.contact_lists ul li:hover .con_fonts .con_titile{ }
.contact_lists ul li:hover .con_fonts .con_decipe{ }
.contact_lists ul li:hover .con_fonts .con_map a{ background-color:#1B4E98;border:#1B4E98 1px solid; color:#fff;}

.con_titile_show{ text-align:center;}
.con_titile_show .con_titile_001{display: inline-block;
  color: #242933;
  font-size:0.28rem;
  font-weight: bold;
  margin-top: -0.4rem;
  padding-bottom: 0.3rem;
  margin-bottom: 0.3rem;}
.con_titile_show .con_titile_001::after {
  content: '';             /* 必须内容属性 */
  position: absolute;
  left: 50%;               /* 水平居中定位 */
  transform: translateX(-50%); /* 通过位移实现完美居中 */
  width: 0.4rem;            /* 初始宽度 */
  height: 2px;             /* 横线高度 */
  background: #A42B1C;        /* 横线颜色 */
  transition: width 0.3s ease-in-out; bottom: 0;
}
.con_titile_show:hover .con_titile_001::after {
  content: '';            
 
  width: 100%;          

}
.con_titile_show .con_titile_002{ color:#faf4f3; font-family: "family_DIN";font-size:0.8rem; font-weight: bold; line-height: 1;}




.quanqiu_img{ padding-top:1rem;}
.quanqiu_img img{max-width: 100%; }
.quanqiu_content {padding-top:0.2rem;}
.quanqiu_content .quanqiu_content_l { float:left;width: 30%;}
.quanqiu_content .quanqiu_content_l  ul{}
.quanqiu_content .quanqiu_content_l  ul li{border-left: #C13734 3px solid;
  padding-left: 0.3rem; padding-top: 0.06rem; padding-bottom: 0.06rem;
  margin-bottom: 0.4rem;}
  .quanqiu_content .quanqiu_content_l  ul li .number_show{font-family: "family_DIN";
  font-size: 0.6rem;
  font-weight: bold; color:#333;
  margin-bottom: 0.3rem;line-height:1;}
    .quanqiu_content .quanqiu_content_l  ul li .descipe_fonts{
  font-size: 0.16rem;
  font-weight: 300; color:#666;line-height:1;}
.quanqiu_content .quanqiu_content_r { float:right;width: 70%; font-size:0.16rem;line-height:2;}



@media (max-width:768px) {
.con_titile_show .con_titile_002{font-size: 0.5rem;}
.contact_lists ul li{ border:0}
	.contact_banner {
  background-size: cover;
  height: 4.6rem;
}
.contact_lists ul li {
  width: initial;
  margin-right: 0;
  display: block;
 margin-bottom:0.3rem;
}
.contact_lists ul li .con_fonts .con_titile {
  font-size: 20px;}
.contact_lists ul li .con_fonts .con_decipe {
  font-size: 15px;}
  .contact_lists ul li .con_fonts .con_map a {
  border-radius:20px;
  font-size: 12px;
  padding: 10px 14px;}
  .contact_lists {
  text-align: center;
  padding-left: 0;
}
.quanqiu_content .quanqiu_content_l {
  float: none;
  width: auto;
}
.quanqiu_content .quanqiu_content_r {
  float: none;
  width: auto;}
	
}