.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
.contact_container{
    width: 100%;
    margin: 0 auto;margin-bottom: 50px;
    max-width:1100px;
}
#owl-zgsxx{ margin-top:70px;text-align:center;}
#owl-zgsxx .item{ width:33.33%; float:left;}
.zgsxx{margin:12px; background: #fff;height:300px;     border-radius: 5px;border: 1px solid #0766B9;}
.zgsxx .pic {width: 100%; height:145px; overflow: hidden;text-align: center;}
.zgsxx .pic img{width:78px;height: 77px;padding-top: 52px;    transform: translateX(800px);
    filter: drop-shadow(#0867b9 -800px 0px 0px);}
/*.zgsxx:hover .pic img{ transform: scale(1.1);} */
.zgsxx .txtarea{}
.zgsxx .txtarea h3{font-size: 24px;font-weight: bold;height: 36px; line-height: 36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000000;}
.zgsxx .txtarea h4{font-size: 14px;
    font-weight: 300;
    line-height: 24px;     height: 24px;color:#333333;}
.zgsxx .txtarea .desc{font-size: 18px;
    font-weight: normal;
    line-height: 28px;color:#000000}
.zgsxx .txtarea .desc a{color:#000000}
.zgsxx:hover{background:#0766B9;}
.zgsxx:hover h3,.zgsxx:hover h4,.zgsxx:hover .desc a,.zgsxx:hover .desc{ color:#ffffff;}
.zgsxx:hover .pic img{transform: translateX(800px);
    filter: drop-shadow(#ffffff -800px 0px 0px);}
.addresslist{ width:370px; float:left; margin-left:12px}
.addresslist .address{ padding:5px 14px 5px 35px;border-radius: 10px; cursor:pointer;}
.addresslist .address h3{ font-size: 18px;
    font-weight: bold;
    line-height: 40px;
    color: #333333;}
.addresslist .address .desc{    font-size: 12px;
    font-weight: lighter;
    line-height: 30px;
    color: #000000;}
.address:hover{background:#0766B9;}
.address:hover h3,.address:hover .desc{color:#ffffff}
.maplists{ width:calc(100% - 382px); float:right;}
#mapcontainer {
    width: calc(100% - 12px);
    height: 400px;
}
.contact_container_fd{
    width: 100%;
    margin: 0 auto;max-width:1230px;background: rgba(229, 229, 229, 0.5);
}
.contact_container_fd h3{font-size: 24px;
    font-weight: bold;
    line-height: 72px;
    color: #000000; margin-left:54px; margin-right:54px;    margin-top: 48px;}
.contact_container_fd .fd{ margin:40px 0 40px 40px;}
.contact_container_fd .fd .label{font-size: 16px;
    font-weight: normal;
    line-height: 50px;color: #000000;}
.contact_container_fd .fd .label .red{ color:#FF0000;}
.layui-form-radio * {
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    color: #333333;
}
.contact_container_fd .inp{ margin-top:60px;}
.contact_container_fd .fd .mode1{ width:calc(50% - 45px); float:left; padding-right:45px;    margin-bottom: 20px;}
.contact_container_fd .fd .mode2{ width:calc(100% - 45px); margin-bottom: 50px;}
.contact_container_fd .fd .mode3{ width:calc(100% - 45px); margin-bottom: 20px;}
.contact_container_fd .fd .layui-btn{ width:180px; height:50px; line-height:50px; font-size:18px; background-color:#fff;border-radius: 10px;border: 1px solid #0766B9;color: #0766B9; padding:0;    letter-spacing: 0.5em;}
.layui-input{
    height: 50px;line-height: 50px;font-size: 16px;
    background: #FFFFFF;
    box-sizing: border-box;
    border: 1px solid #C4C4C4;border-radius: 10px;}
.layui-textarea{
    height: 170px;line-height: 50px;font-size: 16px;
    background: #FFFFFF;
    box-sizing: border-box;
    border: 1px solid #C4C4C4;border-radius: 10px;}
.contact_container_fd .layui-textarea::placeholder,.contact_container_fd .layui-input::placeholder {
    font-size: 16px;
    font-weight: 300;
    line-height: 50px;
    color: #7C7C7C;
}
@media only screen and (max-width:1024px) {
    .contact_container{
        width: calc(100% - 60px);
        margin: 0 30px;
    }
    .contact_container_fd {
        width: calc(100% - 0px);
        margin: 0;
    }
}
@media only screen and (max-width:768px) {
    #owl-zgsxx .item {
        width: 100%;
    }
    .addresslist,.maplists{
        width: 100%;
        float:inherit;
    }
    .addresslist .address {
        padding: 10px;
    }
    .contact_container_fd h3{
        font-size:18px;    margin-top: 28px;
    }
    .contact_container_fd .fd .mode1 {
        width: calc(100% - 45px);
    }
}


#map {
    /*display: inline-block;*/
    width: 100%;
    height: 25rem;
    background: #eee;
    float: left;
    font-size: 16px;
}