@charset "utf-8";

/* 只对#home-main-content内的元素生效 */
#home-main-content {
    /* 全局样式 - 只在此容器内生效 */
    *{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s}
    div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;font:14px/1 Arial,RobotoRegular,Helvetica,\5FAE\8F6F\96C5\9ED1,sans-serif}
    table,td,tr,th{border-collapse:collapse;border-spacing:0;font-size:14px}
    ol,ul{list-style:none}
    li{list-style-type:none}
    img{vertical-align:middle;border:0}
    h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:normal}
    .clear{clear:both}
    .clear:after{display:block;overflow:hidden;clear:both;height:0;visibility:hidden;content:"."}
    a{text-decoration:none}
    a:visited{text-decoration:none}
    a:hover{text-decoration:none}
    a:active{text-decoration:none}
    ::placeholder{color:#999}
    .fl{float:left}
    .fr{float:right}
    .w1400{width:1400px}
}

/* 标题样式 - 只在#home-main-content内生效 */
#home-main-content .eytitle{margin-bottom:50px}
#home-main-content .eytitle span{display:block;line-height:36px;color:#eaeaea;font-size:44px;font-weight:bold;text-align:center;margin:0 auto 20px}
#home-main-content .eytitle p{line-height:48px;color:#222;font-size:44px;font-weight:bold;text-align:center;margin:0 auto}
#home-main-content .eytitle p::before,#home-main-content .eytitle p::after{content:'';display:inline-block;width:24px;height:4px;overflow:hidden;background-color:#ffb600;vertical-align:middle}
#home-main-content .eytitle p::before{margin:-4px 32px 0 0}
#home-main-content .eytitle p::after{margin:-4px 0 0 32px}
#home-main-content .eytitle1 span{color:rgba(255,255,255,.1);text-align:left}
#home-main-content .eytitle1 p{color:#fff;text-align:left}
#home-main-content .eytitle1 p::before{display:none}
#home-main-content .eytitle2 span{color:rgba(255,255,255,.1)}
#home-main-content .eytitle2 p{color:#fff}

/* 产品推荐样式 - 只在#home-main-content内生效 */
#home-main-content .wevproec{overflow:hidden;padding:100px 0;background:url(../images/prorecbg.png) center center no-repeat;background-size:cover}
#home-main-content .wevproec .wevproec_main{margin:0 auto}
#home-main-content .wevproec_main .wevproec_list{width:100%;overflow:hidden;position:relative}
#home-main-content .wevproec_list ul{display:flex;flex-wrap:wrap;justify-content:center;margin:0 -16px}
#home-main-content .wevproec_list ul li{width:25%;padding:0 16px}
#home-main-content .wevproec_list ul li .wevproec_con{width:100%}
#home-main-content .wevproec_list ul li .wevproec_con .wevproec_img{width:260px;height:260px;overflow:hidden;margin:0 auto;background-color:#fff;border:4px solid #f4f4f4;border-radius:50%;position:relative;z-index:1}
#home-main-content .wevproec_list ul li .wevproec_con .wevproec_img a{display:block;width:100%;height:100%;overflow:hidden}
#home-main-content .wevproec_list ul li .wevproec_con .wevproec_img a img{display:block;max-width:100%;max-height:100%;margin:auto;position:absolute;left:0;top:0;right:0;bottom:0}
#home-main-content .wevproec_list ul li .wevproec_con:hover .wevproec_img a img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}
#home-main-content .wevproec_list ul li .wevproec_con .wevproec_text{width:100%;height:auto;overflow:hidden;margin-top:-160px;padding:180px 32px 40px;background:url(../images/probg01.png) center top no-repeat;background-size:100% 100%}
#home-main-content .wevproec_list ul li .wevproec_con:hover .wevproec_text{background:url(../images/probg02.png) center top no-repeat;background-size:100% 100%}
#home-main-content .wevproec_list ul li .wevproec_con .wevproec_text a.wevproec_name{display:block;width:100%;height:40px;overflow:hidden;line-height:40px;color:#ffb600;font-size:24px;font-weight:bold;text-align:center;white-space:nowrap;text-overflow:ellipsis}
#home-main-content .wevproec_list ul li .wevproec_con:hover .wevproec_text a.wevproec_name{color:#fff;text-decoration:underline}
#home-main-content .wevproec_list ul li .wevproec_con .wevproec_text p{height:60px;overflow:hidden;line-height:30px;color:rgba(255,255,255,.45);font-size:16px;margin-top:10px;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#home-main-content .wevproec_list ul li .wevproec_con:hover .wevproec_text p{color:rgba(255,255,255,.5)}
#home-main-content .wevproec_list ul li .wevproec_con .wevproec_text a.wevproec_btn{display:block;width:36px;height:36px;overflow:hidden;margin:40px auto 0;border-radius:50%;background-color:#ffb600}
#home-main-content .wevproec_list ul li .wevproec_con:hover .wevproec_text a.wevproec_btn{background-color:#fff}
#home-main-content .wevproec_list ul li .wevproec_con .wevproec_text a.wevproec_btn i{display:block;width:100%;height:100%;overflow:hidden;padding:8px}
#home-main-content .wevproec_list ul li .wevproec_con .wevproec_text a.wevproec_btn i svg{display:block;width:100%;height:100%;overflow:hidden}
#home-main-content .wevproec_list ul li .wevproec_con .wevproec_text a.wevproec_btn i svg path{fill:#ffffff}
#home-main-content .wevproec_list ul li .wevproec_con:hover .wevproec_text a.wevproec_btn i svg path{fill:#ffb600}

/* 关于我们样式 - 只在#home-main-content内生效 */
#home-main-content .webabout{padding:80px 0;background:url(../images/aboutbg.jpg) center center no-repeat;background-size:cover;position:relative}
#home-main-content .webabout::before{content:'';display:block;width:380px;height:calc(100% + 64px);overflow:hidden;background:url(../images/xs.png) center center no-repeat;background-size:cover;border-radius:32px 0 0 32px;position:absolute;top:-32px;right:0}
#home-main-content .webabout .webabout_main{display:flex;align-items:center;justify-items:center;overflow:hidden;margin:0 auto;position:relative;z-index:1}
#home-main-content .webabout_main .webabout_left{width:50%;padding-right:50px}
#home-main-content .webabout_left .webabout_con{height:auto;max-height:216px;overflow:hidden;line-height:36px;color:rgba(255,255,255,.45);font-size:16px;text-align:justify;margin-bottom:50px;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:6;-webkit-box-orient:vertical}
#home-main-content .webabout_main a.webabout_btn{display:block;width:178px;height:48px;overflow:hidden;line-height:46px;color:#fff;font-size:16px;text-align:center;border-radius:24px;border:1px solid #fff;background-color:rgba(204,14,16,0)}
#home-main-content .webabout_main a.webabout_btn:hover{border:1px solid #ffb600;background-color:#ffb600}
#home-main-content .webabout_main a.webabout_btn i{display:inline-block;width:25px;height:25px;overflow:hidden;vertical-align:middle;margin:-4px 0 0 20px}
#home-main-content .webabout_main a.webabout_btn i svg{display:block;width:100%;height:100%}
#home-main-content .webabout_main a.webabout_btn i svg path{fill:#ffffff}
#home-main-content .webabout_main .webabout_right{width:50%;padding:0 30px 0 50px}
#home-main-content .webabout_right .webabout_img{width:100%;height:auto;margin-bottom:50px;position:relative}
/*#home-main-content .webabout_right .webabout_img::before{content:'';display:block;width:100%;height:100%;background-color:rgba(255,255,255,.25);position:absolute;right:-10px;bottom:-10px}*/ /*视频表面白色遮罩*/
#home-main-content .webabout_img a{display:block;width:100%;height:340px;overflow:hidden;position:relative;z-index:1}
#home-main-content .webabout_img a img{display:block;width:100%;height:100%;object-fit:cover;margin:auto;position:absolute;left:0;top:0;right:0;bottom:0}
#home-main-content .webabout_img a:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}
#home-main-content .webabout_right dl dd{float:left}
#home-main-content .webabout_right dl dd:first-child{margin-right:50px}
#home-main-content .webabout_right dl dd i{display:block;width:64px;height:64px;overflow:hidden;padding:12px;border-radius:50%;background-color:#ffb600}
#home-main-content .webabout_right dl dd i svg{display:block;width:100%;height:100%;overflow:hidden}
#home-main-content .webabout_right dl dd i svg path{fill:#ffffff}
#home-main-content .webabout_right dl dd p{line-height:30px;color:#fff;font-size:16px;margin-top:20px}

/* 产品展示样式 - 只在#home-main-content内生效 */
#home-main-content .webpro{overflow:hidden;margin:100px auto 70px}
#home-main-content .webpro .webpro_main{margin:0 auto}
#home-main-content .webpro_menu{width:100%;overflow:hidden;margin-bottom:50px;background-color:#222;position:relative}
#home-main-content .webpro_menu .eypromenu_title{height:64px;line-height:64px;color:#fff;font-size:28px;font-weight:bold;padding-left:20px;background-color:#ffb600;border-right:8px solid #fff;float:left;position:relative}
#home-main-content .eypromenu_title i{display:block;width:26px;height:26px;overflow:hidden;margin:19px 10px 19px 0;float:left}
#home-main-content .eypromenu_title i svg{display:block;width:100%;height:100%;overflow:hidden}
#home-main-content .eypromenu_title i svg path{fill:#ffffff}
#home-main-content .eypromenu_title::before{content:'';display:block;width:0;height:0;border-top:32px solid transparent;border-left:24px solid #fff;border-right:0 solid transparent;border-bottom:32px solid transparent;position:absolute;top:0;right:-32px}
#home-main-content .eypromenu_title::after{content:'';display:block;width:0;height:0;border-top:32px solid transparent;border-left:24px solid #ffb600;border-right:0 solid transparent;border-bottom:32px solid transparent;position:absolute;top:0;right:-24px}
#home-main-content .webpro_menu .eypromenu_list{width:calc(100% - 360px);height:40px;overflow:hidden;margin:12px 0;padding-left:50px;white-space:nowrap;text-overflow:ellipsis;float:left}
#home-main-content .eypromenu_list a{display:inline-block;height:40px;line-height:40px;color:rgba(255,255,255,.65);font-size:18px;padding:0 12px;position:relative}
#home-main-content .eypromenu_list a::after{content:'';display:block;width:2px;height:18px;margin-top:-9px;background-color:rgba(255,255,255,.65);transform:skewX(-20deg);position:absolute;top:50%;right:-3px}
#home-main-content .eypromenu_list a:hover{color:#ffb600;font-weight:bold}
#home-main-content .webpro_menu .eypromenu_more{padding:14px 20px;float:right}
#home-main-content .eypromenu_more a{display:block;width:136px;height:36px;overflow:hidden;line-height:34px;color:#fff;font-size:15px;text-align:center;border-radius:18px;border:1px solid #fff;background-color:rgba(204,14,16,0)}
#home-main-content .eypromenu_more a:hover{border:1px solid #ffb600;background-color:#ffb600}
#home-main-content .eypromenu_more a i{display:inline-block;width:22px;height:22px;overflow:hidden;vertical-align:middle;margin:-4px 0 0 12px}
#home-main-content .eypromenu_more a i svg{display:block;width:100%;height:100%}
#home-main-content .eypromenu_more a i svg path{fill:#ffffff}
#home-main-content .webpro_list ul{display:flex;flex-wrap:wrap;justify-content:left;margin:0 -15px}
#home-main-content .webpro_list ul li{width:25%;margin-bottom:30px;padding:0 15px}
#home-main-content .webpro_list ul li .webpro_con{overflow:hidden;background-color:#fff;border:1px solid #e6e6e6;border-bottom:0;position:relative}
#home-main-content .webpro_list ul li:hover .webpro_con{border:1px solid #ffb600;border-bottom:0}
#home-main-content .webpro_list ul li .webpro_con .webpro_img{width:100%;height:250px;margin:0 auto}
#home-main-content .webpro_list ul li .webpro_con .webpro_img a{display:block;width:100%;height:100%;overflow:hidden;position:relative}
#home-main-content .webpro_list ul li .wevproec_con .wevproec_img a img,
#home-main-content .webpro_list ul li .webpro_con .webpro_img a img{display:block;max-width:100%;max-height:100%;margin:auto;position:absolute;left:0;top:0;right:0;bottom:0}
#home-main-content .webpro_list ul li:hover .webpro_con .webpro_img a img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}
#home-main-content .webpro_list ul li .webpro_con .webpro_text{margin:0 auto;padding:10px 30px;position:relative}
#home-main-content .webpro_list ul li .webpro_con .webpro_text::before{content:'';display:block;width:calc(100% - 60px);height:1px;background-color:#e6e6e6;position:absolute;left:30px;top:0}
#home-main-content .webpro_list ul li .webpro_con .webpro_text a.webpro_name{display:block;width:100%;height:36px;overflow:hidden;line-height:36px;color:#222;font-size:18px;font-weight:bold;white-space:nowrap;text-overflow:ellipsis}
#home-main-content .webpro_list ul li:hover .webpro_con .webpro_text a.webpro_name{color:#ffb600}
#home-main-content .webpro_list ul li .webpro_con .webpro_text p{width:100%;height:30px;overflow:hidden;line-height:30px;color:#999;font-size:16px;white-space:nowrap;text-overflow:ellipsis;position:relative}
#home-main-content .webpro_list ul li .webpro_con .webpro_text p i{display:inline-block;width:15px;height:15px;overflow:hidden;vertical-align:middle;margin:-2px 10px 0 0}
#home-main-content .webpro_list ul li .webpro_con .webpro_text p i svg{display:block;width:100%;height:100%}
#home-main-content .webpro_list ul li .webpro_con .webpro_text p i svg path{fill:#999999}
#home-main-content .webpro_list ul li a.webpro_btn{display:block;width:100%;height:58px;overflow:hidden;line-height:58px;color:#fff;font-size:16px;padding:0 30px;background-color:#626262}
#home-main-content .webpro_list ul li:hover a.webpro_btn{background-color:#ffb600}
#home-main-content .webpro_list ul li a.webpro_btn i{display:inline-block;width:25px;height:25px;overflow:hidden;vertical-align:middle;margin:-4px 0 0 15px}
#home-main-content .webpro_list ul li a.webpro_btn i svg{display:block;width:100%;height:100%}
#home-main-content .webpro_list ul li a.webpro_btn i svg path{fill:#ffffff}

/* 文章资讯样式 - 只在#home-main-content内生效 */
#home-main-content .webarticle{padding:80px 0;background:url(../images/articlebg.jpg) center center no-repeat;background-size:cover;position:relative}
#home-main-content .webarticle::before{content:'';display:block;width:380px;height:calc(100% + 64px);overflow:hidden;background:url(../images/xs.png) center center no-repeat;background-size:cover;border-radius:32px 0 0 32px;transform:scaleX(-1);position:absolute;top:-32px;left:0}
#home-main-content .webarticle .webarticle_main{margin:0 auto;position:relative}
#home-main-content .webarticle_swiper .swiper-container{padding:10px 0 80px}
#home-main-content .webarticle_swiper .swiper-container::after{content:'';display:block;width:calc(100% - 320px);height:1px;background-color:rgba(255,255,255,.25);position:absolute;left:50%;bottom:18px;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}
#home-main-content .webarticle_swiper .webarticle_con{padding:50px 30px 30px;background-color:#fff;position:relative}
#home-main-content .webarticle_swiper .webarticle_con:hover{background-color:#ffb600}
#home-main-content .webarticle_swiper .webarticle_con span.webarticle_time{display:block;width:165px;height:40px;overflow:hidden;line-height:40px;color:#fff;font-size:16px;text-align:center;background-color:#ffb600;position:absolute;left:30px;top:-10px}
#home-main-content .webarticle_swiper .webarticle_con:hover span.webarticle_time{background-color:#fdbc14}
#home-main-content .webarticle_swiper .webarticle_con a.webarticle_name{display:block;width:100%;height:36px;overflow:hidden;line-height:36px;color:#222;font-size:18px;font-weight:bold;white-space:nowrap;text-overflow:ellipsis}
#home-main-content .webarticle_swiper .webarticle_con:hover a.webarticle_name{color:#fff}
#home-main-content .webarticle_swiper .webarticle_con .webarticle_ms{margin-top:5px;padding-bottom:15px;border-bottom:1px solid #e6e6e6}
#home-main-content .webarticle_swiper .webarticle_con:hover .webarticle_ms{border-bottom:1px solid rgba(255,255,255,.25)}
#home-main-content .webarticle_swiper .webarticle_con .webarticle_ms p{height:56px;overflow:hidden;line-height:28px;color:#999;font-size:16px;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#home-main-content .webarticle_swiper .webarticle_con:hover .webarticle_ms p{color:rgba(255,255,255,.45)}
#home-main-content .webarticle_swiper .webarticle_con a.webarticle_more{display:block;width:136px;height:36px;overflow:hidden;line-height:34px;color:#999;font-size:15px;text-align:center;border-radius:18px;border:1px solid #999;background-color:rgba(204,14,16,0);margin-top:30px}
#home-main-content .webarticle_swiper .webarticle_con:hover a.webarticle_more{color:#fff;border:1px solid #fff}
#home-main-content .webarticle_swiper .webarticle_con a.webarticle_more i{display:inline-block;width:22px;height:22px;overflow:hidden;vertical-align:middle;margin:-2px 0 0 12px}
#home-main-content .webarticle_swiper .webarticle_con a.webarticle_more i svg{display:block;width:100%;height:100%}
#home-main-content .webarticle_swiper .webarticle_con a.webarticle_more i svg path{fill:#999999}
#home-main-content .webarticle_swiper .webarticle_con:hover a.webarticle_more i svg path{fill:#ffffff}
#home-main-content .webarticle_swiper .swiper-container .swiper-button-prev,#home-main-content .webarticle_swiper .swiper-container .swiper-button-next{width:38px;height:38px;padding:11px;border-radius:50%;margin:0;background:rgba(255,255,255,.25);position:absolute;bottom:0;top:inherit;left:inherit;z-index:2}
#home-main-content .webarticle_swiper .swiper-container .swiper-button-prev:hover,#home-main-content .webarticle_swiper .swiper-container .swiper-button-next:hover{background:#ffb600}
#home-main-content .webarticle_swiper .swiper-container .swiper-button-prev{right:64px}
#home-main-content .webarticle_swiper .swiper-container .swiper-button-next{right:0}
#home-main-content .webarticle_swiper .swiper-container .swiper-button-prev svg,#home-main-content .webarticle_swiper .swiper-container .swiper-button-next svg{display:block;width:100%;height:100%}
#home-main-content .webarticle_swiper .swiper-container .swiper-button-prev svg path,#home-main-content .webarticle_swiper .swiper-container .swiper-button-next svg path{fill:#ffffff}

/* 新闻轮播slide宽度设置 */
.webarticle_swiper .swiper-slide {
    width: calc((100% - 40px) / 3) !important;
    height: auto;
    box-sizing: border-box;
}

/* 合作伙伴轮播样式 - 一次显示5张，无白边 */
.project-area .frm-swiper {
    padding: 0;
    width: 100%;
}

.project-area .frm-swiper .swiper-slide {
    width: 20% !important; /* 5张图片，每张占20% */
    height: 130px;
    flex-shrink: 0;
}

.project-area .frm-swiper .swiper-slide a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent !important; /* 移除白色背景 */
    border-radius: 0 !important; /* 移除圆角 */
    margin: 0;
    padding: 0 !important; /* 确保无内边距 */
}

.project-area .frm-swiper .swiper-slide a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* ==========================================================================
   仅修改响应式布局部分
   ========================================================================== */

/* 通用响应式容器 */
.container-responsive {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

/* 图片响应式 */
img.responsive {
    max-width: 100%;
    height: auto;
    display: block;
}

/* 响应式断点 - 不修改桌面端样式 */

/* 1400px以下 - 大屏笔记本 */
@media screen and (max-width: 1400px) {
    .w1400, 
    .wevproec_main, 
    .webabout_main, 
    .webpro_main, 
    .webarticle_main {
        width: 100% !important;
        max-width: 1200px;
        padding: 0 20px;
        box-sizing: border-box;
    }
}

/* 1200px以下 - 平板横屏/小桌面 */
@media screen and (max-width: 1200px) {
    .w1400, 
    .wevproec_main, 
    .webabout_main, 
    .webpro_main, 
    .webarticle_main {
        max-width: 100%;
        padding: 0 15px;
    }
    
    /* 产品推荐 - 4列变2列 */
    #home-main-content .wevproec_list ul {
        margin: 0 -10px;
    }
    
    #home-main-content .wevproec_list ul li {
        width: 50% !important;
        margin-bottom: 30px;
        padding: 0 10px;
    }
    
    #home-main-content .wevproec_list ul li .wevproec_con .wevproec_img {
        width: 200px;
        height: 200px;
    }
    
    #home-main-content .wevproec_list ul li .wevproec_con .wevproec_text {
        margin-top: -100px;
        padding: 120px 20px 30px;
    }
    
    /* 产品中心 - 4列变2列 */
    #home-main-content .webpro_list ul {
        margin: 0 -10px;
    }
    
    #home-main-content .webpro_list ul li {
        width: 50% !important;
        padding: 0 10px;
    }
    
    /* 关于我们 - 改为上下布局 */
    #home-main-content .webabout .webabout_main {
        flex-direction: column;
    }
    
    #home-main-content .webabout_main .webabout_left,
    #home-main-content .webabout_main .webabout_right {
        width: 100% !important;
        padding: 0;
    }
    
    #home-main-content .webabout_main .webabout_left {
        margin-bottom: 40px;
    }
    
    #home-main-content .webabout::before {
        display: none;
    }
    
    #home-main-content .webabout_right .webabout_img {
        width: 100%;
        max-width: 500px;
        margin: 0 auto 40px;
    }
    
    #home-main-content .webabout_img a {
        height: 300px;
    }
    
    /* 优势图标 */
    #home-main-content .webabout_right dl dd {
        float: none;
        display: inline-block;
        text-align: center;
        margin: 0 20px 20px 0;
    }
    
    #home-main-content .webabout_right dl dd:first-child {
        margin-right: 20px;
    }
    
    #home-main-content .webabout_right dl .clear {
        display: none;
    }
    
    /* 新闻轮播 - 3列变2列 */
    .webarticle_swiper .swiper-slide {
        width: calc((100% - 20px) / 2) !important;
    }
    
    #home-main-content .webarticle_swiper .swiper-container::after {
        width: calc(100% - 200px);
    }
    
    /* 产品分类导航栏调整 */
    #home-main-content .webpro_menu .eypromenu_list {
        width: calc(100% - 200px) !important;
        padding-left: 20px;
    }
    
    /* 合作伙伴轮播 - 平板显示4个 */
    .project-area .frm-swiper .swiper-slide {
        width: 25% !important;
    }
}

/* 768px以下 - 平板竖屏/手机横屏 */
@media screen and (max-width: 768px) {
    .w1400, 
    .wevproec_main, 
    .webabout_main, 
    .webpro_main, 
    .webarticle_main {
        padding: 0 10px;
    }
    
    /* 标题样式调整 */
    #home-main-content .eytitle {
        margin-bottom: 30px;
    }
    
    #home-main-content .eytitle span,
    #home-main-content .eytitle p {
        font-size: 32px !important;
        line-height: 40px;
    }
    
    #home-main-content .eytitle p::before,
    #home-main-content .eytitle p::after {
        width: 20px;
    }
    
    /* 产品推荐 - 2列变1列 */
    #home-main-content .wevproec {
        padding: 60px 0;
    }
    
    #home-main-content .wevproec_list ul {
        margin: 0;
    }
    
    #home-main-content .wevproec_list ul li {
        width: 100% !important;
        max-width: 400px;
        margin: 0 auto 30px;
        padding: 0;
    }
    
    #home-main-content .wevproec_list ul li .wevproec_con .wevproec_img {
        width: 220px;
        height: 220px;
    }
    
    #home-main-content .wevproec_list ul li .wevproec_con .wevproec_text {
        margin-top: -110px;
        padding: 130px 20px 30px;
    }
    
    #home-main-content .wevproec_list ul li .wevproec_con .wevproec_text a.wevproec_name {
        font-size: 20px;
        white-space: normal;
        height: auto;
        min-height: 28px;
        line-height: 1.4;
    }
    
    #home-main-content .wevproec_list ul li .wevproec_con .wevproec_text p {
        font-size: 14px;
        height: auto;
        min-height: 40px;
        line-height: 1.5;
    }
    
    /* 产品中心 - 2列变1列 */
    #home-main-content .webpro {
        margin: 60px auto 40px;
    }
    
    #home-main-content .webpro_list ul {
        margin: 0;
    }
    
    #home-main-content .webpro_list ul li {
        width: 100% !important;
        max-width: 400px;
        margin: 0 auto 20px;
        padding: 0;
    }
    
    #home-main-content .webpro_list ul li .webpro_con .webpro_img {
        height: 220px;
    }
    
    #home-main-content .webpro_list ul li .webpro_con .webpro_text a.webpro_name {
        white-space: normal;
        height: auto;
        min-height: 24px;
        line-height: 1.4;
    }
    
    /* 产品分类导航栏改为垂直布局 */
    #home-main-content .webpro_menu {
        height: auto;
        padding: 15px 0;
        margin-bottom: 30px;
    }
    
    #home-main-content .webpro_menu .eypromenu_title {
        width: 100%;
        height: auto;
        line-height: 1.5;
        padding: 15px 20px;
        border-right: none;
        float: none;
        text-align: center;
    }
    
    #home-main-content .eypromenu_title::before,
    #home-main-content .eypromenu_title::after {
        display: none;
    }
    
    #home-main-content .webpro_menu .eypromenu_list {
        width: 100% !important;
        height: auto;
        padding: 15px 20px 0;
        float: none;
        text-align: center;
        white-space: normal;
    }
    
    #home-main-content .eypromenu_list a {
        display: inline-block;
        margin: 0 8px 10px;
        padding: 5px 15px;
        background: rgba(255,255,255,0.1);
        border-radius: 4px;
        font-size: 16px;
    }
    
    #home-main-content .eypromenu_list a::after {
        display: none;
    }
    
    #home-main-content .webpro_menu .eypromenu_more {
        width: 100%;
        padding: 15px 20px 0;
        float: none;
        text-align: center;
    }
    
    /* 新闻轮播 - 2列变1列 */
    .webarticle_swiper .swiper-slide {
        width: 100% !important;
    }
    
    #home-main-content .webarticle_swiper .swiper-container::after {
        width: calc(100% - 100px);
    }
    
    #home-main-content .webarticle_swiper .webarticle_con {
        padding: 40px 20px 20px;
    }
    
    #home-main-content .webarticle_swiper .webarticle_con span.webarticle_time {
        left: 20px;
    }
    
    #home-main-content .webarticle_swiper .webarticle_con a.webarticle_name {
        white-space: normal;
        height: auto;
        min-height: 24px;
        line-height: 1.4;
    }
    
    #home-main-content .webarticle_swiper .webarticle_con .webarticle_ms p {
        font-size: 14px;
        line-height: 1.5;
    }
    
    /* 关于我们内容区域调整 */
    #home-main-content .webabout {
        padding: 60px 0;
    }
    
    #home-main-content .webabout_left .webabout_con {
        max-height: none;
        -webkit-line-clamp: 8;
        font-size: 14px;
        line-height: 1.6;
    }
    
    #home-main-content .webabout_img a {
        height: 250px;
    }
    
    /* 优势图标 */
    #home-main-content .webabout_right dl dd {
        margin: 0 10px 20px 0;
    }
    
    #home-main-content .webabout_right dl dd i {
        width: 50px;
        height: 50px;
        padding: 10px;
    }
    
    #home-main-content .webabout_right dl dd p {
        font-size: 14px;
        margin-top: 10px;
    }
    
    /* 按钮调整 */
    #home-main-content .webabout_main a.webabout_btn,
    #home-main-content .eypromenu_more a,
    #home-main-content .webpro_list ul li a.webpro_btn,
    #home-main-content .webarticle_swiper .webarticle_con a.webarticle_more {
        width: 150px;
        height: 44px;
        line-height: 42px;
        font-size: 14px;
    }
    
    #home-main-content .webabout_main a.webabout_btn i,
    #home-main-content .eypromenu_more a i,
    #home-main-content .webpro_list ul li a.webpro_btn i,
    #home-main-content .webarticle_swiper .webarticle_con a.webarticle_more i {
        width: 20px;
        height: 20px;
    }
    
    /* 合作伙伴轮播 - 手机显示3个 */
    .project-area .frm-swiper .swiper-slide {
        width: 33.333% !important;
        height: 100px;
    }
}

/* 480px以下 - 手机竖屏 */
@media screen and (max-width: 480px) {
    /* 内边距调整 */
    .w1400, 
    .wevproec_main, 
    .webabout_main, 
    .webpro_main, 
    .webarticle_main {
        padding: 0 5px;
    }
    
    /* 标题进一步缩小 */
    #home-main-content .eytitle {
        margin-bottom: 20px;
    }
    
    #home-main-content .eytitle span,
    #home-main-content .eytitle p {
        font-size: 24px !important;
        line-height: 32px;
    }
    
    #home-main-content .eytitle p::before,
    #home-main-content .eytitle p::after {
        width: 16px;
        height: 3px;
        margin: 0 16px;
    }
    
    /* 产品推荐图片调整 */
    #home-main-content .wevproec {
        padding: 40px 0;
    }
    
    #home-main-content .wevproec_list ul li .wevproec_con .wevproec_img {
        width: 180px;
        height: 180px;
    }
    
    #home-main-content .wevproec_list ul li .wevproec_con .wevproec_text {
        margin-top: -90px;
        padding: 110px 15px 25px;
    }
    
    #home-main-content .wevproec_list ul li .wevproec_con .wevproec_text a.wevproec_name {
        font-size: 18px;
    }
    
    /* 产品中心调整 */
    #home-main-content .webpro {
        margin: 40px auto 30px;
    }
    
    #home-main-content .webpro_list ul li .webpro_con .webpro_img {
        height: 180px;
    }
    
    #home-main-content .webpro_list ul li .webpro_con .webpro_text {
        padding: 15px 20px;
    }
    
    #home-main-content .webpro_list ul li .webpro_con .webpro_text a.webpro_name {
        font-size: 16px;
    }
    
    /* 产品分类导航栏 */
    #home-main-content .webpro_menu .eypromenu_title {
        font-size: 22px;
        padding: 12px 15px;
    }
    
    #home-main-content .eypromenu_list a {
        font-size: 14px;
        padding: 4px 12px;
        margin: 0 5px 8px;
    }
    
    /* 关于我们图片调整 */
    #home-main-content .webabout {
        padding: 40px 0;
    }
    
    #home-main-content .webabout_img a {
        height: 200px;
    }
    
    #home-main-content .webabout_left .webabout_con {
        font-size: 13px;
        line-height: 1.5;
    }
    
    /* 优势图标调整 */
    #home-main-content .webabout_right dl dd {
        float: none;
        text-align: center;
        margin: 0 0 20px !important;
        width: 100%;
    }
    
    #home-main-content .webabout_right dl dd:first-child {
        margin-right: 0;
    }
    
    #home-main-content .webabout_right dl dd i {
        width: 45px;
        height: 45px;
        padding: 8px;
    }
    
    #home-main-content .webabout_right dl dd p {
        font-size: 13px;
    }
    
    /* 按钮调整 */
    #home-main-content .webabout_main a.webabout_btn,
    #home-main-content .eypromenu_more a,
    #home-main-content .webpro_list ul li a.webpro_btn,
    #home-main-content .webarticle_swiper .webarticle_con a.webarticle_more {
        width: 140px;
        height: 40px;
        line-height: 38px;
        font-size: 13px;
    }
    
    /* 新闻中心调整 */
    #home-main-content .webarticle {
        padding: 40px 0;
    }
    
    #home-main-content .webarticle_swiper .webarticle_con {
        padding: 30px 15px 15px;
    }
    
    #home-main-content .webarticle_swiper .webarticle_con span.webarticle_time {
        width: 140px;
        font-size: 14px;
        left: 50%;
        transform: translateX(-50%);
    }
    
    #home-main-content .webarticle_swiper .webarticle_con a.webarticle_name {
        font-size: 16px;
    }
    
    #home-main-content .webarticle_swiper .webarticle_con .webarticle_ms p {
        font-size: 13px;
    }
    
    #home-main-content .webarticle_swiper .swiper-container .swiper-button-prev,
    #home-main-content .webarticle_swiper .swiper-container .swiper-button-next {
        width: 36px;
        height: 36px;
        padding: 8px;
    }
    
    #home-main-content .webarticle_swiper .swiper-container .swiper-button-prev {
        right: 50px;
    }
    
    /* 合作伙伴轮播 - 小手机显示2个 */
    .project-area .frm-swiper .swiper-slide {
        width: 50% !important;
        height: 80px;
    }
}

/* 超小屏幕手机 (小于360px) */
@media screen and (max-width: 360px) {
    /* 标题调整 */
    #home-main-content .eytitle span,
    #home-main-content .eytitle p {
        font-size: 20px !important;
        line-height: 28px;
    }
    
    #home-main-content .eytitle p::before,
    #home-main-content .eytitle p::after {
        width: 12px;
        margin: 0 12px;
    }
    
    /* 产品推荐图片调整 */
    #home-main-content .wevproec_list ul li .wevproec_con .wevproec_img {
        width: 160px;
        height: 160px;
    }
    
    #home-main-content .wevproec_list ul li .wevproec_con .wevproec_text {
        margin-top: -80px;
        padding: 100px 10px 20px;
    }
    
    #home-main-content .wevproec_list ul li .wevproec_con .wevproec_text a.wevproec_name {
        font-size: 16px;
    }
    
    /* 产品分类导航栏 */
    #home-main-content .eypromenu_list a {
        font-size: 12px;
        padding: 4px 10px;
        margin: 0 3px 8px;
    }
    
    /* 关于我们图片 */
    #home-main-content .webabout_img a {
        height: 180px;
    }
    
    /* 按钮 */
    #home-main-content .webabout_main a.webabout_btn,
    #home-main-content .eypromenu_more a,
    #home-main-content .webpro_list ul li a.webpro_btn,
    #home-main-content .webarticle_swiper .webarticle_con a.webarticle_more {
        width: 120px;
        height: 36px;
        line-height: 34px;
        font-size: 12px;
    }
}