@media screen and (min-width: 769px) {
  .navbox {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  #wrapper {
    min-width: 100%;
    padding-top: 51px;
  }
  .header {
    display: none;
  }
  .heade {
    border-bottom: 1px solid #ccc;
    width: 100%;
    padding: 11px 15px;
    display: flex;
    justify-content: space-between;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background: #fff;
  }
  .heade .logo {
    width: 98px;
    height: 28px;
    background: url("../img/logo.png") no-repeat center/contain;
  }
  .heade .rightbox {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .heade .rightbox .headicon {
    width: 20px;
    height: 20px;
    background: url("../img/headicon.png") no-repeat center/contain;
    margin-right: 15px;
  }
  .heade .rightbox .hengicon {
    width: 20px;
    height: 20px;
    background: url("../img/hengicon.png") no-repeat center/contain;
  }
  .heade .rightbox .erroricon {
    width: 20px;
    height: 20px;
    background: url("../img/erroricon.png") no-repeat center/contain;
  }
  .navbox {
    position: fixed;
    left: 0;
    top: 51px;
    right: 0;
    padding: 20px 11px;
    background: #fff;
    z-index: 101;
    display: none;
  }
  .navbox .nav_item {
    margin-bottom: 15px;
  }
  .navbox .nav_item:hover .down {
    display: block;
  }
  .navbox .nav_item .right_icon {
    display: block;
    background: url("../img/userImage3.png") no-repeat 98% center/8px 10px;
    font-size: 18px;
    font-family: PingFang-SC-Medium;
    color: #333;
  }
  .navbox .nav_item .down {
    display: none;
  }
  .navbox .nav_item .down .down_list {
    font-size: 16px;
    line-height: 32px;
  }
  .shadow {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    z-index: 99;
    opacity: 0.75;
  }
  .innerBanner .bannerTitle {
    font-size: 26px;
  }
  .innerBanner .bannerTitle:before {
    width: 25px;
    height: 3px;
  }
  .innerBanner .bannerTitle:after {
    width: 25px;
    height: 3px;
  }
  .innerBanner {
    height: 200px;
  }
  .newsList {
    width: 100%;
    margin: 20px auto;
  }
  .newsList .newsCon {
    margin-bottom: 10px;
  }
  .newsList .first_con {
    padding: 15px;
  }
  .newsList .first_con .firstImg {
    width: 100%;
    height: 190px;
    float: none;
  }
  .newsList .first_con .first_content {
    float: none;
    width: 100%;
    padding: 20px 0 10px 0;
  }
  .newsList .first_con .first_content .time {
    margin-bottom: 5px;
  }
  .newsList .first_con .first_content .title {
    margin-bottom: 5px;
  }
  .newsList .first_con .first_content .newDetails {
    margin-bottom: 20px;
  }
  .newsList .first_con .first_content .more {
    width: 120px;
    line-height: 40px;
    font-size: 14px;
  }
  .newsList .newsItem {
    padding: 20px 10px;
  }
  .newsList .newsItem > * {
    float: none !important;
  }
  .newsList .newsItem .item_content {
    width: 100%;
  }
  .newsList .newsItem .item_content .itemTitle {
    margin-bottom: 16px;
  }
  .newsList .newsItem .more {
    margin-top: 0px;
  }
  .newsList .newsItem .time {
    width: auto;
    height: auto;
    border: 0px;
    text-align: left;
    line-height: normal;
  }
  .newsList .newsItem .time p {
    display: inline;
    line-height: normal;
  }
  .newsList .newsItem .time .year {
    font-size: 22px;
  }
  .newsList .newsItem .time .month {
    font-size: 14px;
  }
  .foot {
    height: auto;
    padding: 15px;
    display: flex;
  }
  .foot .foot_w {
    width: 100%;
    display: flex;
  }
  .foot .foot_w > * {
    float: none;
    position: static;
  }
  .foot .foot_l,
  .foot .foot_r {
    float: none;
    margin-top: 20px;
  }
  .foot .foot_l {
    margin-top: 20px;
    display: inline-block;
  }
  .foot .foot_l .foot_logo {
    text-align: left;
    width: 150px;
    margin-bottom: 0px;
    display: inline-block;
  }
  .foot .foot_l .email {
    padding-left: 5px;
  }
  .foot .foot_nav {
    position: static;
  }
  .foot .foot_r {
    margin-top: 20px;
    width: 100px;
    height: 100px;
    display: inline-block;
  }
  .login .denglu {
    width: 100%;
  }
  .innerRight .rightCon {
    width: 100%;
  }
  .innerRight .rightContent {
    width: 100%;
    padding: 15px;
  }
  .innerRight .rightImg {
    width: 100%;
  }
  .innerLeft {
    padding: 50px 10px;
  }
  .innerLeft .leftCon {
    width: 100%;
    float: none;
  }
  .innerLeft .leftCon > * {
    float: none;
    width: 100%;
    min-height: auto;
  }
  .innerLeft .leftCon .leftContent .title {
    font-size: 26px;
  }
  .innerLeft .leftCon .leftImg {
    width: 100%;
  }
  .innerRight .rightContent .title {
    font-size: 26px;
  }
  .innerCon {
    width: 100%;
    padding: 10px;
  }
  .innerCon .innerContent {
    text-align: start;
  }
  .innerCon .stepDetails {
    width: 100%;
    height: 100%;
    padding: 0px;
    margin-top: 50px;
    display: flex;
  }
  .innerCon .stepDetails .steItem {
    margin: 0px 2px;
  }
  .innerCon .title {
    font-size: 26px;
  }
  .brandList {
    width: 100%;
    padding-left: 10px;
  }
  .brandList .brandItem {
    width: 44%;
    height: 120px;
    margin: 10px 10px;
  }
  .table_beian {
    width: 100%;
  }
  .table_beian .btn {
    margin-left: 4px;
  }
  .user .userRight {
    border: none;
  }
  .table_beian.table_beian2 td {
    padding: 10px;
  }
  .table_beian td {
    vertical-align: middle;
  }
  .user .userCon {
    width: 100%;
  }
  .user .userCon > * {
    float: none;
    width: 100%;
    min-height: auto;
  }
  .user .userCon .userLeft {
    margin-bottom: 15px;
    border: none;
  }
  .basicOne .formline .label,
  .basicForm .formline .label {
    float: none;
  }
  .basicOne input,
  .basicForm input {
    width: 100%;
  }
  .basicForm textarea {
    width: 100%;
    border: 1px solid #e7e7e7;
  }
  .table_beian {
    overflow: auto;
    white-space: nowrap;
    table-layout: fixed;
  }
  .basicOne input,
  .basicForm input {
    width: 250px;
  }
  .shenbao tr td {
    padding: 0px 10px;
  }
  .pinpai .btnwrap {
    width: 100%;
    float: left;
  }
  .pinpai .txt_info {
    width: 100%;
  }
  .company {
    width: 100%;
    padding: 40px 15px;
  }
  .company .c_logo {
    width: 100%;
    margin-right: 0;
  }
  .address {
    width: 100%;
  }
  .banner .swiper-slide {
    height: 300px;
  }
  .unit_pr .pr .pr_l_on {
    width: 100% !important;
  }
  .unit_pr .pr .pr_cover {
    background-size: cover;
  }
  .unit_pr .pr {
    height: 300px;
    overflow: hidden;
    display: none;
  }
  .unit_pr .mobile_pr {
    display: block;
  }
  .unit_pr .pr .pr_l h5 {
    top: 80px;
    font-size: 14px;
  }
  .unit_pr .pr .pr_l .pre {
    font-size: 12px;
    top: 180px;
  }
  .unit {
    padding: 10px;
  }
  .unit .us_info {
    width: 100%;
    text-align: start;
  }
  .unit_new .msgs {
    width: 100%;
  }
  .unit_new .msgs .msgs_l {
    width: 100%;
  }
  .unit_new .msgs .msgs_l .pic {
    width: 100%;
    height: 235px;
  }
  .unit_new .msgs .msgs_l .msg {
    padding: 10px;
    height: 120px;
  }
  .unit_new .msgs .msgs_l .msg h4 {
    font-size: 16px;
    width: 80%;
  }
  .unit_new .msgs .msgs_l .date {
    font-size: 20px;
  }
  .unit_new .msgs .msgs_l .info {
    width: 80%;
  }
  .unit_new .msgs .msgs_r {
    width: 100%;
    float: left;
  }
  .unit_new .msgs .msgs_r .msg {
    width: 100%;
    height: 125px;
    padding: 15px;
  }
  .unit_new .msgs .msgs_r .msg .info {
    width: 75%;
    font-size: 14px;
  }
  .unit_new .msgs .msgs_r .msg h4 {
    width: 70%;
  }
  .unit_ques .ques_main {
    width: 100%;
  }
  .unit_ques .ques_main .ques_r {
    padding: 40px 10px;
  }
  .unit_ques .ques_main .ques_r h2 {
    text-align: center;
  }
  .unit_ques .ques_main .ques_r .thanks {
    text-align: center;
  }
  .unit_ques .ques_main .ques_l .ques_item {
    line-height: 30px;
    padding: 10px 0;
  }
  .newsDetails {
    width: 100%;
  }
  .newsDetails .title {
    font-size: 20px;
  }
  .newsDetails .nextDetails .detailsItem {
    width: 100%;
    float: none;
  }
  .unit_ques .ques_main .ques_r {
    width: 100%;
    float: none;
  }
  .unit_ques .ques_main .ques_l {
    width: 100%;
    float: none;
  }
  .user .userNav a {
    background: url("../img/userImage3.png") no-repeat 95% center;
  }
  .header2 .head_in {
    width: 100%;
  }
  .register_out .register,
  .set_psw .register,
  .register_out .set,
  .set_psw .set {
    width: 100%;
  }
  .set_psw .set {
    padding-bottom: 10px;
  }
  .set_psw .set .steps {
    width: 100%;
  }
  .set_psw .set .next {
    margin-top: 50px;
  }
  .set_psw .set .tips2 {
    margin-top: 10px;
  }
  .set_psw .set .tips1 {
    margin-bottom: 20px;
  }
  .set_psw .set form {
    padding: 20px 5px;
  }
  .set_psw .set p {
    font-size: 12px;
  }
  .set_psw .set .set_each {
    margin-bottom: 35px;
  }
  .set_psw .set .set_each label {
    display: block;
    text-align: start;
  }
  .set_psw .set .set_each input {
    margin-left: 0px;
  }
  .set_psw .set .tips3 {
    padding-left: 0px;
  }
  .set_psw .set .set_each {
    margin-top: 20px;
  }
  .set_psw .set .finish {
    width: 100%;
  }
  .set_psw .set .finish .success {
    text-align: center;
  }
  .register_out .register .zhuce .zc_item {
    margin-left: 0px;
  }
  .register_out .register .zhuce input {
    width: 230px;
  }
  .register_out .register .zhuce .get {
    width: 105px;
  }
  .register_out .register .zhuce .agree {
    width: 100%;
    margin-top: 60px;
  }
  .register_out .register .zhuce .tips {
    margin-left: 126px;
  }
  .register_out .register .zhuce .zc_item {
    margin-bottom: 22px;
  }
  .register_out .register .title {
    margin-bottom: 30px;
  }
  .faq .unit_title {
    margin-bottom: 20px;
    margin-top: 15px;
    margin: 15px 0 30px 0;
  }
  .faq .question {
    width: 100%;
  }
  .faq .question .q_item {
    padding: 10px 20px;
  }
  .faq .question .q_item .qQ {
    font-size: 18px;
  }
  .faq .question .q_item .aA span {
    font-size: 16px;
  }
  .faq .answer {
    width: 100%;
  }
  .faq .answer .unit_title p {
    font-size: 12px;
  }
  .unit .unit_title {
    font-size: 20px;
  }
  .rfad_two .leftCon {
    padding-left: 0px;
  }
  .innerRight {
    padding: 10px 0px;
  }
  .innerLeft {
    margin-bottom: 10px;
  }
  .innerLeft .leftContent {
    padding-top: 20px;
  }
}