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

/* 头部 */
.topbj{height: 90px; background:#fff; position:fixed; top:0; left:0; width:100%; z-index: 2;}
.topbj:before{content: ""; position: absolute; width: 50%; height: 100%; top: 0; right: 0; background: #005a9a; z-index: -1;}
.topbj .navbj{position: absolute; width: 100%; height: 90px; top: 90px; left: 0; background: rgba(255,255,255,0.7); z-index: -1; display: none;}
.top{width: 1280px; margin: 0 auto;}
.top .logo{float: left; margin: 10px 0 0 0;}
.top .fr{width: 1020px; height: 90px; line-height: 90px; background: #005a9a;display: flex; text-align: center; color: #fff; align-items: center; justify-content: space-between;}
.top .fr>ul>li{transition: 0.5s; float: left; width: 96px; position: relative;}
.top .fr>ul>li a{display: block;}
.top .fr>ul>li.active,.top .fr>ul>li:hover{background: #59bded;}
.top .fr>ul>li:nth-of-type(4) ul{left:-700px;}
.top .fr>ul>li:nth-of-type(7) ul{left:-500px;}
.top .fr>ul>li ul{position: absolute; top: 90px; left:0; white-space: nowrap; width: 1400px; display: none;}
.top .fr>ul>li ul li{float: left; padding: 0 16px; color: #333;}
.top .fr>ul>li ul li:hover{color:#005a9a;}
.top .fr .sousuo{width: 90px; height: 90px; position: relative; color: #333;}
.top .fr .sousuo dt{background: url(../images/pjh_02.png) center center no-repeat; cursor: pointer;position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.top .fr .sousuo dd{position: absolute; top: 90px; right: 0; white-space: nowrap; display: none;}
.top .fr .sousuo dd input[type="text"]{width: 200px; height: 40px; border: 1px solid #59bded; text-indent: 10px;}
.top .fr .sousuo dd input[type="submit"]{width: 60px; height: 40px; border: 1px solid #59bded; background: #59bded; color: #fff;}

.top .fr ul li.banben a{display: inline;}

#bannerbj{background:#d3d4d4;  position:relative;}#banner{ height:600px; margin:0 auto; position:relative;}#ul_banner li{position:absolute; height:570px; width:100%; top:0; left:0; display:none; text-align:center;}#ul_banner li img{width:; height:600px; filter:alpha(opacity:0);}#ul_banner li:nth-child(1){display:block;}#banner ol{position:absolute; bottom:30px; left:50%; margin-left:-36px;}#banner ol li{width:10px; height:10px; border-radius:50%; background:#FFF; border:1px solid #999; float:left; margin:0 4px;}#zuo{position:absolute; top:220px; left:30px; z-index:1;}#you{position:absolute; top:220px; right:30px; z-index:1;}

/* 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;}
.swiper-slide .video{width:100%; height:0; padding-bottom:40.67%; position:relative;}
.swiper-slide .video video{position:absolute; width:100%; height:100%; top:0; left:0; z-index:10;}

/* 首页 */
.index_tit{text-align: center; padding: 72px 0 52px;}
.index_tit dt{font-size: 36px; font-weight: normal; margin-bottom: 6px;}
.index_tit dt b{font-weight: bold;}
.index_tit dd{font-size: 16px;}
.box1bj .titbj{background: #ebebec;}
.box1bj .tit{width: 1280px; margin: 0 auto; display: flex; margin-bottom: 80px; justify-content: center;}
.box1bj .tit a{text-align: center; padding:40px 30px;}
.box1bj .tit a.active{background: #005a9a; color: #fff;}
.box1{width: 1280px; margin: 0 auto 80px;}
.box1{position: relative;}
.box1 .item{display: none;}
.box1 .item .fl{width: 636px; border: 4px solid #ebebec; padding: 8px;}
.box1 .item .fl img{width: 100%;}
.box1 .item .fr{width: 600px;}
.box1 .item .fr h4{font-size: 24px; margin: 15px 0; font-weight: bold;}
.box1 .item .fr p{color: #666; margin-bottom:15px; font-size:16px;}
.box1 .item .fr ul{margin: 40px 0;}
.box1 .item .fr ul li{width: 30%; margin: 0 1% 1% 0; height: 24px; line-height: 24px; background: #005a9a; color: #fff; text-align: center; float: left; border-radius: 24px;}
.box1 .item .fr ul dl{margin-bottom:20px;}
.box1 .item .fr ul dl dt{font-size:18px; color:#005a9a;}
.box1 .item .fr ul dl dd{color:#666; font-size:16px;}
.box1 .item .fr ul p span{color:#005a9a;}
.box1 .item .fr .more{display: block; width: 100px; height: 36px; line-height: 36px; text-align: center; background: #005a9a; color: #fff;}

.box2bj{background: url(../images/index_02.jpg) center top no-repeat;}
.box2bj .index_tit{text-align: center; padding: 87px 0 60px;}
.box2bj .tit{display: flex; justify-content: center; margin: 0 0 60px;}
.box2bj .tit a{width: 200px; height: 64px; line-height: 64px; text-align: center; background: #fff; margin: 0 10px;}
.box2bj .tit a.active{background: #005a9a; color: #fff;}
.box2{width: 1280px; margin: 0 auto;}
.box2 .bod .item{display: none; width:975px; margin:0 auto;}
.box2 .bod .item dl{border: 6px solid #ebebec; margin-right: 10px; float: left; width: 315px;margin-bottom: 30px;height: auto;}
.box2 .bod .item dl:nth-of-type(3n){margin-right: 0;}
.box2 .bod .item dl dt img{width:100%;}
.box2 .bod .item dl dd{height:50px; padding:0 10px; display:flex; align-items: center;}
.box2 .bod .item dl dd h4{font-size: 14px; line-height:24px; text-align:center;}
.box2 .bod .item dl dd p{color: #666;}
.box2 .bod .item dl dd p span{color: #ff6600;}
.box2 .more{display: block; height: 60px; line-height: 60px; background: #ebebec; text-align: center; margin: 56px auto 0; width:975px; font-size: 16px; transition:0.5s;}
.box2 .more:hover{background:#005a9a; color:#fff;}

.box3bj .titbj{border: 1px solid #e4e4e4; border-left: none; border-right: none;}
.box3bj .tit{width: 1280px; margin: 0 auto; border-left: 1px solid #e4e4e4; text-align: center; height: 60px; line-height: 60px; display: flex; justify-content: space-between;}
.box3bj .tit a{flex: 1; border-right: 1px solid #e4e4e4;}
.box3bj .tit a.active{background: #005a9a; color: #fff;}
.box3{width: 1280px; margin: 30px auto 50px;}
.box3 .item{display: none;}
.box3 .item ul{display:flex;}
.box3 .item ul li{border:1px solid #eee; max-width:120px;}
.box3 .item ul li img{width:100%;}
.box3 .item .info{border:1px solid #eee; padding:10px; margin-top:20px;}
.box3 .item .info img{max-width:100%;}

.box4bj{background: url(../images/index_05.jpg) center center no-repeat; background-size:cover; padding-bottom:50px;}
.box4{width: 1280px; margin: 0 auto;}
.box4 .bod{display: flex; justify-content: space-between; margin: 70px 0 40px;}
.box4 .bod dl{width: 88px; text-align: center; font-size: 16px;}
.box4 .bod dl dt{height: 88px; border-radius: 88px; background: #005a9a; position: relative; margin-bottom: 16px; transition: 0.5s;}
.box4 .bod dl:hover dt{transform: rotate(360deg);}
.box4 .bod dl dt img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.box4 .bod span{width: 21px; height: 20px; background: url(../images/pjh_03.png) no-repeat; margin-top: 36px;}
.box4 .more{display:block; width:120px; height:40px; line-height:40px; text-align:center; background:#005a9a; color:#fff; margin:0 auto 30px; border-radius:40px;}
.box4 .info{padding: 20px; background: #fff; text-align: center; color: #666; line-height: 35px; font-size:20px;}

.box5{width: 1280px; margin: 0 auto 40px;}
.box5 .tit{display: flex; justify-content: space-between; text-align: center;}
.box5 .tit dd{font-size: 16px; margin-top: 16px;}
.box5 .bod{margin: 40px 0 70px;}
.box5 .bod .fl{width: 850px;padding-top:30px;}
.box5 .bod .fl p{color: #666; font-size:16px; line-height: 24px; margin-bottom: 20px;}
.box5 .bod .fl p span{color:#005a9a;}
.box5 .bod .fl .more{display: block; width: 100px; line-height: 36px; height: 36px; text-align: center; background: #005a9a; color: #fff; text-transform: uppercase;}
.box5 .bod .fr{width: 380px; border: 4px solid #ddd; padding: 5px;}
.box5 .info{border: 1px solid #ebebec; padding: 70px 0;}
.box5 .info dl{width: 25%; text-align: center; float: left; border-right: 1px solid #ebebec;}
.box5 .info dl:nth-of-type(4n){border-right: none;}
.box5 .info dl dt{font-size: 72px; color: #005a9a;}
.box5 .info dl dd{font-size: 16px;}

.box6bj{background: url(../images/index_12.jpg) center top no-repeat;}
.box6bj .index_tit{text-align: center; padding: 86px 0 66px;}
.box6{width: 1280px; margin: 0 auto 60px;}
.box6 .tit{display: flex; margin-bottom: 60px;}
.box6 .tit li{width: 200px; height: 60px; line-height: 60px; text-align: center; background: #fff;}
.box6 .tit li.active{background: #005a9a; color: #fff;}
.box6 .bod .item{display: none;}
.box6 .bod .item dl{width: 610px; float: left; margin-bottom: 22px;}
.box6 .bod .item dl:nth-of-type(2n){float: right;}
.box6 .bod .item dl dt{width: 236px; height: 178px; border: 10px solid #ebebec; float: left;}
.box6 .bod .item dl dt img{width: 100%; height: 100%;}
.box6 .bod .item dl dd{margin-left: 270px;}
.box6 .bod .item dl dd small{display: block; width: 100px; height: 18px; line-height: 18px; font-size: 12px; color: #999999; background: #ebebec; margin: 12px 0; text-align: center; border-radius: 6px;}
.box6 .bod .item dl dd h3{font-size: 16px; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px dotted #ebebec;}
.box6 .bod .item dl dd h3:hover{color: #005a9a;}
.box6 .bod .item dl dd p{color: #666; line-height: 24px; margin-bottom: 15px;}
.box6 .bod .item dl dd .more{color: #005a9a;}

/* 底部 */
.bottom1bj{background: #f5f6f6; border-bottom: 1px solid #cccccc;}
.bottom1{width: 1280px; margin: 0 auto; display: flex; height: 76px; line-height: 76px; justify-content: center;}
.bottom1 p{margin: 0 70px; padding-left: 32px; background: url(../images/pjh_12.png) left center no-repeat;}
.bottom1 p:nth-of-type(2){margin: 0 70px; padding-left: 32px; background: url(../images/pjh_13.png) left center no-repeat;}
.bottom1 p:nth-of-type(3){margin: 0 70px; padding-left: 32px; background: url(../images/pjh_14.png) left center no-repeat;}

.bottom2bj{background: #ebebec;}
.bottom2{width: 1280px; margin: 0 auto; display: flex;}
.bottom2 .fl{width: 320px; padding-top: 70px;}
.bottom2 .fl img{display: block;}
.bottom2 .fl dl{float: left; margin: 30px 20px 0 0;}
.bottom2 .fl dl dd{color: #666; text-align: center; margin-top: 10px;}
.bottom2>dl{width: 190px; border-left: 1px solid #cccccc; padding: 28px 20px 20px 44px}
.bottom2>dl dt{font-size: 16px; font-weight: normal; margin-bottom: 16px;}
.bottom2>dl dd{margin-bottom: 10px;}

.bottom3bj{background: #005a9a; padding: 10px 0;}
.bottom3{width: 1280px; text-align: center; color: #fff; margin: 0 auto;}

.kefu{position:fixed; right:20px; bottom:20px;}
.kefu .item{background:#404040; width:64px; height:64px; border-bottom:1px solid rgba(255,255,255,0.6); text-align:center; color:#fff; font-size:12px; position:relative;}
.kefu .item:hover{background:#525252;}
.kefu .item:nth-last-child(1){border-bottom:none;}
.kefu .item dl{width:100%; height:100%; display:flex; flex-direction:column; justify-content:center;}
.kefu .item dl span{font-size:20px;}
.kefu .item img{position:absolute; left:-120px; top:-30px; width:120px; display:none;}
.kefu .item a{display:none; width:100%; height:100%;justify-content:center; align-items: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;}