﻿*{padding: 0;margin: 0;}
body {font-family: 'Lato', "Microsoft YaHei", sans-serif;font-size: 14px;min-width: 1200px;}
a{text-decoration: none;color: #333333}li{list-style: none;}
.wrap{width: 100%;}
.w1200{width: 1200px;}
.m-c{margin: 0 auto;}
.t-c{text-align: center;}
img{border:none;}

/* top */
.top-wrap{height: 40px;background: #a8a8a8;margin-top: -1.3%;}
.top{/* border-bottom: 1px solid red; */line-height: 40px;font-size: 12px;color: #fff;height: 100%;overflow: hidden;}
.top-left{float: left;display: inline-block;width: 30%;}
.top-right{float: right;display: inline-block;width: 31%;}
.top-right ul li{float: left;}
.top-right ul li a{color: #fff;font-size: 12px;border-right: 1px solid #fff;padding: 0 10px;}
.top-right ul li:last-child a{border: 0;}

/* header */
.header-wrap{width: 100%;/* border-bottom: 1px solid red; */height: 110px;}
.header{width: 1200px;margin: 0 auto;/* border: 1px solid red; */overflow: hidden;height: 110px;}
.header-left{display: inline-block;width: 40%;float: left;overflow: hidden;padding-top:20px;}
.header-left img{height: auto;width: 100%}
.header-right{display: inline-block;width: 30%;float: right;height: 95px;overflow: hidden;background: url(../img/tel.png) no-repeat left 90%;padding-left: 100px}
.header-right p.zs{margin-top: 2%;font-size: 15px;color: #333333}
.header-right p.tel{/*font-size: 30px;*/font-size: 25px;/*margin-top: 5px;*/font-weight: bold;color: #c82e24;}

/*nav*/
.nav-wrap{width: 100%;/*border-bottom: 1px solid red*/;height: 50px;background: #c10000;line-height: 50px}
.nav{width: 1200px;margin: 0 auto;/*border: 1px solid red;*/overflow: hidden;}
.nav ul li{float: left;width: 14.2%;/*border: 1px solid;*/text-align: center;border-right:1px solid #3f3f3f;}
.nav ul li a{color: #fff;    padding: 15px 40px;}
.nav ul a:last-child li{border:none;}
.nav ul li:hover{background: #220c0b;}
/*.active{background: #220c0b;}*/

/* BANNER */
.slideBox{ width:100%;  overflow:hidden; position:relative; background:#e6e6e6; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; display: none;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative;/* height:100%;*/overflow:hidden; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{  display:block;  width: 100%;height: auto;}

/* search */
.search-wrap{/* border-bottom: 1px solid red; */height: 66px;background: #e6e6e6;}
.search{/* border: 1px solid red; */height: 65px;}
.search .search-left{margin-left: 40px;line-height: 65px;display: inline-block;float: left;border-bottom: 1.5px solid #d2d2d2;width: 45%;}
.search .search-left a{color: #040404;}
.search .search-left a:hover{color: #c10000;}
.search .search-right{display: inline-block;float: right;margin: 10px 10px 0 0;}
.search .search-right form #keywords{height: 40px;border: none;background: #fff url(../img/search.png) no-repeat left center;width: 300px;padding-left: 40px;font-size: 16px;}
.search .search-right form #search{border: none;width: 70px;height: 44px;background: #c10000;color: #fff;top:-1px;right: 10px;position: relative;font-size: 17px;}
.search .search-right form input:focus{border: none;outline:none; }

/* 产品中心 */
.pro-wrap{/* border-bottom: 1px solid red; */height: 930px;background: #e6e6e6;padding-top: 25px;overflow: hidden;}
.pro{/* border: 1px solid red; */overflow: hidden;}
.pro-left{width: 235px;/* border: 1px solid green; */margin-top: 5px;background: #fff;display: inline-block;float: left;}
.pl-title{height: 130px;background: #c10000;line-height: 130px;font-size: 36px;color: #fff;font-weight: bold;text-align: center;}
.pro-left ul{padding: 0 10px;}
.pro-left ul li{height: 55px;border-bottom: 1.15px dashed #a7a7a7;text-align: left;color: #333333;line-height: 55px;}
.pro-left ul li img{vertical-align: middle;}
.pro-tel{padding: 15px 10px 15px 60px;background: url(../img/pro-tel.png) no-repeat 10px center;}
.pro-tel .tel{color: #c10000;font-size: 22px;}
.pro-buy{font-size: 20px;color: #c10000;padding: 0 0 10px 10px;}
.pro-right{display: inline-block;float: right;text-align: left;width: 79%;overflow: hidden; }
.pro-right .div-hot{/*padding: 23px 0;*//* border: 1px solid red; */    background: #fff;
    overflow: hidden;}
.pro-right .div-hot ul li{float: left;width: 50%;height: 60px;text-align:center;line-height: 60px;background-color: rgba(237,237,237);
    display: inline-block;
    }
.on{background: #c10000 !important;color: #fff;}
.pro-right .pro-cat{padding:6px 30px;border-bottom: 1px solid #e6e6e6;font-size: 18px;}
.procent ul{overflow: hidden;    padding: 10px 25px 30px 10px;width: 930px;background: #fff;}
.procent ul li{width: 222px;height: 212px;float: left;margin:25.5px 5px;}
.pro-img{    height: 200px;
    width: 220px;overflow: hidden;border: 1px solid #e2e2e2;} .pro-img img{height: 100%;width: 100%;transition: all 0.5s;}
.pro-img img:hover{transform: scale(1.2);}
.procent ul li p{text-align: center;padding: 10px 0;background: #c10000;color: #fff;}



/* ad */
.ad-wrap img{width: 100%;height: auto;}


/* 我们的优势 */
.you-wrap{height: 1000px;/* border-bottom: 1px solid red; */margin-top: -10px;}
.you{background: #ffffff url(../img/you-bg.png) no-repeat center center;height: 1000px;}
.you-left{width: 49%;position: relative;top: 240px;overflow: hidden;display: inline-block;float: left;}
.you-left .yltop{padding-left: 15px;width: 80%;}
.you-left .yltop p.title{font-size: 26px;color: #c10000;}
.you-left .yltop p.c1{margin-top: 13px;background: url(../img/ytitle-bg.png) no-repeat left center;padding-left: 30px;font-size: 14px;}
.you-left .yltop p.c2{margin-top: 13px;background: url(../img/ytitle-bg.png) no-repeat left top;padding-left: 30px;font-size: 14px;line-height: 30px;}
.you-left .ylcent{margin-top: 60px;overflow: hidden;width: 84%;}
.you-left .ylcent .ylcent-left{display: inline-block;float: left;padding-left: 7px;}
.you-left .ylcent .ylcent-right{display: inline-block;float: right;}
.you-left .yldown{margin-top: 70px;padding-left: 15px;width: 91%;}
.you-left .yldown p.title{font-size: 26px;color: #c10000;}
.you-left .yldown p.c1{margin-top: 13px;background: url(../img/ytitle-bg.png) no-repeat left center;padding-left: 30px;font-size: 14px;}
.you-left .yldown p.c2{margin-top: 13px;background: url(../img/ytitle-bg.png) no-repeat left top;padding-left: 30px;font-size: 14px;line-height: 30px;}

.you-right{display: inline-block;float: right;/* border: 1px solid red; */width: 41%;position: relative;top: 195px;overflow: hidden;}
.you-right .yrtop{overflow: hidden;}
.you-right .yrtop .yrtop-left{display: inline-block;float: left;width: 50%;}
.you-right .yrtop .yrtop-right{display: inline-block;float: right;width: 48%;}
.you-right .yrtop .yrtop-left img,.you-right .yrtop .yrtop-right img{width: 100%;height: auto;transition: all 0.5s; }
.you-right .yrtop .yrtop-left img:hover,.you-right .yrtop .yrtop-right img:hover{transform:scale(1.04);}
.you-right .yrcent{margin-top: 70px;}
.you-right .yrcent p.title{font-size: 26px;color: #c10000;}
.you-right .yrcent p.c1{margin-top: 13px;background: url(../img/ytitle-bg.png) no-repeat left top;padding-left: 25px;font-size: 14px;}
.you-right .yrcent p.c2{margin-top: 13px;background: url(../img/ytitle-bg.png) no-repeat left top;padding-left: 25px;font-size: 14px;line-height: 30px;}

.you-right .yrdown{overflow: hidden;margin-top: 10px;width: 89%;float: right;}
.you-right .yrdown .yrdown-left{display: inline-block;float: left;width: 50%;}
.you-right .yrdown .yrdown-right{display: inline-block;float: right;width: 48%;}
.you-right .yrdown .yrdown-left img,.you-right .yrdown .yrdown-right img{width: 100%;height: auto;transition: all 0.5s; }
.you-right .yrdown .yrdown-left img:hover,.you-right .yrdown .yrdown-right img:hover{transform:scale(1.04);}


/* 关于我们 */
.about-wrap{height: 415px;background: #fff4f4;padding: 50px 0;}
.about{/* border: 1px solid red; */height: 422px;}
.about-left{display: inline-block;float: left;width: 47%;}
.about-left img{margin-top: 5px;width: 100%;transition: all 0.5s;}
.about-left img:hover{transform:scale(0.98);}
.about-right{display: inline-block;float: right;width: 48%;}
.about-right p{margin-top: 30px;text-align: justify;letter-spacing: .5px;line-height: 34px;}
.about-right .artop{overflow: hidden;margin-top: -28px;}
.about-right .artop .artop-left{display: inline-block;float: left;width: 40%;}
.about-right .artop .artop-left .ab-1{font-size: 25px;color: #c10000;}
.about-right .artop .artop-left .ab-2{margin-top: 14px;color: #1e1e1e;font-weight: bold;font-size: 20px;}
.about-right .artop .artop-left .space{height: 5px;background: #c10000;margin-top: 13px;width: 60px;}
.about-right .artop .artop-right{display: inline-block;float: right;width: 35%;}
.about-right .artop .artop-right a{padding: 10px 18px;background: #220c0b;color: #fff;/* position: absolute; */}
.about-right .artop .artop-right a:hover{background: #c10000;}

/* 新闻中心 */
.new-wrap{height: 730px;/* border-bottom: 1px solid red; */}
.new .newtop{overflow: hidden;margin-top: 45px;}
.new .newtop .newtop-left{display: inline-block;float: left;width: 40%;}
.new .newtop .newtop-left .ab-1{font-size: 25px;color: #c10000;}
.new .newtop .newtop-left .ab-2{margin-top: 14px;color: #1e1e1e;font-weight: bold;font-size: 20px;}
.new .newtop .newtop-left .space{height: 5px;background: #c10000;margin-top: 13px;width: 60px;}
.new .newtop .newtop-right{display: inline-block;float: right;width: 12%;}
.new .newtop .newtop-right a{padding: 10px 18px;background: #220c0b;color: #fff;position: absolute;}
.new .newtop .newtop-right a:hover{background: #c10000;}
.newdone{margin-top: 15px;}
.newdone .ndtop{height: 50px;/* border: 1px solid red; */}
.newdone .ndtop .ndtop-1{color: #9f9f9f;}
.newdone .ndtop .ndtop-2{float: right;}
.newdone .ndtop .ndtop-2 a{padding: 10px 30px;background-color: greenyellow;margin-right: -3px;margin-left: 10px;top: 20px;position: relative;background: #dbdbdb;color: #333333;}
.newdone .ndtop .ndtop-2 a:hover{background: #c10000;color:#fff}
.nddone{margin-top: 4px;}
.nddone-left{padding: 20px 15px;background: #c10000;width: 40%;display: inline-block;float: left;}
.nddone-left img{width: 100%;height: auto;border-radius: 10px;transition: all 0.5s;}
.nddone-left img:hover{transform:scale(0.98);}
.nddone-left .nddleft-title{color: #fff;font-size: 22px;margin: 15px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nddone-left .nddleft-desc{color: #fff;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height:25px;}
.nddone-right{width: 50%;display: inline-block;float: right;/* border: 1px solid red; */margin-top: 15px;}
.nddone-right ul li{margin-top: 10px;overflow: hidden;}
.nddone-right ul li .li-left{width: 80%;display: inline-block;float: left;margin-top: 15px;padding-left: 15px;}
.nddone-right ul li .li-left .li-title{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.nddone-right ul li .li-left .li-title>a{font-size: 22px;font-weight: bold;}
.nddone-right ul li .li-left .li-desc{margin: 10px 0 15px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.nddone-right ul li .li-right{width: 15%;background: #dbdbdb;display: inline-block;float: right;text-align: center;padding: 11px 0;}
.nddone-right ul li .li-right time{font-size: 36px;font-weight: bold;color: #fff;text-align: center;margin: 0 auto;}
.nddone-right ul li .li-right .time{color: #fff;border: 1px solid #fff;width: 80%;margin: 0 auto;}
.nddone-right ul li:hover{background: #c10000;color: #f1f1f1;cursor: pointer;}
.nddone-right ul li:hover .li-right{background: #220c0b;}
.nddone-right ul li:hover .li-title>a{color: #e6e6e6;}

/* 联系我们 */
.cont-wrap{height: 560px;/* border-bottom: 1px solid red; */}
.cont .conttop{overflow: hidden;margin-top: 45px;}
.cont .conttop .conttop-left{display: inline-block;float: left;width: 40%;}
.cont .conttop .conttop-left .ab-1{font-size: 25px;color: #c10000;}
.cont .conttop .conttop-left .ab-2{margin-top: 14px;color: #1e1e1e;font-weight: bold;font-size: 20px;}
.cont .conttop .conttop-left .space{height: 5px;background: #c10000;margin-top: 13px;width: 60px;}
.cont .conttop .conttop-right{display: inline-block;float: right;width: 12%;}
.cont .conttop .conttop-right a{padding: 10px 18px;background: #220c0b;color: #fff;position: absolute;}
.cont .conttop .conttop-right a:hover{background: #c10000;}
.contdone{margin-top: 15px;}
.contdone .cdtop{height: 50px;/* border: 1px solid red; */}
.contdone .cdtop .c1.cdtop-1{color: #9f9f9f;}
.cddone{margin-top: 30px;}
.cddone-left{padding: 20px 15px;width: 40%;display: inline-block;float: left;}
.cddone-left .cltitle{color: #c10000;font-size: 25px;margin-bottom: 40px;}
.cddone-left .cltel,.cddone-left .clfax,.cddone-left .clemail,.cddone-left .clqq,.cddone-left .claddr{line-height: 26px;font-size: 16px;margin-bottom: 15px;}
.cddone-left .cltel img,.cddone-left .clfax img,.cddone-left .clemail img,.cddone-left .clqq img,.cddone-left .claddr img{vertical-align: middle;}
.cddone-right{width: 50%;display: inline-block;float: right;/* border: 1px solid red; *//* margin-top: 15px; */}
.item label{position: absolute;line-height: 40px;padding-left: 30px;}
.item input{height: 40px;width: 88.3%;padding-left: 70px;font-size: 14px;margin-bottom: 15px;border-radius: 10px;border: none;background: #efefef;}
.item textarea{height: 65px;width: 84.3%;padding-left: 95px;font-size: 14px;padding-top: 13px;margin-bottom: 15px;border-radius: 10px;border: none;background: #efefef;resize:none}
#button{width: 155px; height: 50px;border: none;border-radius: 15px;background: #c10000;font-size: 20px;color: #fff;}


/* 底部 */
.footer-wrap{background: #323232;}
.footer{/* height: 268px; *//* border: 1px solid red; */padding-top: 40px;margin-bottom: 10px;    overflow: hidden;}
.footer .fleft{/* border: 1px solid red; */width: 65%;overflow: hidden;display: inline-block;float: left;}
.fiv{display: inline-block;width: 25%;float: left;}
.fiv ul li.fiv-title{font-size: 20px;}
.fiv ul li{color: #e1e1e1;margin-bottom: 10px;}
.footer .fright{display: inline-block;float: right;width: 25%;}
.link-wrap{height: 60px;}
.link{border-top: 1px solid #e1e1e1;color: #fff;line-height: 60px;font-size: 17px;}
.link a{color: #e1e1e1;font-size: 14px;padding: 0 12px;border-right: 1px solid #e1e1e1;}
.foot{height: 60px;background: #c10000;line-height: 60px;text-align: center;color: #e1e1e1;}


/*新闻修改*/
.newsall {
    width: 100%;
    /*height: 500px;*/
    margin-top: 50px;
    background: #fff;
    border: 1px solid #e1e1e1;
    /*padding-top: 20px;*/
}
.newsall .news {
        /*width: 1100px;*/
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    /*padding-bottom: 55px;*/
}
.newsleft {
    width: 774px;
    /*height: 445px;*/
    height: 100%;
    overflow: hidden;
    float: left;
}

/*right*/
.newsright {
    width: 411px;
    height: 100%;
    overflow: hidden;
    float: right;
}.newsright .title {
    width: 311px;
    height: 55px;
    background: #fff;
}.newsright .content {
    background: #fff;
}
    .newsleft .hd ul li{    width: 387px;
    height: 57px;
    background: #454545;
    text-align: center;
    line-height: 57px;
    color: #fff;float: left}
    .on{
        background:#bf2b25 !important;
    }
    .newsleft .hd ul li:hover{background:#bf2b25 !important;cursor: pointer;}

    .newsleft .bd ul li{    border-bottom: 1px dashed #ddd;
        border-bottom: 1px dashed #ddd;
    /* margin-bottom: 16px; */
    transition: all 0.2s linear 0s;
    /* margin-bottom: 18px; */
     /*width: 65%; */
    display: inline-block;
    margin: 10px 15px;
}
.newsleft .bd ul li:last-child{border-bottom: none}
.newsleft .bd ul li a{display: block;
    padding: 5px;}
    .newsleft .bd ul li a .time {
    display: block;
    width: 90px;
    height: 66px;
    border-right: 1px solid #ddd;
    line-height: 20px;
    margin-right: 30px;
    color: #666;
    vertical-align: middle;
    *zoom: 1;
}
.newsleft .bd ul li a .time b {
    color: #666;
    display: block;
    font-size: 48px;
    line-height: 48px;
}
.newsleft .bd ul li h3 {
    font-size: 18px;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;font-weight: 100;
        width: 630px;
}.newsleft .bd ul li p {
    font-size: 14px;
    line-height: 20px;
    width: 70%;
    height: 40px;
    margin-top: 5px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}

/*right*/
.newsright .bd ul li{    border-bottom: 1px dashed #ddd;
       border-bottom: 1px dashed #ddd;
    /* margin-bottom: 16px; */
    transition: all 0.2s linear 0s;
    /* margin-bottom: 23px; */
    /* width: 47%; */
    display: inline-block;
    /* margin: 10px 15px; */
    padding-bottom: 9px;
    width: 100%;
    margin-top: 11px;
}
.newsright .bd ul li a{display: block;
    padding: 5px;}
.newsright .bd ul li a .time b {
    color: #666;
    display: block;
    font-size: 48px;
    line-height: 48px;
}
.newsright .bd ul li h5 {
    font-size: 15px;
    /*font-weight: 100;*/
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}.newsright .bd ul li p {
    font-size: 13px;
    line-height: 20px;
    height: 40px;
    margin-top: 5px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-indent: 2rem;
}
.newsleft .bd ul li.newimg-big .news-left-img{
    float: left;display: inline-block;width: 192px;height: 192px;text-align: center;
}
