@charset "utf-8";
/* CSS Document */

body{
margin:0px;
padding:0px;
font-size:14px;
color:#333;
font-family:'微软雅黑';
background:#fff;
}
body, h1, h2, h3, h4, h5, h6, p, form{margin:0;}
ol,ul{margin:0; padding:0;}
ul{margin:0; padding:0;}
ul li{list-style: none; }
a{
color:#444444;
text-decoration:none;
outline:none;
  -webkit-transition: all 0.2s ease;-moz-transition:  all 0.2s ease;transition:  all 0.2s ease;

}
a:hover{
color:#ebc439;
}
a:hover img{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;} 

img{
border:none;
}

.clear:before,.clear:after{
    content:"";
    display:table;
}
.clear:after{clear:both;}
.all{
margin:auto;
width:100%;
height:auto;
min-width:1500px;
}
.zj{
margin:auto;
width:1280px;
height:auto;
}
.header{
position:absolute;
z-index:999;
width:100%;
height:125px;
}

.banner{
width:100%;
height:780px;
z-index:2;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 94px;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    width: 13px;
    height: 13px;
    opacity: 1;
    border: 1px solid #fff;
    background: transparent;
    margin: 0 9px;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{
    background: #fff;
}


.logo{
float:left;
width:auto;
height:auto;
padding-top:40px;
}

.meau{
float:right;
width:690px;
height:123px;
}
.meau a{
float:left;
width:115px;
height:53px;
color:#fff;
padding-top:70px;
text-align:center;
}
.meau a:hover{
float:left;
width:115px;
height:53px;
background-color:#c53b27;
color:#fff;
}

.meau .ico1{
background:url(../images/ico1.png) no-repeat center 40px;
}
.meau .ico2{
background:url(../images/ico2.png) no-repeat center 40px;
}
.meau .ico3{
background:url(../images/ico3.png) no-repeat center 40px;
}
.meau .ico4{
background:url(../images/ico4.png) no-repeat center 40px;
}
.meau .ico5{
background:url(../images/ico5.png) no-repeat center 40px;
}
.meau .ico6{
background:url(../images/ico6.png) no-repeat center 40px;
}

.meau .cur{
background-color:#c53b27;
}
.center{
height:500px;
margin-top:100px;
}
.centerleft{
float:left;
width:350px;
height:500px;
background:#fff;
}
.centerlefttypename{
float:left;
width:100%;
font-size:24px;
color:#c53b27;
height:70px;
font-family:'微软雅黑';
}

.centerlefttypename span{
float:left;
width:100%;
height:auto;
color:#999999;
    font-weight: lighter;
}
.aboutcon{
float:left;
width:100%;
height:340px;
color:#999999;
font-size:14px;
}
.aboutcon img{
float:left;
}
.aboutcon span{
float:left;
line-height:22px;
}
.anniu{
float:left;
width:153px;
height:40px;
}

.anniu a{
float:left;
width:153px;
height:40px;
color:#fff;
background:#1d1e21;
line-height:40px;
text-align:center;
font-size:14px;
}

.anniu a:hover{
float:left;
width:153px;
height:40px;
background:#c53b27;
}

.anniu .cur{
float:left;
width:153px;
height:40px;
background:#c53b27;
}

.newsindex{
float:right;
width:726px;
height:500px;
}

.newstop{
float:left;
width:100%;
height:auto;
margin-top:20px;
}

.newstopimg{
float:left;
width:348px;
height:245px;
    position: relative;
}
.newstopimg .hd{
    position: absolute;
    bottom: 16px;
    right: 10px;
    z-index: 100;
}
.newstopimg .hd ul li{
    width: 8px;
    height: 8px;
    margin: 0 4px;
    border-radius: 50%;
    cursor: pointer;
    float: left;
    background: #666;
}
.newstopimg .hd ul li.on{
    background: #fff;
}
.newstopimg .bd{

}
.newstopimg .bd ul li{
    width: 348px;
    height: 245px;
    position: relative;
}
.newstopimg .bd ul li span{
    width: 100%;
    height: 40px;
    line-height: 40px;
    display: block;
    background: rgba(0,0,0,0.6);
    left: 0;
    bottom: 0;
    position: absolute;
    padding-left: 20px;
    box-sizing: border-box;

}
.newstopimg .bd ul li a{
    color: #fff;
}




.newstopright{
float:right;
width:350px;
height:245px;
background:#fff;
}
.newstopright01{
float:left;
width:100%;
height:110px;
margin-bottom:18px;
border-bottom:1px solid #f1f1f1;
}
.newstopright01title{
float:left;
width:100%;
height:auto;
line-height:20px;
color:#000;
font-weight:bold;
}
.newstopright01con{
float:left;
width:100%;
height:auto;
line-height:20px;
color:#999999;
}
.newstopright01sj{
float:left;
width:100%;
height:14px;
line-height:14px;
font-size:12px;
color:#7aa0c3;
padding-top:10px;
}

.listindex{
float:left;
width:100%;
height:auto;
}
.listindex ul{
float:left;
width:100%;
height:auto;
margin-top:10px;
}
.listindex ul li{
float:left;
width:100%;
height:20px;
line-height:20px;
background:url(../images/xx.png) repeat-x center center;
margin-top:5px;
}
.listindex ul li .diqiu{
float:left;
width:13px;
height:20px;
background:url(../images/dq.png) no-repeat left center;
}
.listindex ul li  a{
float:left;
width:auto;
height:20px;
line-height:20px;
color:#242424;
font-size:14px;
background:#fff;
padding-left:20px;
padding-right:20px;
}

.listindex ul li .sj{
float:right;
width:auto;
height:20px;
line-height:20px;
color:#a4a4a4;
font-size:12px;
background:#fff;
padding-left:20px;
}

.listindex ul li  a:hover{
color:#c53b27;
}

.indexfenlei{
width:100%;
height:475px;
margin-top:100px;
background:url(../images/flbj.png) no-repeat center top;
}
.indexfenlei span{
float:left;
width:100%;
height:auto;
margin-top:360px;
text-align:center;
}

.indexfenlei span a{
width:100px;
height:auto;
padding:10px;
border:1px solid #fff;
color:#fff;
margin-right:20px;
}

.indexfenlei span a:hover{
background:#000;
border:1px solid #000;
}
.indextscp{
float:left;
width:100%;
height:360px;
background:#fff;
    margin-top: 120px;
}

.indexcontact{
float:left;
width:100%;
height:212px;
background:url(../images/conbg.png) no-repeat center bottom;
}
.conleft{
float:left;
width:300px;
height:auto;
}
.liutm{
float:right;
width:auto;
height:30px;
line-height:30px;
padding-left:30px;
margin-left:20px;
background:url(../images/c1.png) no-repeat left center;
font-size:14px;
color:#666666;
}
 .c1{
background:url(../images/c1.png) no-repeat left center;
}
 .c2{
background:url(../images/c2.png) no-repeat left center;
}
 .c3{
background:url(../images/c3.png) no-repeat left center;
}
.foot{
width:100%;
height:150px;
background:#1d1e21;
}
.footleft{
float:left;
width:1050px;
height:auto;
margin-top:30px;
}
.footleftlinks{
float:left;
width:auto;
height:30px;
line-height:30px;
padding-left:50px;
margin-top:10px;
background:url(../images/lk.png) no-repeat left center;
}
.footleftlinks a{
float:left;
width:auto;
height:30px;
line-height:30px;
padding-left:20px;
color:#fff;
}
.copyright{
float:left;
width:100%;
height:30px;
line-height:30px;
color:#cccccc;
}
.erweima{
float:right;
width:auto;
height:84px;
margin-top:40px;
}
.erweima img{
float:left;
width:84px;
height:84px;
}
.erweima span{
float:left;
width:23px;
height:84px;
background:#c53b27;
color:#fff;
font-size:12px;
text-align:center;
}
.xiantiao{
width:100%;
height:8px;
background:url(../images/xiantiao.png) no-repeat center top;
}
.pageleft{
float:left;
width:303px;
height:auto;
background:#eeeeee;
padding-bottom:40px;	
}
.pageleft .typename{
float:left;
width:100%;
height:70px;
background:url(../images/lmmbg.png) no-repeat left center;
}
.pageleft .typename span{
float:left;
width:100%;
height:70px;
background:url(../images/ico1.png) no-repeat 70px center;
text-align:center;
line-height:70px;
font-size:20px;
color:#fff;
}
.pageleft ul{
float:left;
width:213px;
height:auto;
margin-left:45px;
}
.pageleft ul li{
float:left;
width:213px;
height:60px;
line-height:60px;
border-bottom:1px solid #ccc;
}
.pageleft ul li a{
float:left;
width:100%;
height:60px;
line-height:60px;
text-align:center;
font-size:16px;
color:#000;
}
.pageleft ul li a:hover{
float:left;
width:100%;
height:60px;
line-height:60px;
text-align:center;
color:#fff;
background:url(../images/lmbg1.png) no-repeat center center;
}

.pageleft ul li .cur{
float:left;
width:100%;
height:60px;
line-height:60px;
text-align:center;
color:#fff;
background:url(../images/lmbg1.png) no-repeat center center;
}

.pageright{
float:right;
width:910px;
height:auto;
min-height:500px;
}
.pagerightweizhi{
float:left;
width:100%;
height:45px;
background:#fff;
border-bottom:1px solid #959595;
background:url(../images/tb.png) no-repeat left center;
font-size:20px;
color:#c53b27;
line-height:45px;
text-indent:30px;
margin-top:22px;
    font-weight: bold;
}
.pagerightweizhi span{
float:right;
font-size:14px;
color:#666;
    font-weight: normal;
}
.pagerightweizhi span a{
color:#666;
}
.rightcontent{
float:left;
width:100%;
height:auto;
margin-top:20px;
padding-bottom:100px;
    line-height: 24px;
}

.product-slide{
    width: 100%;
    position: relative;
    margin-top: 20px;
}
.product-slide .hd{

}
.product-slide .hd span{
    display: block;
    position: absolute;
    top: 16px;
    width: 26px;
    height: 76px;
    cursor: pointer;
}
.product-slide .hd span.prev{background: url("../images/arr-l.png") no-repeat center;left: 0;}
.product-slide .hd span.next{background: url("../images/arr-r.png") no-repeat center;right: 0;}
.product-slide .bd .tempWrap{
    margin: 0 auto;
}
.product-slide .bd ul li{
    width: 180px;
    overflow: hidden;
    text-align: center;
    font-size: 12px;
    float: left;
    margin: 0 12px;
}
.img-auto{
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
}
.product-slide .bd ul li img{
    height: 118px;
}
.product-slide .bd ul li span{
    line-height: 32px;
}
.news-list{

}
.news-list li{
    height: 165px;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid #dcdcdc;
}
.news-img{
    float: left;
    margin-top: 24px;
    margin-right: 15px;
}
.news-r{
    width: 670px;
    float: left;
}
.news-r h3{
    font-weight: bold;
    float: left;
    font-size: 14px;
}
.news-r span{
    float: right;
}
.news-r .clear{
    line-height: 16px;
    margin-top: 24px;
}
.news-r p{
    height: 78px;
    overflow: hidden;
    line-height: 26px;
    color: #666;
    margin-top: 5px;
}
.news-r a{
    color: #c53b27;
}
.lxr-tit{
    width: 94px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    background: #c53b27;
    border-radius: 15px;
    margin-top: 55px;
    margin-bottom: 20px;
}

.qr{
    margin-top: 15px;
}
.qr>div{
    float: left;
    margin-right: 35px;
    width: 104px;
    text-align: center;
    font-size: 12px;
}
.qr>div img{
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
.product-list{
    margin-left: -29px;
    margin-top: 28px;
}
.product-list li{
    box-sizing: border-box;
    width: 284px;
    margin-left: 29px;
    height: 268px;
    border: 1px solid #959595;
    margin-bottom: 28px;
    float: left;
}
.product-list li a{
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.product-list li img{
    width: 100%;
    height: 226px;
    display: block;
}
.product-list li span{
    box-sizing: border-box;
    line-height: 40px;
    display: block;
    width: 100%;
    height: 40px;
    background: #959595;
    color: #fff;
    font-size: 16px;
    padding-left: 15px;

}
.dl-tb{
    margin-top: 18px;
    width: 100%;
    border: 1px solid #bfbfbf;
    padding: 0;

}
.dl-tb tr{
    height: 40px;
    border: none;

}
.dl-tb th{
    background: #bfbfbf;
    color: #fff;
    vertical-align: middle;
}
.dl-tb td{
    width: 50%;
    text-align: center;
    vertical-align: middle;
}
a.djxz{
    display: block;
    width: 114px;
    height: 28px;
    color: #fff;
    border-radius: 14px;
    background: #c53b27;
    line-height: 28px;
    margin: 0 auto;
}
.mulu-wrap{
    box-sizing: border-box;
}
.mulu-wrap *{
    box-sizing: border-box;
}
.mulu-top{
    border: 1px solid #bfbfbf;
    background: #fbf9f9;
    margin-top: 8px;
    padding: 20px 25px;
}
.mulu-top h4{
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 6px;
}
.mulu-top p{
    text-indent: 2em;
}
.mulu-sc{
    border: 1px solid #bfbfbf;
    background: #fbf9f9;
    margin-top: 8px;
    padding: 16px 25px;
}
.search-row{
    height: 34px;
    line-height: 34px;
}
.search-row input[type=text]{
    width: 196px;
    height: 100%;
    border: 1px solid #bfbfbf;
    outline: none;
    padding-left: 12px;
}
.search-row input[type=button]{
    width: 70px;
    height: 100%;
    color: #fff;
    background: #a0a0a0;
    outline: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
}
.spec-tb{
    margin-top: 8px;
    width: 100%;
    border: 1px solid #bfbfbf;
}
.th1{width:110px; }
.th2{width:44px;}
.th3{width:92px; }
.th4{width:96px;}
.th5{width: 58px;}
.th6{width:146px; }
.th7{width:102px; }
.th8{width:42px; }
.th9{width:72px; }
.th10{width:84px; }
.th11{width:46px; }
.spec-tb tr{
    border: none;
    height: 40px;
}
.spec-tb tr th{
    background: #a0a0a0;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    height: 36px;
    padding: 0;
}
.spec-tb td{
    text-align: center;
    font-size: 12px;
}
.xiazai{
    display: block;
    margin: 0 auto;

}