﻿/* 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;}
.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_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_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_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_width100 { max-width: 100%; width:100% }
.mo_heightauto { height: auto }
.mo_minheight div{height: 95px;}
.mo_imgw80 { max-width:80% }
.mo_height250 {height: 250px;}

.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 }

/*-------------------通用头部-------------------*/ 
#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 }
/*-------------------底部通用-------------------*/
.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;}
/* -----------------首页------------------------- */
.waper-height60 {height: 200px;background: #fff; background-size: cover;}
.waper-height100 {height: 300px;background: url(/en/images/index/jl1.jpg) center center no-repeat; background-size: cover;}
.inv-kv,.invContact-kv { height: 200px; min-height: 200px;}
.par-bg { background: url(../images/partnering/index-kv.jpg) center no-repeat; background-size: cover;}
.invContact-kv .poabsolute-wh50 { left: 55%; top: 50%; width: 90%;}
.invContact-kv {background: url(../images/investor/mo_index-bg.jpg)left center no-repeat;background-size: cover;}
.aboutcode .area_25 {width: 50%; float: left;}
.mo_height38 {height: 38px;}
/*------------------ 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: 30px 0 0 0;;}
.aboutShow .area_33 {padding: 0 20px 30px 20px;}
.about-bg .right0 {right: 20px!important;}
/* inv */
.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;}

.news-tab{display: block;padding: 0 20px;}
.tabs-style::-webkit-scrollbar {width: 0px;}
.tabs-style {white-space: nowrap;overflow-x: scroll;-ms-overflow-style: none;} 
.news-search{margin-bottom: 20px;justify-content: left; margin-top: 10px;}
.news-select { display: block;justify-content: space-between; padding-bottom: 20px;margin-top: 0;}
.select_list{ background-position-x: 124px;margin-left: 0;padding: 0 10px;}
.pub-tab .news-select {display: block; align-content: space-between;}
.pub-tab .news-search{justify-content: left;margin-top: 20px;}
.pub-tab .news-search-input { margin-left: 0;width: 90%;}
.pub-tab .select_list {width: calc(50% - 10px);}
.news-search-input{margin-left: 0;width: 238px;}

/* media */
.public-bg-text {top: 50%;width: 85%;}
.inv-kv.public-bg{height: calc(46vh);}


.pipeline-bg { height: calc(10vh)!important; min-height: 200px!important }
.pipeline-con { height: calc(70vh); 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%; height: 130px }

.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 }



}


/*-------------------兼容iphone5-------------------*/
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){
    html { font-size:52% }
}
