@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1600px){
	.index-station-two-all,.index-station-one-all{
		    max-width: 94%;
	}
	.index-station-two-right {
    float: right;
    position: absolute;
    right: 0;
    width: 51%;
		top: 0
}
	.index-station-one-left {
    float: left;
    width: 55%;
}  
	.index-station-one-right{
		width: 35%;
	}
	.index-station-two-left{
		width: 35%;
	}
	.index-middle-box-text{
		top: 20%;
	}
	.fixed-contact{ 
		padding-left: 25px;
	}
	.index-new-s-all{
		padding-top: 0;
		margin: 100px auto
	}
	.jf-news-details {
		max-width: 86%;}
	
}

@media screen and (max-width: 1450px){
	.index-solution-title {
    margin: auto;
    max-width: 800px;
    margin-top: 100px;
    margin-bottom: 100px;
}
	.solution-all-box { 
    max-width: 90%;
    margin: 80px auto;
}
	.solution-six-one-text>a>h3{
		font-size: 24px;
	}
	.jf-menu-left-text>h2{
		font-size: 36px;
	}
	.jf-menu-left-text{
		width: 70%;
	}
	.about-banner-bac-po{
		max-width: 94%;
	} 
	.about-banner-text-right {
		width: 40%; 
		height: auto;
		padding: 75px 60px 40px 110px;
	}
	.about-mission-jf-left{
		padding: 105px;
	}
	.about-mission-jf-left-text>p{
		width: 95%;
	}
	.about-mission-jf-right{
		padding: 20px;
	}
	.about-cer-all>h2{
		max-width: 94%;
	}
	.about-cer-all .bx-wrapper{
		max-width: 94%!important;
	}
	.box-left{margin-top: -250px!important;}
	.bbanner .bac{height: 100%!important;}
	.home-specifications-left{padding-left: 4%!important;}
	
}


@media screen and (max-width: 1350px){
/*
	.index-body-fixed-nav ul li{padding: 0 15px}
	.index-body-fixed-nav ul li a{font-size: 14px}
*/
	.jf-news-all {
    max-width: 94%;
    margin: 70px auto;
}
	.case-body-all-box{ 
		max-width: 94%;
	}
	.about-lunbo-all{
		max-width: 94%;
	}
	.about-banner-text-right>h2{
		font-size: 46px;
	}
	.about-banner-text-right>p {
    font-size: 14px;
    color: #000000;
    line-height: 30px;
}
	.about-lunbo-all{
		margin: 60px auto;
	}
	.about-middlie-dd{
		max-width: 94%;
	}
	.about-middlie-dd-top>h2{
		font-size: 36px;
	}
	.about-cer-all>h2,.about-mission-jf-left-text>h2{
		font-size: 36px;
	}
	.jf-first-catelogy-text {
    position: absolute;
    top: 20%;
    max-width: 90%;
}
	.jf-first-catelogy-text>h2{
		font-size: 36px;
	}
	.jf-first-catelogy-text ul li a{
		font-size: 24px;
	}
	.about-lunbo-all-left{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.about-lunbo-all-left-img{
		left: inherit;
		top: inherit;
	}
	.about-lunbo-all-left-img img{width: 100%;}
}
@media screen and (max-width: 1300px){
	.index-new-s-all,.index-map-all,.index-about-all,.jf-news-details{
		max-width: 90%;
	}
	.app-zlj-one{height: 500px;}
	.home-markets-text p{width: 75%;}
	
}
@media screen and (max-width: 1250px){
	.mm-products-left{width: 17%!important;}
	.index-about-all-right {
    width: 55%;
    background: #e1d8ce;
    height: 512px;
    right: 0;
    padding: 40px 40px 0 180px;
    float: right;
    position: absolute;
}
	.index-station-one-right {
    width: 40%;
}
	.index-station-one-right{
		top: 0;
	}
	.about-banner-text-right {
    width: 40%;
    height: auto;
    padding: 50px 60px 40px 60px;
}
	.jf-second-catelogy-title, .jf-products-details-all-title{width: 90%;}
	.about-lunbo-all-left,.about-lunbo-all-right{width: 100%;}
	.about-lunbo-all-right{margin-top: 50px;}
	.about-lunbo-all-right>h2{
		font-size: 36px;
	}
	.about-lunbo-all-right>p {
    font-size: 16px;
    color: #000000;
    line-height: 30px;
    margin-bottom: 20px;
}
	.about-banner-bac{
		height: auto;
	}
	.box-left {
    margin-top: -140px!important;
}
	.swiper.mySwiper {
    bottom: 255px!important;
}
	.honghu-about-three {
    padding-bottom: 160px!important;
}
	.honghu-about-three-box-right{margin-top: 60px!important;}
}

@media screen and (max-width: 1200px){

	.index-body-fixed-nav ul li {
    padding: 0 10px;
} 
	.index-about-all-left{width: 50%}
	.index-about-all-left img{
		width: 100%;
	}
	.index-about-all {
    margin: 85px auto;
    position: relative;
    margin-bottom: 185px;
}
	
}

@media screen and (max-width: 1024px){
	.sw-shouji-button {
    display: inline-block;
    float: right;
    width: 40px;
    height: 40px;
    margin-top: 2px;
    margin-right: 3%;
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 9999;
    cursor: pointer;
}
	.sw-shouji-button svg {
    width: 30px!important;
    height: 30px!important;
    color: #000!important;
}
	.index-body-fixed-nav{
		display: none
	}
	.index-body-fixed-nav {
    float: right;
    position: fixed;
    width: 100%!important;
    right: 0;
    background: rgb(3,101,100);
    top: 100px;
    z-index: 999;
}
	.index-body-fixed-nav ul li {
    padding: 0 20px;
    height: auto;
    line-height: 50px;
    width: 100%;
    text-align: left;
}
	.downlist{
		display: block!important;
		position: relative!important;
		top: 0px!important;
		background: none!important;
		box-shadow: none!important;
		left: 0!important;
	}
	.downlist-qt-custo a{color: #fff!important;}
	.downlist-qt-custo{float: none!important;}
	.index-body-fixed-nav ul {
    display: flex;
    flex-flow: wrap;
}
	.index-body-fixed-nav {
    float: right;
    position: fixed;
    width: 100%!important;
    right: 0;
    background: #008dba;
    top: 100px;
    z-index: 999;
		padding: 10px;
}
	.index-body-fixed-nav>ul>li>a{color: #fff;font-size: 17px!important;}
	.index-map-all-left img{width: 100%;}
	.index-about-all-right {
    width: 100%;
    background: #e1d8ce;
    height: auto;
    right: 0;
    padding: 40px;
    float: right;
    position: relative;
}
	.index-about-all-left {
    width: 100%;
}
	.index-map-all-right {
    position: relative;
    right: 0;
    background: #000;
    top: 30%;
    padding: 50px;
    color: #fff;
    width: 100%;
    height: auto;
}
	.index-middle-box-text{width: 70%;}
	.index-middle-box-text>h2{
		font-size: 36px;
		margin-bottom: 20px;
	}
	.index-middle-box-text>p{width: 100%;font-size: 14px;}

	.index-station-one-right {
    float: right;
    width: 100%;
    position: relative;
    right: 0;
    bottom: 0;
    margin-right: 0;
    left: 0;	
		
}
	.index-station-one-right>h2, .index-station-two-left>h2 {
    font-size: 30px;
    margin: 30px 0 30px 0;
}
	.pp, .index-station-one-right>p, .index-station-two-left>p {
    color: #333333!important;
    margin: 20px 0!important;
    font-size: 14px!important;
    line-height: 20px!important;
    letter-spacing: 0.5px!important;
}
	.index-station-one-left {
    float: left;
    width: 100%;
		margin-bottom: 2%;
}
	.index-station-two-right {
    position: relative;
    right: 0;
    width: 100%;
    top: 0;  
}

	.index-station-two-all{
		float: none;
	}
	.index-station-two-left {
    width: 100%;
		margin-bottom: 2%;
}
	.index-station-one-all,.index-station-two-all {
    margin: auto;
    max-width: 94%; 
} 
		.index-station-one-all{
		margin-bottom: 5%;
	}
	.index-station-all {
    margin: 85px auto;
}
	.index-new-s-all{
		margin-top: 40px;
		margin-bottom: 0!important;
	}
	.index-left-text>h1{
		font-size: 36px;
		margin-bottom: 20px;
	}
	.index-left-text p{
		margin-bottom: 20px;
		font-size: 14px;
	} 
	.jf-news-details-left-title>h2{
		font-size: 24px;
	}
	.solution-six-one{
		width: 48%;
		margin-right: 4%;
}
	.solution-six-one:nth-child(3n){
		margin-right: 2%;
	}
	.solution-six-one:nth-child(2n){
		margin-right: 0%;
	}
	.case-body-one-bac {
    position: relative;
    transition: 1s;
    overflow: hidden;
    margin-bottom: 20px;
    height: auto;
}
	.project-case-all-banner-text{
		max-width: 94%;
	}
	.project-case-all-banner-text p{
		font-size: 14px
	}
	.project-case-all-banner-text>h2{
		font-size: 46px;
		margin-bottom: 40px;
	}
	.project-case-all-banner {
    background: rgb(3,101,100);
    width: 100%;
    height: auto;
    justify-content: center;
    align-items: center;
    padding: 20px;
}
	.case-body-all{
		margin-top: 0
	}
	.case-body-all-box{
		margin: 20px auto;
	}
	.case-body-one{
		margin-bottom: 40px;
	}
	.project-case-all-banner-text{
		padding-top: 0;
	}
	.jf-menu-left-text>h2 {
    font-size: 24px;
}
	.jf-menu-left-text>p{
		font-size: 14px;
		line-height: 20px;
	}
	.jf-menu-left-text{
		top: 15%;
	}
	.index-solution-title{
		max-width: 94%;
	}
	.index-solution-title>h2{
		font-size: 36px;
	}
	.about-banner-bac-po{
		padding-top: 0
	}
	.about-banner-text-right{
		width: 100%;
		position: relative;
		left: 0;
	}
	.three-products-bottom ul li {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
    position: relative;
}
	.three-products-bottom ul li:nth-child(5n) {
    margin-right: 2%;
}
	.three-products-bottom ul li:nth-child(3n) {
    margin-right: 0;
}
	.jf-first-catelogy-text>h2 {
    font-size: 24px;
		margin-bottom: 15px;
}
	.jf-first-catelogy-text ul li a {
    font-size: 16px;
}
	.jf-second-catelogy-title a{
		font-size: 20px;
	}
	.jf-second-catelogy-title, .jf-products-details-all-title{
		height: 50px;
		line-height: 55px;
	}
	.jf-second-catelogy-all {
    margin-top: 50px;
}
	.three-products-bottom>ul{
		padding: 40px 0 130px 0;
	}
	.index-map-all-left iframe{
		width: 100%!important;
	}  
	.about-middlie-dd-top>h2 {
    font-size: 28px;
}
	.about-middlie-dd-bottom>h4,.about-middlie-dd-bottom a{
		font-size: 24px;
	}
	.about-middlie-dd-top>span,.about-middlie-dd-bottom>span{
		font-size: 70px;
	}
	.about-mission-jf-left,.about-mission-jf-right{
		width: 100%;
		height: auto;
	}
	.about-cer-all>h2, .about-mission-jf-left-text>h2{
		font-size: 28px;
	}
	.about-mission-jf-one-right>h3{font-size: 24px;}
	.about-mission-jf-one-right>p{width: 100%;font-size: 14px;}
	.about-cer-all{
		margin: 50px 0;
	}
	.about-cer-all>h2 {
    margin-bottom: 30px;
    line-height: 55px; 
}
	.about-mission-jf-left-text>h2{
		margin-bottom: 40px;
	}
	.about-mission-jf-left-text>p{
		width: 100%;
	}
	.home-ifoot-bottom-link>ul>li{
		height: auto!important;
		padding: 2px;
		width: auto!important;
	}
	.home-ifoot-all-bottom-pos{flex-flow: wrap;}
	.home-ifoot-bottom-box{width: 49%;margin-right: 2%;margin-bottom: 2%;}
	.home-ifoot-bottom-box:nth-child(2n){margin-right: 0}
	.mm-products-left{display: none}
	.mm-products-right, .product-all-right{width: 100%;}
	.p12-s2.container{display: flex;flex-flow: wrap}
	.mml-text,.mml-form,.honghu-about-one-left,.honghu-about-one-right{width: 100%!important;max-width: 100%!important;}
	.mml-text{margin-bottom: 40px;}
	.home-markets-text p{width: 100%!important;line-height: 27px}
	.home-markets-text d{color: #fff!important;}
	.home-markets-text h1, .home-markets-text d, .honghu-about-one-left h2, .honghu-about-three-box-right h3, .honghu-about-three-box-right d, .box-right h3, .swiper-lunbo-top d, .swiper-lunbo-top>h2, .our-gallery-top h2, .swiper-lunbo-top>h2,.home-ifoot-all-top-left>h3,.index-home-about-right h2,.index-home-about-right d,.home-body-application-title-h>h2,.home-body-products-bottom-left>h3,.home-background-box h2 {font-size: 24px!important;}
	.honghu-about-one-right{margin-top: 40px;}
	.box-left{position: relative!important;margin-top: 0px!important;width: 100%!important;}
	.honghu-about-three-box.left .box-right{width: 100%!important;margin-bottom: 40px;}
	.honghu-about-three{padding-bottom: 0px!important;}
	.honghu-about-three-box.left,.honghu-about-three-box{width: 94%!important;max-width: 94%!important;}
	.honghu-about-three-box-left{width: 100%!important;}
	.honghu-about-three-box-right{margin-top: 20px!important;}
	.honghu-about-three-box-right p{margin-top: 20px;width: 100%!important;}
	.honghu-about-three-box-right{width: 100%!important;}
	.honghu-about-three-box{margin: auto;}
	.index-home-about-right h2{line-height: 40px!important;}
	.home-body-application-box{flex-flow: wrap}
	.app-zlj-one{width: 50%!important;}
	.index-home-about-right p{line-height: 28px!important;}
	.home-body-application-title-h>p {
    font-size: 16px;
    color: #454545;
    line-height: 28px;
}
	.home-body-application-title-h{width: 66%!important;}
	.home-specifications-right,.home-specifications-left{width: 100%!important;}
	.home-specifications{max-width: 94%;}
	.porder-top-con,.mm-products-right, .product-all-right, .products-top{width: 100%;}
	.index-body-fixed-nav>ul>li>a:hover {
    color: #fff;
}
	.swiper.mySwiper {
    bottom: 305px!important;
}
}
@media screen and (max-width: 900px){
	
}

@media screen and (max-width: 768px){
	
	.index-about-all{
		margin: 60px auto;
	}
	.index-new-s-box h3{
		font-size: 14px;
	}
	.index-new-s-all-box {
	   flex-flow: wrap
	}
	.index-new-s-box{
		width: 100%;
		margin-right: 0!important;
		margin-bottom: 4%
	}
	.index-new-s-all{margin-bottom: 50px;}
	.index-foot-all{
		margin-top: 100px;
		max-width: 94%;
	}
	.index-left-text>h1{
		font-size: 24px;
	}
	.index-left-text p{
		font-size: 13px;
	}
	.index-left-text{background: none;top: 10%;}
	.index-body-fixed-nav{
		width: 100%!important;
	}
	.index-middle-box-text>p{
		font-size: 13px;
		line-height: 15px;
	}
	.index-middle-box-text>h2{
		font-size: 24px;
		margin-bottom: 10px;
	}
	.index-new-s-box h3 {
    font-size: 20px;
}
	.jf-news-details-left{
		width: 100%;
		margin-bottom: 2%;
	}
	.jf-news-details-right{
		width: 100%;
	}
		.solution-six-one,.case-body-one{
		width: 100%;
		margin-right: 0%!important;
}
	.project-case-all-banner-text>h2{
		font-size: 24px;
	}
	.jf-products-menu-left{
		width: 100%;
	}
	.jf-products-menu-right{
		width: 100%;
	}
	.jf-menu-left-text{top: 25%;}
	.index-solution-title>p{
		font-size: 14px;
	}
	.index-solution-title>h2 {
    font-size: 24px;
}
	.index-solution-title{
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.three-products-bottom ul li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
    position: relative;
}
		.three-products-bottom ul li:nth-child(3n) {
    margin-right: 2%;
}
	.three-products-bottom ul li:nth-child(2n) {
    margin-right: 0;
}
	.about-mission-jf-one-right {
    width: 100%;
}
	.about-mission-jf-one-left {
    margin-right: 0;
    width: 100%;
		margin-bottom: 20px
}
	.about-mission-jf-one{
		flex-flow: wrap;
		text-align: center; 
	}
	.about-mission-jf-one-right>p{
		line-height: 24px;
	}
	.about-banner-text-right>h2{
		font-size: 36px;
	}
	.about-banner-text-right{
		padding: 20px;
	}
	.jf-first-catelogy-text>h2{
		font-size: 20px;
	}
	.jf-first-catelogy-text{
		top: auto;
	}
	.jf-first-catelogy-text>h2{
		margin-bottom: 30px;
	}
	.jf-first-catelogy>img {
    height: 400px;
}
	.jf-second-catelogy-title a{
		width: 100%;
		margin-right: 0;
	}
	.jf-second-catelogy-title{
		height: auto; 
		flex-flow: wrap;
	}
	.porder-top-li h3{
		font-size: 16px;
	}
	.home-ifoot-bottom-box {
    width: 100%;
    margin-right: 0;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    padding-top: 20px;
}
	.home-ifoot-all-bottom{padding: 20px 0;}
	.mm-products-cateloge{width: 49%!important;margin-right: 2%!important;}
	.mm-products-cateloge:nth-child(3n){margin-right: 2%!important;}
	.mm-products-cateloge:nth-child(2n){margin-right: 0%!important;}
	.hh-right-box-left,.hh-right-box-right{width: 100%!important;}
	.hh-right-box-right{margin-top: 40px;}
	.p12-s2 .mml-text li,.swiper-lunbo-bottom p{width: 100%!important;}
	.honghu-about-two-title p{font-size: 16px!important;}
	.home-markets-text h1, .home-markets-text d, .honghu-about-one-left h2, .honghu-about-three-box-right h3, .honghu-about-three-box-right d, .box-right h3, .swiper-lunbo-top d, .swiper-lunbo-top>h2, .our-gallery-top h2, .swiper-lunbo-top>h2,.home-ifoot-all-top-left>h3,.index-home-about-right h2,.index-home-about-right d,.home-body-application-title-h>h2,.home-body-products-bottom-left>h3,.home-background-box h2 {
    font-size: 24px!important;
}
	.home-body-products-bottom-lr{border-radius: 65px 0!important;}
	.home-body-products-bottom-left{padding: 40px!important;}
	.home-body-application-title-h {
    width: 100%!important;
}
	.home-body-application-title>a{float: none}
	.index-home-about-left,.index-home-about-right{width: 100%!important;}
	.index-home-about-right{margin-top: 20px}
	.index-home-about.wid.clearfix {
    margin-bottom: 40px;
}
	.home-body-products-bottom-lr{flex-flow: wrap;}
	.home-body-products-bottom-left, .home-body-products-bottom-right{width: 100%!important;}
	.home-body-products-bottom-lr { 
    border-radius: 0px 0px 130px 0px!important;
}
	.home-body-products-title>h3{font-size: 24px!important;}
}
@media screen and (max-width: 650px){
	.index-foot-all form button{
		width: 30%;
	}
	.index-foot-all form input{
		width: 65%;	
	}
	.index-foot-all-logo img {
    width: 100%;
}
	.index-foot-all-social ul{
		margin-top: 40px;
	}
	body .bx-wrapper .bx-controls-direction .bx-prev {
    left: 15px;
}
	body .bx-wrapper .bx-controls-direction .bx-next{
		right: 15px
	}
	.index-left-text p{
		line-height: 20px;
	}
	.index-middle-box-text {
    top: 10%;
}
}
@media screen and (max-width: 500px){
	.index-left-text{
		top: 0;
	}
	.index-left-text p{margin-bottom: 10px;
	}
	
	.index-middle-box-text>p{
			display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; 
    overflow: hidden;
	}

	.index-left-text>h1{
		margin-bottom: 10px;
	}
	.index-foot-all{
		margin-bottom: 15px;
	}
	.jf-news-details-left-title>h2 {
    font-size: 16px;
}
	.three-products-bottom ul li {
    width: 100%;
    margin-right: 0!important;
}
	.about-middlie-dd-top>h2 {
    font-size: 20px;
}
	.about-middlie-dd-bottom>h4, .about-middlie-dd-bottom a{
		font-size: 18px;
	}
	.about-middlie-dd{
		margin: 50px auto;
	}
	.about-mission-jf-left{
		padding: 40px;
	}
	.about-cer-all>h2, .about-mission-jf-left-text>h2{
		font-size: 24px;
	}
	.about-mission-jf-left-text>h2{
		margin-bottom: 20px;
	}
	.about-mission-jf-left-text>p{
		font-size: 14px;
	}
		.about-banner-text-right>h2{
		font-size: 24px;
			margin-bottom: 30px;
	}
	.about-banner-text-right>p{
		line-height: 24px;
}
	.about-lunbo-all-right>h2 {
    font-size: 24px;
    margin-bottom: 30px;
}
	.about-lunbo-all-right>p{
		font-size: 14px;
		line-height: 24px;
	}
.index-foot-all-logo img {
    width: 60%;
}
	.porder-top-li{width: 100%!important;margin-right: 0!important;margin-bottom: 4%!important;}
	.app-zlj-one{width: 100%!important;}
	.home-body-products-title>h3{font-size: 24px!important;margin-bottom: 20px!important;}
	.home-body-products-title>a{float: none!important;}
	.home-body-products-title{text-align: center;}
	.home-background-box p{width: 100%!important;}
	.mm-products-cateloge{width: 100%!important;margin-right: 0%!important;}
	.mm-products-right-title {
    margin-bottom: 30px!important;
}
	.home-body-products-bottom-lr{
		border-radius: 80px 0px 80px 0px!important;
	}
	.fixed-contact a, .index-left-text a {
    height: 30px!important;
    line-height: 30px!important;
    font-size: 14px!important;
		border-radius: 0 10.5px 0 10.5px;
		width: 85px!important;
}
}