@media screen and (max-width:480px) {
    #container {
        width: 100%;
        overflow: hidden;
        padding: 10px;
        box-sizing: border-box;
    }
    .top_nav {
        font-size: 11px;
        width: 100%;
    }
    .top_nav .right a {
        font-size: 11px;
    }
    .head {
        height: auto;
    }
    .head h1 img {
        width: 100%;
        height: 96px;
    }
    .head {
        width: 100%;
    }
    .head .logo {
        margin: 5px 0 0 0;
    }
    .head .search {
        float: right;
        margin: 10px auto;
    }
    .menu {
    	  display:none;
    }
    .nav {
        height: auto;
    }
    .nav .nLi {
        width: 14.28%;
        text-align: center;
    }
    .nav .nLi h3 {
        width: 100%;
    }
    .nav .nLi h3 a {
        padding: 10px 0 2px;
        width: 100%;
        font-size: 12px;
    }
    .slidebanner {
        height: auto;
    }
    .slidebanner .bd img {
        width: 100%;
        margin: 0;
        transform: translateX(-50%);
        height: 113px;
        object-fit: cover;
    }
    .sub_banner {
    	  height: auto;
    }
    .sub_banner img{
    	   width: 100%;
         margin: 0;
         transform: translateX(-50%);
         height: 113px;
         object-fit: cover;
    }
    .content {
        width: 100%;
        box-sizing: border-box;
    }
    .content .w210,
    .content .w240,
    .content .w500,
    .content .w760 {
        width: 100%;
        margin: 0;
    }
    .party {
    	  display:none;
    }
    .path2 {
    	  display:none;
    }
    .article_c img{
        width: 100%;
        margin:0;	
    }
    .area_c2 .p_list1 li{
    	  width: 100%;
    }
    table {
        border: 0;
        width: 100%;
    }

    table thead {
      display: none;
    }

    table tr {
      margin-bottom: 10px;
      display: block;
      border-bottom: 2px solid #ddd;
    }

    table td {
      display: block;
      text-align: center;
      font-size: 10px;
      border-bottom: 1px dotted #ccc;
      margin:0 auto 50px;
    }

    table td:last-child {
      border-bottom: 0;
    }

    table td:before {
      content: attr(data-label);
      float: center;
      text-transform: uppercase;
      font-weight: bold;
    }

    .note{max-width: 100%; margin: 0 auto;}

    .about_list {
        width: 100%;
        height: 150%;
    }
    .about_list ul {
        width: 100%;
        height: 150%;
        box-sizing: border-box;
    }
    .about_list ul li {
        width: 30%;     
        box-sizing: border-box;
        margin: 0;
        text-align: center;
    }
    .w300 {
        width: 100%;
    }
    .pic_news {
        width: 100%;
        margin: 0;
    }
    .pic_news .bd li {
        width: 100%;
    }
    .pic_news .bd img {
        width: 100%;
        object-fit: cover;
    }
    .project_scroll1 {
        width: 100%;
    }
    .project_scroll1 .bd {
        width: 100%;
        box-sizing: border-box;
    }
    .project_scroll1 .bd ul li {
        width: 100%;
    }
    .project_scroll1 .bd ul li .pic img {
        width: 100%;
        height: 146px;
        object-fit: contain;
    }
    .project_scroll1 .bd ul li .title {
        width: 100%;
        padding: 0;
    }
    .project_scroll {
        width: 100%;
    }
    .project_scroll .bd {
        width: 100%;
    }
    .project_scroll .bd ul li {
        width: 100%;
        text-align: center;
    }
    .project_scroll .bd ul li .title {
        width: 100%;
        padding: 0;
    }
    .project_scroll .bd ul li .pic img {
        width: 100%;
        height: 146px;
        object-fit: contain;
    }
    .project_scroll .bd ul li a {
        width: 100%;
        display: inline-block;
    }
    .foot_link {
        width: 100%;
    }
}

@media screen and (min-width:481px) and (max-width:768px) {
    #container {
        width: 100%;
        overflow: hidden;
        padding: 10px;
        box-sizing: border-box;
    }
    .top_nav {
        font-size: 11px;
        width: 100%;
    }
    .top_nav .right a {
        font-size: 11px;
    }
    .head {
        height: auto;
    }
    .head h1 img {
        width: 480px;
        height: 96px;
    }
    .head {
        width: 100%;
    }
    .head .logo {
        margin: 5px 0 0 0;
    }
    .head .search {
        float: right;
        margin: 10px auto;
    }
    .menu,
    .nav {
        height: auto;
    }
    .nav .nLi {
        width: 14.28%;
        text-align: center;
    }
    .nav .nLi h3 {
        width: 100%;
    }
    .nav .nLi h3 a {
        padding: 10px 0 2px;
        width: 100%;
        font-size: 12px;
    }
    .slidebanner {
        height: auto;
    }
    .slidebanner .bd img {
        width: 100%;
        margin: 0;
        transform: translateX(-50%);
        height: 210px;
        object-fit: cover;
    }
    .sub_banner {
    	  height: auto;
    }
    .sub_banner img{
    	   width: 100%;
         margin: 0;
         transform: translateX(-50%);
         height: 210px;
         object-fit: cover;
    }
    .content {
        width: 100%;
        box-sizing: border-box;
    }
    .content .w210,
    .content .w240,
    .content .w500,
    .content .w760 {
        width: 100%;
        margin: 0;
    }
    .content .box04 h2{
    	font-size:12px;
    }
    .party {
    	  display:none;
    }
    .area_c2 .p_list1 li{
    	  width: 320px;
    }
    table {
        border: 0;
        width: 100%;
    }

    table thead {
      display: none;
    }

    table tr {
      margin-bottom: 10px;
      display: block;
      border-bottom: 2px solid #ddd;
    }

    table td {
      display: block;
      text-align: center;
      font-size: 10px;
      border-bottom: 1px dotted #ccc;
      margin:0 auto 50px;
    }

    table td:last-child {
      border-bottom: 0;
    }

    table td:before {
      content: attr(data-label);
      float: center;
      text-transform: uppercase;
      font-weight: bold;
    }

    .note{max-width: 100%; margin: 0 auto;}
    .about_list {
        width: 100%;
    }
    .about_list ul {
        width: 100%;
        height: auto;
        box-sizing: border-box;
    }
    .about_list ul li {
        width: 50%;
        box-sizing: border-box;
        margin: 0;
        text-align: center;
    }
    .w300 {
        width: 100%;
    }
    .pic_news {
        width: 100%;
        margin: 0;
    }
    .pic_news .bd li {
        width: 100%;
    }
    .pic_news .bd img {
        width: 100%;
        object-fit: cover;
    }
    .project_scroll1 {
        width: 100%;
    }
    .project_scroll1 .bd {
        width: 100%;
    }
    .project_scroll1 .bd ul li {
        width: 50%;
        padding: 0;
        margin: 0;
    }
    .project_scroll1 .bd ul li .pic img {
        width: 100%;
        height: 146px;
        object-fit: contain;
    }
    .project_scroll {
        width: 100%;
    }
    .project_scroll .bd ul li {
        width: 50%;
        text-align: center;
        margin: 0;
        padding: 0;
    }
    .project_scroll .bd ul li .pic img {
        width: 350px;
    }
    .foot_link {
        width: 100%;
    }
    .project_scroll1 .bd ul li .title {
        width: 100%;
    }
    .project_scroll .bd {
        width: 100%;
    }
    .foot_link .flink_select select {
        margin: 0;
    }
}

@media screen and (min-width:769px) and (max-width:1025px) {
    #container {
        width: 100%;
        overflow: hidden;
        padding: 10px;
        box-sizing: border-box;
    }
    .top_nav {
        font-size: 11px;
        width: 100%;
    }
    .top_nav .right a {
        font-size: 11px;
    }
    .head {
        height: auto;
    }
    .head h1 img {
        width: 480px;
        height: 96px;
    }
    .head {
        width: 100%;
    }
    .head .logo {
        margin: 5px 0 0 0;
    }
    .head .search {
        float: right;
        margin: 10px auto;
    }
    .menu,
    .nav {
        height: auto;
    }
    .nav .nLi {
        width: 14.28%;
        text-align: center;
    }
    .nav .nLi h3 {
        width: 100%;
    }
    .nav .nLi h3 a {
        padding: 10px 0 2px;
        width: 100%;
        font-size: 12px;
    }
    .slidebanner {
        height: auto;
    }
    .slidebanner .bd img {
        width: 100%;
        margin: 0;
        transform: translateX(-50%);
        height: 278px;
        object-fit: cover;
    }
    .sub_banner {
    	  height: auto;
    }
    .sub_banner img{
    	   width: 100%;
         margin: 0;
         transform: translateX(-50%);
         height: 278px;
         object-fit: cover;
    }
    .content {
        width: 100%;
        box-sizing: border-box;
    }
    .content .w210,
    .content .w240,
    .content .w500,
    .content .w760 {
        width: 100%;
        margin: 0;
    }
   .content .box04 h2{
    	font-size:14px;
    }
    table {
        border: 0;
        width: 100%;
    }

    table thead {
      display: none;
    }

    table tr {
      margin-bottom: 10px;
      display: block;
      border-bottom: 2px solid #ddd;
    }

    table td {
      display: block;
      text-align: center;
      font-size: 10px;
      border-bottom: 1px dotted #ccc;
      margin:0 auto 50px;
    }

    table td:last-child {
      border-bottom: 0;
    }

    table td:before {
      content: attr(data-label);
      float: center;
      text-transform: uppercase;
      font-weight: bold;
    }

    .note{max-width: 100%; margin: 0 auto;}
    .about_list {
        width: 100%;
        height: auto;
    }
    .about_list ul {
        width: 100%;
        height: auto;
        box-sizing: border-box;
    }
    .about_list ul li {
        width: 33.3333%;
        box-sizing: border-box;
        margin: 0;
        text-align: center;
    }
    .w300 {
        width: 100%;
    }
    .pic_news {
        width: 100%;
        margin: 0;
        height: 420px;
    }
    .pic_news .bd li {
        width: 100%;
        height: 420px;
    }
    .pic_news .bd img {
        width: 100%;
        object-fit: cover;
        height: 420px;
    }
    .project_scroll1 {
        width: 100%;
    }
    .project_scroll1 .bd {
        width: 100%;
    }
    .project_scroll1 .bd ul li {
        width: 33.33%;
        padding: 0;
        margin: 0;
    }
    .pic_news .hd {
        top: 35px;
    }
    .project_scroll1 .bd ul li .pic img {
        width: 100%;
        height: 146px;
        object-fit: contain;
    }
    .project_scroll {
        width: 100%;
    }
    .project_scroll .bd ul li {
        width: 33.33%;
        text-align: center;
        margin: 0;
    }
    .project_scroll .bd ul li .pic img {
        width: 350px;
        padding: 0 10px;
        box-sizing: border-box;
    }
    .foot_link {
        width: 100%;
    }
    .project_scroll1 .bd ul li .title {
        width: 100%;
    }
    .project_scroll .bd {
        width: 100%;
    }
    .foot_link .flink_select select {
        height: 30px;
    }
}