/* 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; text-align:center;}

.mo_undis { display:none }

.mo_dis01 {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/jl1.jpg) center center no-repeat; background-size: cover;}

.par-bg { background: url(../images/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);}

 }