.tx-contacts1{padding: 68px 0;}

.tx-contacts1-main{position: relative;}
.tx-contacts1-main .mains{position: absolute;padding: 37px 40px; z-index: 20;top:60px;left: 55px; width: 470px;height: 463px;background: #fff;box-shadow: 0px 3px 30px 1px rgba(0, 0, 0, 0.1607843137254902);}
.tx-contacts1-main .mains h3{font-size: 28px;line-height: 40px;padding-bottom: 30px;margin-bottom: 5px;border-bottom:1px solid #e8e8e8;}
.tx-contacts1-main .mains li{width: 100%;margin-top: 36px;}
.tx-contacts1-main .mains li h5{font-size: 16px;color: #999;line-height: 22px;margin-bottom: 8px;}
.tx-contacts1-main .mains li h6{font-size: 18px;color: #333;line-height: 25px;}
.tx-contacts1-main .maps{position: relative;z-index: 10; width: 100% !important; height: 580px !important;}

.tx-contacts2{background: #f5f5f5;padding: 68px 0 98px;}
.tx-contacts2 .tit{text-align: center;font-size: 28px;line-height: 40px;margin-bottom: 32px;}
.tx-contacts2-form .mains{padding: 0 62px;}
.tx-contacts2-form .mains span{position: relative; float: left; width: 31.66%;margin-left: 2.5%;margin-top: 30px;}
.tx-contacts2-form .mains span:first-child{margin-left: 0;}
.tx-contacts2-form .mains span h3{font-size: 16px;color: #666;line-height: 22px;margin-bottom: 10px;}
.tx-contacts2-form .mains span input{display: block;width: 100%;height: 52px;font-size: 16px; line-height: 52px;background: #fff;padding: 0 20px; border-radius: 8px;box-shadow: 0px 5px 20px 1px rgba(0, 0, 0, 0.050980392156862744);}
.tx-contacts2-form .mains span.yzm input{padding-right: 150px;}
.tx-contacts2-form .mains span.area{margin-left: 0;width: 100%;}
.tx-contacts2-form .mains span img{position: absolute;right: 8px;bottom:6px;width: 129px;height: 40px;}
.tx-contacts2-form .mains span textarea{width: 100%; height: 280px;background: #fff;font-size: 16px;line-height: 26px;padding:15px 20px; border-radius: 8px;box-shadow: 0px 5px 20px 1px rgba(0, 0, 0, 0.050980392156862744);resize: none;}
.tx-contacts2-form .mains button{position: relative;z-index: 20; float: right;margin-right: 32px;margin-top: -71px; width: 188px;line-height: 46px;text-align: center;font-size: 18px;background: var(--mColor);color: #fff;cursor: pointer;}

.tx-contacts3{background: #f5f5f5;padding: 68px 0;}
.tx-contacts3 .titles{text-align: center;font-size: 28px;line-height: 40px;margin-bottom: 60px;}
.tx-abouts3-main li{margin-bottom: 29px;width: 100%;}
.tx-abouts3-tit{background: #fff;padding: 50px 60px;cursor: pointer;}
.tx-abouts3-tit .titles{margin-bottom: 22px;}
.tx-abouts3-tit .titles h3{font-size: 24px;line-height: 33px;font-weight: bold;}
.tx-abouts3-tit h6{font-size: 16px;}
.tx-abouts3-tit h6 i{position: relative; display: inline-block;width: 13px;height: 13px;top:0px;margin-left: 5px;}
.tx-abouts3-tit h6 i::before,.tx-abouts3-tit h6 i::after{content: '';position: absolute;top:0;left:0;right:0;bottom:0;margin: auto;background: #333;}
.tx-abouts3-tit h6 i::before{width: 13px;height: 1px;}
.tx-abouts3-tit h6 i::after{width: 1px;height: 13px;}
.tx-abouts3-tit .descs{float: left;}
.tx-abouts3-tit .descs em{float: left; font-size: 16px;line-height: 28px;margin-left: 80px;}
.tx-abouts3-tit .descs em:first-child{margin-left: 0;}
.tx-abouts3-desc{position: relative; display: none;background: #fff;padding: 42px 60px;margin-top: -20px;}
.tx-abouts3-desc::before{content:'';position: absolute;left: 0;right: 0;top: 0;margin:0 auto; width: calc(100% - 120px);height: 1px;background: #d6d6d6;}
.tx-abouts3-desc h3{font-size: 18px;line-height: 25px;margin:38px 0 12px;}
.tx-abouts3-desc h3:first-child{margin-top: 0;}
.tx-abouts3-desc p{font-size: 14px;line-height: 24px;color: #999;}

.tx-abouts3-tit.cur .titles h3{color: var(--mColor);}
.tx-abouts3-tit.cur .titles h3 img{-webkit-filter: grayscale(0%);filter: grayscale(0%);}
.tx-abouts3-tit.cur h6{color: var(--mColor);}
.tx-abouts3-tit.cur h6 i::before,.tx-abouts3-tit.cur h6 i::after{background: var(--mColor);}
.tx-abouts3-tit.cur h6 i::after{height: 0;}

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

    .tx-contacts2-form .mains button:hover{opacity: 0.9;}
    
    .tx-abouts3-tit:hover .titles h3{color:var(--mColor)}
    .tx-abouts3-tit:hover h6{color:var(--mColor)}
    .tx-abouts3-tit:hover h6 i::before, .tx-abouts3-tit:hover h6 i::after{background:var(--mColor)}

}

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

    .tx-contacts1-main .mains{height: 390px;}
    .tx-contacts1-main .mains h3{font-size: 20px;padding-bottom: 15px;}
    .tx-contacts1-main .mains li{margin-top: 25px;}
    .tx-contacts1-main .mains li h5{font-size: 14px;}
    .tx-contacts1-main .mains li h6{font-size: 16px;}

    .tx-contacts2 .tit{font-size: 24px;}
    .tx-contacts2-form .mains span h3{font-size: 14px;}
    .tx-contacts2-form .mains span input{line-height: 46px;height: 46px;}
    .tx-contacts2-form .mains span img{bottom:2px;}
    .tx-contacts2-form .mains button{font-size: 14px;width: 166px;line-height: 42px;}

    .tx-contacts3 .titles{font-size: 24px;margin-bottom: 40px;}
    .tx-abouts3-tit{padding:35px 40px;}
    .tx-abouts3-tit .titles{margin-bottom: 20px;}
    .tx-abouts3-tit .titles h3{font-size: 18px;}
    .tx-abouts3-tit .descs em{font-size: 14px;line-height: 24px;}
    .tx-abouts3-tit h6{font-size: 14px;}
    .tx-abouts3-main li{margin-bottom: 20px;}
    .tx-abouts3-desc{padding:35px 40px;}
    .tx-abouts3-desc::before{width: calc(100% - 80px);}

}

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

    .tx-contacts1{padding: 20px 0;}
    .tx-contacts1-main .mains{position: relative;left: 0;top: 0;width: 100%;box-shadow: none;padding:0;height: auto;margin-bottom: 15px;float: left;}
    .tx-contacts1-main .mains h3{font-size: 16px;line-height: 18px;padding-bottom: 10px;}
    .tx-contacts1-main .mains li{margin-top: 15px;}
    .tx-contacts1-main .mains li h5{font-size: 12px;line-height: 15px;}
    .tx-contacts1-main .mains li h6{font-size: 14px;line-height: 15px;}
    .tx-contacts1-main .maps{height: 380px !important;}

    .tx-contacts2{padding: 20px 0;}
    .tx-contacts2 .tit{font-size: 17px;line-height: 25px;margin-bottom: 12px;}
    .tx-contacts2-form .mains{padding:0;}
    .tx-contacts2-form .mains span{width: 100%;margin-left: 0;margin-top: 0;margin-bottom: 12px;}
    .tx-contacts2-form .mains span h3{font-size: 12px;margin-bottom: 5px;}
    .tx-contacts2-form .mains span input{line-height: 38px;height: 38px;border-radius: 4px; box-shadow: 0px 3px 8px 1px rgb(0 0 0 / 2%);padding:0 12px;font-size: 12px;}
    .tx-contacts2-form .mains span textarea{height: 170px;}
    .tx-contacts2-form .mains button{font-size: 12px;width: 120px;line-height: 32px;margin-top: -55px;margin-right: 12px;}
    .tx-contacts2-form .mains span img{width: 90px;height: 32px;}

    .tx-contacts3{padding: 20px 0;}
    .tx-abouts3-main li{margin-bottom: 10px;}
    .tx-contacts3 .titles{font-size: 16px;line-height: 25px;margin-bottom: 12px;}
    .tx-abouts3-tit{padding:12px 20px;}
    .tx-contacts3 .titles{margin-bottom: 8px;}
    .tx-abouts3-tit .titles h3{font-size: 15px;line-height: 22px;}
    .tx-abouts3-tit .descs em{font-size: 12px;line-height: 22px;margin-left: 8px;}
    .tx-abouts3-tit h6{display: none;}
    .tx-abouts3-desc{margin-top: 0;padding: 20px;}
    .tx-abouts3-desc::before{width: calc(100% - 40px);}
    .tx-abouts3-desc h3{font-size: 14px;line-height: 20px;margin-bottom: 6px;margin-top:12px;}
    .tx-abouts3-desc p{font-size: 12px;line-height: 2;}

}