@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:1680px){
    .head .navbox li{
        margin: 0 10px;
    }
}
@media (max-width:1620px) {
	.arrows_Btn.news_Arr_R {
		right: -50px
	}
	.arrows_Btn.news_Arr_L {
		left: -50px
	}
	
}
@media (max-width:1536px) {
    .head .slogan {
		font-size: 14px;
		max-width: 230px;
	}
}
@media (max-width:1500px) {
	.auto-container {
		width: 94%
	}
	.site-nav .auto-container {
		width: 95%
	}
	.head .navbox li .a {
		font-size: 14px
	}
	.section_news .Home-news-father {
		padding: 0 60px
	}
	.arrows_Btn.news_Arr_R {
		right: 0
	}
	.arrows_Btn.news_Arr_L {
		left: 0
	}
	.footer .foot_add {
		width: 315px
	}
}
@media (max-width:1440px){
    .page-content .content-box .list-content .row>div{
        padding: 0;
    }
    .page-content .content-box .sidebar-box .contactbox .business-swiper .row .col-sm-7:last-child{
        padding: 0;
    }
}
@media (max-width:1280px) {
	.head .logo .logoImg {
	height: 55px;
	margin-bottom: 0;
	margin-top: 5px;
	}
	
	.head .slogan {
	margin-top: 5px;
	margin-left: 15px;
	}
	.head .logo .line {
	margin-left: 5px;
	top: 21%;
	}
	.head .navbox li{
    margin: 0 5px;
    line-height: 65px;
}
	.head .top_search{
    line-height: 62px;
}

	.head .navbox li.active .stair:after{
    width: 100%;
}
	.section_kind .factory_imgList li .bg {
		padding-left: 40px;
		bottom: 22px
	}
	.section_kind .factory_imgList li .bg p {
		font-size: 26px
	}
	.section_product .category_body .category_list .dec {
		padding: 16px
	}
	.section_product .category_body .category_list .dec .info {
		font-size: 14px
	}
	.section_product .category_body .category_list .dec .t {
		font-size: 16px
	}

	.home_title {
		font-size: 32px
	}
	.home_video_wrapper .video_right_text .inner_text {
		font-size: 16px
	}
	.section_video .video_cover {
		margin-top: 28px;
		font-size: 18px
	}
	.section_why .choose-list li .choose-title {
		font-size: 20px;
		margin-top: 20px;
		line-height: 24px
	}
	.section_why .choose-list li .item img {
		transform: scale(.8)
	}
	.section_why .choose-list li p {
		margin-top: 15px;
		font-size: 14px
	}
	.home_factory_wrapper .left {
		width: 320px
	}
	.home_factory_wrapper .right {
		width: calc(100% - 350px)
	}
	.home_factory_wrapper .scroll_box {
		margin-top: 40px
	}
	.swiper-project .swiper-slide .item .con {
		padding: 20px
	}
	.swiper-project .swiper-slide .item .con .date {
		width: 84px;
		font-size: 26px
	}
	.swiper-project .swiper-slide .item .con .t {
		font-size: 18px;
		width: calc(100% - 96px)
	}
	.section_news .home-news .dec {
		padding: 24px 12px
	}
	.section_news .home-news .dec .time {
		margin-bottom: 10px
	}
	.section_news .home-news .dec .t {
		font-size: 18px;
		height: 48px;
		margin-bottom: 5px
	}
	.section_news .home-news .dec .p {
		font-size: 14px
	}
	.section_news .home_title {
		margin-bottom: 30px
	}
	.section_faq .faqlist .faqItem {
		padding: 14px
	}
	.section_faq .faqlist .faqItem .faqHead h3 {
		font-size: 16px
	}
	.section_faq .faqlist .faqItem .faqBody p {
		font-size: 14px
	}
	.footer dl {
		margin-left: 4%
	}
	.footer .foot_add {
		padding-right: 2%;
		width: 270px
	}
	.footer dl dd {
		font-size: 15px
	}
	#new-link li img {
		width: 28px
	}
	.footer dl dt {
		margin-bottom: 26px
	}
	.footerbar {
		font-size: 15px
	}
	.links_f {
		font-size: 15px
	}
	.link_box span {
		font-size: 15px
	}
	.footer .f_link_letter {
		width: 220px
	}
	.page-content .content-box .list-content .list-box .product-item .text .row{
	    margin: 0;
	    width: 100%;
	}
	.page-content .content-box .sidebar-box .contactbox .contactinfo,.page-content .content-box .sidebar-box .likebox>p,
	.page-content .content-box .sidebar-box .category-box .category-item p{
	    padding: 15px;
	}
	.page-content .content-box .sidebar-box .contactbox .contactinfo p.textbox{
	    padding-left: 0;
	}
}
@media(max-width:1152px) {
	.footer dl {
		margin-left: 3%
	}
	.footer .f_link_letter {
		width: 175px
	}
}
@media(max-width:1080px) {
	.head .navBar {
		display: none
	}
	.navbtn {
		margin-top: 34px;
		margin-left: 20px
	}
	.index_title {
		font-size: 40px;
		margin-bottom: 30px
	}
	.footer dl {
		margin-left: 2%
	}
	.home_video_wrapper .leo_video_box .video_cover {
		height: 400px
	}
	.home_video_wrapper .leo_video_box .video_cover .video-play {
		width: 120px
	}
	.home_video_wrapper .video_right_text .inner_text {
		width: 100%
	}
	.home_video_wrapper .video_right_text .index_title {
		margin-bottom: 10px
	}
	.home_video_wrapper .video_right_text .inner_text {
		font-size: 16px;
		line-height: 20px
	}
	.home_video_wrapper .video_right_text .more {
		margin-top: 30px
	}
	.link_box span {
		width: 160px
	}

}
@media(max-width:1080px) {
	.navbtn {
		width: 30px;
		height: 30px;
		float: right;
		position: relative;
		display: block;
		z-index: 20
	}
	.navbtn i {
		height: 2px;
		background: #000;
		display: block;
		overflow: hidden;
		width: 100%;
		position: absolute;
		left: 0;
		transition: all .3s
	}
	.navbtn i.bar-1 {
		top: 7px
	}
	.navbtn i.bar-2 {
		top: 15px
	}
	.navbtn i.bar-3 {
		top: 23px
	}
	.language {
		float: right;
		margin-right: 10px
	}
	.language:hover .language-dl {
		display: block
	}
	.cur_language {
		line-height: 50px
	}
	.language .language-dl {
		border-top: 1px solid #ddd;
		display: none;
		position: absolute;
		top: 50px;
		right: 0;
		z-index: 10;
		width: 100%;
		background-color: #fff
	}
	.language .language-dl dd {
		padding: 0 10px;
		border-bottom: 1px solid #ddd
	}
	.head_icon .language .language-dl dd:last-child {
		border-bottom: 0
	}
	.language .language-dl dd:hover a {
		color: #f08200
	}
	.language .language-dl dd a {
		padding: 0;
		line-height: 30px;
		color: #2a2724;
		font-size: 14px
	}
}
@media(max-width:1080px) {
	.navbtn.open .bar-1 {
		top: 50%;
		transform: rotate(45deg)
	}
	.navbtn.open .bar-2 {
		height: 0
	}
	.navbtn.open .bar-3 {
		top: 50%;
		transform: rotate(-45deg)
	}
}
@media(max-width:991px) {
	.head .slogan {
		margin-top: 14px;
		font-size: 15px
	}
	.head .logo {
		line-height: 50px;
		margin-left: 0
	}
	.head .logo .logoImg {
		    display: block;
    max-width: 100%;
    margin-bottom: 5px;
    height: 45px;
	}
	.head .logo .line{
	    display: none;
	}
	.head .slogan {
		line-height: 20px
	}
	.whatsappbox a img{
	    height: 40px;
	}
	.head .top_search {
		line-height: 50px
	}
	.navbtn {
		margin-top: 10px
	}
	.head .navBar {
		position: fixed;
		top: 50px;
		left: 0;
		width: 100%;
		padding: 0 5%;
		background-color: #fff;
		overflow-y: scroll;
		max-height: 100%;
		transition: none
	}
	.index_title {
		font-size: 32px;
		margin-bottom: 20px
	}
	.readMore {
		position: relative
	}
	.readMore a img {
		margin-left: 15px;
		width: 30px
	}
	.section_news .home-news .dec .time {
		margin-bottom: 5px
	}
	.section_news .home-news .dec .p {
		font-size: 14px;
		line-height: 20px
	}
	.section_news .home-news .dec .t {
		font-size: 16px;
		margin-bottom: 6px;
		line-height: 22px
	}
	.head .navbox li {
		width: 100%;
		line-height: 40px;
		margin: 0
	}
	.head .navbox li.active .stair:after {
		background: 0 0
	}
	.head .navbox li:hover .stair:after {
		background: 0 0
	}
	.head .navbox li .a {
		font-size: 16px
	}
	.sub {
		position: relative;
		display: none
	}
	.sub_nav_box {
		display: block;
		position: relative
	}
	.sub_nav_box .left_intro {
		display: none
	}
	.sub_nav_box .menu_links dd {
		width: 33.333%;
		padding-top: 10px;
		overflow: hidden
	}
	.sub_nav_box .menu_links dd p {
		height: 60px;
		margin-top: 10px;
		font-size: 14px
	}
	.sub>dl {
		display: block
	}
	.sub>dl dd {
		font-size: 14px
	}
	.sub>dl dd {
		padding: 5px 10px;
		position: relative
	}
	.sub>dl dd .small_img {
		width: 30px;
		height: 30px
	}
	.sub>dl dd .text {
		padding-left: 7px
	}
	.sub>dl dd .mobile-navbtn {
		display: block
	}
	.sub>dl a {
		display: block
	}
	.sub>dl dd .t-menu {
		position: relative;
		left: 0;
		margin-top: 10px
	}
	.sub>dl dd .t-menu li {
		padding: 5px 10px;
		line-height: 28px
	}
	.home_video_wrapper .leo-row .VideoA {
		width: 100%
	}
	.home_video_wrapper .leo-row .VideoB {
		width: 100%
	}
	.home_video_wrapper .video_right_text {
		background-size: 100%;
		background-position-x: 0;
		padding-top: 0;
		padding-left: 0;
		padding-bottom: 24px
	}
	.home_video_wrapper .video_right_text .more img {
		width: 30px
	}
	.page-content .content-box .list-content .contactbox .contact-business .b-item {
		padding-bottom: 40px
	}
	.page-content .content-box .list-content .contactbox .contact-business .swiper-pagination {
		bottom: 5px
	}
	.home_factory_wrapper {
		width: 96%;
		margin: 0 auto
	}
	.home_factory_wrapper .factory_text {
		margin-top: 0
	}
	.home_factory_wrapper .factory_text .home_title {
		margin-bottom: 12px
	}
	.home_factory_wrapper .factory_text .inner_text {
		width: 100%;
		font-size: 14px;
		line-height: 24px
	}
	.home_factory_wrapper .scroll_box {
		margin-top: 20px;
		width: 100%;
		margin: 0 auto
	}
	.home_factory_wrapper .scroll_box .factory_next,.home_factory_wrapper .scroll_box .factory_prev {
		width: 24px;
		height: 24px
	}
	.home_factory_wrapper .scroll_box .factory_prev {
		bottom: auto;
		left: -30px;
		top: 60%
	}
	.home_factory_wrapper .scroll_box .factory_next {
		bottom: auto;
		right: -30px;
		left: auto;
		top: 60%
	}
	.home_factory_wrapper .right {
		width: 100%
	}
	.page-content .product-info .auto-container .row .textbox>h1 {
		font-size: 26px
	}
	.footerbar {
		line-height: 20px;
		height: auto;
		padding: 10px 0;
		margin-bottom: 50px
	}
	.Home-banner {
		padding-top: 50px
	}
	.home_video_wrapper .video_right_text .inner_text .div1 {
		font-size: 22px
	}
	.Home-honor .swiper-honor-father .project_Arrows {
		font-size: 20px;
		line-height: 30px
	}
	.Home-honor .swiper-honor-father .honor_Arr_L {
		left: 12px
	}
	.Home-honor .swiper-honor-father .honor_Arr_R {
		right: 12px
	}
	.Home-honor .swiper-honor-father .item p {
		font-size: 14px
	}
	.Home-honor .t {
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 20px
	}
	.Home-honor .swiper-honor-father {
		padding: 0 60px
	}
	.Home-honor .swiper-honor-father .project_Arrows {
		width: 30px;
		height: 30px;
		background-size: 100%
	}
	.home_video_wrapper .video_right_text .data-num {
		margin-top: 20px;
		margin-bottom: 20px
	}
	.home_video_wrapper .video_right_text .data-num dd {
		font-size: 14px
	}
	.home_video_wrapper .video_right_text .data-num strong {
		font-size: 24px
	}
	.home_video_wrapper .video_right_text .data-num dd div {
		height: 40px
	}
	.footerbar .copyright {
		padding: 0
	}
	.head .top_search .start_search {
		margin-left: 8px
	}
	.head .top_search .head_email {
		margin-right: 8px
	}
	.site-nav {
		background-color: #fff
	}
	.site-nav .head .slogan {
		display: none;
	}
	.site-nav .head .navbox li a {
		color: #333
	}
	.site-nav .head .navbox li a:hover {
		color: #3a8cff
	}
	.site-nav .head .top_search .head_email:hover {
		-webkit-filter: grayscale(0);
		filter: grayscale(0)
	}
	.site-nav .head .top_search .head_email:hover img {
		-webkit-filter: inherit;
		filter: inherit
	}
	.site-nav .head .top_search .head_email:hover img:first-child {
		display: none
	}
	.site-nav .head .top_search .head_email:hover img:last-child {
		display: inline-block
	}
	.site-nav .head .top_search img {
		filter: brightness(0)
	}
	.home_video_wrapper .video_right_text .data-num dd {
		width: 160px
	}
	.home_video_wrapper .video_right_text .data-num dd:first-child::after {
		right: 20px
	}
	.swiper-father {
		padding: 0 40px
	}
	.swiper-honor-next,.swiper-honor-prev {
		width: 36px;
		height: 36px
	}
	.swiper-honor-prev {
		left: 0
	}
	.swiper-honor-next {
		right: 0
	}
	.section_news .home-news .arr4 {
		margin-top: 10px;
		width: 38px
	}
	.index_case_row .right_arr .arr3 {
		width: 38px
	}
	.footerbar .copyright a {
		margin-right: 0
	}
	.index_case_row .arrows_Btn {
		width: 38px;
		height: 38px
	}
	.section-choose .choose-list {
		margin-top: 25px
	}
	.section_news .home_title {
		margin-bottom: 10px
	}
	.section_news .home-news .dec {
		padding-top: 18px
	}
	.head .product-menu .product_left {
		width: 100%;
		float: none
	}
	.head .product-menu .product_right {
		display: none
	}
	.head .product-menu .auto-container {
		padding: 0;
		margin: 0
	}
	.head .product-menu dl {
		width: 100%;
		margin-bottom: 10px
	}
	.swiper-banner .banner-page {
		bottom: 12px
	}
	.swiper-banner .swiper-pagination-bullet {
		width: 14px;
		height: 14px
	}
	.index_case_row .right_arr {
		width: 100px;
		flex: 0 0 100px
	}
	.home_title {
		font-size: 30px
	}
	.section_kind .factory_box .left,.section_kind .factory_box .right {
		width: 100%;
		float: none
	}
	.section_kind .factory_imgList li .bg p {
		font-size: 20px
	}
	.section_product {
		padding: 40px 0
	}
	.section_product .category_body .category_list li {
		width: 50%
	}
	.section_product .category_body .category_list .dec .info {
		display: none
	}
	.section_product .category_body .category_list .dec .t {
		font-size: 14px;
		white-space: unset;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		min-height: 40px;
	}
	.section_product .category_body .category_list .dec {
		padding: 10px 5px
	}
	.section_msg .contact-form-box {
		width: 100%
	}
	.section_msg .contact-form-box .contact-form .form-group {
		margin: 0
	}
	.section_msg .contact-form-box .contact-form .form-group>div {
		padding: 0 6px!important;
		margin-bottom: 5px
	}
	.section_msg .contact-form-box .submit-btn {
		width: 48px;
		height: 48px
	}
	.section_video {
		padding-top: 40px;
		padding-bottom: 40px
	}
	.home_video_wrapper .video_right_text .inner_text {
		font-size: 16px;
		margin-top: 15px
	}
	.honor_wrapper {
		margin-top: 30px
	}
	.section_video .video_cover {
		line-height: 42px;
		border-width: 1px
	}
	.section_video .video_cover img {
		margin-right: 6px;
		width: 25px
	}
	.section_why {
		padding: 40px 0
	}
	.section_why .choose-list li .item {
		padding: 10px
	}
	.section_why .choose-list li {
		width: 100%
	}
	.section_why .choose-list li .choose-title {
		font-size: 20px;
		margin-top: 0
	}
	.section_why .choose-list li .item img {
		transform: scale(.5);
		margin-right: 0
	}
	.section_why .choose-list li p {
		margin-top: 0;
		font-size: 16px
	}
	.section_factory {
		padding: 40px 0
	}
	.home_factory_wrapper .left {
		width: 100%;
		margin-right: 0;
		padding-top: 0
	}
	.section_case {
		padding-top: 40px
	}
	.swiper-project {
		margin-top: 25px
	}
	.swiper-project .swiper-slide .item .con {
		position: relative;
		background-color: #222
	}
	.swiper-project .swiper-slide .item .con .date {
		font-size: 22px
	}
	.swiper-project .swiper-slide .item .con .date span {
		font-size: 14px
	}
	.swiper-project .swiper-slide .item .con .t {
		font-size: 18px
	}
	.swiper-project .project_Arr_L {
		left: 5%
	}
	.swiper-project .project_Arr_R {
		right: 5%
	}
	.swiper-project .project_Arrows {
		width: 36px;
		height: 36px
	}
	.arrows_Btn {
		width: 36px;
		height: 36px
	}
	.section_news .Home-news-father {
		padding: 0 40px
	}
	.section_news {
		padding: 30px 0
	}
	.section_faq .faqlist {
		display: block
	}
	.section_faq .faqlist .faqItem {
		width: 100%
	}
	.section_faq .faqlist .faqItem:hover::before {
		display: none
	}
	.section_faq .faqlist .faqItem:hover::after {
		display: none
	}
	.section_faq .faqlist .faqItem .faqHead {
		margin-bottom: 4px
	}
	.section_faq .faqlist .faqItem .faqBody p {
		font-size: 12px;
		line-height: 20px
	}
	.section_faq .faqlist .faqItem .faqHead .q {
		width: 20px;
		height: 20px;
		line-height: 20px;
		font-size: 14px;
		top: 4px
	}
	.section_faq .faqlist .faqItem .faqBody .a {
		width: 20px;
		height: 20px;
		line-height: 20px;
		font-size: 14px;
		top: 4px
	}
	.section_faq .faqlist .faqItem .faqHead {
		padding-left: 24px
	}
	.section_faq .faqlist .faqItem .faqBody {
		padding-left: 24px
	}
	.section_msg {
		padding: 40px 0;
		background: url(../images/msg_bg.jpg) no-repeat top right -118px
	}
	.section_msg .contact-form-box .contact-form input {
		height: 40px;
		font-size: 14px
	}
	.footer .footer_content {
		padding: 40px 0
	}
	.footer dl {
		margin-left: 0
	}
	.footer .f_link_letter {
		width: 100%;
		float: none;
		margin-top: 10px
	}
	.footer dl dt {
		margin-bottom: 10px
	}
	.section_faq .faqlist {
		margin-top: 25px
	}
	.section_why .choose-list li .item img {
		display: inline-block;
		vertical-align: middle;
		float: none
	}
	.section_why .choose-list li .item span {
		display: inline-block;
		vertical-align: middle
	}

	.footer .foot_add::after {
		display: none
	}
	#new-link {
		margin-top: 10px
	}
	.footer .foot_add {
		width: 100%;
		float: none
	}
	.footer .foot_add .addr_dd {
		margin-top: 10px
	}
	.section_faq {
		padding-top: 15px;
		padding-bottom: 20px
	}
}