/* CSS Document */

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

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

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

.team-list li, .team-list li.team-li01 { width: 50% }

.small_width92 { width: 92% }

}

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

/* 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_margintop10 { margin-top:10px }
.mo_margintop20 { margin-top:20px }
.mo_margintop30 { margin-top:30px }

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

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

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

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

.mo_paddingright0 { padding-right:0!important }
.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_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_dis { display: block }
.mo_undis, .gap30, .gap40 { display:none }

.mo_width60 { width: 60% }
.mo_width92 { width: 92% }

.negative-marginleft40, .negative-marginleft20 { margin-left: 0 }

.area_100, .area_90, .area_80, .area_75, .area_72, .area_70, .area_66, .area_60, .area_58, .area_55, .area_50, .area_45, .area_40, .area_35, .area_33, .area_30, .area_28, .area_25, .area_20, .area_16, .area_14 { float:none; width:100% }


.fontSize32 { font-size:2.4rem; line-height: 1em }
.fontSize30 { font-size:2.2rem; line-height: 1em }
.fontSize46 { font-size:2.6rem; line-height: 1em }

h1, .h1 { font-size: 3.4rem; line-height: 1.1em }
h2, .h2 { font-size: 3rem; line-height: 1.1em }
h3, .h3 { font-size: 2.6rem }
h4, .h4 { font-size: 2.2rem }
h5, .h5 { font-size: 1.8rem }
h6, .h6 { font-size: 1.6rem }

.mo_noborder { border: 0 none }

.cd-main-content { padding-top: 0 }
.headnav { margin-right: 50px }
.headbox { width:100%; margin: 0 auto; height:5em }
.headleft { height:5em }
.logo { margin-top:1.5em; margin-left: 1em }
.logo .logo-jc { height:2em }
.logo .logo-qc { height:1.4em; margin-top: 0.3em }

.footlink { float: none; margin-left: auto; margin-right: auto; text-align: center; line-height: 2em }
.copyright { float: none; text-align: center; padding-top: 1em; padding-bottom: 1em }

/*-------------------首页-------------------*/

.in-con01 { height:1640px }

.in-con01 .kwicks { width: 100%; height: 1640px }
.in-con01 .kwicks .kwicks-li { width: 100% ; height: 410px; overflow: visible }
.in-comarea { width: 100%; height: 300px; padding-top: 110px }
.in-comarea .inkwicks-bg { height: 300px; -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0) }

.inkwicks-comcon, .inkwicks-comtxt, .inkwicks-line01, .inkwicks-line02 { transition: all ease-out 0; -webkit-transition: all ease-out 0; -moz-transition: all ease-out 0; -o-transition: all ease-out 0; transition-delay: 0; -moz-transition-delay: 0; -webkit-transition-delay: 0; -o-transition-delay: 0 }

.inkwicks-comcon { background: #fff }
.inkwicks-comcon, .inkwicks-comcon:hover { height: 110px; top: 0; filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }
.inkwicks-line01, .inkwicks-comcon:hover .inkwicks-line01 { display: none; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }
.inkwicks-line02, .inkwicks-comcon:hover .inkwicks-line02 { display: none; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }
.inkwicks-comtxt, .inkwicks-comcon:hover .inkwicks-comtxt { width: 100%; height: 100%; top: 20px; left: 0; margin-top: 0; margin-left: 0; padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align: left; filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }
.inkwicks-comtxt h3 { color: #000 }
.inkwicks-comtxt ul { display: none; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }
.inkwicks-comtxt a.button { margin-top: 10px!important; padding:0!important; background: transparent }
.inkwicks-comtxt a.button h4, .inkwicks-comtxt a.button i.iconfont { color: #0464c2!important; font-size: 14px!important }

.inkwicks-label, .in-comarea:hover .inkwicks-label { display: none; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }

/*-------------------------------------*/
.caselist .wrapper { margin-left: 4%; margin-right: 4% }
.caseitem { margin-right: 0; margin-bottom: 70px; width: 100% }
.caseitem img, .cslist-box .col1 img { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0) }
.case_infotxt, .caseitem a:hover .case_infotxt { height: 56px; bottom: -56px }
.case_infotxt p.title, .caseitem a:hover .case_infotxt p.title { margin-top: 10px; color: #000; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.case_infotxt p.line, .caseitem a:hover .case_infotxt p.line, .case_infotxt p.subtitle, .caseitem a:hover .case_infotxt p.subtitle { margin-top: 10px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }

.cs-navbox { width: 92% }

/*-------------------瀑布流css开始-------------------*/
#container { width: 92%; margin: 0 auto }
.cslist-box { float: none; width: 100%; margin: 0 auto; left: 0!important }
.cslist-block01 { background: rgba(0,0,0,0.6) }
.cslist-txt { width: 200px }
/*-------------------瀑布流css end-------------------*/

.cd-con01 { min-height: auto }

.media-popbox { width: 300px; height: 240px; overflow:hidden }

/*------------------服务-------------------*/
.servicelist .wrapper { margin-left: 4%; margin-right: 4% }
.serviceitem { margin-right: 0; margin-bottom: 70px; width: 100% }
.serviceitem a:hover .service_shade { background: rgba(0,0,0,0.6); background: #000\9; }
.serviceitem a:hover .service_shade .iconfont { top:50%; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
.serviceitem a:hover .service_infotxt { height: 70px; bottom: -70px }
.service_info p.title, .serviceitem a:hover .service_info p.title { margin-top: 10px; color: #000; font-size: 18px; transition-delay: .1s; -moz-transition-delay: .1s; -webkit-transition-delay: .1s; -o-transition-delay: .1s }

.service-caselist .wrapper { margin-left: 20px; margin-right: 20px }
.service-caselist .caseitem { margin-left: 0; margin-right: 0; width: 100% }


/*------------------新闻-------------------*/
.news-shadebox { height: 100%; bottom:auto; top: 80%; }
a:hover .news-shadebox { bottom:auto; top: 0 }
.news-shadetxt { width: 92%; left: 4% }

.news-navlist a { margin-right: 20px }

.newslist { margin-left: 0; margin-right: 0 }
.newslist-date { width: 100%; padding-right: 0; margin-left: 0 }
.newslist-date .icon-xian { margin-top: -15px }
.newslist-txt { width: 100% }
.newslist-img { width: 100%; padding-left: 0; margin-right: 0; margin-top: 20px; margin-bottom: 20px }

.nhlist { margin-left: 0 }
.nhlist-img { width: 100%; padding-right: 0; margin-left: 0; margin-bottom: 20px }
.nhlist-txt .icon-xianbox { margin-bottom: 10px }

.return-txt { margin-left: 32px; margin-top: 0 }

.nd-con img { display: block; max-width: 100% } 

.nhlist { margin-left: 4%; margin-right: 4% }
.nhitem { margin-right: 0; width: 100% }
.nhitem .nhitem-img img { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0) }
.nhitem:hover .nhitem-img img {	-webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
.nhitem-txt, .nhitem:hover .nhitem-txt { filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; bottom: 0 }

.nhlist-box { float: none; width: 100%; margin: 0 auto; left: 0!important }
.nhlist-box img, .nhlist-box:hover img { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0) }

/*------------------创新-------------------*/
.inn-comtxt-title { margin-top: 20px }
.inn-comcon:hover .mo_innmore, .mo_innmore:hover { display: none }

.achievementlist .wrapper { margin-left: 4%; margin-right: 4% }
a.achievement-con { margin-right: 0; width: 100%; float: none }

.particles-box { height: 980px }

.p-circle01 { width: 180px; height: 180px; padding-top: 60px; top: 18%; left: auto; right: 4% }
.p-circle02 { width: 135px; height: 135px; padding-top: 40px; bottom: 14%; left: auto; right: 12% }
.p-circle03 { width: 140px; height: 140px; padding-top: 40px; top: 2%; left: 40% }
.p-circle04 { width: 130px; height: 130px; padding-top: 38px; top: 18%; right: 4% }
.p-circle05 { width: 160px; height: 160px; padding-top: 50px; bottom: 4%; right: 45% }
.p-circle06 { width: 200px; height: 200px; padding-top: 70px; top: auto; bottom: 22%; right: auto; left: 6%; }
.p-circle07 { width: 160px; height: 160px; padding-top: 50px; top: 26%; left: 6% }
.p-circle08 { width: 220px; height: 220px; padding-top: 85px; top: 38%; left: auto; right: 6% }

/*------------------关于-------------------*/
.culture-txt { height: auto }
.team-list li, .team-list li.team-li01 { width: 100% }

.chart-con { width: 33.33%; margin-top: 20px }
.chart-con02 { margin-left: 33.33%; margin-right: auto }
.chart-title { font-size: 18px }
.chart-list { padding: 10px }

.recruit-list i.icon-rightarrow { line-height: 50px }

.map-list { width: 33.33%; height: 200px }

.manpower-con:hover .manpower-border { border:0 none }
.manpower-title { top: 20% }


.manpower-ewm { width: 200%; max-width: auto; margin: 20px -50% 0 }
.wall-column {
    position: relative;
    width: 100%;
    float: left;
    padding: 0 0;
    box-sizing: border-box;
}
}


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