@media (max-width:1440px) {
	.IndexNav>ul>li{
		padding: 0 0.6rem;
	}
	.navBtnIcon>img{
		margin-left: 0.8rem;
	}
	.otherTabNavItem{
		justify-content: space-around;
	}
	
	.otherTabNavItem a{
		margin: 0;
	}
	.joinSCon span{
		line-height: 1.5;
	}
	
	.indexTabTitleTxt span,.centerIndex span,.aboutVideoR span,.serveConTitle span{
		font-size: 0.9rem;
	}
	.otherBannerCon .container>span{
		font-size: 1.2rem;
	}

}



@media (max-width:1024px){
	
	.container{
		max-width: 1600px;
	}
	
	
	.IndexNavBox{
		display: none;
	}
	
	.phoneHead{
		width: 100%;
		height: 2.2rem;
		background-color: transparent;
		position: fixed;
		display: block;
		top: 0;
		left: 0;
		z-index: 9999;
		border-bottom: 1px solid rgba(255, 255, 255, .2);
	}
	
	
	.phoneHead .container{
		display: flex;
		height: 100%;
		align-items: center;
		justify-content: space-between;
	}
	
	.phoneHead .container>a{
		height: 100%;
		display: block;
		width: auto;
		display:flex;
		align-items: center;
	}
	
	.phoneHead .container>a>img{
		display: block;
		height: 60%;
		width: auto;
	}
	
	
	
	.mIcon {
		width: 1.5rem;
		height:1.41rem;
		box-sizing: border-box;
		transform: scale(0.6);
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-end;
	}
	
	.controlIcon {
		display: block;
		width: 1.5rem;
		height: 0.1rem;
		transition: all .4s ease;
		background: #dde1e4;
	}
	
	.controlIcon:nth-child(2){
		margin-top: 0.4rem;
		margin-bottom: 0.4rem;
	}
	
	
	.mIconActive .controlIcon:nth-child(1) {
		animation: 0.5s ease-out forwards animate1;
		-webkit-animation: 0.5s ease-out forwards animate1;
	}
	
	.mIconActive .controlIcon:nth-child(2) {
		opacity: 0;
	}
	
	.mIconActive .controlIcon:nth-child(3) {
		animation: 0.5s ease-out forwards animate2;
		-webkit-animation: 0.5s ease-out forwards animate2;
	}
	
	.mIconClose .controlIcon:nth-child(1) {
		animation: 0.5s ease-out forwards animate3;
		-webkit-animation: 0.5s ease-out forwards animate3;
	}
	
	.mIconClose .controlIcon:nth-child(2) {
		opacity: 1;
	}
	
	.mIconClose .controlIcon:nth-child(3) {
		animation: 0.5s ease-out forwards animate4;
		-webkit-animation: 0.5s ease-out forwards animate4;
	}
	
	@-webkit-keyframes animate1 {
		0% {
			-webkit-transform: rotate(0deg) translateY(0px);
		}
	
		100% {
			-webkit-transform: rotate(45deg) translateY(0.3rem) translateX(0.3rem);
		}
	}
	
	@keyframes animate1 {
		0% {
			transform: rotate(0deg) translateY(0px);
		}
	
		100% {
			transform: rotate(45deg) translateY(0.3rem) translateX(0.3rem);
		}
	}
	
	@-webkit-keyframes animate2 {
		0% {
			-webkit-transform: rotate(0deg) translateY(0px);
		}
	
		100% {
			-webkit-transform: rotate(-45deg) translateY(-0.4rem) translateX(0.4rem);
		}
	}
	
	@keyframes animate2 {
		0% {
			transform: rotate(0deg) translateY(0px);
		}
	
		100% {
			transform: rotate(-45deg) translateY(-0.4rem) translateX(0.4rem);
		}
	}
	
	@-webkit-keyframes animate3 {
		0% {
			-webkit-transform: rotate(45deg) translateY(0.3rem) translateX(0.3rem);
		}
	
		100% {
			-webkit-transform: rotate(0deg) translateY(0px);
		}
	}
	
	@keyframes animate3 {
		0% {
			transform: rotate(45deg) translateY(0.3rem) translateX(0.3rem);
		}
	
		100% {
			transform: rotate(0deg) translateY(0px);
		}
	}
	
	@-webkit-keyframes animate4 {
		0% {
			-webkit-transform: rotate(-45deg) translateY(-0.4rem) translateX(0.4rem);
		}
	
		100% {
			-webkit-transform: rotate(0deg) translateY(0px);
		}
	}
	
	@keyframes animate4 {
		0% {
			transform: rotate(-45deg) translateY(-0.4rem) translateX(0.4rem);
		}
	
		100% {
			transform: rotate(0deg) translateY(0px);
		}
	}
	
	.phoneNavBox{
		height: calc(100vh - 2.2rem);
		width: 100vw;
		background-color: #ffffff;
		position: fixed;
		top: 2.2rem;
		left: 0;
		z-index: 99;
		padding: 0 0.5rem;
		box-sizing: border-box;
		overflow: hidden;
		display: none;
	}
	
	.phoneNavBox ul{
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		overflow: auto;
	}
	
	.phoneNavBox>ul>li{
		width: 100%;
		border-bottom: 1px solid rgba(255, 255, 255, .15);
		height: auto;
		display: flex;
		align-items: center;
		flex-direction: column;
		position: relative;
	}
	
	.phoneNavBox>ul>li img{
		display: block;
		width: 0.56rem;
		height: auto;
		position: absolute;
		top: 1.2rem;
		right: 0.6rem;
		margin-top: -0.28rem;
		opacity: 0.6;
		transition: all .3s ease-out;
		transform: rotate(0);
	}
	.phoneNavBox>ul>li>a{
		color: #333333;
		font-size: 0.65rem;
		line-height: 2.4rem;
		height: 2.4rem;
		display: block;
		width: 100%;
		padding-right: 1.25rem;
		padding-left: 0.5rem;
		box-sizing: border-box;
	}
	.phoneNavBox>ul>li ul{
		width: 100%;
		flex-direction: column;
		display: none;
		padding-bottom: 0.75rem;
	}
	.phoneNavBox>ul>li ul li{
		display: flex;
		width: 100%;
		padding-left:1rem;
		box-sizing: border-box;
		align-items: center;
		height: 2rem;
	}
	
	.phoneNavBox>ul>li ul li a{
		font-size: 0.6rem;
		color: #333333;
		display: block;
		width: 100%;
	}
	
	
	.kePhone{
		width: 1.5rem;
		height: 1.5rem;
		border-radius: 50%;
		position: fixed;
		bottom: 10%;
		right: 0.3rem;
		background-color: rgba(0, 0, 0, .4);
		z-index: 95;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	
	.kePhone img{
		display: block;
		width: 70%;
		margin-top: 0.1rem;
		margin: 0.1rem auto 0;
	}
	
	
	
	.appointmentBox{
		margin-top: -1rem;
	}
	
	
	
	
}



@media (max-width:767px){

	.indexBanner{
		height: 15rem;
	}
	
	.bannerCon .container{
	    justify-content: center;
	}
	
	.indexBannerSwiper .swiper-slide{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.indexBanner .swiper-slide>img{
		width: auto;
		height: 100%;
	}
	
	.bannerCon .container>span{
		font-size: 1.1rem;
	}
	.bannerCon .container p{
		font-size: 0.6rem;
	}
	
	.appointmentBox{
		padding-right: 4%;
	}
	
	.appointmentCon{
		padding: 0 0.5rem;
	}
	
	.appointmentTitle{
		flex-direction: column;
		align-items: flex-start;
		padding-top: 1.1rem;
	}
	
	.appointmentTitle span{
		font-size: 0.7rem;
		margin-bottom: 0.4rem;
	}
	.appointmentTitle p{
		line-height: 1.5;
		font-size: 0.45rem;
	}
	
	.appointmentInput form{
		flex-direction: column;
		align-items: flex-end;
	}
	
	.appointmentILeft{
		flex-flow: row wrap;
		margin-right: 0
	}
	
	
	.appointmentILeft>input{
		width: 49%;
		margin-right: 2%;
		float: left;
		margin-bottom: 0.25rem;
		padding: 0 0.25rem;
		font-size: 0.45rem;
	}
	
	.appointmentILeft div input{
		padding: 0 0.25rem;
		font-size: 0.45rem;
	}
	
	
	
	.appointmentILeft div input::placeholder{
		font-size: 0.45rem;
	}
	
	.appointmentILeft>input::placeholder{
		font-size: 0.45rem;
	}
	
	.appointmentILeft>input:nth-child(2){
		margin-right: 0;
	}
	
	.appointmentILeft div{
		width: 49%;
	}
	
	.tabTipCon a{
		font-size: 0.45rem;
	}
	.tabNumList p{
		font-size: 0.45rem;
	}
	
	.appointmentInput form button{
		margin: 0.5rem 0;
	}
	.h120{
		height: 1.9rem;
	}
	.indexTabTitle{
		padding: 0 4%;
	}

	.indexTabCon{
		margin-top: 1.9rem;
		flex-direction: column;
	}
	
	.indexTabLeft{
		width: 100%;
	}
	.indexTabLeft ul{
		flex-flow: row wrap;
	}
	.indexTabLeft ul li{
		width: 50%;
	}
	
	.indexTabLeft ul li img{
		margin-left: 1.5rem;
	}
	
	.indexTabRight{
		width: 100%;
		padding: 1.2rem 0 0;
	}
	
	.tabNumBox{
		margin: 1.2rem 0;
		align-items: flex-start;
		justify-content: space-between;
	}
	
	.tabNumList{
		width: 49%;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	
	.tabNumList span{
		margin-bottom: 0.5rem;
		font-size: 1.3rem;
	}
	
	.tabTipBox{
		position: unset;
		width: 100%;
		max-width: 100%;
		padding: 1rem 1rem 1rem  2rem;
		height: auto;
	}
	
	.tabTipBox::before{
		left:0.5rem;
		display: none;
	}
	
	.indeTabBox{
		margin-bottom: 0rem;
	}
	
	.indeYearBox{
		margin-top: 1.9rem;
	}
	.indexVideCon{
		flex-direction: column;
	}
	
	.indexVideoL{
		width: 100%;
		/* height: auto; */
	}
	
	.indexVideoL img{
		display: block;
	}
	
	.indexVideoR{
		width: 100%;
		padding: 0 0.5rem;
	}
	.indexVideoR p{
		margin-bottom: 1rem;
		font-size: 0.5rem;
	}
	
	.indexYearNumBox{
		padding: 1.9rem 0.5rem;
		flex-flow: row wrap; 
		align-items: flex-start;
		justify-content: flex-start;
	}
	
	.indexYearNumList span{
		font-size: 1.6rem;
	}
	
	.indexYearNumList{
		width: 48%;
		margin-right: 4%;
		align-items: flex-start;
		justify-content:flex-start;
		margin-bottom: 0.5rem;
	}
	.indexYearNumList:nth-child(2n){
		margin-right: 0;
	}
	
	
	.tabListTitle,.tabListO,.tabListT,.tabNumBox{
		padding: 0 0.5rem;
		box-sizing: border-box;
	}
	
	.nesDIcon div span,
	.newPageLR span,
	.newPageLR p
	{
		font-size: 0.45rem;
	}
	
	.nesDBox p{
		font-size: 0.58rem;
		line-height: 1.7;
	}
	.nesDshare span{
		font-size: 0.5rem;
	}
	
	.TJcaseList p{
		font-size: 0.6rem;
	}
	.TJcaseList .noBorderLookB span{
		font-size: 0.45rem;
	}
	.TJcaseList{
		height: 7.4rem;
	}
	.crumbleBox span{
		font-size: 0.45rem;
	}
	.tabListO{
		font-size: 0.6rem;
		line-height: 1.3;
	}
	.tabListT{
		font-size: 0.5rem;
	}
	
	.serveBoxTxt .serveBoxSTile span{
		font-size: 0.62rem;
	}
	.serveBoxTxt p{
		font-size: 0.56rem;
		line-height: 2.2;
	}
	
	.indexYearNumList p{
		font-size: 0.5rem;
	}
	
	.indexTabList .seeDetail {
		margin-left: 0.5rem;
		margin-bottom: 0.5rem;
	}
	
	.serveConTxt{
		font-size: 0.45rem;
	}
	
	.logoListBox ul li{
		width: 33.3333%;
	}
	
	.logoListBox ul li:nth-child(-n+3){
		border-top: none !important;
	}
	
	.logoListBox ul li:nth-child(3n){
		border-right: none !important;
	}
	
	.logoListBox ul li:nth-child(-n+5){
		border-right: 1px solid #f2f2f2;
		border-top: 1px solid #f2f2f2;
	}
	.logoListBox ul li:nth-child(5n){
		border-right: 1px solid #f2f2f2;
		border-top: 1px solid #f2f2f2;
	}
	
	.logoListBox ul li::after{
		content: '';
		width: 0.25rem;
		height: 0.25rem;
		background-color: #ab1d17;
		position: absolute;
		right: -0.13rem;
		bottom: -0.13rem;
		z-index: 9;
	}
	
	.logoListBox ul li:nth-child(3n)::after{
		display: none;
	}
	
	.logoListBox ul{
		padding-bottom: 0.25rem;
	}
	
	.logoListBox ul li img{
		max-width: 60%;
		max-height: 60%;
	}
	
	.indexTabTitle{
		flex-direction: column;
		align-items: flex-start !important;
	}
	
	.indexTabTitleTxt{
		margin-bottom: 0.5rem;
	}
	
	.IndexNewImg{
		height: 8rem;
	}
	
	.indexNewListCon{
		padding: 1rem 1.1rem;
	}
	.IndexNewSwiper{
		margin: 1.8rem 0 0;
	}
	
	.footerCon{
		padding: 2rem 4% 1.6rem !important;
		flex-direction: column;
	}
	
	.footerLeft{
		width: 100%;
	}
	
	.footerLeft div{
		margin-top: 0.8rem;
	}
	
	.footerRight{
		margin-left: 0rem;
	}
	
	.footerRT{
		flex-direction: column;
	}
	
	
	.footerRTxt{
		margin: 0.8rem 0;
		font-size: 0.45rem;
	}
	.footerCodeBox{
		justify-content: center;
		margin-left: 0;
	}
	
	.footerCodeBox div{
		margin: 0 0.7rem;
	}
	
	.footerNum{
		flex-flow: row wrap;
	}
	
	.footerCodeBox div img{
		width: 3.5rem;
	}
	.footerNum p{
		width: 50%;
		margin-right: 0;
		margin-bottom: 0.5rem;
	}
	
	.copyRightBox{
		flex-direction: column;
		justify-content: center;
		padding: 0.5rem 0;
	}
	
	.copyRightLeft{
		padding-left: 0;
		margin-bottom: 0.5rem;
	}
	
	.copyRightLeft p{
		text-align: center;
	}
	
	
	.otherBanner{
		height: 7rem;
		display: flex;
		align-items: flex-start;
		justify-content: center;
	}
	
	.otherBanner img{
		display: block;
		height: 100%;
		width: auto;
	}
	
	
	.otherTabNav{
		padding-right: 4%;
	}
	
	.aboutTopTxt{
		padding:  1.5rem 1rem;
	}
	
	.crumbleBox{
		padding: 1.3rem 0 ;
	}
	
	
	.newDLeft{
		padding: 0 4%;
	}
	
	.aboutVideoR span{
		margin-top: 1rem;
	}
	
	.centerIndex {
		padding: 0 4%;
		text-align: center;
		margin-top: 2rem;
	}
	
	.centerIndex span,.centerIndex p{
		line-height: 1.4;
	}
	.xtList{
		width: 32%;
		margin-right: 2%;
		margin-bottom: 0.25rem;
	}
	
	.xtList:nth-child(3),.xtList:nth-child(5){
		margin-right: 0;
	}
	
	.xtCon .container{
		flex-flow: row wrap;
		justify-content: center;
	}
	
	.time-line-box ul:after{
		height: 2.3rem;
	}
	.logoSwiperBox{
		flex-direction: column;
		margin-bottom: 1.5rem;
	}
	.logoSwiperL{
		width: 100%;
		padding: 0 4%;
		margin-bottom: 1.4rem;
	}
	.logoSwiper{
		width: 100%;
		padding: 0 4%;
	}
	
	
	.aboutCopNav{
		padding: 0 4%;
		margin: 1rem 0;
	}
	
	.aboutCopNav ul li{
		flex: 0 0 25%;
	}
	.indexTabTitleTxt span, .centerIndex span, .aboutVideoR span, .serveConTitle span{
		line-height: 1.3;
	}
	
	.indexTabTitleTxt p, .centerIndex p, .aboutVideoR p, .serveConTitle p{
		line-height: 1.5;
	}
	.moreLogoList ul li:nth-child(-n+14)::after{
		content: '';
		width: 0.25rem;
		height: 0.25rem;
		background-color: #ab1d17;
		position: absolute;
		right: -0.13rem;
		bottom: -0.13rem;
		z-index: 9;
		display: block !important;
	}
	
	.moreLogoList ul li:nth-child(3n)::after{
		content: '';
		width: 0.25rem;
		height: 0.25rem;
		background-color: #ab1d17;
		position: absolute;
		right: -0.13rem;
		bottom: -0.13rem;
		z-index: 9;
		display: none !important;
	}
	
	.joinSwiperBox{
		flex-direction: column;
		height: auto;overflow: hidden;
	}
	
	.leftSwiper, .RightSwiper{
		height: 10rem;
		width: 100%;
	}
	
	.joinSCon{
		width: 100%;
		padding: 0.5rem 4%;
	}
	
	.phoneJoin{
		flex-direction: column-reverse;
	}
	.joinBg p span{
		text-align: center;
		line-height: 1.3;
	}
	
	.joinBg p:last-child{
		text-align: center;
	}
	
	.joinItem{
		padding: 0 4%;
	}
	
	
	.joinItem ul{
		width: 100%;
		justify-content: center;
		margin: .5rem 0;
	}
	.joinItem ul li{
		margin-right: 0;
		text-align: center;
		padding: 0 2%;
		font-size: 0.5rem;
	}
	
	.joinItem img{
		margin-left: 0.65rem;
	}
	
	.joinItemShow{
		padding: 1rem 4%;
	}
	
	.joinItem{
		flex-direction: column;
	}
	
	.joinItem{
		height: auto;
		padding: 0.5rem 0;
	}
	
	.indexTabTitleKF{
		padding: 0 4% !important;
	}
	
	.serveBoxTxt{
		padding:  1rem 4%;
	}
	
	.serveBox .container{
		background-color: #fff;
	}
	
	.serveBox::after{
		display: none;
	}
	
	.serveIconBox{
		padding: 0 4%;
		align-items: flex-start;
	}
	
	.serveIconBox div{
		justify-content: flex-start
	}
	
	.serveScope{
		padding: 0 4% 1rem;
	}
	
	.serveScope ul li{
		flex: 0 0 50%;
		font-size: 0.54rem;
	}
	
	.serveConBox{
		flex-direction: column;
	}
	
	.serveConRight ul li i{
		font-size: 0.54rem;
	}
	.serveConRight ul li p{
		font-size: 0.5rem;
	}
	
	.serveConLeft{
		width: 100%;
		padding: 0 4%;
	}
	
	.serveConRight{
		width: 100%;
		height: auto;
	}
	
	.expertConTxt{
		padding: 0 4%;
	}
	
	.expertConBox::after{
		display: none;
	}
	
	.expertConBox{
		margin-top: 0;
	}
	
	.expertConBox .container{
		padding: 1rem 0 0;
		background-color: #fff;
	}
	.expertConBox img{
		margin-top: 1rem;
	}
	.otherTabNavCon{
		padding-left: 4%;
	}
	
	
	.caseListBox{
		padding: 0 ;
	}
	
	.caseList{
		width: 49%;
		padding:0.3rem 0.5rem 0.8rem;
	}
	.caseList:nth-child(3n){
		margin-right: 2%;
	}
	.caseList:nth-child(2n){
		margin-right: 0;
	}
	
	
	
	
	/* 团队 */
	.teamListBox{
		padding: 0 ;
	}
	
	.teamList{
		width: 100%;
		padding:0.3rem 0 0.3rem 0.5rem;
		margin-right: 0;
		height:7.7rem;
	}
	
	.teamLeft{
	    max-width: 40%;
	}
	
	.teamZwList p{
	    font-size: 0.45rem;
	}
	
	
	/* 团队end */
	
	
	
	.rongyuListBox{
		padding: 0 ;
	}
	
	.rongyuList{
		width: 49%;
		padding:0.5rem 0.3rem 0.5rem;
		margin-top: 1rem;
		margin-right: 2%;
	}
	.rongyuList:nth-child(3n){
		margin-right: 2%;
	}
	.rongyuList:nth-child(2n){
		margin-right: 0;
	}
	
	.rongyuLTop{
		height: 3.6rem;
	}
	
	.rongyuList span{
		padding-top: 0.5rem;
		font-size: 0.4rem;
	}
	
	
	.pageBox ul li a{
		padding: 0 0.45rem;
	}
	
	.newsListBox{
		padding: 0;
	}
	.indexNewList{
		width: 100%;
		height: auto;
	}
	.newsListBox .indexNewList:nth-child(3n){
		margin-right: 0;
	}
	
	.indexNewTime{
		margin-top: 0.5rem;
		font-size: 0.45rem;
	}
	
	
	.indexNewListCon p{
		font-size: 0.6rem;
	}
	
	
	.noBorderLookB span{
		font-size: 0.45rem;
	}
	
	.videoCon{
		padding: 0;
	}
	
	.videoTop{
		flex-direction: column;
		height: auto;
	}
	.newVideoTxt{
		height: 10rem;
		width: 100%;
	}
	
	.videoTopCon{
		width: 100%;
		height: auto;
	}
	
	.videoTopCon img{
		display: block;
	}
	
	.newVideoItem{
		width: 49%;
	}
	.newVideoItem:nth-child(3n){
		margin-right: 2%;
	}
	.newVideoItem:nth-child(2n){
		margin-right: 0
	}
	.mapTopBox{
		position: initial;
		padding: 0 4%;
		box-sizing: border-box;
		width: 100%;
	}
	.contactCode div span,.contactShare span{
		font-size: 0.4rem;
	}
	.caseList p{
		font-size: 0.5rem;
	}
	.caseList .noBorderLookB span{
		font-size: 0.45rem;
	}
	
	.contactCode div span{
		font-size: 0.4rem;
	}
	
	.mapTopList div{
		line-height: 1.5;
		font-size: 0.5rem;
	}
	.contactConBox{
		flex-direction: column;
		padding: 0 4%;
		margin-bottom: 2rem;
	}
	
	.contactLeft{
		width: 100%;
	}
	
	.contactRight{
		width: 100%;
		margin-top: 1rem;
	}

	.indexTabActive::after{
		top: 50%;
		right: -0.24rem;
	}
	.logoListBox ul li:nth-child(10){
		display: none;
	}
	
	.joinTableBox{
		margin-top: 1rem;
	}
	.serveConLeft{
		justify-content: flex-start;
		height: auto;
	}
	.serveConTitle{
		margin-bottom: 1rem;
	}
	.serveConLeft ul{
		margin-top: 1.5rem;
	}
	
	.mapBox{
		margin-bottom: 1.5rem;
	}
	
	.newDCon{
		flex-direction: column;
	}
	
	.newDLeft{
		width: 100%;
	}
	
	.nesDIcon {
		flex-flow: row wrap;
		margin-bottom: 0.5rem;
	}
	
	.nesDIcon div{
		margin-right: 0;
		margin-bottom: 0.5rem;
	}
	.nesDIcon div:nth-child(1),.nesDIcon div:nth-child(2){
		width: 50%;
	}
	.nesDIcon div:nth-child(3){
		width: 100%;
	}
	.newDRight{
		width: 100%	;
	}
	.TJNewImg{
		height: 8rem;
	}
	.TJListCon{
		padding: 8.5rem 1.1rem 1rem;
	}
	
	.caseLTop{
		margin-bottom: 0.5rem;
	}
	
	.phoneNavBox>ul>li ul li:active{
		background-color: #f2f2f2;
	}
	
	.phoneNavBox>ul>li ul li:active a{
		color: #ab1d17;
	}
	
	.newPageC{
		margin: 0 0.5rem;
	}
	.newPageLR{
		width: calc((100% - 1.45rem) /2);
	}
	
	.webMap{
		padding: 0;
	}
	
	.webMapCon a{
		font-size: 0.5rem;
		padding: 0 0.8rem;
	}
	
	.webMapBox{
		margin: 1.5rem 0;
	}
	
	.webMapList span{
		padding: 0 0.8rem;
	}
	.otherTabNavItem a{
		margin: 0 0.4rem;
		text-align: center;
	}
	
	.indexVideoBox{
		margin-top: 0.5rem;
	}
	
	.aboutTopTxt>p:not(:first-child){
		font-size: 0.5rem;
	}
	
	.xtList p{
		font-size: 0.45rem;
	}
	.xtList span{
		font-size: 0.55rem;
	}
	.time-line-box ul li dl dd{
		font-size: 0.5rem;
	}
	.joinSCon p{
		font-size: 0.5rem;
	}
	.joinItemShow div span{
		font-size: 0.6rem;
	}
	.joinItemShow div p{
		font-size: 0.5rem;
	}
}