.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:1250px;

	}



#owl-zgsxx{ margin-top:70px;text-align:center;}

#owl-zgsxx .item{ width:33.33%; float:left;}

.zgsxx{margin:12px; background: #fff;height:280px;     border-radius: 5px;border: 1px solid #0766B9;}

.zgsxx .pic {width: 100%; height:130px; overflow: hidden;text-align: center;}

.zgsxx .pic img{width:78px;height: 77px;padding-top: 25px;    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;
    margin-bottom: 2%;
    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 .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);

}

}