/* aboutSpantMove 动画定义 */
@keyframes aboutSpantMove {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* WebKit 浏览器兼容性 */
@-webkit-keyframes aboutSpantMove {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

html {
    scroll-behavior: smooth; /* 启用平滑滚动 */
}

body {
    font-family:"微软雅黑";
    overflow-x: hidden;
    font-size: 14px;
}
ul,li {
    list-style:none;
}
.cb {
    width:100%;
    clear:both;
    height:0;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.tac{text-align: center;}
a{text-decoration: none !important;}
h1{margin: 0;height: 70px;line-height: 70px;}
img{max-width: 100%;}




#nav{height: 80px;line-height: 80px;position: absolute;left: 0;top: 0;width: 100%;z-index: 999999;background:#fff;}
#nav .container{position: relative;}
#nav .logo{height: 80px;background: no-repeat left center;line-height: 62px;position: absolute;left: 8px;}
#nav .logo img{vertical-align: middle;}
#nav .container{position: relative;}
#nav .nava{text-align: right;position: absolute;width: 100%;z-index: 9;height: 80px;padding: 0;margin-bottom:0 ;}
#nav .nava li{display: inline-block;position: relative;width: 12%;text-align: center;max-width: 120px;}

/* #nav .nava .a1{display:block;padding: 0 2px;color: #666666 ;height: 80px;line-height: 80px;cursor: pointer;} */
/* 导航链接基础样式 */
#nav .a1 {
    display: block;
    padding: 10px 15px;
    color: #333333;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif;
    letter-spacing: 0.5px; /* 适当减少字母间距 */
    text-transform: uppercase;
    transition: all 0.3s ease;
    position: relative;
    white-space: nowrap; /* 强制不换行 */
    
    text-overflow: ellipsis; /* 溢出时显示省略号（可选） */
}

/* 导航链接悬停效果 */
#nav .a1:hover {
    color: #e63946;
    letter-spacing: 1px; /* 悬停时增加字母间距 */
    text-shadow: 0 1px 3px rgba(230, 57, 70, 0.2); /* 悬停时增加主题色文字阴影 */
    transform: translateY(-1px); /* 轻微上移，增加动态感 */
}

/* 导航链接激活状态 */
#nav .a1.color {
    color: #e63946;
    font-weight: 600; /* 激活时增加字重 */
    letter-spacing: 1px; /* 激活时增加字母间距 */
    text-shadow: 0 1px 3px rgba(230, 57, 70, 0.15); /* 激活时增加文字阴影 */
}

/* 导航链接激活状态下划线 */
#nav .a1.color::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
    height: 2px;
    background-color: #e63946;
    box-shadow: 0 0 3px rgba(230, 57, 70, 0.3); /* 下划线增加阴影，提升立体感 */
}
#nav .nava .a1 img{display: none;}
#nav .daohangi{display: none;}


#banner{width: 100%;height: calc(100vh - 80px);position: relative;overflow: hidden;line-height: 800px;text-align: center;overflow: hidden;margin-top: 80px;}
#banner img{max-width: 90%;}
#banner ul{width: 500%;height: 100%;position: relative;padding: 0;left:0;z-index: 2;}
#banner ul li{width: 20%;height: 100%;float: left;background:#fff url(../images/banner0.jpg) no-repeat top center;background-size:cover ;}
#banner ol{text-align: center;position: absolute;width: 100%;bottom: 20px;padding: 0;z-index: 5;height: 14px;line-height: 14px;}
/* #banner ol li{width: 100px;height: 4px;border-radius: 0%;background: #fff;display: inline-block;margin: 0 12px;cursor: pointer;} */
#banner ol li{width: 5.604vw;height: .104vw;border-radius: 0%;background: #fff;display: inline-block;margin: 0 12px;cursor: pointer;}

/* 轮播图描述 */
.banner-description {
    position: absolute;
    bottom: 50px; /* 距离底部的距离 */
    left: 0;
    right: 0;
    text-align: left; /* 居中对齐 */
    color: #fff; /* 文字颜色 */
    text-shadow: 0 2px 4px rgba(0,0,0,0.5); /* 添加文字阴影，提升可读性 */
    padding: 0 20px; /* 左右内边距 */
    z-index: 10; /* 确保描述在轮播图上方 */
}
#banner ul li {
    position: relative; /* 必须添加，为描述提供定位基准 */
}
/* 描述标题 */
.banner-description h3 {
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: bold;
}

/* 描述内容 */
.banner-description p {
    font-size: 44px;
    font-weight: bold;
    position: relative;
    opacity: 50;
    animation: aboutSpantMove 1s forwards;
    -webkit-animation: aboutSpantMove 1s forwards;
    text-align: left;
    margin-left: 10%;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .banner-description {
        bottom: 30px; /* 移动端调整距离底部的距离 */
    }
    
    .banner-description h3 {
        font-size: 18px; /* 移动端调整标题大小 */
    }
    
    .banner-description p {
        font-size: 14px; /* 移动端调整内容大小 */
    }
}
.i_con1{height: 450px;overflow: hidden;margin-top: 18px;padding: 0;}
.i_con1 .right{padding: 0;background: center center;background-size:cover ;height: 450px;
background-position: center -150px; 
    overflow: hidden;}
.i_con1 .right img{display: none;width: 100%;}

.i_con1 .left{height: 450px;line-height:450px;background: #fff;padding: 30px 45px;}
.i_con1 .left .box11{display: inline-block;line-height: 1;vertical-align: middle;}
.i_con1 .left .p1{font-size: 24px;margin-bottom: 30px;}
.i_con1 .left .span1{display: inline-block;height: 2px;width: 12px;margin-bottom: 30px;}
.i_con1 .left .a{color: #4b4b4b;font-size: 16px;line-height: 24px;margin-bottom: 20px;display: block;}
.i_con1 .left .p2{font-size: 13px;color: #909090;line-height: 20px;margin-bottom: 50px;}
.i_con1 .left .a2{display: inline-block;width: 50px;height: 50px;text-align: center;line-height: 50px;border-radius: 50%;}

.i_con2 .left{background: #2b2b2b;}
.i_con2 .left .p1{color: #ffffff;}
.i_con2 .left .span1{background: #666666;}
.i_con2 .left .a{color: #FFF;}
.i_con2 .left .p2{color: #909090;}
.i_con2 .left .a2{border: 1px solid #FFF;}
.i_con3{background: #fff;margin-top: 18px;overflow: hidden;}
.i_bt{text-align: center;margin-top: 36px;margin-bottom: 18px;}
.i_bt .p1{color: #222222;font-size: 24px;height:56px;line-height: 56px;}
.i_bt .p2{max-width: 760px;font-size: 12px;color: #909090;line-height: 24px;margin: 0 auto;}

.i_con3 .xuanze{width: 100%;max-width: 632px;margin: 0 auto 45px;overflow: hidden;padding: 0;}
.i_con3 .xuanze li{float: left;height: 50px;width: 100%;max-width: 300px;color: #6e6e6e;background: #F2F2F2;text-align: center;line-height: 50px;cursor: pointer;
}
.i_con3 .xuanze li.background{color: #FFF !important;}
.i_con3 .lb{overflow: hidden;margin-bottom: 46px;}
.lb .big_box{width: 400%;position: relative;left: 0;}
.lb .big_box .s_box{float: left;width: 25%;}
.s_box .col-xs-12{padding: 0 9px;margin-bottom: 18px;}
.s_box .ss_box{padding: 15px;border: 1px solid #eeeeee;}
.s_box .ss_box .img{display: block;overflow: hidden;}
.img img{width: 100%;min-height:100%;transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
}
.img:hover img{transform: scale(1.05);}
.s_box .ss_box .a1{width: 100%;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color: #434343;line-height: 44px;}
.s_box .ss_box .p1{width: 100%;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 13px;color: #9c9999;line-height: 1;}

.i_con4{padding: 200px 15px;background: url(../images/i_con4_bg.jpg) center center;background-size:cover ;margin-top: 18px;color: #fff;text-align: center;}
.i_con4 .p1{font-size: 30px;line-height: 1;margin-bottom: 20px;}
.i_con4 .p2{font-size: 12px;line-height: 32px;max-width: 1000px;margin: 0 auto 30px;}
.i_con4 .a1{width: 150px;height: 46px;line-height: 46px;text-align: center;display: inline-block;font-size: 13px;color: #373737 !important;background:rgba(255,255,255,0.74) ;transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
}
.i_con4 .a1:hover{background:#fff;}

.i_con5{margin: 18px auto;background: #fff;overflow: hidden;padding-bottom: 50px;}
.i_news{margin: 15px 0;}
.i_news a{display: block;width: 100%;overflow: hidden;}
.i_news .a1{white-space:nowrap; text-overflow:ellipsis;font-size: 16px;color: #434343;height: 36px;line-height: 36px;margin-top: 10px;}
.i_news p{font-size: 12px;color: #969696;margin: 0;}
.i_news .p2{line-height: 18px;height: 54px;overflow: hidden;}
.i_con5 .div div{height: 80px;line-height: 80px;text-align: center;max-height: 90%;overflow: hidden;}
.i_con5 div:hover>img{transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
}
.i_con5 div:hover>img{transform: scale(1.1);}

.footer{background: #1e1e1e;overflow: hidden;}
.footer .foot_top{border-bottom: 1px solid #000;text-align: center;padding: 26px 0;position: relative;}
.footer .foot_top .div{display: inline-block;overflow: hidden;}
.footer .foot_top .f_top{width: 66px;height: 46px;line-height: 46px;text-align: center;color: #fff;font-size: 16px;font-weight: bold;display: block;position: absolute;top: 0;right: 0;border-radius: 0 0 5px 5px;cursor: pointer;}
.footer .foot_top a{color: #818181;font-size: 12px;padding: 6px 16px;float: left;}
.footer .foot_top a:hover{color: #fff !important;text-decoration: underline !important;}
.footer .foot_top .a1h{background: none;}
.footer .foot_top br{display: none;}
.footer .foot_m{border-top: 1px solid #505050;padding: 28px 0 54px;}
.foot_m{overflow: hidden;}

.foot_m .guanzhu{text-align: center;}
.foot_m .foot_lx{text-align: left;}
.foot_m .foot_lx .p1{font-size: 13px;color: #ffffff;margin-bottom: 30px;margin-top: 18px;}
.foot_m .foot_lx .p2{font-size: 22px;color: #fff;margin-bottom: 22px;}
.foot_m .foot_lx a{display: inline-block;font-size: 14px;color: #fff !important;width: 150px;height: 36px;line-height: 36px;text-align: center;}



.foot_m .xinxi{text-align: center;margin-top: 10px;}
.foot_m .xinxi .p1{font-size: 18px;color: #fff;margin-bottom: 20px;}
.foot_m .xinxi p{color: #d9d9d9;background: no-repeat top left;line-height: 30px;text-align: left;margin-bottom: 0;}
.foot_m .xinxi .box{display: inline-block;}
.foot_m .erweima{text-align: center;}
.foot_m .cb{display: none;}
.foot_m .erweima{width: 250px;margin: 0 auto;}
.foot_m .erweima dl{display: inline-block;}
.foot_m .erweima dt{padding: 8px;background: #2c2c2c;border: 1px solid #444444;}
.foot_m .erweima dd{color: #d9d9d9;height: 60px;line-height: 60px;}
.foot_down{background: #0f0f0f;padding: 15px 0;overflow: hidden;}
.foot_down p{margin-bottom: 0;font-size: 12px;color: #6a6a6a;line-height: 22px;}
.foot_down a{color: #6a6a6a;margin-right: 5px;}

.list_banner{height: 450px;line-height: 450px;text-align: center;margin-top: 80px;}
.list_banner img{max-width: 90%;}
.parduct_list_banner{height: calc(50vh);line-height: 450px;text-align: center;margin-top: 80px;
    background-position: center -150px; /* 垂直向上偏移30px */
    overflow: hidden;}
.parduct_list_banner img{max-width: 90%;}
.article_list_banner{height: calc(50vh);line-height: 450px;text-align: center;margin-top: 80px;
    background-position: center -150px; /* 垂直向上偏移30px */
/* background-size: 110% auto; 宽度放大110%，高度自适应 */
    overflow: hidden;
}
.article_list_banner img{max-width: 90%;}
.about_list_banner{height: 1001px;line-height: 450px;text-align: center;margin-top: 80px;}
.about_list_banner img{max-width: 90%;}
.question_list_banner{height: 880px;line-height: 450px;text-align: center;margin-top: 80px;}
.question_list_banner img{max-width: 90%;}
.contract_us_list_banner{height: 1001px;line-height: 450px;text-align: center;margin-top: 80px;}
.contract_us_list_banner img{max-width: 90%;}
.contract_us_list_banner .navs {
    /* 垂直定位 */
    top: calc(100vh - 45% + 0.6rem);
    /* 水平定位 */
    left: 19rem;
    color: #fff;
    z-index: 10;
    position: absolute;
    transform: translateY(-50%);
    text-align: left;
    display: flex; /* 添加这行，让gap生效 */
    flex-direction: column; /* 添加这行，确保垂直排列 */
    gap: 0.15rem;
    font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
    
}
.fnt_40{    
    font-size: 4rem;
    margin: 0;
    font-weight: bolder;}
.contract_us_list_banner .navs .swzx {
    color: #fff;
    display: block;
    padding: .1rem 0;
    position: relative;
    font-size: 20px;
    font-weight: bolder;
    font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
    line-height: 1.6;
    margin-top: 30px;
    text-decoration: none;
}
/* 确保hover时保持白色，不显示红色 */
.contract_us_list_banner .navs .swzx:hover {
    color: #fff !important;
    text-decoration: none;
}
.contract_us_list_banner .navs .swzx:after {
    left: 0;
    width: 0;
    content: "";
    position: absolute;
    transition: .5s;
    border-bottom: 1px solid #2AD2C9;
    bottom: -10px;
}
.contract_us_list_banner .navs .swzx:hover:after {
    width: 100%;
}
/* 验证码容器 */
.verification-code-container{
	display: flex;
	align-items: center;
    gap: 10px;
}
/* 验证码图片 */
.verification-code-image {
    flex-shrink: 0; /* 防止图片被压缩 */
}

.verification-code-image img {
    height: 40px; /* 调整图片高度与输入框一致 */
    cursor: pointer; /* 显示点击手势 */
}

/* 验证码输入框 */
.verification-code-input {
    flex: 1; /* 输入框占满剩余空间 */
}

.verification-code-input input {
    width: 100%; /* 输入框宽度100% */
    height: 40px; /* 与图片高度一致 */
    /* 其他输入框样式保持与现有样式一致 */
}

/* 响应式调整 */
@media (max-width: 768px) {
    .verification-code-container {
        flex-direction: column; /* 移动端垂直排列 */
        align-items: stretch; /* 子元素占满宽度 */
    }
    
    .verification-code-image {
        margin-bottom: 10px; /* 垂直排列时的间距 */
    }
}

.list_bt{text-align: center;padding: 46px 0;}
.list_bt .p1{font-size: 24px;color: #222222;}
.list_bt .p2{font-size: 12px;color: #909090;}

.about_main{margin-bottom: 30px;}
.about_main p{text-align: center;}
.about_main .p1{font-size: 18px;color: #222222;line-height: 44px;}
.about_main .p2{font-size: 13px;color: #959595;line-height: 24px;margin-bottom: 20px;}
.about_mi{padding: 150px 0 120px;text-align: center;background: url(../images/about_m_i.jpg) center center;background-size:cover ;color: #fff;}
.about_mi .boxo{display: inline-block;width: 33.3333%;max-width: 330px;text-align: center;min-width: 220px;}
.about_mi .boxo .boxo1{display: inline-block;}
.about_mi .boxo p{margin-bottom: 0;text-align: left;}
.about_mi .boxo .p01{margin-bottom: 18px;}
.about_mi .boxo .p02{font-size: 40px;margin-bottom: 12px;font-weight: bold;}
.about_mi .boxo .p03{margin-bottom: 30px;}

.about_main .p4{font-size: 24px;color: #222222;height: 68px;line-height: 68px;background: url(../images/about_x.jpg) no-repeat bottom center;margin-top: 30px;}
.about_main .p5{font-size: 18px;color: #474747;}
.about_main .p6{font-size: 13px;color: #959595;max-width: 738px;margin: 10px auto 20px;}
.about_main .box_b{text-align: center;margin-top: 50px;}
.about_main .box_b1{display: inline-block;text-align: center;width: 33%;max-width: 300px;min-width: 200px;margin-bottom: 30px;}
.about_main .box_b2{width: 175px;display: inline-block;}
.about_main .box_b2 img{margin-bottom: 35px;}
.about_main .box_b2 p{color: #909090;line-height: 24px;}
.about_main .box_b2 font{color: #2c2c2c;}

.fenye{margin: 40px 0;padding: 0;}
.fenye li{display: inline-block;}
.fenye li a{display: block;height: 26px;line-height: 24px;border: 1px solid #000;padding: 0 9px;}
.fenye li a:hover,.fenye li a.cur{color: #fff !important;}

.xq_bt{text-align: center;padding: 50px 0 10px;border-bottom: 1px solid #eeeeee;margin-bottom: 20px;}
.xq_bt .p1{font-size: 22px;color: #000000;line-height: 38px;}
.xq_bt .p2{font-size: 12px;color: #767676;line-height: 30px; margin: 0 15px;}
.cp_x_main .p1{font-size: 12px;color: #4e4e4e;text-indent: 2em;line-height: 24px;margin-bottom: 20px;}
.cp_x_main img{margin: 20px 0;}
.cp_x_main{padding-bottom: 50px;}
.sx{padding: 30px 0;}
.sx a{display: block;color: #3d3d3d;line-height: 28px;}

.n_xuanze{text-align: center;margin: 40px 0;}
.n_xuanze a{width: 50%;max-width: 314px;height: 50px;text-align: center;line-height: 50px;color: #6e6e6e !important;background: #f2f2f2;display: inline-block;}
.n_xuanze a.background{color: #FFF !important;}


.news_x .n_bt{text-align: center;margin-top: 40px;}
.news_x .n_bt .p1{margin-bottom: 20px;font-size: 22px;color: #242424;font-weight: bold;}
.news_x .n_bt .p2{font-size: 12px;color: #939393;}
.news_x .n_bt .p2 span{margin: 0 15px;display: inline-block;}

.news_x .p1{color: #626262;font-size: 12px;line-height: 24px;}

.l_xinxi{border: 1px solid #ccc;padding-top: 60px;text-align: center;overflow: hidden;margin-bottom: 38px;}
.l_xinxi .boxo1{display: inline-block;text-align: left;margin-bottom: 35px;}
.l_xinxi .boxo1 .p1{font-size: 24px;color: #434343;font-weight: bold;margin-bottom: 12px;}
.l_xinxi .boxo1 .p2{font-size: 12px;line-height: 22px;color: #787878;}
.l_xinxi .boxo1 .p3{font-size: 12px;color: #787878;}

.ditu{border: 1px solid #ccc;padding: 5px;overflow: hidden;margin-bottom: 50px;}
.liuyan .left{height: 355px;border: 1px solid #d9d9d9;padding: 15px;margin-bottom: 50px;}
.liuyan .left .bg_i{height: 280px;background: url(../images/liuyan_i.jpg) no-repeat center right;background-size:cover ;}
.liuyan .left .p1{font-size: 18px;color: #848484;border-top: 1px solid #ccc;line-height: 40px;margin-top: 15px;}
.liuyan .left font{font-size: 12px;}
.liuyan .right {padding: 0 0 0 50px;margin-bottom: 50px;}
.liuyan .right input{width:100%;border: 1px solid #d9d9d9;height: 40px;line-height: 40px;padding-left: 18px;text-align:left;margin: 13px 0 ;}
.liuyan .right textarea{width: 100%;height: 70px;border: 1px solid #d9d9d9;padding-left: 18px;padding-top: 5px;resize: none;margin: 14px 0;}
.liuyan .right button{height: 40px;border: none;text-align: center;line-height: 40px;color: #fff;width: 100%;}
/*移动端样式*/
/*移动端样式*/
/*移动端样式*/
@media (max-width: 1200px){


}
@media (max-width:992px){
	
.foot_m{padding: 28px 0;}
.foot_m .fenx{text-align: center;margin-top: 30px;}
.foot_m .cb{display: block;}
.foot_m .erweima{margin-top: 40px;}	
}


@media  (max-width:768px) {
#nav .daohangi{display: block;width: 70px;height: 80px;text-align: center;line-height: 80px;cursor: pointer;}
#nav .daohangi img{width: 55%;cursor: pointer;display: none;}
#nav .daohangi img.cur{display: inline-block;	}
#nav .container{padding-right: 0;}
#nav .nava{left: 0;top: 80px;padding: 0;display: none;}
#nav .nava li{display: block;background: #fff;width: 100%;max-width: 100%;text-align: left;position: relative;font-size: 16px;line-height: 60px;}
#nav .nava li .a1{border-top: none !important;height: 60px;line-height: 60px;position: relative;padding-left: 20px;border-bottom: 1px solid #CCC !important;width: 100%;color: #333;}
#nav .nava dl{position: relative;margin: 0 !important;padding: 0;width: 100%;border-top:none;background: #f6f6f6;padding: 15px 0;display: none;}
#nav .nava dd:hover{background: #b9d6f5;}
#nav .nava dl a{font-size: 14px;color: #333;}
#nav .nava .a1 img{display:inline;height: 60%;margin-top: 10px;margin-right: 3px;transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;}
#nav .nava .a1 img.cur{transform: rotate(90deg);margin-top: 12px;}	
#nav{height: 80px;line-height:80px;}
.i_con1{height: auto;}
.i_con1 .right{height: auto;}
.i_con1 .right img{display: block;}
.i_con1 .left{padding: 30px 15px;height: auto;line-height: 1;}

#banner{height: 500px;line-height: 500px;}
.footer .foot_top br{display: inline-block;}
.footer .foot_top .br1{display: none;}
.footer .foot_top .a2h{background: none;}

.foot_m .xinxi{margin-top: 30px;text-align: center;}
.foot_m .xinxi p{text-align: center;}
.foot_m .foot_lx{display: inline-block;text-align: center;}
.l_xinxi .boxo1{text-align: center;}
.liuyan .right{padding: 0;}
}
@media (max-width:420px ) {
.i_con4{padding: 150px 15px ;}
.footer .foot_top br{display: none;}
.footer .foot_top .br1{display: inline-block;}
.footer .foot_top .a3h{background: none;}

}
@media  (min-width:768px){
#nav .nava{display: block !important;}
}