/*# sourceURL=/templates/dist/css/style.css?v=4453117 */
/*@ sourceURL=/templates/dist/css/style.css?v=4453117 */
@charset "utf-8";
/**
 * @Author   zcool
 * @Date     2017-11-20
 */
.contact_contents .img_show {
    position: absolute;
    top:0px;
    right: 0;
    background: url(../images/guanzhu_us.png) center center no-repeat;
    height:2.35rem;
    width: 1.97rem;
    background-size: cover;
}

.con_titile{ text-align:center;}
.con_titile .CN_show{ color:#3d474d; font-size:0.36rem; margin-top:-30px; font-weight:bold}
.con_titile .CN_show  span{ position:relative;}
.con_titile .CN_show  span::before {
    position: absolute;
    right:-15px;
    top: -10px;
    content: "";
    display: block;
    width: 8px;
    height:8px;
    background: none; border:#00aaaf 4px solid;border-radius:50%;
    transition: all .5s ease;
}
.con_titile .EN_show{ color:#3d474d; font-size:110px; opacity:0.06;font-family: "family_DIN";text-transform:uppercase}

.con_miaoshu{ padding-top:50px; text-align:center; color:#3d474d; padding-bottom:45px;}
.contact_lists{ text-align:center; padding-bottom:40px; position:relative; z-index:10}
.contact_lists ul li{ display:inline-block; width:24%;  text-align:center; border-right:#e8ebf2 1px solid;}
.contact_lists ul li .tubiao{ width:64px; height:64px; border:#00a7ac 1px solid;border-radius:50%; display:block; margin:0px auto;position: relative;-webkit-transition: all ease .4s;transition: all ease .4s;}
.contact_lists ul li:hover .tubiao{transform: translateY(-10px);-webkit-transition: all ease .4s;transition: all ease .4s;}
.contact_lists ul li p img {
    display: block;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.contact_lists ul li  .contents{ display:block; padding-top:20px;}
.contact_lists ul li:last-child{ border:0}
.contact_lists ul li:last-child .erweima{ position:absolute; bottom:-180px; left:50%; margin-left:-70px; display:none; background-color:#00a0e9; width:140px; text-align:center;border-radius:6px; padding-top:15px;box-shadow: 5px 10px 8px 1px rgba(0, 160, 233, 0.1); z-index:1000; padding-bottom:20px;}
.contact_lists ul li:last-child .erweima img{ width:110px;}
.contact_lists ul li:last-child .erweima span{ display:block; color:#FFF; font-size:12px; padding-top:10px;}
.contact_lists ul li:last-child:hover .erweima{ display: block;animation:moveUp 1s ease;
    animation-fill-mode: both;}
.contact_lists ul li:last-child:hover::before{ display:block;animation:moveUp 1s ease;
    animation-fill-mode: both;}
.maps_show{  height:496px; margin-bottom:90px;border-radius:10px;box-shadow:5px 10px 10px 4px rgba(61, 71, 77, 0.1);}


@media screen and (max-width: 800px){
	.contact_contents .img_show{ display:none}
	.con_titile .EN_show {
    color: #3d474d;
    font-size: 1.2rem;}
	.con_miaoshu {
    padding-top: 0.5rem;
    text-align: center;
    color: #3d474d;
    padding-bottom: 0.45rem;
}
.contact_lists ul li {
    display: inline-block;
    width: 48%;
    text-align: center;
    border-right: #e8ebf2 1px solid;
    margin-bottom: 0.4rem;
}
	.maps_show{ height: 5rem}
  }