.banner{background-image: url('../images/ban-contact.jpg');}
.banner .en{background-image: url('../images/ban-en-contact.png');}
.main-contact{padding:80px 0}
.contact,.card{display: flex; justify-content: space-between;}
.contact .item,.card li{width: calc(50% - 10px);}
.contact .cl{text-align: left; transition: all .2s linear; height: 460px; background-color: #fbfbfb; background-image: url('../images/contact_map.jpg'); background-repeat: no-repeat; background-position: center right;}
.contact .ct{margin: 30px 0 0 37px; padding: 19px 0 0 28px; line-height: 1.4; color: #ccc;background: url('../images/contact-a1.png') no-repeat;}
.contact .title{text-align: left; margin: 0; color: #ccc;}
.contact .cl li{position: relative; margin-top: 50px; padding-left: 65px; padding-right: 30px;}
.contact .cl-tit{font-size: 24px; font-weight: bold;}
.contact .icon{position: absolute;left: 24px; top: 0; overflow: hidden; width: 36px; height: 36px;}
.card{flex-wrap: wrap;}
.card li{background-color: #fbfbfb; height: 140px; margin-bottom: 20px; padding: 20px 0 0 30px; box-sizing: border-box; transition: all .2s linear;}
.card .tit{font-size: 24px;font-weight: bold;margin-bottom: 7px;}
.card li:hover,.contact .cl:hover{-webkit-box-shadow: 0 0 10px rgba(200, 200, 200, 0.6);box-shadow: 0 0 10px rgba(200, 200, 200, 0.6);}
.en .card .tit{font-size: 14px;}