@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1700px){
	.index-about-left img {
    width: auto;
    height: 100%;
}
	.sort:hover .tittle-xl{
		z-index: 9999
	}
}

@media screen and (max-width: 1526px){
.index-support-all, .index-supper-div-all, .index-news, .index-join, .index-service, .product-all, .tittle-all.no_bg .tittle-top, #fh5co-main, .news, .about-all-top, .about-center, .about-contact, .about-production, .about-bottom, .conter-top, .conter-center, .py-banner-text, .tittle-all, .content-all h2, .content-all>p, .foot, .newspart, #road_box, .hy-product-detail-content, .index-products-cp,.du-video-all,.hy-top,.product {
   
		max-width: 94%;
	width: 94%
	}
	.tittle-all.no_bg{
		width: 100%
	}
	.content-all>p, .content-all h2{
		    margin: 2% auto;
	}
	.content-all p{
		line-height: 1.7
	}
	.sw-head-nav-content{
		width: 100%;
	}
	.sw-logo{
		margin-left: 3%
	}
	.sw-shouji-button-shouji{
		margin-right: 3%
	}
	.index-about-right{
		height: 780px;
	}
	.company-description-all{
		max-width: 94%;
	}
	.about-four {
    margin: 0 auto;
    max-width: 94%;
    margin-bottom: 80px;
	}
}
@media screen and (max-width: 1440px){
	.index-about-right h2{
		    width: 60%;
	}
	.product-all-right-cp-img {
		min-height: auto;}
	.new-all-right>p{
		margin-bottom: 4%;
	}
	.four-text h3 {
    margin: 6% 0;
    font-size: 20px;
    color: #000;
	} 
	.four-one img {
    margin-top: 6%;
    margin-bottom: 0;
	}


	.four-all{
		flex-flow: wrap;
	}
	
}
	@media screen and (max-width: 1430px){
		.index-look .bx-wrapper .bx-controls-direction a {
    width: 14px;
    height: 65px;
}
		.index-look .bx-controls-direction .bx-next{    right: -14px;}
		.index-look .bx-controls-direction .bx-prev{left: -14px;}
		
	}
	

@media screen and (max-width: 1350px){
.index-look .bx-controls-direction .bx-next{    right: 0px;}
		.index-look .bx-controls-direction .bx-prev{left: 0px;}
	.about-all-boxlist-right {
    float: right;
    width: 100%;
    margin-top: 20px;
	}
	.about-all-boxlist-left {
    float: left;
    width: 100%;
} 
}
@media screen and (max-width: 1250px){
	.product-all-right ul .scarf.products {
    width: 29.45%;
		margin-right: 5%;}
	
}
@media screen and (max-width: 1150px){
	.index-look h2, .index-products h2, .index-about-right h2, .index-supper-right h2, .index-news>h2, .index-news>h2, .index-join h2, .index-service>h2, .index-supper-div-all h2{
		font-size:24px
	}
	.index-look h2, .index-products h2, .index-supper-right h2, .index-supper-div-all h2, .index-news>h2{
		margin-bottom: 3%
	}
	
	.index-look {
		height: 400px;
		padding:62px 0
	}
	.index-products {
    padding: 62px 0;
		padding-bottom: 0
}
	.menu-product-list h1 {
		font-size: 20px;}
	.menu-product-list a{
		font-size: 12px;
		width: 140px;
	}
	.four-text h3 {
    margin: 6% 0;
    font-size: 14px;
    color: #000;
}
	
}
@media screen and (max-width: 1024px){
	
	.py-banner-text>p {
    font-size: 14px;
}
	.py-banner-text>h2 {
		font-size: 36px;}
	.sw-head-nav-right{
	margin-left: 0;
	    margin-right: 50px;
}
	.sw-head-nav-right li{
		padding: 0 10px;
	}
	.your-rknam input, .conter-right .melssage textarea, .conter-right .wpcf7-rk-form .mes-bu{
		width: 100%
	}
	.content-all .wpcf7-rk-form p{
		    width: 100%;
    max-width: 100%;
	}
	.about-top-right h2, .about-center h2, .about-contact h2, .about-production h2, .about-bottom h2{
		font-size:24px
	}
	.about-top-right>p, .about-center p, .about-contact>p{
		font-size:14px
	}
	.about-contact>a{
		font-size:18px;
	}
	.about-contact-all{
		    height: 400px;
		    padding: 0px
	}
	.about-production-img-right li img{
		width: 100%
	}
	.about-top-right{
		    padding-right: 0;
	}
	.about-center-all-img{
		margin-bottom: 10px;
	}
	.hy-p-c-r-nr {
    width: 100%;
}
	.hy-p-d-c-l-c-b {
    width: 100%;
}
li.slideba {
    width: calc((100% - 36px) / 4);
    float: left;
    margin-bottom: 0;
    margin-top: 4%;
    margin-right: 12px;
}
	li.slideba:nth-child(4n){
		margin-right: 0
	}
	.slideba img {
    width: 100%;
    height: auto;
    margin: 0;
}
	.hy-product-detail-content .hy-p-d-c-l-c .hy-p-d-c-l-c-t {
    width: 100%;
		    margin-left: 0;
}
	.hy-product-detail-content .hy-p-d-c-l-c{
		    display: flex;
    flex-flow: column-reverse;
	}
	ul.small_img.sliderba1::after{
		clear: both;
		content: "";
		display: block
	}
	.index-about-right p {
    margin-top: 5%;
    width: 100%;
    line-height: 2;
    color: #5b646d;
    font-size: 20px;
    font-weight: 500;
    padding-right: 4%;
    font-size: 14px;
}
	.index-about-right {
    height: 500px;
}
	.index-about-left{
		height: 500px;
	}
	.index-products-cp li{
		margin-right: 44px;
    width: calc((100% - 48px ) / 2);
	}
	.index-products-cp li:nth-child(2n) {
    margin-right: 0;
}
	.index-support-left {
		height: 500px;}
	.product-all-right-cp a h2 {
		padding-top: 2%;}
	.product-all-right-cp li{
		margin-bottom: 4%;
	}
	.shop-this {
    padding-top: 47px;
    padding-bottom: 100px;
	}
	.google-dtwa{
		font-size: 20px;
	}
	.contact-all>h2{
		font-size: 26px;
	}
	.new-all-left{
		width: 25%;
	}
	.menu-product-list h1,.product-all-right .menu-product-content h1 {
    font-size: 18px;
}
	.about-three-boxs {
    display: flex;
    flex-flow: wrap;
}
	.about-box{
		width: 100%;
		margin-bottom: 3%;
	}
	.about-box h4 {
    font-size: 20px;
    color: #000;
    margin: 2% 0;
}
	
}
@media screen and (max-width: 950px){
	.sw-shouji-button-shouji {
    display: none;
    width: 100%;
    position: relative;
    z-index: 99999;
		margin-right: 0;
		    padding-top: 2%;
    padding-bottom:2%;
	position: fixed;
}
	.sw-head-nav-right {
    width: 100%;
    height: auto;
   
    line-height: 1.7;
    margin-top: 0%;
    padding-bottom: 2%;
    background: #ffffff;
    margin-left: 0;
    padding-right: 3%;
	padding-left: 3%;
    box-sizing: border-box;
		flex-flow: wrap;
		padding-top:2%;
		
}
	.sw-head-nav{
		height: auto
	}
	.sw-head-nav-right li {
    height: auto;
    padding: 0;
    margin: 0;
    padding-bottom: 1%;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 1%;
    width: 100%;
    overflow: hidden;
		    font-size: 14px;
}
	.sw-head-nav-right li a {
    margin: 0;
    line-height: 1.7;
    display: block;
    width: 100%;
    text-align: left;
}
	.sw-shouji-button {
    display: inline-block;
    float: right;
    width: 40px;
    height: 40px;
    margin-top: 37px;
    margin-right: 2%;
		top: 0;
}
	#top .sw-shouji-button{
		display: block
	}
	.sw-shouji-button svg{
		width: 30px!important;
		height: 30px!important;
		
	}
	.sw-top-yvyan>span{
		display: block;
		width:100%;
	}
	.sw-top-yvyan, .sw-btn-shousuo-img {
  
    text-align: center;
    background: #888;
    margin-top: 0;
		margin-right: 2%;
    width: 46.5%!important;
    height: auto!important;
}
	.sw-top-qf {
    margin-top: 0;
}
	.top-daohang, .top-daohang .sw-head-nav-right {
    background: #1b1b1b;
}
	.top-daohang .sw-shouji-button svg {
    color: #ffffff;
}
	.conter-right{
		margin: 0 3%;
	}
	.content-all .conter-left p{
		    margin: 3% 0;
	}
	.conter-top-left, .conter-top-right{
		width: 100%
	}
	.conter-left{
		width: 100%;
    padding: 0 3%;
    margin-left: 0;

	}
	.conter-left h3, .conter-right h3 {
		margin-bottom: 2%;}
	.content-all>p{
		margin-bottom: 20px;
	}

	.product-all-right {
    width: 94%;
    margin-top: 40px;
    margin: 0% auto;
}
	.product-all {
    margin: 40px auto;
}
	
}
@media screen and (max-width: 900px){
	.menu-product-list {
    width: 48%;
    float: left;
    margin-right: 4%;
	margin-bottom: 4%;
	}
	.menu-product-list h1{
		margin-top: 0;
	}
		.menu-product-list:nth-child(3n){
		margin-right: 2%;
	} 
	.menu-product-list:nth-child(2n){
		margin-right: 0%;
	}
	.producb-top-tt-ts .producb-top-center {
    margin-right: 0rem;
}
}
@media screen and (max-width: 850px){
	.new-all-left {
    width: 27%;
}
	.jiantou {
    float: right;
    transition: 0.6s;
    display: inline-block;
    position: absolute;
    left: 93%;
    top: 43%;
	}
}
@media screen and (max-width: 800px){
	.index-about .imageContainer{
		    flex-flow: wrap;
	}
	.index-about-left {
    height: auto;
    width: 100%;
}
	.index-about-left img {
    height: auto;
    width: 100%;
}
	.index-about-right{
		width: 100%;
		    height: auto;
	}
	.index-supper-div-all .bx-controls-direction .bx-next {
    right: 0;
}
	.index-supper-div-all .bx-controls-direction .bx-prev {
    left: 0px;
}
	.index-support{
		    flex-wrap: wrap;
	}
	.index-support.index-support-two{
		flex-wrap: wrap;
	}
	.index-support-left {
    height: auto;
    width: 100%;
}
	.index-supper-right {
		width: 100%;}
	.downlist{
		display: none!important
	}
	.product-all-right-cp{
		padding-right: 0
	}
	.product-all-right-cp li{
		padding-bottom: 2%
	}
	.product-all-right-cp a h2{
		font-size:18px;
		padding-top:4%
	}
	.product-all-right-cp a p{
		font-size:14px;
	}
	.contact-left {
    width: 100%;
    float: left;
}
	.contact-right {
    width: 100%;
    float: right;
    padding-left: 4%;
} 
	.contact-all .contact-left h3, .contact-right h3{
		font-size: 20px;
	}
	.contact-right{
		margin-top: 3%;
	}
	.google-dtwa {
    font-size: 16px;
}
}
@media screen and (max-width: 768px){
	.hy-product-detail-content .hy-p-d-c-l-c{
		width: 100%
	}
	.index-join>p, .index-service>p{
		    width: 94%;
	}
	ul.index-service-ul{
		flex-flow: wrap
	}
	.index-service-ul li{
		width: 50%;
		margin-bottom: 5%;
	}
	.index-about-right h2 {
    width: 96%;
}
	.hy-p-d-c-r{
		width: 100%;
		    padding-left: 0;
	}
	.proct-zj {
    width: 94%;
    margin: auto;
}
	.proct-botto {
		width: 94%;}
	.about-all-top, .about-production{
		flex-flow: wrap
	}
	.proc-top{
		overflow: auto
	}
	.proc-top table{
		min-width: 800px;
	}
	.about-top-left, .about-top-right, .about-production-img, .about-production-img-right{
		width: 100%
	}
	.about-top-left, .about-production-img{
		margin-bottom: 4%
	}
	.about-contact-all, .about-center, .about-production, .about-production-img-right{
		
		margin:4% auto
	}
	.tittle-all{
		margin: 2% auto
	}
	 .about-bottom{
		padding: 4% 0;
		padding-top:0
	}
	.about-all{
		padding: 0
	}
	.about-top-right>p{
		margin: 2% 0
	}
	.about-production{
		margin-bottom: 2%
	}
	.about-bottom{
		margin-top:0
	}
	.about-production-img-right  {
		margin-bottom: 0
	}
	.about-bottom .bx-controls-direction .bx-prev{
		    left: 0px;
	}
	.about-bottom .bx-controls-direction .bx-next{
		right: 0
	}
	.about-all-top, .about-center, .about-contact-all{
		margin-bottom: 8%
	}
	.index-news-all li{
		    width: 100%;
    margin-bottom: 4%;
	}
	ul.index-news-all{
		    flex-flow: wrap;
	}
	.new-all-left {
    width: 30%;
}
	.four-all .four-one {
    width: 48%!important;
    height: auto!important;
    margin-right: 4%;
		margin-bottom: 3%;
}
	.four-all .four-one:nth-child(2n) {
    margin-right: 0!important;
}
	.du-video-all h2{
		font-size: 24px;
	}
	.imageContainer.ne .du-video-all ul li{
		width: 100%!important;
		margin-right: 0!important;
	}
	.producb .product ul li {
    width: 48%!important;
}
	.producb-top {
    flex-flow: wrap;
}
	.producb-top.producb-top-tt-ts {
    flex-flow: column;
}
	.producb-top-left {
    width: 100%;
    margin: 0;
    margin-bottom: 20px;
}
	.producb-top-center {
    width: 100%;
    margin: 0;
}
	.product>h2 {
    font-size: 24px;
}
}

@media screen and (max-width: 650px){
	.footer-section{
		width: 100%;
	}
	.footer-group-title, .side-content {
    margin-top: 15px;
	}
	.copyright{
		padding-top: 10px;
	}
	.footer-section{
		padding-bottom:10px;
		border-bottom: 1px solid #ccc;
	}
	.footer-group-title {
    margin-bottom: 0px;
}
	.contact-all>h2 {
    font-size: 20px;
}
	.contact-all .contact-left h3, .contact-right h3 {
    font-size: 18px;
}
	.contact-p {
    font-size: 14px;
    color: #000;
    line-height: 2.0;
}
	.google-dtwa {
    font-size: 14px;
}
	.contact-all>h2{
		margin-top: 30px;
		margin-bottom: 0px;
	}
	.contact-all>p{
		margin-bottom: 20px;
	}
	.new-all-left {
    width: 100%;
	}
	.new-all-right {
    float: left;
    display: inline-block;
    width: 100%;
   	margin-left: 0%;
	}
	.jiantou{
		display: none;
	}
	.new-all-right>p {
    margin-bottom: 2%;
	}
	.new-all-right h2{
		margin-top: 2%;
	}

	.menu-product-list {
		width: 100%;}
	.footer-section{
		padding-left: 0;
	}
}
@media screen and (max-width: 600px){
	.index-products-cp li{
		width: 100%;
		margin-right: 0
	}
	.foot{
		flex-flow: wrap
	}
	.py-banner-text>h2, .content-all h2 {
    font-size: 24px;
}
	.py-banner-text p{
		margin-bottom: 2%
	}
	.conter-center-img a{
		padding: 0 8%;
		top: 35%;
	}
	.custo{
		width: 100%;
		margin-bottom: 4%
	}
	.custo h3 {
    margin-bottom: 1%;
    padding-bottom: 1%;
    border-bottom: 1px solid #888888;
}
	.event:last-child{
		width: 100%;
		margin-right: 0;
		margin-bottom: 4%
	}
	.col_lift{
		margin-top:2%;
		    max-width: 100%;
	}
	.col_lift-1{
		width: 100%;
		background-size: 100%;
	}
	.col_right-1{
		width: 100%;
		    margin-bottom: 4%;
	}
	.size-1of4 {
    width: 100%;
}
	#fh5co-board .item img{
		width: 100%
	}
	.index-look .bx-viewport a p, .index-products-cp p, .index-news-all li h2, .index-service-ul li h2{
		font-size:18px;
	}
	.product-all-right-cp li {
    width: 100%;
		margin-right: 0px;}
	.tables-bottom.tables-bottom-sj{width: 98%}

	

}
@media screen and (max-width: 500px){
	.index-supper-right p{
		font-size:14px;
	}
	.index-news-all li p{
		font-size:14px
	}
	.index-support{
		margin-top:4%
	}
	.index-join>p{
		font-size:14px;
	}
	.four-all .four-one {
    width: 100%!important;
    margin-right: 0!important;
		margin-bottom: 8%;
}
	.four-all {
    display: flex;
    margin-top: 5%;
    position: relative;
}
}
@media screen and (max-width: 425px){
	
}
@media screen and (max-width: 350px){
	
}