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



body{--maincolor: #e30000; font-family: Arial; padding-top: 118px;}



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{max-width: 1368px; margin: 0 auto;}



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



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

@font-face {

  font-family: '方正品尚纤黑简体';



  src: url('../fonts/ziti.TTF');

}





/* 头部 */

.top1{position: fixed; top: 0; left: 0; right: 0; z-index: 11; background: #fff; border-bottom: 1px solid rgba(0,0,0,0.05); transition: 0.5s;}

.top1.nobj{color: #fff; background: none;}

.top1.nobj .fr .dh dt{color: #fff;}

.top1.nobj .fr .dh dd{color: #fff;}

.top1.nobj .w .logo{display: none;}

.top1.nobj .w .logo_b{display: block;}



.top1>.w{height: 118px; display: flex; align-items: center; justify-content: space-between;}

.top1>.w .logo_b{display: none;}

.top1 .fr{display: flex; align-items: center;}



.top1 .fr ul{display: flex; align-items: center;}



.top1 .fr ul>li{line-height: 118px; position: relative; font-size: 16px; transition: 0.5s;}

.top1 .fr ul>li:hover{background: #2d95db; color: #fff;}



.top1 .fr ul>li>a{display: block; padding: 0 20px;}



.top1 .fr ul>li .dls{position: absolute; top: 118px; left: 0; white-space: nowrap; background: #fff; color: #333; min-width: 100%; display: none; border: 1px solid #eee;}



.top1 .fr ul>li .dls dl dt{padding: 10px 20px; font-weight: normal; transition: 0.5s;}

.top1 .fr ul>li .dls dl dt:hover{background: #2d95db; color: #fff;}



.top1 .fr .search{position: relative;}



.top1 .fr .search .form{position: absolute; top: 70px; right: 0; z-index: 10; display: none;}



.top1 .fr .search .form form{display: flex; height: 40px;}



.top1 .fr .search .form form input{width: 300px; border: 1px solid #ddd;}



.top1 .fr .search .form form button{white-space: nowrap; background: #2d95db; border: none; color: #fff;}

.top1 .fr .dh{text-align: center; margin-left: 20px;}

.top1 .fr .dh dt{color: #2994d8; font-size: 20px;}

.top1 .fr .dh dd{color: #666;}



/* banner */

.swiper1 .video{background: #000;}

.swiper1 .video video{width: 100%; height: 100%;}

.swiper1 .swiper-button-prev,.swiper1 .swiper-button-next{background: rgba(0,0,0,0.1); opacity: 1; width: 50px; height: 50px;}

.swiper1 .swiper-button-prev:after,.swiper1 .swiper-button-next:after{color: #fff; font-size: 36px;}



/* 首页 */



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



.index_tit dt{font-size: 28px; padding-bottom: 5px; margin-bottom: 10px; position: relative;}



.index_tit dt span{color: #4b9b38;}



.index_tit dt:before{content: ""; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; height: 2px; width: 40px; background: #002961;}







.box1{margin: 60px 0;}



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



.box1 .bod .item{width: 436px; height: 436px; margin-bottom: 28px; position: relative; overflow: hidden;}



.box1 .bod .item img{width: 100%; height: 100%; object-fit: cover; transition: 0.5s;}



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



.box1 .bod .item a{position: absolute; top: 0; left: 0; right: 0; bottom: 0; color: #fff; padding: 40px 30px; display: flex; flex-direction: column; justify-content: flex-end;}



.box1 .bod .item a h3{font-size: 20px; margin-top: 5px;}



.box1 .bod .item2{width: 900px;}







.box2{margin: 0 0 60px; padding: 60px 0; background: #f5f5f5;}

.box2 ul{display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 30px;}

.box2 ul li{padding: 20px; background: #fff; border-right: 1px solid #eee; cursor: pointer; display: flex; flex-direction: column; justify-content: center; align-items: center; flex-grow: 1;}

.box2 ul li i{width: 50px; height: 50px; margin-bottom: 10px;}

.box2 ul li:nth-of-type(1) i{background: url(../images/fah_1.png);}

.box2 ul li:nth-of-type(2) i{background: url(../images/fah_2.png);}

.box2 ul li:nth-of-type(3) i{background: url(../images/fah_3.png);}

.box2 ul li:nth-of-type(4) i{background: url(../images/fah_4.png);}

.box2 ul li:nth-of-type(5) i{background: url(../images/fah_5.png);}

.box2 ul li:nth-of-type(6) i{background: url(../images/fah_6.png);}

.box2 ul li:nth-of-type(7) i{background: url(../images/fah_7.png);}

.box2 ul li:nth-of-type(8) i{background: url(../images/fah_8.png);}

.box2 ul li:nth-of-type(9) i{background: url(../images/fah_9.png);}

.box2 ul li:nth-of-type(10) i{background: url(../images/fah_10.png);}

.box2 ul li.ac{background: #4b9b38; color: #fff;}

.box2 ul li:nth-of-type(1).ac i{background: url(../images/fab_1.png);}

.box2 ul li:nth-of-type(2).ac i{background: url(../images/fab_2.png);}

.box2 ul li:nth-of-type(3).ac i{background: url(../images/fab_3.png);}

.box2 ul li:nth-of-type(4).ac i{background: url(../images/fab_4.png);}

.box2 ul li:nth-of-type(5).ac i{background: url(../images/fab_5.png);}

.box2 ul li:nth-of-type(6).ac i{background: url(../images/fab_6.png);}

.box2 ul li:nth-of-type(7).ac i{background: url(../images/fab_7.png);}

.box2 ul li:nth-of-type(8).ac i{background: url(../images/fab_8.png);}

.box2 ul li:nth-of-type(9).ac i{background: url(../images/fab_9.png);}

.box2 ul li:nth-of-type(10).ac i{background: url(../images/fab_10.png);}

.box2 .bod{display: none;}

.box2 .bod:nth-of-type(1){display: block;}

.box2 .bod .item{display: flex;}

.box2 .bod .item .fl{width: 40%; margin-right: 30px; flex-shrink: 0; background: #fff;}

.box2 .bod .item .fl img{width: 100%;}

.box2 .bod .item .fr{flex-grow: 1;}

.box2 .bod .item .fr h3{font-size: 20px; margin: 20px 0;}

.box2 .bod .item .fr .as{display: flex; margin-top: 20px;}

.box2 .bod .item .fr .as a{width: 100px; height: 40px; line-height: 38px; border: 1px solid #4b9b38; background: #4b9b38; color: #fff; text-align: center; margin-right: 10px; border-radius: 6px;}

.box2 .bod .item .fr .as a:nth-of-type(2){background: none; color: #333;}





.box3{margin: 60px 0;}



.box3 .bod .item{background: #f8f8f8; overflow: hidden;}



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



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



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



.box3 .item .img video{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}



.box3 .bod .item dl{margin: 20px;}



.box3 .bod .item dl dt{font-size: 18px;}



.box3 .bod .item dl dd{font-size: 16px; color: #666; margin-top: 10px;}



.more a{display: block; width: 170px; height: 40px; margin: 50px auto 0; border: 1px solid #666; text-align: center; line-height: 38px; transition: 0.5s;}



.more a:hover{background: #4b9b38; color: #fff;}



.box3_case .item dl dt{text-align: center; margin-top: 10px;}



.box4{height: 260px; background: url(../images/index_06.jpg) center center; background-size: cover;}







.box5{padding: 60px 0; background: url(../images/index_07.jpg) center center; background-size: cover;}



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



.box5 .bod .item{width: 19%; position: relative;}



.box5 .bod .item>img{width: 100%;}



.box5 .bod .item .con{position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; padding: 150px 20px 0 20px; background: #fff; transition: 0.5s;}



.box5 .bod .item .con h3{font-size: 20px; margin: 30px 0 20px; padding-bottom: 10px; position: relative;}



.box5 .bod .item .con h3:before{content: ""; position: absolute; bottom: 0; left: 0; right: 0; width: 20px; height: 3px; background: #4b9b38; margin: auto;}



.box5 .bod .item .con p{line-height: 2; text-align: left;}



.box5 .bod .item.ac .con{background: none; color: #fff; padding-top: 100px;}



.box5 .bod .item.ac .con h3{padding-bottom: 0;}



.box5 .bod .item.ac .con h3:before{display: none;}







.box6 .w{display: flex; align-items: center; padding: 15px 0;}



.box6 .w .fl{white-space: nowrap; font-size: 18px; padding-right: 15px; margin-right: 15px; border-right: 1px solid #666; line-height: 1.2}



.box6 .w .fl span{font-size: 24px; color: #4b9b38; text-transform: uppercase; text-align: center; display: block;}



.box6 .w .fr a{margin-right: 10px; font-size: 12px; color: #666;}



.box7{margin: 60px 0;}

.box7 .bod{text-align: center;}

.box7 .bod img{max-width: 100%;}





/* 底部 */



.bottom1{background: #222222; color: #fff; padding: 40px 0 30px;}



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



.bottom1 .fl>img{margin-bottom: 30px;}



.bottom1 .fl p{margin-top: 20px; font-size: 12px; display: flex; align-items: center;}



.bottom1 .fl p img{margin-right: 10px;}



.bottom1 .ce{display: flex; margin: auto 0;}



.bottom1 .ce dl:nth-of-type(1){margin-right: 36px;}



.bottom1 .ce dl dd{text-align: center; margin-top: 10px; font-size: 12px;}



.bottom1 .fr{display: flex;}



.bottom1 .fr dl{margin-right: 50px;}



.bottom1 .fr dl:nth-last-of-type(1){margin-right: 0;}



.bottom1 .fr dl dt{font-weight: normal; margin-bottom: 15px;}



.bottom1 .fr dl dd{margin-top: 10px; color: rgba(255,255,255,0.8);}







.bottom2{background: #4b9b38; color: #fff; font-size: 12px;}



.bottom2 .w{height: 40px; display: flex; align-items: center; justify-content: space-between;}



.bottom2 .fl{color: #fff;}



.bottom2 .fr{display: flex;}



.bottom2 .fr img{margin-left: 10px;}







/* 产品列表 */



.productlist1{display: flex; justify-content: center; background: #f2f2f2; padding: 30px 0;}



.productlist1 .form-inline{flex-wrap: nowrap;}



.productlist2{margin-top: 30px;}



.productlist2 .ul1{display: flex; justify-content: center; flex-wrap: wrap; padding-bottom: 20px; border-bottom: 1px solid #ddd;}



.productlist2 .ul1 li a{padding: 5px 20px; margin: 0 10px; border: 1px solid #ddd; border-radius: 20px; display: block; margin-top: 10px;}



.productlist2 .ul1 li a.ac{background: #4b9b38; color: #fff;}



.productlist2 .ul2{display: flex; justify-content: center; flex-wrap: wrap; margin-top: 20px;}



.productlist2 .ul2 li{margin: 0 10px; font-size: 12px; color: #666;}



.productlist2 .ul2 li.ac{color: #4b9b38;}



.position{margin-top: 20px; color: #666;}



/* 联系我们 */

.contact1{display: flex;}

.contact1 .fl{width: 50%;}

.contact1 .fr{width: 50%;}

.contact1 .xian{width: 1px; background: #ddd; margin: 0 50px;}

.contact1 .fr dl{margin-bottom: 20px;}

.contact1 .fr dl dt{font-size: 20px;}

.contact1 .fr dl dd{margin-top: 10px; color: #4b9b38;}



.contact2{margin-top: 50px;}

.contact2 h3{font-size: 20px; font-weight: bold; margin-bottom: 20px;}

.contact2 p{margin-bottom: 10px; color: #4b9b38;}

.contact2 .bod{display: flex;}

.contact2 .fl{width: 50%;}

.contact2 .xian{width: 1px; background: #ddd; margin: 0 50px;}

.contact2 .fl .iframe{padding-bottom: 100%; position: relative;}

.contact2 .fl .iframe iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}



/* 解决方案列表 */

.solutionlist1 .item{display: flex; margin-bottom: 20px; border: 1px solid #ddd; transition: 0.5s;}

.solutionlist1 .item:hover{box-shadow: 0 0 10px 10px rgba(0,0,0,0.1)}

.solutionlist1 .item:nth-of-type(2n) .fl{order: 2;}

.solutionlist1 .item .fl{width: 40%; flex-shrink: 0; border-right: 1px solid #ddd;}

.solutionlist1 .item .fl img{width: 100%;}

.solutionlist1 .item .fr{padding: 30px;}

.solutionlist1 .item .fr .text{margin: 20px 0;}

.solutionlist1 .item .fr .more{width: 120px; height: 40px; line-height: 40px; text-align: center; background: #4b9b38; display: block; color: #fff; border-radius: 5px;}



.page{display: flex; justify-content: center;}

.page span{margin: 0 5px;}

.page .page-numbar a{margin: 0 5px;}



/* 工程服务列表 */

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

.service1 .item{width: 30%;}

.service1 .item .img{padding-bottom: 100%; position: relative;}

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

.service1 .item .img .ic{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; opacity: 0; transition: 0.5s;}

.service1 .item .img:hover .ic{opacity: 1;}

.service1 .item .img dl{position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5)); padding: 20px 10px; color: #fff;}

.service1 .item .img dl dd{font-size: 16px;}

.service1 .item .img dl dt{font-size: 18px;}



.first img{width: 100%;}

@media(max-width: 1368px){



	.box1 .bod .item{width: 32%;}



	.box1 .bod .item2{width: 64%;}



	.top1 .fr ul>li>a{padding: 0 20px;}



	.box5 .bod .item .con{padding-top: 0; display: flex; flex-direction: column; justify-content: center;}



	.box5 .bod .item.ac .con{padding-top: 0;}



}



@media(max-width: 992px){



	.top1 .fr ul>li>a{padding: 0 10px;}



	.top1 .fr .search{display: none;}

	.top1 .fr .dh{display: none;}



	.box5 .bod{flex-wrap: wrap;}



	.box5 .bod .item{width: 32%; margin-bottom: 15px;}



	.bottom1 .ce{display: none;}



	.navbar-toggle{display: none;}



}



@media(max-width: 768px){

	body{padding-top: 0;}

	.w{margin: 0 10px;}



	.top1{border-bottom: 1px solid #ddd; position: static;}

	.top1.nobj .w .logo{display: block;}

	.top1.nobj .w .logo_b{display: none;}

	.top1>.w{height: 80px;}



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



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



	.top1 .fr ul{position: absolute; top: 80px; left: 0; right: 0; z-index: 11; background: #fff; box-shadow: 0 5px 5px rgba(0,0,0,0.1); display: none; color: #333;}



	.top1 .fr ul>li{line-height: 40px; border-bottom: 1px solid #ddd;}

	.top1 .fr ul>li .dls{top: 0; left: 200%;}



	.box1 .bod .item2{width: 100%;}



	.box1 .bod .item{width: 100%; height: 0; padding-bottom: 100%;}



	.box1 .bod .item img{position: absolute; top: 0; left: 0;}

	.box2 .bod .item{flex-wrap: wrap;}

	.box2 .bod .item .fl{width: 100%; margin-right: 0;}

	.box2 .bod .item .fl{}

	.box3 .bod .item{width: 100%; margin-bottom: 15px;}



	.box4{display: none;}



	.box5 .bod .item{width: 100%;}



	.bottom1 .fl{display: none;}



	.bottom1 .fr{justify-content: space-between; width: 100%;}



	.bottom1 .fr dl{margin-right: 0;}



	.bottom2{padding: 10px 0;}



	.bottom2 .w{height: auto; text-align: center;}



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

	.contact1{display: block;}

	.contact1 .fl{width: 100%;}

	.contact1 .fr{width: 100%;}

	.contact1 .xian{display: none;}

	.contact2 .bod{display: block;}

	.contact2 .fl{width: 100%; margin-bottom: 10px;}

	.contact1 .xian{display: none;}



	.solutionlist1 .item{display: block;}

	.solutionlist1 .item .fl{width: 100%; border-right: none; border-bottom: 1px solid #ddd;}

	.solutionlist1 .item .fr{width: 100%; padding: 15px;}



}