.pc{
    display:none;
}
nav,
nav:hover{
    height:60px;
}
nav > div > ul{
    width:100%
}
nav > div > ul{
    display:none;
}
nav > div > a > img{
    padding: 15px;
    height: 60px;
    position: absolute;
    left: 0;
    top: 0;
}
.indexHeader{
    height:80vh;
}
.indexHeader > .indexImgMain{
    width:100%;

}
.indexHeader > .indexImgMain .IndexMainTextGroup{
    left: 16px;
    width:calc(100% - 32px);
}
.indexHeader > .indexImgMain h3 {
    font-size: 30px;
}
.indexHeader > .indexImgMain .h3Sub{
    font-size: 14px;
}

h2{
    font-size: 28px;
    line-height: 28px;
}
.idxSecBox {
    padding: 40px 0;
}
.idxSecBox .sub{
    max-width: 100%;
    font-size:14px;
    margin:0 auto;
    text-align: center;
}
.idxSecBox .btns{
    grid-template-columns: 1fr;
    padding: 15px;
    grid-gap: 15px;
}
.btns2{
    padding: 15px;
    grid-template-columns: 1fr;
    grid-gap: 15px;

}
.btns2 > a{
    height:300px;
}
.btns3{

    grid-template-columns: 1fr;
}
footer > .link > div{
    height:144px;
}
footer > .link > div > div > a{
    margin-right: auto;
    text-align: center;
    margin:auto 10px;
}
footer > .link > div > div,
footer > .link > div > div:last-child{
    float: none;
    text-align: left;
    height: 72px;
    padding:0 10px;
}
/*     border-bottom: 1px solid #ffffff22; */
footer > .link > div > div{
    border-bottom: 1px solid #ffffff22; 
}
footer > div:last-child > div{
    padding:20px;
}
footer{
    height: auto;
}
footer > div{
    padding:0;
}
footer > .link > div > div:last-child span{
    padding-left:10px;
    margin-right:10px;
}

.subcont h3{
    font-size: 22px;
}
.subcont .h3sub, .subcont p {
    font-size: 14px;
}
.aboutus-dis{
    grid-template-columns:1fr;
    grid-gap: 0px;
}
.aboutusImg{
    height:300px;
    margin-top:auto;
}
.subcont h4{
    font-size: 22px;
    margin-top: 26px;

}
.signatureColor{
    grid-template-columns: 1fr;
    margin-top: 30px;
    grid-gap: 15px;
}
.signatureColor > div > div {
    font-size: 12px;
    line-height: 1.5em;
}
.history > div,
.history > div:nth-child(odd),
.history > div:nth-child(even){
    float: none;
    text-align: left;
    width:100%;
    padding:0;
    margin:0;
    
}
.history::after{
    left: 0;
}
.history > div:nth-child(odd) h5::after,
.history > div:nth-child(even) h5::after{
    width: 34px;
    left:0;

}
.history > div > h5{
    padding-left:50px;
}
.history > div > div{
    padding-left:50px;
    font-size:12px;

}

h2{
    font-size: 22px;
}
.coreValueImg{
    width:100%;
}
.coreValueCont > div > h5{
    font-size:26px;
}
.coreValueCont > div > div{
    font-size:14px;
}

.mapInfoBox{
    font-size:16px;
    position: static;
    margin-top:0;
}
.mapInfoBox > div:nth-child(2){
    font-size:16px;
}
.mapInfoBox > div a{
    display: block;
    padding:10px 0;
    width:calc(100% - 30px);
    margin:5px 15px 10px;
}

.bannerH3{
    margin-top:20px;
}
.bannerList{
    grid-template-columns: 1fr 1fr;
    margin-bottom:80px;
}
.businessTxt span{
    font-size:16px;
}

.mo-menu{
    font-size:20px;
    height:60px;
    width:60px;
    right:0;
    top:0;
    transform: none;
    text-align: center;
    display: block;
    padding:0;
}
.mo-menu i{
    height:60px;
    width:60px;
    display: block;
    line-height: 60px;
}

.mo-menu-wrap .mo-menu{
    font-size: 24px;
    display: inline-block;
    padding: 0;
}
.mo-menu-list > a,
.mo-menu-list > ul > li > a{
    font-size:16px;
    padding: 5px 10px ;
}
.mo-menu-list {
    margin: 5px 10px;
    padding-bottom: 10px;
}
.mo-menu-wrap > div:first-child{
	padding:0px;
}