.ydtitle{margin:3vw 0}.ydtitle i.arr{display:inline-block;vertical-align:middle;overflow:hidden;width:29px;height:21px;background-image:url(../images/g01.png);background-repeat:no-repeat;-webkit-animation-name:hvr-buzz;animation-name:hvr-buzz;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.ydtitle h2{font-size:1.75rem;color:#333;display:inline-block;vertical-align:middle;padding-left:.5rem}@media (max-width:768px){.ydtitle h2{font-size:1.25rem}}.ydtitle:after{/*display:inline-block;float:right;*/content:" ";height:2px;width:15%;z-index:5;background-color:#333;margin-top:1rem}@media screen and (max-width:768px){.ydtitle.t2 .more{margin-top:2px}}


/* ===== #do4s 区块 ===== */
.containe {
   /* position: relative;
    max-width: 1600px;*/
}
#do4s{margin-bottom:4vw}
#do4s .dos{margin-bottom: 20px;display:flex;flex-flow:row wrap;justify-content:space-around}
#do4s .dos>.do:nth-child(even){background:#f6f6f6}
@media screen and (max-width:640px){#do4s .dos{display:block}}
#do4s .do{height: 320px;float:left;transition:all .5s ease-out;-webkit-transition:all .5s ease-out;background-color:#fcfcfc;cursor:pointer;width:18%;position: relative; /* 添加相对定位 */}
#do4s .do .img{margin-left:auto;margin-right:auto;display:block}
#do4s .do.current{ width: 46%;
    background-color: #fff;
    position: relative;
    z-index: 2;
    display: flex;}
#do4s .do.current .item_cate{height: 100%;
    box-sizing: border-box;
    text-align: center;
    padding: 3vw 1rem;
    float: left; /* 添加左浮动 */
    width: 50%; /* 明确设置宽度 */background-color:#0e4081}
#do4s .do.current .item_cate *{color:#fff}
#do4s .do.current .item_list{width: 60%;
    box-shadow: 2px 2px 7px rgba(70,70,70,.2);
    height: 100%;
    background-image: url(../images/g06.png);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: auto auto;
    float: left; /* 明确左浮动 */}
@media screen and (max-width:640px){#do4s .do.current .item_list{box-shadow:initial}}
#do4s .do.current .img{margin-left:0;filter:drop-shadow(white 100px 0)}
@media screen and (max-width:640px){#do4s .do{width:100%}#do4s .do.current{width:100%}
#do4s .do .item_cate{width:40%;background-color:#0e4081;padding:7vw 3vw 3vw}#do4s .do .item_cate *,#do4s .do .item_cate .iconfont{color:#fff}#do4s .do .item_list{width:60%;height:100%;background-image:url(../images/g06.png);background-repeat:no-repeat;background-position:100% 100%;background-size:auto auto}#do4s .do .item_list li{margin:1.2rem 0}}
#do4s .item_list{
    float: left; 
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    width: 60%; 
    height: auto; 
    padding: 1vw 7% 0;}
#do4s .item_list li{/*margin:1.0rem 0*/}
#do4s .item_list li:hover *{color:#0e4081}
#do4s .item_list a{font-size:1.0rem;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}
@media (max-width:768px){#do4s .item_list a{font-size:.88888889rem}}
@media (max-width:640px){#do4s .item_list a{font-size:1rem}}
#do4s .item_list .iconfont{float:right;font-size:1.1rem;color:#bbb;line-height:1.2;margin-right:2px}
@media (max-width:768px){#do4s .item_list .iconfont{font-size:1.04761905rem}}
#do4s .item_cate{height:100%;box-sizing:border-box;text-align:center;padding:3vw 1rem}
#do4s .item_cate *{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#do4s .item_cate .tubiao{margin-left:auto;margin-right:auto;display:block;color:#0e4081;font-size:3.5rem;line-height:1}
#do4s .item_cate h3{font-size:1.1rem;color:#333;font-weight:700;line-height:2;margin:1.5rem 0 1rem}
@media (max-width:768px){#do4s .item_cate h3{font-size:1.04761905rem}}
#do4s .item_cate small{font-size:.8rem;color:#999;display:block;font-weight:400;font-family:FontBlar}
@media (max-width:768px){#do4s .item_cate small{font-size:.88888889rem}}
@media (max-width:640px){#do4s .item_cate small{font-size:1rem}}
#do4s .item_cate p{font-size:14px;color:#666}
@media (max-width:640px){#do4s .item_cate p{font-size:13px}}
#do4s .item_cate .icon-yuanquan{color:#0e4081;font-size:1rem;display:inline-block;padding-top:1.5rem}
/* ===== 移动端样式修复 (max-width: 640px) ===== */
@media screen and (max-width: 640px) {
    #do4s .spot {
      /*  display: flex !important; /* 确保显示 */
        display: block;
        position: relative;
        padding-bottom: 1vw;
        margin-bottom: 5vw;
        margin-top: -6vw;
        z-index: 22;
    }
    
    #do4s .spot ul {
      display: flex;
        list-style: none;
        padding: 0;
        margin: 0;
        justify-content: center;
        width: 100%;
    }
    
    #do4s .spot li {
        width: 6px;
        height: 6px;
        background-color: #ddd;
        border-radius: 50%;
        margin: 0 0;
        cursor: pointer;
        transition: all 0.3s ease;
        opacity: 0.6;
    }
    
    #do4s .spot li:hover {
        opacity: 0.8;
    }
    
    #do4s .spot li.on {
        background-color: #0e4081;
        opacity: 1;
        transform: scale(1.3);
    }
    /* 1. 轮播容器 - 关键修复 */
    #do4s .dos {
       /* margin-left: 5px;*/
        border-radius: 6px;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: hidden;
        width: 400%; /* 4个服务项，每个100% */
        transition: transform 0.5s ease-in-out;
        margin-bottom: 5px;
        padding: 0;
        position: relative;
        left: 0;
        transform: translateX(0);
    }
    
    #do4s .dos::-webkit-scrollbar {
        display: none;
    }
    
    #do4s .dos {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    
    /* 2. 每个服务项 */
    #do4s .do {
        width: 25% !important; /* 4个服务项，每个占25% */
       /* flex: 0 0 25%;*/
        max-width: 25%;
        display: flex !important;
        flex-direction: row;
        margin: 0;
        padding: 0;
        background-color: #fff;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        height: auto;
        min-height: 200px;
        position: relative;
        overflow: hidden;
        border-radius: 8px;
        float: none;
    }
    
    #do4s .do.current {
        width: 25% !important;
        flex: 0 0 25%;
        transform: none;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    }
    
    /* 3. 移动端：所有项都显示左右结构 */
    #do4s .do .item_cate {
        width: 50%;
        background-color: #0e4081;
        padding: 20px 30px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
        height: auto;
        min-height: 200px;
    }
    
    #do4s .do .item_cate *,
    #do4s .do .item_cate .iconfont {
        color: #fff;
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
    }
    
    #do4s .do .item_cate .tubiao {
        font-size: 2.5rem;
        margin-bottom: 10px;
        color: #fff;
    }
    
    #do4s .do .item_cate h3 {
        font-size: 1rem;
        color: #fff;
        margin: 10px 5px 5px;
        line-height: 1.3;
    }
    
    #do4s .do .item_cate small {
        font-size: 0.85rem;
        color: rgba(255,255,255,0.9);
        margin-bottom: 8px;
    }
    
    #do4s .do .item_cate p.sub {
        font-size: 12px;
        color: rgba(255,255,255,0.8);
        margin-bottom: 15px;
        line-height: 1.4;
    }
    
    #do4s .do .item_cate .icon-yuanquan {
        color: #fff;
        font-size: 20px;
        padding-top: 10px;
    }
    
    /* 4. 链接列表区域 - 移动端 */
    #do4s .do .item_list {
        width: 75%;
       /* padding: 20px 15px;*/
        display: block !important;
        height: auto;
        min-height: 200px;
        opacity: 1;
        position: relative;
        background-color: #fff;
        box-shadow: none;
    }
    
    #do4s .do .item_list ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    #do4s .do .item_list li {
        margin: 10px 0;
        padding: 8px 0;
        border-bottom: 1px solid #eee;
    }
    
    #do4s .do .item_list li:last-child {
        border-bottom: none;
    }
    
    #do4s .do .item_list a {
        font-size: 14px;
        color: #333;
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-decoration: none;
    }
    
    #do4s .do .item_list a:hover {
        color: #0e4081;
    }
    
    #do4s .do .item_list .iconfont {
        font-size: 14px;
        color: #999;
        /*float: none;*/
        margin-right: 0;
    }
    /* 7. 移除PC端的浮动布局影响 */
    #do4s .do .item_list,
    #do4s .do .item_cate {
        float: none;
    }
    
    /* 8. 确保移动端触摸友好 */
    #do4s .do {
        -webkit-tap-highlight-color: transparent;
        user-select: none;
        touch-action: pan-y;
    }
}
 /* 5. 移动端指示点！ */
    
    /* PC端隐藏指示点 */
.containe {
    margin-left: 2px;
    margin-right: 0;
}
#do4s .tempWrap {
    box-shadow: 2px 2px 7px rgba(70,70,70,.2);
}