﻿/* CSS Document */

/*屏幕小于等于800*/
@media ( max-width:800px ) {
	
html { font-size:52% }

.mo_undis { display:none }

.mo_border-b1ABCBF1 { border-bottom:1px solid #ABCBF1; margin-bottom:2rem }

.mo_noborder { border:0 none }

.share, .share .bdsharebuttonbox { display:none }

.mo_smenu { font-size:1.8rem }

/*-------------------边框-------------------*/
.mo_border-b10f3f3f3 { border-bottom:1rem solid #f3f3f3 }



/*-------------------区块-------------------*/
.area_50, .area_90, .area_80, .area_75, .area_70, .area_66, .area_60, .area_55, .area_45, .area_40, .area_30, .area_33, .area_25, .area_20 { float:none; width:100%; padding-left:0; padding-right:0 }


/*-------------------通用头部-------------------*/ 
.headbox { width:100%; height:6rem; padding-top:0 }
.logo { width:12rem; height:auto; margin-top:1.5rem; margin-left:1rem }


/*-------------------首页css-------------------*/
.in-dl01 { height:4.8rem }
.in-dt02 { float:none; width:100% }
.in-dd02 { float:none; width:100%; margin-left:0 }
.in-irbox01 { height:13rem; border-bottom:1px solid #d4d9e0 }
.in-irbox02 {  height:4.8rem; border-bottom:1px solid #d4d9e0 }
.in-irimgbox { width:10rem; height:13rem; background:url(../images/in-irbg.png) center right no-repeat }
.in-irimg { display:block; float:left; width:9.4rem; height:13rem }
.in-irli01 { padding-top:2rem; padding-bottom:1rem }
.in-irli03 { padding-top:1.5rem; padding-bottom:1rem }


/*-------------------我们的公司css-------------------*/
.ain-box01 { height:32rem; background:url(../images/mo_ain-bg01.jpg) center bottom no-repeat; background-size:cover }
.ain-box02 { height:36rem; background:url(../images/mo_ain-bg02.jpg) center bottom no-repeat; background-size:cover }
.ain-box03 { height:30rem; background:url(../images/mo_ain-bg03.jpg) center bottom no-repeat; background-size:cover }

.about-con { padding-top:0; padding-bottom:2rem }

.profile-box01 { height:30rem; background:url(../images/mo_ain-bg01.jpg) right bottom no-repeat; background-size:auto 150% }

/*.profile-licon { margin-left:130px }
.profile-imgbox { float:left; width:110px; padding:2rem 20px 0 0; margin-left:-130px }
*/
.profile-morecon { display:block }

.culture-tit01, .culture-dlbox { padding-left:0 }
.culture-dlbox { border-left:0 none }
.culture-logo { margin-top:2rem; margin-bottom:2rem; max-width:40% }

.culture-box01 { height:36rem; background:url(../images/mo_culture-bg01.jpg) right center no-repeat; background-size:cover }

/*------瀑布流css开始------*/
#container { width:30rem }
.box { float:none; width:100%; padding:0; margin:0 }
.al-tit { width:100% }

.history-box01 { height:46rem }

.history-topbox { height:46rem; overflow:hidden }

.history-bg01 { width:100%; height:30rem; background:url(../images/mo_his-bg01.jpg) bottom center no-repeat; background-size:100% auto ; position:absolute; right:0; top:16rem; z-index:1000 }

.history-a01 { top:10rem; left:20px }
.history-a02 { top:23.5rem; left:5px }
.history-a03 { top:10rem; right:10px }
.history-a04 { top:13.5rem; right:5px }
.history-a05 { top:18.5rem; right:10px }

.history-con01 { height:12rem }

.history-tit01 { position:absolute; top:3rem; left:5%; display:block }
.history-tit01p { width:100%; margin-bottom:1rem }
.history-tit01 .marginleft10 { margin-left:0 }
.history-tit01 .marginleft20 { margin-left:1rem }

.history-con02 { border-left:2px solid #434e59; box-sizing:border-box; width:90%; margin-right:5% }

.his-time { position:absolute; top:0; left:-1.8rem }

.his-txt { width:95%; top:3rem; left:5% }

.mo_hisbottom { padding-bottom:5rem }

/*-------------------解决方案&产品css-------------------*/
.pin-box00 { width:100%; height:575px; background:url(../images/pin-bg00.jpg) left bottom no-repeat; background-size:auto 100% }
.pin-box01 { height:49rem; background:url(../images/mo_pin-bg01.jpg) center bottom no-repeat; background-size:cover }
.mo_pin-box01 { height:24rem }
.pin-box02 { height:34rem; background:url(../images/mo_pin-bg02.jpg) center top no-repeat; background-size:cover }
.pin-box03 { height:40rem; background:url(../images/mo_pin-bg03.jpg) right top no-repeat; background-size:cover }

.military-box01 { height:40rem; background:url(../images/mo_military-bg01.jpg) right top no-repeat; background-size:cover }
.military-box01 .paddingtop180 { padding-top:16rem!important }
.military-box01 .paddingleft120 { padding-left:6rem!important }

.grid-con01, .grid-con02, .grid-con03 { height:auto; padding-bottom:2rem }
.grid-con01 { background:#3b2f73 }
.grid-con03 { margin-top:-2.6rem }

.grid-row01c, .grid-row02c { float:none; width:90%; margin-left:5%; margin-right:5% }
.grid-li01 { float:none; width:100%; margin-left:0 }

.grid-tit, .grid-tittxt, .grid-tit00, .grid-tit00txt { height:3.2rem; line-height:2.6rem;  -webkit-transform: skew(0); -moz-transform: skew(0); -o-transform: skew(0); -ms-transform: skew(0); transform: skew(0); left:0; right:0; z-index:2 }
.grid-tittxt, .grid-tit00txt { margin-left:1rem }

.product-tit05 .grid-tit00txt { left:0; right:auto }

.mo_grid-tit { display:block; width:97%; padding-left:3%; font-size:1.5em; height:4rem; line-height:4rem; background:#301f5c; color:#fff }

.mo_grida { display:block; font-size:1.5em; line-height:1.4em; color:#fff }

.product-maintit, .product-maintit .area_45, .product-maintit .area_55, .product-maintit .area_20, .product-maintit .area_80 { height:3.2rem }

.pro-li { width:48% }

.case-details { height:auto }
.case-details .area_30 { padding-bottom:2rem }
.case-details .area_30 .margintop50 { margin-top:0 }

.in-gridtit01, .in-gridtit02  { float:none; width:70%; margin-top:0; margin-left:26% }
.in-gridtit01 { padding-top:6rem }
.in-gridtit02 { padding-top:3rem }

.mo_ei-tit { display:block; width:97%; padding-left:3%; font-size:1.5em; height:4rem; line-height:4rem; color:#fff }
.ei-con01 { width: 92%; margin-left: 4%; margin-right: 4%; margin-top: 0; padding-bottom: 20px }

/*-------------------新闻css-------------------*/
.news-box { height:auto; background:url(../images/news-bg.jpg) center top no-repeat; background-size:100% auto }
.news-titlist { height:70rem }
.news-main { height:auto; margin-top:0 }
.news-tabbox { float:none; width:100%; text-align:right; background:rgba(255,255,255,0) }
.news-tab { width:90%; font-size:1.8rem }
.news-con { float:none; width:100%; background:rgba(255,255,255,1) }

.news-details .area_30 { padding-bottom:2rem }
.news-details .area_30 .margintop50 { margin-top:0 }

.news-dtxt { float:none; width:90%; margin-left:5%; margin-right:5% }
.news-dtxt img { display:block; max-width:80%; margin-left:auto; margin-right:auto }

.arrows_newsbox { top:-3.4rem }


/*-------------------投资者关系css-------------------*/
.ir-topbox { height:260px }
.ir-tabbox { float:none; width:100%; height:auto; text-align:right; position:absolute; top:-260px; right:0 }
.ir-tab { width:90%; font-size:1.8rem }
.ir-tab li a { color:#fff }
.ir-con { float:none; width:100%; height:auto; min-height:0 }

.notice-main { height:auto }
.notice-con { height:auto; position:relative }
.notice-titbox, .download-titbox { height:6rem }
.notice-libox, .download-libox { height:7.5rem }
.notice-quotes { height:4rem; padding-top:2.5rem }

.financial-libox { width:100%; padding-left:0; height:auto; padding-bottom:2rem }
.financial-dt, .financial-dd { text-align:center }
.financial-dt img { margin-left:auto; margin-right:auto }
.financial-dd { padding-top:2%!important }

.irc-dt { width:22% }
.irc-dd { width:78% }
input.ir-input { width:90%; height:4rem; line-height:4rem }
.ir-textarea { width:90% }


/*-------------------人才招聘css-------------------*/
.recruit-box { height:auto; background:url(../images/recruit-bg.jpg) top center no-repeat; background-size:100% auto }

.recruit-main { height:auto; position:relative; top: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) }

.recruit-tabbox { float:none; width:100%; background:rgba(255,255,255,0); text-align:right }
.recruit-tab { width:90%; font-size:1.8rem }
.recruit-tab li a { color:#fff }
.recruit-con { float:none; width:90%; height:auto; padding-left:5%; padding-right:5%; background:rgba(72,91,117,1) } 

.recruit-tit { text-align:left; padding-bottom:2rem }
.recruit-titl { margin-left:0; padding-bottom:2rem }

.tc-btn { position:static!important; margin-top:2rem }
.tc-btn .button-l { width:100% }

.job-details { height:auto }
.job-txtbox { width:90%; padding-top:2rem; padding-bottom:2rem; height:auto }


.cam-con .menu_body { max-height:auto }
.cam-zwxq { width:100%; max-width:auto; height:auto }


.train-con { width:100%; height:20rem; position:relative; 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) }

/*-------------------人才招聘css-------------------*/
.service-box { height:auto; background:url(../images/service-bg.jpg) top left no-repeat; background-size:100% auto }

.service-con { float:none; width:100%; height:auto; padding-left:0; padding-right:0; background:rgba(101,121,148,1) } 
.service-txt01, .service-txt02, .service-txt03 { width:90%; padding-top:2rem; padding-bottom:2rem; padding-left:5%; padding-right:5% }
.service-con .area_33 { height:30rem }
.service-con .area_33 img { height:18rem; width:auto }

.service-htxt { width:90%; height:auto; padding:2rem 5%; position:static!important; border-top:1px solid #758295 }

.learn-topbox { height:220px }
.learn-tabbox { float:none; width:100%; height:auto; text-align:right; position:absolute; top:-220px; right:0 }
.learn-tab { width:90%; font-size:1.8rem }
.learn-tab li a { color:#fff }
.learn-con { float:none; width:100%; height:auto; min-height:0 }


.learn-libox { width:100%; padding-left:0; padding-right:0; padding-top:0; border-bottom:0; height: auto }
.learn-libox .area_50 { width:100%; padding-left:5%; padding-right:5%; padding-top:20px; padding-bottom: 20px; border-bottom:1px solid #717e91; height: auto }

}

