/* CSS Document */

/*屏幕小于等于800*/
@media ( max-width:800px ) {	
body { font-family: "PingFang SC", "Microsoft Yahei", "微软雅黑" ,"黑体" ,"宋体", Helvetica, Arial, sans-serif; font-weight:300; padding-top: 48px }
em, q, cite, address, h1, h2, h3, h4, h5, h6, th { 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) }
.mo_poabsolute-h50 { position:absolute; top:50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%) }
.mo_poabsolute-b { position:absolute; bottom: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 }
 
.fontSize12 { font-size:1.2rem }

h1, .h1 { font-size: 2.4rem }
h2, .h2 { font-size: 2.2rem }
h3, .h3 { font-size: 2rem }
h4, .h4 { font-size: 1.8rem; line-height:1.3em }
h5, .h5 { font-size: 1.6rem }
h6, .h6 { font-size: 1.5rem }

.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_margintop30 { margin-top:30px }
.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_marginleft20 { margin-left:20px }

.mo_marginright0 { margin-right:0!important }
.mo_marginright10 { margin-right:10px }
.mo_marginright5 { margin-right:5px }
.mo_marginright20 { margin-right:20px }
.mo_marginright30 { margin-right:30px }

.mo_marginauto { margin-left:auto; margin-right:auto }

.mo_paddingtop0 { padding-top:0!important }
.mo_paddingtop5 { padding-top:5px!important }
.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_paddingbottom0 { padding-bottom:0!important }
.mo_paddingbottom5 { padding-bottom:5px }
.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_paddingbottom60 { padding-bottom:60px }

.mo_paddingleft0 { padding-left:0!important }
.mo_paddingleft10 { padding-left:10px }
.mo_paddingleft20 { padding-left:20px }
.mo_paddingleft25 { padding-left:25px }

.mo_paddingright0 { padding-right:0!important }
.mo_paddingright10 { padding-right:10px }
.mo_paddingright20 { padding-right:20px }
.mo_paddingright25 { padding-right:25px }

.mo_padding0 { padding:0!important }
.mo_padding5 { padding:5px; -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_padding25 { padding:25px; -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_dis { display: block }
.mo_undis { display:none }

.infinite-height { margin-bottom: 0; padding-bottom: 0 }

.area_100, .area_90, .area_85, .area_80, .area_75, .area_70, .area_66, .area_65, .area_60, .area_55, .area_50, .area_45, .area_40, .area_35, .area_33, .area_30, .area_25, .area_20, .area_15, .area_10, .area_5 { float:none; width:100% }

.mo_width30 { max-width: 30%; width:30% }
.mo_width40 { max-width: 40%; width:40% }
.mo_width50 { max-width: 50%; width:50% }
.mo_width60 { max-width: 60%; width:60% }
.mo_width70 { max-width: 70%; width:60% }
.mo_width90 { max-width: 90%; width:90% }
.mo_width100 { max-width: 100%; width:100% }
.mo_heightauto { height: auto }

.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_max3, .com-rows_4, .com-rows_5, .com-rows_max6 { max-height: 100%; height:auto; line-height:1.3em; overflow:visible; text-overflow:inherit; display:block }

.container { width: 100%; padding-left: 25px; padding-right: 25px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.block-padding-t { padding-top: 30px }
.block-padding-b { padding-bottom: 30px }

.insidekv { height: 240px; min-height: 240px }
.insidekv-slogan { height: 100% }

.level3kv { height: 140px; min-height: 140px }
.level3kv .width60 { width: 40% }
.level3kv-slogan { bottom: auto; top: 30px }
.level3-con { margin-left: 0; min-height: auto }
.sidebar { display: none }

.about-con02 a:hover .more, .about-con04 a:hover .more, .about-con06 a:hover .more, .ir-stock-box:hover .more { filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }


/*-------------------底部-------------------*/
.footbox { padding: 30px 0 }
.footbox .container { padding-left: 0; padding-right: 0 }
.footbox .area_40, .footbox .area_60 { padding-left: 25px; padding-right: 25px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box} 
.foot-link { border-top: 1px solid rgba(255,255,255,0.2); border-bottom: 1px solid rgba(255,255,255,0.2); padding-top: 25px; padding-bottom: 25px; margin-top: 30px; font-size: 1.6rem }
.foot-link a { display: block; width: 100%; padding-top: 5px; padding-bottom: 5px }
.foot-link span { display: none }
.foot-address-box { margin-top: 30px; border-bottom: 1px solid rgba(255,255,255,0.2); margin-bottom: 30px }
.foot-address { border-left: 0; padding-left: 0; margin-bottom: 30px }

.linkpop { padding-top: 10px; padding-bottom: 10px }
.linkpop li a { font-size: 14px }
.linkpop li a:hover .icon-next1 { display: none }

/*-------------------首页-------------------*/
.indexkv .container { background: #0b2a57; padding-top: 20px; padding-bottom: 20px }
.indexkv h2 { font-size: 3rem }
.indexkv h1 { font-size: 4.2rem }

.index-page .container { padding-left: 0; padding-right: 0 }
.index-con01 { padding-top: 30px }

.instock-img { height: auto; border-left: 0; position: static; background: transparent; padding: 0 25px 30px!important; background: #ececec }

.index1-page { padding-top: 0 }
.index1-bg .poabsolute-wh50{width: 100%;}
.index1-bg .width30{width: 40%;}
.index1-bg .width70{width: 80%;}
.index1-bg p{bottom: 20px}
.index1-bg .btn {padding: 5px 20px;width:8em;}

/*-------------------了解emc易倍体育-------------------*/
.mo_position { top: 30px; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0) }
.about-con03 { float: right; padding-left: 110px }
.about-con03 h1 { font-size: 4rem; left:30px }
.about-con02, .about-con04 { width: 100%; bottom: 0 }
.about-con02 a, .about-con04 a, .about-con06 a { padding: 25px }

.about-area03 { margin-top: 0 }
.about-con05 { top: 7% }
.about-con06 { width: 100%; min-width: 100%; top: 0 }

.level3kv-slogan .about-con01 { top: 0; left: 0; margin-top: 10px }

.product-con { height: calc(100vh - 78px) }

.smartcase-card-box div.area_33 { margin-top: 3px }
.smart-card-box .smart-card:nth-of-type(3n-1), .smartcase-card-box div:nth-of-type(3n-1) .smartcase-card { background: #fff }
.smart-card-box .smart-card:nth-of-type(even), .smartcase-card-box div:nth-of-type(even) .smartcase-card { background: #fafafa }

.sd-head, .ei-head { height: 80px }

.smart-con { min-height: auto }

.ei-dl { margin-left: 0 }
.ei-dl dt { width: 100%; margin-left: 0 }

.accordion-title { padding: 20px; background: #2a61ad; color: #fff }
.accordion-title .iconfont, .accordion-title p.line-ebebeb { display: none }

.culture-con img { width: 110%; position: relative; right: -5px }
.culture-img01, .culture-bg { width: 100% }

.culture-con02 { padding-bottom: 220px; background-size: 130% auto }

/*-------------------新闻-------------------*/
.news-list .area_33:nth-of-type(3n-1) a { background: #fff }

.nd-head { height: 80px }


/*-------------------投资者关系-------------------*/
.stock1_1 { font-size: 8rem }
.stock1_1 span { border-bottom: 6px solid #d3171a }

.ir-slogan { top: 20% }
.ir-dl01 { margin-right: 0 }
.ir-dl01 dd { width: 100%; margin-right: 0; text-align: left }

.notice-con { padding: 0 20px } 
.notice-list { margin-left: 0; margin-right: 0; height: auto }
.notice-list-date { width: 100%; margin-left: 0; padding-bottom: 5px }
.notice-list-down { width: 100%; margin-right: 0; margin-top: 10px }

.stock-dl { margin-left: 0 }
.stock-dl dt { width: 100%; margin-left: 0 }
.stock-dl dt h1 { height: auto; padding-top: 20px; padding-bottom: 20px }


/*-------------------客户服务-------------------*/
.service-level3kv { background-size: cover }

.service-con01 { padding-top: 30px; padding-bottom: 30px }

.concept-img01 { margin-top: -70px }

.sales-page { min-height: auto }
.sales-con01 { position: static; top: 0 }
.sales-list-box01, .sales-list-box02 { width: 100% }
.sales-page img.width60 { width: 100% }

.hotline-con .width30 { width: 22% }
.hotline-con .width70 { width: 78% }
.hotline-con .icon-hotline.fa-5x { font-size: 4rem!important }

.popup-closebox { padding: 15px 20px }
.popup-closebox i.icon-close { right: 20px }
.popup-con { padding: 20px }
input.contact-input, .contact-textarea { width:300px }
input.contact-inputCode { width:200px }



}



/*-------------------兼容iphone5-------------------*/
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){
html { font-size:52% }

}