body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,input{margin: 0; padding: 0;}
body{--maincolor: #184d72; font-family: Arial;}
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;}
.w1200{max-width: 1200px; margin: 0 auto;}
.swiper{overflow: hidden; position: relative;}
.swiper-slide img{max-width: 100%; display: block;}
@font-face {
  font-family: "iconfont"; /* Project id 3521902 */
  src: url('iconfont.woff2?t=1657779181595') format('woff2'),
       url('iconfont.woff?t=1657779181595') format('woff'),
       url('iconfont.ttf?t=1657779181595') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-youjiantou:before {
  content: "\e624";
}

/* 头部 */
.top1 .w1200{height: 40px; display: flex; justify-content: space-between; align-items: center;}
.top2 .w1200{height: 80px; display: flex; justify-content: space-between; align-items: center;}
.top2 .w1200 img{height: 70px;}
.top2 .w1200 .ul1{display: flex;}
.top2 .w1200 .ul1>li{position: relative;}
.top2 .w1200 .ul1>li>a{display: block; height: 40px; line-height: 40px; border-radius: 40px; width: 100px; text-align: center; transition: 0.5s;}
.top2 .w1200 .ul1>li>a:hover,.top2 .w1200 .ul1>li>a.active{background: var(--maincolor); color: #fff;}
.top2 .w1200 .ul2{position: absolute; top: 40px; left: 0; z-index: 10; background: #fff; white-space: nowrap; display: none;}
.top2 .w1200 .ul2 a{display: block; padding: 0 20px; height: 36px; line-height: 36px; border-bottom: 1px solid #ddd; font-size: 12px;}
.top2 .w1200 .ul2 a:hover{background: #eee;}
.top2 .w1200 .navbar-toggle{border: 1px solid rgba(0,0,0,0.6); margin: 0;}
.top2 .w1200 .navbar-toggle span{background: rgba(0,0,0,0.8);}

/* 首页 */
.index_tit{margin-bottom: 30px;}
.index_tit dd{font-size: 36px; color: #e8ebf3; text-transform: uppercase; font-weight: bold;}
.index_tit dt{font-size: 26px; color: var(--maincolor); margin-top: -20px; border-left: 2px solid var(--maincolor); padding-left: 10px; line-height: 1}

.box1{margin: 30px 0;}
.box1 .bod{display: flex; justify-content: space-between;}
.box1 .bod .item{width: 24%; background: #eee; padding: 30px 20px; text-align: center;}
.box1 .bod .item h3{font-size: 20px;}
.box1 .bod .item p{margin: 10px 0 20px; font-size: 16px; color: #999;}
.box1 .bod .item .more{display: inline-block; height: 40px; line-height: 40px; border: 1px solid #ddd; padding: 0 40px; border-radius: 40px; color: #999;}
.box1 .bod .item:hover .more{background: var(--maincolor); color: #fff;}
.box1 .bod .item .img{margin-top: 20px;}

.box2{background: #0e2b4f; padding: 30px 0;}
.box2 .w1200{display: flex; justify-content: space-between;}
.box2 .w1200 .fl{width: 48%;}
.box2 .w1200 .fl img{width: 100%;}
.box2 .w1200 .fl video{width: 100%;}
.box2 .w1200 .fr{width: 48%; color: #fff;}
.box2 .w1200 .fr dl{margin-bottom: 20px;}
.box2 .w1200 .fr dl dt{font-size: 22px;}
.box2 .w1200 .fr dl dd{font-size: 20px; color: var(--maincolor);}
.box2 .w1200 .fr .text p{font-size: 18px; line-height: 2; text-indent: 2em;}

.box3{background: #fafafa; padding: 30px 0;}
.box3 .w1200{display: flex; justify-content: space-between;}
.box3 .w1200 .fl{width: 48%;}
.box3 .w1200 .fl p{font-size: 20px; color: #666; line-height: 2;}
.box3 .w1200 .fr{width: 48%;}
.box3 .w1200 .fr .dls{display: flex; justify-content: space-between; flex-wrap: wrap;}
.box3 .w1200 .fr .dls dl{width: 49%; margin-bottom: 10px; position: relative; overflow: hidden;}
.box3 .w1200 .fr .dls dl dd{position: absolute; bottom: 0; left: 0; right: 0; height: 40px; line-height: 40px; background: rgba(0,0,0,0.7); color: #fff; text-align: center; transform: translate(0,40px); transition: 0.5s;}
.box3 .w1200 .fr .dls dl:hover dd{transform: translate(0,0);}

.box4{margin: 30px 0;}
.box4 .img{padding-bottom: 60%; position: relative;}
.box4 .img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.box4 h3{font-size: 16px; margin: 10px 0;}
.box4 small{font-size: 12px; color: #fd6e27;}
.box4 p{font-size: 12px; color: #666; margin-top: 10px;}
.box4 .swiper-button-next2{right: 0;}
.box4 .swiper-button-prev2{left: 0;}
.box4 .swiper-button-next2,.box4 .swiper-button-prev2{opacity: 1;}
.box4 .swiper-button-next2:after,.box4 .swiper-button-prev2:after{background: rgba(0,0,0,0.3); color: #fff; padding: 10px; font-size: 18px;}

/* 底部 */
.bottom1{background: var(--maincolor); color: #fff; padding: 30px 0; border-bottom: 1px solid rgba(255,255,255,0.1);}
.bottom1 .w1200{display: flex;}
.bottom1 .w1200 dl{margin-right: 50px;}
.bottom1 .w1200 dl dt{font-weight: normal; margin-bottom: 10px;}
.bottom1 .w1200 dl dd{margin-top: 5px;}
.bottom1 .w1200 .ewm{margin-left: auto; width: 160px;}
.bottom1 .w1200 .ewm img{width: 100%;}

.bottom2{background: var(--maincolor); color: #fff; padding: 10px 0; text-align: center; font-size: 12px; line-height: 1.6;}

/* 产品列表 */
.position{margin-top: 15px; font-size: 12px; color: #666;}

.flex{display: flex; margin: 30px 0;}
.left{width: 260px; flex-shrink: 0; margin-right: 20px;}
.right{flex-grow: 1;}

.left1 h3{height: 60px; line-height: 60px; text-align: center; background: var(--maincolor); color: #fff; font-size: 20px;}
.left1 ul{border: 1px solid #e5e5e5; border-top: none; border-bottom: none;}
.left1 ul li{height: 46px; line-height: 46px; border-bottom: 1px solid #e5e5e5;}
.left1 ul li a{display: block; padding-left: 30px; position: relative;}
.left1 ul li a:hover,.left1 ul li a.active{background: #eee; color: var(--maincolor);}
.left1 ul li a:hover:before,.left1 ul li a.active:before{content: ""; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; width: 4px; height: 14px; background: var(--maincolor);}

.productlist1 .bod{display: flex; justify-content: space-between; flex-wrap: wrap;}
.productlist1 .bod dl{width: 24%; background: #eee; margin-bottom: 20px;}
.productlist1 .bod dl dt{padding-bottom: 70%; position: relative; overflow: hidden;}
.productlist1 .bod dl dt img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: 0.5s;}
.productlist1 .bod dl dt:hover img{transform: scale(1.2);}
.productlist1 .bod dl dd{margin: 10px; text-align: center;}

/* 产品详情 */
.product1{display: flex; margin: 30px 0;}
.product1 .fl{width: 46%; margin-right: 20px;}
.product1 .fr{flex-grow: 1;}
.product1 .fr h1{font-size: 26px; margin-bottom: 15px;}
.product1 .fr .text{line-height: 2;}
#gallery{margin-bottom: 10px;}
.swiper-slide-thumb-active{border: 1px solid var(--maincolor); padding: 1px;}

.product2{margin: 30px 0;}
.product2 .tit{font-size: 18px; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #eee;}
.product2 .bod{line-height: 2;}

.newslist1 .bod .item{display: flex; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eee;}
.newslist1 .bod .item .dl1{white-space: nowrap;}
.newslist1 .bod .item .dl1 dt{font-size: 18px; font-weight: normal; color: #999;}
.newslist1 .bod .item .dl1 dd{width: 36px; height: 36px; line-height: 36px; text-align: center; transition: 0.5s;}
.newslist1 .bod .item:hover .dl1 dd{background: var(--maincolor); color: #fff;}
.newslist1 .bod .item .dl2{margin: 0 20px;}
.newslist1 .bod .item .dl2 dt{font-size: 16px; font-weight: normal;}
.newslist1 .bod .item .dl2 dd{margin-top: 10px; color: #999;}
.newslist1 .bod .item:hover .dl2 dt{color: var(--maincolor);}
.newslist1 .bod .item .img{width: 176px; height: 92px; margin-left: auto; flex-shrink: 0;}
.newslist1 .bod .item .img img{width: 100%; height: 100%; object-fit: cover;}

/* 新闻详情 */
.news1{margin: 30px 0;}
.news1 .tit{font-size: 18px; font-weight: bold;}
.news1 .xx{margin: 15px 0; font-size: 12px; color: #999;}
.news1 .xx span{margin-right: 15px;}
.news1 .bod{line-height: 2; border-bottom: 1px solid #ddd; padding-bottom: 20px;}
.news1 .fanye{margin-top: 15px; display: flex; flex-wrap: wrap; justify-content: space-between; font-size: 12px; color: #999;}

/* 关于我们 */
.contact1{margin: 30px 0; display: flex; justify-content: space-between;}
.contact1 .fl,.contact1 .fr{width: 48%;}
.contact1 .fl{line-height: 2;}
.contact1 .fr h3{text-align: center; margin-bottom: 15px;}


@media(max-width: 768px){
	.w1200{margin: 0 10px;}
	.top1{display: none;}
	.top2 .w1200 .ul1{position: absolute; top: 80px; left: 0; right: 0; background: #fff; z-index: 11; display: block; display: none;}
	.top2 .w1200 .ul1>li>a{width: 100%;}
	.top2 .w1200 .ul2{position: static;}
	.box1 .bod{flex-wrap: wrap;}
	.box1 .bod .item{width: 48%; margin-bottom: 10px;}
	.box2 .w1200{display: block;}
	.box2 .w1200 .fl{width: 100%;}
	.box2 .w1200 .fr{width: 100%;}
	.box3 .w1200{display: block;}
	.box3 .w1200 .fl{width: 100%; margin-bottom: 20px;}
	.box3 .w1200 .fr{width: 100%;}
	.bottom1 .w1200{flex-wrap: wrap; justify-content: space-between;}
	.bottom1 .w1200 dl{width: 48%; margin-right: 0; margin-bottom: 15px;}
	.bottom1 .w1200 .ewm{margin: auto;}
	.flex{display: block; margin: 20px 0;}
	.left{width: 100%; margin-right: 0; margin-bottom: 15px;}
	.right{width: 100%;}
	.left1 h3{height: 40px; line-height: 40px; font-size: 16px;}
	.left1 ul{display: flex; flex-wrap: wrap; border-bottom: 1px solid #e5e5e5;}
	.left1 ul li{height: 40px; line-height: 40px; border-bottom: none;}
	.left1 ul li a{padding: 0 20px;}
	.productlist1 .bod dl{width: 48%;}
	.product1{display: block;}
	.product1 .fl{width: 100%; margin-right: 0; margin-bottom: 15px;}
	.newslist1 .bod .item .img{display: none;}
	.newslist1 .bod .item .dl2{margin-right: 0;}
	.contact1{display: block;}
	.contact1 .fl,.contact1 .fr{width: 100%;}
	.contact1 .fl{margin-bottom: 20px;}
}