@charset "utf-8";
/*banner*/
.banner{position: relative;overflow: hidden;}
.banner .swiper-slide .pic{display: block;height: 100vh;background-position: center;background-size: cover;background-repeat: no-repeat;}
.banner .swiper-pagination{z-index: 1;left: calc(10.5% + 70px);bottom: 180px;width: auto;font-size: 20px;color: #fff;}
.banner .swiper-pagination .swiper-pagination-current{font-size: 30px;font-weight: bold;color: #FFDB12;}
.banner .btn{z-index: 1;position: absolute;bottom: 180px;width: 40px;height: 40px;border: 2px solid currentColor;border-radius: 50%;color: #fff;cursor: pointer;transition: 0.3s;filter: drop-shadow(2px 2px 4px rgba(0,0,0,.3));}
.banner .btn:after{content: '';position: absolute;left: 50%;top: 50%;width: 20%;height: 20%;border-top: 2px solid currentColor;}
.banner .prev-btn{left: 10.5%;}
.banner .prev-btn:after{border-left: 2px solid currentColor;transform: translate(-30%,-50%) rotate(-45deg);}
.banner .next-btn{left: calc(10.5% + 140px);}
.banner .next-btn:after{border-right: 2px solid currentColor;transform: translate(-70%,-50%) rotate(45deg);}
.banner .btn:hover{color: #FFDB12;}

/******首页******/
.index-container{min-height: 500px;}
/*标题*/
.index-title{z-index: 0;position: relative;margin-bottom: 80px;text-align: center;line-height: 1;}
.index-title .cn{position: relative;padding-bottom: 15px;font-size: 30px;font-weight: bold;}
.index-title .cn:before{content: '';position: absolute;left: 50%;bottom: 0;width: 400px;height: 1px;margin-left: -200px;background-color: #dcdcdc;}
.index-title .cn:after{content: '';position: absolute;left: 50%;bottom: -1px;width: 180px;height: 3px;margin-left: -90px;background-color: #dcdcdc;}
.index-title .en{margin-top: 15px;font-size: 20px;text-transform: uppercase;color: #a0a0a0;}
.index-title.white .cn{color: #fff;}
.index-title.white .en{color: #fff;}
/*更多按钮*/
.index-container .btns-area{margin-top: 40px;}
.index-container .btns-area .btn{margin: 0;border-color: #4496f1;line-height: 40px;color: #4496f1;}
.index-container .btns-area .btn:hover{transform: translateY(-.5em);}
/*布局*/
.index-container .part1{background: url(../images/index_part_bg1.jpg) center no-repeat;background-size: cover;}
.index-container .part1 .index-title{z-index: 1;position: relative;padding: 50px 55px 20px;margin-bottom: 0;margin-top: -130px;background-color: #fff;text-align: left;}
.index-container .part1 .index-title:after{content: '';position: absolute;left: 55px;right: 55px;bottom: 0;height: 1px;background-color: #ccc;}
.index-container .part1 .index-title .cn{padding-bottom: 0;}
.index-container .part1 .index-title .cn:before{display: none;}
.index-container .part1 .index-title .cn:after{display: none;}
.index-container .part1 .index-title .en{margin-top: 10px;}
.index-container .part1 .more{position: absolute;right: 55px;top: 50%;padding-right: 20px;margin-top: -10px;font-size: 16px;line-height: 20px;transition: 0.3s;}
.index-container .part1 .more:after{content: "";position: absolute;right: 0;top: 50%;width: 8px;height: 8px;border-top: 1px solid currentColor;border-right: 1px solid currentColor;transform: translate(-50%,-50%) rotate(45deg);}
.index-container .part1 .more:hover{color: #1762b3;}
.index-container .part2{position: relative;padding: 80px 0 0;}
.index-container .part3{position: relative;padding: 220px 0 65px;}
.index-container .part3:before{content: '';z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: url(../images/index_part_bg2.jpg) center no-repeat;background-size: cover;opacity: .5;}
.index-container .part4{}
.index-container .part5{padding: 80px 0 60px;background: url(../images/index_part_bg4.jpg) center no-repeat;background-size: cover;background-attachment: fixed;}
.index-container .part6{padding: 70px 0 40px;}

/*产品选项卡*/
.product-tab-box{position: relative;display: flex;justify-content: space-between;}
.product-tab-box .tabs{flex: 0 0 330px;padding: 70px 0;border-right: 1px solid #eee;}
.product-tab-box .tabs .item{display: flex;justify-content: space-between;padding: 40px 30px 40px 60px;margin-top: 36px;cursor: pointer;transition: 0.5s;}
.product-tab-box .tabs .item:first-child{margin-top: 0;}
.product-tab-box .tabs .item .icon{position: relative;box-sizing: border-box;flex: 0 0 46px;height: 46px;margin-right: 15px;border: 1px solid currentColor;border-radius: 4px;}
.product-tab-box .tabs .item .icon img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 60%;height: 60%;margin: auto;}
.product-tab-box .tabs .item .info{width: 100%;}
.product-tab-box .tabs .item .info .tit{font-size: 20px;line-height: 26px;}
.product-tab-box .tabs .item .info .txt{line-height: 20px;}
.product-tab-box .tabs .item.on{background-color: #1762b3;color: #fff;}
.product-tab-box .tabs .item.on .icon img{filter: brightness(0) invert(1);}
.product-tab-box .tab-content{width: 100%;overflow: hidden;}
.product-tab-box > .swiper-pagination{z-index: 1;left: 70px;bottom: 100px;width: auto;font-size: 20px;color: #666;}
.product-tab-box > .swiper-pagination .swiper-pagination-current{font-size: 30px;font-weight: bold;color: #1762b3;}
.product-tab-box > .btn{z-index: 1;position: absolute;bottom: 100px;width: 40px;height: 40px;border: 2px solid currentColor;border-radius: 50%;color: #1762b3;cursor: pointer;transition: 0.3s;filter: drop-shadow(2px 2px 4px rgba(0,0,0,.3));}
.product-tab-box > .btn:after{content: '';position: absolute;left: 50%;top: 50%;width: 20%;height: 20%;border-top: 2px solid currentColor;}
.product-tab-box > .prev-btn{left: 0;}
.product-tab-box > .prev-btn:after{border-left: 2px solid currentColor;transform: translate(-30%,-50%) rotate(-45deg);}
.product-tab-box > .next-btn{left: 140px;}
.product-tab-box > .next-btn:after{border-right: 2px solid currentColor;transform: translate(-70%,-50%) rotate(45deg);}
.product-tab-box > .btn:hover{background-color: #1762b3;border-color: #1762b3;color: #fff;}
/*产品信息轮播*/
.product-info-swiper{position: relative;padding: 0 20px 150px;overflow: hidden;}
.product-info-swiper .swiper-slide a{position: relative;display: block;padding: 180px 20px 140px;text-align: center;transition: 0.5s;}
.product-info-swiper .swiper-slide .pic{overflow: hidden;transition: 0.5s;}
.product-info-swiper .swiper-slide .pic em{display: block;padding-top: 100%;background-position: center;background-size: contain;background-repeat: no-repeat;}
.product-info-swiper .swiper-slide .name{height: 50px;font-size: 18px;line-height: 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: 0.5s;}
.product-info-swiper .swiper-slide .tit{position: absolute;left: 40px;right: 40px;height: 60px;font-size: 20px;line-height: 30px;font-weight: bold;color: #1762b3;opacity: 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.product-info-swiper .swiper-slide .txt{position: absolute;left: 40px;right: 40px;height: 44px;font-size: 14px;line-height: 22px;text-align: justify;color: #666;opacity: 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.product-info-swiper .swiper-slide .btn{position: absolute;left: 40px;right: 40px;color: #4496f1;opacity: 0;}
.product-info-swiper .swiper-slide a:hover{background-color: #fff;box-shadow: 0 10px 10px rgba(0,0,0,.2);}
.product-info-swiper .swiper-slide a:hover .pic{transform: translateY(-120px);}
.product-info-swiper .swiper-slide a:hover .name{transform: translateY(-120px);}
.product-info-swiper .swiper-slide a:hover .tit{opacity: 1;transform: translateY(-100px);transition: 0.5s 0.2s;}
.product-info-swiper .swiper-slide a:hover .txt{opacity: 1;transform: translateY(-20px);transition: 0.5s 0.4s;}
.product-info-swiper .swiper-slide a:hover .btn{opacity: 1;transform: translateY(80px);transition: 0.5s 0.6s;}
.product-info-swiper .swiper-pagination{z-index: 1;bottom: 70px;font-size: 0;}
.product-info-swiper .swiper-pagination .swiper-pagination-bullet{position: relative;width: 8px;height: 8px;margin: 0 10px;background-color: #0361A2;opacity: 1;box-shadow: 0 0 4px rgba(0,0,0,.4);}
.product-info-swiper .swiper-pagination .swiper-pagination-bullet:after{content: '';position: absolute;left: -6px;top: -6px;width: 20px;height: 20px;box-sizing: border-box;border: 1px solid #0361A2;border-radius: 50%;transform: scale(0);transition: 0.5s;}
.product-info-swiper .swiper-pagination .swiper-pagination-bullet-active:after{transform: scale(1);}

/*解决方案选项卡*/
.solution-tab-box{z-index: 1;position: relative;margin-top: 370px;transform: translateY(110px);}
.solution-tab-box .tabs{display: flex;justify-content: space-between;}
.solution-tab-box .tabs .item{position: relative;width: 100%;border-left: 1px solid rgba(255,255,255,.3);text-align: center;cursor: pointer;}
.solution-tab-box .tabs .item:after{content: '';position: absolute;left: 50%;bottom: 0;width: 2px;height: 30px;background-color: #FFDB12;transform: scaleY(0);transition: 0.5s;}
.solution-tab-box .tabs .item:first-child{border-left: 0;}
.solution-tab-box .tabs .item .icon{display: inline-block;vertical-align: top;width: 40px;height: 40px;filter: brightness(0) invert(1);transition: 0.5s;}
.solution-tab-box .tabs .item .name{padding: 0 1em;margin-top: 20px;font-size: 18px;line-height: 1;color: #fff;transition: 0.5s;}
.solution-tab-box .tabs .item.on:after{bottom: -20px;transform: scaleY(1);}
.solution-tab-box .tabs .item.on .icon{filter: none;transform: translateY(-30px);}
.solution-tab-box .tabs .item.on .name{color: #FFDB12;transform: translateY(-30px);}
.solution-tab-box .tab-content{margin-top: 50px;overflow: hidden;box-shadow: 0 10px 10px rgba(0,0,0,.1);}
.solution-tab-box .tab-content .info{padding: 40px 110px;background-color: #fff;text-align: center;}
.solution-tab-box .tab-content .info .tit{position: relative;padding-bottom: 16px;font-size: 20px;line-height: 1;font-weight: bold;color: #00398f;}
.solution-tab-box .tab-content .info .tit:after{content: '';position: absolute;left: 50%;bottom: 0;width: 30px;height: 4px;margin-left: -15px;background-color: currentColor;}
.solution-tab-box .tab-content .info .txt{height: 50px;margin-top: 20px;font-size: 16px;line-height: 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.solution-tab-box .tab-content .info .more{display: inline-block;vertical-align: top;margin-top: 30px;color: #4496f1;transition: 0.3s;}
.solution-tab-box .tab-content .info .more:hover{transform: translateY(-.3em);}
/*解决方案背景图*/
.solution-bg-box{z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: #000;overflow: hidden;}
.solution-bg-box:after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: #00398f;opacity: .3;}
.solution-bg-box .item{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-position: center;background-size: cover;background-repeat: no-repeat;opacity: 0;}
.solution-bg-box .item.on{opacity: 1;transition: 1s ease-in;animation: bgZoomIn 3s linear forwards;}
@keyframes bgZoomIn{
	100%{transform: scale(1.05);}
}

/*工程案例展示*/
.engineering-pic-show{font-size: 0;}
.engineering-pic-show .item{position: relative;display: inline-block;vertical-align: top;box-sizing: border-box;width: 23.33%;border-left: 20px solid transparent;border-bottom: 20px solid transparent;font-size: 14px;overflow: hidden;}
.engineering-pic-show .item .pic{overflow: hidden;}
.engineering-pic-show .item .pic em{display: block;padding-top: 72%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 1s linear;}
.engineering-pic-show .item .tit{position: absolute;left: 0;right: 0;bottom: 0;box-sizing: border-box;padding: 20px 1em;background-image: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.5));font-size: 16px;line-height: 20px;text-align: center;color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: 0.5s;}
.engineering-pic-show .item:nth-child(1){float: left;width: 30%;border-left: 0;}
.engineering-pic-show .item:nth-child(1) .pic em{padding-top: 138%;}
.engineering-pic-show .item:nth-child(5){width: 35%;}
.engineering-pic-show .item:nth-child(6){width: 35%;}
.engineering-pic-show .item .hidden-wrap{z-index: 1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;padding: 12% 10%;background-color: rgba(0,57,143,.6);text-align: center;color: #fff;transform: translateY(100%);transition: 0.5s cubic-bezier(0, 0, 0.5, 1.5);}
.engineering-pic-show .item .hidden-wrap:before{content: '';z-index: -1;position: absolute;left: 14px;right: 14px;top: 14px;bottom: 14px;border: 1px dashed rgba(255,255,255,.5);}
.engineering-pic-show .item .hidden-wrap .name{font-size: 18px;line-height: 20px;font-weight: bold;}
.engineering-pic-show .item .hidden-wrap .txt{max-height: 50px;margin-top: 8%;line-height: 25px;text-align: left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.engineering-pic-show .item .hidden-wrap .more{position: absolute;left: 0;right: 0;bottom: 15%;box-sizing: border-box;width: 140px;height: 40px;margin: 0 auto;border: 1px solid rgba(255,255,255,.5);border-radius: 20px;font-size: 14px;line-height: 38px;color: #fff;transition: 0.5s;}
.engineering-pic-show .item .hidden-wrap .more .arrow{position: relative;display: inline-block;vertical-align: middle;width: 16px;height: 16px;margin: -.25em 0 0 4px;transition: 0.3s;}
.engineering-pic-show .item .hidden-wrap .more .arrow:after{content: "";position: absolute;left: 50%;top: 50%;width: 50%;height: 50%;border-top: 1px solid currentColor;border-right: 1px solid currentColor;transform: translate(-70%,-50%) rotate(45deg);}
.engineering-pic-show .item .hidden-wrap .more:hover .arrow{transform: translateX(5px);}
.engineering-pic-show .item:nth-child(1) .hidden-wrap{padding: 20% 14%;}
.engineering-pic-show .item:nth-child(1) .hidden-wrap .more{bottom: 20%;}
.engineering-pic-show .item:hover .pic em{transform: scale(1.05);}
.engineering-pic-show .item:hover .tit{display: none;}
.engineering-pic-show .item:hover .hidden-wrap{transform: translateY(0);}

/*关于我们*/
.about-box{position: relative;}
.about-box:before{content: '';position: absolute;left: 28.6%;right: 0;top: 0;bottom: 0;background: url(../images/index_part_bg3.jpg) center no-repeat;background-size: cover;}
.about-box .video-wrap{z-index: 1;position: absolute;left: 0;top: 50%;width: 43%;cursor: pointer;transform: translateY(-50%);}
.about-box .video-wrap:before{content: '';z-index: -1;position: absolute;right: -36px;bottom: -36px;width: 100%;height: 100%;background-color: #1762b3;opacity: .15;}
.about-box .video-wrap .bg{overflow: hidden;}
.about-box .video-wrap .bg em{display: block;padding-top: 65%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.8s;}
.about-box .video-wrap:hover .bg em{transform: scale(1.05);}
.about-box .video-wrap .icon-play{z-index: 0;position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 60px;height: 60px;margin: auto;background-color: #fff;border-radius: 50%;}
.about-box .video-wrap .icon-play:before{content: "";z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;border-radius: 50%;background-color: #fff;animation: scaleBtn 2s linear infinite;}
.about-box .video-wrap .icon-play:after{content: "";z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;border-radius: 50%;background-color: #fff;animation: scaleBtn 2s 1s linear infinite;}
.about-box .video-wrap .icon-play i{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 40%;height: 40%;margin: auto;background-image: url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik04OTcuMTQzIDU5Ny4wNTJMNDMyLjQ5NSA5MDguNTc4Yy00Ni45NzYgMzEuNDg4LTExMC41OTIgMTguOTQ0LTE0Mi4wOC0yOC4wMjNhMTAyLjQgMTAyLjQgMCAwIDEtMTcuMzQ4LTU3LjAyOVYyMDAuNDc0YzAtNTYuNTUgNDUuODUtMTAyLjQgMTAyLjQtMTAyLjRhMTAyLjQgMTAyLjQgMCAwIDEgNTcuMDI4IDE3LjM0OGw0NjQuNjQgMzExLjUyNmM0Ni45NzYgMzEuNDg4IDU5LjUyOCA5NS4xMDQgMjguMDMyIDE0Mi4wOGExMDIuNCAxMDIuNCAwIDAgMS0yOC4wMjQgMjguMDI0eiIgZmlsbD0iIzAzNjFBMiIvPjwvc3ZnPg==');background-size: 100% 100%;}
@keyframes scaleBtn{
	to{transform: scale(1.6);opacity: 0;}
}
.about-box .about-info-wrap{padding: 120px 0 100px;margin-left: 48%;color: #fff;}
.about-box .about-info-wrap .tit{position: relative;padding: 65px 0 10px;background: url(../images/index_title_about_us.png) left top no-repeat;background-size: contain;font-size: 30px;line-height: 1;font-weight: bold;}
.about-box .about-info-wrap .txt{max-height: 120px;margin-top: 60px;font-size: 16px;line-height: 30px;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.about-box .about-info-wrap .more{display: inline-block;vertical-align: top;padding: 0 2em;margin-top: 50px;border: 1px solid #fff;border-radius: 20px;line-height: 38px;color: #fff;}
.about-box .data-show-wrap{display: flex;justify-content: space-between;margin-top: 70px;}
.about-box .data-show-wrap .item{width: 100%;}
.about-box .data-show-wrap .item .num{height: 40px;}
.about-box .data-show-wrap .item .num span{display: inline-block;vertical-align: top;font-size: 50px;line-height: 40px;}
.about-box .data-show-wrap .item .num sup{display: inline-block;font-size: 30px;transform: translateY(-.5em);}
.about-box .data-show-wrap .item .num em{display: inline-block;vertical-align: bottom;font-size: 14px;}
.about-box .data-show-wrap .item .txt{margin-top: 15px;font-size: 16px;line-height: 20px;}

/*服务流程轮播*/
.service-process-swiper{position: relative;padding: 20px 0 80px;margin-top: -20px;overflow: hidden;}
.service-process-swiper:before{content: '';position: absolute;left: 0;right: 0;top: 160px;height: 56px;background: url(../images/index_part_wave_elem.png) center no-repeat;background-size: contain;}
.service-process-swiper .swiper-slide a{position: relative;display: block;padding: 100px 35px 80px;text-align: center;transform: translateY(40px);transition: 0.5s;}
.service-process-swiper .swiper-slide .icon{position: relative;display: inline-block;vertical-align: top;width: 80px;height: 80px;box-sizing: border-box;border: 1px solid transparent;background-color: #fff;border-radius: 50%;box-shadow: 0 0 10px rgba(0,0,0,.1);transition: 0.5s;}
.service-process-swiper .swiper-slide .icon img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 50%;height: 50%;margin: auto;}
.service-process-swiper .swiper-slide .icon .front{display: block;}
.service-process-swiper .swiper-slide .icon .back{display: none;}
.service-process-swiper .swiper-slide .tit{margin-top: 30px;font-size: 20px;line-height: 20px;color: #1762b3;transition: 0.5s;}
.service-process-swiper .swiper-slide .txt{position: absolute;left: 35px;right: 35px;height: 50px;font-size: 14px;line-height: 25px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;opacity: 0;}
.service-process-swiper .swiper-slide .num{margin-top: 20px;font-size: 40px;line-height: 40px;font-weight: bold;color: #1762b3;opacity: .15;}
.service-process-swiper .swiper-slide-prev a{transform: translateY(0);}
.service-process-swiper .swiper-slide-next a{transform: translateY(0);}
.service-process-swiper .swiper-slide a:hover{background-color: #fff;box-shadow: 0 0 20px rgba(0,0,0,.1);transform: translateY(0);}
.service-process-swiper .swiper-slide a:hover .icon{width: 100px;height: 100px;border-color: #FFC229;transform: translateY(-60px);}
.service-process-swiper .swiper-slide a:hover .icon .front{display: none;}
.service-process-swiper .swiper-slide a:hover .icon .back{display: block;}
.service-process-swiper .swiper-slide a:hover .tit{font-weight: bold;color: #333;transform: translateY(-50px);}
.service-process-swiper .swiper-slide a:hover .txt{opacity: 1;transform: translateY(-30px);transition: 0.5s;}
.service-process-swiper .swiper-slide a:hover .num{font-size: 60px;color: #FFC229;transform: translateY(30px);opacity: .3;transition: 0.5s;}
.service-process-swiper .btn{z-index: 1;position: absolute;bottom: 0;width: 40px;height: 40px;border: 2px solid currentColor;border-radius: 50%;color: #ccc;cursor: pointer;transition: 0.3s;}
.service-process-swiper .btn:after{content: '';position: absolute;left: 50%;top: 50%;width: 20%;height: 20%;border-top: 2px solid currentColor;}
.service-process-swiper .prev-btn{left: calc(50% - 60px);}
.service-process-swiper .prev-btn:after{border-left: 2px solid currentColor;transform: translate(-30%,-50%) rotate(-45deg);}
.service-process-swiper .next-btn{right: calc(50% - 60px);}
.service-process-swiper .next-btn:after{border-right: 2px solid currentColor;transform: translate(-70%,-50%) rotate(45deg);}
.service-process-swiper .btn:hover{background-color: #1762b3;border-color: #1762b3;color: #fff;}

/*新闻中心*/
.news-center-box{font-size: 0;}
.news-center-box *{box-sizing: border-box;}
.news-center-box > .item{position: relative;display: inline-block;vertical-align: top;width: 34%;border-bottom: 30px solid transparent;border-left: 30px solid transparent;font-size: 14px;}
.news-center-box > .item .pic{overflow: hidden;}
.news-center-box > .item .pic em{display: block;padding-top: 58%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.8s;}
.news-center-box > .item .title{position: absolute;left: 0;right: 0;bottom: 0;padding: 30px 20px 30px;background-image: linear-gradient(180deg,transparent,rgba(0,0,0,.5) 50%);color: #fff;}
.news-center-box > .item .title .date{line-height: 20px;}
.news-center-box > .item .title .name{font-size: 16px;line-height: 30px;}
.news-center-box > .item .news-info{position: absolute;left: 0;right: 0;top: 50%;transform: translateY(-50%);padding: 0 30px;}
.news-center-box > .item .news-info .date{line-height: 20px;}
.news-center-box > .item .news-info .tit{max-height: 50px;margin-top: 30px;font-size: 16px;line-height: 25px;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-center-box > .item .news-info .txt{max-height: 40px;margin-top: 20px;line-height: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-center-box > .item .news-info .more{display: inline-block;vertical-align: top;padding: 0 1em;margin-top: 40px;border: 1px solid #DCDCDC;border-radius: 17px;line-height: 32px;}
.news-center-box > .item:nth-child(1){float: left;}
.news-center-box > .item:nth-child(1) .pic em{padding-top: 144.6%;}
.news-center-box > .item:nth-child(2){width: 40%;}
.news-center-box > .item:nth-child(3){width: 26%;border-left: 0;}
.news-center-box > .item:nth-child(3) .pic em{padding-top: 84.4%;background-color: #F8F8F8;}
.news-center-box > .item:nth-child(4){width: 40%;}
.news-center-box > .item:nth-child(5){width: 26%;}
.news-center-box > .item:nth-child(5) .pic em{padding-top: 92%;}
.news-center-box > .item:nth-child(5) .news-info{color: #fff;}
.news-center-box > .item:hover .pic em{transform: scale(1.05);}


/*中屏PC:<=1440px(针对1366*650)*/
@media screen and (max-width: 1440px){
	
}

/*小屏PC:>=1025px && <=1280px*/
@media screen and (max-width: 1280px){
	
}

/*pad横屏:1024px*/
@media screen and (max-width: 1024px){
	
}

/*phone:<=768px*/
@media screen and (max-width: 768px){
	/*banner*/
	.banner{height: auto;padding-top: 60px;}
	.banner .swiper-slide .pic{height: auto;padding-top: 60%;}
	.banner .swiper-pagination{left: 0;bottom: 10px;width: 100%;font-size: 14px;}
	.banner .swiper-pagination .swiper-pagination-current{font-size: 24px;}
	.banner .btn{display: none;}
	
	/******首页******/
	/*标题*/
	.index-title{margin-bottom: 20px;}
	.index-title .cn{padding-bottom: 10px;font-size: 20px;}
	.index-title .en{margin-top: 10px;font-size: 16px;}
	/*更多按钮*/
	.index-container .btns-area{margin-top: 20px;}
	.index-container .btns-area .btn{padding: 0 1em;line-height: 36px;}
	.index-container .btns-area .btn .icon{width: 16px;height: 16px;}
	.index-container .btns-area .btn:hover{transform: translateY(-.5em);}
	/*布局*/
	.index-container .part1 .index-title{padding: 20px 0;margin-top: 0;}
	.index-container .part1 .index-title:after{left: 0;right: 0;}
	.index-container .part1 .more{right: 10px;padding-right: 15px;font-size: 14px;}
	.index-container .part2{padding: 30px 0;}
	.index-container .part3{padding: 30px 0;}
	.index-container .part4{}
	.index-container .part5{padding: 30px 0;}
	.index-container .part6{padding: 30px 0;}
	
	/*产品选项卡*/
	.product-tab-box{display: block;padding-bottom: 30px;margin-top: 20px;}
	.product-tab-box .tabs{display: flex;justify-content: space-between;padding: 0;border-right: 0;}
	.product-tab-box .tabs .item{display: block;width: 33%;padding: 15px;margin-top: 0;text-align: center;}
	.product-tab-box .tabs .item .icon{display: inline-block;vertical-align: top;width: 30px;height: 30px;margin-right: 0;}
	.product-tab-box .tabs .item .icon img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 60%;height: 60%;margin: auto;}
	.product-tab-box .tabs .item .info .tit{margin-top: 5px;font-size: 13px;line-height: 16px;}
	.product-tab-box .tabs .item .info .txt{display: none;}
	.product-tab-box .tabs .item.on{background-color: #1762b3;color: #fff;}
	.product-tab-box .tabs .item.on .icon img{filter: brightness(0) invert(1);}
	.product-tab-box .tab-content{width: 100%;overflow: hidden;}
	.product-tab-box > .swiper-pagination{display: none;}
	.product-tab-box > .btn{display: none;}
	/*产品信息轮播*/
	.product-info-swiper{padding: 0 0 20px;}
	.product-info-swiper .swiper-slide a{padding: 50px 60px 0;}
	.product-info-swiper .swiper-slide .pic{margin: 0 30px;}
	.product-info-swiper .swiper-slide .tit{display: none;}
	.product-info-swiper .swiper-slide .txt{display: none;}
	.product-info-swiper .swiper-slide .btn{display: none;}
	.product-info-swiper .swiper-slide a:hover{box-shadow: none;}
	.product-info-swiper .swiper-slide a:hover .pic{transform: translateY(0);}
	.product-info-swiper .swiper-slide a:hover .name{transform: translateY(0);}
	.product-info-swiper .swiper-pagination{bottom: 10px;}
	.product-info-swiper .swiper-pagination .swiper-pagination-bullet{width: 6px;height: 6px;margin: 0 5px;}
	.product-info-swiper .swiper-pagination .swiper-pagination-bullet:after{left: -3px;top: -3px;width: 12px;height: 12px;}
	
	/*解决方案选项卡*/
	.solution-tab-box{margin-top: 0;transform: translateY(0);}
	.solution-tab-box .tabs{display: block;font-size: 0;text-align: center;}
	.solution-tab-box .tabs .item{display: inline-block;vertical-align: top;width: 50%;margin: 10px 0 0;border-left: 0;}
	.solution-tab-box .tabs .item:after{display: none;}
	.solution-tab-box .tabs .item .icon{width: 30px;height: 30px;}
	.solution-tab-box .tabs .item .name{margin-top: 10px;font-size: 14px;}
	.solution-tab-box .tabs .item.on .icon{transform: translateY(0);}
	.solution-tab-box .tabs .item.on .name{transform: translateY(0);}
	.solution-tab-box .tab-content{margin-top: 30px;}
	.solution-tab-box .tab-content .info{padding: 20px;}
	.solution-tab-box .tab-content .info .tit{font-size: 18px;}
	.solution-tab-box .tab-content .info .txt{margin-top: 10px;font-size: 14px;}
	.solution-tab-box .tab-content .info .more{margin-top: 20px;}
	
	/*工程案例展示*/
	.engineering-pic-show{font-size: 0;}
	.engineering-pic-show .item{width: 50%!important;border: 4px solid transparent;}
	.engineering-pic-show .item:nth-child(1){float: none;border-left: 4px solid transparent;}
	.engineering-pic-show .item .pic em{padding-top: 72%!important;}
	.engineering-pic-show .item .tit{padding: 10px 1em;font-size: 14px;}
	
	/*关于我们*/
	.about-box{padding: 30px 0;}
	.about-box:before{left: 0;}
	.about-box .video-wrap{position: static;transform: translateY(0);width: 80%;margin: 0 auto;}
	.about-box .video-wrap:before{display: none;}
	.about-box .about-info-wrap{padding: 30px 0 10px;margin-left: 0;}
	.about-box .about-info-wrap .tit{padding: 20px 0 10px;background-size: 80%;font-size: 20px;}
	.about-box .about-info-wrap .txt{margin-top: 10px;font-size: 14px;line-height: 2;}
	.about-box .about-info-wrap .more{margin-top: 30px;}
	.about-box .data-show-wrap{margin-top: 20px;flex-wrap: wrap;}
	.about-box .data-show-wrap .item{width: 50%;margin-top: 20px;}
	.about-box .data-show-wrap .item .num span{font-size: 36px;}
	.about-box .data-show-wrap .item .txt{margin-top: 5px;font-size: 14px;}
	
	/*服务流程轮播*/
	.service-process-swiper{padding: 20px 20px 60px;}
	.service-process-swiper .swiper-slide a{padding: 30px 20px;background-color: #fff;box-shadow: 0 0 20px rgba(0,0,0,.1);transform: translateY(0);}
	.service-process-swiper .swiper-slide a .icon{width: 60px;height: 60px;border-color: #FFC229;transform: translateY(0);}
	.service-process-swiper .swiper-slide a .icon .front{display: none;}
	.service-process-swiper .swiper-slide a .icon .back{display: block;}
	.service-process-swiper .swiper-slide a .tit{margin-top: 20px;font-size: 18px;font-weight: bold;color: #333;transform: translateY(0);}
	.service-process-swiper .swiper-slide a .txt{position: static;opacity: 1;transform: translateY(0);margin-top: 10px;}
	.service-process-swiper .swiper-slide a .num{margin-top: 10px;font-size: 50px;color: #FFC229;transform: translateY(0);opacity: .3;}
	.service-process-swiper .btn{width: 30px;height: 30px;}
	.service-process-swiper .prev-btn{left: calc(50% - 50px);}
	.service-process-swiper .next-btn{right: calc(50% - 50px);}
	
	/*新闻中心*/
	.news-center-box > .item{float: none;width: 100%!important;margin-bottom: 10px;border: 0;}
	.news-center-box > .item .pic em{padding-top: 60%!important;}
	.news-center-box > .item .title{padding: 20px;}
	.news-center-box > .item .title .name{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.news-center-box > .item .news-info{padding: 0 20px;}
	.news-center-box > .item .news-info .tit{margin-top: 10px;}
	.news-center-box > .item .news-info .txt{margin-top: 10px;}
	.news-center-box > .item .news-info .more{margin-top: 20px;}
}