@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(min-width:1081px) {
	.head .c-style2 .navbar_box .navbar_nav .nav_item .dropdown_link a {
		line-height: 70px;
		overflow: hidden;
		display: block
	}
	.head .c-style2 .navbar_box .navbar_nav .nav_item .dropdown_link a>b {
		padding: 5px 0;
		transition: all .5s
	}
	.head .c-style2 .navbar_box .navbar_nav .nav_item .dropdown_link a>b:first-child {
		margin-top: 0;
		display: block
	}
	.head .c-style2 .navbar_box .navbar_nav .nav_item .dropdown_link a>b:last-child {
		margin-bottom: -30px;
		display: block
	}
	.head .c-style2 .navbar_box .navbar_nav .nav_item .dropdown_link a:hover>b:first-child {
		margin-top: -30px
	}
	.head .c-style2 .navbar_box .navbar_nav .nav_item .dropdown_link a:hover>b:last-child {
		margin-bottom: 0
	}
	.head .navbar_box .navbar_nav .nav_item.active .dropdown_link a {
		position: relative;
		line-height: 70px
	}
	.head .navbar_box .navbar_nav .nav_item.active .dropdown_link a:after,.head .navbar_box .navbar_nav .nav_item:hover .dropdown_link a:after {
		display: none;
		content: '';
		width: 28px;
		height: 8px;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 10px;
		margin: auto;
		background: url(../images/topactive-ico.png) center/cover no-repeat
	}
}
@media(max-width:1800px) {
	.about-box .about-con .about-left {
		padding: 0 8%
	}
	.about-box .about-con .about-left .indextitle-box p {
		margin-bottom: 3%
	}
	.about-box .about-con .about-left .numbox {
		margin: 5% 0
	}
	.cert-box .cert-prev,.news-box .news-prev,.show-box .show-prev {
		left: 2vw
	}
	.cert-box .cert-next,.news-box .news-next,.show-box .show-next {
		right: 2vw
	}
	.case-box .position-box {
		width: 30%;
		height: 90%;
		top: 2%;
		padding: 3%
	}
}
@media(max-width:1680px) {
	.head .navbar_logo {
		width: 30%
	}
	.head .navbar_logo .logo_text {
		font-size: 12px;
		line-height: 20px
	}
	.head .navbar_logo .logo_icon {
		width: 200px
	}
	.head .navbar_box .navbar_nav .nav_item .dropdown_link a {
		font-size: 16px;
		line-height: 70px
	}
	.head .navbar_box .navbar_nav .nav_item {
		line-height: 60px;
		padding-right: 40px
	}
	.head .navbar_right .navbar_group .icosearch {
		margin-right: 20px;
		width: 30px
	}
	.header__right__btn {
		width: 100px;
		line-height: 36px
	}
	.auto-container {
		width: 80%
	}
	.index-title {
		font-size: 36px
	}
	.head nav {
		height: 80px;
		padding: 0 30px
	}
	.head .navbar_box .navbar_nav .nav_item.product-nav .dropdown_menu .submen_list {
		width: 16%;
		margin-left: 3%
	}
	.head .navbar_box .navbar_nav .nav_item.product-nav .dropdown_menu .product-three {
		width: 81%
	}
	.head .navbar_box .navbar_nav .nav_item.product-nav .dropdown_menu .product-three .three-list>div {
		width: 13%;
		margin-right: 3%
	}
	.head .navbar_box .navbar_nav .nav_item.product-nav .dropdown_menu .submen_list>li>a {
		margin-bottom: 12%
	}
	.head .navbar_box .navbar_nav .nav_item.product-nav .dropdown_menu .product-three .three-list>a {
		left: 28%
	}
	.head .navbar_box .navbar_nav .nav_item.product-nav .dropdown_menu .product-three .three-list>div>a p {
		font-size: 14px
	}
	.indextitle-box h2 {
		font-size: 36px;
		margin-bottom: 10px
	}
	.about-box .about-con .about-left>p {
		font-size: 16px;
		line-height: 26px
	}
	.about-box .about-con .about-left .numbox>div h3 {
		font-size: 26px
	}
	.about-box .about-con .about-left .numbox>div {
		width: 18%;
		font-size: 14px;
		line-height: 16px
	}
	.case-box .position-box .case-item h3 {
		font-size: 22px;
		line-height: 28px
	}
	.case-box .position-box .case-item p {
		font-size: 16px;
		line-height: 22px;
		margin: 15px 0
	}
	.case-box .position-box {
		padding: 4% 2%
	}
	.case-box .position-box .case-item a {
		height: 46px;
		line-height: 33px;
		margin: 10px 0
	}
}
@media(max-width:1500px) {
	.head .navbar_box .navbar_nav .product_category .submen_list {
		max-width: 1200px
	}
	.head .navbar_box .navbar_nav .product_category .submen_list li {
		min-width: 240px;
		padding-top: 20px
	}
	.head .navbar_box .navbar_nav .product_category .submen_list .head_icon img {
		height: 25px
	}
	.head .navbar_box .navbar_nav .product_category .submen_list p {
		line-height: inherit;
		font-size: 14px;
		margin-bottom: 5px
	}
	.head .navbar_box .navbar_nav .nav_item .submen_list a {
		font-size: 12px;
		padding: 5px
	}
	.head .navbar_box .navbar_nav .product_category .submen_list a {
		font-size: 12px;
		line-height: 22px;
		padding: 0
	}
	.head .navbar_right .navbar_group .icosearch {
		margin-right: 10px
	}
	.head .navbar_logo {
		width: 40%
	}
	.head .navbar_logo .logo_icon {
		width: 150px
	}
	.head .navbar_right .navbar_group .icosearch {
		width: 22px;
		margin-right: 20px
	}
	.head .navbar_right .search_con2 {
		height: 40px
	}
	.head .navbar_right .search_con2 .search_input input {
		height: 40px;
		line-height: 40px;
		font-size: 12px
	}
	.head .navbar_right .search_con2 .search_input .search_btn {
		width: 20px;
		height: 20px;
		right: 10px;
		line-height: 35px
	}
	.head .navbar_right .search_con2 .moblie_search_close img {
		width: 20px;
		margin-top: 5px
	}
	.head .navbar_right .search_con2 .search_input {
		margin-right: 20px
	}
	.header__right__btn {
		font-size: 12px;
		width: 90px;
		line-height: 24px
	}
	.footer .left .left_head .item:nth-child(1) .item_title {
		font-size: 22px;
		line-height: 28px
	}
	.case-box .position-box {
		padding: 2%;
		width: 35%;
		top: 5%;
		height: 80%
	}
	.case-box .position-box .case-item h3 {
		font-size: 20px;
		line-height: 26px
	}
	.case-box .position-box .case-item p {
		font-size: 14px;
		line-height: 20px;
		margin: 10px 0
	}
	.case-box .position-box .case-item a {
		height: 40px;
		line-height: 26px;
		margin: 5px 0;
		font-size: 14px
	}
	.case-box .position-box .case-item {
		padding-bottom: 10px
	}
	.case-box .position-box .case-product-box .box1 {
		font-size: 16px;
		margin: 10px 0
	}
	.case-box .position-box .case-swiper .case-product-box .box2 {
		height: 70px
	}
	.case-box .position-box .case-swiper .case-product-box .box2 p {
		padding: 5px;
		height: 58px;
		font-size: 14px;
		line-height: 22px
	}
}
@media(max-width:1400px) {
	:root {
        --font-size-f-14: .12rem;
        --font-size-f-16: .14rem;
        --font-size-f-18: .16rem;
        --font-size-f-20: .18rem;
        --font-size-f-22: .20rem;
        --font-size-f-24: .22rem;
        --font-size-f-26: .24rem;
        --font-size-f-28: .26rem;
        --font-size-f-30: .28rem;
        --font-size-f-32: .30rem;
        --font-size-f-34: .32rem;
        --font-size-f-36: .34rem;
        --font-size-f-38: .36rem;
        --font-size-f-40: .38rem;
        --font-size-f-42: .40rem;
        --font-size-f-44: .42rem;
        --font-size-f-46: .44rem;
        --font-size-f-48: .46rem;
        --font-size-f-50: .48rem;
    }
    html {
        font-size: calc(100vw/14)
    }
	.head .navbar_box .navbar_nav .nav_item .dropdown_link a {
		line-height: 70px
	}
	.head .navbar_box .navbar_nav .nav_item.product-nav .dropdown_menu .submen_list>li>a {
		margin-bottom: 20px;
		font-size: 14px
	}
	.head .navbar_box .navbar_nav .nav_item.product-nav .dropdown_menu .product-three .three-list>div>a p {
		font-size: 12px;
		line-height: 18px;
		margin-top: 10px
	}
	.head .navbar_box .navbar_nav .nav_item.product-nav .dropdown_menu {
		min-height: 300px
	}
	.head nav {
		height: 60px
	}
	.head .c-style2 .navbar_box .navbar_nav .nav_item .dropdown_link a>b:first-child {
		font-size: 14px
	}
	.head .navbar_box .navbar_nav .nav_item .dropdown_link a,.head .navbar_logo .logo_text {
		font-size: 14px;
	}
	.footer .left {
		padding-top: 5%
	}
	.footer .right p {
		font-size: 22px
	}
	.footer .right .input div input {
		height: 40px;
		line-height: 40px;
		font-size: 14px
	}
	.footer .right .textarea textarea {
		height: 120px
	}
	.footer .right .submit .btn_effect1 {
		width: 120px;
		height: 40px;
		line-height: 40px;
		font-size: 16px
	}
	.footer .right .submit .btn_effect1 span {
		font-size: 16px;
		line-height: 36px
	}
	.footer .right {
		padding: 3%
	}
	.footer>div:last-child {
		padding: 10px 0!important
	}
	.foot_bottom a {
		margin-left: 20px;
		font-size: 14px
	}
	.about-box .about-con .about-left {
		padding: 0 8% 0 3%
	}
	.Home-banner .banner_btn a{
	        padding: 5px 10px;
        font-size: 16px;
	}
	.indextitle-box h2 {
		font-size: 30px;
		margin-bottom: 5px
	}
	.about-box .about-con .about-left>p {
		font-size: 14px;
		line-height: 22px
	}
	.about-box .about-con .about-left .numbox>div {
		font-size: 16px;
		line-height: 14px
	}
	.about-box .about-con .about-left .numbox>div h3 {
		font-size: 22px;
		margin-bottom: 5px
	}
	.about-box .about-con .about-left>a {
		width: 120px;
		height: 40px;
		line-height: 30px;
		font-size: 12px
	}
	.about-box .about-con .about-left>a b {
		font-size: 20px
	}
	.product-box .pcategory-box .pcategory-list .pcategory-item a>span {
		font-size: 14px
	}
	.product-box .hot-product-box .hot-product-list .hot-product-item {
		padding: 20px
	}
	.product-box .hot-product-box .hot-product-list .hot-product-item>a .textbox h3 {
		font-size: 16px;
		line-height: 22px
	}
	.product-box .hot-product-box .hot-product-list .hot-product-item>a .textbox p {
		font-size: 14px;
		line-height: 18px;
		margin: 10px 0
	}
	.product-box .hot-product-box .hot-product-list .hot-product-item>span {
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		margin-top: 15px
	}
	.news-box .news-swiper .swiper-slide .textbox h3 a {
		font-size: 18px;
		line-height: 26px
	}
	.news-box .news-swiper .swiper-slide .textbox p {
		font-size: 14px;
		line-height: 22px
	}
}
@media(max-width:1366px) {
	.head .navbar_box .navbar_nav .nav_item {
		padding-right: 25px
	}
	.cert-box .auto-container,.news-box .auto-container,.show-box .auto-container {
		width: 80%
	}
	.cert-box .swiper-button,.news-box .swiper-button,.show-box .swiper-button {
		width: 40px;
		height: 40px;
		font-size: 40px;
		line-height: 28px
	}
}
@media(max-width:1280px) {
	.about-box .about-con .about-left .numbox {
		margin: 20px 0
	}
}
@media(max-width:1263px) {
	.head .navbar_box .navbar_nav .nav_item .dropdown_link a,.head .navbar_logo .logo_text {
		font-size: 14px;
		line-height: 70px
	}
	.head .navbar_logo {
		max-width: 400px
	}
	.head .navbar_logo .logo_text {
		display: none
	}
	.head .navbar_logo .logo_icon {
		width: 160px;
		border-right: none
	}

}
@media(max-width:1080px) {
	.head .c-style2 .navbar_box .navbar_nav .nav_item .dropdown_link a>b:last-child {
		display: none
	}
	.head .navbar_logo .logo_text {
		display: none
	}
	.head .navbar_logo .logo_icon {
		width: 100%;
		padding: 10px 0;
		border: 0
	}
	.head .open .navbar_logo {
		opacity: 0
	}
	.head .navbar_logo .logo_icon img {
		height: 40px
	}
	.head .navbar_right .c_switch {
		display: block;
		width: 30px;
		height: 30px;
		margin-left: 10px
	}
	.head .navbar_right .c_switch i {
		background: #e60012
	}
	.head .navbar_right .c_switch.open i:nth-child(1) {
		top: 9px;
		-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: 9px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}
	.head .c-style2 .navbar_box .navbar_nav .nav_item.active .dropdown_link::after,.head .navbar_box .navbar_nav .nav_item.active .dropdown_link a::after,.head .navbar_box .navbar_nav .nav_item:hover .dropdown_link::after {
		display: none
	}
	.head .navbar_box .navbar_nav .nav_item .dropdown_menu {
		position: unset
	}
	.head .navbar_box .navbar_nav .nav_item.product_category .dropdown_menu {
		background: 0 0
	}
	.head .navbar_box {
		display: none;
		position: fixed;
		top: 60px;
		bottom: 0;
		width: 100%;
		background-color: rgba(0,0,0,.7);
		transition: all .5s;
		border-top: 1px solid #c8d1e1;
		border-bottom: 1px solid #c8d1e1
	}
	.head .navbar_box .navbar_nav {
		display: unset;
		position: absolute;
		width: 100%;
		top: 0;
		background: #fff;
		padding: 20px;
		overflow-x: hidden;
		max-height: 500px;
		overflow-y: auto
	}
	.head .navbar_box .navbar_nav .nav_item {
		line-height: initial;
		border: 0;
		padding-right: 0
	}
	.head .navbar_box .navbar_nav .nav_item .dropdown_link a {
		color: #222;
		display: block;
		line-height: 40px;
		font-size: 18px;
	}
	.head .navbar_box .navbar_nav .nav_item.active {
		border: 0
	}
	.head nav {
		padding: 0
	}
	.head .navbar_logo {
		padding-left: 15px
	}
	.head .navbar_right {
		padding-right: 15px
	}
	.head .navbar_right .search_con2 {
		width: 100%
	}
	.head .navbar_right .search_con2 .search_input {
		width: 85%
	}
	.head .navbar_right .search_con2 .search_input input {
		font-size: 14px
	}
	.head .navbar_right .search_con2 .moblie_search_close,.head .navbar_right .search_con2 .search_input .search_btn img {
		width: 15px;
		height: 15px
	}
	.head .navbar_box .navbar_nav .nav_item .dropdown_link .iconfont {
		display: block;
		position: absolute;
		top: 2px;
		right: 0;
		font-size: 22px;
		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 {
		position: relative
	}
	.head .navbar_box .navbar_nav .nav_item:hover .dropdown_menu {
		display: none
	}
	.head .navbar_box .navbar_nav .product_category .submen_list {
		display: block;
		position: unset;
		width: 100%;
		padding: 10px 0
	}
	.head .navbar_box .navbar_nav .nav_item .submen_list li {
		min-width: 100%;
		width: 100%;
		border: 0;
		padding: 0
	}
	.head .navbar_box .navbar_nav .nav_item .submen_list li .submen_head {
		position: relative
	}
	.head .navbar_box .navbar_nav .nav_item .submen_list li .submen_head.open .iconfont:after {
		content: '-'
	}
	.head .navbar_box .navbar_nav .nav_item .submen_list a {
		padding: 0;
		line-height: 30px;
		padding-left: 10px;
		font-size: 16px;
		font-family: 'segoeuib';
	}
	.head .navbar_box .navbar_nav .nav_item .dropdown_link.open .iconfont::after {
		content: '-'
	}
	.head .navbar_box .navbar_nav .nav_item .submen_list .head_icon {
		display: none
	}
	.head .navbar_box .navbar_nav .product_category .submen_list .submen_head a {
		margin-bottom: 0;
		text-align: left;
		padding-left: 10px;
		display: inline-block;
		position: relative;
		line-height: 30px;
		font-size: 14px
	}
	.head .navbar_box .navbar_nav .product_category .submen_list .submen_head .iconfont {
		display: inline-block;
		position: absolute;
		top: 0;
		right: 0;
		width: 20px;
		text-align: center
	}
	.head .navbar_box .navbar_nav .product_category .submen_list .submen_head .iconfont:after {
		display: block;
		content: '+';
		font-style: normal;
		font-size: 20px;
		font-weight: 700
	}
	.head .navbar_box .navbar_nav .nav_item .submen_list .head_children a {
		padding-left: 20px
	}
	.head .navbar_box .navbar_nav .nav_item .submen_list {
		position: unset;
		width: 100%;
		border-bottom: 0;
		padding: 10px 0
	}
	.head .navbar_box .navbar_nav .nav_item.product-nav {
		padding-top: 0
	}
	.head .navbar_box .navbar_nav .nav_item.product-nav .dropdown_menu .submen_list {
		width: 100%
	}
	.head .navbar_box .navbar_nav .nav_item.product-nav .dropdown_menu .product-three,.head .navbar_box .navbar_nav .nav_item.product-nav .dropdown_menu .product-three .three-list>a {
		display: none
	}
	.head .navbar_box .navbar_nav .nav_item.product-nav .dropdown_menu .submen_list>li>a {
		margin-bottom: 16px;font-size: 16px;
	}
}
@media(max-width:991px) {
	.head .navbar_right .navbar_group .icosearch img {
		filter: unset
	}
	.head .navbar_right .navbar_group .btn_inquiry {
		color: #222;
		border-color: #222;
		line-height: 30px
	}
	.Home-banner .banner_btn{display:none}
	
	.index_banner,.page-banner,.pages-banner {
		margin-top: 62px
	}
	.index_banner .indexSwiper .swiper-pagination {
		bottom: 5px
	}
	.head .navbar_right .navbar_group .header_inquiry {
		border-color: #143cb4
	}
	.case-box .banner,.case-box .banner .swiper-slide {
		height: 550px
	}
	.case-box .position-box {
		padding: 30px;
		width: 90%;
		top: 5%;
		height: 85%;
		left: 5%;
		background: url(/res/magic/images/casebg.png) left bottom/100% 100% no-repeat
	}
}
@media(max-width:768px) {
	.head .navbar_right .navbar_group .icosearch .icon-sousuo {
		color: #222
	}
	.head .navbar_right .search_con2 .moblie_search_close img {
		margin-top: 0
	}
	.head .navbar_right .search_con2 .search_input input {
		margin-left: 10px
	}
	.head .navbar_right .c_switch {
		display: block;
		width: 30px;
		height: 30px;
		margin-left: 20px;
		margin-top: 8px
	}
	.head .navbar_box .navbar_nav .nav_item:hover .dropdown_menu {
		border-top: none;
		min-height: auto;
		margin: 0 10px
	}
	.head .navbar_logo .logo_icon {
		padding: 0;
		margin: 0
	}
	.head .navbar_logo .logo_icon img {
		width: 160px;
		height: auto
	}
	.head .c-style2 .navbar_right .c_switch i {
		background: #e60012
	}
	.head .navbar_box .navbar_nav .nav_item.product-nav .dropdown_menu {
		border-top: none
	}
	.head .navbar_box .navbar_nav .nav_item .submen_list li.active>a {
		color: #222!important
	}
	.header__right__btn:before {
		display: none
	}
	.head .navbar_box .navbar_nav .nav_item.product-nav .dropdown_menu {
		padding-top: 0;
		width: 100%;
	}
	.index_banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
		margin-bottom: 0
	}
	.index_banner .swiper-pagination-bullet-active:after {
		width: 16px;
		height: 16px;
		left: -5px;
		top: -5px
	}
	.home_banner {
		margin-top: 60px
	}
	.foot_bottom a {
		margin-left: 0;
		font-size: 12px;
		margin-right: 10px
	}
	.foot_bottom .foot_sitemap {
		float: left
	}
	.product-box .pcategory-box .pcategory-list .pcategory-item {
		width: 49%;
		margin-bottom: 2%
	}
	.product-box .hot-product-box .hot-product-list .hot-product-item {
		width: 49%;
		margin-bottom: 2%;
		padding: 10px
	}
	.about-box .about-con {
		position: static
	}
	.about-box .about-con .about-left {
		width: 100%
	}
	.about-box .about-con .about-right img:first-child {
		width: 40px;
		height: auto
	}
	.about-box .about-con .about-right img:last-child {
		width: 80px;
		height: auto
	}
	.about-box .about-con .about-right {
		position: absolute;
		width: 100%;
		top: 10%
	}
	.about-box .about-con .about-left {
		padding: 20px;
		background: #222
	}
	.about-box .about-con .about-left .numbox>div h3 {
		font-size: 18px
	}
	.indextitle-box h2 {
		font-size: 24px
	}
	.indextitle-box p {
		font-size: 14px;
		line-height: 20px
	}
	.about-box .about-con .about-left>img {
		margin: 0
	}
	.about-box .about-con .about-left .numbox>div {
		width: 29%;
		margin-bottom: 10px
	}
	.about-box .about-con .about-left .numbox {
		flex-wrap: wrap;
		justify-content: left
	}
	.factory-box .index_factory_list>div {
		width: 49%;
		margin-bottom: 2%
	}
	.factory-box .index_factory_list>div:nth-child(-n+3) {
		width: 49%
	}
	.factory-box .index_factory_list>div:last-child{
	    width: 100%;
	}
	.show-box .auto-container {
		width: 70%
	}
	.cert-box .cert-swiper .swiper-slide {
		text-align: center
	}
	.cert-box .cert-swiper img {
		width: 90%!important;
		margin: auto
	}
	.cert-box .cert-swiper p {
		margin-top: 10px;
		margin-bottom: 20px
	}
	.choose-box .choose-list {
		flex-wrap: wrap
	}
	.choose-box .choose-list .choose-item {
		width: 49%;
		margin-bottom: 2%;
		padding: 20px 10px
	}
	.choose-box .choose-list .choose-item h3 {
		font-size: 16px;
		line-height: 22px;
		margin-bottom: 10px;
		margin-top: 10px
	}
	.choose-box .choose-list .choose-item p {
		font-size: 12px;
		line-height: 22px
	}
	.news-box .news-swiper {
		width: 90%
	}
	.news-box .news-swiper .one-item h3 {
		margin: 10px 0
	}
	.news-box .news-swiper .swiper-slide .textbox p {
		margin-bottom: 10px
	}
	.news-box .news-swiper .two-item h3 {
		margin: 10px 0
	}
	.news-box .news-swiper .two-item .textbox {
		margin-bottom: 10px
	}
	.news-box {
		padding-bottom: 0
	}
}
@media(max-width:640px) {
	.head nav {
		top: 0;
		width: 100%;
		border-radius: 0;
		border-bottom: 1px solid #eee
	}
	.home_banner {
		padding-bottom: 0
	}
	.home_banner .crumbs {
		bottom: 10px
	}
	.home_banner .crumbs a {
		font-size: 14px
	}
	.about-box .about-left::before {
		font-size: 60px
	}
	.xh-box .download-box .down-list .down-item {
		flex-wrap: wrap
	}
	.xh-box .download-box .down-list .down-item>div:last-child {
		width: 100%
	}
	.xh-box .download-box .down-list .down-item>div:last-child>a {
		float: left;
		margin-left: 0;
		margin-right: 10px;
		margin-top: 10px;
		font-size: 12px
	}
	.xh-box .download-box .down-list .down-item>div:last-child>a img {
		margin-top: 0
	}
	.upload-wrap {
		width: 50%
	}
}
@media (max-width:1400px) {
    .inside-header{}
.inside-header .inside-nav{}
.inside-header .inside-nav>a{}
.inside-header .inside-nav>a>img{}
.Home-banner img{}
.page-content{}
.page-content .content-box{}
.page-content .content-box .list-content{}
.inside-pagination{}
.inside-pagination ul li a{}
.inside-pagination ul li a.active,.inside-pagination ul li a:hover,.inside-pagination ul li.active a{}
.inside-pagination ul li{}
.inside-pagination ul li.dump{}
.inside-pagination ul li.dump #dumppage{}
.inside-pagination ul li.dump span{}
.inside-pagination ul li>a>img{}
.inside-pagination ul li.pre-page>a>img{}
.inside-pagination ul li:hover>a>img{}
.page-content .content-box .list-content .lastbox{}
.page-content .content-box .sidebar-box{}
.page-content .content-box .sidebar-box .category-box .category-item{
}
.page-content .content-box .sidebar-box .category-box .category-item p{}
.page-content .content-box .sidebar-box .category-box .category-item p a{}
.page-content .content-box .sidebar-box .category-box .category-item p>i.child-button::before{}
.page-content .content-box .sidebar-box .category-box .category-item p.active>i.child-button::before,.page-content .content-box .sidebar-box .category-box .category-item:hover p>i.child-button::before{}
.page-content .content-box .sidebar-box .category-box .category-item p.active,.page-content .content-box .sidebar-box .category-box .category-item p:hover{}
.page-content .content-box .sidebar-box .category-box .category-item p.active a,.page-content .content-box .sidebar-box .category-box .category-item p:hover a{}
.page-content .content-box .sidebar-box .category-box .category-item .childbox{}
.page-content .content-box .sidebar-box .category-box .category-item ul{}
.page-content .content-box .sidebar-box .category-box .category-item ul li{
}
.page-content .content-box .sidebar-box .category-box .category-item ul li a{}
.page-content .content-box .sidebar-box .category-box .category-item ul li.active,.page-content .content-box .sidebar-box .category-box .category-item ul li.active a,.page-content .content-box .sidebar-box .category-box .category-item ul li:hover,.page-content .content-box .sidebar-box .category-box .category-item ul li:hover a{}
.page-content .content-box .sidebar-box .likebox{}
.page-content .content-box .sidebar-box .likebox>p{}
.page-content .content-box .sidebar-box .likebox>p>img{}
.page-content .content-box .sidebar-box .likebox .like-swiper{}
.page-content .content-box .sidebar-box .likebox .like-swiper .product-item>div:nth-child(2){}
.page-content .content-box .sidebar-box .likebox .like-swiper .imgbox{}
.page-content .content-box .sidebar-box .likebox .like-swiper div>img{}
.page-content .content-box .sidebar-box .likebox .like-swiper div h4{
    line-height: normal;
}
.page-content .content-box .sidebar-box .likebox .like-swiper div span img{}
.page-content .content-box .sidebar-box .likebox .like-swiper div>a>h4{}
.page-content .content-box .sidebar-box .likebox .like-swiper div>a>h4:hover{}
.page-content .content-box .sidebar-box .likebox .like-swiper .post-item{}
.page-content .content-box .sidebar-box .likebox .like-swiper .post-item div{}
.page-content .content-box .sidebar-box .likebox .like-swiper .post-item div img{}
.page-content .content-box .sidebar-box .contactbox{}
.page-content .content-box .sidebar-box .contactbox .contactinfo{}
.page-content .content-box .sidebar-box .contactbox .contactinfo p{}
.page-content .content-box .sidebar-box .contactbox .contactinfo p>img{}
.page-content .content-box .sidebar-box .contactbox .contactinfo p.textbox{}
.page-content .content-box .sidebar-box .contactbox .businessbox{}
.page-content .content-box .sidebar-box .contactbox .business-swiper{
    height: 2rem;
}
.page-content .content-box .sidebar-box .contactbox .business-swiper .row{}
.page-content .content-box .sidebar-box .contactbox .business-swiper .row div img.business-logo{}
.page-content .content-box .sidebar-box .contactbox .business-swiper .row div h4{}
.page-content .content-box .sidebar-box .contactbox .business-swiper .row div a{}
.page-content .content-box .sidebar-box .contactbox .business-swiper .row div a span{}
.page-content .content-box .sidebar-box .contactbox .business-swiper .row div a span img{}
.page-content .content-box .list-content .list-box{}
.page-content .content-box .list-content .newpage{}
.page-content .content-box .list-content .list-box .item-box{}
.page-content .content-box .list-content .list-box .item-box .imgbox img{}
.page-content .content-box .list-content .list-box .item-box .textbox{}
.page-content .content-box .list-content .list-box .item-box .textbox h3{}
.page-content .content-box .list-content .list-box .item-box:hover .textbox h3{}
.page-content .content-box .list-content .list-box .item-box .textbox .remark{}
.page-content .content-box .list-content .list-box .item-box .textbox .other{}
.page-content .content-box .list-content .list-box .item-box .textbox .other img{}
.page-content .content-box .post-info{}
.page-content .content-box .post-info .header{}
.page-content .content-box .post-info .header>h1{}
.page-content .content-box .post-info .header>p{}
.page-content .content-box .post-info .header>p>span{}
.page-content .content-box .post-info .header>p>span>img{}
.page-content .content-box .post-info li,.page-content .content-box .post-info ul{}
.page-content .content-box .post-info .content{}
.page-content .content-box .post-info .content p{}
.page-content .content-box .post-info .post-pagination p{}
.page-content .content-box .post-info .post-pagination p a{}
.page-content .content-box .post-info .post-pagination p a img{}
.page-content .content-box .post-info .post-pagination p a.prev-page img{}
.page-content .content-box .post-info .post-pagination p a:hover{}
.page-content .content-box .post-info .post-pagination p a:hover img{}
.page-content .content-box .list-content .product-page{}
.page-content .content-box .list-content .list-box .product-item{}
.page-content .content-box .list-content .list-box .product-item .imgbox{}
.page-content .content-box .list-content .list-box .product-item .imgbox .quote-button{}
.page-content .content-box .list-content .list-box .product-item .imgbox img{}
.page-content .content-box .list-content .list-box .product-item .text{}
.page-content .content-box .list-content .list-box .product-item .text h3{}
.page-content .content-box .list-content .list-box .product-item .text .remark{
}
.page-content .content-box .list-content .list-box .product-item .text .row{}
.page-content .content-box .list-content .list-box .product-item .text .row span img{}
.page-content .content-box .list-content .faq-item{}
.page-content .content-box .list-content .faq-item .wen{}
.page-content .content-box .list-content .faq-item .wen div{}
.page-content .content-box .list-content .faq-item .wen .icon{}
.page-content .content-box .list-content .faq-item .active,.page-content .content-box .list-content .faq-item .active .icon,.page-content .content-box .list-content .faq-item .wen:hover,.page-content .content-box .list-content .faq-item .wen:hover .icon{}
.page-content .content-box .list-content .faq-item .wen .title{}
.page-content .content-box .list-content .faq-item .da{}
.page-content .content-box .list-content .row{}
.page-content .content-box .list-content .row>div{}
.page-content .content-box .list-content .row>div>span{}
.page-content .content-box .list-content .row>div>span img{}
.page-content .content-box .list-content .row .video-item .imgbox{}
.page-content .content-box .list-content .row .video-item .imgbox img.cover{}
.page-content .content-box .list-content .row .video-item .imgbox::after{}
.page-content .content-box .list-content .row .video-item .imgbox img.video_play{}
.page-content .content-box .list-content .row .video-item .imgbox:hover .video_play,.page-content .content-box .list-content .row .video-item .imgbox:hover::after{}
.page-content .content-box .list-content .row .video-item .textbox{}
.page-content .content-box .list-content .row .video-item .textbox h4{}
.page-content .content-box .list-content .row .video-item .textbox div{}
.page-content .content-box .list-content .row .video-item .textbox div img{}
.page-content .content-box .list-content .row .video-item .textbox div.col-sm-7 img{}
.page-content .content-box .list-content .case-box{}
.page-content .content-box .list-content .list-box .index-item{}
.page-content .content-box .list-content .list-box .index-item a{}
.page-content .content-box .list-content .list-box .index-item a .text{}
.page-content .content-box .list-content .list-box .index-item .text h4{}
.page-content .content-box .list-content .list-box .index-item a .text p{}
.page-content .content-box .list-content .list-box .index-item a img,.page-content .content-box .list-content .list-box .right-item .item a img{}
.page-content .content-box .list-content .list-box .right-item .item a img{}
.page-content .content-box .list-content .list-box .right-item{}
.page-content .content-box .list-content .list-box .right-item .item{}
.page-content .content-box .list-content .list-box .right-item .item:nth-child(2){}
.page-content .content-box .list-content .list-box .right-item .item a h4{}
.page-content .content-box .list-content .list-box .case-box{}
.page-content .content-box .list-content .list-box .case-box .imgbox img{}
.page-content .content-box .list-content .list-box .case-box .textbox{}
.page-content .content-box .list-content .list-box .case-box .textbox a{}
.page-content .content-box .list-content .list-box .case-box .textbox h4{}
.page-content .content-box .list-content .list-box .case-box .textbox a:hover h4,.page-content .content-box .list-content .list-box .index-item .text:hover h4,.page-content .content-box .list-content .list-box .right-item .item a:hover h4{}
.page-content .content-box .list-content .certifcate-list{}
.page-content .content-box .list-content .certifcate-list .header{}
.page-content .content-box .list-content .certifcate-list .certifcate-item{}
.page-content .content-box .list-content .certifcate-list .none-item{}
.page-content .content-box .list-content .certifcate-list .certifcate-item .imgbox>img{}
.page-content .content-box .list-content .certifcate-list .certifcate-item p{}
.page-content .content-box .list-content .certifcate-list .certifcate-item .imgbox{}
.page-content .content-box .list-content .certifcate-list .certifcate-item .imgbox span{}
.page-content .content-box .list-content .certifcate-list .certifcate-item .imgbox:hover span{}
.page-content .content-box .list-content .certifcate-list .certifcate-item .imgbox span img{}
.page-content .content-box .list-content .certifcate-list .more{}
.page-content .content-box .list-content .certifcate-list .more span::after{}
.page-content .content-box .list-content .factory-box{}
.page-content .content-box .list-content .factory-box .header{}
.page-content .content-box .list-content .factory-box .big-img{}
.page-content .content-box .list-content .factory-box .big-img img{}
.page-content .content-box .list-content .factory-box .factory-swiper{}
.page-content .content-box .list-content .factory-box .factory-swiper .swiper-wrapper div img{}
.page-content .content-box .list-content .factory-box .swiper{}
.page-content .content-box .list-content .factory-box .swiper .factory-button{}
.page-content .content-box .list-content .factory-box .swiper .factory-button img{}
.page-content .content-box .list-content .factory-box .swiper .factory-prev img{}
.page-content .content-box .list-content .factory-box .swiper .factory-prev{}
.page-content .content-box .list-content .factory-box .swiper .factory-next{}
.page-content .content-box .list-content .download-item{}
.page-content .content-box .list-content .download-item>div:first-child{}
.page-content .content-box .list-content .download-item>div:last-child{}
.page-content .content-box .list-content .download-item a{}
.page-content .content-box .list-content .download-item:hover .title a{}
.page-content .content-box .list-content .download-item .title img{}
.page-content .content-box .list-content .download-item .title a{}
.page-content .content-box .list-content .download-item .textbox{}
.page-content .content-box .list-content .download-item .textbox>div{}
.page-content .content-box .list-content .download-item .textbox>div img{}
.page-content .content-box .list-content .textbox .downloadbutton a{}
.page-content .content-box .list-content .textbox .downloadbutton a:hover{}
.page-content .content-box .list-content .textbox .downloadbutton a:hover img{}
.page-content .content-box .list-content .about-info{}
.page-content .content-box .list-content .about-info a,.page-content .content-box .list-content .details-box .product-content-box>div a,.page-content .content-box .post-info .content a{}
.page-content .content-box .list-content .about-info p{}
.page-content .content-box .list-content>div{}
.page-content .content-box .list-content>div .product-content-box table{}
.page-content .content-box .list-content>div .header{}
.page-content .content-box .list-content>div .header>span{}
.page-content .content-box .list-content>div .header>span::after{}
.page-content .content-box .list-content .contactimg{}
.page-content .content-box .list-content .company-culture .content{}
.page-content .content-box .list-content .development .swiper{}
.page-content .content-box .list-content .development .swiper .swiper-time{}
.page-content .content-box .list-content .development .swiper .swiper-time .time-pagination{}
.page-content .content-box .list-content .development .swiper .swiper-time .time-pagination .swiper-pagination-bullet{}
.page-content .content-box .list-content .development .swiper .swiper-time .time-pagination .swiper-pagination-bullet span{}
.page-content .content-box .list-content .development .swiper .swiper-time .time-pagination .swiper-pagination-bullet img{}
.page-content .content-box .list-content .development .swiper .swiper-time .time-pagination .swiper-pagination-bullet-active span{}
.page-content .content-box .list-content .development .swiper .swiper-time .time-pagination .swiper-pagination-bullet-active img{}
.page-content .content-box .list-content .development .swiper .swiper-time .time-click{}
.page-content .content-box .list-content .development .swiper .swiper-time .swiper-button-disabled img{}
.page-content .content-box .list-content .development .swiper .swiper-time .swiper-time-prev{}
.page-content .content-box .list-content .development .swiper .swiper-time .swiper-time-next{}
.page-content .content-box .list-content .development .swiper .swiper-time .swiper-wrapper{}
.page-content .content-box .list-content .development .swiper .swiper-time .imgbox img{}
.page-content .content-box .list-content .development .swiper .swiper-time .textbox{}
.page-content .content-box .list-content .development .swiper .swiper-time .textbox h4{}
.page-content .content-box .list-content .contactbox{}
.page-content .content-box .list-content .contactbox .contact-us{}
.page-content .content-box .list-content .contactbox .contact-us .row{}
.page-content .content-box .list-content .contactbox .contact-us .row .contact-item{}
.page-content .content-box .list-content .contactbox .contact-us .row .contact-item .imgbox{}
.page-content .content-box .list-content .contactbox .contact-us .row .contact-item div{}
.page-content .content-box .list-content .contactbox .contact-us .row .contact-item div b{}
.page-content .content-box .list-content .contactbox .contact-business{}
.page-content .content-box .list-content .contactbox .contact-business .b-item{}
.page-content .content-box .list-content .contactbox .contact-business .b-item>img{}
.page-content .content-box .list-content .contactbox .contact-business .b-item>p{}
.page-content .content-box .list-content .contactbox .contact-business .b-item>p>b{}
.page-content .content-box .list-content .contactbox .contact-business .b-item>a{}
.page-content .content-box .list-content .contactbox .contact-business .b-item>a>span>img{}
.page-content .message-box{}
.page-content .message-box .from{}
.page-content .message-box .from .input{}
.page-content .message-box .from .input>div{}
.page-content .message-box .from .input input{}
.page-content .message-box .from textarea{}
.page-content .message-box .from .input input,.page-content .message-box .from textarea{}
.page-content .message-box .from .submit input{}
.page-content .product-info .auto-container .row{}
.page-content .product-info .auto-container .row .imgbox{}
.page-content .product-info .auto-container .row .imgbox .jqzoom{}
.page-content .product-info .auto-container .row .imgbox .imagesbox{}
.page-content .product-info .auto-container .row .imgbox .imagesbox .product-button{}
.page-content .product-info .auto-container .row .imgbox .imagesbox .product-button img{}
.page-content .product-info .auto-container .row .imgbox .imagesbox .product-prev{}
.page-content .product-info .auto-container .row .imgbox .imagesbox .product-prev img{}
.page-content .product-info .auto-container .row .imgbox .imagesbox .product-next{}
.page-content .product-info .auto-container .row .imgbox .imagesbox .product-thumb{}
.page-content .product-info .auto-container .row .imgbox .imagesbox .product-thumb div img{}
.page-content .product-info .auto-container .row .imgbox .imagesbox .product-thumb .swiper-wrapper .active .cover{}
.page-content .product-info .auto-container .row .imgbox .imagesbox .product-thumb .swiper-wrapper .swiper-slide{}
.page-content .product-info .auto-container .row .textbox{}
.page-content .product-info .auto-container .row .textbox > p a{font-size: .18rem !important;}
.page-content .product-info .auto-container .row .textbox>h1{
    font-size: .26rem;
}
	
.page-content .product-info .auto-container .row .textbox .other{}
.page-content .product-info .auto-container .row .textbox .other span{}
.page-content .product-info .auto-container .row .textbox .other span img{}
.page-content .product-info .auto-container .row .textbox .other span.enshrine{}
.page-content .product-info .auto-container .row .textbox .other span.enshrine img{}
.page-content .product-info .auto-container .row .textbox .remark{
}
.page-content .product-info .auto-container .row .textbox .share-box{}
.page-content .product-info .auto-container .row .textbox .share-box a{}
.page-content .product-info .auto-container .row .textbox .share-box a img{}
.page-content .product-info .auto-container .row .textbox .attribute{
}
.page-content .product-info .auto-container .row .textbox>a{}
.page-content .product-info .auto-container .row .textbox>a>button{}
.page-content .product-info .auto-container .row .textbox>a>button img{}
.page-content .content-box .list-content .details-box .header span{}
.page-content .content-box .list-content .details-box .header span::after{}
.page-content .content-box .list-content .details-box .header span.active::after{}
.page-content .content-box .list-content .details-box .product-content-box>div{}
.page-content .content-box .list-content .details-box .product-content-box>div img{}
.page-content .content-box .list-content .details-box .product-content-box div p{}
.page-content .content-box .list-content .details-box .product-content-box div ul li{}
.page-content .content-box .list-content .details-box .product-content-box div ol li{}
.page-content .content-box .list-content .relation .header{}
.page-content .content-box .list-content .relation .swiper-relation .swiper-slide a{}
.page-content .content-box .list-content .relation .swiper-relation .swiper-slide a img{}
.page-content .content-box .list-content .relation .swiper-relation .swiper-slide a p{}
.page-content .content-box .list-content .relation .swiper-relation .swiper-slide .row{}
.page-content .quotatio{}
.page-content .quotatio>h1{}
.page-content .quotatio>p{}
.page-content .quotatio .row{}
.page-content .quotatio .quotation-box>div{}
.page-content .quotatio .quotation-box .qpl{}
.page-content .quotatio .quotation-box div .product-header{}
.page-content .quotatio .quotation-box div .action{}
.page-content .quotatio .quotation-box div .product-item{}
.page-content .quotatio .row #quotatio-product-list .quotatio-item{}
.page-content .quotatio .row #quotatio-product-list .quotatio-item .imgbox{}
.page-content .quotatio .row #quotatio-product-list .quotatio-item .imgbox img{}
.page-content .quotatio .row #quotatio-product-list .quotatio-item .text{}
.page-content .quotatio .row #quotatio-product-list .quotatio-item .action{}
.page-content .quotatio .row #quotatio-product-list .quotatio-item .action img{}
.page-content .quotatio .row #quotatio-product-list .quotatio-item .text h3{}
.page-content .quotatio .row #quotatio-product-list .quotatio-item .text p{}
.page-content .quotatio .quotation-box>div .message-box{}
.page-content .quotatio .quotation-box>div .message-box .header span{}
.page-content .quotatio .quotation-box>div .message-box .checktext{}
.page-content .quotatio .quotation-box>div .message-box .checktext .buttom span#clear{}
.page-content .quotatio .quotation-box>div .message-box .checktext .buttom input[type=checkbox]{}
.page-content .quotatio .quotation-box>div .message-box .checktext .text{}
.page-content .quotatio .quotation-box>div .message-box .checktext .text span{}
.page-content .quotatio .quotation-box>div .message-box .from textarea{}
.page-content .quotatio .quotation-box>div .message-box .from .submit{}
.page-content .quotatio .quotation-box>div .message-box .from .submit input[type=button]{}
.about-header-box{}
.page-container{}
.development-box{}
.about-header-box .page-container>div{}
.about-header-box .page-container>div.videobox{}
.about-header-box .page-container>div.videobox .cover{}
.about-header-box .page-container>div.videobox .video_play{}
.development-box .headerbox{}
.development-box .headerbox h2{}
.development-box .headerbox p{}
.development-box .swiper-development{}
.development-box .swiper-development .time-box .title-box{}
.development-box .swiper-development .time-box .title-box>h4{}
.development-box .swiper-development .time-box .title-box>h4::after{}
.development-box .swiper-development .time-box .image-box{}
.development-box .swiper-development .time-box>p{}
.development-box .development-button img{}
.development-box .development-button{}
.development-box .development-button.development-button-prev{}
.development-box .development-button{}
.development-box .swiper-development .time-box .image-box{}
.development-box .swiper-development .time-box .image-box>img{}
.company-culture{}
.company-culture .headerbox{}
.company-culture .headerbox{}
.company-culture .headerbox h2{}
.company-culture .headerbox p{}
.collections-box{}
.collections-box h1{}
.collections-box .collections-list{}
.collections-box .collections-list>a{}
.collections-box .collections-list>a .imgbox{}
.collections-box .collections-list>a .imgbox img{}
.collections-box .collections-list>a .imgbox img:hover{}
.collections-box .collections-list>a h2{}
.collections-box .collections-list>a span{}

	.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:1366px) {
	.auto-container {
		width: 95%
	}
}
@media(max-width:991px) {
	html {
		font-size: calc(100vw/5)
	}
	.swiper-button-prev {
		left: -.05rem
	}
	.swiper-button-next {
		right: -.05rem
	}
	.swiper-button-next,.swiper-button-prev {
		width: .45rem;
		height: .45rem
	}
	.swiper-button-next .swiper_btn_effect_box .swiper_btn_effect_list i:before,.swiper-button-prev .swiper_btn_effect_box .swiper_btn_effect_list i:before {
		width: .45rem;
		height: .45rem
	}
	.btn_effect .btn_effect_box {
		width: 10px
	}
	.btn_effect .btn_effect_box .btn_effect_list {
		width: 20px;
		margin-left: -10px
	}
	.btn_effect .btn_effect_box .btn_effect_list img {
		max-width: .14rem
	}
	.footer:before {
		background-size: cover
	}
	.footer .auto-container {
		flex-wrap: wrap;
		flex-direction: column-reverse
	}
	.footer .left {
		width: 100%
	}
	.footer .left .left_head {
		width: 100%
	}
	.footer .left .left_head .item {
		width: 100%
	}
	.footer .left .left_head .item:nth-child(2),.footer .left .left_head .item:nth-child(3) {
		display: none
	}
	.footer .left .left_head .item:first-child ul li a,.footer .left .left_head .item:first-child ul li span {
		max-width: 100%
	}
	.footer .left .left_main {
		flex-direction: column;
		align-items: flex-start
	}
	.footer .left .left_main .foot_share {
		width: 100%;
		margin-bottom: .1rem
	}
	.footer .left .left_main .foot_bottom {
		width: 100%
	}
	.footer .left .left_main .foot_bottom a {
		margin-left: 0;
		margin-right: .3rem
	}
	.footer .right {
		width: 100%;
		margin: auto
	}
	.additional-features {
		right: .05rem
	}
	.additional-features .additional-icon {
		height: auto
	}
	.Home-banner {
		padding-top: .8rem
	}
	.Home-banner .swiper-container:before {
		display: none
	}
	.Home-banner .swiper-banner .swiper-pagination {
		bottom: .05rem
	}
	#myModal .modal-dialog {
		max-width: 95%;
		top: 7%!important
	}
}
@media(max-width:768px) {
	.footer {
		padding-bottom: 0
	}
	.footer .left {
		margin-top: 40px
	}
	.footer .left .left_head {
		margin-bottom: .15rem;
		display: block
	}
	.footer .left .left_head .item {
		width: 100%
	}
	.footer .left .left_head .item:nth-child(1) {
		width: 100%
	}
	.footer .left .left_head .item:nth-child(1) .item_title {
		width: 100%
	}
	.footer .left .left_head .item .item_title {
		margin-bottom: .2rem
	}
	.footer .left .left_main .foot_share {
		margin-bottom: .2rem
	}
	.footer .left .left_main .foot_bottom a {
		margin-right: .2rem
	}
	.footer .left .left_bottom {
		padding-top: .2rem;
		flex-wrap: wrap
	}
	.footer .left .left_bottom p {
		margin-bottom: .1rem
	}
	.footer .right {
		padding: 30px
	}
	.footer .right:before {
		left: -.32rem;
		top: -.2rem;
		background-size: .3rem
	}
	.footer .right .input div input,.footer .right .textarea textarea {
		border-radius: .15rem
	}
	.page-content .product-info .auto-container .row .textbox>h1 {
		font-size: .22rem
	}
	.page-content .content-box .list-content .list-box .item-box .textbox .remark {
		height: auto;
		-webkit-line-clamp: 2;
		font-size: .19rem;
		margin-top: 0
	}
	.additional-features .additional-icon img{
	    width: 62px;
	    max-width: 62px;
	}
	.page-content {
		padding: 0
	}
	.page-content .content-box {
		display: block
	}
	.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;
		flex-direction: column
	}
	.page-content .content-box .list-content .list-box .product-item .imgbox,.page-content .content-box .list-content .list-box .product-item .text {
		width: 100%
	}
	.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: .1rem
	}
	.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: .22rem;
		margin-top: .1rem;
		height: auto;
		-webkit-line-clamp: 2;
		line-height: normal
	}
	.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;
		flex-wrap: wrap
	}
	.page-content .content-box .list-content .download-item>div:first-child,.page-content .content-box .list-content .download-item>div:last-child {
		width: 100%;
		padding-bottom: .1rem
	}
	.page-content .content-box .list-content .download-item .title {
		margin-top: .15rem
	}
	.page-content .content-box .list-content .download-item .title a {
		max-width: 85%
	}
	.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: .22rem;
		line-height: normal
	}
	.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: auto
	}
	.page-content .content-box .list-content .contactbox .contact-us .row {
		margin-top: .2rem
	}
	.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: var(--color)
	}
	.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: auto;
		vertical-align: middle
	}
	.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;
		padding: .15rem
	}
	.page-content .content-box .sidebar-box .likebox .like-swiper div h4 {
		font-size: .22rem;
		line-height: initial;
		padding: 0;
		-webkit-line-clamp: 4
	}
	.inside-header .inside-nav>a>img,.page-content .product-info .auto-container .row .textbox .other span img {
		max-width: .2rem
	}
	.inside-header .inside-nav>a,.page-content .content-box .post-info .header>p>span,.page-content .message-box .from .input input,.page-content .message-box .from textarea {
		font-size: .18rem;
		line-height: inherit;
		margin-right: .1rem
	}
	.page-content .content-box .list-content .list-box .index-item a .text p,.page-content .content-box .sidebar-box .contactbox .business-swiper .row div h4,.page-content .product-info .auto-container .row .textbox,.page-content .product-info .auto-container .row .textbox .other span,.section .head_block .remark {
		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
	}
	.page-content .content-box .list-content .details-box .header span,.page-content .content-box .list-content>div .header>span,.page-content .content-box .sidebar-box .contactbox .contactinfo p.textbox {
		font-size: .2rem;
		line-height: inherit
	}
	.page-content .content-box .sidebar-box .contactbox .contactinfo p {
		margin-bottom: .1rem
	}
	.page-content .product-info .auto-container .row .textbox>p a {
		font-size: .22rem!important;
		line-height: inherit
	}
	.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,.page-content .content-box .sidebar-box .contactbox .contactinfo p {
		font-size: .22rem;
		line-height: inherit
	}
	.page-content .content-box .sidebar-box .contactbox .business-swiper .row div a,.page-content .quotatio .quotation-box div .action,.page-content .quotatio .quotation-box>div .message-box .checktext .text,.page-content .quotatio .quotation-box>div .message-box .checktext span,.page-content .quotatio>p {
		font-size: .2rem;
		line-height: inherit
	}
	.page-content .content-box .post-info .header>h1,.page-content .quotatio>h1 {
		font-size: .26rem
	}
	.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
	}
	.page-content .content-box .list-content .relation .swiper-relation .swiper-slide a p {
		font-size: .2rem;
		height: auto;
		line-height: inherit;
		margin-top: .1rem
	}
	.page-content .content-box .list-content .relation .swiper-relation .swiper-slide .row {
		margin: .2rem 0
	}
	.page-content .content-box .list-content .contactbox .contact-business .b-item>p {
		font-size: .18rem
	}
	.page-content .content-box .list-content .contactbox .contact-business .b-item>a {
		margin-top: 0
	}
	.page-content .message-box {
		padding: .2rem
	}
}