@charset "utf-8";

.main_title { padding-bottom: 86px; background: url(/images/icon.png) no-repeat left bottom; background-size: 36px auto; }
.main_title a { display: block; }
.main_title span { display: block; font-size: 18px; line-height: 100%; color: #009944; }
.main_title strong { display: block; font-size: 36px; line-height: 100%; color: #000; margin-top: 10px; }
.main_title1 { position: relative; z-index: 5;}
.main_title1 a { display: block; }
.main_title1 span { display: block; font-size: 18px; line-height: 100%; color: #009944; }
.main_title1 strong { display: inline-block; font-size: 36px; line-height: 100%; color: #000; margin-top: 10px; position: relative; padding-right: 92px; }
.main_title1 strong:after { position: absolute; content: ""; width: 36px; height: 16px; background: url(/images/icon.png) no-repeat left bottom; background-size: 36px auto; right: 0; bottom: 0; }
.main_title1 i { position: absolute; right: 0; top: 0; width: 188px; height: 59px; border-radius: 29px; border: 2px solid #009944; display: block; box-sizing: border-box; padding-right: 23px; padding-left: 29px; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; font-size: 18px; line-height: 100%; color: #009944; font-weight: bold; transition: all 0.5s ease; }
.main_title1 i img { width: 16px; }
.main_title1 i:hover { padding-left: 23px; padding-right: 20px; }
/* Banner */
.banner { position: relative; background: #fff; margin: 0 auto; overflow: hidden; clear: both; }
.banner .swiper-slide { position: relative; line-height: 0; }
.banner .swiper-slide img { width: 100%; }
.banner .swiper-pagination { bottom: 50px !important; }
.banner .swiper-pagination-bullet { width: 18px; height: 18px; border-radius: 50%; background: none; border: 3px solid #ffffff; opacity: 1; box-sizing: border-box; cursor: pointer; margin: 0 13px !important; transition: all 0.5s ease; }
.banner .swiper-pagination-bullet-active { opacity: 1; background: #fff; }
.banner .prev,.banner .next { width: 54px; height: 54px; cursor: pointer; margin-left: 10px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.5); background-color: rgba(255,255,255,0.3); top: 46%; left: -100px; position: absolute; z-index: 9; transition: all 0.5s ease; }
.banner .prev:hover,.banner .next:hover { border-color: #fff; }
.banner .next { left: auto; right: -100px; }
.banner:hover .prev { left: 3%; }
.banner:hover .next { right: 3%; }
.ys { padding-top: 82px; padding-bottom: 76px; }
.ys .container { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.ys h2 { min-width: 240px; flex-shrink: 0; }
.ys ul { max-width: 1240px; flex: 1; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.ys ul li { height: 152px; border-left: 3px solid #dfdfdf; position: relative; padding-left: 26px; padding-right: 23px; box-sizing: border-box; }
.ys ul li:before { position: absolute; content: ""; width: 3px; height: 47px; background: #009944; left: -3px; top: 0; transition: all 0.5s ease; }
.ys ul li i { display: block; font-weight: bold; font-size: 48px; line-height: 100%; color: #000; margin-top: -6px; transition: all 0.5s ease; }
.ys ul li i strong { display: inline-block; font-family: Misans; font-weight: bold; vertical-align: baseline; }
.ys ul li i b { font-size: 22px; margin-left: 2px; line-height: 1; }
.ys ul li span { display: block; font-size: 22px; line-height: 100%; color: #999; font-weight: bold; margin: 7px 0 50px; transition: all 0.5s ease; }
.ys ul li > strong { display: inline-block; font-size: 14px; line-height: 28px; color: #C0C0C0; box-sizing: border-box; transition: all 0.5s ease; text-align: center; padding: 0 13px; height: 32px; background: #ffffff; border-radius: 15px; border: 2px solid #dfdfdf; font-weight: bold; white-space: nowrap;}
.ys ul li:last-child { padding-right: 0; }
.ys ul li:hover:before { height: 152px; }
.ys ul li:hover i,.ys ul li:hover span,.ys ul li:hover > strong { color: #009944; }
.ys ul li:hover > strong { border-color: #009944; }
/* 业务领域 */
.service { height: 940px; background: url(/images/service_bg.jpg) no-repeat center top; padding-top: 143px; box-sizing: border-box; }
.service h2 span,.service h2 strong { color: #fff; }
.service h2 i { border-color: #fff; color: #fff; }
.service .service_content { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; margin-top: 46px; }
.service_nav { width: 224px; height: 530px; background: #009944; box-shadow: 0px 14px 40px 3px rgba(0,0,0,0.23); border-radius: 20px 0px 0px 20px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; padding-left: 49px; box-sizing: border-box; z-index: 2; flex-shrink: 0; }
.service_nav h3 { margin-bottom: 50px; }
.service_nav h3 a { display: block; padding-left: 44px; font-size: 42px; line-height: 63px; color: #fff; font-weight: bold; position: relative; padding-bottom: 2px; }
.service_nav h3 a:before { position: absolute; content: ""; width: 12px; height: 21px; background: url(/images/arrow.png) no-repeat left center; background-size: 12px auto; left: 0; top: 21px; }
.service_nav h3 a:after { position: absolute; content: ""; width: 0; height: 2px; background: #fff; left: 0; bottom: 0; transition: all 0.5s ease; }
.service_nav h3.on a:after,.service_nav h3:hover a:after { width: 100%; }
.service_nav h3:last-child { margin-bottom: 0; }
.service_con { width: calc(100% - 224px); position: relative; }
.service_con:before { position: absolute; content: ""; width: 276px; height: 530px; background: #ffffff; box-shadow: 0px 14px 40px 3px rgba(0,0,0,0.23); border-radius: 0 20px 20px 0; left: 0; top: 0; }
.service_con .swiper-slide { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; width: 100%; position: relative; }
.service_con .sub_nav { width: 276px; height: 530px; background: #ffffff; box-shadow: 0px 14px 40px 3px rgba(0,0,0,0.23); border-radius: 0 20px 20px 0; box-sizing: border-box; padding-left: 28px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; }
.service_con .sub_nav h3 a { display: block; font-size: 20px; line-height: 60px; color: #000; font-weight: normal; transition: all 0.5s ease;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-right: 10px;}
.service_con .sub_nav h3 a:hover { color: #009944; font-weight: bold; }
.service_con dl { width: calc(100% - 295px); overflow: hidden; border-radius: 20px 33px 33px 20px; position: relative; height: 530px; }
.service_con dl dt { width: 100%; height: 530px; line-height: 0; overflow: hidden; }
.service_con dl dt img { width: 100%; height: 100%; object-fit: cover;object-position: left center; }
.service_con dl dd { width: 100%; height: 530px; line-height: 0; box-sizing: border-box; padding: 45px 52px; position: absolute; left: 0; top: 0; }
.service_con dl dd ul { width: 178px; height: 360px; background: rgba(8,52,9,0.4); border-radius: 10px; border: 1px solid rgba(227,242,233,0.8); box-sizing: border-box; padding: 44px 0 44px 24px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: space-between; margin-bottom: 24px; }
.service_con dl dd ul li i { display: block; font-size: 18px; line-height: 100%; color: #fff; font-weight: bold; }
.service_con dl dd ul li strong { display: inline-block; font-size: 36px; line-height: 100%; color: #fff; font-family: Misans; font-weight: bold; }
.service_con dl dd ul li span { display: block; font-size: 18px; line-height: 100%; color: #fff; font-weight: bold; margin-top: 4px; }
.service_con dl dd p { font-size: 18px; line-height: 28px; color: #fff; font-weight: bold; width: calc(100% - 240px); max-width: 570px; position: absolute;top: 429px;}
.service_con dl dd a { display: block; width: 186px; height: 57px; background: #009944; border-radius: 28px; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; box-sizing: border-box; transition: all 0.5s ease; padding: 0 22px 0 27px; align-items: center; -webkit-align-items: center; font-size: 18px; line-height: 100%; color: #fff; font-weight: bold; position: absolute; right: 52px; bottom: 50px; }
.service_con dl dd a img { width: 16px; }
.service_con dl dd a:hover { padding: 0 20px 0 25px; }
/* 核心检测项目 */
.project { padding-top: 121px; padding-bottom: 153px; }
.project ul { margin-top: 46px; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.project li { width: calc(( 100% - 6px )/7); height: 519px; background: #009944; border-radius: 20px; position: relative; box-sizing: border-box; overflow: hidden; }
.project li > img { width: 100%; height: 100%; object-fit: cover; transition: all 1s linear 0s; }
.project li .inner { width: 100%; height: 100%; background: #009944; position: absolute; left: 0; top: 0; z-index: 2; display: flex; display: -webkit-flex; transition: all 0.5s ease; flex-direction: column; justify-content: center; }
.project li .inner h3 { padding-left: 24px; }
.project li .inner h3 span { display: block; font-size: 12px; line-height: 100%; color: #fff; font-weight: normal; }
.project li .inner h3 strong { display: block; font-size: 22px; line-height: 100%; color: #fff; font-weight: normal; margin-top: 9px; }
.project li .inner img { width: 78px; order: 1; margin: 157px auto 0; transition: all 0.5s ease; }
.project li:hover > img { transform: scale(1.1); }
.project li:hover .inner { background: rgba(0,0,0,0.2); }
.project li:hover .inner h3 { padding-left: 0; text-align: center; }
.project li:hover .inner img { order: 0; margin: 0 auto 40px; }
/* 荣誉资质 */
.honor { max-height: 677px; background: url(/images/honor_bg.jpg) no-repeat center bottom; box-sizing: border-box; padding-top: 132px; padding-bottom: 132px; overflow: hidden; }
.honor .container { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: flex-start; }
.honor .honor_content { width: calc(100% - 270px); }
.honor .honor_con { overflow: hidden; }
.honor dl { width: 17.85%; }
.honor dl:hover dd a { color: #009944; font-weight: bold; }
.honor dt { border-radius: 20px; line-height: 0; overflow: hidden;box-sizing: border-box; }
.honor dt img { width: 100%; height: 100%; object-fit: cover; }
.honor dd { margin-top: 28px; }
.honor dd a { display: block; font-size: 16px; line-height: 25px; color: #000; text-align: center; }
.honor .h_prev,.honor .h_next { width: 49px; height: 49px; position: absolute; top: 144px; cursor: pointer; }
.honor .h_prev img,.honor .h_next img { width: 100%; }
.honor .h_prev { left: -83px; }
.honor .h_next { right: -83px; }
/* 公司介绍 */
.about { height: 888px; background: url(/images/about_bg.jpg) no-repeat center top; box-sizing: border-box; padding-top: 162px; }
.about .container { position: relative; height: 100%; }
.about h2 span,.about h2 strong { color: #fff; }
.about ul { position: absolute; width: 100%; bottom: 53px; left: 0; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.about li { width: calc((100% - 38px)/3); height: 90px; background: #ffffff; border-radius: 10px; box-sizing: border-box; transition: all 0.5s ease; }
.about li a { display: block; height: 90px; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; padding: 0 36px 0 64px; }
.about li h3 strong { display: block; font-size: 22px; line-height: 100%; color: #009944; font-weight: normal; }
.about li h3 span { display: block; font-size: 12px; line-height: 100%; color: #000; margin-top: 10px; font-weight: normal; }
.about li img { width: 56px; }
.about li:hover { background: #009944; }
.about li:hover h3 strong,.about li:hover h3 span { color: #fff; }
.about li:hover img { filter: grayscale(100%) brightness(20); }
.open-video { position: absolute; bottom: 340px; right: 0; width: 212px; height: 57px; background: #009944; border-radius: 28px; cursor: pointer; box-sizing: border-box; padding: 0 7px 0 25px; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; }
.open-video strong,.open-video span { display: block; font-size: 18px; line-height: 22px; color: #fff; font-weight: bold; }
.open-video img { width: 42px; }
.video-box {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;font-size:0;z-index:9999;background:rgba(0,0,0,0.9);display:none;}
.video-box .video { width: 60vw; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.video-box .video iframe,.video-box .video video { width: 60vw;}
.video-box .close-video { position: absolute; top: calc(54px); right: 5%; width: 30px; height: 30px; cursor: pointer; background: url(/images/close.png) no-repeat center; }
/* 新闻中心 */
.news { padding: 130px 0 165px; background: #f7fbf8; }
.news .news_con { margin-top: 46px; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.news .news_con .news_left { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; width: 65.25%; }
.news .news_con .news_left dl { width: 47.32%; height: 463px; background: #ffffff; box-shadow: 0px 18px 40px 3px rgba(0,153,68,0.11); border-radius: 20px; overflow: hidden; position: relative; }
.news .news_con .news_left dt { height: 281px; line-height: 0; overflow: hidden; }
.news .news_con .news_left dt img { width: 100%; height: 100%; object-fit: cover; }
.news .news_con .news_left dd { position: absolute; bottom: -281px; background: #fff; width: 100%; left: 0; height: 463px; transition: all 0.5s ease; }
.news .news_con .news_left dd a { display: block; padding: 28px 34px; }
.news .news_con .news_left dd p.date { display: flex; display: -webkit-flex; font-weight: 600; font-family: Misans; align-items: baseline; }
.news .news_con .news_left dd p.date strong { font-size: 30px; line-height: 100%; color: #000; padding-right: 8px; }
.news .news_con .news_left dd p.date strong + i { font-size: 22px; line-height: 100%; color: #999; }
.news .news_con .news_left dd p.date i + i { font-size: 18px; line-height: 100%; color: #999; flex: 1; text-align: right; }
.news .news_con .news_left dd h4 { font-size: 18px; line-height: 30px; color: #000; max-height: 60px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 31px 0 24px; }
.news .news_con .news_left dd p.desc { font-size: 14px; line-height: 21px; color: #fff; max-height: 63px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-bottom: 116px; }
.news .news_con .news_left dd .more { display: block; width: 186px; height: 57px; background: #ffffff; border-radius: 28px; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; box-sizing: border-box; transition: all 0.5s ease; padding: 0 22px 0 27px; font-size: 18px; line-height: 100%; color: #009944; font-weight: bold; }
.news .news_con .news_left dd .more img { width: 16px; }
.news .news_con .news_left dd .more:hover { padding: 0 20px 0 25px; }
.news .news_con .news_left dl:hover dd { bottom: 0; background: #009944; }
.news .news_con .news_left dl:hover dd a { padding-top: 47px; }
.news .news_con .news_left dl:hover dd p.date strong,.news .news_con .news_left dl:hover dd p.date i { color: #fff; }
.news .news_con .news_left dl:hover dd h4 { color: #fff; margin-top: 26px; }
.news .news_con .news_right { width: 31.25%; }
.news .news_con .news_right dl { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; margin-bottom: 20px; }
.news .news_con .news_right dl:last-child { margin-bottom: 0; }
.news .news_con .news_right dt { width: 47.8%; height: 141px; overflow: hidden; line-height: 0; border-radius: 20px; }
.news .news_con .news_right dt img { width: 100%; height: 100%; object-fit: cover; }
.news .news_con .news_right dd { width: 46.4%; }
.news .news_con .news_right dd a { display: block; padding-bottom: 53px; background: url(/images/more3.png) no-repeat left bottom; background-size: 16px auto; }
.news .news_con .news_right dd h4 { font-size: 18px; line-height: 26px; color: #000; max-height: 52px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all 0.5s ease; }
.news .news_con .news_right dl:hover dd a { background-image: url(/images/more2.png); }
.news .news_con .news_right dl:hover dd h4 { color: #009944; }
/* 服务客户 */
.client { height: 814px; background: url(/images/client_bg.jpg) no-repeat center top; overflow: hidden; }
.client .container { position: relative; height: 814px; padding-top: 133px; box-sizing: border-box; }
.client .container .bg { width: 696px; height: 314px; background: #ffffff; box-shadow: 0px 18px 40px 3px rgba(0,153,68,0.11); border-top-left-radius: 50% 100%; border-top-right-radius: 50% 100%; opacity: 0.85; position: absolute; content: ""; left: 456px; z-index: 3; bottom: 0; }
.client .container .bg:before { position: absolute; content: ""; width: 1060px; height: 445px; background: #f5fef9; border: 2px solid #cccccc; opacity: 0.36; border-top-left-radius: 50% 100%; border-top-right-radius: 50% 100%; left: 50%; transform: translateX(-50%); bottom: 0; z-index: 2; }
.client .container .bg:after { position: absolute; content: ""; width: 1427px; height: 657px; background: #f5fef9; border: 2px solid #cccccc; opacity: 0.36; border-top-left-radius: 50% 100%; border-top-right-radius: 50% 100%; left: 50%; transform: translateX(-50%); bottom: 0; z-index: 1; }
.client h2 strong { display: block; padding-bottom: 68px; }
.client h2 strong:after { left: 0; bottom: 0; }
.client h3 { text-align: center; position: absolute; left: 50%; bottom: 71px; transform: translateX(-50%); z-index: 5; }
.client h3 strong { display: block; font-size: 60px; line-height: 100%; color: #009944; font-family: Misans; font-weight: 600; }
.client h3 i { display: block; font-size: 18px; line-height: 100%; color: #009944; font-weight: normal; margin: 10px 0 24px; }
.client h3 span { display: block; font-size: 24px; line-height: 100%; color: #009944; }
.client ul { position: absolute; z-index: 4; width: 100%; height: 689px; left: 0; bottom: 0; }
.client li { width: 138px; height: 138px; background: #ffffff; box-shadow: 0px 10px 34px 1px rgba(0,153,68,0.11); border-radius: 50%; overflow: hidden; position: absolute; transition: all 0.5s ease; animation: float 4s ease-in-out infinite; }
.client li:hover { box-shadow: 0px 15px 45px rgba(0,153,68,0.2); transform: translateY(-10px) scale(1.05) !important; z-index: 10; }
.client li img { width: 100%; height: 100%; object-fit: contain; padding: 20px; box-sizing: border-box; transition: all 0.5s ease; }
.client li:nth-child(even) { animation-duration: 5s; animation-delay: 0.5s; }
.client li:nth-child(3n) { animation-duration: 6s; animation-delay: 1s; }
.client li:nth-child(2),.client li:nth-child(4),.client li:nth-child(6) { width: 184px; height: 184px; }
.client li:nth-child(1) { bottom: 11.03%; left: 3%; }
.client li:nth-child(2) { left: 12.5%; top: 24.96%; }
.client li:nth-child(3) { top: 4.06%; left: 33.75%; }
.client li:nth-child(4) { top: 0; left: 58%; }
.client li:nth-child(5) { top: 30.48%; right: 13.81%; }
.client li:nth-child(6) { bottom: 11.03%; right: 1.69%; }
.client li:nth-child(7) { left: 17%; bottom: 14.37%; }
.client li:nth-child(8) { bottom: 42.96%; left: 29%; }
.client li:nth-child(9) { bottom: 52.98%; left: 46.13%; }
.client li:nth-child(10) { bottom: 42.09%; right: 28.06%; }
.client li:nth-child(11) { bottom: 11.03%; right: 17.13%; }
@keyframes float {
  0% { transform: translateY(0); }
  50% { transform: translateY(-15px); }
  100% { transform: translateY(0); }
}
@media screen and (max-width:1600px),screen and (max-width:1600px) and (-webkit-min-device-pixel-ratio:2) {
  .honor .h_prev,.honor .h_next { top: 122px; }
  .client .container .bg { transform: scale(0.91) translateY(16px); left: 356px; }
  .client li:nth-child(1) { left: 1%; }
  .client li:nth-child(6) { right: 0; }
  .client li:nth-child(11) { bottom: 14.03%; right: 16.13%; }
}
@media screen and (max-width:1440px),screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:2) {
  .ys ul li{padding-left:12px;padding-right: 6px;}
  .ys ul li i{font-size:44px;}
  .project li .inner h3 { padding-left: 18px; }
  .honor .h_prev,.honor .h_next { top: 112px; }
  .about li a { padding-left: 36px; }
  .client .container .bg { transform: scale(0.88) translateY(27px); left: 306px; }
  .client li:nth-child(1) { left: 0; }
  .client li:nth-child(7) { left: 15%; }
}