﻿@media ( max-width:1300px) {
	.container {
		width: 90%;
		margin: 0 auto
	}
	/*首页骨密度仪相关产品*/
	.assure-list .info{
		width: calc(100% - 234px);
	}	
	.mod-rank .right{
		width: calc(100% - 330px);
	}
	.tab-content .intro-list .pic{	 
			transition: all .5s ease;
			width: 100%;
			transition: all 0.6s;
			height: 0;
			padding-bottom: 66%;
			overflow: hidden;
			position: relative;
	}
	.tab-content .intro-list .pic img,	
	.third-list .pic img,
	.know-list .pic img{
		height: auto!important;
	}
	.third-list .pic{
		transition: all .5s ease;
		width: 100%;
		transition: all 0.6s;
		height: 0;
		padding-bottom: 65.25%;
		overflow: hidden;
		position: relative;
	}
	.know-list .pic{
		transition: all .5s ease;
		width: 100%;
		transition: all 0.6s;
		height: 0;
		padding-bottom:63.5%;
		overflow: hidden;
		position: relative;
	}
	.hsite .phone{
		font-size: 14px;
		margin-left: 30px;
	}
	.appoint-list .name{
		font-size: 14px;	 
	}
	.nav-list li,
	.mod-rank .caption,
	.mod-appoint .flex-name,
	.hotline-list .phone{
		font-size: 15px;
	}
	.flex-title,
	.mod-outfit .title, .mod-info .title{
		font-size: 20px;
	}
	.switch-assure a,
	.switch-intro a,
	.intro-list .iaddr,
	.rank-list .name{
		font-size: 14px;
	}
	.switch-intro a{
		margin: 0 4px;
	}
	.third-list .name{
		font-size: 13px;
	}
	.hotline-list .count{
		font-size: 30px;
	}
	.hotline-list .name{
		font-size: 18px;
	}
	.intro-list .iaddr{
		height: 26px;
		overflow: hidden;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 1;
	}
	.main-product{width: 60%;}
	.aside2{width: 36%;}
	.main-product .summary{
		width: 100%;
	}
	.summary .btn-solid{
		height: 40px;
		line-height: 40px;
	}
	.refree-list a{
		height: auto;
	}
	.init-about .main{
		width: calc(100% - 280px);
	}
	.feedback .box .textarea textarea{
		width: 80%;
	}
}
@media ( max-width:1180px) {
	.header .navbar{
		width: 63%;
	}
	.carleft{
		display: none;
	}
}
@media ( max-width:1130px) {
	.header .navbar{
		width: 60%;
	}
	.nav-list li{
		margin-left: 10px;
	}
	.init-assure .switch-assure a{
		margin-left: 30px;
	}
	.switch-assure a{
		width: auto;
		padding-left: 8px;
		padding-right: 8px;
	}
}
@media ( max-width:1025px) {
	html {
		width: 100%;
		height: 100%;
		font-size: 62.5%;
		/* 10÷16=62.5% */
	}
	body {
		font-size: 14px;
		font-size: 1.4rem;
		/* 12÷10=1.2 */
	}
	.container {
		margin-right: auto;
		margin-left: auto;
		width: 90%;
		overflow: hidden;
	}
	.container:before,
	.container:after {
		content: " ";
		display: table;
	}
	.container:after {
		clear: both;
	}
	.container:before,
	.container:after {
		content: " ";
		display: table;
	}
	.container:after {
		clear: both;
	} 
	.flex-title .line.black{
		width: 15%;
	}
	.init-news .main-news,
	.main-answer{
		width: 100%;
	}
	.init-news .aside2,
	.init-answer .aside2{
		width: 100%;
	}
	 .feedback h2{
		 line-height: 30px;
	 }
	 .feedback .box .textarea textarea{
		 width:  75%;
	 }
	.init-assure .switch-assure{
		height: auto;
		padding-bottom: 10px;
		padding-top: 10px;
	}
	 .init-assure .switch-assure a{
		line-height: 5px;
		height: auto;
	}
}

@media ( max-width:991px) {
	 .burger_menu{
	 	display: block !important;
	 	top: 0 !important;
	 	float: right;
	 	margin-top: 12px;
	 }
	 /*pc端导航*/
	 .navbar{
		 display: none;
	 }
	 .assure-list .btn-solid{
		 width: auto;
	 }
}

@media ( max-width:768px) { 
	.container{
		width: 90%;
	}	 
	.menus .Logo{ 
		width: 77%;
	}
	.menus .Logo a .h1{
		font-size: 16px;
		margin-top: 5px;
	}
	.menus .Logo a .h2{
		font-size: 14px;
	}
	.menus .Logo a .h2 i{
		font-size: 12px;
	}
	.menus .Logo img{
		width: 26%;
		max-width: 83px;
	}
	.menus .Logo a .h2 i{
		margin-right: 2px;
		top: 0;
	}
	.menus .Logo a .h2 i:last-child{
		margin-left: 2px;
	}
	.site-nav a{
		margin-right: 8px;
		margin-left:0;
	}
	.brand-list .txt{
		font-size:12px;
	}
	.brand-list a{
		padding-left: 40px;
	}
	.brand-list .pic{
		width: 36px;
		height: 36px;
	}
	.brand-list .name{
		font-size: 14px;
		line-height: 22px;
	}
	.mod-brand{
		padding-bottom: 20px;
	}
	.switch-assure{
		margin-bottom: 28px;
	}
	.switch-assure a{
		width: 30%;
		margin-bottom: 5px;
	}
	.assure-list .pic{
		margin: 0 auto;
		float: none;
	}
	.assure-list .info{
		width: 100%;
	}
	.flex-title .line.black{
		display: none;
	}
	.mobile{
		display: block;
	}
	.swiper-carousel .swiper-slide{
		height: auto;
	}
	.pc{
		display: none;
	}
	.swiper-pagination-bullet{
		width: 8px;
		height: 8px;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets{
		bottom: 0px;
	}
	.mod2{
		padding: 10px 0;
	}
	.switch-assure a{
		display: block;
		float: left;
		width:48%;
	}
	.mod-outfit .title{
		margin-bottom: 15px;
	}
	.mod-outfit{
		padding-top: 20px;
	}
	.mod-rank .left,
	.mod-rank .right{
		width: 100%;
	}
	.mod-outfit .bd{
		border-right: none;
	}
	.mod-rank .right{
		border-right:5px solid #f2f2f2;
		padding-bottom: 20px;
	}
	.tab-holder{
		line-height: 26px;
	}
	.tab-content .intro-list .pic{
		height: 0!important;
	}
	.intro-list .txt{
		font-size: 12px;
	}
	.third-list li{
		width: 100%;
	}
	.mod-appoint .bd,
	.mod-appoint .figure-list{
		display: none;
	}
	.hotline-list .item-phone,
	.hotline-list li{
		width: 100%;
	}
	.mod-third{
		padding-top: 15px;
	}
	.mod2 .subtitle{
		margin-bottom: 20px;
	}
	.fixed-bar a:nth-child(1){
		display: none;
	}
	.fixed-bar{
		bottom: 20%!important;
		top: auto;		
		height: 76px;
		width: 70px;
		margin-top: 0;
		overflow: hidden;
		right: 10px;
	}
	.minh{
		height: auto;
		padding: 0;
		min-height: fit-content!important;
	}
	.init-assure .switch-assure{
		height: auto;
		padding-bottom: 10px;
		padding-top: 10px;
	}
	.init-assure .switch-assure a{
		line-height: 5px;
		height: auto;
	}
	.main2,
	.gallery,
	.summary{
		width: 100%;
	}
	.summary{
		margin-top: 15px;
		padding-top: 10px;
		border-top: #ebebeb solid 1px;
	}
	.summary .mxrect{
		padding-top: 4px;
		padding-bottom: 4px;
	}
	.summary .name{
		font-size: 18px;
	}
	.summary .btn-solid{
		height: 40px;
		line-height: 40px;
	}
	.intro-list li{
		width: 49%;
	}
	.init-case .intro-list .txt{
		height: 26px;
		overflow: hidden;
	}
	.init-case .intro-list{
		padding-left: 1%;
	}
	.main-product .gallery-top{
		width: 100%;
		height: auto;
	}
	.main-product .gallery-top img{
		height: auto!important;
	}
	.init .main-product .btn-title {
		padding-top: 0;
	}
	.main-forum .press-list li{
		margin: 0;
	}
	.main-news{
		padding-bottom: 22px;
	}
	.main-news .read-list li{
		padding-bottom: 0;
	}
	.main-forum .press-list li .pic,
	.main-news .read-list li .pic{
		width: 48%;
	}
	.main-forum .press-list li .pic img,
	.main-news .read-list li .pic img{
		height: auto;
	}
	.main-forum  .press-list li  a,
	.main-news .read-list li  a{
		padding-left: 50%;
	}
	.main-forum .press-list .info,
	.main-news .read-list .info
	{
		margin-bottom: 10px;
		margin-top: 8px;
	}
	.main-forum .press-list .name,
	.main-news .read-list  .name
	{
		font-size: 16px;
	}
	.main-forum  .press-list .isee,
	.main-news .read-list .isee
	{
		margin-left:0;
	}
	.mod-other .num{
		font-size: 18px;
	}
	.aside2 .mod-other{
		margin-bottom: 0;
	}
	.main-news .title{
		font-size: 18px;
		line-height: 22px;
	}
	.main-news img{
		max-width: 100%;
	}
	.init-about .aside{
		display: none;
	}
	.init-about .main{
		width: 100%;	
	}
	.answer-list .btn-solid{
		bottom: 5px;
		top: auto;
		left: 0px;
	}
	.aside2 .flex-title{
		font-size: 18px;
	}
	.mod-refaq .line{
		margin-top: 15px;
	}
	.main-answer{
		margin-bottom: 25px;
	}
	.mod-answer .info{
		width: 100%;		
	}
	.form-search{
		background-color: #fff;
	}
	.form-answer .form-control{
		width:70%;
	}
	.aside2{
		width: 100%;
	}
	.feedback .box .textarea textarea{
		width: calc(100% - 115px);
	}
	.feedback{
		height: auto;
		margin-bottom: 0;
	}
	.feedback .tj{
	height: 40px;
	line-height: 40px;
	margin-top: 30px;
	}
	.feedback .box .Input input{
		width: calc(100% - 115px);
	}
	.assure-list li{
		width: 100%;
	}
}
@media(max-width:640px){
	.menus .Logo{
		width: 75%;
	}
	.brand-list li{
		width: 50%;
	}
	.assure-list .status  span:first-child{
		display: block;
		width: 100%;
	}
	.feedback .box .Input{
		width: 100%;
		overflow: hidden;
	}
	.feedback .box .textarea{
		overflow: hidden;
	}
	.flex-title .line.green{
		width: 36px;
	}
	
}
@media(max-width:415px){
	.burger_menu{
		margin-top: 12px;
	}
	.header{
		padding: 10px 0;
	}
	.swiper-carousel .swiper-slide{
		background-size: 100% auto;
	}
	.assure-list .pic{
		width: 100%;
		height: auto;
	}
}
