@import url('mheader.css');
@media (max-width: 1699.98px) {
	.nconSection .item p.title{
		min-height: 65px;
	}
}
@media (max-width: 1499.98px) {

	.hcontrols .control_dot.dot_1 {
	  left: 7%;
	  bottom: 26%;
	}

	.hcontrols .control_dot.dot_2 {
	  left: 17%;
	  top: 66%;
	}

	.hcontrols .control_dot.dot_3 {
	    left: 31%;
    	top: 60%;
	}

	.hcontrols .control_dot.dot_4 {
	  left: 37%;
	  top: 57%;
	}

	.hcontrols .control_dot.dot_5 {
	  left: 41%;
	  top: 48%;
	}

	.hcontrols .control_dot.dot_6 {
	  left: 46.2%;
	  top: 38%;
	}

	.hcontrols .control_dot.dot_7 {
	  left: 62.5%;
       top: 33.5%;
	}

	.hcontrols .control_dot.dot_8 {
	  left: 75%;
	  top: 31%;
	}

	.hcontrols .control_dot.dot_9 {
	  left: 78.5%;
	  top: 26%;
	}

	.hcontrols .control_dot.dot_10 {
	  left: 93%;
	  top: 7%;
	}



}



@media (max-width: 1399.98px) {
	.proSection .btns{
		position: unset;
		
	}	

	.proSection p.des{
		line-height: 24px;
    	font-size: 14px;
	}

	.hcontrols .control_dot.dot_1 {
	  left: 7%;
	  bottom: 27%;
	}

	.hcontrols .control_dot.dot_2 {
	  left: 17%;
	  top: 66%;
	}

	.hcontrols .control_dot.dot_3 {
	    left: 31%;
        top: 59%;
	}

	.hcontrols .control_dot.dot_4 {
	  left: 37%;
	  top: 56%;
	}

	.hcontrols .control_dot.dot_5 {
	  left: 41%;
	  top: 48%;
	}

	.hcontrols .control_dot.dot_6 {
	  left: 46.2%;
	  top: 37%;
	}

	.hcontrols .control_dot.dot_7 {
	  left: 62.5%;
       top: 33.5%;
	}

	.hcontrols .control_dot.dot_8 {
	  left: 75%;
	  top: 30%;
	}

	.hcontrols .control_dot.dot_9 {
	  left: 78.5%;
	  top: 26%;
	}

	.hcontrols .control_dot.dot_10 {
	  left: 93%;
	  top: 6%;
	}

	.headermain .d2{
		padding-left: 65px;
	}

	.mainSlider.fix-slider{
		left: 0;
	}


}


@media (max-width: 1299.98px){
	.headermain .d1 img{
		max-width: 320px;
	}

	.nconSection .item p.des{
		font-size: 14px;
	}

	.headermain ul li>a{
		font-size: 14px;
	}


	
}




@media (max-width: 1199.98px) { 
	.headermain .d1 img{
		max-width: 260px;
	}

	.aboutSection .item h3.title{
		font-size: 20px;
	}

	.hcontrols .control_dot span{
		font-size: 16px;
	}

	.hcontrols .control_dot.dot_1 {
	  left: 7%;
	  bottom: 27%;
	}

	.hcontrols .control_dot.dot_2 {
	  left: 17%;
	  top: 64%;
	}

	.hcontrols .control_dot.dot_3 {
	    left: 31%;
        top: 57%;
	}

	.hcontrols .control_dot.dot_4 {
	  left: 37%;
	  top: 54%;
	}

	.hcontrols .control_dot.dot_5 {
	  left: 41%;
	  top: 46%;
	}

	.hcontrols .control_dot.dot_6 {
	  left: 46.2%;
	  top: 35%;
	}

	.hcontrols .control_dot.dot_7 {
	  left: 62.5%;
       top: 31.5%;
	}

	.hcontrols .control_dot.dot_8 {
	  left: 75%;
	  top: 28%;
	}

	.hcontrols .control_dot.dot_9 {
	  left: 78.5%;
	  top: 24%;
	}

	.hcontrols .control_dot.dot_10 {
	  left: 93%;
	  top: 4%;
	}

	.pagetitle .div-text h2{
		margin-bottom: 5%;
		font-size: 24px;
	}

	.aboutBlock2 .main .item strong{
		font-size: 30px;
	}

	.aboutBlock2 .main .item .d2 img{
		max-width: 30px;
	}

	.nblockSection .item .div-img{
	  width: 250px;
	  min-width: 250px;
	}

	.swiper5{
		position: relative;
	}

	.swiper5 .swiper-pagination-bullets{
		width: 100%;
		text-align: center;
		bottom: 15px;
	}

	.swiper5 .swiper-pagination-bullets span{
		margin:0 3px;
	}

	.mainSlider.fix-slider{
		display: none;
	}

	



}

@media (max-width: 1099.98px) { 

	.headermain ul li>a{
		padding: 0 5px;
	}




	


}


@media (max-width: 991.98px) { 
	
	.banner{
		margin-top: 0;
	}

	.sp{
		padding: 65px 0;
	}

	.aboutBlock7{
		margin-top: 65px;
	}

	.hisSection{
		padding-top: 65px;
	}

	.aboutSection .active{
	  width: unset;
	}

	.aboutSection .item{
		margin-bottom: 25px;
	}

	.aboutSection .item h3.title{
		-webkit-line-clamp: 3;
		font-size: 18px;
	}

	.aboutSection .item.active,.aboutSection .item p.des,.aboutSection .item.active p.des,.aboutSection .item .readMore,.aboutSection .item.active .readMore{
	  animation: unset;
	  opacity: 1;
	}

	.proSection .btns{
		position: unset;
		margin-top: 25px;
		margin-bottom: 25px;
	}

	.main-footer .d2 a img{
		max-width: 45px;
	}

	.main-footer .d2{
		margin-top: 25px;
	}

	.main-footer .d4{
	  max-width:unset;
	  margin-left: unset;
	  padding-left: 0;
	}

	.chistory .swiper-button-next,.chistory .swiper-button-prev{
		/*opacity: 1;*/
		display: block;
	}

	.chistory .xs{
		display: none;
	}

	.chistory{
		padding-bottom: 25px;
	}

	.chistory .item .item-text{
		padding: 25px 15px;
	}

	.chistory .history_slider{
		width: 100%;
	}

	.aboutBlock1 .main .d2 strong{
		font-size: 24px;
	}

	.aboutBlock2 .main .item{
		width: 50%;
	}

	.pDetail .dtop .div-img{
	  padding-right: 0;
	}

	.rdSection3 .main2 .item{
	  width: 100%;
	  max-width: 100%;
	}

	.mainSlider ul{
		display:flex;
		margin-bottom: 25px;
		border-bottom: 1px solid #eee;
		flex-wrap: wrap;
		padding-bottom: 15px;
    	padding-top: 15px;
	}

	.mainSlider ul li a{
		border-bottom: unset;
		padding: 0;
		line-height: 20px;
		display: block;
		margin-bottom: 5px;
	}

	.mainSlider ul li{
		margin-right: 15px;
	}


	.nconSection .item p.title{
		min-height: unset;
	}

	.aboutBlock3 .item .div-img{
		margin-bottom: 15px;
	}

	


}



@media (max-width: 767.98px) { 
	
	.banner .slider-text h2.title{
		font-size: 18px;
	}

	.banner .slider-text p.des{
		font-size: 12px;
	}

	.aboutSection .item p.des{
		font-size: 12px;
		margin-top: 15px;
		line-height: 24px;
	}

	.readMore a{
		font-size: 14px;
		padding: 10px 15px;
	}

	.aboutSection .item .readMore{
		margin-top: 15px;
	}

	.aboutSection .item{
		padding: 65px 45px;
		height: unset;
	}

	.common-title p.bigTitle{
		font-size: 24px;	
	}

	.common-title p.sTitle{
		font-size: 14px;
	}

	.videoSection .video-btn{
		margin-top: 25px;
		margin-bottom: 35px;
	}

	.videoSection .video-btn img{
		max-width: 45px;
	}

	.main-footer .d2 a img{
		max-width: 35px;
	}

	.chistory .swiper-button-next, .chistory  .swiper-button-prev{
		top: -15px;
	    width: 105px;
	    height: 39px;
	    background: #fff;
	    text-align: center;
	    color: var(--primary);
	    font-size: 25px;
	    left: 32px;
	}

	.history_main{
		padding-left: 3%;
		padding-right: 3%;
	}

	.history_main .title{
		line-height: 24px;	
	}

	.history_main .title a{
		font-size: 18px;
	}

	.chistory .swiper-button-next{
		right: unset;
		left: 115px;
		color: #fff;
		background: var(--primary);
	}

	.chistory .swiper-button-prev:after, .chistory .swiper-rtl .swiper-button-next:after,.chistory .swiper-button-next:after, .chistory .swiper-rtl .swiper-button-prev:after{
		font-size: 26px;

	}

	.aboutBlock1 .main .d2{
		min-width: unset;
		padding-left: 0;
	}

	.aboutBlock1 .main .d2 .item{
		transform: unset;
	}

	.aboutBlock1 .main .d2 .item p,.aboutBlock1 .main .d2 .item strong{
	  transform: unset;
	}

	.aboutBlock1 .main .d2 .item{
		padding: 10px 5px;
	}

	.catesMenu ul li{
		width: 50%;
	}

	.fsSection .nav-tabs .nav-item a{
		padding: 15px 5px;
		font-size: 14px;
	}

	.catesMenu ul li a{
		margin-bottom: 35px;
	}

	.main-footer .main .menus{
		display: none!important;
	}

	.conSection .main h4{
		font-size: 16px;
		line-height: 26px;
		margin-top: 25px;
    	margin-bottom: 35px;
	}

 }


@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;
	}

	.aboutBlock1 .main .d2 .item p{
		font-size: 14px;
	}

	.aboutBlock4 .item p{
		font-size: 12px;
		line-height: 14px;
	}

	.aboutBlock4 .item strong{
		width: 65px;
		height: 65px;
		line-height: 65px;
		font-size: 18px;
	}

	.aboutBlock4 .item{
		margin-bottom: 25px;
	}

	.div-page a.pn{
		height: 35px;
	    line-height: 35px;
	    padding: 0 15px;
	    border-radius: 5px;
	}

	.div-page a.page-num {
	    width: 35px;
	    height: 35px;
	    line-height: 35px;
	    text-align: center;
	    border-radius: 50%;
	}

	.div-page a+a {
	    margin-left: 5px;
	}
	.div-page a{
		font-size: 14px;
	}

	.pblockSection div.bigTitle{
		font-size: 20px;
	}




	


 }