﻿body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,input{margin: 0; padding: 0;}

body{--maincolor: #0a72a7; font-family: Arial; padding-top: 100px;}

li{list-style: none;}

a,a:hover,input:focus,select:focus,textarea:focus{text-decoration: none; color: inherit; outline: none;}

img{border: none; max-width: 100%; height: auto;}

.clear{clear: both;}

.w{margin: 0 96px;}

.swiper{overflow: hidden; position: relative;}

.swiper-slide img{max-width: 100%; display: block;}



/* 头部 */
.top1{position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: #fff;}
.top1 .w{height: 100px; display: flex; align-items: center; justify-content: space-between;}

.top1 .fr{display: flex; align-items: center;}

.top1 .fr>ul{display: flex; margin-right: 120px; line-height: 100px;}

.top1 .fr>ul>li{margin-left: 40px; position: relative;}
.top1 .fr>ul>li ul{position: absolute; top: 100px; left: 0; background: #fff; border: 1px solid #eee; padding: 0 20px; display: none; white-space: nowrap;}
.top1 .fr>ul>li ul li{margin: 10px 0; line-height: 30px;}

.top1 dl dd{color: #777; font-size: 12px;}

.top1 dl dt{font-size: 20px; color: var(--maincolor);}

.navbar-toggle{border: 1px solid rgba(0,0,0,0.8); margin-right: 0;}

.navbar-toggle span{background: rgba(0,0,0,0.6);}



/* 首页 */

.index_tit1{margin-bottom: 30px;}

.index_tit1 dt{font-weight: normal; font-size: 26px;}

.index_tit1 dd{color: #969696;}
.index_tit_flex{display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px;}
.index_tit_flex .index_tit1{margin-bottom: 0;}
.index_tit_flex ul{display: flex; color: #666;}
.index_tit_flex ul li{padding: 5px 10px; border: 1px solid #eee; margin-left: 10px;}



.box1{margin: 50px 0;}
.swiper2{padding-bottom: 30px;}

.box1 .bod dl dt{padding-bottom: 86%; position: relative; overflow: hidden; background: #f5f5f5; border: 1px solid #f5f5f5;}

.box1 .bod dl dt img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; transition: 0.5s;}

.box1 .bod dl dt img:hover{transform: scale(1.2);}

.box1 .bod dl dd{text-align: center; margin-top: 10px;}

.box1 .more{margin-top: 20px; display: flex; justify-content: center;}

.box1 .more a{width: 140px; height: 40px; line-height: 38px; text-align: center; border: 1px solid #969696; color: #969696; font-size: 12px; border-radius: 6px; transition: 0.5s;}

.box1 .more a:hover{background: var(--maincolor); color: #fff;}



.box2{position: relative; padding: 80px 0; background: #ebf0f6;}

.box2 .w .bod{display: flex; justify-content: space-between;}

.box2 .w .fl{width: 48%;}

.box2 .w .fl h3{font-size: 36px; font-weight: bold; color: var(--maincolor); margin-bottom: 50px;}

.box2 .w .fl .text p{line-height: 2; text-indent: 2em;}

.box2 .w .fl .text .more{display: block; width: 200px; height: 40px; line-height: 38px; text-align: center; border: 1px solid #e70012; color: #e70012; font-size: 12px; border-radius: 20px; transition: 0.5s; margin: 30px 0;}

.box2 .w .fl .text .more:hover{background: #e70012; color: #fff;}

.box2 .w .fl .dls{display: flex; justify-content: space-around;}

.box2 .w .fl .dls dl dt{font-size: 36px; color: var(--maincolor);}

.box2 .w .fl .dls dl dt small{font-weight: normal; font-size: 14px; color: #545151;}

.box2 .w .fl .dls dl dd{color: #545151; text-align: center;}

.box2 .w .fr{width: 48%;}

.box2 .w .fr img{width: 100%; border-radius: 20px;}

.indexcase{margin: 60px 0;}
.indexcase .swiper-slide{background: #fff; position: relative; z-index: 1; transition: 0.5s;}
.indexcase .swiper-slide .img{display: block; padding-bottom: 80%; position: relative; border: 1px solid #ddd; box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);}
.indexcase .swiper-slide .img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.indexcase .swiper-slide p{text-align: center; margin-top: 20px;}
.indexcase .swiper-slide{transform: scale(0.6);}
.indexcase .swiper-slide.swiper-slide-next,.indexcase .swiper-slide.swiper-slide-prev{transform: scale(0.8); z-index: 2;}
.indexcase .swiper-slide.swiper-slide-active{transform: scale(1); z-index: 3;}


.index_tit2{text-align: center; margin-bottom: 30px;}

.index_tit2 dt{font-size: 34px; position: relative; padding-bottom: 10px; margin-bottom: 15px;}

.index_tit2 dt:before{content: ""; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 40px; height: 3px; background: #e07f21;}

.indexfwwl img{width: 100%;}

.box3{background: #f0f1f5; padding: 60px 0;}

.box3 .bod{display: flex;}

.box3 .bod .item{flex: 1; background: #fff;}

.box3 .bod .item .img{padding-bottom: 64%; position: relative;}

.box3 .bod .item .img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.box3 .bod .item .textbj{padding-bottom: 64%; position: relative;}

.box3 .bod .item .textbj .text{position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 40px; text-align: center;}

.box3 .bod .item .textbj .text h3{font-size: 24px; padding-bottom: 10px; margin-bottom: 10px; position: relative;}

.box3 .bod .item .textbj .text h3:before{content: ""; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 30px; height: 1px; background: #e07f21;}

.box3 .bod .item .textbj .text p{color: #666; line-height: 2;}

.box3 .bod .item.ac .textbj{background: var(--maincolor); color: #fff;}

.box3 .bod .item.ac .textbj .text h3:before{background: #fff;}

.box3 .bod .item.ac .textbj .text p{color: #fff;}



.index_tit3{margin-bottom: 30px; display: flex; align-items: center; justify-content: space-between;}

.index_tit3 dl dt{font-size: 34px; padding-bottom: 10px; margin-bottom: 10px; position: relative;}

.index_tit3 dl dt:before{content: ""; position: absolute; bottom: 0; left: 0; width: 60px; height: 2px; background: #e60013;}

.index_tit3 dl dd{margin-top: 10px; color: #666;}

.index_tit3 a{width: 160px; height: 36px; line-height: 34px; text-align: center; border: 1px solid #e60013; border-radius: 36px; color: #e60013;}

.indexzizhi{margin: 60px 0;}
.indexzizhi .bod{display: flex; justify-content: space-between; flex-wrap: wrap;}
.indexzizhi .bod dl{width: 19%; margin-bottom: 20px;}
.indexzizhi .bod dl img{width: 100%;}
.indexzizhi .bod dl dd{text-align: center; margin-top: 10px;}
.indexzizhi img{width: 100%;}

.box4{background: #f9fafc; padding: 60px 0;}

.box4 .fl .bod{display: flex; justify-content: space-between;}

.box4 .fl .bod .item{width: 32%; border: 1px solid #e5e5e5; background: #fff; padding: 20px;}

.box4 .fl .bod .item .img{padding-bottom: 60%; position: relative; overflow: hidden;}

.box4 .fl .bod .item .img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: 0.5s;}

.box4 .fl .bod .item .img img:hover{transform: scale(1.2);}

.box4 .fl .bod .item dl{margin: 15px 0; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5;}

.box4 .fl .bod .item dl dt{margin-bottom: 10px;}

.box4 .fl .bod .item dl dd{font-size: 12px; color: #666; line-height: 1.6;}

.box4 .fl .bod .item .more{display: flex; justify-content: space-between; align-items: center; font-size: 12px; color: #666;}

.box4 .fr{width: 34%;}

.box4 .fr iframe{width: 100%; height: 400px; border: none;}



.box5{margin: 30px 0;}

.box5 .bod{display: flex; justify-content: space-between; flex-wrap: wrap;}

.box5 .bod dl{width: 10.5%;}

.box5 .bod dl dt{padding-bottom: 60%; position: relative; border: 1px solid #e5e5e5;}

.box5 .bod dl dt img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain;}



/* 底部 */

.bottom1{background: #002f63; color: #fff;}

.bottom1 .w{padding: 50px 0 20px; border-bottom: 1px solid rgba(255,255,255,0.5); display: flex; justify-content: space-between;}

.bottom1 .w dt{font-size: 14px; margin-bottom: 10px;}

.bottom1 .w dd{color: rgba(255,255,255,0.7); margin-bottom: 5px; font-size: 12px;}

.bottom1 .w .fl{width: 300px; border-right: 1px solid rgba(255,255,255,0.2);}

.bottom1 .w .ce{flex-grow: 1; margin: 0 50px; display: flex; justify-content: space-between;}

.bottom1 .w .fr{width: 400px; border-left: 1px solid rgba(255,255,255,0.2); padding-left: 80px;}

.bottom1 .w .fr .ewm{display: flex;}

.bottom1 .w .fr .ewm dl:nth-of-type(1){margin-right: 20px;}

.bottom1 .w .fr .ewm dl dd{text-align: center;}

.bottom1 .w .fr ul{margin-top: 10px; font-size: 12px; color: rgba(255,255,255,0.7);}



.bottom2{background: #002f63; color: rgba(255,255,255,0.7); font-size: 12px; padding: 10px 0;}

.bottom2 .w{display: flex; justify-content: space-between;}



/* 产品列表 */

.ny_banner{height: 100%;}

.ny_banner img{width: 100%; height: 100%; object-fit: cover;}



.index_tit4{display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #ddd;}

.index_tit4 dt{font-size: 24px;}

.index_tit4 dd{font-size: 12px; color: #666;}



.productlist1{margin: 30px 0;}

.productlist1 .tit{margin-bottom: 20px; display: flex; justify-content: center; flex-wrap: wrap;}

.productlist1 .tit li{height: 40px; line-height: 40px; background: #e9e9e9; border-radius: 40px; margin: 0 10px 10px; transition: 0.5s;}

.productlist1 .tit li a{padding: 0 40px; display: block;}

.productlist1 .tit li:hover,.productlist1 .tit li.ac{background: var(--maincolor); color: #fff;}

.productlist1 .bod{display: flex; justify-content: space-between; flex-wrap: wrap;}

.productlist1 .bod dl{width: 24%; margin-bottom: 20px;}

.productlist1 .bod dl dt{padding-bottom: 100%; position: relative; overflow: hidden;}

.productlist1 .bod dl dt img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; transition: 0.5s;}

.productlist1 .bod dl dt img:hover{transform: scale(1.2);}

.productlist1 .bod dl dd{border: 1px solid #ddd; border-bottom: 4px solid var(--maincolor); text-align: center;}

.productlist1 .bod dl dd a{display: block; padding: 10px;}

.pagination{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.pagination .page-numbar{ margin: 0; border: none;}
.pagination span,.pagination .page-numbar a{margin: 0 5px; border: 1px solid #eee; padding: 5px 10px;}



/* 产品详情 */

.productlist1 .img_tit{text-align: center;}

.productlist1 .img_tit dt img{max-width: 100%; border: 1px solid #ddd; padding: 5px;}

.productlist1 .img_tit dd{margin-top: 15px; font-size: 20px;}



.product1{margin: 30px 0;}

.product1 .tit{height: 40px; line-height: 40px; background: #ccc; border-radius: 5px; padding: 0 15px; font-size: 18px; font-weight: bold; color: #fff;}

.product1 .bod{margin: 20px 0;}

.fanye{border-top: 1px solid #ddd; padding-top: 20px; font-size: 12px; color: #666;}



/* 案例列表 */

.productlist1 .bod2{display: flex; flex-wrap: wrap; justify-content: space-between;}

.productlist1 .bod2 dl{width: 32%; margin-bottom: 20px;}

.productlist1 .bod2 dl dt{padding-bottom: 60%; position: relative; overflow: hidden;}

.productlist1 .bod2 dl dt img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: 0.5s;}

.productlist1 .bod2 dl dt img:hover{transform: scale(1.2);}

.productlist1 .bod2 dl dd{text-align: center; border: 1px solid #ddd;}

.productlist1 .bod2 dl dd a{padding: 15px 10px; display: block; font-size: 16px; transition: 0.5s;}

.productlist1 .bod2 dl dd a:hover{background: var(--maincolor); color: #fff;}



/* 新闻列表 */

.newslist1{margin: 30px 0;}

.newslist1 .bod{display: flex; justify-content: space-between;}

.newslist1 .bod .imgs{width: 48%;}

.newslist1 .bod .imgs .img{padding-bottom: 60%; position: relative; overflow: hidden; display: none;}

.newslist1 .bod .imgs .img:nth-of-type(1){display: block;}

.newslist1 .bod .imgs .img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: 0.5s;}

.newslist1 .bod .imgs .img img:hover{transform: scale(1.2);}

.newslist1 .bod .lists{width: 48%;}

.newslist1 .bod .lists .item{display: flex; padding-bottom: 20px; margin-top: 20px; border-bottom: 1px dashed #ccc;}

.newslist1 .bod .lists .item:nth-of-type(1){margin-top: 0;}

.newslist1 .bod .lists .item .fl{white-space: nowrap; margin-right: 20px; text-align: center;}

.newslist1 .bod .lists .item .fl dt{font-size: 36px;}

.newslist1 .bod .lists .item .fr dt{font-size: 16px; margin-bottom: 10px;}

.newslist1 .bod .lists .item .fr dd{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #666;}

.newslist1 .bod .lists .item.ac .fr dt{color: var(--maincolor);}



.newslist2{background: #f5f5f5; padding: 30px 0;}

.newslist2 .bod{display: flex; justify-content: space-between; flex-wrap: wrap;}

.newslist2 .bod .item{width: 32%; background: #fff; padding: 15px; margin-bottom: 20px;}

.newslist2 .bod .item .img{padding-bottom: 60%; position: relative; overflow: hidden;}

.newslist2 .bod .item .img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: 0.5s;}

.newslist2 .bod .item .img img:hover{transform: scale(1.2);}

.newslist2 .bod .item h3{font-size: 16px; margin: 15px 0;}

.newslist2 .bod .item p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #666;}

.newslist2 .bod .item .more{margin-top: 15px; display: flex; justify-content: space-between; color: #999;}



/* 新闻详情 */

.news1{padding: 30px 0; background: #f5f5f5;}

.news1 .w{background: #fff; padding: 20px;}

.news1 .w .tit{font-size: 28px; text-align: center;}

.news1 .w .xx{text-align: center; font-size: 12px; color: #999; margin: 15px 0;}

.news1 .w .bod{border-top: 1px dashed #ddd; padding: 15px 0;}



/* 应用列表 */

.applist1{margin: 30px 0;}
.applist1 .flex{display: flex; justify-content: space-between;}
.applist1 .fl{width: 250px; flex-shrink: 0; margin-right: 30px;}
.applist1 .fl dl{height: 155px; background: url(../images/index_17.png) center center; background-size: cover; color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.applist1 .fl dl dt{font-size: 30px; font-weight: normal;}
.applist1 .fl dl dd{font-size: 12px; text-transform: uppercase;}
.applist1 .fl ul{background: #F8F8F8; padding: 20px;}
.applist1 .fl ul li{padding: 6px 12px; border: 1px solid #DBDBDB; margin-bottom: 10px; border-radius: 5px;}
.applist1 .fl ul li a{display: flex; align-items: center; justify-content: space-between;}
.applist1 .fl ul li a i{color: #999;}
.applist1 .fl ul li:hover{background: linear-gradient(#3DA2CE, #1C81B5); color: #fff;}
.applist1 .fl ul li:hover i{color: #fff;}

.applist1 .fr{flex-grow: 1;}
.applist1 .bod .item{background: #f5f5f5; width: 100%; margin-bottom: 20px; display: flex; align-items: center; padding: 20px;}

.applist1 .bod .item .img{width: 260px; height: 160px; flex-shrink: 0; margin-right: 30px; overflow: hidden;}

.applist1 .bod .item .img img{width: 100%; height: 100%; object-fit: cover; transition: 0.5s;}

.applist1 .bod .item .img img:hover{transform: scale(1.2);}

.applist1 .bod .item .fr{flex-grow: 1;}

.applist1 .bod .item .fr h3{font-size: 18px; color: var(--maincolor); padding-bottom: 15px; border-bottom: 1px solid #ddd;}

.applist1 .bod .item .fr p{margin: 15px 0;}

.applist1 .bod .item .fr .more{font-size: 12px; color: #666; display: flex; align-items: center;}

.applist1 .bod .item .fr .more i{margin-left: 10px;}



/* 联系我们 */

.contact1{margin: 30px 0;}

.contact1 .bod{display: flex; justify-content: space-between;}

.contact1 .bod .fl{width: 60%;}



.contact1 .bod .fr{flex-grow: 1; padding-left: 30px; margin-left: 30px; border-left: 2px solid #eee;}

.contact1 .bod .fr h3{font-size: 24px; font-weight: bold;}

.contact1 .bod .fr p{color: #999; margin: 10px 0 20px;}



.contact2{background: #f5f5f5; padding: 30px 0;}

.contact2 .bod iframe{width: 100%; height: 500px; border: none;}





@media(max-width: 1400px){
	.w{margin: 0 50px;}

	.top1 .fr>ul{margin-right: 50px;}

	.top1 .fr>ul>li{margin-left: 30px;}

	.bottom1 .w .fl{display: none;}

	.bottom1 .w .ce{margin-left: 0;}

}

@media(max-width: 1200px){

	.w{margin: 0 30px;}

	.top1 .fr>ul>li{margin-left: 20px;}

}

@media(max-width: 992px){

	.top1 dl{display: none;}

	.top1 .fr>ul{margin-right: 0;}

	.top1 .fr>ul>li{margin-left: 15px;}

	.box1 .bod{flex-wrap: wrap;}
	.index_tit_flex ul{display: none;}

	.box2 .w .bod{display: block;}

	.box2 .w .fl{width: 100%;}

	.box2 .w .fr{width: 100%; margin-bottom: 20px;}

	.box3 .bod{flex-wrap: wrap;}

	.box3 .bod .item{flex: none; width: 100%; display: flex;}

	.box3 .bod .item .img{flex: 1; padding-bottom: 32%;}

	.box3 .bod .item .textbj{flex: 1; padding-bottom: 32%;}

	.box4 .w{flex-wrap: wrap;}

	.box4 .w .fl{width: 100%;}

	.box4 .w .fr{display: none;}

	.box5 .bod{flex-wrap: wrap;}

	.box5 .bod dl{width: 18%; margin-bottom: 10px;}

	.bottom1 .w .fr{width: 250px; padding-left: 20px;}
	.indexzizhi .bod dl{width: 32%;}
	.applist1 .fl{display: none;}

}

@media(max-width: 768px){
	body{padding-top: 88px;}

	.w{margin: 0 10px;}

	.top1 .w{height: 88px;}

	.top1 .fr>ul{display: none; position: absolute; top: 88px; left: 0; right: 0; z-index: 10; background: #fff; padding: 20px 0; border-bottom: 1px solid #e5e5e5; line-height: 2;}
	.top1 .fr>ul>li ul{left: 200%;}
	.box2 .w .fl h3{font-size: 24px; margin-bottom: 20px;}

	.box3 .bod .item{flex-wrap: wrap;}

	.box3 .bod .item .img{flex: none; width: 100%; padding-bottom: 64%;}

	.box3 .bod .item .textbj{flex: none; width: 100%; padding-bottom: 64%;}

	.box3 .bod .item.ac .img{order: 1;}

	.box3 .bod .item.ac .textbj{order: 2;}

	.box4 .fl .bod{flex-wrap: wrap;}

	.box4 .fl .bod .item{width: 100%; margin-bottom: 10px;}

	.box5 .bod dl{width: 32%;}

	.bottom1 .w{padding: 20px 0; flex-wrap: wrap;}

	.bottom1 .w .ce{margin-right: 0; display: flex; flex-wrap: wrap; justify-content: space-between;}

	.bottom1 .w .ce dl{width: 32%; margin-bottom: 10px;}

	.bottom1 .w .fr{width: 100%; padding-left: 0; border-left: none;}

	.productlist1 .bod dl{width: 48%;}

	.productlist1 .bod2 dl{width: 48%;}

	.newslist1 .bod{display: block;}

	.newslist1 .bod .imgs{width: 100%;}

	.newslist1 .bod .lists{width: 100%; margin-top: 20px;}

	.newslist2 .bod .item{width: 100%;}

	.applist1 .bod .item{display: block;}

	.applist1 .bod .item .img{width: 100%; margin-bottom: 15px;}

	.contact1 .bod{display: block;}

	.contact1 .bod .fr{padding-left: 0; margin-left: 0; border-left: none; margin-top: 30px;}
	.indexzizhi .bod dl{width: 48%;}

}





























