@charset "utf-8";
.w1200{max-width: 1200px;width: 100%;margin: 0 auto;overflow: hidden;}
.w1113{max-width: 1113px;width: 100%;margin: 0 auto;overflow: hidden;}
.w1194{max-width: 1194px;width: 100%;margin: 0 auto;overflow: hidden;}
.topline{height: 31px;background-color: #fff;overflow: hidden;}
.topline .left{display: block;width: 411px;height: 31px;float: left;font-size: 14px;color: #333333;font-weight: bold;margin-left: 22px}
.topline .left font{color: #d11f07;font-size: 18px}
.topline .right{float: right;height: 31px;line-height: 31px;margin-right: 37px;}
.topline .right a,.topline .right span{color: #333333;font-size: 14px;display: inline-block;}
.topline .right .a1{color: #cdcdcd}
.topline .right font{color: #d11f07;font-size: 18px}

.top{height: 88px;overflow: visible;background:#b3230f;}
.top .logo{width:263px;height: 55px;margin-left: 55px;margin-top: 15px;background: url(../images/logo.png) 0 0 no-repeat;float: left;}
.nav{width: auto;height: 88px;float: right;}
.nav li{float: left;width: 123px;height: 88px;position: relative;}
.nav li a{color: #333;text-decoration: none;display: block;overflow: hidden;height: 88px}
.nav li .a1{display: block;width: 100%;height: 88px;position: relative;}
.nav li .a1 .sp1{display: block;width: 100%;height: 23px;line-height: 23px;text-align: center;font-size: 18px;margin-top: 29px;color: #fff;}
.nav li .a1 .sp2{display: block;width: 100%;height: 14px;line-height: 14px;text-align: center;font-size: 10px;color: #fff;}
.nav li:hover{background:#595959;transition:0.25s;}
.nav li:hover:after{content: "";width: 132px;height: 6px;background: url(../images/topbg.png) 0 0 no-repeat;left: -4px;top: -6px;position: absolute;}

.banner{height: 70vh;position: relative;overflow: hidden;}
.bannerprev{display: block;width:30px;height: 44px;background: url(../images/bannerleft.png) center no-repeat;transform: translate(0, -50%);position: absolute;left: 2%;z-index: 99;top: 50%}
.bannernext{display: block;width:30px;height: 44px;background: url(../images/bannerright.png) center no-repeat;transform: translate(0, -50%);position: absolute;right: 2%;z-index: 99;top: 50%}
.banner .pic{ height:70vh;overflow: hidden;}
.banner .pic li{float: left;height: 70vh;width: 100%; position: absolute;left: 0;top: 0;z-index: 1; background-position: center 0;background-repeat: no-repeat;}
.boxcont{height: 2587px;background: url(../images/indexbox.jpg) center 0 no-repeat;overflow: hidden}

.box1{height: 608px;overflow: hidden;position: relative;}
.box1-cont{margin-left: 674px;width: 505px;height: auto;margin-top: 235px;line-height: 23px;color: #666666;font-size: 16px;text-indent: 2em}
.box1-link{margin-left: 674px;margin-top: 53px;}
.box1 a{display: block;width: 108px;height: 32px;border:1px solid #d11f07;text-align: center;line-height: 32px;color: #d11f07}
.box1 a:hover{background:#d11f07;color:#f8f8f8;}
.box2{height: 1002px;overflow: hidden}
.box2-title{width: 100%;height: 71px;overflow: hidden;margin-top: 46px}
.box2-title h1{display: block;width: 100%;height: 42px;line-height: 42px;text-align: center;color: #fff;font-size: 30px;font-weight: bold;}
.box2-title h2{display: block;width: 100%;height: 29px;line-height: 29px;text-align: center;color: #fff;font-size:20px;font-weight: bold;}
.xilielist{width: 1220px;overflow: hidden;margin-left: 14px;margin-top: 161px;height: 415px;}
.xilielist li{width: 362px;height: 395px;margin-right: 43px;float: left;}
.xilielist .xiliepic1{background: #fff url(../images/pic11.jpg) 0 0 no-repeat;transition:0.2s;}
.xilielist .xiliepic2{background: #fff url(../images/pic22.jpg) 0 0 no-repeat;transition:0.2s;}
.xilielist .xiliepic3{background: #fff url(../images/pic33.jpg) 0 0 no-repeat;transition:0.2s;}
.xilielist .active{height: 435px;}
.xilielist li div{height: 158px;overflow: hidden;display: flex;justify-content: center;align-items: center;flex-direction: column;background:url(../images/xiliebg.png) 0 0 no-repeat}
.xilielist li div h1{display: block;height: 23px;line-height: 23px;text-align: center;color: #2858ab;font-size: 19px;font-weight: bold}
.xilielist li div h2{display: block;height: 16px;line-height: 16px;text-align: center;color: #999999;font-size: 12px;}
.xilielist li div span{display: block;line-height: 20px;margin-top: 12px;text-align: center;color: #747474;font-size: 14px}
.xilielist .active div{height: 100%;background: rgba(209, 31, 7, 0.8);transition:0.25s;}
.xilielist .active div h1,.xilielist .active div h2,.xilielist .active div span{color: #fff;}
.prodboxa{width: 1172px;margin: 0 auto;background-color: #d11f07;height: 329px}
.prodboxa .prodboxlia{width: 100%;height: 332px;overflow: hidden;position: relative;display: none;}
.prodboxa .prodboxlia .prodleft1{display: block;width: 15px;height: 23px;background:url(../images/prodleft.png) 0 0 no-repeat;top: 155px;left: 16px;position: absolute;}
.prodboxa .prodboxlia .prodright1{display: block;width: 15px;height: 23px;background:url(../images/prodright.png) 0 0 no-repeat;top: 155px;right: 16px;position: absolute;}
.prodbranda{width: 1086px;margin: 40px auto 0 auto;height: 290px;position: relative;overflow: hidden;}
.prodlista{width: 1200px;height: 290px;position: absolute;left: 0;top: 0}
.prodlista li{width: 262px;height: 269px;float: left;margin-right: 12px;}
.prodlista li img{width: 100%;height:264px}
.prodlista li span{display: block;width: 100%;height: 26px;line-height: 26px;text-align: center;color:#333333;text-overflow:ellipsis;
    white-space: nowrap;overflow: hidden;}
.prodboxa .prodboxlia a{text-decoration: none;color: #fff}
.prodboxa .prodboxlia .more{right: 42px;position: absolute;top: 0;line-height: 40px;font-size: 16px}

.box3{height: 976px;overflow: hidden}
.box3cont{width: 100%;height: 769px;overflow: hidden;margin-top: 105px;background-color: #cccccc;position: relative}
.prod-nav{width: 100%;height: 82px;overflow: hidden;background-color: #902719}
.prod-nav li{width: 200px;height: 82px;line-height: 82px;text-align: center;float: left}
.prod-nav li a{color: #fff;text-decoration: none;font-size: 18px;}
.prod-contlist{width: 100%;height: 687px;overflow: hidden;}
.prod-contlist li{width: 1200px;height: 687px}
.prodlist{width: 100%;overflow: hidden;padding-left: 28px;padding-top: 29px;box-sizing: border-box;height: 496px}
.prodlist li{width: 275px;height: 210px;margin-right:10px;margin-bottom: 29px;float: left;position: relative;}
.prodlist li img{width: 100%;height: 100%;object-fit:cover}
.prodlist li span{display: block;width: 100%;height: 30px;line-height: 30px;background-color: rgba(0, 0, 0, 0.5);position: absolute;bottom: 0;left: 0;text-align: center;color: #fff;text-overflow:ellipsis;
    white-space: nowrap;overflow: hidden;}
.proddesc{width: 1200px;height: 191px;background-color: #3d3d3d;box-sizing: border-box;padding-left: 50px;overflow: hidden;position: relative}
.proddesc h1{display: block;width: 100%;height: 34px;line-height: 34px;margin-top: 35px;color: #fff;font-size: 24px;font-weight: bold}
.proddesc span{display: block;width: 100%;line-height: 27px;line-height: 27px;color: #fff;font-size: 16px;color:#fff;margin-top: 12px}
.proddesc a{position: absolute;right: 40px;top: 40px;width: 98px;height: 28px;border:1px solid #fff;text-align: center;line-height: 28px;text-decoration: none;color: #fff;}
.proddesc a:hover{color:black;background:white;}
.prodleft{display: block;width: 39px;height: 39px;background:rgba(255,255,255,0.5) url(../images/prodbtn.png) center center no-repeat;transform: rotate(180deg);position: absolute; bottom: 38px;right: 103px}
.prodright{display: block;width: 39px;height: 39px;background:rgba(255,255,255,0.5) url(../images/prodbtn.png) center center no-repeat;position: absolute;bottom: 38px;right: 41px}
.prodleft:hover{display: block;width: 39px;height: 39px;background:#fff url(../images/prodbtn.png) center center no-repeat;transform: rotate(180deg);position: absolute; bottom: 38px;right: 103px}
.prodright:hover{background:#fff url(../images/prodbtn.png) center center no-repeat;position: absolute;bottom: 38px;right: 41px}
.boxcont2{height: 904px;background: url(../images/indexcont2.jpg) center 0 no-repeat;overflow: hidden}
.box5{height: 550px;overflow: hidden;position: relative;}
.box5 .more{position: absolute;left: 50%;margin-left: 466px;height: 44px;margin-top: 101px;}
.box5 .more a{text-decoration: none;color: #d11f07;}

.newslist{width: 100%;height: auto;overflow: hidden;margin-top:170px;}
.newslist li{width:448px;height:73px;box-sizing: border-box;float: left;}
.newslist li a{display: block;text-decoration: none;color: #333;}
.newslist li h1{display: block;line-height: 21px;font-weight:bold;font-size: 16px;overflow: hidden;color: #333333
text-overflow:ellipsis;
white-space: nowrap;}
.newslist li span{display: block;width: 100%;line-height: 17px;display: -webkit-box;color: #999999;font-size: 12px;text-indent: 2em;
-webkit-box-orient: vertical;margin-top: 4px;
-webkit-line-clamp: 2;
overflow: hidden;font-size: 12px}
.newslist li:nth-child(odd){float: right;}
.box6{height: 110px;margin-top: 163px;}
.piclist{width: 1230px;overflow: hidden;}
.piclist li{width: 190px;height: 110px;margin-right: 12px;background-color: #fff;float: left;}
.piclist li img{width: 100%;height: 100%;}


.bottom{height: 276px;overflow: hidden;background: url(../images/bottom.jpg) center 0 no-repeat;}
.bottom .left{width: 520px;height: 276px;overflow: hidden;float: left;margin-left: 56px}
.bottom .left .btlogo{display: block;width: 273px;;height: 58px;margin-top: 42px;background: url(../images/logo.png) 0 0 no-repeat;}
.bottom .left span{display: block;width: 100%;line-height: 23px;margin-top: 26px;font-size: 16px;color: #fff}
.bottom .right{width: 384px;height: 100%;overflow: hidden;float: right;}
.btnav{width: 100%;height: auto;margin-top: 37px}
.btnav li{width: 188px;height: auto;float: left;box-sizing: border-box;padding-left: 30px}
.btnav li a{text-decoration: none;color: #CCCCCC}
.btnav li .a1{display: block;width: 100%;height: 27px;line-height: 27px;font-size: 18px;color: #fff;margin-bottom: 19px;font-weight: bold;}
.btnav li .a2{display: block;width: 100%;height: 28px;line-height: 28px;color: #999999;font-size: 16px}
.footer{width: 100%;height: 44px;line-height: 44px;text-align: center;font-size: 16px;color: #727981;background-color: #2d3238;}


.page{padding-bottom: 20px;height: auto;overflow: hidden;}
.page-main{min-height: 700px;}
.pagebanner{height: 326px;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;}

.address{width: 100%;height: 49px;line-height: 49px;box-sizing: border-box;padding-left: 20px;}

.page-nav{width: 100%;height: auto;min-height: 85px;border-bottom:1px solid #dddddd;overflow: hidden;box-sizing: border-box;text-align: center;}
.page-nav li{width: 154px;display: inline-block;height: 39px;margin-top: 3px;margin-left: 15px;margin-right: 15px;}
.page-nav li a{line-height:39px;width: 100%;height: 100%;color: #242b3d;font-size: 14px;display: block;text-decoration: none;border-radius: 6px;background-color: #333333;color: #fff;}
.page-nav li a:hover{background: #902719 url(../images/leftnavh.png) 193px center no-repeat;;color: #fff;}


.pagecontent{width: 100%;height: auto;overflow: hidden;font-size: 14px;color: #666666;margin-top: 0px;box-sizing: border-box;padding: 0 33px;}
.pagecontent p img{margin:0 6px 6px 0}
.newslist2{width: 100%;height: auto;overflow: hidden;margin-top: 10px;box-sizing: border-box;padding: 0 46px;}
.newslist2 li{width: 100%;height: 90px;overflow: hidden;background-color: #f5f5f5;margin-bottom:10px;}
.newslist2 li .date{width: 84px;height: 81px;float: right;overflow: hidden;background-color: #a12514;float: right;margin-top: 5px;margin-right: 6px;}
.newslist2 li .date h1{display: block;height: 41px;width: 100%;margin-top: 10px;text-align: center;color: #fff;font-size: 40px;line-height: 41px;}
.newslist2 li .date span{display: block;width: 100%;height: 22px;line-height: 22px;text-align: center;color: #fff;font-size: 16px;}
.newslist2 li a{display: block;float: left;width: 645px;overflow: hidden;height: auto;text-decoration: none;margin-left: 19px;}
.newslist2 li a h1{display: block;width: 100%;height: 23px;line-height: 23px;font-size: 18px;color: #333333;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;margin-top: 18px}
.newslist2 li a span{display: block;width: 100%;margin-top: 3px;line-height: 16px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;color: #999999;font-size: 12px;
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:#407aee;}


.prodlist2{width: 100%;height: auto;overflow: hidden;margin-left: 29px;margin-top: 39px}
.prodlist2 li{width:275px;height: 210px;float: left;margin-right: 11px;overflow: hidden;margin-bottom:28px;position: relative;}
.prodlist2 li a{text-decoration: none;color: #333;display: block;width: 100%;height:100%}
.prodlist2 li img{width: 100%;height: 100%;object-fit:cover;}
.prodlist2 li span{display: block;width: 100%;height: 30px;line-height: 30px;background-color: rgba(0, 0, 0, 0.5);position: absolute;bottom: 0;left: 0;text-align: center;color: #fff;text-overflow:ellipsis;
    white-space: nowrap;overflow: hidden;}
.prodpage{width: 1032px;min-height: 403px;background-color: #f6f6f6;border-radius: 5px;margin: 0 auto;}
.prodpage-cont{width: 100%;height: auto;overflow: hidden;}
.prodpage .left{width: 372px;float: left;margin-left: 47px;height: 302px;margin-top: 54px}
.prodpage .left img{width: 372px;height: 302px}
.prodpage .right{width: 511px;float: right;margin-right: 47px;margin-top: 54px;}
.prodpage .right h1{display: block;width: 100%;line-height: 50px;color: #333;font-size: 24px;}
.prodpage .right span{display: block;width: 100%;line-height: 29px;margin-top: 10px;color: #686868}
.prodcontent{width: 946px;height: auto;padding-bottom: 20px;margin-left: 47px;overflow: hidden;margin-top: 30PX;}
.pageindex{text-align: center;line-height: 50px;width: 100%;overflow: hidden;}

.contact{width: 100%;height: 156px;overflow: hidden;box-sizing: border-box;padding-top: 48px;}
.contact-cont h1{display: block;width: 100%;height: 19px;line-height: 19px;font-size: 16px;color: #333333;}
.contact-cont span{display: block;width: 100%;line-height: 23px;margin-top: 6px;}
.contact-cont1{width: 400px;height: 108px;float: left;background: url(../images/icon1.png) 0 0 no-repeat;margin-left: 22px;padding-left: 48px;box-sizing: border-box;}
.contact-cont2{width: 250px;height: 108px;float: left;background: url(../images/icon2.png) 0 0 no-repeat;margin-left: 105px;padding-left: 69px;box-sizing: border-box;}
.contact-cont3{width: 247px;height: 108px;float: right;background: url(../images/icon3.png) 0 0 no-repeat;padding-left: 63px;box-sizing: border-box;}