/* CSS Document */

/*屏幕小于等于800*/
@media ( max-width:800px ) {	
  html { font-size:56% }
  body { font-size:12px; font-size:1.2rem; /* 12÷10=1.2 */ line-height:160%;  font-family:webfont, "PingFang SC", "Microsoft Yahei", "微软雅黑" ,"黑体" ,"宋体", Helvetica, Arial, sans-serif }
  
  .mo_positionRelative { position: relative!important }
  .mo_positionAbsolute { position: absolute!important } 
  .mo_positionStatic { position:static!important; top: 0; left: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) }
  .mo_leftauto {left: auto!important;}
  /* float */
  .mo_fleft { float:left!important }
  .mo_fright { float:right!important }
  .mo_fnone { float:none!important }
  /* text-align */
  .mo_tleft { text-align:left!important }
  .mo_tright { text-align:right!important }
  .mo_tcenter { text-align:center!important }
  /* text bolb*/
  .mo_fontweight{font-weight: bold;}
  .mo_fontSize14 { font-size:1.4rem!important;}
  .mo_fontSize20 { font-size:2rem!important;}
  .fontSize24 { font-size:2.2rem!important;line-height:1.4em!important }
  .mo_fontSize30 { font-size:3rem!important;line-height:1.4em!important }
  .fontSize50 { font-size:4rem!important;line-height:1.4em!important }
  h1, .h1 { font-size: 2.8rem }
  h2, .h2 { font-size: 2.4rem }
  h3, .h3 { font-size: 2.2rem }
  h4, .h4 { font-size: 2rem }
  h5, .h5 { font-size: 1.8rem }
  h6, .h6{ font-size: 1.6rem }
  .bigtitle { font-size: 4rem; line-height: 1.1em; font-weight: 400;}
  .mo_marginauto {margin: 0 auto;}
  .mo_margin0 {margin: 0 !important;}
  .mo_marginbottom10-0{margin:10px 0 !important;}
  .mo_marginbottom20-0{margin:20px 0 !important;}
  .mo_margintop0 { margin-top:0!important }
  .mo_margintop5 { margin-top:5px }
  .mo_margintop10 { margin-top:10px }
  .mo_margintop15 { margin-top:15px }
  .mo_margintop20 { margin-top:20px }
  .mo_margintop27 {margin-top:27px}
  .mo_margintop30 { margin-top:30px }
  .mo_margintop33 { margin-top:33px }
  .mo_margintop40 { margin-top:40px }
  .mo_margintop50 { margin-top:50px }
  .mo_margintop60 { margin-top:60px }
  
  .mo_marginbottom0 { margin-bottom:0!important }
  .mo_marginbottom5 { margin-bottom:5px }
  .mo_marginbottom10 { margin-bottom:10px }
  .mo_marginbottom20 { margin-bottom:20px }
  .mo_marginbottom30 { margin-bottom:30px }
  
  .mo_marginleft0 { margin-left:0!important }
  .mo_marginleft5 { margin-left:5px }
  .mo_marginleft10 { margin-left:10px }
  .mo_marginleft15 { margin-left:15px }
  .mo_marginleft20 { margin-left:20px }
  
  .mo_marginright0 { margin-right:0!important }
  .mo_marginright5 { margin-right:5px }
  .mo_marginright10 { margin-right:10px }
  .mo_marginright15 { margin-right:15px }
  .mo_marginright20 { margin-right:20px }
  .mo_marginright30 { margin-right:30px }
  .mo_marginright40 {margin-right:40px}
  
  .mo_marginauto { margin-left:auto; margin-right:auto }
  
  .mo_paddingtop0 { padding-top:0!important }
  .mo_paddingtop5 { padding-top:5px }
  .mo_paddingtop10 { padding-top:10px }
  .mo_paddingtop15 { padding-top:15px }
  .mo_paddingtop20 { padding-top:20px }
  .mo_paddingtop30 { padding-top:30px }
  .mo_paddingtop40 { padding-top:40px }
  .mo_paddingtop60 { padding-top:60px }
  .mo_paddingtop-25 { padding-top: 25%; }
  
  .mo_paddingbottom0 { padding-bottom:0!important }
  .mo_paddingbottom5 { padding-bottom:5px }
  .mo_paddingbottom9 { padding-bottom:9px }
  .mo_paddingbottom10 { padding-bottom:10px }
  .mo_paddingbottom15 { padding-bottom:15px }
  .mo_paddingbottom20 { padding-bottom:20px }
  .mo_paddingbottom30 { padding-bottom:30px }
  .mo_paddingbottom40 { padding-bottom:40px }
  
  .mo_paddingleft0 { padding-left:0!important }
  .mo_paddingleft5 { padding-left:5px }
  .mo_paddingleft10 { padding-left:10px }
  .mo_paddingleft20 { padding-left:20px }
  .mo_paddingleft30 { padding-left:30px }
  .mo_paddingleft40 { padding-left:40px }
  .mo_paddingleft45 { padding-left:45px }
  .mo_paddingleft50 { padding-left:50px }
  .mo_paddingleft60 { padding-left:60px }
  .mo_paddingleft70 {padding-left: 70px;}
  .mo_paddingright0 { padding-right:0!important }
  .mo_paddingright10 { padding-right:10px }
  .mo_paddingright20 { padding-right:20px }
  
  .mo_padding0 { padding:0!important }
  .mo_padding1 { padding:1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
  .mo_padding10 { padding:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }    
  .mo_padding15 { padding:15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
  .mo_padding20 { padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
  .mo_padding30 { padding:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
  .mo_padding40 { padding:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
  .mo_padding10_0 {padding:10px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
  .mo_padding20_0 {padding:20px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
  .mo_padding30_0 {padding:30px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
  .mo_padding10_0_0 {padding: 10px 0 0 0;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
  .mo_paddinglr_10 {padding:0 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
  
  .mo_dis { display: block }
  .mo_undis { display:none }
  .dqTag{ left: 0; top: 260px; }
  
  .area_100, .area_90, .area_85, .area_80, .area_75, .area_70, .area_66,.area_64, .area_65, .area_60, .area_55, .area_50, .area_45,.area_48, .area_40, .area_35, .area_33, .area_30,.area_32 ,.area_25, .area_23,.area_20, .area_15, .area_10,.width80,.inv-shares .area_35,.inv-shares .area_40,.area_12,.area_18,.area_16_6{ float:none; width:100% }
  .mo_area_33{width: 33.33%;}
  .mo_area_20{width: 25%;}
  .mo_area_30{width: 30%; float: left;}
  .mo_area_40{width: 40%;}
  .mo_area_50{width: 50%;}
  .mo_area_60{width: 60%;}
  .mo_area_65{width: 65%;float: left;}
  .mo_area_70{width: 70%;}
  .mo_area_80{width: 80%;}
  /* .row8,.row10,.row15,.row20,.row30 { margin-left:0; margin-right: 0  } */
  .mo_rowauto.row15 { margin-left:-15px; margin-right: -15px  } 
  .mo_row10 {margin-left:-10px; margin-right: -10px }
  .mo_row {margin-left:0; margin-right: 0 }
  .mo_width50 { max-width: 50%; width:50% }
  .mo_width35 { max-width: 35%; width:35% }
  .mo_width33 { max-width: 33%; width:33% }
  .mo_width70 { max-width: 70%; width:70% }
  .mo_width80 { max-width: 80%; width:80% }
  .mo_width90 { max-width: 90%; width:90% }
  .mo_width100 { max-width: 100%; width:100% }
  .mo_heightauto { height: auto }
  .mo_minheight div{height: 95px;}
  .mo_imgw80 { max-width:80% }
  .mo_height250 {height: 250px;}
  
  .mo_com-rows_none {max-height: 100%; height:auto; line-height:1.3em; overflow:visible; text-overflow:inherit; display:block}
  .com-rows_1 { height:auto; display:block; white-space:inherit; overflow:visible; text-overflow:inherit }
  /* .com-rows_2, .com-rows_max2, .com-rows_3, .com-rows_4, .com-rows_5 { max-height: 100%; height:auto; line-height:1.3em; overflow:visible; text-overflow:inherit; display:block } */
  .mo_com-rows_2 { max-height:2.95em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }
  
  .mo_left0 { left: 0!important; right: auto!important }
  .mo_right0 { left: auto!important; right: 0!important }
  
  .mo_color000{ color: #000 }
  .return-btn{padding: 10px 20px; background: #eee; border-radius: 5px;}
  .mo_line-height1_8em { line-height:1.8em }
  .mo_line-height2em { line-height:2em }
  
  /*-------------------通用头部-------------------*/ 
  #cd-lateral-nav { display: block; }
  .headbox { display: none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:none; position: relative }
  .headspace {height: 60px;}
  .language-a, .language-span {  width: 28px; height: 20px; line-height: 20px!important;}
  .language { width: auto; line-height: 24px; top: 22px; right: 60px; margin: 0 }
  /*-------------------底部通用-------------------*/
  .footbox { border-top: 0 }
  .copyright { position: static; top: 0; left: 0; right: auto; margin-top: 20px } 
  
  #tabs div { padding-right: 10px }
  .title-tabs .fleft a { margin-right: 10px }
  .title-tabs .fright { float: left!important }
  .foot-link>div:nth-of-type(1) {width: 25%; padding: 10px;}
  .foot-link>div:nth-of-type(2) {width: 25%; padding: 10px;}
  .foot-link>div:nth-of-type(3) { width:28%; padding: 10px;}
  .foot-link>div:nth-of-type(4) { width:25%; padding: 10px;}
  .foot-link>div:nth-of-type(5) { width:26%; padding: 10px;}
  .foot-link>div:nth-of-type(6) { width:26%; padding: 10px;}
  .suspendBtn {width: 100px; height: 100px;}
  .suspendBtn.cur .suspend_open {left: -114px;}
  .foot-logo {float: none;  margin: 0 auto;}
  /*-------------------内页通用-------------------*/
  .mo_overhidden { overflow:hidden }
  .overhidden { overflow:hidden }
  .mo_poabsolute-wh50 { position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
  .block-padding{padding-top:30px ; padding-bottom: 30px;}
  .mo_bgf9f9f9{background-color: #f9f9f9;}
  .mo_bge6e6e6 { background-color: #e6e6e6;}
  .mo_table {width: 100%;overflow-x: scroll; overflow-y: hidden;}
  .mo_table .yfTable {min-width: 980px;border: 1px solid #d3d3d3;}
  /* -----------------首页------------------------- */
  .waper-height60 {height: 200px;}
  .waper-height100 {height: 300px;background: url(/images/index/jl1.jpg) center center no-repeat; background-size: cover;}
  .par-bg { background: url(../images/partnering/index-kv.jpg) center no-repeat; background-size: cover;}
  .aboutcode .area_25 {width: 50%; float: left;min-height: 135px;}
  .mo_height38 {height: 38px;}
  .mo_height25 {height: 25px;}
  .zp-lab {height: auto;}
  /*------------------ pipeline------------------ */
  
  .pip-tab #tabs {white-space: nowrap; overflow-x: scroll;}
  .pip-tab .area_15,.pip-tab .area_12,.pip-tab .area_25{width: inherit;}
  .pip-tab #current::before {width: calc(100% - 31px);bottom: 10px;left: 15px;}
  .cadeProcess .area_20{width: 20%; float: left;}
  .perSteps .bar-box {top: -21px!important;}
  .height255 { height: auto;}
  .inv-shares .bg134592 li {width: 50%; float: left;}
  .inv-shares .bg184a97 p.area_50{width: auto; display: inline-block;}
  .pipShowlis .triangle-up {top: 5px;}
  .inv-shares .bg134592{padding: 10px;}
  /* partnering */
  .par-bg .poabsolute-wh50 {width: 60%;left: 60%;}
  .area_33.pipSeeChile,.area_50.pipSeeChile,.pipSeeLis.parCaseType{padding: 0 0 20px 0;}
  .parCaseCade .pipShowlis .triangle-up, .parCaseCade3 .pipShowlis .triangle-up,.parCaseCade2 .pipShowlis .triangle-up {  top: 21px; }
  /* about */
  .marginleft_f20{margin-left: 0;}
  .aboutCon .area_70 {padding: 20px 0 0 0;;}
  .aboutShow .area_33 {padding: 0 20px 30px 20px;}
  .about-bg .right0 {right: 20px!important;}
  /* inv */
  .inv-kv {height: calc(10vh); min-height: 200px;}
  .invTip {height: 30px;}
  .invTip-span {display: block; background: #2d54a2; width: 80px; height: 30px; line-height: 30px;text-align: center; color: #fff; border-radius: 0 50px 50px 0;left: 10px;}
  /* media */
  .mediaSwiper.swiper-container{min-height: 500px !important;}
  /* 公司概况 */
  .timeline-box { padding-top: 0; padding-bottom: 30px; }
  #timeline:before { left: 10px; }
  #timeline .timeline-item { margin-top: 30px; }
  #timeline .timeline-item .timeline-content { width: 94%; float: right; }
  #timeline .timeline-item .timeline-content:before, #timeline .timeline-item .timeline-content.right:before { left: 6%; margin-left: -8px; border-left: 0; border-right: 9px solid #ececec; }
  #timeline .timeline-item .timeline-icon { left: 15px; width: 22px;height: 22px; }
  #timeline .timeline-item .timeline-icon::before {width: 20px;height: 20px;}
    .absurveNum .area_50 { padding-bottom: 20px; margin-bottom: 10px; position: relative }
  .absurveNum .area_50::before { content: ""; width: 50%; height: 1px; background: rgba(0, 0, 0, 0.1); position: absolute; bottom: 0; left: 25% }
  .absurveNum .area_50:last-of-type::before { display: none }
  .min-height100 {min-height: 80px;}
  
  /* 关于恒瑞 */
  .aindex-height01, .aindex-height02 { height: auto }
  .aindexstrategy-kv { background: url(/images/about/showlis4.jpg) 85% center no-repeat }
  .about-sctx { background: url(/images/about/about-sctx01.jpg) 65% center no-repeat }
  
  /* 公司战略 */
  .strategy-kv {height: calc(25vh); min-height: 200px;}
  .strategy-kv .poabsolute-h50 {top: 50%;}
  /* 公司荣誉 */
  .honor-swiper .swiper-slide.swiper-slide-next,.honor-swiper .swiper-slide.swiper-slide-prev {opacity: 0.3;}
  .honor-prev.swiper-button-prev, .honor-next.swiper-button-next {width: 40px; height: 40px;line-height: 40px; border-radius: 50%;background: #fff;color: #134290;text-align: center;}
  /* 合规发展 */
  .deve-kv { height: calc(65vh); min-height: 300px;}
  .devFound-bg {height: calc(50vh);min-height: 400px;}
  
  /* 社会公益 */
  .social-swiper.swiper-container {width: auto!important; left: 0!important;}
  .social-swiper .swiper-slide {transform: scale(1);}
  .social-swiper .swiper-button-prev {left: 5%;}
  .social-swiper .swiper-button-next {right: 5%;}
  .social-swiper .swiper-button-next:hover,.social-swiper .swiper-button-prev:hover {color: #fff;}
  .social-kv .poabsolute-h50 {top: 40%;}
  .socialis ul li {padding: 0 0 20px 0;}
  
  /* 创新研发 */
  .innov-kv {height: calc(100vh - 30px);}
  .kv-btn {width: 55%; padding: 8px; margin-top: 10px;}
  .innovLabel {padding: 0 0 30px 0;}
  .swPro-txt {padding: 20px;min-height: auto;}
  .innovLabel span {width: 80px;height: 80px;line-height: 80px;}
  .yanfaContent .aboutcode,.yanfaContent .aboutinn {width: 33.33%; float: left;}
  .innovFound-bg { height: calc(16vh); min-height: 150px;}
  .innovKv-lis {border: none;}
   /* 生产体系 */
  .system-kv {height: calc(30vh);min-height: 230px;}
  .swiperFound-bg {height: calc(45vh); min-height: 350px;}
  /* 国际化 */
  .inter-kv { height: calc(31vh);min-height: 460px;}
  .kv-btn1{width: 50%;}
  .inter-timer:before { width: 5px; height: calc(100% - -28px);top: 5%;left: 5%;}
  .inter-timer .timerline, .inter-timer .timerline.bottom, .inter-timer .timerline.bottom:nth-child(5n+1), .inter-timer .timerline.bottom:last-child {width: 85%;float: none;margin: 0 0 20px 15%;}
  .inter-timer  .timerline-content, .inter-timer  .timeline.bottom .timerline-content {margin: 0;}
  .inter-timer  .spot, .inter-timer  .timeline.bottom .spot {width: 20px;height: 20px;line-height: 20px;margin: 0;position: absolute;top: 58px;left: -15%;z-index: 1;}
  .triangle::after {transform:rotate(90deg); -ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg); -o-transform:rotate(90deg);bottom: 50%; left: -12px;}
  .bottom .triangle::after {transform:rotate(270deg); -ms-transform:rotate(270deg);-moz-transform:rotate(270deg);-webkit-transform:rotate(270deg); -o-transform:rotate(270deg);bottom: auto; left: -12px; top: 50%;}
  .inter-timer .timerline {top: 20px;}
  .inter-timer {height: auto;}
  .inter-timer .timerline.bottom .timerline-content {margin: 0;}
  .inter-timer .timerline.bottom {top: 50px;}
  .inter-timer .timerline-content {width: auto;height: auto;}
  .timertxt01, .timertxt02 {top: -26px;width: 50%;left: 0;}
  .inter-timer .timerline.bottom .spot {top: 70px;left: -15%;}
  .spot2023 .spot {top: 94px !important;}
  .spot2018 .spot {top: 35px !important;}
  .spot2019 .spot {top: 58px !important;}
  .spot2021 .spot {top: 49px !important;}
  .spot2024 .spot {top: 22px !important;}
  .inter-timer .timerline:first-of-type, .inter-timer .timerline:nth-of-type(3), .inter-timer .timerline:last-of-type { margin-left: 15% }
  .inter-timer .timerline:last-of-type .timerline-content { width: auto }
  .inter-timer:after { top: 36px; margin-top: 0; left: 2.5% }
  .inter-timer .timerline:last-of-type:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 0;
    background: #134290;
    border-radius: 50px;
    border: 2px solid #9ca2fd;
    position: absolute;
    bottom: -34px;
    left: -14.8%;
    /* %: ; */
  }
  .intertxt-kv { height: auto; min-height: auto; background: transparent }
  /* 产品 */
  .pin li {width: 50%; padding: 10px;}
  .swiper-button-prev.weprodutSwiper-prev,.swiper-button-next.weprodutSwiper-next {display: none;}
  /* 创新药 */
  .pice-con {width: 100%;float: none; padding-top: 20px;}
  /* 投资者关系 */
  .tz-lab {min-height: auto;}
  
  /* 临时公告 */
  .pdf_lab2{box-sizing: border-box; margin-top: 10px;}
  
  /* 投资者联系 */
  .invstory-kv {height: calc(100vh + 40px);}
  .ly-con {position: absolute;left: 0;}
  .ly-con input, .ly-con textarea{width: 94%;}
  .sub-btn {display: block; height: 40px;line-height: 40px;width: 94%;text-align: center;padding: 0;}
  
  /* 职业发展 */
  .devbanner {height: calc(20vh);min-height: 150px;background: url(/images/development/devimg3.jpg) 80% center no-repeat;background-size: cover;}
  /* 培训 */
  .mo_color000.more-btn {border: 1px solid #000;}
  .train-kv {height: calc(25vh);min-height: 230px;}
  .trainFound-bg .area_25 {width: 50%; float: left;min-height: 170px;}
  .trainHonor-kv {height: 200px;}
  
  /* 人才发展 */
  .poDev {height: auto; padding-bottom: 30px;}
  .poDev-bg,.poDev-bg2,.poDev-bg3,.poDev-bg4{ background: none;}
  .poDev-abu,.poDev-abur{width: 100%;}
  
  /* 雇主荣誉 */
  .eh-lis li{width: 90%;}
  /* 社会招聘 */
  .socialZp-kv li {padding: 10px 0;}
  .socialZp-kv::after{ height: 60px;}
  /* 校园招聘 */
  .campus-kv {height: calc(100vh - 300px); }
  .code-qr {width: calc(43vh); height: calc(43vh);top: 45%;}
  .c-a01 { bottom: calc(20%) }
  .c-title li, .c-list li { padding: 10px 10px 0 }
  .c-title li:first-of-type, .c-list li:first-of-type { padding-left: 10px }
  .c-title li:last-of-type, .c-list li:last-of-type { padding-right: 10px }
  .c-table01 .c-title li:first-of-type, .c-table01 .c-list li:first-of-type { width: 100% } 
  .c-table01 .c-title li:nth-of-type(2), .c-table01 .c-title li:nth-of-type(3), .c-table01 .c-list li:nth-of-type(2), .c-table01 .c-list li:nth-of-type(3) { width: 50% } 
  .c-table01 .c-title li:nth-of-type(4), .c-table01 .c-list li:nth-of-type(4) { width: 100% }
  .c-table01 .c-title li:nth-of-type(5), .c-table01 .c-title li:nth-of-type(6), .c-table01 .c-list li:nth-of-type(5), .c-table01 .c-list li:nth-of-type(6) { width: 50%; padding-bottom: 10px }
  .c-list .mo_dis { display: inline-block; font-weight: bold }
  
  .c-table02 .c-title li:nth-of-type(1), .c-table02 .c-list li:nth-of-type(1) { width: 100% } 
  .c-table02 .c-title li:nth-of-type(2), .c-table02 .c-title li:nth-of-type(3), .c-table02 .c-title li:nth-of-type(4), .c-table02 .c-title li:nth-of-type(5), .c-table02 .c-list li:nth-of-type(2), .c-table02 .c-list li:nth-of-type(3), .c-table02 .c-list li:nth-of-type(4), .c-table02 .c-list li:nth-of-type(5) { width: 50% } 
  .c-table02 .c-title li:nth-of-type(6), .c-table02 .c-list li:nth-of-type(6) { width: 100%; padding-bottom: 10px } 
  
  /* 党建工作 */
  .inv-kv .poabsolute-h50 {top: 50%;}
  .inv-kv .poabsolute-h50.dj-set { top: 50%;}
  
  
  /* --------------------招采平台--------------------*/
  
  .purchasing-title { padding: 20px }
  .purchasing-title::before { width: calc(100% - 40px); left: 20px }
  .purchasing-list .area_33 { padding: 20px }
  .purchasing-list .area_33::before { width: calc(100% - 40px); height: 1px; top: auto; right: 20px; bottom: 0 }
  .purchasing-btn { height: 280px }
  
  .eh-kv {
      height: calc(100vh - -50px);
      min-height: 500px;
      background: url(/images/development/eh-bg.jpg) right center no-repeat;
      background-size: cover;
    }
  
  
  
  /* --------------------20230518改版--------------------*/
  .pipeline-con { height: calc(60vh); min-height: auto }
  .pipeline-con .container { padding-top: calc(5vh) }
  .pipeline-con-list { padding-bottom: calc(5vh); padding-left: 20px; padding-right: 20px }
  .pipeline-con .container ul { display: block }
  .pipeline-con .container li { float: left; width: 50%; margin-bottom: 20px }
  .pipeline-con .container li .width80 { width: 80% }
  
  .pipeline-list-box { overflow-y: hidden; overflow-x: auto; padding-bottom: 20px }
  .pipeline-list-pop { width: calc(100vw); height: calc(100vh); overflow-x: hidden; overflow-y: auto; border-radius: 0; padding: 30px; position: fixed; left: 0; margin-left: 0; top: 0; box-shadow: 0; z-index: 1999999 }
  
  .innov-kv { height: calc(10vh); min-height: 200px }
  .resources-kv { height: calc(70vh) }
  .resources-lis-box { display: block }
  .resources-lis { width: 100%; height: auto; margin: 10px 0 }
  
  .weinrerSwiper { padding-bottom: 20px!important }
  .swiper-button-prev.weinrerSwiper-prev, .swiper-button-next.weinrerSwiper-next { display: none }
  .weinrerSwiper-pagination { left: 50%; -webkit-transform: translate3d(-50%, 0, 0)!important; transform: translate3d(-50%, 0, 0)!important } 
  
  .infinite-height { margin-bottom: auto!important; padding-bottom: 20px!important }
  
  
  .mo_bgfff{
    background-color: #fff;
  }
  .bluefff {
    background: #134290;
    color: #fff;
    padding: 4px 4px;
    border-radius: 5px;
  }
  }
  
  
  
  
  /*-------------------兼容iphone5-------------------*/
  @media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){
      html { font-size:52% }
      .inter-timer .spot, .inter-timer .timeline.bottom .spot,.inter-timer .timerline.bottom .spot{left: -16%;}
      .invstory-kv {height: calc(100vh + 200px);}
      .ly-con {height: calc(100vh);}
      .innov-kv {min-height: 650px;}
  
  }
  
  
  /*iPhone6和iPhone8*/
  @media only screen 
      and (device-width : 375px) 
      and (device-height : 667px) 
      and (-webkit-device-pixel-ratio : 2) {
  /*code*/
  .invstory-kv {height: calc(100vh + 100px);}
   }