@import"kefu.css"; 
 /*.hide{display:none;}*/
html{font-size:62.5%!important;font-family:Arial,"microsoft yahei";}
body{margin:0;padding:0;background-color:#fff;font:14px/normal "Microsoft yahei",sans-serif;color:#444;}
dd,dl,ul{margin:0;padding:0;}
li{list-style:none;margin:0;padding:0;font-family:"Microsoft yahei";}
ol{margin:0;padding:0;}
a{text-decoration:none;color:#000;font-family:"Microsoft yahei";outline:0;color:#444;line-height:24px;}
a:active{outline:0;star:expression(this.onFocus=this.blur());}
body,fieldset,h1,h2,h3,h4,h5,h6,html,legend,li,ul{padding:0;margin:0;font-weight:normal;}
img{border:0;margin:0;padding:0;}
p{margin:0;padding:0;font-family:Arial,"Microsoft yahei";font-size:12px;color:#888;}
a img{border:none 0;display:inline-block;}
.navbar-close{display:none;}
.container{width:100%;margin:auto;max-width:1200px;}
.container:after,.container:before,ul:before,ul:after{display: table;content:"";}
.container:after,ul:after{clear: both;}
.pat-15{padding:15px;}
.pat-lr15{padding-left:15px;padding-right:15px;}
.pat-tb50{padding-top:50px;padding-bottom:25px;}
.pat-tb30{padding-top:30px;padding-bottom:40px;}
.pat-tb20{padding-top:20px;padding-bottom:20px;}
.pat-t30{padding-top:30px;}
.pat-b30{padding-bottom:30px;}
.pat-b20{padding-bottom:20px;}
.pat-b10{padding-bottom:10px;}
.pat-t10{padding-top:10px;}
.pat-t20{padding-top:20px;}
.overflow{overflow:hidden;}
.twenty{width:20%;}
.twenty-five{width:25%;}
.fifty{width:50%;}
.thirty{width:33.33%;}
.fifty > img{width:100%;}
.fl{float:left;}
.fr{float:right;}
.bg2{background:#f7f7f7;}
.border{border:1px solid #dedede;}
.color-white{color:#fff !important;}
h2.title{font-size:30px;color: #444;text-align:center;line-height:56px;}
.title-sub{font-size:18px;color: #888;text-align:center;line-height:24px;text-transform:capitalize;padding-bottom: 22px; padding-top: 5px;}
p.subm{font-size:16px;color:#888;line-height:30px;}
h4{color:#444;font-size:18px;line-height:36px;}
p{color:#888;font-size:15px;line-height:24px;}
p.large{font-size:16px;line-height:30px;}
.center{text-align:center;}
.relative{position:relative;}

/*导航*/
.header{width:100%;background:none;height:92px;line-height:92px;position:fixed;z-index:999;top:0;}
.logo{width: 20%;float: left;margin: 10px 0 5px;}
.nav{width: 80%;float: right;height: auto!important;}
.nav ul {float: right;}
.nav ul li {float: left;height: 80px;line-height: 80px;padding: 0 20px;position:relative;}
.nava{display: block; height: 100%; color: #fff;font-size: 15px;line-height: 80px;}
.nava:hover{opacity: 0.8 !important;}
.nav .slide{position:absolute;z-index:99;background:#fff;left:5px;display:none;margin-top:-1px;padding-bottom:2px;border-radius: 2px;padding:4px 0 14px;box-shadow: 0px 1px 4px #c1c1c1;}
.nav .slide a{color:#444;}
.nav .slide:before{content: ''; position: absolute; width: 0; height: 0; border: 10px solid transparent; border-bottom-color: #fff; top: -20px; left: 50%; margin-left: -10px;}
.nav li:hover .slide{display:block;}
.nav .slide li{height: 30px;line-height: 30px;float: initial;white-space: nowrap;}
.nav .slide a{font-size:14px;line-height: 40px;}
.banner{position:relative;height:700px;}
.banner .container{position:relative;height:700px;}
.banner > img ,.banner_news > img{width:100%;display: block;}
.navbar{display:none;}
/*banners*/

.app{background-color: #222; }
.app img{position:absolute;}
.app .img1{top:30%; left:0%; }
.app .img2{top:10%; left:50%; }
.aisounds{background:url(../images/banner2.jpg); background-color: #0e124b; }
.aisounds img{position: absolute;}
.aisounds .img1{top:28%; }
.aisounds .img2{left:20%; }
.aicaiji{background-color: #012b90;background:url(../images/aicaiji/banner.jpg) no-repeat center;}
.aicaiji img{position:absolute;}
.aicaiji .img1{top:30%; left:0%;}
.aicaiji .img2{top:14%; left:40%; }
.magicbanner{background-color: #001f9a;background:url(../images/mohe/banner.jpg) no-repeat center;}
.magicbanner .container{position:relative;}
.magicbanner .img1{position:absolute;left:0%;top:180px;}
.magicbanner .img2{position:absolute;left: 36%; top: 110px;}

.inbanner .pagination{bottom:125px; }
.banner-nav{position:absolute; bottom:0; width:100%; background:rgba(255,255,255,0.15); }
.banner-nav .container{display:flex;}
.banner-nav .container > div{flex:1;cursor:pointer;color:#fff;padding:30px;}
.banner-nav .container > div:hover{background:rgba(255,255,255,0.1);}
.banner-nav .ico{width:55px;float:left;}
.banner-nav .text{margin-left:60px;}
.banner-nav h5{font-size:18px;line-height:30px;color:#fff;}
.banner-nav p{font-size:15px;color:#fff;}

/*首页*/
.in-1 .box{padding:20px 30px;box-sizing:border-box;cursor:pointer;}
.in-1 .img{width:65px;height:65px;margin:0 auto 8px;}
.in-1 .img1{background:url(../images/in1_1.png) no-repeat;}
.in-1 .img2{background:url(../images/in1_2.png) no-repeat;}
.in-1 .img3{background:url(../images/in1_3.png) no-repeat;}
.in-1 .img4{background:url(../images/in1_4.png) no-repeat;}
.in-1 .img5{background:url(../images/in1_5.png) no-repeat;}
.in-1 .box:hover .img{background-position:bottom;}
.in-1 .box:hover h4{color:#316ce9;}
.in-2{background:url(../images/in_2.jpg) no-repeat;}
.in-2 .hd{width:260px;float:left;background-color:rgba(255,255,255,0.1);padding:10px 0;}
.in-2 .con{width:870px;float:right;}
.in-2 .hd li{color:#fff;cursor:pointer;line-height:40px;height:40px;font-size:18px;padding:16px 40px;}
.in-2 .hd li.on{background-color: #008bee; width: 200px; margin-left: -14px; padding-left: 50px;}
.in-2 .con h3,.in-2 .con p,.in-2 .con a{color:#fff;}
.in-2 .con h3{font-size:22px;line-height:40px;}
.in-2 .con .b{border-bottom:1px solid #fff;color:#fff;padding-bottom:20px;margin-bottom: 25px; margin-left: -10px;}
.in-2 .con .b span{border:1px solid #fff;display:inline-block;padding:6px 20px 6px 16px;margin:10px;}
.in-2 .con .b span img{vertical-align: middle;margin-right: 6px;margin-top: -2px;}
.in-2 .con  a{display:block;margin:20px auto;background:#008bee;width:140px;text-align:center;line-height:43px;}
.in-3 .box{width:97%;border:1px solid #e8e7e7;margin-bottom: 30px;box-sizing: border-box;padding:24px 160px 24px 30px;position:relative;cursor:pointer;overflow:hidden;}
.in-3 .box:hover{background-color:#fdfeff;border-color:#c9e8ff;}
.in-3 li:nth-of-type(2n) .box{margin-left:3%;}
.in-3 .box .img{position: absolute; width:95px; height: 106px; top: 12px; right: 16px;}
/*.in-2 .box:before{content: ''; background-color:#0058ea;background-image:linear-gradient(to right,#0058ea,#009afe,#2c43f1); position: absolute; width: 1px; height: 1px; top: 50%; left:50%; z-index: -1; transition:all 0.2s linear; border-radius:50%; opacity:0; }
.in-2 .box:hover:before{width:150%;height:150%;left:-25%;top:-25%;border-radius:50%;opacity:1;transition:all 0.2s linear;}
.in-2.box:hover h4,.aisounds-2 .box:hover p{color:#fff;}*/
.in-4 li{font-size:15px;color:#999 ;}
.in-4 .counter-box{color:#208bee;font-size:15px;}
.in-4 .in-value{font-size:52px;margin-right:3px;}
.in_map{background:url(../images/in_map.png) no-repeat;width:747px;height:617px;margin:40px auto 20px;position:relative;}
.ico-blue{width:16px;height:16px;border:1px #34bfff solid;border-radius:16px;display:inline-block;position:relative;vertical-align:middle;margin-right:6px;}
.ico-blue:before{content:'';position:absolute;width:6px;height:6px;position:absolute;top:5px;left:5px;background-color:#34bfff;border-radius:16px;}
.ico-blue:after{content:'';position:absolute;width:18px;height:18px;border-radius: 50%;box-shadow: 0 0 10px rgba(0,0,0,.3) inset;top:-2px;left:-2px;opacity:0;z-index:0;}
.ico-orange{width:16px;height:16px;border:1px #e89867 solid;border-radius:16px;display:inline-block;position:relative;vertical-align:middle;margin-right:6px;}
.ico-orange:before{content:'';position:absolute;width:6px;height:6px;position:absolute;top:5px;left:5px;background-color:#e89867;border-radius:16px;z-index:2;}
.ico-orange:after{content:'';position:absolute;width:18px;height:18px;border-radius: 50%;box-shadow: 0 0 10px rgba(0,0,0,.3) inset;top:-1px;left:-1px;opacity:0;z-index:0;}
.in_map .b{position:absolute;bottom:80px;}
.in_map .in_map1{position: absolute; left: 248px; top: 194px;}
.in_map .in_map2{position: absolute; left: 391px; top: 320px;}
.in_map .in_map4{position: absolute; left: 128px; top: 394px;}
.in_map .in_map5{position: absolute; left: 603px; top: 40px;}
.in_map .heilongjiang{position: absolute; left: 664px; top: 90px;}
.in_map .jilin{position: absolute; left: 687px; top: 148px;}
.in_map .liaoning{position: absolute; left: 648px; top: 194px;}
.in_map .shandong{position: absolute; left: 590px; top: 288px;}
.in_map .beijing{position: absolute; left: 556px; top: 208px;}
.in_map .jiangsu{position: absolute; left: 614px; top: 3443px;}
.in_map .neimenggu{position: absolute; left: 447px; top: 231px;}
.in_map .gansu{position: absolute; left: 329px; top: 244px;}
.in_map .hebei{position: absolute; left: 545px; top: 244px;}
.in_map .shanxi{position: absolute; left: 511px; top: 281px;}
.in_map .shanxi2{position: absolute; left: 465px; top: 324px;}
.in_map .henan{position: absolute; left: 520px; top: 340px;}
.in_map .hunan{position: absolute; left: 500px; top: 441px;}
.in_map .qinghai{position: absolute; left: 260px; top:300px;}
.in_map .sichuan{position: absolute; left: 360px; top: 402px;}
.in_map .hubei{position: absolute; left: 500px; top: 395px;}
.in_map .anhui{position: absolute; left: 585px; top: 378px;}
.in_map .yunan{position: absolute; left: 328px; top: 510px;}
.in_map .guizhou{position: absolute; left: 426px; top: 468px;}
.in_map .guangxi{position: absolute; left: 450px; top: 516px;}
.in_map .zhejiang{position: absolute; left: 623px; top: 413px;}
.in_map .jiangsu{position: absolute; left: 623px; top: 413px;}
.in_map .jiangxi{position: absolute; left: 563px; top: 449px;}
.in_map .fujian{position: absolute; left: 603px; top: 477px;}
.in_map .guangdong{position: absolute; left: 521px; top: 537px;}
.in_map .jiangsu{position: absolute; left: 613px; top:346px;}
.in_map li{cursor:pointer;}
.in_map li i:after{animation:orangesc 1s infinite;opacity:1;}
@keyframes orangesc {
	0% {
		opcity:1;
		transform:scale(1);
	}
	100% {
		opacity: 0;
		transform:scale(2);
	}
}
.in-5 .box{padding:20px 25px;box-sizing:border-box;position:relative;background:url(../images/in5_line.png) no-repeat right center;cursor:pointer;}
.in-5 .box:last-child{background:none;}
.in-5 .box .img{position:relative;width:335px;height:115px;margin-bottom:20px;}
.in-5 .box .h{position:absolute;width:60%;height:132px;background:rgba(3,83,192,0.85);top:-8px;left:0px;line-height:132px;color:#fff;text-align:center;font-size:22px;transition:all 0.3s;}
.in-5 .box .text{color:#666;padding:0 6px;width:335px;box-sizing: border-box;line-height:24px;}
.in-5 .box:hover .h{left:40%;transition:all 0.3s;}
/*关于我们*/
.about{background:url(../images/banner_about.jpg) no-repeat center;}
.about_top .border{width:90%;margin:auto;}
.about_top .border img{width:95%;margin:5.5% 2.5%;}
.abtop-h h3{font-size:20px;}
.abtop-h{border-bottom:1px dashed #dedede;padding:10px 0;margin-bottom:10px;}
.abtop-b{margin-top: 20px;text-align:center;}
.abtop-b img{height:22px;vertical-align:middle;margin-right:10px;}
.abtop-b a{color:#13245d;font-size:16px;margin:0 20px;display: inline-block;margin-bottom: 8px;}
.about_3{width:90%;margin:20px auto;background:#fff;padding-top:30px;padding-bottom:30px;padding-left:30px;padding-right:30px;box-sizing:border-box;}
.about_3 .img{width:80px;height:80px;display:inline-block; vertical-align: middle;position:relative;}
.about_3 .img:before{content:'';position:absolute;background:url(../images/about_3_bg.png);animation: abrotate 10s linear infinite;width:100%;height:100%;}
.about_3 img{width:80px;}
.about_3 .text{margin-left:20px;display:inline-block;vertical-align:middle;}
.about_3 h3{font-size:20px;line-height:36px;}

.about_4 li{width:23%;margin:1%;float:left;position:relative;overflow: hidden;height:200px;cursor:pointer;}
.about_4 li img{width:100%;height:100%;vertical-align:middle;object-fit:cover;}
.about_4 li .text{position:absolute;background:rgba(3,50,128,0.5);width:100%;height:100%;top:0%;left:0;text-align:center;}
.about_4 li .text:before{width: calc(100% - 32px); height: 160px; content: '';top: 20px; left: 15px;position: absolute;border:1px solid #fff;}
.about_4 li  h3{font-size:20px;color:#fff;margin-top: 75px;line-height:30px;}
.about_4 li  p{font-size:22px;color:#fff;text-transform:capitalize;line-height:30px;}
.about_4 li:hover .text{animation:abtbmove 0.6s linear 1;}

.about_5{width:100%;background:url(../images/about_5.png) no-repeat #0af;padding:40px 0 80px;position:relative;height:460px;overflow:hidden;}

.history-scroll{position:relative;z-index:20;}
.history-scroll .next{position: absolute; right: -27px; cursor: pointer; top: 50%; margin-top: -3px; background: url(../images/timed-r.png) no-repeat; width: 17px; height: 17px; }
.history-scroll .prev{position: absolute; left: -27px; cursor: pointer; top: 50%; margin-top: -3px; background: url(../images/timed-l.png) no-repeat; width: 17px; height: 17px; }
.time-axis{height:320px;overflow:hidden;} 
.time-axis li{width:238px;height:320px;float:left;margin-right:2px;display:inline;}
.time-axis li .bar{width:238px;position:relative;margin-top:160px;color:#fff;}
.time-axis li .bar:before{content:'';position:absolute;width:118px;height:10px;background-color:#cdeeff;top:0;left:0;}
.time-axis li .bar:after{content:'';position:absolute;width:118px;height:10px;background-color:#66ccfd;top:0;left:120px;}
.time-axis li .bar .top{position:absolute;top:-130px;left:16px;}
.time-axis li .bar .bot{position:absolute;top:120px;left:64px;}
.time-axis li .bar .time{width: 96px; background-color: #4dc3ff; font-size: 18px; text-align: center; height: 30px; line-height: 30px;position:relative;z-index:20;}
.time-axis li .bar .top:before{content:'';background: url(../images/timed-dashed.png) no-repeat;width: 16px; height: 109px; left: 40px; top: 20px; position: absolute;}
.time-axis li .bar .bot:before{content:'';background: url(../images/timed-dashed.png) no-repeat;width: 16px; height: 109px; left: 40px; top: -110px; position: absolute;}
.time-axis li .bar .top .text{position: absolute; left: 60px; width: 110px; top: 36px;}
.time-axis li .bar .bot .text{position: absolute; left: 60px; width: 110px; bottom: 40px;}
.tempWrap{margin:auto;}

/* image-slider */
.image-slider{width:100%;position:relative;}
.image-slider-back, .image-slider-forward{width:32px;height:98px;position:absolute;top:100px;cursor:pointer;z-index:2;}
.image-slider-back{background-image:url(../images/arrow-left.png);background-repeat:no-repeat;background-position:left;left:0;}
.image-slider-forward{background-image:url(../images/arrow-right.png);background-repeat:no-repeat;background-position:right;right:0;}
.image-slider-contents{width:1106px;height:320px;margin:auto;position:relative;overflow:hidden;z-index:0;}

.image-slider-contents .contents-wrapper{position:absolute;padding-top:18px; left:0;}
.image-slider-contents .outer{background-color:#fff;float:left;width:200px;height:280px;margin:0px 10px;cursor:pointer; position:relative;}
.spic{ width: 200px; height: 280px; text-align: center; color: #333; float: left;  }
.image-slider-contents img{width:190px;height:270px; margin:0 auto;}
.spic a{ display:block; text-align:center;}

.hidden{display:none;}
.visible{display:block;}
.thumbnail-active{filter:alpha(opacity=100);opacity:1.0;cursor:pointer;}
.thumbnail-inactive{filter:alpha(opacity=20);opacity:0.2;cursor:pointer;}

.preview{position:fixed;background:rgba(0,0,0,0.8);width:100%;height:100%;top:0;left:0;z-index:999;}
.preview .img-large{width:680px; z-index: 1000; margin: 0 auto; position:relative; height:640px; border-radius:5px; text-align:center; top:50%; margin-top:-300px;}
.preview .img-large .left{position:absolute;left:20px;top:300px;width:32px;height:32px;z-index:1000;background:url(../images/large-le.png);cursor:pointer;}
.preview .img-large .right{position:absolute;right:20px;top:300px;z-index:1000;width:32px;height:32px;background:url(../images/large-ri.png);cursor:pointer;}
.preview .close{position: absolute; left:80%; top: 5%; width: 25px; height: 25px; background: url(../images/close.png) no-repeat; cursor: pointer; z-index: 2000; opacity:0.8; }
.preview .img-large img{height:600px;margin-top:40px;}
.preview .label{}

/*联系我们*/
.contact{background:url(../images/banner_contact.jpg) no-repeat center;}
.contact_1 li{width:31.33%;margin:1%;background: #fff;text-align:center;float:left;padding: 40px 0px;box-shadow: 0 0 2px 2px rgba(0,94,181,0.2);height:160px;}
.contact_1 li h4{    padding: 0 10px; border-bottom: #dedede 1px solid; width: auto; margin:0 auto 6px; display: inline-block;}
.contact_1 li p{}
.contact_1 li a{font-size:15px;color:#0a72ff;}
/*.contact_2{display:none;}*/
.contact_3{background:url(../images/contact_3.jpg) no-repeat #3f7edb;padding:25px 20px;}

/*代理我们*/
.agent{background:url(../images/agent/banner.jpg) no-repeat center;}
.ag-1 li{width:19%;padding:1.5%;margin:1.5%;float:left;text-align:center;box-shadow: 0 0 24px #cecece;height:218px;}
.ag-1 li img{margin-top:10px;}
.ag-1 li h3{margin-top:10px;margin-bottom:10px;padding-bottom:10px;font-size:18px;color:#141243;background:url('../images/agent/1-5.png') no-repeat bottom center;}
.ag-1 li p{width:90%;margin: auto;font-size:16px;line-height:30px;color:#141243;}
.ag-2 li,.ag-3 li{width:30.33%;margin:1%;padding:0.5%;float:left;text-align:center;}
.ag-2 li .img,.ag-2 li img{width:100%;}
.ag-2 li h3{font-size:18px;color:#141243;margin-top:6px;margin-bottom:6px;}
.ag-2 li p{font-size:15px;color:#141243;}
.ag-3 li h3{font-size:17px;color:#141243;line-height:30px;margin-top:5px;}
.ag-3 img{display:block;margin:auto;}
.ag-4 .img{    background: url(../images/agent/4.png) no-repeat center top;height: 40px; padding-bottom: 45px;}

/*资讯*/
.news{margin-top:30px;}
.news .side{width: 320px;float: left;}
.news .content{background:#fff;margin-left:30px;width:850px;float:right;box-sizing: border-box;padding: 30px;margin-bottom: 30px;}
.n_title{background: #397ef7;height: 75px;line-height: 75px; color: #fff;text-align: center;font-size: 22px;letter-spacing: 10px;}
.n_nav{background:#fff;margin-top: 30px;margin-bottom:30px;}
.n_nav li{line-height: 50px;height: 50px;font-size: 16px;text-indent: 27px;border-bottom: 1px solid #efefef;}
.n_nav li a{font-size: 16px;}
.n_nav li.on{border-left: 3px solid #397ef7;color: #397ef7;}
.n_nav li:last-child{border:none;}
.n_jian{background: #fff;padding: 5px;border-top: 2px solid #397ef7;margin-bottom:30px;}
.n_jian a{text-align:center;display:block;margin:10px auto;width:290px;height:200px;overflow:hidden;}
.n_jian a img{width:100%;position:relative;transition:all 0.3s;}
.n_jian a img:hover{transform: scale(1.2);  transition: all 0.3s ease 0s;  -webkit-transform: scale(1.2);  -webkit-transform: all 0.3s ease 0s;}
.n_list .img{width:200px;height:150px;float:left;}
.n_list .text{margin-left: 220px; height: 150px;line-height:24px;}
.n_list .text h3{font-size:18px;margin-bottom: 5px;}
.n_list .text h6 span{color:#8e4a21;margin-right:15px;}
.n_list .text p{margin-top:5px;font-size: 14px;line-height:28px;}
.n_list li:hover h3{color:#397ef7;}
.n_list li{border-bottom: 1px solid #efefef;padding: 16px 0;display: block;}
.n_list li:first-child{padding-top:0;}
.news .t_title{font-size: 22px;text-align: center; margin-top: -10px;}
.news .t_info{padding-bottom: 5px;border-bottom: 1px solid #ccc;margin-top: 10px;text-indent: 6px;margin-bottom: 10px;}
.news .t_info span{font-size: 13px; margin-right: 15px;color: #8e4a21;}
.news .t_mian{font-size:14px;line-height:24px;padding: 0 3px;margin-bottom: 20px;}
.news .t_mian p{font-size:14px;line-height:24px;}
.news .t_mian img{max-width:100%;}
.dede_pages{padding: 15px 0 0px;overflow:hidden;text-align:center;margin:auto;}
.pagelist{overflow:hidden;}
.sopagelist{width:500px;margin:auto;}
.t_page,.t_page p,.t_page a{font-size:14px;line-height:26px;}
.dede_pages ul li{display: inline-block;padding:0 2px; line-height:17px; margin-right:6px; overflow:hidden;border:none;font-size:14px;}
.dede_pages ul li a{float:left; color:#666;font-size:14px;}
.dede_pages ul li a:hover{color:#397ef7;}
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{color:#F63;padding:2px 4px 1px;border-bottom:2px solid #F63;font-weight:bold;}
.dede_pages .pageinfo{color:#999;}
.dede_pages .pageinfo strong{color:#666;font-weight:normal; margin:0px 2px;}
/*ai机器人*/
.aisounds-1 .box{background:#fff; padding:30px; box-sizing: border-box; border-left:2px solid #f7f7f7; cursor:pointer; position:relative; }
.aisounds-1 .box:before{content: ''; position: absolute; width: 100px; height: 100%; background: url(../images/aisounds-1-bg.png) no-repeat center; right: 0; top: 0; background-size: auto 90%; }
.aisounds-1 .box:nth-of-type(1){border-left:0; margin-left: 2px; width:calc(20% - 2px);}
/*.aisounds-1 .box:hover:before{animation:aitop 4s linear infinite;}*/
.aisounds-1 .img{width:40px;height:40px;position:relative;margin:0 auto 8px;}
.aisounds-1 .img:before{content:'';position:absolute;width:100%;height:100%;background:url(../images/aisounds/1-0.png);}
.aisounds-1 .box:hover{z-index:2;box-shadow: 0 5px 5px 5px rgba(169,169,169,0.3);transition:transform 0.3s; }
.aisounds-1 .box:hover h4{color:#0066ff;}
/*.aisounds-1 .box:hover .img:before{animation:aiscale 0.5s 1;animation-fill-mode:forwards;}
@keyframes aiscale{
    0%{transform: scale(1);opacity:1;}
    50%{transform: scale(1.3);opacity:1;}
    100%{transform: scale(1.3);opacity:0;}
}*/

.aisounds-2 .box{width:97%;height:136px;border:1px solid #ccc;margin-bottom: 30px;box-sizing: border-box;padding:24px 160px 24px 30px;position:relative;cursor:pointer;overflow:hidden;}
.aisounds-2 li:nth-of-type(2n) .box{margin-left:3%;}
.aisounds-2 .box .img{position: absolute; width: 110px; height: 110px; top: 15px; right: 16px;}
.aisounds-2 .box .img1{background:url(../images/aisounds/2-1.png) no-repeat;}
.aisounds-2 .box .img2{background:url(../images/aisounds/2-2.png) no-repeat;}
.aisounds-2 .box .img3{background:url(../images/aisounds/2-3.png) no-repeat;}
.aisounds-2 .box .img4{background:url(../images/aisounds/2-4.png) no-repeat;}
.aisounds-2 .box .img5{background:url(../images/aisounds/2-5.png) no-repeat;}
.aisounds-2 .box .img6{background:url(../images/aisounds/2-6.png) no-repeat;}
.aisounds-2 .box .img7{background:url(../images/aisounds/2-7.png) no-repeat;}
.aisounds-2 .box .img8{background:url(../images/aisounds/2-8.png) no-repeat;}
.aisounds-2 .box:hover .img{background-position:bottom;}
.aisounds-2 .box:hover{background-color:#019bff;border-color:#019bff;}
.aisounds-2 .box:hover h4,.aisounds-2 .box:hover p{color:#fff;}

.aisounds-3{background:#050a32;}
.aisounds-3 .box{border:#00b4ff 1px solid;width:94%;margin-bottom: 30px;padding:10px 20px 40px;box-sizing: border-box;}
.aisounds-3 .img{position:relative;margin-bottom:16px;}
.aisounds-3 .img img{width:230px;}
.aisounds-3 .img:before{content:'';width:100%;height:15px;background:url(../images/aisounds/3-0.png) no-repeat;position:absolute;bottom:0;left:0;}
.aisounds-3 li:nth-of-type(3n+2) .box{margin-left:auto;margin-right: auto;}
.aisounds-3 li:nth-of-type(3n) .box{float:right;}
.aisounds-3 .box h4{color:#fff;}
.aisounds-3 .box p{color:#fff;}
.aisounds-3 h2{color:#00b4ff;}
.aisounds-3 .title-sub{color:#fff;}

.aisounds-4 li{width:222px;height: 420px;overflow: hidden;;background:#fff;margin-left:8px;float:left;text-align:center;padding:75px 10px 50px;box-sizing: border-box;cursor:pointer;transition:all 0.3s;position:relative;}
.aisounds-4 li:nth-of-type(1){margin-left:0;}
.aisounds-4 li.active{width:280px;transition:all 0.3s;background:#019bff;}
.aisounds-4 li.active h3,.aisounds-4 li.active p{color:#fff;}
.aisounds-4 li .img img{width:72px;height:72px;}
.aisounds-4 .img{width:100px;height:100px;margin:10px auto 10px;}
.aisounds-4 .img1{background:url(../images/aisounds/4-1.png);}
.aisounds-4 .img2{background:url(../images/aisounds/4-2.png);}
.aisounds-4 .img3{background:url(../images/aisounds/4-3.png);}
.aisounds-4 .img4{background:url(../images/aisounds/4-4.png);}
.aisounds-4 .img5{background:url(../images/aisounds/4-5.png);}
.aisounds-4 .after{display:none;}
.aisounds-4 .before p{line-height:40px;}
.aisounds-4 .after p{text-align:left;width:86%;margin:10px auto;font-size:15px;}
.aisounds-4 li.active{padding-top:15px;}
.aisounds-4  h3{padding-bottom: 20px; background: url(../images/aisounds/4-0.png) no-repeat bottom; margin-bottom: 20px; font-size: 18px; margin-top: 10px;}
.aisounds-4 li.active h3{padding-bottom: 20px; background: url(../images/aisounds/4-0-1.png) no-repeat bottom;}
.aisounds-4 li.active .img{background-position:bottom;}
.aisounds-4 li.active  .before{display:none;}
.aisounds-4 li.active  .after{display:block;}

.ai5{background:url(../images/aisounds/5-1.png) no-repeat center center;height:410px;margin-top:30px;position:center;position:relative;}
.ai5-box a{font-size:14px;padding:2px 15px;}
.ai5-box{position:absolute;background-color:#fff;position: absolute;background-color: #fff;font-size: 22px;padding: 15px 25px;color: #141243;text-align:center;min-width:200px;box-shadow: 0 0 5px #ccc;}
.ai5-box:before{position:absolute;content:'';z-index:2;height:40px;background:url(../images/aisounds/5-2.png);top:30px;}
.ai5-box .au{background: #347af6; border-radius: 3px; width: 90px; margin: 15px auto 0;}
.ai5-box audio,.ai5-box embed{display:none;}
.ai5-1{position: absolute;left: 58px; top: 50px;}
.ai5-1:before{width: 116px;right: -116px; transform: rotate(180deg);}
.ai5-2{position: absolute;left: 119px;top: 307px;}
.ai5-2:before{width: 116px;right: -116px; transform: rotate(180deg);}
.ai5-3{position: absolute;left: 862px;top: 55px;z-index: 10;}
.ai5-3:before{width:103px;left:-103px;}
.ai5-4{position:absolute;left:857px;top:285px;z-index:10;}
.ai5-4:before{width:120px;left:-120px;}
div[class^="aisounds"]{position:relative;}
div[class^="aisounds"] > a{position:absolute;top:-90px;}

.aisounds-6 .box{width:94%;margin:0 auto 20px;border:1px solid #d8d8d8;cursor:pointer;height:290px;overflow: hidden;}
.aisounds-6 .box{border-color:#1d63ff;}
.aisounds-6 .hbox{padding: 40px; line-height: 26px; font-size: 18px; color: #888;position:relative;height:56px;}
.aisounds-6 .hbox img{position: absolute; left: 50%; bottom: -40px; margin-left: -40px;}
.aisounds-6 .text{background: #fff; padding: 56px 30px 46px; line-height: 26px; font-size: 15px; color: #888;height: 150px;}
.aisounds-6 .hbox{background-color:#1d63ff;background-image:linear-gradient(to bottom,#1d63ff,#059fff);color:#fff;}

/*营销魔盒*/
.magicbox_1 .box{background: #fff; padding: 30px; box-sizing: border-box; border-left: 2px solid #f7f7f7; cursor: pointer; position: relative;height: 200px;}
.magicbox_1  .img{width:65px;height:60px;margin:auto;}
.magicbox_1  .img1{background:url(../images/mohe/1-1.png);}
.magicbox_1  .img2{background:url(../images/mohe/1-2.png);}
.magicbox_1  .img3{background:url(../images/mohe/1-3.png);}
.magicbox_1  .img4{background:url(../images/mohe/1-4.png);}
.magicbox_1 .box:nth-of-type(1){border-left:0; margin-left: 2px; width:calc(25% - 2px); }
.magicbox_1 .box:hover{transform:scale(1.05);box-shadow: 0 0 10px rgba(0,0,0,0.3);transition:transform 0.3s; z-index:2;}
.magicbox_1 .box:hover .img{background-position:bottom;}
.magicbox_1 .box:hover h4{color:#0066ff;}
.magicbox_2 .box {width: 97%; border: 1px solid #ccc; margin-bottom: 30px; box-sizing: border-box; padding: 24px 24px 24px 30px; position: relative; cursor: pointer; overflow: hidden; }
.magicbox_2 .img{width: 70px;float: left;height:74px;}
.magicbox_2 .img1{background:url(../images/mohe/2-1.png);}
.magicbox_2 .img2{background:url(../images/mohe/2-2.png);}
.magicbox_2 .img3{background:url(../images/mohe/2-3.png);}
.magicbox_2 .img4{background:url(../images/mohe/2-4.png);}
.magicbox_2 .img5{background:url(../images/mohe/2-5.png);}
.magicbox_2 .img6{background:url(../images/mohe/2-6.png);}
.magicbox_2 .text{margin-left: 100px;}
.magicbox_2 h4{font-size:20px;line-height:40px;}
.magicbox_2 .box:hover{background-color:#019bff;border-color:#019bff;color:#fff;}
.magicbox_2 .box:hover h4,.magicbox_2 .box:hover p{color:#fff;}
.magicbox_2 .box:hover .img{background-position:bottom;}
.magicbox_3{background-color: #001981;background:url(../images/mohe/3.png);}
.magicbox_4 .hd ul{ zoom:1;position:relative;display:flex;}
.magicbox_4 .hd ul li{cursor: pointer; box-sizing: border-box; position: relative; z-index: 22; flex: 1; text-align: center; font-size:18px;border-bottom:1px solid #b8d5e5;}
.magicbox_4 .hd .img{width:50px;height:50px;display:inline-block;vertical-align:middle;}
.magicbox_4 .hd .img1{background:url(../images/mohe/4-1.png);}
.magicbox_4 .hd .img2{background:url(../images/mohe/4-2.png);}
.magicbox_4 .hd .img3{background:url(../images/mohe/4-3.png);}
.magicbox_4 .hd .img4{background:url(../images/mohe/4-4.png);}
.magicbox_4 .hd ul li.on{border-bottom:2px solid #30a6fe;color:#30a6fe;}
.magicbox_4 .hd ul li.on .img{background-position:bottom;}
.magicbox_4 .con{ position:relative; height:100%; z-index:0;margin-top: 20px; text-align:center;}
.magicbox_4 .con li{ zoom:1; vertical-align:middle;height:520px; }
.magicbox_4 .con li img{max-width:100%;margin-top: 25px;}
.magicbox_4 .one .text{width:38%;float:left;text-align:left;padding-left: 2%;}
.magicbox_4 .one .img{width:58%;float:right;text-align: right;padding-right:2%;}
.magicbox_4 .one .h{background: #444; color: #fff; padding: 6px 18px; border-radius: 8px; font-size: 18px; margin: 30px 0px 16px; display: inline-block;}
.magicbox_4 .one p{;color:#666;margin-top:10px;}
.magicbox_4 .one .b {margin:20px 0;display: flex;text-align:left;}
.magicbox_4 .one .b > span{flex:1;}
.magicbox_4 .one .b img{display:block;}
.magicbox_5 .img{width:58%;padding-left:2%;float:left;}
.magicbox_5 .text{width:36%;padding-left:2%;float:left;}
.magicbox_5 .text h4{font-size:24px;margin-top:30px;margin-bottom:10px;}
.magicbox_6{background:url(../images/mohe/6.jpg) center fixed;}
.magicbox_6 h4,.magicbox_6 p,.magicbox_6 li{color:#fff;}
.magicbox_6 ul{height:360px;overflow: hidden;margin-top:30px;}
.magicbox_6 li{width: 226px; float: left; position: relative; margin-left: 2px; text-align: center; padding: 60px 0;transition:all 0.3s;cursor:pointer;height:300px;} 
.magicbox_6 li:before{content: ''; position:absolute ; width: 100%; height: 100%;
    background-color:rgba(57,110,176,1);
    background-image: -webkit-linear-gradient(top, #406594 0%,rgba(44, 51, 80, 0.6) 70%,rgba(87, 17, 118, 0.3) 100%);
    background-image: -moz-linear-gradient(top, #406594 0%, rgba(44, 51, 80, 0.6) 70%,rgba(87, 17, 118, 0.3) 100%);
    background-image: -moz-linear-gradient(to bottom, #406594 0%, rgba(44, 51, 80, 0.6) 70%,rgba(87, 17, 118, 0.3) 100%);
    background-image: -o-linear-gradient(to bottom, #406594 0%, rgba(44, 51, 80, 0.6) 70%,rgba(87, 17, 118, 0.3) 100%);
    background-image: linear-gradient(to bottom, #406594 0%, rgba(44, 51, 80, 0.6) 70%,rgba(87, 17, 118, 0.3) 100%);
    top: 0; left: 0; opacity: 0.5; background-size:100%; z-index:0; }
.magicbox_6 li.active:before{opacity:0.8;}
.magicbox_6 .before{position:relative;z-index:1;transition:opacity 0.5s;}
.magicbox_6 .before h4{font-size: 18px;line-height: 30px; margin-top: 12px; margin-bottom: 6px;}
.magicbox_6 .before p{line-height:35px;opacity:0.6;}
.magicbox_6 .after{position:absolute;top:0;height:0;opacity:0;}
.magicbox_6 li.active{width:280px;transition:all 0.3s;}
.magicbox_6 li.active .before{opacity:0;transition:opacity 0.3s;}
.magicbox_6 li.active .after{opacity:1;transition-delay:0.3s;}
.magicbox_6 .after{text-align:left;padding:0 20px;}
.magicbox_6 .after h4{font-size:18px;line-height:30px;margin-top:50px;}
.magicbox_6 .after .ico{width:26px;vertical-align:middle;margin-right:10px;}
.magicbox_6 .after p{font-size:15px;opacity:0.8;margin-top:30px;margin-bottom:30px;}
.magicbox_6 .after .tag span{background-color: #2d5ba8; display: inline-block; padding: 2px 10px; margin: 8px 10px 10px 0px;}
.magicbox_6 .after .tag{text-align:center;}
.magicbox_8 li{width:30%;float:left;margin:1.6% 1.6% 0;cursor:pointer;cursor:pointer;}
.magicbox_8 li h3{font-size:22px;margin-bottom:20px;}
.magicbox_8 li .img{width:360px;height:200px;overflow: hidden;margin-bottom:16px;border-radius:4px;}
.magicbox_8 li img{max-width:100%;transition-duration: 0.3s;}
.magicbox_8 li:hover img{transform:scale(1.1);transition-duration: 0.3s;}

/*互动广告*/
.app_1 .box{width: 90%; text-align: center; box-shadow: 0 0 12px 1px #d6d6d6; margin: auto;padding:25px 0;}
.app_1 .box h3{margin-bottom:8px;margin-top:4px;}
.app_1 .img{width:47px;height:47px;margin:0px auto 10px;position:relative;text-align:center;}
.app_1 .img img{margin:6px;}
.app_1 .img:before{content:'';position:absolute;width:100%;height:100%;background:url(../images/app/1-0.png) no-repeat;animation: abrotate 10s linear infinite;}
.app_2{background-color: #124792;background:url(../images/app/2.jpg) fixed;}
.app-case{position:relative;}
.app-case .hd{position:absolute;left:430px;color:#fff;border-bottom:1px solid #fff;z-index:99;}
.app-case .hd li{display: inline-block; margin-right: 70px; font-size: 18px;padding-bottom: 12px;position:relative;cursor:pointer;}
.app-case .hd li:last-child{margin-right:0;}
.app-case .hd li.on:before{content: ''; position: absolute; width: 100%; height: 4px; background: #00e3fe; bottom: -2px;}
.app-case .con{height:556px;}
.app-case .img{width:430px;position:relative;}
.app-case .img2_1{position: absolute; left: 50px;}
.app-case .img2_1_0{position: absolute; left: 0px; top: 95px;}
.app-case .text{margin-left:430px;margin-top:62px;}
.app-case h3{color: #fff; font-size: 24px; line-height: 40px; margin-bottom: 14px;}
.app-case p{color: #fff; line-height: 30px; text-indent: -86px; margin-left: 86px;font-size:17px; margin-top: 4px;}
.app-case .img2{animation-duration: 1.5s;}
.app-case .text  img{margin-top:40px;}
.app-case strong{font-size: 22px; margin: 0 5px; color: #e4a84e;}
.app_3 .text{padding-top:130px;padding-left:80px;}
.app_3 .text .title-sub{text-align:left;}
.app_3 .text h3{font-size:22px;margin-bottom:10px;}
.app_3 .text span{font-size: 16px; border: 1px solid #ccc; padding: 8px 20px; margin-right: 20px;}
.poster-main{position:relative;}
.poster-main a, .poster-main img { display: block; }
.poster-main .poster-list .poster-item {position: absolute; left: 0; top: 0; }
.poster-main .poster-btn {position: absolute; top: 0; z-index: 10; cursor: pointer; }
.app_mod{width:500px;position: relative;margin: 82px auto -50px;padding-top:80px;}
.app_mod .bg{background: url(../images/app/3-0.png) no-repeat center; position: absolute; width: 280px; height: 100%; top: -80px; left: 0; z-index: 99; right: 0; margin: auto;}
.app_mod .poster-prev-btn {background: url(../images/app/3-left.png) no-repeat center center;left:0; }
.app_mod .poster-next-btn {background: url(../images/app/3-right.png) no-repeat center center;right:0; }
.app_mon .poster-prev-btn {background:url(../images/app/4-4.png) no-repeat center;left:0;}
.app_mon .poster-next-btn {background:url(../images/app/4-5.png) no-repeat center;right:0;}
.app_5 .box{padding: 20px 16px 20px 95px; position: relative; width: 94%; margin:auto;border: 1px solid #ddd; box-sizing: border-box; border-radius: 3px; height: 170px;cursor:pointer;}
.app_5 .img{width: 68px; height: 68px; position: absolute; top: 10px; left: 10px;}
.app_5 .img1{background:url(../images/app/5-1.png);}
.app_5 .img2{background:url(../images/app/5-2.png);}
.app_5 .img3{background:url(../images/app/5-3.png);}
.app_5 .box h3{margin-bottom:10px;}
.app_5 li.on .box{border-color:#2194f5;}
.app_5 li.on .img{background-position:0 74px;}
.app_5 li.on .box h3{color:#2194f5;}
@media screen and (min-width:1200px) {
	.app_mod .poster-prev-btn  {width: 60px !important; height: 30px !important; bottom: 50%; top: auto; left:auto;right: -135px;}
	.app_mod .poster-next-btn {width: 60px !important; height: 30px !important; bottom: 50%; top: auto;left:auto; right: -200px;}
}
@media screen and (max-width:640px) {
	.app_mod .poster-prev-btn {background-position:-12px center;}
	.app_mod .poster-next-btn {background-position:0 center;}
}
/*电销企业名录*/
.ai-caiji-jm{width:685px;height:432px;margin:20px auto;position:relative;}
.ai-caiji-jm .hd{position: absolute;bottom: 40px;right: 73px;z-index: 2;}
.ai-caiji-jm .hd li{display: inline-block;width: 20px;height: 20px; background-color: #ccc; color: #fff; border-radius: 4px;cursor:pointer;}
.ai-caiji-jm .hd li.on{background-color:rgb(40,113,213);}
.ai-caiji-jm .con{width: 685px;height: 432px;background: url(../images/aicaiji/jm_bg.png) no-repeat 3px 0;padding-top: 60px;}
.aicaiji-2 li{width: 22%;float: left;background-color: #fff; margin: 1.5%; border-radius: 2px;text-align: center;padding: 20px 25px;box-sizing: border-box;height:330px;}
.aicaiji-2 li img{width:45%;}
.aicaiji-2 li h3{font-size: 20px;line-height: 38px;}
.aicaiji-2 li p{line-height:24px;font-size:13px;}
.aicaiji-3{background:url(../images/aicaiji/bg3.jpg) no-repeat bottom #497bf6;padding-top: 20px;padding-bottom: 60px;}
.aicaiji-3 li{width:23%;margin: 1%;float:left;color:#fff;font-size:22px;}
.aicaiji-3 li strong{font-size:86px;margin-right:3px;}
.aicaiji-3 a{font-size:19px;width:133px;height:44px;line-height:44px;margin-top:30px;border:1px solid #fff;display:inline-block;color:#fff;border-radius:2px;}
.aicaiji-3 .counter-box{position: relative;width: 150px;margin: auto;}
.aicaiji-3 .counter-box:before{
  content: '';
  position: absolute;
  width: 25px;
  height: 26px;
  background: url(../images/aicaiji/ico-s.png) no-repeat;
  right: 5px;
  background-size: 25px;
  top: 12px;
  animation:animatetop 2s infinite;
  -webkit-animation:animatetop 2s infinite;
}
.aicaiji-3 .counter-box.ico-y:before{
  background: url(../images/aicaiji/ico-y.png) no-repeat;
  background-size: 25px;
  animation:animatescale 2s infinite;
  -webkit-animation:animatescale 2s infinite;
}
.aicaiji-3 .counter-box.ico-j:before{
  transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  animation:animatebot 2s infinite;
  -webkit-animation:animatebot 2s infinite;
}
.aicaiji-3 .counter-box.ico-s2:before{
  animation-delay:1s;
  -webkit-animation-delay:1s; 
}
.aicaiji-4 li{width:31.33%;margin:2% 1% 0;border:1px solid #dcdcdc;background-color:#fff;box-sizing: border-box;padding:30px 15px;float:left;height:220px;cursor:pointer;}
.aicaiji-4 li h3{font-size:20px;line-height:30px;}
.aicaiji-4 li p{line-height:24px;font-size:14px;}
.aicaiji-4 li .img{width:67px;height:60px;margin:auto;position:relative;}
.aicaiji-4 li .img:before{content:'';position:absolute;width:100%;height:100%;background:url(../images/aicaiji/tx_line1.png) no-repeat left top;left:0;top:0;}
.aicaiji-4 li .img:after{content:'';position:absolute;width:100%;height:100%;background:url(../images/aicaiji/tx_line2.png) no-repeat right bottom;right:0;bottom:0;}
.aicaiji-4 li:hover .img:before{animation:animateline1 0.8s; -webkit-animation:animateline1 0.8s;}
.aicaiji-4 li:hover .img:after{animation:animateline1 0.8s; -webkit-animation:animateline1 0.8s;}
.aicaiji-5 .video-list a{display: inline-block; width: 31%; min-width: 200px; margin: 1%;overflow:hidden;position:relative;}
.aicaiji-5 .video-list a img{width:100%;display:block;}
.aicaiji-5 .video-list a span{
	position: absolute;
    opacity: 1;
    left:0%;
    top:10%;
    width: 100%;
    height: 100%;
    background: rgba(3,50,128,0.5);
    color:#fff;
    transition: all 0.3s;
    overflow:hidden;
    font-size:22px;
    text-align: center;
    	line-height:200px;
}
.aicaiji-5 .video-list a:hover span{
	width:0;
	height:0;
	transition: all 0.3s;
}
.aicaiji-5 .video_b{text-align:center;color:#fff;font-size:22px;line-height:40px;}
.aicaiji-5 .shade{position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.8);display:none;z-index:999;}
.aicaiji-5 .video-box{position:fixed;width:1080px;height:600px;left:50%;top:50%;margin-top:-300px;margin-left:-540px;}
.aicaiji-5 .video-js{margin:auto;}
.aicaiji-5 .close{width:32px;height:32px;background:url(../images/aicaiji/close.png) no-repeat;background-size:20px;position:fixed;right:438px;top:146px;cursor:pointer;}

@-webkit-keyframes animatescale{
  from{transform:scale(1);opacity:0.3;}
  to{transform:scale(1.1);opacity:1;}
}
@keyframes animatescale{
   from{transform:scale(1);opacity:0.3;}
  to{transform:scale(1.1);opacity:1;}
}
@-webkit-keyframes animatetop{
  from{top:18px;opacity:0.5;}
  to{top:6px;opacity:1;}
}
@keyframes animatetop{
  from{top:18px;opacity:0.5;}
  to{top:6px;opacity:1;}
}
@-webkit-keyframes animatebot{
  from{top:6px;opacity:0.5;}
  to{top:18px;opacity:1;}
}
@keyframes animatebot{
  from{top:6px;opacity:0.5;}
  to{top:18px;opacity:1;}
}
@-webkit-keyframes animateline1{
  0%{width:0;height:10px;}
  100%{width:100%;height:100%;}
}
@keyframes animateline1{
   0%{width:0;height:20px;}
  100%{width:100%;height:100%;}
}
.qunkongbanner{background-color: #001f9a;background:url(../images/qunkong/banner.jpg) no-repeat center;}
.qunkongbanner .container{position:relative;}
.qunkongbanner .img1 {position: absolute; left: 0%; top: 230px; }
.qunkongbanner .img2{position:absolute;left: 46%; top: 180px;}
.qunkong_1 .box{box-shadow:0 0 5px #dedddd;width: 90%; margin: 20px auto; background: #fff; padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px; box-sizing: border-box;}
.qunkong_1 .box .img{float:left;width:100px;height:100px;position:relative;text-align:center;}
.qunkong_1 .box img{width:auto;margin-top:16px;}
.qunkong_1 .box .img:before {content: ''; position: absolute;left:0;top:0;background: url(../images/qunkong/1-0.png); animation: abrotate 10s linear infinite; width: 100%; height: 100%;}
.qunkong_1 .box .text{margin-left:130px;display:block;}
.qunkong_1 .box .text h3{margin-top:12px;font-size:18px;}
.qunkong_1 .box .text p{line-height:24px;margin-top: 8px;}
.qunkong_1 .overflow{margin:0 -3%;}
.qunkong_2 ul{margin:0 -1.5%;}
.qunkong_2 li {width: 30.33%; margin: 2% 2% 0 1%; border: 1px solid #dcdcdc; background-color: #fff; box-sizing: border-box; padding: 30px 30px; float: left; height: 230px; cursor: pointer;text-align:center;position:relative;}
.qunkong_2 h3{font-size: 18px; line-height: 30px;margin-top:10px;}
.qunkong_2 li:hover h3{color:#316ce9;transition: all .4s;}
.qunkong_2 li > div{position:absolute;opacity:0;}
.qunkong_2 li:hover > div{opacity:1;}
.qunkong_2 li .line-t{width:100%;height:1px;top:0;left:0;background:#316ce9;transition: all .1s .1s;}
.qunkong_2 li .line-r{width:1px;height:100%;top:0;right:0;background:#316ce9;transition: all .1s .2s;}
.qunkong_2 li .line-b{width:100%;height:1px;bottom:0;right:0;background:#316ce9;transition: all .1s .3s;}
.qunkong_2 li .line-l{width:1px;height:100%;top:0;left:0;background:#316ce9;transition: all .1s .4s;}
.qunkong_3 li{width:25%;float:left;box-sizing:border-box;padding:20px;text-align:center;background-color:#f5f5f5;position:relative;cursor:pointer;height:300px;margin-top:1.5%;transition: all 0.3s;}
.qunkong_3 li:before{content:'';position:absolute;width:100%;height:80%;top:10%;right:0;border-right:1px dashed #dedede;}
.qunkong_3 li:last-child:before,.qunkong_3 li.on:before{border:none;}
.qunkong_3 li.on{background-color:#019bff;border-radius: 5px;box-shadow:0 10px 0 #019bff, 0 -8px 0 #019bff, 0px 16px 0px #dcdcdc;transition: all 0.3s;}
.qunkong_3 li.on h3,.qunkong_3 li.on p{color:#fff;}
.qunkong_3 li h3{font-size:20px;line-height:38px;margin-top:20px;}
.qunkong_3 li .img{width:80px;height:80px;margin:auto;position:relative;margin-top:20px;}
.qunkong_3 li .side-line{position:absolute;width:100%;height:100%;border:1px solid #666;border-radius:50px;}
.qunkong_3 li .side-line:before{content: ''; position: absolute; width: 6px; height: 6px; background: #fff; border: 1px solid #666; border-radius: 4px; top: -4px;}
.qunkong_3 li .side-line:after{content: ''; position: absolute; width: 6px; height: 6px; background: #fff; border: 1px solid #666; border-radius: 4px; bottom: -4px;left:40%;}
.qunkong_3 .ico{width: 44px; height: 44px; position: absolute; z-index: 2; margin: 0px auto; top: 18px; left: 19px;}
.qunkong_3 .ico1{background:url(../images/qunkong/3-1.png);}
.qunkong_3 .ico2{background:url(../images/qunkong/3-2.png);}
.qunkong_3 .ico3{background:url(../images/qunkong/3-3.png);}
.qunkong_3 .ico4{background:url(../images/qunkong/3-4.png);}
.qunkong_3 li.on .side-line{border-color:#fff;background:#fff;animation:abrotate 10s linear infinite;}
.qunkong_3 li.on .side-line:before,.qunkong_3 li.on .side-line:after{background:#019bff;border-color:#fff;}
.qunkong_3 li.on .ico{background-position:0 50px;}
.qunkong_3 li:nth-child(1) .side-line{transform:rotate(-5deg);}
.qunkong_3 li:nth-child(2) .side-line{transform:rotate(25deg);}
.qunkong_3 li:nth-child(3) .side-line{transform:rotate(45deg);}
.qunkong_3 li:nth-child(4) .side-line{transform:rotate(95deg);}
.qunkong_4{background:#050a32;}
.qunkong_4 li{color: #fff; background: #172647; width: 24%; float: left; margin: 0.5%; text-align: center; padding: 25px 20px; box-sizing: border-box;}
.qunkong_4 li .img{width:130px;height:110px;position:relative;margin:auto;}
.qunkong_4 li .img2{position:absolute;left:0;top:0;width:100%;height:100%;animation:opacity1 4s infinite;}
.qunkong_4 p{color:#fff;margin-top:10px;}
.qunkong_5 li {width:30%;float:left;background-color:#fff;margin:1%;padding-bottom:30px;}
.qunkong_5 li .title{color:#fff;text-align:center;height:90px;line-height:90px;font-size:22px;margin-bottom:26px;}
.qunkong_5 li p{width:60%;margin:auto;line-height:36px;    overflow: hidden;}
.qunkong_5 li.blue .title{background:#0bb0ff;background:linear-gradient(#43f8ff,#00a2ff);}
.qunkong_5 li.orange .title{background:#ffb530;background:linear-gradient(#ffdb4d,#ffa524);}
.qunkong_5 li.green .title{background:#0fd38b;background:linear-gradient(#53ffac,#00c08c);}
.qunkong_5 li a{width: 75%; display: block; margin:20px auto 0; text-align: center; font-size: 16px; border: 1px solid; height: 40px; line-height: 40px;}
.qunkong_5 li.blue a{color:#0bb0ff;}
.qunkong_5 li.orange a{color:#ffb530;}
.qunkong_5 li.green a{color:#0fd38b;}
.qunkong_7 li{width:31.33%;margin:1%;float:left;text-align:center;overflow:hidden;cursor:pointer;}
.qunkong_7 li img{width:100%;margin-bottom:6px;transition-duration: 0.3s;}
.qunkong_7 li:hover img{transform:scale(1.1);transition-duration: 0.3s;}
.qunkong_5 .circle-gray{width: 6px; height: 6px; background: #999; border-radius: 6px; display: inline-block; vertical-align: middle; margin-right: 8px; margin-top: -2px;}
.qunkong_5 .b{float:right;}
.qunkong_6 video{width:1080px;display:block;margin:auto;}
@keyframes opacity1{
	0%{opacity:0;}
	70%{opacity:1;}
	100%{opacity:0;}
}
/*泡泡背景特效*/
.bubble-bg{width:100%;height:180px;background:#0af url(../images/bubble-bg.jpg) no-repeat center;color:#fff;text-align:center;position:relative;overflow:hidden;}
.bubble-bg .text{font-size:22px;line-height:40px;padding-top:42px;padding-bottom:20px;position:relative;z-index:20;}
.bubble-bg a{color:#fff;text-decoration:none;border:1px solid #fff;padding:10px 25px;position:relative;z-index:20;}
.bubble-one{position: absolute; top: -200px; left: 50%; width: 240px; height: 240px; margin-left:-120px; background: url(../images/bubble1.png) no-repeat; z-index: 1; animation:bubble1 10s linear infinite; }
.bubble-two{position:absolute; width:360px; height:360px; background:url(../images/bubble2.png); z-index:1; left:25%; top:74px; animation:bubble2 12s linear infinite; }
.bubble-three{width: 300px; height:300px; background:url(../images/bubble3.png); position:absolute; z-index:1; animation:bubble3 12s linear infinite; }
@keyframes bubble1{
    0%,100%{top: -180px;left: 50%;} 50%{top:-130px; opacity:0.6; } 
}
@keyframes bubble2{
    0%,100%{left:25%; top:74px;} 50%{left:32%; top:50px; } 
}
@keyframes bubble3{
    0%,100%{left:62%; top:84px;} 50%{left:50%; top:42px; opacity:0.5; }
}

.video-box{width:96%;margin:auto;}
.video-box video{width:100%;}
.audioplayer{position:relative;}
.audioplayer audio{display:none;}
.audioplayer a{color:#fff;display:block;}
.audioplayer-bar,.audioplayer-time,.audioplayer-volume{display:none;}
@keyframes aitop{
    0%{transform: scale(1);opacity:1;}
    10%{transform: scale(0.5);opacity:1;}
    100%{transform: scale(1);opacity:1;}
}
/*关于我们动画*/
@keyframes abrotate{
	0%{transform: rotate(0deg);}
    50%{transform: rotate(365deg);}
    100%{transform: rotate(-180deg);}
}

@keyframes abtbmove{
	0%{top:-100%;}
	50%{top:100%;}
	99%{top:100%;}
	100%{top:0%;}
}
.footer,.link{background-color:#2a303c;color:#fff;padding-top: 16px;padding-bottom: 16px; }
.link{border-bottom: 1px solid #a1a9b9;}
.link p,.footer p{color:#fff;}
.link a{color: #a1a9b9;margin: 0 12px 0 0; display: inline-block;}
.footer a{background-color:#208bef;color:#fff;}
.footer ul{overflow: hidden;text-align:left;margin-bottom: 20px;margin-top:10px;}
.footer li{width:33.33%;float:left;text-align:center;}
.footer li:nth-child(1){text-align:left;}
.footer li img{width: 30px; margin-right: 10px; vertical-align: middle;}
@media screen and (max-width:1466px) {
    .banner .container,.banner{height:600px;overflow: hidden;}
    .inner{height:600px !important;}
    .swiper-container{height:600px !important; }
    .aisounds .img2 {top:-30px; }
    .app .img1{top: 30%; left: -3%;}
	.app .img2{top: 15%; left: 45%; width: 56%;}
	.magicbanner .img1 {left: 3%; top: 145px;  }
	.magicbanner .img2 {left: 46%; top: 90px; width: 60%; }
	.aicaiji .img2 {top: 16%; left: 42%; width: 54%; }
	.aicaiji .img1 {top: 33%; left: 2%; }
	.banner{background-size:auto 600px;}
	.app3_4 .prev{margin-left:-10px;}
	.app3_4 .next{margin-right: -10px;}
	.app3_4 .p1{transform:translate3d(-124px,0,0) scale(0.81); }
	.app3_4 .p2{transform:translate3d(35px,0,0) scale(0.81); transform-origin:0 50%; opacity: 0.8; z-index: 2; }
	.app3_4 .p3{transform:translate3d(125px,0,0) scale(1); z-index: 3; opacity: 1; }
	.app3_4 .p4{transform:translate3d(230px,0,0) scale(0.81); transform-origin:100% 50%; opacity: 0.8; z-index: 2; }
	.app3_4 .p5{transform:translate3d(386px,0,0) scale(0.81); }
	.app3_4 .p6{transform:translate3d(499px,0,0) scale(0.81); }
	.app3_4 .p7{transform:translate3d(820px,0,0) scale(0.81); }

	.header{height:70px;}
	.nava{line-height:70px;}
}

/*客服边框*/

@media screen and (max-width:1200px) {
    .history-scroll .prev{left:15px;}
    .history-scroll .next{right:15px;}
}
@media screen and (max-width: 760px) {
    .containerr{width:95%;}
    .logo{width: 30%; margin: 0 5px;}
    .logo img{width:100%;}
    .navbar{width: 42px; padding: 5px 0; border-radius: 3px; margin: 5px auto; background: #3091f2; position: absolute; right: 15px; top: 10px; display:block;}
    .header{height:60px;}
    .navbar span{display:block;width:22px;height:2px;margin:4px auto;background:#fff;}
    .nav > ul{position: fixed; top: 0; left: 0; width:100%; height: 100%; background: #2e2e2e; overflow-y: auto; padding-bottom: 50px; box-sizing: border-box; display:none; }
    .navbar-close{width: 45px;height: 45px;overflow: hidden;position: absolute;right: 0;color: #fff;font-size: 1.5em;display:block;}
    .navbar-close:after {content: ''; width: 90px; height: 90px; position: absolute;right: -45px; top: -45px;background: rgba(245,245,245,0.1); border-radius: 100%; box-shadow: 0 2px 8px rgba(109,109,109,.2);}
    .navbar-close span{display: block; margin-left: 22px; line-height: 45px;}
    .nav_list > li:nth-child(2){margin-top:45px; }
    .nav ul li{width:90%;float:initial;line-height: 45px;height: auto;}
    .nav ul li a{display:block;color:#fff;    line-height: 45px;}
    .nav .slide{display: block !important; position: static; background: #3b3b3b;}
    .nav .slide ul{float:none;}


    .pat-tb30{padding-top:20px;padding-bottom:20px;}
    .fifty{width:100%;}

     /*关于我们*/
    .about_top  .fifty .text{width:86%;margin:auto;}
    .about_4 li {width: 31.33%;}
    .image-slider{    width: 90%;margin: auto;}
    .image-slider-contents{width:640px;margin:auto;}
    .preview .img-large{width: 90%; height: 100%; margin-top: 0; top: 0; display: table-cell; vertical-align: middle; transform: translateY(18%);}
    .preview .img-large img{width:80%;height:auto;}
    .preview .img-large .left{left:0;top:50%;}
    .preview .img-large .right{right:0;top:50%;}
}
@media screen and (max-width: 640px) {

	.banner {height: 500px;}
	h4 {font-size: 16px; line-height: 24px; }
	.bannerbg{background-size:100% 100%;height: 200px; }
	.bannerbg > img{height:100%;}
	.logo {width: 40%; }
	.nav ul li a{color:#fff !important;}
	.title-sub{font-size: 16px;}
	.thirty{width:100%;}
	h2.title{font-size:22px;line-height:34px;}
	.twenty,.twenty-five{width:100%;} 
	.banner .container,.swiper-slide{height:500px !important;overflow: hidden;}
	.container{width:92%;margin-left:auto;margin-right:auto;}
	.inner{width:100% !important;height:500px !important;}
	.app .img1,.aicaiji .img1 ,.aisounds .img1 {top: 68px; left: 0%; width: 98%;}
	.app .img2,.aicaiji .img2 ,.aisounds .img2{top: 200px; left: 0%; width: 98%; }
	.aisounds .img1{width:95%;left:3%;}
	.magicbanner .img1{top: 68px; left: 0%; width: 80%;}
	.magicbanner .img2{    top: 300px; left: auto; width: 85%; right: 0%;}
	.aisounds .img2{top: 245px;}
	.inbanner .pagination{bottom:10px;}
	.swiper-container{height:500px !important;}
	.banner-nav{position:initial;margin-top:-100px;display:none;}
	.slide:before{display:none;}
	.nav .slide{box-shadow:none;}
	.nav .slide a{color:#fff;}
	.banner-nav .container{display:block;}
	.in_slide .hd{display:none;}
	.in-2 .con{width:98%;}
	.in-2{background-color: #28263a;}
	.in-2 .con ul{height:auto !important;}
	.in-2 .con li{display:block !important;position:initial !important;margin-bottom: 25px; border-bottom: 1px #fff solid; padding-bottom: 25px;}
	.in-2 .con li:last-child{border:none;}
	.in-2 .con .b + h3 , .in-2 .con .b + h3 + p ,.in-2 .con .b + p{display:none;}  
	.in-2 .con .b{border:none;margin-bottom: 0px;}
	.in-2 .con h3{font-size:18px;}
	.in-2 .con .b span img{display:none;}
	.in-2 .con a{margin-top:0;margin-bottom:0;}
	.in-4 .twenty-five{width:50%;}
	.in_map{width:100%;background-size:100%;height: 300px;}
	.in_map li,.in_map .b{display:none;}
	.ph-img{width:100%;}
	.jiao .my, .jiao .other {width: 98%; box-sizing: border-box; float: none; padding-left: 0px; margin: 20px 1%; padding-left: 20px; padding-right: 20px; }
	.jiao .myti .ht{padding-left:5px; }
	.jiao .myti{padding-left:5px; }
	.jiao .bj{margin-top:120px; }
	.jiao .myti .ht {margin-left: 84px; }
	.jiao .vs{width: 100px; height: 100px; right: 0; top: 46%; left: inherit; }
	.jiao .vs img{width:100%; }
	/*智能电销*/
	.aisounds-1 .box:nth-of-type(1){width:100%;}
	.aisounds-1 .box{width:50%;border-bottom: 1px solid #f7f7f7; padding: 30px 15px;}
	.aisounds-1 .box p{display:none;}
	.aisounds-2 .box{height:170px;padding-right:130px;width:100%;}
	.aisounds-3 .box{margin-left:auto;margin-right:auto;}
	.aisounds-3 li:nth-of-type(3n) .box{float:none;}
	.aisounds-2 li:nth-of-type(2n) .box{margin-left:0;}
	.aisounds-4 li.active {width: 280px; margin: 30px auto; float: none;}
	.ai5{height:auto;background:none;}
	.ai5-box{position: initial;width: 90%;margin: 20px auto; box-sizing: border-box;}
	.ai5-box:before{background: none;width: 0;right: 0; left: 0;}
	/*电销采集*/
	.ai-caiji-jm{width: 98%;height: 240px;}
	.ai-caiji-jm .con{width:98%;height:240px;background-size:100%;padding-top:35px;}
	.ai-caiji-jm .con img{width:76%;}
	.ai-caiji-jm .hd{right:42px;}
	.aicaiji-2 li,.aicaiji-4 li {width:92%;margin:4%;height:auto;}
	.aicaiji-3 li{width: 48%;}
	.aicaiji-3 li strong{font-size:70px;}
	.aicaiji-3 .counter-box{width:130px;}
	/*魔盒*/
	.magicbox_1 .box:nth-of-type(1){width:100%; }
	.magicbox_1 .box{height:auto;margin: 20px 0 0;}
	.magicbox_4 .one .text{width:98%;}
	.magicbox_4 .con li{height:300px;}
	.magicbox_4 .hd ul li{font-size:15px;}
	.magicbox_4 .hd .img{width:30px;height: 30px;background-size:30px;}
	.magicbox_4 .one .img{display:none;}
	.magicbox_4 .one .h{display:none;}
	.magicbox_5 .img,.magicbox_5 .text{width:100%;}
	.magicbox_5 .img img{width:100%;}
	.magicbox_6 ul{height:auto;}
	.magicbox_6 li{height:auto;float:none;margin:20px auto;}
	.magicbox_8 li{width:97%;margin-bottom:30px;}
	.magicbox_8 li .img,.magicbox_8 li img{width:100%;}
	/*app*/
	.app_1 li{margin:20px 0 0;}
	.app-case .hd{position: initial;}
	.app-case .hd li{margin-right: 20px;font-size: 15px;}
	.app-case .img{width:100%;text-align:center;margin-top:20px;}
	.app-case .img1{position:initial;}
	.app-case .img2{width:100%;}
	.app-case .text img{width:100%;}
	.app-case .con{height:auto;}
	.app-case .text{margin-left:0;margin-top:20px;}
	.app_3 .text{padding-left:0;padding-top:0;text-align:center;}
    .app_3 .text .title-sub{text-align:center;}
    .app_3 .text h3{margin-bottom:0;text-align:center;}
    .app_mon .poster-prev-btn,.app_mon .poster-next-btn{background-size:30px;}
    .app_5 .box{margin:20px auto 0;height:auto;padding-bottom:16px;}
	
	/*群控*/
	.qunkongbanner .img1{left: 0%; top: 100px; width: 80%;}
	.qunkongbanner .img2{left: 10%; top: 260px; width: 80%;}
	.qunkong_2 li{width:98%;height:auto;}
	.qunkong_3 li{width:97%;margin: 1.5% 1.5% 35px;height: auto;}
	.qunkong_4 li{width:49%;}
	.qunkong_5 li{width:98%;margin-bottom:16px;}
	.qunkong_6 video{width:100%;}
	.qunkong_7 li{width:48%;height: 200px;}
    /*关于我们*/
    .phimg{width:100%;}
    .about_top  .fifty .text{width:86%;margin:auto;}
    p.subm { font-size: 14px;}
    .abtop-h h3 {font-size: 18px; }
    .about_3 .img{display:block;margin:10px auto;}
    .about_3 h3{font-size:18px;text-align:center;}
    .title-sub{padding-bottom:10px;}
    .image-slider-contents{width:200px;margin:auto;}
    .about_4 li{width:94%;margin:10px auto;max-width:320px;float:none;}
    .about_5{padding: 20px 0 40px;}
    .contact_1 li{width:94%;margin:25px auto;max-width:340px;float:none;}
    .abtop-b a{ margin: 0 10px;}
    .ag-1 li,.ag-2 li,.ag-3 li{width:95%;float:none;margin:20px auto;}
	.ag-1 li{padding-top:5%;}
	.ag-4 .img {background: url(../images/agent/4-1.png) no-repeat center top;height: 0px;padding-top: 30%;padding-bottom: 20px;background-size: 100%;}
	/*代理加盟*/
	.ag-1 li,.ag-2 li,.ag-3 li{width:95%;float:none;margin:20px auto;}
	.ag-1 li{padding-top:5%;}
	.ag-4 .img {background: url(../images/agent/4-1.png) no-repeat center top;height: 0px;padding-top: 30%;padding-bottom: 20px;background-size: 100%;}
	/*网站资讯*/
	.news .side{width:100%;}
	.n_nav,.n_jian{display:none;}
	.news .content{width:100%;}
	.n_list .img {width: 128px;height: 97px;}
	.n_list .text {margin-left:140px;height: 100px;}
	.n_list .text p{display:none;}
	.news .author{display:none;}
}