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

	/* header */

	.head{

		position: static;

	}

	

	/* index */

	.indexab .indexab-sl1{

		opacity: 0.3;

		top: 10%;

		left: -465px;

	}

	.indexab .indexab-sl2{

		opacity: 0.3;

	}

	

	/* banner */

	.banner{

		height: 300px;

	}

	

	/* about us */

	.about-top{

		margin-top: 50px;

		align-items: center;

	}

	.about-top .about-top-l .about-top-l-comp{

		font-size: 20px;

	}

	.aboutcho .aboutcho-body{

		position: relative;

	}

	.aboutcho .aboutcho-sli1{

		opacity: 0.3;

	}

	.aboutcho .aboutcho-sli2{

		opacity: 0.3;

	}

	

	/* news */

	.news{

		margin: 50px auto 40px;

	}

	

	/* contact */

	.contactmap{

		margin-top: 50px;

	}

	.contactwords{

		margin: 40px auto 20px;

	}

	

	/* footer */

	.foot .foot-body{

		padding-bottom: 50px;

	}

	.foot .foot-l .foot-l-list .foot-l-item{

		width: 49%;

		margin-right: 4%;

	}

	.foot .foot-l .foot-l-list .foot-l-item:nth-child(even){

		width: 37%;

	}

	.foot .foot-l .foot-l-list .foot-l-item .foot-l-item-ic{

		font-size: 35px;

		width: 35px;

	}

	

	/* products */

	.product{

		margin: 50px auto;

	}
	.container {
        	     max-width: 100%;
              width: 100%;
	    padding: 0 10px;
    	    box-sizing: border-box;
    	}
	.container .resizee{
        	    height: 0 !important;
    	}
	.outerContainer-box{
	   margin-top: 50px !important;
	}

}



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

	/* index */

	.indexab .indexab-info{

		display: block;

	}

	.indexab .indexab-info .indexab-info-l{

		width: auto;

	}

	.indexab .indexab-info .indexab-info-r{

		width: auto;

		margin-top: 50px;

	}

	.indexab .indexab-info .indexab-info-r .indexab-info-r-item{

		width: 25%;

	}

	.indexpro-list .indexpro-item .indexpro-item-info .indexpro-item-info-name{

		font-size: 23px;

	}

	.indexpro-list .indexpro-item .indexpro-item-info .indexpro-item-info-ic{

		width: 30px;

		margin: 10px auto 0;

	}

	

	/* cooperative */

	.coop .coop-bgtit{

		right: -60%;

		top: 30px;

		font-size: 120px;

	}

	

	/* header */

	.head .head-nav .head-nav-item{

		margin-left: 30px;

	}

	.head .head-nav .head-nav-item a{

		font-size: 18px;

	}

	

	/* about */

	.about-top{

		display: block;

	}

	.about-top .about-top-l{

		width: auto;

	}

	.about-top .about-top-r{

		width: auto;

		margin-top: 30px;

		text-align: center;

	}

	.aboutcho .aboutcho-list{

		margin-top: 30px;

		justify-content: space-around;

	}

	.aboutcho .aboutcho-list .aboutcho-item{

		width: 23%;

	}

	

	/* news */

	.news-list .news-item .news-item-info .news-item-tit{

		font-size: 25px;

	}

	.news-list .news-item .news-item-info .news-item-desc{

		margin-top: 15px;

	}

	.news-list .news-item .news-item-info .news-item-link{

		margin-top: 15px;

	}

	.news-list .news-item .news-item-info .news-item-link span{

		font-size: 20px;

	}

	.news-list .news-item .news-item-info .news-item-link img{

		width: 25px;

	}

	

	/* banner */

	.banner{

		height: 230px;

	}
	.container {
        	     max-width: 100%;
              width: 100%;
	    padding: 0 10px;
    	    box-sizing: border-box;
    	}
	.container .resizee{
        	    height: 0 !important;
    	}
	.outerContainer-box{
	   margin-top: 50px !important;
	}

}



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

	/* contact us */

	.contactmap{

		background-size: auto;

		background-position: 28% 100%;

		margin-top: 50px;

	}

	.contactmap .contactmap-body{

		justify-content: center;

		align-items: flex-end;

	}

	.contactmap .contactmap-info{

		margin-bottom: 30px;

	}

	.contactmap .contactmap-info .contactmap-info-box{

		margin: 20px 35px;

	}

	.contactmap .contactmap-info .contactmap-info-list .contactmap-info-item .contactmap-info-item-ic i{

		font-size: 30px;

	}

	

	/* index */

	.indexab .indexab-body{

		padding: 50px 0;

	}

	.indexab .indexab-bgtit{

		top: -40px;

		font-size: 70px;

	}

	.indexab .indexab-tit span{

		font-size: 40px;

	}

	.indexab .indexab-tit a{

		margin-left: 20px;

	}

	.indexab .indexab-tit a img{

		width: 40px;

	}

	.indexab .indexab-t2{

		margin-top: 10px;

	}

	.indexab .indexab-fac{

		margin-top: 20px;

	}

	.indexab .indexab-info{

		margin-top: 30px;

	}

	.index-tit{

		font-size: 40px;

	}

	.index-line{

		margin-top: 20px;

	}

	.indexpro-list{

		margin-top: 30px;

	}

	.indexpro-list ul{

		display: block;

	}

	.indexpro-list .indexpro-item{

		width: auto;

	}

	.indexpro-list .indexpro-item .indexpro-item-info .indexpro-item-info-name{

		font-size: 50px;

	}

	.indexpro-list .indexpro-item .indexpro-item-info .indexpro-item-info-ic{

		width: auto;

	}

	

	/* cooperative */

	.coop .coop-bgtit{

		font-size: 60px;

	}

	.coop .coop-body{

		padding: 20px 0;

	}

	.coop .coop-bgtit{

		font-size: 60px;

		right: -170px;

		top: 0;

	}

	

	/* footer */

	.foot .foot-body{

		display: block;

	}

	.foot .foot-l{

		width: auto;

	}

	.foot .foot-l .foot-l-list{

		display: block;

	}

	.foot .foot-l .foot-l-list .foot-l-item{

		width: auto;

		margin-right: 0;

		margin-bottom: 15px;

	}

	.foot .foot-l .foot-l-list .foot-l-item:nth-child(even){

		width: auto;

	}

	.foot .foot-r{

		width: auto;

		margin-top: 30px;

	}

	.bot .bot-body{

		padding: 15px 0;

	}

	.bot .bot-body p{

		font-size: 12px;

	}

	

	/* header */

	.head .head-body{

		display: block;

		margin: 20px 10px;

	}

	.head .head-logo{

		text-align: center;

	}

	.head .head-nav{

		margin-top: 10px;

		justify-content: center;

	}

	.head .head-nav .head-nav-item{

		margin-left: 10px;

	}

	.head .head-nav .head-nav-item a{

		font-size: 13px;

	}

	

	/* banner */

	.banner{

		height: 150px;

	}

	.banner .banner-home{

		font-size: 14px;

	}

	.banner .banner-name{

		font-size: 30px;

	}

	

	/* about */

	.about-top{

		margin-top: 30px;

	}

	.about-top .about-top-l .about-top-l-comp{

		font-size: 15px;

	}

	.about-top .about-top-l .about-top-l-info{

		margin-top: 20px;

		font-size: 16px;

	}

	.aboutcho{

		padding: 50px 0;

	}

	.aboutcho .aboutcho-sli1{

		left: -230px;

	}

	.aboutcho .aboutcho-sli2{

		right: -510px;

	}

	.aboutjoin{

		display: block;

	}

	.aboutjoin .aboutjoin-l{

		width: auto;

	}

	.aboutjoin .aboutjoin-r{

		width: auto;

		margin-top: 20px;

	}

	

	/* contact */

	.contactwords p{

		font-size: 22px;

	}

	

	/* news */

	.news{

		margin: 25px auto 20px;

	}

	.news-list{

		margin-bottom: 40px;

	}

	.news-list .news-item .news-item-box{

		display: block;

	}

	.news-list .news-item .news-item-img{

		width: auto;

	}

	.news-list .news-item .news-item-info{

		width: auto;

		margin-top: 15px;

	}

	.newsinfo{

		margin: 50px auto;

	}

	.newsinfo .newsinfo-t{

		font-size: 28px;

	}

	.newsinfo .newsinfo-d{

		margin: 40px auto;

	}

	

	/* pagination */

	.pagination ul a{

		margin-left: 10px;

	}

	

	/* product */

	.product-cate .product-cate-top{

		display: block;

	}

	.product-cate .product-cate-top .product-cate-top-name{

		text-align: center;

		font-size: 40px;

	}

	.product-cate .product-cate-top .product-cate-top-r{

		justify-content: space-between;

		margin-top: 15px;

	}

	.product-cate .product-cate-list > ul{

		display: block;

	}

	.product-cate .product-cate-list .product-cate-item{

		width: auto;

		margin-top: 20px;

	}

	.product-cate .product-cate-list .product-cate-item:first-child{

		margin-top: 0;

	}

	.product-cate .product-cate-list .product-cate-item dl{

		margin-top: 15px;

	}

	.productlist{

		margin: 40px 0;

	}

	.productlist .productlist-item{

		width: 48%;

		margin-right: 4%;

		margin-bottom: 10px;

	}

	.productlist .productlist-item:nth-child(3n){

		margin-right: 4%;

	}

	.productlist .productlist-item:nth-child(even){

		margin-right: 0;

	}

	.productlist .productlist-item .productlist-item-info .productlist-item-info-box{

		margin: 10px;

	}

	.productlist .productlist-item .productlist-item-info .productlist-item-info-sty{

		font-size: 15px;

	}

	.productlist .productlist-item .productlist-item-info .productlist-item-info-name{

		font-size: 19px;

		margin-top: 10px;

	}

	.productlist .productlist-item .productlist-item-info .productlist-item-info-ic{

		margin-top: 10px;

	}

	.producthot{

		margin-top: 50px;

	}

	.product-t1{

		font-size: 30px;

	}

	.product-line1{

		width: 130px;

	}

	.product-line2{

		margin-top: 10px;

	}

	.producthot .producthot-imgs{

		margin-top: 40px;

	}

	.prode-top{

		margin-top: 25px;

		display: block;

	}

	.prode-top .prode-top-l{

		width: auto;

	}

	.prode-top .prode-top-r{

		width: auto;

		margin-top: 30px;

	}

	.prode-top .prode-top-r .prode-top-r-linfoi .prode-top-r-linfoi-prat{

		width: 65%;

	}

	

	/* prev and next */

	.pandn{

		display: block;

	}

	.pandn .pandn-l{

		width: auto;

	}

	.pandn .pandn-back{

		margin-top: 15px;

	}
	.container {
        	     max-width: 100%;
              width: 100%;
	    padding: 0 10px;
    	    box-sizing: border-box;
    	}
	.container .resizee{
        	    height: 0 !important;
    	}
	.outerContainer-box{
	   margin-top: 50px !important;
	}

}