.ejpage-congrey {background-color: #f5f5f5;}
.none {display: none;}
.back-padding{padding:50px 0;}


/*banner*/
.bannerbg {height: 470px;overflow: hidden;background: url(/eportal/imageDir/aikf/2020/04/2020042321095261275.jpg);background-size: 1920px;background-position: center;background-repeat: no-repeat;}
.bannercon {padding-top: 80px;}
.banner-tit {color: #fff;font-size: 46px;text-indent: 0.7em;background: url(/eportal/imageDir/aikf/2020/04/2020042409134053095.png) no-repeat;line-height: 83px;font-weight: bold;}
.banner-sum {width: 62%;font-size: 26px;color: rgba(255,255,255,0.6);line-height: 44px;margin-top:10px;}
.banner-link {
    display: block;
    width: 180px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background-color: #e60850;
    border-radius: 7px;
    color: #FFF;
    font-size: 20px;
    margin-top: 80px;
    -o-transition: 		all 0.2s ease-out 0s;
    -webkit-transition:         all 0.2s ease-out 0s;
    -moz-transition: 	        all 0.2s ease-out 0s;
    transition: 		all 0.2s ease-out 0s;
}
.banner-link:hover {color: #fff;font-size: 21px;}
.banner-link {float: left;margin-right: 30px;}
.tit-red {color: #e5004a;}

/* 智能分析服务 */
.zhijian-div{margin-top:30px;}
.zhijian-div ul{}
.zhijian-div ul li{float:left;width:21%;padding:2%;height:270px;}
.zhijian-div ul li:hover{box-shadow: #ccc 0px 0px 20px; transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s; -o-transition: all 1s;}
.zhijian-div ul li p{text-align: center;margin-top: 20px;}
.zhijian-div ul li p span{display: block;}

.zhijian-div ul li .p1-1,.zhijian-div ul li .p1-2,.zhijian-div ul li .p1-3,.zhijian-div ul li .p1-4{width: 130px;height: 50px;border-radius: 30px;margin: 0 auto;}
.zhijian-div ul li .p1-1{background: #e5004a;}
.zhijian-div ul li .p1-2{background: #f6417b;}
.zhijian-div ul li .p1-3{background: #fc78a2;}
.zhijian-div ul li .p1-4{background: #ffaac5;}

.zhijian-div ul li .p2{font-size: 22px;font-weight: bold;color: #333;}
.zhijian-div ul li .p3{font-size: 16px;color: #5b5b5b;line-height: 30px;}
.zhijian-div ul li p .span1{color: rgba(255,255,255,0.6);font-weight: bold;font-size: 28px;opacity: 0.5;text-align: right;}
.zhijian-div ul li p .span1-1{color:#fff;font-size: 30px;font-weight: bold;z-index: 1;position: relative;top: -18px;left: -10px;}

.zhijian-div ul li p span{transition: all ease-out 0.2s;-webkit-transition: all ease-out 0.2s;-moz-transition: all ease-out 0.2s; -o-transition: all ease-out 0.2s;}
.zhijian-div ul li:hover .span1-11{padding-right:30px;}
.zhijian-div ul li:hover .span1-12{padding-right:20px;}
.zhijian-div ul li:hover .span1-1{padding-left:20px;}






/* 产品优势 */
.cp-youshi-ser-back{background:#f5f5f5;width:100%;height:auto;}
.cp-div{}
.cp-div-tit{text-align: center;font-size: 34px;font-weight: bold;color: #000;}
.cp-div .cp-list{margin-top:30px;}
.cp-div .cp-list p{}
.cp-div .cp-list .p1{font-size: 22px;font-weight: bold;color: #000;padding:30px;top:15%;}
.cp-div .cp-list .p2{font-size: 16px;color: #9a9a9a;padding:0 30px;top:40%;line-height: 25px;}
/*.cp-div .cp-list img{float: right;position: relative;bottom: 0;}*/

.cp-div .cp-list1{float: left;width: 30%;height: 222px;border-radius: 10px;background: #fff url(/uiFramework/commonResource/image/2020042510400316093.png) right bottom no-repeat;background-size:36%;}
.cp-div .cp-list2{float: left;width: 30%;height: 222px;border-radius: 10px;background: #fff url(/uiFramework/commonResource/image/2020042510453123694.png) right bottom no-repeat;margin: 0 5%;background-size:36%;}
.cp-div .cp-list3{float: left;width: 30%;height: 222px;border-radius: 10px;background: #fff url(/uiFramework/commonResource/image/2020042510452324063.png) right bottom no-repeat;background-size:36%;}
.cp-div .cp-list1:hover,.cp-div .cp-list2:hover,.cp-div .cp-list3:hover{background-image: url(/eportal/imageDir/aikf/2020/04/2020042415170218387.png);background-repeat: no-repeat;background-size: cover;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s; -o-transition: all 1s;}
.cp-div .cp-list1:hover p,.cp-div .cp-list2:hover p,.cp-div .cp-list3:hover p{color: #fff;}

/* 功能描述 */
.cp-miaoshu-div{}
.cp-miaoshu-div ul li{float: left;text-align: center;width: 17%;margin-top: 50px;padding: 4%;height: 150px;}
.cp-miaoshu-div ul li:hover{background: #fff;box-shadow: #ccc 0px 0px 20px; transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s; -o-transition: all 1s;}
.cp-miaoshu-div ul li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);}
.cp-miaoshu-div ul li p{text-align: center;font-size: 20px;font-weight: bold;color: #000;padding-top:30px;}

/* 应用场景 */
.changjing-back{background: #f5f5f5 url(/uiFramework/commonResource/image/2020042414310126866.png) no-repeat left bottom;}
.swiper-containerPlayPic .item{margin:0 20px;background: #fff;height:480px;}
.swiper-containerPlayPic .item .pic{border-radius:10px;overflow:hidden;}
.swiper-containerPlayPic .item a img{width:100%;height:230px;object-fit:cover;
    -o-transition: 		all 0.5s ease-out 0s;
    -webkit-transition:         all 0.5s ease-out 0s;
    -moz-transition: 	        all 0.5s ease-out 0s;
    transition: 		all 0.5s ease-out 0s;
}
.swiper-containerPlayPic .item:hover a img{transform:-webkit-scale(1.1,1.1);transform:-moz-scale(1.1,1.1);transform:-ms-scale(1.1,1.1);transform:-o-scale(1.1,1.1);transform:scale(1.1,1.1);}

.dhyjjfaBox{background:#f5f5f5;padding:60px 0 40px;}

.swiper-containerPlayPic .item .title{text-align:left;padding:20px 0;padding-left: 30px;}
.swiper-containerPlayPic .item .title a{font-size:24px;color:#333333;font-weight: bold;}
.swiper-containerPlayPic .item .summary{color:#333333;font-size: 16px;text-align: left;line-height: 30px;padding-left: 30px;}

.swiper-containerPlayPicBox h2{font-size:34px;color:#333333;text-align:center;}
.swiper-containerPlayPic{margin-top:40px;}


.swiper-containerPlayPic .owl-controls .owl-page span{display:inline-block;width:17px!important;height:17px!important;background: transparent url(/uiFramework/commonResource/image/2020042316572157217.png) no-repeat center!important;center;margin-right:10px;cursor:pointer;background-color:transparent!important;}
.swiper-containerPlayPic .owl-controls .owl-page.active span{background-image:url(/uiFramework/commonResource/image/2020042313344162141.png)!important;background-color:transparent!important;}



@media only screen and (max-width:640px){
 .bannercon {padding-top: 30px;}
 .bannerbg{height:auto;}
 .banner-sum{width: 100%;font-size: 1.5rem;}
 .banner-tit{font-size: 3rem;}
 .banner-link { width: initial;  height: initial;line-height: initial;font-size: 1.25rem;margin-top: 20px;margin-bottom: 30px;padding: 10px 20px;}
 .banner-link:hover{font-size:1.25rem;}

.back-padding {padding: 20px 0;}
.cpys-tit {font-size: 15px;}
.cpys-list {margin-top: 20px;}
.cpys-line{padding:1%;width: 100%;height: 95px;margin: 0;margin-bottom: 10px;}
.cpys-line1 em, .cpys-line2 em {height: 2px;}
.cpys-sum {font-size: 12px;}
.cp-div-tit {font-size: 22px;line-height: 40px !important;}
.zhijian-div {margin-top: 20px;}
.zhijian-div ul li {padding: 10px 8px;width:100%;height: auto;box-sizing: border-box;}
.zhijian-div ul li .p2 {font-size: 18px;}
.zhijian-div ul li .p1-1, .zhijian-div ul li .p1-2, .zhijian-div ul li .p1-3, .zhijian-div ul li .p1-4 {width: 100px;}


.cp-div-tit {font-size: 22px;}
.cp-div .cp-list {margin-top: 20px;}
.cp-div .cp-list1 {width: 100%;margin-bottom:0;height: 180px;}
.cp-div .cp-list2 {width: 100%;margin: 5% 0;height: 180px;}
.cp-div .cp-list3 {width: 100%;height: 180px;}
.cp-div .cp-list .p1 {font-size: 18px;padding: 20px 30px;}
.cp-div .cp-list .p2 {font-size: 14px;}
.cp-miaoshu-div ul li {width: 31%;height: 70px;margin-top: 10px;padding: 6% 1%;}
.cp-miaoshu-div ul li p {font-size: 13px;padding-top: 15px;}
.cp-div-ul li img {max-width: 70%;}
.cp-miaoshu-div ul li img {height: 34px;}
.swiper-containerPlayPic .item {margin: 0 10px;box-sizing: border-box;height: 440px;}
.swiper-containerPlayPic .item .title a {font-size: 18px;}
.swiper-containerPlayPic .item .summary {font-size: 14px;}
.swiper-containerPlayPic .item .title {padding: 10px 0;padding-left: 30px;}


}