@charset "utf-8";
/* CSS Document */


.banner{ position:relative;}
.banner .swiper-slide{transition-delay:.3s;}
.banner .swiper-slide a{ display:block;overflow: hidden;}
.banner .swiper-slide a img{max-width: inherit;width: 100%;transform: scale3D(1, 1, 1);transition:all .8s;}
.banner .bannerslide-nation{bottom: 40px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ background:#fff; width:8px; height:8px;opacity:0.5;box-sizing: border-box;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{opacity: 1;}
.bannerslide-nation .swiper-pagination-current{font-size: 20px;font-weight: bold;}
.swiper-button-prev,.swiper-button-next{width:48px;height: 48px;background-size: 48px;background-repeat: no-repeat;opacity: 0.32;transition: all 0.4s;}
.swiper-button-prev{background-image: url(../icon/arrow_left.png);background-position:center;}
.swiper-button-prev:hover{background-image: url(../icon/arrow_left.png);background-position:center;opacity: 1;transition: all 0.4s;}
.swiper-button-next{background-image: url(../icon/arrow_right.png);background-position:center;}
.swiper-button-next:hover{background-image: url(../icon/arrow_right.png);background-position:center;opacity: 1;transition: all 0.4s;}
.swiper-button-next:after, .swiper-button-prev:after{display: none;}
.swiper-slide .banner-txt{transform:translate(0,-40%);opacity:0;transition:all .6s;}
.ani-slide .banner-txt{transform:translate(0,-50%);opacity:1;}
.banner .ani-slide a img{transform: scale3D(1.15, 1.15, 1.15);transition:all 5.8s;}

.title{margin-bottom: 70px;position: relative;text-align: center;}
.title span{font-size: 28px;color: #222;font-weight: bold;margin-bottom: 10px;display: inline-block;}
.title p{font-size: 14px;color: #888;margin-bottom: 20px;}
.more-btn a{display: inline-block;border: 1px solid #999;border-radius: 150px;padding: 8px 20px;}
.more-btn a em,.more-btn a i{display: inline-block;}
.more-btn a i{width: 21px;height: 11px;background: url(../icon/more_arr.png) no-repeat center;background-size: contain;margin-left: 20px;}
.more-btn a:hover{color: #008fd9;border: 1px solid #008fd9;}
.more-btn a:hover i{background: url(../icon/more_arr_h.png) no-repeat center;background-size: contain;}

/*服务*/
.service{padding: 60px 0 120px;position: relative;}
.service .contain{position: relative;z-index: 2;}
.service-item{border-radius: 30px;background: #fff;box-shadow: 0 15px 70px rgba(0, 0, 0, 0.08);}
.service-cell{width: 24%;padding: 50px 0;position: relative;float: left;transition: all 0.3s;}
.solu-act{width: 28%;}
.service-cell dl{text-align: center;position: relative;z-index: 2;}
.service-cell dl dt{margin-bottom: 20px;}
.service-cell dl dt a{display: block;width: 80px;height: 90px;margin: 0 auto;}
.service-cell dl dt a.solu-ico-h{display: none;}
.service-cell:hover dl dt a.solu-ico{display: none;}
.service-cell:hover dl dt a.solu-ico-h{display: block;}
.service-cell dl dd a.solu-tt{font-size: 15px;font-weight: bold;color: #222;display: block;margin-bottom: 15px;}
.service-cell dl dd a.solu-tt i{display: block;margin-bottom: 10px;}
.service-cell dl dd a.solu-tt:after{content: '';display: inline-block;width: 20px;height: 5px;background: #bdbdbd;border-radius: 5px;}
.service-cell dl dd p{font-size: 12px;color: #888;margin-bottom: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 10px;}
.service-cell dl dd a.solu-more{display: inline-block;border: 1px solid #999;border-radius: 150px;padding: 4px 15px;font-size: 12px;}
.solu-act:after{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;height:calc(100% + 30px);background: #008fd9;border-radius: 30px;z-index: 0;transition: all 0.3s;}
.solu-act dl dt a.solu-ico{display: none;}
.solu-act dl dt a.solu-ico-h{display: block;}
.solu-act dl dd a.solu-tt{color: #fff;}
.solu-act dl dd a.solu-tt:after{background: #fff;}
.solu-act dl dd p{color: #fff;}
.solu-act dl dd a.solu-more{border: 1px solid #fff;color: #fff;}
.service:after{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 320px;background: url(../images/ser_bg.jpg) no-repeat center bottom;background-size: cover;z-index: 0;}


/*案例*/
.cases{padding: 60px 0;}
.case-item{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;}
.case-slide{width: 49%;margin-right: 2%;margin-bottom: 2%;}
.case-cell{width: 23.5%;margin-right: 2%;margin-bottom: 2%;}
.case-cell:nth-child(3){margin-right: 0;}
.case-cell:nth-child(7){margin-right: 0;}
.case-slide a{display: block;position: relative;}
.case-slide a img{width: 100%;display: block;}
.case-slide a span{position: absolute;left: 0;bottom: 0;width: 100%;color: #ffff;font-size: 22px;padding: 20px;z-index: 2;}
.case-slide .swiper-slide a:after{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0), rgba(0,0,0,0.8));z-index: 0;}
.case-cell a{display: block;}
.case-cell dl{display: flex;flex-direction: column;justify-content: space-between;}
.case-cell dl dt img{display: block;width: 100%;}
.case-cell dl dd{padding: 17px 20px;border: 1px solid #e6e6e6;border-top: 0;}
.case-cell dl dd p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;font-size: 16px;}
.case-cell dl dd span{opacity: 0;display: none;margin-top: 20px;font-size: 12px;}
.case-cell a:hover dl dd{background: #008fd9;border: 1px solid #008fd9;border-top: none;margin-top: -40px;color: #fff;}
.case-cell a:hover dl dd span{opacity: 1;display: block;}

/*解决方案*/
.solution-con{position: relative;background-color: #efefef;}
.solution-con .solution-hd{position: absolute;top: 0;right: 0;width: 100%;padding-left: 68%;}
.solution-con .solution-hd .title{padding-left: 8%;padding-top: 8%;text-align: left;}
.solution-wrap{display: flex;flex-direction: row;align-items: flex-end;}
.solution-top{width: 68%;}
.solution-thumbs{width: 32%;}
.solution-top .swiper-slide{position: relative;background-color: #000;}
.solution-top .swiper-slide img{display: block;width: 100%;opacity: 0.4;}
.solution-top .swiper-slide dl{position: absolute;top: 50%;left: 10%;transform: translateY(-50%);padding-right: 20%;}
.solution-top .swiper-slide dl dt {margin-bottom: 20px;}
.solution-top .swiper-slide dl dt a{display: block;font-size: 40px;font-weight: bold;color: #fff;}
.solution-top .swiper-slide dl dd p{font-size: 16px;color: #fff;line-height: 30px;margin-bottom: 40px;}
.solution-top .swiper-slide dl dd a{display: inline-block;width: 120px;height: 40px;line-height: 40px;font-size: 14px;color: #008fd9;background: #fff;border-radius: 8px;text-align: center;}
.solution-thumbs dl{padding: 6% 18% 6% 8%;border-bottom: 1px solid #e6e6e6;cursor: pointer;}
.solution-thumbs dl dt{font-size: 20px;margin-bottom: 10px;font-weight: bold;color: #222;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.solution-thumbs dl dd{font-size: 14px;line-height: 24px;color: #888;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.solution-thumbs .swiper-slide-thumb-active dl{background: #008fd9;}
.solution-thumbs .swiper-slide-thumb-active dl *{color: #fff;}

/*关于*/
.about{padding: 120px 0;}
.about-tl{font-size: 28px;color: #222;font-weight: bold;margin-bottom: 30px;}
.about-tl span{display: block;margin-bottom: 30px;}
.about-tl:after{content: '';display: block;width: 42px;height: 5px;background: #4e4e4e;}
.about-con{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.about-left{width: 50%;padding-right: 10%;}
.about-text{font-size: 16px;line-height: 30px;color: #333;margin-bottom: 50px;}
.about-text h3{font-size: 21px;font-weight: bold;color: #222;margin-bottom: 30px;}
.about-right{width: 50%;}
.about-right img{display: block;width: 100%;}


.news{padding-bottom: 60px;}
.news-tl{background: #008fd9;padding: 50px 0;margin-bottom: 50px;}
.news-tl .contain{position: relative;}
.news-tl .title{text-align: left;margin-bottom: 0;}
.news-tl .title span{color: #fff;}
.news-tl .title p{color: #fff;margin-bottom: 0;}
.news-tl .title .more-btn{position: absolute;right: 0;top: 0;}
.news-tl .title .more-btn a{border: 1px solid #fff;}
.news-tl .title .more-btn a em{color: #fff;}
.news-tl .title .more-btn a i{background: url(../icon/more_arr_w.png) no-repeat center;background-size: contain;}
.news-item{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;}
.news-cell{overflow: hidden;position: relative;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;padding-right: 40px;}
.news-cell:last-child{padding-right: 0;}
.news-pic a,.news-pic a img{display: block;width: 100%;transition: all .6s ease;}
.news-pic a{overflow: hidden;}
.news-pic a:hover img{transform: scale3D(1.05, 1.05, 1.05);transition: all .6s ease;}
.news-link dl{padding: 25px 0;}
.news-link dl dt span{display: block;font-size: 16px;color: #999;margin-bottom: 20px;}
.news-link dl dt a{font-size: 22px;font-weight: bold;color: #222;overflow: hidden;text-overflow:ellipsis;  white-space: normal;  display:-webkit-box;  -webkit-box-orient:vertical;  -webkit-line-clamp:2;margin-bottom: 10px;}
.news-link dl dt a:hover{color: #f0780f;}
.news-link dl dd p{font-size: 13px;color: #888;line-height: 22px;overflow: hidden;text-overflow:ellipsis;  white-space: normal;  display:-webkit-box;  -webkit-box-orient:vertical;  -webkit-line-clamp:2;margin-bottom: 20px;}
.news-foot{padding-top: 20px;border-top: 1px solid #e6e6e6;display: flex;}
.news-foot span{flex: 1;font-weight: bold;color: #888;font-size: 14px;}
.news-foot a{font-size: 14px;text-align: right;}

.client{padding: 30px 0 60px;}
.client .title{text-align: left;margin-bottom: 30px;}
.client-item ul{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;}
.client-item ul li{width: 19.2%;margin-bottom: 1%;margin-right: 1%;border: 1px solid #e6e6e6;border-radius: 8px;overflow: hidden;}
.client-item ul li:nth-child(5n+0){margin-right: 0;}
.client-item ul li img{display: block;width: 100%;}



@media (max-width:1440px) and (min-width: 1280px){
.solution-thumbs dl{padding: 4% 18% 4% 8%;}
.solution-thumbs dl dt{font-size: 18px;margin-bottom: 6px;}
}

@media (max-width:1280px) and (min-width: 1024px){
.solution-thumbs dl{padding: 4% 18% 4% 8%;}
.solution-thumbs dl dt{font-size: 18px;margin-bottom: 6px;}
.solution-thumbs dl dd{-webkit-line-clamp: 1;}

}

@media (max-width:1024px){
.service-cell dl dt a{width: 64px;height: 74px;}
.service-cell dl dd a.solu-tt{font-size: 14px;}
.service-cell dl dd a.solu-more{padding: 4px 10px;}

.case-slide a span{font-size: 16px;}
.case-cell dl dd{padding: 12px;}
.case-cell dl dd p{font-size: 14px;}

.solution-con .solution-hd{position: static;padding-left: 0;}
.solution-con .solution-hd .title{text-align: center;}
.solution-wrap{flex-direction: column;}
.solution-top{width: 100%;}
.solution-thumbs{width: 100%;}
.solution-thumbs dl{padding: 4%;}
.solution-thumbs dl dt{font-size: 16px;margin-bottom: 12px;}
.solution-thumbs dl dd{font-size: 12px;line-height: 22px;}
.solution-top .swiper-slide dl{left: 4%;padding-right: 4%;}
.solution-top .swiper-slide dl dt a{font-size: 22px;}
.solution-top .swiper-slide dl dd p{font-size: 12px;line-height: 22px;margin-bottom: 20px;overflow: hidden;text-overflow:ellipsis;white-space: normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.solution-top .swiper-slide dl dd a{width: 88px;height: 32px;line-height: 32px;font-size: 12px;}

.about-text{font-size: 14px;line-height: 28px;margin-bottom: 20px;}

.news-cell{padding-right: 20px;}
.news-link dl dt a{font-size: 18px;}




}
	
@media (max-width:768px){
.banner .bannerslide-nation{bottom: 8px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 4px;height: 4px;}
.swiper-button-prev, .swiper-button-next{width: 32px;height: 32px;background-size: 32px;}

.service{padding: 30px 0 60px;}
.title{margin-bottom: 30px;}
.title span{font-size: 22px;}
.title p{font-size: 12px;}
.more-btn a{padding: 6px 12px;}
.service-cell{width: 50%;padding: 8% 0;}
.solu-act{width: 50%;border-bottom: none;}
.solu-act:after{height: 100%;}
.service-cell dl dd p{margin-bottom: 15px;}

.cases{padding: 30px 0;}
.case-item{justify-content: space-between}
.case-slide{width: 100%;margin-right: 0;margin-bottom: 4%;}
.case-slide a span{font-size: 16px;}
.case-cell{width: 48%;margin-right: 0;margin-bottom: 4%;}
.case-cell dl dd{padding: 4%;}
.case-cell dl dd p{font-size: 14px;}


.about{padding: 30px 0;}
.about-con{flex-direction: column;}
.about-tl{font-size: 22px;}
.about-left{width: 100%;padding-right: 0;margin-bottom: 30px;}
.about-text h3{font-size: 18px;margin-bottom: 20px;}
.about-right{width: 100%;}

.news{padding-bottom: 30px;}
.news-tl{padding: 20px 0;margin-bottom: 4%;}
.news-tl .title p{margin-bottom: 0;}
.news-item{flex-direction: column;}
.news-cell{padding-right: 0;margin-bottom: 6%;}
.news-link dl{padding: 3% 0;}
.news-link dl dt a{font-size: 16px;}
.news-link dl dd p{font-size: 12px;line-height: 22px;}
.news-foot span,.news-foot a{font-size: 12px;}

.client{padding: 30px 0;}
.client .title{margin-bottom: 10px;}
.client-item ul{justify-content: space-between;}
.client-item ul li{width: 49%;margin-right: 0;}

}

@media (max-width:320px){

   
}