@charset "utf-8";
/* CSS Document */
#case_contact_banner{background:#181f2f url(../images/contact_banner.jpg) center  no-repeat;}
#contact_map.container{padding:0 10px;}
#contact_map.container,#contact_form.container,#contact_clients .container{width:1170px;}
#contact_map{margin-top:60px;}
#contact_map #container{box-shadow: 0 0 5px 3px rgb(212, 211, 211);}
#contact_map h2,
#contact_clients h2{font-size: 30px;text-align: center;margin-bottom: 30px;font-weight: bold;}
#contact_map small,
#contact_clients small{line-height: 28px;color:#7b7b7b;text-align: center;display: block;width:770px;margin:0 auto;margin-bottom: 43px;}


#contact_form.container{position: relative;overflow: initial;height: 370px;}
#contact_form .contact_form_info{box-shadow:0 0 5px 3px rgb(212, 211, 211);width: 1030px;position: absolute;margin: 0 auto;top:-80px;left:70px;background-color:#fff;margin:0 auto;z-index:500;}
#contact_form .contact_form_left,#contact_form .contact_form_right{height: 430px;}
#contact_form .contact_form_left h4,#contact_form .contact_form_right h4{font-size: 16px;color: #fff;margin-bottom: 30px;font-weight: bold;line-height: 26px;}
#contact_form .contact_form_left{width: 330px;background-color:#CD091F;padding:50px 30px 0 30px;box-sizing: border-box;}


#contact_form .contact_form_left .form_left_info li{color:#fff;margin-bottom:25px;}
#contact_form .contact_form_left .form_left_info li p{line-height: 32px; font-size: 14px;}
#contact_form .contact_form_left .form_left_info li i{margin-right: 17px;display: block;height: 36px;line-height: 33px;font-size: 17px;}

#contact_form .form_left_link li{float: left;font-size: 18px;margin-right: 25px;}
#contact_form .form_left_link li a{color: #fff;}



#contact_form .contact_form_right{width: 700px;padding:50px 30px 25px;box-sizing: border-box;overflow: hidden;background-color: #fff;}
#contact_form .contact_form_right h4{padding-left: 20px;color:#333;}
#contact_form .contact_form_right form select,.contact_form_right form input {width:306px;height: 36px;color:#777;padding-left: 30px;box-sizing:border-box;margin-bottom: 20px;background-color: #f5f5f5;border:1px solid #e5e5e5; font-family: "Microsoft sans serif";}
#contact_form .contact_form_right form select:nth-child(odd){margin-right: 20px;}
#contact_form .contact_form_right form input:nth-child(odd){margin-right: 20px;}
#contact_form .contact_form_right form textarea{width:638px;height: 86px;background-color: #f5f5f5;border:1px solid #e5e5e5;margin-bottom: 20px;padding: 15px 30px;box-sizing:border-box;font-family: "Microsoft sans serif";font-size: 14px;}
#contact_form .contact_form_right form .form_sub{border-radius: 20px;width:160px;height: 40px;text-align: center;color:#fff;font-weight: bold;font-size: 14px;line-height: 40px;cursor: pointer;}
#contact_form .contact_img{margin:30px 0 0;}



#contact_clients{background-color: #f5f5f5;padding-top: 60px;}

#contact_clients li{width: 144px;height: 144px;float: left;margin: 0 60px 60px 0;}
#contact_clients li img{width: 100%;height: 100%;}
#contact_clients li:nth-child(6),#contact_clients li:nth-child(12){margin-right: 0;}
.content-window-card {
    position: relative;
    box-shadow: none;
    bottom: 0;
    left: 0;
    width: auto;
    padding: 0;
}

.content-window-card p {
    height: 2rem;
}

.custom-info {
    border: solid 1px silver;
}

div.info-top {
    position: relative;
    background: none repeat scroll 0 0 #F9F9F9;
    border-bottom: 1px solid #CCC;
    border-radius: 5px 5px 0 0;
}

div.info-top div {
    display: flex;
    align-items: center;
    color: #333333;
    font-size: 13px;
    font-weight: bold;
    line-height: 31px;
    padding: 0 10px;
}

div.info-top img {
    position: absolute;
    top: 10px;
    right: 10px;
    transition-duration: 0.25s;
}

div.info-top img:hover {
    box-shadow: 0px 0px 5px #000;
}

div.info-middle {
    display: flex;
    align-items: center;
    font-size: 12px;
    padding: 10px 6px;
    line-height: 20px;
}

div.info-bottom {
    height: 0px;
    width: 100%;
    clear: both;
    text-align: center;
}

div.info-bottom img {
    position: relative;
    z-index: 104;
}

span {
    margin-left: 5px;
    font-size: 11px;
}

.info-middle img {
    float: left;
    margin-right: 6px;
}
.amap-info{
    width:490px !important;
}

