@media (max-width: 1599.98px) {

}

@media (max-width: 1420.98px) {
    
    .headermain ul li>a{
        padding: 0 12px;
    }
}

@media (max-width: 1499.98px) {

	.jstd .middletxt img{
		max-width: 260px;
	}
	
	.nproSection .item .post{
	    margin-top: 10px;
	}
	
	
	.nproSection .item .title{
	    font-size: 22px;
	}
}



@media (max-width: 1399.98px) {
	.headermain .d1 img{
		max-width: 350px;
	}

	.headermain .d2 ul li a{
		padding: 0 10px;
		height: 85px;
		line-height: 85px;
	}

	.jstd .middletxt img{
		max-width: 200px;
	}

	.jstd .div-text{
		max-width: 200px;
	}
}


@media (max-width: 1299.98px){
	.swiper2 .item{
		width: 150px;
		height: 150px;
	}

	.c-swiper ul li p{
		display: none;
	}
	.c-swiper ul li{
		min-height: 100px;
	}

	.c-swiper{
		bottom: -45px;
	}
	
	.nproSection .item .post{
	    margin-top: 5px;
	}
	
	.nproSection .preadMore{
	    display: none;
	}
	
	.nproSection .item .title{
	    font-size: 20px;
	}	
	
}




@media (max-width: 1199.98px) { 
	.jszlMain .yftr .item font{
		font-size: 36px;
	}

	.jstd .middletxt img{
		max-width: 300px;
	}

	.jstd .div-text{
		max-width: 300px;
	}

	.jszlSwiper{
		margin-top: 25px;
	}

	.jszlSwiper img{
		width: 100%;
	}

	.headermain .d1 img{
		max-width: 260px;
	}

	.headermain .d2 ul li a{
		/*font-size: 14px;*/
		padding: 0 5px;
	}
	.aboutSection .div-img{
		min-width: 600px;
	}

	.main-footer .d2{
	  padding-left: 45px;
	}

	.main-footer .d1{
		text-align: center;
	}

	.sp{
		padding: 45px 0;
	}

	.comm-title .cn-title{
		font-size: 26px;
	}

	.comm-title .en-title{
		font-size: 18px;
	}

	.aboutSection .item .counter{
		font-size: 46px;
	}

	.nNewsSection .item{
		border-bottom:1px solid #eee;
	}
	
}

@media (max-width: 1099.98px) { 
	.productSection .div-text .readMore{
		margin-top: 0px;
	}

	.jszlMain .yftr .item .div-text{
		padding-left: 10px;
		min-width: 170px;
	}

	.nproSection .item:before{
		display: none;
	}

	.nproSection .item .item-content{
		display: none;
	}

	.nproSection .item .div-text p{
		padding: 5px 5px;
	}

	.main-footer p{
		font-size: 14px;
	}

	.main-footer .d2, .main-footer .d3{
		padding-left: 0;
		padding-right: 0;
	}

	.nContact .bcon label{
		display: none;
	}

	.nContact .info span{
		font-size: 14px;
	}



}


@media (max-width: 991.98px) { 
	.main-footer .d1{
		text-align: center;
		padding-right: 0;
		margin:25px;
		border-right: unset;
	}

	.main-footer .d1 img{
		max-width: 80%;
		position: unset;
	}

	.main-footer .d2, .main-footer .d3{
		border-right: unset;
	}

	.main-footer .d4{
		text-align: center;
	}

	/**
	 * 手机导航
	 */
	.mobile-inner-header {
	  width: 100%;
	  height: 85px;
	  top: 0px;
	  left: 0px;
	  padding: 25px 15px;
	  box-shadow: 0 0 5px rgb(0, 0, .2);
	}

	.mobile-inner-header img{
		max-width: 450px;
	}

	.mobile-inner-header .s1{
		display: inline-block;
	}

	.mobile-inner-header font{
		display: inline-block;
		vertical-align: -webkit-baseline-middle;
		padding-left: 10px;
		color: #fff;
		font-weight: bolder;
	}

	.mobile-inner-nav{
	  overflow: hidden;
	}

	.mobile-inner-nav a{
	  -webkit-animation-duration: 0.5s;
	  animation-duration: 0.5s;
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
	  -webkit-animation-name: resize;
	  animation-name: resize;
	}

	@-webkit-keyframes resize {
	  from, 60%, 75%, 90%, to {
	      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	  }
	    0% {
	    opacity: 0;
	      -webkit-transform: scale(5,5);
	      transform: scale(5,5);
	  }
	    100% {
	    opacity: 1;
	      -webkit-transform: scale(1,1);
	      transform: scale(1,1);
	  } 
	}

	@keyframes resize {
	  from, 60%, 75%, 90%, to {
	      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	  }
	    0% {
	    opacity: 0;
	      -webkit-transform: scale(5,5);
	      transform: scale(5,5);
	  }
	    100% {
	    opacity: 1;
	      -webkit-transform: scale(1,1);
	      transform: scale(1,1);
	  }
	}

	.mobile-inner-header-icon{
	  color: red;
	  height: 65px;
	  font-size:25px;
	  text-align: center;
	  float:right;
	  width: 25px;
	  position: relative;
	  -webkit-transition: background 0.5s;
	  -moz-transition: background 0.5s;
	  -o-transition: background 0.5s;
	  transition: background 0.5s;
	}

	.mobile-inner-header-icon:hover{
	  background-color: rgba(255,255,255,0.2);
	  cursor: pointer;
	}

	.mobile-inner-header-icon span{
	  position: absolute;
	  left: calc((100% - 25px) / 2);
	  top: calc((100% - 1px) / 2);
	  width: 25px;
	  height: 1px;
	  background-color: rgb(214,0,15);
	}

	.mobile-inner-header-icon span:nth-child(1){
	  transform: translateY(4px) rotate(0deg);
	}

	.mobile-inner-header-icon span:nth-child(2){
	  transform: translateY(-4px) rotate(0deg);
	}
	   
	.mobile-inner-header-icon-click span:nth-child(1){
	  animation-duration: 0.5s;
	  animation-fill-mode: both;
	  animation-name: clickfirst;
	}  

	.mobile-inner-header-icon-click span:nth-child(2){
	  animation-duration: 0.5s;
	  animation-fill-mode: both;
	  animation-name: clicksecond;
	}
	  
	@keyframes clickfirst {
	  0% {
	    transform: translateY(4px) rotate(0deg);
	    
	  }

	  100% {
	    transform: translateY(0) rotate(45deg);
	  }
	} 

	@keyframes clicksecond {
	  0% {
	    transform: translateY(-4px) rotate(0deg);
	  }

	  100% {
	    transform: translateY(0) rotate(-45deg);
	  }
	} 

	.mobile-inner-nav{
	  background-color: rgba(0,0,0,0.9);
	  width: 100%;
	  position: absolute;
	  top: 85px;
	  left: 0px;
	  z-index: 99;
	  padding-top: 30px;
	  padding-bottom: 80px;
	  display: none;
	}
	.mobile-inner-nav a{
	  display: inline-block;
	  line-height: 50px;
	  text-decoration: none;
	  width: 80%;
	  margin-left: 10%;
	  color: #FFFFFF;
	  border-bottom: solid 1px rgba(255,255,255,0.3);
	  -webkit-transition: all 0.5s;
	  -moz-transition: all 0.5s;
	  -o-transition: all 0.5s;
	  transition: all 0.5s;
	  font-weight:300;
	}

	.mobile-inner-nav a:hover{
	  color: rgba(255,255,255,0.4);
	  border-bottom: solid 1px rgba(255,255,255,0.2);
	}
	/**手机导航END*/

	.banner{
		margin-top: 0;
	}

	.aboutSection .div-img{
		display: none;
	}

	.aboutSection .item .d1 {
	    min-width: 120px;
	}

	.c-swiper ul{
		margin-left: 0;
	}
	

	.c-swiper ul li{
		width: calc(50% - 5px);
		margin-bottom: 15px;
	}

	.c-swiper ul li:not(:first-child){
		margin-left: 0;
	}

	.newsSection{
		padding-top: 45px;
	}

	.comm-title .en-title{
		font-size: 16px;
	}

	.comm-title .cn-title{
		font-size: 24px;
	}
	.newsSection .cates{
		margin-top: 25px;
		padding-bottom: 15px;
		border-bottom: 1px dashed #eee
	}
	.newsSection .main{
		margin-top: 25px;
		padding-bottom: 45px;
	}

	.newsSection .item .time{
		display: none;
	}

	.newsSection .item .div-img{
		display: none;
	}

	.newsSection .content .title{
		min-height: unset;
	}

	.newsSection .item{
		padding-bottom: 15px;
		border-bottom: 1px solid #eee;
		margin-bottom: 25px;
	}

	.newsSection .item .newsD{
		display: none;
	}

	.aboutSection .items{
		margin-top: 45px;
		margin-bottom: 0;
	}

	.productSection .div-text{
		padding: 15px;
	}

	.productSection .comm-title{
		padding: 0 15px 15px 15px;
	}

	.productSection .swiper2 .item{
		padding: 25px 15px;
	}

	.aboutSection .div-text{
		max-width: 100%;
	}


	.tmenu .item{
		min-width: unset;
		width: 25%;
	}



	.hisMain .d2{
		width: 100%;
		padding:0 25px;
	}

	.hisMain .d2 .div-img{
		padding-left: 0;
		margin-top: 15px;
	}

	.jstd .div-text{
		max-width: 450px;
	}

	.jstd .dleft{
		text-align: left;
	}

	.jszlMain .yftr .item .div-text{
		min-width: 150px;
	}

	.jszlMain .yftr .item font{
		font-size: 26px;
		margin-top: 0px;
	}

	.jszlMain .yftr .div-img{
		min-width: 60px;
	}

	.cyyf2 .des h2{
		font-size: 26px;
	}

	.cyyf2 .des p{
		font-size: 16px;
	}

	.cyyf2 .item>div{
		width: 80px;
		height: 80px;
		line-height: 80px;
	}

	.cyyf2 .item>div font{
		font-size: 26px;
	}




	.nContact .bcon strong{
		display: block;
		margin-bottom: 10px;
	}
	
	.pre-next .d2 a{
	    display: inline-block;
	    margin-top: 15px;
	}

	.nContact .infos>.row{
		text-align: left;
	}

/*	.nContact .infos>.row .div-img{
		display: inline-block;
	}

	.nContact p.title{
		display: inline-block;
		margin-top: 0;
		margin-bottom: 0;
		vertical-align: middle;
	}*/

	.nContact .item .info{
	/*	border-bottom: 1px solid #eee;
		padding-bottom: 15px;*/
	}

	.nContact .item .info p{
		/*margin-top: 5px;
		margin-bottom: 5px;*/
	}

	.nContact .item .info{
		min-height: unset;
	}





}



@media (max-width: 767.98px) { 
    
    .fancybox-slide>*{
        padding: 0;
    }
	.swiper2 .item{
		width: 120px;
		height: 120px;
	}

	.swiper2 .item p{
		font-size: 14px;
		margin-top: 5px;
	}

	.c-swiper ul li div{
		font-size: 14px;
	}

	.c-swiper ul{
		margin-left: -10px;
	}

	.c-swiper ul li{
		width: calc(50% - 5px);
		min-height: 60px;
		padding: 15px 15px;
		margin-bottom: 15px;
	}

	.yfSection .div-img{
		padding: 0 15px;
	}

	.yfSection .sp{
		padding-top: 45px;
		padding-bottom: 0;
	}

	.copyright a{
		display: block;
		text-align: center;
	}

	.aboutSection .main{
	  background-image: unset;
	}

	.productSection .div-text .sub-title{
		font-size: 20px;
	}


	.aboutSection .item .counter{
		font-size: 26px;
	}

	.pagetitle .div-text h4.title{
		font-size: 26px;
	}

	.pagetitle .div-text p.entitle{
		font-size: 18px;
	}

	.jszlMain .yftr .item{
		margin-bottom: 25px;
	}

	.jszlMain .yftr .div-img{
		max-width: 65px;
	}

	.jszlMain .yftr .item p{
		font-size: 14px;
	}
	
	.productSection .swiper2 .item img{
	    height: 35px;
	}

    .main-footer .d1{
        display: none;
    }
	


 }


@media (max-width: 575.98px) { 
	.mheader .s1 img{
		max-width: 260px;
		vertical-align: middle;
	}

	.s-btn{
		top: 75%;
		padding: 15px;
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 16px;
	}

	.banner .swiper-button-next{
	  left: 65px;
	}


	.yfSection .sub-title{
		margin-top: 15px;
		margin-bottom: 10px;
		font-size: 16px;
	}

	.readMore a span{
		font-size: 12px;
		width: 20px;
	    height: 20px;
	    line-height: 20px;
	    top: calc(50% - 10px);
	}

	.readMore a{
		padding: 5px 40px 5px 15px;
	}

	.sp{
		padding: 25px 0;
	}

	.readMore a{
		margin-bottom: 15px;
	}

	.newsSection .content .title{
		font-size: 16px;
		-webkit-line-clamp: 1;
	}

	.newsSection .content .des{
		-webkit-line-clamp: 2;
	}

	.aboutSection .item .d1{
		font-size: 12px;
		min-width: unset;
	}

	.tmenu .item a{
		font-size: 14px;
		padding: 0 15px;
		height: 45px;
    	line-height: 45px;
	}

	.aboutCount .item .counter{
		font-size: 26px;
	}

	.aboutCount .item p{
		font-size: 12px;
	}

	.aboutCount{
		max-width: 100%;
		margin: 25px auto;
	}

	.cyyf .item .div-img{
		max-width: 55px;
	}

	.cyyf .item .div-text>div{
		font-size: 26px;
	}

	.cyyf .item{
		padding-bottom: 15px;
		margin-bottom: 15px;
	}

	.cyyf2 .item{
		margin: 0 15px 15px 0;
	}

	.cyyf2 .item>div{
		width: 65px;
		height: 65px;
		line-height: 65px;
	}

	.tmenu2 .item{
		min-width: 33%;
	}

	


 }

@media (max-width: 577px){
	.nContact .info span{
		font-size: 14px;
	}
}

 @media (min-width: 577px){
	.modal-dialog {
	    max-width: 800px;
	    margin: 1.75rem auto;
	}

	


}
