.contact_number{ 
    display: flex;
    flex-direction: column;
    justify-content: center;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.contact_number p{
    font-size: 1rem;
    font-weight: 800;
    color: #222; 
    letter-spacing: 10px;
    text-align: center;
}

.contact_number span{ 
    font-size:1.7rem;
    color:#fff; 
    background: var(--primary-color); 
    padding: 0px 20px;
    text-align: center;
    border-radius: 50px; 
    font-weight: 600; 
    margin-top:0.2rem;
}

.header .header-nav.fixed .contact_number{transform:scale(0.8)}


.IndexBox .center{max-width:1200px;margin:0 auto}
.IndexBox .title{max-width:1200px;	margin:auto;margin-bottom:2rem;}
.IndexBox .title h2{
    color:#333;
    font-size:1.6rem;
    text-align:center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-weight: 500;
}
.IndexBox .title span{
    color:#999;
    font-size:1rem;
    text-align:center;
    display:block;
    font-family:Adobe Caslon Pro;
    margin-top:0.6rem;
}


.index_school{width:100%;padding:4rem 0;}
.index_school .product{padding-top:2rem;}
.index_school .left_nav{width:23%;float:left;}	
.index_school .left_nav .xiao_b{ background:url(/assets/images/nav.png) center no-repeat; background-size:100%; height:92px;}
.index_school .left_nav .xiao_b div{width:38px;height:38px;float:left;margin-top:1.6rem; margin-left:3rem; margin-right:1rem;}
.index_school .left_nav .xiao_b div img{ width:100%;}
.index_school .left_nav h2{font-size:1.6rem;color:#fff;text-align:center;font-weight:600;line-height:92px;float:left;}
.index_school .left_nav .chanpin{width:99.4%;border:1px solid #dbdbdb;}
.index_school .left_nav .chanpin a div{width:100%;border-bottom:1px solid #dbdbdb;}
.index_school .left_nav .chanpin a div:hover p{ margin-left:1rem; color:#e62129;}
.index_school .left_nav .chanpin a div p{font-size:1rem;color:#222;text-align:center;line-height:4rem;transition: 0.2s;}
.index_school .product .list{ width:75%; float:right;}
.index_school .list{ width:75%; max-width:1200px; margin:auto; float:right;}
.index_school .list ul li{ width:24%; margin:0 0.5% 1% 0.5%; float:left;position: relative;}
.index_school .list ul li .list_border{  background: #fff; transition:0.3s;}
.index_school .list ul li .list_img{ width:96%; height:0; padding-top:72%; position:relative; overflow:hidden; margin:auto;}
.index_school .list ul li .list_img img{ position:absolute; width:100%; top:50%; left:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);  }
.index_school .list ul li .list_border:hover{ box-shadow:4px 4px 6px #ccc;transform: scale(0.98,0.98);}
.index_school .list ul li .list_text{ height:3rem;text-indent:1.0rem; font-size:1.1rem;color:#111; line-height:3rem; width:98%; margin:0 auto; display:block; overflow:hidden;white-space: nowrap;text-overflow: ellipsis; }
.index_school .list ul li .list_border:hover .list_text{color:#e62129; } 


.xiangmu{margin-top:3rem; margin-bottom:4rem;}
.xiangmu ul{  width:100%; margin:auto; margin-top:1rem;}
.xiangmu ul li{width: calc(100% / 6); float: left; padding:0%; }
.xiangmu ul li:nth-child(1){ margin-left:0;}
.xiangmu ul li div{ width:100%; transition: 1s; }
.xiangmu ul li div img{ width:66%; margin:auto; display: block;transition: 1s;}
.xiangmu ul li h2{ text-align: center; font-size:1.2rem; color:#444; margin-top:1.4rem; }
.xiangmu ul li p{ text-align: center; font-size:0.9rem; color:#999; margin-top:1rem; line-height: 1.6rem; display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.xiangmu ul li:hover div img{transform: rotate(360deg);}



.youshi{ margin:4rem auto; }
.youshi .title{ margin-bottom:3rem;}
.youshi .box{background: url(/assets/images/strengthbg.jpg) center no-repeat; height:393px; margin-top:2rem;}
.youshi .box .float_l{ width:40%; float: left; margin-left:4%;}
.youshi .box .float_l h2{ font-size:1.6rem; color:#fff; margin-top:4.6rem;}
.youshi .box .float_l span{ display:block; color:#fff; margin-top:0.8rem; font-family: "华文中宋"; font-size:1rem;text-transform: uppercase;}
.youshi .box .float_l div{ width:20%; background: #fff; height:4px; margin-top:2rem;}
.youshi .box .float_l p{ margin-top:2rem; color:#fff; font-size:1rem; line-height: 2rem;}
.youshi .box .float_r {width:12%;float:right;}
.youshi .box .float_r ul{}
.youshi .box .float_r ul li{ float: right;
    width: 100%;
    text-align: right;
    margin-bottom: 1.8rem;
    padding-right: 12%;}
.youshi .box .float_r ul li h2{ font-size:2rem; color:#fff; font-family: "华文中宋"; margin-top:0.6rem; font-weight: 600; float: right;}
.youshi .box .float_r ul li p{ font-size:1rem; color:#fff; float: right;width:140%;}


.index_about{ background:url(/assets/images/about.png) center no-repeat; height:415px;}
.index_about .float_l{ width:20%; float: left; margin-left:13%;}
.index_about .float_l .top{ border-bottom:4px solid #fff; padding-bottom:1rem; margin-top:3rem; overflow: hidden;}
.index_about .float_l .top div{ width:12%; float: left; margin-right:1rem;}
.index_about .float_l .top div img{ width:100%;}
.index_about .float_l .top h2{ font-size:1.4rem; color:#fff; line-height: 37px; float: left; margin-right:0.6rem;}
.index_about .float_l .top p{ font-size:1rem; color:#fff; line-height: 37px;float: left;}
.index_about .float_l span{ font-size:2rem; color:#fff; font-weight: 600; margin:2rem auto; display: block;}
.index_about .float_l .p02{ font-size:1rem; color:#fff; line-height: 2rem;}
.index_about .float_r{ width:60%; float: right;}
.index_about .float_r h2{ font-size:1.4rem; color:#fff; margin-top:4rem;}
.index_about .float_r p{ font-size:0.9rem; color:#fff; text-indent: 2rem; margin-top:2rem; line-height: 2rem;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:5;}
.index_about .float_r span{ width:22%; line-height: 2.6rem; background: #e62129; border-radius: 20px; font-size: 1rem; color:#fff; display: block; margin-top:3rem; text-align: center;}


.guzhang {margin-top: 2rem;background: url(/assets/images/procedure.jpg) center no-repeat;padding-top: 1rem;}
.guzhang ul {overflow: hidden;width: 46%;float: left;}
.guzhang ul li {width: 100%;border-bottom: 1px dashed #ccc;margin-bottom: 1rem;overflow: hidden;}
.guzhang ul li div {width: 6%;margin-right: 1rem;float: left;margin-bottom: 0.8rem;}
.guzhang ul li div img {width: 100%;}
.guzhang ul li span {display: block;font-size: 1.2rem;color: #222;float: left;margin-top: 0.2rem;}
.guzhang ul li p {width: 100%;font-size: 0.9rem;color: #999;float: left;line-height: 1.4rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.guzhang .text {overflow: hidden;margin-bottom: 2%;}
.guzhang .text h2 {font-size: 1.6rem;color: #e62129;font-weight: 600;}
.guzhang .text p {font-size: 0.9rem;color: #666;margin-top: 0.4rem;}


.index_news{ margin-top:4rem; margin-bottom:4rem;}
.index_news .float_l{width: 100%;float: left;}
.index_news .float_l ul{ overflow: hidden;}
.index_news .float_l ul li{width: 48%;padding: 1%;margin: 1%;float: left;height: 360px;border:1px solid #ebebeb;margin-top:1rem;box-sizing: border-box;}
.index_news .float_l ul li .text{ width:72%; float: left;}
.index_news .float_l ul li .text h2{ font-size:1.4rem; color:#222;margin-bottom:1rem; overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.index_news .float_l ul li .text p{ font-size:0.9rem; color:#999; line-height: 2rem; overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3; }
.index_news .float_l ul li .tupian{width: 100%;margin-left:1rem;float: right;}
.index_news .float_l ul li .tupian img{width:100%;height: 330px;object-fit: cover;}
.index_news .float_r{width: 57%;float: right;border:1px solid #ebebeb;padding:2%;margin-top:1rem;}
.index_news .float_r  h2{ font-size:1.4rem; color:#222;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.index_news .float_r .tupian{ width:100%; margin-bottom:0.4rem;}
.index_news .float_r .tupian img{ width:100%;}
.index_news .float_r  h2:hover{ color:#e62129;}
.index_news .float_l ul li .text h2:hover{ color:#e62129;}



@media screen and (max-width:640px) {
    .xiangmu ul li{width:16%;margin-left:0%;}
    .xiangmu ul{width:100%;}

    .youshi .box{background:#e62129;height:240px;background-size:100%;}
    .youshi .box .float_l{width:90%;margin:auto;float: none;}
    .youshi .box .float_r{display:none;}
    .youshi .box .float_l h2{margin-top:0;padding-top:1rem;}

    .news_list .list .each .float_l:nth-child(1){display:none;}
    .news_list .list .each .float_l:nth-child(3){display:none;}
    .news_list .list .each .float_l:nth-child(2){margin-top: 45px;width: 96%;margin: auto;display: block;float:none;}
    .news_list .list .each .float_l:nth-child(2) h4{margin-top:2rem;}
    .news_list .list .each .float_l span{font-size:3rem;display:block;}
    .news_list .list .each{height:150px;margin-top:1rem;}
    .news_list .list .each .float_l:nth-child(2) p{font-size:1.2rem;}
    .news_list .list .each .float_l:nth-child(2) h2{font-size:1.4rem;}
    .news_list .center .float_r{width:100%;}

    .index_school{margin-top:0;padding:1rem 0;}
    .index_school .list{width:100%;}
    .index_school .list ul li{width:49%;float:left;}
    .index_school .left_nav{display:none;}
    
    .index_about{width:92%;margin:auto;background: none;height:auto;}
    .index_about .float_l{display:none;}
    .index_about .float_r{width:90%;margin:auto;float: none;}
    .index_about .float_r h2{color:#222;}
    .index_about .float_r p{color:#999;}
    .index_about .float_r span{width:32%;margin-bottom:1rem;}
    
    .guzhang {background: none;margin-top: 0;}
    .guzhang ul {width: 90%;margin: auto;float: none;}
    .guzhang .text {width: 90%;margin: auto;margin-bottom: 1rem;}
    
    .index_news .float_l{ width:96%;margin-bottom:2rem;margin:auto;float: none;}
    .index_news .float_r{ width:96%; margin:auto;float: none;}
    .index_news .float_l ul li .tupian { margin-left:0;}
}




/* 自定义动画和样式 */
@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: .5;
    }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* 响应式设计 - 移动端优化 */
@media (max-width: 768px) {
    .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}