.back-padd{padding-bottom:0;}
.zongk-1200{  width:1200px;margin:0 auto;}
/* banner*/ 
/*
.cp-banner{min-height: 480px; display:block;position: relative;width:100%;overflow: hidden;}


.cp-banner .cp-banner-back{position: absolute;z-index: 1;overflow: hidden;width: 1920px;left: 50%;margin-left: -960px;}
.cp-banner .cp-banner-back img{width:100%;}

.cp-banner .banner-text{position: relative;z-index: 99;width:1200px;margin:0 auto;padding-top: 3%;}
.cp-banner .p1{font-size:38px;color:#fff;margin-top: -58px;margin-left: 40px;}
.cp-banner .p2{font-size:20px;color:#fff;margin-left: 40px;margin-top:10px;}
.banner-a{margin-left: 40px;margin-top: 150px;}
.banner-a a{background:#e5004a;color:#fff;padding:5px 20px;margin-right: 20px;border-radius: 5px;}
*/

/*banner*/
.bannerbg {height: 470px;overflow: hidden;background: url(/uiFramework/commonResource/image/2020042409440623136.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;}


/* 产品优势 */
.cp-youshi-ser-back{background:#f5f5f5;width:100%;height:auto;}
.cp-div{padding-top:80px;}
.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/2020042410292142864.png) right bottom no-repeat;background-size:36%;margin-bottom:40px;}
.cp-div .cp-list2{float: left;width: 30%;height: 222px;border-radius: 10px;background: #fff url(/uiFramework/commonResource/image/2020042410293096885.png) right bottom no-repeat;margin: 0 5%;background-size:36%;margin-bottom:40px;}
.cp-div .cp-list3{float: left;width: 30%;height: 222px;border-radius: 10px;background: #fff url(/uiFramework/commonResource/image/2020042410291482545.png) right bottom no-repeat;background-size:36%;margin-bottom:40px;}
.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-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;}


/* 功能描述 */
.cp-miaoshu-ser-back{background: #fff url(/uiFramework/commonResource/image/2020042414310126866.png) no-repeat left bottom;}
.cp-miaoshu-div{margin-top: 80px;}
.cp-miaoshu-div ul{padding-bottom:80px;}
.cp-miaoshu-div ul li{float:left;text-align: center;width: 14%;margin-top:50px;padding:3%;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;}


.rgkfbanner{
    background: url(/uiFramework/commonResource/image/2020042915064493028.jpg) no-repeat center top; background-size:1920px;
} 
.rgkflist-ul {padding-top: 60px;}
.rgkflist-li{
height:340px;
margin-bottom:60px;
background:#fff;
border-radius:15px;
}
.rgkflist-pic{
width:50%;
height:100%;
}
.rgkflist-pic img{
width:100%;
height:100%;
border-radius:15px;
}
.rgkflist-main{
    width: 50%;
    height: 100%;
    padding: 35px 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;
}




/*动画*/

.qdBox {padding-top: 80px;}
.qdBox .Center{max-width:1000px;margin:0 auto;}
.qdBox .Center .title{font-size: 34px; text-align:center;
    font-weight: bold;
    color: #000;}
.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;}



.kfglBox{padding:60px 0 30px;}
.kfglBox .lcglBox .Center h2{font-size:34px;color:#333333;text-align:center;}
.kfglBox .lcglBox .Center .Ul li{width:33.333333333333%;float:left;}
.kfglBox .lcglBox .Center .Ul li .num{
float:left;
width: 45px;
height: 60px;
font-size: 41px;
text-align: center;
margin-right: 20px;
color:#e6e6e6;
}
.kfglBox .lcglBox .Center .Ul li .box{padding:30px;}

.kfglBox .lcglBox .Center .Ul li .numTxt{float:right;width:255px;}
.kfglBox .lcglBox .Center .Ul li .numTxt .title a{font-size:23px;color:#666;font-weight:bold;}
.kfglBox .lcglBox .Center .Ul li:hover .numTxt .title a{color:#e5004a;}
.kfglBox .lcglBox .Center .Ul li:hover .num{color:#333;}

.kfglBox .lcglBox .Center .Ul li .numTxt .summary{font-size:14px;color:#666;margin-top:10px;height:38px;overflow:hidden;}
.kfglBox .lcglBox .Center .Ul li.Li4{margin-left:190px;}


.swiper-containerPlayPic .item{margin:0 10px;}
.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:center;padding:20px 0;}
.swiper-containerPlayPic .item .title a{font-size:24px;color:#333333;}
.swiper-containerPlayPic .item .summary{color:#333333;font-size:14px;text-align:center;}

.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;}



.zxzx_Box{padding:60px 0;}
.zixunListBox h2{font-size:34px;color:#333333;text-align:center;}
.zixunListBox .Center{margin-top:30px;}
.zixunListBox .Center .Left{float:left;width:40%;}
.zixunListBox .Center .Left img{width:100%;height:280px;object-fit:cover;border-radius:10px;}
.zixunListBox .Center .Right{float:right;width:56%;}
.zixunListBox .Center .Right .zxzxBox li a,
.zixunListBox .Center .Right .zxzxBox li span{font-size:16px;line-height:46px;color:#494949;float:left;}
.zixunListBox .Center .Right .zxzxBox li span{float:right;}
.zixunListBox .Center .Right .zxzxBox li a{display:block;white-space:nowrap;max-width:70%;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;}



.txtPicPART03 .Li1 .Left .Link a,
.txtPicPART03 .Li2 .Left .Link a,
.txtPicPART03 .Li3 .Left .Link a,
.txtPicPART03 .Li4 .Left .Link a{display:none;}
.txtPicPART03 .Li1 .Left .Link .lxwm,
.txtPicPART03 .Li2 .Left .Link .lxwm,
.txtPicPART03 .Li3 .Left .Link .lxwm,
.txtPicPART03 .Li3 .Left .Link .gdzl,
.txtPicPART03 .Li4 .Left .Link .lxwm,
.txtPicPART03 .Li4 .Left .Link .gdzl{display:inline-block;}



#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){


 .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 .Center .pic{height:200px;}
.qdBox .Center .pic .redPIC{width:24%;left:38%;margin-left:0;}




.rgkflist-li{height:auto;}
.rgkflist-pic {width: 100%;height: auto;}
.rgkflist-main {width: 100%;padding: 1em;background-position: 246px 140px;}
.rgkflist-title a {font-size: 18px;}
.rgkflist-title {padding: 14px 20px;margin-bottom: 10px;}


.cp-div-tit {font-size: 22px;}
.cp-div .cp-list {margin-top: 20px;}
.cp-div .cp-list1 {width: 100%;margin-bottom:0;}
.cp-div .cp-list2 {width: 100%;margin: 5% 0;}
.cp-div .cp-list3 {width: 100%;}
.cp-div .cp-list .p1 {font-size: 18px;padding: 20px 30px;}
.cp-div .cp-list .p2 {font-size: 15px;}
.cp-miaoshu-div ul {padding-bottom: 20px;}
.cp-miaoshu-div ul li {width: 27%;height: 70px;padding-top: 10px;margin-top: 10px;}
.cp-miaoshu-div ul li img {height: 30px;width: auto;}
.cp-miaoshu-div ul li p {font-size: 13px;padding-top:14px;}
.cp-div-ul li img {height: 36px;}

}