@charset "utf-8";
body{position: relative;}
.topline{height:41px;overflow: hidden;border-bottom: 1px solid #eeeeee;background-color: #fff}
.w1200{width: 100%;max-width: 1200px;margin: 0 auto;overflow: hidden;}
.topline span{display: block;height: 41px;text-indent: 30px;font-size: 15px;color: #333333;margin-left:39px;float: left;line-height: 41px}
.topline .sp1{background:url(../images/topicon1.jpg) 0 center no-repeat;}
.topline .sp2{background:url(../images/topicon2.jpg) 0 center no-repeat;}
.top{height: 102px;overflow: hidden;background-color: #fff}
.top .logo{display: block;width: 290px;height: 58px;float: left;margin-top: 16px;background: url(../images/logo.jpg) 0 0 no-repeat;}
.nav{width: auto;float: right;height: 102px;background: url(../images/navbg.jpg) -60px bottom no-repeat;}
.nav li{width: 82px;margin-left: 41px;overflow: hidden;float: left;}
.nav li a{text-decoration: none;color: #000000;font-size: 16px;font-weight: bold;line-height: 102px;text-align: center;display: block;}
.banner{height: 74vh;overflow: hidden;}
.box1{height: 471px;overflow: hidden;background:#fff url(../images/box5.jpg) center 78px no-repeat; }
.boxtitle1{height: 107px;line-height: 107px;overflow: hidden;margin-top: 42px}
.boxtitle1 h1{display: block;text-align: center;line-height: 38px;text-align: center;font-size: 30px;color: #000000;}
.boxtitle1 span{margin-top: 26px;text-align: center;line-height: 43px;font-size: 16px;color: #434343;display: block;}
.iconlist{width: 100%;height: auto;overflow: hidden;margin-top: 42px;}
.iconlist li{width: 20%;overflow: hidden;float: left;}
.iconlist li i{display: block;width: 100%;height: 117px;overflow: hidden;}
.iconlist li .icon1{background:url(../images/icon4.jpg) center 0 no-repeat;}
.iconlist li .icon2{background:url(../images/icon5.jpg) center 0 no-repeat;}
.iconlist li .icon3{background:url(../images/icon6.jpg) center 0 no-repeat;}
.iconlist li .icon4{background:url(../images/icon7.jpg) center 0 no-repeat;}
.iconlist li .icon5{background:url(../images/icon8.jpg) center 0 no-repeat;}
.iconlist li h1{display: block;width: 100%;line-height: 59px;margin-top: 4px;background:url(../images/boxbd1.jpg) center bottom no-repeat;font-size: 20px;color: #666666;text-align: center;}
.iconlist li span{display: block;width: 100%;line-height: 30px;margin-top: 10px;text-align: center;color: #c9c9c9}

.box2{height: 902px;overflow: hidden;background:#f2f2f2 url(../images/boxtitle2.jpg) center 94px no-repeat;}
.boxtitle2{height: 107px;line-height: 107px;overflow: hidden;margin-top: 56px}
.boxtitle2 h1{display: block;text-align: center;line-height: 38px;text-align: center;font-size: 30px;color: #000000;}
.boxtitle2 span{margin-top: 26px;text-align: center;line-height: 43px;font-size: 16px;color: #434343;display: block;}
.index-prod{width: 100%;height: 639px;overflow: hidden;}
.index-prod-nav{width: 215px;height: auto;overflow: hidden;background-color: #fff;float: left;}
.index-prod-title1{width: 100%;height: 74px;background-color: #b10000;overflow: hidden;}
.index-prod-title1 h1{display: block;line-height: 32px;margin-top: 13px;text-indent: 28px;color: #fff;font-size: 24px;font-weight: bold;}
.index-prod-title1 span{display: block;line-height: 15px;text-indent: 28px;color: #fff;font-size: 12px}
.prodnav{width: 215px;height: auto;overflow: hidden;}
.prodnav li{width: 215px;height: auto;overflow: hidden;border-bottom: 1px solid #e5e5e5}
.prodnav li a{text-decoration: none;color: #333}
.prodnav li .a1{display: block;width: 213px;border-left: 2px solid #fff;background:url(../images/prodnav.jpg) 175px center no-repeat;height:54px;text-indent: 29px;line-height: 54px;font-size: 16px;color: #333333}
.prodnav li .twonav{width: 215px;height: auto;overflow: hidden;display: none;}
.prodnav li .twonav a{display: block;width: 215px;height: 54px;line-height: 54px;text-indent: 49px;font-size: 15px;color: #333333;border-top: 1px solid #e5e5e5}
.prodnav li .s{border-left: 2px solid #b10000;background:url(../images/prodnavh.jpg) 175px center no-repeat;}
.prodnav li .twonav a:hover{color: #b10000}
.index-prod-brand{width: 945px;height: 639px;overflow: hidden;float: right;}
.index-prod-cont{width: 945px;height: 639px;overflow: hidden;display: none;}
.index-prod-cont dl{width: 100%;height: 31px;}
.index-prod-cont dt{float: left;line-height: 31px;font-size: 18px;color: #535353}
.index-prod-cont dd{float: right;}
.index-prod-cont dd a{display: block;width: 90px;height: 30px;line-height: 30px;color: #fff;background-color: #b10000;text-align: center;}
.prodlist{width: 980px;height: 588px;overflow: hidden;margin-top: 20px}
.prodlist li{width: 207px;height: 250px;border: 4px solid #fff;text-align: center;background-color: #fff;float: left;margin-right: 29px;margin-bottom: 32px;}
.prodlist li a{text-decoration: none;color: #333}
.prodlist li img{width:173px;height: 147px;border:1px solid #eee;margin-top: 16px}
.prodlist li h1{display: block;width: 100%;color: #333;font-size: 15px;margin-top: 10px}
.prodlist li span{display: inline-block;width: 79px;height: 24px;border:1px solid #f1f1f1;border-radius: 12px;color:#959595;font-size: 13px;margin-top: 5px}
.prodlist li:hover{border-color: #b10000}
.prodlist li:hover span{background-color: #b10000;border-color: #b10000;color: #fff}
.box3{height: 691px;overflow: hidden;background-color: #fff;}
.indexbox1{width: 901px;height: auto;overflow: hidden;margin-top: 71px;float: left;}
.indexbox1 h1{display: block;width: 100%;line-height: 49px;color: #a40000;font-size: 45px;font-weight: bold;overflow: hidden;}
.indexbox1 h1 span{display: block;float: left;}
.indexbox1 h2{display: block;font-size: 15px;line-height: 29px;font-size: 15px;color: #434343;width: 100%;}
.indexbox1 img{width: 100%;height: auto;}
.indexbox1 .span{display: block;border-left: 3px solid #a40000;width: 765px;padding-left: 25px;margin-top: 25px;}
.indexbox2{width: 301px;overflow: hidden;float: right;}
.indexbox2 a{display: block;width: 301px;height: 535px;margin-top: 66px;background:url(../images/pic2.jpg);}
.box4{height: 550px;overflow: hidden;background:url(../images/box4.png) center 0 no-repeat;}
.contlist1{width:434px;height: 430px;overflow: hidden;float: right;margin-right: 148px;margin-top: 73px;}
.contlist1 li{width: 100%;height: 150px;}
.contlist1 li h1{display: block;width: 100%;line-height: 32px;margin-top: 6px;color: #fff;font-size: 22px;}
.contlist1 li h2{display: block;width: 100%;line-height: 21px;color: #680202;font-size: 12px}
.contlist1 li span{display: block;width: 100%;line-height: 22px;color: #fff;font-size: 12px}
.box5{height:738px;overflow: hidden;background:#fff url(../images/box5.jpg) center 117px no-repeat; }
.boxtitle3{height: 38px;overflow: hidden;margin-top: 80px}
.boxtitle3 h1{display: block;text-align: center;line-height: 38px;text-align: center;font-size: 30px;color: #000000;}
.newslist{width: 1230px;height: 380px;overflow: hidden;margin-top: 100px}
.newslist li{width:587px;margin-right: 25px;height: 156px;float: left;overflow: hidden;margin-bottom: 49px;}
.newslist li img{width: 211px;height: 156px;float: left;}
.newslist li a{text-decoration: none;color: #333}
.newslist li .cont{width: 353px;height: 156px;overflow: hidden;float: right;}
.newslist li .cont h1{display: block;width: 100%;line-height: 22px;font-size: 16px;font-weight: bold;color: #000;overflow: hidden;
    text-overflow:ellipsis; white-space: nowrap;}
.newslist li .cont h2{display: block;width: 100%;margin-top: 5px;line-height: 20px;margin-top: 5px;color: #7d7d7d;}
.newslist li .cont span{line-height: 20px;font-size: 12px;color: #7d7d7d;display: block;margin-top: 5px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.newslist li .cont .link{width: 100px;height: 35px;background-color: #b10000;color: #fff;text-align: center;line-height: 35px;margin-top: 7px}
.contact{position: absolute;bottom: 362px;width: 1200px;left: 50%;height: 80px;margin-left: -600px;z-index: 5;background-color: #fff;box-shadow: 0px 0px 5px #ccc}
.ctlist{width: 1200px;height: 80px;overflow: hidden;}
.ctlist li{height: 80px;overflow: hidden;float: left;}
.ctlist li .icon1{display: block;background: url(../images/icon1.jpg) 0 center no-repeat;text-indent: 69px;line-height: 80px;margin-left: 60px;width:336px;font-size: 16px;color: #7d7d7d}
.ctlist li .icon2{display: block;background: url(../images/icon2.jpg) 0 center no-repeat;text-indent: 69px;line-height: 80px;width: 318px;color: #7d7d7d;font-size: 16px;}
.ctlist li .icon3{display: block;background: url(../images/icon3.jpg) 0 center no-repeat;text-indent: 69px;line-height: 80px;width: 483px;color: #7d7d7d;font-size: 16px;}
.bottom{height: 358px;overflow: hidden;background:url(../images/bottom.jpg) center 0 no-repeat;background-size: cover;}
.bottom .weixin{width: 177px;height: auto;overflow: hidden;margin-left: 64px;float: left;}
.bottom .weixin img{width: 177px;height: 177px;margin-top: 101px}
.bottom .weixin span{display: block;width: 100%;line-height: 26px;color: #fff;margin-top: 20px;text-align: center;}
.btnav{width: 930px;height: auto;overflow: hidden;margin-top: 110px;float: right;margin-right: -95px}
.btnav li{width: 180px;background:url(../images/bgjg.png) 0 0 no-repeat;float: left;height: 220px;}
.btnav li a{text-decoration: none;color: #fff}
.btnav li .a1{line-height: 20px;font-size: 16px;font-weight: bold;display: block;text-indent: 52px;margin-bottom: 21px}
.btnav li .a2{line-height: 29px;font-size: 13px;display: block;text-indent: 52px;color: #949494}
.footer{height: 48px;line-height: 48px;text-align: center;color: #949494;background:url(../images/footer.jpg) center 0 no-repeat;}

.pagebanner{height: 300px;overflow: hidden;}
.pagebanner1{background:url(../images/pagebanner1.jpg) center 0 no-repeat;}
.pagebanner2{background:url(../images/pagebanner2.jpg) center 0 no-repeat;}
.pagebanner3{background:url(../images/pagebanner3.jpg) center 0 no-repeat;}
.pagebanner4{background:url(../images/pagebanner4.jpg) center 0 no-repeat;}
.pagebanner5{background:url(../images/pagebanner5.jpg) center 0 no-repeat;}
.page{min-height: 620px;padding-top: 30px;padding-bottom: 80px;background-color: #fff}
.page .w1200{padding: 10px;background-color: #fff;min-height: 600px}
.pageleft{width:215px;float: left;height: auto;overflow: hidden;}
.pageleft .left-box1{width: 100%;height:auto;overflow: hidden;}
.left-title{width: 100%;height:75px;overflow: hidden;background-color: #b10000}
.left-title h1{line-height: 32px;text-indent: 28px;margin-top: 13px;color: #fff;font-size: 24px;font-weight: bold;}
.left-title span{display: block;line-height: 15px;color: #fff;text-indent: 28px;font-size: 12px}
.left-nav{width: 100%;overflow: hidden;}
.left-nav li{width:214px;height: 53px;border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5}
.left-nav li a{display: block;width: 213px;border-left: 2px solid #f2f2f2;height: 53px;text-indent: 40px;color: #666666;text-decoration: none;line-height: 53px}
.left-nav li a:hover{border-left: 2px solid #b3221d;color: #000000}
.left-box2{margin-top: 53px}
.left-newslist{width: 100%;height: auto;overflow: hidden;}
.left-newslist li{width: 213px;height: 44px;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5}
.left-newslist li a{display: block;height: 44px;line-height: 44px;text-decoration: none;color: #535353;text-indent: 17px;background:url(../images/leftnewsbd.jpg) 194px center no-repeat;box-sizing: border-box;
    padding-right: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.left-newslist li a:hover{color: #b10000}
.pageright{width: 941px;height: auto;float: right;}
.right-title{width: 100%;height: 55px;overflow: hidden;background: url(../images/righttitle.jpg) 0 bottom repeat-x;}
.right-title dt{float: left;height:53px;border-bottom: 2px solid #b10000;line-height: 53px;font-size: 18px;font-weight: bold;}
.right-title dd{float: right;line-height: 53px;}
.right-title dd a{text-decoration: none;color: #333;margin-right: 5px}
.pagecontent{width: 100%;height: auto;overflow: hidden;}

.prodnav2{width: 215px;height: auto;overflow: hidden;}
.prodnav2 li{width: 213px;height: auto;overflow: hidden;border-bottom: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5}
.prodnav2 li a{text-decoration: none;color: #333}
.prodnav2 li .a1{display: block;width: 213px;border-left: 2px solid #fff;background:url(../images/prodnav.jpg) 175px center no-repeat;height:54px;text-indent: 29px;line-height: 54px;font-size: 16px;color: #333333}
.prodnav2 li .twonav{width: 215px;height: auto;overflow: hidden;display: none;}
.prodnav2 li .twonav a{display: block;width: 215px;height: 54px;line-height: 54px;text-indent: 49px;font-size: 15px;color: #333333;border-top: 1px solid #e5e5e5}
.prodnav2 li .s{border-left: 2px solid #b10000;background:url(../images/prodnavh.jpg) 175px center no-repeat;}
.prodnav2 li .twonav a:hover{color: #b10000}



.newslist1{width: 100%;height:auto;overflow: hidden;margin-top: 20px;margin: 0 auto}
.newslist1 li{width: 100%;height:81px;border-bottom: 1px solid #dcdcdc;overflow: hidden;padding-top: 22px;padding-bottom: 13px;}
.newslist1 li .data{width:79px;height: 80px;float: left;background-color: #c4c4c4;}
.newslist1 li .data .sp1{display: block;width: 100%;height:55px;line-height: 55px;text-align: center;color: #fff;font-size: 30px;}
.newslist1 li .data .sp2{display: block;width: 100%;height:21px;line-height: 21px;text-align: center;color: #fff;font-size: 12px}
.newslist1 li a{text-decoration: none;color: #5e5e5e;display: block;width: 820px;float: right;}
.newslist1 li h1{display: block;width: 100%;font-size: 16px;overflow: hidden;
    text-overflow:ellipsis; white-space: nowrap;}
.newslist1 li .sp3{display: block;width: 100%;font-size: 12px;line-height: 20px;margin-top: 10px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.newslist1 li a:hover h1{color: #b3221d}
.newslist1 li:hover .data{background-color: #b3221d}
.pageindex{text-align: center;line-height: 50px;width: 100%;overflow: hidden;}

.newspage{width:100%;float:left;min-height:500px;}
.newshow-top{text-align:center;width:100%;height:auto;overflow:hidden;float:left;}
.newshow-top h1{font-size:24px;margin-top:18px;height:auto;display:block;width:100%;line-height:30px;float:left;color:#333333}
.newshow-top span{font-size:12px;color:#888888;line-height:26px;display:block;float:left;width:100%;margin-top:3px;margin-bottom:10px}
.fengexian1{border-bottom:1px solid #ebebeb;float:left;width:100%;}
.newshow-ct{padding-bottom:27px;color:#555555;float:left;margin-left:15px;margin-right:10px;padding-top:15px;overflow:hidden;}
.newshow-bot{width:100%;position:relative;margin-bottom:5px;float:left;overflow:hidden;margin-top:10px;margin-bottom:10px;}
.newshow-bot span{color:#666666;font-size:13px;display:block;width:550px;margin-top:3px;line-height:20px;margin-left: 15px;}
.newshow-bot span a{color:#666666;text-decoration:none;}
.newshow-bot span a:hover{color:#b3221d;}



.prodlist2{width: 980px;height: auto;overflow: hidden;margin-top: 20px}
.prodlist2 li{width: 207px;height: 250px;border: 4px solid #fff;text-align: center;background-color: #fff;float: left;margin-right: 27px;margin-bottom: 32px;}
.prodlist2 li a{text-decoration: none;color: #333}
.prodlist2 li img{width:173px;height: 147px;border:1px solid #eee;margin-top: 16px}
.prodlist2 li h1{display: block;width: 100%;color: #333;font-size: 13px;margin-top: 10px}
.prodlist2 li span{display: inline-block;width: 79px;height: 24px;border:1px solid #f1f1f1;border-radius: 12px;color:#959595;font-size: 13px;margin-top: 5px}
.prodlist2 li:hover{border-color: #b10000}
.prodlist2 li:hover span{background-color: #b10000;border-color: #b10000;color: #fff}

.product{width: 100%;height: auto;overflow:hidden;margin:29px auto 0 auto;}
.product h1{width: 100%;text-align: center;height: 60px;line-height: 60px;font-size: 20px;}
.prod-text{width: 100%;height: 410px;margin-bottom: 24px;overflow: hidden;}
.prod-text .left{width:478px;height: 410px;overflow: hidden;float: left;}
.prod-text .left div{width:478px;height: 399px;padding: 4px;border:1px solid #e5e5e5;background-color: #fff;display: table-cell;text-align: center;vertical-align:middle;}
.prod-text .left div img{width: auto;height:399px;}
.prod-text .left span{display: block;width: 100%;height: 50px;line-height: 50px;text-align: center;color: #5e5e5e}
.prod-text .right{width: 434px;height: 360px;float: right;color: #5e5e5e}
.prod-text .right h1{display: block;width: 100%;height: 57px;line-height: 57px;;text-align: left;color: #333333;border-bottom: 1px solid #333333;font-size: 20px;font-weight: bold;}
.prod-text .right div{width: 100%;height: 50px}
.prod-text .right .link1{display: block;width: 120px;height: 35px;overflow: hidden;background:url(../images/link1.jpg) 0 0 no-repeat;float: left;margin-top: 43px}
.prod-text .right .link2{display: block;width: 120px;height: 35px;overflow: hidden;background:url(../images/link2.jpg) 0 0 no-repeat;float: left;margin-left: 30px;margin-top: 43px}
.prod-cont{width:100%;height: auto;overflow: hidden;margin: 0 auto}
.prod-cont-title{width: 100%;height: 39px;line-height: 39px;border-bottom: 1px solid #e5e5e5;color: #666666;font-size: 16px;}
.prod-cont-text{width: 100%;height: auto;margin-top: 10px;color: #666666}
.prod-cont-text h1{display: block;width: 100px;height: 35px;text-align: center;line-height: 35px;background-color: #b10000;color: #fff;}