@media screen and (min-width: 1920px) {
	html { font-size: 100px; }
}

@media screen and (min-width: 1790px) and (max-width: 1919px) {
	html { font-size: 95px; }
}

@media screen and (min-width: 1680px) and (max-width: 1789px) {
	html { font-size: 90px; }
}

@media screen and (min-width: 1600px) and (max-width: 1679px) {
	html { font-size: 85px; }
}

@media screen and (min-width: 1400px) and (max-width: 1599px) {
	html { font-size: 80px; }
}

@media screen and (min-width: 1280px) and (max-width: 1399px) {
	html { font-size: 75px; }
}

@media screen and (min-width: 1200px) and (max-width: 1279px) {
	html { font-size: 70px; }
}

/*分页控件样式*/
.pages { height: 200px; line-height: 200px; text-align: center; background: #FFF; }
.pages a { display: inline-block; margin-right: 8px; width: 36px; height: 36px; line-height: 36px; vertical-align: middle; font-size: 16px; color: #666; background: #EEE; }
.pages a:hover { color: #FFF; background: #339966; }
.pages .previouspostslink, .pages .nextpostslink { width: 90px; font-size: 14px; }
.pages .current { display: inline-block; margin-right: 8px; width: 36px; height: 36px; line-height: 36px; vertical-align: middle; font-size: 16px; color: #FFF; background: #339966; }

/* 首页 */
.index img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.index #slider img { height: 100%; }

/* 新闻资讯 */
.index .fast-news { margin: 0.75rem auto 0; width: 65%; min-width: 1200px; }
.index .fast-news .news-box { float: left; width: 6.5rem; }
.index .fast-news .news-box .subject { vertical-align: bottom; font-size: 0.24rem; color: #666; }
.index .fast-news .news-box .subject span { color: #339966; }
.index .fast-news .news-box .title { margin: 0.20rem 0; font-size: 0.18rem; color: #333; }
.index .fast-news .news-box .img { float: left; width: 20%; height: 0.87rem; }
.index .fast-news .news-box .img img { width: 100%; height: 100%; }
.index .fast-news .news-box .summary { float: left; width: 70%; margin-left: 5%; padding-right: 5%; font-size: 0.16rem; color: #999; }
.index .fast-news .news-box .hyperlink { margin-top: 0.30rem; height: 0.72rem; line-height: 0.72rem; border-top: 1px solid #EEEDED; border-bottom: 1px solid #EEEDED; }
.index .fast-news .news-box .hyperlink a { display: inline-block; margin-right: 0.60rem; font-size: 0.16rem; color: #999; }
.index .fast-news .news-box .hyperlink a:hover { transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); }
.index .fast-news .map-box { float: right; width: 40%; height: 3rem; }
.index .fast-news .map-box .subject { vertical-align: bottom; text-align: center; font-size: 0.24rem; color: #666; }
.index .fast-news .map-box .subject span { color: #339966; }
.index .fast-news .map-box #map { width: 100%; height: 100%; background: #FFF; }

/* banner */
.index .banner { margin-top: 1.1rem; padding-top: 2.83rem; min-width: 1200px; height: 1.25rem; background: url(../images/bg-index-banner.jpg) no-repeat center; background-size: 100% 100%; }
.index .banner a { display: block; margin: 0 auto; width: 1.3rem; height: 0.47rem; line-height: 0.47rem; text-align: center; font-size: 0.16rem; color: #000; background: rgba(255, 255, 255, 0.8); border-radius: 2px; }
.index .banner a:hover { background: #FFF; }

/* 应用案例 */
.index .fast-case { padding: 0.60rem 0 0.85rem; background: #F8F7F7; min-width: 1200px; }
.index .fast-case .subject { text-align: center; font-size: 0.24rem; color: #333; }
.index .fast-case .subject span { color: #4A9276; }
.index .fast-case .list-box { margin: 0 auto; margin-top: 0.55rem; width: 9.44rem; }
.index .fast-case .list { margin-left: -0.53rem; }
.index .fast-case .list .item { float: left; margin-left: 1.06rem; width: 1.30rem; }
.index .fast-case .list .item .img { width: 1.30rem; height: 1.30rem; line-height: 1.30rem; text-align: center; background: #FFF; border-radius: 50%; }
.index .fast-case .list .item .img:hover { -moz-box-shadow: 0.05rem 0.05rem 0.20rem #BCBCBC; -webkit-box-shadow: 0.05rem 0.05rem 0.20rem #BCBCBC; box-shadow: 0.05rem 0.05rem 0.20rem #BCBCBC; }
.index .fast-case .list .item .img img { width: 40%; }
.index .fast-case .list .item .title { margin-top: 0.25rem; text-align: center; color: #363636; }

/* 合作伙伴 */
.fast-cooperation { padding: 0.70rem 0 1rem; text-align: center; min-width: 1200px; }
.fast-cooperation .subject { font-size: 0.24rem; color: #333; }
.fast-cooperation .list-box { margin-top: 0.50rem; }
.fast-cooperation .list-box .tempWrap { margin: 0 auto; }
.fast-cooperation .list-box .bd ul { overflow: hidden; zoom: 1; }
.fast-cooperation .list-box .bd ul li { margin: 0 0.15rem; float: left; _display: inline; overflow: hidden; text-align: center; }
.fast-cooperation .list-box .bd ul li .pic { text-align: center; width: 1.20rem; height: 0.90rem; line-height: 0.90rem; }
.fast-cooperation .list-box .bd ul li .pic img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }


/* 慧科技 - 发展战略 */
.strategy img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.strategy .banner img { width: 100%; }
.strategy .crumb { margin: 0.20rem auto 0; width: 65%; }
.strategy .crumb a:hover { color: #4A9276; }
.strategy .crumb .qfx-icon { vertical-align: top; font-size: 0.18rem; }
.strategy .subject { margin-top: 0.88rem; text-align: center; font-size: 0.24rem; color: #4A9276; }
.strategy .subject .zh { padding-bottom: 0.55rem; font-weight: bold; font-size: 0.24rem; color: #333; }
.strategy .list-box .list .item-first { height: 3.98rem; background: #EEE; }
.strategy .list-box .list .item-first .block { position: relative; margin: 0 auto; width: 65%; height: 100%; }
.strategy .list-box .list .item-first .img { position: absolute; left: 0; bottom: 0; width: 5.11rem; height: 4.62rem; }
.strategy .list-box .list .item-first .txt { margin-left: 5.83rem; padding-top: 1.20rem; font-size: 0.18rem; }
.strategy .list-box .list .item-first .txt .title { font-size: 0.2rem; color: #272725; }
.strategy .list-box .list .item-first .txt .summary {margin-top: 0.40rem; line-height: 170%; color: #656565; }
.strategy .list-box .list .item-second .txt { float: left; margin-left: 15%; width: 38%; }
.strategy .list-box .list .item-second .txt .title { margin-top: 1.08rem; font-size: 0.20rem; }
.strategy .list-box .list .item-second .txt .summary { margin-top: 0.20rem; line-height: 200%; font-size: 0.18rem; color: #666; }
.strategy .list-box .list .item-second .img { float: right; width: 36%; }
.strategy .list-box .list .item-third { background: #F0DDC5; }
.strategy .list-box .list .item-third .img { float: left; width: 47%; }
.strategy .list-box .list .item-third .txt { float: left; margin-left: 12%; width: 28%; }
.strategy .list-box .list .item-third .txt .title { margin-top: 1.08rem; font-size: 0.20rem; }
.strategy .list-box .list .item-third .txt .summary { margin-top: 0.20rem; line-height: 280%; font-size: 0.18rem; color: #666; }
.strategy .list-box .list .item-fourth { background: #EFEFEF; }
.strategy .list-box .list .item-fourth .txt { float: left; margin-left: 15%; width: 38%; }
.strategy .list-box .list .item-fourth .txt .title { margin-top: 1.08rem; font-size: 0.20rem; }
.strategy .list-box .list .item-fourth .txt .summary { margin-top: 0.20rem; line-height: 200%; font-size: 0.18rem; color: #666; }
.strategy .list-box .list .item-fourth .img { float: right; width: 36%; }

/* 慧科技 品牌溯源 */
.traceability img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.traceability .banner img { width: 100%; }
.traceability .crumb { margin: 0.20rem auto 0; width: 65%; }
.traceability .crumb a:hover { color: #4A9276; }
.traceability .crumb .qfx-icon { vertical-align: top; font-size: 0.18rem; }
.traceability .subject { margin-top: 0.88rem; text-align: center; font-size: 0.24rem; color: #4A9276; }
.traceability .subject .en{ font-size: 19px; font-weight: bold; color: #098f2f; }
.traceability .subject .zh { padding-bottom: 0.55rem; font-weight: bold; font-size: 0.35rem; color: #333; }
.traceability .list-box .list .item-first { padding: 1.80rem 0 1.45rem; background: url(../images/about_bg1.jpg); background-size: 100% 100%; }
.traceability .list-box .list .item-first .txt { float: left; margin-left: 10%; width: 80%; line-height: 250%; text-indent: 2em; font-size: 0.2rem; color: #333; }
.traceability .list-box .list .item-second { background: #B1D0EF; }
.traceability .list-box .list .item-second .img { float: left; width: 37.5%; }
.traceability .list-box .list .item-second .txt { float: left; margin-left: 6%; width: 41%; }
.traceability .list-box .list .item-second .txt .title { margin-top: 1.08rem; font-size: 0.2rem; }
.traceability .list-box .list .item-second .txt .summary { margin-top: 0.20rem; line-height: 200%; font-size: 0.18rem; color: #666; }
.traceability .list-box .list .item-third { background: #FAF6DF; }
.traceability .list-box .list .item-third .img { float: right; width: 37.5%; }
.traceability .list-box .list .item-third .txt { float: right; margin-right: 6%; width: 41%; }
.traceability .list-box .list .item-third .txt .title { margin-top: 1.08rem; font-size: 0.2rem; }
.traceability .list-box .list .item-third .txt .summary { margin-top: 0.20rem; line-height: 200%; font-size: 0.18rem; color: #666; }
.traceability .list-box .list .item-fourth { background: #EDEDED; }
.traceability .list-box .list .item-fourth .img { float: left; width: 37.5%; }
.traceability .list-box .list .item-fourth .txt { float: left; margin-left: 6%; width: 41%; }
.traceability .list-box .list .item-fourth .txt .title { margin-top: 1.08rem; font-size: 0.2rem; }
.traceability .list-box .list .item-fourth .txt .summary { margin-top: 0.20rem; line-height: 200%; font-size: 0.18rem; color: #666; }
.traceability .feature { padding: 0.7rem 0 0.6rem; background: url(../images/bg-traceability-feature.jpg) no-repeat center; background-size: 100% 100%; }
.traceability .feature .brand { float: left; margin-left: 0.11rem; width: 30.6%; text-align: center; background: rgba(255, 255, 255, 0.73); }
.traceability .feature .brand-position { margin-left: 0.68rem; }
.traceability .feature .brand .title { margin-top: 1.98rem; font-size: 0.2rem; color: #333; }
.traceability .feature .brand .icon { margin-top: 0.6rem; }
.traceability .feature .brand .icon .qfx-icon { font-size: 0.4rem; color: #666; }
.traceability .feature .brand .summary { margin: 0.75rem auto 0; width: 4rem; line-height: 150%; font-size: 0.24rem; color: #336599; }

/* 慧科技 大事记 */
.events img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.events .banner img { width: 100%; }
.events .crumb { margin: 0.20rem auto 0; width: 65%; }
.events .crumb a:hover { color: #4A9276; }
.events .crumb .qfx-icon { vertical-align: top; font-size: 0.18rem; }
.events .subject { margin-top: 0.88rem; text-align: center; font-size: 0.24rem; color: #4A9276; }
.events .subject .zh { padding-bottom: 0.55rem; font-weight: bold; font-size: 0.24rem; color: #333; }
.events .timeline { position: relative; margin: 0 auto; padding-top: 0.8rem; padding-bottom: 1.5rem; background: #F5F7F8; }
.events .timeline .block .line .qfx-icon { font-size: 0.4rem; color: #C9A95B; }
.events .timeline .block .line .vertical-line { margin-left: 0.2rem; margin-top: -3px; width: 1px; text-align: center; background: #C9C9C9; }
.events .timeline .block .list-box .year { font-size: 0.3rem; color: #C9A95B; }
.events .timeline .block .list-box .list .item { position: relative; margin-top: 0.15rem; font-size: 0.18rem; color: #656565; cursor: pointer; }
.events .timeline .block-even .list-box .list .item .img { position: absolute; left: 0; top: -2.4rem; width: 3.6rem; height: 2.4rem; }
.events .timeline .block-odd .list-box .list .item .img { position: absolute; right: 0; top: -2.4rem; width: 3.6rem; height: 2.4rem; }
.events .timeline .block-even { padding-left: 50%; }
.events .timeline .block-even .line { float: left; margin-left: -0.225rem; width: 0.45rem; height: 0.45rem; }
.events .timeline .block-even .list-box { float: left; margin-left: 0.35rem; width: 80%; text-align: left; }
.events .timeline .block-odd { padding-right: 50%; }
.events .timeline .block-odd .line { float: right; margin-right: -0.225rem; width: 0.45rem; height: 0.45rem; }
.events .timeline .block-odd .list-box { float: right; margin-right: 0.35rem; width: 80%; text-align: right; }
.events .timeline .show-more { position: absolute; left: 50%; bottom: 0.8rem; margin-left: -0.4rem; width: 0.8rem; height: 0.8rem; line-height: 0.8rem; text-align: center; background: #C9A95B; border-radius: 50%; cursor: pointer; }
.events .timeline .show-more .qfx-icon { font-size: 0.4rem; color: #FFF; }
.events .honer .subject { text-align: center; font-size: 0.24rem; color: #C9A95B; }
.events .honer .subject .icon { margin: 0 auto; margin-bottom: 0.1rem; width: 1.43rem; height: 1.43rem; line-height: 1.43rem; background: #F5F7F8; border-radius: 50%; }
.events .honer .subject .icon .qfx-icon { font-size: 0.7rem; color: #C9A95B; }
.events .honer .list-box { margin-top: 0.5rem; margin-bottom: 0.7rem; }
.events .honer .list-box .list .item {margin: 0 auto; margin-top: 0.12rem; padding: 0.4rem 1rem; width: 65%; line-height: 200%; font-size: 0.18rem; color: #333; background: #F1F4F5; }


/* 产品 产品价值 */
.worth { padding-bottom: 1.2rem; }
.worth img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.worth .banner img { width: 100%; }
.worth .crumb { margin: 0.20rem auto 0; width: 65%; }
.worth .crumb a:hover { color: #4A9276; }
.worth .crumb .qfx-icon { vertical-align: top; font-size: 0.18rem; }
.worth .subject { margin-top: 0.88rem; text-align: center; font-size: 0.24rem; color: #4A9276; }
.worth .subject .zh { padding-bottom: 0.55rem; font-weight: bold; font-size: 0.24rem; color: #333; }
.worth .slogan { margin-top: 1.7rem; height: 2.77rem; background: #EEE; }
.worth .slogan .block { position: relative; margin: 0 auto; width: 73.5%; height: 100%; }
.worth .slogan .img { position: absolute; left: 0; bottom: -0.38rem; width: 5.29rem; height: 3.63rem; }
.worth .slogan .txt { margin-left: 6.34rem; padding-top: 0.3rem; }
.worth .slogan .txt .title { font-size: 0.24rem; color: #999; }
.worth .slogan .txt .summary {margin-top: 0.40rem; line-height: 200%; font-size: 0.16rem; color: #999; }
.worth .list-box .name { padding: 0.3rem 0 0.5rem; text-align: center; font-size: 0.22rem; color: #5D5D5D; }
.worth .list-box .list .item { position: relative; float: left; margin: 0; padding: 0; width: 20%; }
.worth .list-box .list .item .img { width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; }
.worth .list-box .list .item .img img { vertical-align: middle; max-width: none; width: auto; height: 100%; }
.worth .list-box .list .item .title { position: absolute; left: 0; bottom: 0; width: 100%; height: 0.45rem; line-height: 0.45rem; text-align: center; font-size: 0.16rem; color: #141414; background: rgba(255, 255, 255, 0.7); }
.worth .list-box .list .item .summary { position: absolute; left: 0; bottom: 0; padding-top: 35%; width: 100%; height: 65%; text-align: center; vertical-align: middle; font-size: 0.18rem; color: #FFF; background: rgba( 181, 167, 153, 0.9); }


/* 产品 产品构成 */
.constitute { padding-bottom: 0.3rem; }
.constitute img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.constitute .banner img { width: 100%; }
.constitute .crumb { margin: 0.20rem auto 0; width: 65%; }
.constitute .crumb a:hover { color: #4A9276; }
.constitute .crumb .qfx-icon { vertical-align: top; font-size: 0.18rem; }
.constitute .subject { margin-top: 0.88rem; text-align: center; font-size: 0.24rem; color: #4A9276; }
.constitute .subject .zh { padding-bottom: 0.55rem; font-weight: bold; font-size: 0.24rem; color: #333; }
.constitute .slogan { margin-top: 1.7rem; height: 2.77rem; background: #EEE; }
.constitute .slogan .block { position: relative; margin: 0 auto; width: 73.5%; height: 100%; }
.constitute .slogan .img { position: absolute; left: 0; bottom: -0.38rem; width: 5.29rem; height: 3.63rem; }
.constitute .slogan .txt { margin-left: 6.34rem; padding-top: 0.3rem; }
.constitute .slogan .txt .title { font-size: 0.24rem; color: #999; }
.constitute .slogan .txt .summary {margin-top: 0.40rem; line-height: 200%; font-size: 0.16rem; color: #999; }
.constitute .hardware { background: #80A2A3; }
.constitute .hardware .cover { margin: 0 auto; padding-top: 1.05rem; width: 35%; min-width: 750px; }
.constitute .hardware .cover .txt { float: left; margin-top: 0.8rem; text-align: right; font-size: 0.26rem; color: #FFF; }
.constitute .hardware .cover .txt .zh { margin-top: 0.1rem; font-size: 0.28rem; }
.constitute .hardware .cover .img { float: right; }
.constitute .hardware .cover .img img { width: 3.82rem; height: 4.13rem; }
.constitute .hardware .list-box { min-width: 1200px; }
.constitute .hardware .list-box .list { margin-left: -0.1333%; }
.constitute .hardware .list-box .list .item { float: left; margin-left: 0.1%; padding: 0.95rem 0 0.45rem; width: 24.9%; text-align: center; background: #EFFAF6; }
.constitute .hardware .list-box .list .item .qfx-icon { font-size: 0.5rem; color: #666; }
.constitute .hardware .list-box .list .item .name { margin-top: 0.3rem; font-size: 0.2rem; color: #666; }
.constitute .software { background: #DBC9B3; }
.constitute .software .cover { margin-left: 12%; padding-top: 1.35rem; width: 40%; min-width: 960px; }
.constitute .software .cover .txt { float: right; margin-top: 0.8rem; text-align: right; font-size: 0.26rem; color: #FFF; }
.constitute .software .cover .txt .zh { margin-top: 0.1rem; font-size: 0.28rem; }
.constitute .software .cover .img { float: left; }
.constitute .software .cover .img img { width: 8rem; height: 3.75rem; }
.constitute .software .list-box { min-width: 1200px; }
.constitute .software .list-box .list { margin-left: -0.1%; }
.constitute .software .list-box .list .item { float: left; margin-left: 0.1%; padding: 0.95rem 0 0.45rem; width: 33.23%; text-align: center; background: #FCF9F5; }
.constitute .software .list-box .list .item .qfx-icon { font-size: 0.5rem; color: #666; }
.constitute .software .list-box .list .item .name { margin-top: 0.3rem; font-size: 0.2rem; color: #666; }

/* 服务 业务形态 */
.form { padding-bottom: 0.1rem; }
.form img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.form .banner img { width: 100%; }
.form .crumb { margin: 0.20rem auto 0; width: 65%; }
.form .crumb a:hover { color: #4A9276; }
.form .crumb .qfx-icon { vertical-align: top; font-size: 0.18rem; }
.form .subject { margin-top: 0.88rem; text-align: center; font-size: 0.24rem; color: #4A9276; }
.form .subject .zh { padding-bottom: 0.55rem; font-weight: bold; font-size: 0.24rem; color: #333; }
.form .family-box { padding: 1.3rem 0 1.5rem; background: #FEF6EE; }
.form .family-box .name { text-align: center; font-size: 0.24rem; color: #333; }
.form .family-box .summary { margin: 0.7rem 0 1.1rem; text-align: center; font-size: 0.18rem; color: #666; }
.form .family-box .list-box { position: relative; }
.form .list-box img { width: 2.8rem; height: 2.8rem; border-radius: 50%; }
.form .family-box .list-box .tempWrap { margin: 0 auto; }
.form .family-box .list-box .hd a { display: block; position: absolute; width: 0.4rem; height: 0.56rem; cursor: pointer; }
.form .family-box .list-box .hd a .qfx-icon { font-size: 0.6rem; color: #999; }
.form .family-box .list-box .hd .prev { left: 5%; top: 40%; }
.form .family-box .list-box .hd .next { right: 6%; top: 40%; }
.form .family-box .list-box .bd { margin: 0 auto; width: 90%; }
.form .family-box .list-box .bd ul { overflow: hidden; zoom: 1; }
.form .family-box .list-box .bd ul li { margin: 0 0.15rem; float: left; width: 20%; _display: inline; overflow: hidden; text-align: center; }
.form .family-box .list-box .bd ul li .pic { text-align: center; line-height: 0.90rem; }
.form .family-box .list-box .bd ul li .title { margin-top: 0.75rem; font-size: 0.2rem; color: #CC9966; }
.form .business-box { margin-top: 0.1rem; padding: 1.3rem 0 1.5rem; background: #E7F3F6; }
.form .business-box .name { text-align: center; font-size: 0.24rem; color: #333; }
.form .business-box .summary { margin: 0.7rem 0 1.1rem; text-align: center; font-size: 0.18rem; color: #666; }
.form .business-box .list-box { position: relative; }
.form .business-box .list-box .tempWrap { margin: 0 auto; }
.form .business-box .list-box .hd a { display: block; position: absolute; width: 0.4rem; height: 0.56rem; cursor: pointer; }
.form .business-box .list-box .hd a .qfx-icon { font-size: 0.6rem; color: #999; }
.form .business-box .list-box .hd .prev { left: 5%; top: 40%; }
.form .business-box .list-box .hd .next { right: 6%; top: 40%; }
.form .business-box .list-box .bd { margin: 0 auto; width: 90%; }
.form .business-box .list-box .bd ul { overflow: hidden; zoom: 1; }
.form .business-box .list-box .bd ul li { margin: 0 0.15rem; float: left; width: 20%; _display: inline; overflow: hidden; text-align: center; }
.form .business-box .list-box .bd ul li .pic { text-align: center; line-height: 0.90rem; }
.form .business-box .list-box .bd ul li .title { margin-top: 0.75rem; font-size: 0.2rem; color: #0699bd; }
.form .custom-box { margin-top: 0.1rem; padding: 1.3rem 0 1.5rem; background: #E6F5E7; }
.form .custom-box .name { text-align: center; font-size: 0.24rem; color: #333; }
.form .custom-box .summary { margin: 0.7rem 0 1.1rem; text-align: center; font-size: 0.18rem; color: #666; }
.form .custom-box .list-box { position: relative; }
.form .custom-box .list-box .tempWrap { margin: 0 auto; }
.form .custom-box .list-box .hd a { display: block; position: absolute; width: 0.4rem; height: 0.56rem; cursor: pointer; }
.form .custom-box .list-box .hd a .qfx-icon { font-size: 0.6rem; color: #999; }
.form .custom-box .list-box .hd .prev { left: 5%; top: 40%; }
.form .custom-box .list-box .hd .next { right: 6%; top: 40%; }
.form .custom-box .list-box .bd { margin: 0 auto; width: 90%; }
.form .custom-box .list-box .bd ul { overflow: hidden; zoom: 1; }
.form .custom-box .list-box .bd ul li { margin: 0 0.15rem; float: left; width: 20%; _display: inline; overflow: hidden; text-align: center; }
.form .custom-box .list-box .bd ul li .pic { text-align: center; line-height: 0.90rem; }
.form .custom-box .list-box .bd ul li .title { margin-top: 0.75rem; font-size: 0.2rem; color: #4B874F; }

/* 服务 全流程服务 */
.whole-process img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.whole-process .banner img { width: 100%; }
.whole-process .crumb { margin: 0.20rem auto 0; width: 65%; }
.whole-process .crumb a:hover { color: #4A9276; }
.whole-process .crumb .qfx-icon { vertical-align: top; font-size: 0.18rem; }
.whole-process .subject { margin-top: 0.88rem; text-align: center; font-size: 0.24rem; color: #4A9276; }
.whole-process .subject .zh { padding-bottom: 0.55rem; font-weight: bold; font-size: 0.24rem; color: #333; }
.whole-process .list-box .list .item-first { padding: 0.7rem 0 0.75rem; background: #FEF6EE; }
.whole-process .list-box .list .item-first .block { margin: 0 auto; width: 60%; }
.whole-process .list-box .list .item-first .block .img { float: left; width: 1.96rem; height: 1.77rem; }
.whole-process .list-box .list .item-first .block .txt { float: left; margin-left: 1.5rem; width: 60%; }
.whole-process .list-box .list .item-first .block .txt .title { font-size: 0.2rem; color: #656565; }
.whole-process .list-box .list .item-first .block .txt .summary { margin-top: 0.4rem; line-height: 170%; font-size: 0.18rem; color: #656565; }
.whole-process .list-box .list .item { margin: 0 auto; padding: 1.17rem 1.28rem; width: 60%; border-bottom: 2px solid #E9E8E8; }
.whole-process .list-box .list .item .img { float: left; width: 1.92rem; height: 1.92rem; line-height: 1.92rem; vertical-align: middle; text-align: center; background: #F3F3F3; border-radius: 50%; }
.whole-process .list-box .list .item .img .qfx-icon { vertical-align: middle; font-size: 1rem; }
.whole-process .list-box .list .item .txt { float: left; margin-left: 1.5rem; width: 60%; }
.whole-process .list-box .list .item .txt .title { font-size: 0.2rem; color: #333; }
.whole-process .list-box .list .item .txt .summary { margin-top: 0.35rem; line-height: 170%; font-size: 0.18rem; color: #656565; }
.whole-process .list-box .list .item-fourth { border-bottom: none; }

/* 应用案例 */
.application { background: #F4F4F4; }
.application img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.application .banner img { width: 100%; }
.application .crumb { margin: 0.20rem auto 0; width: 65%; }
.application .crumb a:hover { color: #4A9276; }
.application .crumb .qfx-icon { vertical-align: top; font-size: 0.18rem; }
.application .subject { margin-top: 0.88rem; text-align: center; font-size: 0.24rem; color: #4A9276; }
.application .subject .zh { padding-bottom: 0.55rem; font-weight: bold; font-size: 0.24rem; color: #333; }
.application .tabs { padding: 0.64rem 0 0.52rem; text-align: center; background: #4A9276; }
.application .tabs .tab { display: inline-block; margin-right: 0.2rem; width: 1.52rem; height: 0.36rem; line-height: 0.36rem; text-align: center; font-size: 0.16rem; color: #333; background: #FFF; border-radius: 5px; }
.application .tabs .tab.active { background: #ECE4BE; }
.application .tabs .tab:hover { background: #ECE4BE; }
.application .list-box { margin: 0 auto; margin-top: 0.2rem; width: 70%; min-width: 1200px; }
.application .list-box .img { width: 5.73rem; hegiht: 4.28rem; }
.application .list-box .img img { width: 100%; height: 100%; }
.application .list-box .item-even { margin-top: 0.1rem; background: #FFF; }
.application .list-box .item-even .img { float: left; width: 43%; }
.application .list-box .item-even .txt { float: left; margin-left: 0.8rem; width: 33.5%; }
.application .list-box .item-even .txt .title { margin-top: 0.55rem; font-size: 0.26rem; color: #656565; }
.application .list-box .item-even .txt .summary { margin-top: 0.6rem; line-height: 170%; font-size: 0.18rem; color: #656565; }
.application .list-box .item-odd { margin-top: 0.1rem; background: #FAF6E1; }
.application .list-box .item-odd .img { float: right; width: 43%; }
.application .list-box .item-odd .txt { float: right; margin-right: 0.8rem; width: 33.5%; text-align: right; }
.application .list-box .item-odd .txt .title { margin-top: 0.55rem; font-size: 0.26rem; color: #656565; }
.application .list-box .item-odd .txt .summary { margin-top: 0.6rem; line-height: 170%; font-size: 0.18rem; color: #656565; }
.application .qrcode { margin-top: 1rem; padding-top: 5%; background: #F4EACB; }
.application .qrcode .img { float: left; margin-left: 25%; width: 308px; }
.application .qrcode .txt { float: left; margin-left: 5%; margin-top: 8%; font-size: 0.26rem; }

/* 媒体中心 - 新闻咨询 */
.news img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.news .banner img { width: 100%; }
.news .crumb { margin: 0.20rem auto 0; }
.news .crumb a:hover { color: #4A9276; }
.news .crumb .qfx-icon { vertical-align: top; font-size: 0.18rem; }
.news .subject { margin-top: 0.88rem; text-align: center; font-size: 0.24rem; color: #4A9276; }
.news .subject .zh{ font-weight: normal; font-size: 0.30rem; color: #333; }
.news .list-box { background: #fff; }
.news .list-box .list { margin: 0 auto; padding: 0.25rem 0 1.05rem; width: 100%; }
.news .list-box .list .item { width: 100%; margin-top: 0.1rem; padding: 0.25rem; background: #FFF; overflow: hidden; *zoom:1; }
.news .list-box .list .item .img { float: left;}
.news .list-box .list .item .img img { width: 100%; -moz-transition:-moz-transform 0.8s; -webkit-transition:-webkit-transform 0.8s; -o-transition:-o-transform 0.8s; }
.news .list-box .list .item:hover img { transform:scale(1.15); -moz-transform:scale(1.15); -webkit-transform:scale(1.15); -o-transform:scale(1.15); }
.news .list-box .list .item .txt {  }
.news .list-box .list .item .txt .title { font-size: 0.24rem; color: #333; }
.news .list-box .list .item .txt .summary { margin-top: 0.20rem; line-height: 180%; color: #999; }
.news .list-box .list .item .day { display: block; margin-top: 0.09rem; font-size: 0.36rem; color: #999; text-align: right;  }
.news .list-box .list .item .more { display:block; font-size: 0.18rem; color: #999; margin-top: 15px; text-align: right; }

/* 产品中心 */
.products { padding-bottom: 0.55rem; }

.products .banner img { width: 100%; }
.products .list-box img { max-width: 100%; height: 200px; vertical-align: middle; }
.products .crumb { margin: 0.20rem auto 0; }
.products .crumb a:hover { color: #4A9276; }
.products .crumb .qfx-icon { vertical-align: top; font-size: 0.18rem; }
.products .subject { margin-top: 0.88rem; text-align: center; font-size: 0.24rem; color: #4A9276; }
.products .subject .zh { font-weight: normal; font-size: 0.30rem; color: #333; }
.tabs{ text-align: center; padding: 0.5rem 0; }
.tabs a{ border:1px #ccc solid; padding: 10px 30px; font-size: 0.22rem; color: #333; border-radius: 4px;}
.tabs a:hover, .tabs a.on{ background: #61B228; color: #fff; }

/* 媒体中心 自媒体 */
.self-media { padding-bottom: 1rem; background: #F4F4F4; }
.self-media img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.self-media .banner img { width: 100%; }
.self-media .crumb { margin: 0.20rem auto 0; width: 65%; }
.self-media .crumb a:hover { color: #4A9276; }
.self-media .crumb .qfx-icon { vertical-align: top; font-size: 0.18rem; }
.self-media .subject { margin-top: 0.88rem; text-align: center; font-size: 0.24rem; color: #4A9276; }
.self-media .subject .zh { padding-bottom: 0.55rem; font-weight: bold; font-size: 0.24rem; color: #333; }
.self-media .list-box { padding: 2rem 0 2.5rem; background: url(../images/bg-self-media-list.jpg) no-repeat center; }
.self-media .list-box .block { margin: 0 auto; margin-left: -0.2rem; width: ; }
.self-media .list-box .list { margin: 0 auto; width: 80%; }
.self-media .list-box .list .item { float: left; margin-left: 1%; width: 32%; background: #FFF; }
.self-media .list-box .list .item .title { height: 0.85rem; line-height: 0.85rem; text-align: center; font-size: 0.24rem; color: #FFF; }
.self-media .list-box .list .item-first .title { background: #4A9276; }
.self-media .list-box .list .item-second .title { background: #74734E; }
.self-media .list-box .list .item-third .title { background: #0F88EB; }
.self-media .list-box .list .img { margin-top: 0.35rem; text-align: center; }
.self-media .list-box .list .tips { margin-top: 0.4rem; text-align: center; font-size: 0.2rem; }
.self-media .list-box .list .item-first .tips { color: #4A9276; }
.self-media .list-box .list .item-second .tips { color: #74734E; }
.self-media .list-box .list .item-third .tips a { display: block; margin: 0 auto; width: 1.2rem; height: 0.4rem; line-height: 0.4rem; font-size: 0.15rem; color: #FFF; background: #0F88EB; border-radius: 5px; }
.self-media .list-box .list .item-third .tips a:hover { background: #1F99FC; }

/* 合作伙伴 */
.partners { background:; }
.partners img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.partners .banner img { width: 100%; }
.partners .crumb { margin: 0.20rem auto 0; width: 65%; }
.partners .crumb a:hover { color: #4A9276; }
.partners .crumb .qfx-icon { vertical-align: top; font-size: 0.18rem; }
.partners .subject { margin-top: 0.88rem; text-align: center; font-size: 0.24rem; color: #4A9276; }
.partners .subject .zh { padding-bottom: 0.55rem; font-weight: bold; font-size: 0.24rem; color: #333; }
.partners .list-box { padding: 0.65rem 0 1.4rem; background: #FBF9F5; }
.partners .list-box .name { text-align: center; font-size: 0.24rem; color: #333; }
.partners .list-box .block { margin: 0 auto; width: 84.5%; min-width: 1200px; }
.partners .list-box .block .list { margin-top: 0.3rem; }
.partners .list-box .block .list .item { float: left; margin-left: 1%; margin-top: 0.3rem; width: 19%; height: 100px; padding-top: 5px; text-align: center; background: #FFF; }
.partners .list-box .block .list .item img { max-width: 60%; height: auto; transition: all 0.4s; }
.partners .list-box .block .list .item:hover img{ transform: scale(1.1); }
.partners .supplier { margin-top: 0.3rem; }

/* 加入我们 企业价值 */
.values img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.values .banner img { width: 100%; }
.values .crumb { margin: 0.20rem auto 0; width: 65%; }
.values .crumb a:hover { color: #4A9276; }
.values .crumb .qfx-icon { vertical-align: top; font-size: 0.18rem; }
.values .subject { margin-top: 0.88rem; text-align: center; font-size: 0.24rem; color: #4A9276; }
.values .subject .zh { padding-bottom: 0.55rem; font-weight: bold; font-size: 0.24rem; color: #333; }
.values .item-fourth { padding: 2rem 0 1rem; min-height: 4rem; background: url(../images/bg-values-list-4.jpg) no-repeat center; background-size: 100% 100%; }
.values .item-fourth .img-list .icon { position: absolute; top: 0; left: 0; width: 100%; text-align: center; cursor: pointer; }
.values .item-fourth .img-list .icon .qfx-icon { font-size: 80px; color: #FFF; }

/* 加入我们 尚存席位 */
.position { padding-bottom: 2rem; }
.position img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.position .banner img { width: 100%; }
.position .crumb { margin: 0.20rem auto 0; width: 65%; }
.position .crumb a:hover { color: #4A9276; }
.position .crumb .qfx-icon { vertical-align: top; font-size: 0.18rem; }
.position .subject { margin-top: 0.88rem; text-align: center; font-size: 0.24rem; color: #4A9276; }
.position .subject .zh { padding-bottom: 0.55rem; font-weight: bold; font-size: 0.24rem; color: #333; }
.position .table { margin: 0 auto; width: 100%; }
.position .table thead tr td { position: relative; padding-bottom: 0.2rem; height: 1rem; vertical-align: bottom; font-size: 0.18rem; background: #FBF1E5; border: 1px solid #FFF; }
.position .table thead tr .td-first { padding-right: 0.6rem; }
.position .table thead tr .td-first .img { position: absolute; right: 50%; bottom: 0; width: 0.93rem; height: 1.76rem; z-index: 9; }
.position .table thead tr .td-last { padding-left: 1.6rem; }
.position .table thead tr .td-last .img { position: absolute; left: 50%; bottom: 0; width: 0.7rem; height: 1.25rem; z-index: 9; }
.position .table tbody tr td { height: 0.85rem; font-size: 0.16rem; color: #666; background: #F7F7F7; border: 1px solid #FFF; }
.position .table tbody tr .td-first { padding-right: 0.6rem; }
.position .table tbody tr .td-last .txt { margin-left: 0.8rem; width: 60%; }

.position .infos { text-align: center; margin-top: 0.4rem; font-size: 0.16rem; color: #666; }

/* 联系我们 各地公司 */
.subsidiary .banner img { width: 100%; }
.subsidiary .crumb { margin: 0.20rem auto 0; width: 65%; }
.subsidiary .crumb a:hover { color: #4A9276; }
.subsidiary .crumb .qfx-icon { vertical-align: top; font-size: 0.18rem; }
.subsidiary .subject { margin-top: 0.88rem; text-align: center; font-size: 0.24rem; color: #4A9276; }
.subsidiary .subject .zh { padding-bottom: 0.55rem; font-weight: bold; font-size: 0.24rem; color: #333; }
.subsidiary .map { position: relative; }
.subsidiary .map .list-box { position: absolute; right: 0; top: 0; bottom: 0; width: 3rem; text-align: center; background: #4A9276; }
.subsidiary .map .list-box .name { margin-top: 0.4rem; font-size: 0.16rem; color: #FFF; }
.subsidiary .map .list-box .line { margin: 0 auto; margin-top: 0.1rem; width: 0.4rem; height: 1px; background: #FFF; }
.subsidiary .map .list-box .list { margin-top: 0.3rem; }
.subsidiary .map .list-box .list .item { margin: 0 auto; margin-top: 0.3rem; width: 0.7rem; height: 0.25rem; line-height: 0.25rem; text-align: center; font-size: 0.12rem; color: #FFF; cursor: pointer; }
.subsidiary .map .list-box .list .item.active { color: #222121; background: #FAF5E5; border-radius: 2rem; }
.subsidiary .map .infos { margin-top: 0.3rem; padding-left: 0.5rem; text-align: left; font-size: 0.12rem; color: #FFF; }
.subsidiary .map .infos .tel { margin-top: 0.1rem; }

/* 联系我们 业务分布 */
.distributed { padding-bottom: 1rem; }
.distributed img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.distributed .banner img { width: 100%; }
.distributed .crumb { margin: 0.20rem auto 0; width: 65%; }
.distributed .crumb a:hover { color: #4A9276; }
.distributed .crumb .qfx-icon { vertical-align: top; font-size: 0.18rem; }
.distributed .subject { margin-top: 0.88rem; text-align: center; font-size: 0.24rem; color: #4A9276; }
.distributed .subject .zh { padding-bottom: 0.55rem; font-weight: bold; font-size: 0.24rem; color: #333; }
.distributed .slogan { text-align: center; }
.distributed .slogan img { width: 2.8rem; }
.distributed #map { margin: 0 auto; width: 40%; height: 400px; }

/* 文章详情 */
.post .detail { padding-bottom: 1rem; background: #F2F2F2; }
.post .detail img { max-width: 100%; height: auto; }
.post .detail .banner img { width: 100%; }
.post .detail .crumb { margin: 0.20rem auto 0; width: 100%; }
.post .detail .crumb a:hover { color: #4A9276; }
.post .detail .crumb .qfx-icon { vertical-align: top; font-size: 0.18rem; }
.post .detail .main { margin: 0 auto; margin-top: 1rem; padding-bottom: 0.5rem; width: 100%; background: #FFF; }
.post .detail .main .title { margin: 0 auto; width: 90%; padding-top: 0.8rem; text-align: center; font-size: 0.32rem; color: #333; }
.post .detail .main .time { margin: 0 auto; width: 90%; height: 0.6rem; line-height: 0.6rem; text-align: center; font-size: 0.18rem; color: #999; border-bottom: 1px solid #CCC; }
.post .detail .main .content { margin: 0 auto; margin-top: 0.4rem; width: 90%; line-height: 170%; text-indent: 2em; font-size: 16px; color: #666; }

.post .subject { margin-top: 0.88rem; text-align: center; font-size: 0.24rem; color: #4A9276; }
.post .subject .zh{ font-weight: normal; font-size: 0.30rem; color: #333; }
