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

/*1440*/
@media screen and (max-width:1440px) {
        .swiper-container3 .swiper-slide {
	width: 100%;
	height: auto;
	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.3);
    height: 100vh;
    overflow: hidden;
  }

  .z_nav .nav {
    width: 70%;
    float: left;
    background: #d12014;
    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_txt {
	width: 100%;
	margin:10% 0 0 4%;
}

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

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


.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;}


.foot_navi{min-width: 100%;}

.foot_navi ul{flex-wrap: nowrap;}

.foot_navi ul li a{font-size: 16px; text-align: center;}

.info_item h3{font-size: 16px;}

.info_item p{font-size: 14px;}


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

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


.imgs_text{font-size: 14px;}


.service_item img{max-width:100px}


.auction_container {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;

	justify-content: space-around;
	padding: 0px;
	gap: 20px;
	flex-wrap: wrap;
	margin: 20px 0;
}

.auction_item {
	flex: 1 0 calc(100% - 20px);
	min-width: initial;
	background: #fff;
	overflow: hidden;
	margin: 0px 2% 0px 2%;
	padding: 0 0 0px 0;
	border-radius:0px;
	transition: all 0.3s ease;
	position: relative;
	z-index: 30;
	overflow: hidden;
}

.auction_item  .aimgbgc h3{font-size: 16px; margin:22% 1% 0 5%; height:20px;}

.auction_item  .aimgbgc h4 {
	width: 56%; height: 30px;  float: left;
	margin:1% 0% 1% 5%;
	font-family: 'sourcehsscmedium';
	font-size:14px;
	color: #fff;
	text-align: left;
	line-height: 30px;
	font-weight: normal;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 0;
	position: relative;
}


.s_fenye {
	width: 100%;
	height: auto;
	float: right;
	padding-top: 10px;
	padding-bottom: 30px;
	text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

DIV.quotes {
	PADDING: 3px;
	MARGIN: 3px; 
	TEXT-ALIGN: center;
}

DIV.quotes A {
	padding:4px 8px;
	font-family: Arial;
	font-size: 12px;
	COLOR: #333;
	margin: 8px 5px;
	TEXT-DECORATION: none;
	border: #ccc 1px solid;
	background: #F5F5F5;
	border-radius: 8px;
}

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

DIV.quotes A:active {
	padding:4px 8px;
	margin: 8px 5px;
	font-family: Arial;
	font-size: 12px;
	color: #fff;
	border: #E60012 1px solid;
	BACKGROUND: #E60012;
	border-radius: 8px;
}

DIV.quotes a.active {
	padding:4px 8px;
	FONT-WEIGHT: bold;
	font-family: Arial;
	font-size: 14px;
	COLOR: #fff;
	margin: 8px 5px;
	BORDER: #E60012 1px solid;
	BACKGROUND-COLOR: #E60012;
	border-radius: 8px;
}

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

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


.m_footer_bot{font-size: 12px;}



}