@charset "utf-8";

/* phone */
@media screen and (min-width: 0) and (max-width: 1440px) {
  .public_max_width {
    padding: 0 4% !important;
  }
  .public_banner .public_max_width {
    padding: 0 !important;
  }
  .menu_nav li .nav_a {
    padding: 0 2.6rem;
  }
  .content1 .border_box {
    padding: 2rem;
  }
  .content2 .cent_box {
    width: 50%;
  }
  .list_message > li p,.list_message > li span {
    line-height: 4.9rem;
  }
}

@media screen and (min-width: 0) and (max-width: 1000px) {  
  .content1 {
    margin: 2rem 0;
  }
  .content3 {
    margin: 3em 0;
  }
  .body_container,
  .body_container_detail {
    padding: 71px 0 0;
  }
  .public_header {
    padding: 2rem 0 0 0;
  }
  .header_div {
    display: none;
  }
  .public_header .public_title {
    font-size: 2.8rem;
  }
  .public_tabs dd {
    margin: 0 0 0 1.6rem;
  }
  .public_tabs dd a {
    font-size: 2rem;
    color: #333;
    padding: 0 0 2rem;
  }
  .public_content,
  .expert_content,
  .moment_content {
    padding: 0;
    margin: 3rem 0 !important;
  }
  .list_expert,
  .list_depart li {
    margin: 0;
  }
  .list_depart li h5 {
    font-size: 2rem;
    margin: 0 0 2rem;
  }
  .list_depart li .departs a {
	width: 33%;
    font-size: 1.8rem;
    margin: 0 0 1.6rem;
  }
  .public_menu {
    padding: 2rem 0;
  }
  .public_banner .public_banner_text {
    font-size: 3rem;
  }
  .public_content .public_max_width > .content h5 {
    font-size: 2.8rem;
    margin: 0 0 3rem;
  }
  .footer {
    padding: 2rem 0;
  }
  .footer p,
  .footer a,
  .footer b {
    line-height: 3.2rem;
  }
  .el-pages .ty_pages {
    text-align: center;
  }
  .el-pages {
    border-top: 1px solid #e5e5e5;
    padding: 3rem 0 0;
  }
  .content2 .public_max_width {
    flex-wrap: wrap;
    height: auto;
  }
  .content2 .left_box,
  .content2 .cent_box {
    max-width:100%;
    width: 100%;
    margin: 0 0 2rem;
	padding:0;
  }
  .content2 .left_box {
    height: 35vh;
  }
  .content2 .right_box {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .content2 .right_box a {
    width: 24%;
  }
  .public_content .public_max_width > .text_pos_left h6 {
    margin-bottom: 1rem;
    font-size: 2.4rem;
  }
  .list_expert_card {
    justify-content: center;
  }
  .list_expert_card li {
    width: 80%;
    margin: 0 0 2rem;
  }
  .list_expert_card li a {
    padding: 2rem 1.6rem;
    display: flex;
  }
  .list_card li a img {
    width: 20%;
    height: auto;
    min-width: 120px;
    margin: 0 2rem 0 0;
  }
  .list_card li a h6 {
    font-size: 2rem;
  }
  .list_expert_card li a p,
  .list_expert_card li a span {
    font-size: 1.5rem;
  }
  .moment_content .public_max_width {
    justify-content: center;
  }
  .moment_content .left_box {
    width: 50%;
    margin: 0 0 2rem;
  }
  .moment_content .right_box {
    width: 100%;
  }
  .moment_content .right_box h4 {
    font-size: 2.4rem;
    text-align: center;
  }
  .moment_content .right_box p {
    margin: 1.6rem 0 2rem;
  }
  .moment_content .right_box a {
    width: 100%;
    text-align: right;
  }
  .list_expert li {
    width: calc(20% - 1rem);
  }
  .detail_title_box h5 {
    font-size: 2.8rem;
    margin: 0 0 2rem;
  }
  .detail_content {
    margin: 0 0 3rem;
  }
  .news_detail_box {
    padding: 2rem 0;
  }
  .change_page {
    padding: 3rem 0 0;
  }
  .change_item {
    font-size: 1.8rem;
    margin: 0 0 2rem;
  }
  .body_container_detail .list_message {
    margin: 0 0 3rem !important;
  }
  .content2 .cent_box .messages{min-height: auto;}
}

/* pc */
@media screen and (min-width: 1000px) and (max-width: 1280px) {
  .menu_nav li .nav_a {
    padding: 0 2rem;
  }
  .content2 .public_max_width {
    flex-wrap: wrap;
    height: auto;
  }
  .content2 .left_box{
    width: 35%;
	padding:0;
  }
  .content2 .cent_box {
    width: 65%;
	padding:0 0 0 2%;
  }
  .content2 .right_box {
    width: 100%;
    margin: 2rem 0 0;
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .content2 .right_box a {
    width: 24%;
  }
  .public_banner .public_banner_text {
    font-size: 4rem;
  }
  .list_expert li {
    width: calc(20% - 2rem);
  }
  .list_card li a h6 {
    font-size: 2rem;
  }
  .list_expert_card li a p,
  .list_expert_card li a span {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 800px) and (max-width: 1000px) {
  .content2 .left_box {
    height: 43vw;
  }
}

@media screen and (min-width: 0) and (max-width: 800px) {
  .swiper-home-banner{
	height: 40vw;
  }
  .content2 .left_box {
    height: auto;
    max-height: 360px;
  }
  .list_image li {
    width: calc(50% - 2rem);
    margin: 0 0 3rem;
  }
  .order_content img {
    display: inline-block;
    max-width: 100%;
    width: 49%;
  }
  .detail_content p,
  .moment_content_detail .public_max_width > p {
    font-size: 1.8rem;
    line-height: 3rem;
  }
  .moment_content_detail {
    margin: 2.5rem 0 4rem;
  }
  .list_news > li {
    padding: 0 0 2rem;
    margin: 0 0 2rem;
  }
  .list_news > li .img {
    display: none;
  }
  .list_news > li .text_box {
    width: 100%;
    padding: 0 0 4rem 4rem;
  }
  .list_news > li .text_box .li_a h6 {
    font-size: 2rem;
    color: #333;
  }
  .list_news > li .text_box .li_a p {
    margin: 1.6rem 0 2rem;
  }
}

@media screen and (max-width: 700px) {
  .public_header .public_title,
  .public_banner .public_banner_text {
    font-size: 2.8rem;
  }
  .content2 .right_box {
    flex-wrap: wrap;
  }
  .content2 .right_box a {
    width: 49%;
    margin: 0 0 2%;
  }
  .list_depart li .departs a {
	width:50%;
    min-width: 108px;
  }
  .list_card li {
    width: 100%;
    margin: 0 0 2rem;
  }
  .list_message > li > a {
    padding: 0 1.6rem 0 1.6rem;
  }
  .search_list .search_list_item {
    padding: 1.6rem 3rem 1.6rem 0;
    align-items: center;
    justify-content: center;
  }
  .list_message > li > a:before {
    left: 0.6rem;
  }
  .list_expert {
    justify-content: center;
  }
  .list_expert li {
    width: calc(33% - 3rem);
    margin: 0 1.5rem 2rem;
  }
  .list_expert li img {
    width: 60%;
    display: block;
    margin: 2rem auto 0 auto;
  }
  .search_list .select {
    display: block;
  }
  .search_list .ul {
    display: none;
  }
  .search_menu {
    justify-content: center;
  }
  .public_menu {
    text-align: center;
  }
  .public_header .public_max_width {
    background: none;
  }
  .public_header .public_title {
    margin: 0 0 2.6rem;
  }
  .body_container_detail > .public_header .public_tabs,
  .special_header .public_tabs {
    display: none;
  }
  .public_app_menu {
    display: block;
  }
  .distribution_tabs dd a {
    font-size: 1.8rem;
    color: #333;
    padding: 0 0 1.4rem;
  }
}

@media screen and (max-width: 500px) {
  .content2 .left_box {
    max-height: 250px;
  }
  .public_content .public_max_width > .text_pos_left h6 {
    margin-bottom: 1rem;
    font-size: 2.2rem;
  }
  .list_image li {
    width: calc(100%);
    margin: 0 0 2rem;
  }
  .list_image li a > img {
    margin: 0;
  }
  .moment_content .left_box {
    width: 80%;
  }
  .list_expert_card li a img {
    min-width: 80px;
    height: 110px;
  }
  .list_expert {
    justify-content: flex-start;
  }
  .list_expert li {
    width: calc(50% - 2rem);
    margin: 0 1rem 2rem;
  }
  .list_expert li img {
    width: 60%;
    display: block;
    margin: 2rem auto 0 auto;
  }
  .list_expert li h5 {
    font-size: 1.7rem;
  }
  .list_expert li p {
    font-size: 1.45rem;
  }
  .search_selected span {
    white-space: wrap;
  }
  .search_list .select {
    margin: 0 0 0 2.6rem;
  }
  .search_menu li {
    margin: 0 1rem 0 0;
  }
  .search_menu li:last-child {
    margin: 0;
  }
  .message_one {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .message_one img {
    width: 110px;
    margin: 0 0 2rem 0;
  }
  .message_one h6,
  .message_two h6,
  .message_three h6 {
    font-size: 2rem;
    color: #333;
    margin: 2rem 0 1.8rem;
	padding:2rem 0 0;
  }

  .message_three table td {
    height: 6.8rem;
  }
  .button_message {
    flex-wrap: wrap;
    justify-content: center;
  }
  .detail_title_box h5 {
    font-size: 2.4rem;
  }
  .detail_title_box p,
  .button_message .buttons {
    width: 100%;
    text-align: center;
  }
  .button_message .buttons {
    margin: 1rem 0 0;
    justify-content: center;
  }

  .order_content table td {
    height: 4rem;
    padding: 0 1.4rem;
  }
}