.contact_tbox{

    margin: 0.7rem 0;

    /* background: #096; */

}

.contact_title{

    width: 16rem;

    margin: 0 auto;

    color: #333;

    font-size: .4rem;



}

.contact_title span{

    position: relative;

    font-size: .4rem;

    color: #333;

    padding-bottom: 0.05rem;

    font-weight: bold;

    cursor: pointer;

}

.contact_title span::after{

    content: '';

    display: block;

    width: 100%;

    height: 0.03rem;

    background: #1B2C77;

    position: absolute;

    bottom: 0;

    left: 0;

}

.contact_formbox{

    width: 13rem;

    margin: 0 auto;

}

.contact_form_items{

    display: flex;

    justify-content: space-between;

    margin-bottom: 0.35rem;

}

.contact_form_left{

    width: 48%;

    display: flex;

    flex-direction: column;

}

.contact_ips{

    height: 0.37rem;

    background: #fff;

    border: 0.01rem solid #999;

    text-indent: .32rem;

}

.contact_form_left span{

    color: #1d1d1d;

    font-size: .23rem;

    margin-bottom: 0.1rem;

    cursor: pointer;

}

.texture_box{

    width: 13rem;

    margin: 0 auto;

    display: flex;

    justify-content: space-between;

    margin-bottom: 0.7rem;

}

.texture_flex{

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}

.texture_items{

    width: 48%;

}

.texture_ips{

    height: 1.3rem;

    border: 0.01rem solid #999;

    text-indent: 0.32rem;

}

.texture_1{

    display: flex;

    flex-direction: column;

    margin-bottom: 0.35rem;

}

.texture_1:last-child{

    margin-bottom: 0;

}

.texture_1 span{

    color: #1d1d1d;

    font-size: .23rem;

    margin-bottom: 0.1rem;

    cursor: pointer;

}

.texture_border{

    display: flex;

    flex-direction: column;

   

}

.texture_border span{

    color: #1d1d1d;

    font-size: .23rem;

    margin-bottom: 0.1rem;

    cursor: pointer;

}

.texture_bigbox{

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    border: 0.01rem solid #999;

    padding: 0.47rem 0.5rem;

    box-sizing: border-box;

}

.texture_border_items{

    display: flex;

    flex: 1;

    margin-bottom: 0.21rem;

}

.texture_border_items span{

    width: 20%;

    color: #1d1d1d;

    font-size: .16rem;

}

.texture_border_items input{

    width: 80%;

    height: 100%;

    background:#f4f4f4;

    border:none;

    text-indent: 0.32rem;

}

.rest_box{

    width:13rem;

    margin: .5rem auto;

    display: flex;

    justify-content: space-between;

}

.rest_1{

    width: 48%;

    margin-bottom:1rem;



}

.rest_items{

    display: flex;

    justify-content: flex-end;

}

.rest_box a{

    width: 2.4rem;

    height: 0.45rem;

    display: block;

    font-size: .23rem;

    color: #1D1D1F;

    text-align: center;

    line-height: 0.45rem;

    vertical-align: bottom;

}

.git_items{

    display: flex;

    justify-content: flex-start;

}

.rest_items a{

    border: 0.01rem solid #dbdbdb;

    background: #f5f5f5;

}

.git_items a{

    color: #fff;

    background: #1B2C77;

}

.rest_items a:not(:disabled):hover {

    opacity: 1;

    position: relative;

    overflow: hidden;

}

.rest_items a:not(:disabled):hover::before {

    animation: ani_ripple 0.75s;

    z-index: 1;

    content: "";

    position: absolute;

    display: block;

    transition: all 0.6s;

    width: 100%;

    height: 0;

    border-radius: 50%;

    left: 50%;

    top: 50%;

    padding-top: 100%;

    transform: translateX(-50%) translateY(-50%);

}

.git_items a:not(:disabled):hover {

    opacity: 1;

    position: relative;

    overflow: hidden;

}

.git_items a:not(:disabled):hover::before {

    animation: ani_ripple 0.75s;

    z-index: 1;

    content: "";

    position: absolute;

    display: block;

    transition: all 0.6s;

    width: 100%;

    height: 0;

    border-radius: 50%;

    left: 50%;

    top: 50%;

    padding-top: 100%;

    transform: translateX(-50%) translateY(-50%);

}

/* 联系我们 */

.call_content{

    width: 16rem;

    margin: 0 auto;

    display: flex;

    justify-content: space-between;

}

.call_items{

    display: flex;

    flex-direction: column;

}

.call_tit{

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    /* cursor: pointer; */

}

.call_tit a {

    display:inline-block;

     padding-bottom: 0.1rem;

    border-bottom: 0.01rem solid #999;

    color: #555555;

    font-weight: bold;

    font-size: 0.25rem;

}





.call_txtbox{

    display: flex;

    flex-direction: column;

    margin-top: 0.25rem;

}

.call_p1{

    line-height: 2;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}

/* 欢迎留言 */

.welcom_content{

    width: 16rem;

    margin: 0 auto;

    display: flex;

    justify-content: space-between;

}

.welcom_items{

    width: 38%;
    

    flex-direction: column;
    margin-left: 50px;
}


.welcom_ip1{

    margin-bottom: 0.35rem;

  ;



}

.welcom_section{

    width: 10%;

    font-size: 0.23rem;



}

.welcom_section sup{

    color: red;

    margin-left: 0.07rem;

    font-weight: bold;

}

.welcom_ip1 input{

    width: 90%;

    height: .37rem;



    border: 0.01rem solid #999;

    text-indent: 0.32rem;

    background: #fff;

}



.welcom_height{

    height:1rem!important;

}

.try_content{

    width: 16rem;

    margin: 0 auto 1.3rem auto;

    padding: 0.9rem 1.3rem 1rem 1.3rem;

    box-sizing: border-box;

    background: #f5f5f5;

    border-radius: 0.6rem;



}

.try_top_txt{

    margin-bottom: 0.5rem;

}

.try_top_p1{

    line-height: 2.2;

    color: #1D1D1F;

    font-size: .18rem;

}

.try_title{

    font-size: .18rem;

    font-weight: bold;

    line-height: 2.2;

    cursor: pointer;    

}

.try_text{

    font-size: .18rem;

    line-height: 2.2;

    text-align: justify;

}

/* 目录 */

.contents{

    width: 16rem;

    margin:.5rem auto;

    background: pink;

    padding: 0.8rem;

    box-sizing: border-box;

    display: flex;

    justify-content: space-between;

    background: #f5f5f5;



}

.content_items{

    width: 50%;

    display: flex;

    flex-direction: column;

}

.content_one{

    display: flex;

    margin-bottom: 0.36rem;

}

.content_one span{

    width: 18%;

    color: #1d1d1d;

    font-size: .23rem;



}

.content_one input{

    width: 70%;

    height: 0.37rem;

    border: 0.01rem solid #999;

    text-indent: 0.32rem;

    background: #fff;

}

.content_div{

    width: 82%;

    height: 0.75rem;

    background: #fff;

    border: 0.01rem solid #999;

    display: flex;

    /* justify-content: center; */

    align-items: center;

}

.content_check{

    display: flex;
    align-items: center;
    margin-left: 0.44rem;

    /* margin: 0 0.1rem; */

}

.content_check input{

    width: 0.2rem;

    height: 0.2rem;

    background: #cfcfcf;

    cursor: pointer;

    margin-right: 0.1rem;

}

.content_right{

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}

.content_logo{

    /*width: 2.57rem;*/

    height: 0.99rem;

    margin-bottom: 0.6rem;

}

.content_logo img{

    width: 100%;

    height: 100%;

}

.content_right_tit{

    color: #444444;

    font-weight: bold;

    font-size: .32rem;



}

.content_right_txt{

    text-align: center;

    margin-top: 0.15rem;

    line-height: 2;

}

.content_gitbox{

    width: 100%;

    display: flex;

    justify-content: space-around;

    margin-top: .3rem;

}

.content_git_items a{

    width: 2.4rem;

    height: 0.45rem;

    display: block;

    text-align: center;

    line-height: 0.45rem;

    font-size: 0.23rem;

    vertical-align: bottom;



}

.content_test{

    background: #fff;



}

.content_git{

    background: #1B2C77;

    color: #fff;



}

.content_test:not(:disabled):hover {

    opacity: 1;

    position: relative;

    overflow: hidden;

   

  }

  .content_test:not(:disabled):hover::before {

    animation: ani_ripple 0.75s;

    z-index: 1;

    content: "";

    position: absolute;

    display: block;

    transition: all 0.6s;

    width: 100%;

    height: 0;

    border-radius: 50%;

    left: 50%;

    top: 50%;

    padding-top: 100%;

    transform: translateX(-50%) translateY(-50%);

  }

  .content_git:not(:disabled):hover {

    opacity: 1;

    position: relative;

    overflow: hidden;

   

  }

  .content_git:not(:disabled):hover::before {

    animation: ani_ripple 0.75s;

    z-index: 1;

    content: "";

    position: absolute;

    display: block;

    transition: all 0.6s;

    width: 100%;

    height: 0;

    border-radius: 50%;

    left: 50%;

    top: 50%;

    padding-top: 100%;

    transform: translateX(-50%) translateY(-50%);

  }

  .privacy{

    margin-bottom: .6rem;

  }

  .privacy_txt{

    line-height: 2.2;

    text-align: justify;

    font-size: .18rem;

  }
  @media screen and (max-width:1024px){
    .contact_tbox{
        padding: 0 20px!important;
    }
    .contact_title{
        width: 100%!important;
        font-size: 28px!important;
    }
    .call_content{
        width: 100%!important;
        padding: 0 20px!important;
        box-sizing: border-box;
        flex-wrap: wrap;
    }
    .call_items{
        width: 100%!important;
        margin-bottom: 15px;
    }
    .call_tit a{
        font-size: 14px!important;
    }
    .call_p1{
        font-size: 12px!important;
    }
    .welcom_content{
        width: 50%!important;
        flex-wrap: wrap;
    }
    .welcom_items,.rest_box{
        width: 100%!important;
    }
    .welcom{
        padding: 0 20px!important;
    }
    .welcom_section{
        width: 50% !important;
        font-size: 14px!important;
        display: flex;
    }
    .welcom_section::after{
        content: '*';
        display: block;
        color: red;
    }
    .welcom_ip1 input{
        flex: 1;
        margin-left: 5px;
        width: 10%!important;
        height: 60px!important;
    }
    .welcom_section sup{
        display: none;
    }
    .welcom_ip1{
        align-items: center;
    }
    .rest_box a{
        width: auto!important;
        height: auto!important;
        padding: 5px 50px;
        line-height: normal!important;
        font-size: 14px;
    }

    .contact_title span{
        font-size: 22px!important;
    }
    .contents{
        width: 100%!important;
        flex-wrap: wrap;
    }
    .content_items{
        width: 100%!important;
        order: 1;
    }
    .content_right{
        order: 0;
        margin-bottom: 15px;
    }
    .content_right_tit{
        font-size: 18px!important;
    }
    .content_right_txt{
        font-size: 14px!important;
    }
    .content_one span{
        width: 25%;
        font-size: 14px;
    }
    .content_one input{
        flex: 1;
        width: auto!important;
        height: 35px;
    }
    .content_div{
        flex: 1;
        width: auto!important;
    }
    .content_one{
        align-items: center;
    }
    .content_git_items a{
        font-size: 14px!important;
    }

    .contact_formbox,.texture_box{
        width: 100%!important;
        padding: 0 20px;
        box-sizing: border-box;
    }
    .contact_form_left span{
        font-size: 14px!important;
    }

    .contact_ips{
        height: 30px!important;
    }
    .texture_box{
        flex-wrap: wrap;
    }
    .texture_items{
        width: 100%;

    }
    .texture_1 span{
        font-size: 14px;
    }
    .texture_border span{
        font-size: 14px;
    }
    .texture_border{
        margin-top: 0.35rem!important;
    }
    .texture_border_items{
        align-items: center;
    }

    .texture_border_items span{
        font-size: 12px;
    }
    .texture_border_items input{
        height: 30px!important;
    }
    .rest_box a{
        font-size: 14px!important;
    }
    .try_content{
        width: 100%;
        padding:40px 20px!important;
        border-radius: 7px!important;
    }
    .try_top_p1,.try_title,.try_text{
        font-size: 16px!important;
    }
    .try_content span{
        font-size: 16px!important;
    }



}