/* CSS Document */
@import "aside.css";
@media ( min-width:801px ) and ( max-width:1024px ) {
html { font-size:60% }

.fontSize50 { font-size:48px }
.fontSize60 { font-size:52px }

h1, .h1 { font-size: 34px }
h2, .h2 { font-size: 28px }
h3, .h3 { font-size: 22px }
h4, .h4 { font-size: 18px }
h5, .h5 { font-size: 16px }
h6, .h6 { font-size: 14px }

.wechat_ewm { margin-left:-100px; width:200px; height:auto }


}

/*屏幕小于等于800*/
@media ( max-width:800px ) {	
html { font-size: 62.5% }
  body { background-image: none;
  }
  h1, h2, h3, h4, h5, h6 { font-weight: 300 }

.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) }

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

.mo_margintop0 { margin-top:0!important }
.mo_margintop5 { margin-top:5px }
.mo_margintop10 { margin-top:10px }
.mo_margintop20 { margin-top:20px }
.mo_margintop30 { margin-top:30px }
.mo_margintop40 { margin-top:40px }

.mo_marginbottom0 { margin-bottom:0!important }
.mo_marginbottom10 { margin-bottom:10px }
.mo_marginbottom20 { margin-bottom:20px }
.mo_marginbottom30 { margin-bottom:30px }

.mo_marginleft0 { margin-left:0!important }

.mo_marginright0 { margin-right:0!important }
.mo_marginright20 { margin-right:20px }

.mo_marginauto { margin-left:auto; margin-right:auto }

.mo_paddingtop0 { padding-top:0!important }
.mo_paddingtop10 { padding-top:10px }
.mo_paddingtop20 { padding-top:20px }
.mo_paddingtop30 { padding-top:30px }
.mo_paddingtop40 { padding-top:40px }

.mo_paddingbottom0 { padding-bottom:0!important }
.mo_paddingbottom10 { padding-bottom:10px }
.mo_paddingbottom20 { padding-bottom:20px }
.mo_paddingbottom30 { padding-bottom:30px }
.mo_paddingbottom40 { padding-bottom:40px }

.mo_paddingleft0 { padding-left:0!important }
.mo_paddingleft10 { padding-left:10px }
.mo_paddingleft20 { padding-left:20px }

.mo_paddingright0 { padding-right:0!important }
.mo_paddingright10 { padding-right:10px }
.mo_paddingright20 { padding-right:20px }

.mo_padding0 { padding:0!important }
.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_padding20_30 { padding:30px 20px; -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_padding20_b0 { padding:20px 20px 0 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box  } 

.mo_dis { display: block }
.mo_undis { display:none }

.mo_width50 { width: 50%!important }
.mo_width60 { width: 60% }
.mo_width92 { width: 92% }
.mo_width100 { width: 100%!important; margin-left: 0!important; margin-right: 0!important }


.row20 { margin-left: 0; margin-right: 0 }
.negative-marginleft40, .negative-marginleft30, .negative-marginleft20 { margin-left: 0 }

.mo_row20 { margin-left: -20px; margin-right: -20px }

.area_100, .area_90, .area_85, .area_80, .area_75, .area_70, .area_66, .area_60, .area_55, .area_50, .area_45, .area_40, .area_35, .area_33, .area_30, .area_25, .area_20, .area_16, .area_15 { float:none; width:100% !important  }

.mo_width12 { width:12% }
.mo_width88 { width:88% }

.com-rows_1 { height:auto; display:block; white-space:inherit; overflow:visible; text-overflow:inherit }
.com-rows_2max { max-height:auto; line-height:1.3em; overflow:visible; text-overflow:inherit; display:block }
.com-rows_2, .com-rows_3, .com-rows_5, .com-rows_7 { height:auto; line-height:1.3em; overflow:visible; text-overflow:inherit; display:block }
.discom-rows_2 { height:2.9em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }


.fontSize40 { font-size:3.2rem }
.fontSize50 { font-size:3.4rem }
.fontSize60 { font-size:3.6rem }
.mo_fontSize5m { font-size:5rem!important }
.mo_fontSize6m { font-size:6rem!important }

h1, .h1 { font-size: 3rem; line-height: 1.1em }
h2, .h2 { font-size: 2.4rem; line-height: 1.1em }
h3, .h3 { font-size: 2.2rem }
h4, .h4 { font-size: 2rem }
h5, .h5 { font-size: 1.6rem }
h6, .h6 { font-size: 1.4rem }

.mo_border0 { border: 0 none }

.mo_colorfff { color:#fff }
.mo_color000 { color:#000 }

.mo_bg000 { background: #000 }
.mo_bg0a69b0 { background: #0a69b0 }
.mo_bg0b5e9d { background: #0b5e9d }
.mo_bgf8e9cc { background: #f8e9cc }
.mo_bge8e8e8 { background: #e8e8e8 }

.mo_border_t3_ececec { border-top: 3px solid #ececec } 

.cd-main-content { padding-top: 0 }

.container { width: 92%; margin-left: 4%; margin-right: 4% }
.rightarea, .area-content { width:100% }

#cd-lateral-nav { display: block }

/*-------------------内页通用-------------------*/
.main-content { margin-left: 0 }
.follownav { display: none }

a.news-con:hover, a.join-con:hover, a.serve-con:hover, .bid-con:hover, .project-con02:hover { color: #000; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }

/*-------------------首页-------------------*/
.index-mainbox { height: auto }
.in-con01 { position: inherit; height: auto; padding: 20px 0; background: #f2f2f2 }
.ina-list { margin-bottom: 20px }
.ina-list a { margin-right: 10px; padding-left: 20px }
.ina-list a .iconfont { font-size: 16px; position: absolute; top: 0; left: 0; margin-left: 0 }

.innews-box .com-rows_2 { height:2.6em; line-height:1.3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }

.instock-box { height: auto } 

/*-------------------关于-------------------*/
.about-head { background: url(/IR_big5/images/about-kv.jpg)  left center no-repeat; background-size: cover }
.about-title { bottom: auto; top: 60px }
.about-title h1 { font-size: 20px }

.about-txt01 { position: inherit; bottom: auto; left: 0 }
.aboutinside-head { height: 200px }

.culture-txt { width: 100%; height: auto; background: rgba(11,94,157,0.8); color: #fff; position: initial; bottom: auto; z-index: 10 }
.culture-list li { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.culture-img { height: 200px }

h1.honor-slogan, h1.honor-year { font-size: 2.4rem }
h3.honor-slogan { font-size: 1.7rem; margin-top: 8px }

h2.honor-year { font-size: 2rem }
.honor-listt .line-000_10 { top: 18px }


.history-honor { height: 760px }
.circle-con { width: 98%; height: 660px; top: 50px; left: 1% }
.circle01 { bottom: auto; top: 28%; left: 2% }
.circle02 { bottom: auto; top: 38%; left: auto; right: 5%; margin-left: 0  }
.circle03 { top: 0; left: 15% }
.circle04 { top: 54%; left: 20%; right: auto }
.circle05 { bottom: 7%; right: 2% }
.circle06 { top: auto; left: 5%; bottom: 0; right: auto }
/*-------------------企业管治-------------------*/
.gov-head { background: url(/IR_big5/images/mo_gov-kv.jpg) center center no-repeat; background-size: cover }
.gov-title { bottom: auto; top: 60px }
.gov-title h1 { font-size: 20px }

.gov_file { padding-right: 0;padding-left: 0 }
.gov_file .gov_zg { width: 100%;margin-left: 0 }
.gov_file em { display: none }
.gov_center.dotbox { padding-left: 0 }
.file-bg .area_50:nth-child(2n-1) { padding-right: 0 }
.file-bg .area_50:nth-child(2n) { padding-left: 0 }

/*-------------------财务摘要-------------------*/
.fin-head { background: url(/IR_big5/images/mo_fin-kv.jpg) center center no-repeat; background-size: cover }
.fin-title { bottom: auto; top: 60px }
.fin-title h1 { font-size: 20px }
.tab-nav li { padding: 0 10px } 
/*-------------------公告及通函-------------------*/
.not-head { background: url(/IR_big5/images/mo_not-kv.jpg) center center no-repeat; background-size: cover }
.not-title { bottom: auto; top: 60px }
.not-title h1 { font-size: 20px }

/*-------------------业绩发布-------------------*/
.res-head { background: url(/IR_big5/images/mo_res-kv.jpg) center center no-repeat; background-size: cover }
.res-title { bottom: auto; top: 60px }
.res-title h1 { font-size: 20px }

/*-------------------股票信息-------------------*/
.sto-head { background: url(/IR_big5/images/mo_sto-kv.jpg) center center no-repeat; background-size: cover }
.sto-title { bottom: auto; top: 60px }
.sto-title h1 { font-size: 20px }

.stock-con { width: 100%; padding-bottom: 10px; overflow-x: auto; overflow-y: hidden } 
.stock-table { width: auto }
.stock-table td, .stock-table th { min-width: 80px }

.stock-con::-webkit-scrollbar {
width:8px;
height:8px
}
.stock-con::-webkit-scrollbar-thumb {
border-radius:10px;
background:rgba(0,0,0,.2)
}
.stock-con::-webkit-scrollbar-thumb:window-inactive {
background:rgba(0,0,0,.1)
}
.stock-con::-webkit-scrollbar-thumb:vertical:hover {
background-color:rgba(0,0,0,.3)
}
.stock-con::-webkit-scrollbar-thumb:vertical:active {
background-color:rgba(0,0,0,.7)
}
/*-------------------社会责任报告-------------------*/
.soc-head { background: url(/IR_big5/images/mo_soc-kv.jpg) center center no-repeat; background-size: cover }
.soc-title { bottom: auto; top: 60px }

/*-------------------信用评级-------------------*/
.cre-head { background: url(/IR_big5/images/mo_cre-kv.jpg) center center no-repeat; background-size: cover }
.cre-title { bottom: auto; top: 60px }
.cre-title h1 { font-size: 20px }
.cre-list div { width: 50%!important;line-height:26px;float: left } 
.cre-list div:nth-of-type(1),.cre-list div:nth-of-type(2) { padding-top: 0 }
.cre-list div:nth-of-type(9),.cre-list div:nth-of-type(10) { padding-bottom: 0 }
.cre-list div:nth-child(2n-1) { text-align: left }
.cre-list div:nth-child(2n) { text-align: right }

/*-------------------联系我们-------------------*/
.con-head { background: url(/IR_big5/images/mo_con-kv.jpg) center center no-repeat; background-size: cover }
.con-title { bottom: auto; top: 60px }

.mo_downward { opacity: 0; animation: downward 2s 1s forwards }
@keyframes downward
{
	0%   { opacity:0 }
	100% { opacity:0.8 }
}
.honor-tabtxt { height: auto!important }
.contact-box .area_50 { height: auto}

.fin_list,.fin_list>div { width: auto }   


/*-------------------兼容iphone5-------------------*/
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){
html { font-size:52% }
}