.moblie .bannerBox:after {
	display: none;
}

@media screen and (max-width:767px) {
	.productionAdvatageUl li {
		border-right: none;
		width: 100%;
		padding: 0px;
		padding-bottom: 1.05rem;
		padding-bottom: 1.05rem;
		margin-bottom: 0px;
		
		
	}
	.productionAdvatageUl{
		padding-top: 1.05rem;
	}
	.productionAdvatageUlSpan {
	    font-size: .72rem;
	    margin-bottom: .63rem;
	    margin-top: 0px;
	}
	.productionAdvatageUlArea {
	    width: 12rem;
	    height: 9.339rem;
	}
	.redFont {
		font-size: .76rem;
		    padding-bottom: 1.05rem;
		    padding-top: 1.05rem;
	}
	.contentSectionWork {
	    padding-top: 1.05rem;
	}
	.container .contentBox {
	    padding-bottom: .42rem;
	}
	.productionAdvatageUlDiv {
		margin-top: 0px;
		font-size: .72rem;
	}

	.productionAdvatageUlP {
		font-size: .72rem;
		padding: 0px;
		line-height: 1.2rem;
		/* height: auto; */
	}
	/* .productionAdvatageUl li img{
		height: auto;
	} */
	.ourModalUl li {
		width: 50%;
		display: flex;
		justify-content: center;
	}

	.ourModalUl li a {
		width: calc(100% - .42rem);
	}

	.ourModalUlTop {
		width: 100%;
		height: 7.707rem;
	}
	
	.contactSectionWork{
		padding-top: 1.05rem;
	}

	.ourModalUlBottom {
		font-size: .72rem;
		    margin-top: .42rem;
		    margin-bottom: .63rem;
		    overflow: hidden;
		    white-space: nowrap;
		    text-overflow: ellipsis;
		    width: 100%;
	}

	.ourModalUl,
	.productionAdvatageUl,.whyHdsUl {
		margin-left: .6rem;
		margin-right: .6rem;
	}
	.bannerFont{
		margin-left: 0px;
		margin-right: 0px;
	}
	

	.whyHdsUl {
		flex-direction: column;
		padding-bottom: 0px;
		padding-top: 1.05rem;
	}

	.whyHdsUl li {
		width: 100%;
		height: auto;
		margin-bottom: 0px;
		padding: 1.05rem .6rem;
		border-right: none;
	}

	.whyHdsUlDiv {
		font-size: .72rem;
		margin-bottom: .21rem;
		line-height: 1.2rem;
	}

	.whyHdsUlImg {
		margin-bottom: .63rem;
	}

	.productionUl li {
		width: 50%;
	}

	.productionUlImg {
		width: calc(100% - .42rem);
		height: 6.15rem;
	}

	.productionUlFont {
		font-size: .72rem;
		margin-top: .42rem;
		margin-bottom: .63rem;
	}

	.productionUl {
		margin-left: .6rem;
		margin-right: .6rem;
		padding-top: 1.05rem;
		padding-bottom: .42rem;
	}

	.designUl {
		margin-left: .6rem;
		margin-right: .6rem;
		display: flex;
		flex-direction: column;
		padding-bottom: 0px;
	}

	.designFont {
		font-size: .72rem;
		text-align: justify;
		line-height: 1.2rem;
	}

	.designUl li {
		width: 100%;
		height: auto;
		padding-bottom: 1.05rem;
		padding-top: 1.05rem;
		border-right: none;
	}

	.designUl li span {
		font-size: .72rem;
	}

	.designUl li img {
		margin-bottom: .63rem;
	}

	.newsList,
	.serverUl {
		flex-direction: column;
	}

	.newsList li {
		width: calc(100% - 1.2rem);
		margin-left: .6rem;
		margin-right: .6rem;
	}
	.newsList li a{
		width: 100%;
	}
	.serverUlLI {
		height: auto;
		width: 100%;
		display: flex;
	}

	.newsListImg {
		height: auto;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.produce {
		width: calc(100% - 1.2rem);
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		margin-left: .6rem;
		margin-right: .6rem;
	}

	.navBox {
		position: fixed !important;
	}

	.produceDiv:nth-child(1) {
		margin-left: 0px;
	}

	.produceDiv:nth-child(2) {
		margin-bottom: .36rem;
		margin-right: 0px;
	}

	.produceDiv:nth-child(3) {
		margin-right: 0px;
		margin-bottom: 0px;
	}

	.produceDiv:nth-child(1) img {
		width: 100%;
		height: auto;
	}

	.produceDiv:nth-child(1) .produceDivFont {
		width: 100%;
	}

	.produceDiv {
		width: 100%;
		margin-bottom: .36rem;
	}

	.produceDiv:nth-child(2) img {
		width: 100%;
		height: 9.595rem;
	}

	.produceDiv:nth-child(3) img {
		width: 100%;
		height: 9.389rem;
	}

	.produceDiv:nth-child(3) .produceDivFont {
		width: 100%;
	}

	.produceBox {
		padding-top: .6rem;
		padding-bottom: .6rem;
	}

	.server {
		padding: .6rem;
		box-sizing: border-box;
	}

	.projectBoxUl {
		flex-direction: column;
	}

	.projectBoxUl li {
		width: 100%;
		height: 7.64rem;
	}

	.projectBox {
		padding-bottom: 0px;
	}

	.news {
		min-height: 0px;
		padding-top: .63rem;
		padding-bottom: .63rem;
	}

	.newsHead,
	.serverHead {
		font-size: .92rem;
		height: 1.288rem;
		line-height: 1.288rem;
	}

	.newsSubHead,
	.serverSubHead {
		font-size: .72rem;
		margin-top: .21rem;
		line-height: 1.008rem;
	}

	.newsListImgDivFont {
		width: auto;
		height: auto;
		font-size: .62rem;
		bottom: .42rem;
		right: -0.42rem;
		padding: .21rem .42rem;
	}

	.newsListHead {
		margin-top: .63rem;
		margin-bottom: .42rem;
		line-height: 1.148rem;
		font-size: .82rem;
	}

	.newsListTime {
		margin-bottom: .42rem;
		font-size: .72rem;
	}

	.newsListTime img {
		margin-right: .42rem;
	}

	.newsListPro {
		margin-bottom: .63rem;
		font-size: .72rem;
		line-height: 1.2rem;
	}

	.server {
		padding: .63rem;
		box-sizing: border-box;
		min-height: 0px;
	}

	.serverUlLIFontDivA {
		min-width: 6rem;
		height: auto;
		padding: .21rem .42rem;
		font-size: .82rem;
		bottom: .84rem;
	}

	.produceDivFont {
		height: auto;
		padding: .63rem 0px;
	}

	.produceDivFontP {
		font-size: .82rem;
		line-height: 1.148rem;
		margin-bottom: .42rem;
		padding: 0px .42rem;
		box-sizing: border-box;
	}

	.produceDivFontDiv {
		font-size: .72rem;
		line-height: 1.008rem;
		padding: 0px .42rem;
		box-sizing: border-box;
	}

	.footer {
		padding-left: .6rem;
		padding-right: .6rem;
	}

	.footer-top-right {
		padding-top: .8rem;
		padding-bottom: .8rem;
	}

	.footer-top-right-p {
		font-size: .72rem;
		margin-bottom: .2rem;
	}

	.footer-top-right-a {
		font-size: .76rem;
	}

	.footer-center-left-ul,
	.footer-center-right {
		display: none;
	}

	.footer-center-left-head {
		font-size: .72rem;
		margin-bottom: 0px;
		color: #dedede;
	}

	.footer-center-left-li {
		margin-right: 0px;
		width: 25%;
		text-align: center;
		height: .96rem;
		line-height: .96rem;
		margin-top: .4rem;
		margin-bottom: .4rem;
	}

	.footer-center-left {
		flex-wrap: wrap;
		flex: 1;
		padding-top: .96rem;
		padding-bottom: .96rem;
	}

	.footer-bottom {
		font-size: .62rem;
		padding-bottom: 1.28rem;
		padding-top: 1.4rem;
		padding-left: .6rem;
		padding-right: .6rem;
		line-height: 1rem;
	}

	.footer-center {
		border-bottom: 1px solid rgba(234, 239, 235, .1);
		/* padding-left: .6rem; */
		/* padding-right: .6rem; */
	}

	.footer-top-img {
		width: 10rem;
	}


	.bannerBox .swiper-pagination {
		bottom: 0px;
	}

	.bannerBox:after {
		display: none;
	}

	.nav_font {
		font-size: .72rem;
	}

	.nav ul li {
		padding: .42rem .6rem;
	}

	.nav_ul a {
		padding: .42rem 0px 0px 0px;
		font-size: .72rem;
	}

	.serverUlLI:hover .serverUlLIFontDivUl {
		display: block;
		bottom: 3.5rem;
	}

	.serverUlLIFontDivUl li a {
		font-size: .72rem;
		color: #FFFFFF;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 1.4rem;
		line-height: 1.4rem;
	}

	.projectBoxHead {
		font-size: .92rem;
		line-height: 1.288rem;
		padding-top: .63rem;
		padding-bottom: .63rem;
	}

	.projectBoxUl li a div {
		font-size: .82rem;
		font-weight: bold;
		color: #4C4D4F;
		margin-top: .42rem;
		margin-bottom: .42rem;
	}

	.projectBoxUl li a p {
		font-size: .72rem;
		line-height: 1.008rem;
	}

	.moblie .projectBoxUl li {
		height: 7.64rem;
	}

	.newsHeadFont {
		padding-top: calc(60px + .63rem);
		padding-bottom: 1.05rem;
	}

	.newsHeadFontTitle {
		font-size: .92rem;
		margin-bottom: .63rem;
	}

	.newsHeadFontSubTitle {
		margin-left: .6rem;
		margin-right: .6rem;
		font-size: .72rem;
		padding-bottom: .63rem;
	}

	.navTabsUl li {
		font-size: .72rem;

	}

	.navTabsUl li a {
		margin-left: .42rem;
		margin-right: .42rem;
	}

	.navTabs {
		padding-top: 0px;
		padding-bottom: 0px;
		margin-left: .6rem;
		margin-right: .6rem;
		height: 2.1rem;
	}

	.contentBox {
		margin-left: .6rem;
		margin-right: .6rem;
		font-size: .72rem;
		line-height: 1.2rem;
	}

	.contentBox p,
	.contentBox span,
	.contentBox a,
	.contentBox li,
	.contentBox div {
		margin-bottom: .63rem;
	}

	.contentBox img {
		margin-bottom: .63rem;
	}

	.navTabsTime {
		height: 2.1rem;
		padding: 0 .42rem;
		line-height: 2.1rem;
		font-size: .72rem;
	}

	.navTabsTime::after {
		border-width: 2.1rem 0 0 1.1rem;
		right: -1.1rem;
	}

	.contentBox h3 {
		font-size: .92rem;
		line-height: 1.288rem;
		margin-bottom: .42rem;
	}

	.container .newsHeadFont {
		padding-top: 1.05rem;
	}

	.bannerFont div {
		font-size: .92rem;
		line-height: 1.288rem;
		width: 7rem;
		margin-left: .6rem;
		margin-right: .6rem;
	}

	.bannerFont p {
		font-size: .62rem;
		line-height: 1.288rem;
		margin-left: .6rem;
		margin-right: .6rem;
	}

	.contactBox h3 {
		font-size: .92rem;
		height: 1.288rem;
		line-height: 1.288rem;
		padding-bottom: 0px;
		padding-top: 0px;
	}

	.contactBoxSubtitle {
		font-size: .72rem;
		line-height: 1.008rem;
		padding-bottom: 1.05rem;
	}

	.form-row {
		margin-bottom: .63rem;
	}

	.kopron-icon-help {
		margin-bottom: .42rem;
	}

	.helpBoxDiv {
		font-size: .92rem;
		line-height: 1.288rem;
		margin-bottom: .63rem;
	}

	.helpBoxP {
		font-size: .62rem;
	}

	.helpBox {
		height: auto;
		padding-top: 1.05rem;
		padding-bottom: 1.05rem;
	}

	.form-control {
		height: 2.1rem;
		padding: 0px .42rem;
		font-size: .72rem;
	}

	.placeholder-text {
		height: 2.1rem;
		line-height: 2.1rem;
		left: .84rem;
		font-size: .72rem;
	}

	.sendBtn {
		/* width: 4.2rem; */
		/* height: 2.1rem; */
		/* font-size: .72rem; */
		margin-bottom: 1.05rem;
	}

	.note {
		font-size: .72rem;
		padding-bottom: 1.05rem;
	}

	.form-row:last-child {
		height: 8rem;
	}

	.form-row:last-child textarea {
		padding: .42rem .84rem;
		font-size: .72rem;
	}

	.kopron-icon-help {
		max-height: 2.1rem;
	}

	.aboutContent {
		flex-direction: column;
		margin-left: .6rem;
		margin-right: .6rem;
		padding-bottom: .42rem;
		padding-top: 1.05rem;
	}

	.aboutContentL,
	.aboutContentR {
		width: 100%;
		padding-right: 0px;
		padding-left: 0px;
		border-right: none;
		font-size: .72rem;
		line-height: 1.2rem;
	}

	.aboutContentL div,
	.aboutContentL strong,
	.aboutContentL p,
	.aboutContentR div,
	.aboutContentR strong,
	.aboutContentR p {
		margin-bottom: .63rem;
		line-height: inherit;
	}

	.aboutContentL img,
	.aboutContentR img {
		margin-bottom: .63rem;
	}

	.subNavBox {
		padding-bottom: 1.05rem;
		padding-top: .84rem;
		display: none;

	}

	.subNavBtn {
		display: block;
		height: 1.288rem;
		top: -0.1rem;
		right: 0px;
	}



	.contactBox {
		width: 100%;
	}

	.aboutContentLBox {
		padding: .63rem .63rem 0px .63rem;
	}
	.exampleSectionUl{
		padding-bottom: 1.08rem;
	}
	
	.exampleSectionUl li {
		width: 50%;
		height: 5.54rem;
	}

	.watchMore {
		height: auto;
		padding-top: 1.05rem;
		padding-bottom: 1.05rem;
		margin-top: -1.05rem;
		font-size: .72rem;
	}

	.watchMore span {
		font-size: .72rem;
	}

	.watchMore img {
		margin-top: .42rem;
		width: 9px;
	}
	
	.lianjieFont{
		font-size: .72rem;
	}
}

@media screen and (orientation: landscape) {

	.moblie .projectBoxHead,
	.moblie .serverHead,
	.moblie .newsHead,
	.moblie .newsHeadFontTitle {
		font-size: 18px;
	}

	.moblie .produceDivFontP,
	.moblie .serverUlLIFontDivA,
	.moblie .newsListHead {
		font-size: 16px;
	}

	.moblie .nav_font,
	.moblie .nav_ul a {
		font-size: 15px;
	}

	.moblie .newsHeadFontSubTitle,
	.moblie .produceDivFontDiv,
	.moblie .newsSubHead,
	.moblie .serverSubHead,
	.moblie .newsListTime,
	.moblie .newsListPro {
		font-size: 14px;
	}
}