@charset "utf-8";



*{margin: 0;padding: 0;}

ul{list-style: none;}

a{text-decoration: none;    color: #686868;}

img{border: none;}

.l{float:left}

.gy2{width:1440px;margin:0 auto;overflow:hidden}

.holer{height:88px; overflow:hidden; background:none;}

#headdiv{height: 88px; position: fixed; top: 0px; width: 100%; z-index: 1000; background: none;}

/*顶部bar*/

.top01{width:100%;height:38px;line-height:38px;background:#0889f9;color:#fff;overflow:hidden;font-size:12px}

.top01 .l{font-size:14px}

.top01_center{text-align:left;float:right;font-size:14px}

.top01_center img{vertical-align:sub;display:inline-block;margin-right:8px}

/*logo和导航*/

.top02{width:100%;min-width:1200px;background-color:#38373f; height: 88px;}

.top02 .top02_center{/*width:1440px;*/min-width:1200px;margin:0 auto}

.logo{/*width:344px;*/float:left;/*padding-top:13px*/}

.logo img{float:left}

.logo .logo-year{margin-top:17px;height:20px;line-height:20px;width:38px;text-align:center;font-size:12px;color:#fff;background:#f67524;border-radius:4px;overflow:hidden;font-size:14px;color:#fff}

.logo .logo-text{margin-top:5px;height:18px;color:#656565;line-height:18px;overflow:hidden}

.nav{float:right}

.nav li{position:relative}

.nav li.m{padding-right:22px; height:88px;margin:0 22px 0 0;float:left;text-align:center;background:url(../images/top_bg1.png) right 46px no-repeat}

.nav .m.on a.mmm{color:#acce22}

.nav a.mmm{width:86px;height:46px;padding-top:40px;display:block;font-size:16px;color:#fff}

/*二级导航*/

.nav .sub{display:none;width:100%;padding:0;position:fixed;top:86px;overflow:hidden;text-align:left;z-index:110;left:0;background-color:#fff}

.nav .sub .nav_xiao{/*width:1440px;*/overflow:hidden;margin:0 auto}

.nav .sub .nav_xiao.max1100{/*max-width:1100px*/}

/*二级导航-网站建设*/

.nav .sub .nav_xiao .xiao_one{overflow:hidden;padding-top:40px;padding-bottom:40px}

.nav .sub .nav_xiao .xiao_one ul li{float:left;display:inline;height:184px;width:25%;overflow:hidden;text-align:center}

.nav .sub .nav_xiao .xiao_one ul li a{display:block;height:100%;border-right:1px solid #e6e6e6;line-height:56px;overflow:hidden;color:#000;margin-top:13px;font-size:18px;transition:all .3s}

.nav .sub .nav_xiao .xiao_one ul li:last-child a{border-right:0}

.nav .sub .nav_xiao .xiao_one ul li a:hover{color:#f67524}

.nav .sub .nav_xiao .xiao_one ul li a i{display:block;width:101px;height:84px;margin:0 auto;margin-bottom:23px;overflow:hidden;background-image:url(../images/top_pic1.png);background-repeat:no-repeat;transition:all .3s;margin-top:20px}

.nav .sub .nav_xiao .xiao_one ul li a i.bgs1{background-position:-720px top}

.nav .sub .nav_xiao .xiao_one ul li a i.bgs2{background-position:left top}

.nav .sub .nav_xiao .xiao_one ul li a i.bgs3{background-position:-360px top}

.nav .sub .nav_xiao .xiao_one ul li a i.bgs4{background-position:-1088px top}

.nav .sub .nav_xiao .xiao_one ul li a:hover i{background-image:url(../images/top_pic1.png)}

.nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs1{background-position:-720px bottom}

.nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs2{background-position:left bottom}

.nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs3{background-position:-360px bottom}

.nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs4{background-position:-1088px bottom}

/*二级导航-关于我们*/

.nav .sub .nav_xiao .xiao_two{margin-top:40px;margin-bottom:40px;overflow:hidden}

.nav .sub .nav_xiao .xiao_two ul li{float:left;display:inline;height:184px;width:25%;overflow:hidden;text-align:center}

.nav .sub .nav_xiao .xiao_two ul li a{display:block;height:100%;border-right:1px solid #e6e6e6;line-height:56px;overflow:hidden;color:#000;margin-top:13px;font-size:18px;transition:all .3s}

.nav .sub .nav_xiao .xiao_two ul li:last-child a{border-right:0}

.nav .sub .nav_xiao .xiao_two ul li a:hover{color:#f67524}

.nav .sub .nav_xiao .xiao_two img{float:left;margin-right:25px}

.nav .sub .nav_xiao .xiao_two .nav_div{float:left;width:380px;padding-top:30px;font-size:12px;color:#666;line-height:22px}

.nav .sub .nav_xiao .xiao_two .nav_div h2{font-size:16px;color:#f3782a;font-weight:400;letter-spacing:1px;line-height:36px}

.nav .sub .nav_xiao .xiao_two ul li a i{display:block;width:104px;height:104px;margin:0 auto;margin-bottom:13px;overflow:hidden;background-image:url(../images/top_pic2.png);background-repeat:no-repeat;margin-top:10px;background-color:#999;border-radius:50%;position:relative;transition:all .3s}

.nav .sub .nav_xiao .xiao_two ul li a i.bgs1{background-position:30px center}

.nav .sub .nav_xiao .xiao_two ul li a i.bgs2{background-position:-330px center}

.nav .sub .nav_xiao .xiao_two ul li a i.bgs3{background-position:-691px center}

.nav .sub .nav_xiao .xiao_two ul li a i.bgs4{background-position:-1050px center}

.nav .sub .nav_xiao .xiao_two ul li a:hover i{background-color:#f67524;margin-top:5px}

/*二级导航-新闻动态*/

.nav .sub .nav_xiao .xiao_three{overflow:hidden;margin-top:60px;margin-bottom:60px}

.nav .sub .nav_xiao .xiao_three ul li{float:left;display:inline;width:18%;height:218px;overflow:hidden;margin-right:2.5%;text-align:center;position:inherit;line-height:56px;background-color:#fff}

.nav .sub .nav_xiao .xiao_three ul li:last-child{margin-right:0}

.nav .sub .nav_xiao .xiao_three ul li img{width:100%;display:block;transition:all .3s}

.nav .sub .nav_xiao .xiao_three ul li a{color:#000;width:100%;font-size:18px;height:100%;display:block}

.nav .sub .nav_xiao .xiao_three ul li a:hover{color:#f67524}

/*二级导航-解决方案*/

.nav .sub .nav_xiao .xiao_four{width:50%;overflow:hidden;margin-top:40px;margin-bottom:40px}

.nav .sub .nav_xiao .xiao_four.l{border-right:1px solid #e3e3e3}

.nav .sub .nav_xiao .xiao_four.r{width:49%}

.nav .sub .nav_xiao .xiao_four h2{font-size:16px;font-weight:700;color:#000;height:18px;line-height:18px}

/*解决方案左边*/

.nav .sub .nav_xiao .xiao_four .ul{margin-top:23px}

.nav .sub .nav_xiao .xiao_four .ul li{padding-top:11px;padding-bottom:11px;height:44px;line-height:22px;padding-left:15px;margin-right:40px;width:265px;overflow:hidden;float:left;display:inline;margin-bottom:10px;position:inherit}

.nav .sub .nav_xiao .xiao_four .ul li:nth-child(2n+0){margin-right:0}

.nav .sub .nav_xiao .xiao_four .ul li:hover{background-color:#fff}

.nav .sub .nav_xiao .xiao_four .ul li a{display:block;text-align:left;color:#999;font-size:14px}

.nav .sub .nav_xiao .xiao_four .ul li a i{margin-right:10px;margin-top:4px;float:left;width:36px;height:36px;background-repeat:no-repeat;background-position:center center}

.nav .sub .nav_xiao .xiao_four .ul li a i.bgs1{background-image:url(../images/top_pic4.png)}

.nav .sub .nav_xiao .xiao_four .ul li a i.bgs2{background-image:url(../images/top_pic5.png)}

.nav .sub .nav_xiao .xiao_four .ul li a i.bgs3{background-image:url(../images/top_pic6.png)}

.nav .sub .nav_xiao .xiao_four .ul li a i.bgs4{background-image:url(../images/top_pic7.png)}

.nav .sub .nav_xiao .xiao_four .ul li a i.bgs5{background-image:url(../images/top_pic8.png)}

.nav .sub .nav_xiao .xiao_four .ul li a i.bgs6{background-image:url(../images/top_pic9.png)}

.nav .sub .nav_xiao .xiao_four .ul li a i.bgs7{background-image:url(../images/top_pic10.png)}

.nav .sub .nav_xiao .xiao_four .ul li a i.bgs8{background-image:url(../images/top_pic11.png)}

.nav .sub .nav_xiao .xiao_four .ul li a b{font-weight:400;font-size:16px;display:block;color:#000;height:22px;overflow:hidden}

/*解决方案右边*/

.nav .sub .nav_xiao .xiao_four .ul2{width:540px;margin:0 auto;overflow:hidden}

.nav .sub .nav_xiao .xiao_four .ul2 h2{margin-bottom:23px}

.nav .sub .nav_xiao .xiao_four .ul2 li{padding-top:11px;padding-bottom:11px;height:44px;line-height:22px;margin-right:40px;width:250px;overflow:hidden;float:left;display:inline;margin-bottom:10px;position:inherit}

.nav .sub .nav_xiao .xiao_four .ul2 li:nth-child(2n+0){margin-right:0}

.nav .sub .nav_xiao .xiao_four .ul2 li a{display:block;text-align:left;color:#999;font-size:14px}

.nav .sub .nav_xiao .xiao_four .ul2 li a b{font-weight:400;font-size:16px;display:block;color:#000;height:22px;overflow:hidden}

.nav .sub .nav_xiao .xiao_four .ul2 li a b i{display:inline-block;width:35px;height:15px;overflow:hidden;background:url(../images/top_pic12.png) no-repeat;margin-left:3px}

.nav .sub .nav_xiao .xiao_four .ul2 li a:hover b{color:#f67524}

/*二级导航-成功案例左*/

.nav .sub .nav_xiao .xiao_five{width:549px;overflow:hidden;float:left;/*margin-top:40px;margin-bottom:40px;*/border-right:1px solid #e6e6e6}

.nav .sub .nav_xiao .xiao_five img{width:391px;height:259px}

.nav .sub .nav_xiao .xiao_five a{width:391px;height:259px;padding:0;margin-right:45px;float:left}

/*二级导航-成功案例右*/

.nav .sub .nav_xiao .xiao_five2{float:right;text-align:left;/*margin-top:71px*/}

.nav .sub .nav_xiao .xiao_five2 a{text-align:left;/*float:left;margin-right:100px;*/height:38px;line-height:38px;color:#000;font-size:16px;margin-bottom:42px;transition:all .3s}

.nav .sub .nav_xiao .xiao_five2 a:nth-child(2n+0){margin-right:3px}

.nav .sub .nav_xiao .xiao_five2 a i{width:38px;height:38px;border-radius:50%;background-color:#999;background-repeat:no-repeat;background-image:url(../images/top_pic3.png);float:left;margin-right:20px;transition:all .3s;margin-left:0}

.nav .sub .nav_xiao .xiao_five2 a:hover{color:#acce22}

.nav .sub .nav_xiao .xiao_five2 a:hover i{background-color:#acce22}

.nav .sub .nav_xiao .xiao_five2 a i.bgs1{background-position:9px 8px}

.nav .sub .nav_xiao .xiao_five2 a i.bgs2{background-position:-233px 8px}

.nav .sub .nav_xiao .xiao_five2 a i.bgs3{background-position:9px -72px}

.nav .sub .nav_xiao .xiao_five2 a i.bgs4{background-position:-233px -72px}

.nav .sub .nav_xiao .xiao_five2 a i.bgs5{background-position:9px -152px}

.nav .sub .nav_xiao .xiao_five2 a i.bgs6{background-position:-233px -152px}

/*二级导航-产品服务*/

.nav .sub .nav_xiao .xiao_six{overflow:hidden;height:500px;border-left:1px solid #e6e6e6:border-right:1px solid #e6e6e6:}

.nav .sub .nav_xiao .xiao_six ul li{float:left;display:inline;height:420px;width:33.3%;overflow:hidden;border-right:1px solid #e6e6e6;text-align:center}

.nav .sub .nav_xiao .xiao_six ul li.bgs1{background:url(../images/yuming_bg1.png) right 168px no-repeat}

.nav .sub .nav_xiao .xiao_six ul li.bgs2{background:url(../images/yuming_bg2.png) right 168px no-repeat}

.nav .sub .nav_xiao .xiao_six ul li.bgs3{background:url(../images/yuming_bg3.png) right 168px no-repeat}

.nav .sub .nav_xiao .xiao_six ul li .xiao_six_con{margin:0 auto;width:100%;max-width:96%;height:700px;overflow:hidden;text-align:left}

.nav .sub .nav_xiao .xiao_six ul li:last-child{border-right:0}

.nav .sub .nav_xiao .xiao_six ul li .xiao_six_l{font-size:18px;font-weight:700;height:62px;line-height:62px;border-bottom:1px solid #e6e6e6;margin-bottom:23px; margin-top:30px;}

.nav .sub .nav_xiao .xiao_six ul li a{/*float:left;width:136px;*/overflow:hidden;height:30px;line-height:30px;font-size:16px;color:#666; display:inline-block; width:100%}

.nav .sub .nav_xiao .xiao_six ul li a:hover{color:#acce22}

.nav .sub .nav_xiao .xiao_six ul li .a{display:block;width:182px;height:42px;line-height:42px;text-align:center;color:#fff;font-size:16px;margin-top:31px;transition:all .3s;clear:both}

.nav .sub .nav_xiao .xiao_six ul li .a.bgs1{background-color:#f67524}

.nav .sub .nav_xiao .xiao_six ul li .a.bgs2{background-color:#248cf6;margin-top:61px}

.nav .sub .nav_xiao .xiao_six ul li .a.bgs3{background-color:#1ecc85;margin-top:91px}

.nav .sub .nav_xiao .xiao_six ul li .a:hover{opacity:.8;filter:Alpha(opacity=80);color:#fff}

/*轮播图*/
/* 友情链接模块样式：紧凑间距，无顶部分隔线，横排显示 */
.bot1 {
  width: 100%;
  padding: 2px 0; /* 大幅减小上下内边距，解决间距过大问题 */
  margin: 5px 0; /* 减小上下外边距，进一步紧凑布局 */
  overflow: hidden; /* 清除浮动，防止内容溢出 */
  /* 移除了原有的 border-top，实现上部分不要线的需求 */
}

/* 友情链接内的a标签：横排排列，紧凑间距，无hover变化 */
.bot1 a {
  display: inline-block; /* 核心：实现横排，保持灵活布局 */
  margin: 0 12px; /* 左右间距，避免链接挤在一起，上下无额外间距 */
  padding: 2px 0;
  color: #666; /* 固定文字颜色，不随hover变化 */
  text-decoration: none; /* 固定无下划线，不随hover变化 */
  font-size: 14px;
}

/* 移除hover变色和下划线：清空hover样式，保持默认样式不变 */
.bot1 a:hover {
  /* 无任何样式修改，确保鼠标放上去不变色、不下划线 */
}

/* 友情链接标题span样式：紧凑布局，统一样式 */
.bot1 span {
  color: #333;
  font-size: 14px;
  margin-right: 10px;
  font-weight: 500;
}
.nav ul li.m { position: relative; }
.nav ul li.mega-li { position: static; } 
.top02_center { position: relative; }

.sub { display: none; position: absolute; background: #fff; z-index: 1000; top: 100%; box-shadow: 0 10px 25px rgba(0,0,0,0.06); opacity: 0; transform: translateY(15px); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
.nav ul li.m:hover .sub { display: block; opacity: 1; transform: translateY(0); }

/* 1. 其他栏目：格全宽背景 + 图标方块网格 */
.sub.full-width-sub { left: 0; width: 100vw; margin-left: calc(-50vw + 50%); border-top: 1px solid #eaeaea; background: #fff; padding: 0; }
.gwm-normal-container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 40px 0; }
.gwm-normal-grid { display: flex; gap: 20px; justify-content: center; align-items: center; flex-wrap: wrap; }
.gwm-card-item { background: #f7f8fa; border-radius: 4px; padding: 25px 15px; width: 150px; height: 130px; text-align: center; text-decoration: none; color: #333; transition: all 0.3s ease; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; }
.gwm-card-item:hover { background: #fff; box-shadow: 0 10px 30px rgba(0,0,0,0.08); transform: translateY(-4px); }
.gwm-card-item img { width: 22px; height: 22px; object-fit: contain; display: block; transition: transform 0.3s; }
.gwm-card-item:hover img { transform: scale(1.1); }
.gwm-card-item span { font-size: 15px; font-weight: 500; }

/* 2. 产品展示：风格超级菜单 (保持不变) */
.sub.mega-sub { left: 0; width: 100vw; margin-left: calc(-50vw + 50%); border-top: 1px solid #eaeaea; }
.gwm-mega-menu { display: flex; width: 100%; max-width: 1200px; margin: 0 auto; padding: 50px 0 60px 0; min-height: 380px; }
.gwm-mega-left { width: 220px; border-right: 1px solid #eee; padding-right: 20px; }
.gwm-tabs { margin:0; padding:0; list-style:none; text-align: left; }
.gwm-tabs li { padding: 15px 20px; cursor: pointer; font-size: 16px; color: #666; transition: 0.3s; position: relative; border-radius: 4px; }
.gwm-tabs li:hover { color: #111; background: #f9f9f9; }
.gwm-tabs li.active { color: #000; font-weight: bold; background: #f5f5f5; }
.gwm-tabs li.active::before { content: ''; position: absolute; left: 0; top: 10px; bottom: 10px; width: 3px; background: #acce22; border-radius: 3px; }

.gwm-mega-right { flex: 1; padding-left: 60px; }
.gwm-panel { display: none; }
.gwm-panel.active { display: block; }
.gwm-pro-list { display: flex; flex-wrap: wrap; gap: 20px; }
.gwm-pro-item { width: calc(25% - 15px); text-align: center; text-decoration: none; color: #333; display: block; }
.gwm-pro-item img { width: 100%; height: auto; border-radius: 6px; margin-bottom: 15px; transition: all 0.4s ease; background: #f9f9f9; box-shadow: 0 4px 12px rgba(0,0,0,0.03); }
.gwm-pro-item:hover img { transform: translateY(-8px); box-shadow: 0 12px 24px rgba(0,0,0,0.08); }
.gwm-pro-item span { font-size: 14px; font-weight: 500; display: block; transition: color 0.3s; }
.gwm-pro-item:hover span { color: #acce22; }

@keyframes fadeUpStagger { 
    0% { opacity: 0; transform: translateY(20px); } 
    100% { opacity: 1; transform: translateY(0); } 
}
.gwm-panel.active .gwm-pro-item { animation: fadeUpStagger 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; opacity: 0; }
.gwm-panel.active .gwm-pro-item:nth-child(1) { animation-delay: 0.05s; }
.gwm-panel.active .gwm-pro-item:nth-child(2) { animation-delay: 0.10s; }
.gwm-panel.active .gwm-pro-item:nth-child(3) { animation-delay: 0.15s; }
.gwm-panel.active .gwm-pro-item:nth-child(4) { animation-delay: 0.20s; }
.gwm-panel.active .gwm-pro-item:nth-child(5) { animation-delay: 0.25s; }
.gwm-panel.active .gwm-pro-item:nth-child(6) { animation-delay: 0.30s; }
.gwm-panel.active .gwm-pro-item:nth-child(7) { animation-delay: 0.35s; }
.gwm-panel.active .gwm-pro-item:nth-child(8) { animation-delay: 0.40s; }