/* 分类 */
.category {
	padding: 0.17rem 0 0.3rem;
	border: 0.01rem solid rgba(223, 223, 223, 1);
}

.category .level1_item {
	/* border-bottom: 0.01rem solid rgba(223, 223, 223, 1); */
	position: relative;
}

.category .level1_item::after {
	content: '';
	display: block;
	width: calc(100% - 0.36rem);
	height: 0.01rem;
	background: rgba(223, 223, 223, 1);
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.category .level1 {
	font-size: 0.16rem;
	color: #333333;
	width: 100%;
	height: 100%;
	position: relative;
	line-height: 0.46rem;
	padding: 0 0.18rem;
}

.category .level1_link {
	flex: 1;
	color: inherit;
	font-size: inherit;
	display: block;
	cursor: pointer;
}

.category .level1.active,
.category .level1:hover {
	background: rgba(242, 252, 250, 1);
	border-left: 0.04rem solid var(--g);
}

.category .level1.active .level1_link,
.category .level1:hover .level1_link,
.category .level1_link.active,
.category .level1.active span,
.category .level1:hover span {
	font-family: 'sb';
	color: var(--c);
}

.category .level1_link.active {
	font-weight: bold;
}

.category a {
	display: block;
	width: 100%;
	color: inherit;
	line-height: inherit;
	font-size: inherit;
	font-weight: inherit;
}

.category .level1 .arrow {
	display: block;
	position: absolute;
	right: 0.15rem;
	top: 50%;
	transform: translateY(-50%);
	width: 0.12rem;
	height: 100%;
	background-image: url('../image/s2.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto;
	cursor: pointer;
	transition: var(--transition);
}

.category .level1 .arrow.active {
	background-image: url('../image/s1.png');
}

.category .level2_item {
	font-size: 0.16rem;
	color: #333333;
	line-height: 0.35rem;
	transition: var(--transition);
}

.category .level2_item .flex_box {
	position: relative;
}

.category .level2_item .level2 {
	padding-left: 0.34rem;
	font-size: 0.15rem;
	color: #555555;
	line-height: 0.32rem;
	position: relative;
	transition: var(--s_tran);
	z-index: 1;
	flex: 1;
	padding-right: 0.3rem;
}

.category .level2_item.active .flex_box {
	background: rgba(242, 252, 250, 0.5);
}

.category .level2_item .level2::before {
	content: '';
	width: 0.04rem;
	height: 0.04rem;
	border-radius: 50%;
	background: rgba(85, 85, 85, 1);
	display: block;
	position: absolute;
	top: 50%;
	left: 0.24rem;
	transform: translateY(-50%);
	transition: var(--s_tran);
}

.category .level2_item:hover .level2::before,
.category .level2_item.active .level2::before,
.category .level2.active::before {
	background: var(--g);
}

.category .level2_item:hover .level2,
.category .level2_item.active .level2,
.category .level2.active {
	color: var(--c);
	font-weight: bold;
}

.category .level2_list {
	display: none;
	padding-bottom: 0.1rem;
	padding-top: 0.1rem;
}


.category .arrow2 {
	display: block;
	position: absolute;
	right: 0.15rem;
	top: 50%;
	transform: translateY(-50%);
	width: 0.12rem;
	height: 0.32rem;
	background-image: url('../image/p5.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto;
	cursor: pointer;
	transition: var(--transition);
	pointer-events: auto;
}

.category .arrow2.active {
	background-image: url('../image/p6.png');
}


.category .level3_list {
	display: none;
}

.category .level3_item .level3 {
	padding-left: 0.43rem;
	font-size: 0.14rem;
	transition: var(--s_tran);
	padding-right: 0.15rem;
}

.category .level3_item.active {
	background: rgba(242, 252, 250, 0.3);
}

.category .level3_item:hover .level3,
.category .level3_item.active .level3,
.category .level3.active {
	color: var(--c);
	font-weight: bold;
}

.pro .bread,
.pro1 .bread {
	border: none;
	padding-bottom: 0;
}

.pro .content,
.pro1 .content {
	padding-top: 0.5rem;
	padding-bottom: 1.03rem;
}

.pro .content .flex_box1,
.pro1 .content .flex_box1 {
	flex: 0 0 3rem;
}

.pro .content .flex_box2,
.pro1 .content .flex_box2 {
	flex: 0 0 0.4rem;
}

.pro .content .flex_box3 .title,
.pro1 .content .flex_box3 .title {
	font-size: 0.28rem;
	color: #000000;
	border-bottom: 0.01rem solid var(--c);
	padding-bottom: 0.18rem;
	line-height: 1;
	margin-bottom: 0.2rem;
	position: relative;
}

.pro .content .flex_box3 .title::after,
.pro1 .content .flex_box3 .title::after {
	content: '';
	width: 0.5rem;
	height: 0.03rem;
	background: var(--g);
	display: block;
	position: absolute;
	left: 0;
	bottom: -0.02rem;
}

.pro .content .flex_box3 .info_title,
.pro1 .content .flex_box3 .info_title {
	color: var(--c);
	border-left: 0.02rem solid var(--c);
	line-height: 1;
	padding-left: 0.1rem;
	font-family: 'sb';
}

.pro .content .flex_box3 .info {
	margin-bottom: 0.3rem;
	margin-top: 0.15rem;
}

.pro .content .flex_box3 .info p {
	font-size: 0.16rem;
	color: #333333;
	line-height: 0.3rem;
}

.pro .content .list_flex {
	margin-left: -0.1rem;
	margin-right: -0.1rem;
}

.pro .content .list_flex .item {
	flex: 0 0 calc(100% / 3);
	width: calc(100% / 3);
	padding: 0 0.1rem;
	margin-bottom: 0.25rem;
}

.pro .content.faq .list_flex .item {
    flex: 0 0 calc(100% / 1);
	width: calc(100% / 1);
}

.pro .content.faq .list_flex .item .container {
    background: none;
}

.pro .content.faq .list_flex .item .container:hover {
    background: none;
    box-shadow: none;
}

.pro .content .list_flex .item .container {
	background: rgba(245, 245, 245, 1);
	padding: 0.15rem 0.15rem 0;
	transition: var(--s_tran);
}
.pro .content .list_flex .item .container:hover {
	background: linear-gradient(180deg, #F5F5F5 0%, #F1F3F3 100%);
	box-shadow: 0rem 0rem 0.06rem 0.01rem rgba(0, 0, 0, 0.16);
}

.pro .content .list_flex .item .scale_box {
	height: 2.8rem;
	background: #fff;
}

.pro .content .list_flex .item .p_title {
	text-align: center;
	font-size: 0.16rem;
	color: #333333;
	line-height: 1;
	margin-top: 0.24rem;
	margin-bottom: 0.24rem;
	transition: var(--s_tran);
}

.pro .content .list_flex .item .p_title::after {
	content: '';
	width: 100%;
	background: var(--c);
	transition: var(--s_tran);
	opacity: 0;
	height: 0.02rem;
}

.pro .content .list_flex .item .container:hover .p_title {
	color: var(--c);
}






/* 二级分类列表 */

.pro1 .l_head {
	line-height: 0.5rem;
	background: var(--c);
	color: #fff;
}

.pro1 .l_head .flex_box1 {
	flex: 0 0 4.55rem;
	padding-left: 0.84rem;
	font-size: 0.2rem;
	border-right: 0.01rem solid rgba(235, 235, 235, 0.12);
}

.pro1 .l_head .flex_box2 {
	flex: 0 0 3.28rem;
	text-align: center;
	font-size: 0.2rem;
	border-right: 0.01rem solid rgba(235, 235, 235, 0.12);
}

.pro1 .l_head .flex_box3 {
	flex: 0 0 2.77rem;
	text-align: center;
	font-size: 0.2rem;
	border-right: 0.01rem solid rgba(235, 235, 235, 0.12);
}

.pro1 .list_flex .item {
	flex: 0 0 100%;
	/*margin-bottom: 0.15rem;*/
}

.pro1 .list_flex .item .container {
	padding: 0.2rem 0;
	background: rgba(255, 255, 255, 0.9);
	box-shadow: 0.02rem 0.02rem 0.03rem 0.01rem rgba(0,0,0,0.09);
	transition: var(--s_tran);
}
.pro1 .list_flex .item:nth-child(2n) .container {
    background: rgba(242, 252, 250, 1);
}

.pro1 .list_flex .item .container .flex_box1 {
	flex: 0 0 4.55rem;
	padding-left: 0.44rem;
	transition: var(--s_tran);
}

.pro1 .list_flex .item .container .flex_box2 {
	flex: 0 0 3.28rem;
	text-align: center;
	line-height: 1;
}

.pro1 .list_flex .item .container .flex_box2 > div + div {
	margin-top: 0.18rem;
}

.pro1 .list_flex .item .container .flex_box3 {
	flex: 0 0 2.77rem;
	text-align: center;
	line-height: 1;
}

.pro1 .list_flex .item .container .flex_box3 > div + div {
	margin-top: 0.18rem;
}

.pro1 .list_flex .item .container:hover {
	/*background: rgba(242, 252, 250, 1);*/
}

.pro1 .list_flex .item .container:hover .flex_box1 {
	color: var(--c);
}









.pro_detail {
	padding-top: 0.35rem;
	padding-bottom: 1.2rem;
}

.pro_detail.flex_box .flex_box1 {
	flex: 0 0 10.3rem;
}

.pro_detail.flex_box .flex_box2 {
	flex: 0 0 0.3rem;
}

.pro_detail.flex_box .flex_box3 {
	flex: 0 0 3.4rem;
}

.pro_detail .flex_box .flex_box4 {
	flex: 0 0 3.2rem;
	max-width: 3.2rem;
}

.pro_detail .flex_box .flex_box5 {
	flex: 0 0 0.3rem;
}

.pro_detail .flex_box .flex_box6 {
	flex: 0 0 6.8rem;
	max-width: 6.8rem;
}

.pro_detail .swiper-button-prev::after,
.pro_detail .swiper-button-next::after {
	font-size: 0.2rem;
	color: rgba(186, 186, 186, 1);
	transition: var(--s_tran);
	font-weight: bold;
}
.pro_detail .content table[align*='left'] {
    margin-left: 0;
}
.pro_detail .content table[align*='center'] {
    margin: 0 auto;
}
.pro_detail .content table[align*='right'] {
    margin-right: 0;
    margin-left: auto;
}
.pro_detail .content .info img {
    display: inline-block;
}

.pro_detail .content .list_flex .item .container {
    padding-bottom: 0.15rem;
}
.pro_detail .content .list_flex .item .container div {
    flex: 1 1 auto;
}
.pro_detail .content .list_flex .item .container a {
    font-size: 0.14rem;
	color: #666666;
	width: 1.2rem;
	line-height: 0.4rem;
	background: rgba(217, 217, 217, 1);
	text-align: center;
	transition: var(--s_tran);
	margin-left: 0.2rem;
}
.pro_detail .content .list_flex .item .container a:hover {
    background: var(--c);
	color: #fff;
}
.pro_detail .swiper-button-prev:hover::after,
.pro_detail .swiper-button-next:hover::after {
	color: var(--c);
}

.pro_detail .flex_box6 .title {
	font-weight: bold;
	font-size: 0.18rem;
	color: #333333;
}

.pro_detail .flex_box6 .active {
	background: url('../image/n3.jpg') no-repeat;
	background-size: 100% 100%;
	background-position: center;
	height: 0.5rem;
	padding-left: 0.2rem;
	padding-right: 0.15rem;
	margin-top: 0.2rem;
}

.pro_detail .flex_box6 .active .flex_box7 img {
	max-width: 0.24rem;
	height: 0.24rem;
}

.pro_detail .flex_box6 .active .flex_box7 p {
	font-size: 0.2rem;
	color: #fff;
	margin-left: 0.1rem;
}

.exzoom .exzoom_nav .exzoom_nav_inner span img {
	top: 0 !important;
}

.pro_detail .flex_box .flex_box8 {
	justify-content: flex-end;
}

.pro_detail .flex_box .flex_box8 p {
	font-size: 0.16rem;
	color: #FFFFFF;
}

.pro_detail .flex_box .flex_box8 .second {
	width: calc(100% - 0.6rem);
	border-radius: 0.1rem;
	justify-content: space-between;
	flex: 0 0 1.96rem;
	margin-left: 0.08rem;
}

.pro_detail .flex_box .flex_box8 .second .flex_box3 {
	background: rgba(154, 215, 2, 1);
	border-radius: 0.03rem;
	color: #fff;
	font-size: 0.2rem;
	text-align: center;
	line-height: 0.34rem;
	flex: 0 0 0.4rem;
	position: relative;
	flex: 0 0 0.34rem;
}

.pro_detail .flex_box .flex_box8 .second .flex_box3+.flex_box3::before {
	content: ':';
	color: rgba(154, 215, 2, 1);
	font-size: 0.2rem;
	position: absolute;
	top: 41%;
	transform: translateY(-50%);
	left: -0.14rem;
	line-height: 1;
}

.pro_detail .copy {
	color: var(--g);
	justify-content: flex-end;
	margin-top: 0.1rem;
	cursor: pointer;
	width: fit-content;
	margin-right: 0;
	margin-left: auto;
}

.pro_detail .copy p {
	font-size: 0.14rem;
}

.pro_detail .copy img {
	max-width: 0.2rem;
	height: 0.2rem;
	margin-right: 0.05rem;
}

.pro_detail .flex_box .flex_box9 {
	flex: 0 0 33.3%;
	text-align: center;
}

.pro_detail .flex_box .flex_box10 {
	flex: 0 0 33.3%;
	text-align: center;
}

.pro_detail .flex_box .flex_box11 {
	flex: 0 0 33.3%;
	text-align: center;
}

.pro_detail .table {
	border: 0.01rem solid #EEEEEE;
	margin-top: 0.1rem;
}

.pro_detail .t_head {
	background: #F9F9F9;
	line-height: 0.4rem;
}

.pro_detail .t_head div {
	font-size: 0.16rem;
	color: #333333;
	font-family: 'sm';
	font-weight: bold;
}

.pro_detail .t_body .flex_box9,
.pro_detail .t_body .flex_box10,
.pro_detail .t_body .flex_box11 {
	font-size: 0.16rem;
	color: #333333;
	line-height: 0.43rem;
}

.pro_detail .t_body .flex_box12 {
	font-size: 0.16rem;
	color: #FF3501;
	font-family: 'sb';
	line-height: 0.43rem;
}

.pro_detail .t_body .item:not(:last-child) {
	border-bottom: 0.01rem solid #EEEEEE;
}

.pro_detail .t_body .item:nth-child(even) {
	background: rgba(242, 252, 250, 1);
}

.pro_detail .btn_box {
	margin-top: 0.52rem;
	width: 75%;
    justify-content: end;
    row-gap: 0.2rem;
        flex-wrap: wrap;
}

.pro_detail .btn_box a {
	border-radius: 0.05rem 0.05rem 0.05rem 0.05rem;
	border: 0.01rem solid var(--c);
	/*width: fit-content;*/
	font-size: 0.14rem;
	/*flex: 0 0 1.48rem;*/
	line-height: 0.38rem;
	text-align: center;
	transition: var(--s_tran);
	flex-shrink: 0;
    min-width: 1.48rem;
    width: fit-content;
    padding: 0 0.15rem;
}

.pro_detail .btn_box .btn1 {
	color: #333333;
	margin-right: 0.25rem;
}

.pro_detail .btn_box a:hover {
	background: var(--c);
	color: #fff;
}

.pro_detail .btn_box a:hover::before {
	filter: brightness(0) invert(1);
}

.pro_detail .btn_box a::before {
	content: '';
	display: inline-block;
	width: 0.21rem;
	height: 0.2rem;
	background-size: 100% 100%;
	background-position: center;
	margin-right: 0.16rem;
}

.pro_detail .btn_box .btn1::before {
	background: url('../image/n6.png') no-repeat;
	vertical-align: -0.05rem;
	background-size: 100% 100%;
	background-position: center;
}

.pro_detail .btn_box .btn2::before {
	background: url('../image/n7.png') no-repeat;
	vertical-align: -0.05rem;
	background-size: 100% 100%;
	background-position: center;
}


.pro_detail .tab_box {
	border: 0.01rem solid #DFDFDF;
	margin-top: 0.78rem;
}

.pro_detail .tab_wrap {
	background-color: #F9F9F9;
	border-bottom: 0.01rem solid #E5E5E5;
}

.pro_detail .tab {
	cursor: pointer;
	font-size: 0.16rem;
	color: #333333;
	line-height: 0.39rem;
	width: 1.27rem;
	text-align: center;
	border-top: 0.02rem solid transparent;
	border-right: 0.01rem solid #E5E5E5;
	font-weight: bold;
}

.pro_detail .tab.active {
	color: #000;
	background: #FFFFFF;
	border-top: 0.02rem solid var(--c);
	position: relative;
}

.pro_detail .tab.active::after {
	content: '';
	width: 100%;
	height: 0.01rem;
	background: #fff;
	display: block;
	position: absolute;
	bottom: -0.01rem;
}

.pro_detail .content {
	display: none;
	padding: 0.4rem 0.2rem;
}

.pro_detail .content img {
    max-width: 100% !important;
}

.pro_detail .content.active {
	display: block;
}

.pro_detail .faq .item {
	flex: 0 0 100%;
}

.pro_detail .faq .item:not(:last-child) .container {
	border-bottom: 0.01rem dotted rgba(158, 158, 158, 1);
}

.pro_detail .faq .item:not(:first-child) .container {
	padding-top: 0.25rem;
}

.pro_detail .faq .item:not(:last-child) .container {
	padding-bottom: 0.25rem;
}

.pro_detail .faq .question {
	font-size: 0.16rem;
	color: var(--c);
}

.pro_detail .faq .answer {
	font-size: 0.16rem;
	color: #333333;
	line-height: 0.3rem;
	margin-top: 0.05rem;
}

.pro_detail .coa .info,
.pro_detail .msds .info {
	max-width: 7.76rem;
	margin-left: auto;
	margin-right: auto;
}

.exzoom .exzoom_nav .exzoom_nav_inner span.current {
    border-color: var(--c) !important;
}

.pro_detail .tips {
	color: var(--c);
	font-size: 0.16rem;
}

.pro_detail form {
	border: 0.01rem solid rgba(219, 219, 219, 1);
	border-radius: 0.1rem;
	overflow: hidden;
	margin-top: 0.2rem;
}

.pro_detail input {
	flex: 0 0 calc(100% - 0.76rem);
	line-height: 0.5rem;
	height: 0.44rem;
	background: rgba(251, 251, 251, 1);
	padding: 0.15rem;
}

.pro_detail .search_btn {
	flex: 0 0 0.76rem;
	width: 0.76rem;
	height: 0.44rem;
	background-color: var(--c);
	padding-top: 0.1rem;
}

.pro_detail .search_btn img {
	max-width: 0.25rem !important;
	height: 0.25rem;
	margin-left: auto;
	margin-right: auto;
	display: block !important;
}

input::-webkit-input-placeholder {
	/* Chrome/Safari/Opera */
	font-size: 0.16rem;
	color: #9E9E9E;
}

input:-moz-placeholder {
	/* Firefox 4 - 18 */
	font-size: 0.16rem;
	color: #9E9E9E;
}

input::-moz-placeholder {
	/* Firefox 19+ */
	font-size: 0.16rem;
	color: #9E9E9E;
}

input:-ms-input-placeholder {
	/* IE 10+  */
	font-size: 0.16rem;
	color: #9E9E9E;
}

.pro_detail .coa .list_flex,
.pro_detail .msds .list_flex {
	margin-top: 0.38rem;
	max-width: 8.5rem;
	margin-left: auto;
	margin-right: auto;
}

.pro_detail .coa .list_flex .item,
.pro_detail .msds .list_flex .item {
	flex: 0 0 100%;
}

.pro_detail .coa .list_flex .item .container::before,
.pro_detail .msds .list_flex .item .container::before {
	content: '';
	display: inline-block;
	width: 0.25rem;
	height: 0.28rem;
	background: url('../image/n8.png') no-repeat;
	background-size: 100% 100%;
	background-position: center;
	vertical-align: -0.06rem;
	margin-right: 0.17rem;
}

.pro_detail .coa .list_flex .item .container,
.pro_detail .msds .list_flex .item .container {
	font-size: 0.16rem;
	color: #333333;
}

.pro_detail .coa .item .container,
.pro_detail .msds .item .container {
	border-bottom: 0.01rem dotted rgba(158, 158, 158, 1);
}

.pro_detail .coa .item:not(:first-child) .container,
.pro_detail .msds .item:not(:first-child) .container {
	padding-top: 0.25rem;
}
.pro_detail .content .list_flex .item .container {
    background: none;
}
.pro_detail .content .list_flex .item {
    margin-bottom: 0;
}
.pro_detail .content .list_flex .item .container:hover {
    background: none;
    box-shadow: none;
}
.pro_detail .coa .item .container,
.pro_detail .msds .item .container {
	padding-bottom: 0.2rem;
}

.pro_detail .flex_box3 .hot,
.pro_detail .flex_box3 .news {
	border: 0.01rem solid rgba(229, 229, 229, 1);
}

.pro_detail .flex_box3 .hot .h_head,
.pro_detail .flex_box3 .news .h_head {
	background: rgba(249, 249, 249, 1);
	border-bottom: 0.01rem solid rgba(229, 229, 229, 1);
	line-height: 0.4rem;
	padding: 0 0.15rem;
	justify-content: space-between;
}

.pro_detail .flex_box3 .hot .h_head p,
.pro_detail .flex_box3 .news .h_head p {
    font-size: 0.18rem;
    font-weight: bold;
}

.pro_detail .flex_box3 .hot .h_head img,
.pro_detail .flex_box3 .news .h_head img {
	max-width: 0.18rem;
	height: 0.18rem;
}

.pro_detail .flex_box3 .h_body {
	padding: 0.2rem 0.1rem;
}

.pro_detail .flex_box3 .h_body .item {
	flex: 0 0 100%;
}

.pro_detail .flex_box3 .h_body .container {
	font-size: 0.14rem;
	color: #666666;
	line-height: 0.22rem;
	padding-bottom: 0.12rem;
	padding-top: 0.12rem;
	border-bottom: 0.01rem dotted rgba(222, 222, 222, 1);
	transition: var(--s_tran);
}

.pro_detail .flex_box3 .h_body .container:hover {
	color: var(--c);
}

.pro_detail .flex_box3 .h_body .item:first-child .container {
	padding-top: 0;
}

.exzoom .exzoom_btn a:focus {
    outline: none;
}

.pro_detail .flex_box3 .news {
    margin-top: 0.3rem;
}


/* 手机端 */
@media (max-width: 768px) {
    .pro .content .flex_box,
    .pro1 .content .flex_box {
        flex-wrap: wrap;
    }
    .pro .content .flex_box > div,
    .pro1 .content .flex_box > div {
        flex: 0 0 100%;
    }
    .category .level1 span,
    .category .level2_item .level2,
    .category .level3_item .level3 {
        font-size: 12px;
        line-height: 2;
    }
    .category .arrow2 {
        width: 9px;
        height: 9px;
    }
    .category .level1 .arrow {
        width: 12px;
    }
    .pro .content .flex_box3,
    .pro1 .content .flex_box3 {
        margin-top: 20px;
    }
    .pro .content .flex_box3 .title,
    .pro1 .content .flex_box3 .title {
        font-size: 16px;
    }
    .pro .content .list_flex .item {
        flex: 0 0 50%;
        width: 50%;
    }
    .pro .content .list_flex .item .p_title {
        font-size: 14px;
    }
    .pro1 .l_head .flex_box1,
    .pro1 .l_head .flex_box2,
    .pro1 .l_head .flex_box3 {
        margin-top: 0;
        text-align: center;
        flex: 0 0 calc(100% / 3) !important;
        padding: 0;
        font-size: 14px;
    }
    .pro1 .list_flex .item .container .flex_box1,
    .pro1 .list_flex .item .container .flex_box2 div,
    .pro1 .list_flex .item .container .flex_box3 div {
        margin-top: 0;
        flex: 0 0 calc(100% / 3) !important;
        text-align: center;
        padding: 0;
        font-size: 12px;
    }
    .pro1 .list_flex .item .container {
        flex-wrap: nowrap;
    }
    .pro1 .list_flex .item .container > div {
        flex: 0 0 calc(100% / 3) !important;
        margin-top: 0;
    }
    
    
    .pro_detail,
    .pro_detail.flex_box .flex_box1 .flex_start {
        flex-wrap: wrap;
    }
    .pro_detail.flex_box .flex_box1 .flex_start {
        justify-content: center;
    }
    .pro_detail.flex_box .flex_box1 .flex_start > div {
        flex: 0 0 100%;
    }
    #exzoom {
        width: 100% !important;
    }
    .pro_detail.flex_box .flex_box1 {
        flex: 0 0 100%;
        width: 100%;
    }
    .pro_detail .flex_box .flex_box6 {
        margin-top: 20px;
        max-width: none;
    }
    .pro_detail .flex_box6 .title {
        font-size: 16px;
    }
    .pro_detail .copy p,
    .pro_detail .t_head div,
    .pro_detail .flex_box .flex_box9,
    .pro_detail .flex_box .flex_box10,
    .pro_detail .flex_box .flex_box11 {
        font-size: 14px;
    }
    .pro_detail .btn_box a {
        font-size: 12px;
        white-space: nowrap;
        padding: 10px;
        line-height: 20px;
        border-radius: 5px;
    }
    .pro_detail .tab_wrap {
        overflow: auto;
    }
    .pro_detail .tab {
        font-size: 12px;
        width: auto;
        line-height: 40px;
        padding: 0 5px;
        white-space: nowrap;
    }
    .pro_detail .faq .question,
    .pro_detail .faq .answer {
        font-size: 14px;
        line-height: 2;
    }
    .pro_detail .btn_box a::before {
        width: 12px;
        height: 12px;
    }
    .pro_detail .tab.active::after {
        left: 0;
    }
    .pro_detail .tab.active::after {
        height: 1px;
        bottom: -1px;
    }
    .pro_detail .tips {
        font-size: 14px;
    }
    .pro_detail input,
    .pro_detail .search_btn {
        height: 44px;
    }
    .pro_detail input {
        font-size: 12px;
    }
    input::-webkit-input-placeholder {
	/* Chrome/Safari/Opera */
	    font-size: 14px;
	    color: #9E9E9E;
    }

    input:-moz-placeholder {
	    /* Firefox 4 - 18 */
	    font-size: 14px;
	    color: #9E9E9E;
    }

    input::-moz-placeholder {
	    /* Firefox 19+ */
	    font-size: 14px;
	    color: #9E9E9E;
    }

    input:-ms-input-placeholder {
	    /* IE 10+  */
	    font-size: 14px;
	    color: #9E9E9E;
    }
    .pro_detail .content .info span {
        font-size: 12px !important;
    }
    .pro_detail .content .info {
        overflow: auto;
    }
    .pro_detail .content .info p,
    .pro_detail .content .info strong，
    .pro_detail .content .info a {
        font-size: 12px !important;
    }
    .pro_detail.flex_box .flex_box2,
    .pro_detail.flex_box .flex_box3 {
        flex: 0 0 100%;
    }
    .pro_detail.flex_box .flex_box3 {
        margin-top: 20px;
    }
    .pro_detail .flex_box3 .news {
        margin-top: 20px;
    }
    .pro_detail .flex_box3 .hot .h_head p,
    .pro_detail .flex_box3 .news .h_head p,
    .pro_detail .flex_box3 .h_body .container {
        font-size: 14px;
        line-height: 40px;
    }
}