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

/* 头部 */
.top1bj{height: 40px; line-height: 40px; margin-bottom: 20px;}
.top1bj ul{float: left; margin-left: 15px;}
.top1bj ul li{float: left; margin-left: 10px; position:relative;}
.top1bj ul li .ewm{width:100px; height:0; position:absolute; top:40px; left:-35px; z-index:10; transition:0.5s;}
.top1bj ul li:nth-child(2):hover .ewm{height:100px;}
.top2bj{height: 50px; position: relative;}
.top2bj .w1200{position: relative; z-index: 2;}
.top2bj:before{content: ""; position: absolute; top: 0; right: 0; width: 50%; height: 100%; background: #95979a;}
.top2bj .logo{float: left;}
.top2bj .fr{width: 950px; background: #95979a url(images/index_05.jpg) left center no-repeat;}
.top2bj .fr>ul{display: flex; justify-content: space-between; line-height: 50px; color: #fff; float: left; width: 750px;}
.top2bj .fr>ul>li{flex-grow: 1; text-align: center; position: relative;}
.top2bj .fr>ul>li:hover{background: #1469c4;}
.top2bj .fr>ul>li>a{display: block;}
.top2bj .fr>ul>li>ul{position: absolute; top: 50px; left: 0; background: #29619c; min-width: 100%; display: none; text-align:left;}
.top2bj .fr>ul>li>ul>li{padding: 0 25px; height: 31px; line-height: 30px; border-bottom: 1px solid rgba(255,255,255,0.5);white-space: nowrap; position:relative;}
.top2bj .fr>ul>li>ul>li ul{position:absolute; top:0; left:100%; background:#29619c; color:#fff; display:none;}
.top2bj .fr>ul>li>ul>li ul li{padding: 0 25px; height: 31px; line-height: 30px; border-bottom: 1px solid rgba(255,255,255,0.5);white-space: nowrap; position:relative;}

.top2bj .fr form{float: right; width: 180px; display: flex; align-items: center; height: 50px;}
.top2bj .fr form input{height: 28px; border: none;}
.top2bj .fr form input[type="text"]{text-indent: 10px; background:#fff;}
.top2bj .fr form input[type="submit"]{width: 30px; background: #fff url(images/pjh_02.png) center center no-repeat; flex-shrink: 0;}

/* 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{padding: 60px 0;}
.box1bj .w1200{position: relative;}
#zuo_box1{position: absolute; top: 120px; left: -40px; z-index: 1;}
#you_box1{position: absolute; top: 120px; right: -40px; z-index: 1;}
.box1bj .tit{text-align: center; font-size: 30px; text-transform: uppercase;}
.box1bj .tit:before,.box1bj .tit:after{content: "——"; color: #1469c4; margin: 0 60px;}
.box1bj .tit2{height: 100px; margin: 50px 0 40px; position: relative; overflow: hidden;}
.box1bj .tit2 ul{position: absolute; top: 0; left: 0;}
.box1bj .tit2 ul li{width: 278px; height: 100px; background: #f0f0f0 url(images/pjh_03.png) center 14px no-repeat; text-align: center; font-size: 16px; padding-top: 60px; float: left; margin-right: 30px;}<!-- text-transform: uppercase;-->
.box1bj .tit2 ul li.active{background: #1469c4 url(images/pjh_03_ac.png) center 14px no-repeat; color: #fff;}
.box1bj .bod .item{display: none;}
.box1bj .bod .item dl{width: 278px; border: 1px solid #dcdcdc; padding: 20px; float: left; margin-right: 29px;}
.box1bj .bod .item dl:nth-child(4n){margin-right: 0;}
.box1bj .bod .item dl img{width: 100%; height: 230px;}
.box1bj .bod .item dl p{font-size: 16px; padding: 20px 0; margin-bottom: 20px; position: relative;}
.box1bj .bod .item dl p:before{content: ""; position: absolute; left: 0; bottom: 4px; width: 32px; height: 1px; background: #1469c4;}
.box1bj .bod .item dl p:after{content: ""; position: absolute; left: 10px; bottom: 0; width: 32px; height: 1px; background: #1469c4;}
.box1bj .bod .item dl .more{display: block; width: 120px; height: 40px; line-height: 40px; text-align: center; background: #868686; color: #fff; font-size: 16px;}
.box1bj .bod .item dl:hover .more{background: #1469c4;}

.box2bj{background: url(images/index_06.jpg) center center no-repeat;}
.box2bj .w1200{height: 176px; display: flex; flex-direction: column; justify-content: center; color: #fff; text-align: center;}
.box2bj p{font-size: 20px;}
.box2bj a{display: block; width: 110px; height: 30px; line-height: 30px; background: #1469c4; text-align: center; color: #fff; font-size: 12px; margin: 20px auto 0; border-radius: 30px;}

.index_tit{text-align: center; padding: 60px 0 10px; margin-bottom: 40px; position: relative; font-size: 30px; text-transform: uppercase;}
.index_tit:before{content: ""; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 30px; height: 2px; background: #1469c4;}

.box3bj{background: #eeeeee;}
.box3bj .bod li{width: 275px; float: left; margin-right: 30px; margin-bottom: 40px;}
.box3bj .bod li:nth-child(4n){margin-right: 0;}
.box3bj .bod li .info{height: 275px; display: block;position: relative;}
.box3bj .bod li .info>img{width: 100%; height: 100%;}
.box3bj .bod li .zhe{border: 10px solid #2071c7; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(0); transition: 0.5s;}
.box3bj .bod li .info:hover .zhe{transform: scale(1);}
.box3bj .bod li .zhe dl{border: 1px solid #fff; background: rgba(32,113,199,0.8); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #fff;}
.box3bj .bod li .zhe dl dt{margin-right: 10px; font-weight: normal;}
.box3bj .bod li>p{text-align: center; margin-top: 10px; font-size: 16px;}

.box4bj{padding-bottom: 60px;}
.box4bj .bod{height: 260px; position: relative;}
#zuo_box4{position: absolute; top: 0; left: 0; bottom: 0; margin: auto; z-index: 1;}
#you_box4{position: absolute; top: 0; right: 0; bottom: 0; margin: auto; z-index: 1;}
.box4bj .bod .info{width: 1090px; height: 100%; margin: 0 auto; position: relative; overflow: hidden;}
.box4bj .bod .info ul{position: absolute; top: 0; left: 0;}
.box4bj .bod .info ul li{width: 260px; height: 260px; float: left; position: relative; border: 1px solid #cfcfcf; margin-right: 20px;}
.box4bj .bod .info ul li img{width: 100%; height: 100%;}
.box4bj .bod .info ul li dl{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); color: #fff; display: flex; flex-direction: column; justify-content: center; text-align: center; transform: scale(0); transition: 0.5s;}
.box4bj .bod .info ul li:hover dl{transform: scale(1);}
.box4bj .bod .info ul li dl dt{font-weight: normal;}
.box4bj .bod .info ul li dl dd a{display: block; width: 100px; height: 32px; line-height: 30px; text-align: center; border: 1px solid #fff; margin: 20px auto 0;}

.box5bj .fl{width: 540px;}
.box5bj .fl img{padding-top:68px;height:466px;width:550px;}
.box5bj .fr{width: 600px;}
.box5bj .fr dt{font-size: 30px; color: #1469c4; font-weight: normal; margin-bottom: 20px;}
.box5bj .fr dd{font-size: 15px; color: #797979; line-height: 24px;}
.box5bj .fr .more{display: block; width: 116px; height: 32px; line-height: 30px; text-align: center; border: 1px solid #1469c4; color: #1469c4; margin-top: 20px; border-radius: 32px; text-transform: uppercase;}

.box6bj{margin-bottom:50px;}
.box6bj .bod{display: flex; justify-content: space-between;}
.box6bj .bod .fl{width: 590px;}
.box6bj .bod .fl .tit{height: 68px; line-height: 68px; background: #1469c4; font-size: 20px; text-align: center; color: #fff;}
.box6bj .bod .fl .item{padding: 10px 0; margin-top: 20px; border-bottom: 1px dashed #eee;}
.box6bj .bod .fl .item .xx{float: left; width: 98px; text-align: center; border-right: 1px solid #fff; display: flex; flex-direction: column; justify-content: center;}
.box6bj .bod .fl .item .xx dt{font-size: 22px; font-weight: normal;}
.box6bj .bod .fl .item .xx dd{font-size: 15px;}
.box6bj .bod .fl .item .info{float: right; width: 470px; padding-right: 10px;}
.box6bj .bod .fl .item .info dt{font-size: 16px; color: #1469c4;}
.box6bj .bod .fl .item:hover{background: #464646; color: #fff;}
.box6bj .bod .fl .item:hover .info dt{color: #fff;}

/* 底部 */
.bottom1bj{background: #272727; padding: 50px 0 30px; color: #fff;}
.bottom1bj .fl{width: 240px;}
.bottom1bj dt{padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0.6); position: relative; font-size: 20px; font-weight: normal; margin-bottom: 20px; width: 240px;}
.bottom1bj dt:before{content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: 132px; background: rgba(255,255,255,0.6);}
.bottom1bj .fl dd{margin-bottom: 10px; line-height: 22px; color: rgba(255,255,255,0.9);}
.bottom1bj .fr{width: 870px;}
.bottom1bj .fr dd{display: flex; flex-wrap: wrap; line-height: 22px;}
.bottom1bj .fr dd p{margin-bottom: 10px; width: 33.3333%; padding-left: 14px; background: url(images/pjh_07.png) left center no-repeat; color: rgba(255,255,255,0.9);}
.bottom1bj .fr dd p a:hover{text-decoration: underline;}

.bottom2bj{background: #222222; padding: 10px 0;}
.bottom2bj .w1200{display: flex; justify-content: space-between; color: rgba(255,255,255,0.8); text-transform: uppercase; align-items: center;}
.bottom2bj .w1200 .fr{display: flex; align-items: center;}
.bottom2bj .w1200 .fr ul{display: flex;}
.bottom2bj .w1200 .fr ul li{margin-left: 10px; position:relative;}
.bottom2bj .w1200 .fr ul li .ewm{width:100px; height:0; position:absolute; bottom:40px; left:-35px; z-index:10; transition:0.5s;}
.bottom2bj .w1200 .fr ul li:nth-child(2):hover .ewm{height:100px;}

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

/* 产品详情 */
.product-imgs .fl{width:100%;}
.product-imgs .fl .big_img{height:350px; border:1px solid #eee;}
.product-imgs .fl .big_img img{width:100%; height:100%; transition:0.5s;}
.product-imgs .fl .big_img img:hover{transform:scale(1.5); position:relative; z-index:20;}
.product-imgs .fl .small_imgbj{height:68px; background:#eee; position:relative; padding-top:8px;}
#showimg_zuo{position:absolute; top:0; left:0px; bottom:0; margin:auto; cursor:pointer;}
#showimg_you{position:absolute; top:0; right:0px; bottom:0; margin:auto; cursor:pointer;}
.product-imgs .fl .small_imgbj .small_img{width:300px; height:58px; margin:0 auto; overflow:hidden; position:relative;}
.product-imgs .fl .small_imgbj .small_img ul{position:absolute; top:0; left:0;}
.product-imgs .fl .small_imgbj .small_img ul li{width:52px; height:50px; float:left; margin-right:10px;}
.product-imgs .fl .small_imgbj .small_img ul li img{width:100%; height:100%;}
.product-imgs .fl .small_imgbj .small_img ul li.active{border:2px solid #f00;}
.showimg1 .fr{width:800px; padding-top:20px;}
.showimg1 .fr h2{font-size:20px;}
.showimg1 .fr ul{min-height:260px; margin:20px 0;}
.showimg1 .fr .more{display:block; width:140px; height:40px; line-height:40px; background:#c1271e; color:#fff; text-align:center; border-radius:5px;}

.showimg2{margin:20px auto 30px;}
.showimg2 .fl{width:300px; border:1px solid #cccccc;}
.showimg2 .fl .tit{height:41px; line-height:40px; padding-left:15px;}
.showimg2 .fl dl{padding:15px; border-top:1px solid #eeeeee;}
.showimg2 .fl dl img{width:100%;}
.showimg2 .fl dl dd{margin-top:15px;}
.showimg2 .fr{width:880px;}
.showimg2 .fr .tit{background:#f7f7f7; border:1px solid #eeeeee; border-bottom-color:#c1271e;}
.showimg2 .fr .tit span{display:inline-block; height:40px; line-height:40px; width:166px; background:#c1271e; color:#fff; text-align:center;}
.showimg2 .fr .info{padding:20px 0; text-align:center;}
.showimg2 .fr .info>dt{text-align:center; font-weight:normal; font-size:20px; margin-bottom:15px;}