﻿/*1680*/
@media screen and (max-width:1680px) {
        .swiper-container3 .swiper-slide {
	width: 100%;
	height: 500px;
	padding: 0px;
	position: relative;
	z-index: 20;
	overflow: hidden;
}
    
}

/*1440*/
@media screen and (max-width:1440px) {
    .swiper-container3 .swiper-slide {
	width: 100%;
	height: 400px;
	padding: 0px;
	position: relative;
	z-index: 20;
	overflow: hidden;
}

}

/*1360*/
@media screen and (max-width:1360px) {
 
}

/*1280*/
@media screen and (max-width:1280px) {}

@media screen and (max-width:1180px) { 


  .web {
    display: none;
  }

  .mobile {
    display: block;
  }

  .max {
    width: 100%;
    max-width: 750px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
  }




  .z_mhead {
    position: relative;
    background: #fff;
    width: 100%;
    left: 0;
    height: 5rem;
    box-sizing: border-box;
    padding: 0 0%;
    z-index: 45;
    display: block;
  }

  .z_mhead img {
    width: 100%;
  }

  .z_mhead .logo {
    width: 10rem;
    float: left;
    margin: 1rem 0 .5rem 3%;
  }

  .z_mhead .nav {
    position: absolute;
    width: 41px;
    height: 41px;
    background: url(../images/menu02.png) no-repeat center center;
    background-size: 100%;
    border-radius: 0px;
    right: 5%;
    top: 1rem;
    display: block;
    z-index: 55;
  }

  .z_nav {
    position: fixed;
    width: 100%;
    height: calc(100% - 0rem);
    left: 0%;
    top: 5rem;
    z-index: 99;
    display: none;
  }

  .z_nav .navleft {
    width: 30%;
    float: left;
    background: rgba(0, 0, 0, 0.1);
    height: 100vh;
    overflow: hidden;
  }

  .z_nav .nav {
    width: 70%;
    float: left;
    background: #2F599B;
    height: calc(100% - 0rem);
    overflow-y: auto;
    overflow-x: hidden;
  }

  .z_nav .nav ul {
    width:92%;
    float: left;
    margin: 3% 0 3% 3%;
    border-top: 1px dashed transparent;
  }

  .z_nav .nav ul li {
    width: 100%;
    min-height: 4rem;
    float: left;
    border-bottom: 1px dashed #f2f3f5;
  }

  .z_nav .nav ul li.selected {}

  .z_nav .nav ul li a {
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    float: left;
    margin: 0 3%;
    font-size:20px;
    color: #fff;
    line-height: 4rem;
  }

  .z_nav .nav ul li a img.vimg1 {
    width: 1rem;
    display: block;
    margin: 4% 8% 4% 6%;
  }

  .z_nav .nav ul li a img.vimg2 {
    width: 1rem;
    display: none;
    margin: 4% 8% 4% 6%;
  }

  .z_nav .nav ul li.selected>a {
    color: #d12014;
  }

  .z_nav .nav ul li.selected a img.vimg1 {
    width: 1rem;
    display: none;
    margin: 4% 8% 4% 6%;
  }

  .z_nav .nav ul li.selected a img.vimg2 {
    width: 1rem;
    display: block;
    margin: 4% 8% 4% 6%;
  }

  .z_nav .nav ul li ul {
    background: #fff;
    margin: 0;
    padding: 1rem 1rem;
    box-sizing: border-box;
  }

  .z_nav .nav ul li ul li {
    border: 0;
    margin-bottom: 0.5rem;
    padding: 0;
    border-bottom: 1px solid #f2f3f5;
  }

  .z_nav .nav ul li ul li a {
    font-size: 14px;
    color: #333333;
    margin-bottom: 0;
  }


  .m_index{padding: 0 2%;}

    .swiper-container3 .swiper-slide {
	width: 100%;
	height: 300px;
	padding: 0px;
	position: relative;
	z-index: 20;
	overflow: hidden;
}


.swiper_txt {
	width: 100%;
	margin:10% 0 0 4%;
}

.swiper_txt h3{font-size: 2.4rem; line-height: 3rem;}

.swiper_txt h4{font-size: 1.2rem;  line-height: 2rem;}


.show_con {font-size: 14px; }

.show_con h3{font-size: 18px;}

.show_con h4{font-size: 18px;}

.show_con img{max-width: 100%;}

.s_fenye ul li a{font-size: 14px;}
.auction_container{
    grid-template-columns: 1fr 1fr;
}
.footer_container1{width: 100%; flex-wrap: nowrap;
        flex-direction: column;}

.foot_left{min-width: 50%;}

.foot_navi{min-width: 10%;}


.m_biaoti h3{font-size: 20px;}

.m_biaoti h4{font-size: 14px;}


.imgs_text{font-size: 14px;}


.service_item img{max-width:100px}

.auction_item_img {
    width: 100%;
    height: 190px;
    border-radius: 10px;
}

.swiper_txt h3 {font-size: 26px;  line-height:40px;}

.swiper_txt h4 {font-size:14px; line-height:30px;}


DIV.quotes {
	PADDING: 3px;
	MARGIN: 3px;
	PADDING-TOP: 3px;
	TEXT-ALIGN: center;
}
DIV.quotes span,
DIV.quotes A {
	padding:4px  10px;
	font-family: Arial;
	font-size: 12px;
	COLOR: #333;
	MARGIN-RIGHT: 4px;
	TEXT-DECORATION: none;
	border: #ccc 1px solid;
	background: #F5F5F5;
	border-radius: 8px;
}

DIV.quotes A:hover {
	padding:4px  10px;
	MARGIN-RIGHT: 4px;
	font-family: Arial;
	font-size: 12px;
	color: #fff;
	border: #E60012 1px solid;
	BACKGROUND: #E60012;
	border-radius: 8px;
}


DIV.quotes A:active {
	padding:4px  10px;
	MARGIN-RIGHT: 4px;
	font-family: Arial;
	font-size: 12px;
	color: #fff;
	border: #E60012 1px solid;
	BACKGROUND: #E60012;
	border-radius: 8px;
}
DIV.quotes .active.page-number,
DIV.quotes a.active {
	padding:4px  10px;
	FONT-WEIGHT: bold;
	font-family: Arial;
	font-size: 12px;
	COLOR: #fff;
	MARGIN-RIGHT: 4px;
	BORDER: #E60012 1px solid;
	BACKGROUND-COLOR: #E60012;
	border-radius: 8px;
}

DIV.quotes SPAN.current {
	padding:4px  10px;
	FONT-WEIGHT: bold;
	font-family: Arial;
	font-size: 12px;
	COLOR: #fff;
	MARGIN-RIGHT: 4px;
	BORDER: #E60012 1px solid;
	BACKGROUND-COLOR: #E60012;
	border-radius: 8px;
}

DIV.quotes SPAN.disabled {
	padding:4px  10px;
	font-family: Arial;
	font-size: 12px;
	COLOR: #999999;
	MARGIN-RIGHT: 4px;
	BORDER: #ccc 1px solid;
	background: #f5f5f5;
	border-radius: 8px;
}



}



