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; /* 防止水平溢出 */}
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: 650px; height: 40px; position: absolute;text-align: center;right: calc(50% - 400px);top:30px;}
.head-nav li{float: left;width: 100px;height: 40px;line-height: 40px}
.head-nav li a{display: inline-block;font-size: 16px;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: 40px;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: #00000010;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}
/*公用*/
.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: 2em;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: 10px;cursor:pointer;}
.more{float:right;width:100px;height:36px;line-height:36px;font-size:15px;text-align:center;border:1px solid #b8b8b8;border-radius: 10px;cursor:pointer;}
.more:hover{color:#FFF;background-color:#bc0000;border:1px solid #bc0000}
.list_item.active{color:#FFF;background-color:#bc0000;border:1px solid #bc0000}
.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:#2a2a2aa8;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: 8px;
    letter-spacing: 2px;
}

.line-2 {
    font-size: 60px;
    font-weight: 600;
    margin-bottom: 6px;
    letter-spacing: 5px;
}

.line-3 {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 18px;
    letter-spacing: 4px;
}

.line-4 {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 2px;
    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; }