/* 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_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 }

.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{ 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: 24px;  right: 18%; margin: 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 {width: 45% ;float: left;}
.min-height100 {min-height: 80px;}

/* 关于恒瑞 */
.indexNew .positionRelative {height: auto;}
.indexNew .positionRelative .area_50.fright {width: 100%;}
.indexNew .width55 {width: 100%;}
.indexHonor-kv {background: url(/images/about/showlis4.jpg) right center no-repeat;background-size: cover;}
.view999 {width: auto;height: auto;}

/* 公司战略 */
.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%;}
.intertxt-kv .poabsolute-h50 {right: 0;}
.inter-timer:before { width: 5px; height: calc(100% - -33px);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;}
.timertxt01{top: -26px;width: 50%;left: 81px;}
.timertxt02{top: -26px;width: 50%;left: 81px;}
.inter-timer .timerline.bottom .spot {top: 70px;left: -15%;}
.intertxt-kv {background: transparent;}
.intertxt-kv .h4 {color: #000;font-weight: bold;}
/* 产品 */
.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%;}
/* 党建工作 */
.inv-kv .poabsolute-h50 {top: 50%;}
.inv-kv .poabsolute-h50.dj-set { top: 50%;}
/* 健康+ */
.healthIndex-bg { background: url(/images/health/index-kv.jpg?v0.1) 34% center no-repeat;background-size: cover;}

}


/*-------------------兼容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);}
 }