.tx-mains.contact{background: #f5f5f5;}
.tx-joinl > li{padding: 45px 60px;background: #fff;width: 100%;margin-bottom: 50px;}
.tx-joinl .title h3{font-size: 28px;line-height: 30px;margin-bottom: 25px;}
.tx-joinl .title span{display: block;}
.tx-joinl .title em{float: left; font-size: 16px;color: #666;margin-right: 30px;}
.tx-joinl .title em i{display: inline-block;font-size: 20px;color: #e80115;margin-right: 8px;}
.tx-joinl .title a{float: right;font-size: 16px;font-weight: bold;cursor: pointer;}
.tx-joinl .title a i{position: relative; display: inline-block;width: 13px;height: 13px;margin-left: 8px;top:1px;}
.tx-joinl .title a i::before,.tx-joinl .title a i::after{content: '';position: absolute;left:0;right: 0; top:0;bottom:0;background: #333;margin:auto;transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s;}
.tx-joinl .title a i::before{width: 1px;height: 100%;}
.tx-joinl .title a i::after{width: 100%;height: 1px;}
.tx-joinl .title a.cur{color: #e80115;}
.tx-joinl .title a.cur i::after,.tx-joinl .title a.cur i::before{background: #e80115;}
.tx-joinl .title a.cur i:before{height: 0;}
.tx-joinl .content{display: none; padding-top: 30px;margin-top: 30px;border-top:1px solid #d6d6d6;transition: 0s;-webkit-transition: 0s;-ms-transition: 0s;}
.tx-joinl .content ul{width: 100%;}
.tx-joinl .content ul li{width: 50%;padding-right: 40px;}

.tx-joinl .content .more{display: inline-block;font-weight: normal; font-size: 14px;line-height: 35px;height: 42px; padding: 0 40px;background:#e80115;color: #fff;margin-top:40px;}
.tx-joinl .content .more i{font-size: 24px;position: relative;top:3px;margin-left:5px;}

.tx-contacts{padding: 45px 66px;background: #fff;}
.tx-contacts-left{width: 55%;padding-right:60px;}
.tx-contacts-left .img{display: flex;justify-content: space-between;align-items: center;}
.tx-contacts-left .img .logo{width: 300px;}
.tx-contacts-left .img .ewm{width: 110px;height:110px;}
.tx-contacts-left .text{border-top:1px solid #d6d6d6;margin-top: 40px;padding-top:35px;}
.tx-contacts-left .text p{font-size: 17px;margin-bottom: 30px;}
.tx-contacts-right{position: relative; width: 45%;height: 345px;background: url('../img/map.png') center center no-repeat;background-size:auto 100%;cursor: pointer;}
.tx-contacts-right span{text-align: center; position: absolute;left: 50%;top:45%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%); }
.tx-contacts-right h3{position: relative; font-size: 14px;line-height: 33px;padding:0 15px;background:#fff;border-radius: 3px;margin-bottom: 12px;box-shadow: 0 0 5px #bbb;}
.tx-contacts-right h3:before{content:'';position: absolute;bottom:-8px;left:0;right:0;margin:0 auto;width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #fff;}
.tx-contacts-right i{font-size: 20px;color:#e80115;}

.tx-map,.tx-map *{transition: 0s;-webkit-transition: 0s;-ms-transition: 0s;}
.tx-map{display: none; position: fixed;z-index: 9999;width: 100%;height: 100%;}
.map-main{width: 100%;height: 100%;}
.map-close{position: absolute;width: 44px;height: 44px;background:#e60012;z-index: 30;top:40px;right:40px;cursor: pointer;}
.map-close::after,.map-close::before{content: '';position: absolute;width: 1px;height: 90%;background:#fff;left: 0;right: 0;top:0;bottom:0; margin: auto auto;}
.map-close::after{transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.map-close::before{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}

@media screen and (min-width: 769px){

    .tx-joinl .title a:hover i::after,.tx-joinl .title a:hover i::before{background: #e80115;}

}

@media screen and (max-width: 1480px){

    .tx-joinl > li{padding: 36px 46px;margin-bottom: 30px;}
    .tx-joinl .title h3{font-size: 22px;margin-bottom: 20px;}
    .tx-joinl .title em{font-size: 14px;}
    .tx-joinl .title a{font-size: 15px;}
    .tx-joinl .content{padding-top: 22px;margin-top: 22px;}

    .tx-joinl .content .more{margin-top: 30px;}

}

@media screen and (max-width: 768px){

    .tx-joinl > li{padding:15px 20px;margin-bottom: 15px;}
    .tx-joinl .title h3{font-size: 15px;margin-bottom: 6px;}
    .tx-joinl .title em{font-size: 12px;clear: both;margin-bottom: 5px;}
    .tx-joinl .title em i{font-size: 13px;}
    .tx-joinl .title a{font-size: 13px;}
    .tx-joinl .title a i{width: 9px;height: 9px;top:0px}

    .tx-contacts{padding: 20px;}

    .tx-contacts-left{width: 100%;padding-right: 0;}
    .tx-contacts-right{width: 100%;height: 200px;}
    .tx-contacts-right h3{font-size: 12px;line-height: 20px;padding: 10px;}
    .tx-contacts-left .text{margin-top: 20px;padding-top:15px;}
    .tx-contacts-left .text p{font-size: 14px;margin-bottom: 12px;}
    .tx-contacts-left .img .logo{width: 138px;}
    .tx-contacts-left .img .ewm{width: 80px;height: 80px;}

}