@charset "utf-8";
/* 全局初始化 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,p,blockquote,th,td{margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6{font-size: 100%;font-weight: bold;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
th{text-align: left;}
td,th,div{word-break:break-all;word-wrap:break-word}
form{display:inline;}
*{outline:none}
*{font-family:微软雅黑 !important} 

/* 全局样式 */
body {
    width:auto; 
    height:auto; 
    font-family :Verdana, Geneva, sans-serif; 
    margin : 0; 
    padding : 0; 
    background :#053452 ; 
    font-size : 12px; 
    font : "微软雅黑"; 
} 

.clear { 
    clear : both; 
    padding : 0; 
    margin : 0; 
}

/* Header样式 */
#hd{
    background : #053452 url(images/header.png) repeat-x 0% 0%; 
    margin:0 auto; 
    height:121px;
    display: block; 
    width:100%; 
    z-index : 888; 
    overflow: hidden;
    position: relative;
}

#header { 
    margin : 0 auto; 
    height : 121px; 
    position : relative; 
    z-index : 99; 
    width : 1200px; 
    background : url(images/header_gradient.png) no-repeat 110px 60px; 
} 

.logo a{ 	
    position : absolute; 
    height : 60px; 
    width : 300px; 
    display: block; 
    background:#A00000 url(images/logot.png);
} 
.logo{ 
    position : absolute; 
    top : 15px; 
    height : 60px; 
    width : 300px; 
    display: block; 
} 
.logo a:hover{ 
    background:#A00000 url(images/logo.png);
} 

#nav_all { 
    position : absolute; 
    left : 0; 
    top : 79px; 
    height : 42px; 
    width : 1200px; 
} 

#nav-weixin { 
    font-family : Verdana, Geneva, sans-serif; 
    font-size : 14px; 
    margin : 0; 
    padding : 0; 
    list-style : none; 
    text-align : center; 
} 
#nav-weixin li { 
    text-align : center; 
} 

#nav-onhoo { 
    font-family : Verdana, Geneva, sans-serif; 
    font-size : 14px; 
    margin : 0; 
    padding : 0; 
    list-style : none; 
} 
#nav-onhoo li { 
    float : left; 
    margin : 0; 
    padding : 0; 
} 
.bi { 
    position : relative; 
    z-index : 0; 
} 
.bi:hover { 
    z-index : 99; 
} 
.bi:hover span { 
    visibility : visible; 
    top : 0; 
    left : 0; 
    cursor : pointer; 
} 
.bi span { 
    position : absolute; 
    left : -999em; 
    visibility : hidden; 
} 
#nav-onhoo li a, .bi:hover span { 
    line-height : 39px; 
    text-decoration : none; 
    color : #fff; 
    display : block; 
    width : 80px; 
    text-align : center; 
} 
#nav-onhoo li a:hover, .bi:hover span { 
    color : #ffffff; 
    background:#000 url(images/nav-bg.gif)
} 
.bi:hover span { 
    padding-top : 2px; 
} 
#navbar { 
    background : #dc4e1b; 
    height : 8px; 
    overflow : hidden; 
    clear : both; 
}

.text { 
    position : absolute; 
    right : 0; 
    top : 18px; 
    width : 500px; 
    font-size : 12px; 
    z-index : 99; 
    color : #a1917b; 
    padding-bottom : 5px; 
    float : left; 
    text-align:right;
    height : 25px; 
} 
.text a { 
    color : #fff; 
    text-decoration : none; 
    line-height : 25px;
} 
.text a:hover { 
    color : #ffc; 
} 
.textwz a{ 
    float: right; 
    height:25px; 
    line-height:25px; 
    padding-right:20px;
}
.textwz a:link{ 
    float: right; 
    color : #ffff00;
    height:25px; 
    line-height:25px; 
    padding-right:20px;
}
.texttu a{ 
    float: right; 
    height:25px; 
    line-height:25px;
    width:99px;
    display:block;
    background:url(images/qq.jpg);
}
.texttu a:hover{
    background:url(images/qqs.jpg);
}

.search { 
    height : 28px; 
    width : 160px; 
    border : 1px solid #000; 
    background : #fafafa; 
    position : absolute; 
    right : 0; 
    bottom : 17px; 
    padding : 0; 
    margin : 0; 
    line-height : 28px; 
} 
.search input { 
    padding : 0; 
    margin : 0; 
    height : 26px; 
    border : 0; 
    line-height : 26px; 
    padding-left : 10px; 
    background : #fafafa; 
} 
INPUT#submit:hover {
    background-image: url(images/sot.png);
    background-repeat: no-repeat;
    width:35px;
    height:28px;
    text-align: left;
    background-position: right;	
}
INPUT#submit {
    width:35px;
    background-repeat: no-repeat;
    width:35px;
    height:28px;
    text-align: left;
    background-image: url(images/so.png);
    background-position: right;	
}
INPUT#field a{width:0px;}

#content_bg{	
    width : 100%; 
    text-align : center; 
    height: auto; 
    padding : 0; 
    margin : 0; 
    background :url(images/content.jpg) no-repeat center 0px; 
}

.rss a { 
    height : 30px; 
    width : 31px; 
    position : absolute; 
    bottom : 17px; 
    right : 223px; 
    z-index : 99; 
    font-size : 12px; 
    background-image : url(images/rss.png); 
} 
.rss a:hover { 
    background-image : url(images/rss_sb.png); 
}

/* 核心布局样式 */
#hot_all { 
    margin : 0 auto; 
    width : 1200px; 
    margin-top: 0;
    height : auto; 
    background :#201A16;
    position: relative; 
    z-index: 1;
}

#neirong-ye { 
    float : left; 
    width : 1200px; 
    background : #fff ; 
    text-align : left; 
    overflow: hidden;
} 

#zxnr-ye { 
    float : left; 
    width : 1200px; 
    overflow: hidden;
    position: relative;
}

/* 左栏 */
.neirong { 
    float : left; 
    width : 960px; 
    padding : 25px; 
    background : #fff ; 
    color : #000; 
    font-size : 14px; 
    line-height : 21px; 
    box-sizing: border-box;
}

/* 右栏 */
.longnow { 
    float: right;  
    width: 240px; 
    padding-top: 15px;
    padding-right: 30px;
    padding-left: 30px;
    background: #E4E4E4; 
    color: #000; 
    font-size: 12px; 
    line-height: 35px;
    box-sizing: border-box;
}


/* 企业视频板块 - 所有文字链接 hover 向上位移 */
.longnow div a {
    /* 基础设置：确保位移生效 */
    position: relative;
    display: inline-block;
    /* 过渡动画：让位移更丝滑 */
    transition: all 0.2s ease-in-out;
    /* 保留原有文字颜色，避免覆盖 */
    color: inherit;
    text-decoration: none;
}

/* 鼠标悬停时向上位移 + 可选变色 */
.longnow div a:hover {
    transform: translateY(-2px); /* 向上移动2px，可调整为1-3px */
    color: #f97316; /* 可选：和箭头同色，增强视觉反馈 */
}

/* 单独优化左对齐的子分类链接（可选） */
.longnow div[align="left"] a {
    margin: 0 2px; /* 避免多个链接位移时重叠 */
}



/* 3. 给案例文字链接添加 hover 向上位移 */
.longnow table a {
    position: relative; /* 让位移基于自身位置 */
    transition: all 0.2s ease; /* 文字过渡动画更短，更灵敏 */
    display: inline-block; /* 确保位移生效 */
}

/* 4. 鼠标悬停文字链接时向上位移 */
.longnow table a:hover {
    transform: translateY(-2px); /* 文字向上移2px，比图片少一点更协调 */
    color: #f97316; /* 可选：文字变色，增强响应提示 */
}

/* 相关案例图片样式 - 消除默认间距 */
.longnow table .pic1 {
    display: block !important; /* 消除图片行内默认行高 */
    margin-bottom: 2px !important; /* 覆盖内联样式，间距设为2px */
    line-height: 0; /* 彻底消除行高带来的空白 */
}

/* 路径导航 */
.xzfeizi { 
    float : left; 
    width : 1200px; 
    color : #666; 
    padding-left : 20px; 
    line-height : 30px; 
    padding-top : 5px; 
    background : #e4e4e4; 
    border-bottom : 1px solid #b4b4b4; 
    font-size : 12px; 
    border-top : 1px solid #b4b4b4; 
    box-sizing: border-box;
} 
.xzfeizi a { 
    text-decoration : none; 
    color : #000; 
    font-size : 12px; 
}

/* 标题栏 */
.left_gg-ye { 
    float : left; 
    width : 1200px; 
    height : 150px; 
    background : #14293E ; 
    text-align : center; 
    font-size : xx-large; 
    color : #fff; 
}

.zuozhe-nr-bt { 
    float : left; 
    width : 1200px; 
    height : 60px; 
    text-align : center; 
    padding-top : 40px;
    font-family: ZCOOL GDH, FontAwesome, sans-serif; 
    font-weight: normal; 
    font-size: 28px; 
    color: #fff; /* 新增文字颜色属性 */
}

.zuozhe-nr-bt2 { 
    float : left; 
    width : 1200px; 

    text-align : center; 
    padding-bottom : 30px;
    font-family: ZCOOL GDH, FontAwesome, sans-serif; 
    font-weight: normal; 
    font-size: 12px; 
}

/* 图片悬停效果 */
.pic1 {
    transition: all 0.4s cubic-bezier(0.25, 0.1, 0.25, 1) !important;
    transform-origin: center center !important;
    transform: translateZ(0);
    backface-visibility: hidden;
    perspective: 1000px;
    will-change: transform, box-shadow;
    display: block;
}
.pic1:hover {
    transform: scale(1.1) translateZ(0) !important;
    box-shadow: 
        0 15px 30px rgba(0, 0, 0, 0.25),
        0 5px 15px rgba(0, 0, 0, 0.15) !important;
    z-index: 1000;
    position: relative;
}

/* 报价区块样式 */
.price-section {
    width: 1200px; 
    padding: 0px 0; 
    margin: 0; 
    line-height: 1.7; 
    font-family: 'Microsoft YaHei', sans-serif; 
    color: #334155; 
    position: relative;
}

.price-title {
    display: flex; 
    justify-content: center; 
    align-items: center; 
    margin-bottom: 20px; 
    padding: 10px 30px; 
    background: #f8fafc; 
    border: 1px solid #e2e8f0; 
    border-radius: 8px; 
    color: #0f172a; 
    font-size: 18px; 
    font-weight: 600; 
    letter-spacing: 0.5px;
}

.price-block {
    margin-bottom: 24px;
}

.price-block-title {
    text-align: center; 
    margin-bottom: 16px; 
    position: relative;
}
.price-block-title span {
    color: #f97316; 
    font-weight: 900;
}

.price-card-group {
    display: flex; 
    gap: 12px; 
    flex-wrap: wrap;
}

.price-card {
    flex: 1; 
    min-width: 110px; 
    background: white; 
    padding: 12px; 
    border: 1px solid #e2e8f0; 
    text-align: center;
}

.card-title {
    color: #0f172a; 
    font-size: 14px; 
    font-weight: 700; 
    margin-bottom: 6px;
}

.card-desc {
    color: #64748b; 
    font-size: 12px; 
    line-height: 1.4;
}

.card-price {
    color: #0f172a; 
    font-size: 14px; 
    font-weight: 500; 
    margin-top: 8px;
}

.price-contact-title {
    color: #0f172a; 
    font-size: 20px; 
    font-weight: 700; 
    letter-spacing: 0.5px; 
    margin-bottom: 8px; 
    text-align: center;
}

.price-contact-phone {
    color: #f97316; 
    font-size: 24px; 
    font-weight: 800; 
    letter-spacing: 1px; 
    text-align: center;
}

/* 底部图片展示 */
.box1 {
    width: 1200px; 
    margin: 0 auto; 
    box-sizing: border-box;
}

.thumbnailwrapper2 ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 10px;
}
.thumbnailwrapper2 li {
    flex: 1;
}
.thumbnailwrapper2 img {
    width: 100%;
    height: auto;
}

/* 链接样式 */
.colored-links a {
    color: #09aab5 !important;
}
.colored-links a:hover {
    color: #078c96 !important;
}

.prev-next-links {
    padding: 5px 0;
}
.prev-next-links a {
    color: #333;
    text-decoration: none;
}
.prev-next-links a:hover {
    color: #f97316;
    text-decoration: underline;
}

/* 页脚样式 */
#foot { 
    background : #000000; 
    width : 100%; 
    margin-top : 20px; 
} 
#foot_980 { 
    margin : 0 auto; 
    width : 1200px; 
    height : 350px; 
    clear : inherit; 
    padding-top:7px;
} 
.link_logo { 
    line-height : 40px; 
    width : 202px; 
    float : left; 
    text-align : left; 
} 
.link_onhoo { 
    line-height : 30px; 
    width : 755px; 
    float: left; 
    text-align :left; 
    font-size : 14px; 
    color : #82664c; 
} 
.link_onhoo a { 
    color : #82664c; 
} 
.foot_ba { 
    float : left; 
    height : 25px; 
    width : 1200px; 
    line-height : 25px; 
    font-size : 12px; 
    color : #ccc; 
    margin-top:15px;
} 
.foot_ba a { 
    color : #a79687; 
    text-decoration : none; 
} 
.foot_ba a:hover { 
    color : #ff0; 
}