@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%;min-width:1200px;background:url(../img/2025/banner.jpg) center 0;position:relative;background-size:cover;background-repeat: no-repeat;
    /*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);*/border-bottom: 1px solid #f5f5f5;}
.banner{margin:0 auto;width:1400px;padding:150px 0;}
.banner .banner-left{text-align: center;}
.banner .banner-left .title{margin-top:100px;font-size:46px;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;}
.banner .banner-left .menu{margin-top: 30px;display: flex; justify-content: center;}
.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{padding-top:80px;text-align:center;}
.banner .banner-right img{width:600px;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;}
.banner .banner-tag{margin-top:30px;text-align:center;font-size: 18px;color:#555;}


/*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;}


.indexbox06{padding:50px 0;background:#fff;}
.indexbox06 .title{font-size:42px;}
.indexbox06 .subtitle{font-size: 16px;color:#333;margin-top:30px;}
.indexbox06 .itemlist{display: flex;flex-wrap: wrap;width: 1440px;margin:0 auto;}
.indexbox06 .itemlist .item{flex:1;padding:20px;}
.indexbox06 .itemlist .item .itembox{background:#fff;padding-right:30px;}
.indexbox06 .itemlist .item .itembox .icon{width:15px;height:15px;margin-right:10px;}
.indexbox06 .itemlist .item .itembox .ititle{font-size: 22px;margin-top:20px;display: flex;}
.indexbox06 .itemlist .item .itembox .ititle li{padding-right:20px;}
.indexbox06 .itemlist .item .itembox .idetail{font-size: 16px;margin-top:20px;line-height:25px;color:#666;text-align: left;}
.indexbox06 .itemlist .item  .imgbox{margin-top:20px;padding-left:50px;}
.indexbox06 .menu{margin-top:40px;display: flex;}
.indexbox06 .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%);}
.indexbox06 .menu .menu01 .iconfont{position: absolute;right:20px;top:15px;font-size: 22px;transition: all 0.3s ease;}
.indexbox06 .menu .menu01:hover{background:rgb(30 64 175 / 0.9);}
.indexbox06 .menu .menu01:hover .iconfont{right:17px;}


.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{flex:1;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}


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

.indexbox02{padding:30px 0 80px 0;}
.indexbox02 .title{font-size:42px;}
.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 .itembox .icon{width:15px;height:15px;margin-right:10px;}
.indexbox02 .itemlist .item .itembox .ititle{font-size: 22px;margin-top:20px;display: flex;}
.indexbox02 .itemlist .item .itembox .ititle li{padding-right:20px;}
.indexbox02 .itemlist .item .itembox .idetail{font-size: 16px;margin-top:20px;line-height:25px;color:#666}
.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;}
.indexbox02 .itemlist .item .word{margin-top:30px;}
.indexbox02 .itemlist .item .word span{font-size:18px;color:#fff;background: #1E40AF;border-radius: 30px;padding:5px 20px}

.funnelbox{width:560px;background: #fff;--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:36px;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:10px;}
.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 .echartsbox{padding:20px;}
.funnelbox .echarts{padding:0 20px 20px 20px;background: #f9f9f9;border-radius: 10px;}


/*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;}


.indexnews_nw{background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));padding:80px 0;}
.indexnews_n{width:1460px;padding:0 15px;margin:0 auto;}
.indexnews_n .title{font-size:42px;font-weight: bold;text-align: center;}
.indexnews_n .subtitle{font-size: 16px;color:#333;margin-top:30px;text-align: center;}
.indexnews_n .itemlist{display: flex;margin-top:60px;}
.indexnews_n .itemlist .item{flex:1;padding:30px 20px;position: relative;box-shadow: 0 10px 30px -8px rgb(0 0 0 / 12%);background: #fff;border-radius: 6px;margin:0 15px;border:1px solid #e8e8e8;background:linear-gradient(to bottom,  #ffffff,#ffffff);}
.indexnews_n .itemlist .item .title{font-size:22px;color:#000;text-align: left;}
.indexnews_n .itemlist .item .list{font-size:14px;color:#666666;line-height:20px;margin-top:15px;}
.indexnews_n .itemlist .item .list li{font-size:14px;color:#666666;line-height:20px;margin-top:10px;position: relative;padding-left: 12px;}
.indexnews_n .itemlist .item .list li::before{content: "";position: absolute;left: 0;top:10px;transform: translateY(-50%);width: 4px;height: 4px;background: rgb(30 64 175 / 0.9);}


.gradient-line {
  width: 100%;
  height: 2px;       /* 粗细，可改 */
  background: linear-gradient(to right, #ccc, #ccc 70%, transparent);
}

.gradient-sline {
  width: 50px;
  height: 2px;       /* 粗细，可改 */
  background: #1E40AF;
}