.tem11-contact-info{margin-top:100px}
.tem11-contact-info .images{width:100%}
.tem11-contact-info .images img{width:100%}
.tem11-contact-info .box{position:relative}
.tem11-contact-info .box .more{position:absolute;right:0}
.tem11-contact-info .box .item{width:25%}
.tem11-contact-info .title-header{background:#272322;padding:20px;color:#fff}
.tem11-contact-info .title-header .title{font-size:24px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.tem11-contact-info .title-header .subtitle{font-size:12px;color:#777;white-space:nowrap;overflow:hidden}
.tem11-contact-info .box .item{transform:translateY(-90px)}
.tem11-contact-info .box .more{position:absolute;right:0;top:-50px;color:#333;max-width:50%;text-align:right}
.tem11-contact-info .box .more a{position:relative;color:#444;padding:10px 0}
.tem11-contact-info .box .more a::before{position:absolute;content:"";width:14px;height:2px;border-top:2px solid;border-color:inherit;right:0;top:0}
.tem11-contact-info .dot{border-color:#333;background-color:#433e3b}
.tem11-contact-info .dot a{width:100%;display:block;width:100%;padding:20px;color:#ccc;border-color:#333;border-bottom:1px solid;border-color:inherit;position:relative}
.tem11-contact-info .dot a::after{width:4px;height:0;content:"";position:absolute;top:0;left:0;transition:all .3s ease-out 0s;opacity:0}
.tem11-contact-info .dot a:hover::after{height:100%;opacity:1}
.tem11-contact-info .dot a:last-child{border-bottom:0}
.tem11-contact-info .dot .icon{width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%;position:absolute;left:20px;top:20px;border:1px solid;border-color:inherit;background:rgba(0,0,0,0.1)}
.tem11-contact-info .dot .text{padding-left:45px;color:#ccc}
.tem11-contact-info .dot .title{font-size:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:all .3s ease 0s;color:inherit}
.tem11-contact-info .dot .description{font-size:12px;opacity:.6;margin-top:12px;line-height:20px;transition:all .3s ease 0s;color:inherit}
@media(max-width:991px){
    .tem11-contact-info .box .item{width:35%}
}
@media(max-width:768px){
    .tem11-contact-info .container,.tem11-contact-info.full-screen-spacing .container.full-screen{padding-left: 3%!important;padding-right: 3%!important}
    .tem11-contact-info .dot .description{line-height: 20px!important;margin-top:6px;}
}
@media(max-width:480px){
    .tem11-contact-info{margin-top:83px}
    .tem11-contact-info .box .item{width:50%;transform:translateY(-75px)}
    .tem11-contact-info .title-header .title{font-size:18px}
    .tem11-contact-info .box .more a{font-size:12px}
    .tem11-contact-info .dot a{padding:15px}
    .tem11-contact-info .dot .icon{top:15px;left:15px}
}
@media(max-width:360px){
    .tem11-contact-info .box .item{width:80%}
    .tem11-contact-info .box .more{display:none}
}