/*! www.vancheer.com  |  Powered by vancheer */
@media screen and (max-width: 1600px) {
  .indexP1 .btnDiv a,
  .indexP4 .btnDiv a,
  .indexP5 .btnDiv a {
    text-indent: 0.38rem;
  }

  .indexP1 .btnDiv a:after,
  .indexP4 .btnDiv a:after,
  .indexP5 .btnDiv a:after {
    right: 0.36rem;
  }

  .indexP1 .numList li {
    margin-right: 20px;
  }
}
@media (max-width: 1200px) {
  .indexP4 .bottom,
  .fscfooter,
  .indexP2_main,
  .indexnews_main,
  .indexcase_main,
  .lunbo_text > div {
    width: 100%;
  }
}
@media (max-width: 960px) {
  .indexP2_main,
  .indexcase_main,
  .wal_right {
    width: 100%;
  }

  .lunbo {
    height: 300px;
  }

  .lunbo_text h4 {
    width: 96%;
    padding: 0 2%;
    font-size: 36px;
  }

  .lunbo_text p {
    width: 96%;
    padding: 0 2%;
    font-size: 24px;
  }

  .bg {
    width: 100%;
    height: 300px;
  }

  .main1 span {
    margin: 0 auto !important;
  }

  .main2 .link li a {
    line-height: 40px !important;
    padding: 0 !important;
    text-align: center;
  }

  .main4 .main4-ri,
  .main4 .main4-le {
    margin: 10px auto !important;
    background: #fff !important;
  }

  .main4 .main4-le .img {
    margin: 0 auto !important;
    margin-left: 5% !important;
    float: none !important;
    width: 90% !important;
  }

  .main4 .main4-ri {
    width: 95% !important;
    margin: 0 auto;
    margin-top: 20px !important;
  }

  .wal {
    flex-wrap: wrap;
  }

  .indexP1 .rightImg {
    width: 100%;
    height: auto;
  }

  .indexP2_child {
    width: 100%;
  }

  .wal,
  .wal2 {
    width: 100%;
  }

  .main1 {
    padding: 100px 0 !important;
  }

  .main5 .newList .leftTime,
  .main5 .newList .rightC::before {
    display: none;
  }

  .PC-Box,
  .nav,
  .footNav,
  .pageNav {
    display: none;
  }

  .Phone-Box,
  .navIco {
    display: block;
  }

  .headDiv,
  .headD {
    height: 1.2rem;
  }

  .headDiv .wal {
    height: 1.2rem;
  }

  .headDiv .logo {
    margin-left: 10px;
    left: 0.3rem;
    top: 0.42rem;
  }

  .headDiv .logo img {
    width: 2.6rem;
  }

  .headDiv .topRight {
    right: 1.2rem;
    top: 0.2rem;
  }

  .headDiv .topSearch {
    margin-left: 0.3rem;
    width: 0.8rem;
    height: 0.8rem;
  }

  .headDiv .topSearch em {
    width: 100%;
    height: 100%;
    background: url(../images/nimg20_0.png) center no-repeat;
    background-size: 0.36rem;
  }

  .headDiv .lan {
    width: 0.8rem;
    height: 0.8rem;
    line-height: 0.8rem;
  }

  .headDiv .lan a {
    line-height: 0.8rem;
    font-size: 0.3rem;
    background-size: 0.24rem;
  }

  .head-search .search-box {
    width: 90%;
  }

  .ind-banner .one {
    top: 18%;
  }

  .ind-banner .one .cn {
    font-size: 0.34rem;
    line-height: 0.52rem;
    letter-spacing: 0.08rem;
  }

  .ind-banner .one .cn em {
    font-size: 0.64rem;
  }

  .ind-banner .one .en {
    font-size: 0.22rem;
    line-height: 0.3rem;
    padding-top: 0.2rem;
  }

  .ind-banner .two {
    right: 0.5rem;
    margin-right: 0;
    top: 24%;
    width: 5rem;
  }

  .ind-banner .two .txtImg img {
    width: 4.2rem;
  }

  .ind-banner .two .wen {
    font-size: 0.18rem;
    line-height: 0.3rem;
    color: #fff;
    font-weight: bold;
    text-shadow: 5px 9px 10px rgba(34, 76, 148, 0.3);
    display: none;
  }

  .ind-banner .swiper-pagination {
    bottom: 0.3rem !important;
  }

  .indexTitle .cn {
    font-size: 0.42rem;
    line-height: 0.42rem;
  }

  .indexTitle .en {
    font-size: 0.3rem;
    line-height: 0.3rem;
    padding-top: 0.2rem;
  }

  .indexP1 {
    padding: 1rem 0.3rem 0.4rem;
  }

  .indexP1 .leftDiv {
    width: auto;
    float: none;
  }

  .indexP1 .name {
    font-size: 0.42rem;
    line-height: 0.42rem;
    padding-bottom: 0.3rem;
  }

  .indexP1 .content {
    font-size: 0.26rem;
    line-height: 0.52rem;
  }

  .indexP1 .btnDiv {
    padding-top: 0.3rem;
  }

  .indexP1 .btnDiv a {
    width: 2.48rem;
    height: 0.88rem;
    line-height: 0.88rem;
    font-size: 0.28rem;
  }

  .indexP1 .rightImg {
    margin: 0 auto;
    width: 90%;
    float: none;
    padding-top: 0.6rem;
  }

  .indexP1 .numList {
    padding-top: 0.85rem;
    overflow: hidden;
  }

  .indexP1 .numList ul {
    display: block;
  }

  .mbx {
    width: 100%;
    flex-direction: column;
  }

  .main15-ri {
    display: none !important;
  }

  .main2 .link,
  .main4,
  .main15 .main15-le .huan,
  .main13 .ye,
  .main12,
  .main8 {
    flex-wrap: wrap;
  }

  .main2 .link {
    width: 100%;
    /* justify-content: flex-start !important; */
  }

  .main2 .position {
    display: none !important;
    width: 85%;
    justify-content: flex-start !important;
  }

  .main7,
  .main7 .prod,
  .main4,
  .main4-le,
  .main4-ri,
  .main5,
  .main5 .newList .newPicBox .newPic,
  .main15,
  .main15 .main15-le,
  .main12,
  .main13 .top,
  .main13 .cont,
  .main13 .ye,
  .main13 .ye span,
  .main12-le,
  .main12-ri,
  .shfw_img,
  .main8,
  .main8 .main8-le,
  .main8-ri {
    width: 100% !important;
  }

  .main4 .main4-le img {
    width: 90% !important;
    margin-left: 5% !important;
  }

  .main5,
  .main5 .newList,
  .main5 .newList .rightC,
  .main13 .cont,
  .main12,
  .main12 .main12-ri .hezi,
  .main12 .main12-ri .line,
  .main16,
  .main8,
  .main4 {
    padding: 0 !important;
  }

  .main12 .main12-ri {
    margin-top: 20px;
  }

  .main5 .newList {
    width: 100%;
    flex-wrap: wrap;
  }

  .p_news {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
  }

  .newPicBox {
    width: 100%;
    height: 210px;
  }

  .newPicLink {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .newPic {
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition: all 0.5s ease;
  }

  .newList {
    display: flex;
    padding: 30px 0;
    border-top: 1px solid #ddd;
  }

  .leftTime {
    width: 100px;
    position: relative;
  }

  .newTime {
    display: block;
    color: #999;
    font-size: 1.5rem;
    font-weight: normal;
    margin: 0px 0 30px;
    transition: all 0.5s ease;
  }

  .newIcon {
    padding: 6px 11px;
    border: 1px solid transparent;
    transition: all 0.5s ease;
    color: #ccc;
  }

  .rightC {
    position: relative !important;
    width: calc(100% - 100px) !important;
    transition: all 0.5s ease !important;
  }

  .newTitle {
    margin-bottom: 10px;
  }

  .newTitleLink {
    display: block;
    width: 100%;
    font-size: 1rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .newMs {
    line-height: 24px;
    height: 48px;
    font-size: 0.875rem;
    overflow: hidden;
    color: #999;
    transition: 600ms;
  }

  .indexP1 .numList li {
    float: left;
    width: 45%;
    padding-left: 0;
    padding-bottom: 0.5rem;
    background: none;
  }

  .indexP1 .numList li {
    margin-right: 0;
  }

  .indexnews_main {
    width: 100%;
  }

  .indexnews_child {
    width: 100%;
    padding-left: 3%;
    padding-right: 3%;
  }

  .fscfooter {
    width: 100%;
  }

  .fscfooter .footer-bd {
    display: none;
  }

  .fscfooter .footer-ri {
    box-sizing: border-box;
    padding: 0 20px;
    width: 100%;
  }

  .sous {
    width: auto;
    margin-right: 60px;
  }

  .indexP2_main_nav > a {
    padding: 10px 20px;
  }

  .indexP1 .numList li:last-child {
    float: left;
    width: 48%;
  }

  .indexP1 .numList li .num {
    height: 0.8rem;
    font-size: 0.26rem;
  }

  .indexP1 .numList li .numUp {
    font-size: 0.64rem;
    line-height: 0.64rem;
    padding-right: 0.25rem;
  }

  .indexP1 .numList li .num img {
    width: 0.24rem;
    padding-right: 0.15rem;
  }

  .indexP1 .numList li p {
    font-size: 0.26rem;
    line-height: 0.26rem;
  }

  .indexP2 {
    padding-bottom: 0.3rem;
  }

  .indexP2 .list {
    width: 100%;
    left: 0;
    margin-left: 0;
  }

  .indexP2 li .img {
    width: 100%;
  }

  .indexP2 li .txtLayer {
    padding: 0 0.5rem;
  }

  .indexP2 li .name {
    height: 0.64rem;
    font-size: 0.38rem;
    line-height: 0.64rem;
  }

  .indexP2 li .wen {
    font-size: 0.32rem;
    line-height: 0.4rem;
  }

  .indexP2 li .content {
    display: none;
  }

  .indexP2 li .more {
    margin: 0.3rem auto 0;
    width: 1.4rem;
    font-size: 0.28rem;
    line-height: 0.28rem;
  }

  .indexP2 li .more:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -5px;
    width: 6px;
    height: 11px;
    background: url(../images/ico1on.png) no-repeat;
  }

  .indexP2 .swiper-slide-active .txtLayer {
    top: 0.7rem;
  }

  .indexP2 .arrow {
    width: 0.76rem;
    height: 0.76rem;
    margin-top: -0.38rem;
  }

  .indexP2 .prev {
    left: 0.3rem;
    margin-left: 0;
  }

  .indexP2 .next {
    right: 0.3rem;
    margin-right: 0;
  }

  .indexP3 {
    display: none;
  }

  .indexP4 {
    padding: 1rem 0.3rem;
  }

  .indexP4 .indexTitle {
    padding-bottom: 0.6rem;
  }

  .indexP4 .leftDiv {
    width: auto;
    float: none;
  }

  .indexP4 .leftDiv ul {
    margin-right: 0;
  }

  .indexP4 .leftDiv li {
    float: none;
    width: auto;
    padding-bottom: 0.3rem;
  }

  .indexP4 .leftDiv li .box {
    margin-right: 0;
  }

  .indexP4 .leftDiv li a {
    display: block;
    position: relative;
    padding: 0 0.4rem 0 3.2rem;
    height: 2.4rem;
  }

  .indexP4 .leftDiv li .imgDiv {
    position: absolute;
    left: 0;
    top: 0;
    width: 2.8rem;
    height: 2.4rem;
  }

  .indexP4 .leftDiv li .botDiv {
    height: auto;
    padding: 0.2rem 0 0;
  }

  .indexP4 .leftDiv li .name {
    height: 1.44rem;
    line-height: 0.36rem;
    font-size: 0.28rem;
  }

  .indexP4 .leftDiv li .time {
    margin-top: 0.15rem;
    padding-left: 0.4rem;
    background-size: 0.28rem;
    font-size: 0.24rem;
  }

  .indexP4 .leftDiv li .content {
    display: none;
  }

  .indexP4 .leftDiv li .box:hover {
    box-shadow: 0px 0px 0.3rem 0px rgba(0, 0, 0, 0.06);
  }

  .indexP4 .rightDiv {
    float: none;
    width: auto;
    height: auto;
    padding: 0.5rem 0.4rem;
  }

  .indexP4 .rightDiv li {
    padding-bottom: 0.3rem;
  }

  .indexP4 .rightDiv li .name {
    font-size: 0.28rem;
    line-height: 0.48rem;
    height: 0.48rem;
  }

  .indexP4 .rightDiv li .time {
    font-size: 0.24rem;
    line-height: 0.42rem;
  }

  .indexP4 .btnDiv {
    width: 2.5rem;
  }

  .indexP4 .btnDiv a {
    width: 2.48rem;
    height: 0.88rem;
    line-height: 0.88rem;
    font-size: 0.28rem;
  }

  .indexP5 {
    height: 8.6rem;
    padding: 0 0.3rem;
  }

  .indexP5 .conDiv {
    padding-top: 1.2rem;
  }

  .indexP5 .msg {
    padding-top: 0.25rem;
    font-size: 0.26rem;
    line-height: 0.52rem;
    width: 6rem;
  }

  .indexP5 .btnDiv {
    padding-top: 0.6rem;
  }

  .indexP5 .btnDiv a {
    width: 2.48rem;
    height: 0.88rem;
    line-height: 0.88rem;
    font-size: 0.28rem;
  }

  .footDiv {
    padding: 1rem 0.3rem 0.8rem;
    height: auto;
  }

  .footDiv .rightDiv {
    width: auto;
    float: none;
    position: relative;
  }

  .footDiv .tel {
    font-size: 0.4rem;
    line-height: 0.4rem;
    text-align: left;
  }

  .footDiv .address {
    text-align: left;
    font-size: 0.28rem;
    line-height: 0.52rem;
    padding: 0.45rem 0 0.35rem;
    width: 55%;
  }

  .footDiv .ewmDiv {
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
  }

  .footDiv .ewmDiv .limg img {
    width: 2.2rem;
  }

  .footDiv .dnm {
    padding-top: 0.5rem;
    float: none;
  }

  .footDiv .list {
    width: 4.2rem;
    margin: 0 auto;
    float: none;
  }

  .footDiv .list .name {
    height: 0.86rem;
    line-height: 0.86rem;
    font-size: 0.24rem;
    padding-left: 0.3rem;
    border-radius: 0.48rem;
  }

  .footDiv .list dl {
    bottom: 0.86rem;
    border-radius: 0.2rem;
    box-shadow: 0px 0px 0.2rem 0px rgba(0, 0, 0, 0.08);
  }

  .footDiv .list a {
    height: 0.86rem;
    line-height: 0.86rem;
    padding-left: 0.3rem;
    font-size: 0.24rem;
  }

  .footDiv .share {
    padding-left: 0;
    float: none;
    text-align: center;
    padding-top: 0.5rem;
  }

  .footDiv .share li {
    float: none;
    display: inline-block;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
  }

  .footDiv .share li a {
    width: 0.86rem;
    height: 0.86rem;
  }

  .footDiv .botDiv {
    position: relative;
    left: 0;
    margin-left: 0;
    bottom: 0;
    width: auto;
  }

  .footDiv .msg {
    float: none;
    line-height: 0.52rem;
    font-size: 0.26rem;
  }

  .footDiv .links {
    float: none;
    font-size: 0.26rem;
    line-height: 0.48rem;
    padding: 0.3rem 0;
  }

  .footDiv .links a {
    padding-right: 0.4rem;
  }

  .main5 .newList .rightC {
    width: 100% !important;
    /* padding: 2% !important; */
  }

  .main5 .newList {
    margin: 15px auto !important;
    flex-direction: column;
    width: 90%;
    /* padding: 0 5%; */
  }

  .main15 {
    width: 95% !important;
    margin: 0 auto;
  }

  .main6 {
    padding-top: 20px !important;
  }

  .main6 .product {
    flex-wrap: wrap !important;
    padding-bottom: 20px !important;
  }

  .main6 .position {
    width: 95% !important;
    margin: 0 auto !important;
  }

  .main6 .product .link {
    width: 100% !important;
  }

  .main6 .link li a {
    padding: 0 20px !important;
    line-height: 40px !important;
  }

  .main8 {
    width: 90% !important;
    margin: 0 auto !important;
  }

  .main12 .main12-ri,
  .main13 {
    width: 95% !important;
    margin: 0 auto !important;
  }

  .foot {
    align-items: start;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }

  .main2 .link li {
    width: 25%;
  }

  .main2 .link li:nth-child(2n) {
    display: none;
  }

  .main7 .prod {
    /* margin-right: 5%; */
    width: 48% !important;
  }

  .main7 .prod .pro-bd {
    border: none !important;
    /* flex-direction: row !important; */
    /* justify-content: space-between !important; */
    /* align-items: center; */
  }

  .main7 .prod img {
    height: auto !important;
  }

  .main7 {
    justify-content: start !important;
    box-sizing: border-box;
    padding: 0 5%;
  }

  .main7 .prod .pro-bd p {
    text-align: center !important;
  }

  .main5 .newList .leftTime {
    width: 100%;
    flex-direction: row !important;
    justify-content: start !important;
    margin-right: 0 !important;
  }

  .main5 .newList .leftTime .newTime {
    margin-bottom: 0 !important;
  }

  .main5 .newList .rightC::before {
    display: none !important;
  }

  .main5 .newList .rightC .newMs {
    display: none;
  }

  .main5 > div {
    width: 50% !important;
    margin: 0 !important;
    margin-bottom: 50px !important;
  }

  .main5 {
    display: flex;
    flex-wrap: wrap;
  }

  .main5 .newList .newPicBox .newPic {
    height: auto;
  }

  .main5 > .main11 {
    width: 100% !important;
  }

  .main4 {
    box-sizing: border-box;
    margin-top: 0 !important;
    padding: 0 2% !important;
  }

  .shfw_img {
    box-sizing: border-box;
    padding: 0 10px;
  }

  .main8 .main8-le h1 {
    margin-top: 20px;
  }

  /* .main8 .main8-le img {
		margin: 0 auto;
		margin-top: 20px;
	} */

  .main9 {
    margin-top: 50px;
  }

  .main9 h1 {
    width: 100%;
  }

  .main12-le .mySwiper4 {
    border: none !important;
    height: auto !important;
  }

  .main12 .main12-le {
    box-sizing: border-box;
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .main12-le .mySwiper4 .swiper-wrapper {
    height: auto !important;
  }

  .main12 {
    margin-bottom: 20px !important;
  }

  .main13 .top p:nth-child(2) {
    padding-left: 0 !important;
    text-align: center;
    margin-top: 50px;
  }

  .main13 .top {
    display: block !important;
    margin-top: 20px !important;
  }

  .wzjs {
    margin-top: 10px;
    display: block;
  }
}

@media (max-width: 480px) {
  .main2 .link li {
    width: 50%;
  }

  .main4 .main4-ri h3 {
    font-size: 28px !important;
  }

  .main7 .prod {
    margin-right: 0;
    width: 100% !important;
  }

  .main5 > div {
    width: 100% !important;
  }

  .product_img {
    height: auto !important;
  }

  .main9 .input .form {
    width: 100% !important;
  }

  .main12 .main12-ri .lei {
    flex-direction: column;
    margin-bottom: 20px;
    margin-top: 20px;
  }

  .main12 .main12-ri .lei p {
    margin-top: 5px !important;
    margin-bottom: 0 !important;
  }

  .sous {
    margin-right: 50px;
  }
}