.container, .product, .support-wrapper, .footer, .f-share, .copyright, .tit01, .main { width: 1200px; margin: 0 auto; overflow: hidden; }

.product .swiper-slide .con .tit, .case-list li span, .page-product-list li span { display: block; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.product .swiper-slide .img img, .page-product-list li img { width: 100%; height: 100%; }

.welcome-wrapper { line-height: 36px; background: #000000; color: #FFFFFF; }
.welcome-wrapper .wel-l { float: left; }
.welcome-wrapper .tel { padding-left: 28px; float: right; background: url(../images/tel.png) no-repeat center left; }

.top-wrapper { height: 100px; box-shadow: 0 5px 6px rgba(0, 0, 0, 0.13); }

.logo { width: 320px; height: 70px; margin-top: 17px; float: left; }

.nav-menu { margin-top: 45px; float: right; overflow: hidden; }
.nav-menu li { margin: 0 30px; float: left; }
.nav-menu li a { font-size: 16px; }
.nav-menu li:hover a, .nav-menu li.active a { color: #ea5413; }
.nav-menu li:last-child { margin-right: 0; }

.banner .swiper-button-prev { background: url(../images/banner-l.png) no-repeat center; }
.banner .swiper-button-next { background: url(../images/banner-r.png) no-repeat center; }

.page-banner { height: 380px; }

.product-wrapper { padding: 80px 0; background: #f3f4f5; position: relative; }
.product-wrapper .swiper-button-prev, .product-wrapper .swiper-button-next { width: 34px; height: 34px; margin-top: 13px; }
.product-wrapper .swiper-button-prev { background: url(../images/pro-l.png) no-repeat center; }
.product-wrapper .swiper-button-next { background: url(../images/pro-r.png) no-repeat center; }

.product { margin-top: 45px; }
.product .swiper-slide a { display: block; }
.product .swiper-slide .img { width: 260px; height: 165px; }
.product .swiper-slide .con { padding: 40px 30px 30px 30px; text-align: center; background: #FFFFFF; }
.product .swiper-slide .con .tit { font-size: 18px; }
.product .swiper-slide .con .txt { height: 52px; margin-top: 20px; color: #666666; overflow: hidden; }
.product .swiper-slide .con .txt p { line-height: 26px; }
.product .swiper-slide .con .more { margin-top: 30px; height: 18px; background: url(../images/more.png) no-repeat center; }

.case-wrapper { height: 633px; padding-top: 80px; background: url(../images/case-bg.jpg) no-repeat center; }
.case-wrapper .tit01 h2 { color: #ffffff; }
.case-wrapper .tit01 span { color: #999999; }
.case-wrapper .tit01 a { color: #999999; }

.case-list { margin-top: 48px; margin-left: -17px; overflow: hidden; }
.case-list li { width: 287px; margin-left: 17px; margin-bottom: 17px; float: left; }
.case-list li img { width: 100%; height: 183px; display: block; }
.case-list li span { line-height: 32px; margin-top: 13px; padding-left: 13px; display: block; color: #FFFFFF; font-size: 16px; border-left: 3px solid #ea5413; }

.page-case-list { margin-left: 0; }
.page-case-list li { margin-left: 17px; margin-bottom: 30px; }
.page-case-list li span { color: #333333; }

.support-wrapper { margin-top: 80px; }
.support-wrapper .supp-l { width: 445px; float: left; }
.support-wrapper .supp-l .tit01 h2 { color: #ea5413; }
.support-wrapper .supp-l .txt { height: 72px; margin-top: 35px; overflow: hidden; }
.support-wrapper .supp-l .txt p { font-size: 15px; line-height: 24px; }
.support-wrapper .supp-l .more { margin-top: 45px; }
.support-wrapper .supp-l .more a { width: 18px; height: 18px; display: block; background: url(../images/more.png) no-repeat center; }
.support-wrapper .btns { float: right; overflow: hidden; }
.support-wrapper .btns a { width: 141px; margin: 0 48px; float: left; }
.support-wrapper .btns a img { width: 100%; height: 141px; display: block; }
.support-wrapper .btns a span { margin-top: 30px; color: #666666; text-align: center; display: block; }

.footer-wrapper { margin-top: 80px; padding-top: 50px; background: #f1ede7; }

.footer { position: relative; }
.footer .f-l { width: 250px; float: left; }
.footer .qr-code { margin-top: 30px; text-align: center; }
.footer .qr-code img { max-width: 100%; }

.f-logo img { width: 100%; }

.f-nav { float: left; margin-left: 80px; overflow: hidden; }
.f-nav dl { margin-right: 115px; float: left; }
.f-nav dt { margin-bottom: 40px; font-size: 18px; }
.f-nav dd a { display: block; margin-bottom: 10px; color: #666666; }

.f-contact { width: 294px; position: absolute; right: 0; top: 65px; }
.f-contact p { margin-bottom: 5px; color: #666666; }

.f-share { margin-top: 50px; padding-bottom: 26px; padding-left: 20px; border-bottom: 1px solid #dadada; overflow: hidden; }
.f-share .f-tel { padding-left: 40px; float: left; font-size: 16px; color: #666666; font-weight: bold; background: url(../images/f-tel.png) no-repeat center left; }
.f-share .share { float: right; }
.f-share .share a { margin-left: 22px; }

.copyright { padding: 25px 0; text-align: center; }
.copyright p { color: #8e8e8e; }

.tit01 h2 { float: left; font-size: 30px; color: #ea5413; }
.tit01 h2 span { font-size: 14px; display: block; color: #999999; text-transform: uppercase; }
.tit01 a { margin-top: 25px; float: right; color: #999999; }

.main { margin-top: 30px; }

.side { width: 224px; margin-right: 40px; padding-right: 14px; float: left; background: #ea5413; }

.side-tit { padding-top: 18px; padding-left: 42px; color: #FFFFFF; }
.side-tit h2 { line-height: 32px; font-size: 30px; }
.side-tit span { font-size: 18px; }

.side-menu { margin-top: 10px; padding-top: 15px; background: #FFFFFF; }
.side-menu li { line-height: 44px; border-bottom: 1px solid #e9e9e9; }
.side-menu li a { padding-left: 40px; display: block; font-size: 16px; color: #666666; }
.side-menu li.active a, .side-menu li:hover a { color: #ea5413; }
.side-menu li.active .thd-menu li a, .side-menu li:hover .thd-menu li a { color: #666666; }
.side-menu li.active .thd-menu li.on, .side-menu li.active .thd-menu li:hover, .side-menu li:hover .thd-menu li.on, .side-menu li:hover .thd-menu li:hover { background: url(../images/thd-menuH.png) no-repeat center left; }
.side-menu li.active .thd-menu li.on a, .side-menu li.active .thd-menu li:hover a, .side-menu li:hover .thd-menu li.on a, .side-menu li:hover .thd-menu li:hover a { color: #ea5413; }
.side-menu li.active { line-height: 28px; }
.side-menu li.active .thd-menu { display: block; }
.side-menu li .thd-menu { padding-left: 60px; display: none; }
.side-menu li .thd-menu li { line-height: 32px; border-bottom: 0; background: url(../images/thd-menu.png) no-repeat center left; }
.side-menu li .thd-menu li a { padding-left: 15px; }
.side-menu li .thd-menu li.on { background: url(../images/thd-menuH.png) no-repeat center left; }
.side-menu li .thd-menu li.on a { color: #ea5413; }

.main-r { overflow: hidden; }

.crumbs { color: #666666; }
.crumbs a { color: #666666; }
.crumbs a:hover { color: #ea5413; }

.main-tit { margin-top: 15px; padding-bottom: 20px; border-bottom: 1px solid #dadada; }
.main-tit h2 { font-size: 22px; }

.content { margin-top: 23px; }

.page-product-list { margin-left: -15px; overflow: hidden; }
.page-product-list li { width: 286px; margin-left: 15px; margin-bottom: 30px; padding: 4px; float: left; border: 1px solid #f0f0f0; }
.page-product-list li img { height: 180px; }
.page-product-list li span { text-align: center; line-height: 50px; }

.text-title { text-align: center; }
.text-title h1 { font-size: 20px; }
.text-title p { display: none; }

.detail-box { margin-top: 20px; }
.detail-box p { line-height: 24px; margin-bottom: 26px; color: #666666; }
.detail-box .simg img, .detail-box p img { max-width: 100% !important; height: auto !important; }

.page-tit { background: #ea5413; }
.page-tit h2 { line-height: 42px; color: #FFFFFF; font-size: 16px; padding-left: 24px; }

.specification { width: 100%; margin: 32px 0; border: 1px solid #000000; }
.specification th { padding: 10px; background: #575757; color: #FFFFFF; text-align: center; font-size: 16px; }
.specification td { padding: 10px 70px; color: #666666; border: 1px solid #000000; }
.specification tr:nth-child(odd) td { background: #dddddd; border: 0; }
.specification tr .tit { width: 40%; }

/* page */
.page { clear: both; padding: 30px 0 20px; text-align: center; }
.page a { height: 34px; margin-bottom: 10px; display: inline-block; padding: 0 15px; height: 34px; font-size: 12px; line-height: 34px; background: #fff; border: 1px solid #e3e3e3; text-align: center; color: #333; border-radius: 3px; }
.page a.a1 { padding: 0 15px; height: 34px; line-height: 34px; margin-top: 0px; }
.page a:hover { background: #ea5413; color: white; text-decoration: none; }
.page span { display: inline-block; padding: 0 15px; height: 34px; line-height: 34px; background: #ea5413; border: 1px solid #ea5413; color: #fff; text-align: center; border-radius: 3px; }
.page .noPage { display: inline-block; padding: 0px 12px; height: 22px; line-height: 22px; border: 1px solid #e3e3e3; text-align: center; color: #a4a4a4; }

/*# sourceMappingURL=common.css.map */