@media only screen and ( max-width: 1600px) {

	

}

@media only screen and ( max-width: 1440px) {

   .index-back-box{ height: 78px;}

   .index-back-box .sub-arrows{ line-height: 78px;}

   .index-back-box .sub-arrows i.icom:after{ top: 38px;}

   .hejun-navBar{ width: 125px;}

   .hejun-fixed-menu .sub-menu-phone{ padding:80px 30px 0 30px;}

   .hejun-newsList .centerbox{ width: 75%;}

   .hejun-newsList .lft-news .topYear{ transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8);}

   .hejun-about .waperSlide{ zoom: 0.8; -moz-transform:translateY(0px) scale(0.8);}

   .hejun-about .waperSlide.active{-moz-transform:translateY(0px) scale(0.8);}

   

   .hejun-contact .contentbox{ width: calc(80% - 40px); height: 400px;}

   .hejun-contact .sub-conText{ padding-left: 4%;}

   .hejun-contact .sub-conText h2{ font-size: 36px;}

   .hejun-contact .tel .QQuser{ padding-left: 0;}

   .hejun-contact .contentbox:before{ top: -5%;}

   /* footer .box:after { width: 3%; left: 32px;}

	footer .box { width: 74%}

	footer .address .Content span {width: auto;	margin-left: 20px; vertical-align: top}

	footer .address .Content { white-space: nowrap; display: inline-block; text-align: left; font-size: 0; vertical-align: middle; float: right; vertical-align: middle; line-height: 1}

	footer .address .left { display: inline-block; float: left}

   

	footer .address { position: relative}

    footer .address .left img { width: 100%}*/

    

    .hejun-works .sub-slides li .contsd .neis .imGs{ width:230px; margin-right: auto; margin-right: 100px\0; width: auto\0; zoom: 0.6\0;}

    .hejun-works .sub-slides li .contsd .neis .imGs img{ width: 100%; height: auto; width: auto\0;}

    .hejun-works .sub-slides li .contsd .neis .textsz{ zoom: 0.6\0;}

    .hejun-works .sub-slides li .contsd .neis h4 img,

    .hejun-works .sub-slides li .contsd .neis h3 img{ -moz-transform: scale(0.6);}

    .hejun-works .sub-slides li:nth-of-type(2) .contsd .neis .imGs{ width: 105px; width: auto\0; margin-left: auto; margin-left: 100px\0;}

    

    .hejun-works .words-slide{ left: 13%;}

    .hejun-works .words-slide ul li{ margin-bottom: 20px;}

    .scrollBar .banner ul li .imgTimes>article .banTops{ zoom: 0.7; -moz-transform: scale(0.7);}



    

    @media screen and (-webkit-min-device-pixel-ratio:0){

    	 .hejun-works .sub-slides li .contsd .neis .imGs img{ width: auto; height: auto;}

    	 .hejun-works .sub-slides li .contsd .neis .imGs{ width: auto; margin-right: 100px;}

    	 .hejun-works .sub-slides li .contsd .neis .imGs,

    	 .hejun-works .sub-slides li .contsd .neis .textsz{ zoom: 0.6;}

    	 .hejun-works .sub-slides li:nth-of-type(2) .contsd .neis .imGs{ margin-left: 100px; width: auto;}

    }

    

    

   

}

@media only screen and ( max-width: 1366px) {

   





}



@media only screen and ( max-width: 1200px) {

  .hejun-newsList .lft-news{ zoom: 0.8; -moz-transform: scale(0.8);}

  /* footer .address .left{ width: 24%;}

   footer .box:after{ display: none;}

   */

  

}



@media only screen and ( max-width: 992px) {

/* footer .address .left{ width: auto; float: none;}

 footer .address .Content{ float: none;}*/

 

 

}



@media only screen and ( max-width: 768px) {

	

	.scrollBar .banner ul li .imgTimes>article{ display: none;}

	.hejun-works .words-slide{ display: none;}

	.hejun-navBar{

		transform: translateX(0px);

		-webkit-transform: translateX(0px);

		-moz-transform: translateX(0px);

		

		top: 0; margin-top: auto; width: 100%; height: 60px; background-color: #fff;

	}

	.hejun-navBar .bar-logo{ float: left; position: absolute; right: auto; top: 15px; left: 88px; }

	.hejun-navBar .bar-menu{ float: left; position: absolute; right: auto; top: 24px; left: 54px;}

	

	.hejun-navBar .bar-logo svg.menu-svg{ display: none;}

	.hejun-navBar .bar-logo svg.menu-svg-phone{ display: block; width: 130px; margin-top: -58px;}

	

	.hejun-fixed-menu ul li.index-hrefs aside{ display: none;} 

	.hejun-fixed-menu .sub-menu-phone{ padding: 40px 30px 0 0; width: 330px !important;}

	.hejun-fixed-menu .sub-menu-phone ul{ width: 338px;}

	.hejun-fixed-menu .hejun-yx-mads{ right: auto; left: 29px; width: 270px;}

	.hejun-fixed-menu .sub-menu-phone ul li a{ height: 42px; line-height: 42px; float: left; margin-left: 30px; font-weight: 300; width: 270px;}

	.hejun-fixed-menu .sub-menu-phone ul li a font{ font-size: 18px;}

	.hejun-fixed-menu .sub-menu-phone ul li a small{ font-size: 24px; line-height: 57px; font-weight: 300; font-family: 'ZurichBT-Light';}

	.myTop{ display: none;}

	.index-waper-box{ display: none;}

	.mainTop{ height: 300px !important; top: 60px;}

	.hejun-body-box{ margin-top: 60px;}

	.hejun-works{ height: 320px !important;}

	.hejun-collection .collbgs{ height: 206px !important;}

	.hejun-collection{ height: auto !important;}

	.hejun-about{ height: 300px !important;}

	

	.hejun-brand .IndexList{ width: 100%;

		transform: translateY(0px);

		-webkit-transform: translateY(0px);

		-moz-transform: translateY(0px);

		opacity: 1;

	}

	.hejun-brand .IndexList ul{ padding-top: 15px;}

	.hejun-brand .bom-line{ display: none;}

	.hejun-brand .hejun-waperTit{ width: 90%; margin: 0 auto;}

	.hejun-brand .hejun-waperTit h2 img{ width: 90%;}

	.hejun-works .sub-slides li .contsd{ padding-right: 0;}

	.hejun-works .sub-slides li .contsd .neis .imGs{ display: none;}

	.hejun-works .sub-slides li .contsd .neis .textsz{ width: 100%;}

	.hejun-works .sub-slides li .contsd .neis h4 img{ width: 90%;}

	.hejun-works .sub-slides li .contsd .neis h3 img{ width: 80%;}

	.hejun-works .sub-slides li .contsd .neis p{ margin: 0 auto 20px; width: 90%; text-align: left; padding-left: 0;}

	.hejun-works .sub-slides li .contsd .neis p font{ width: 100%;}

	.hejun-waper-tits{ zoom: 0.6;}

	.hejun-collection .slider-remote{ display: none;}

	.hejun-collection .hejun-collumns{ position: relative; height: auto; width: 90%; margin: 0 5%; margin-top: -90px; background-color: #fff; top: 15%;

		transform: translateY(0px);

		-webkit-transform: translateY(0px);

		-moz-transform: translateY(0px);

		opacity: 1;

	}

	.hejun-collection .slider-waper ul li{ position: static; left: auto; height: auto; opacity: 1; margin-bottom: 10px; visibility: visible;}

	.hejun-collection .slider-waper ul li>article{ widows: 90% !important; height: auto !important;}

	.hejun-newsList{ padding: 25px 0;}

	.hejun-newsList .centerbox{ width: 90%; padding-top: 75px;}

	.hejun-newsList .lft-news{ float: none; width: 100%;

		transform: translateY(0px);

		-webkit-transform: translateY(0px);

		-moz-transform: translateY(0px);

		opacity: 1;

	}

	

	.hejun-newsList .bomtext{ margin-top: 0; display: none;}

	.hejun-newsList .rit-news{ float: none; width: 100%; margin-top: 0;}

	.hejun-newsList .rit-news article{ padding: 0px;

		transform: translateX(0px);

		-webkit-transform: translateX(0px);

		-moz-transform: translateX(0px);

		opacity: 1;

	}

	

	.hejun-newsList .rit-news article h3{ margin: 10px 0;}

	.hejun-newsList .rit-news article p{ display: none;}



	.hejun-about .example{ display: none;}

	.hejun-about .waperSlide{ width: 90%; margin-left: -45%;

		transform: translateY(0px);

		-webkit-transform: translateY(0px);

		-moz-transform: translateY(0px);

		opacity: 1;

	}

	.hejun-about .slide-wrap{ height: 100%;}

	.hejun-about .slide-wrap li .imgs img{ width: 100%; height: auto;}

	.hejun-about .slide-wrap ul{ position: relative; height: 100%;}

	.hejun-about .slide-wrap ul li{ top: 50%; transform: translateY(-50%);}

	.hejun-morebox{ display: none;}	

	.hejun-contact{ width: 90%; left: 50%; margin-left: -45%;}

	.hejun-contact .sub-conts,

	.hejun-contact .contentbox{ width: 100%; display: inherit;}	

	.hejun-contact .contentbox:after,

	.hejun-contact .contentbox:before{ display: none;}	

	.hejun-contact .bigbox{ float: none; width: 100%; height: auto;}

	.hejun-contact .sub-conText{ float: none; width: 100%; text-align: center;

		transform: translateX(0px);

		-webkit-transform: translateX(0px);

		-moz-transform: translateX(0px);

		opacity: 1;

	}

	

	.hejun-contact .bookmarks{ display: none;}

	.hejun-contact .sub-conts .different{ position: relative; top: auto; margin-top: auto; left: 50%; margin-left: -120px;

		transform: scale(1.0);

		-webkit-transform: scale(1.0);

		-moz-transform: scale(1.0);

		opacity: 1;

	}	

	.hejun-contact .sub-conText{ padding-left: 0%; zoom: 0.7;}

	.hejun-contact .tel{ padding-top: 5px;}

	.hejun-contact .tel p{ display: none;}

	.hejun-contact .countacti{ display: none;}

	.hejun-contact .sub-conText h2{ font-size: 25px;}	

	.hejun-contact .tel .QQuser{ width: 100%; text-align: center; display: none;}

	.hejun-contact .sub-conText h3 img{ margin: 0 auto; }

	.hejun-contact .tel .nubgs .sp1{ width: 100%; color: #fff; display: block;}

	.hejun-contact .tel .nubgs .sp2{ display: none;}

	.hejun-contact .tel .nubgs span i{ font-size: 15px;}	

	/*footer{ display: table; padding-bottom: 30px;}

	footer .friendship{ display: none;}

	footer .box{ width: 90%; padding-left: 0;}

	footer .address .Content span:nth-of-type(1),

	footer .address .Content span:nth-of-type(2){ display: none;}

	footer .address .Content span{ margin-left: 0;}*/

	

	#video-bgs{ display: none;}

	.hejun-about .videobox .videbg{ background: url(../images/mbg1.jpg) no-repeat; background-size: 100% 100%;}

	

	.hejun-waper-tits2.active span, 

	.hejun-waper-tits2 small, 

	.hejun-waper-tits2 strong{

		transform: translateX(0px);

		-webkit-transform: translateX(0px);

		-moz-transform: translateX(0px);

		opacity: 1;

	}

	.scrollBar .banner ul li video{ display: none;}

	html{ overflow-x: hidden;}

	.Tpiaochuan{ display: none !important;}

	

}

@media only screen and ( max-width: 640px) {
	.mainTop { height: 260px !important;}
}
@media only screen and ( max-width: 460px) {
	.mainTop { height: 220px !important;}
}
@media only screen and ( max-width: 400px) {
	.mainTop { height: 200px !important;}
}