@charset "utf-8";

/* ==========================================================================
   初始化
 ============================================================================ */

*, *::before, *::after { box-sizing: border-box; }
html { font-size: 100px; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0,0,0,0); }
@-ms-viewport { width: device-width; }
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }
body { font: .16rem/1.5 notosanssc, "helvetica neue", helvetica, roboto, arial, "\5fae\8f6f\96c5\9ed1", "\5b8b\4f53", sans-serif; color: #222; background-color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
abbr[title] { cursor: help; }
a { text-decoration: none; -webkit-text-decoration-skip: objects; }
a:hover { text-decoration: underline; }
table { border-collapse: collapse; }
fieldset { padding: 0; border: 0; margin: 0; }
textarea { resize: vertical; }
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }



/* ==========================================================================
   容器
 ============================================================================ */

.container { width: 1200px; margin-right: auto; margin-left: auto; }



/* ==========================================================================
   自定义字体
 ============================================================================ 

@font-face {
    font-family: impact;
    src: url("../fonts/impact.ttf")
}

@font-face {
    font-family: notosanssc;
    src: url("../fonts/notosanssc.ttf")
}
*/


/* ==========================================================================
   导航栏
 ============================================================================ */
.nav-2 a{ text-decoration:none;}
.nav-2 a:hover{ text-decoration:none;}
.navbar { min-width: 1200px; }
.navbar .container { display: flex; justify-content: space-between; align-items: center; }
.navbar-brand { display: block;}
.navbar-brand .logo { display: block; float:left;margin-right:15px;}
.navbar-brand .title{width:800px;}
.navbar-brand .title p{padding:0;margin:0;color:#444;}
.navbar-brand .title .en{font-size: 30px;color: #333;letter-spacing:0.008rem;}
.navbar-brand .title .en span{color: #d0121c;font-weight: bold;}
.navbar-nav { display: flex; list-style: none; padding: 0; margin: 0; }
.navbar-nav > li { position: relative; padding: 0 .15rem; margin-right: 30px;}
.navbar-nav > li > a { position: relative; display: block; padding: .3rem .1rem; color: #222; font-size: .16rem; line-height: normal; }
.navbar-nav > li > a::after { position: absolute; bottom: 0; left: 50%; width: 0; height: .02rem; background: #d0121c; transition: all .5s; content: ""; }
.navbar-nav > li > a:hover { color: #d0121c; text-decoration: none; }
.navbar-nav > li:hover > a::after { left: 0; width: 100%; }
.navbar-nav > li.active > a { color: #d0121c; }
.navbar-nav > li.active > a::after { left: 0; width: 100%; }
.navbar-menu { position: absolute; top: 1.3rem; left: 50%; list-style: none; width: 1.6rem; padding: 0; margin: 0 0 0 -.8rem; box-shadow: 0 .03rem .16rem rgba(0,0,0,.1); opacity: 0; visibility: hidden; transition: all .3s; z-index: 999; }
.navbar-menu > li > a { display: block; padding: .15rem .08rem; color: #666; background: #ececec; font-size: .14rem; line-height: normal; white-space: nowrap; text-align: center; transition: all .15s; }
.navbar-menu > li > a:hover { color: #fff; background: #d0121c; text-decoration: none; }
.navbar-nav > li:hover .navbar-menu { top: 1rem; opacity: 1; visibility: visible; }



/* ==========================================================================
   页尾
 ============================================================================ */

.footer { min-width: 1200px; margin-top: 1.2rem; color: #fff; background: #2e2e2e; font-size: .14rem; }
.footer-content { display: flex; justify-content: space-between; padding: .8rem 0 1rem; }
.footer-col { max-width: 25%; }
.footer-title { margin: 0 0 .3rem; font-size: .18rem; }
.footer-contact-list { list-style: none; padding: 0; margin: 0; }
.footer-contact-list > li { display: flex; align-items: flex-start; }
.footer-contact-list > li + li { align-items: center; margin-top: .2rem; }
.footer-contact-list .icon { flex: 0 0 .3rem; max-width: .3rem; margin-right: .1rem; }
.footer-guest-form .form-control { display: block; width: 3rem; padding: .12rem .2rem; border: 1px solid #fff; margin-bottom: .1rem; color: #fff; background: transparent; font-size: .14rem; }
.footer-guest-form textarea.form-control { height: 1rem; }
.footer-guest-form .btn { display: inline-block; width: 1.06rem; height: .38rem; padding: 0; border: 0; color: #222; background: #fff; }
.footer-guest-form .btn:hover { color: #fff; background: #d0121c; }
.footer-nav { list-style: none; padding: 0; margin: 0; }
.footer-nav > li > a { color: #fff; font-size: .15rem; }
.footer-nav > li > a:hover { color: #999; text-decoration: none; }
.footer-nav > li + li { margin-top: .08rem; }
.footer-qrcode { display: flex; }
.footer-qrcode-item img { display: block; width: 1.06rem; }
.footer-qrcode-item .caption { margin-top: .2rem; font-size: .12rem; text-align: center; }
.footer-qrcode .footer-qrcode-item + .footer-qrcode-item { margin-left: .2rem; }
.footer-copyright { padding: .2rem .15rem; color: #fff; background: #d0121c; font-size: .14rem; line-height: normal; text-align: center; }
.footer-copyright a{color: #fff;}


/* ==========================================================================
   首页
 ============================================================================ */

/* 广告轮播图
 ============================================================================ */

.banner { min-width: 1200px; }
.banner img { display: block; max-width: 100%; height: auto; }
.banner .swiper-button-prev,
.banner .swiper-button-next { color: #c7c7c7; }
.banner .swiper-button-prev:hover,
.banner .swiper-button-next:hover { color: #d0121c; }
.banner .swiper-pagination-bullet-active { background: #d0121c; }



/* 产品中心
 ============================================================================ */

.section1 { padding-top: 1.2rem; }
.section1 .container { display: flex; }
.section1-sidebar { width: 2.7rem; padding: 0 .2rem; background: #f9f9f9; }
.section1-sidebar-title { padding: .4rem .3rem .3rem; margin: 0 -.2rem; color: #fff; background: #d0121c; line-height: 1.2; }
.section1-sidebar-title .en { display: block; overflow: hidden; font-size: 26px; font-family: impact; white-space: nowrap; text-transform: uppercase; }
.section1-sidebar-title .zh { display: block; background: url(../img/icon1-1.png) no-repeat right center; font-weight: normal; font-size: .24rem; }
.section1-sidebar-menu { list-style: none; padding: .1rem 0 .3rem; margin: 0; background: #fff; }
.section1-sidebar-menu > li { padding: .06rem .1rem; }
.section1-sidebar-menu > li > a { display: block; padding: .08rem .1rem .08rem .3rem; border: 1px solid #ededed; color: #555; background: url(../img/icon1-2.jpg) no-repeat .1rem center; font-size: .15rem; line-height: normal; }
.section1-sidebar-menu > li > a:hover { border-color: #d0121c; color: #d0121c; text-decoration: none; }
.section1-main { flex-grow: 1; flex-basis: 0; min-width: 0; padding-left: .5rem; }
.section1-header { position: relative; text-align: center; }
.section1-entitle { margin: 0; color: #f5f5f5; font-weight: bolder; font-size: 1rem; line-height: 1; text-transform: uppercase; }
.section1-title { position: absolute; width: 100%; margin: 0; font-weight: normal; font-size: .36rem; }
.section1-lead { position: absolute; bottom: .1rem; width: 100%; margin: 0; color: #666; font-size: .2rem; }
.section1-banner { position: relative; padding: 0 .6rem; }
.section1-banner-item { display: flex; align-items: center; }
.section1-banner-img,
.section1-banner-info { flex: 0 0 50%; max-width: 50%; padding-left: .4rem; }
.section1-banner-img img { display: block; max-width: 100%; height: auto; }
.section1-banner-title { padding-bottom: .2rem; border-bottom: 1px solid #d2d2d2; margin: 0 0 .3rem; color: #222; font-size: .22rem; }
.section1-banner-text { height: .9rem; margin: 0 0 .1rem; color: #999; overflow: hidden; font-size: .14rem; line-height: .3rem; }
.section1-banner-more { display: inline-block; width: .9rem; padding: .06rem .1rem; color: #fff; background: #d0121c; font-size: .14rem; line-height: normal; text-align: center; }
.section1-banner .swiper-button-prev,
.section1-banner .swiper-container-rtl .swiper-button-next { left: 0; }
.section1-banner .swiper-button-next,
.section1-banner .swiper-container-rtl .swiper-button-prev { right: 0; }
.section1-banner .swiper-button-prev,
.section1-banner .swiper-button-next { color: #c7c7c7; }
.section1-banner .swiper-button-prev:hover,
.section1-banner .swiper-button-next:hover { color: #d0121c; }
.section1-banner-item:hover { text-decoration: none; }
.section1-list { display: flex; list-style: none; padding: 0; margin: .5rem 0 0; }
.section1-list-item { flex: 0 0 33.333333%; max-width: 33.333333%; color: #222; text-align: center; }
.section1-list-img img { display: block; max-width: 100%; height: auto; transition: all .5s; }
.section1-list-img:hover img { transform: scale(1.05); }
.section1-list-caption { font-size: .14rem; line-height: .36rem; }
.section1-list-item:hover { text-decoration: none; }



/* 一分钟快速了解我们
 ============================================================================ */

.section2 { padding-top: 1.2rem; text-align: center; }
.section2-header { position: relative; margin-bottom: .3rem; }
.section2-entitle { margin: 0; color: #f5f5f5; font-weight: bolder; font-size: 1rem; line-height: 1; text-transform: uppercase; }
.section2-title { position: absolute; width: 100%; margin: 0; font-weight: normal; font-size: .36rem; }
.section2-lead { position: absolute; bottom: .1rem; width: 100%; margin: 0; color: #666; font-size: .2rem; }
.section2-list { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0 -.05rem; }
.section2-list-col { flex: 0 0 25%; max-width: 25%; padding: 0 .05rem; margin-top: .2rem; }
.section2-list-item { position: relative; }
.section2-list-img { display: block; max-width: 100%; height: auto; }
.section2-list-info { position: absolute; bottom: 0; left: 0; width: 100%; height: .5rem; color: #fff; background: rgba(0,0,0,.6); overflow: hidden; transition: all .2s; }
.section2-list-title { padding: .1rem 0; margin: 0; font-size: .16rem; line-height: .3rem; transition: all .6s; }
.section2-list-text { padding: 0 .4rem; margin: 0; font-size: .14rem; line-height: .24rem; }
.section2-list-item:hover .section2-list-info { height: 100%; background: rgba(208,18,28,.6); }
.section2-list-item:hover .section2-list-title { padding-top: 25%; }



/* 高端智能装备整体解决方案
 ============================================================================ */

.section3 { padding-top: 1.2rem; }
.section3-header { margin-bottom: .78rem; text-align: center; }
.section3-header .container { position: relative; }
.section3-entitle { margin: 0; color: #f5f5f5; font-weight: bolder; font-size: 1rem; line-height: 1; text-transform: uppercase; }
.section3-title { position: absolute; width: 100%; margin: 0; font-weight: normal; font-size: .36rem; }
.section3-lead { position: absolute; bottom: .1rem; width: 100%; margin: 0; color: #666; font-size: .2rem; }
.section3-body { padding: .7rem 0; background: #f9f9f9; }
.section3-body .container { position: relative; }
.section3-tabs { position: absolute; top: -.98rem; left: 0; display: flex; justify-content: center; list-style: none; width: 100%; padding: 0; margin: 0 -.06rem; }
.section3-tabs > li { padding: 0 .06rem; }
.section3-tabs > li > span { display: block; width: 2.1rem; color: #fff; background: #222; font-size: .18rem; line-height: .56rem; text-align: center; }
.section3-tabs > li.active > span { background: #cd1620; }
.section3-tabs-content { display: none; align-items: center; background: #fff; }
.section3-tabs-content1 { display: flex; }
.section3-img,
.section3-info { flex: 0 0 50%; max-width: 50%; }
.section3-img img { display: block; max-width: 100%; height: auto; }
.section3-info { padding: 0 .7rem; }
.section3-info-title { margin: 0; font-weight: normal; font-size: .24rem; }
.section3-info-text { margin: .24rem 0 .3rem; color: #666; font-size: .14rem; line-height: .36rem; }
.section3-info-more { display: inline-block; padding: .07rem .12rem .07rem .18rem; border: 1px solid #cd1620; color: #cd1620; font-size: .15rem; }
.section3-info-more:hover { text-decoration: none; }



/* 世纪梦想装备全球
 ============================================================================ */

.section4 { padding-top: 1.2rem; }
.section4-header { margin-bottom: .5rem; text-align: center; }
.section4-header .container { position: relative; }
.section4-entitle { margin: 0; color: #f5f5f5; font-weight: bolder; font-size: 1rem; line-height: 1; text-transform: uppercase; }
.section4-title { position: absolute; width: 100%; margin: 0; font-weight: normal; font-size: .36rem; }
.section4-lead { position: absolute; bottom: .1rem; width: 100%; margin: 0; color: #666; font-size: .2rem; }
.section4-tabs-container { position: relative; height: .6rem; }
.section4-tabs { position: absolute; top: 0; left: 0; display: flex; justify-content: center; list-style: none; width: 100%; padding: 0; margin: 0 -.02rem; }
.section4-tabs > li { flex-grow: 1; flex-basis: 0; min-width: 0; border-left:0.02rem solid #FFF; border-right:0.02rem solid #FFF;}
.section4-tabs > li:first-child{border-left:0;padding-left:0.02rem;}
.section4-tabs > li:last-child{border-right:0;padding-right:0.02rem;}
.section4-tabs > li > span { display: block; height: 1.2rem; padding-top: .7rem; font-size: .26rem; text-align: center; }
.section4-tabs > li > span.ln{display:none;}
.section4-tabs > li.active > span { color: #fff; background-color: #cd1620; display:none;}
.section4-tabs > li.active > span.ln{ color: #fff; background-color: #cd1620; display:block;}


.section4-tabs-content { display: none; }
.section4-tabs-content1 { display: block; }
.section4-img img { display: block; max-width: 100%; height: auto; }
.section4-info-container { position: relative; height: .53rem; }
.section4-info { position: absolute; bottom: 0; left: 0; display: flex; align-items: center; width: 100%; height: 1.06rem; padding: 0 .4rem; color: #fff; background: #cd1620; font-size: .18rem; line-height: normal; }
.section4-info-icon { flex: 0 0 .6rem; max-width: .6rem; margin-right: .3rem; }
.section4-info-text { flex-grow: 1; flex-basis: 0; min-width: 0; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



/* 行业应用案例
 ============================================================================ */

.section5 { padding-top: 1.2rem; }
.section5-header { margin-bottom: .5rem; text-align: center; }
.section5-header .container { position: relative; }
.section5-entitle { margin: 0; color: #f5f5f5; font-weight: bolder; font-size: 1rem; line-height: 1; text-transform: uppercase; }
.section5-title { position: absolute; width: 100%; margin: 0; font-weight: normal; font-size: .36rem; }
.section5-lead { position: absolute; bottom: .1rem; width: 100%; margin: 0; color: #666; font-size: .2rem; }
.section5-tabs-container { margin-bottom: .5rem; }
.section5-tabs { display: flex; justify-content: center; list-style: none; width: 100%; padding: 0; margin: 0; }
.section5-tabs > li { flex-grow: 1; flex-basis: 0; min-width: 0; }
.section5-tabs > li + li { border-left: 1px solid #ccc; }
.section5-tabs > li > span { display: block; height: 1rem; padding-top: .6rem; font-size: .18rem; text-align: center; }
.section5-tabs > li > span.ln{display:none;}
.section5-tabs > li.active > span { color: #cd1620; display:none; }
.section5-tabs > li.active > span.ln{ color: #cd1620; display:block;}
.section5-tabs-content { display: none; background: #f5f5f5; }
.section5-tabs-content1 { display: block; }
.section5-link { position: relative; display: block; }
.section5-link img { display: block; max-width: 100%; height: auto; }
.section5-info { position: absolute; bottom: 0; left: 0; width: 100%; padding: .2rem .8rem; color: #bdbdbe; background: rgba(0,0,0,.7); }
.section5-info-title { margin: 0 0 .1rem; color: #fff; font-size: .18rem; text-align: center; }
.section5-info-text { margin: 0; font-size: .14rem; line-height: .24rem; }
.section5-link:hover .section5-info { color: #fff; background: rgba(208,18,28,.7); }



/* 关于台群精机
 ============================================================================ */

.section6 { padding-top: 1.2rem; }
.section6-header { position: relative; margin-bottom: .5rem; text-align: center; }
.section6-entitle { margin: 0; color: #f5f5f5; font-weight: bolder; font-size: 1rem; line-height: 1; text-transform: uppercase; }
.section6-title { position: absolute; width: 100%; margin: 0; font-weight: normal; font-size: .36rem; }
.section6-lead { position: absolute; bottom: .1rem; width: 100%; margin: 0; color: #666; font-size: .2rem; }
.section6-body { display: flex; align-items: center; }
.section6-video,
.section6-info { flex: 0 0 50%; max-width: 50%; }
.section6-video video { display: block; max-width: 100%; height: auto; }
.section6-info { padding-left: .5rem; }
.section6-info-title { position: relative; padding-bottom: .2rem; margin: 0 0 .1rem; color: #d0121c; font-size: .22rem; line-height: 1.2; }
.section6-info-title::after { position: absolute; bottom: 0; left: 0; width: 1.1rem; height: 1px; background: #ededed; content: ""; }
.section6-info-text { height: .9rem; margin: 0; overflow: hidden; font-size: .15rem; line-height: .3rem; }
.section6-info-list { display: flex; justify-content: space-between; list-style: none; padding: 0; margin: .3rem 0 0; text-align: center; }
.section6-info-list > li .num { color: #d0121c; font-size: .4rem; line-height: 1.8; font-family: impact; }



/* 资质证书
 ============================================================================ */

.section7 { padding-top: 1.2rem; }
.section7-header { position: relative; margin-bottom: .5rem; text-align: center; }
.section7-entitle { margin: 0; color: #f5f5f5; font-weight: bolder; font-size: 1rem; line-height: 1; text-transform: uppercase; }
.section7-title { position: absolute; width: 100%; margin: 0; font-weight: normal; font-size: .36rem; }
.section7-lead { position: absolute; bottom: .1rem; width: 100%; margin: 0; color: #666; font-size: .2rem; }
.section7-list { position: relative; display: flex; }
.section7-list-img img { display: block; max-width: 100%; height: auto; }
.section7-list-caption { margin-top: .2rem; font-size: .16rem; text-align: center; }
.section7-list .swiper-button-prev,
.section7-list .swiper-container-rtl .swiper-button-next { left: -.4rem; }
.section7-list .swiper-button-next,
.section7-list .swiper-container-rtl .swiper-button-prev { right: -.4rem; }
.section7-list .swiper-button-prev,
.section7-list .swiper-button-next { color: #c7c7c7; }
.section7-list .swiper-button-prev:hover,
.section7-list .swiper-button-next:hover { color: #d0121c; }



/* 台群动态
 ============================================================================ */

.section8 { padding-top: 1.2rem; }
.section8-header { position: relative; margin-bottom: .5rem; text-align: center; }
.section8-entitle { margin: 0; color: #f5f5f5; font-weight: bolder; font-size: 1rem; line-height: 1; text-transform: uppercase; }
.section8-title { position: absolute; width: 100%; margin: 0; font-weight: normal; font-size: .36rem; }
.section8-lead { position: absolute; bottom: .1rem; width: 100%; margin: 0; color: #666; font-size: .2rem; }
.section8-body { display: flex; }
.section8-company,
.section8-industry { flex: 0 0 50%; max-width: 50%; }
.section8-company { padding-right: .5rem; }
.section8-industry { padding-left: .5rem; border-left: 1px solid #ededed; }
.section8-news-title { margin: 0 0 .25rem; font-size: .18rem; line-height: 1.2; }
.section8-news-title small { color: #999; font-weight: normal; font-size: .16rem; text-transform: uppercase; }
.section8-news-scroll { height: 3.16rem; overflow: hidden; }
.section8-news-list { position: relative; list-style: none; padding: 0; margin: 0; }
.section8-news-item { display: flex; padding: .1rem 0; }
.section8-news-img { flex: 0 0 50%; max-width: 50%; }
.section8-news-img img { display: block; max-width: 100%; height: auto; }
.section8-news-info { flex-grow: 1; flex-basis: 0; min-width: 0; padding-left: .4rem; }
.section8-news-heading { position: relative; margin: 0 0 .15rem; overflow: hidden; font-size: .16rem; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.section8-news-text { height: .48rem; margin: 0; color: #888; overflow: hidden; font-size: .14rem; line-height: .24rem; }
.section8-news-more { display: inline-block; width: 1rem; padding: .04rem .08rem; border: 1px solid #bfc0c0; margin-top: .15rem; color: #888; font-size: .14rem; line-height: normal; text-align: center; transition: all ease .3s; }
.section8-news-more:hover { border-color: #d0121c; color: #fff; background: #d0121c; text-decoration: none; }
.section8-industry .section8-news-info { padding-left: 0; }
.section8-industry .section8-news-heading { padding-left: .2rem; color: #666; }
.section8-industry .section8-news-heading::before { position: absolute; top: 50%; left: 0; width: .08rem; height: .08rem; margin-top: -.04rem; background: #666; content: ""; }



/* ==========================================================================
   内页
 ============================================================================ */

/* 广告图
 ============================================================================ */


.page-banner15 { max-width: 100%; height: 2rem; position:relative;}



/* 主体容器
 ============================================================================ */

.main-wrapper { display: flex; align-items: flex-start; padding-top: .4rem; }



/* 侧边栏
 ============================================================================ */

.main-sidebar { flex: 0 0 2.4rem; max-width: 2.4rem; background: #f9f9f9; }
.main-sidebar-title { padding: .2rem 0; margin: 0; color: #fff; background: #d0121c; font-size: .24rem; line-height: 1.2; text-align: center; }
.main-sidebar-menu { list-style: none; padding: .1rem 0 .4rem; margin: 0; }
.main-sidebar-menu > li { padding: .1rem 0; }
.main-sidebar-menu > li > a { display: block; padding: .06rem .25rem; color: #222; border-bottom: 1px dashed #eee; background: url(../img/add.gif) no-repeat 2rem center; font-size: .16rem; text-decoration: none; }
.main-sidebar-menu > li > a:hover { color: #d0121c; background-image: url(../img/mins.gif); }
.main-sidebar-menu > li.active > a { color: #d0121c; background-image: url(../img/mins.gif); }
.main-sidebar-submenu { list-style: none; padding: .2rem 0 0; margin: 0; }
.main-sidebar-submenu > li > a { position: relative; display: block; padding: .1rem .2rem .1rem .6rem; color: #666; font-size: .13rem; line-height: .22rem; }
.main-sidebar-submenu > li > a::before { position: absolute; top: 50%; left: .4rem; width: .06rem; height: 1px; background: #666; content: ""; }
.main-sidebar-submenu > li > a:hover { color: #d0121c; text-decoration: none; }
.main-sidebar-submenu > li.active > a { color: #d0121c; text-decoration: none; }
.main-sidebar-contact { list-style: none; padding: .15rem .1rem .2rem .15rem; margin: 0; color: #666; font-size: .14rem; line-height: .3rem; }
.main-sidebar-contact strong { color: #d0121c; font-size: .2rem; }



/* 主体页头
 ============================================================================ */

.main-content { flex-grow: 1; flex-basis: 0; min-width: 0; padding-left: .4rem; }
.main-content-header { display: flex; justify-content: space-between; align-items: center; padding-bottom: .1rem; border-bottom: 1px solid rgb(238,238,238); margin-bottom: .3rem; }
.main-content-title { padding-left: .15rem; border-left: .04rem solid #d0121c; margin: 0; color: #d0121c; font-size: .16rem; line-height: .3rem; }
.main-content-breadcrumb { display: flex; list-style: none; padding: 0 0 0 .2rem; margin: 0; color: #666; background: url(../img/home.jpg) no-repeat left center; font-size: .14rem; }
.main-content-breadcrumb > li > a { color: #666; }
.main-content-breadcrumb > li > a:hover { color: #d0121c; text-decoration: none; }
.main-content-breadcrumb > li + li::before { margin: 0 .1rem; content: "/"; }



/* 列表
 ============================================================================ */

.main-content-list { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0 -.06rem; }
.main-content-list .list-item { flex: 0 0 33.333333%; max-width: 33.333333%; padding: 0 .06rem; margin-top: .25rem; }
.main-content-list .list-link { display: block; border-bottom: 1px solid rgb(238,238,238); text-decoration: none; transition: all .3s; }
.main-content-list .list-img { overflow: hidden; }
.main-content-list .list-img img { display: block; max-width: 100%; height: auto; transition: all .5s; }
.main-content-list .list-caption { padding: .2rem .1rem; color: #555; overflow: hidden; font-size: .15rem; text-overflow: ellipsis; white-space: nowrap; text-align: center; }
.main-content-list .list-link:hover { border-bottom-color: #d0121c; }
.main-content-list .list-link:hover .list-img img { transform: scale(1.08); }



/* 分页
 ============================================================================ */

.main-content-pagination { display: flex; justify-content: center; list-style: none; padding: 0; margin: .3rem 0 0; }
.main-content-pagination > li { padding: 0 .05rem; }
.main-content-pagination > li > a { display: block; min-width: .32rem; padding: 0 .12rem; border: 1px solid #ededed; color: #666; font-size: .14rem; line-height: .3rem; text-align: center; transition: all ease .3s; }
.main-content-pagination > li > a:hover { border-color: #d0121c; color: #fff; background: #d0121c; text-decoration: none; }
.main-content-pagination > li.active > a { border-color: #d0121c; color: #fff; background: #d0121c; }

.main-content-pagination2 { display: flex; justify-content: center; list-style: none; padding: 0; margin: .5rem 0 0; }
.main-content-pagination2 > li { padding: 0 .06rem; }
.main-content-pagination2 > li > a { color: #333; font-size: .14rem; }
.main-content-pagination2 > li > a:hover { color: #d0121c; text-decoration: none; }

.main-content-pagination3 { list-style: none; padding: 0; margin: .5rem 0 0; font-size: .14rem; }
.main-content-pagination3 > li { padding: .04rem 0; }
.main-content-pagination3 > li > a { color: #666; }
.main-content-pagination3 > li > a:hover { color: #d0121c; }



/* 产品购买
 ============================================================================ */

.main-content-show { display: flex; padding-top: .2rem; }
.main-content-show .show-img { flex: 0 0 50%; max-width: 50%; background: #f9f9f9; }
.main-content-show .show-info { flex-grow: 1; flex-basis: 0; min-width: 0; padding-left: .4rem; color: #666; font-size: .14rem; }
.main-content-show .show-title { padding-bottom: .2rem; border-bottom: 1px dotted #999; margin: 0; overflow: hidden; font-size: .2rem; line-height: .3rem; text-overflow: ellipsis; white-space: nowrap; }
.main-content-show .show-control { display: flex; justify-content: space-between; padding: .3rem 0; }
.main-content-show .show-control-text p { margin: 0; }
.main-content-show .show-control-btn .btn { position: relative; display: block; width: 1.3rem; padding: .1rem; color: #fff; background: #d0121c; font-size: 14px; text-align: center; text-decoration: none; }
.main-content-show .show-control-btn .btn .arrow { visibility: hidden; opacity: 0; transition: all ease .3s; }
.main-content-show .show-control-btn .btn::after { position: absolute; top: 50%; left: 0; width: 0; height: 1px; background: #ad010a; transition: all ease .3s; content: ""; }
.main-content-show .show-control-btn .btn:hover { background: #ad010a; }
.main-content-show .show-control-btn .btn:hover .arrow { visibility: visible; opacity: 1; margin-left: .15rem; }
.main-content-show .show-control-btn .btn:hover:after { width: .15rem; left: .9rem; background: #fff; }
.main-content-show .show-intro { padding-bottom: .4rem; border-bottom: 1px dotted #999; }
.main-content-show .show-intro p { height: .9rem; overflow: hidden; margin: 0; line-height: .3rem; }

.main-content-showdetail { padding-top: .2rem; }
.main-content-showdetail .showdetail-title { margin: 0 0 .3rem; color: #666; font-size: .16rem; line-height: .3rem; }
.main-content-showdetail .showdetail-subtitle { position: relative; padding-top: .3rem; margin: .5rem 0 .3rem; font-size: .24rem; line-height: 1.2; }
.main-content-showdetail .showdetail-subtitle::before { position: absolute; top: 0; left: 0; width: .3rem; height: .08rem; background: #d0121c; content: ""; }
.main-content-showdetail .showdetail-subtitle small { display: block; margin-top: .1rem; color: #d0121c; font-size: .14rem; text-transform: uppercase; }
.main-content-showdetail img { display: block; width: 100%; height: auto; margin: 0 auto; }



/* 相关推荐
 ============================================================================ */

.main-content-recom { padding-top: 1.2rem; }
.main-content-recom .recom-title { margin: 0 0 .3rem; font-size: .26rem; line-height: 1.2; text-align: center; }
.main-content-recom .recomlist-link { display: block; text-decoration: none; }
.main-content-recom .recomlist-img img { display: block; max-width: 100%; height: auto; }
.main-content-recom .recomlist-caption { padding: .2rem .1rem; color: #555; overflow: hidden; font-size: .15rem; text-overflow: ellipsis; white-space: nowrap; text-align: center; }



/* 新闻列表
 ============================================================================ */

.main-content-newslist { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; }
.main-content-newslist .newslist-item { padding: .2rem; margin-top: .2rem; }
.main-content-newslist .newslist-title { margin: 0 0 .3rem; font-weight: normal; font-size: .2rem; line-height: 1.2; }
.main-content-newslist .newslist-body { display: flex; }
.main-content-newslist .newslist-img { flex: 0 0 2.8rem; max-width: 2.8rem; }
.main-content-newslist .newslist-img img { display: block; max-width: 100%; height: auto; }
.main-content-newslist .newslist-info { padding-left: .4rem; color: #666; font-size: .14rem; }
.main-content-newslist .newslist-time { margin-bottom: .1rem; }
.main-content-newslist .newslist-text { height: .6rem; overflow: hidden; line-height: .3rem; }
.main-content-newslist .newslist-btn { display: inline-block; width: 1.3rem; border: 1px solid #ccc; margin-top: .15rem; color: #222; line-height: .3rem; text-align: center; transition: all .15s; }
.main-content-newslist .newslist-btn:hover { border-color: #d0121c; color: #fff; background: #d0121c; text-decoration: none; }
.main-content-newslist .newslist-item:hover { outline: 1px solid #eee; background:#f9f9f9; box-shadow: .02rem .02rem .05rem #eee; }
.main-content-newslist .newslist-item:hover .newslist-title { color: #d0121c; }

.main-content-newsdetail img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
.main-content-newsdetail .newsdetail-header { padding: .2rem 0; border-bottom: 1px solid #ededed; margin-bottom: .3rem; text-align: center; }
.main-content-newsdetail .newsdetail-title { margin: 0 0 .2rem; font-size: .2rem; line-height: 1.2; }
.main-content-newsdetail .newsdetail-addinfo { margin: 0; color: #c1c1c1; font-size: .12rem; }



/* 阳光服务
 ============================================================================ */

.main-content-sunlist { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; }
.main-content-sunlist .sunlist-item { display: flex; align-items: center; flex: 0 0 100%; max-width: 100%; padding: 0 .4rem; margin-top: .2rem; }
.main-content-sunlist .sunlist-img { flex: 0 0 1.4rem; max-width: 1.4rem; }
.main-content-sunlist .sunlist-img img { display: block; max-width: 100%; height: auto; }
.main-content-sunlist .sunlist-info { flex-grow: 1; flex-basis: 0; min-width: 0; padding-left: .3rem; }
.main-content-sunlist .sunlist-heading { margin: 0 0 .1rem; font-size: .16rem; line-height: 1.2; }
.main-content-sunlist .sunlist-text { margin: 0; color: #999; font-size: .13rem; line-height: .24rem; }



/* 留言投诉
 ============================================================================ */

.main-content-guest { padding: .6rem .85rem 0; text-align: center; }
.main-content-guest .guest-title { margin: 0 0 .3rem; font-size: .24rem; line-height: 1.2; }
.main-content-guest .guest-text { margin: .1rem 0 0; color: #666; font-size: .16rem; }
.main-content-guest .guest-text img { margin-right: .1rem; vertical-align: middle; }
.main-content-guest .guest-form { padding-top: .5rem; }
.main-content-guest .guest-form-row { display: flex; margin: 0 -.2rem; }
.main-content-guest .guest-form-col { flex: 0 0 50%; max-width: 50%; padding: 0 .2rem; margin-bottom: .2rem; }
.main-content-guest .form-control { display: block; width: 100%; padding: .1rem .2rem; border: 1px solid rgba(0,0,0,.05); color: #333; background: rgb(247,248,249); font-size: .14rem; }
.main-content-guest .form-control:focus { outline: .02rem solid #d0121c; }
.main-content-guest textarea.form-control { height: 1rem; }
.main-content-guest .guest-form .btn { display: inline-block; width: 1.8rem; padding: .14rem .1rem; border: 0; margin-top: .4rem; color: #fff; background: #d0121c; text-align: center; }



/* 故障报修
 ============================================================================ */

.main-content-baoxiu { text-align: center; }
.main-content-baoxiu .baoxiu-qrcode { width: 1.8rem; }
.main-content-baoxiu .baoxiu-caption { margin: .06rem 0 0; font-weight: bolder; font-size: .18rem; }
.main-content-baoxiu .baoxiu-text { margin: .06rem 0; color: #999; font-size: .14rem; }
.main-content-baoxiu .baoxiu-tel { margin: 0; font-weight: bolder; font-size: .16rem; }
.main-content-baoxiu .baoxiu-tel .tel { color: #d0121c; font-size: .2rem; }



/* 资料下载
 ============================================================================ */

.main-content-down { list-style: none; padding: 0 .3rem 0 .3rem; margin: 0; }
.main-content-down > li > a { color: #222; font-size: .15rem; line-height: .42rem; }
.main-content-down > li > a:hover { color: #d0121c; }
.main-content-down li span{float:right;}



/* 联系我们
 ============================================================================ */

.main-content-contact { display: flex; padding-top: .3rem; }
.main-content-contact .contact-info,
.main-content-contact .contact-local { flex: 0 0 50%; max-width: 50%; }
.main-content-contact .contact-heading { position: relative; padding-bottom: .2rem; margin: 0 0 .3rem; font-size: .16rem; line-height: 1.2; }
.main-content-contact .contact-heading::after { position: absolute; bottom: 0; left: 0; width: 1.5rem; height: 1px; background: rgba(0,0,0,.1); content: ""; }
.main-content-contact .contact-info { font-size: .14rem; }
.main-content-contact .contact-map { height: 3rem; background: #f9f9f9; }



/* 服务网络
 ============================================================================ */

.main-content-web .web-map { display: block; max-width: 100%; height: auto; margin-bottom: .4rem; }
.main-content-web .web-list { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0 -.6rem; color: #666; font-size: .14rem; }
.main-content-web .web-list > li { flex: 0 0 50%; max-width: 50%; padding: .1rem .6rem; }
.main-content-web .web-list > li strong { color: #d0121c; font-size: .16rem; }



/* 公司介绍
 ============================================================================ */

.main-content-company .company-header { display: flex; align-items: center; margin-bottom: .6rem; background: #f9f9f9; }
.main-content-company .company-title { position: relative; padding-bottom: .08rem; margin: 0 .6rem; color: #666; font-size: .24rem; line-height: .36rem; white-space: nowrap; }
.main-content-company .company-title::after { position: absolute; bottom: 0; left: 0; width: .3rem; height: .02rem; background: #666; content: ""; }
.main-content-company .company-title span { font-weight: normal; }
.main-content-company .company-img img { display: block; max-width: 100%; height: auto; }
.main-content-company .company-figure { display: flex; margin: .6rem -.1rem 0; text-align: center; }
.main-content-company .company-figure .figure { flex: 0 0 50%; max-width: 50%; padding: 0 .1rem; margin: 0; }
.main-content-company .company-figure .figure img { display: block; max-width: 100%; height: auto; }
.main-content-company .company-figure .figcaption { margin-top: .2rem; font-size: .14rem; }



/* 资质荣誉
 ============================================================================ */

.main-content-honorlist { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0 -.12rem; }
.main-content-honorlist .honorlist-item { flex: 0 0 33.333333%; max-width: 33.333333%; padding: 0 .12rem; margin-top: .2rem; }
.main-content-honorlist .honorlist-link { color: #333; }
.main-content-honorlist .honorlist-img { overflow: hidden; }
.main-content-honorlist .honorlist-img img { display: block; height: 3rem; margin: 0 auto; transition: all .5s; }
.main-content-honorlist .honorlist-caption { padding: .16rem .1rem; background: #f9f9f9; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; transition: all .5s; }
.main-content-honorlist .honorlist-link:hover { text-decoration: none; }
.main-content-honorlist .honorlist-link:hover .honorlist-img img { transform: scale(1.05); }
.main-content-honorlist .honorlist-link:hover .honorlist-caption { color: #fff; background: #d0121c; }

.main-content-honordetail figure { margin: 0; text-align: center; }
.main-content-honordetail img { display: block; max-width: 100%; height: auto; }



/* 行内解决方案
 ============================================================================ */

.main-content-soludetail figure { margin: 0; text-align: center; }
.main-content-soludetail img { display: block; max-width: 100%; height: auto; }



/* 研发实力
 ============================================================================ */

.main-content-yanfa .showimg { float: left; margin-right: .4rem; }
.main-content-yanfa .yanfa-figure { display: flex; margin: .6rem -.1rem 0; text-align: center; }
.main-content-yanfa .yanfa-figure .figure { padding: 0 .1rem; margin: 0; }
.main-content-yanfa .yanfa-figure .figure img { display: block; max-width: 100%; height: auto; }
.main-content-yanfa .yanfa-figure .figcaption { margin-top: .2rem; font-size: .14rem; }



/* 生产能力
 ============================================================================ */

.main-content-shengchan .shengchan-show { display: flex; margin-bottom: .3rem; }
.main-content-shengchan .shengchan-show-img { flex: 0 0 50%; max-width: 50%; padding: 0 .1rem; }
.main-content-shengchan .shengchan-show-img  img { display: block; max-width: 100%; height: auto; }
.main-content-shengchan .shengchan-list { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; }
.main-content-shengchan .shengchan-list-item { flex: 0 0 25%; max-width: 25%; padding: 0 .1rem; margin-top: .2rem; }
.main-content-shengchan .shengchan-list-link { position: relative; display: block; }
.main-content-shengchan .shengchan-list-link img { display: block; max-width: 100%; height: auto; }
.main-content-shengchan .shengchan-list-link .info { position: absolute; bottom: 0; left: 0; display: flex; width: 100%; height: .4rem; color: #fff; background: rgba(0,0,0,.5); overflow: hidden; font-size: .14rem; text-overflow: ellipsis; white-space: nowrap; transition: all .4s; }
.main-content-shengchan .shengchan-list-link .info > span { margin: auto; }
.main-content-shengchan .shengchan-list-link:hover { text-decoration: none; }
.main-content-shengchan .shengchan-list-link:hover .info { height: 100%; }



/* 企业文化
 ============================================================================ */

.main-content-wenhua { text-align: center; }



/* 企业风采
 ============================================================================ */

.main-content-fclist { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0 -.12rem; }
.main-content-fclist .fclist-item { flex: 0 0 33.333333%; max-width: 33.333333%; padding: 0 .12rem; margin-top: .2rem; }
.main-content-fclist .fclist-link { color: #333; }
.main-content-fclist .fclist-img { overflow: hidden; }
.main-content-fclist .fclist-img img { display: block; height: 2rem; margin: 0 auto; transition: all .5s; }
.main-content-fclist .fclist-caption { padding: .16rem .1rem; background: #f9f9f9; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; transition: all .5s; }
.main-content-fclist .fclist-link:hover { text-decoration: none; }
.main-content-fclist .fclist-link:hover .fclist-img img { transform: scale(1.05); }
.main-content-fclist .fclist-link:hover .fclist-caption { color: #fff; background: #d0121c; }

.main-content-fcdetail figure { margin: 0; text-align: center; }



.main-sidebar-lay{padding: .2rem .2rem;}






/* ==========================================================================
   辅助类
 ============================================================================ */


.table{display:table;width:100%;}
.table-cell{display:table-cell;vertical-align: middle;text-align:center;}

.hidden, [hidden] { display: none !important; }

.ads { position: absolute; top:0;left:0; width: 100%; line-height: 2rem;color:#FFF;overflow: hidden; white-space: nowrap; text-align:center; font-size:0.36rem;}

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; border: 0; margin: -1px; clip: rect(0, 0, 0, 0); overflow: hidden; white-space: nowrap; }
.sr-only.focusable:active, .sr-only.focusable:focus { position: static; width: auto; height: auto; margin: 0; clip: auto; overflow: visible; white-space: inherit; }


.clearfix::before, .clearfix::after { display: table; content: ""; }
.clearfix::after { clear: both; }

.job-tit{border-top: #8D8D8D solid 2px;
    background-color: #EFEFEF;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    color: #333333;}
.job-tit ul{overflow:hidden;margin:0;padding:0 20px;}
.job-tit li{float:left;list-style:none;border-right: #969696 dotted 1px;
    line-height: 36px;}
.job-tit li.t-1{width:60%;}
.job-tit li.t-2{width:15%;}
.job-tit li.t-3{width:25%;}
.job-tit li:last-child{border-right:0;}

.job-tit-detail{
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    color: #333333;}
.job-tit-detail ul{overflow:hidden;margin:0;padding:0 20px;border-bottom:solid 1px #EEE;}
.job-tit-detail li{float:left;list-style:none;border-right: #fff dotted 1px;
    line-height: 36px;}
.job-tit-detail li.t-1{width:60%;text-align:left;}
.job-tit-detail li.t-2{width:15%;}
.job-tit-detail li.t-3{width:25%;}
.job-tit-detail li:last-child{border-right:0;}
.job-tit-detail .t-body{text-align:left;display:none;border-bottom:solid 1px #EEE;}
.job-tit-detail .t-body.on{display:block;}
.job-tit-detail .t-body b{font-size:14px;background-color: #FFEEE0;display:block;line-height:30px;padding:0 20px;text-align:center;}
.job-tit-detail .t-body .t-detail{font-size:14px;padding:15px 20px;}

.tip{display:table;position:fixed;top:0;left:0;z-index:999990;}
.tip .box{display:table-cell;vertical-align: middle;text-align:center;background:rgba(0,0,0,0.1);width:0;height:0;}
.tip .box .detail{display:none;border-radius:2px;padding:0.2rem 0.2rem 0.1rem 0.2rem;color:#FFF;background:rgba(0,0,0,0.6);-webkit-box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.8);-moz-box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.8);-o-box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.8);box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.8);}
.tip .box .detail a{display:block;margin-top:0.1rem;background:#d50409;color:#FFF;border-radius:2px;text-align:center;line-height:0.14rem;padding:0.1rem 0.1rem;}

.showinfo h4{margin:10px 0;}

.nav-1{border-top:solid 1px #CCC;}
.nav-2{padding:20px 0;}

.db_tel {
    float: right;
    font-size: 16px;
    color: #666;
    background: url(../img/tel.jpg) no-repeat 0px 16px;
    padding-left: 40px;
    margin-top: 12px;
}
.db_tel p{margin:0;padding:0;}
.db_tel p a {
    font-size: 32px;
    color: #d0121c;
    margin: 0;
    line-height: 36px;
    text-decoration: none;
}

.jqzoom img{width:450px;height:450px;}
/* ==========================================================================
   打印
 ============================================================================ */

@media print {
    *, *::before, *::after { color: #000 !important; background: transparent !important; box-shadow: none !important; text-shadow: none !important; }
    a, a:visited { text-decoration: underline; }
    a[href]::after { content: " (" attr(href) ")"; }
    abbr[title]::after { content: " (" attr(title) ")"; }
    a[href^="#"]::after, a[href^="javascript:"]::after { content: ""; }
    pre { white-space: pre-wrap !important; }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; }
    tr, img { page-break-inside: avoid; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
}