/* CSS Document */

@media ( min-width:801px ) and ( max-width:1024px ) {
html { font-size:60% }

.fontSize30 { font-size:26px }

h1, .h1 { font-size: 80px }
h2, .h2 { font-size: 44px }
h3, .h3 { font-size: 36px }
h4, .h4 { font-size: 32px }
h5, .h5 { font-size: 20px }
h6, .h6 { font-size: 18px }

.news-select { font-size: 32px }

}

/*屏幕小于等于800*/
@media ( max-width:800px ) {	
html { font-size:62.5% }
body { font-family:"STHeiti","Hiragino Sans GB",Helvetica,"Microsoft Yahei",微软雅黑,黑体,新細明體,Arial,"Lucida Grande",sans-serif }
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_margintop7 { margin-top:7px }
.mo_margintop10 { margin-top:10px }
.mo_margintop15 { margin-top:15px }
.mo_margintop20 { margin-top:20px }
.mo_margintop30 { margin-top:30px }
.mo_margintop38 { margin-top:38px }
.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_marginleft20 { margin-left:20px!important }

.mo_marginright0 { margin-right:0!important }
.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_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_paddingbottom15 { padding-bottom:15px }
.mo_paddingbottom20 { padding-bottom:20px }
.mo_paddingbottom30 { padding-bottom:30px }
.mo_paddingbottom40 { padding-bottom:40px }
.mo_paddingbottom50 { padding-bottom:50px }

.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_padding000_15 { padding:0 0 0 15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.mo_padding20_15 { padding-right:20px; padding-left:20px; padding-top:15px; padding-bottom: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_dis { display: block }
.mo_undis { display:none }

.mo_width60 { width: 60% }
.mo_width92 { width: 92% }
.mo_width100 { width: 100%!important; margin-left: 0!important; margin-right: 0!important }
.mo_imgw60 { display:block; max-width:60%; height:auto }

.row15 { margin-right: 0 }
.negative-marginleft20 { margin-left: 0 }

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

.area_100, .area_90, .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_15 { float:none; width:100% }


.com-rows_1 { height:auto; display:block; white-space:inherit; overflow:visible; text-overflow:inherit }
.com-rows_2 { height:auto; line-height:1.3em; overflow:visible; text-overflow:inherit; display:block }

.fontSize30 { font-size:1.8rem }

h1, .h1 { font-size: 4rem }
h2, .h2 { font-size: 3rem }
h3, .h3 { font-size: 2.4rem }
h4, .h4 { font-size: 2.2rem }
h5, .h5 { font-size: 1.8rem }
h6, .h6 { font-size: 1.6rem }

.mo_border0 { border: 0 none }

#cd-lateral-nav { display: block; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }

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

.container { width: 92%; margin-left: 4%; margin-right: 4% }

.central-con { width: 100% }

.headbox { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:none; position: relative }
.headmenu { height:4em; padding-top:1em }

.logo { width:auto; margin-top:0; height:3em }

/*-------------------底部通用-------------------*/
.copyright { position: static; top: 0; left: 0; right: auto; margin-top: 20px; width: 100%; text-align: center } 

/*-------------------内页通用-------------------*/
.dot-9b9b9b.margintop75 { margin-top: 35px }
.secondary-box { height: 240px }
.secondary-title { margin-top: 65px }
.secondary-title p { font-size: 3.4rem }

.com-more { width: 116px }
.com-moretxt, .com-moreicon { height: 36px; line-height: 36px }
.com-moretxt { width: 80px }
.com-moreicon { width: 36px }
.com-moreicon .iconfont { line-height: 36px }

/*-------------------首页-------------------*/
.inkv-box { width: 100%; height: 300px }
.inkv-title { margin-top: 50px }
.inkv-box .quotes { width: 20px; height: auto }

.in-con01 { height: auto }
.inbusiness-box { height: auto }
.inbusiness-con { position: relative; left: 4%; margin-left: 0; }
.inbusiness-bg { position: relative }
.in-con02 { height: 120px }
.incon02-icon { top: 25px }
.incon02-icon .iconfont { font-size: 50px }
.incon02-title { top: 85px; font-size: 14px }
.in-con02:hover .incon02-icon { top: 20px }
.in-con02:hover .incon02-title { top: 80px }

/*-------------------公司概况-------------------*/
.ain-kv { background: url(../images/about/mo_ain-kv.jpg) center center no-repeat; background-size: cover }

.profile-con { left: 4%; margin-left: 0 }
.profile-txt01, .profile-con01, .profile-con02, .profile-con03, .profile-con04 { height: 50% }
.profile-con03txt { 
	position: absolute;top: auto;
	bottom: 5px;  left: 50%;
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    -o-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px); }
    
.profile-con03txt .profile-img { max-width: 40% !important; }
.profile-con04txt { max-width: 50% !important;top: 35%; }
.profile-img { max-width: 60% }
.profile-logo { max-width: 40% }

.clogo-alone { height: 100px; line-height: 100px }

.contact-con01.area_45 { margin-left: 0 }

.honor-dl { margin-left: 0; padding-top: 20px; padding-bottom: 20px }
.honor-dl dt { width: 100%; margin-left: 0; padding-left: 0; padding-right: 0; padding-bottom: 10px }
.honor-dl dt.poabsolute-h50 { position: initial; 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) }
.honor-dl dt p.fontSize18 { width: 100% }
.honor-dl dt .line-dadada { width: 0 }

/*-------------------新闻-------------------*/
.news-title { height: 100px }

.news-titlelist { width: 100%; padding: 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.news-titlelist li { width: 25% }
.news-titlelist a { float: left; padding: 0; width: 100%; text-align: center; height: 50px; line-height: 50px; font-size: 18px }
.news-titlelist a .news-tline { margin-right: 0 }
.news-searchbox { width: 100%; margin-top: 7px; margin-left: 10% }
input.news-search { width: 85% }
input.news-search { height: 36px; line-height: 36px; font-size: 18px } 
.news-searchbox a.icon-searchbox { width: 36px; text-align: center; height: 36px; line-height: 36px }
.news-searchbox a.icon-searchbox .iconfont { font-size: 18px; line-height: 36px; color: #fff }

.news-list a { padding: 15px }

.newsd-con01 { margin-left: 0 }
.newsd-con01 dt { width:100%; margin-left: 0 }
.news-date { width:100%; padding-top: 0; padding-bottom: 0; background:transparent; color: #717171; text-align:left }
.news-day { display: inline-block; width:auto; font-size:14px }
.news-month { float: left; display: inline-block; width:auto; margin-top: 0; font-size:14px }
.nd-title, .cultured-title { font-size: 2rem }
.nd-conright img { max-width: 100%; width:100%; height: auto }

/*-------------------社会责任-------------------*/
.hp-txt { width: 100% }
.hp-con { height: auto }

.responsibility-img { padding: 15px 10px;box-sizing: border-box }
/*-------------------产业生态-------------------*/
.ecology-title { position: static; height: auto; top: 0%; margin-top: 0; background-size: 100% 100% }
.ecology-txt { width: 100% }

.ecology-con .container.poabsolute-w50 { height: auto; position: static; left: 0; margin-left: 4%; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) }
.ecology-linebox { width: 90%; left: 5%; height: auto; top: 0; margin-top: 60px; right: 30px }
.ecology-circle { width: 80px; text-align: center; height: 80px; padding-top: 20px; background: url(../images/ecology/ecology-circle.png) center center no-repeat; background-size: 100% 100%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out }

.ecology-circle01 { top: -40px; right: 28% }
.ecology-circle02 { width: 95px; height: 95px; padding-top: 25px; bottom: 20%; left: 42% }
.ecology-circle03 { top: 8%; right: -10px }
.ecology-circle04 { bottom: 12%; left: 20px }
.ecology-circle05 { top: 10px; left: -10% }
.ecology-circle06 { width: 95px; height: 95px; padding-top: 25px; top: 18%; left: 28% }
.ecology-circle07 { bottom: -30px; left: 42% }
.ecology-circle08 { bottom: 25%; right: -30px }
.ecology-circle02 h6, .ecology-circle06 h6 { font-size: 20px; line-height: 22px }

/*-------------------我们的业务-------------------*/
.bd-list .width25 { width: 50%; margin-left: -1px }

/*-------------------社会责任-------------------*/
.res-kv { background: url(../images/responsibility/mo_res-kv.jpg) center center no-repeat; background-size: cover }

/*-------------------企业文化-------------------*/
.culture-con01 { width: 80px; height: 80px; line-height: 80px }

.cul-kv { background: url(../images/culture/mo_cul-kv.jpg) center center no-repeat; background-size: cover }

.ce-dl { margin-left: 130px; padding-top: 20px; padding-bottom: 20px }
.ce-dl dt { width: 130px; margin-left: -130px; padding-left: 10px; padding-right: 10px }
.ce-dl dt .line-dadada { width: 30px }

/*-------------------人力资源-------------------*/
.manpower-kv { background: url(../images/manpower/mo_manpower-kv.jpg) center center no-repeat; background-size: cover }

.man-kv { background: url(../images/manpower/mo_man-kv.jpg) center center no-repeat; background-size: cover }

.manpower-mainbox .dot-9b9b9b { top: 255px }
.manpower-txt01 { top: 250px }
.manpower-txt02 { left: 0; top: 550px }
.manpower-con01, .manpower-con02 { padding-bottom: 80px }
.manpower-conbg01 { height: 220px; background: url(../images/manpower/manpower-img01.jpg) center center no-repeat; background-size: cover }
.manpower-conbg02 { height: 220px; background: url(../images/manpower/manpower-img02.jpg) center center no-repeat; background-size: cover }
.power-txt {line-height: 50px }
.power-txt img { height:50px } 

.social-box .row30 { margin-left: -15px; margin-right: -15px }
.social-box .width20.padding30 { width: 50%; padding: 30px 15px }
.social-con { padding-top: 20% }

.mlist-box { width: 100% }
.mlist-select { font-size: 18px; padding-right: 25px; background: url(../images/manpower/select-arrows.png) right 50% no-repeat; background-size: auto 50% }
input.mlist-search {  width: 65%; font-size: 18px }
.mlist-searchbox { width: 40% }

.mlist-con { height: auto }
.mlist-site { text-align: left }
/*-------------------兼容iphone5-------------------*/
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){
html { font-size:52% }

input.mlist-search { width: 80%; font-size: 18px }
.mlist-searchbox { width: 100% }

}