@charset "UTF-8";
body{background:#fff;}
.header-wrap-index, .friendout, .footer-wrap{min-width:1180px;}
/* banner */
#myCarousel {position: relative;width: 100%;overflow: hidden;cursor:pointer;}
.carousel-inner .item .ban-div {height: 530px}
.carousel-indicators {bottom: 30px;height: 15px;}
.carousel-indicators li{display: inline-block;_zoom:1;_display:inline;margin: 0;width:14px;height:14px;text-indent: -999px;cursor: pointer;border:none;background: #e6e6e6;}

.sub-title {width: 961px;height: 27px;font-size: 20px;font-family: Microsoft YaHei-Regular, Microsoft YaHei;font-weight: 400;color: #FFFEFE;line-height: 30px;-webkit-background-clip: text;}
/* 淡入淡出 */
.carousel-fade .carousel-inner .item {transition-property: opacity;}   
.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {opacity: 0;}
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {opacity: 1;}
.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {left: 0;transform: translate3d(0, 0, 0);}
.carousel-fade .carousel-control {z-index: 2;}
/* banner轮播图分页器动画 */
.carousel-indicators li {position: relative;width: 14px;height: 14px;margin: 0;margin-right: 15px;border: none;border-radius: 7px;transition: width 0.3s ease-in-out, background 0.5s ease-in-out;}
.carousel-indicators .active {width: 36px;height: 14px;background: #3D91FF;border-radius: 7px 7px 7px 7px;opacity: 1;margin-right: 15px;}
.carousel-indicators li:before{content: '';position: absolute;width: 14px;height: 14px;top: 0;left: 0;border-radius: 7px;}
.carousel-indicators li:after{content: '';position: absolute;width: 0;height: 2px;background: #fff;top: 0;left: 0;}
.carousel-indicators li.active:after{animation: progress 3s  linear;animation-fill-mode:forwards;}

.dynamic-head, .solution-head, .product-head{position: relative;text-align: center;}
/* 新闻动态、优秀解决方案、优秀产品的大标题 */
.big-title{display: block;margin-bottom: 10px;padding-top: 40px;font-size: 24px;line-height: 35px;color: #595757;font-weight: bold;}
/* 大标题下蓝色短线 */
.line {width: 40px;height: 2px;margin: 0 auto 0px;background: #3d91ff;}
.dynamic-head .line {margin-bottom: 20px;}
.solution-head .line {margin-bottom: 42px;}

/* 了解更多 button */
.seemore {margin: 30px 0 70px;text-align: center;}
.seemore .knowmore {position: relative;top: 0;right: 0;display: inline-block;width: 125.8px;height: 33.3px;border: 1px solid #90B9FF;border-radius: 17px;line-height: 32px;color: #90B9FF;overflow: hidden;z-index: 1;
-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);
-ms-transition: all .8s linear;-o-transition: all .8s linear;-webkit-transition: all .8s linear;-moz-transition: all .8s linear;transition: all .8s linear;}
.seemore .knowmore:hover {color: #fff;background: #3d91ff;}

.seemore .knowmore span {letter-spacing: -.3em}
.solution .seemore {margin-top: 32px;margin-bottom: 0;}
.product .seemore {margin: 0;}

/* 新闻动态 */
.dynamic {width: 1200px;margin: 6px auto 0;}
/*.dynamic-body {display: flex;justify-content: space-between;}*/
.dynamic-col {display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 10px;}
.dynamic-list a{display: inline-block;width: 575px;}
.dynamic-col .news {padding: 0px 15px 0px 0px;;height: 55px;display: flex;justify-content: space-between;align-items: center;position: relative;border-bottom: 1px dashed #E2E2E2;}
.dynamic-col .news .icon {width: 9px;height: 9px;margin-right:6px;background: #3D91FF;box-shadow: 2px 2px 6px 1px rgba(61,145,255,0.25);border-radius: 3px 3px 3px 3px;opacity: 1;}
.dynamic-col .news .text {display: flex;align-items: center;font-size: 16px;font-weight: 400;color: #333333;line-height: 28px;}
.dynamic-col .news:hover .text {font-size: 16px;font-weight: bold;color: #333333;line-height: 28px;}
.dynamic-col .news .date {width: 88px;height: 19px;font-size: 14px;font-weight: 400;color: #999999;line-height: 20px;position: absolute;right: 0px;}
.dynamic-col .news-top {width: 300px;position: relative;padding: 10px;}
.dynamic-col .new-left {margin-top: 17px;}
.dynamic-col .news-more {width: 70px;height: 18px;position: absolute;right: 21px;bottom: 14px;background: url("../images/xinwen-more.png");background-size: contain;}
.dynamic-col .news-image {width: 100%;height: 155px;overflow: hidden;border-radius: 3px 3px 0 0;position: relative;}
.dynamic-col .news-bigTitle-div{position: absolute;bottom: 0;background-image: linear-gradient(-180deg, transparent, rgba(0, 0, 0, .65) 97%);padding-bottom: 15px;z-index: 2;}
.dynamic-col .news-bigTitle {font-size: 16px;color: #fff;padding: 30px 20px 0px 20px;overflow: hidden;width: 100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;letter-spacing: 1px;text-align: justify;line-height: 22px;}
.dynamic-col .news-littleTitle-div{background: #edf1f4;padding: 1px;}
.dynamic-col .news-littleTitle {background:#edf1f4;text-align: justify;font-size: 15px;color: #787878;margin: 13px 20px 13px 20px;;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;line-height: 22px;}
.dynamic-col .new-hover:hover{box-shadow: 0 0 7px 0 rgba(0, 0, 0, .15);}
.dynamic-col .new-hover:hover img {transform: scale(1.05);}
.dynamic-col .new-hover:hover .news-bigTitle{color: #fff;}
.dynamic-tabs{display: flex;text-align: center;justify-content: center;height: 50px;margin: 35px 0px;font-size: 20px;line-height: 50px;}
.dynamic-tab{width: 200px;border: 1px solid #CECECE;border-radius: 25px;color: #2E2E2E;margin: 0px 30px;cursor: pointer}
.dynamic-tabs .active{background: url("../images/index/news-tab-bg.png") no-repeat;background-size: 130% 200%;color: #fff;background-position: center;border: none;pointer-events: none;cursor: default;}

.news-item {float: left;width: 580px;margin-left: 20px;height: 129px;padding: 26px 21px 16px 28px;
-ms-transition: all .45s ease;-o-transition: all .45s ease;-webkit-transition: all .45s ease;-moz-transition: all .45s ease;transition: all .45s ease;}
.news-item:hover {/* background-color: #f5f5f5; */box-shadow: 0px 3px 15px rgba(71, 119, 183, 0.16);cursor: pointer;transform: translateY(-4px);}
.news-item .news-title {margin-bottom: 10px;font-size: 16px;line-height: 21px;color: #333;}
.news-item .news-title .tit {display: inline-block;width: auto;height: 21px;padding-left: 10px;background: url('../images/index-news-rect-default.png') no-repeat;background-position-y: 3px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;
-ms-transition: all .45s ease;-o-transition: all .45s ease;-webkit-transition: all .45s ease;-moz-transition: all .45s ease;transition: all .45s ease;}
.news-item .news-time {float: right;display: inline-block;width: 85px;font-size: 14px;line-height: 20px;color: #999;}
.news-item .news-info {height: 50px;font-size: 14px;line-height:20px;color: #999;}
.news-item:hover .news-title .tit {padding-left: 10px;background: url('../images/index-news-rect.png') no-repeat;background-position-y: 3px;color: #3D91FF;}

/* 解决方案 */
.solution {padding: 0 0 41px;background: #f8f8f8;}
.solution-body {position: relative;}
.swiper-wrapper a {padding-right: 16px;cursor: auto;}
.swiper-slide {height: 242px;width: 288px;cursor: pointer;}
.jjfa-swiper {width: 1300px;height: 750px;}
.jjfa-swiper .swiper-slide img {border-radius: 4px;}
.jjfa-swiper .slide-bottom {position: absolute;bottom: 0;width: 100%;height: 24px;border-radius: 0 0 4px 4px;text-align: center;font-size: 18px;line-height: 30px;color: #2E2E2E;font-weight: bold;bottom: -35px;}
.jjfa-swiper .desc {position: absolute;top: 36%;width: 100%;padding: 0 27px;text-align: center;opacity: 0;z-index: 3;transition: opacity .45s ease-in-out;filter: alpha(opacity=0);}
.jjfa-swiper .slide-titleBack {position: absolute;top: 20%;left: 50%;width: 100%;padding: 0 27px;text-align: center;opacity: 0;transition: opacity .45s ease-in-out 0.1s !important;z-index: 3;filter: alpha(opacity=0);
-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);
-ms-transition: all .6s ease;-o-transition: all .6s ease;-webkit-transition: all .6s ease;-moz-transition: all .6s ease;transition: all .6s ease;}
.jjfa-swiper .swiper-slide:after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 0;background: linear-gradient(to top,#0183D9, #33B5E5);border-radius: 4px;opacity: 0.8;z-index: 2;
-ms-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;-webkit-transition: all .6s ease-in-out;-moz-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.jjfa-swiper .desc h4 {margin-bottom: 13px;font-size: 18px;line-height: 24px;color: #333;}
.jjfa-swiper .desc p {text-align: left;font-size: 14px;line-height: 24px;color: #ffffff;text-indent: 2em;}
.jjfa-swiper .slide-titleBack p {text-align: center;font-size: 18px;line-height: 24px;color: #ffffff;}
.slide-small {width: 288px;height: 20px;font-size: 14px;position: absolute;bottom: -68px;text-align: center;color: #666666;}
/*.jjfa-swiper .swiper-slide:hover .slide-bottom {display: none;}*/
.jjfa-swiper .swiper-slide:hover .desc{opacity: 1;filter: alpha(opacity=100);}
.jjfa-swiper .swiper-slide:hover .slide-titleBack{opacity: 1;filter: alpha(opacity=100);
-ms-transition: all .45s ease;-o-transition: all .45s ease;-webkit-transition: all .45s ease;-moz-transition: all .45s ease;transition: all .45s ease;}
.jjfa-swiper .swiper-slide:hover:after{height: 100%;
-ms-transition: all .45s ease;-o-transition: all .45s ease;-webkit-transition: all .45s ease;-moz-transition: all .45s ease;transition: all .45s ease;}

/* 产品 */
.product  {width: 100%;}
.product-image {height: 600px;width: 100%; background:url('../images/CPbeijing.png');margin: auto;background-size: 100% 103%;}
.product-head {padding-top: 20px;}
.product-body {position: relative;width: 1250px;height: 400px;margin: 50px auto 0;display: flex;justify-content: space-between}
.hexin-div{height:100%;background: linear-gradient(50deg, #FFFFFF 0%, #F6FBFF 100%);box-shadow: 0px 6px 15px 1px rgba(71,119,183,0.1);border-radius: 5px 5px 5px 5px;opacity: 1;}
.hexin-div-header{background: url(../images/index/hexin-header-bg.png) no-repeat center center;background-size: 100% 100%;font-size: 16px;font-family: PingFang SC, PingFang SC;font-weight: bold;color: #333333;height: 52px;line-height: 52px; text-align: center}
.hexin-div .tubiao{width: 95px;height: 95px;position: relative;left: 150px;top: -75px;}
.hexin-div .tubiaoHz{width: 95px;height: 95px;position: relative;left: 150px;top: -105px;}
.hexin-content{padding: 15px;}
.hexin-content p{line-height: 38px;}
.hexin-content a{color:#2E2E2E}
.hexin-content a:hover {color: #006CFF;}
.hexin-content img{margin-left: 5px;}

/* 这种改变svg颜色 不兼容IE */
.swiper-button-next, .swiper-button-next1 {right: 10px;width: 30px;height: 30px;background: url('../images/swiperToRightDefault.svg');outline: none;
-ms-transition: all .45s ease;-o-transition: all .45s ease;-webkit-transition: all .45s ease;-moz-transition: all .45s ease;transition: all .45s ease;}
/* 当它是svg ie浏览器不显示 ！ */
.swiper-button-prev, .swiper-button-prev1 {left: 10px;width: 30px;height: 30px;background: url('../images/swiperToLeftDefault.png');outline: none;
-ms-transition: all .45s ease;-o-transition: all .45s ease;-webkit-transition: all .45s ease;-moz-transition: all .45s ease;transition: all .45s ease;}
.swiper-button-next:hover, .swiper-button-next1:hover {background: url('../images/swiperToRightHover.svg');}
.swiper-button-prev:hover, .swiper-button-prev1:hover {background: url('../images/swiperToLeftHover.svg');}
.swiper-button-next:active, .swiper-button-next1:active {background: url('../images/swiperToRightActive.svg');}
.swiper-button-prev:active, .swiper-button-prev1:active {background: url('../images/swiperToLeftActive.svg');}
.swiper-button-next {margin-top: -9px;}
.swiper-button-prev {margin-top: -9px;}
.swiper-button-next1 {position: absolute;top: 50%;left: auto;margin-top: -15px;cursor: pointer;}
.swiper-button-prev1 {position: absolute;top: 50%;right: auto;margin-top: -15px;cursor: pointer;}
.swiper-button-next.swiper-button-disabled, .swiper-button-next1.swiper-button-disabled {background: url('../images/swiperToRightDisabled.svg');opacity: 1;cursor: auto;pointer-events: none;}
.swiper-button-prev.swiper-button-disabled, .swiper-button-prev1.swiper-button-disabled {background: url('../images/swiperToLeftDisabled.svg');opacity: 1;cursor: auto;pointer-events: none;}

.banner4-search-box {display: flex;align-items: center;width: 282px;height: 44px;}
.search-icon {position: relative;display: block;width: 46px;height: 100%;background: #fff;border: 2px solid #fff;border-radius: 4px 0 0 4px;}
.search-icon img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.search-txt {display: block;width: calc(100% - 46px);height: 100%;border: 2px solid #fff;border-radius: 0 4px 4px 0;
line-height: 40px;font-size: 18px;font-weight: 300;text-align: center;cursor: pointer;transition: all .45s ease;}
.search-txt:hover {background: #3d91ff;border-color: #3d91ff;}
/* banner轮播图分页器 */
@keyframes progress {
	0% {width: 0;}
	100% {width: 100%;}
}