@charset "UTF-8";

/* CSS Document */

@media only screen and (min-width:0px) and (max-width:767px) {
	body,
	h5,
	p {
		font-size: 12px;
	}
	h1 {
		font-size: 30px;
	}
	h2 {
		font-size: 24px;
	}
	h3 {
		font-size: 18px;
		margin: 0;
	}
	h4 {
		font-size: 14px;
	}
	.header {
		height: 50px;
	}
	.log-box {
		margin: 8px 0;
	}
	.phone {
		margin-top: 12px;
	}
	.state {
		margin-top: 12px;
		padding: 0 5px;
	}
	/*-----banner---------*/
	.info-banner{
		height: 200px;
		background-image:url(../img/s_home_banner.jpg) ;
	}
	.info-banner.details-banner{
		background-image:url(../img/s_in_banner.jpg);
		height: 200px;
	}
	.content-text {
		background: none;
	}
	/*-------内容-------*/
	.ifon-content {
		margin-top: 20px;
	}
	.page-content {
		padding-top: 0;
	}
	.b-auto-text {
		padding-top: 10px;
	}
	h2.line-title {
		margin-bottom: 11px;
		padding-bottom: 14px;
	}
	/*---------热卖-----*/
	.hot-price {
		padding: 20px 0 60px;
	}
	/*-----新品----*/
	.new-price {
		margin-bottom: 10px;
		padding: 20px 0;
	}
	/*---展示---*/
	.price-show {
		padding: 20px 0;
	}
	/*---footer----*/
	.b-footer {
		padding-top: 20px;
	}
	.b-footer .footer-nav li {
		font-size: 14px;
		width: 30%;
	}
	.price-details {
		padding-left: 50px;
		margin-top: 20px;
	}
	.price-details div.price {
		margin: 0;
	}
	.prduct-text>div.text-center {
		padding: 30px 20px;
	}
	.block-top {
		margin-top: 0;
	}
	.btns>div {
		margin-left: 10px;
		margin-right: 0;
	}
	.main-text ul li p {
		padding: 20px;
	}
	
	.main-text .con-text {
		padding: 0 20px;
		line-height:190%;
	}
	.prduct-text {
		margin-top: 10px;
	
	}
	.prduct-text.text-center{
		padding: 0 30px;
	}
	.main-title p {
		padding: 0 5px;
	}
}

@media(min-width:768px) and (max-width:1024px) {
	.ifon-header.container {
		padding: 0;
	}
	.state {
		margin-top: -26px;
		margin-left: 400px;
	}
	.p-header-nav {
		top: 100px;
	}
	.phone {
		margin-left: 256px;
		margin-top: 38px;
		width: 20%;
	}
	.log-box {
		width: 30%;
		margin: 31px auto;
	}
	/*----banner-----*/
	.info-banner{
		height: 300px;
	}
	.info-banner.details-banner{
		height: 240px;
	}
	/*-----end  banner-----*/
	.price-details div.price {
		margin-top: 10px;
	}
	.price-details h3 {
		margin-top: 0;
	}
	.b-box-item .b-caption .caption-data {
		width: 40px;
		height: 40px;
		position: absolute;
		top: -40px;
		right: 20px;
		 padding:10px 2px; 
		background: #E24545;
		font-size: 15px;
		color: #fff;
	}
	/*---面包--*/
	.glyphicon {
		top: -2px;
	}
	/**/
	.content-text {
		background: none;
	}
	.ifon-content,
	.page-content {
		margin-top: 0;
	}
	.page-content {
		padding-top: 0;
	}
	.hot-price {
		padding-top: 20px;
	}
	.new-price {
		margin-bottom: 0;
	}
	.my-leave-message {
		padding: 1.5% 0;
	}
	.price-show {
		padding: 20px 0;
	}
	.main-text .prduct-text div.content-text p {
		padding: 0 20px;
	}
	.new-details .content .main-text {
		padding: 0 20px;
	}
}

@media only screen and (min-width:0px) and (max-width: 479px) {}

@media only screen and (min-width:767px) and (max-width:992px) {}

@media only screen and (max-width: 1366px) {}

@media only screen and (min-width:640px) {}

@media only screen and (max-width: 640px) {}

@media only screen and (max-width: 480px) {}

@media only screen and (max-width:320px) {}

@media only screen and (max-width:350px) {}

@media (max-width:1000px) {}

@media (max-width:767px) {}

@media (max-width:767px) {}

@media only screen and (min-width:1000px) {}

@media only screen and (max-width:1000px) {}

@media (max-width: 992px) {}

@media (max-width:560px) {}