/* CSS Document */

/*屏幕小于等于800*/
@media ( max-width:800px ) {	
    .footerAlter .pcAlink{display: block;}
html { font-size:56% }
body { font-family: "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) }

/* 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 }
 
h1, .h1 { font-size: 2.6rem }
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 }

.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 !important}
.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 !important}
.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 }
.mo_paddingtop10 { padding-top:10px }
.mo_paddingtop15 { padding-top:15px }
.mo_paddingtop20 { padding-top:20px !important }
.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_paddingbottom10 { padding-bottom:10px }
.mo_paddingbottom15 { padding-bottom:15px }
.mo_paddingbottom20 { padding-bottom:20px !important}
.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_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_padding30 { padding:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.mo_padding20{padding: 20px !important;}
.mo_dis { display: block }
.mo_undis { display:none }
.mo_inlinedis { display:inline-block } 

.mo_row5 { margin-left: -5px; margin-right: -5px }

.area_100, .area_90, .area_85, .area_80, .area_75, .area_70, .area_66, .area_65, .area_60, .area_55, .area_50, .area_48, .area_45, .area_40, .area_35, .area_33, .area_30, .area_25, .area_20, .area_15, .area_10 { float:none; width:100% }

.mo_width100 { max-width: 100%; width:100% }
.mo_width50 { max-width: 50%; width:50% }
.mo_width25 { max-width: 25%; width:25% }
.mo_heightauto { height: auto }

.mo_imgw80 { max-width:80% }

.com-rows_1 { height:auto; display:block; white-space:inherit; overflow:visible; text-overflow:inherit }
.com-rows_2, .com-rows_3, .com-rows_4, .com-rows_max4, .com-rows_5, .com-rows_6 {  height:auto; line-height:1.3em; overflow:visible; text-overflow:inherit; display:block }
.com-rows_max2 { max-height: 100%; }

.mo_bg003670 { background: #003670 }
.mo_bgedeef3 { background: #edeef3 }
.mo_bgf0faff { background: #f0faff }

.container { width: 100%; padding-left: 20px; padding-right: 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

/*-------------------底部通用-------------------*/
.footbox-up { height: 230px }
.footbox-up .letter-spacing32, .footbox-up .letter-spacing16 { letter-spacing: 0 }
.footbox-up .tcenter .letter-spacing32, .footbox-up .tcenter .letter-spacing16 { margin-right: 0 }
.footbox-up h5 { font-size: 1.8rem; line-height: 2em }
.footbox-up span.font-thin { display: none }
.gototop { right:20px }

.footbox-up .poabsolute-w50 { top: 20%; }
.footer_box { clear: both; bottom: 0 }
/*-------------------内页通用-------------------*/
.headspace { height: 0 }
.insidekv { height: 240px }
.insidekv img { height: 100%; width: auto; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) }
.insidekv-label { padding: 10px 20px }
h5.insidekv-label { font-size: 1.8rem }
.insidekv-label .letter-spacing8 { letter-spacing:4px }
.insidekv-label .tcenter .letter-spacing8 { margin-right: -4px }

.level2nav a.width25 { width: 50% }
.level2nav a.width20 { width: 33.33% }
.level2nav a.width25:nth-of-type(3), .level2nav a.width25:nth-of-type(4), .level2nav a.width20:nth-of-type(4), .level2nav a.width20:nth-of-type(5) { margin-top: 10px }
.level2nav a.width25:nth-of-type(2), .level2nav a.width20:nth-of-type(3) { border-right: 0 }

.imagetext-con, .level3kv, .belt { height: auto; min-height: auto }
div.quotes { line-height: 20px }
div.quotes div { padding: 5px 10px }

/*-------------------首页-------------------*/
.inproduct .width20 { width: 33.33% }
.inproduct .width20:nth-of-type(4) { margin-left: 16.66%; margin-top: 30px }
.inproduct .width20:nth-of-type(5) { margin-right: 16.66%; margin-top: 30px }
.inproduct h6 { margin-left: -8px }
.inproduct .letter-spacing8 { letter-spacing: 0 }
.inproduct .iconfont { font-size: 4em!important }

.label-blue { top: 20px; left: 20px }

.insundry .area_33:nth-of-type(2) { background: rgba(0,0,0,0.2); padding: 30px 20px; margin-left: -20px }

/*-------------------我们的产品-------------------*/
.intelligence-bg { padding-bottom: 120px; background: url(../images/product/mo_intelligence-bg.png) #01193f bottom right no-repeat; background-size: 80% auto }

.electric-bg01 { padding-bottom: 120px; background: url(../images/product/mo_electric-bg01.png) #11366a bottom right no-repeat; background-size: 100% auto }
.electric-bg02 { padding-bottom: 120px; background: url(../images/product/mo_electric-bg02.png) #102132 bottom right no-repeat; background-size: 80% auto }

.lightweight-bg01 { padding-bottom: 120px; background: url(../images/product/mo_lightweight-bg01.jpg) #000 bottom right no-repeat; background-size: 70% auto }
.lightweight-bg02 { padding-bottom: 120px; background: url(../images/product/mo_lightweight-bg02.png) #1c4176 bottom right no-repeat; background-size: 80% auto }

.chassis-bg01 { padding-bottom: 120px; background: url(../images/product/mo_chassis-bg01.png) #1163a4 bottom right no-repeat; background-size: 100% auto }
.chassis-bg02 { padding-bottom: 120px; background: url(../images/product/mo_chassis-bg02.png) #1c5d92 bottom right no-repeat; background-size: 80% auto }

.trimming-bg01 { padding-bottom: 120px; background: url(../images/product/mo_trimming-bg01.png) #013770 bottom right no-repeat; background-size: 100% auto }
.trimming-bg02 { padding-bottom: 120px; background: url(../images/product/mo_trimming-bg02.png) #013770 bottom right no-repeat; background-size: 100% auto }

.chair-img01 { background: #f7f7f7 }

.imagetext-con2 p { line-height: 1.6em }

.lig-bg { background: url(../images/product/mo_lig-bg.jpg) bottom right no-repeat; background-size: 100% auto }
.trim-bg { background: url(../images/product/mo_tri-bg.jpg) bottom right no-repeat; background-size: 100% auto }

/*-------------------可持续发展-------------------*/
.partner-logobox .width20, .partner-logobox-b .width20 { width: 25% }

.partner_iconf .fa-6x { font-size: 4em !important }

.partner_img,.partner_img2,.partner_img3 { height: auto;width: 100% }

.par_bg { background: url(../images/develop/mo_par-bg.jpg) bottom right no-repeat; background-size: 100% auto }
.gre_bg { background: url(../images/develop/mo_gre-bg.jpg) bottom right no-repeat; background-size: 100% auto }

/*-------------------创新发展-------------------*/
.smart-bg { background: url(../images/innovate/mo_smart-bg.jpg) bottom right no-repeat; background-size: 100% auto }
.foresight-bg { padding-bottom: 120px; background: url(../images/innovate/mo_foresight-bg.png) #15669a bottom right no-repeat; background-size: 100% auto }
.lean-bg { padding-bottom: 120px; background: url(../images/innovate/mo_lean-bg.png) #104e90 bottom right no-repeat; background-size: 90% auto }

.shareholder-con01 { padding-top: 40px; height: 140px }
.shareholder-con01 h1 { font-size: 40px }

.link_bottom .row20 { margin-left: -5px;margin-right: -5px; }
.link_bottom .paddingleft20 { padding-left: 5px }
.link_bottom .paddingright20 { padding-right: 5px }
.link_bottom h4 { font-size: 12px;color: #000;margin-top: 10px }

/*-------------------投资者关系-------------------*/
.ir-con01 { height: auto }
.ir-con01 .container { padding-left: 0;padding-right: 0 }
.ir-con01 div.area_33:nth-of-type(1) { background: #ededed }
/*.ir-con01 div.area_33:nth-of-type(2) { background: #093e75 }*/
.ir-con01 div.area_33:nth-of-type(3) { background:#ededed  }
.irlist dl { margin-right: 120px }
.irlist dl dd { width: 110px; margin-right: -120px }

.noticelist { margin-left: 0; margin-right: 0 }
.noticelist .iconbox { margin-left: 0;width: 100%;display: block }
.noticelist .datebox { width: auto; margin-right: 0;float: left;display: block;width: 100%; }
.noticelist p.width100 { margin-top: 10px }

.noticelist2 { margin-right:80px; }
.noticelist2 p.width100 { padding-left:0;margin-top: 0; }
.noticelist2 .datebox { width:80px;margin-right:-80px }

.profile-table th { font-size: 1.2rem; width: 8.5em; padding: 10px 0 10px 10px }
.profile-table td { font-size: 1.6rem; padding: 10px }

.invf-tableli01, .service-tableli01 { width: 100%; margin-bottom: 5px; padding-right: 0;font-weight: bold }
.invf-tableli02, .invf-tableli03 { width: 33.33%; word-break : break-all }
.service-tableli01 { margin-right: 0; }
.service-tableli02 { width: 40%; word-break : break-all }
.service-tableli03 { width: 30%; word-break : break-all }
.service_width .service-tableli03:last-child  { width: 30% }

.mo_gov-tabs { background: #013570; color: #fff; padding: 10px 0; text-align: center }

.notice-con .row40 { margin-left: auto;margin-right: auto; }

.service_width li span,.service_width2 li span,.invf-tableli03 span { display: block;width:auto !important;text-align: left;float: left }

/*-------------------工作和职位-------------------*/
.join-con01 { height: auto }
.join-con01 div.area_33:nth-of-type(1) { background: #013770 }
.join-con01 div.area_33:nth-of-type(2) { height: 200px; box-sizing: border-box; padding-top: 80px; background: url(../images/join/img02.jpg) center center no-repeat; background-size: cover }
.join-con01 div.area_33:nth-of-type(3) { background: #ededed }
.join_gz .border-r-ccc { border-right:none }

.join-num { font-size: 3rem }
.join-bg { background: url(../images/join/bg01.jpg) center bottom no-repeat; background-size: cover }

.post-form select { width: 33.33%; height: 40px; line-height: 40px; border-bottom: 1px solid #eee; border-right: 1px solid #eee }
.post-form input { width:  calc(100% - 40px); height: 40px; line-height: 40px; margin-top: 0; padding-left: 20px; margin-right: 0 }
.post-form .post-btn { width: 40px; height: 40px; line-height: 40px }
.post-form .post-btn .iconfont { line-height: 40px }

.post-title { height: auto; line-height: auto }
.post-title .icon-hot { right: -40px; top: -8px }

.post-txt { margin-right: 0 }
.post-txt dt { height: auto; line-height: auto; display:block; white-space:inherit; overflow:visible; text-overflow:inherit  }
.post-txt dd { width: 100%; margin-right: 0; text-align: left }

.work-dl { margin-left: 60px }
.work-dl dt { width: 60px; margin-left: -60px }
.work-dl dt .iconfont.fa-5x { font-size: 3em!important }

.product_bg .area_33{
    height: calc(33.33vh);
}
/*校园招聘*/
.school_box { padding-bottom: 10px;padding-top:0 ;}
.school_box li { padding-left: 0px;width: 100%!important;float: none;}
.school_box .mo_title { display: inline-block;padding-top: 10px;font-weight: normal;font-size: 12px; }

.school_box3 div{width: 20%; float: left;height: 71px;}
.school_box3 i.fa-5x {font-size: 4em!important }
.school_box3 i.fa-3x { line-height: 71px; } 
.school_box3 div:nth-of-type(7) {width: 100%;height: 51px;}
.school_box3 div:nth-of-type(7) i{line-height: 51px;color:#7fb9fa; float: right;font-size: 3em!important;width: 20%;}

.school_box3 div:nth-of-type(9),.school_box3 div:nth-of-type(11){
transform:rotate(180deg);
-ms-transform:rotate(180deg); 	/* IE 9 */
-moz-transform:rotate(180deg); 	/* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); 	/* Opera */
}
.school_box2 .area_70 { padding-left: 0 }

.pos_bg { background: url(../images/join/mo_pos-bg.jpg) bottom right no-repeat; background-size: 100% auto }
.cam_bg { background: url(../images/join/mo_cam-bg.jpg) bottom right no-repeat; background-size: 100% auto }
.int_bg { background: url(../images/join/mo_int-bg.jpg) bottom right no-repeat; background-size: 100% auto }

/*-------------------新闻与媒体-------------------*/
.video-popbox { width: 100%; height: auto; overflow:hidden }
.news-form input[type="text"] { margin-left: 0 }
.news-form input { width: calc(100% - 40px) }
#news_list #listData_0 .marginbottom60:nth-last-of-type(2),#news_list #listData_0 .marginbottom60:nth-last-of-type(3){ margin-bottom: 20px !important }
#joinlist #listData_0 .padding20:nth-last-of-type(2){ padding-bottom: 20px !important }
.internlist div .padding20:nth-last-of-type(2){ padding-bottom: 20px!important }
/*-------------------关于华域-------------------*/
.about-num { font-size: 5.4rem }

.company-content { padding: 30px 0; margin-top: 20px }

.company-list li { width: 100%!important }

.company-num { font-size: 6rem }

.strategy-label { width: 100% }

.subsidiary-list .area_50.border-b-ebebeb { padding-bottom: 10px; padding-top: 10px }

.accordion-title-con { margin-left: 0; margin-right: 0 }
.accordion-title-con .txt { margin-left: 0 }
.accordion-title .iconfont { margin-right: 0 }


.fontsyd{font-size: 14px !important;}
.footerAlter{width: 100px !important;}

.accordion-con .padding20.paddingtop0 { max-height: calc(36vh) }

}
/*-------------------兼容iphone5-------------------*/
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){
html { font-size:52% }

}