@charset "utf-8";
.contact_left{ float:left; width:50%;}
.contact_left .titile_font_show{margin-bottom: 0;
  text-align: left;}
.contact_right{ float:right; width:40%;background-color: #fff; border-radius: 0.1rem;}
#contact_con{ background-color:#002a69;}
.contact_banner{ background-position:center center; background-repeat:no-repeat; background-size:100% auto; height:5.5rem;}
.contact_lists{ margin-top:-0.3rem}
.contact_lists ul>li{ position:relative; margin-bottom:0.5rem;}


.contact_lists ul li:hover {
   
  }

.contact_lists ul li:last-child{}

.back_liuyans{ padding:0.4rem;    }


.contact_lists ul li:last-child{ margin-right:0}
.contact_lists ul li .con_icon{ position:relative; z-index:2;width: 100%;
  height: 3rem;
  -webkit-transition:-webkit-transform 0.6s ease 0s;
  transition:transform 0.6s ease 0s;
  overflow:hidden;}
  
.contact_lists ul li .con_icon .pic_show_wid{background-position:center center; background-repeat:no-repeat; height:3rem; background-size:cover;-webkit-transition: -webkit-transform 0.6s ease 0s;
  transition: transform 0.6s ease 0s;}
.contact_lists ul li:hover .con_icon .pic_show_wid {-webkit-transform: scale(1.05) ; -moz-transform: scale(1.05); transform: scale(1.05);}
  

.contact_lists ul li .con_fonts{ position:relative; z-index:2;text-align:left}
.contact_lists ul li .con_fonts .con_titile{ font-size:0.24rem; font-weight:bold; margin-bottom:0.2rem;}
.contact_lists ul li .con_fonts .con_decipe{ font-size:0.16rem; line-height:1.8;}
.contact_lists ul li .con_fonts .con_decipe li{ float:inherit;margin:0.15rem 0;
  vertical-align: top;
  display: block;
  width: auto;
  border:0;}
.contact_lists ul li .con_fonts .con_decipe li img{ height:0.2rem; display: inline-block; margin-right:0.1rem;}


.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;}
.liuyan_titile{ font-weight:bold; font-size:0.24rem;}




@media (max-width:768px) {
	.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;
}
.contact_left {
  float: none;
  width: auto;
}
.contact_right {
  float: none;
  width: auto;}
  .liuyan_titile{font-size: 20px;}
	
}