html, body { padding: 0px; margin: 0px; font-size: 14px; font-family: Microsoft Yahei, Tahoma, Arial; }
.header { border-top: 2px #c4261d solid; }
.header .logo { padding: 20px 0px; float: left !important; width: auto; }
.header .navbar-form { padding: 10px 50px 0px 0px; text-align: right; }
.header .navbar-form .form-control { width: 300px; }
.header .navbar-form .keywords { font-size: 12px; padding-top: 5px; }
.header .navbar-form .keywords > a { display: inline-block; padding: 0px 3px; color: #888; }
.header .service-tel { padding: 20px 0px 0px 0px; text-align: right; font-weight: bold; }
.header .service-tel > p > span { color: #c4261d; }
.sharpe-nav { background-color: #c4261d; }
.sharpe-nav .navbar-nav > li > a { color: #fff; }
.sharpe-nav .nav > li > a:hover, .sharpe-nav .nav > li > a:focus, .sharpe-nav .nav > li.active > a { background-color: #222; }
.swiper-slide img { max-width: 100%; }
.btn-buy { color: #fff; background-color: #c4261d; border-color: #c4261d; }
.btn-buy:hover, .btn-buy:focus { color: #ffff00; background-color: #a91d15; border-color: #a91d15; }
.breadcrumbs { color: #333; margin-top: 20px; margin-bottom: 10px; border-bottom: 1px #ccc solid; padding-bottom: 0px; }
.breadcrumbs a { color: #333; }
/* home-title */
.home-title { text-align: center; padding: 45px 0px 30px 0px; }
.home-title h3 { color: #666; font-size: 20px; margin: 5px auto; }
.home-title small { color: #ccc; font-size: 13px; text-transform: uppercase; }
.home-title span { border-bottom: 2px #c4261d solid; margin: 20px auto; display: block; width: 45px; }
/* home-case */
.home-case { margin-top: 30px; }
.home-case ul, .home-case ul li { padding: 0; margin: 0; list-style: none; }
.home-case .hd { position: relative; width: 80%; float: right; }
.home-case .hd ul { float: right; left: 20px; border-bottom: 2px solid #c4261d; }
.home-case .hd ul li { margin: auto 8px; float: left; padding: 9px 15px; cursor: pointer; background: #f5f5f5; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.home-case .hd ul li:nth-child(7) { margin-right: 0px !important }
.home-case .hd ul li:nth-child(1) { margin-left: 0px !important }
.home-case .hd ul li.active { background: #c4261d; color: #fff; margin-top: 0px; }
.home-case .item h3 { color: #c4261d; font-size: 18px; font-weight: bolder; margin-bottom: 25px; }
.home-case .item h4 { font-weight: bolder; font-size: 16px; margin-bottom: 20px; }
.home-case .bd ul .left { width: 32%; float: left; }
.home-case .bd ul .left img { width: 100%; }
.home-case .bd ul .right { width: 64%; float: right; }
.home-case .title { display: inline-block; font-size: 22px; float: left; }
.home-case .title span { font-size: 12px; color: #ccc; margin-top: 5px; }
.home-case .list { height: 290px; }
.home-case .list > h3 { font-size: 16px; margin-top: 50px; float: left; width: 100%; margin-bottom: 20px; }
.home-case .list .col-xs-3 img { width: 100%; }
.home-case .list .col-xs-3 p { background: #c4261d; height: 35px; line-height: 35px; color: #fff; text-align: center; }
.home-case .list .col-xs-3 p a { color: #fff; }
/* term */
.term { background-color: #fafafa; }
.term .term-list { text-align: center; padding: 0px 45px; margin-bottom: 45px; }
.term .term-list .swiper-button-next, .term .term-list .swiper-button-prev { background-color: #333; color: #fff; background-image: none; height: 40px; width: 40px; border-radius: 40px; padding: 10px; margin-top: -35px; }
.term .term-list .swiper-button-next { right: 0px; }
.term .term-list .swiper-button-prev { left: 0px; }
.term .term-list .term-item img { border: 1px #ccc solid; }
.term .term-list .term-item p { margin-top: 5px; }
.term .term-list .term-item p a { color: #666; }
.best-product .menu { max-width: 780px; margin: 0px auto; }
.product-list { min-height: 360px; padding: 30px 0px; }
.product-list .item { min-height: 360px; margin-bottom: 30px; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .15); border-radius: 0px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); }
.product-list .item .pic img { max-width: 100%; }
.product-list .item .text { background-color: #fafafa; padding: 5px 12px; }
.product-list .item .text h2 { font-size: 15px; color: #333333; margin-top: 10px; }
.product-list .item .text h2 a { color: #333333; }
.product-list .item .text p { font-size: 13px; color: #999999; margin-bottom: 3px; }
.product-list .item .text p.btn-box { margin-top: 8px; margin-bottom: 8px; }
.product-list .item .text p.btn-box > a { margin-right: 15px; }
.product-list .item .text p.btn-box > a:last-child { margin-right: 0px; }
.best-product .more-product { margin: 15px auto; }
/* cnc-banner */
.cnc-banner { position: relative; background: url("/upload/images/banner/news.jpg") center no-repeat; width: 100%; height: 260px; display: table; }
.net-banner { position: relative; background: url("/upload/images/banner/news.jpg") center no-repeat; width: 100%; height: 260px; display: table; }
.product-banner { position: relative; background: url("/upload/images/product/banner-cnc.jpg") center no-repeat; width: 100%; height: 200px; display: table; }
.cnc-banner .categoty-text { position: absolute; bottom: 0px; right: 0px; left: 0px; text-align: right; color: #fff; }
.cnc-banner .categoty-text .black { color: #222; margin-bottom: 10px; background-color: rgba(255, 255, 255, 0.5); border-radius: 10px; padding: 0px 10px; display: inline-block; }
/* profession */
.profession { background-color: #f7f7f7; margin: 30px; }
.profession .text h1 { font-size: 28px; color: #666; margin-bottom: 0px; margin-top: 80px; }
.profession .text h3 { font-size: 13px; color: #666; text-transform: uppercase; }
.profession .text h3 span { color: #c4261d; }
.profession .text ul { margin-top: 30px; }
.profession .text ul > li { color: #999999; }
.profession .text .tel { color: #999999; margin-top: 20px; }
.profession .text .tel b { color: #c4261d; font-size: 24px; }
.profession .pic { background: url("../images/cnc-profession.jpg") left center no-repeat; height: 300px; position: relative; }
.profession .pic .btn { position: absolute; left: -45px; top: 145px; }
/* advantage */
.advantage-list .item { position: relative; margin-bottom: 30px; display: block; }
.advantage-list .item img { max-width: 100%; }
.advantage-list .item .text { position: absolute; bottom: 0px; left: 15px; right: 15px; padding: 10px; background: rgba(196, 38, 29, 0.8); color: #fff; margin-bottom: 0px; display: block; }
.advantage-list .item .text { font-size: 12px; }
.advantage-list .item .text > b { display: none; font-size: 14px; font-weight: normal; }
.advantage-four { margin-top: 30px; margin-bottom: 30px; }
.advantage-four .item { width: 100%; display: table; }
.advantage-four .item .pic { width: 50%; float: left; }
.advantage-four .item .pic img { max-width: 100%; }
.advantage-four .item .text { width: 50%; float: right; color: #666666; padding-left: 35px; }
.advantage-four .item .text .ico { width: 1.5em; height: 1.5em; line-height: 1.5em; border-radius: 1.5em; font-size: 3em; text-align: center; background-color: #c4261d; color: #fff; display: inline-block; margin-top: 30px; margin-bottom: 0px; }
.advantage-four .item .text h2 { font-size: 22px; }
.advantage-four .item .text small { font-size: 16px; }
.advantage-four .item .text ul { padding-left: 0px; margin-top: 20px; list-style: none; }
.advantage-four .item .text ul > li { font-size: 14px; color: #666666; padding: 3px 0px; background: url("../images/ico-disc.png") left center no-repeat; padding-left: 22px; }
.advantage-four .item .text ul.w5 > li { width: 50%; float: left; display: table; }
.advantage-four .item:nth-child(2n) .pic { float: right; }
.advantage-four .item:nth-child(2n) .text { float: left; text-align: left; }
/* home-about */
.home-about { background: url("../images/home-about.jpg") center top no-repeat; min-height: 400px; padding-top: 190px; padding-bottom: 50px; margin-bottom: 30px; }
.home-about .container { background-color: #c4261d; }
.home-about .container .pic { margin-top: -40px; float: left; width: 50%; display: table; margin-bottom: 20px; }
.home-about .container .text { color: #fff; padding: 30px 50px 0px 50px; float: right; width: 50%; }
.home-about .container .text small { margin-bottom: 30px; display: block; }
.home-about .container .text p { line-height: 1.8em; }
.home-about .container .text .more { border: 1px #fff solid; padding: 0px 30px; color: #fff; display: inline-block; margin-top: 10px; }
/* news-last */
.news-last .news-tabs { text-align: center }
.news-last .news-tabs .part { display: inline-block; text-align: center; }
.news-last .news-tabs .part a { color: #666; font-size: 14px; padding: 6px 15px; }
.news-last .news-tabs span.active a { color: #fff; background-color: #c4261d; }
.news-last .news-swiper { min-height: 300px; }
.news-last .news-swiper .list { margin-top: 30px; }
.news-last .news-swiper .list .item .time { color: #999; font-size: 30px; border-bottom: 1px solid #c4261d; padding-bottom: 20px; }
.news-last .news-swiper .list .item h4 { overflow: hidden; height: 40px; line-height: 40px; color: #333; }
.news-last .news-swiper .list .item p { color: #999999; }
.news-last .news-swiper .list .item .more { color: #c4261d; }
/* category-list */
.product-category { margin-top: -82px; }
.product-category .title { background-color: #d0121b; color: #fff; padding: 30px 30px; }
.product-category .title h3 { border-bottom: 1px #ccc solid; padding-bottom: 10px; }
.product-category .title p { text-align: right; }
.product-category .category-list { background-color: #f5f5f5; padding-bottom: 30px; margin-bottom: 30px; }
.product-category .category-list .panel-category { background-color: transparent; border-radius: 0px; margin-bottom: 0px; padding-left: 15px; padding-right: 15px; box-shadow: none; }
.product-category .category-list .panel-category .panel-dt { border-bottom: 1px #ccc solid; }
.product-category .category-list .panel-category .panel-dt h4 { font-size: 14px; display: block; cursor: pointer; position: relative; }
.product-category .category-list .panel-category .panel-dt h4 > .glyphicon-plus { position: absolute; top: 0px; right: 5px; color: #d0121b; font-size: 12px; }
.product-category .category-list .panel-category .panel-dt h4 > a { font-size: 14px; color: #d0121b; }
.product-category .category-list .panel-category .panel-collapse > ul { margin-bottom: 0px; }
.product-category .category-list .panel-category .panel-collapse > ul > li { list-style: none; }
.product-category .category-list .panel-category .panel-collapse > ul > li > a { font-size: 13px; padding: 5px 0px 5px 18px; color: #666666; display: block; }
.product-category .category-list .panel-category .panel-collapse > ul > li > a:hover, .product-category .category-list .panel-category .panel-collapse > ul > li.active > a { background-color: #d0121b; color: #fff; text-decoration: none; }
/* product-article */
.product-article .news-tabs { font-size: 16px; border-bottom: 1px #ccc solid; text-align: center; background-color: #eee; }
.product-article .news-tabs .part { display: inline-block; text-align: center; color: #333; border-top: 2px #eee solid; background-color: #eee; }
.product-article .news-tabs .part a { font-size: 14px; display: block; padding: 8px 85px; }
.product-article .news-tabs span.active { border-top: 2px #c4261d solid; background-color: #fff; padding: 1px 0px; margin-top: -1px; margin-bottom: -1px; }
.product-article .news-swiper { min-height: 200px; padding: 10px 0px; }
.product-article .news-swiper .list-unstyled > li { border-bottom: 1px #ccc dotted; padding-bottom: 10px; }
.product-attr .news-tabs .part a { font-size: 14px; display: block; padding: 8px 45px; }
.product-attr .news-swiper h2 { color: #666; font-size: 18px; }
.product-attr .news-swiper h2 strong { color: #c4261d; font-weight: normal; }
/* product-item */
.product-item .product-info h1 { font-size: 20px; }
.product-item .product-info .photo { min-height: 320px; background-color: #f7f7f7; }
.product-item .product-info .list-unstyled { border: 1px #ccc solid; padding: 10px 20px; margin-left: 0px; }
.product-item .product-info .list-unstyled > li { width: 32%; color: #222; padding: 5px 0px; }
.product-item .product-info .list-unstyled > li > b { width: 30%; color: #666; display: inline-block; font-weight: normal; }
.product-item .product-title { font-size: 18px; color: #c4261d; border-bottom: 1px #c4261d dotted; padding-bottom: 10px; margin-bottom: 0px; font-weight: bold; }
.product-content { overflow: hidden; }
.product-content h2 { padding-bottom: 20px; }
.product-content h1 { margin-bottom: 20px; font-size: 18px; padding: 10px 15px; background-color: #c4261d; color: #fff; }
.product-content .attr { margin-bottom: 15px; }
.product-content .attr .col-xs-5 { height: 185px; overflow: hidden; }
.product-content .attr .col-xs-5 img { max-width:100%; margin: 0px auto; border: 0px; }
.product-content .attr .col-xs-7 { background-color: #f7f7f7; height: 185px; overflow: hidden; padding-bottom: 15px; }
.product-content .attr .col-xs-7 p { padding: 10px 0px 10px 10px; }
.product-content .attr .col-xs-7 h2 { padding: 20px 0px 10px 10px; margin-bottom: 0px; margin-top: 0px; color: #c4261d; }
.product-content .col-xs-7 { font-size: 14px; color: #666; }
.product-content .col-xs-7 h4 { font-size: 16px; color: #333; font-weight: 700; }
.product-content .col-xs-5 img { border: 1px #ccc solid; }
/* article-body */
.article-body .article-list .list-text { padding: 10px 0px; }
.article-body .article-list .list-text .item { border-bottom: 1px #ccc dotted; padding: 10px 0px; }
.article-body .article-list .list-text .item h4 { position: relative; font-size: 16px; }
.article-body .article-list .list-text .item h4 > span { position: absolute; right: 0px; top: 5px; color: #9999; font-size: 12px; }
.article-body .article-list .list-text .item h4 > a { color: #343434; }
.article-body .article-list .list-text .item h4 > a:hover { color: #d0121b; }
.article-body .article-list .list-text .item p { color: #999; }
.article-body .article-list .list-photo { margin-top: 30px; }
.article-body .article-list .list-photo .item { border-bottom: 1px #ccc dotted; margin-bottom: 30px; padding-bottom: 30px; }
.article-body .article-list .list-photo .item .img { border: 1px #ccc solid; margin-bottom: 5px; }
.article-body .article-list .list-photo .item .img img { max-width: 100%; }
.article-body .article-list .list-photo .item p { text-align: center; }
.article-body .article-list .list-photo .item p > a { color: #888; }
/* article-item */
.article-item h1.title { font-size: 18px; text-align: center; }
.article-item .small-title, .article-item .small-title a { color: #999; font-size: 12px; }
.article-item .small-title, .article-item .small-title a { color: #999; font-size: 12px; }
/* article-category */
.article-category { margin-top: -82px; margin-bottom: 30px; }
.article-category .title { background-color: #d0121b; color: #fff; padding: 30px 30px; }
.article-category .title h3 { border-bottom: 1px #ccc solid; padding-bottom: 10px; }
.article-category .title p { text-align: right; text-transform: uppercase; }
.article-category .list-category { background-color: #f5f5f5; margin-bottom: 0px; padding: 20px 10px 20px 20px; list-style: none; color: #c4261d; }
.article-category .list-category li { padding: 5px 0px; width: 45%; display: inline-block; }
.article-category .list-category li > a { color: #333; }
.article-category .article-list { background-color: #f5f5f5; margin-bottom: 0px; padding: 10px 20px 10px 30px; color: #c4261d; }
.article-category .article-list li { padding: 1px 0px; }
.article-category .article-list li > a { color: #333; font-size: 12px; }
.article-category .small-title { background-color: #707070; border-top: 5px #d0121b solid; color: #fff; padding: 10px 30px; }
.article-category .small-title h3 { margin: 8px 0px; }
.article-category .sales-title { background-color: #d0121b; border-top: 0; border-bottom: 5px #707070 solid; color: #fff; padding: 10px 30px; }
.article-category .sales-title h3 { margin: 8px 0px; }
.article-category .article-list li > a { width:100%; display:inline-flex; line-height: 1.8em; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; }
.product-item .article-category { margin-top: 0px; margin-bottom: 30px; }
/* case-category */
.case-category { margin-top: -82px; margin-bottom: 30px; }
.case-category .title { background-color: #d0121b; color: #fff; padding: 30px 30px; }
.case-category .title h3 { border-bottom: 1px #ccc solid; padding-bottom: 10px; }
.case-category .title p { text-align: right; text-transform: uppercase; }
.case-category .list-category { background-color: #f5f5f5; margin-bottom: 0px; padding: 20px 10px 20px 20px; list-style: none; color: #c4261d; }
.case-category .list-category li { padding: 5px 0px; display: block; }
.case-category .list-category li > a { color: #333; }
.case-category .article-list { background-color: #f5f5f5; margin-bottom: 0px; padding: 10px 30px 10px 30px; color: #c4261d; }
.case-category .article-list li { padding: 1px 0px; }
.case-category .article-list li > a { color: #333; }
.case-category .small-title { background-color: #707070; border-top: 5px #d0121b solid; color: #fff; padding: 10px 30px; }
.case-category .small-title h3 { margin: 8px 0px; }
.case-list .photo-list { margin-top: 30px; }
.case-list .photo-list .item { border-bottom: 1px #ccc dotted; margin-bottom: 30px; padding-bottom: 30px; }
.case-list .photo-list .item .pic { width: 30%; float: left; }
.case-list .photo-list .item .pic img { max-width: 100%; }
.case-list .photo-list .item .text { width: 70%; float: right; padding-left: 30px; }
.case-list .photo-list .item .text p { color: #888; }
.case-info h1.title { font-size: 18px; text-align: center; }
.case-info .small-title, .case-info .small-title a { color: #999; font-size: 12px; }
.case-info .product-list { margin-top: 0px; padding-top: 10px; }
.case-body { margin: 0px auto; margin-bottom: 30px; }
.case-body h3 { font-size: 18px; }
/* about-bg */
.about-bg { background: url("/upload/images/about/about-bg.jpg") top center no-repeat; min-height: 730px; }
.about-bg .text { text-align: center; color: #fff; display: block; padding: 120px 0px 20px 0px; }
.about-bg .about-info { background-color: #fff; min-height: 400px; }
.about-bg .about-info img { max-width: 100%; }
.about-bg .about-info .company h1 { color: #666666; text-align: center; font-size: 25px; }
.about-bg .about-info .company p { color: #666666; }
.about-nav { margin-top: -82px; margin-bottom: 30px; margin-left: -15px; }
.about-nav .title { background-color: #d0121b; color: #fff; padding: 15px 30px; }
.about-nav .title h3 { border-bottom: 1px #ccc solid; padding-bottom: 10px; }
.about-nav .title p { text-align: right; text-transform: uppercase; }
.about-nav .list-category { background-color: #f5f5f5; margin-bottom: 0px; padding: 20px 10px 20px 20px; list-style: none; color: #c4261d; }
.about-nav .list-category li { padding: 8px 20px 5px 20px; display: block; background: url("/style/images/li-ico.png") left center no-repeat; border-bottom: 1px #ccc solid; padding-bottom: 10px; }
.about-nav .list-category li > a { color: #333; }
/* footer */
.footer { background-color: #fafafa; padding: 20px 0px; }
.footer .address > p { color: #666; margin-bottom: 0px; }
.footer .address > h5 { color: #666; font-weight: bold; font-size: 16px; margin-bottom: 40px; }
.footer .menu { border-top: 1px #ccc solid; padding-top: 30px; margin-top: 30px; padding-right: 26%; position: relative; }
.footer .menu > li { width: 24%; margin-top: 10px; }
.footer .menu > li > a { color: #666; }
.footer .menu .weixin { position: absolute; right: 0px; top: 20px; }
.footer .copyright { margin-top: 30px; font-size: 13px; color: #999; }
.links { background-color: #434343; padding: 10px 0px 0px 0px; color: #999; }
.links li > a { color: #999999; }