*{
    margin: 0;
    padding: 0;
}
.StickyWord p.active{
    color: orange !important;
}
.phonebg3,.phonebg4,.phonebg5{
    display: none;
}
.registerlist .layui-container{
    width: 100% !important;
}
.FootNav{
    display: none !important;
}
.logo{
    width: 20%;
}
.logo h2{
    padding: 10px 50px;
    font-weight: bold;
}
.SearchClose{
    margin-top: 10px;
    cursor: pointer;
}
.StickyList form{
    display: none;
    position: absolute;
    right: 20px;
    width: 50%;
    text-align: center;
}
.StickyList form .layui-input-inline{
    width: 80%;
}
.registerTop h1{
    text-align: center;
}
.information{
    padding: 20px;
}
.information h3{
    font-size: 24px;
    line-height: 48px;
}
.information .layui-form-item .layui-input-inline{
    width: 40%;
    margin-top: 30px;
}

.Box{
    padding: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.Box h3{
    font-size: 24px;
}
.Box button{
    margin-top: 20px;
}
.contactUs{
    position: fixed;
    right: 0;
    top: 30%;
    z-index: 999;
    cursor: pointer;
    width: 100px;
    padding: 10px;
    height: 50px;
    background-color: #1E9FFF;
}
.contactUs i{
    font-size: 30px;
    text-align: center;
    display: block;
    color: white;
}
.contactUs p{
    color: white;
    text-align: center;
}
.contact_content{
    display: none;
    position: fixed;
    right: 0;
    width: 200px;
    z-index: 999;
    top: 30%;
}
.contact_list{
    display: flex;
    padding: 10px 0px;
    background-color: #ededed;
    border-bottom: 1px solid gainsboro;

}
.contact_list a{
    color: #1E9FFF;
}
.contact_content .left{
    padding: 10px;
}
.contact_content img{
    width: 30px;
    height: 30px;
}
.contact_content p{
    font-size: 12px;
    color: gray;
}
.phone_menu {
    display: none;
}
.StickyList {
    position: -webkit-sticky;
    position: sticky;
    /* padding: 15px; */
    top: 0;
    background-color: #000000;
    width: 100%;
    height: 50px;
    z-index: 999;
    display: flex;
}

.Sticky {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    right: 10px;
    width: 60%;
    position: absolute;
    z-index: 998 !important;
}

.StickyWord {
    width: 8%;
    margin-left: 0.5%;
    height: 50px;
    position: relative;

}
.dorp-box{
    position:absolute;
    top:50px;
    width: 100%;
    display: none;
    background-color:#404040;
}
.drop-li{
    width: 100%;
    line-height: 36px;
}
.drop-li>a{
    padding:8px 5px;
    color:#ffffff;
    display:block;
    text-decoration:none;
    font-size:12px;
}
.drop-li a:hover{
    color: orange;
}
.StickyWord :hover {
    cursor: pointer;
}
.StickyWord p {
    display: block;
    padding-top: 12px;
    height: 38px;
    text-align: center;
    color: white;
    font-size: 14px;
}

.StickyWord a {
    text-decoration: none;
}
.Search,.login{
    width: 80px;
}
.Menu{
    width: 80px;
    display: none;
}
.Search i,
.login i,
.Menu i {
    color: white;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    margin-top: 12px;
    display: block;
}
.FirstPageList{
    width: 100%;
}
.FirstPage_logo{
    width: 100%;
    position: relative;
}
.FirstPage_logo img{
    width: 100%;
}
.FirstContent{
    margin-top: -450px;
    position: absolute;
    width: 100%;
}
.First_Text{
    width: 60%;
    margin: 0 auto;
}
.First_Text h1:nth-child(1){
    font-size: 49px;
    color: orange;
    font-weight: normal;
}
.First_Text h1:nth-child(2){
    font-size: 49px;
    font-weight: normal;
}
.First_Text p{
    font-size: 30px;
}
.FirstButton{
    width: 60%;
    margin: 20px auto;
}
#online_contact {
    width: 95%;
    padding: 10px;
    margin: 0 auto;
    background-color: #f0f0f0;
}

.chat_layer {
    height: 600px;
    overflow-y: scroll;
}

.time p {
    background-color: #007AFF;
    color: white;
    width: 10%;
    text-align: center;
    display: block;
    margin: 0 auto;
    border-radius: 20px;
}

.text p {
    background-color: gainsboro;
    margin-left: 5px;
    padding: 5px;
    border-radius: 8px;
}

.user {
    margin-top: 20px;
    background-color: pink;
    position: relative;
}

.user_text p {
    background-color: #cbe8f7;
    margin-left: 5px;
    padding: 5px;
    position: absolute;
    right: 20px;
    border-radius: 8px;
}

.assistant {
    margin-top: 20px;
}

.assistant h4 {
    background-color: #01AAED;
    color: white;
    border-radius: 38px;
    padding: 20px;
    height: 15px;
}
::-webkit-scrollbar {
    display: none;
}
.layui-input-block,.layui-input-inline{
    margin-left: 0px !important;
}
.liaison{
    padding: 20px 50px;
}
.liaison h4{
    text-align: center;
    font-size: 26px;
}
.liaison form{
    margin-top: 50px;
}
@media screen and (max-width: 344px) {
    .Sticky{
        width: 86% !important;
    }
    .Top_Content{
        margin-top: -280px !important;
    }
}
.Foot{
    width: 100%;
    background-color: #000000;
    color: gainsboro;
    padding-top: 50px;
    margin-top: 5px;
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center !important;
}
.Foot button{
    background-color: unset;
    color: white;
    border: none;

}
.Foot ul{
    margin-top: 20px;
}
.Foot li a{
    line-height: 44px;
    color: gray;
}
.Foot .layui-container{
    padding-bottom: 40px;
    width: 70% !important;
    border-bottom: 2px solid white;
}
.FootSign{
    width: 70%;
    margin: 0 auto;
    display: flex;
    padding-top: 20px;
    position: relative;
}
.FootSign p{
    position: absolute;
    right: 10px;
    line-height: 48px;
}
.phone_logo{
    display: none;
}
@media screen and (max-width: 980px) {
    .First_Text,.choic_text,.number_text,.supply_text{
        width: 85%;
    }
    .FirstButton,.choic_button,.number_button,.supply_button{
        width: 85%;
    }
    .contactUs{
        display: none;
    }
    .StickyWord {
        display: none;
    }
    .layui-container{
        width: 70%;
    }
    .Menu {
        display: block;
    }
    .Sticky {
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto;
        right: 10px;
        width: 40%;
        position: absolute;
    }

    .phone_menu {
        position: fixed;
        right: 0;
        z-index: 9999;
    }

    .phone_menu .layui-nav-tree {
        width: 250px !important;
    }
    .FootNav{
        display: none !important;
    }
    .layui-layer{
        left: 0px !important;
        width: 100% !important;
        top: 15px !important;
    }
    .information .layui-form-item .layui-input-inline{
        margin: 30px 0px 0px 10px!important;
    }
    .information form{
        overflow-x: scroll;
    }
    .registerlist .layui-container{
        width: 90% !important;
    }
}
@media screen and (max-width: 780px) {
    .StickyList img{
        width: 110px !important;
        height: 25px !important;
        margin: 12px 0px 0px 5px !important;
    }
    .supply_text h1,.number_text h1{
        width: 100%;
    }
    .supply_text p,.number_text p{
        width: 100%;
    }
    .first_list .layui-container .layui-row div{
        padding: 20px;
    }
    .layui-btn+.layui-btn{
        margin-left: 0px !important;
    }
    .FootNav{
        display: block !important;
    }
    .Foot{
        display: none;
    }
    .Sticky {
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto;
        right: 10px;
        width: 70%;
        position: absolute;
    }
    .FootNav .layui-nav{
        background-color: #000000 !important;
    }
    .phonebg3,.phonebg4,.phonebg5{
        display: block;
    }
    .webbg3,.webbg4,.webbg5{
        display: none;
    }
}
@media screen and (max-width: 450px) {
    .information .layui-input-inline{
        width: 80% !important;
    }
}
/*----------------------编辑界面动态样式 begin-----------------------------*/
.displaynone {
    display: none;
}
/*----------------------编辑界面动态样式 end-----------------------------*/