﻿/*# sourceURL=/publish/scwgydxxyw/css/media.css */
/*@ sourceURL=/publish/scwgydxxyw/css/media.css */
@media (max-width:1050px) {
 .top-1-sou {
  display: none;
 }

 .top-1 {
  background-position: right 10% bottom 20px, center center;
 }

 .fot-13 {
  display: none;
 }

 .top-1-rig>p {
  display: none;
 }
}

@media (max-width:1000px) {
 .new2-con {
  flex-wrap: wrap;
 }

 .new21,
 .new22 {
  width: 100%;
 }
}


@media (max-width:950px) {
 .top-1-rig {
  
 }
 .top-1-rig>.xz {
  margin-top: 10px;
  margin-bottom: 0;
  margin-right: 60px;
  width: auto;
  height: 40px;
 }
 .top-1-rig> .xz > p {
  line-height: 40px;
  font-size: 12px;
  background-image: none;
  padding: 0;
  height: 40px;
  border-radius: 5px;
  text-align: center;
  padding: 0 5px;
   
 }
.top-1-rig> .xz > p span:nth-child(2) {
  display: none;
 }
 .yyxz-2 {
  width: 90vw;
  right: -60px;
 }
 .yyxz-2 a {
  font-size: 12px;
 }
 nav {
  position: fixed;
 }

 .top-1 {
  height: 60px;
  background-size: 0 0, cover;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)
 }

 .top-1-logo {
  margin-top: 10px;
 }

 .top-1-logo img {
  height: 40px;
 }

 .menu-button {
  display: block;
 }

 .banner {
  margin-top: 60px;
 }

 .top-2 {
  display: none;
  width: 100vw;
  height: calc(100vh - 60px);
  background: rgba(0, 0, 0, 0.5);
  border: none;
 }

 .top-2::after {
  display: none;
 }

 .top-2 .container {
  height: 100%;
  padding: 0;
 }

 .nav {
  display: block;
  width: 60%;
  height: 100%;

margin-left: 40%;
  background: linear-gradient(to bottom, rgba(66, 129, 207, 1.0), rgba(48, 136, 233, 0.9));
  overflow: hidden;
  overflow-y: scroll;
 }

 .top-2.cross {
  display: block;
  animation: fadeIn 0.5s;
 }

 .top-2.cross .nav {
  animation: fadeInRight 0.5s;
 }

 .nav>li {
  flex: auto;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 }

 .nav>li>a {
  padding: 0 10px;
  text-align: left;
  width: 100%;
  line-height: 40px;
  font-size: 15px;
 }

 .nav>li>a::before,
 .nav>li>a::after {
  display: none;
 }

 .nav>li .sub-1 {
  position: relative;
  display: block;
  width: calc(100% - 10px);
  left: 10px;
  background: rgba(0, 0, 0, 0.1);
 }

 .nav>li .sub-1 a {
  text-align: left;
  padding: 0 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 }

 .in-lef {
  display: none;
 }

 .in-rig {
  width: 100%;
 }
}

@media (max-width:850px) {
 .new11-lef {
  width: 100%;
 }

 .new11-rig {
  width: 100%;
  margin-top: 20px;
 }

 .new11-rig ul {
  padding: 0;
 }

 .new12 {
  flex-wrap: wrap;
 }

 .new12 {
  height: 199px;
  margin-bottom: 0;
  margin-top: 0;
 }

 .new12 li {
  flex: auto;
  width: 20%;
  height: 50%;
 }

 .new12 li:nth-child(5) a {
  background: none;
 }

 .new12 li a p {
  font-size: 12px;
  bottom: auto;
  top: 70px;
 }

 .new12 li a .img {
  padding-top: 0;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
 }

 .new12 li a .img img {
  max-width: 25px;
  max-height: 25px;
 }

 .new3-con {
  flex-wrap: wrap;
 }

 .new31 {
  width: 100%;
 }

 .fot-logo {
  display: none;
 }

 .fot-1 {
  height: auto;
  padding: 20px 0;
  overflow: hidden;
  text-align: center;
 }

 .fot-12 {
  padding: 0;
  text-align: left;
  float: none;
  display: inline-block;
 }

 .fot-2 {
  height: auto;
  padding: 10px 0;
 }

 .fot-2 p {
  line-height: 2;
 }

 .in-ld li {
  width: 100%;
 }

 .in-new2 li label {
  width: 70px;
 }

 .in-new2 li label p {
  font-size: 1.875rem;
  line-height: 1.8;
 }

 .in-new2 li label span {}

 .in-new2 li .det {
  width: calc(100% - 70px);
 }

 .in-page {
  padding: 10px 0 !important;
 }
 
 .in-page span,
 .in-page a {
  padding: 5px 10px !important;
  font-size: 0.875rem !important;
 }
 .inxs-1 {
  flex-wrap: wrap;
 }
 .inxs-12 {
  width: 100%;
 }
 .inxs-13 {
  width: 100%;
  margin-top: 10px;
 }
 .inxs-2 {
  padding: 10px;
 }
 
 .sp-2 ,.sp-3{
  width: 100%;
 }
 .sp-2 .video {
  height: 56vw;
 }
 
}

@media (max-width:750px) {
 .in-img ul li {
  max-width: 48%;
 }
}

@media (max-width:600px) {
 .banner {
  height: 50vw;
 }

 .banner .swiper-pagination {
  height: 60px;
  padding-top: 40px;
 }

 .banner .swiper-pagination span {
  width: 8px;
  height: 8px;
  border-width: 1px;
 }

 .new11-lef {
  flex-wrap: wrap;
 }

 .new111 {
  width: 100%;
  margin-bottom: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
 }

 .new111 .img {
  height: 66vw;
 }

 .bt-1 {
  margin: 20px 0;
 }

 .bt-1 p {
  font-size: 18px;
  padding-left: 10px;
 }

 .bt-1 p span {
  font-size: 12px;
 }

 .new211 {
  width: 100%;
 }

 .new212 {
  width: 100%;
  margin-top: 10px;
 }

 .new211 .img {
  height: 68.75vw;
 }

 .new111 .det p {
  height: auto;
 }

 .in-tiao {
  height: auto;
  overflow: hidden;
  padding: 10px 0;
  line-height: 1;
  margin-bottom: 20px;
 }

 .in-tiao>span {
  font-size: 20px;
  line-height: 2;
 }

 .in-tiao p {
  line-height: 2;
  font-size: 12px;
 }

 .in-tiao p a {
  margin: 0 5px;
 }

 .in-tiao p a:nth-child(1) {
  padding-left: 20px;
 }

 .in-gk {
  padding: 0;
 }

 .in-gk>p {
  font-size: 14px;
 }

 .in-gk>p>span {
  font-size: 16px;
  display: initial;
 }

 .in-gk-bt span {
  font-size: 24px;
 }

 .in-gk-cont p {
  padding-left: 5px;
  font-size: 14px;
 }

 .in-gk-cont {
  height: auto;
  margin-top: 20px;
 }

 .in-rig {
  padding-bottom: 20px;
 }

 .inside {
  padding: 30px 0;
 }

 .in-gk>ul li {
  width: 48%;
  height: 40px;
  line-height: 40px;
 }

 .in-gk>ul li a {
  padding-left: 25px;
  font-size: 14px;
 }

 .in-ds .item label {
  width: 70px;
 }

 .in-ds .item label span {
  font-size: 18px;
 }

 .in-ds .item .det {
  width: calc(100% - 70px);
  padding-left: 10px;
 }

 .in-ds .item .det p {
  font-size: 14px;
 }

 .in-ld-img {
  width: 50px;
  height: 50px;
 }

 .in-ld-det {
  width: calc(100% - 50px);
  padding-left: 10px;
 }

 .in-ld-detbt {
  padding: 5px 0;
  height: auto;
 }

 .in-ld-detbt span {
  font-size: 18px;
  line-height: 1;
 }

 .in-ld-detbt p {
  font-size: 12px;
  margin-top: 5px;
 }

 .in-ld-det>p {
  font-size: 14px;
 }

 .in-det-bt>span {
  font-size: 18px;
 }

 .in-det-bt {
  margin-bottom: 20px;
 }

 .in-det-bt p {
  margin-top: 10px;
  font-size: 12px;
 }

 .in-det-xq p {
  font-size: 14px;
 }
 
 .inxs-12 {
  height: 50vw;
 }
 
 .in-yj ul li {
  width: 100%;
  margin-bottom: 10px;
 }
 .in-yj ul li span {
  font-size: 14px;
  padding-left: 10px;
  line-height: 20px;
 }
 .in-yj ul li p {
  padding-left: 12px;
 }
 
 .in-img ul li .img {
  height: 100px;
 }
 .in-img ul li p {
  font-size: 14px;
  line-height: 2.5;
 }
 
 
 .jgsz-bt span {
  width: auto;
  line-height: 2;
  padding: 5px 5px;
  font-size: 16px;
 }
 .jgsz-bt span i {
  line-height: 1.5;
  font-size: 12px;
 }
 .jgsz-li li {
  width: 100%;
  margin-top: 15px;
 }
 .jgsz-li li a {
  min-height: 0;
  padding: 10px 10px 10px 35px;
  background-position: left 10px top 15px;
 }
 .jgsz2 .js {
  font-size: 14px;
  line-height: 2;
 }
 
 .sp {
  padding-bottom: 20px;
 }
 
 
 .sp-4 a {
  width: 100%;
  margin-bottom: 20px;
 }
 .sp-4 a .img {
  height: auto;
 }
 .sp-4 a .det {
  padding: 20px 10px;
 }
 .sp-4 a .det p {
  height: auto;
  font-size: 16px;
  line-height: 2;
 }
 .sp-4 a .det span {
  margin-top: 10px;
 }

}