*,
*::before,
*::after {margin: 0;padding: 0;box-sizing: border-box;-webkit-box-sizing: border-box;-webkit-tap-highlight-color: transparent;}
* {-webkit-overflow-scrolling: touch;}
body {font-family: "Microsoft YaHei", sans-serif;color: #333;}
ul,
ol {list-style: none;}
a {text-decoration: none;color: #333;}
input,
textarea {border: none;outline: none;resize: none;}
html,
body {width: 100%;height: 100%;margin: 0;padding: 0;font-size: 20px;}


.p {width: 100%;height: 100%;overflow: hidden;position: absolute;top: 0;left: 0; }


.p1{display: block;}


.bg{position: absolute; top: 0; left: 0;width: 100%; height: 100%;}

.pagination_container {position: absolute;top: 92%;left: 50%;margin-left: -325px;width: 650px;display: flex;justify-content: space-between;align-items: flex-start;}
.pagination_box {display: flex;flex-direction: column;align-items: center;justify-content: center;}
.pagination_page {margin-top: 15px;}

.top_title {position: absolute;top: 5%;left: 40px;}

.detail_body {position: absolute;top: 20%;left: 50%;margin-left: -343.5px; width: 687px;height: 70%;background: url("pop_body_center.jpg") 100% repeat-y;box-sizing: border-box;padding: 58px 0;}
.detail_content_body {width: 100%;height: 100%; display: flex;flex-direction: column;align-items: center;justify-content: space-between;}
.pop_body_top {position: absolute;top: 0;left: 0;width: 100%;}
.pop_body_bottom {position: absolute;bottom: 0;left: 0;width: 100%;}

.menu_body {position: absolute;top: 5%;left: 50%;margin-left: -341px;width: 682px;height: 90%;}
.menu_top {position: absolute;top: 0;left: 0;width: 100%;}
.menu_box {position: absolute;top: 109px;left: 0;width: 100%;height: calc(100% - 110px);background: #FFFFFF;display: flex;flex-direction: column;align-items: center;justify-content: space-between;box-sizing: border-box;padding: 20px 0;}
.menu_list {width: 100%;height: 65%;display: flex;flex-direction: column;align-items: center;justify-content: space-between;}
.menu_body .pagination_container {position: relative;top: auto;left: auto;margin-left: -0;align-items: center;}
.icon_cat{position: absolute; top: 5%;right: -80px;}

/* 首页 */
.logo1{position: absolute; top: 4%; left: 4%;}
.logo2{position: absolute; top: 4%; right: 4%;}
.btn_go{position: absolute; bottom: 3%; right: 9%;}
.butterfly{position: absolute; top: 0; left: 0;width: 750px;}
.inex_title{position: absolute; top: 10%; left: 50%; margin-left: -230.5px;}

/* 介绍3 */
.join_btns{ position: relative; width: 484px;height: 80px;}
.bar_img{position: absolute;top: 50%; left: 0; margin-top: -0.5px;}
.join_tips_text{position: absolute; bottom: 0; left: 50%; margin-left: -59px;}
.btn_join{position: absolute; top: 22px; left: 50%; margin-left: -107.5px;}

/* 介绍5 */
.ndkh_body{width: 628px; height:353px ; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.ndkh_box{width: 325px; height:100%; display: flex; justify-content: space-between; flex-direction: column; align-items: center;}
.content_list{width: 628px; height:50% ; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.content_item{width: 295px; height:100%; display: flex; justify-content: space-between; flex-direction: column; align-items: center;}