.about-banner{background-image: url('../img/about-banner_2x.jpg');}
.about .main-wrap{padding: 0 66px 78px 66px;background-color: #FBFBFB;background-image: url(../img/about-bg_2x.png);background-repeat: no-repeat;background-position: center bottom;
background-size: contain;box-shadow: 0px 2px 8px 2px rgb(0 0 0 / 5%);}
.about .company-con{display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: 1fr;grid-column-gap: 67px;}
.about .company-con .company-con-item img{width: 506px;}
.about .company-con .company-con-item h3{font-weight: 700;font-size: 18px;line-height: 25px;position: relative;margin-bottom: 40px;}
.about .company-con .company-con-item h3::after{content: '';display:block;    position: relative;top: 19px;width: 59px;height: 2px;background: rgba(0, 0, 0, 0.2);}
.about .company-con .company-con-item p{font-weight: 400;font-size: 16px;color: #666666;line-height: 30px;text-indent:2em;}
.about .company-des{/*display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows: 1fr;*/display: flex;flex-wrap: wrap;justify-content: space-between;flex: 1;}
#lan_en .about .company-des{display:grid;grid-template-columns:repeat(6, 1fr);}
.about .company-des li{text-align: center;}
.about .company-des span{font-weight: 300;font-size: 45px;color: #0078EF;}
.about .company-des p{font-weight: 300;/*font-size: 12px;*/font-size:16px;color: #000;}

.history .main-wrap h2{font-weight: 400;font-size: 28px;color: #000;text-align: center;} 
.history .main-wrap h3{font-weight: 700;font-size: 24px;color: #333333;margin-bottom: 16px;}
.history .main-wrap p{font-weight: 400;font-size: 12px;color: #333333;margin-bottom: 16px;}
.history .main-wrap .img-box{position: absolute;bottom:0;}
.history .main-wrap p img{height: 58px;width: 58px;margin-right: 5px;position: relative;left: -5px;border-radius: 6px;box-shadow: 0px 0px 4px 1px rgb(0 0 0 / 10%);}
.history .main-wrap p img:last-child{margin-right: 0;}
.swiper-slide-prev{opacity:0;}
#history ul{padding-top: 60px;}
#history:before{content: '';display: block;width: 91%;height: 2px;background-color: #E0DCDD;position: absolute;top: 10%;left: 55px;}
#history ul li{position: relative;height: 240px;cursor: pointer;}
#history ul li:before{content: '';display: block;width: 12px;height: 20px;background-image: url('../img/history-top.svg');background-repeat: no-repeat;background-size: contain;
position: absolute;top: -57px;left: 20px;}
#history ul li:hover:before{background-image: url('../img/history-top-hover.svg')}
#history ul li:hover h3{color: #0078EF;}
#history-m{display: none;}
#history-m{padding-left: 60px;}
#history-m:before{content: '';display: block;width: 78%;height: 2px;background-color: #E0DCDD;position: absolute;top: 10%;left: 55px;}
#history-m ul{padding-top: 60px;}
#history-m ul li{position: relative;padding-right: 20px;height: 270px;cursor: pointer;}
#history-m ul li:before{content: '';display: block;width: 12px;height: 20px;background-image: url('../img/history-top.svg');background-repeat: no-repeat;background-size: contain;
position: absolute;top: -57px;left: 20px;}
#history-m ul li:hover:before{background-image: url('../img/history-top-hover.svg')}
#history-m ul li:hover h3{color: #0078EF;}

.culture .main-wrap h2{font-weight: 400;font-size: 28px;color: #000;text-align: center;}
.culture ul{display: grid;grid-template-columns: 1fr 1fr 1fr;grid-template-rows: 1fr;grid-column-gap: 40px;grid-row-gap: 60px;}
.culture ul li{background: #FFFFFF;border: 0.5px solid #CDCDCD;}
.culture ul li div{max-width: 373px;width: 100%;overflow: hidden;max-height: 230px;margin-bottom: 20px;}
.culture ul li div img{width: 100%;transform: scale(1);transition: all 0.5s;}
.culture ul li:hover img{transform: scale(1.1);}
.culture ul li h3{font-weight: 400;font-size: 20px;color: #000;padding: 0 24px;}
.culture ul li p{max-width: 373px;width: 100%;font-weight: 400;font-size: 14px;color: #666666;padding: 10px 24px 30px 24px;}
/*大于1200*/
@media only screen and (min-width: 1200px){
	
}
/*750-1199*/
@media only screen and (min-width: 750px) and (max-width: 1199px){
.about .company-con	{grid-template-columns: 1fr;grid-template-rows: 1fr 1fr;grid-column-gap: 30px;grid-row-gap: 30px;margin-bottom: 30px;}
#lan_en .about .company-des {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
}
.about .company-des li{width: 27vw;margin-bottom: 20px;}

}
@media only screen and (max-width: 860px){
    #lan_en .about .company-des {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
    #lan_en .about .company-des li{width:90%;}
    #lan_en	#history-m ul li{height: 325px;}
}
/*小于750*/
@media only screen and (max-width: 749px){
.about .main-wrap{padding: 0 5vw 60px 5vw;}
.about .company-con	{grid-template-columns: 1fr;grid-template-rows: 1fr 1fr;grid-column-gap: 30px;grid-row-gap: 30px;margin-bottom: 30px;}
.about .company-con .company-con-item img{width: 100%;}
.about .company-des li{width: 29vw;margin-bottom: 20px;}
#history{display: none;}
#history-m{display: block;}
.culture{padding: 0 5vw;}
.culture ul{grid-template-columns: 1fr 1fr;grid-template-rows: 1fr 1fr;}
}
/*小于520*/
@media only screen and (max-width: 520px){
.about .main-wrap{padding: 0 5vw 60px 5vw;}
.about .company-con	{grid-template-columns: 1fr;grid-template-rows: 1fr 1fr;grid-column-gap: 30px;grid-row-gap: 30px;margin-bottom: 30px;}	
.about .company-con .company-con-item img{width: 100%;}
.about .company-des li{width: 28vw;margin-bottom: 20px;}
#lan_en .about .company-des {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
#lan_en .about .company-des li{width:90%;}
.culture{padding: 0 5vw;}
.culture ul{grid-template-columns: 1fr;grid-template-rows: 1fr 1fr 1fr;}
.culture ul li div{width: 100%;max-width: 100vw;}

}