body,html{
	font-family: "Arial";
}

header .menuli .toggle li .box1{
	line-height: 2rem;
	padding: 1rem 0;
}
header .menuli .toggle li .box2{
	line-height: 1.25rem; 
}

header .menuli .toggle .box3 a{
	line-height: 1.5rem;
	margin: 0.5rem 0;
	white-space:initial;
}
header .menuli .toggle .box3 a:before{
	top: calc(0.75rem)
}
header .menuli:hover .toggle.subtext ul:before{
	osition: fixed;
    content: '';
    left: 0;
    top: 0;
    width: 200vw;
    height: 100%;
    background: #fff;
    transform: translate(-50%, 0);
    box-shadow: 0 0.5rem 1rem 0px rgba(198,200,204, 0.4);
}


header .company span{
	width: 100%;
	height: 1rem;
}
header .company .text{
	height: 2.4rem;
}
header .company .text ul{
	left: 50%;
	transform: translate(-50%,0);
}
header .company .toggle{
	width: 15rem;
	float: left;
}
header .company .toggle li{
	text-align: left;
	line-height: 1.25rem;
	text-overflow:initial;
    white-space: initial;
    height: initial;
    padding: 0.5rem 1rem;
}
header .company .text ul{
	height: 1rem;
}
header .company .text li:nth-child(2){
	top: 0.45rem;
	margin-right: 20%;
}
header .company .text li:nth-child(3){
	display: none;
}
header .hflist ul li{
	min-width: 13rem;
}


#banner .swiper-slide .text .name{
	font-size: 2.5rem;
	line-height: 2.5rem;
}
#banner .swiper-slide .text .desc{
	margin-top: 1rem;
	line-height: 1.25rem;
}


.abtb .box .desc{
	height: 12rem;
}
.insoft-main .mitem .box .titlebox .cn{
	word-wrap: break-word;
	writing-mode: vertical-lr;
    writing-mode: tb-lr;
}
.insoft-main .mitem[data-on="on"] .box .titlebox .cn{
	word-wrap: initial;
	writing-mode: initial;
    writing-mode: initial;
}
.abt-txt ul li .text .link a{
	width: 49%;
}
.abt-txt ul li .text .link a:nth-child(2n){
	margin-right: 0;
}

.abt-txt ul li.abtlink .name{
	margin-top: 0%;
	position: relative;
	top: 50%;
	transform: translate(0,-50%);
}
.product .topname{
	width: 80%;
	margin-left: 10%;
}

.aboutview .toggle{
	word-wrap:break-word;
word-break:break-all;
}



footer .server ul li a{
	padding: 3rem 10% 2rem 0;
}
footer .server li{
	max-width: 28.5rem;
}
footer .server li .name{
	line-height: 2rem;
	padding: 1rem 0 1rem 2.5rem;
}
footer .server li .name i{
	top: 2rem;
}
footer .server li .desc font:before{
	top: 0.65rem;
}
footer .server li .desc{
	max-width: 75%;
	line-height: 1.25rem;
}
footer .menu ul li p{
	margin: 0.875rem 0;
}
footer .menu ul li p a{
	line-height: 1.125rem;
}
footer .menu .online .add font{
	width: 8rem;
}
footer .menu .online .add{
	margin-top: 0;
}
footer .menu .online .add a{
	padding-left: 8rem;
}
	footer .menu .online p{
		margin: 0;
	}
#gotop ul li p{
	line-height: 1rem;
}


.eightico .name{
	overflow: initial;
}

.three-pictext .name{
	line-height:1.5rem;
	height: 3rem;
	font-size: 1.25rem;

}
@media(max-width:1440px) {

	.abtb .box .desc{
		height: 10rem;
		margin-top: 1rem;
	}

}
@media(max-width:1279px) {

	.abtb .box .desc{
		height: 12rem;
		line-height: 1.5rem;
	}
}

@media(max-width:1024px) {

	.abtb .box .desc{
		height: 10.5rem;
	}
}

@media(max-width:768px) {

	#banner .swiper-slide .text .name{
		font-size: 1.25rem;
		line-height: 1.25rem;
	}
	#banner .swiper-slide .text .desc{
		line-height: 1rem;
		margin-top: 0.5rem;
	}

	.night-ico li .name{
		font-size: 0.875rem;
	}
	.three-pictext .name{
		height: initial;
	}
	.eightico .link{
		margin-top: 0;
	}

	.eightico .name{
		font-size: 0.875rem;
		line-height: 1rem;
		height: 2rem;
		overflow: hidden;
	}

	.abtb .box .desc{
		height: initial;
	}

	footer .server ul li{
		padding: 1rem 0;
	}
	footer .server ul li a{
		padding: 0 5%;
	}
	footer .server li .name{
		padding: 0 5% 0 2.25rem;
	}
	footer .server li .name i{
		top: 0.875rem;
	}
	footer .server li .desc{
		max-width: 100%;
	}
	footer .server li .desc font{
		overflow: initial;
	    display: initial;
	    -webkit-box-orient:initial;
	    -webkit-line-clamp: initial;
	}
	footer .menu .online .add font{
		float: left;
	}
	footer .menu .online .add p{
		text-align: left;
	}

	footer .menu .online .add a{
		display: inline-block;
		padding-left: 0;
	}
}