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{color: inherit; text-decoration: none;}
a:hover{color: inherit; text-decoration: none;}
a:focus,input:focus{outline: none; color: inherit;}
img{border: none; max-width: 100%;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}

/* 头部 */
.topbj{background: #333333;}
.topbj .container-fluid{height: 108px;}
.topbj .container-fluid .logo{margin-top: 16px;}
.topbj .container-fluid .fr{height: 108px; display: flex; align-items: center;}
.topbj .container-fluid .fr ul{display: flex; color: #fff; margin-right:20px;}
.topbj .container-fluid .fr ul li a{padding: 2px 20px; display: block; border-radius: 10px;}
.topbj .container-fluid .fr ul li a.active{background: #088cbc;}
.topbj .container-fluid .fr .dh{color: #009bd0; font-size: 18px;}
.topbj .container-fluid .fr .dh span{margin-right: 10px; font-size: 14px;}

/* 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: #f7f7f7; border-bottom: 1px solid #e2e2e2; padding: 60px 0;}
.box1bj .container{display: flex;}
.box1bj .container dl{flex: 1; text-align: center; border-right: 1px solid #e2e2e2;}
.box1bj .container dl:nth-last-child(1){border-right: none;}
.box1bj .container dl h4{font-size: 16px; margin: 15px 0 5px;}
.box1bj .container dl p{font-size: 14px; color: #666;}

.index_tit{text-align: center; padding: 70px 0 80px;}
.index_tit dt{font-size: 46px;}
.index_tit dd{font-size: 18px;}

.box2bj{padding-bottom: 70px;}
.box2bj .bod{display: flex;}
.box2bj .bod .itembj{width: 25%; margin: 0 2px; background: url(images/pjh_01.png) center center no-repeat; background-size: cover; padding-bottom: 28.5%; position: relative;}
.box2bj .bod .itembj .item{position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-align: center; padding: 28% 10% 0 10%;}
.box2bj .bod .itembj .item i{display: block; padding-bottom: 20%;}
.box2bj .bod .itembj .item h4{font-size: 22px; font-weight: bold; margin: 15px 0;}
.box2bj .bod .itembj .item .more{display: block; width: 116px; height: 34px;line-height: 34px; text-align: center; color: #fff; background: #088cbc; margin: 15px auto 0;}
.box2bj .bod .itembj:hover{background: url(images/pjh_01_ac.png) center center no-repeat; background-size: cover; color: #fff;}
.box2bj .bod .itembj:hover .item .more{background: #fff; color: #088cbc;}
.box2bj .bod1 .itembj:nth-child(1) .item i{background: url(images/pjh_02.png) center center no-repeat; background-size: contain;}
.box2bj .bod1 .itembj:nth-child(1):hover .item i{background: url(images/pjh_02_ac.png) center center no-repeat; background-size: contain;}
.box2bj .bod1 .itembj:nth-child(2) .item i{background: url(images/pjh_03.png) center center no-repeat; background-size: contain;}
.box2bj .bod1 .itembj:nth-child(2):hover .item i{background: url(images/pjh_03_ac.png) center center no-repeat; background-size: contain;}
.box2bj .bod1 .itembj:nth-child(3) .item i{background: url(images/pjh_04.png) center center no-repeat; background-size: contain;}
.box2bj .bod1 .itembj:nth-child(3):hover .item i{background: url(images/pjh_04_ac.png) center center no-repeat; background-size: contain;}
.box2bj .bod1 .itembj:nth-child(4) .item i{background: url(images/pjh_05.png) center center no-repeat; background-size: contain;}
.box2bj .bod1 .itembj:nth-child(4):hover .item i{background: url(images/pjh_05_ac.png) center center no-repeat; background-size: contain;}

.box2bj .bod2{justify-content: center; margin-top: -6.5%;}
.box2bj .bod2 .itembj:nth-child(1) .item i{background: url(images/pjh_06.png) center center no-repeat; background-size: contain;}
.box2bj .bod2 .itembj:nth-child(1):hover .item i{background: url(images/pjh_06_ac.png) center center no-repeat; background-size: contain;}
.box2bj .bod2 .itembj:nth-child(2) .item i{background: url(images/pjh_07.png) center center no-repeat; background-size: contain;}
.box2bj .bod2 .itembj:nth-child(2):hover .item i{background: url(images/pjh_07_ac.png) center center no-repeat; background-size: contain;}
.box2bj .bod2 .itembj:nth-child(3) .item i{background: url(images/pjh_08.png) center center no-repeat; background-size: contain;}
.box2bj .bod2 .itembj:nth-child(3):hover .item i{background: url(images/pjh_08_ac.png) center center no-repeat; background-size: contain;}

.box3bj{background: url(images/index_06.jpg) center center no-repeat fixed; background-size: cover; position: relative;}
.box3bj:before{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7);}
.box3bj .container-fluid .bod{display: flex;padding: 50px 0; position: relative; z-index: 1; align-items: center;}
.box3bj .container-fluid .bod .fl,.box3bj .container-fluid .bod .fr{flex: 1;}
.box3bj .container-fluid .bod .fl dl{display: flex; border-left: 3px solid #088fc6; align-items: center;}
.box3bj .container-fluid .bod .fl dl dt{font-size: 24px; color: #088fc6; margin: 0 10px;}
.box3bj .container-fluid .bod .fl dl dd{height: 1px; background: #088fc6; flex-grow: 1;}
.box3bj .container-fluid .bod .fl ul{color: #fff; margin-top: 5%;}
.box3bj .container-fluid .bod .fl ul li{margin-bottom: 3%; line-height: 24px;}
.box3bj .container-fluid .bod .fr{border: 10px solid #2f2f2f; margin-left: 4%;}
.box3bj .container-fluid .bod .fr img{width: 100%;}

.box4bj{background: url(images/index_08.jpg) center center no-repeat fixed; background-size: cover; position: relative;}
.box4bj:before{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.8);}
.box4bj .container-fluid{position: relative; z-index: 1;}
.box4bj .bod .item1{width: 900px; padding: 30px 40px; border: 1px solid #d9d9d9; background: #fff; text-align: center; margin: 0 auto;}
.box4bj .bod .item em{font-size: 24px; color: rgba(3,140,174,0.5); font-weight: bold;}
.box4bj .bod .item h4{font-size: 28px; color: rgba(3,140,174,1); font-weight: bold;}
.box4bj .bod .item p{margin-top: 10px;}
.box4bj .bod .info{display: flex; align-items: center; padding: 30px 0 60px;}
.box4bj .bod .info .fl,.box4bj .bod .info .fr,.box4bj .bod .info img{width: 33.3333%;}
.box4bj .bod .info img{margin: 0 20px;}
.box4bj .bod .info .item{padding: 30px 40px; border: 1px solid #d9d9d9; background: #fff; margin: 20px 0;}
.box4bj .bod .info .item2{text-align: right;}

.box5bj{background: url(images/index_09.jpg) center center no-repeat fixed; background-size: cover; position: relative;}
.box5bj:before{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7);}
.box5bj .container-fluid{position: relative; z-index: 1; padding-bottom: 60px;}
.box5bj .index_tit{color: #fff;}
.box5bj .bod ul{display: flex; flex-wrap: wrap;}
.box5bj .bod ul li{padding: 3px; width: 16.6666%; display: flex; align-items: center;}
.box5bj .bod ul li img{width: 100%;}
.box5bj .bod ul li .more{background: #088cbc; color: #fff; flex-grow: 1; text-align: center; line-height: 40px;}

/* 底部 */
.bottom1bj{background: #2b2b2b; padding: 30px 0 20px; border-bottom: 1px solid rgba(255,255,255,0.2);}
.bottom1bj .bod{display: flex; justify-content: space-around; color: rgba(255,255,255,0.7); align-items: center;}
.bottom1bj .bod .dl1{text-align: center;}
.bottom1bj .bod .dl1 dd{margin-top: 5px;}
.bottom1bj .bod .dl2{display: flex; align-items: center;}
.bottom1bj .bod .dl2 dt{font-size: 30px;}
.bottom1bj .bod .dl2 dd{padding-left: 15px; margin-left: 15px; border-left: 1px solid rgba(255,255,255,0.1);}
.bottom2bj{background: #2b2b2b; padding: 15px 0; color: rgba(255,255,255,0.7); text-align: center;}

/* 产品列表 */
.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 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;}

@media (min-width: 1400px){
	.container-fluid{padding-left: 100px; padding-right: 100px;}
}