
.contact1{ overflow: hidden;}
.contact1 h2 {margin: 100px 0 50px 30px; font-size: 35px;  color: #404040;}
.contact1 h2 span{font-size: 18px;}
.contact1 li{float: left;display: table;margin:20px 30px;width: calc(33.33% - 60px);height: 220px;background-color: #f2f2f2;}
.contact1s{display: table-cell;vertical-align: middle;padding: 0 10%;}
.contact1s i{font-size: 35px;color: #000;}
.contact1s p{font-size: 16px;color: #333;line-height: 25px;}
.contact1s span{display: block;margin: 25px 0 15px;font-size: 20px;font-weight: bold;font-family: arial;color: #404040;}
.contact1 li:hover{background-color: #333;color: #fff;}
.contact1 li:hover .contact1s i,.contact1 li:hover .contact1s p,.contact1 li:hover .contact1s span{color: #fff;}

.liuyan{overflow: hidden; padding: 12px 22px 80px 32px;}
.liuyan .title{   line-height: 40px;font-size: 36px;color: #000000;}
.liuyan .right,.liuyan .left{float: left;width: 48%;margin-top: 28px;}
.liuyan .right{ float: right;}
.liuyan .inpu{border: solid 1px #e6e6e6; box-sizing: border-box;  background: #fff; padding: 10px 0px; margin-bottom: 20px;}
.liuyan .inpu textarea,.liuyan .inpu input{width: 100%; height: 48px; line-height: 48px; box-sizing: border-box;font-size: 18px;color: #333;border: none;outline:none;padding: 0 20px;box-sizing: border-box; background: none;}
.liuyan .inpu input::-webkit-input-placeholder{color:#666;}
.liuyan .inpu input:-moz-placeholder{color:#666;}
.liuyan .inpu input::-moz-placeholder{color:#666;}
.liuyan .inpu input:-ms-input-placeholder{color:#666;}
.liuyan .inpu textarea::-webkit-input-placeholder{color:#666;}
.liuyan .inpu textarea:-moz-placeholder{color:#666;}
.liuyan .inpu textarea::-moz-placeholder{color:#666;}
.liuyan .inpu textarea:-ms-input-placeholder{color:#666;}
.liuyan .inpu textarea{height: 228px;resize: none;line-height: 24px;padding: 10px 20px;}
.liuyan .btn{margin: 0;padding: 0;height: 70px;text-align: center;}
.liuyan .btn a,
.liuyan .btn button,
.liuyan .btn input{width: 160px;height: 70px;line-height: 70px;text-align: center;display: block;border: none;border-radius: 0;background: #333;-webkit-appearance:none;font-size: 18px;color: #fff;cursor: pointer;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s;}
.liuyan .btn a,.liuyan .btn button,.liuyan .btn input:hover{background: #d61919;}

ul.ulcontact{}
ul.ulcontact li{ border-bottom:1px dotted #d8d8d8; padding:10px 0px 20px 0px;}
ul.ulcontact li:hover{ background:#fcfcfc}
ul.ulcontact li a.at{ display:block; font-size:31px; font-weight:bold; margin-bottom:47px; color:#333}
ul.ulcontact li dl{ float:left; margin-top:3px; width:33.3%;}
ul.ulcontact li dl i{ font-size:22px; padding-top:4px; font-weight:bold; display:block;font-style: normal;}
ul.ulcontact li dl p{ font-size:16px; color:#777; line-height:24px; height:72px; display:block; overflow:hidden; padding-top:7px; max-width:90%}
ul.ulcontact li dl.z{ width:66.7%;}
ul.ulcontact li dl.z p{ height:auto;}
ul.ulcontact li dl dd{ display:block; padding-left:88px; background-position:left top; background-repeat:no-repeat;}




@media only screen and (max-width: 700px) {
.contact1 li {
    float: left;
    display: table;
    width: calc(50% - 60px);
}	
.zcontact{
	display:none;
}	
	
ul.ulcontact li dl {
    width: 100%;  margin-bottom:10px;
}
ul.ulcontact li dl.z {
    width: 100%;
}
ul.ulcontact li dl dd{min-height:77px;}
ul.ulcontact li dl p {
    height: auto;
    max-width: 100%;
}
ul.ulcontact li dl p {
    max-width: 100%;
}

.contact1 h2 {
    font-size: 18px;
    padding: 20px 0;
    margin: 0;
}
.contact1 h2 span{
	margin-top:10px;
}
.contact1 h2 span {
    padding-top: 13px;
    display: block;
    line-height: 1.5;
    font-size: 14px;
}





}
