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

/* 头部 */
.top1bj{height: 48px; line-height: 48px; border-bottom: 1px solid #ebebeb; color: #2f2f2f;}
.top2bj .w1200{height: 140px; display: flex; justify-content: space-between; align-items: center;}
.top2bj .w1200 .fr .tit{display: flex; height: 30px; line-height: 30px; align-items: center; justify-content: flex-end;}
.top2bj .w1200 .fr .tit .dh{padding-left: 32px; background: url(images/pjh_02.png) left center no-repeat; margin-right: 30px;}
.top2bj .w1200 .fr .tit .dh span{color: #f00;}
.top2bj .w1200 .fr .tit form{display: flex; align-items: center;}
.top2bj .w1200 .fr .tit form input{width: 160px; height: 28px; border: 1px solid #eaeaea; border-radius: 28px; position: relative; z-index: 1;}
.top2bj .w1200 .fr .tit form button{width: 46px; height: 28px; background: linear-gradient(#01529a,#057feb); border: none; color: #fff; margin-left: -8px; border-radius: 0 28px 28px 0;}
.top2bj .w1200 .fr ul{margin-top: 20px;}
.top2bj .w1200 .fr ul li{height: 42px; line-height: 42px; float: left;}
.top2bj .w1200 .fr ul li a{display: block; padding: 0 20px;}
.top2bj .w1200 .fr ul li:hover,.top2bj .w1200 .fr ul li.active{background: #015198; color: #fff;}

.box1bj{padding: 70px 0; background: url(images/index_02.jpg);}
.box1bj .w1200{display: flex; justify-content: space-between;}
.box1bj .w1200 .fl{width: 748px; display: flex; flex-direction: column; justify-content: space-between;}
.box1bj .w1200 .fl .tit dt{font-size: 24px; font-weight: normal;}
.box1bj .w1200 .fl .tit dt span{color: #015198;}
.box1bj .w1200 .fl .tit dd{font-size: 12px; color: #a1a1a1;}
.box1bj .w1200 .fl .bod{height: 432px; background: #eeeeee; padding: 0 78px; display: flex; flex-direction: column; justify-content: center;}
.box1bj .w1200 .fl .bod .tit2{display: flex;}
.box1bj .w1200 .fl .bod .tit2 dl{margin-right: 94px;}
.box1bj .w1200 .fl .bod .tit2 dl dt{font-size: 52px; color: #015198; font-weight: normal; display: flex; align-items: flex-start; line-height: 52px;}
.box1bj .w1200 .fl .bod .tit2 dl dt span{font-size: 16px; line-height: 16px;}
.box1bj .w1200 .fl .bod .tit2 dl dt dd{color: #676767;}
.box1bj .w1200 .fl .bod ul{margin: 30px 0 40px; color: #3e3e3e; line-height: 24px;}
.box1bj .w1200 .fl .bod ul li{text-indent: 2em;}
.box1bj .w1200 .fl .bod .more{display: block; width: 116px; height: 36px; line-height: 34px; text-align: center; border: 1px solid #015198; color: #015198;}
.box1bj .w1200 .fr{width: 452px;}
.box1bj .w1200 .fr img{width: 100%;}

.index_tit{text-align: center; color: #015198; padding: 50px 0 30px;}
.index_tit dt{font-size: 36px; font-weight: normal;}

.box2bj{height: 1050px; background: url(images/index_03.jpg) center center no-repeat;}
.box2bj .index_tit{color: #fff;}
.box2bj .bodbj{background: #fff; padding: 30px 0; position: relative; z-index: 10;}
.box2bj .bodbj:before{content: ""; position: absolute; top: 0; left: -56px; width: 1312px; height: 100%; background: #fff; z-index: -10;}
.box2bj .bodbj .tit{height: 66px; line-height: 64px; border-bottom: 2px solid #eee; display: flex; text-align: center; margin-bottom: 44px;}
.box2bj .bodbj .tit li{flex: 1; position: relative; font-size: 18px; cursor: pointer;}
.box2bj .bodbj .tit li:hover,.box2bj .bodbj .tit li.active{color: #015198;}
.box2bj .bodbj .tit li:hover:before,.box2bj .bodbj .tit li.active:before{content: ""; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background: #015198;}
.box2bj .bodbj .bod .item{display: none;}
.box2bj .bodbj .bod dl{width: 382px; height: 282px; float: left; margin: 0 27px 27px 0; position: relative; overflow: hidden;}
.box2bj .bodbj .bod dl:nth-child(3n){margin-right: 0;}
.box2bj .bodbj .bod dl dt{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.box2bj .bodbj .bod dl dt img{width: 100%; height: 100%; transition: 0.5s;}
.box2bj .bodbj .bod dl dt img:hover{transform: scale(1.2);}
.box2bj .bodbj .bod dl dd{position: absolute; bottom: -48px; left: 0; width: 100%; height: 48px; line-height: 48px; text-align: center; background: rgba(255,255,255,0.64); color: #015198; font-size: 16px; transition: 0.5s}
.box2bj .bodbj .bod dl dd a{display: block;}
.box2bj .bodbj .bod dl:hover dd{bottom: 0;}
.box2bj .bodbj .bod .more{display: block; width: 142px; height: 40px; text-align: center; line-height: 38px; border: 1px solid #2c2c2c; border-radius: 48px; color: #2c2c2c; margin: 10px auto 0;}

.box3bj .bod {position: relative;}
.box3bj .bod .swiper-button-prev{left: -60px; top: 0; bottom: 0; margin: auto;}
.box3bj .bod .swiper-button-next{right: -60px; top: 0; bottom: 0; margin: auto;}
.box3bj .bod .swiper-button-prev:after,.box3bj .bod .swiper-button-next:after{display: none;}
.box3bj .bod .swiper-button-prev:focus,.box3bj .bod .swiper-button-next:focus{outline: none;}
.box3bj .bod .swiper-slide{padding: 30px 45px; background: #ebebeb; height: 256px;}

.box4bj .index_tit dt{padding-bottom: 8px; background: url(images/index_07.jpg) center bottom no-repeat; margin-bottom: 10px;}
.box4bj .index_tit dt span{color: #252525;}
.box4bj .index_tit dd{color: #878787; font-size: 18px;}
.box4bj .bod{height: 1636px; background: url(images/index_08.jpg) center top no-repeat;}
.box4bj .bod .w1200{position: relative;}
.box4bj .bod .w1200 .item{position: absolute; width: 540px;}
.box4bj .bod .w1200 .item .tit{display: flex; align-items: center; margin-bottom: 26px;}
.box4bj .bod .w1200 .item .tit em{width: 76px; height: 98px; background: #015198; line-height: 98px; text-align: center; color: #fff; font-size: 50px; font-weight: bold; font-style: normal; margin-right: 20px; position: relative;}
.box4bj .bod .w1200 .item .tit em:before{content: ""; position: absolute; bottom: 12px; left: 0; right: 0; margin: auto; height: 3px; width: 42px; background: #fff;}
.box4bj .bod .w1200 .item .tit dl dt{font-size: 30px; color: #015198; margin-bottom: 15px;}
.box4bj .bod .w1200 .item .tit dl dd{font-size: 18px; color: #464646; text-transform: uppercase;}
.box4bj .bod .w1200 .item ul li{margin-bottom: 30px; padding-left: 30px; background: url(images/pjh_05.png) left center no-repeat; font-size: 18px; color: #464646;}
.box4bj .bod .w1200 .item ul li b{color: #015198; font-size: 24px;}
.box4bj .bod .w1200 .item ul li span{color: #015198;}
.box4bj .bod .w1200 .item p{display: flex; align-items: center;}
.box4bj .bod .w1200 .item p b{font-size: 24px; margin-right: 20px;}
.box4bj .bod .w1200 .item p b span{color: #015198;}
.box4bj .bod .w1200 .item p a{width: 146px; height: 36px; border: 2px solid #015198; line-height: 34px; text-align: center; font-size: 18px; color: #015198;}
.box4bj .bod .w1200 .ys1{top: 40px; left: 646px;}
.box4bj .bod .w1200 .ys2{top: 480px; left: 56px;}
.box4bj .bod .w1200 .ys3{top: 843px; left: 646px;}
.box4bj .bod .w1200 .ys4{top: 1275px; left: 56px;}

.box5bj ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.box5bj ul li{margin-bottom: 14px;}

.box6bj .bod{display: flex; justify-content: space-between;}
.box6bj .bod .item{width: 390px; border: 1px solid #e6e6e6; padding: 30px; transition: 0.5s;}
.box6bj .bod .item em{font-size: 24px; color: #525252; font-style: normal;}
.box6bj .bod .item h3{font-size: 16px; color: #525252; margin: 15px 0 30px;}
.box6bj .bod .item img{width: 100%; height: 200px;}
.box6bj .bod .item p{color: #8c8c8c; margin: 18px 0;}
.box6bj .bod .item .more{background: #c7c7c7; padding: 2px 12px; border-radius: 30px; color: #fff;}
.box6bj .bod .item:hover{background: #015198;}
.box6bj .bod .item:hover em{color: #fff;}
.box6bj .bod .item:hover h3{color: #fff;}
.box6bj .bod .item:hover p{color: #fff;}
.box6bj .bod .item:hover .more{background: #fff; color: #666;}
.box6bj .more2{display: block; width: 142px; height: 40px; border: 1px solid #015198; text-align: center; line-height: 38px; border-radius: 40px; margin: 36px auto 0; color: #015198;}

.box7bj{background: #f5f5f5; margin-top: 90px;}
.box7bj .w1200{padding: 70px 0 40px; position: relative;}
.box7bj .w1200 dl{width: 78px; height: 91px; background: url(images/pjh_06.png) center center no-repeat; position: absolute; top: -40px; left: 0; right: 0; margin: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #fff;}
.box7bj .w1200 dl dt{font-size: 12px; font-weight: normal;}
.box7bj .w1200 .bod{text-align: center;}
.box7bj .w1200 .bod a{margin-right: 10px;}
.box7bj .w1200 .bod a:hover{color: #f00;}

/* 底部 */
.bottom1bj{background: #4b4948; padding: 50px 0;}
.bottom1bj .w1200{display: flex; justify-content: space-between; color: #c2c2c2;}
.bottom1bj .w1200 .dl1 dt{border-bottom: 2px solid #605f5d; padding-right: 36px; color: #fff; padding-bottom: 12px; margin-bottom: 10px; position: relative;}
.bottom1bj .w1200 .dl1 dt:before{content: ""; position: absolute; bottom: -2px; left: 0; width: 26px; height: 3px; background: #fff;}
.bottom1bj .w1200 .dl1 dd{margin-bottom: 6px; font-size: 12px;}
.bottom1bj .w1200 ul{margin: auto 0;}
.bottom1bj .w1200 ul li{margin-bottom: 6px;}
.bottom1bj .w1200 ul li span{font-size: 28px; color: #92050c; font-weight: bold;}
.bottom1bj .w1200 ul li:nth-child(3){text-indent: 3em;}
.bottom1bj .w1200 .dl2{text-align: center;}
.bottom1bj .w1200 .dl2 dt{margin-bottom: 5px;}

.bottom2bj{height: 44px; line-height: 44px; background: #353535; color: #d7d7d7;}

/* 产品列表 */
.fanye{margin-top:20px;}
.fanye span,.fanye>a{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:#015198; font-weight:bold;}
.list_news li p{font-size:14px; color:#333; margin-top:10px;}