body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,input{margin: 0; padding: 0;}



body{--col: #0347a8; 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;}



.w{margin: 0 120px;}



.swiper{overflow: hidden; position: relative;}



.swiper-slide img{max-width: 100%; display: block;}







/* 头部 */



.top1{background: rgba(0,0,0,0.3); position: fixed; top: 0; left: 0; right: 0; z-index: 100;}



.top1.ac{background: rgba(0,0,0,1);}



.top1 .w{display: flex; align-items: center; justify-content: space-between; margin: 0 0 0 50px;}



.top1 .w .fr{height: 66px; line-height: 66px; display: flex; color: #fff; text-transform: uppercase;}



.top1 .w .fr ul{display: flex;}



.top1 .w .fr ul li{margin-right: 35px; font-size: 16px;}



.top1 .w .fr b{background: var(--col); padding: 0 35px; font-size: 18px;}







/* 首页 */



.index_tit{text-align: center; margin-bottom: 40px;}



.index_tit dt{font-size: 36px; color: var(--col); text-transform: uppercase;}



.index_tit dd{font-size: 16px; color: #505151;}







.box1{padding: 50px 0; background: url(../images/index_01.jpg) center center fixed; margin: 20px 0;}



.box1 .index_tit dt{color: #fff;}



.box1 .index_tit dd{color: #bebdbd;}



.box1 .bod{padding: 50px; background: #fff;}



.box1 .bod .text p{line-height: 2; font-size: 16px; text-indent: 2em;}



.box1 .bod .text ul{display: flex; margin: 30px 0;}



.box1 .bod .text ul li{background: var(--col); color: #fff; line-height: 40px; padding: 0 20px; margin-right: 20px; text-transform: uppercase; font-size: 16px;}



.box1 .bod .text ul li img{margin-right: 10px;}



.box1 .phot{display: flex;}



.box1 .phot .fl{flex-grow: 1; overflow: hidden;}



.box1 .phot .fl .swiper{width: 100%;}



.box1 .phot .fr{width: 320px; margin-left: 25px; background: var(--col); color: #fff; display: flex; align-items: center; justify-content: space-around; min-height: 50px; flex-shrink: 0; padding: 10px 0;}



.box1 .phot .fr span{display: block; text-align: center; font-size: 16px; margin-top: 10px;}







.box2 video{width: 100%;}







.box3{margin: 50px 0;}



.box3 .bod{display: flex; justify-content: space-between; flex-wrap: wrap;}



.box3 .bod dl{width: 32%; border: 1px solid #c3c2c2; margin-bottom: 2%;}



.box3 .bod dl dt{position: relative; padding-bottom: 60%; border-bottom: 1px solid #c3c2c2; overflow: hidden;}



.box3 .bod dl dt img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: 0.5s;}



.box3 .bod dl dt img:hover{transform: scale(1.2);}



.box3 .bod dl dd{padding: 15px 10px; text-align: center;}







.box4 .bod{display: flex; justify-content: space-between; flex-wrap: wrap;}



.box4 .bod .item{width: 32%; margin-bottom: 2%; position: relative;}



.box4 .bod .item .img{position: relative; padding-bottom: 60%; overflow: hidden;}



.box4 .bod .item .img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: 0.5s;}



.box4 .bod .item a{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0); color: #fff; padding: 10% 5%; transform: scale(0); transition: 0.5s;}



.box4 .bod .item a h3{font-size: 20px; text-transform: uppercase; padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0.7);}



.box4 .bod .item a p{margin: 10px 0; font-size: 16px;}



.box4 .bod .item a span{display: inline-block; padding: 6px 15px; text-transform: uppercase; border: 1px solid rgba(255,255,255,0.8);}



.box4 .bod .item:hover .img img{transform: scale(1.2);}



.box4 .bod .item:hover a{transform: scale(1); background: rgba(0,0,0,0.5);}







.box5{margin: 20px 0; background: url(../images/index_02.jpg) top center; background-size: cover; padding: 50px 0;}



.box5 .index_tit{text-align: left; position: relative; position: relative; padding-bottom: 30px;}



.box5 .index_tit:before{content: ""; width: 120px; height: 15px; background: var(--col); position: absolute; bottom: 0; left: 0;}



.swiper3 img{width: 100%;}



.swiper3 .swiper-button-disabled{opacity: 1 !important;}



.swiper-button-prev3:after,.swiper-button-next3:after{color: var(--col);}







.box7{background: url(../images/index_05.jpg) center right; margin: 20px 0; padding-top: 100px; position: relative;}



.box7:before{content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 50%; background: #f7f7f7;}



.box7 .w{position: relative; z-index: 1;}



.box7 .w .bodbg{width: 50%; background: #f7f7f7; padding-right: 50px;}



.box7 .w .bod h4{font-size: 30px; color: var(--col); font-weight: bold;}



.box7 .w .bod .c{display: flex; align-items: center; justify-content: space-between; margin: 20px 0;}



.box7 .w .bod .c dt{background: var(--col); color: #fff; font-weight: normal; display: inline-block; padding: 0 10px;}



.box7 .w .bod .c dd{font-size: 30px; font-weight: bold; margin-top: 15px;}



.box7 .w .bod .c em{font-style: normal; font-size: 60px;}



.box7 .w .bod p{line-height: 2; margin-bottom: 30px;}



.box7 .w .its{display: flex;}



.box7 .w .its .itembg{background: #fff; padding: 20px; transition: 0.5s;}



.box7 .w .its .item{background: #f7f7f7; display: flex; align-items: center; padding: 0 20px; height: 100px;}



.box7 .w .its .item dl{margin-right: 30px; padding-right: 30px; border-right: 1px solid #b7b7b7;}



.box7 .w .its .item dl dt{font-size: 24px;}



.box7 .w .its .item dl dd{font-size: 12px;}



.box7 .w .its .item:hover{background: var(--col); color: #fff;}



.box7 .w .its .itembg:nth-of-type(1) i{width: 40px; height: 40px; background: url(../images/pjh_10.png);}



.box7 .w .its .itembg:nth-of-type(2) i{width: 40px; height: 40px; background: url(../images/pjh_10.png);}



.box7 .w .its .itembg:nth-of-type(3) i{width: 40px; height: 40px; background: url(../images/pjh_10.png);}



.box7 .w .its .itembg:nth-of-type(4) i{width: 40px; height: 40px; background: url(../images/pjh_10.png);}



.box7 .w .its .itembg:nth-of-type(1):hover i{width: 40px; height: 40px; background: url(../images/pjh_10_ac.png);}



.box7 .w .its .itembg:nth-of-type(2):hover i{width: 40px; height: 40px; background: url(../images/pjh_10_ac.png);}



.box7 .w .its .itembg:nth-of-type(3):hover i{width: 40px; height: 40px; background: url(../images/pjh_10_ac.png);}



.box7 .w .its .itembg:nth-of-type(4):hover i{width: 40px; height: 40px; background: url(../images/pjh_10_ac.png);}







.box8{background: #f0f5f4; padding: 50px 0; margin-bottom: 30px;}



.box8 .bod{display: flex; justify-content: space-between; flex-wrap: wrap;}



.box8 .bod dl{width: 18%; background: #fff; padding: 20px 10px 15px; text-align: center;}



.box8 .bod dl dt{height: 95px;}



.box8 .bod dl dd{font-size: 18px; margin-top: 10px; font-weight: bold;}







.box9 .w{display: flex; flex-wrap: wrap; align-items: center;}



.box9 .w .fl,.box9 .w .fr{width: 50%;}



.box9 .w .fl{padding: 0 2%; text-align: center;}



.box9 .w .fl h3{font-size: 42px; font-weight: bold; margin-bottom: 20px; color: var(--col);}



.box9 .w .fl p{color: #555; line-height: 2;}



.box9 .w .fr dl{position: relative;}



.box9 .w .fr dl dt{padding-bottom: 30%; position: relative; overflow: hidden;}



.box9 .w .fr dl dt img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: 0.5s; object-fit: cover;}



.box9 .w .fr dl dt img:hover{transform: scale(1.2);}



.box9 .w .fr dl dd{position: absolute; bottom: 0; left: 0; right: 0; background: rgba(224,205,188,0.7); display: flex; align-items: center; justify-content: space-between; padding: 10px 20px;}



.box9 .w .fr dl dd p{font-size: 24px; font-weight: bold;}



.box9 .w .fr dl dd .more{background: #fff; padding: 5px 15px; border-radius: 5px; font-size: 12px;}



.box9 .w .fr ul{display: flex; justify-content: space-between;}



.box9 .w .fr ul li{margin-top: 2%; width: 49%; padding-bottom: 30%; position: relative; overflow: hidden;}



.box9 .w .fr ul li img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: 0.5s;}



.box9 .w .fr ul li img:hover{transform: scale(1.2);}







.box10{margin: 30px 0;}



.box10 .w{display: flex; justify-content: space-between; flex-wrap: wrap;}



.box10 .w .item{width: 24%; border: 1px solid #f0f0f0; border-radius: 10px; overflow: hidden;}



.box10 .w .item .img{padding-bottom: 100%; overflow: hidden; position: relative;}



.box10 .w .item .img img{width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: 0.5s;}



.box10 .w .item .img img:hover{transform: scale(1.2);}



.box10 .w .item dl{padding: 15px;}



.box10 .w .item dl dt{font-weight: normal; margin-bottom: 10px;}



.box10 .w .item dl dd{font-size: 12px; color: #666;}







.bottom1{background: linear-gradient(to right,#fd9d24,#ee4a15,#fd9d24); padding: 20px 0;}



.bottom1 h3{text-align: center; color: #fff; font-weight: bold; font-size: 30px;}



.bottom1 form{display: flex; justify-content: center; margin-top: 20px;}



.bottom1 form input,.bottom1 form button{width: 260px; height: 40px; border: none; background: #fff; padding: 0 10px; margin: 0 5px; border-radius: 5px;}



.bottom1 form button{color: var(--col);}







.bottom2{background: #2f3034;}



.bottom2 .w{border-bottom: 1px solid #171918; display: flex; justify-content: space-around; padding: 20px 0; color: #fff;}



.bottom2 .w dl dt{width: 90px; height: 90px; border-radius: 50%; border: 1px solid #ff8500; display: flex; align-items: center; justify-content: center; font-size: 18px; margin: 0 auto 15px;}



.bottom2 .w dl dd{text-align: center;}







.bottom3{background: #2f3034;}



.bottom3 .w{border-top: 1px solid #444547; display: flex; justify-content: space-between; padding: 20px 0;}



.bottom3 .w .fl p{line-height: 2; color: rgba(255,255,255,0.7);}



.bottom3 .w .fr{display: flex;}



.bottom3 .w .fr ul{display: flex; margin-bottom: 10px;}



.bottom3 .w .fr ul li{margin-right: 20px;}



.bottom3 .w .fr p{color: #fff; line-height: 2;}







.equipment{text-align: left; padding: 20px;}







.form p{color: #666; margin-bottom: 15px;}



.form .form-control{margin: 15px 0;}



.newslist1{margin: 30px 0;}

.newslist1 .bod{display: flex; flex-wrap: wrap; margin-top: 20px;}

.newslist1 .bod .item{width: 23.5%; margin: 0 2% 2% 0; border: 1px solid #efefef; border-radius: 10px; transition: 0.5s;}

.newslist1 .bod .item:nth-of-type(4n){margin-right: 0;}

.newslist1 .bod .item:hover{transform: translate(0,-10px); box-shadow: 0 0 10px 5px rgba(0,0,0,0.05);}

.newslist1 .bod .item .img{padding-bottom: 100%; position: relative; border-bottom: 1px solid #efefef;}

.newslist1 .bod .item .img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

.newslist1 .bod .item dl{padding: 15px; transition: 0.5s; text-transform: uppercase;}

.newslist1 .bod .item dl dt{font-weight: normal; font-size: 16px; margin-bottom: 10px;}

.newslist1 .bod .item dl dd{font-size: 12px; color: #999;}

.newslist1 .bod .item:hover dl{background: #666;}

.newslist1 .bod .item:hover dl dt{color: #fff;}







@media(max-width: 1200px){



	.top1 .w .fr ul li{margin-right: 20px; font-size: 14px;}



	.top1 .w .fr b{padding: 0 20px; font-size: 14px;}



	.box7{display: none;}



}



@media(max-width: 992px){



	.w{margin: 0 10px;}



	.navbar-toggle{display: block; border: 1px solid rgba(255,255,255,0.6); margin: 0 0 0 10px;}



	.navbar-toggle span{background: rgba(255,255,255,0.8);}



	.top1 .w{margin: 0 10px;}



	.top1 .w .fl img{width: 150px;}



	.top1 .w .fr{align-items: center; height: 50px; line-height: 36px;}



	.top1 .w .fr ul{position: absolute; top: 50px; left: 0; right: 0; text-align: center; line-height: 50px; display: none; background: rgba(0,0,0,0.7);}



	.top1 .w .fr b{padding: 0; border-radius: 6px;}



	.top1 .w .fr b a{margin: 0 10px;}



	.box1 .phot .fr{display: none;}



}



@media(max-width: 768px){



	.index_tit{text-align: center; margin-bottom: 20px;}



	.index_tit dt{font-size: 24px;}



	.index_tit dd{font-size: 14px; color: #505151;}



	.box1{margin: 10px 0; padding: 20px 0 30px;}



	.box1 .bod{padding: 10px 15px;}


	.box1 .bod .text ul{justify-content: space-between;}
	.box1 .bod .text ul li{margin: 0; padding: 0 15px;}
	.box1 .phot{flex-wrap: wrap;}
	.box1 .phot .fl{order: 2;}
	.box1 .phot .fr{display: flex; justify-content: space-between; margin: 0; order: 1; width: 100%; margin: -10px 0 10px;}
	.box1 .phot .fr a{flex: 1; text-align: center;}

	.box3{margin: 20px 0;}



	.box3 .bod dl{width: 48%; margin-bottom: 4%;}



	.box4 .bod .item{width: 48%; margin-bottom: 4%;}



	.box4 .bod .item a h3{font-size: 16px;}



	.box8 .bod dl{width: 48%; margin-bottom: 15px;}



	.box8 .bod dl dd{font-size: 16px;}



	.box9 .w .fl,.box9 .w .fr{width: 100%;}



	.box9 .w .fl{margin-bottom: 20px;}



	.box9 .w .fl h3{font-size: 24px;}



	.box10 .w .item{width: 48%;}



	.bottom1 h3{font-size: 20px;}



	.bottom1 form{display: none;}



	.bottom2{display: none;}



	.bottom3 .w .fr{display: none;}



	.equipment{padding: 10px;}



	#c_new_detail_015-1657877824176 .e_container-2{width: 90%;}

	.newslist1 .bod{justify-content: space-between;}

	.newslist1 .bod .item{width: 48%; margin: 0 0 2% 0;}



}