body{
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}
h1{
    margin-bottom: 8px;
    color: #373737;
}
h3{
    margin: 0.75rem 0;
}
img{
    /*width: 100%;*/
}


/*导航栏*/
.header_nav{
    width: 100%;
}
.layui-nav .layui-this{
    color: #6f64fb;
    border-top:2px solid #6f64fb;;
}
@font-face {
    font-family: 'iconfont';
    src: url('../Font/iconfont.eot');
    src: url('../Font/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../Font/iconfont.woff2') format('woff2'),
    url('../Font/iconfont.woff') format('woff'),
    url('../Font/iconfont.ttf') format('truetype'),
    url('../Font/iconfont.svg#iconfont') format('svg');
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.banner img,.fill_img{
    width: 100%;
}
.eighty_img{
    width: 80%;
}
i{
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #6d61ff;
    position: absolute;
    top: 6px;
    left: -15px;
}
.choose_this{
    box-shadow: 0 0 20px #9e9e9e;
}

/*内容*/
.gray{
    background-color: #f7f7f7;
}
.layui_content_part{
    width: 100%;
    padding: 1px;
}
.layui_content_main{
    text-align: center;
    width: 80%;
    margin: 5rem auto;
}
.layui-title{
    margin-bottom: 5rem;
}
.layui_title_explain{
    color: #999;
    font-size: 0.75rem;
}
/*固定的联系方式*/
.contact_ways{
    position: fixed;
    right: 20px;
    bottom: 150px;
}
.contact_ways .contact_ways_item{
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    margin: 4px;
    line-height: 2.5rem;
    box-shadow: 0 0 0 #888,0 0 0 #fff,0 0 0 #888,0px 1px 2px #888;/*左上右下*/
    background-color: white;
}
.contact_ways .contact_ways_item:hover{
    background-color: #6C63FF;
    cursor: pointer;
}
.contact_ways .contact_ways_item>img{
    margin-left: 0.65rem;
}
.contact_ways .tips{
    padding: 3px;
    position: relative;
    max-width: 400%;
    min-width: 185px;
    right: 205px;
    top: -44px;
    line-height: 20px;
    text-align: right;
}
.contact_ways .tips p{
    color: #6C63FF;
    text-align: left;

}
.contact_ways .tips img{
    width: 30%;
}
/*底部*/
.layui-footer{
    width: 100%;
    height: 8rem;
    background-color: #333333;
    text-align: center;
}
.layui-footer a
{
    color: #a2a2a2;
}
.layui-footer a:hover {
    color: #777
}

.layui-footer p{
    color: #a2a2a2;
    font-size: 16px;
}
.layui-footer p:nth-child(1){
    padding-top: 1.25rem;
}

.page_nav_list{
    width: 9.5rem;
    border-radius: 50%;
    /* line-height: 11rem; */
    height: 9.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page_nav_list:hover{
    cursor: pointer;
}
.page_nav_list p{
    font-size: 1.25rem;
    color: white;
}