@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;max-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{
    background: #fff;


}

header .nav {
    position: relative;
}


.banner .swiper-pagination-bullet {
    background: #84aa91;
    width: 15px;
    height: 15px;

}
.banner .swiper-pagination-bullet-active {
    opacity: 1;
    width: 38px;
    height: 15px ;
    background: #fff;
    border-radius: 15px;
}

.banner{margin: 0 auto;width: 100%;}
.banner img {
    width: 100%;
    height: auto;
}
  header .top{background: #fff;height: 107px;}
        header .top .logo{float: left;line-height: 107px;}
        header .top .tel{width: 225px;float: right;margin-top: 17px;} 
        header .top .tel{background: url(../images/tel.png) no-repeat left center;padding-left: 40px;}
        header .top .tel p{color: #666;font-size: 16px;}
        header .top .tel b{color: #d71619;font-size: 32px;}
        header .nav{height: 74px;background: #d71619;}
        header span {height: 42px;}
        header span a{position:relative; display: inline-block;font-size: 16px;color: #fff;padding: 10px 30px;margin-right: 30px;margin-top: 15px;}
        header span i{background: url(../images/dot.png)no-repeat;width: 15px;height: 5px;position: absolute; right: -25px;top: 50%;margin-top: -3px;}
            #index .nav-index, #about .nav-about, #product .nav-product, #contact .nav-contact, #news .nav-news, header span a:hover {
                color: #d71619;
                background: #fff;
                border-radius: 44px
            }
        header .search{position: absolute;top: 50%;margin-top: -16px;height: 42px;right: 0;}
        header .search input{height: 40px;border: 1px solid #fff;background:transparent;color: #fff;text-indent: 2em;width: 210px;float: left;}
        header .search  input::-webkit-input-placeholder {color: #fff;}
header .search button{background: #fff;height: 42px;line-height: 42px;width: 74px;float: left;}
.brand{background: #fff;}
     .brand-box{z-index: 9999;margin-top: -95px;background: #fff;}
    .brand-list{padding: 30px 64px;}
    .brand-list .prev{background: url(../images/bl.png) no-repeat center center;width: 25px;height: 42px;position: absolute;left: 20px;top: 50%;margin-top: -21px;}
    .brand-list .next{background: url(../images/br.png) no-repeat center center;width: 25px;height: 42px;position: absolute;right:20px;top: 50%;margin-top: -21px;}
    .brand-list .photo
    {    
        display: table;
        width: 181px;
        height: 135px;
        overflow: hidden;
        position: relative;
        z-index: 1;
        border: 1px solid #eee;
    }
    .brand-list .photo .cell{
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }
    .brand-list img{max-width: 181px;max-height: 135px;}
  .i-about {background: #fff;}
    .i-about .left{
        width: 650px;
        float: left;
    }

    .i-about .right{
        width: 650px;
        float: left;
 
    }
    .about-img{padding: 30px 64px;       position: relative;}
    .i-about  .prev{background: url(../images/al.png) no-repeat center center;width: 11px;height: 26px;position: absolute;left: 20px;top: 50%;margin-top: -13px;}
    .i-about  .next{background: url(../images/ar.png) no-repeat center center;width: 11px;height: 26px;position: absolute;right:20px;top: 50%;margin-top: -13px;}
    .i-about  .photo
    {    
        display: table;
        width: 168px;
        height: 123px;
        overflow: hidden;
        position: relative;
        z-index: 1;
    }
    .i-about .photo .cell{
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }
    .i-about img{max-width: 168px;max-height: 123px;}
    .i-about .des h2{color: #d71619;font-weight: bold;font-size: 35px;}
    .i-about .des h3{color: #000;font-size: 22px;padding: 15px 0;}
    .i-about .des p{line-height: 30px;text-indent: 2em;color: #333;font-size: 14px;padding-bottom: 15px;}
    .certificate{background: #fff;padding-bottom: 50px;}
    .certificate-list{padding: 0 64px;}
    .cer-box{padding: 30px 0; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.2); box-shadow:0 0 15px rgba(0,0,0,0.2);}
    .certificate-list .prev{background: url(../images/bl.png) no-repeat center center;width: 24px;height: 46px;position: absolute;left: 20px;top: 50%;margin-top: -23px;}
    .certificate-list .next{background: url(../images/br.png) no-repeat center center;width: 24px;height: 46px;position: absolute;right:20px;top: 50%;margin-top: -23px;}
    
    .certificate-list img{width: 100%;border: 1px solid #eee;padding: 2px;}
     .i-product {
            background: #fff;
            padding-bottom: 60px;
        }
        .i-product .item{  border: 1px solid #eee;}
        .i-product .p_photo {
            display: table;
            width: 308px;
            height: 308px;
            overflow: hidden;
            position: relative;
            z-index: 1;
          
            border-bottom: none;
        }

        .i-product .p_photo .cell {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
        }

        .i-product .p_photo img {
            max-height: 308px;
            -webkit-transition: .45s;
            transition: .45s;
            max-width: 308px;
        }
        .i-product .info {background: url(../images/pt.png) no-repeat right 20px center;width: 308px;}
        .i-product .info h2 {
            font-size: 16px;
    color: #333333;
    height: 44px;
    line-height: 44px;
    margin: 0 20px;
    border-top: 1px solid #eee;
        }

        .i-plist {
            width: 105%;
            overflow: hidden;
            padding-top:60px;
        }

        .productitem a:hover  .info{background-color: #d71619;background-image:url(../images/pa.png);}
        .productitem a:hover  .info h2{color: #fff;border-color: #d71619;}
        .productitem a:hover .item{border-color:#d71619;}
        .productitem {
            width: 310px;
            height: 355px;
            background: #fff;
            margin-right: 20px;
            margin-bottom:20px;
            float: left;
           
        }
        .i-product .title{position: relative;padding: 50px 0;}
        .i-product .title h2 {
          
            font-size: 32px;
            color: #d71619;
            text-transform: uppercase;
            text-align: center;
            font-weight: bold;
        }
.jc {
    background: #fff url(../images/cbg.jpg) no-repeat;
    height: 502px;
    position: relative;
}

    .jc .title h2 {
        font-size: 32px;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        font-weight: bold;
        padding: 50px 30px;
    }

#certify {
    position: relative;
    width: 1300px;
    margin: 0 auto;
}

    #certify .swiper-slide {
        width: 280px;
        height: 278px;
        background: #fff;
    }

        #certify .swiper-slide img {
            display: block;
        }


    #certify .swiper-button-prev {
        left: -30px;
        width: 24px;
        height: 45px;
        background: url(../images/cl.png) no-repeat;
        background-size: 100%;
    }



    #certify .swiper-button-next {
        right: -30px;
        width: 24px;
        height: 45px;
        background: url(../images/cr.png) no-repeat;
        background-size: 100%;
    }

 .r-news{padding: 50px 0;background: #fff;}

        .r-news .title h2{        
          font-size: 32px;
          color: #d71619;
          text-transform: uppercase;
          text-align: center;
          font-weight: bold;
          padding: 0 0 30px 0;
        }
        .r-news ul{width: 110%;overflow: hidden;padding: 20px 10px;}
        .r-news li{width: 420px;height: 440px;float: left;margin-right: 20px;background: #f2f2f2;}
        .r-news li .info{padding: 25px 20px 0 20px;}
        .r-news .photo{display:table; width:100%; height:280px; overflow:hidden; position:relative; z-index:1;}
        .r-news .photo .cell{ display:table-cell; vertical-align:middle; text-align:center;}
        .r-news .photo .cell img{max-height: 280px;max-width: 420px;}
        .r-news li .info h2{font-weight: bold;color: #000;font-size: 18px;margin: 10px 50px 10px 0;}
        .r-news li .t-title{border-bottom: 1px solid #666666;position: relative;}
        .r-news li .info p{line-height: 25px;color: #666666;font-size: 14px;margin: 13px 0;}
        .r-news li .info .time{color: #666666;font-size: 15px;position: absolute;right: 0;bottom: 10px;}
   .contact-box {background:#fff;padding: 50px 0; }
      .contact-box  .message-box .message{padding: 40px 60px;width: 650px;float: left;background: #f0f0f0;}
      .contact-box  .message-box .message .title h2{font-size: 32px;color: #000;}
      .contact-box  .message-box .message .title p{padding-top: 10px;color: #666;}
      .contact-box  .message-box .message .input-box{width: 301px;margin: 5px 12px;float: left;}
      .contact-box  .message-box .message .textarea{width: 650px;}
      .contact-box  .message-box .message .textarea textarea{padding: 1em; background:transparent;border-bottom: 1px solid #ababab;width: 600px;height: 75px;outline: none;}
      .contact-box  .message-box .message .input-box  p{color: #333;padding-left: 5px;margin: 10px 0;}
      .contact-box  .message-box .message .input-box input{outline: none;background:transparent;border-bottom: 1px solid #ababab; width: 301px;height: 40px;line-height: 40px;text-indent: 1em;}
      .contact-box  .message-box .message  .btn{text-align: center;margin-top:20px;}
      .contact-box  .message-box .message  .btn .submit{display: inline-block; background: #d71619;width: 100px; text-align: center;height: 40px;line-height: 40px;color: #fff;border-radius: 40px;}
      
      .contact-box .link-info{float: left;width: 530px;height: 500px;}
      .contact-box .link-info h2{margin-top: 75px;font-weight: bold;color: #d71619;padding-bottom: 12px;font-size: 30px;}
      .contact-box .link-info p{padding-bottom: 40px;}
      .contact-box .link-info ul li{color: #000;font-size: 16px;padding: 12px 0;}
      .contact-box .link-info ul li.company{font-size: 24px;}
      .contact-box #amap-container{height: 520px;margin:50px 0;}
.cate-box{background: #fff;border-bottom: 1px solid #eae4e4;height: 50px;line-height: 50px;}
.cate-box a{font-size: 16px;color: #333333;line-height: 50px;height: 50px;float: left;text-align: center;padding:0 20px;}
.cate-box a.active,.cate-box a:hover{color: #fff;border-bottom: 1px solid #f10110;background: #f10110;}

.pcate-box{border-bottom: 1px solid #eae4e4;}
    .pcate-box p {
        padding:10px 0;
    } 
.pcate-box a{font-size: 16px;color: #333333;float: left;text-align: center;padding:0 20px;margin:20px 0;}
.pcate-box a.active,.pcate-box a:hover{border-bottom: 1px solid #f10110;}

.news-box{background: #fff;}
.news-list ul{width: 105%;overflow: hidden;padding: 50px 0;}
.news-list li{width: 413px;height: 200px;float: left;background: #f5f5f5;margin-right: 33px;margin-bottom: 33px;}
.news-list li .photo{ display:table; width:413px; height:255px; overflow:hidden;}
.news-list li .photo .cell{ display:table-cell; vertical-align:middle; text-align:center;}
.news-list li .photo img{ max-width:413px; max-height: 255px; -webkit-transition:.45s; transition:.45s}
.news-list .time{ border-top: 1px solid #c5c5c5;margin-top: 30px;background: url(../images/view.png) no-repeat right bottom;padding-top: 15px;}
.news-list .time span{background: url(../images/time.png) no-repeat left center;padding-left: 20px;color: #999;font-size: 14px;}
.news-list .info{padding: 0 40px;}
.news-list .info h2{font-size: 20px;color:#000;padding-bottom: 10px;padding-top: 30px;}
.news-list .info p{color: #666;font-size: 14px;}
        .catelist{padding: 30px 0;background: #fff;border-bottom: 1px solid #ccc;}
        .catelist .cate-box{width: 105%;overflow: hidden;}
        .catelist .cate-box p{padding-top: 10px;}
        .catelist .cate-box a{ text-align: center; font-size: 20px;color: #000;padding-bottom: 5px; border-bottom: 1px solid #fff;display: inline-block;margin-right: 130px;margin-bottom: 20px;}
        .catelist .cate-box a:hover,.catelist .cate-box a.active{color: #d71619;border-color: #d71619}

        .product-box{background: #fff;}
        .goods-pic{width: 600px;height: 600px;background-color: #fff;display: table;margin: 0 auto;;position: relative;}
        .goods-pic .cell {display: table-cell;vertical-align: middle; text-align: center;}
        .goods-pic .prev a{width: 40px;height: 67px;background: url(../images/l.png) no-repeat;position: absolute;top: 50%;margin-top: -34px;left: -50px;}
        .goods-pic .next a{width: 40px;height: 67px;background: url(../images/r.png) no-repeat;position: absolute;top: 50%;margin-top: -34px;right: -50px;}
        .goods-box .info{color: #7c7c7c;font-size: 20px;height: 110px;padding-top: 25px;padding-left: 400px;position: relative;width: 600px;}
        .goods-box .info p{line-height: 35px;font-weight: bold;font-size: 24px;color: #d71619;text-align: center;}
        .goods-box .info .back{position: absolute;top:50%;right: 0;margin-top: -22px;}
        .product-box .des{margin: 0 auto;padding-top: 35px;}

/*搜索*/
.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;}
    /*内容标题样式*/
    .meta{ margin:0; padding:50px 50px 0 50px; }
	.meta:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.meta h2{ padding:0; color:#1b1b1b; font-size:30px; font-weight:bold;line-height:1em; text-align: center;}
	.meta .info{ margin:25px 0;text-align: center; }
	.meta .info span{ margin-right:10px; color:#999; font-size:12px; line-height:14px; }
    .meta .info span i{ margin-right:5px; display:inline-block; font-size:14px; }
    .meta .note{ margin-top:10px; padding:15px 20px; background:#f5f5f5; line-height:22px; color:#757575; font-size:12px; }
    /*内容详细样式*/
    .entry{ 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; }
        .honor{padding: 60px 0;background: #fff;}
        .honor ul{width: 105%;}
        .honor li{width: 296px;border: 1px solid #eeeeee;background: #fff;float: left;margin-right: 36px;margin-bottom: 20px;}
        .honor li:hover{ -webkit-box-shadow:0 0 15px rgba(0,0,0,0.2); box-shadow:0 0 15px rgba(0,0,0,0.2);}
        .honor .p_photo{ display:table; width:100%; height:410px; overflow:hidden; position:relative; z-index:1;}
        .honor .p_photo .cell{ display:table-cell; vertical-align:middle; text-align:center;}
        .honor .p_photo img{ max-height:410px;max-width: 296px; -webkit-transition:.45s; transition:.45s}
        /*商品缩略图样式*/
        .goods-box{ position:relative; margin-bottom:15px; font-size:12px;padding:30px 0;  }
        .goods-pic{ width:750px; *z-index:1; margin: 0 auto;}
.tb-thumb img{height: 100%;}
        .pic-preview{ width:750px;  }
        .pic-scroll{ margin-top:10px; width:750px; }
        .pic-scroll .prev{ float:left; margin-right:10px; background: url(../images/left.png) no-repeat center center;}
        .pic-scroll .next{ float:right; background: url(../images/right.png) no-repeat center center;}
        .pic-scroll .prev,.pic-scroll .next{ display:block; font-family:"宋体"; text-align:center; width:15px; height:103px; line-height:103px; cursor:pointer; text-decoration:none;}
        .pic-scroll .items{ position:relative; float:left; width:431px;overflow:hidden;height: 105px; }
        .pic-scroll .items ul{ position:absolute; margin:0; padding:0; width:999999px; height:100%; }

    /* 图片放大镜样式*/
.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: 109px; height:109px;overflow:hidden;}
.tb-s650, .tb-s650 a{width:750px;}
.jqzoom{max-width:750px;}
.tb-s650 a{*font-size:271px;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a{height:97px;width:97px;margin-right: 10px;}
.tb-booth{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:750px;height:750px;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;}
  .footer{padding: 50px 0; background: #f0f0f0;}
        .footer .footer-box{margin: 0 auto;}
        .footer .footer-box li h4{color: #333;font-size: 24px;font-weight: bold;text-transform: uppercase;padding-bottom: 15px;}
        .footer .footer-box .company{width: 429px;float: left;border-right: 1px solid #cacaca;}
        .footer .footer-box .company p{padding: 5px 0;}
        .footer .footer-box .company .logo{padding: 30px 0;}

        .footer  .footer-box .column{font-size: 14px;color: #333;float: right;padding-left: 80px;}
        .footer  .footer-box .column li{padding: 8px 0;}
        .footer  .footer-box .column li a{color: #333;text-decoration: none;font-size: 16px;text-transform: uppercase;}
       
        .footer .contact{width: 440px;float: left;border-right: 1px solid #cacaca;text-align: center;min-height: 240px;}

        .footer .contact .qr span{display: block;padding-top: 10px;color: #333333;}
        .copyright{background: #d71619;color: #fff;padding: 20px 0;text-align: center;}
        .copyright a{color: #fff;}