@media(min-width:1920px) {
	html {
		font-size: calc(100vw/19.2)
	}
    body {
        max-width: 1920px;
        margin: auto;
    }
	.auto-container {
		max-width: 1400px
	}
	.head{
	    max-width:1920px;
	}
}

@media(min-width:2560px) {

	html {
		font-size: calc(100vw/25.6)
	}
}
@media(min-width:2860px) {

	html {
		font-size: calc(100vw/28.6)
	}
}
@media(min-width:3840px) {

	html {
		font-size: calc(100vw/38.4)
	}
}
@media (max-width:1460px) {
	.page-content .content-box .sidebar-box .contactbox .contactinfo {
		padding: .3rem .1rem
	}

	.page-content .content-box .sidebar-box .contactbox .business-swiper .row div a {
		padding: .06rem .02rem
	}

	.page-content .content-box .list-content .list-box .item-box .textbox {
		padding: .1rem
	}

	.page-content .content-box .list-content .row>div {
		padding: 0 0 0 .08rem
	}

	.page-content .content-box .list-content .list-box .product-item .text .row {
		width: 100%;
		padding: .1rem 0
	}
}

@media(max-width:991px) {
	html {
		font-size: calc(100vw/5)
	}

	.head nav,.head nav.c-style2 {
		padding: 0;
		background: #7f4428;
		height: .8rem
	}

	.head .navbar_right .c_switch i {
		position: relative;
		display: block;
		height: .04rem;
		background: #fff;
		-webkit-transition: all .3s;
		transition: all .3s
	}

	.head .navbar_right .c_switch i:nth-child(1) {
		top: 0
	}

	.head .navbar_right .c_switch i:nth-child(3) {
		bottom: 0
	}

	.head .navbar_right .c_switch i:nth-child(2) {
		margin: .06rem 0
	}

	.head .c-style2 .navbar_right .c_switch i {
		background: #fff
	}

	.head .navbar_right .c_switch {
		display: block;
		width: .4rem;
		margin-left: .2rem;
		margin-top: .08rem
	}

	.head .navbar_right .c_switch i {
		background: #fff
	}

	.head .navbar_right .c_switch.open i:nth-child(1) {
		top: .1rem;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg)
	}

	.head .navbar_right .c_switch.open i:nth-child(2) {
		opacity: 0
	}

	.head .navbar_right .c_switch.open i:nth-child(3) {
		bottom: .1rem;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}

	.head nav.c-style2 .navbar_box .navbar_nav .nav_item .dropdown_link {
		line-height: .45rem
	}

	.head .navbar_logo {
		padding: 0 .15rem
	}

	.head .open .navbar_logo {
		opacity: 0
	}

	.head .navbar_logo .logo_icon img {
		max-width: .6rem
	}

	.head .navbar_logo .logo_text {
		display: none
	}

	.head .navbar_box {
		display: none;
		position: fixed;
		top: .8rem;
		bottom: 0;
		width: 100%;
		transition: all .5s
	}

	.head .navbar_box .navbar_nav {
		display: block;
		margin-right: 0;
		background: #fff;
		padding: .15rem;
		max-height: 5rem;
		overflow: auto
	}

	.head .navbar_box .navbar_nav .nav_item {
		margin-right: 0
	}

	.head .navbar_box .navbar_nav .nav_item .dropdown_link {
		position: unset;
		line-height: .45rem;
		position: relative
	}

	.head .navbar_box .navbar_nav .nav_item .dropdown_link .iconfont {
		display: block;
		position: absolute;
		top: -.03rem;
		right: .2rem;
		font-size: .22rem;
		font-weight: 700
	}

	.head .navbar_box .navbar_nav .nav_item .dropdown_link .iconfont::after {
		display: block;
		content: '+';
		font-style: normal
	}

	.head .navbar_box .navbar_nav .nav_item .dropdown_link.open .iconfont::after {
		content: '-'
	}

	.head .navbar_box .nav_item .dropdown_link a {
		color: inherit
	}

	.head .navbar_box .nav_item.active .dropdown_link a,.head .navbar_box .nav_item:hover .dropdown_link a {
		color: #7f4428
	}

	.head .navbar_box .nav_item.active .dropdown_link a:before,.head .navbar_box .nav_item:hover .dropdown_link a:before {
		display: none
	}

	.head .navbar_box .nav_item .dropdown_menu,.head .navbar_box .nav_item:hover .dropdown_menu {
		display: none;
		position: unset;
		max-height: 5rem;
		overflow: auto
	}

	.head .navbar_box .nav_item .submen_list {
		display: block;
		max-width: 100%
	}

	.head .navbar_box .nav_item .submen_list li {
		padding: 0;
		width: 100%;
		border: 0;
		padding-top: .2rem
	}

	.head .navbar_box .nav_item .submen_list li:nth-child(-n+4) {
		padding-top: .2rem
	}

	.head .navbar_right {
		display: flex;
		padding-right: .15rem
	}

	.head .open .navbar_right .search_con2 {
		top: 18%
	}

	.footer {
		padding-bottom: .513rem
	}

	.footer .footer_head .auto-container {
		flex-direction: column;
		padding: .4rem 0
	}

	.footer .footer_head .left {
		max-width: 100%;
		margin-bottom: .2rem
	}

	.footer .foot_title {
		font-size: .24rem;
		margin-bottom: .2rem
	}

	.footer .footer_head .left .foot_cantact .item {
		margin-bottom: .2rem
	}

	.footer .footer_head .left .foot_cantact .item .text_box a,.footer .footer_head .left .foot_cantact .item .text_box p {
		font-size: .24rem
	}

	.footer .footer_head .left .foot_cantact .item .icon_box img {
		max-width: .35rem
	}

	.footer .footer_head .left .foot_share a img {
		max-width: .35rem
	}

	.footer .footer_head .main {
		display: none
	}

	.footer .footer_head .foot_form .foot_form_box .input {
		flex-direction: column
	}

	.footer .footer_head .foot_form .foot_form_box .input div {
		width: 100%;
		font-size: .18rem
	}

	.footer .footer_bottom .auto-container {
		flex-direction: column;
		line-height: inherit;
		font-size: .18rem;
		height: auto;
		min-height: .8rem;
		padding: .2rem 0
	}

	.footer .footer_bottom .left a,.footer .footer_bottom .left p,.footer .footer_bottom .right a {
		display: inline-block;
		font-size: .22rem;
		margin-bottom: .1rem
	}

	.additional-features {
		top: 45%;
		right: .1rem
	}

	.Home-banner {
		padding-top: .8rem
	}

	.section {
		padding-top: .4rem;
		padding-bottom: .4rem
	}

	.section .head_block .title {
		line-height: .36rem;
		font-size: .34rem
	}

	.index_pro_categories {
		padding-bottom: .2rem
	}

	.index_pro_categories .categories_box {
		flex-direction: column;
		padding-top: .3rem
	}

	.index_pro_categories .categories_left {
		width: 100%;
		display: flex;
		margin-right: 0;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: .2rem
	}

	.index_pro_categories .categories_left .item {
		width: 49.8%
	}

	.index_pro_categories .categories_left .item .text_box {
		font-size: .17rem
	}

	.index_pro_categories .categories_right .item>.categories_thumb_other {
		display: none
	}

	.index_pro_categories .categories_right .item>.categories_thumb_other p {
		color: #7f4428
	}

	.index_pro_categories .categories_right .item>.categories_thumb_other a {
		color: #7f4428
	}

	.index_pro_categories .categories_right .categories_swiper {
		position: unset;
		max-width: 100%
	}

	.index_pro_categories .categories_right .swiper-container {
		padding-bottom: .5rem
	}

	.index_pro_categories .categories_right .swiper-slide .item {
		padding: 0
	}

	.index_coupon .index_coupon_item .swiper-wrapper {
		padding-bottom: .3rem
	}

	.index_promote_pro {
		padding-top: 0
	}

	.index_promote_pro .promote_pro_box {
		padding-top: .3rem
	}

	.index_promote_pro .promote_pro_box .swiper-button-next,.index_promote_pro .promote_pro_box .swiper-button-prev {
		display: none
	}

	.index_top_ranking {
		padding-top: 0
	}

	.index_customer {
		padding-top: 0
	}

	.index_customer .index_customer_box {
		flex-wrap: wrap;
		padding-top: .3rem
	}

	.index_customer .index_customer_box .item {
		width: 100%;
		margin-bottom: .15rem
	}

	.index_customer .index_customer_box .item .text_box {
		max-width: 90%;
		padding: .2rem 0
	}

	.index_customer .index_customer_box .item .text_box p {
		font-size: .2rem;
		line-height: inherit
	}

	.index_about {
		padding-top: 0
	}

	.index_about .index_about_box {
		flex-direction: column-reverse
	}

	.index_about .index_about_box .left {
		width: 100%;
		float: unset;
		border-radius: .25rem;
		padding: .2rem
	}

	.index_about .index_about_box .left .index_about_head {
		max-width: 100%;
		margin-bottom: .2rem
	}

	.index_about .index_about_box .left .index_about_head .remark {
		font-size: .2rem;
		line-height: inherit
	}

	.index_about .index_about_box .left .index_about_data {
		max-width: 100%;
		padding-bottom: .4rem
	}

	.index_about .index_about_box .left .index_about_data .item {
		padding-right: .1rem
	}

	.index_about .index_about_box .left .index_about_data .item:nth-child(1) {
		width: 30%
	}

	.index_about .index_about_box .left .index_about_data .item:nth-child(3) {
		width: 30%
	}

	.index_about .index_about_box .left .index_about_data .item .remark {
		font-size: .18rem
	}

	.index_about .index_about_box .left a {
		font-size: .2rem
	}

	.index_about .index_about_box .left a p {
		display: inline-block;
		width: 85%;
		float: left
	}

	.index_about .index_about_box .right {
		width: 100%;
		margin-bottom: .15rem;
		position: relative
	}

	.index_about .index_about_box .right .img_box {
		border-radius: .25rem
	}

	.index_about .index_about_bottom {
		padding-top: .4rem;
		padding-bottom: 0
	}

	.index_about .index_about_bottom .index_about_bottom_title {
		padding: 0 .3rem;
		line-height: .28rem;
		font-size: .22rem;
		padding-bottom: .2rem
	}

	.index_appliance .index_appliance_box {
		padding-top: .4rem
	}

	.index_appliance .index_appliance_box .swiper-button-next,.index_appliance .index_appliance_box .swiper-button-prev {
		display: none
	}

	.index_appliance .index_appliance_box .swiper-wrapper {
		padding-bottom: .4rem
	}

	.index_appliance .index_appliance_box .item .title {
		font-size: .2rem
	}

	.index_case {
		padding-bottom: 0
	}

	.index_case .index_case_box .item {
		flex-direction: column
	}

	.index_case .index_case_box .item .img_box {
		width: 100%
	}

	.index_case .index_case_box .item .text_box {
		width: 100%;
		padding: .3rem
	}

	.index_case .index_case_box .swiper-container .index_case_icon img {
		max-width: 1.6rem
	}

	.index_case .index_case_box .swiper-button-next,.index_case .index_case_box .swiper-button-prev {
		display: none
	}

	.index_news {
		padding-top: 0
	}

	.index_news .index_news_box {
		margin-top: .2rem
	}

	.index_news .index_news_box .item .text_box .title {
		font-size: .22rem;
		line-height: inherit
	}

	.index_news .index_news_box .item .text_box .remark {
		font-size: .2rem;
		line-height: .26rem
	}

	.index_news .index_news_box .swiper-button-prev {
		left: 40%
	}

	.index_news .index_news_box .swiper-button-next {
		right: 40%
	}

	.index_advantage {
		padding: .2rem 0
	}

	.index_advantage .index_advantage_box {
		flex-wrap: wrap;
		padding: .25rem 0
	}

	.index_advantage .index_advantage_box .item {
		padding: 0;
		border: 0;
		margin-bottom: .2rem
	}

	.Home-banner .swiper-banner .swiper-pagination {
		bottom: .1rem
	}

	#myModal .modal-dialog {
		max-width: 95%;
		top: 7%!important
	}

	#popbox {
		padding-top: .3rem
	}

	.index_pro_categories .categories_right .swiper-slide .item .text_box .title {
		min-height: .48rem;
		font-size: .22rem
	}

	.index_pro_categories .categories_right .item .categories_thumb {
		margin-bottom: .2rem
	}
}

@media(max-width:768px) {
	.auto-container {
		width: 95%
	}

	.page-content .product-info .auto-container .row .textbox>h1 {
		font-size: .28rem
	}

	.page-content .content-box .list-content .list-box .item-box .textbox .remark {
		height: auto;
		-webkit-line-clamp: 100;
		font-size: .2rem;
	}

	.page-content {
		padding: 0
	}

	.page-content .content-box {
		display: unset
	}

	.page-content .content-box .list-content,.page-content .content-box .sidebar-box {
		width: 100%!important;
		padding: 0
	}

	.page-content .content-box .list-content .list-box {
		padding: .1rem
	}

	.page-content .content-box .list-content .list-box .product-item {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between
	}

	.page-content .content-box .list-content .list-box .product-item .imgbox,.page-content .content-box .list-content .list-box .product-item .text {
		width: 50%
	}

	.page-content .content-box .list-content .product-page .product-item .text {
		padding: .1rem .05rem;
		text-align: left
	}

	.page-content .content-box .list-content .list-box .product-item .imgbox .quote-button {
		top: .05rem;
		left: .05rem;
		right: unset;
		padding: .05rem .1rem;
		font-size: .2rem;
	}

	.page-content .product-info .auto-container .row .imgbox {
		padding: 0
	}

	.page-content .product-info .auto-container .row .imgbox .imagesbox .product-button img {
		margin-top: 75%
	}

	.page-content .content-box .list-content>div {
		padding: .1rem
	}

	.page-content .content-box .list-content .details-box .header span {
		font-size: .16rem;
		margin-right: .1rem
	}

	.page-content .content-box .list-content>div .header>span::after {
		bottom: -.195rem
	}

	.page-content .message-box .from .input {
		display: block
	}

	.page-content .message-box .from .input>div {
		width: 100%;
		margin-bottom: .2rem
	}

	.page-content .content-box .list-content .development .swiper .swiper-time .swiper-wrapper {
		width: 100%
	}

	.page-content .content-box .list-content .list-box .item-box .textbox {
		font-size: .14rem
	}

	.page-content .content-box .list-content .development .swiper .swiper-time .time-click,.page-content .content-box .list-content .development .swiper .swiper-time .time-pagination {
		display: none
	}

	.page-content .content-box .list-content .development .swiper .swiper-time {
		height: 7.2rem
	}

	.page-content .content-box .list-content .development .swiper .swiper-time .textbox h4 {
		font-size: 30px;
		margin: .1rem auto
	}

	.page-content .content-box .list-content .list-box .index-item {
		width: 100%
	}

	.page-content .content-box .list-content .list-box .right-item {
		display: flex;
		width: 100%;
		margin-top: .1rem;
		flex-wrap: wrap;
		justify-content: space-between
	}

	.page-content .content-box .list-content .list-box .right-item .item {
		position: relative;
		height: auto;
		width: 100%
	}

	.page-content .content-box .list-content .list-box .case-box {
		width: 100%
	}

	.page-content .content-box .list-content .case-box {
		padding-top: 0;
		padding-bottom: 0
	}

	.page-content .content-box .list-content .faq-item .wen .icon {
		width: 20%
	}

	.page-content .content-box .list-content .row .video-item .imgbox img.video_play {
		opacity: 1
	}

	.page-content .content-box .list-content .newpage .item-box {
		width: 100%;
		margin: 0
	}

	.page-content .content-box .list-content .list-box .item-box .textbox {
		padding: 5px
	}

	.page-content .content-box .list-content .list-box .item-box .textbox h3 {
		font-size: .24rem;
		margin-top: .1rem;
		height: auto;
		-webkit-line-clamp: 10
	}

	.page-content .content-box .list-content .list-box .item-box .textbox .other img {
		max-width: .3rem;
		margin-right: .1rem;
	}

	.page-content .content-box .list-content .list-box .item-box .textbox .other div {
		padding: 0;
		font-size: .18rem;
	}

	.page-content .content-box .post-info {
		width: 100%;
		padding: .1rem
	}

	.page-content .content-box .post-info .post-pagination p a {
		font-size: .22rem;
	}

	.page-content .message-box .from .submit input {
		font-size: .2rem;
	}

	.page-content .quotatio .quotation-box>div .message-box .from .submit {
		text-align: center
	}

	.page-content .quotatio .row #quotatio-product-list .quotatio-item .action {
		margin-top: .2rem
	}

	.page-content .quotatio .row #quotatio-product-list .quotatio-item .text {
		margin: .05rem .1rem
	}

	.page-content .content-box .list-content .video-page .video-item .textbox div {
		margin: 0
	}

	.page-content .content-box .list-content .download-item {
		padding: 0
	}

	.page-content .content-box .list-content .download-item .title {
		margin-top: .15rem
	}

	.page-content .content-box .list-content .download-item .textbox {
		margin-top: .1rem;
		padding-bottom: .25rem
	}

	.page-content .content-box .list-content .textbox .downloadbutton a {
		padding: .1rem
	}

	.page-content .content-box .list-content .download-item .textbox>.download,.page-content .content-box .list-content .download-item .textbox>.time {
		width: 50%
	}

	.page-content .content-box .list-content .download-item .textbox>.downloadbutton {
		width: 50%;
		margin-top: .25rem
	}

	.page-content .content-box .list-content .list-box .right-item .item:nth-child(2) {
		margin-top: .1rem
	}

	.page-content .content-box .list-content .list-box .product-item .text .remark {
		display: none
	}

	.page-content .content-box .list-content .about-info h1,.page-content .content-box .list-content>div .header h1 {
		font-size: .3rem!important
	}

	.page-content .content-box .list-content .factory-box .factory-swiper {
		width: 80%
	}

	.page-content .content-box .list-content .factory-box .swiper .factory-button {
		width: 7%
	}

	.page-content .content-box .list-content .factory-box .swiper .factory-button img {
		margin-top: 70%
	}

	.page-content .content-box .list-content .contactbox .contact-us {
		padding: 0 .15rem
	}

	.page-content .content-box .list-content .list-box .product-item .text h3 {
		-webkit-line-clamp: 3;
		font-size: .26rem;
	}

	.page-content .content-box .list-content .list-box .product-item .text .row {
		background: unset;
		width: 100%;
		padding: 0
	}

	.page-content .content-box .list-content .certifcate-list .certifcate-item .imgbox img,.page-content .content-box .list-content .list-box .product-item .text .row>div {
		padding: 0
	}

	.page-content .content-box .list-content .list-box .product-item .text .row span img {
		width: .2rem;
	}
	.page-content .content-box .list-content .row>div>span{
    font-size: .18rem;
}
	.page-content .content-box .sidebar-box .contactbox .business-swiper .row {
		padding-top: .1rem
	}

	.page-content .content-box .sidebar-box .contactbox .business-swiper .row div img.business-logo {
		width: 40%
	}

	.page-content .content-box .list-content .contactbox .contact-us .row .contact-item {
		margin-bottom: .1rem
	}

	.swiper-container-horizontal>.swiper-pagination-progress {
		top: unset;
		bottom: 0
	}

	.swiper-pagination-progress .swiper-pagination-progressbar {
		background: #eb6400
	}

	.page-content .content-box .list-content>div .header {
		padding: .15rem 0
	}

	.page-content .content-box .list-content .relation .swiper-relation .swiper-slide .row div span img {
		width: .12rem
	}

	.friends_links>div>div>div {
		width: 33.333%
	}

	.page-content .content-box .list-content .faq-item .da {
		padding-left: .9rem
	}

	.page-content .content-box .list-content .faq-item .wen .title {
		font-size: .18rem
	}

	.page-content .content-box .sidebar-box .category-box .category-item p a {
		padding: .15rem;
		display: block;
		font-size: .22rem;
	}
	.page-content .content-box .sidebar-box .likebox>p{
		font-size: .22rem;
	}
	.page-content .content-box .sidebar-box .likebox .like-swiper div h4{
		font-size:.22rem;
		line-height: inherit;
	}
	.inside-header .inside-nav>a>img,
	.page-content .product-info .auto-container .row .textbox .other span img{
		max-width: .2rem;
	}
	.index_case .index_case_box .item .text_box a p,
	.index_coupon .index_coupon_item .item .coupon_code_box .coupon_btn,
	.index_coupon .index_coupon_item .item .coupon_code_box .coupon_code,
	.index_coupon .index_coupon_item .item .coupon_remark,
	.index_coupon .index_coupon_item .item .item_head .coupon_time,
	.index_news .index_news_box .item .text_box .other .time,
	.index_news .index_news_box .item .text_box .other a,
	.index_pro_categories .categories_left .item .text_box,
	.index_pro_categories .categories_right .swiper-slide .item .quote-button,
	.index_pro_categories .categories_right .swiper-slide .item .text_box .remark,
	.inside-header .inside-nav>a,
	.page-content .message-box .from .input input, 
	.page-content .message-box .from textarea,
	.page-content .content-box .post-info .header>p>span{
		font-size: .18rem;
		line-height: inherit;
	}
	
	.index_advantage .index_advantage_box .item .text_box .remark,
	.index_case .index_case_box .item .text_box .remark,
	.index_promote_pro .promote_pro_box .item .text_box .title,
	.index_top_ranking .top_ranking_box .item .text_box .title,
	.section .head_block .remark,
	.page-content .content-box .sidebar-box .contactbox .business-swiper .row div h4,
	.page-content .product-info .auto-container .row .textbox .other span,
	.page-content .product-info .auto-container .row .textbox,
	.page-content .content-box .list-content .list-box .index-item a .text p{
		font-size: .2rem;
		line-height: inherit;
	}
	.page-content .content-box .sidebar-box .category-box .category-item ul li,
	.page-content .quotatio .row #quotatio-product-list .quotatio-item .text h3{
		font-size: .22rem;
		line-height: inherit;
	}
	.index_advantage .index_advantage_box .item .text_box .title,
	.page-content .content-box .sidebar-box .contactbox .contactinfo p.textbox,
	.page-content .content-box .list-content .details-box .header span,
	.page-content .content-box .list-content>div .header>span{
		font-size: .24rem;
		line-height: inherit;
	}
	.page-content .content-box .sidebar-box .contactbox .contactinfo p{
		margin-bottom: .2rem;
	}
	.page-content .product-info .auto-container .row .textbox > p a{
		font-size:.22rem !important;
		line-height: inherit;
	}
	
	.index_case .index_case_box .item .text_box .title,
	.index_customer .index_customer_box .item .text_box h3,
	.page-content .content-box .sidebar-box .contactbox .contactinfo p,
	.page-content .content-box .list-content .list-box .index-item .text h4,
	.page-content .content-box .list-content .list-box .right-item .item a h4{
		font-size: .26rem;
		line-height: inherit;
	}
	.page-content .content-box .sidebar-box .contactbox .business-swiper .row div a,
	.page-content .quotatio>p,
	.page-content .quotatio .quotation-box div .action,
	.page-content .quotatio .quotation-box>div .message-box .checktext span,
	.page-content .quotatio .quotation-box>div .message-box .checktext .text{
        font-size: .2rem;
		line-height: inherit;
    }
	.page-content .content-box .post-info .header>h1,
	.page-content .quotatio>h1{
		font-size: .3rem;
	}
	.index_coupon .index_coupon_item .item .coupon_code_box .coupon_code {
		width: 2rem
	}
    .index_coupon .index_coupon_item .swiper-slide{
        height: auto;
    }
	.index_customer .index_customer_box .item .img_box img{
		min-height: 4rem
	}
	.page-content .product-info .auto-container .row .textbox .share-box a img,
	.page-content .content-box .post-info .header>p>span>img{
		max-width: .35rem;
	}
	.page-content .content-box .post-info .post-pagination p a img{
		max-width: .25rem;
	}
	.page-content .content-box .sidebar-box .contactbox .business-swiper{
		height:2.2rem;
	}
	.page-content .quotatio .row #quotatio-product-list .quotatio-item .text h3{
		-webkit-line-clamp: 3;
		line-height: initial;
	}
	.page-content .quotatio .quotation-box>div .message-box{
		padding:.15rem;
	}
	.page-content .quotatio .quotation-box>div .message-box .checktext{
		flex-direction: column;
	}
	.page-content .quotatio .quotation-box>div .message-box .checktext .buttom{
    margin-bottom: .2rem;
}
}