/*index-header部分start*/
html{
    font-size: 100px;
}
/*index-header部分end*/

/*introduction-group部分start*/
.header{
    width: 100%;
    min-width: 1280px;

    background: url("../images/introduction-bg1.png") no-repeat ;
     background-size: 100% 100%;
}
.introduction-group{
    width: 90%;
    padding:0 5%;
    height: 100%;
    background: url("../images/introduction-bg2.png") no-repeat;
    background-size:cover;
}
.group-bot{
    width:100%;
    margin-top: 100px;
    height: 100%;
    display: flex;
    align-items: center;
}
.group-bot-left{
    width: 61%;
    margin:4% 2%;
    margin-top: 0%
}
.group-bot-left-tit{
    font: 0.4rem "microsoft yahei";
    color: #333;
    margin: 0 0 0.2rem 0;
}
.group-bot-left-line{
    width: 150px;
    height: 3px;
    background: #f79421;

}
.group-bot-left-text{
    font: 0.22rem/0.7rem "microsoft yahei";
    color: #333;
    margin-top: 24px;
 
}
.group-bot-right{
    width: 33%;
    height:100%;
    display: flex;
    align-items: center;
}
.group-bot-right>img{
    width:100%;
    margin:4% 0;
}
/*introduction-group部分end*/

/*introduction-three部分start*/
.introduction-three{
    width: 1920px;
    height: 413px;
}
.three-value,.value-vision,.three-spirit{
    width: 484px;
}
.three-tit{
    font: 700 30px "microsoft yahei";
    color: #333;
    text-align: center;
    margin: 110px 0 8px 0;
}
.three-line{
    width: 85px;
    height: 2px;
    background: #f79421;
    margin: 0 auto;
}
.three-text{
    width: 350px;
    font: 300 28px/33px "microsoft yahei";
    margin: 0 auto;
    margin-top: 26px;
}
.introduction-history{
    width: 100%;
    height: 17rem;
    background: url("../images/introduction-bg3.png") ;
    background-size: 100% 100%;
}
/*introduction-three部分end*/

/*index-footer部分start*/
/*index-footer部分end*/