body{
    background: rgb(243, 243, 243);
}
.title{
    font-size: 2.5vw;
    color:#1D273F;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 0.5vw;
}
.subtitle{
    font-size: 1.5vw;
    color:#1D273F;
    font-weight: bold;
    line-height: 1.5;
}

/* 暂无图片 */
.zwtp img::before{
    display: block;
    width: 100%;
    height: 100%;
    content: "\6682\65E0\56FE\7247";
    text-align: center;
    box-sizing: border-box;
    padding-top: 3vw;
    font-size: 2vw;
    line-height: 1;
    color: #fff;
    background-color: #E62129;
}

/* 查看更多按钮 */
.common-more{
    width:12vw;
    height:3vw;
    line-height: calc(3vw - 2px);
    text-align: center;
    border:1px solid #fff;
    border-radius: 2vw;
    margin-bottom: 1vw;
    transition: all 0.3s ease;
}
.common-more.edit,
.common-more:hover{
    background-color: #E62129;
    border:1px solid #E62129;
}
.common-more.edit:hover{
    background-color: #f3353c;
    border:1px solid #f3353c;
}
.common-more span{
    color:#fff;
    font-size: 0.9vw;
    line-height: 1;
    vertical-align: middle;
}
.common-more img{
    width:1.2vw;
    height:1.2vw;
    vertical-align: middle;
}
.common-more:hover img{
    transform: translateX(2px);
}

/* 头部 */
#head{
    position: fixed;
    left:0;
    top:0;
    width:100%;
    height:6vw;
    z-index: 20;
}
.head{
    width:100%;
    height:100%;
    padding:0 5%;
    box-sizing: border-box;
    background-color: rgba(4, 40, 97, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0px 2px 10px 0px rgba(100, 100, 100, 0.1);
}
.head_logo{
    float:left;
    width:auto;
    height:3vw;
    margin-top:1.5vw;
}
.head_logo img{
    width:auto;
    height:100%;
}
.head_logo .logo2{
    display: none;
}
.head_r{
    float:right;
}
.head_nav{
    float:left;
    height:6vw;
    line-height: 6vw;
}
.head_nav .head_nav_one{
    float:left;
    margin:0 1vw;
    position: relative;
}
.head_nav .head_nav_one::after{
    content: "";
    position: absolute;
    bottom:0;
    left:0;
    width:0;
    height:3px;
    background-color: #E62129;
    transition: all 0.3s ease;
}
.head_nav .head_nav_one:hover::after{
    width:100%;
}
.head_nav .head_link_one{
    font-size: 0.9vw;
    color:#fff;
}
.head_nav_two_box{
    position: absolute;
    top:6vw;
    left:-70%;
    width:240%;
    height:auto;
    background-color: rgba(255,255,255,0.9);
    box-shadow: 0px 2px 10px 0px rgba(100, 100, 100, 0.1);
    padding:1vw 0;
    box-sizing: border-box;
    border-radius:0 0 6px 6px;
    display: none;
}
.head_nav .head_nav_one:hover .head_nav_two_box{
    display: block;
}
.head_nav_two{
    float:left;
    width:100%;
    height:2vw;
    line-height: 2vw;
    text-align: center;
}
.head_link_two{
    font-size: 0.8vw;
    color:#1D273F;
}
.head_link_two:hover{
    color:#E62129;
}
.head_search{
    float:left;
    width:11vw;
    height:2vw;
    margin-top:2vw;
    background-color: green;
    margin-left:2vw;
}
.head_search input{
    float:left;
    width:9vw;
    height:2vw;
    background-color: rgba(255,255,255,0.9);
    padding:0 10px;
    box-sizing: border-box;
    font-size: 12px;
    color:#1D273F;
}
.head_search input::placeholder{
    font-size: 12px;
    color:#1D273F80;
}
/* 搜索框兼容性处理 */
.head_search input::-webkit-input-placeholder{
    font-size: 12px;
    color:#1D273F80;
}
.head_search input:-moz-placeholder{
    font-size: 12px;
    color:#1D273F80;
}
.head_search input::-moz-placeholder{
    font-size: 12px;
    color:#1D273F80;
}
.head_search input:-ms-input-placeholder{
    font-size: 12px;
    color:#1D273F80;
}
.head_search button{
    float:left;
    width:2vw;
    height:2vw;
    background: #E62129;
}
.head_search button img{
    width:0.9vw;
    height:0.9vw;
}
/* 头部鼠标滚动加scroll类 */
#head.scroll .head{
    background-color: rgba(255, 255, 255, 1);
}
#head.scroll .head_link_one{
    color:#1D273F;
}
#head.scroll .head_search input{
    background-color: rgba(255, 255, 255, 1);
    border:1px solid #E62129;
}
#head.scroll .head_logo .logo{
    display: none;
}
#head.scroll .head_logo .logo2{
    display: block;
}

/* 底部 */
#footer{
    width:100%;
    height:27vw;
    background: url(../images/footer_bg.png) no-repeat 100% 100%/100% 100%;
}
.footer{
    width:100%;
    height:100%;
    padding:3vw 7.5% 0;
    box-sizing: border-box;
}
.footer_text{
    float:left;
    width:70%;
    margin-right: 5%;
}
.footer_nav{}
.footer_nav_one{
    float:left;
    width:13%;
}
.footer_nav_one:not(:last-child){
    margin-right: 1.5%;
}
.footer_link_one{
    font-size: 1vw;
    color:#fff;
    font-weight: bold;
    line-height: 1;
    transition: all 0.3s ease;
}
.footer_link_one:hover{
    opacity: 0.9;
}
.footer_nav_two_box{
    margin-top: 0.5vw;
}
.footer_nav_two{}
.footer_link_two{
    font-size: 0.8vw;
    color:#fff;
    line-height: 2;
    transition: all 0.3s ease;
}
.footer_link_two:hover{
    opacity: 0.7;
}
.footer_info{
    margin-top:4vw;
}
.footer_logo{
    float:left;
    width:7vw;
    height:auto;
    margin-right: 3vw;
}
.footer_logo img{
    width:7vw;
    height:auto;
}
.footer_info_text{
    float:left;
}
.footer_company_name{
    font-size: 2vw;
    color:#fff;
    font-weight: bold;
    line-height: 1.5;
}
.footer_company_phone_box img{
    width:1.5vw;
    height:1.5vw;
    margin-right: 5px;
}
.footer_company_phone{
    font-size: 1.8vw;
    color:#fff;
    font-weight: bold;
    margin-right: 5px;
}
.footer_company_gzsj{
    font-size: 0.9vw;
    color:#fff;
}
.footer_company_address{
    font-size: 0.9vw;
    color:#fff;
    line-height: 1.5;
    margin-top: 1vw;
}
.footer_copyright{
    line-height: 1.5;
    margin-top: 0.8vw;
}
.footer_copyright a{
    font-size: 0.8vw;
    color:rgba(255,255,255,0.8);
    margin-right: 1vw;
}
.footer_copyright a:hover{
    color:rgba(255,255,255,1);
}
.footer_ewm_list{
    float:right;
    width:25%;
    margin-top: 6vw;
}
.footer_ewm_item{
    float:left;
}
.footer_ewm_item:not(:last-child){
    margin-right: 1.5vw;
}
.footer_ewm_item img{
    width:6vw;
    height:6vw;
}
.footer_ewm_item p{
    font-size: 14px;
    color:#fff;
    line-height: 2;
    text-align: center;
}

/* 侧边栏 */
#sidebar{
    position: fixed;
    top:50%;
    right:1vw;
    transform: translateY(-50%);
    width:2.5vw;
    height:11.5vw;
    z-index: 10;
}
#sidebar ul{
    width:100%;
    height:100%;
}
#sidebar ul li{
    width:2.5vw;
    height:2.5vw;
    position: relative;
}
#sidebar ul li:not(:last-child){
    margin-bottom: 0.5vw;
}
#sidebar ul li img{
    width:100%;
    height:100%;
}
#sidebar ul li:not(:last-child)::before{
    content:"";
    position: absolute;
    top:calc(-1vw - 5px);
    left:calc(-4.5vw - 30px);
    width:calc(4.5vw + 10px);
    height:calc(4.5vw + 10px);
    background-color: #fff;
    border-radius: 4px;
    background-image: url(../images/ewm.png);
    background-repeat: no-repeat;
    background-position: 5px 5px;
    background-size: 4.5vw 4.5vw;
}
#sidebar ul li:not(:last-child)::after{
    content:"";
    position: absolute;
    left:-20px;
    top:calc(1.25vw - 10px);
    width: 0;
    height: 0;
    border-left: 10px solid #fff;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
}
#sidebar ul li::before,
#sidebar ul li::after{
    transform: translateX(-20px);
    opacity: 0;
    pointer-events: none; /* 避免伪元素干扰鼠标交互 */
}
#sidebar ul li:hover::before,
#sidebar ul li:hover::after{
    transform: translateX(0);
    opacity: 1;
}
#sidebar ul li:hover img{
    /* 通过亮度调整让红色变浅（值越大越亮） */
    filter: brightness(1.2);
    /* 可选：轻微放大增强交互感 */
    transform: scale(1.05);
}

/* 产品分类 */
.cpfl_list{}
.cpfl_item{
    float:left;
    width:32%;
    height:34.5vw;
    border-radius: 1vw;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 101% 100%; 
    position: relative;
    transition: all 0.3s ease;
}
.cpfl_item:not(:last-child){
    margin-right: 2%;
}
.cpfl_item:hover{
    background-size: 110% 110%;
}
.cpfl_item::after{
    content: "";
    display: block;
    position: absolute;
    bottom:2vw;
    right:2vw;
    width:1.5vw;
    height:1.5vw;
    background: url(../images/icon-more1.png) 100% 100%/100% 100%;
    z-index: 2;
}
.cpfl_item a{
    padding:3vw 2.5vw;
    box-sizing: border-box;
}
.cpfl_item_title{
    font-size: 2vw;
    color:#1D273F;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 0.5vw;
}
.cpfl_item_subtitle p{
    font-size: 1.4vw;
    color:#1D273F;
    font-weight: bold;
    line-height: 1.3;
    opacity: 0.9;
}

/* 业务领域 */
.ywfw_list{}
.ywfw_item{
    float:left;
    width:48%;
    height:8vw;
    border-radius: 6px;
    background-color: #fff;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease;
}
.ywfw_item:nth-child(1){
    margin-right: 4%; 
}
.ywfw_item::before{
    content:"";
    display: block;
    position: absolute;
    top:-1vw;
    right:-2.8vw;
    width:10vw;
    height:10vw;
    border-radius: 50%;
    background: #E62129;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
    transition: all 0.3s ease;
}
.ywfw_item:hover::before{
    opacity: 0.85;
}
.ywfw_item::after{
    content: "";
    display: block;
    position: absolute;
    top:2.8vw;
    right:2vw;
    width:2.4vw;
    height:2.4vw;
    background: url(../images/icon-more2.png) 100% 100%/100% 100%;
    z-index: 3;
    cursor: pointer;
    transition: all 0.3s ease;
}
.ywfw_item:hover::after{
    filter: brightness(0) invert(1);
}
.ywfw_item_title{
    font-size: 1.4vw;
    color:#1D273F;
    font-weight: bold;
    line-height: 1;
    position: absolute;
    top:2.8vw;
    left:5vw;
}
.ywfw_item_title::after{
    content: "";
    display: block;
    position: absolute;
    bottom:-1vw;
    left:0;
    width:50%;
    height:5px;
    background-color: #E62129;
}
.ywfw_item_title::before{
    content: "";
    display: block;
    position: absolute;
    top:0;
    left:-3vw;
    width:2.4vw;
    height:2.4vw;
}
.ywfw_item:nth-child(1) .ywfw_item_title::before{
    background: url(../images/ywfw_icon1.png) 100% 100%/100% 100%;
}
.ywfw_item:nth-child(2) .ywfw_item_title::before{
    background: url(../images/ywfw_icon2.png) 100% 100%/100% 100%;
}

@media (max-width: 1440px){
    .head_nav .head_link_one {
        font-size: 1.1vw;
    }
    .head_search{
        width:13vw;
    }
    .head_search input{
        width:11vw;
    }
    .head_link_two{
        font-size: 0.9vw;
    }
    #footer{
        height:30vw;
    }
    .footer_text{
        width:87%;
    }
    .footer_ewm_list{
        width:8%;
        margin-top: 0;
    }
    .footer_logo img{
        width:7.5vw;
    }
    .footer_link_one{
        font-size: 1.2vw;
    }
    .footer_link_two{
        font-size: 1vw;
        line-height: 2.2;
    }
    .footer_ewm_item p{
        line-height: 1.5;
    }
    .footer_ewm_item:not(:last-child){
        margin-right: 0;
        margin-bottom: 1vw;
    }
    .footer_company_address {
        font-size: 1.1vw;
    }
    .footer_copyright a{
        font-size: 1.1vw;
    }
    #sidebar{
        width:3vw;
        height:13.5vw;
    }
    #sidebar ul li{
        width:3vw;
        height:3vw;
    }
    #sidebar ul li:not(:last-child)::before {
        top: calc(-1.5vw - 5px);
        left: calc(-6vw - 30px);
        width: calc(6vw + 10px);
        height: calc(6vw + 10px);
        background-size: 6vw 6vw;
    }
    #sidebar ul li:not(:last-child)::after{
        top:calc(1.5vw - 10px);
    }
}
@media (max-width: 1366px){
    
}
@media (max-width: 1280px){
    .head_link_two{
        font-size: 1vw;
    }
    #footer{
        height:32vw;
    }
}