.banner-contact{width: 100%;height: 200px;position: relative;min-width: 1200px;margin: 70px auto 0;background: url(/skin/sucms/images/banner-contact.jpg) no-repeat center}
.contact-wrapper{position: relative;z-index: 1;background-color: #f2f2f2;overflow: hidden}
.contact-box{width: 1200px;margin:55px auto;overflow: hidden;background: #fff;padding: 30px}
.contact-head{font-size: 24px;line-height: 24px;color: #2d2d2d;font-weight: bold;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #e0e0e0}
.contact-head i{font-size: 30px}
.contact-con{width: 100%;overflow: hidden}
.contact-tel{width: 100%;float: left;padding-bottom: 50px}
.contact-tel p,.contact-item{width: 100%;float: left;color: #848484;font-size: 14px;line-height: 24px;margin-bottom: 10px}
.contact-tel h2{width: 100%;float: left;font-size: 34px;color: #303030}
.contact-tel h2 span{font-size: 16px}
.contact-item{width: 100%;overflow: hidden;margin-bottom: 20px}
.contact-item .bnt-qq{width: 165px;height: 45px;float: left;border: 1px solid #222;border-radius: 22px;line-height: 43px;font-size: 16px;margin: 20px 10px 0 0;padding: 0 20px;color: #222;cursor: pointer}
.contact-item .bnt-qq i{font-size: 20px}
.contact-item .bnt-qq span{font-size: 16px}
.contact-item .bnt-qq:hover,.contact-item .bnt-qq a:hover{background: #308ccf;border: 1px solid #308ccf;color: #fff}
.contact-item .bnt-qq a{color: #222}
.contact-item h1{width: 100%;float: left;font-size: 18px;color: #303030;padding-top: 20px}
.map{height: 350px;overflow: hidden}
@media screen and (min-width: 1024px){html,body {-webkit-user-select: initial;-moz-user-select: initial;-ms-user-select: initial;user-select: initial}}
@media screen and (max-width: 768px){.banner-contact{min-width: inherit;height: 180px;background: url(/skin/sucms/images/banner-contact-wap.jpg) no-repeat center}
.contact-box{width: 100%}
.contact-tel{padding-bottom: 25px}
.contact-tel h2{font-size: 24px}}
/* iPhone6 */
@media screen and (max-width: 375px){}
/* iPhone5、4 */
@media screen and (max-width: 320px){}