.swiper-wrapper.banner-box{
    /* background: url(../image/pro_gra_banner_bg.jpg)no-repeat; */
    background: url(../images/banner_4RPA.jpg)no-repeat;
    background-size: cover;
    height:300px;
 }
 .u-grey-bd{
    background: #fff;
}
.banner-content{
    position: relative;
    width: 1200px;
    height:290px;
    margin: 0 auto 0;
    background-size: 100%;
    background-position: bottom;  
}
.banner-content-box{
    position: absolute;
   /* left:50%; */
    left:0px;
    top:50%;
    /* transform: translateX(-50%) translateY(-50%); */
    transform:  translateY(-50%);
    /* text-align: center; */
    text-align: left;
}
.banner-content-box h1{
    font-size:32px;
    color:#2a2c30;     
   /*  color:#fff;*/
    font-weight:500;
    margin:10px 0px 20px;
}
.banner-content-box span{
    font-size:18px;
    color:#75767a; 
    /* color:rgba(255, 255, 255, 0.63);*/
    
    
}
.u-proBot-model{
   width: 1200px;
     height:auto;
    margin:0 auto;
    background: #fff;
    /* min-height: 500px; */
}
.modelBox,
.model3Box{
    position: relative;
    margin-top:80px;
    width:1200px;
    text-align: center;
}
.model3Box{
    display: flex;
    padding:0px 10px;
    box-sizing: border-box;
    margin-bottom:80px;
    text-align: left;
}
.modelBox h1{
    position: relative;
    font-size:28px;
    color:#2a2c30;
    margin:0;

}

.modelContent-grid{
    display: grid;
    display: -ms-grid;
    display: -o-grid;
    display: -moz-grid;
    display: -webkit-grid;
    -ms-grid-columns: 380px 380px 380px;
    -ms-grid-rows:180px 180px 180px;

    -o-grid-columns: 380px 380px 380px;
    -o-grid-rows:180px 180px 180px;
    -moz-grid-columns: 380px 380px 380px;
    -moz-grid-rows:180px 180px 180px;
    -webkit-grid-columns: 380px 380px 380px;
    -webkit-grid-rows:180px 180px 180px;

    grid-template-columns:380px 380px 380px;
    grid-template-rows: 180px 180px 180px;
    grid-row-gap:20px;
    grid-column-gap: 20px;
    margin-top:50px;
    padding: 0 10px;
    box-sizing: border-box;
}
.modelContent-gridItem:nth-of-type(1){
    -ms-grid-row:1;
    -ms-grid-column:1;
    -o-grid-row:1;
    -o-grid-column:1;
    -moz-grid-row:1;
    -moz-grid-column:1;
    -webkit-grid-row:1;
    -webkit-grid-column:1;

}
.modelContent-gridItem:nth-of-type(2){
    -ms-grid-row:1;
    -ms-grid-column:2;
    -o-grid-row:1;
    -o-grid-column:2;
    -moz-grid-row:1;
    -moz-grid-column:2;
    -webkit-grid-row:1;
    -webkit-grid-column:2;
}
.modelContent-gridItem:nth-of-type(3){
    -ms-grid-row:1;
    -ms-grid-column:3;
    -o-grid-row:1;
    -o-grid-column:3;
    -moz-grid-row:1;
    -moz-grid-column:3;
    -webkit-grid-row:1;
    -webkit-grid-column:3;
}
.modelContent-gridItem:nth-of-type(4){
    -ms-grid-row:2;
    -ms-grid-column:1;
    -o-grid-row:2;
    -o-grid-column:1;
    -moz-grid-row:2;
    -moz-grid-column:1;
    -webkit-grid-row:2;
    -webkit-grid-column:1;
}
.modelContent-gridItem:nth-of-type(5){
    -ms-grid-row:2;
    -ms-grid-column:2;
    -o-grid-row:2;
    -o-grid-column:2;
    -moz-grid-row:2;
    -moz-grid-column:2;
    -webkit-grid-row:2;
    -webkit-grid-column:2;
}
.modelContent-gridItem:nth-of-type(6){
    -ms-grid-row:2;
    -ms-grid-column:3;
    -o-grid-row:2;
    -o-grid-column:3;
    -moz-grid-row:2;
    -moz-grid-column:3;
    -webkit-grid-row:2;
    -webkit-grid-column:3;
}
.modelContent-gridItem:nth-of-type(7){
    -ms-grid-row:3;
    -ms-grid-column:1;
    -o-grid-row:3;
    -o-grid-column:1;
    -moz-grid-row:3;
    -moz-grid-column:1;
    -webkit-grid-row:3;
    -webkit-grid-column:1;
}
.modelContent-gridItem:nth-of-type(8){
    -ms-grid-row:3;
    -ms-grid-column:2;
    -o-grid-row:3;
    -o-grid-column:2;
    -webkit-grid-row:3;
    -webkit-grid-column:2;
    -moz-grid-row:3;
    -moz-grid-column:2;
}
.modelContent-gridItem:nth-of-type(9){
    -ms-grid-row:3;
    -ms-grid-column:3;
    -o-grid-row:3;
    -o-grid-column:3;
    -moz-grid-row:3;
    -moz-grid-column:3;
    -webkit-grid-row:3;
    -webkit-grid-column:3;
}

.modelContent-gridItem{
    position: relative;
    width:380px;
    height:180px;
    background: #f7f8fa;
}
.modelContent-gridItem:hover {
    background-color: #feefef;
}

.modelContent-gridText,
.modelContent-gridImg{
    position: absolute;
    left:50%;
    transform: translateX(-50%);
}
.modelContent-gridImg{
    width:80px;
    height:80px;
    top:30px;
}
.modelContent-gridText{
    top:130px;
    /*width: fit-content;*/
    width: 225px;
    font-size:16px;
    color:#2a2c30;
}
.modelContent-gridImg.img1{
    background: url('../images/bot_1.png') no-repeat;
    background-size:cover;
}
.modelContent-gridImg.img2{
    background: url('../images/bot_2.png') no-repeat;
    background-size:cover;
}
.modelContent-gridImg.img3{
    background: url('../images/bot_3.png') no-repeat;
    background-size:cover;
}
.modelContent-gridImg.img4{
    background: url('../images/bot_4.png') no-repeat;
    background-size:cover;
}
.modelContent-gridImg.img5{
    background: url('../images/bot_5.png') no-repeat;
    background-size:cover;
}
.modelContent-gridImg.img6{
    background: url('../images/bot_6.png') no-repeat;
    background-size:cover;
}
.modelContent-gridImg.img7{
    background: url('../images/bot_7.png') no-repeat;
    background-size:cover;
}
.modelContent-gridImg.img8{
    background: url('../images/bot_8.png') no-repeat;
    background-size:cover;
}
.modelContent-gridImg.img9{
    background: url('../images/bot_9.png') no-repeat;
    background-size:cover;
}

.model3BoxColumn{
    width:380px;
    background: #f7f8fa;
    border:1px solid #f0f0f0;   
}
.model3BoxColumn:hover {
    background-color: #feefef;
}

.model3BoxColumn+.model3BoxColumn{
    margin-left:20px;
}
.model3BoxColumn-title{
    height:120px;
    text-align:center;
}
.model3BoxColumn-title p{
    font-size:20px;
    font-weight:600;
    color:#2a2c30;
    margin:50px 0px 20px;
}
.model3BoxColumn-line{
    width:50px;
    height:6px;
    background: #e60023;
    margin:0px auto;
}
.model3BoxColumn-item{
    height:100px;
    padding:0px 50px;   
    box-sizing: border-box;
    font-size:16px;
    color:#2a2c30;
    line-height:24px;

}
.model3BoxColumn-item>div{
    display: flex;
    align-items: center;
    height:100px;
    border-bottom:1px solid #f0f0f0;
}

.model3BoxColumn-item strong{
    font-size:20px;
    color:#e60023;
}
.model3BoxColumn-item span{
    display: block;
    margin-left: 20px;
}
.model3BoxColumn-item  .noLine{
    border-bottom-width:0px;
} 

@media screen and (max-width: 1216px){
    .swiper-wrapper.banner-box{
       background-position: 75%;
   }
    .banner-content,
    .u-proBot-model,
    .modelBox,
    .model3Box,
    .u-proBot-model{
        width: 100%;
    }
    .modelContent-grid{
        grid-template-columns: 33% 33% 33%;
        grid-template-rows: 180px 180px 180px;
        grid-column-gap: 10px;
    }
    .modelContent-gridItem{
        width:100%;
    }
}
@media screen and (max-width: 1023px) {
    .banner-content-box h1{
        font-size:24px;
        /* width: max-content; */
        
    }
    .banner-content-box{
        width:90%;
        left:50%;
        transform: translateX(-50%) translateY(-50%);
        text-align:center;
    }
    .modelContent-grid{
        display: block; 
    }
    .modelContent-gridItem+.modelContent-gridItem{
       border-top:1px solid #f0f0f0;
    }
    .modelBox h1::before{
        content: '';
        position:absolute;
        width:0px;
        border:10px solid transparent;
        border-top-color:#e60023;
        left:50%;
        transform: translateY(-50%);
        top:60px;
        border-radius:3px;
    }
    .modelContent-gridText,
    .modelContent-gridImg{
        top:50%;
        transform: translateY(-50%);
    }
    .modelContent-gridImg{
        left:32%;
    }
    .modelContent-gridText{
        left:44%;
    }
    .modelBox, .model3Box{
        margin-top:20px;
    }
    .model3Box{
        flex-direction:column;
        align-items: center;
    }
    .model3BoxColumn+.model3BoxColumn{
        margin:20px 0px 0px; 
    }
    .swiper-wrapper.banner-box{
        background-position: 55% 0%;
    }
}
@media screen and (max-width: 768px) {
    .modelContent-gridImg{
        left:40px;
    }
    .modelContent-gridText{
        left:100px;
        margin-left:36px;
    }
	.modelBox h1{
    position: relative;
    font-size:18px;
    margin-top:40px;
	}
	.model3Box {
    display: flex;
    padding: 0px 10px;
    box-sizing: border-box;
    margin-bottom: 4px;
    text-align: left;
	}
	.modelBox{
    margin-top: 1px;
	}
	.modelSoluContent {
	display:none;
    /* height: auto; */
}
}
@media screen and (max-width: 660px){
    .swiper-wrapper.banner-box{
        background-position: left bottom;
    }
	.modelBox h1{
    position: relative;
    font-size:18px;
    margin-top:40px;
	}
	.modelSoluContent {
	display:none;
    /* height: auto; */
}
}
@media screen and (max-width: 375px){
    .modelContent-gridImg{
        left:20px;
    }
    .modelContent-gridText{
        left:20px;
        margin-left:100px;
    }
}