@charset "utf-8";
/*全局样式*/
@import url("base.css");
body{ margin:0 auto; padding:0; width:100%; color:#333; font:14px/1.5 Arial,"Microsoft Yahei"; text-align:center; 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; } 
.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; }
/*页面布局*/
.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 .companyname{
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    background: #a7a7a7;
    text-align: center;
    display:inline-block;
    padding: 2px 10px;
}
.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; }
/*头部*/
.header{height: 149px;background: url(../images/headbg.jpg) repeat-x; border-bottom: 3px solid #da0006;position: relative;}
.header .logo{position: absolute;top: 37px;left: 0;width: 421px;height: 80px;}
.header .nav-box {
    right: 0;
    line-height: 60px;
    height: 60px;
    padding-top:100px;
    padding-left: 500px;
}
.header .nav-box li {
    float: left;
}
.header .nav-box li a {
    color: #be080d;
    font-size: 18px;
    line-height: 50px;
    padding: 0 40px;
    height: 50px;
    display: block;
}
.header .language i{
    background-position: 0 0;
    left: 0;
    top: 3px;
    width: 22px;
    height: 18px;
}
.header .language{
    text-align: center;
    color: #c6c6c6;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 30px;
    padding-left:25px;
}
.header .language a{
    text-decoration: none;
    color: #c6c6c6;
    font-size: 14px;
    padding: 0 5px;
}
#index .index a, #about .about a, #culture .about a, #speech .about a, #certification .about a, #product .products a, #news .news a, #contact .contact a, .nav-box li a:hover {
    background: #da0006;
    color: #fff;
}

/*首页简介*/
#index .video{position: relative;}
#index .video .photo{ height:420px; position:relative; overflow:hidden;}
#index .video .photo figure{ height:420px;}
#index .video .photo figure img{ min-height:100%; object-fit: cover; opacity:0.9;filter:Alpha(opacity=90); -webkit-transition:.45s; transition:.45s;}
#index .video .photo .player{cursor:pointer; position:absolute; left:50%; top:50%; display:block; margin-left:-40px; margin-top:-40px; width:80px; -webkit-transition:.45s; transition:.45s;}
#index .introduction{
    background: #f5f5f5;
    padding: 50px 0;

}
#index .introduction .content{
    width: 640px;
    margin-left:30px;

}
#index .introduction .content h1{
    font-size: 24px;
    color: #c6000d;
    padding-bottom: 50px;
    font-weight: bold;
}
#index .introduction .content .content-body
{
    color: #1b1b1b;
    font-size: 14px;
    line-height: 1.8;
}
#index .introduction .content .more{
    margin-top: 30px;
    text-align: center;
}
#index .introduction .content .more a
{
    color: #fff;
    font-size: 14px;
    padding: 15px 20px;
    background: #bd050a;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
}
/*推荐产品*/
#index .product {
    background: url(../images/catebg.jpg) no-repeat 50% 0;
    height: 450px;
    padding: 50px 0;
}
#index .product h2{
    color: #c6000d;
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
    position:relative;
}
#index .product i {
        background:url(../images/down.png) no-repeat;
        width:44px;
        height:19px;
        position:absolute;
        bottom:-30px;
        left: 50%;
        margin-left: -22px;
    }
#index .img-list {padding: 30px 0;margin-left: -11px;padding-top:70px ;}
#index .product li {
    float: left;
    width: 314px;
    margin-right:11px;
    height: 212px;
    position: relative;
    background-image:  linear-gradient(135deg, transparent 30px, #fff 0),linear-gradient(-45deg, transparent 30px, #fff 0);
    background-size: 50% 100%;
    background-repeat: no-repeat;
    background-position: left top,bottom right;
}
#index .product a {
    display: block;
    width: 314px;
    text-align: center;
}
#index .product a:hover .info{border:1px solid #c6000d;}
#index .product li .img-box {
    display: table;
    width: 212px;
    height: 212px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin:0 auto;
}
.product .info {
    display: inline-block;
    margin: 30px auto;
}
.product .info h3{
    color: #fff;
    font-size: 18px;
    text-align: center;
    background: #c6000d;
    line-height: 40px;
    width: 200px;
    text-transform: uppercase;
    margin: 5px;
}
.product .img-box .cell{ display:table-cell; vertical-align:middle; text-align:center;}
.product .img-box img{ max-height:100%; -webkit-transition:.45s; transition:.45s}
.product a:hover .img-box img{ -webkit-transform:scale(1.1); transform:scale(1.1);}
.product .more{
    margin-top: 30px;
    text-align: center;
}
#index .product .more a
{
    color: #1b1b1b;
    font-size: 18px;
    padding: 10px 50px;
    text-decoration: none;
    display: inline-block;
    border: 2px solid #1b1b1b;
    width: auto;
}
/*公司环境*/
.environment{background: url(../images/about.jpg);padding: 50px 0;}
.environment .farm{
    width: 404px;
    overflow: hidden;
    float: left;
    margin-right:10px ;
}
.environment .farm li {
    margin-bottom: 10px;
}
.environment .boss{
    float: left;
    width: 514px;
    overflow: hidden;
}
.environment .intr {
    width: 474px;
    overflow: hidden;
    background: #da0006;
    padding: 21px 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.environment .intr p {
    text-transform: uppercase;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    padding: 5px 0;
}
.environment .intr p span{
    text-indent: 2em;
}
.environment .hw{
    position: absolute;
    right: 20px;
    top: -100px;
}
.environment .expro{
    float: left;
    margin-left:10px;
}
.environment .expro li{margin-bottom: 10px;}
/*证书*/
.certificate {
    padding: 50px 0;
}
.certificate .carousel {
    width: 1130px;
    height: 277px;
    overflow: hidden;
    margin: 0 auto;
    float: left;
}
.certificate .carousel li {
    float: left;
    padding: 0 10px;
    text-align: center;
}
.certificate .carousel li img{
    width: 206px;
    height: 277px;
    vertical-align: middle;
}
.certificate .prev , .certificate .next {height:43px;width:33px;overflow:hidden;display:block;text-decoration:none;cursor:pointer;}
.certificate  .prev {background:url(../images/left.png) no-repeat;float: left;margin-top: 120px; margin-right: 52px;}
.certificate  .next {background:url(../images/right.png) no-repeat;float: right;margin-top: 120px;margin-left: 52px;}
/*新闻中心*/
.news ul{
    padding: 40px 0;
    overflow: hidden;
}
.news .title{border-bottom: 1px solid #c6000d;}
.news .title span{background:#c6000d;color: #fff;font-size: 24px;font-weight: bold;padding:0 50px;display: inline-block;line-height: 51px;}
.news li{
    float: left;
    width: 599px;
    padding: 30px 30px 30px 20px;
    border-bottom:1px dashed #999;
  
}
.news li:nth-child(2n-1)
{
    border-right:1px dashed #999;
}
.news li:nth-child(3),.news li:nth-child(4)
{
    border-bottom:none;
}
.news .info h3{
    display: block;
    font-size: 18px;
    font-weight: bold;
    height: 30px;
    color: #1b1b1b;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-bottom:10px ;
    padding-right:60px;
}
.news .info p{
    color: #1b1b1b;
    font-size: 14px;
    height: 48px;
    line-height: 22px;
    overflow: hidden;
    padding-right:130px;
}
.news .list li .info{
    background:url(../images/newsbg.png) no-repeat center right ;

}
.news .list li:hover .info{
    background:url(../images/newsbga.png) no-repeat center right;

}
.news .list li:hover a
{
color: #bd050a;
}
/*关于我们*/


.aboutus .entry{
    padding: 50px 0;
}
.aboutus .entry p {
    display: inherit;
    margin: 1em 0;
    color: #333;
    word-wrap: break-word;
}
.aboutus .entry li{
    float: left;
    border: 1px solid #c9c9c9;
    width: 278px;
    height: 378px;
    padding: 10px;
    text-align: center;
    margin: 12px;
}
.aboutus .entry li .img-box {
    display: table;
    width: 100%;
    height: 374px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.aboutus .entry li .cell{ display:table-cell; vertical-align:middle; text-align:center;}
.aboutus .entry li img{ max-height:378px;max-width:278px;}
/*产品*/
.productinfo {padding: 30px 0;}
.category-box {
    float: left;
    width: 300px;
    margin-right:32px;
}
.category-box li {background: #f6f6f6;color: #a7a7a7;font-size: 18px;padding-left: 25px;height: 60px;line-height: 60px;}
.category-box li:hover,.category-box li.active{background: #fff;}
.category-box li:hover a,.category-box li.active a{background: url(../images/cate.png) no-repeat left center;padding-left: 25px;color: #c6000d;}
.category-box h2{
    padding: 20px;
    background: #c6000d url(../images/catetitle.png) no-repeat center right 15px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.product-box{
    width: 968px;
    float: left;
}
.product-box .location {
    padding: 5px 0;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    text-align: left;
    background: #c6000d;
    padding-left: 20px;
}
.product-box .location a {
    margin: 0 5px;
    color: #fff;
}
.product-box .list {
    padding: 30px 0;
}
.product-box .list li{
    width: 220px;
    float: left;
    margin: 15px 0;
    margin-left: 29px;
}
.product-box .list {
    margin-left: -29px;
}
.product-box .list .img-box {
    display: table;
    width: 212px;
    overflow: hidden;
    position: relative;
    z-index: 0;    
    padding: 3px;
    border: 1px solid #d7d7d7;
}
    .product-box .list .cell {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        height: 212px;
    }
.product-box .list .cell img {
    max-height: 100%;
    -webkit-transition: .45s;
    transition: .45s;
}
.product-box .list a:hover .img-box img{ -webkit-transform:scale(1.1); transform:scale(1.1);}
.product-box .list .info h2{
    text-align: center;
    margin-top: 15px;
    font-size: 18px;
    color: #a7a7a7;
}
.product-box .detail{margin-top: 20px;}
.product-box .detail .img-box{
    width: 500px;
    height: 500px;
    border: 1px solid #a7a7a7;
    float:left;
    text-align:center;
    overflow: hidden;
    display: table;
}
.product-box .detail .img-box .cell{
    display: table-cell;
    height: 500px;
    width: 500px;
    vertical-align: middle;
    text-align: center;
    overflow: hidden
}
.product-box .detail .img-box img{   
     max-width: 100%;
    height: auto;
    max-height: 600px
}
.product-box .detail .info{
  padding-left: 20px;
  float: right;
  width: 446px;
}
.product-box .detail .info p{line-height: 25px;color: #1b1b1b}
.product-box .detail .info h1{border-bottom: 1px solid #a7a7a7;padding: 10px 0;margin-top: -15px;margin-bottom: 5px; font-size: 30px;font-weight: bold; color: #c6000d;}
.details{ margin-top:20px; padding:0 50px 15px; font-size:14px; line-height:2em; word-wrap:break-word; }
	.details img{ max-width:100%!important; height:auto!important; }
	.details h2,.entry h3,.entry h4{ margin:0.8em auto; padding-bottom:5px; border-bottom:1px solid #f6f6f6; color:#333; }
	.details h2{ font-size:1.2em; }
	.details h3,.entry h4{ font-size:1.1em; }
	.details strong{ color:#DC2523; }
	.details ul,.entry ol{ margin:1em; padding:0; }
	.details li{ margin-left:1em; }
	.details ul li{ list-style:disc outside none; }
	.details ol li{ list-style:decimal outside none; }
	.details p{ display:inherit; margin:1em 0; color:#333; word-wrap:break-word; }
	.details a{ text-decoration:underline; }
	.details code{ display:block; padding:0.5em; background:#eee; border-radius:.5em; color:#777; font-family:'courier new'; font-size:12px; line-height:1.7em; }
	.details table{ margin:10px auto; border-left:1px solid #eee; border-top:1px solid #eee; }
	.details table th{ background:#F9F9F9; text-align:center; }
	.details table td,.entry table th{ border-bottom:1px solid #eee; border-right:1px solid #eee; padding:0.35em 0.5em; }

.product-box .recommend .list {padding: 10px 0;}
.product-box .recommend .list li{
    width: 175px;
    float: left;
    margin: 15px 0;
    margin-left: 23px;
}
.product-box .recommend .list {
    margin-left: -23px;
}
.product-box .recommend  .list .img-box {
    display: table;
    width: 100%;
    width: 173px;
    overflow: hidden;
    position: relative;
    z-index: 1;    
    border: 1px solid #d7d7d7;
}
.product-box .recommend .list .info h2 {
    text-align: center;
    margin-top: 15px;
    font-size: 18px;
    color: #a7a7a7;
}
.product-box .recommend  .list .cell
{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.product-box .recommend  .list .cell img {
   max-height: 173px;
   width: 100%;
}
.product-box  .recommend h3{
    font-size: 20px;
    color: #c6000d;
    padding-top: 20px;
}
.btnlist {background: #f6f6f6;padding: 5px 20px;margin: 20px 0;}
.btnlist .prev{float: left;color: #a7a7a7}
.btnlist .next{float: right;color: #a7a7a7}
/*新闻*/
.newslist{margin: 30px 0;}
.newslist li{padding: 20px 0;border-bottom: 1px dashed #d0d0d0;display: inline-block;}
.newslist li:hover .time{
    background-color: #1b1b1b;
}
.newslist li:hover .info h2 a:hover{color: #1b1b1b;font-weight: bold;}
.newslist .time{width: 80px;height: 80px;padding: 10px;background: #a7a7a7 url(../images/timebg.png) no-repeat left 10px bottom 10px;float: left;font-weight: bold;font-size: 26px;}
.newslist .time p{color: #fff;line-height: 1.2;}
.newslist .info{float: right;width: 1150px;padding-left: 50px;}
.newslist .info h2 a{color: #a7a7a7;font-size: 18px;padding: 10px 0;font-weight: bold;}
.newsview .mate{border-bottom: 1px dashed #d0d0d0;padding-top: 30px;text-align: center;}
.newsview .mate h2{font-size: 18px;font-weight: bold;color: #1b1b1b;}
.newsview .mate .info{padding: 10px 0; color: #a7a7a7;}
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: #3b8dd1;
        background: #fff;
        text-decoration: none;
    }

        div.digg a:hover {
            border: 1px solid #3b8dd1;
        }

    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: #555;
            font-weight: bold;
        }

        div.digg span.disabled {
            border: 1px solid #eee;
            padding: 5px 12px;
            margin: 0 0 0 8px;
            color: #ddd;
        }
/*底部*/
.footer{
    border-top:10px solid #c6000d;
    padding-top:50px ;
    background: #f3f3f3;
}
.footer .companyinfo
{
    float: left;
    width: 460px;

}
.footer .companyinfo h2{
    font-size: 22px;
    font-weight: bold;
    color:#c6000d;

}
.footer .companyinfo p{font: 14px;line-height: 25px;color: #1b1b1b;}
.footer .companyinfo .address{
    background: url(../images/tel.png) no-repeat left center;
    height: 50px;
    line-height: 50px;
    padding-left: 50px;
    font-size: 24px;
    font-weight: bold;
    color:#c6000d;
    margin: 10px 0;
}
.footer .linkinfo
{
    float: left;
    margin-left: 38px;
}
.footer .linkinfo .img-box{float: left;padding-right: 10px;}
.footer .linkinfo .info{float: left;}
.footer .linkinfo .info .linkname{font-size: 30px;font-weight: bold;color: #020202;margin-top:-8px;}
.footer .linkinfo .info li{font-size: 14px;color: #1b1b1b;position: relative;padding-left: 30px;line-height: 30px;}
.footer .linkinfo .info li .wechat{background-position:-1px -91px;left: 0;width: 22px;height: 22px;top: 5px;}
.footer .linkinfo .info li .whatsapp{background-position:-1px -116px;left: 0;width: 21px;height: 21px;top: 5px;}
.footer .linkinfo .info li .skype{background-position:-1px -147px;left: 0;width: 22px;height: 22px;top: 5px;}
.footer .linkinfo .info li .email{background-position:-1px -178px;left: 0;width: 22px;height: 22px;top: 7px;}
.footer .linkinfo .info li .facebook{background-position:-1px -204px;left: 0;width: 20px;height: 20px;top: 5px;}
.footer .linkinfo .info li .instagram{background-position:-1px -233px;left: 0;width: 21px;height: 21px;top: 5px;}
.footer .navlist {
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: #a2a2a2;
    padding-top: 30px;
    border-bottom: 2px solid #5b5b5b;
    padding-bottom:10px ;
}
.footer .navlist a {
    padding: 0 20px;
    color: #a2a2a2;
}
.footer .copyright {
    padding-top: 15px;
    font-size: 14px;
    color: #a2a2a2;
    text-align: center;
}
.footer .gotop{text-align: center;padding: 30px 0;}