@charset "utf-8";
@media only screen and (min-width:1401px) and (max-width:1611px){
	.menu .nav ul li{ padding: 27px 35px;}
}
@media only screen and (min-width:1201px) and (max-width:1401px){
	.menu .nav ul li{ padding: 27px 25px;}
}
@media only screen and (min-width:1201px){
	.container{ padding: 0;}
}
@media only screen and (min-width:993px) and (max-width:1201px){
	.menu .nav ul li{ padding: 27px 15px;}
}
@media only screen and (max-width:993px){
a.ck_gd{background: url(bjt.png) no-repeat  105px #000000;width: 150px;height:40px;border:1px solid #ddd;padding-left: 10px;text-transform:uppercase;font-size: 13px;color: #fff;line-height:40px;display:block;position:relative;}
a.ck_gd i{padding-left:10px;}

.header{margin-bottom:0px;padding: 0 15px;}
.header .an{display:block;}
.navbar-header{padding: 10px 0;margin-right: auto;display: -webkit-box;display: -webkit-flex;-webkit-justify-content: center;-webkit-align-items: center;}
.navbar-header img{height: 65px;}
.menu{width: 100%;padding: 15px 0;background-color:#000;height:100%;position:fixed;top: 85px;left: -100%;z-index:9999;margin-left: 0;overflow:auto;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;}
.menu.on{left:0;}
.menu.on .xia:before{ transform: rotate(90deg);}
.menu .nav{width:100%;}
.menu .nav i{display:block;color: #fff;}
.menu .nav ul li{width:100%;height:auto;padding: 0 15px;font-size: 3.6vw;text-align:left;border-bottom:1px solid #444;float:none;margin-right:0;}
.menu .nav ul li a.o_lm{color:#aaa;font-size: 15px;line-height: 40px;}
.menu .nav ul li:hover a.o_lm{background:none;}
.menu .nav ul li.on a.o_lm{background:none; color:#fff;}
.menu .nav .e_j{background:none; position:relative; display:none; padding-bottom:10px;}
.menu .nav .e_j a{background: none;border-top:0;font-size: 14px;color:#aaa;line-height: 25px;padding: 5px 0;padding-left: 15px;}
.menu .nav .e_j a:hover{background:none;}
.menu .nav ul li:hover .e_j{display:none;}
.c_n{display: flex;margin: 25px 0;text-align: center;margin-left: auto;margin-right: 15vw;}
.c_n a{display: block;background: #31720e;width: 70px;height: 35px;line-height: 35px;border-radius: 5px;margin-left: 10px;font-size: 14px;color: #fff;transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.c_n a:hover{ transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); -webkit-transform: translateY(-2px);}

.ban{ overflow: hidden; text-align: center; position: relative;}
.ban .swiper-slide{ overflow: hidden;}
.ban1{ width: 100%;height: 100%; transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1); transition: all 5s;-o-transition: all 5s;-ms-transition: all 5s;-moz-transition: all 5s;-webkit-transition: all 5s;}
.ban1 img{ max-width: 100%; height: 35vh;}
.ban .swiper-slide-active .ban1{transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);}
.ban .swiper-button-prev,.ban .swiper-button-next{top: 50%;opacity: 0;width: 40px;height: 40px;margin-top: -20px;text-align: center;z-index: 1;color: #ffffff;display: block;font-size: 22px;cursor: pointer;overflow: hidden;line-height: 40px;text-shadow: none;position: absolute;font-weight: normal;background: #31720e;border-radius: 100px;}
.ban .swiper-button-prev{ left:5%;}
.ban:hover .swiper-button-prev{ opacity:1;}
.ban .swiper-button-next{ right:5%;}
.ban:hover .swiper-button-next{ opacity:1;}
.ban .swiper-pagination-bullet{position: relative;background: #000;display: inline-block;height: 3px;width: 30px;margin-right: 12px;border-radius: 0;text-align:left;cursor:pointer;-webkit-transition:width 0.5s ease-in-out;-webkit-transition:width 0.5s ease-in-out;transition:width 0.5s ease-in-out;}
.ban .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: none;}
.ban .swiper-pagination-bullet:before{content:""; position: absolute; left: 0; top: 0; width: 30px; height: 3px; display:inline-block; vertical-align:middle;}
.ban .swiper-pagination-bullet:after{content:""; position: absolute; left: 0; top: 0; width:0px; height: 3px; background:#31720e; margin-left: 0px;vertical-align:middle;-webkit-transition:width 0s;transition:width 0s;display:inline-block;}
.ban .swiper-pagination-bullet-active{width: 30px;}
.ban .swiper-pagination-bullet-active:after{width: 30px;display:inline-block;-webkit-transition:width 2s linear 0.5s;transition:width 2s linear 0.5s;}
.ban .swiper-pagination-bullet-active:before{ display: none;}

.sy_ab{margin-top: 30px;margin-bottom: 30px;}
.sy_ab0{ display: flex;flex-flow: wrap;justify-content: space-between;}
.sy_ab1{width: 100%;}
.sy_ab1 h1{line-height: 30px;font-size: 18px;color: #cccccc;text-transform: uppercase;font-weight: bold;}
.sy_ab1 h1:first-letter{ color: #31720e;}
.sy_ab1 h2{line-height: 30px;margin-top: 0px;margin-bottom: 20px;font-size: 18px;color: #1e1e1e;}
.sy_ab1 p{line-height: 30px;text-indent: 2em;}
.more {margin-top: 15px;}
.more a {display: inline-block;background: #31720e;width: 120px;line-height: 44px;padding: 0 15px;font-size: 13px;color: #fff;position: relative;overflow: hidden;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;display: flex;flex-flow: wrap;justify-content: space-between;display: -webkit-box;display: -webkit-flex;-webkit-align-items: center;}
.btn-11:before, .btn-11:after { position: absolute; top: 50%; content: ''; width: 20px; height: 20px; background: #000; border-radius: 50%;}
.btn-11:before { left: -20px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.more a span {position: relative;z-index: 1;display: inline-block;}
.btn-11:after { right: -20px; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%);}
.more a:hover { color: #fff; background: #000; transition-delay: 0.36s;}
.btn-11:hover:before { -webkit-animation: criss-cross-left 0.8s both; animation: criss-cross-left 0.8s both;}
.btn-11:hover:after { -webkit-animation: criss-cross-right 0.8s both; animation: criss-cross-right 0.8s both;}
.btn-11 img{position: relative;z-index: 1;display: inline-block;height: 6px;}
.sy_ab2{width: 100%;margin-top: 30px;display: flex;flex-flow: wrap;justify-content: space-between;}
.sy_ab22{margin-top: 0;margin-bottom: 0;}
.sy_ab2t{height: 30px;display: -webkit-box;display: -webkit-flex;-webkit-align-items: center;}
.sy_ab2t img{ max-height: 100%;}
.sy_ab2b{ margin-top: 10px;}
.sy_ab2b p:nth-of-type(1){line-height: 26px;}
.sy_ab2b p span{font-size: 20px;color: #1c1c1c;font-weight: bold;}
.sy_ab2b p:nth-of-type(2){line-height: 22px;color: #949494;font-size: 12px;}
.sy_ab3{width: 100%;margin-top: 15px;}

.sy_pr{background: url(../images/n2_bg.jpg) repeat top center;padding-top: 30px;height: auto;}
.n21{ text-align: center;}
.n21 h1{line-height: 30px;font-size: 18px;color: #fff;font-weight: bold;text-transform: uppercase;}
.n21 h2{line-height: 30px;font-size: 18px;color: #fff;}
.n22{ max-width: 1800px; width: 100%; margin: auto; margin-top: 30px; position: relative;}
.n22 .swiper-slide{ background: none;}
.n22 .swiper-button-prev,.n22 .swiper-button-next{ position: absolute; top: 50%; width: 43px; height: 43px; margin-top: -21.5px;}
.n22 .swiper-button-prev{ background: url(../images/l.png) no-repeat left center; left: 0;}
.n22 .swiper-button-next{ background: url(../images/r.png) no-repeat right center; right: 0;}
.sy_cp{ max-width: 1650px; width: 100%; margin: auto;}
.sy_cp0{ width: 100%;}
.sy_cp1{background: #fff;width: 100%;height: 220px;display: -webkit-box;display: -webkit-flex;-webkit-justify-content: center;-webkit-align-items: center;}
.sy_cp2{ background: rgba(0,0,0,0.75); padding: 10px 0; text-align: center;}
.sy_cp2 p{padding: 0 10px;line-height: 22px;font-size: 14px;color: #fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.sy_ap{max-width: 1280px;width: 100%;margin: auto;margin-top: 30px;margin-bottom: 30px;}
.sy_ap .container{ width: 1260px;}
.sy_ap1{ text-align: center;}
.sy_ap1 h1{line-height: 30px;font-size: 18px;color: #cccccc;font-weight: bold;text-transform: uppercase;}
.sy_ap1 h2{line-height: 30px;font-size: 18px;color: #333333;}
.sy_ap2{ margin-top: 25px;}
.syal{ width: 100%; height: 100%;}
.syal .swiper-slide{ text-align: center; 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; transition: 300ms; transform: scale(0.8); opacity:0.5}
.syal .swiper-slide p{ font-size:16px; line-height:50px; display:none}
.syal .swiper-slide .img{ width:100%; height:auto}
.syal .swiper-slide .img img{ width:100%; height:auto}
.syal .swiper-slide-active,.syal .swiper-slide-duplicate-active{ transform: scale(1); opacity:1}
.syal .swiper-slide-active p{ display:block}
.syal .swiper-button-next{width: 60px;height: 60px;background:url(../images/r2.png) no-repeat;right: 0;background-size: 100%;}
.syal .swiper-button-prev{width: 60px;height: 60px;background:url(../images/l2.png) no-repeat;left: 0;background-size: 100%;}

.sy_xw{background: #f8f8f8;margin-bottom: 30px;padding-top: 30px;padding-bottom: 30px;}
.sy_xw1{ text-align: center;}
.sy_xw1 h1{line-height: 30px;font-size: 18px;color: #cccccc;font-weight: bold;text-transform: uppercase;}
.sy_xw1 h2{line-height: 30px;font-size: 18px;color: #333333;}
.sy_xw2{ margin-top: 26px; display: flex;flex-flow: wrap;justify-content: space-between;}
.sy_xw21{width: 100%;}
.sy_xw21 img{ height: 325px; object-fit: cover;}
.sy_xw21 h3{ margin-top: 10px; margin-bottom: 6px;}
.sy_xw21 h3 a{display: block;line-height: 28px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 15px;}
.sy_xw21b{ display: flex;flex-flow: wrap;justify-content: space-between;}
.sy_xw211{width: 60px;border-right: 1px solid #e8e8e8;}
.sy_xw211 strong{display: block;line-height: 25px;font-size: 18px;font-family: "Helvetica";}
.sy_xw211 span{display: block;line-height: 19px;font-size: 15px;color: #ccc;font-family: "Helvetica";}
.sy_xw212{width: calc(100% - 60px);padding-left: 15px;}
.sy_xw212 p{ line-height: 22px; font-size: 14px; color: #666666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.sy_xw22{width: 100%;margin-top: 15px;}
.sy_xw22 ul li{border-bottom: 1px solid #e8e8e8;padding-top: 15px;padding-bottom: 15px;display: flex;flex-flow: wrap;justify-content: space-between;transition: all 0.4s linear;}
.sy_xw22 ul li:hover{ padding: 30px 15px; padding-bottom: 25px;}
.sy_xw221{width: 60px;}
.sy_xw221 strong{display: block;line-height: 22px;font-size: 18px;font-family: "Helvetica";}
.sy_xw221 span{display: block;line-height: 19px;font-size: 15px;color: #ccc;font-family: "Helvetica";}
.sy_xw222{width: calc(100% - 65px);}
.sy_xw222 h3{margin-bottom: 5px;line-height: 22px;}
.sy_xw222 h3 a{display: block;font-size: 15px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.sy_xw222 p{ line-height: 23px; font-size: 14px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.f1{ background: #464646; padding-top: 28px; padding-bottom: 25px;}
.f10{ max-width: 1600px; width: 100%; margin: auto; display: flex;flex-flow: wrap;justify-content: space-between;}
.f11{width: 100%;margin-top: 10px;text-align: center;}
.f11 img{height: 80px;}
.f12{width: 100%;position: relative;padding-left: 0;padding: 0 15px;margin: 15px 0;}
.f12::before{position: absolute;content: '';top: 0;left: 0;background: #888888;width: 0px;height: 150px;}
.f12t h2{position: relative;line-height: 23px;padding-bottom: 8px;font-size: 16px;color: #fff;font-weight: bold;}
.f12t h2::after{ display: block; position: absolute; content: ''; bottom: 0; left: 0; background: #01973d; width: 26px; height: 3px;}
.f12b{ margin-top: 15px;}
.f12b p{ line-height: 30px; font-size: 14px; color: #fff;}
.f13{width: 250px;margin: auto;display: flex;flex-flow: wrap;justify-content: space-between;}
.ewm{margin-left: 0;}
.ewm img{height: 110px;}
.ewm p{ line-height: 25px; text-align: center; font-size: 14px; color: #fff;}
.f2{background: #353535;padding: 10px 0;line-height: 25px;color: #fff;text-align: center;}
.f2 a{ color: #fff;}

/*关于我们*/
.nban1 img{ height: 35vh; object-fit: cover;}
.nban2 img{ height: 30px;}

.wz{margin-top: 10px;}
.wz0{background: url(../images/wz.png) no-repeat left center;background-size: 12px;padding-left: 20px;border-bottom: 1px solid #e8e8e8;line-height: 35px;font-size: 14px;color: #333333;}
.wz0 a{font-size: 14px;color: #333333;}

.ab{margin-top: 30px;margin-bottom: 30px;}
.ab p{line-height: 30px;}
.ab img{ max-width: 100%!important; height: auto!important;}

/* 产品介绍 */
.pro{margin-bottom: 30px;}
.pro1{padding-top: 20px;}
.pro1 ul{overflow: hidden;text-align: center;font-size: 0;}
.pro1 ul li{background: #f0f0f0;float: none;width: 30%;display: inline-block;margin-left: 0;margin: 0 1%;margin-top: 10px;line-height: 35px;text-align: center;border: 1px solid #d8d8d8;border-radius: 40px;}
.pro1 ul li:nth-of-type(1){ margin-left: 0;}
.pro1 ul li:nth-of-type(4n+1){ margin-left: 0;}
.pro1 ul li a{display: block;font-size: 14px;color: #333333;}
.pro1 ul li.cur{ background: #06b025; border: 1px solid #06b025;}
.pro1 ul li.cur a{ color: #fff;}
.pro1 ul li:hover{ background: #06b025; border: 1px solid #06b025;}
.pro1 ul li:hover a{ color: #fff;}
.pro2{padding: 30px 0;padding-bottom: 15px;}
.pro2 ul{ display: flex;flex-flow: wrap;justify-content: space-between;}
.pro2 ul:after{ display:block; content:""; width: 31.7%; height:0px;}
.pro2 ul li{width: 49%;margin-bottom: 15px;}
.pro2t{border: 1px solid #dcdcdc;height: 200px;display: -webkit-box;display: -webkit-flex;-webkit-justify-content: center;-webkit-align-items: center;}
.pro2t img{ max-width: 100%; max-height: 100%; object-fit: cover;}
.pro2b{ padding: 0 10px; margin-top: 6px; border: 1px solid #dcdcdc; text-align: center;}
.pro2b a{display: block;line-height: 35px;font-size: 14px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

/* 分页 */
.page {text-align: center;}
.page span {display: inline-block;padding: 0 10px;line-height: 30px;background: #31720e;color: #fff;text-align: center;margin: 0 6px;}
.page a {display: inline-block;line-height: 28px;background: #fff;text-align: center;color: #333333;padding: 0 10px;margin: 0 6px;border: 1px solid #cccccc;}

/* 工程案例 */
.case{margin-bottom: 30px;}
.case2{padding: 30px 0;padding-bottom: 15px;}
.case2 ul{ display: flex;flex-flow: wrap;justify-content: space-between;}
.case2 ul:after{ display:block; content:""; width: 32.2%; height:0px;}
.case2 ul li{width: 100%;margin-bottom: 15px;}
.case21 img{height: auto;object-fit: cover;}
.case22{margin-top: 8px;}
.case22 h3{line-height: 30px;}
.case22 h3 a{display: block;font-size: 15px;color: #333;font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.case22 h3 a:hover{ transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); -webkit-transform: translateX(5px);}
.case22 p{line-height: 23px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.more2{display: block;width: 88px;margin-top: 6px;line-height: 30px;border: 1px solid #31720e;color:#31720e;font-size:12px;text-align: center;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}
.more2:hover{ color:#fff; font-size:12px; text-align: center; border: 1px solid #000; box-shadow:inset 88px 0 0 0 #000; -webkit-box-shadow:inset 88px 0 0 0 #000; -moz-box-shadow:inset 88px 0 0 0 #000; -ms-box-shadow:inset 88px 0 0 0 #000;-o-box-shadow:inset 88px 0 0 0 #000;}

/* 联系我们 */
.ct{margin-top: 15px;margin-bottom: 30px;}
.ct0{ display: flex;flex-flow: wrap;justify-content: space-between;}
.ct1{width: 100%;}
.ct1 h3{font-size: 18px;line-height: 30px;margin: 15px 0;font-weight:bold;color:#31720e;}
.ct1 p{display:block;margin-bottom: 15px;font-size: 14px;position:relative;overflow:hidden;}
.ct1 p i{width: 22px;font-size: 16px;text-align:center;line-height:25px;color:#31720e;font-style:normal;display:block;float:left;}
.ct1 p em{font-style:normal;display:block;float:right;width: calc(100% - 30px);line-height:25px;}
.ct2{width: 100%;height: 300px;}
.ct2 #allmap{ height: 100%;}

/* 在线留言 */
.ly{margin-top: 30px;margin-bottom: 30px;}
.ly0{border: none;padding: 0;overflow:hidden;}
.ly0 label{ width: 100%; margin-bottom: 15px;}
.ly0 label p{line-height: 30px;font-size: 14px;}
.ly1{ display: flex;flex-flow: wrap;justify-content: space-between;}
.ly1 label{ width: 48.1%;}
.ly0 input.w_z{width:100%;line-height: 30px;margin-bottom: 0px;border:1px solid #e1e1e1;padding:0 10px;}
.ly0 textarea{width:100%;height: 120px;padding: 10px;border:1px solid #e1e1e1;outline:none;resize:none;font-size:14px;line-height:25px;}
.ly0 input.a_n{background: #31720e;display: block;width: 100px;margin: auto;margin-top: 15px;line-height: 35px;color:#fff;text-align:center;border:0;border-radius:5px;color:#fff;font-size:14px;font-weight:bold;cursor:pointer;}

.news1{width: 100%;}
.news1 img{ width:100%;}
.news2{ width:100%;}
.news{margin-top: 20px;padding-bottom: 15px;border-bottom:1px dashed #dedede;}
.news img{ width:100%; transition: all 3s; -webkit-transition: all 3s; -moz-transition: all 3s; -ms-transition: all 3s; -o-transition: all 3s;}
.news img:hover{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}
.news2t{line-height: 21px;margin-top: 10px;}
.news2t a{font-size: 14px;color:#666666;}
.fbsj{line-height: 23px;margin-bottom:5px;font-size: 13px;color:#d0d0d0;}
.news2b{line-height: 21px;font-size: 13px;color: #999999;}

.e_m .n_r0{ width: 200px; margin-top: -106px; margin-left: -101px;}

/* 新闻中心 */
.nw{ margin:20px auto }	
.nw ul li .date2{ position:absolute; bottom:20px; left:220px; font-size:12px}
.nw ul li .date2{ font-size:16px;}
.nw ul li .date2 em{ font-size:14px; display:inline-block; padding-right:5px}
.nw ul li { padding-bottom:30px;}
.nw ul li .xwzi{ float:right; width:calc(100% - 220px)  }	
.nw ul li i{  width:200px;  overflow:hidden}
.nw ul li h3{  font-size:14px; margin-bottom:5px}
.nw ul li p{  font-size:12px; line-height:20px; max-height:40px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden }
.nw ul li span{ display:none}

.tit{ font-size: 16px; line-height: 30px; padding: 6px 0;}
.p_n{ line-height: 26px;}

}
@media (min-width:992px){
.menu .nav{/* width:970px; */}
.menu .nav .e_j{display:none !important;}
.menu .nav ul li:hover .e_j{display:block !important;padding-top: 27px;}
}
@media (min-width:1200px){
.menu .nav{/* width:1200px; */}
}
@media only screen and (max-width:600px){
.nw ul li i{ display:block; float:none; width:100%; height:auto; overflow:hidden}
.nw ul li .xwzi{ float:none; width:100%;}
.nw ul li  h3{ font-size:14px; margin-bottom:10px; margin-top:10px;}
.nw ul li p{ font-size:12px; line-height:20px; height:40px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden }
.nw ul li  .date2{ position:absolute; bottom:5px; left:0px; font-size:12px}
}
@media (max-width:374px){
.pro2 ul li{width: 100%;margin-bottom: 15px;}
}