/* 网站公用样式 --> 头部header */

.header { position: fixed; z-index: 99; top: 0; left: 0; width: 100%; height: 1.2rem; background-color: #fff; }

.header::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background-color: #eee; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }

.header .logo { float: left; max-width: 60%; height: 100%; padding: 0 0.32rem; line-height: 1.2rem; position: relative; z-index: 2; }

.header .logo img { width: auto; height: 0.654rem; display: inline-block; vertical-align: middle; }

.header .menu { float: right; width: 1.28rem; height: 1.2rem; border: none; padding: 0.32rem; background-color: transparent; position: relative; z-index: 2; }

.header .menu .ico-bar { display: block; height: 0.08rem; width: 0.64rem; position: relative; border-radius: 0.08rem; background-color: #ed1f24; }

.header .menu .ico-bar::after, .header .menu .ico-bar::before { content: ""; display: block; width: 0.64rem; height: 0.08rem; border-radius: 0.08rem; background-color: #ed1f24; }

.header .menu .ico-bar::after { -webkit-transform: translateY(0.16rem); transform: translateY(0.16rem); }

.header .menu .ico-bar::before { -webkit-transform: translateY(-0.24rem); transform: translateY(-0.24rem); }



/* 网站公用样式 --> 底部footer */

.footer { text-align: center; padding: 0.44rem 0.266667rem; background-color: #005475;color: #fff; font-size: 0.32rem; line-height: 0.56rem; }

.footer a { color: #fff; margin-right: 0.24rem; }



/* 网站公用样式 --> 侧边导航drawer */

.drawer { position: fixed; z-index: 999; top: 0; right: 100%; width: 100%; height: 100%; background-color: #fff; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; }

.drawer.active { -webkit-transform: translate(100%, 0); transform: translate(100%, 0); }

.drawer-head { position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 1.44rem; background-color: #005475; }

.drawer-head .close { position: absolute; z-index: 6; top: 0; right: 0; width: 1.2rem; height: 1.44rem; padding: 0.44rem 0.32rem; line-height: 0.56rem; text-align: right; }

.drawer-head .close::before { content: "\e86f"; color: #fff; opacity: 0.8; font-family: "iconfont"; font-size: 0.5334rem; }

.drawer-head .title { color: #fff; height: 1.44rem; margin: 0 1.44rem; font-size: 0.48rem; text-align: center; line-height: 1.44rem; }

.drawer-body { width: 100%; height: 100%; overflow: hidden; padding-top: 1.44rem; padding-bottom: 0.64rem; }

.drawer-list { height: 100%; }

.drawer-list li { width: 100%; height: auto; position: relative; overflow: hidden; background-color: #fff; }

.drawer-list li .tap { height: 1.44rem; color: #4b4b4b; padding: 0.4rem; font-size: 0.4rem; line-height: 0.66rem; }

.drawer-list li::after { content: ""; position: absolute; left: 0.4rem; right: 0; bottom: 0; height: 1px; background-color: #efeff4; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }

.drawer-list li::before { content: "\e65f"; position: absolute; top: 0.4rem; right: 0.32rem; color: #a9a9a9; font-size: 0.4rem; height: 0.56rem; line-height: 0.56rem; font-weight: normal; font-family: 'iconfont'; transition: 0.3s linear; transform-origin: 50% 50%; }

.drawer-drop { height: 0; overflow: hidden; position: relative; background-color: #efeff4; transition: 0.3s linear; transform-origin: 0 0; transform: scaleY(0); }

.drawer-drop .sub { display: block; color: #4b4b4b; position: relative; padding: 0 0.64rem; font-size: 0.34667rem; line-height: 1.04rem; }

.drawer-drop .sub::after { content: ""; position: absolute; left: 0.64rem; right: 0; bottom: 0; height: 1px; background-color: #efeff4; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }

.drawer-list li.down::before { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.drawer-list li.down .tap { margin-right: 1.04rem; }

.drawer-list li.fold .drawer-drop { -webkit-transform: scaleY(1); transform: scaleY(1); }

.drawer-list li.down.fold::before { -webkit-transform: rotate(270deg); transform: rotate(270deg); }

.drawer-list li.active .tap { color: #ed1f24; }





/* 网站公用样式 --> 底部导航 tabbar */

.tabbar { position: fixed; z-index: 99; display: table; left: 0; bottom: 0; width: 100%; border: none; height: 1.36rem; table-layout: fixed; background-color: #1e283a; -webkit-box-shadow: 0 0 0.4rem rgba(0, 0, 0, .1); box-shadow: 0 0 0.2667rem rgba(0, 0, 0, .1); }

.tabbar-item { width: 33.33334%; height: 100%; text-align: center; display: table-cell; vertical-align: middle; position: relative; }

.tabbar-item .ico { width: 0.84rem; margin: 0 auto; height: 0.84rem; display: inline-block; vertical-align: middle; background: url(../images/tabico.png) no-repeat left top/ auto 100%; }

.tabbar-item .name { color: #fff; font-size: 0.32rem; margin-left: 0.16rem; display: inline-block; vertical-align: middle; }

.tabbar-item::after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 1px; background: #fff; opacity: 0.3; }

.tabbar-item .ico-tab1 { background-position: left top; }

.tabbar-item .ico-tab2 { background-position: center top; }

.tabbar-item .ico-tab3 { background-position: right top; }

.tabbar-item:first-child::after { display: none; }



/* 网站版块标题 --> title */

.headline { text-align: center; padding: 0.48rem 0; }

.headline .en { display: block; color: #005475; line-height: 1.2; font-size: 0.48rem; text-transform: uppercase; }

.headline .cn { display: block; color: #333; font-size: 0.4rem; line-height: 0.48rem; }

.headline .cn::after, .headline .cn::before { content: ""; height: 1px; width: 0.853334rem; margin: 0 0.24rem; display: inline-block; vertical-align: middle; background-color: #9c9c9c; }



/* 网站主要内容 --> content */

.content { padding-top: 1.2rem; padding-bottom: 1.36rem; background-color: #fff; }



/* 网站首页样式 --> 产品 product */

.product-list { padding: 0 0.133334rem; margin-bottom: 0.32rem; }

.product-item { padding: 0 0.133334rem; margin-bottom: 0.266667rem; }

.product-item .tap { display: block; position: relative; }

.product-item .imge { width: 100%; height: 0; overflow: hidden; position: relative; }

.product-item .imge img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.product-item .text { position: absolute; left: 0; right: 0; bottom: 0; padding: 0.2rem 0.24rem; background: -webkit-linear-gradient(top, rgba(61, 74, 97, 0), rgba(61, 74, 97, 0.55)); background: linear-gradient(top, rgba(61, 74, 97, 0), rgba(61, 74, 97, 0.55)); }

.product-item .name { color: #fff; line-height: 1.2; font-size: 0.4rem; }

.product-item .desc { color: #eee; line-height: 1.2; font-size: 0.32rem; }

.product-item.col-6 .imge { padding-bottom: 76.23188%; }

.product-item.col-12 .imge { padding-bottom: 52.80281%; }

/*.product-item:first-child .text { background: rgba(0, 76, 106, 0.85); }*/

.product { padding: 0.64rem 0; }

.product .product-list { margin-bottom: 0; }

.product .product-item .text { position: static; background: #fff; border: 1px solid #e4e4e4; border-width: 0 1px 1px; }

.product .product-item .name { color: #333; line-height: 1.5; }

.product .product-item .desc { color: #888; line-height: 1.5; }

.product .product-item:first-child .text { background: #fff; }



/* 网站首页样式 --> 介绍 about */

.about { padding: 0 0.266667rem; }

.about-imge { line-height: 1; margin-bottom: 0.266667rem; }

.about-imge img { width: 100%; }

.about-text { padding-bottom: 0.24rem;color: #666; line-height: 1.8; font-size: 0.346667rem; text-indent: 2em; text-align: justify; margin-bottom: 0.2rem;  }




/* 网站首页样式 --> 领域 field */

.field { background: #005475; margin-bottom: 0.32rem; }

.field-list { padding: 0 0.133334rem 0.32rem; }

.field-item { padding: 0 0.133334rem; margin-bottom: 0.266667rem; }

.field-item a { display: block; padding-bottom: 60%; position: relative; }

.field-item img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.field .headline .en { color: #fff; }

.field .headline .cn { color: #fff; }

.field .headline .cn::after, .field .headline .cn::before { background-color: #fff; }



/* 网站首页样式 --> 新闻 news */

.news { padding: 0 0.266667rem; margin-bottom: 0.32rem; }

.news-card { display: block; position: relative; }

.news-card .imge { width: 100%; padding-bottom: 66.66666%; position: relative; }

.news-card .imge img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.news-card .text { position: absolute; left: 0; right: 0; bottom: 0; height: 1.12rem; padding: 0.32rem 0.32rem; padding-right: 2.56rem; background-color: rgba(49, 52, 55, 0.8); }

.news-card .titl { color: #fff; font-size: 0.373334rem; line-height: 0.48rem; }

.news-card .time { position: absolute; top: 0; right: 0; height: 100%; color: #e4e4e4; font-size: 0.32rem; padding: 0 0.32rem; line-height: 1.12rem; background-color: #005475; }

.news-list { padding-bottom: 0.32rem; }

.news-item { height: 1.12rem; font-size: 0.346667rem; position: relative; }

.news-item a { color: #333; display: block; line-height: 1.12rem; padding-left: 0.32rem; padding-right: 0.48rem; position: relative; }

.news-item::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; border-top: 1px dashed #e4e4e4; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }

.news-item a::before { content: ""; position: absolute; top: 50%; left: 0; width: 0.133334rem; height: 0.133334rem; border-radius: 50%; margin-top: -0.066666rem; background-color: #005475; }

.news-item a::after { content: "\e65f"; position: absolute; top: 50%; right: 0; color: #999; width: 0.4rem; height: 0.4rem; font-size: 0.32rem; text-align: center; line-height: 0.4rem; margin-top: -0.2rem; font-family: 'iconfont'; }



/* 网站内页样式 --> banner topbar */

.ibanner { padding-bottom: 50%; position: relative; overflow: hidden; }

.ibanner img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.column { min-height: 7.63rem; background-color: #f7f7f7; }



/* more */

.ibtn-wrap { text-align: center; margin-top: 0.213334rem; margin-bottom: 0.64rem; }

.ibtn-wrap .ibtn { height: 0.88rem; line-height: 0.853334rem; padding: 0 0.64rem; }



/* */

.topbar { height: 1.12rem; background-color: #fff; padding-bottom: 1px; }

.topbar .swiper-wrapper { border-bottom: 1px solid #efeff4; }

.topbar .swiper-slide { width: auto; height: 1.12rem; cursor: pointer; padding: 0 0.32rem; line-height: 1.12rem; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-sizing: border-box; box-sizing: border-box; }

.topbar .swiper-slide a { color: #666; font-size: 0.3734rem; }

.topbar .swiper-slide::after { content: ""; position: absolute; z-index: 2; left: 0.32rem; right: 0.32rem; bottom: 0; height: 2px; background-color: transparent; }

.topbar .swiper-slide.active a { color: #005475; }

.topbar .swiper-slide.active::after { background-color: #005475; }



/* 网站内页样式 --> switch */

.switch { display: table; width: 100%; table-layout: fixed; background-color: #fff; }

.switch-item { display: table-cell; color: #666; height: 1.12rem; width: 25%; line-height: 1.12rem; text-align: center; font-size: 0.34667rem; position: relative; }

.switch-item::after { content: ""; position: absolute; top: 0.32rem; left: 0; bottom: 0.32rem; width: 1px; background-color: #e4e4e4; -webkit-transform: scale(0.5, 1); transform: scale(0.5, 1); }

.switch-item::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background-color: #e4e4e4; -webkit-transform: scale(1, 0.5); transform: scale(1, 0.5); }

.switch-item:first-child::after { width: 0; }

.switch-item.active { color: #005475; }

.switch-item.active::before { background-color: #005475; }



/* 网站内页样式 --> 关于我们 course */

.intro { padding: 0.4rem 0.32rem; }



/* 网站内页样式 --> 关于我们 course */

.route-list { position: relative; padding-top: 0.24rem; padding-bottom: 0.72rem; }

.route-item { position: relative; margin-left: 1.92rem; padding-left: 0.64rem; }

.route-item .date { position: absolute; top: 0; color: #888; left: -1.92rem; width: 1.92rem; height: 0.8rem; font-size: 0.4rem; font-weight: bold; line-height: 0.8rem; }

.route-item .date::before { content: ""; position: absolute; z-index: 1; top: 0; width: 1px; right: -1px; height: 0.16rem; background-color: #bbb; }

.route-item .date::after { content: "\e62d"; position: absolute; z-index: 3; top: 50%; right: -8px; color: #bbb; width: 0.4rem; height: 0.4rem; font-size: 0.4rem; text-align: center; line-height: 0.4rem; font-weight: normal; font-family: "iconfont"; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.route-item .text { color: #666; font-size: 0.373334rem; line-height: 0.56rem; padding-top: 0.12rem; padding-bottom: 0.24rem; }

.route-item .text::after { content: ""; position: absolute; z-index: 1; left: 0; bottom: 0; width: 1px; top: 0.64rem; background-color: #bbb; }

.route-item .tap { width: 50%; }

.route-item .name { color: #333; font-size: 0.373334rem; text-align: justify; margin-bottom: 0.16rem; font-weight: normal; }

.route-item .desc { color: #666; font-size: 0.32rem; font-weight: normal; line-height: 0.56rem; margin-bottom: 0.16rem; }

.route-item:first-child .date::before { background-color: #005475; }

.route-item:first-child .date::after { color: #005475; font-weight: bold; }

.route-item:first-child .date { color: #005475; }

.route-item:first-child .name { color: #005475; font-size: 0.373334rem; }



/* 网站内页样式 --> 关于我们 honor */

.honor-swiper { padding-bottom: 0.64rem; }

.honor-swiper .swiper-wrapper { padding: 0.24rem 0; }

.honor-swiper .swiper-slide { width: 60%; border: 1px solid #efeff4; -webkit-box-shadow: 0 0 0.24rem rgba(0, 0, 0, 0.1); box-shadow: 0 0 0.24rem rgba(0, 0, 0, 0.1); }

.honor-swiper .swiper-pagination { bottom: 0; }

.honor-swiper .swiper-pagination-bullet { background-color: #9b9b9b; }

.honor-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #d82428; }



/* 网站内页样式 --> 关于我们 video */

.video-card { padding-top: 0.08rem; }

.video-card .video { display: block; width: 100%; }

.video-card .motto { text-align: center; padding-top: 0.48rem; }

.video-card .motto h3 { line-height: 2; color: #005475; font-size: 0.48rem; font-weight: bold; }

.video-card .motto h3::after { content: ""; display: block; width: 0.64rem; height: 2px; margin: 0.08rem auto 0.32rem; background-color: #005475; }

.video-card .motto p { color: #666; line-height: 2; font-size: 0.373334rem; }



/* 产品中心 */

.product-title { text-align: left; margin-bottom: 0.48rem; }

.product-title .cn { display: block; color: #005475; line-height: 1.5; font-size: 0.48rem; text-transform: uppercase; }

.product-title .en { display: block; color: #888; font-size: 0.32rem; line-height: 0.4rem; }

.preview { margin-top: 0.24rem; }

.preview-titl { color: #005475; line-height: 1.5; font-size: 0.48rem; padding: 0.24rem 0.266667rem; position: relative; }

.preview-titl span { padding-right: 0.32rem; background-color: #f7f7f7; position: relative; z-index: 2; }

.preview-titl small { color: #666; font-size: 0.32rem; line-height: 1.25; margin-left: 0.24rem; display: inline-block; vertical-align: middle; }

.preview-titl::after { content: ""; position: absolute; right: 0; top: 0.6rem; left: 3.6rem; height: 1px; background-color: #e4e4e4; }

.preview-list { padding: 0 0.133334rem 0.24rem; }

.preview-list li { padding: 0 0.133334rem 0.266667rem; }

.preview-list li a { display: block; padding-bottom: 72.695036%; position: relative; } 

.preview-list li img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.preview-list .name { color: #333; font-size: 0.32rem; line-height: 2.5; }



/* 网站内页样式 --> 新闻列表 news list */

.media-view { background-color: #fff; }

.media-cell { position: relative; }

.media-cell::after { content: ""; position: absolute; top: 0; left: 0.266667rem; right: 0; border-top: 1px solid #e4e4e4; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }

.media-cell .tap { padding: 0.4rem 0.266667rem; align-items: flex-start; }

.media-cell .imge { height: 0; width: 34.507042%; padding-bottom: 23.098592%; -webkit-flex-shrink: 0; flex-shrink: 0; }

.media-cell .text { width: 100%; padding-left: 0.32rem; }

.media-cell .name { color: #333; font-size: 0.373334rem; line-height: 0.56rem; margin-bottom: 0.56rem; }

.media-cell .info { display: block; color: #a9a9a9; height: 0.48rem; line-height: 0.48rem; }

.media-cell .info em { float: left; font-size: 0.32rem; }

.media-cell .info .line { float: left; width: 1px; height: 0.32rem; margin: 0.08rem 0.24rem; background-color: #dbdbdb; }



/* 网站内页样式 --> 新闻列表 news detail */

.article { /*min-height: 16.5rem;*/ background-color: #fff; padding: 0.64rem 0.32rem; }

.article p,.text_p { color: #666; line-height: 0.64rem; font-size: 0.37334rem; text-align: justify; margin-bottom: 0.32rem; }

.article h1 { color: #333; line-height: 1.6; text-align: center; font-size: 0.44rem; margin: 0.32rem 0 0.16rem; }

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

.article .text { margin-top: 0.48rem; }

.article .info { display: -webkit-flex; display: flex; color: #b2b2b2; font-size: 0.34667rem; margin-bottom: 0.64rem; padding-bottom: 0.16rem; border-bottom: 1px solid #efeff4; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }

.article .info em { color: #dbdbdb; margin: 0 0.32rem; font-size: 0.32remx; }

.article .link { margin-top: 0.64rem; padding-top: 0.56rem; border-top: 1px solid #efeff4; }

.article .link .tap { color: #005475; line-height: 0.8rem; font-size: 0.37334rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }



/* 网站内页样式 --> 楠丰案例 case list */

.case-view { padding: 0.32rem 0; }

.case-list { padding: 0 0.133334rem; }

.case-item { padding: 0 0.133334rem; margin-bottom: 0.266667rem; }

.case-item .tap { display: block; position: relative; }

.case-item .imge { width: 100%; height: 0; overflow: hidden; position: relative; padding-bottom: 66.666667%; }

.case-item .imge img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.case-item .text { padding: 0.2rem 0.24rem; background-color: #fff; border: 1px solid #e4e4e4; border-radius: 0 0 0.08rem 0.08rem; }

.case-item .name { color: #333; line-height: 1.5; font-size: 0.373334rem; text-align: justify; }

.case-item .time { color: #888; line-height: 1.5; font-size: 0.32rem; margin-top: 0.32rem; }



/* 网站内页样式 --> 公用页码 pagination */

.pagination { padding: 0.64rem 0.32rem; overflow: hidden; }

.pagination a {float: left; height: 100%; padding:0 10px; margin-right:10px; color: #808080; font-size: 0.3734rem; line-height: 0.88rem; border-radius: 0.08rem; box-sizing: border-box; border: 1px solid #a9a9a9; }

.pagination a.dangqian,.pagination a:hover { color: #fff; border-color: #005475; background-color: #005475; }



/* 网站内页样式 --> 销售网络 pagination */

.market { padding: 0.48rem 0.32rem; background: url(../images/bg_sale.jpg) no-repeat left top/ 100% 100%; }

.market .imge { padding: 0.266667rem; }



/* 网站内页样式 --> 联系我们 contact */

.form-panel { padding: 0.48rem 0.32rem; background-color: #fff; }

.form-title { line-height: 2; color: #005475; font-size: 0.48rem; font-weight: bold; margin-bottom: 0.08rem; }

.form-breif { color: #4b4b4b; line-height: 1.6; font-size: 0.373334rem; margin-bottom: 0.08rem; text-align: justify; }

.form-breif a { color: #005475; }

.form-group { padding: 0.32rem 0; }

.form-input { margin-bottom: 0.4rem; position: relative; }

.form-input .code { position: absolute; top: 0; right: 0; width: 3.2rem; padding: 0.08rem; height: 1.0667rem; }

.form-input .code img { width: 100%; height: 100%; }

.form-input input { width: 100%; height: 40px; color: #1f1a17; font-size: 0.3734rem; padding: 0.24rem 0.2667rem; border: 1px solid #eee; }

.form-input textarea { width: 100%; resize: none; height: 3.2rem; color: #1f1a17; font-size: 0.3734rem; outline: none; padding: 0.24rem 0.2667rem; border: 1px solid #eee; box-shadow: none; }

.form-panel .btn-submit { width: 100%; height: 0.96rem; color: #fff; border: none; outline: none; font-size: 16px; border-radius: 0.08rem; margin-top: 0.32rem; background-color: #005475; }

.imge-panel { padding: 0 0.32rem 0.48rem; background-color: #fff; }



/* 网站内页样式 --> 人才招聘 hire */

.hire { padding: 0.16rem 0.32rem; background-color: #fff; }

.hire-name { color: #333; font-size: 0.4rem; font-weight: bold; line-height: 14px; line-height: 1.04rem; margin-bottom: 0.32rem; }

.hire p { color: #666; font-size: 13px; line-height: 1.8; text-align: justify; margin-bottom: 8px; }

.hire p a { color: #c8a063; text-decoration: underline; }

.hire h3 { color: #333; font-size: 0.4rem; font-weight: bold; line-height: 14px; line-height: 1.04rem; margin-bottom: 0.32rem; }

.hire-list { margin: 0 -15px 24px; }

.hire-item.btm-line::after { left: 30px; }

.hire-item .tap { display: block; padding: 11px 15px; padding-left: 30px; position: relative; }

.hire-item .tap::after { content: ""; position: absolute; top: 24px; left: 15px; width: 6px; height: 6px; background-color: #888; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); }

.hire-item .tap::before { content: "\e65f"; color: #ababab; position: absolute; top: 24px; right: 15px; font-size: 14px; line-height: 18px; font-family: "iconfont"; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.hire-item .tap h4 { color: #333; height: 24px; font-size: 15px; line-height: 24px; margin-bottom: 10px; }

.hire-item .tap h4 em { margin: 0 8px; color: #b2b2b2; font-size: 14px; vertical-align: 2px; }

.hire-item .tap h4 .num { font-size: 14px; }

.hire-item .tap .info { color: #888; font-size: 12px; line-height: 24px; }

.hire-item .tap .info em { margin-right: 12px; }

.hire .basic { padding: 15px 0 0; }

.hire .basic li { float: left; width: 50%; color: #666; font-size: 13px; line-height: 28px; }

.hire-link { text-align: right; margin-top: 20px; padding-top: 20px; margin-bottom: 30px; border-top: 1px solid #efeff4; }

.hire-link a { color: #333; font-size: 14px; }

.hire-link a:first-child { float: left; }

.hire-link a .icon { color: #333; margin-left: 16px; }



/* 首页 */
.product-menu { display: -webkit-flex; display: flex; flex-wrap: wrap; padding: 0 0.32rem; align-items: center; margin-bottom: 0.16rem; justify-content: space-between; }

.product-menu-item { width: 32%; margin-bottom: 0.24rem; }

.product-menu-item a { color: #666; display: block; font-size: 0.32rem; padding: 0.16rem 0.24rem; border: 1px solid #c1c1c1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }