/* 超小屏幕 手机 (<768px)	 */

@media (max-width: 900px) {
	.container {
		max-width: 100%;
		padding: 0;
		margin: 0 auto;
	}

	.header {
		width: 100%;
		background-color: #ffffff;
	}

	.top {
		max-width: 100%;
		display: flex;
		padding: 2.4rem;
		justify-content: space-between;
		align-items: center;
	}

	a {
		display: block;
	}

	.logo {
		display: none;
	}
	.logo-phone{
		width: 20.5rem;
		height: 4rem;
	}
	.menu-icon{
		width: 2.4rem;
		height: 2.4rem;
	}
	.search {
		display: none;
	}
	
	.menu {
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background: rgba(0,0,0,0.25);
		display: none;
		z-index: 999;
	}
	.menu_bg{
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		background-color: #FFFFFF;
		width: 75%;
		box-sizing: border-box;
		overflow-y: auto;
	}
	.menu ul{
		display: flex;
		flex-direction: column;
	}
	.menu ul>li a{
		padding: 1.6rem 3rem;
		font-size: 1.6rem;
		color: #4B4B4B;
	}
	.menu ul li.active a::after, .menu ul li:hover a::after{
		width: 0;
	}
	.menu ul li:hover .sub-menu {
	    position: relative;
		top: 0;
	    background: #FFFFFF;
	    /* max-width: 20rem; */
	    text-align: center;
	    line-height: 4rem;
	    background: #fff;
	    box-shadow: none;
	    padding: 0;
	    display: block;
	    z-index: 999;
	    border-top: solid 1px #f1f1f1;
	}
	.menu ul li:hover .sub-menu ul li a{
		padding: .6rem 3rem;
		font-size: 1.4rem;
		text-align: left;
	}
	.close{
		position: absolute;
		top: 3.2rem;
		right: 2.4rem;
		width: 2.4rem;
		height: 2.4rem;
		z-index: 9;
		opacity: 1;
	}
	.language {
		display: none;
	}
	.language-phone{
		display: flex;
		font-size: 1.8rem;
		margin: 3.2rem 6rem 3rem 6rem;
	}
	.language-phone a,.language-phone span{
		color: #B4B4B4;
	}
	.language-phone a.choosed{
		color: #4B4B4B;
	}
	.language-phone span{
		padding: 0 0.8rem;
	}
	.search-phone{
		position: relative;
		/* width: 23.2rem; */
		height: 3.8rem;
		background: #FFFFFF;
		border: 1px solid #B4B4B4;
		border-radius: 0.6rem;
		box-sizing: border-box;
		margin: 9rem 4.8rem 1.6rem 4.8rem;
	}
	.search-phone .form-control{
		border-radius: 0.6rem;
		height: 3.6rem;
		border: 0;
		padding-right: 4rem;
		font-size: 1.6rem;
		color: #B4B4B4;
	}
	.search-phone input::-webkit-input-placeholder {  /* WebKit browsers*/ 	   
	   font-size: 1.6rem;
	   color:  #B4B4B4;
	}
	
	.search-phone .icon{
		position: absolute;
		right: 1.2rem;
		top: 1.1rem;
		width: 1.6rem;
		height: 1.6rem;
	}
	.banner{
		width: 100%;
		height: 10rem;
		display: none;
	}
	
	.banner .swiper-container {
		max-width: 100%;
		height: 10rem;
		z-index: 0;
	}
	
	.banner .swiper-container .swiper-slide img{
		width: 100%;
		height: 10rem;
		object-fit: cover;
	}
	.article .row{
		padding: 20px 20px 0 20px;
		display: block;
		background-color: #FFFFFF;
		width: 100%;
		box-sizing: border-box;
		border: 0;
		margin-top: 0;
	}
	.article .row:first-child{
		padding-top: 0;
	}
	.article .item {
		padding: 3.2rem 0 2rem 2.4rem ;
		background-color: #FFFFFF;
	
	}
	.article .item {
		padding-right: 2.4rem ;
		background-color: #FFFFFF;
	
	}
	.about-img{
		width: 100%;
		height: auto;
	}
	.article .pic img {
		width: 100%;
		height: 4rem;
		object-fit: contain;
	}
	.index-news{
		margin-top: 1.2rem;
	}
	.index-news .news-item:nth-child(2n+2){
		margin-right: 0;
	}
	.index-news .news-item:nth-child(3n+3){
		margin-right: 2rem;
	}
	.product .col-md-6:nth-child(2n+1){
		padding-right: 0;
	}
	.product .col-md-6:nth-child(2n+2){
		padding-left: 0;
	}
	.info-list{
		padding: 0 0 3.2rem 0;
		background-color: #FFFFFF;
		margin: 0;
	}
	.info-item{
		margin: 2.4rem 2.4rem 0 2.4rem;
		height: 8.9rem;
	}
	.footer-bg{
		padding: 2.4rem;
		background-color: #F2F2F2;
		box-sizing: border-box;
	}
	.foot-info{
		display: block;
	}
	.foot-info .left{
		display: block;
	}
	.foot-info .left .foot-menu{
		display: none;
	}
	.foot-info .right{
		/* display: none; */
		align-items: flex-start;
		margin-top: 4rem;
	}
	.f-logo{
		display: none;
	}
	.foot-bot{
		display: block;
	}
	.copyright{
		margin-top: 2.4rem;
	}
	.foot-top .link{
		display: inline-block;
	}
	.foot-top .link .sel select{
		margin-left: 0;
		background: transparent;
	}
	.foot-top .link .sel {
		margin-top: 10px;
	}
	.foot-info .left .contact-line{
		display: block;
	}
	.news{
		background: #FFFFFF;
		padding: 3.2rem 2.4rem!important;
		margin: 0;
	}
	/* .news-list div .item{
		margin: 0;
	} */
	.news .classic-name {
		padding: 0 1.8rem;
	}
	.detail-nav{
		padding: 2.4rem;
	}
	.detail{
		padding: 3.2rem 2.4rem;
	}
	.product-phone{
		padding:0 2.4rem 3.2rem 2.4rem;
		background-color: #FFFFFF;
	}
	.product{
		display: none;
	}
	/* 产品列表 */
	.prod-list{
		flex-direction: column;
		margin: 0;
		padding: 1.6rem 2rem !important;
	}
	.left-menu{
		width: 100%;
		margin-bottom: 2rem;
	}
	.left-menu ul{
		display: flex;
		justify-content: flex-start;
		border-right: 0;
		padding-bottom: 1rem;
		overflow-x: auto;
	}
	.left-menu ul::-webkit-scrollbar{
	    width: 0;
	}
	.left-menu ul li:first-child{
		display: none;
	}
	.left-menu ul li{
		border: 0;
		white-space: nowrap;
	}
	.left-menu ul li a::after{
		border: 0;
		width: 0;
	}
	.left-menu ul li a{
		text-align: center;
		/* padding: 0 2rem; */
		white-space: nowrap;
	}
	.left-menu ul li.active a::before {
		content: '';
		position: absolute;
		bottom: 1rem;
		top: auto;
		left: 50%;
		transform: translateX(-50%);
		width: 5rem;
		height: .2rem;
		background-color: rgb(0, 125, 199);
	}
	.left-menu ul li.active a::after {
		border-color: transparent;
	}
	
	.right-cont{
		margin:0 auto
	}
	.right-cont .list{
		margin: 0;
	}
	.right-cont .detail-nav{
		display: none;
	}
	.page-wrap{
		display: none;
	}
	
	.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	    bottom: 100px;
	    left: 20px;
	    width: 100%;
	    margin: 0 auto;
	    transform: translateX(0);
		text-align: left;
	}
	.banner .swiper-pagination-bullet {
	    width: 24px;
	    height: 4px;
	    display: inline-block;
	    border-radius: 0;
	    background: #fff;
	    opacity: .2;
	}
	.banner .swiper-pagination-bullet-active {
		width: 48px;
	    opacity: 1;
	    background: #fff;
	}

}

@media (max-width:768px) {
	.col-sm-12:first-child .info-item{
		margin-top: 0;
	}
	.news-list div .item{
		margin: 0;
	}
	.news .classic-name {
		padding: 0;
	}
	.right-cont .list .col-lg-4 {
	    padding: 0;
	}
	.index-news .news-item,.index-news .news-item:nth-child(3n+3){
		margin-right: 0;
		width: 100%;
	}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	    bottom: 20px;
	    left: 40px;
	    width: 100%;
	    margin: 0 auto;
	    transform: translateX(0);
		text-align: left;
	}
	.banner .swiper-pagination-bullet {
	    width: 14px;
	    height: 4px;
	    display: inline-block;
	    border-radius: 0;
	    background: #fff;
	    opacity: .2;
	}
	.banner .swiper-pagination-bullet-active {
		width: 28px;
	    opacity: 1;
	    background: #fff;
	}
	.news .row .col-sm-12,.news .row .col-md-6,.news .row .col-lg-4{
		width: 100%!important;
	}
}