 /*---------------------------------------------------------------------- /
巨幕设置-开始
----------------------------------------------------------------------- */
 /* 巨幕 */
 
 .jm {
     background: url('../images/banner/history.jpg') no-repeat;
     background-size: cover;
     height: 600px;
 }
 /* 巨幕响应式-IPAD */
 
 @media screen and (max-width: 1279px) {
     .jm {
         margin-top: -30px;
         height: 300px;
     }
 }
 
 @media screen and (max-width: 810px) {
     .jm {
         margin-top: 0px;
         height: 260px;
     }
 }
 /* 巨幕响应式-手机端 */
 
 @media screen and (max-width:580px) {
     .jm {
         background-size: contain;
         background: url('../images/banner/h5/history-iphone.jpg') no-repeat;
         background-position: left;
         height: 200px;
         display: block
     }
 }
 /*---------------------------------------------------------------------- /
巨幕设置-结束
----------------------------------------------------------------------- */
 /*---------------------------------------------------------------------- /
面包屑-开始
----------------------------------------------------------------------- */
 /* 面包屑 */
 
 .mbx-row {
     height: 100px;
     border-bottom: 1px solid #e7e7e7;
     margin-bottom: 30px;
     display: flex;
     flex-direction: row;
     align-items: center
 }
 /* 面包屑文字 */
 
 .mbx-text p {
     font-size: 15px;
     font-style: normal;
     display: inline-block;
     font-weight: 800;
     padding-top: 10px;
     letter-spacing: 1px
 }
 /* 面包屑标题 */
 
 .mbx-text h1 {
     font-size: 15px;
     font-style: normal;
     display: inline-block;
     font-weight: 800;
     padding-top: 10px;
     letter-spacing: 1px
 }
 /* 面包屑-》》 */
 
 .mbx-text p::after {
     display: inline-block;
     content: '\00bb';
     margin: 0 .6em;
     color: black
 }
 /* 取消面包屑-最后一个》 */
 
 .mbx-text p:last-child::after {
     display: none
 }
 /* 面包屑响应式-移动端 */
 
 @media screen and (max-width:1024px) {
     .mbx-text p:first-child {
         padding-left: 5px
     }
 }
 /*---------------------------------------------------------------------- /
面包屑-结束
----------------------------------------------------------------------- */
 /*---------------------------------------------------------------------- /
内容-开始
----------------------------------------------------------------------- */
 /* 间隔栏 */
 
 .jgline {
     height: 30px
 }
 /* h5标题-盒子*/
 
 .h5-title {
     position: relative;
     height: 35px;
     width: 200px
 }
 /* h5盒子-标题栏*/
 
 .h5-title-box {
     position: absolute;
     left: 0;
     top: 0;
     border: 1px solid #e9e9e9;
     background-color: white;
     height: 35px;
     width: 100%;
     z-index: 1;
     display: block;
     font-size: 16px;
     line-height: 30px;
     font-weight: 800;
     letter-spacing: 2px;
     text-align: center
 }
 /* h5盒子内容-内容栏 */
 
 .outer-box {
     position: relative;
     height: 700px;
     width: 90%
 }
 /* h5盒子内容-边框 */
 
 .h5-history-box {
     position: absolute;
     left: 0;
     top: 0;
     border: 1px solid #e9e9e9;
     background-color: #FBF8F9;
     height: 100%;
     width: 100%;
     z-index: 1;
     display: block
 }
 /* h5盒子内容-p文字 */
 
 .h5-history-box p {
     font-size: 12px;
     line-height: 18px;
     letter-spacing: 1px;
     padding-left: 15px;
     padding-right: 15px;
     font-weight: 600;
     padding-top: 5px
 }
 /* h5盒子内容-p文字 第一行上边距*/
 
 .h5-history-box p:nth-child(1) {
     padding-top: 15px
 }
 /* h5盒子内容-显示栏js */
 
 .max_index_99 {
     z-index: 90
 }
 /* h5盒子内容-图片盒子-模式1*/
 
 .imgboxhistory {
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: center
 }
 /* h5盒子内容-图片盒子-模式1 img */
 
 .imgboxhistory>img {
     width: 50%;
     padding-top: 120px
 }
 /* h5盒子内容-图片盒子-模式2*/
 
 .imgboxhistoryadd {
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: center
 }
 /* h5盒子内容-图片盒子-模式2 img*/
 
 .imgboxhistoryadd>img {
     padding-top: 80px;
     width: 40%
 }
 /* h5盒子内容-返回按钮 */
 
 .fh {
     position: absolute;
     bottom: 20px;
     left: 20px
 }
 /* h5盒子内容-返回按钮-超链接 */
 
 .fh a {
     color: black;
     font-size: 16px;
     line-height: 22px;
     font-weight: 800;
     letter-spacing: 3px;
     text-decoration: none
 }
 /* h5盒子内容-banner标题 */
 
 .banner-js {
     font-size: 20px;
     line-height: 30px;
     text-align: center;
     padding-top: 30px;
     font-weight: 600;
     letter-spacing: 1.5px
 }
 /* h5盒子内容-右上角-返回按钮 */
 
 .fhhistory {
     display: none
 }
 /* h5盒子内容-右上角-返回按钮 */
 
 .fhhistory {
     width: 50px;
     height: 50px;
     position: fixed;
     right: 10px;
     top: 350px;
     background: url("../images/history/h5back.png") no-repeat;
     z-index: 99;
     cursor: pointer
 }
 /* 响应式布局 */
 /* IPAD以下显示 */
 
 @media screen and (max-width:1024px) {
     /* h5盒子内容 */
     .fhhistory {
         display: block
     }
 }
 
 @media screen and (max-width:580px) {
     /* h5盒子内容-内容栏 */
     .outer-box {
         height: 500px
     }
     /*  h5盒子内容-模式2 img*/
     .imgboxhistoryadd>img {
         padding-top: 50px;
         width: 70%
     }
     /*  h5盒子内容-模式1 img*/
     .imgboxhistory>img {
         width: 80%;
         padding-top: 120px
     }
 }
 /*---------------------------------------------------------------------- /
内容-结束
----------------------------------------------------------------------- */