body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{color: #333;font-size: 12px;font-family: '微软雅黑',Microsoft YaHei,Arial, Helvetica, sans-serif;width: 100%;height: 100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;overflow-x: hidden; /*background-color: #f0f0f0;*/}
a{color:#4e4e4f;text-decoration:none}
a:link{text-decoration:none ; }
a:visited {text-decoration:none ; }
a:hover {text-decoration:none ;}
a:active {text-decoration:none ;}
em{font-style:normal;}
li{list-style:none}
img{vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
.clear{clear: both;padding-top: 40px;}
.left{float: left}
.right{float: right}
.red{color:#bc0000}
/*导航*/
.nav{width: auto;height: 100px;margin: 0 auto;margin-left: 50px;}
.logo-link {margin-left: 100px;}
.head-nav{width: 610px;height: 40px;position: absolute;text-align: center;right: calc(55% - 390px);top:30px;}
.head-nav li{float: left;width: 100px;height: 40px;line-height: 40px}
.head-nav li a{display: inline-block;font-size: 14px;transition: all 0.1s;}
.head-nav li:hover a{border-width: 50px;border-bottom: 2px solid #4e4e4f;}
.select{display: inline-block; border-bottom: 2px solid #4e4e4f;}
.head-tel{float: right;margin-right: 10px;margin-top: -100px;}
.head-tel .tel{font-size: 18px;height: 30px;line-height: 30px;margin-top: 35px;display: inline-block;overflow: hidden;padding-left: 33px;position: relative;float: right;transform: translateX(-100px);}
.head-tel .tel:before{background-position: -80px  50px;content: url(../img/timg.jpg);position: absolute;left: -74px;top: 2px;}
.w-6{width: 26px;height: 26px;position: relative;display: block;float: left;margin-top: 38px;margin-right: 10px;overflow: hidden;transform: translateX(-100px);}
.wx{width: 30px;height: 30px;position: relative;display: block;float: left;margin-top: 35px;margin-right: 10px;overflow: hidden;transform: translateX(-100px);}
.wx:before{content: url(../img/timg.jpg);background-position: -60px  60px;position: absolute;left: -18px;top: -83px;}
.head_wx i:hover .head_wx img{display: block;}
.head_wx img{position:absolute;top: 63px;margin-left: -66px;z-index: 999;width: 100px;padding-top: 10px;display: none;margin-top: -75px;margin-left: -240px;}
/*轮播*/
#focus-banner{position:relative;width:100%;overflow:hidden}
#focus-banner-list{position:relative}
#focus-banner-list li{position:absolute;left:0;top:0;width:100%}
#focus-banner-list li img{width:100%}
.focus-banner-img{display:block}
#focus-banner-list .focus-banner-text{position:absolute;left:50%;top:0;width:1000px;height:100%;margin-left:-500px;text-align:center;color:#fff;font-size:16px;text-align:center}
#focus-banner .focus-handle{position:absolute;top:50%;margin-top:-40px;z-index:100;display:block;width:80px;height:80px;background-image:url(../images/focus_handle.png);background-color: #000000100;border-radius: 50%;}
#next-img{left:0}
#next-img{left:50px;background-position:0 0}
#next-img:hover{background-position:0 -80px}
#prev-img{right:0}
#prev-img{right:50px;background-position:-80px 0}
#prev-img:hover{background-position:-80px -80px}
#focus-bubble{position:absolute;left:50%;bottom:10px;z-index:999;height: 50px;}
#focus-bubble li{float:left;width:10px;height:10px;margin:1px 3px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;border:1px #fff solid;cursor:pointer}
#focus-bubble li a{display:block;width:100%;height:100%;filter:alpha(opacity=0);opacity:0}
#focus-bubble li.current{background-color:#fff}
/*公用*/
.Company-Profile,.Enterprise-Honor,.Decoration-Case,.Service-Process,.Decoration-site,.Decoration-Encyclopedia,.Message-Form{background-color: #f0f0f0;}
.title{width: 100%;height: 120px;margin: 0 auto;text-align: center;padding-top:68px;}
.title h1{color:#1a1a1a;font-size: 30px;font-weight: 700;padding-bottom: 20px;}
.title h2{color:#1a1a1a;font-size: 30px;font-weight: 700;padding-bottom: 20px;}
.title p{font-size: 16px;color: #494949;font-weight: 700;letter-spacing:3px;}
.title p span{color:#bc0000}
/*简介*/
.about{width: 100%;height:410px;background:url(../images/about.png) no-repeat;background-size: cover;}
.about_con{width: 1300px;height:410px;margin: 0 auto}
.about_content{width: 670px;padding: 30px 26px 30px 0;text-indent:2em;float: left;}
.about_content p{font-size: 16px;color: #393838;line-height: 32px;letter-spacing: 3px;}
.about_img{width: 500px; padding-top: 40px;padding-left: 100px}
.about_img img{width: 500px}
.right_about {float: right;position: relative;top: 40px;}
.right_about img {width: 500px;}
/*专业领域*/
.major {font-family: Arial, sans-serif;background-color: #f0f0f0;margin: 0;padding: 20px;}
.range {display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: auto;gap: 20px;max-width: 1200px;margin: 0 auto;}
.Service_scope {grid-column: 1 / -1;text-align: left;font-size: 30px;color: #333;margin-bottom: 30px;padding-top: 68px;text-align: center;}
.category {background-color: white;padding: 20px;border-radius: 8px;display: flex;align-items: center;min-height: 100px;transition: transform 0.3s ease, box-shadow 0.3s ease;}
.icon {width: 40px;margin-right: 15px;text-align: center;}
.icon img {margin-right: 15px;transition: transform 0.3s ease;}
.category:hover {transform: translateY(-5px);box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);}
.category:hover .icon img {transform: scale(1.1);}
.text {flex: 1;}
.text h3 {margin: 0 0 5px 0;color: #333;}
.text p {margin: 0;color: #666;}
/*案例*/
.case{width: 100%; margin: 0 auto}
.tabs{width:1300px;margin:0 auto;overflow:hidden;}
.tabs_item{height:36px;margin-bottom: 20px}
.tabs_block{height:300px;}
.list_item{float:left;width:100px;height:36px;line-height:36px;font-size:15px;margin-right: 10px;text-align:center;border:1px solid #b8b8b8;border-radius: 20px;cursor:pointer;}
.more{float:right;width:40px;height:20px;line-height:20px;font-size:8px;text-align:center;border:1px solid #b8b8b8;border-radius: 20px;cursor:pointer;margin-top: 25px;}
.more:hover{color:#FFF;background-color:#182029;border:1px solid #182029}
.list_item.active{color:#FFF;background-color:#182029;border:1px solid #182029}
.list_item:hover {background-color: #b8b8b8;}
.active:hover {background-color: #182029;}
.tabs_block{position:relative;}
.list_block{display:none;float:left;width:1300px;font-size:100px;text-align:center;}
.list_block.show{display:block;}
.list_block ul{width: 1335px;}
.list_block ul li{width:410px;height:307px;overflow:hidden;float: left;margin-right: 35px;margin-bottom:20px;background-color:#F4F4F4;}
.list_block ul li img{width:410px;height:100%}
.list_block ul li p{width: 410px;height: 40px; line-height: 40px;font-size: 16px;position:relative;top: 0px;z-index: 999;background:#182029;color:#d8d8d8;transition: all 0.5s
}
.list_block ul li:hover p{top:-40px;}
.list_block-image {transition: transform 0.3s ease;width: 100%;height: auto;}
.list_block-image:hover {transform: scale(1.1);}

/*禁止图片被鼠标拖动*/
.focus-banner-img,.right_about,.logo-link img {
    -webkit-user-drag: none; /* Safari 和 Chrome */
    -khtml-user-drag: none;  /* Konqueror */
    -moz-user-drag: none;    /* Firefox */
    -o-user-drag: none;      /* Opera */
    user-drag: none;         /* 标准语法，但并非所有浏览器都支持 */
}

/* 为新幻灯片轮播添加文字*/
.text-overlay {position: absolute;/*background-color: rgb(255 255 255 / 40%);*/padding: 10px;top: 50%; /* 垂直居中起点 */left: 50%; /* 水平居中起点 */transform: translate(-50%, -50%);text-align: center;}
.text-overlay .line1 {color: #000000; /* 金色 */font-size: 35px;margin: 0;}
.text-overlay .line2 {color: #000000; /* 浅蓝色 */font-size: 69px;margin: 0;margin-top: 20px;    /* 上边距 *//* margin-bottom: 30px; */ /* 下边距 */font-weight: 500;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8); /* 文字阴影，增强可读性 */}
.text-overlay .line3 {color: #000000; /* 浅绿色 */font-size: 19px;margin: 0;/* margin-top: 20px; */    /* 上边距 */margin-bottom: 30px; /* 下边距 */}
.text-overlay .line4 {color: #000000; /* 浅珊瑚色 */font-size: 35px;margin: 0;margin-top: 20px;    /* 上边距 */margin-bottom: 30px; /* 下边距 */font-weight: 500;}
.text-overlay .line5 {color: #000000; /* 白色 */font-size: 20px;margin: 0;}

/* 为首页第一张幻灯片添加 */
.text-The-first-one {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;color: white;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}
.focus-banner-img {display: block;position: relative;}
.focus-banner-img img {width: 100%;height: auto;object-fit: cover;}
.line-1 {font-size: 35px;font-weight: bold;margin-bottom: 22px;letter-spacing: 2px;}
.line-2 {font-size: 69px;font-weight: 600;margin-bottom: 6px;letter-spacing: 5px;}
.line-3 {font-size: 18px;font-weight: normal;margin-bottom: 50px;letter-spacing: 11.5px;}
.line-4 {font-size: 20px;font-weight: normal;margin-bottom: 10px;letter-spacing: 5px;}
.line-5 {font-size: 20px;font-weight: normal;letter-spacing: 5px;}

/* 为首页第一张幻灯片添加文字飞入 */
.text-The-first-one p {opacity: 0; /* 初始透明度为0，确保动画开始时不可见 */transform: translateX(100%); /* 初始位置在右侧 */animation: flyInFromRight 1s ease-out forwards; /* 应用动画 */}

/* 定义动画 */
@keyframes flyInFromRight {
    from {
        opacity: 0;
        transform: translateX(100%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* 为每个段落设置不同的动画延迟，实现依次飞入效果 */
.line-1 { animation-delay: 0s; }
.line-2 { animation-delay: 0.5s; }
.line-3 { animation-delay: 1s; }
.line-4 { animation-delay: 1.5s; }
.line-5 { animation-delay: 2s; }

/* 首页第二和第三张幻灯片添加文字飞入 */
.text-overlay p {opacity: 0; /* 初始透明度为0，确保动画开始时不可见 */transform: translateX(100%); /* 初始位置在右侧 */animation: flyInFromRight 1s ease-out forwards; /* 应用动画 */
}

/* 为每个段落设置不同的动画延迟，实现依次飞入效果 */
.line1 { animation-delay: 0s; }
.line2 { animation-delay: 0.5s; }
.line3 { animation-delay: 1s; }
.line4 { animation-delay: 1.5s; }
.line5 { animation-delay: 2s; }

/* 宣传视频下方文案 */
.statistics {display: flex;justify-content: space-evenly;margin-top: 10px;}
.statistic-item {text-align: center;}
.statistic-item p {margin-top: 10px;font-size: 14px;}
.statistic-item h4{color:#000000;font-size: 14px;font-weight: 600;}

/* 企业证书 */
.carousel {width: calc(4 * (300px + 10px));overflow: hidden;position: relative;margin: 0 auto;}
.carousel-inner {display: flex;transition: transform 0.5s ease;will-change: transform;margin: 50px 0px 70px 0px;}
.carousel-item {width: 300px;height: 362px;margin-right: 10px;cursor: pointer;transition: transform 0.5s ease;flex-shrink: 0;}
.carousel-item.active {transform: scale(1.2);}
.carousel-item img {width: 100%;height: 100%;object-fit: cover;}
.carousel-dots {display: flex;justify-content: center;margin-top: 10px;}
.carousel-dot {width: 36px;height: 4px;background-color: #ccc;margin: 0 5px;cursor: pointer;}
.carousel-dot.active {background-color: #000;}
.modal {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);justify-content: center;align-items: center;z-index: 1000;}
.modal img {max-width: 683px;max-height: 824px;}
.close {position: absolute;top: 10px;right: 10px;font-size: 30px;color: #fff;cursor: pointer;}
.carousel-button {position: absolute;top: 50%;transform: translateY(-50%);background-color: rgba(0, 0, 0, 0.5);color: white;border: none;padding: 10px;cursor: pointer;z-index: 10;}
.carousel-button.prev {left: 10px;}
.carousel-button.next {right: 10px;}

/* 侧边栏样式 */
.sidebar {position: fixed;top: 80%;right: 0;transform: translateY(-50%);z-index: 999;}

/* 菜单项样式 */
.sidebar-item {position: relative;width: 40px;height: 40px;background-color: #f2f2f2;color: white;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.3s ease;margin-bottom: 8px;border-radius: 8px 0 0 8px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}

/* 菜单项悬停效果 */
.sidebar-item:hover {transform: translateX(-5px);background-color: #e65a50;}

/* 子菜单样式 */
.sub-menu {position: absolute;top: 0;right: 60px;width: 150px;display: none;align-items: center;justify-content: center;padding: 15px;border-radius: 8px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);border: 1px solid #e0e0e0;animation: slideInRight 0.3s ease;}

@keyframes slideInRight {
    from {
        right: 0;
        opacity: 0;
    }
    to {
        right: 60px;
        opacity: 1;
    }
}

/* 二维码样式 */
.qr-code {width: 120px;height: 120px;background-color: #f4f4f4;margin-bottom: 10px;border-radius: 8px;}

/* 二维码下方文字样式 */
.flex-col {/*display: flex;*/flex-direction: column;align-items: center;color: #ffffff;font-size: 16px;background: #182029;}

/* 电话菜单展开文字样式 */
.phone-text {
/*display: flex;*/flex-direction: column;align-items: center;color: #ffffff;font-size: 16px;background: #182029;}

/* 现场施工风采 */
.construction-site {padding: 0.5rem;position: relative;overflow: hidden;width:1200px;margin:0 auto;}
.slider-inner {display: flex;gap: 1rem;transition: transform 0.5s ease-in-out;}
.slider-inner img {width: calc(25% - 0.75rem);height: auto;object-fit: cover;cursor: pointer;}
.slider-arrow {position: absolute;top: 50%;transform: translateY(-50%);color: white;font-size: 1.875rem;cursor: pointer;padding: 0.5rem;background-color: rgba(0, 0, 0, 0.5);}
.slider-arrow.prev {left: 1rem;}
.slider-arrow.next {right: 1rem;}
.slider-nav {display: flex;justify-content: center;margin-top: 1rem;}
.slider-nav-dot {width: 0.625rem;height: 0.625rem;background-color: #ccc;border-radius: 50%;margin: 0 0.375rem;cursor: pointer;}
.slider-nav-dot.active {background-color: #333;}
.preview-modal {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);z-index: 1000;}
.preview-modal img {max-width: 90%;max-height: 90%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.close-preview {position: absolute;top: 1.25rem;right: 1.25rem;color: white;font-size: 2rem;cursor: pointer;}

/* 导航栏子菜单样式 */
.submenu {display: none; /* 默认隐藏子菜单 */top: 100%; /* 子菜单显示在父菜单下方 */left: 0;background-color: #fff;box-shadow: 0 8px 16px rgba(0,0,0,0.1);min-width: 40px;z-index: 1;list-style-type: none; /* 去除子菜单的列表样式 */padding: 0;margin: 0;}
.submenu li {margin: 0;height: auto;line-height: 100%;background: #ffffff;}
.submenu a {padding: 10px 0px;color: #333;display: block;}
/* 鼠标悬停时显示子菜单 */
.head-nav li:hover > .submenu {display: block;}
/* 继承父菜单链接的样式（如果需要进一步自定义） */
.submenu a:hover {background-color: #ffffff; /* 示例：鼠标悬停时的背景色 */}