#gbys li a{color:#fff;}

#advert {
            width: 900px;
            height:900px;
            margin: 30px auto 0;
            position: relative;
}

#advert .bg1 {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 10;
        }

#advert .bg1 div {
            width: 100%;
            height: 100%;
            border: #f3dde4 1px solid;
            border-radius: 50%;
            position: relative;
           animation: animtran 16s linear infinite;
           -webkit-animation: animtran 16s linear infinite;
           -moz-animation: animtran 16s linear infinite;
           -o-animation: animtran 16s linear infinite;
           -ms-animation: animtran 16s linear infinite;

}

#advert .bg1 img {
            width: 50px;
            position: absolute;
            animation: animtrans 16s linear infinite;
            -webkit-animation: animtrans 16s linear infinite;
            -moz-animation: animtrans 16s linear infinite;
            -o-animation: animtrans 16s linear infinite;
            -ms-animation: animtrans 16s linear infinite;
            -ms-animation: animtrans 16s linear infinite;
            cursor:pointer;
}


#advert:hover .bg1 div,
#advert:hover .bg1 img{-webkit-animation-play-state: paused;-o-animation-play-state: paused;-ms-animation-play-state: paused; -moz-animation-play-state: paused;-webkit-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;animation-fill-mode: forwards;}


#advert .bg1 .icon01 {
            top: 160px;
            left: 60px;
}

#advert .bg1 .icon02 {
            top: 160px;
            right: 60px;
}




#advert .bg2 {
            width:760px;
            height:760px;
            position: absolute;
            top:70px;
            left:70px;
            z-index: 20;
}

#advert .bg2 div {
            width: 100%;
            height: 100%;
            border: #f2c4d3 1px solid;
            border-radius: 50%;
            position: relative;
            animation: animtrans 12s linear infinite;
            -webkit-animation: animtrans 12s linear infinite;
}

#advert:hover .bg2 div,
#advert:hover .bg2 span{-webkit-animation-play-state: paused;-o-animation-play-state: paused;-ms-animation-play-state: paused; -moz-animation-play-state: paused;-webkit-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;animation-fill-mode: forwards;}

#advert .bg2 span {
            display: inline-block;
            overflow: hidden;
            border-radius: 50%;
            width:50px;
            position: absolute;
            animation: animtran 12s linear infinite;
            -webkit-animation: animtran 12s linear infinite;
            cursor:pointer;
}




#advert .bg2 .icon08 {
            top: 275px;
            left: -17px;
}

#advert .bg2 .icon09 {
            top: -14px;
            right:260px;
}




#advert .bg3 {
            width: 620px;
            height: 620px;
            position: absolute;
            top:140px;
            left:140px;
            z-index: 30;
}

        #advert .bg3 div {
            width: 100%;
            height: 100%;
            border: #f0abc1 1px dotted;
            border-radius: 50%;
            position: relative;
            animation: animtran 8s linear infinite;
            -webkit-animation: animtran 8s linear infinite;
        }

        #advert .bg3 span {
            display: inline-block;
            overflow: hidden;
            width:50px;
            border-radius: 50%;
            position: absolute;
            animation: animtrans 8s linear infinite;
            -webkit-animation: animtrans 8s linear infinite;
            cursor:pointer;
        }

#advert:hover .bg3 div,
#advert:hover .bg3 span{-webkit-animation-play-state: paused;-o-animation-play-state: paused;-ms-animation-play-state: paused; -moz-animation-play-state: paused;-webkit-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;animation-fill-mode: forwards;}


        #advert .bg3 .icon11 {
            top: 35px;
            left:100px;
        }

        #advert .bg3 .icon12 {
            top: 186px;
            right: -10px;
        }



#advert .bg4 {
            width: 500px;
            height:500px;
            position: absolute;
            top: 200px;
            left:200px;
            z-index: 40;
}

        #advert .bg4 div {
            width: 100%;
            height: 100%;
            border: #ef93b1 1px dotted;
            border-radius: 50%;
            position: relative;
            animation: animtrans 4s linear infinite;
            -webkit-animation: animtrans 4s linear infinite;
        }

        #advert .bg4 span {
            display: inline-block;
            overflow: hidden;
            width:50px;
            border-radius: 50%;
            position: absolute;
            animation: animtran 4s linear infinite;
            -webkit-animation: animtran 4s linear infinite;
            cursor:pointer;
        }

#advert:hover .bg4 div,
#advert:hover .bg4 span{-webkit-animation-play-state: paused;-o-animation-play-state: paused;-ms-animation-play-state: paused; -moz-animation-play-state: paused;-webkit-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;animation-fill-mode: forwards;}

        #advert .bg4 .icon13 {
            top: 98px;
            left:9px;
        }

        #advert .bg4 .icon14 {
            top: 32px;
            right: 65px;
        }

.qdBox .Center .pic{position:relative;}
.qdBox .Center .pic .redPIC{width:300px;position:absolute;bottom:0;left:50%;margin-left:-150px;z-index:80;}


        @keyframes animtran {
            from {
                transform: rotateZ(0deg);
            }
            to {
                transform: rotateZ(360deg);
            }
        }

        @keyframes animtrans {
            from {
                transform: rotateZ(360deg);
            }
            to {
                transform: rotateZ(0deg);
            }
        }

        @-webkit-keyframes animtran {
            from {
                transform: rotateZ(0deg);
            }
            to {
                transform: rotateZ(360deg);
            }
        }

        @-webkit-keyframes animtrans {
            from {
                transform: rotateZ(360deg);
            }
            to {
                transform: rotateZ(0deg);
            }
        }



@media only screen and (max-width:640px){

.qdBox .Center .title {
    font-size: 22px!important;
}
.qdBox .Center .txt {
    font-size: 16px!important;
    margin: 20px!important;
}
 .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;}
   

.qdBox {padding-top: 30px;}
.cp-div {padding-top: 30px;}
.cp-miaoshu-div {margin-top: 30px;}
.qdBox .Center .title {font-size: 22px;}

.qdBox .Center .txt {font-size: 16px;margin: 20px;}
#advert .bg1 img, 
#advert .bg2 span, 
#advert .bg3 span, 
#advert .bg4 span{width:28px;}


#advert{width:400px;height:400px;}
#advert .bg1 .icon01{left:-3.5%}
#advert .bg1 .icon02{right:-3.5%;}

#advert .bg2{width:90%;height:90%;left:5%;top:5%;}
#advert .bg2 .icon08{top:65%;left:0;}
#advert .bg2 .icon09{top:3%;right:20%;}


#advert .bg3{width:80%;height:80%;left:10%;top:10%;}
#advert .bg3 .icon11{top:9%;left:11%;}
#advert .bg3 .icon12{right:-3%;top:58%;}


#advert .bg4{width:70%;height:70%;left:15%;top:15%;}
#advert .bg4 .icon13{left:-4%;top:34%;}
#advert .bg4 .icon14{right:0;top:23%;}

}
/*动画*/

.qdBox {padding-top: 80px;}
.qdBox .Center{max-width:1000px;margin:0 auto;}
.qdBox .Center .title{font-size:34px;color:#000;text-align:center; font-weight:bold;}
.qdBox .Center .txt{font-size:24px;color:#666666;text-align:center;margin:30px 0 20px;}
.qdBox .Center .Form{border:1px solid #cdcdcd;background:#fff;max-width:342px;margin:0 auto;display:block;border-radius:35px;font-size:0;}
.qdBox .Center .Form input{border:none;background:transparent;height:20px;padding:7px 10px;vertical-align:top;font-size:14px;width:202px;}
.qdBox .Center .Form button{width:120px;height:35px;border:none;background:#e5004a;font-size:16px;color:#fff;text-align:center;border-radius:35px;}
.qdBox .Center .pic{margin-top:30px;height:450px;overflow:hidden;}

/* 全渠道 */

 .cp-qudao-ser{background:url('/uiFramework/commonResource/image/2020042916513882730.jpg') no-repeat bottom;background-size:cover;} 
.cp-qudao-div .cp-qudao-p{color:#8c8c8c;text-align: center;font-size: 16px;line-height: 26px;margin-top: 15px;}
.cp-qudao-div img{width:76%;position: relative;z-index: -1;}

/*banner*/
.bannerbg {height: 470px;overflow: hidden;background: url(/uiFramework/commonResource/image/2020043010380461161.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: 70px;
    -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;}
.bjclass{
width:1200px;
margin:0 auto;
}
.dsfwlistone-box{
padding-top:70px;
padding-bottom:80px;
}
/* 智能分析服务 */
.cp-div-tit{text-align: center;font-size: 34px;font-weight: bold;color: #000; padding-top:20px;}


/* 功能描述 */
.cp-miaoshu-div{}
.cp-miaoshu-div ul li{float: left;text-align: center;width:22%;margin-top: 50px;padding: 2.3%;height: 180px;box-sizing:border-box;}
.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;}

/* 智能分析服务 */
.cp-div-tit{text-align: center;font-size: 34px;font-weight: bold;color: #000;}
.zhijian-div{margin-top:40px;}
.zhijian-div ul{}
.zhijian-div ul li{float:left;width:21%;padding:2%;height:270px;cursor:pointer;}
.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;}


.dsfwjjfa-box{
height:550px;
overflow: hidden;
background: url(/eportal/imageDir/aikf/2020/04/2020042719381241891.jpg);
background-size: 1920px;
background-position: center;
background-repeat: no-repeat;
padding-top: 70px;
box-sizing: border-box;
}



/*五大产品优势*/
.cp-div-corwir {color: #fff!important;}
.cpys-list {margin-top: 60px;width:1230px;}
.cpys-line {width: 380px;border: 1px solid #e60850;color: #fff;padding: 10px;text-align: center;height: 160px;box-sizing: border-box;margin-bottom: 30px;margin-right:30px;line-height:140px;}
.cpys-tit {font-size: 26px;line-height: 50px;display: inline-block;}
.cpys-sum {font-size: 14px;line-height: 20px;display: inline-block;vertical-align: middle;}

.Form{border:1px solid #cdcdcd;background:#fff;max-width:342px;margin:0 auto;display:block;border-radius:35px;font-size:0;margin-top:50px;}
.Form input{border:none;background:transparent;height:20px;padding:7px 10px;vertical-align:top;font-size:14px;width:202px;text-indent:0.5em;}
.Form button{width:120px;height:35px;border:none;background:#e5004a;font-size:16px;color:#fff;text-align:center;border-radius:35px;}
#jnmain-box{
overflow:hidden;
}
.cpys-tit img{
margin-right:20px;
}


.gns-box{
    background: url(/uiFramework/commonResource/image/2020043011475414596.png) no-repeat left 560px;
    padding-top: 70px;
    padding-bottom: 180px;
    background-size: 25%;
}
.ullj-box{
margin-top:60px;
}
.ullj-box ul{
box-sizing:border-box;
}
.ullj-box ul.fl {
width:780px;
border-right:1px solid #fff;
}
.ullj-box ul.fr{
width:410px;
}
.ullj-box li {
box-sizing:border-box;
text-align:center;
/**margin-bottom:60px;**/
margin-bottom:25px;
}
.ullj-box li a{
/**font-size:22px;
color:#fff;
font-weight:bold;**/
font-size: 22px;
color: #666;
text-align: center;
margin: 30px 0 20px;
}
.ullj-box ul.ulo li{
width:20%;

}
.ullj-box ul.uli li{
width:25%;

}






.rgkflist-li{
height:340px;
margin-bottom:60px;
background:#fff;
border-radius:15px;
box-shadow: 2px 4px 4px 6px #f7f6f6;
}
.rgkflist-pic{
width:50%;
height:100%;
}
.rgkflist-pic img{
width:100%;
height:100%;
border-radius:15px;
}
.rgkflist-main{
    width: 50%;
    height: 100%;
    padding: 75px 65px;
    box-sizing: border-box;
    background: url(/uiFramework/commonResource/image/2020043015092572683.png) no-repeat 435px 155px;
    background-size: 60%;
}
.rgkflist-title a{
font-size:24px;
color:#333;
font-weight:bold;
letter-spacing: 2px;
}
.rgkflist-title{
margin-bottom:30px;
}
.rgkflist-content p {
    line-height: 30px;
    color: #6e6e6e;
}
.rgkflist-title{
    background: url(/uiFramework/commonResource/image/2020042916205421872.png) no-repeat left top;
    padding: 10px 20px;
    box-sizing: border-box;
}
.znzxktlistt-title h2{
text-align:center;
font-size:34px;
color:#333;
font-weight:700;
margin-bottom:50px;
}
.projectlist-box{
padding-top:70px;
padding-bottom:50px;
}
.sf-box{
padding:70px 0;
}
.sfstitle-box{
text-align:center;
margin-bottom:70px;
}
.sfstitle-box h2{
font-size: 34px;
color: #333;
font-weight: bold;
margin-bottom:20px;
}
.sfstitle-box p {
font-size:16px;
color:#a7a7a7;
line-height:25px;
}
.sf-box{
background:url('/uiFramework/commonResource/image/2020043013023422031.jpg') no-repeat right bottom;
}
.sfspic{
width:50%;
text-align:center;
}
.sfstext{
width:50%;
margin-top:100px;
}
.sfstext h2{
text-indent: 15px;
font-size:24px;
color:#333;
font-weight:bold;
margin-bottom:30px;
}
.text-op{
font-size:18px;
color:#333;
margin-bottom:30px;
line-height:25px;
}
.text-tp{
font-size:14px;
color:#a7a7a7;
line-height:30px;
}
.jn-box{
height: 730px;
    overflow: hidden;
    background: url(/eportal/imageDir/aikf/2020/04/2020042719381241891.jpg);
    background-size: 1920px;
    background-position: center;
    background-repeat: no-repeat;
padding-top:70px;
box-sizing:border-box;
}
.dsfwlisttwo-box{
padding-top:60px;
padding-bottom:70px;
}
.dsfwkhal{
padding-top:70px;
padding-bottom:130px;
background: #fff url(/uiFramework/commonResource/image/2020042414310126866.png) no-repeat left bottom;
background-color:#f5f5f5;
}



 /* 经典客户案例 */
#khal-main{
overflow:hidden;
}
.edu-khalzs {
width:1230px;
}
.cp-miaoshu-div{padding-bottom:80px;}
.cp-miaoshu-div ul li{float: left;text-align: center;width:380px;margin-top: 50px;padding: 1% 4%;height: 120px;border: 1px solid #ccc;border-radius: 10px;margin-right:30px;box-sizing:border-box;}
.cp-miaoshu-div ul li:hover{background: #fff;box-shadow: #ccc 0px 0px 20px; transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s; -o-transition: all 0.3s;}
.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;}
 .edu-khal-list img,.edu-khal-list em{display: inline-block;vertical-align: middle;}
 .edu-khal-list img {max-height:88px;margin-top:15px;}
 .edu-khal-list em{ height:88px;width:0;}
@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;}

.cpys-tit {font-size: 15px;line-height: 25px;}
.cpys-list {margin-top: 20px;}
.cpys-line{padding:1%;width: 100%;height: 84px;margin: 0;margin-bottom: 10px;}
.cpys-line1 em, .cpys-line2 em {height: 10px;}
.cpys-sum {font-size: 12px;}
.cp-div-tit {font-size: 21px;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;}
.zhijian-div ul li p .span1-1 {font-size: 26px;}
.zhijian-div ul li .p3 {font-size: 14px;}


.mf-btn {margin-top: 20px;}
.mf-link {width: 180px;height: 46px;line-height: 46px;font-size: 16px;}

.cp-miaoshu-div img {height: 30px;width: auto;}
.cp-miaoshu-div ul li {width: 28%;margin-top: 20px;height: 90px;padding-top: 20px;}
.cp-miaoshu-div ul li p {font-size: 13px;padding-top: 16px;}

.dsfwlistone-box {padding: 20px 0;}
.dsfwjjfa-box {height: auto;padding-top: 20px;}
.ullj-box {margin-top: 26px;}
.ullj-box ul.fl {width: 100%;border: none;border-bottom: 1px solid #fff;margin-bottom: 10px;}
.ullj-box ul.fl li {width: 50%;margin-bottom: 10px !important;}
.ullj-box li a {font-size: 16px;}
.ullj-box ul.fr {width: 100%;}
.ullj-box li {margin-bottom: 10px;}

.Form {margin-top: 20px;margin-bottom: 20px;width: 100%;}

.rgkflist-pic {width: 100%;height: auto;}
.rgkflist-main.fr {width: 100%;padding: 10px 14px;}
.rgkflist-li {height: auto;}
.rgkflist-title a {font-size: 18px;}
.rgkflist-title {padding: 14px;margin-bottom: 10px;}

.dsfwkhal {padding-bottom: 20px;padding-top: 20px;}
.zongk-1200 {padding: 0 !important;}
.cp-miaoshu-div {padding-bottom: 0px;}
.edu-khalzs {width: 100%;}
.cp-miaoshu-div ul.edu-khalzs li {width: 47%;height: 50px;padding-top: 10px;margin-right: 10px;}
.edu-khal-list img {margin-top: 0;}
}