/*@media (min-width: 1024px){*/
    /*body{font-size: 18px}*/
/*} !*>=1024的设备*!*/

/*@media (min-width: 1100px) {*/
    /*body{font-size: 20px}*/
    /*!*p {*!*/
    /*!*font-size: 50px;*!*/
    /*!*}*!*/
/*} !*>=1100的设备*!*/
/*@media (min-width: 1280px) {*/
    /*body{font-size: 22px;}*/
/*} !*>=1280的设备*!*/

/*@media (min-width: 1366px) {*/

    /*body{font-size: 24px;}*/
/*}*/

/*@media (min-width: 1440px) {*/
    /*body{font-size: 25px !important;}*/
/*}*/

/*@media (min-width: 1680px) {*/
    /*body{font-size: 28px;}*/
/*}*/
/*@media (min-width: 1920px) {*/
    /*body{font-size: 33px;}*/

/*}*/
.box {
    width:960px;
    margin:100px auto;
    position: relative;
}

.box .box-border  {
    height: 322px;
    width: 100%;
    border: #eeeeee 1px solid;
    display: flex;
}

.box .box-border .center {
    height: 100%;
    margin-left: 131px;
    display: flex;
    align-items: center;
}

.box .box-border .introduce {
    display: flex;
    flex-direction:column;
    justify-content: center;
    margin-left: 100px;
}
.box .box-border .introduce p {
    margin: 0;
}
.box .box-border .introduce .title{
    font-size: 30px;
    font-weight:bold

}
.box .box-border .introduce .bottom {
    margin-top: 10px;
    color: #8e8e8e;
    font-size: 14px;
}
.box .box-border .introduce .x-title {
    color: #8e8e8e;
}
.box .box-border .introduce .flow {
    margin-top: 20px;
    display: flex;
    align-items: center;
}
.box .box-border .introduce .flow p {
    line-height: 30px;
    font-weight:bold
}
.box .box-border .introduce .flow .x-arrows {
    color: red;
}
.box .box-border .introduce .flow .arrows {
    color: red;
}

.box .box-border  .introduce .title{
    line-height: 30px;
    font-weight:bold
}
.box .box-border  .introduce .mishu{
    margin-top: 20px;
    line-height: 30px;
    color: #404040;
}
.box .box-border  .introduce .mishu2{
    line-height: 30px;
    color: #404040;
}

.box .box-border .center img {
    width: 300px;
    height: 300px;
}