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

	.w80{   width: 1440px;   margin: 0 auto;  }
	.pl-w80{padding-left: calc((100% - 1440px)/2);}
	.pr-w80{padding-right: calc((100% - 1440px)/2);}
	.mr-w80{margin-right: calc((100% - 1440px)/2);}
	.ml-w80{margin-left: calc((100% - 1440px)/2);}

	.inner{ width:1360px;   margin: 0 auto;  }
	.pl-inner{ padding-left: calc((100vw - 1360px)/2);}
	.pr-inner{ padding-right: calc((100vw - 1360px)/2);}
	.ml-inner{ margin-left: calc((100vw - 1360px)/2);}
	.mr-inner{ margin-right: calc((100vw - 1360px)/2);}


	.oneNav{ line-height: 90px; }
	.zwHeader{ height: 90px;}
	.zw{margin-top: -90px; padding-top: 90px;}	

	/* .logoImg{ height: 30px;} */

	.FXlIST A{ width: 60px; height: 60px;  }
}

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

	body{ font-size: 15px }

	.w80{   width: 1280px;   margin: 0 auto;  }
	.pl-w80{padding-left: calc((100% - 1280px)/2);}
	.pr-w80{padding-right: calc((100% - 1280px)/2);}
	.mr-w80{margin-right: calc((100% - 1280px)/2);}
	.ml-w80{margin-left: calc((100% - 1280px)/2);}

	.inner{ width:1280px;   margin: 0 auto;  }
	.pl-inner{ padding-left: calc((100vw - 1280px)/2);}
	.pr-inner{ padding-right: calc((100vw - 1280px)/2);}
	.ml-inner{ margin-left: calc((100vw - 1280px)/2);}
	.mr-inner{ margin-right: calc((100vw - 1280px)/2);}

 
	.oneNav{ line-height: 80px; }
	.zwHeader{ height: 80px;}
	.zw{margin-top: -80px; padding-top: 80px;}	
	/* .logoImg,.logoImg-w{ height: 28px;} */

	.idxBan .pagination span:after{ width: 1px;}
	 
	.commonBtn { line-height:40px; ;    }    
	.commonBtn .t {  top: -40px;   }
	.commonBtn:hover .w { transform: translateY(20px) translateZ(-20px) rotate3d(1, 0, 0, -90deg); -webkit-transform: translateY(20px) translateZ(-20px) rotate3d(1, 0, 0, -90deg); -moz-transform: translateY(20px) translateZ(-20px) rotate3d(1, 0, 0, -90deg); -ms-transform: translateY(20px) translateZ(-20px) rotate3d(1, 0, 0, -90deg); -o-transform: translateY(20px) translateZ(-20px) rotate3d(1, 0, 0, -90deg); }
     
	.FXiCON{ width: 60px;}
	.idxAbout .play{ width: 100px;}
	.mySwiper{ width: 50px; height: 50px;}
	.HistoryTop .swiper-slide i{ width: 16px; height: 16px;}
	.HistoryTop::after{ bottom: 8px;}
	.line-height3{ line-height: 2.8;}
	.CorporateUl li{ height: 300px;}
	.CorporateIcon{ height: 70px;} 
	.teamIcon{ height: 60px;}
}

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

	 div.video-wrap{ width: 90vw;height: auto;}
	 .w80{   width: 90%;    }
	.pl-w80{padding-left: 5vw;}
	.pr-w80{padding-right: 5vw;}
	.mr-w80{margin-right: 5vw;}
	.ml-w80{margin-left: 5vw;}

	.inner{ width:90%;   margin: 0 auto;  }
	.pl-inner{ padding-left: 5vw;}
	.pr-inner{ padding-right:5vw;}
	.ml-inner{ margin-left:5vw;}
	.mr-inner{ margin-right:5vw;}

	.oneNav{ line-height: 70px; font-size: 16px; }
	.zwHeader{ height: 70px;}
	.zw{margin-top: -70px; padding-top: 70px;}	
	/* .logoImg,.logoImg-w{ height: 20px;} */

	header .con{ width: 100%; padding: 0 25px;}
	.idxBanImg{ height: auto;}

 
	.swiperBtn { width: 50px; height: 50px;}
	 
	.FXiCON{ width: 50px;}
	.mySwiper{ width: 40px; height: 40px;}
	.CorporateIcon{ height: 60px;}
	.line-height3{ line-height: 2.4;}
	.teamIcon{ height: 60px;}
	.FXlIST A{ width: 50px; height: 50px;  }
}

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

	.iPad-show{ display: block;}
	.iPad-none{ display: none;}

	.w80{   width: 96%;    }
	.pl-w80{padding-left: 2vw;}
	.pr-w80{padding-right: 2vw;}
	.mr-w80{margin-right: 2vw;}
	.ml-w80{margin-left: 2vw;}

	.inner{ width:96%;   margin: 0 auto;  }
	.pl-inner{ padding-left: 2vw;}
	.pr-inner{ padding-right:2vw;}
	.ml-inner{ margin-left:2vw;}
	.mr-inner{ margin-right:2vw;}


	.getBtn{ display: none;}
	.FXiCON{ width: 42px;}
	.CorporateIcon{ height: 50px;}
	 
	.CorporateUl li{ width: 50%;}
	.CorporateUl li:nth-child(2n){    background: #f0f0f0;}
	.CorporateUl li:nth-child(2),.CorporateUl li:nth-child(3),.CorporateUl li:nth-child(6){ background: 	#f9f9f9;}

	.FXlIST A{ width: 42px; height: 42px;  }
	
	.teamIcon{ height:50px;}
    
}
@media screen and (max-width:900px) {

	body{ font-size: 14px }
	.iconfont{ font-size: 16px;}
	.w80{   width: calc(100% - 40px);    }
	.pl-w80{padding-left: 20px;}
	.pr-w80{padding-right: 20px;}
	.mr-w80{margin-right: 20px;}
	.ml-w80{margin-left: 20px;}

	.inner{ width:calc(100% - 40px);   margin: 0 auto;  }
	.pl-inner{ padding-left: 20px;}
	.pr-inner{ padding-right:20px;}
	.ml-inner{ margin-left:20px;}
	.mr-inner{ margin-right:20px;}

	header .con{ width: 100%; padding: 0 0 0 20px;}

	 
	.idxBan{ margin-top: 60px;}
	.logoImg{  height: 40px;}

	.idxProUl li img{ width: 100%; height: 250px; object-fit: cover;}
	.idxChooseIcon{ max-width: 60px;}
	.FXiCON{  width: 36px;}
	.neiBan{  margin-top: 60px;}
	.line-height3{ line-height: 2;}
	.aboutYsUl li{ flex-direction: column;}
	.aboutYsUl li .round{ width: 80px; height: 80px; margin-bottom: 15px;}
	.aboutYsUl li .text{ width: 100%;text-align: justify;}
	.aboutServiceUl li + li{ margin-top: 25px;}
	.CorporateUl li{ width: 100%; padding: 40px 20px; height: auto;  justify-content: center;}
	.CorporateUl li:nth-child(2),.CorporateUl li:nth-child(3),.CorporateUl li:nth-child(6){ background: #f0f0f0	;}
	.CorporateUl li:nth-child(2n){    background:#f9f9f9 ;}
	.CorporateUl li .text{ display: none;}
	

	.CorporateIcon{ height: 42px;}
	.prolsit li .desc{ margin: 15px 0; height: 4em;}
	.prolsit li .desc .line-clamp4{-webkit-line-clamp:2}
	.prolsit li  h3{ font-weight: bold;}
	.newslist li .text .date::after{ height: 2px;}
	.contactLine{ width: 100%; height: 1px; margin: 10px 0;}
	.culturelist li:nth-child(2n){ flex-direction: column;}
	 
	.teamUl li + li{ margin-top: 18px;}
	.teamIcon{ height: 40px;}
	.wapPT{ padding-top: 0;}
}

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

	 
}

@media screen and (min-width:750px) { }