.companyprofile {
	position: relative;
	padding: 6vw;
}

.main{
    position: relative;
}

.bg {
    position: absolute;
    top: 0;
    left: 0;
	width: 100%;
	height: 100%;
	/*height: 52vw;*/
	z-index: -99;
}

.bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.desc {
    display: flex;
	/*position: absolute;*/
	/*left: 2%;*/
	/*top: 4vw;*/
	/*width: 96%;*/
	/*width: 65%;*/
	width: 94%;
	padding: 1.5vw;
	background-color: white;
	box-shadow: 0 0 1vw #eee;
}

.desc .desc-left{
    width: 90%;
    margin-right: 2vw;
}

.desc-left .desc-ul{
    height: 100%;
    padding-right: 1vw;
    color: #fff;
    font-size: 1.1vw;
}
.desc-ul .desc-li{
    padding: 1vw;
    margin-bottom: 1vw;
    background-color: #0071c1;
    cursor: pointer;
}

.desc-li .desc-i{
    margin-right: 0.7vw;
}

.desc .desc-right{
    /*height: 42vw;*/
    width: 300vw;
    /*overflow: auto;*/
}

.desc-right .desc-img-box{
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.desc-img-box img{
    width: 30%;
}

.desc-title {
	display: flex;
	border-bottom: solid lightgray 0.1vw;
}

.desc-title>div:first-child {
	margin-right: 1vw;
	font-size: 2vw;
	padding-top: 0.5vw;
	padding-bottom: 0.5vw;
	border-bottom: solid #0078D7 0.4vw;
}

.desc-title>div:last-child {
	display: flex;
	align-items: center;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	color: #bbb;
	text-align: center;
	font-size: 1.35vw;
}

.desc-content,
.busicontent {
	margin-top: 0.5vw;
	display: flex;
	justify-content: space-between;
}

.desc-content>article,
.desc-text,
.desc-text1 p,
.desc-text2 p,
.busiarticle {
	/*width: 78%;*/
	font-size: 1.25vw;
	color: #444444;
	font-weight: 200;
	line-height: 3vw;
	text-indent: 2em;
}

.desc-img,
.busiimg {
	width: 20%;
}

.desc-img img,
.busiimg>img {
	width: 100%;
}

.desc-p-speak{
    float: right;
    margin-top: 2vw;
}

.companyhistory {
	padding-bottom: 2vw;
	width: 100%;
	/*position: absolute;*/
	/*bottom: 0vw;*/
	/*left: 68vw;*/
}

.companyhistory>ul>li {
	/*width: 80%;*/
	margin: 0 auto;
	display: flex;
	justify-content: center;
	gap: 2vw;
	/*padding-bottom: 1.5vw;*/
	padding-bottom: 1vw;
	margin-bottom: 2vw;
	align-items: center;
	font-size: 1.15vw;
	color: #333333;
	border-bottom: dashed #004098 0.1vw;
}

.companyhistory>ul>li>div:first-child {
	position: relative;
	/*width: 6%;*/
		width: 4.5vw;
	height: 4.8vw;
}

.main-content {
     padding-bottom: 0px; 
}

.companyhistory>ul>li>div:last-child {
	width: 84%;
	/*text-overflow: ellipsis;*/
	/*overflow: hidden;*/
	/*white-space: nowrap;*/
}

.companyhistory>ul>li>div:first-child img {
	width: 100%;
	height: 100%;
}

.companyhistory>ul>li>div:first-child div {
	width: 100%;
	height: 100%;
	position: absolute;
	display: flex;
	left: 0;
	top: 0;
	justify-content: center;
	align-items: center;
	color: white;
}

@media (max-width:768px){
    .companyprofile{
        padding: 3vw;
    }
    .desc {

    /* width: 96%; */
    width: 98%;
    /*height: 80vh;*/
    left: 5% !important;
}

.desc .desc-right{
    /*height: 80vw;*/
}

.desc-title>div:first-child {

    /*font-size: 3vw;*/
   
}

.desc-title>div:last-child {
    /*font-size: 2.35vw;*/
}

.desc-content>article, 
.desc-text,
.desc-text1 p,
.desc-text2 p,
.busiarticle {
    /* width: 78%; */
    font-size: 2vw;
    line-height: 2.7vw;
}

.bg {
   
    height: 212vw;
}

.companyhistory {
    width: 90%;
    left: 5vw;
}

.main h1 {
   font-size: 4vw;
}
.companyhistory>ul>li {

    padding-bottom: 2vw;
    margin-bottom: 4vw;
    font-size: 3vw;
}

.companyhistory>ul>li>div:first-child {
    width: 10.5vw;
    height: 10.8vw;
}
}