﻿@charset "utf-8";
/*全局样式*/
@import url("base.css");
body {margin:0 auto;padding:0;width:100%;color:#333;font:14px/1.5 Arial,"Microsoft Yahei";background:#fff;-webkit-font-smoothing:antialiased;}
input,button,select,textarea,img,p,h1,h2,h3,h4,h5 {margin:0;padding:0;border:0;font-family:'Microsoft YaHei','微软雅黑';}
a {color:#333;text-decoration:none;}
a:hover {color:#be080d;text-decoration:none;-webkit-transition:all 0.2s linear;transition:all 0.2s linear;}
ol,ul,li,dl,dd {margin:0 auto;padding:0;list-style-type:none;}
i,em {font-style:normal;}
table {border-collapse:collapse;border-spacing:0;}
/*Clear Fix*/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
.mr5{margin-left: 5px !important;}
.mr10{margin-right: 10px !important;}
.clear {clear:both;font-size:0px;height:0px;overflow:hidden;}
.line5 {clear:both;font-size:0px;height:5px;overflow:hidden;}
.line10 {clear:both;font-size:0px;height:10px;overflow:hidden;}
.line15 {clear:both;font-size:0px;height:15px;overflow:hidden;}
.mt50{margin-top: 50px !important;}
.mb50{margin-bottom: 50px !important;} 
/*页面布局*/
.section {position:relative;margin:0 auto;width:1300px;text-align:left;}
.wrapper {position:relative;margin:0 auto;padding:0;width:100%;height:auto;text-align:left;overflow:hidden;}
.wrapper:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.wrap-box {width:1300px;}
.bg-wrap {margin:0;padding:0;background:#fff;}
.bg-wrap:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.bg-wrap.nobg {background:none;}
.pad-15 {position:relative;padding:15px;}
.pt-30 {padding-top:30px;}
.icon {position:absolute;display:block;width:20px;height:20px;background:url(../images/icon.png) no-repeat;zoom:1;}
.fl {float:left !important;}
.fr {float:right !important;}
.main-title .title {text-align:center;text-transform:uppercase;}
.main-title h1 {font-size:30px;font-weight:bold;color:1b1b1b;text-align:center;padding-top:50px;border-bottom:1px solid #d3d3d3;color:#c80007;}
.pagination {margin:28px 0 0;text-align:center;font-size:14px;}
.main-title .nav-tit {padding:30px 0;text-align:center;color:#a7a7a7;font-size:18px;}
.main-title .nav-tit a {margin-left:10px;color:#a7a7a7;background:#ffffff;border:2px solid #a7a7a7;padding:5px 0;width:180px;display:inline-block;}
.main-title .nav-tit a:hover,.nav-tit a.selected {color:#fff;background:#c6000d;border-color:#c6000d;}
.location{ padding:5px 0; width:100%; height:40px; line-height:40px; color:#999; font-size:12px; text-align:left; }
.location a{ margin:0 5px; }
.location span{ color:#666; }
.header{height: 60px;position:relative;}
    .header .logo{position: absolute;left: 5%;top: 0;}
    .header .nav {padding-left: 300px;}
    .header .nav li{display: inline-block;line-height: 60px;padding-right: 40px;position: relative;}
    .header .nav li a:after {content: "";width: 0;height: 2px;background: #cc0019;position: absolute;bottom: -20px;left: 0;transition: all 0.5s ease 0s;}

.header .nav li a:hover:after,#index .nav-index:after,#about .nav-about:after,#product .nav-product:after,#news .nav-news:after,#contact .nav-contact:after {width: 100%;}
.header .nav li a{color: #cc0019;font-size: 18px;position: relative;}
.header .nav li a:hover,#index .nav-index,#about .nav-about,#product .nav-product,#news .nav-news,#contact .nav-contact{color: #cc0019;}
.swiper-pagination-clickable .swiper-pagination-bullet{background: #ddd;opacity: 1;}
.swiper-pagination-clickable .swiper-pagination-bullet-active{border-radius: 5px;width: 30px;height: 8px;background-color: #cc0019;}

.header .language-box{ width: 70px; position:absolute;right: 3%;height: 60px;top: 50%;margin-top: -35px;line-height: 60px;}
.header .language-box .search{cursor: pointer; display: inline-block;margin-right: 20px; background: url(../images/search.png) no-repeat;background-size:18px auto;width: 18px;height: 18px;}
.header .language-box .language{display: inline-block;}
.header .language-box .language a {position: relative;color: #cc0019;font-size: 18px;font-weight: bold;}
.header .language-box .language a:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: -12px;
  width: 0;
  height: 0;
  border: 4px solid transparent; /*以下四个样式对应四种三角形，任选其一即可实现*/
   border-top-color:#cc0019; 
}
.popup-search{ position:fixed; left:0; top:0; z-index:9999; width:100%; height:100%; opacity:0; visibility:hidden; -webkit-transition:opacity .15s; transition:opacity .15s;}
.popup-search.open{ opacity:1; visibility:visible; -webkit-transition:opacity .45s; transition:opacity .45s;}
.popup-search .popup__overlay{ position:absolute; width:100%; height:100%; background:#000; opacity:.85; filter:Alpha(opacity=85);}
.popup-search .close{ position:absolute; right:30px; top:20px;}
.popup-search .close a{ display:block; width:44px; height:44px; line-height:44px; font-size:42px; text-align:center; color:#fff;}
.popup-search .searchlist{ position:absolute; left:50%; top:50%; display:block; margin-left:-325px; margin-top:-30px; width:650px; height:48px;}
.popup-search .searchbtn{ position:absolute; right:0; top:0; display:block; margin:0; padding:0; width:80px; height:48px; line-height:48px; font-size:16px; text-align:center; color:#999; background:none; border:0; outline:0; cursor:pointer;}
.popup-search .searchtxt { display:block; box-sizing:border-box; margin:0; padding:0 5px; padding-right:85px; width:100%; height:48px; line-height:48px; font-size:16px; color:#999; background:none; border:0; border-bottom:1px solid #888; outline:0;}
  
.banner{margin: 0 auto;width: 100%;}
.banner img {width: 100%;height: auto;}
.i-cate{background: #e0e0e0;padding: 30px 0;}
.i-cate *{box-sizing: border-box;}
.i-cate .title h2{font-size: 36px;font-weight: bold;color: #cc0019;text-align: center;text-transform: uppercase;}
.i-cate .title  p{text-align: center;font-size: 16px;color: #000;}
.i-cate-box{position: relative;padding: 0 210px;margin: 30px 0;}
.i-cate-box .left{position: absolute;left: 0;top: 0;}
.i-cate-box .right{position: absolute;right:0;top: 0;}
.i-cate-box .cate-item img{width:100%;border-radius: 10px;}
.i-cate-box .cate-item p{text-align: center;font-size: 18px;color: #000;margin-top: 15px;}
.why-box{background: #fff;padding: 50px 0;}
.why-box .title{font-weight:bold;font-size: 36px;color: #cc0019;text-align: center;margin-bottom: 40px;text-transform: uppercase;}
.why-box ul{display: flex;justify-content:space-around;margin:0 100px;}
.why-box ul li{cursor: pointer; border: 1px solid #e2e2e2;border-radius: 8px;width: 333px;height: 315px;display: flex;align-items: center;justify-content: center;}
.why-box ul li:hover{border-color: #cc0019;}
.why-box .more {margin-top: 50px;text-align: center;}
.why-box .more a{color: #cc0019; font-size: 22px; display: inline-block;text-align: center;border:1px solid #cc0019;border-radius: 50px;height: 50px;line-height: 50px;width: 210px;}
  .Contact-box{margin-bottom: 50px;}
                .Contact-box .title{margin-bottom: 30px;}
                .Contact-box .title h2{font-size: 36px;font-weight: bold;color: #cc0019;}
                .Contact-box .title p{color: #000;font-size: 22px;margin-top: 10px;}
                .Contact-box .message{background: #f2f2f2;padding: 50px 100px;border-radius: 20px;margin-top: -200px;}
                .Contact-box .message .input{width: 640px;margin:0 5px;float: left;margin-bottom: 10px;border-bottom: 1px solid #000;}
                .Contact-box .message .input input{width: 645px;height: 55px;line-height: 55px;background: #f2f2f2;text-indent: 2em;outline-style:none;}
                .Contact-box .message .content{min-height: 120px;}
                .Contact-box .message .content textarea{border-bottom: 1px solid #000;outline-style: none; width: 100%; min-height: 120px;;background: #f2f2f2;text-indent: 2em;padding-top: 2em;}
                .Contact-box .message .submit-box{text-align: center;}
                .Contact-box .message .submit{text-transform:uppercase; display: inline-block; font-size: 22px;font-weight: 600;width: 180px; height: 50px;color: #868686;border-radius: 52px;border: 1px solid #414141; line-height: 50px;background: #f2f2f2;text-align: center;margin-top:30px;cursor: pointer;}
                .Contact-box .contact-height{background: #f2f2f2;height: 300px;}      
.about-box .company-intr{display: flex;background: #fff;padding: 50px 0;}
  .about-box .des{flex: 1;}
  .about-box .des .title{font-size: 36px;color: #cc0019;font-weight: bold;margin-bottom: 20px;}
  .about-box .des p{font-size: 16px;color: #000;margin-bottom: 30px;}
  .about-box .img{margin-right: 40px;display: flex;align-items: center;width: 600px;}
  .about-box .img img{width: 100%;}
  .about-box .title2{font-size: 36px;color: #cc0019;font-weight: bold;text-align: center;margin-bottom: 30px;}
    .cer-box {padding: 50px 0;}
        .cer-box .title{margin-bottom: 30px;}
        .cer-box .title h2{text-align: center;font-size: 36px;font-weight: bold;margin-bottom: 20px;color: #cc0019;}
        .cer-box .title p{font-size: 16px;color: #000;text-align: center;}
        .swiper-cer img{width: 100%;}
.our{margin-top: 50px;background: url(../images/aboutbg.jpg) no-repeat;height: 158px;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 36px;font-weight: bold;}
    .news-box {padding: 50px 0;background: #fff;}
    .news-box li{margin-bottom: 30px;}
    .news-box a{display: flex;height: 325px;}
    .news-box a .img{display: flex;align-items: center;width:613px;height: 325px;}
    .news-box a .img img{max-height: 325px;max-width: 613px;}
    .news-box a .info{box-sizing: border-box; flex: 1;background: #eaeaea;padding: 0 30px;display: flex;flex-direction: column;justify-content: center;}
    .news-box a .info .time{font-size: 16px;color: #cc0019;}
    .news-box a .info .title{font-size: 32px;color: #cc0019;width:680px;}
    .news-box a .info .des{font-size: 14px;color: #4f4f4f;margin: 30px 0;}
    .news-box a .info .more{text-transform: uppercase; border: 1px solid #cc0019;height: 40px;line-height: 40px;border-radius: 40px;width: 200px;text-align: center;color: #cc0019;}
    .news-box a:hover .more{background: #cc0019;color: #fff;}
 #news .banner{position: relative;}
.news-cate{position: absolute;bottom: 0;left: 0;right: 0;}
.news-cate ul{text-align: center;font-size: 0;}
.news-cate ul li{display: inline-block;margin: 0;padding: 0;padding: 0 2px;}
.news-cate ul li a{margin: 0; color: #acacac;background-color: rgba(0, 0, 0, 0.3);padding: 30px 80px;display: inline-block;font-size: 26px;font-weight: bold;}
.news-cate ul li a:hover{background: #cc0019;color: #fff;}
    .news-cate ul li a.active{background: #cc0019;color: #fff;}
.cate-box{margin: 50px auto;}
    .cate-box li{display: flex;}
    .cate-box li a{display: flex;}
    .cate-box li:nth-child(2n) a{ flex-direction: row-reverse;}
    .cate-box li .img{width: 50%;}
    .cate-box li .img img{width: 100%;}
    .cate-box li .info{width: 50%;display: flex;flex-direction: column;justify-content: center;box-sizing: border-box;padding-left:50px;}
    .cate-box li .info .title{font-size: 36px;font-weight: bold;color: #cc0019;}
    .cate-box li .info p{color: #000;font-size: 16px;margin-top: 20px;}
    .cate-box li .info .more{margin-top: 30px; border: 1px solid #cc0019; color: #cc0019; font-size: 22px;height: 62px;width: 200px;line-height: 62px;text-align: center;display: inline-block;border-radius: 62px;}
    .cate-box li a:hover .more{background: #cc0019;color: #fff;}

    .more-cate {background: #fff;padding: 50px 0;}
    .more-cate .title{font-size: 36px;color: #cc0019;text-align: center;text-transform: uppercase;margin-bottom: 30px;}
    .more-cate  ul{width: 105%;}
    .more-cate  li a{display: block;}
    .more-cate  li{ width:420px;float: left;margin-right: 20px;margin-bottom: 20px;}
    .more-cate  .img-box {border: 1px solid #f5f5f5; width:418px;height:418px; text-align:center;vertical-align:middle;;overflow:hidden;display:table;*display:block;}
    .more-cate  .img-box .cell{display:table-cell;vertical-align:middle;text-align:center;}
    .more-cate  .img-box img {max-width:418px;max-height:418px;}
    .more-cate  li h2{text-align: center;color: #000;padding: 10px 0;font-size: 24px;}
    .cate {padding: 50px 0;}
.cate a{margin-right: 30px; display: inline-block;background: #f2f2f2;padding: 0 15px;color: #000;border-radius: 48px;height:48px;line-height: 48px; font-size: 20px;}
.cate a:hover,.cate .selected{color: #fff;background: #ff6a00;}

    .product ul{width: 105%;}
    .product li a{display: block;}
    
    .product li{ width: 302px;float: left;margin-right: 23px;margin-bottom: 23px;border-radius: 5px;border: 1px solid #f5f5f5;}
    .product .img-box {width:302px;height:302px; text-align:center;vertical-align:middle;overflow:hidden;display:table;*display:block;}
    .product .img-box .cell{display:table-cell;vertical-align:middle;text-align:center;}
    .product .img-box img {max-width:302px;max-height:302px;}
    .product li:hover{ box-shadow: 0 0 10px rgba(0,0,0,.18);}
    .product li .title{text-align: center;font-size: 20px;color: #000;padding: 10px 0;}
    /*搜索*/
    .search-tit {
        display: block;
        margin: 0 30px;
        padding-top: 15px;
        line-height: 38px;
        border-bottom: 1px solid #f0f0f0;
    }
.search-tit h3 {display:inline-block;color:#333;font-size:16px;font-weight:normal;}
.search-tit span {margin-left:15px;color:#999;font-size:14px;}
.search-tit span strong {margin:0 2px;color:#1e7bb3;font-weight:600;}
.n-list {padding:15px 30px;}
.n-list li {display:block;padding-bottom:15px;border-bottom:1px solid #f0f0f0;overflow:hidden;}
.n-list li:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.n-list li h2 {padding:15px 0 15px;font-size:18px;line-height:24px;font-weight:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.n-list li h2 a {color:#333;text-decoration:none;}
.n-list li h2 a:hover {color:#8CAC52;}
.n-list li .note b {position:relative;display:block;float:left;margin-right:16px;width:118px;height:118px;border:1px solid #e8e8e8;font-style:normal;}
.n-list li .note b img {min-width:100%;min-height:100%;width:100%;_height:100%;}
.n-list li .note p {display:block;font-size:14px;max-height:84px;line-height:28px;font-weight:500;color:#666;overflow:hidden;}
.n-list li .note .info {padding-top:10px;height:20px;line-height:20px;}
.n-list li .note .info span {margin-right:10px;color:#999;font-size:12px;}
.n-list li .note .info span i {margin-right:3px;font-size:12px;}
.n-list .nodata {margin-top:30px;color:#666;font-size:14px;line-height:100px;text-align:center;}
/*分页*/
div.digg {margin:0;padding:0;text-align:left;font-size:14px;display:inline-block;}
div.digg a {display:block;float:left;padding:5px 12px;margin:0 0 0 8px;border:1px solid #e1e2e3;line-height:20px;height:20px;color:#666666;background:#fff;text-decoration:none;border-radius:3px;}
div.digg a:hover {border:1px solid #0166b3;background:#0166b3;color:#fff;}
div.digg span {display:block;float:left;padding:5px 0;line-height:20px;height:20px;}
div.digg span.current {padding:5px 12px;margin:0 0 0 8px;color:#fff;font-weight:bold;background:#0166b3;border-radius:3px;}
div.digg span.disabled {border:1px solid #eee;padding:5px 12px;margin:0 0 0 8px;color:#ddd;}
.entry{ margin-top:20px; padding:0 50px 30px; font-size:14px; line-height:2em; word-wrap:break-word; }
	.entry img{ max-width:100%!important; height:auto!important; }
	.entry h2,.entry h3,.entry h4{ margin:0.8em auto; padding-bottom:5px; border-bottom:1px solid #f6f6f6; color:#333; }
	.entry h2{ font-size:1.2em; }
	.entry h3,.entry h4{ font-size:1.1em; }
	.entry strong{ color:#DC2523; }
	.entry ul,.entry ol{ margin:1em; padding:0; }
	.entry li{ margin-left:1em; }
	.entry ul li{ list-style:disc outside none; }
	.entry ol li{ list-style:decimal outside none; }
	.entry p{ display:inherit; margin:1em 0; color:#333; word-wrap:break-word; }
	.entry a{ text-decoration:underline; }
	.entry code{ display:block; padding:0.5em; background:#eee; border-radius:.5em; color:#777; font-family:'courier new'; font-size:12px; line-height:1.7em; }
	.entry table{ margin:10px auto; border-left:1px solid #eee; border-top:1px solid #eee; }
	.entry table th{ background:#F9F9F9; text-align:center; }
	.entry table td,.entry table th{ border-bottom:1px solid #eee; border-right:1px solid #eee; padding:0.35em 0.5em; }
  .news-detail-box{padding: 60px 0;}
        .news-title{padding-top: 50px; text-align: center;font-size: 55px;font-weight: bold;color: #000;border-bottom: 1px solid #cecece;}
        .news-detail{margin: 50px auto;background: #fff;border-radius: 10px;padding: 50px 30px;}
        .news-detail .title{padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #b9b9b9;}
        .news-detail .title h1{color: #221815;font-size: 32px;}
        .news-detail .title .time{font-size: 19px;color: #000;margin-top: 10px;}
        .next-box{border-top:1px solid #b9b9b9; position:relative; padding:20px 0; line-height:20px; color:#444; font-size:14px;margin-top: 30px;}
        .news-detail .next-box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
        .news-detail .next-box p{ display:block; width:49%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
        .news-detail .next-box p a{ color:#ff6a00; }
        .news-detail .next-box p.prev{ float:left; }
        .news-detail .next-box p.next{ float:right; }
      /*产品详情*/
.product-box-detail {background:#ffffff;}
/*商品缩略图样式*/
.goods-box {position:relative;margin-bottom:15px;padding:30px 0;font-size:12px;}
.goods-box .line{width: 1px;background: #c1c1c1;height:600px;position: absolute;left: 555px;}
.goods-pic {position:relative;float:left;width:472px;*z-index:1;}
.pic-box {float:left;}
.pic-preview {width:470px;height:470px;border:1px solid #e8e8e8;}
.pic-scroll {margin-top:10px;width:470px;}
.pic-scroll .prev {float:left;background:url(../images/pleft.png) no-repeat left center;}
.pic-scroll .next {float:right;background:url(../images/pright.png) no-repeat center right;}
.pic-scroll .prev,.pic-scroll .next {display:block;font-family:"宋体";text-align:center;width:56px;height:82px;line-height:82px;cursor:pointer;text-decoration:none;}
.pic-scroll .items {position:relative;float:left;width:358px;overflow:hidden;height:82px;}
.pic-scroll .items ul {position:absolute;margin:0;padding:0;width:999999px;height:100%;}
/*商品规格*/   
.goods-spec {position:relative;margin:0 0 0 680px;overflow:hidden;}
.goods-spec h1 {display:block;color:#cc0019;font-size:30px;font-weight:700;line-height:1.2em;text-overflow:ellipsis;_white-space:nowrap;overflow:hidden;margin-top:30px;}
.goods-spec h1 span {color:#1a1a1a;font-size:18px;}
.goods-spec .subtitle {color:#1a1a1a;font-size:18px;line-height:24px;}
.goods-spec .subtitle span {color:#1a1a1a;font-size:24px;line-height:24px;font-weight:bold;}
.goods-spec .des-box  .info {margin-top:20px;padding:0 0 15px;font-size:14px;line-height:2em;word-wrap:break-word;}
.goods-spec .des-box {position:relative;margin-top:10px;}
.goods-spec .des-box h2 {font-size:16px;color:#404040;margin-top:30px;}
/*图片放大镜样式*/
.tb-pic a {display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img {vertical-align:middle;}
.tb-pic a {line-height:1;}
.tb-thumb li {float:left;width:92px;height:82px;overflow:hidden;}
.tb-s650,.tb-s650 a {height:470px;width:470px;}
.jqzoom {max-height:470px;max-width:470px;}
.tb-s650 a {*font-size:271px;}
.tb-s40 a {*font-size:35px;}
.tb-s40,.tb-s40 a {height:80px;width:80px;margin-right:10px;}
.tb-s40 a img {vertical-align:middle;max-height:80px;max-width:80px;}
.tb-booth {border:1px solid #CDCDCD;position:relative;z-index:1;}
.tb-thumb .tb-selected div {border:1px solid #C30008;}
.tb-thumb li div {border:1px solid #CDCDCD;}
div.zoomDiv {z-index:999;position:absolute;top:0px;left:0px;width:470px;height:470px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask {position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}
.product-next {position: absolute;right: 0;top: 10px;}
.product-next span{float: left; display: inline-block;background-color: #f8f8f8;width: 40px;height: 40px;line-height: 40px;text-align: center;margin-right: 15px;font-family: SimSun,sans-serif;font-size: 16px;}
.product-next span a{display: block;}
.product-next span.all{background: #f8f8f8 url(../images/pmore.png) no-repeat center center;}
/*底部*/
        .footer {background: #cc0019;padding: 30px 0;}
        .footer .nav-box .nav{padding: 30px 0;position: relative;}
        .footer .nav-box .nav ul{border-bottom: 1px solid #fff;padding: 20px 0;}
        .footer .nav-box .nav ul li{display: inline-block;margin-right: 20px;color: #fff;font-size: 20px;}
        .footer .nav-box .nav ul li a{color: #fff;}
        .footer .copyright{position: absolute;right: 0;top: 40px;text-align: right;}
        .footer .copyright p{color: #fff;font-size: 14px;}
        .footer .link-info p{font-size: 16px;color: #fff;padding: 10px 0;}
        .footer .link-info p span{width: 350px;display: inline-block;}
        .footer .logo{position: absolute;right: 0;bottom: 10px;}
