/* 导航栏容器 - 核心布局 */
 
 * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            list-style: none;
            text-decoration: none;
        }
        .navbar {
            display: flex;
            align-items: center; /* 垂直居中 */
            justify-content: space-between; /* 元素分布在左/中/右 */
            width: 95%; /* 全屏宽度 */
            padding: 0px 20px;
			margin: 0 auto;
            position: relative; /* 为移动端下拉菜单定位 */
			z-index: 999999
        }

        /* Logo 区域 */
        .logo {
            display: flex;
            align-items: center;
            z-index: 10; 
            flex-shrink: 0;
        }
        .logo img {
            height: 85px; 
            width: auto;
        }

        /* 汉堡菜单按钮 - 默认隐藏（仅移动端显示） */
        .hamburger {
            display: none;
            font-size: 24px;
            cursor: pointer;
            background: none;
            border: none;
            color: #333;
            z-index: 10; /* 确保按钮在最上层 */
            /* 新增：强制汉堡按钮不挤压 */
            flex-shrink: 0;
        }

        /* 中间导航菜单 - 桌面端样式 */
        .nav-menu {
            display: flex;
            list-style: none; /* 去掉列表圆点 */
            gap: 35px; /* 菜单间距，贴近截图 */
            margin: 0 auto; /* 让菜单居中填充空间 */
        }
        .nav-menu.active {
            display: flex; /* 用flex替代block，避免渲染闪烁 */
        }
        .nav-menu li a {
            text-decoration: none; /* 去掉下划线 */
            color: #333;
            font-size: 15px;
            transition: color 0.2s;
			font-weight: bold;
			display: block; 
        }
        .nav-menu li a:hover {
            color: #0066cc; /* hover变色，提升体验 */
        }

        /* 搜索框容器样式 - 通用 */
        .search-box-container {
            display: flex;
            align-items: center;
            z-index: 10; /* 确保搜索框在下拉菜单上层 */
            flex-shrink: 0;
        }
        /* 桌面端搜索框样式 */
        .desktop-search-box {
            display: flex;
            align-items: center;
        }
        /* 移动端搜索框样式（默认隐藏） */
        .mobile-search-box {
            display: none;
            padding: 12px 0;
            border-bottom: 1px solid #f5f5f5;
        }
        .search-input {
            height: 44px;
            padding: 0 12px;
            border: 1px solid #0077d6;
            border-right: none; /* 去掉右侧边框，和按钮无缝衔接 */
            border-radius: 2px 0 0 2px;
            outline: none;
            font-size:16px;
			color: #ccc;
            width: 300px; /* 搜索框宽度，贴近截图 */
        }
        .search-btn {
            height: 44px;
            width: 56px;
            background: #0077d6 url("../images/soso1.png") no-repeat center center; /* 截图中的蓝色搜索按钮 */
            border: none;
            border-radius: 0 2px 2px 0;
            color: white;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background-color 0.2s;
			
        }
@media (min-width: 768px) {
        .hamburger { display: none; } /* 隐藏汉堡按钮 */
        .nav-menu {
            display: flex;
            flex-direction: row;
            position: static;
            width: auto;
            background: transparent;
            border: none;
            box-shadow: none;
            padding: 0;
            margin: 0 auto; /* 菜单居中 */
        }
        .nav-menu li { padding: 0 15px; }
        .mobile-search-box { display: none; } /* 隐藏移动端搜索框 */
        .desktop-search-box { display: flex; } /* 显示桌面端搜索框 */
    }

        @media (max-width: 992px) {
            /* 显示汉堡菜单按钮 */
            .hamburger {
                display: block;
                /* 关键修改：移除absolute，改用flex布局自然靠右 */
                position: static; 
                margin-left: auto; /* 强制按钮靠右 */
            }

            /* 导航菜单转为下拉式 */
            .nav-menu {
                position: absolute;
                top: 100%;
                left: 0;
                right: 0;
                background-color: white;

                flex-direction: column; /* 垂直排列 */
                gap: 0;
                padding: 15px 20px;
                border-bottom: 1px solid #eee;
                box-shadow: 0 2px 8px rgba(0,0,0,0.1);
                display: none; /* 默认隐藏 */
            }
            .nav-menu li {
                padding: 12px 0;
                border-bottom: 1px solid #f5f5f5;
            }
            .nav-menu li:last-child {
                border-bottom: none;
            }

            /* 激活状态 - 显示下拉菜单 */
            .nav-menu.active {
                display: flex;
            }

            /* 移动端显示菜单内的搜索框，隐藏右侧独立搜索框 */
            .mobile-search-box {
                display: flex;
                width: 100%;
            }
            .desktop-search-box {
                display: none;
            }
            /* 调整移动端搜索框样式 */
            .mobile-search-box .search-input {
                width: calc(100% - 44px); /* 自适应宽度 */
            }

            /* 缩小logo */
            .logo img {
                height: 45px;
            }

            /* 新增：确保导航栏子元素排列顺序 */
            .navbar {
                /* 移动端导航栏元素顺序：LOGO → 汉堡按钮 */
                justify-content: flex-start;
                gap: 15px; /* LOGO和汉堡按钮之间的间距 */
            }
        }

        /* ========== 小屏手机适配（480px以下） ========== */
        @media (max-width: 480px) {
            .navbar {
                padding: 8px 15px;
                gap: 10px; /* 缩小LOGO和汉堡按钮间距 */
            }
            .logo img {
                height: 40px;
            }
            .search-input {
                height: 32px;
                font-size: 13px;
            }
            .search-btn {
                height: 32px;
                width: 40px;
            }
        }
/*banner*/
      .sw1 {
        width: 100%;
        height: 100%;
		  
      }

       .sw1 .swiper-slide {
        text-align: center;
        font-size: 18px;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

       .sw1 .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
/*banner end*/
.borrf{border-right: 1px #fff solid}
.bortf{border-top: 1px #fff solid}
.borbf{border-bottom: 1px #fff solid}
.borlf{border-left: 1px #fff solid}
.borrc{border-right: 1px #ccc solid}
.bortc{border-top: 1px #ccc solid}
.borbc{border-bottom: 1px #ccc solid}
.borlc{border-left: 1px #ccc solid}
.wrap{width:80%; margin-right:auto; margin-left:auto; overflow: hidden}
.pa0{padding: 0}
.pa01{padding: 10px;}
.pa02{padding: 20px;}
.pa03{padding: 30px;}

.pat0{padding-top: 0px}
.pab0{padding-bottom: 0px}
.pal0{padding-left: 0px}
.par0{padding-right: 0px}



.pat01{padding-top: 10px}
.pab01{padding-bottom: 10px}
.pal01{padding-left: 10px}
.par01{padding-right: 10px}

.pat02{padding-top: 20px}
.pab02{padding-bottom: 20px}
.pal02{padding-left: 20px}
.par02{padding-right: 20px}

.pat03{padding-top: 30px}
.pab03{padding-bottom: 30px}
.pal03{padding-left:30px}
.par03{padding-right:30px}

.pat04{padding-top: 40px}
.pab04{padding-bottom: 40px}
.pal04{padding-left:40px}
.par04{padding-right:40px}

.pat05{padding-top: 50px}
.pab05{padding-bottom: 50px}
.pal05{padding-left:50px}
.par05{padding-right:50px}

.pat06{padding-top: 60px}
.pab06{padding-bottom: 60px}
.pal06{padding-left:60px}
.par06{padding-right:60px}


.pat08{padding-top: 80px}
.pab08{padding-bottom: 80px}
.pal08{padding-left:80px}
.par08{padding-right:80px}

.pat09{padding-top: 90px}
.pab09{padding-bottom: 90px}
.pal09{padding-left:90px}
.par09{padding-right:90px}

.tite{font-size: 30px; font-weight: bold;  background-size: 100%;color: #000000}

.mat01{margin-top: 10px}
.mat03{margin-top: 30px}

.bg1{background: #0077d6}
.inaba a,.inaba a:visited,.inaba a:active{width:100%; display: block; height: 233px; color: #fff; 
background-image: -webkit-linear-gradient(right, rgba(0,152, 153, 0.3) 0%, rgba(0,89, 180, 0.3) 100%);
    background-image: -moz-linear-gradient(right, rgba(0,152, 153, 0.3) 0%, rgba(0,89, 180, 0.3) 100%);
    background-image: -o-linear-gradient(right, rgba(0,152, 153, 0.3) 0%, rgba(0,89, 180, 0.3) 100%);
    background-image: linear-gradient(right, rgba(0,152, 153, 0.3) 0%, rgba(0,89, 180, 0.3) 100%);
	
}


.more{padding:13px 2px 11px 2px; border: 5px #fff solid; float: left;-moz-transition: all 0.3s ease-in;
		-webkit-transition: all 0.3s ease-in;
		-o-transition: all 0.3s ease-in;
		transition: all 0.3s ease-in;}
.more a,.more a:visited,.more a:active{border: 1px #0077d6 solid; color: #080808; transition: all 1s; padding: 10px 80px; font-size: 16px; font-weight: bold}
.more:hover{border: 5px #0077d6 solid;padding:13px 2px 11px 2px;}
.soso{width: 80%; margin: 0 auto; }
.soson{ width: 80%; float: left; height: 3em; line-height: 3em; border: 1px #ccc solid;text-indent: 2em;}

.honor_button{width: 19%; float: left; background: #0077d6; color: #fff; height: 3em; line-height: 3em; border: 0px;}
.bg2{ background: url("../images/bg2.jpg") no-repeat top; background-size: 100%}
.wi01{width: 80%}
.wi02{width: 50%}
.pa1{padding: 40px}
.par01{padding-right: 10px}
.par02{padding-right: 30px;}
.fz01{font-size: 26px;}
.fz02{font-size: 16px;}
.intext{line-height: 2.2em;}
.hei01{min-height: 7.5em}
.hei02{height: 40px;}
.hei03{height:420px;}
.hei04{height: 570px}
.hei05{height: 270px}

.sw2 {width:100%;}

.sw2 .swiper-slide {background: url("../images/rbg.png") no-repeat left top;}
.sw2 .sw2img{text-align: right}
.sw2 .sw2img img{border-radius: 500%; width: 265px; height: 265px;}
.sw2 dt{margin-top: 30px; font-weight: 500; font-size: 20px;color: #fff; line-height: 2em;}
.sw2 dd{font-weight: 500; color: #8ebce1}
.sw2 .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #fff;
	border:1px #fff solid!important;
	width: 6px!important; height: 6px!important;
		opacity: 1!important
}

.sw2 .swiper-pagination .swiper-pagination-bullet{
	border:1px #fff solid;
	width: 5px;
	height: 5px;
	border-radius: 5px;
	opacity: 0.5;

}

.bg3{background:url("../images/bg2.jpg") no-repeat top; background-size: cover;}

.fbox ul:nth-child(1){ background: url("../images/f1.jpg") no-repeat center center; background-size: cover;color: #d70200; }
.fbox ul:nth-child(2){ background: url("../images/f2.jpg") no-repeat center center; background-size: cover; color: #fff}
.fbox ul:nth-child(3){ background: url("../images/f3.jpg") no-repeat center center; background-size: cover; color: #d70200}
.fbox ul:nth-child(4){ background: url("../images/f4.jpg") no-repeat center center; background-size: cover; color: #fff}


.fbox ul{height: 495px;}
.fbox ul li:first-child{padding: 60px; display: block}
.fbox ul li{padding: 5px 50px}
.fbox ul:hover img{transform:rotateY(180deg);}
.fbox ul img{ -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}


.case{position:relative;padding-left:20px;overflow:hidden;}
.line{width:1px;height:100%;background-color:#d70200;position:absolute;left:29px;z-index:0;}
.case ul li{padding-left:50px;color:#333333;line-height:30px;margin-bottom:30px;background:url(../images/about4_icon.png) 20px center no-repeat; z-index:99;}
.case ul li:last-child{margin-bottom:0px;}

.innew > a > dt{height: 2em; line-height: 2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;  margin-top: 10px;}
.innew > a > dd{height: 3em; line-height: 1.5em; overflow: hidden; margin-bottom: 10px;}
.innew > a > em{color: #7f7f7f}

.bg4{background: #d70200; height: 280px}
.xlin a{ background: #fff; padding: 10px; display: block; width: 300px; border-radius: 5px; }
.xlin a img{margin-right: 5px;}
.dimg{height: 100%; background: url("../images/dimg.jpg") no-repeat center; background-size: cover; height: 280px;}

.bg5{background: #1c1f28}
.dlogo img{width: 320px;}
.dew{text-align:right; }
.dew img{margin-right: 50px;}
.dlx{line-height: 1.5em; }
.dlx div:nth-child(1),.dlx div:nth-child(2),.dlx div:nth-child(3),.dlx div:nth-child(4){border-top: 1px #33363e solid; border-bottom: 1px #33363e solid; padding:20px 0px}
.dlx div em{margin-left: 1.2em;}
.dlx div:nth-child(5) a{padding: 0px 30px;}
.dmenu{border-bottom: 1px #33363e solid}
.dtext{text-align: left}
.dtext1{text-align: right}

.down{color: #fff}
.down a{color: #fff}
.dnav a{display: block; line-height: 2em; font-weight: bold}
.do_h3{font-size: 20px; font-weight: bold}
.dotext{line-height: 2.5em;}

.bg6{background: #000}
.down1{text-align: center; padding: 15px 0px; color: #fff}
.down1 a{color: #fff}

.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#d70200;display:none;}
.suspension .a-top:hover{background:#1ab7b8;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

.en>a i{
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
	float: left;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    background: #0071bc url("../images/map1.gif") no-repeat center center;
    background-size: cover;
    margin-right: 6px;
}



.xc_banner {
    width: 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
	color: #fff;
	font-size: 50px
}
.xc_banner div{padding-top:10%; line-height: 1em;}
.xc_banner span{font-size: 24px; display: block; font-weight: 100}


.xc_banner1 {
    width: 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
	color: #fff;
	font-size: 36px
}
.xc_banner1 div{padding-top:5%; line-height: 1em; font-weight: bold}


.nnew a{padding: 40px 0px; display: block; overflow: hidden;}
.nnew a:nth-child(even){background: #f4f4f4}
.nnewtex{line-height: 2em; font-size: 24px;}
.award a em{		-moz-transition: all 0.3s ease-in;
		-webkit-transition: all 0.3s ease-in;
		-o-transition: all 0.3s ease-in;
		transition: all 0.3s ease-in;}
.award a{background: #ffcc00; height: 155px; display: block; margin: 15px 0px;}
.award a:hover em{ transform: rotate(45deg);}

.award span{padding-top: 13%; float: left; line-height: 2em; font-size: 26px; padding-left: 5%}
.award em{float: right;margin-top: 25px; margin-right: 25px;}
.yema a{width: 35px; height: 35px; display: block; float: left; border: 1px #e8e9ed solid; line-height: 30px; text-align: center;font-size:20px; margin: 10px; color: #8e8e8e}
.yema a:hover{background: #f4f4f4;}
.abpng ul li{ text-align: center}
.abpng ul li span{display: block}
.nfl li a{padding: 0px 30px; font-size: 16px; line-height: 2em}
.nfl li{float: left;}
a.on:link,a.on:visited,a.on:active{color: #d70200}
.nfl a:hover{color: #d70200}
.nlfl h3{line-height: 2em; border-bottom: 1px #dcdcdc solid}
.nlfl ul li a{font-size: 18px; line-height: 2.5em; font-weight: 100}
.nlfl ul li a i{margin-right: 5px; }
.nlfl ul li a:hover{color: #d70200; }
.npro a {color: #080808;  margin-bottom: 30px;}
.npro h4{font-weight: bold; margin-top: 10px; height: 2em; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;  line-height: 2em; font-size: 18px;}
.npro h5{height:1.5em; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;  line-height: 1.5em; font-size: 16px;}
.npro em{color: #7f7f7f}

.pro_cr a,.pro_cr span{padding: 0px 5px; font-weight:bold}
.ym a{background: none!important; font-size: 16px; color: #666}
.ym a i{font-size: 20px; margin:0px 15px; }
.ym a b{width: 10%;height: 1px;background-color: #666;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;margin: 0 10px;     -webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.ym a:hover b{width: 50%}
.prozi{line-height: 1.5em;}
.proimg img{width: 90%}
.ntel{background: #d19d00; padding:15px 30px; float: left; margin-top: 30px;}
.ntel i{margin-right: 10px;}

.xl{width: 100%; height: 3rem; border: 1px #d6d6d6 solid; text-align: center}

@media (min-width:990px) and (max-width:1200px)
{
	.mat07{margin: 0px;}
.fbox ul:nth-child(1){ background: url("../images/f1.jpg") no-repeat center center; background-size: cover; color: #d70200; }
.fbox ul:nth-child(2){ background: url("../images/f2.jpg") no-repeat center center; background-size: cover; color: #fff}
.fbox ul:nth-child(3){ background: url("../images/f3.jpg") no-repeat center center; background-size: cover; color: #d70200}
.fbox ul:nth-child(4){ background: url("../images/f4.jpg") no-repeat center center; background-size: cover; color: #fff}

.fbox ul{height: 350px; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}

.fbox ul li:first-child{padding: 35px; display: block}

.fbox ul li{padding: 5px 35px}
.hei03{height: 30rem}

}
{}