@import url(base.css?t=20240702);
@import url(common.css?t=20240702);
@charset "utf-8";
/* ==========================================================
	* Name: 全站公共样式
	* Date: 2011/07/01
	* User: littlemao
============================================================*/
/*全站链接样式*/
a{ color:#333; text-decoration:none;}
a:hover{ color:#b4404a; text-decoration:none;} 
.blank{height:10px;}
body{ color:#333; font-size:12px;background:#fff;}
.blank{ height:10px;}
pre{padding:10px;border:1px dotted #31629e;background:#f0f8ff;font:12px verdana,lucida,helvetica,arial,sans-serif;word-break:break-all;}

body{font-weight:normal;font:12px "微软雅黑",verdana,lucida,helvetica,arial,sans-serif;}
*{box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}



.bannerw{width:100%;height:600px;min-width:1200px;background:url(../img/2024/indexbanner.png) center 50px;position:relative;}
.banner{margin:0 auto;width:1200px;height:600px;position:relative;padding-left:10px;}
.banner .info{text-align:left;color:#999;padding-top:180px;}
.banner .info .title{font-size:22px;}


/*topmenu*/
.indextopmenu{position:fixed;top:0;width:100%;height:80px;z-index:12;background:#ffffff;}
.indextopmenu .topmenudiv{width:1200px;height:80px;margin:0 auto;position:relative;}
.indextopmenu .topmenudiv .logo{position:absolute;left:0;top:15px;width:342px;height:50px;background:url(../img/indexlogo.png) no-repeat;}
.indextopmenu .topmenudiv ul{position:absolute;right:180px;top:0;}
.indextopmenu .topmenudiv ul li{display:inline-block;line-height:80px;position:relative;}
.indextopmenu .topmenudiv ul li a{display:block;padding:0 20px;color:#333333;font-size:15px;}
.indextopmenu .topmenudiv ul li a:hover{color:#4d8dfd;}
.indextopmenu .topmenudiv .indexlogin{position:absolute;right:0;top:23px;}
.indextopmenu .topmenudiv .indexlogin .login{display:inline-block;width:70px;padding:5px 0;border:1px solid #808b9b;border-radius:2px;color:#808b9b;text-align:center;font-size:14px;}
.indextopmenu .topmenudiv .indexlogin .login:hover{border:1px solid #808b9b;color:#808b9b;}
.indextopmenu .topmenudiv .indexlogin .register{display:inline-block;width:70px;padding:5px 0;border:1px solid #4d8dfd;border-radius:2px;background:#4d8dfd;color:#fff;text-align:center;font-size:14px;margin-left:10px;}
.indextopmenu .topmenudiv .indexlogin .register:hover{background:#a3303a;color:#fff;border:1px solid #a3303a;}

.topmenudiv .submenu{position:absolute;left:-50px;top:80px;width:600px;padding:20px;background:#ffffff;z-index:10;box-shadow: 0 10px 30px -8px rgba(0,0,0,.12);transition: all .36s ease;transform: translate3d(0px, 10px, 0px);-moz-transform: translate3d(0px, 10px, 0px);-webkit-transform: translate3d(0px, 10px, 0px);border-radius: 6px;opacity:0;visibility: hidden;}
.topmenudiv .menutitle{height:50px;line-height: 35px;border-bottom: 1px solid #f1f1f1;font-size: 16px;color:#000;font-weight: bold;}
.topmenudiv .submenu{padding:20px 35px;}
.topmenudiv .submenu ul{position:relative;top:0;right:0;margin:0 -20px;}
.topmenudiv .submenu ul li{float:left;width:50%;display:block;margin-top:5px;padding:0 10px;}
.topmenudiv .submenu ul li a{font-size:14px;padding:0;color:#999;padding:10px 10px;}
.topmenudiv .submenu ul li a:hover{border-radius: 6px;background:#f5f5f5 url(../img/2024/arrow.png) no-repeat 220px 18px;}
.topmenudiv .submenu ul li a .title{color:#000;height:30px;line-height:30px;font-size:14px;}
.topmenudiv .submenu ul li a .info{color:#999;font-size:12px;height:20px;line-height:20px;}
.topmenudiv .submenu ul li a:hover{color:#666;}
/*.topmenudiv .submenu::after{content:'';display:block;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #f9f9f9;position:absolute;top:-10px;left:75px;}*/
.topmenudiv ul li:hover .submenu{visibility:visible;opacity:1;}


/*从访问行为去了解你的用户*/
.index_box{padding:60px 0 10px 0;position:relative;box-shadow:0 3px 20px rgba(0, 0, 0, 0.1);}
.index_box *{box-sizing:border-box;}
.index_box .line{width:970px;position:absolute;border-top:2px solid #c9c9c9;top:59px;left:50%;margin-left:-485px;z-index:1;}
.index_info{margin:0 auto;width:1200px;position:relative;background:#fff;}
.index_info ul{width:100%;}
.index_info ul li{float:left;width:20%;position:relative;text-align:center;line-height:70px;font-size:16px;color:#666;}
.index_info .point{width:16px;height:16px;border-radius:16px;background:#fff;position:absolute;top:-8px;left:50%;margin-left:-8px;;z-index:1;}
.index_info .spoint{width:10px;height:10px;border-radius:20px;background:#4d8dfd;margin:0 auto;margin-top:3px;z-index:2;}
.index_info .pointselect{width:16px;height:16px;border-radius:16px;background:#4d8dfd;position:absolute;top:-8px;left:50%;margin-left:-8px;z-index:1;}
.index_info .spointselect{width:10px;height:10px;border-radius:10px;background:#fff;margin:0 auto;margin-top:3px;z-index:2;}
.index_info .arrow{position:absolute;top:-20px;left:195px;width:89px;height:10px;background:url(../img/arrow.png) no-repeat;}
.index_info .title{font-size:32px;text-align:center;}
.index_info .info{margin:0 auto;width:460px;text-align:center;font-size:16px;color:#666;padding:15px;margin-top:30px;border-radius:30px;border:1px dashed #c9c9c9;}

/* banner */
.banner .circle{position:absolute;z-index:10;}
@keyframes bounce-down {25% {transform: translateY(-10px);}50%, 100% {transform: translateY(0);}75% {transform: translateY(10px);}}
@-webkit-keyframes bounce-down {25% {-webkit-transform: translateY(-10px);}50%, 100% {-webkit-transform: translateY(0);}75% {-webkit-transform: translateY(10px);}}
.banner .circle01{width:117px;height:117px;background:url(../img/banner/circle01.png) no-repeat;bottom:100px;left:140px;-webkit-animation:bounce-down 1.5s linear infinite;animation:bounce-down 1.5s linear infinite;}
.banner .circle02{width:72px;height:72px;background:url(../img/banner/circle02.png) no-repeat;bottom:230px;left:10px;-webkit-animation:bounce-down 1.5s linear infinite;animation:bounce-down 1.5s linear infinite;}
.banner .circle03{width:72px;height:72px;background:url(../img/banner/circle03.png) no-repeat;bottom:50px;left:30px;-webkit-animation:bounce-down 1.5s linear infinite;animation:bounce-down 1.5s linear infinite;}
.banner .circle04{width:105px;height:105px;background:url(../img/banner/circle04.png) no-repeat;top:160px;right:140px;-webkit-animation:bounce-down 1.5s linear infinite;animation:bounce-down 1.5s linear infinite;}
.banner .circle05{width:81px;height:81px;background:url(../img/banner/circle05.png) no-repeat;top:250px;right:10px;-webkit-animation:bounce-down 1.5s linear infinite;animation:bounce-down 1.5s linear infinite;}
.banner .circle06{width:72px;height:72px;background:url(../img/banner/circle06.png) no-repeat;top:120px;right:30px;-webkit-animation:bounce-down 1.5s linear infinite;animation:bounce-down 1.5s linear infinite;}
.banner .pc{position:absolute;width:377px;height:342px;background:url(../img/banner/pc.png) no-repeat;z-index:10;top:-100px;left:0;}
.banner .phone{position:absolute;width:291px;height:227px;background:url(../img/banner/phone.png) no-repeat;z-index:10;bottom:0;right:0;}



.banner .info .title{font-size:50px;color:#000;text-align: left;}
.banner .info .title2{margin-top:30px;font-size:40px;}
.banner .info .detail{font-size:15px;line-height:30px;color:#666;margin-top:10px;}
.banner .info .menu{margin:50px 0 0 0;width:500px;text-align:left;}
.banner .info .menu a.menu01{display:inline-block;margin-left:15px;width:150px;text-align:center;padding:10px 0;border-radius:2px;color:#fff;font-size:15px;background:#a3303a;transition: all 0.3s ease-out 0s;}
.banner .info .menu a.menu01:hover{background:#4d8dfd;}
.banner .info .menu a.menu02{display:inline-block;width:150px;text-align:center;padding:10px 0;border-radius:2px;color:#fff;font-size:15px;background:#4d8dfd;transition: all 0.3s ease-out 0s;box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);}
.banner .info .menu a.menu02:hover{background:#a3303a;}
.banner .info .menu_detail{position:relative;margin-top:50px;}
.banner .info .menu_detail li{display:inline-block;color:#000;font-size:16px;}
.banner .info .menu_detail li a{color:#000;font-size:16px;}
.banner .info .menu_detail li a:hover{color:#4d8dfd}
.bannerw .next{position:absolute;display:block;width:51px;height:51px;background:url(../img/next.png) no-repeat;left:50%;bottom:-25px;margin-left:-25px;z-index:10}
.banner .info .play{width:50px;height:50px;margin:0 auto;margin-top:40px;background:url(../img/play.png) no-repeat 0 0;}
.banner .info .menu_detail .cx{position:absolute;top:-25px;left:450px;width:36px;height:25px;background:url(../img/cx.png) no-repeat;color:#fff;line-height:18px;}

.banner .detail-info{display: flex;width:700px;margin-top:30px;}
.banner .detail-info .item{flex:1;}
.banner .detail-info .item .ititle{font-size:22px;color:#000;}
.banner .detail-info .item .iinfo{font-size:15px;color:#666;margin-top:5px;}

.btn-red{display:inline-block;padding:10px 60px;background:#b4404a;border-radius:3px;color:#fff;font-size:20px;}
.btn-red:hover{background:#9b242f;color:#fff;}

/*产品介绍*/
.product-pic{background:#f9f9f9;padding:80px 0 60px 0;min-width:1200px;box-sizing:border-box;}
.product-pic .product-pic-box{margin:0 auto;width:1200px;height:550px;position:relative;}
.product-pic .product-pic-box .pic{position:absolute;top:0;left:-35px;width:1269px;height:550px;background:url(../img/new/banner.png) no-repeat 0 0;z-index:2;}
.product-pic .product-pic-box .pic a{display:block;width:1269px;height:550px;outline:none;}
.product-pic .product-pic-menu{position:absolute;right:0;top:50px;width:470px;z-index:1;}
.product-pic .product-pic-menu li{padding:10px 0;}
.product-pic .product-pic-menu li a{display:block;width:370px;padding:35px 50px 35px 30px;background:#f1f1f1 url(../img/pro-menu.png) no-repeat 400px -154px;color:#666;font-size:18px;border-radius:2px;transition: all 0.3s ease-out 0s;}
.product-pic .product-pic-menu li a.here,.product-pic .product-pic-menu li a:hover{width:400px;background:#4d8dfd url(../img/pro-menu.png) no-repeat 430px -52px;color:#fff;}

/*bigcase*/
.bigcase{background:#fff;padding:0 0 80px 0;min-width:1200px;box-sizing:border-box;}
.bigcase .title{font-size:38px;font-weight:lighter;text-align:center;color:#666;}
.homecaselist{margin-left:auto;margin-right:auto;width:1240px;padding-top:30px;}
.homecaselist ul{margin:0;}
.homecaselist li{float:left;width:16.6%;text-align: center;padding:10px 0;}
.homecaselist li img{width:158px;height:60px;padding:10px;border-radius:3px;border:1px solid #f5f5f5;background:#fff;margin:0 auto;}
.homecaselist li p{text-align:center;}


/*数据采集*/
.collect_data{margin:0 auto;margin-top:50px;width:1200px;height:400px;position:relative;}
.collect_data .img{position:absolute;width:230px;height:230px;top:80px;left:50%;margin-left:-115px;}
.collect_data li{width:400px;height:150px;padding:30px;background:#f9f9f9;}
.collect_data li.li01{position:absolute;top:0;left:20px;}
.collect_data li.li02{position:absolute;top:0;right:20px;}
.collect_data li.li03{position:absolute;left:20px;bottom:0;}
.collect_data li.li04{position:absolute;right:20px;bottom:0;}
.collect_data li .title{font-size:18px;line-height:35px;}
.collect_data li .info{font-size:14px;line-height:25px;color:#999}
.collect_data li .triangle-bottom-right{position:absolute;right:-60px;bottom:0;width:0;height:0;border-bottom:30px solid #f9f9f9;border-right:60px solid transparent;}
.collect_data li .triangle-bottom-left{position:absolute;left:-60px;bottom:0;width:0;height:0;border-bottom:30px solid #f9f9f9;border-left:60px solid transparent;}
.collect_data li .triangle-top-right{position:absolute;right:-60px;top:0;width:0;height:0;border-top:30px solid #f9f9f9;border-right:60px solid transparent;}
.collect_data li .triangle-top-left{position:absolute;left:-60px;top:0;width:0;height:0;border-top:30px solid #f9f9f9;border-left:60px solid transparent;}


/*我们能做什么*/
.whatido{font-size:34px;text-align:center;color:#000;position:relative;height:60px;margin-top:20px;}
.whatido::after {content:'';display:block;width:200px;position:absolute;bottom:0;left:50%;margin-left:-100px;border-bottom:1px solid #e8e8e8;}
.subtitle{color:#666666;font-size:15px;text-align:center;margin-top:20px;}

.whatido-2{font-size:32px;text-align:center;color:#fff;position:relative;height:60px;}

/*产品*/
.productlist-box{background:#f5f5f5;padding:80px 0 60px 0;min-width:1200px;box-sizing:border-box;}
.productlist{margin-left:auto;margin-right:auto;width:1200px;margin-top:40px;padding-bottom:30px;}
.productlist ul{margin:0 -15px;}
.productlist li{float:left;padding:15px;width:50%;box-sizing:border-box;}
.productlist li .probox{padding:20px;background:#fff;transition: all 0.2s linear 0s;}
.productlist li .probox:hover {box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);}
.productlist li .probox i{display:block;float:left;width:130px;height:130px;}
.productlist li .probox i.i01{background:url(../img/icon_conmon.png) no-repeat 0 0;}
.productlist li .probox i.i02{background:url(../img/icon_conmon.png) no-repeat -156px 0;}
.productlist li .probox i.i03{background:url(../img/icon_conmon.png) no-repeat -311px 0;}
.productlist li .probox i.i04{background:url(../img/icon_conmon.png) no-repeat -467px 0;}
.productlist li .probox i.i05{background:url(../img/icon_conmon.png) no-repeat -623px 0;}
.productlist li .probox i.i06{background:url(../img/icon_conmon.png) no-repeat -778px 0;}
.productlist li .probox .title{margin-top:35px;font-size:18px;text-align:left;}
.productlist li .probox .info{font-size:13px;color:#999;line-height:25px;padding:0px;height:60px;margin-top:10px;}
.productlist li .probox .menubox{background:#f9f9f9;margin:-30px;padding:20px;margin-top:0;border-top:1px solid #e8e8e8;}
.productlist li .probox .menu{margin-left:auto;margin-right:auto;display:block;width:150px;text-align:center;padding:8px 0;border-radius:1px;color:#fff;background:#fff;border:1px solid #e8e8e8;font-size:16px;color:#666;transition: all 0.3s ease-out 0s;}
.productlist li .probox .menu:hover{background:#b4404a;border:1px solid #b4404a;color:#fff;}
.productlist li a{display:block;}

.productlist li .probox .probox-a-list{padding:10px 0;box-sizing:border-box;border-top:1px solid #eee;margin:0 -10px;margin-top:15px;}
.productlist li .probox .probox-a-list a{display:block;float:left;width:50%;color:#4d8dfd;box-sizing:border-box;font-size:14px;line-height:30px;text-align:center;}
.productlist li .probox .probox-a-list a:hover{color:#999;}


.solutionlist{margin-left:auto;margin-right:auto;width:1200px;margin-top:40px;padding-bottom:40px;}
.solutionlist ul{margin:0 -20px;}
.solutionlist li{float:left;padding:0px;width:25%;box-sizing:border-box;}
.solutionlist li .probox{padding:45px;transition: all 0.2s linear 0s;}
.solutionlist li .probox:hover {background:#fff;box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);}
.solutionlist li .probox i{display:block;height:150px;margin-top:0;background:url(../img/qingjing.png) no-repeat center center;}
.solutionlist li .probox div.syh01{margin:0 auto;width:119px;height:119px;background:url(../img/siyouhua.png) no-repeat -26px -24px;}
.solutionlist li .probox div.syh02{margin:0 auto;width:119px;height:119px;background:url(../img/siyouhua.png) no-repeat -335px -24px;}
.solutionlist li .probox div.syh03{margin:0 auto;width:119px;height:119px;background:url(../img/siyouhua.png) no-repeat -640px -24px;}
.solutionlist li .probox div.syh04{margin:0 auto;width:119px;height:119px;background:url(../img/siyouhua.png) no-repeat -949px -23px;}
.solutionlist li .probox .title{margin-top:30px;font-size:16px;text-align:center;color:#333;}
.solutionlist li .probox .info{margin-top:10px;font-size:14px;color:#999;line-height:22px;padding:0;}
.solutionlist .menu{margin:20px auto;margin-top:30px;display:block;width:230px;text-align:center;padding:12px 0;border-radius:1px;color:#fff;font-size:16px;border:1px solid #d8d8d8;color:#666;transition: all 0.3s ease-out 0s;}
.solutionlist .menu:hover{background:#b4404a;border:1px solid #b4404a;color:#fff;}


/*解决方案*/
.solution{padding:80px 0;background:#fff;min-width:1200px;box-sizing:border-box;}
.what_do_list{margin-left:auto;margin-right:auto;width:1200px;margin-top:20px;}
.what_do_list li{float:left;padding:26px;position:relative;width:33.33%;box-sizing:border-box;}
.what_do_list ul{margin:0 -20px;}
.what_do_list li .what_do_list_box{padding-bottom:20px;transition: all 0.3s ease-out 0s;}
.what_do_list li .what_do_list_box:hover{background:#fff;}
.what_do_list li div.img{width:360px;height:240px;}
.what_do_list li div.wd01{background:url(../img/wd1.jpg) no-repeat 0 0;}
.what_do_list li div.wd02{background:url(../img/wd2.jpg) no-repeat 0 0;}
.what_do_list li div.wd03{background:url(../img/wd3.jpg) no-repeat 0 0;}
.what_do_list li div.wd04{background:url(../img/wd4.jpg) no-repeat 0 0;}
.what_do_list li div.wd05{background:url(../img/wd5.jpg) no-repeat 0 0;}
.what_do_list li div.wd06{background:url(../img/wd6.jpg) no-repeat 0 0;}
.what_do_list li .title{display:block;width:360px;text-align:left;font-size:16px;color:#333;margin-top:15px;}
.what_do_list li .info{color:#999;font-size:13px;text-align:left;margin-top:10px;line-height:22px;}


/*应用情景*/
.scene-box{background:#f9f9f9;padding:70px 0;}


/*app*/
.app{background:#fff;}
.app .appbox{margin-left:auto;margin-right:auto;width:1200px;height:500px;background:url(../img/new/app.png) no-repeat 0 50px;position:relative;}
.app .appbox .appclick{position:absolute;display:block;width:617px;height:544px;top:0;left:0;}
.app .appbox .title{position:absolute;top:160px;left:700px;font-size:38px;color:#666;font-weight:lighter;}
.app .appbox .info{position:absolute;top:230px;left:700px;font-size:18px;color:#999;}
.app .appbox .appdemo-btn{position:absolute;top:290px;left:700px;display:block;box-sizing:border-box;width:220px;text-align:center;padding:10px 0;background:#4d8dfd;border-radius:1px;color:#fff;font-size:20px;border:none;transition: all 0.3s ease-out 0s;}
.app .appbox .appdemo-btn:hover{background:#9b242f;color:#fff;}

.app .appbox .appdemo-btn2{position:absolute;top:290px;left:960px;display:block;box-sizing:border-box;width:220px;text-align:center;padding:10px 0;background:#9b242f;border-radius:1px;color:#fff;font-size:20px;border:none;transition: all 0.3s ease-out 0s;}
.app .appbox .appdemo-btn2:hover{color:#fff;background:#4d8dfd;}



/* 本例子css */
.focusBox {position: relative; width:1157px; height:650px; overflow: hidden; }
.focusBox .pic{ position:relative; z-index:0; }
.focusBox .pic li{position:relative;}
.focusBox .pic li .text{display:block;position:absolute;bottom:50px;left:290px;width:260px;text-align:center;height:50px;line-height:50px;background:#b4404a;font-size:20px;color:#fff;border-radius:25px;transition: all 0.3s ease-out 0s;cursor:pointer;}
.focusBox .pic li .text:hover{background:#4d8dfd;}
.focusBox .pic li .text2{display:block;position:absolute;bottom:50px;left:600px;width:260px;text-align:center;background:#4d8dfd;height:50px;line-height:50px;font-size:20px;color:#fff;border-radius:25px;transition: all 0.3s ease-out 0s;cursor:pointer;}
.focusBox .pic li .text2:hover{background:#b4404a;}
.focusBox .pic img { width:1157px; height:650px; display: block; }
.focusBox .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }
.focusBox .hd li{margin: 0 5px; background: url(../img/new/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;display:inline-block; *display:inline; zoom:1;  _background: url(../img/new/dot8.png) no-repeat 0 -16px;}
.focusBox .hd .on{ background-position:0 0; }
.focusBox .prev,
.focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(../img/new/ad_ctr.png) no-repeat 0 0; position: absolute; top: 40%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.focusBox .prev { left: 0; }
.focusBox .next { background-position: 0 -90px; right: 0; }
.focusBox .prev:hover,
.focusBox .next:hover {filter:alpha(opacity=50) !important;opacity:0.5 !important;}


/*推荐*/
.recombox{width:100%;padding:20px 0;background:#fff;box-shadow:0 3px 20px rgba(0, 0, 0, 0.1);}
.recombox ul{width:1200px;margin:0 auto;}
.recombox li{float:left;width:25%;padding:10px 0;border-right:1px solid #e8e8e8;box-sizing:border-box;}
.recombox li:last-child{border:none;}
.recombox li div{padding-left:120px;height:65px;padding-top:5px;}
.recombox .recombox1{background:url(../img/toprecom.png) no-repeat 0 -10px;}
.recombox .recombox2{background:url(../img/toprecom.png) no-repeat -318px -10px;}
.recombox .recombox3{background:url(../img/toprecom.png) no-repeat -610px -10px;}
.recombox .recombox4{background:url(../img/toprecom.png) no-repeat -910px -10px;}



/*首页app视频录制*/
.appvideo{background:#fff;padding:60px 0;position:relative;}
.appvideo .appvideo_box{margin:0 auto;width:1200px;padding:70px 0;}
.appvideo .appvideo_box .img{float:left;width:600px;}
.appvideo .appvideo_box .info{float:right;width:500px;}
.appvideo .appvideo_box .info .title{font-size:20px;line-height:60px;}
.appvideo .appvideo_box .info .detail{font-size:14px;color:#999;line-height:25px;margin-top:30px;}
.appvideo .appvideo_box .app_info{margin-top:40px;border-right:1px solid #e8e8e8;}
.appvideo .appvideo_box .app_info li{height:30px;line-height:30px;width:33.33%;float:left;border-left:1px solid #e8e8e8;text-align:center;font-size:14px;color:#666;}
.appvideo .appvideo_box .appmore{display:inline-block;margin-top:70px;border-radius:2px;padding:10px 50px;border:1px solid #4d8dfd;background:#4d8dfd;font-size:16px;color:#fff;}
.appvideo .appvideo_box .appmore:hover{background:#b4404a;color:#fff;border:1px solid #b4404a;transition: all 0.3s ease-out 0s;}



.indexmenu{margin:20px auto;display:inline-block;text-align:center;padding:10px 50px;border-radius:2px;font-size:16px;background:#4d8dfd;border:1px solid #4d8dfd;color:#fff;transition: all 0.3s ease-out 0s;}
.indexmenu:hover{background:#b4404a;border:1px solid #b4404a;color:#fff;}


/*以用户为中心的数据分析*/
.user_product_box{background:#fff;padding:80px 0 60px 0;min-width:1200px;box-sizing:border-box;}
.userproductlist{margin-left:auto;margin-right:auto;width:1200px;margin-top:40px;padding-bottom:30px;}
.userproductlist ul{margin:0 -15px;}
.userproductlist li{float:left;padding:15px;width:33.33%;box-sizing:border-box;}
.userproductlist li a{display:block;}
.userproductlist li .probox{border:1px solid #e8e8e8;padding:35px;transition:all .3s ease-out 0s;box-shadow: 0 10px 30px -8px rgba(0,0,0,.12);}
.userproductlist li .probox i{padding:30px;background:#f9f9f9;display:block;margin:-35px -35px 0 -35px;border-bottom:1px solid #e8e8e8;}
.userproductlist li .probox i span{display:block;width:114px;height:114px;margin:0 auto;}
.userproductlist li .probox i .s01{background:url(../img/user_product.png) no-repeat 0 0;}
.userproductlist li .probox i .s02{background:url(../img/user_product.png) no-repeat -116px 0;}
.userproductlist li .probox i .s03{background:url(../img/user_product.png) no-repeat -232px 0;}
.userproductlist li .probox .title{font-size:18px;color:#333;height:30px;margin-top:35px;}
.userproductlist li .probox .info{line-height:25px;color:#999;font-size:14px;}
.userproductlist li .probox:hover{box-shadow: 0 10px 30px -8px rgba(0,0,0,.12);border:1px solid #4d8dfd;}


.indexcounts{background:rgba(0,0,0,0.2);position:absolute;bottom:0;width:100%;padding:15px 0;z-index:100;border-top:1px solid #424955}
#show_log_id{margin:0 auto;width:1200px;border-right:1px solid #424955;}
#show_log_id li{float:left;width:33.33%;text-align:left;border-left:1px solid #424955;}
#show_log_id li .title{color:#eee;font-size:16px;padding-left:45px;}
#show_log_id li .num {font-size:30px;color: #00deff;font-weight:100;margin-top:10px;padding-left:45px;}


/* .indexnews{position:absolute;z-index:10;bottom:-60px;left:50%;margin-left:-600px;width:1200px;height:120px;background: #fff;border-radius: 6px;box-shadow: 0 10px 30px -8px rgb(0 0 0 / 12%);padding:15px;display: flex;background:linear-gradient(to bottom, #f5f5f5, #ffffff);}
.indexnews .indexnews_item{flex:1;padding:10px 30px;position: relative;}
.indexnews .indexnews_item .title{font-size:16px;color:#000;}
.indexnews .indexnews_item .info{font-size:14px;color:#848b99;line-height:20px;margin-top:10px;}
.indexnews .indexnews_item::after{display: block;content: "";width:1px;height:60px;background:#e8e8e8;position:absolute;top:20px;right:0;}
.indexnews .indexnews_item:last-child::after{width:0;} */


.indexnews{position:absolute;z-index:10;bottom:-100px;left:50%;margin-left:-650px;width:1300px;padding:15px;display: flex;}
.indexnews .indexnews_item{flex:1;padding:20px 30px;position: relative;box-shadow: 0 10px 30px -8px rgb(0 0 0 / 12%);background: #fff;border-radius: 6px;margin:0 10px;border:1px solid #e8e8e8;background:linear-gradient(to bottom,  #ffffff,#ffffff);}
.indexnews .indexnews_item .title{font-size:16px;color:#000;}
.indexnews .indexnews_item .info{font-size:13px;color:#999999;line-height:20px;margin-top:10px;}
.indexnews .indexnews_item:last-child::after{width:0;}

.index_main_pic{width:100%;height:633px;background: url(../img/2024/main.png) no-repeat top center;margin-top: 36px;margin-bottom: 80px;}


.indextablist{background: #ffffff;margin-top:30px;padding:20px 0;}
.indextablist ul{width:1200px;margin: 0 auto;display:flex;position: relative;}
.indextablist ul::after{position: absolute;width:1200px;display: block;content:"";height:1px;background: #f5f5f5;top:45px;}
.indextablist ul li{flex:1;text-align: center;font-size: 20px;position: relative;cursor: pointer;line-height:45px;}
.indextablist ul li.selected{font-weight: bold;font-size: 20px;}
.indextablist ul li.selected::after{position: absolute;left:50%;top:45px;margin-left:-30px;display: block;content:"";height:3px;width:60px;background: #4d8dfd;border-radius: 5px;z-index:999}


.indextabbox{width:1200px;margin: 0 auto;}
.indextabbox .itembox{display: flex;padding:60px 0;}
.indextabbox .itembox .itembox_left{flex:1;padding-right:30px;}
.indextabbox .itembox .itembox_right{width:600px;}
.indextabbox .itembox .itembox_title{font-size:30px;margin-top:50px;color:#000000;}
.indextabbox .itembox  ul{margin-top:20px;}
.indextabbox .itembox  ul li{line-height:35px;font-size: 14px;color:#666;position: relative;padding-left:12px;}
.indextabbox .itembox  ul li::before{display: block;content: "";width:4px;height:4px;border-radius: 4px;background: #666;position: absolute;top:15px;left:0;}
.indextabbox .itembox .itembox_menu{margin-top:30px;}
.indextabbox .itembox .itembox_menu .moremenu{display:inline-block;background: #4d8dfd;border:1px solid #4d8dfd;width:120px;height:35px;line-height: 33px;text-align: center;color: #ffffff;font-size: 14px;border-radius: 2px;}
.indextabbox .itembox .itembox_menu .demomenu{margin-left:10px;display:inline-block;background: #ffffff;border:1px solid #4d8dfd;width:120px;height:35px;line-height: 33px;text-align: center;color: #4d8dfd;font-size: 14px;border-radius: 2px;}
.indextabbox .itembox .imgbox{background: #f9f9f9;padding:15px;border-radius:15px;}
.indextabbox .itembox .imgbox img{width:100%}


/*功能点*/
.funcwrap{background:#f9f9f9;padding:50px 0;}
.funcboxlist{width:1200px;margin:50px auto;}
.funcboxlist ul{margin:0 -30px;}
.funcboxlist li{float:left;width:33.33%;padding:30px;}
.funcboxlist li .funcbox{padding:20px 30px;background: #ffffff;border-radius: 3px;height:212px;}
.funcboxlist li .funcbox .icon{width:50px;height:50px;background:url(../img/2022/func.png) no-repeat;}
.funcboxlist li .funcbox .title{font-size:18px;margin-top:15px;}
.funcboxlist li .funcbox .info{line-height:22px;font-size:14px;color:#848b99;margin-top: 10px;}