body,h1,h2,h3,h4,h5,h6,p,pre,dl,dt,dd,ul,ol,li{margin: 0; padding: 0;}
body{font-family: arial; background: url(images/index_01.jpg); color:#fff;}
li{list-style: none;}
a{text-decoration: none; color: inherit;}
a:hover{text-decoration: none; color: inherit;}
img{border: none; max-width: 100%;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}

/* 头部 */
.top1bj{background: linear-gradient(#500000,#3a0000)}
.top1{width: 1200px; height: 144px; margin: 0 auto; color: #fff;}
.top1 .logo{float: left; margin: 16px 22px 0 0;}
.top1 .tit{float: left; margin-top: 50px;}
.top1 .tit dt{font-size: 20px;}
.top1 .tit dd{font-size: 18px;}
.top1 .dh{float: right; margin-top: 40px; padding-left: 55px; background: url(images/pjh_02.png) left center no-repeat;}
.top1 .dh dt{font-weight: normal; font-size: 16px;}
.top1 .dh dd{font-size: 30px; color: #ff0000;}
.top2bj{background: #650000;}
.top2{width: 1200px; height: 50px; margin: 0 auto; line-height: 50px; color: #fff; font-size: 16px; text-align: center;}
.top2 ul{display: flex;}
.top2 ul li{flex: 1;}
.top2 ul li a{display: block;}
.top2 ul li.active{background: url(images/index_02.jpg) center center no-repeat;}

/* banner */
.swiper-slide {text-align: center;font-size: 18px;background: #fff; display: -webkit-box;display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center;-webkit-box-align: center;-ms-flex-align: center; -webkit-align-items: center; align-items: center;}

/* 首页 */
.box1{width: 1200px; margin: 0 auto; color: #fff; padding: 66px 0;}
.box1 .tit{text-align: center; font-size: 30px; height: 62px; line-height: 62px; background: url(images/index_03.jpg) center center no-repeat; width: 286px; margin: 0 auto 46px; box-shadow: 5px 5px rgba(0,0,0,0.2)}
.box1 .bod dl{width: 388px; float: left; background: #6a0000; box-shadow: 2px 2px rgba(0,0,0,0.3); padding: 10px 10px 0 10px; margin-right: 16px;}
.box1 .bod dl:nth-child(3n){margin-right: 0;}
.box1 .bod dl dt{height: 388px; overflow: hidden;}
.box1 .bod dl dt img{width: 100%; height: 100%; transition: 0.5s;}
.box1 .bod dl dt img:hover{transform: scale(1.2);}
.box1 .bod dl dd{text-align: center; font-size: 20px; height: 78px; line-height: 78px;}

.box2bj{height: 708px; background: url(images/index_04.jpg) center center no-repeat;}
.box2{width: 1200px; height: 100%; margin: 0 auto; position: relative; color: #fff;}
.box2 .video{width: 584px; height: 380px; position: absolute; top: 0; bottom: 0; left: 0; margin: auto;}
.box2 .video video{width: 100%; height: 100%;}
.box2 .fr{width: 760px; height: 510px; border: 3px solid #6c5353; margin-top: 110px; padding: 80px 50px 0 180px;}
.box2 .fr dl dt{font-size: 24px; font-weight: normal; margin: 20px 0;}
.box2 .fr dl dt small{font-size: 18px;}
.box2 .fr dl dd{line-height: 30px;}
.box2 .fr .more{display: block; width: 180px; height: 50px; line-height: 50px; text-align: center; background: #6a0000; border-radius: 10px; margin-top: 20px; position: relative;}

.index_tit{padding: 60px 0; font-size: 30px; text-align: center;}
.index_tit b{font-size: 36px;}

.box3{width: 1200px; margin: 0 auto; color: #fff;}
.box3 .bod .fl{width: 280px; box-shadow: 2px 2px rgba(0,0,0,0.3); background: #6a0000;padding: 20px;}
.box3 .bod .fl .dl1 dt{font-size: 24px; text-align: center; margin-bottom: 20px;}
.box3 .bod .fl .dl1 dd{height: 41px; line-height: 41px; background: url(images/index_05.jpg) center center no-repeat; color: #500000; margin-bottom: 12px; padding-left: 26px;}
.box3 .bod .fl .dl1 dd a{display: block;}
.box3 .bod .fl .dl1 dd:hover{background: url(images/index_05_active.jpg) center center no-repeat; color: #fff;}
.box3 .bod .fl .logo{display: block; margin: 20px auto 30px;}
.box3 .bod .fl .dl2{text-align: center;}
.box3 .bod .fl .dl2 dd{font-size: 16px; margin-top: 10px;}
.box3 .bod .fr{width: 900px;}
.box3 .bod .fr dl{width: 438px; float: left; padding: 10px 10px 0 10px; background: #6a0000; box-shadow: 2px 2px rgba(0,0,0,0.3); margin-bottom: 20px;}
.box3 .bod .fr dl:nth-child(2n){float: right;}
.box3 .bod .fr dl dt{height: 430px; overflow: hidden;}
.box3 .bod .fr dl dt img{width: 100%; height: 100%; transition: 0.5s;}
.box3 .bod .fr dl dt img:hover{transform: scale(1.2);}
.box3 .bod .fr dl dd{height: 76px; line-height: 76px; font-size: 16px;}
.box3 .bod .fr .more{display: block; width: 286px; height: 61px; margin: 16px auto 0; line-height: 61px; font-size: 24px; text-align: center; background: url(images/index_03.jpg) center center no-repeat;}

.box4bj{height: 698px; background: url(images/index_08.jpg) center center no-repeat; margin-top: 80px;}
.box4{width: 1200px; margin: 0 auto; color: #fff;}
.box4 .bod{display: flex; flex-wrap: wrap; margin-top: 20px;}
.box4 .bod dl{width: 50%; padding-left: 100px; padding-right: 80px; margin-bottom: 70px; padding-top: 10px;}
.box4 .bod dl dt{font-size: 18px; font-weight: normal; margin-bottom: 10px;}
.box4 .bod dl:nth-child(1){background: url(images/pjh_03.png) left center no-repeat;}
.box4 .bod dl:nth-child(2){background: url(images/pjh_04.png) left center no-repeat;}
.box4 .bod dl:nth-child(3){background: url(images/pjh_05.png) left center no-repeat;}
.box4 .bod dl:nth-child(4){background: url(images/pjh_06.png) left center no-repeat;}
.box4 .bod dl:nth-child(5){background: url(images/pjh_07.png) left center no-repeat;}
.box4 .bod dl:nth-child(6){background: url(images/pjh_08.png) left center no-repeat;}

.box5{width: 1200px; margin: 0 auto; color: #fff; padding-bottom: 60px; border-bottom: 1px solid #5b0000;}
.box5 .bod{display: flex; text-align: center;}
.box5 .bod .item{flex:1;}
.box5 .bod .item i{display: block; margin: 0 auto 16px; width: 166px; height: 166px; border-radius: 50%; background: #6a0000; box-shadow: 2px 2px rgba(0,0,0,0.3); position: relative;}
.box5 .bod .item i img{position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto;}
.box5 .bod .item h5{font-size: 18px; margin-bottom: 5px;}

.box6{width: 1200px; margin: 0 auto; color: #fff; border-top: 1px solid #3c0000;}
.box6 .bod{height: 340px; position: relative; overflow: hidden;}
.box6 .bod ul{position: absolute; top: 0; left: 0;}
.box6 .bod ul li{width: 288px; float: left; margin-right: 12px; background: #6a0000; padding: 10px 10px 0 10px; box-shadow: 2px 2px rgba(0,0,0,0.3);}
.box6 .bod ul li .pic{height: 200px; overflow: hidden;}
.box6 .bod ul li .pic img{width: 100%; height: 100%; transition: 0.5s;}
.box6 .bod ul li .pic img:hover{transform: scale(1.2);}
.box6 .bod ul li p{height: 50px; line-height: 50px; text-align: center;}

.box7bj{height: 231px; background: url(images/index_09.jpg) center center no-repeat;}
.box7{width: 1200px; height: 100%; margin: 0 auto; color: #fff; display: flex; justify-content: space-between; align-items: center;}
.box7 .fl h5{font-size: 22px;}
.box7 .fl h5 b{font-size: 46px; color: #c10000;}
.box7 .fl h4{font-size: 30px; font-weight: bold; margin: 10px 0;}
.box7 .fl p{font-size: 12px; text-transform: uppercase;}
.box7 .fr dl{padding-left: 68px; background: url(images/pjh_14.png) left center no-repeat;}
.box7 .fr dl dt{font-size: 30px; font-style: oblique;}
.box7 .fr .zx{display: block; width: 220px; height: 32px; line-height: 32px; text-align: center; background: #c10000; margin: 10px auto 0;}

.box8{width: 1200px; margin: 0 auto 66px; color: #fff;}
.box8 .bod .fl{width: 760px;}
.box8 .bod .fl dl dt{float: left; width: 250px; height: 140px;}
.box8 .bod .fl dl dt img{width: 100%; height: 100%;}
.box8 .bod .fl dl dd{margin-left: 266px;}
.box8 .bod .fl dl dd h3{margin-bottom: 10px; height: 30px; line-height: 30px;}
.box8 .bod .fl dl dd h3 a{font-size: 16px;}
.box8 .bod .fl span{color: #999; font-size: 14px; float: right;}
.box8 .bod .fl dl dd p{line-height: 24px;}
.box8 .bod .fl ul{margin-top: 10px;}
.box8 .bod .fl ul li{height: 50px; line-height: 50px; border-bottom: 1px dashed #999; font-size: 16px;}
.box8 .bod .fr{width: 340px;}
.box8 .bod .fr dl{border-bottom: 1px dashed #999; padding-bottom: 20px; margin-bottom: 24px;}
.box8 .bod .fr dl dt{font-size: 16px;}
.box8 .bod .fr dl small{font-size: 14px; color: #999; display: block; margin: 10px 0;}

/* 底部 */
.bottom1bj{background: #3d0000;}
.bottom1{width: 1200px; margin: 0 auto; height: 156px; position: relative;}
.bottom1 img{position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto;}

.bottom2bj{background: #500000; height: 60px; line-height: 60px; color: #fff;}
.bottom2{width: 1200px; margin: 0 auto;}
.bottom2 ul{display: flex; justify-content: center; text-align: center;}
.bottom2 ul li{width: 150px;}
.bottom2 ul li a{display: block;}

.bottom3bj{background: #3d0000; padding: 20px 0; color: #fff;}
.bottom3{width: 1200px; margin: 0 auto; text-align: center;}

/* 产品列表 */
.fanye{margin-top:20px;}
.fanye li{float:left; color:#eee; font-size:14px; margin-right:8px;}

/* 新闻列表 */
.list_news{padding-top:10px;}
.list_news li{padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #d7d7d7;}
.list_news li a{font-size:16px; color:#fff; font-weight:bold;}
.list_news li p{font-size:14px; color:#ddd; margin-top:10px;}

/* 客服 */
.kefu{position:fixed; top:200px; right:5px; width:130px; background:#fff; color:#FFF; text-align:center; z-index:10; border-radius:10px; overflow:hidden; border:1px solid #3d0000;}
.kefu .dl1{background:#3d0000; padding:15px 0 10px;}
.kefu .dl1 dt{font-size:12px; padding-bottom:6px; margin:0 10px 10px; border-bottom:1px dashed rgba(255,255,255,0.4);}
.kefu .dl1 dd{font-size:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.kefu .dl2{text-align:center; padding:15px 0; font-size:14px; color:#333;}
.kefu .dl2 img{width:90%;}