.index-title {
	margin-bottom: .3rem;
	font-size: .4rem;
	font-family: AvantGardeITCbyBT-Medium,var(--font_c);
	color: var(--colorTitle);
	line-height: .48rem;
}
.index-product {
	margin: .47rem 0;
	font-size: 0;
}

.index-product > div {
	text-align: center;
}
.index-product .card-wrap {
	margin-top: .32rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.index-product .card {
	margin-bottom: .25rem;
	width: 32%;
	overflow: hidden;
	box-sizing: border-box;
}
.index-product .card img {
	height: 2.5rem; width: 100%;
	object-fit: cover;
	border-radius: .1rem;
}
.index-product .card .desc {
	padding: 0 .15rem;
	box-sizing: border-box;
	text-align: left;
}
.index-product .card .product-name {
	margin: .18rem 0 .1rem;
	font-size: .24rem;
	line-height: 1;
	color: var(--colorTitle);
    font-family: Alibaba-PuHuiTi-Regular,var(--font_c);
}
.index-product .card p {
	font-size: .16rem;
	color: #8f8f8f;
	line-height: 1.4;
	overflow: hidden;
    font-family: Alibaba-PuHuiTi-Regular,var(--font_c);
}
.index-product .card .more {
	margin-top: .26rem;
	width: .78rem; height: .65rem;
	border-radius: .32rem;
	font-size: .37rem;
	background-color: var(--colorTitle);
	color: #fff;
	display: block;
	text-align: center;
	line-height: .65rem;
	transition: width .4s ease-in-out;
}
.index-product .card .more:hover {
	width: 1rem;
}
.index-product .hasID {
	height: auto;
}
.index-product .hasID p {
	display: none;
}
.index-product .hasID .more {
	display: none;
}
.index-product .hasID .product-name {
	text-align: center;
	line-height: 1.5;
}
.product-sort {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.product-sort li {
	margin-bottom: .23rem;
	width: 2.35rem; height: .5rem;
	background-color: #fff;
	border: 1px solid var(--colorTitle);
	border-radius: .1rem;
}
.product-sort li a {
	font-size: .14rem;
	color: var(--colorTitle);
	width: 100%; height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
}
.product-sort li.cur,
.product-sort li:hover {
	background-color: var(--colorTitle);
}
.product-sort li.cur a,
.product-sort li:hover a {
	color: #fff;
}

.product-view {
	display: block; font-size: 0; padding: 1rem 1.8rem;
}
.product-view .l {
    display: inline-block; width: 50%; box-sizing: border-box;
}
.product-view .l h3 {
    display: block; font-size: .36rem; text-transform: uppercase; font-family: 'AvantGardeITCbyBT-Medium', 'Alibaba-PuHuiTi-Regular',var(--font_c); color: var(--colorTitle); margin-bottom: .2rem;
}
.product-view .l .list {
    display: block; margin-bottom: .2rem;
}
.product-view .l .list .tit {
    display: block; font-size: .22rem; text-transform: uppercase; font-family: 'Alibaba-PuHuiTi-Regular',var(--font_c); font-weight: bold; color: var(--colorTitle); margin-bottom: .1rem;
}
.product-view .l .list ul {
    display: block;
}
.product-view .l .list ul img {
	max-width: 50%;
}
.product-view .l .list ul li {
    display: inline-block;  width: 100%; vertical-align: top; line-height: 1.5; margin-bottom: .1rem;
}
.product-view .l .list ul li b {
    font-weight: bold; color: #333; font-size: .16rem; font-family: 'Alibaba-PuHuiTi-Regular',var(--font_c);
}
.product-view .l .list ul li span {
    color: #333; font-size: .16rem; font-family: 'Alibaba-PuHuiTi-Regular',var(--font_c);
}
.product-view .l .list .text {
    display: block;
}
.product-view .l .list .text p {
    font-size: .16rem; line-height: 1.5; color: #333; font-family: 'Alibaba-PuHuiTi-Regular',var(--font_c); margin-bottom: .2rem; text-align: justify;
}
.product-view .l .list .text2 {
    display: block;
}
.product-view .l .list .text2 p {
    font-size: .14rem; line-height: 1.5; color: #333; font-family: 'Alibaba-PuHuiTi-Regular',var(--font_c); margin-bottom: .2rem; text-align: justify;
}
.product-view .l .list .img {
    display: block;
}
.product-view .l .list .img img {
    max-width: 100%; border-radius: .1rem; overflow: hidden;
}
.product-view .table-list {
    display: block; margin-top: .3rem;
}
.product-view .table-list .tit {
    background: var(--colorTitle); color: #fff; font-size: .2rem; box-sizing: border-box; padding: .1rem ; text-transform: uppercase;
}
.product-view .table-list table {
    font-size: .16rem; width: 100%;
}
.product-view .table-list table td {
    font-size: .14rem; line-height: 1.5; padding: .07rem .1rem; font-family: 'Alibaba-PuHuiTi-Regular',var(--font_c);
}
/*.product-view .table-list table tr td:first-child {
	text-transform: capitalize;
}*/
.product-view .table-list table tr {
    background: #f5f5f5;
}
.product-view .table-list table tr:nth-of-type(2n) {
    background: #ddd;
}
.product-view .r {
    width: 50%; display: inline-block; box-sizing: border-box; padding-left: .7rem; vertical-align: top;
}
.product-view .r img {
    max-width: 100%; border-radius: .1rem; overflow: hidden;
}


.product-view .main {
	position: relative;
}
.product-view strong {
	margin-bottom: .35rem;
	display: block;
	color: var(--colorTitle);
}
.container {
	margin: 1rem 0 .4rem;
}
.mainPic img {
	width: 48%;
	position: absolute;
	top: 0; right: 0;
}
.discription {
	width: 50%;
}
.product-view .container:nth-of-type(2) .discription {
	min-height: 5.4rem;
}
.discription-name {
	margin: .2rem 0;
	font-size: .36rem;
	font-weight: bold;
}
.discription {
	color: #444;
	font-size: .18rem;
	line-height: 1.6;
	display: block;
}
.discription-title {
	margin: .2rem 0;
	display: block;
	font-size: .18rem;
	color: var(--colorTitle);
	border-radius: .1rem;
	font-weight: bold;
}
.discription-row .half {
	width: 50%;
	display: inline-block;
	vertical-align: top;
}
.discription-row .half  img {
	max-width: 7rem;
}
.discription-row p {
	line-height: 1.6;
}
.container .table {
	margin-top: 1rem;
	width: 100%;
	table-layout: fixed;
	border-top: 7px solid var(--colorTitle);
}
.container .table tbody {
	width: 100%;
}
.firstRow {
	margin: .07rem 0 .07rem;
	padding: .12rem .34rem;
	font-size: .24rem;
	background-color: var(--colorTitle);
	color: #fff;
	border-radius: .1rem;
	display: inline-block;
	display: none;
	white-space: nowrap;
}
.container .table tr td {
	padding: .12rem .33rem;
	font-size: .2rem;
	line-height: 1.5;
	font-weight: bold;
	width: 50%;
}
.container .table tr:nth-child(even) {
	background-color: var(--colorTitle);
	color: #fff;
}
.container .table tr:nth-child(odd) {
	background-color: #f0f0f0;
	color: var(--colorTitle);
}
.container .table tr.firstRow {
	background-color: #fff;
}
.bottom p {
	padding: .2rem .33rem;
	font-size: .14rem;
	color: var(--colorTitle);
	line-height: 1.5;
	font-weight: bold;
}
.back {
	margin-bottom: 1rem;
	padding: 0 .3rem;
	font-size: .18rem;
	line-height: .48rem;
	border-radius: .1rem;
	border: 1px solid;
	color: var(--colorTitle);
	display: inline-block;
	font-weight: bold;
	transition: all .4s ease;
	cursor: pointer;
}
.back:hover {
	background-color: var(--colorTitle);
	color: #fff;
}
.form .main {
	text-align: center;
}
.index-product .form input {
	padding: .06rem .2rem;
	box-sizing: border-box;
	width: 40%;
	border: 1px solid var(--colorTitle);
	font-size: .18rem;
	line-height: 1.5;
	border-radius: .08rem 0 0 .08rem;
}
.index-product .form button {
	padding: .06rem .2rem;
	line-height: 1.5;
	font-size: .18rem;
	border-radius: 0 .08rem .08rem 0;
	border: 1px solid var(--colorTitle);
	border-left: 0;
	color: var(--colorTitle);
	cursor: pointer;
	transition: all .4s ease;
}
.index-product .form button:hover {
	background-color: var(--colorTitle);
	color: #fff;
}

.container .table {
	position: absolute;
	right: 0; top: 5rem;
	width: 48%;
}
.bottom p {
	width: 100%;
	padding: .2rem 0;
}
@media screen and (max-width: 1600px) {
    .product-view {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
/* @media screen and (max-width: 1440px) {
    .product-view .l {
        padding-left: .8rem;
    }
}
@media screen and (max-width: 1366px) {
    .product-view .l {
        padding-left: .6rem;
    }
} */
@media screen and (max-width: 1280px) {
    .product-view {
        padding-left: .4rem;
        padding-right: .4rem;
    }
}


@media screen and (max-width: 768px) {
.index-product {
	margin: .5rem 0;
}
.index-product > .main {
	width: 100%;
}
.index-title {
	font-size: .3rem;
}
.index-product .card {
	margin: 0 auto .32rem;
	width: 90%; height: auto;
}
.index-product .card img {
	height: 2rem;
}
.index-product .card .product-name {
	font-size: .18rem;
	line-height: 1.5;
}
.index-product .card .more {
	margin-top: .18rem;
	width: .6rem; height: .5rem;
	line-height: .5rem;
	font-size: .24rem;
}
.product-sort li {
	margin-bottom: .2rem;
	width: 48%; height: .48rem;
}
.product-sort li a {
	font-size: .16rem;
}
.index-product .card.hasID p {
	display: none;
}
.mainPic {
	margin-top: .5rem;
	text-align: center;
}
.mainPic img {
	position: relative;
	width: 84%;
}
.container {
	margin: .2rem 0 .4rem;
}
.discription {
	width: 100%;
}
.product-view {
	padding: 6%;
}
.product-view .l {
	width: 100%;
}
.product-view .r {
	padding: 0;
	width: 100%;
}
.product-view .container:nth-of-type(2) .discription {
	min-height: unset;
}
.product-view strong {
	margin: .35rem 0 .15rem;
	font-size: .26rem;
	text-align: left;
}
.discription {
	text-align: justify;
	font-size: .16rem;
	color: #000;
}
.discription-title {
	font-size: .18rem;
}
.discription-row .half {
	margin: .02rem 0;
	width: 100%;
}
.container .table tr.firstRow {
	padding: .1rem 0;
	font-size: .18rem;
	white-space: nowrap;
}
.container .table {
	margin-top: .8rem;
	table-layout: fixed;
}
.container .table tr td {
	padding: 3% 6%;
	font-size: .16rem;
	line-height: 1.4;
	text-align: left;
}
.bottom p {
	padding: 3% 0;
	font-size: .14rem;
}
.back {
	margin-bottom: .4rem;
	padding: 0 4%;
	font-size: .16rem;
}
}