/********************* banner start **************/

.banner{
    background-image: url('../images/banner.png');
    background-size: contain;
    /* background-color: red; */
    position:relative;
}
.banner>.banner-text {
    position: absolute;
    top: 54%;
    left: 50%;
    transform: translate(-50%, -38%);
    z-index:100;
}
.banner>.banner-text>p:first-child {
    font-size: 50px;
    font-weight: 600;
    color: #FFFFFF;
    margin-bottom: 35px;
    letter-spacing: 10px;
}
.banner>.banner-text>p.disription {
    font-size: 24px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 40px;
}
.banner>.banner-text>p.disription>.line{
    margin:0 10px 0 9px;
}
.banner>.banner-text>a {
    width: 247px;
    height: 65px;
    border: 2px solid #FFFFFF;
    font-size: 24px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 65px;
    text-align: center;
    display: block;
    margin-top: 36px;
    border-radius: 6px;
}

.banner>.wrap>header>.secMune>.item.jjfa {
    left: 592px;
}

/********************* banner end **************/


/********************* 解决方案 start **************/
/* .jjfa.bigbt{
    padding:0;
} */

.jjfa>.jjfa-img{
    width: 100%;
    height: 600px;
    margin:95px 0  0 0;
    display: flex;
    align-items: center;
}
.jjfa>.jjfa-img>img{
    height: 480px;
    /* width: 100%; */
}
/********************* 解决方案 end **************/


/********************* 方案架构 start **************/


.fajg>.fajg-img{
    width: 1200px;
    height: 640px;
    margin:95px 0  0 0;
}
.fajg>.fajg-img>img{
    height: 100%;
    width: 100%;
}

/********************* 方案架构 end **************/


/********************* 应用方向 start **************/

.yyfx>.yyfx-content{
    margin-top: 120px;
}
.yyfx>.yyfx-content>.groups{
    display: flex;
    justify-content: space-between;
    margin-bottom:30px;
}
.yyfx>.yyfx-content>.groups>.item{
    
    width: 385px;
    box-shadow: 0px 3px 8px 0px rgba(182, 182, 182, 0.2), 0px -3px 7px 0px rgba(182, 182, 182, 0.2);
    height: 500px;
}
.yyfx>.yyfx-content>.groups>.item>.item-img{
    width: 100%;
    height: 250px;
    position:relative;
    overflow:hidden;
}
.yyfx>.yyfx-content>.groups>.item>.item-img:hover>img{
    transform:scale(1.05);
}
.yyfx>.yyfx-content>.groups>.item>.item-img>img{
    width: 100%;
    height: 100%;
    transition: all .5s ease;
}
.yyfx>.yyfx-content>.groups>.item>.item-img>.item-mask{
    
    width: 385px;

    height: 250px;
    background: #3065EE;
    opacity: 0.1;
    border-radius: 10px;
    position:absolute;
    top:0;
    left:0;
}
.yyfx>.yyfx-content>.groups>.item>.item-img>img{
    
}
.yyfx>.yyfx-content>.groups>.item>.item-title{
    width: 100%;
    text-align: center;
    height: 28px;
    font-size: 28px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #333333;
    margin:40px 0 30px 0;
}
.yyfx>.yyfx-content>.groups>.item>.item-content{
    width: 100%;
    /* text-align: center; */
    /* text-indent: 36px; */
    height: 66px;
    font-size: 18px;
    line-height:30px;
    font-family: Source Han Sans CN;
    /* font-weight: 400; */
    color: #333;
}
.yyfx>.yyfx-content>.groups>.item>.item-content>p{
    padding:0 20px;
    /* text-align: center; */
}

.yyfx>.yyfx-content>.groups:nth-child(2)>.item:nth-child(2)>.item-content>p{
    text-align: center;
}
/********************* 应用方向 end **************/