﻿body,h1,h2,h3,h4,h5,h6,p,pre,dl,dt,dd,ul,ol,li{margin: 0; padding: 0;}
body{font-family: arial;}
li{list-style: none;}
a{text-decoration: none; color: inherit;}
a:hover{color: inherit; text-decoration: none;}
a:focus,input:focus{color: inherit; text-decoration: none; outline: none;}
img{border: none;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}

/* 头部 */
.top1bj{background: #f3f3f3;}
.top1{width: 1200px; margin: 0 auto; height: 38px; line-height: 38px; color: #454545;}
.top2{width: 1200px; margin: 0 auto; height: 108px;}
.top2 .tit{float: left; margin: 25px 25px 0 0;}
.top2 .tit dt{font-size: 35px; color: #bc1010;}
.top2 .tit dd{font-size: 14px; color: #4e4e4e; text-transform: uppercase;}
.top2 .fl{margin-top: 30px; padding-left: 25px; border-left: 1px solid #c9c9c9; font-size: 18px;}
.top2 .fl p{line-height: 30px;}
.top2 .fl p span{color: #bc1010;}
.top2 .fr{margin-top: 30px;}
.top2 .fr dd{padding-left: 36px; height: 27px; line-height: 27px; background: url(images/index_01.jpg) center left no-repeat;}
.top2 .fr dt{font-size: 22px; color: #bc1010;}
.top3bj{height: 60px; line-height: 60px; background: url(images/index_02.jpg);}
.top3{width: 1200px; margin: 0 auto; color: #fff;}
.top3 li{float: left; width: 150px; text-align: center; font-size: 16px; background: url(images/pjh_01.png) right center no-repeat;}
.top3 li:nth-last-child(1){background: none;}
.top3 li a{display: block;}

/* 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;}

/* 首页 */
.box1bj{background: linear-gradient(90deg, #a82c20, #e62925, #831c1f);}
.sousuobj{border-bottom: 1px solid rgba(255,255,255,0.6);}
.sousuo{width: 1200px; margin: 0 auto; height: 80px; display: flex; justify-content: space-between; align-items: center;}
.sousuo .fl{line-height: 80px; color: #fff;}
.sousuo .fl b{color: #ffae00;}
.sousuo form{display: flex; align-items: center;}
.sousuo form input[type="text"]{width: 200px; height: 34px; border: none; border-radius: 34px 0 0 34px; text-indent: 10px;}
.sousuo form input[type="submit"]{width: 50px; height: 34px; border: none; background: #fff url(images/pjh_02.png) center center no-repeat; border-radius: 0 34px 34px 0;}
.box1{width: 1200px; margin: 40px auto 0;}
.box1 .bod{background: #fff;}
.index_tit{text-align: center; padding: 50px 0 20px; margin-bottom: 50px; position: relative;}
.index_tit:after{content: ""; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 36px; height: 2px; background: #bc1010;}
.index_tit dt{font-size: 44px;}
.index_tit dt span{color: #c80707;}
.index_tit dd{font-size: 18px; color: #53504f;}
.box1 .bod .info{display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 25px;}
.box1 .bod .info .item{padding-right: 20px; width: 50%; display: flex; margin-bottom: 60px;}
.box1 .bod .info .item:nth-of-type(2n){padding-right: 0; padding-left: 20px;}
.box1 .bod .info .item i{display: block; width: 60px; height: 100px; background: url(images/pjh_04.png) center center no-repeat; color: #fff; font-size: 36px; text-align: center; margin-right: 20px; font-style: normal; flex-shrink:0; font-weight: bold; padding-top: 10px;}
.box1 .bod .info .item i span{border-bottom: 1px solid #fff;}
.box1 .bod .info .item dl dt{font-size: 34px; margin-bottom: 30px;}
.box1 .bod .info .item dl dt span{color: #c80707;}
.box1 .bod .info .item dl dt small{display: block; font-size: 14px; text-transform: uppercase; color: #aca4a4;}
.box1 .bod .info .item dl dd{height: 120px; font-size: 18px; color: #666; padding-left: 15px; border-left: 1px solid #d9d9d9; position: relative; line-height: 30px;}
.box1 .bod .info .item dl dd:before{content: ""; position: absolute; top: -6px; left: -6px; border-radius: 6px; width: 12px; height: 12px; background: #fff; border: 2px solid #d9d9d9;}
.box1 .bod .info .item dl dd:after{content: ""; position: absolute; bottom: -6px; left: -6px; border-radius: 6px; width: 12px; height: 12px; background: #fff; border: 2px solid #d9d9d9;}

.box2bj{background: url(images/index_03.jpg) center center no-repeat; background-size: cover; margin: 0 auto; padding-bottom:60px;}
.box2{width: 1200px; margin: 0 auto;}
.box2 .index_tit{color: #fff;}
.box2 .index_tit dd{color: #fff;}
.box2 .bod{position: relative;}
.box2 .bod .ul1{display: flex; justify-content: space-between; flex-wrap: wrap;}
.box2 .bod .ul1 li{width: 50%; margin-bottom: 20px;}
.box2 .bod .ul1 li div{width: 348px; height: 348px; border: 4px solid #fff; border-radius: 4px; float: left;}
.box2 .bod .ul1 li img{width: 100%; height: 100%;}
.box2 .bod .ul1 li:nth-of-type(2n){display: flex; justify-content: flex-end;}
.box2 .bod .ul2{position: absolute; top: 60px; left: 0; right: 0; margin: auto; width: 460px;}
.box2 .bod .ul2 li{height: 460px; border: 4px solid #fff; border-radius: 4px; margin-bottom: 20px;}
.box2 .bod .ul2 li img{width: 100%; height: 100%;}

.box3bj{height: 164px; background: url(images/index_04.jpg);}
.box3{width: 1200px; margin: 0 auto; display: flex; height: 100%; justify-content: space-between; color: #fff; align-items: center;}
.box3 .fl dd{font-size: 30px; font-weight: bold;}
.box3 .fl dt{font-size: 40px;}
.box3 .fr dl{padding-left: 76px; background: url(images/pjh_05.png) left 5px no-repeat;}
.box3 .fr dd{font-size: 16px;}
.box3 .fr dt{font-size: 30px;}
.box3 .fr a{display: block; width: 276px; height: 40px; text-align: center; line-height: 40px; background: #fff; color: #c80707;}

.box4bj{height: 1097px; background: url(images/index_05.jpg) center center no-repeat;}
.box4{width: 1200px; margin: 0 auto;}
.box4 .tit{display: flex; justify-content: center; margin-bottom: 30px;}
.box4 .tit a{height: 36px; line-height: 36px; padding: 0 40px;}
.box4 .tit a.active{background: #bc1010; color: #fff; border-radius: 36px;}
.box4 .bod .item{display: none;}
.box4 .bod .item dl{width: 370px; float: left; margin: 0 40px 40px 0;}
.box4 .bod .item dl:nth-of-type(3n){margin-right: 0;}
.box4 .bod .item dl dt{height: 280px; border: 1px solid #d8d8d8;}
.box4 .bod .item dl dt img{width: 100%; height: 100%;}
.box4 .bod .item dl dd{height: 66px; line-height: 66px; background: #666666; color: #fff; font-size: 16px; text-align: center;}

.indexbj{background: url(images/index_06.jpg) center center no-repeat; background-size: cover;}
.indexbj .index_tit dt{font-size: 30px; color: #c80707;}
.indexbj .index_tit dd{color: #fff; font-size: 18px;}
.box5{width: 1200px; margin: 0 auto; position: relative;}
#zuo_box5{position: absolute; top: 300px; left: -50px; cursor: pointer;}
#you_box5{position: absolute; top: 300px; right: -50px; cursor: pointer;}
.box5 .bod{position: relative; height: 350px; overflow: hidden;}
.box5 .bod ul{position: absolute; top: 0; left: 0;}
.box5 .bod ul li{width: 260px; float: left; margin-right: 40px;}
.box5 .bod ul li img{width: 100%; height: 260px; border: 2px solid #ba0000; border-radius: 2px;}
.box5 .bod ul li p{height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 16px;}

.box6bj{background: rgba(255,255,255,0.5); padding-bottom: 50px;}
.box6{width: 1200px; margin: 0 auto; position: relative;}
#zuo_box6{position: absolute; top: 290px; left: -50px; cursor: pointer;}
#you_box6{position: absolute; top: 290px; right: -50px; cursor: pointer;}
.box6 .bod{position: relative; height: 280px; overflow: hidden;}
.box6 .bod ul{position: absolute; top: 0; left: 0;}
.box6 .bod ul li{width: 358px; height: 273px; background: url(images/pjh_08.png) center center no-repeat; float: left; margin-right: 40px;}
.box6 .bod ul li video{width: 350px; height: 213px; background: #fff; margin: 5px auto 0; display: block; border-radius: 5px 5px 10px 10px;}

.box7{width: 1200px; margin: 0 auto; padding: 70px 0;}
.box7 .fl{width: 500px; height: 370px; border: 2px solid #810000;}
.box7 .fl img{width: 100%; height: 100%;}
.box7 .fr{width: 660px; color: #fff;}
.box7 .fr dl dt{font-size: 30px; background: url(images/pjh_09.png) left bottom no-repeat; padding-bottom: 10px; margin-bottom: 20px;}
.box7 .fr dl dd{font-size: 18px; line-height: 30px; text-indent: 2em;}
.box7 .fr .more{display: block; width: 120px; height: 40px; line-height: 40px; text-align: center; background: #c90e0e; color: #fff; font-size: 18px; margin: 30px 0 0 0;}

.box8bj{background: #eee; padding-bottom: 60px;}
.box8{width: 1200px; margin: 0 auto;}
.box8 .index_tit dt{font-size: 32px; background: url(images/index_08.jpg) center center no-repeat; margin-bottom: 15px;}
.box8 .index_tit dd{font-size: 18px;}
.box8 .fl{width: 555px; height: 350px;}
.box8 .fl img{width: 100%; height: 100%;}
.box8 .fr{width: 600px;}
.box8 .fr ul{position: relative;}
.box8 .fr ul:before{content: ""; position: absolute; top: 0; left: 112px; width: 1px; height: 100%; background: #aeaeae;}
.box8 .fr ul li{height: 100px; margin-bottom: 20px; color: #656565; position: relative;}
.box8 .fr ul li:nth-last-child(1){margin-bottom: 0;}
.box8 .fr ul li:before{content: ""; position: absolute; width: 10px; height: 10px; border-radius: 50%; top: 6px; left: 108px; background: #aeaeae; outline: 2px solid #e4e4e4;}
.box8 .fr ul li em{display: block; width: 116px; float: left; font-size: 18px; color: #656565; font-style: normal;}
.box8 .fr ul li dl{margin-left: 145px;}
.box8 .fr ul li dl dt{font-size: 18px; font-weight: normal; margin-bottom: 10px;}
.box8 .fr ul li dl dt a:hover{color: #f00;}
.box8 .fr ul li dl dd{font-size: 14px; color: #909090;}

.box9bj{padding: 20px 0; background: url(images/index_10.jpg) center center no-repeat; background-size: cover;}
.box9{width: 1200px; margin: 0 auto; color: #fff;}
.box9 dl dt{float: left; background: url(images/pjh_10.png) top left no-repeat; padding-top: 20px; font-weight: normal;}
.box9 dl dd{margin-left: 76px; padding-left: 20px; border-left: 1px solid #fff; min-height: 40px;}
.box9 dl dd a{padding-right: 10px;}

/* 底部 */
.bottom1bj{background: #262221; border-bottom: 1px solid rgba(255,255,255,0.6);}
.bottom1{width: 1200px; margin: 0 auto; height: 60px; color: #fff;}
.bottom1 ul{display: flex; justify-content: center; align-items: center; height: 100%;}
.bottom1 ul li{flex: 1; text-align: center; font-size: 16px;}
.bottom2bj{background: #262221;}
.bottom2{width: 1200px; margin: 0 auto; padding: 40px 0; display: flex; justify-content: space-between; color: #fff;}
.bottom2 .fl{width: 430px; text-align: center;}
.bottom2 .fl p{font-size: 16px; margin: 20px 0 30px;}
.bottom2 .fl h4{font-size: 36px; color: #c80707;}
.bottom2 .ce{width: 480px;}
.bottom2 .ce h4{font-size: 18px; margin-bottom: 10px;}
.bottom2 .ce p{font-size: 16px; line-height: 30px;}

/* 产品列表 */
.fanye{margin-top:20px;}
.fanye li{float:left; color:#666; 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 .fr a{font-size:16px; color:#005a9a; font-weight:bold;}
.list_news li p{font-size:14px; color:#666; margin-top:10px;}
.list_news li .fl{width:160px; height:90px;}
.list_news li .fl img{width:100%; height:100%;}
.list_news li .fr{width:800px;}


