@import url(base.css?t=20250921);
@import url(common.css?t=20250921);
@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:800px;min-width:1200px;/*background:url(../img/2024/indexbanner.png) center 50px;*/position:relative;background-size: 40px 40px;
    background-image: linear-gradient(to right, rgba(30, 64, 175, 0.05) 1px, transparent 1px), linear-gradient(to bottom, rgba(30, 64, 175, 0.05) 1px, transparent 1px);}
.banner{margin:0 auto;width:1400px;height:600px;display: flex;padding-top:80px;}
.banner .banner-left{width:50%;}
.banner .banner-left .title{margin-top:160px;font-size:56px;font-weight: bold;}
.banner .banner-left .title .subtitle01{color:#333}
.banner .banner-left .title .subtitle02{color:#1E40AF}
.banner .banner-left .detail{margin-top:35px;font-size: 20px;line-height:30px;width:500px;}
.banner .banner-left .menu{margin-top: 30px;display: flex;}
.banner .banner-left .menu .menu01{border:1px solid #1E40AF;color:#fff;background:#1E40AF;padding:18px 60px 18px 35px;border-radius:6px;font-size: 16px;position: relative;box-shadow: 0 5px 10px -5px rgb(0 0 0 / 12%);}
.banner .banner-left .menu .menu01 .iconfont{position: absolute;right:30px;top:18px;font-size: 22px;transition: all 0.3s ease;}
.banner .banner-left .menu .menu01:hover{background:rgb(30 64 175 / 0.9);}
.banner .banner-left .menu .menu01:hover .iconfont{right:27px;}
.banner .banner-left .menu .menu02{border:1px solid #d8d8d8;color:#333333;background:#ffffff;padding:18px 35px;border-radius:6px;font-size: 16px;margin-left:20px;box-shadow: 0 5px 10px -5px rgb(0 0 0 / 12%);}
.banner .banner-right{flex:1;padding-top:80px;}
.banner .banner-right img{border-radius: 10px;box-shadow: 0 10px 20px -8px rgb(0 0 0 / 12%);}
.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;border-bottom: 1px solid #f5f5f5;}
.indextopmenu .topmenudiv{width:1400px;height:80px;margin:0 auto;position:relative;}
.indextopmenu .topmenudiv .logo{position:absolute;left:0;top:15px;width:300px;height:50px;}
.indextopmenu .topmenudiv .logo img{width:300px}
.indextopmenu .topmenudiv ul{position:absolute;right:280px;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:16px;}
.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:6px 0;border:1px solid #808b9b;border-radius:2px;color:#808b9b;text-align:center;font-size:14px;}
.indextopmenu .topmenudiv .indexlogin .login:hover{border:1px solid #4d8dfd;color:#808b9b;background:#4d8dfd;color:#fff}
.indextopmenu .topmenudiv .indexlogin .register{display:inline-block;width:100px;padding:6px 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:rgba(77, 141, 253, 0.8);color:#fff;border:1px solid rgba(77, 141, 253, 0.8);}

.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 ul li:hover .submenu{visibility:visible;opacity:1;}


.indexbox01{padding:80px 0;background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));}
.indexbox01 .title{font-size:42px;font-weight: bold;text-align: center;}
.indexbox01 .subtitle{font-size: 16px;color:#333;margin-top:30px;text-align: center;}
.indexbox01 .itemlist{display: flex;flex-wrap: wrap;width: 1440px;margin:0 auto;margin-top:50px;}
.indexbox01 .itemlist .item{width:33.33%;padding:15px;}
.indexbox01 .itemlist .item .itembox{background: #fff;padding:30px;border-radius: 10px;box-shadow: 0 10px 10px -8px rgb(0 0 0 / 12%);transition: all 0.3s ease;}
.indexbox01 .itemlist .item .itembox:hover{transition: all .36s ease;transform: translate3d(0px, -5px, 0px);}
.indexbox01 .itemlist .item .itembox .icon{width:60px;height:60px;background:#e7ebf2;border-radius: 6px;text-align: center;padding-top: 10px;}
.indexbox01 .itemlist .item .itembox .icon .iconfont{font-size:36px;color:#1E40AF;}
.indexbox01 .itemlist .item .itembox .ititle{font-size: 22px;font-weight:bold;margin-top:20px;}
.indexbox01 .itemlist .item .itembox .idetail{font-size: 16px;margin-top:20px;line-height:25px;color:#666}
.indexbox01 .itemlist .item .itembox .plist{margin-top:20px;}
.indexbox01 .itemlist .item .itembox .plist li{margin-top:10px;font-size: 14px;}
.indexbox01 .itemlist .item .itembox .plist li .iconfont{color:#79bd0f;}
.indexbox01 .itemlist .item a{display: block;}
.indexbox01 .itemlist .item a:hover{color:#333}

.indexbox02{padding:80px 0;}
.indexbox02 .itemlist{display: flex;flex-wrap: wrap;width: 1440px;margin:0 auto;margin-top:50px;}
.indexbox02 .itemlist .item{width:50%;padding:20px;}
.indexbox02 .itemlist .item .ititle{font-size:42px;font-weight:bold;}
.indexbox02 .itemlist .item .idetail{font-size:16px;margin-top:20px;line-height:25px;color:#666}
.indexbox02 .itemlist .item .ulist{padding-top:10px;padding-left:60px;}
.indexbox02 .itemlist .item .ulist li{margin-top:20px;position: relative;}
.indexbox02 .itemlist .item .ulist li .icon{position: absolute;padding:8px 10px;border-radius:6px;background:#f1f5f9;left:-60px;top:3px;}
.indexbox02 .itemlist .item .ulist li .icon .iconfont{color:#1E40AF;font-size:20px;}
.indexbox02 .itemlist .item .ulist li .utitle{font-size:18px;font-weight: bold;}
.indexbox02 .itemlist .item .ulist li .usubtitle{font-size:16px;color:#666;margin-top: 10px;}
.indexbox02 .itemlist .item .menu{margin-top:40px;display: flex;}
.indexbox02 .itemlist .item .menu .menu01{border:1px solid #1E40AF;color:#fff;background:rgb(30 64 175);padding:15px 50px 15px 25px;border-radius:6px;font-size: 16px;position: relative;box-shadow: 0 5px 10px -5px rgb(0 0 0 / 12%);}
.indexbox02 .itemlist .item .menu .menu01 .iconfont{position: absolute;right:20px;top:15px;font-size: 22px;transition: all 0.3s ease;}
.indexbox02 .itemlist .item .menu .menu01:hover{background:rgb(30 64 175 / 0.9);}
.indexbox02 .itemlist .item .menu .menu01:hover .iconfont{right:17px;}

.funnelbox{width:660px;background: #fff;height:620px;--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-radius: 10px;}
.funnelbox .funnel_top{height:46px;background:#333;border-top-left-radius: 10px;border-top-right-radius: 10px;display: flex;align-items: center;padding:0 10px;}
.funnelbox .funnel_top .round{width:10px;height:10px;border-radius: 10px;background: #fff;margin-left: 15px;}
.funnelbox .datalist{display: flex;flex-wrap: wrap;padding:20px;}
.funnelbox .datalist li{width:50%;padding:10px;}
.funnelbox .datalist li .item{width:100%;background: #f9f9f9;border-radius: 10px;}
.funnelbox .datalist li .item .name{font-size:14px;color:#666;}
.funnelbox .datalist li .item .count{font-size:24px;color:#333;font-weight: bold;margin-top:5px;margin-top:5px;display: flex;}
.funnelbox .datalist li .item .count .percent{font-size: 16px;font-weight: normal;padding-top:8px;margin-left:10px;}
.funnelbox .datalist li .item .count .percent .iconfont{font-weight: bold;}
.funnelbox .datalist li .item .count .up{color:#22c55e;}
.funnelbox .datalist li .item .count .down{color:#ef4444;}
.funnelbox .echarts{padding:0 20px 20px 20px;background: #f9f9f9;border-radius: 10px;margin:0 30px 20px 30px;}


/*bigcase*/
.bigcase{background:#fff;padding:0 0 80px 0;min-width:1200px;box-sizing:border-box;}
.bigcase .title{font-size:42px;font-weight:lighter;text-align:center;color:#666;}
.homecaselist{margin-left:auto;margin-right:auto;width:1440px;padding-top:50px;}
.homecaselist ul{margin:0;display:flex;flex-wrap: wrap;}
.homecaselist li{width:12.5%;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;}



.indexnews{width:1460px;padding:50px 15px;display: flex;margin:0 auto;}
.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;}