


@media only screen and (min-width: 640px) {
 .join-copy{display: none;}
}
@media only screen and (max-width: 1620px) {
.case .l dd{width: 100px; height: 100px; font-size: 44px; line-height: 100px;}
}

@media only screen and (max-width: 1282px) {
	.one-pro{width: 23%;margin: 0 1%;}
	/*.one-pro:nth-child(5n){margin: 0 1%;}*/
	.pro-lead > ul{text-align: left;}
	.pro-lead > ul > li{width:28%;margin-bottom: 20px;}
	.case .l .case-wrap{width: 80%;}
}
@media only screen and (max-width: 1200px) {

	.contact-con{display: none;}
	.feedback .blocks{width: 90%;margin:0 auto 20px; float: none;}
	.contact-info{padding: 0 2%}
	.feedback textarea ,.feedback input {width: 89%;}
	.feedback label{width: 10%}
	.feedback{text-align: left;}
	.feedback .feedback-submit-btn{display: block; margin: auto;}
	.plant-list li a{padding-left: 0;padding-right: 0; width: auto;}
	.plant-list li .con{padding: 0 10px; height: 80px; overflow: hidden;}
	.plant-list li {background-position: center top;}
	.apply-wrap2 .row label{display: block;}
	.apply-wrap2 .row label{text-align: left;}
	.join6{padding: 30px 15px;}
	.apply-wrap2 .row input ,.apply-wrap2 .row textarea{width: 100%; box-sizing:border-box;}
	.wd1156,.news-lead{padding: 0 10px; box-sizing: border-box;}
	.one-news{padding:0 15px; }
	.one-news .l{width:44%;}
	.one-news .l .con{line-height: 22px;}
	.one-news .l .more{margin-top: 10px;}
	.one-news .l2{width: 50%}
	.one-news .l2 .pic-box {width:100%; position: relative; }
	.one-news .l2 .pic-box div{width: auto;display: block;}
	.one-news .l2 .pic-box img {max-width: 100%;max-height: 300px;}
	.wrap-one-news2 .one-news .l2{ margin-right: 2%;}
	.wrap-one-news{height: auto;}
	.page-con{padding: 0 10px;}
	.pro-lead{padding: 20px 0}
	.recommand li{width: 31%;margin: 0 1%;}
	.in-tel-top{height: auto;}
	.in-tel-top .hd{padding:20px 0; }
	.one-tel{margin: 0 2%;}
	.in-tel .bd li{padding: 0 15px;}
    
    .product .l .product-wrap{width: 92%;}
    .tel .l .tel-wrap{width: 88%;}
	.tel.active .l li.active .tit{font-size: 36px;}
	.case .l dd{width: 80px; height: 80px; line-height: 80px; font-size: 32px;}
	.case .l .case-wrap{width: 85%;}
	.case .l dd{margin-right: 20px;}
	.case .l dd:last-child{margin-right: 0;}
	.pro-return{text-align:right;padding:  10px; display: block;}

}



@media only screen and (max-width:986px) {
	.one-pro{width: 31%;margin: 0 1%;}
}
 

@media only screen and  (max-width : 1024px){
	.year-loop{padding: 0 40px}
	.big-control .flex-direction-nav a.flex-next{right: 10px;}
	.big-control .flex-direction-nav a.flex-prev{left: 10px;}
	.in-about4{height: auto;background: none}
	.in-about4 .con3{padding: 294px 582px 127px 0 }
	.footlist dl{text-align: center;}
	.in-foot{padding: 0 15px;}
	.in-about2 .wrap-text li .con{width: auto;}
	.main-box{overflow: hidden;} 
	.join1 .con{width: auto;}
	.net-middle .con .l{padding: 0;width: 44%; margin-top:60px;}
	.net-middle .con .r{width: 50%; margin:1% 0 0 0}
	.net-middle .con .r .pic-box {width:100%;box-shadow:none;}
	.net-middle .con .r .pic-box div{width:100%;height:auto; display: block;}
	.net-middle .con .r .pic-box img {max-width: 100%;max-height: auto;}

	.one-net { width:31%;margin:0 1% 15px; }
	.one-net .pic-box {width: 100%;padding: 0;margin: auto; }
	.one-net .pic-box div {width: 100%;height: auto; }
	.one-net .pic-box img {max-width: 100%;max-height: 250px;}
	.other-page{text-align: center; padding:20px 10px;}

	.producut-view{text-align:center;}
	.producut-view .pic-box {float: none;display: inline-block; position: relative;width: auto; max-width: 90%; }
	.producut-view .pic-box div{width: auto;height: auto; display: block;}
	.producut-view .pic-box img {max-width:100%;max-height: auto;}
	.pro-intro{float: none; width: 90%; margin: 40px auto;}
	.pro-intro .con2 .l,.pro-intro .con .l{text-align: left;}
	.pro-intro .con .l,.pro-intro .con .r{width: 50%;}
	.pro-up , .recommand{padding: 20px 15px;}


}


@media only screen and (max-width: 768px) {
	.switch,.nav {
	display: none;
	}
	.logo_new{
		display: none!important;
	}
	.menu ,.h_right{
	display: block;
	}
	.menu{margin-top: -3px;}
	.h_right {
	background: #fed136 none repeat scroll 0 0;
	background: #000;
	width: 100%;
	top:-43px;
	height: 60px;
	}
	.h_right a img{
		width: 38%!important;
	}
	.nav-mobile{
		top: 14px;
	}
	.head{height: 40px;}
	.in-banner{margin-top: 57px;}
	.drop-fix{display: none;}
	.about-banner{height: 100%; padding-bottom: 0;}
	.about-banner img{width: 60%;}
	.in-about4 .con2{padding:  189px 0 0 364px }
	.in-about4 .con3{padding:  246px 336px 124px 0}
	.about-common-tit{padding: 36px 0;}
	.in-about5 li{width: 50%;}
	.pro-banner .p2{font-size: 12px;}
	.one-tel{margin: 0 4%;}
	.in-tel .bd .con .tit{font-size: 34px;padding-top: 10px;}
	.in-tel .bd .con .tit2{font-size: 28px;}
	.in-tel .bd .con .tit3{font-size: 22px;}
	.in-tel .bd .con .text{padding-top: 18px;}
	.in-tel .bd li > div.video-part{width: 80%;}
	.one-tel{width: 25%; margin: 0 4%;}
	 
}

@media only screen and (max-width: 640px) {
	.about-banner,.in-about4 .con2 .f,.in-about4 .con3 .d ,.foot-link,.foot-list , .pro-banner,.news-lead em{display: none;}  
	.in-foot{padding: 0 10px;}
	.in-about4 .con2 ,.in-about4 .con3{padding: 0;margin:15px 0; }
	.in-about4 .con3{margin-top: 103px;}
	.in-about4 .con1 .tit{font-size: 16px;}
	.in-about4 .con2 .tit , .in-about4 .con3 .tit{line-height: 1.6;font-size: 16px;padding: 0 15px; text-align: center;}
	.in-about4 .con2 .text ,.in-about4 .con3 .text{padding-top: 10px;}
	.in-about5 li{width: 100%;}
	.sup , .sup p{text-align: center !important;}
	.feedback textarea, .feedback input{width: 100%;}
	.feedback label{width: 66px;}
	.contact-phone{height: auto;padding:   30px 0;}
	.net-top .con li{border:none;}
	.net-top .con{width: 90%;padding-top: 10px;}
	.net-middle .con .l{float: none; width: 96%; margin: 10px auto;text-align: center;}
	.net-middle .con .r{float: none;width: 96%; margin: auto;}
	.net-middle .con{height: auto;}
	.one-news .l , .one-news .l2{float: none; width: 94%; float: none; margin:0 auto 15px; display: block;}
	.one-news .l2 .pic-box img , .one-news .l2 .pic-box div{max-height: auto;height: auto;}
	.wrap-one-news2 .one-news .l2{float: none; margin:0 auto 15px;}
	.news-lead{height: auto; }
	.news-lead ul{float: none;}
	.pro-lead > ul > li{width:48%;margin: 0 1% 20px;}
	.one-pro{width: 100%;margin: 0 1%;box-sizing:border-box;padding: 0 4% 0 2%;}
	.in-tel .bd li > div,.in-tel .bd li > div{width: 100%; margin: auto;text-align: center;}
    
    .tel .l , .product .l,.case .l{float: none;width: 100%; position: relative;z-index: 10; background: transparent;}
    .tel .r , .product .r,.case .r{width: 100%; float: none; width: 100%;height: 100%;z-index: 1;position: absolute;top: 0;bottom: 0;}
    .product .l .product-wrap .tit2{margin-bottom: 30px;}
    .product .l dd span{height: 42px; line-height: 42px;background-size:auto 42%;}
    .case .l dd{width: 62px; height: 62px; line-height: 62px; font-size: 24px;}
    .case .l .case-wrap .tit , .case .l .case-more a {margin: 20px 0;}
    .case.active .l dl{margin-top: 60px;}
    .about-list .owl-nav div.owl-prev{left: 0;}
    .about-list .owl-nav div.owl-next{right: 0;}
    .wrap .welcome .main{width: 100%;   height: 50%;}
    .about-list{padding:0;}
    .tel.active .l dl{margin-top: 90px;}
    .nav-item{border-bottom: 1px solid #ededed;}
    .join3-pic{display: none;}
    .tel .l .tel-wrap{ width: 74%;}
    .tel .l dl{  margin-top: 10px !important}
    .footer{padding: 0 40px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
    .footer-wrap{height:  auto !important; top: 44px !important;   display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;}
/*.product .l .product-wrap .tit{-webkit-transform: translateX(0);transform: translateX(0);opacity: 0;-webkit-transform: translateY(0%);transform: translateY(0%);transition: all 1s;}
   .product .l .product-wrap .tit2{-webkit-transform: translateX(0);transform: translateX(0);-webkit-transform: translateY(0%);transform: translateY(0%);opacity: 0;transition: all 1s;}
    .product.active .product-wrap .tit2{-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;transition-delay: .7s;}
 .product.active .product-wrap .tit{-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;transition-delay: .7s;}*/
 .center-f{text-align: center !important;}
 .side-ico{display: none;}
 .news-title{font-size: 18px;}
 .content{font-size: 14px!important;}
 .foot-change1 .f1 a img{width: 60%!important;}
} 

@media only screen and (max-width:480px) {
	.about-banner{display: none;}
	.about-common-tit{padding:20px 12px;font-size: 24px;}
	.about-common-tit span,.join1 .con .tit1 , .join-top-tit span,.join2 .top .tit1{font-size: 22px;}
	.in-about1 .con{padding: 15px;}
	.in-about1{padding-bottom:14px;}
	#slider,.in-about2 .wrap-text{padding-top: 0;}
	.in-about2 .wrap-text li .tit{font-size: 45px;}
	.in-about2 .wrap-text li .tit2{font-size: 26px;}
	.in-about2{height: auto;padding: 40px 0;}
	.big-control .flex-direction-nav a{top:88%;}
	.in-about2 .wrap-text li .con{font-size: 12px;}
	.year-loop{font-size: 28px;}
	.year-loop{padding: 0 20%;}
	.in-about3{height: auto;}
	.in-about3 li{width: 100%; padding-bottom: 30px;}
	.footer .f5{font-size: 18px; line-height: 2;}
	#verify-code{width: 128px}
	.plant-list li,.join5 ul li{width: 50%;text-align: center;}
	.join1,.join2 .top{padding: 0 10px;}
	.join4-form-row span:nth-child(2n+1){width: 30%}
	.join4-form-row span:nth-child(2n){width: 35%}
	.join5 ul{text-align: left;}
	.join5 ul li{margin-bottom: 20px;}
	.join2 .top{margin: 30px 0}
	.join-top-tit,.join2 .top h3{font-size: 20px;}
	.join5{padding: 0;}
	.join-top-tit{line-height: 34px;}
	.net-middle .con .l .tit{font-size: 16px;}
	.net-middle .con .l .text{font-size: 12px;}
	.one-net{width: 48%; margin:0 1% 10px;}
	.news-lead ul li{width: 31%;}
	.one-news .l .tit{max-height:24px;overflow: hidden;}
	.one-pro .pic-box{ width: auto; position: relative; margin: auto;}
	.one-pro .pic-box div{ width: auto;height: auto; display: block;}
	.one-pro .pic-box div>img{ width: 100%; }
	.footer>p{text-align: center !important;}
	.sup  span{float: none;}
	.pro-intro .con .l ,.pro-intro .con .l, .pro-intro .con .r,.pro-intro .con2 .l,.pro-intro .con2 .r{float: none; width: 100%; margin: auto;}
	.pro-intro .con , .pro-intro{ height: auto;}
	.pro-intro .con2 .r a{margin:20px 0 0 0;}
	.recommand li{width: 48%}
	.in-foot{margin-top: 20px;}
	.wrap  .welcome  .main  .m1{height: 150px; background-size:auto 100% ;-webkit-background-size:auto 100% ;}
    .product .product-wrap img{width: 60%;}
    .product .l .product-wrap .tit{font-size: 24px;}
    .product .l .product-wrap .tit2{font-size: 14px;}
    .tel.active .l dl{margin-top: 90px;}
     .tel .l li,.rbgaw{background: rgba(255,255,255,.6); padding: 4px 10px; display:inline-block;*display:inline;vertical-align: top;}
     /*.rbgaw{padding: 40px 20px 0 40px;}*/
    .case-wrap ul li{
    	width: 100%!important;
    }
    .case-wrap ul li img{
    	display: none!important;
    }
    .case .l .case-wrap{margin-top: 80px!important;}
     .one-pro .pic-box div > img{}
     .in-pros{padding-top: 20px;}

    .tel .l li:nth-child(2) .tit2,.tel .l li:nth-child(3) .tit2{display: none;}

} 

@media only screen and (max-width:400px) {
	.in-tel .bd li > div.video-part{width: 100%;}
	.one-tel em{display: none;}
	.one-tel a{width: 60px; height: 60px; font-size: 30px; margin: auto;}
	.one-tel p{padding-top: 0;}
	.one-tel span{font-size: 12px;}
	.in-tel-top .hd{text-align: center;}
	.about-list .item a .down-wrap > img{padding-top:50%;  }
	.about-list .item .con{max-height: 24px; overflow: hidden;}
	.about  .wrap-text{display: none;}
	/*.tel-wrap{top: 40px !important}*/
	/*.tel.active .l dl{top: 75% !important}*/
	.wrap  .welcome  .main{ }
	.wrap  .welcome  .main > .m1{height: 120px; background-size:auto 100% ;-webkit-background-size:auto 100% ;}
	.wrap  .welcome  .main > .m2{height: 30px; background-size:auto 100% ;-webkit-background-size:auto 100% ;}
	.tel .l .tel-wrap{width: 80%;}
    /*.tel-wrap{top: 14% !important}*/
    .tel.active .l dl{margin-top: 100px;}
    .case .l dd img.img1{width: 38px;}




}

@media only screen and (max-width:375px) {
    .about-list .item{margin-top: 50%;}
    .footer{padding: 0 40px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
    .h_right{
    	height: 60px!important;
    }
    .h_right a img{
    	width: 40%!important;
    }
    /*.menu{
    	padding-top: 3%!important;
    }*/
}

@media only screen and (max-width:330px) {
    /*.case.active .l dl{margin-top: 20px;}*/
      .footer{padding: 0 20px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
}

