/**
 * Created by zhkrb on 2018/2/26.
 */

body{
    background:#fcfcfc;
}


.screenads .slide1{
    display: block;
}

ul{
    list-style: none;
}


/**
banner_bottom
 */
.x_peixun_banner_bottom {
    width: 1530px;
    height: 90px;
    margin: 0px auto;
    position: relative;
}

.x_peixun_banner_bottom_auto {
    width: 1530px;
    height: 97px;
    clear: both;
    /* overflow: hidden; */
    margin: 0 auto;
    position: absolute;
    left: 0;
    z-index: 1;
    bottom: 0;
    justify-content: space-between;
    display: flex;
}

.x_peixun_banner_bottom_auto_li_img {
    margin-left: 46px;
}

p.x_peixun_banner_bottom_auto_p1 {
    position: absolute;
    top: 35px;
    left: 108px;
    line-height: 30px;
    height: 30px;
    font-size: 19px;
}

p.x_peixun_banner_bottom_auto_p2 {
    position: absolute;
    top: 59px;
    line-height: 30px;
    left: 109px;
    font-size: 13px;
}

@keyframes test {
    0% {
        transform: translate(0, 0)
    }
    50% {
        transform: translate(0, -20px)
    }
    100% {
        transform: translate(0, 0)
    }
}

.x_peixun_banner_bottom_auto_li_img:hover {
    animation: test 0.25s ease-in 2;
}

.x_peixun_banner_bottom_auto_li {
    /* width: 20%; */
    /* float: left; */
    height: 120px;
    position: relative;
    line-height: 120px;
    font-size: 18px;
    color: #505050;
    font-weight: 400;
    background: #fff;
    width: 290px;
    border-radius: 10px;
    box-shadow: 0px 6px 32px -3px #00000078;
}

.x_peixun_banner_bottom_auto span {
    /* margin-left: 15px; */
    color: #ff6014;
}




/**
list
 */

.list{
    height: 90px;
    width: 100%;
    background: #f6f7f9;
}

.list-box{
    display: flex;
    margin: 0 auto;
    width: 1100px;
}
.msgTan{
    cursor:pointer;
}
.list-item{
    width: 170px;
    height: 100%;
}

.list-item:hover .list-img{
    -webkit-animation: 1s ease 1 0s both;
    -moz-animation: 1s ease 1 0s both;
    -ms-animation: 1s ease 1 0s both;
    animation: 1s ease 1 0s both;
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -ms-animation-name: bounce;
    animation-name: bounce;
}

.list-img{
    width: 50px;
    height: 50px;
    float: left;
    margin-top: 25px;
}



.list-item>p{
    margin-top: 25px;
    margin-left: 60px;
    font-size: 16px;
    color:#595961;
}

.list-text{
    margin-left: 60px;
    margin-top: 1px;
    color: #9797a1;
}

.list-empty{
    flex: 1;
}


/**liaojie*/
.liaojie{
     /*height: 970px;; */
     /* height: 1174px; */
     width: 100%;
     text-align: center;
     /*background: #f3f6f9;*/
}



.bd{
    background-color: #fff;
}


/*
service
 */



.ser-p{
    font-size: 28px;
    font-weight: bold;
    padding-top: 70px;
    margin-bottom: 50px;
}


.ser-box{
    max-width: 1267px;
    height: auto;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 90px;
}

.ser-box ul{
    display: flex;
    width: 1200px;
    margin: auto;
    justify-content: center;
    flex-wrap: wrap;
}
.ser-box ul li{
    /* float:left; */
    width: 300px;
    height: 300px;
    text-align: left;
    /* background: #f8f8f8; */
    position: relative;
}
.ser-box ul li .ser_i{}
.ser-box ul li .ser_i img:hover{
    /* -webkit-transform: scale(1.2); */
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    /* transform: scale(1.2); */
}
.ser-box ul li .ser_t{
    color:#333333;
    font-size: 25px;
    padding-top: 20px;
    padding-left: 14px;
    animation: fwoser_t 0.5s;
    -webkit-animation: fwoser_t 0.5s;
}
.ser-box ul li .ser_d{
    color:#999999;
    font-size: 16px;
    /* margin-top: 10px; */
    /* padding: 0 15px; */
    position: relative;
    width: 270px;
    margin: auto;
}

.ser-box ul li .ser_d_gengxin {
    margin-top: 14px;
}

.ser-box ul li .ser_d_bushu {
    margin-top: 14px;
}


/*
scene
 */
.scene{
    width: 100%;
    background-color: #f6f7f9;
    color: #0e1730;
    padding-bottom: 90px;
    /* background-color: #434c59; */
    /*    background-image:url('../images/section-4.jpg'); */
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    min-width: 1200px;
}


.scene-p{
    padding-top: 50px;
    text-align: center;
    font-size: 35px;
    margin-bottom: 0;
    font-weight: bold;
    border-top: none;
}
.scene-p span {
    color: #27a2ff;
}
.scene-subject{
    width: 1200px;
    margin: 0 auto;
    position: relative;
    display: flex;
    justify-content: space-between;
    height: 660px;
    overflow: hidden;
    margin-top: 60px;
}

.subject-ul{
    width: 275px;
    height: 665px;
    background: #fff;
}
.subject-ul .action-li{
    /* background-image:url('../images/index/scene/qhbg.png'); */
    color: #fff;
    background-image: linear-gradient(to right, #0081ff , #94d3fe);
    animation: ul_list-in 0.5s;
    -webkit-animation: ul_list-in 0.5s;
}
.subject-ul li{
    /* width: 200px; */
    height: 73px;
    line-height: 70px;
    font-size: 16px;
    text-align: center;
    margin: 0 auto;
    animation: ul_list-out 0.5s;
    -webkit-animation: ul_list-out 0.5s;
}
.subject-ul li div{
    /* display: inline-block; */
}
.subject-ul li .subject-ul-li-title{
    /* margin-left: 10px; */
    /* font-size: 19px; */
    letter-spacing: 1px;
    height: 75px;
    overflow: hidden;
    text-align: left;
}
.subject-info{
    /* width: 778px; */
    /* padding: 0 51px; */
    background: #fff;
    /* position: absolute; */
    /* top: 6px; */
    /* left: 295px; */
    position: absolute;
    width: 580px;
    height: 660px;
    overflow: hidden;
    animation: texiao_list-in 0.5s;
    -webkit-animation: texiao_list-in 0.5s;
}
.subject-info-title{
  height: 40px;
  line-height: 40px;
  font-size: 25px;
  /* margin-bottom: 10px; */
  padding-top: 16px;
}
.subject-info-txt{
    /* height: 100px; */
    padding-top: 36px;
    width: 560px;
    /* height: 150px; */
    line-height: 25px;
    font-size: 15px;
    color: #4e4e4e;
    letter-spacing: 1px;
}

.subject-info-txt-liao{
    display: block;
    width: 140px;
    height: 45px;
    border: 1px solid rgba(255,255,255,1);
    color: #fff;
    text-align: center;
    line-height: 45px;
    letter-spacing: 1px;
    font-size: 15px;
    margin-top: 20px;
}

.subject-info-txt-liao:link{
    display: block;
    width: 140px;
    height: 45px;
    border: 1px solid rgba(255,255,255,1);
    color: #fff;
    text-align: center;
    line-height: 45px;
    letter-spacing: 1px;
    font-size: 15px;
    margin-top: 20px;
}



.subject-info-txt-liao:hover,.subject-info-txt-liao:active{
    display: block;
    color: #000;
    background: #fff;
}

.subject-info-button{
    width: 133px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    font-size: 15px;
    border: 1px solid #fff;
    margin-bottom: 40px;
    color:#fff;

}
.subject-info-button:hover{
    background-color:#fff;
    color:#000;

}


.subject-info-icon{
}
.subject-info-icon p{
    /* height: 80px; */
    /* line-height:80px; */
    font-size: 25px;
    padding-top: 52px;
}
.subject-info-icon ul li{
    /* float:left; */
    /* margin-right: 60px; */
    margin-bottom:15px;
}
.subject-info-icon ul li .icon-img{
    width: 70px;
    height: 70px;
}
.subject-info-icon ul li .icon-img img{
    width: 100%;
    height: 100%;
}
.subject-info-icon ul li .icon-title{
    /* width: 106px; */
    height: 45px;
    font-size: 15px;
    text-align: center;
    line-height:45px;
}


/*
service
 */

/*
yun
 */

.yun{
    height: 610px;
    width: 100%;
    text-align: center;
    background-color: #fff;
}

.yun-p{
    font-size: 35px;
    padding-top: 95px;
    /* margin-bottom: 87px; */
    font-weight: bold;
}


.yun-box{
    /* max-width: 1220px; */
    height: 340px;
    margin: 0 auto;
    max-width: 1150px;
}

.yun-box ul {
    background-color: #FFFFFF;
    padding-left: 68px;
}

.yun-box ul::after{
     content:"";
  height: 0;
  line-height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}

.yun-box ul li{
    float:left;
    width:16%;
    height:200px;
    text-align:center;
}
.yun-box ul li .ser_i{
    width: 100%;
    height: 83px;
    display: flex;
    align-items: center;
}

.yun-box ul li .ser_i img{
    /* width: 235px; */
}
.yun-box ul li .ser_t{
    color:#333333;
    font-size:18px;
}

.yun-box ul li:nth-child(3) {
    margin-left: -33px;
}

.yun-box ul li:nth-child(4),
.yun-box ul li:nth-child(5) {
    margin-right: 34px;
}


/*
bottom
 */

.bottom{
    height: 239px;
    width: 100%;

}

.bottom p{
    text-align: center;
    font-size: 32px;
    color: white;
    padding-top: 70px;
}

.bottom a{
    display: block;
    width: 150px;
    height: 40px;
    border: 1px solid white;
    text-align: center;
    line-height: 40px;
    font-size: 15px;
    color: white;
    margin: 25px auto 0;
}

.bottom a:hover{
    opacity: 0.7;
    background: #ddd;
    color:black;
}





.banner .wangxiao .zhibo-img{
    background: url('../images/index/zb.png') no-repeat top right;
    background-size: 100% 100%;
}


.banner .wangxiao{
    background: url('http://qiniugw.sdwanyue.com/bannerdianshang_222.png') repeat-x;
    background-size: 100% 100%;
}

.banner .duanshipin{
    background: url('http://qiniugw.sdwanyue.com/banner122.png') repeat-x;
    background-size: 100% 100%;
}
.banner .duanshipin .duanshipin-img{
    background: url('../images/index/dsp.png') no-repeat top right;
    background-size: 100% 100%;
}

#bullet .swiper-pagination-bullet{
    width: 30px;
}

/*news*/
/*
news
 */


.x_index_bottom-img{
    background: url('http://qiniugw.sdwanyue.com/bottom_bg.png') no-repeat;
    background-size: 100% 100%;
}


.x_index_bottom{
    height: 0.8rem;
    width: 100%;

}

.x_index_bottom p{
    text-align: center;
    font-size: 0.12rem;
    color: white;
    padding-top: 0.2rem;
}



.x_index_bottom-img{
    background: url('../images/x_index/bottom_bg.png') no-repeat;
    background-size: 100% 100%;
}

.index_banner_con {
    width: 1495px !important;
    padding-left: 296px;
}

.banner_con_right_img{
    display: inline-block;
    width: 493px;
    height: 432px;
    margin-top: 100px;
    position: relative;
    left: 1000px;
    opacity: 0;
}

.x_index_banner_1_content{
    /* width: 45%; */
    /* width: 1200px; */
    width: 600px;
    height: 1.5rem;
    position: relative;
    /* top: 0.5rem; */
    /* top: 0.6rem; */
    top: 0.47rem;
    /* margin-left: 10%; */
    right: 1000px;
    opacity: 0;
}

.x_index_banner_1_content_5{
    position: absolute;
    font-size: 0.07rem;
    letter-spacing: 1px;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    margin-top: 0.15rem;
    width:180px;
    height:60px;
    border:1px solid rgba(255,255,255,1);
    text-align: center;
    border-radius:5px;
    line-height: 60px;

    /* font-size: 0.06rem;
    padding: 0.03rem 0.15rem 0.03rem 0.15rem;
    position: absolute;
    letter-spacing: 1px;
    color: #000;
    text-decoration: none;
    border: 1px solid #fff;
    color: #fff;
    margin-top: 0.18rem; */
}

.x_index_banner_1_content_5:hover{
    color: #000;
    background: #fff;
}


.x_news{
    background: rgba(80, 85, 250, 0.02);
    width: 100%;
    /* height: 765px; */
    height: 466px;
}

.x_news_tips{
    font-size: 28px;
    padding-top:60px;
    text-align: center;
}

.x_news_content{
    /* width: 957px; */
    width: 1200px;
    /* height: 500px; */
    margin: 0 auto;
    margin-top:50px;
    /* background: #ddd; */
    clear: both;
    /*overflow: hidden;*/
}


.x_news_content_left{
    /* width: 450px; */
    width: 572px;
    float: left;
}

.x_news_content_left_top{
    height: 37px;
    border-bottom: 1px solid #B3B3B3;
}

.x_news_content_left_top_left{
    float: left;
    height: 98.6%;
    border-bottom: 2px solid #5055FA;
    line-height: 37px;
    font-size: 15px;
    letter-spacing: 1px;
    color: #5055FA;
}

.x_news_content_left_top_right{
    float: right;
    margin-top: 10px;
    color: #B3B3B3;
}

.x_news_content_left_top_right a{
    color: #B3B3B3;
}

.x_news_content_left_img{
    margin-top: 15px;
    /* height: 197px; */
    height: 250px;
}

.x_news_content_left_text{
    width: 100%;
    height: 35px;
    background: #fff;
    background: rgba(0,0,0,0.5);
    position: relative;
    /* top: 162px; */
    top: 215px;
    color: #fff;
    line-height: 35px;
    text-indent: 20px;
    font-size: 13px;
    letter-spacing: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.x_news_content_left_li{
    background: #fff;
    width: 100%;
    height: 80px;
    margin: 0 auto;
    margin-top: 15px;
}

.x_news_content_left_li_left{
    float: left;
    width: 77px;
    border-right: 1px solid #E8E8E8;
    height: 100%;
    text-align: center;
    border-left: 3px solid #fff;
}

.x_news_content_left_li_left_text1{
    color: #323232;
    font-size: 19px;
    margin-top: 14px;
}


.x_news_content_left_li_left_text2{
    font-size: 13px;
    color: #323232;
}

.x_news_content_left_li_right{
    float: left;
    /* width: 369px; */
    width:491px;
    height: 100%;
}

.x_news_content_left_li_right_text1{
    width: 94%;
    padding-left: 6px;
    color: #323232;
    font-size: 14px;
    margin-top: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    display: flex;
    align-items: center;
}

.x_news_dian {
    float: left;
     width: 5px;
    height: 5px;
    border-radius: 50%;
    margin-right: 10px;
    margin-left: 5px;
    background-color: #3578ff;
}


.x_news_content_left_li_right_text1 a {
    width: 96%;
    margin-right: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}

.x_news_content_left_li_right_text1 span {
    float: left;
    color: #B3B3B3;
}

.x_news_content_left_li_right_text2{
    width: 90%;
    margin: 0 auto;
    color: #969696;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.x_news_content_right{
    /* width: 450px; */
    width: 572px;
    float: left;
    margin-left: 55px;
}

.x_news_content_right_top{
    height: 37px;
    border-bottom: 1px solid #B3B3B3;
}

.x_news_content_right_top_left{
    float: left;
    height: 98.6%;
    border-bottom: 2px solid #5055FA;
    line-height: 37px;
    font-size: 15px;
    letter-spacing: 1px;
    color: #5055FA;
}

.x_news_content_right_top_right{
    float: right;
    margin-top: 10px;
    color: #B3B3B3;
}

.x_news_content_right_top_right a{
    color: #B3B3B3;
}

.x_news_content_right_img{
    margin-top: 15px;
    /* height: 197px; */
    height: 153px;
    background-size: 100% !important;
}

.x_news_content_right_text{
    width: 100%;
    height: 35px;
    background: #fff;
    background: rgba(0,0,0,0.5);
    position: relative;
    /* top: 162px; */
    top: 117px;
    color: #fff;
    line-height: 35px;
    text-indent: 20px;
    font-size: 13px;
    letter-spacing: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.x_news_content_right_li{
    background: #fff;
    width: 100%;
    height: 80px;
    margin: 0 auto;
    margin-top: 15px;
}

.x_news_content_right_li_left{
    float: left;
    width: 77px;
    border-right: 1px solid #E8E8E8;
    height: 100%;
    text-align: center;
    border-left: 3px solid #fff;
}

.x_news_content_right_li_left_text1{
    color: #323232;
    font-size: 19px;
    margin-top: 14px;
}


.x_news_content_right_li_left_text2{
    font-size: 13px;
    color: #323232;
}

.x_news_content_right_li_right{
    float: left;
    /* width: 369px; */
    width: 491px;
    height: 100%;
}

.x_news_content_right_li_right_text1{
    width: 90%;
    margin: 0 auto;
    color: #323232;
    font-size: 16px;
    margin-top: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.x_news_content_right_li_right_text2{
    width: 90%;
    margin: 0 auto;
    color: #969696;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.x_news_content_item {
    width: 361px;
    height: 416px;
    background-color: #f9f9fc;

}

.x_liaojie_wrap {
    height: 361px;
    box-shadow:0px 2px 8px #cccccc;
}


.x_index_bottom_div{
    /* width: 950px; */
    width: 1200px;
    margin: 0 auto;
}

.x_index_bottom_left{
    float: left;
    margin-top: 43px;
}

.x_index_bottom_left_text1{
    color: #fff;
    font-size: 24px;
    letter-spacing: 1px;
}

.x_index_bottom_left_text2{
    color: #fff;
    font-size: 15px;
    letter-spacing: 1px;
    margin-top: 10px;
}

.x_index_bottom_left_a_liji{
    display: block;
    border: 1px solid #fff;
    color: #fff;
    width: 120px;
    height: 40px;
    border-radius: 50px;
    margin-top: 20px;
    text-align: center;
    line-height: 40px;
    letter-spacing: 1px;
    font-size: 15px;
}

.x_index_bottom_left_a_liji:active,.x_index_bottom_left_a_liji:link{
    display: block;
    border: 1px solid #fff;
    color: #fff;
    width: 120px;
    height: 40px;
    border-radius: 50px;
    margin-top: 20px;
    text-align: center;
    line-height: 40px;
    letter-spacing: 1px;
    font-size: 15px;
}

.x_index_bottom_right{
    float: left;
    margin-top: 43px;
    /* margin-left: 300px; */
    margin-left: 400px;
}

.x_index_bottom_right_text1{
    color: #fff;
    font-size: 24px;
    letter-spacing: 1px;
}

.x_index_bottom_right_text2{
    color: #fff;
    font-size: 15px;
    letter-spacing: 1px;
    margin-top: 10px;
}

.x_index_bottom_right_a_zixun{
    display: block;
    border: 1px solid #fff;
    color: #fff;
    width: 120px;
    height: 40px;
    border-radius: 50px;
    margin-top: 20px;
    text-align: center;
    line-height: 40px;
    letter-spacing: 1px;
    font-size: 15px;
}

.x_index_bottom_left_a_liji:hover{
    background: #fff;
    color: #5055FA;
}

.x_index_bottom_right_a_zixun:hover{
    background: #fff;
    color: #5055FA;
}



.action-flex {
    margin: 0px 15px;
    width: 270px;
    border-bottom: 1px solid #eeeeee;
    height: 75px;
    overflow: hidden;
    display: flex;
}

.subject-ul-li-img {
  line-height: 0px;
  width: 70px;
  padding-top: 17px;
  position: relative;
  /* padding-left: 15px; */
  /* padding-right: 15px; */
  text-align: center;
}

p.subject-ul-li-title-1 {
  color: #333333;
    font-size: 18px;
    padding-top: 10px;
    line-height: 25px;
}

p.subject-ul-li-title-2 {
    font-size: 14px;
    color: #969696;
    line-height: 16px;
    padding-top: 9px;
}

.action-li p.subject-ul-li-title-1,.action-li p.subject-ul-li-title-2 {
    color: #fff;
}

.action-li .action-flex {
    border: none;
}

.subject-ul li:nth-last-child(1) .action-flex {
    border: none;
}
p.scene-p2 {
    text-align: center;
    color: #969696;
    font-size: 16px;
    /* margin-bottom: 51px;
    margin-top: 5px; */
    width: 969px;
    margin: 18px auto 25px;
}
.subject-info-flex {
    display: flex;
    justify-content: space-evenly;
    padding-top: 63px;
}

.subject-info-flex-a1 {
    width: 70px;
    height: 70px;
    border: 2px solid #5593fb;
    border-radius: 90px;
    text-align: center;
    line-height: 70px;
}

img.subject-info-flex-a1img {
    width: 50%;
    height: auto;
}

img.subject-info-flex-a1img {
    vertical-align: middle;
}

p.subject-info-flex-a2 {
    text-align: center;
    font-size: 15px;
    padding-top: 10px;
}

.subject-info-flex-b {
    width: 36px;
    height: 2px;
    background: url(http://qiniugw.sdwanyue.com/index/dota.png);
    margin-top: 45px;
}

.subject-info-tc {
    width: 778px;
    height: 1px;
    background: url(http://qiniugw.sdwanyue.com/index/dotb.png);
    margin-top: 58px;
}

.subject-info-icon ul {
    display: flex;
    justify-content: space-between;
    padding-top: 47px;
}
.subject-info-c {
    height: 660px;
    background: #fff;
    padding: 0 36px;
    width: 778px;
    position: relative;
    overflow: hidden;
}

.subject-info.display-none-flash {
    animation: texiao_list-out 0.5s;
    -webkit-animation: texiao_list-out 0.5s;
    
}
.display-none-flash {
    opacity: 0;
    visibility: hidden;
}

@keyframes texiao_list-out
{
    from {
        z-index:99;
        opacity: 1;
        visibility: visible;
        height:660px;
        border-bottom:1px solid #5593fb;
    }
    to {
        z-index:99;
        opacity: 1;
        visibility: visible;
        height:0px;
        border-bottom:1px solid #5593fb;
    }
}
 
@-webkit-keyframes texiao_list-out 
{
    from {
        z-index:99;
        opacity: 1;
        visibility: visible;
        height:660px;
        border-bottom:1px solid #5593fb;
    }
    to {
        z-index:99;
        opacity: 1;
        visibility: visible;
        height:0px;
        border-bottom:1px solid #5593fb;
    }
}
.ser-box ul li:nth-child(2n) .ser_i {
    background: #e6eafe;
}
.ser-box ul li:nth-child(2n+1) .ser_i {
    background: #dce2fd;
}
.ser_ta {
    position: absolute;
    height: 90px;
    overflow: hidden;
    background: #f8f8f8;
    width: 300px;
    bottom: 0;
    animation: fwoser_ta 0.5s;
    -webkit-animation: fwoser_ta 0.5s;
}

.ser_timg {
    position: absolute;
    width: 36px;
    height: 31px;
    right: 17px;
    top: 23px;
}

img.ser_timg_msg2 {
    position: absolute;
    left: 0;
    top: 0;
    animation: fwoser_timg_msg2 2s;
    -webkit-animation: fwoser_timg_msg2 2s;
}

img.ser_timg_msg {
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    animation: fwhser_timg_msg2 2s;
    -webkit-animation: fwhser_timg_msg2 2s;
}

p.ser_d_2 {visibility: hidden;position: absolute;top: 0px;animation: fwoser_tser_d_2 0.5s;-webkit-animation: fwoser_tser_d_2 0.5s;}

p.ser_d_1 {
    position: absolute;
    top: 0px;
    animation: fwoser_tser_d_1 0.5s;
    -webkit-animation: fwoser_tser_d_1 0.5s;
}
.ser-box ul li:hover .ser_ta {
    height: 190px;
    background: #3578ff;
    animation: fwhser_ta 0.5s;
    -webkit-animation: fwhser_ta 0.5s;
}

.ser-box ul li:hover .ser_t {
    color: #fff;
    animation: fwhser_t 0.5s;
    -webkit-animation: fwhser_t 0.5s;
}

.ser-box ul li:hover img.ser_timg_msg2 {
    visibility: hidden;
    animation: fwhser_timg_msg2 2s;
    -webkit-animation: fwhser_timg_msg2 2s;
}

.ser-box ul li:hover img.ser_timg_msg {
    visibility: visible;
    animation: fwoser_timg_msg2 2s;
    -webkit-animation: fwoser_timg_msg2 2s;
}

.ser-box ul li:hover p.ser_d_1 {
    visibility: hidden;
    animation: fwhser_tser_d_1 0.5s;
    -webkit-animation: fwhser_tser_d_1 0.5s;
}

.ser-box ul li:hover p.ser_d_2 {
    visibility: visible;
    color: #fff;
    top: 22px;
    animation: fwhser_tser_d_2 0.5s;
    -webkit-animation: fwhser_tser_d_2 0.5s;
}


/* 

animation: iconmv_b 0.5s;
    -webkit-animation: iconmv_b 0.5s;
*/

@-webkit-keyframes fwhser_ta  /*Safari and Chrome*/
{
    from {
        height:90px;
        background: #f8f8f8;

    }
    to {
        height: 190px;
        background: #3578ff;
    }
}

@keyframes fwhser_ta
{
    from {
        height:90px;
        background: #f8f8f8;

    }
    to {
        height: 190px;
        background: #3578ff;
    }
}


@-webkit-keyframes fwoser_ta  /*Safari and Chrome*/
{
    from {
        height: 190px;
        background: #3578ff;
    }
    to {
        height:90px;
        background: #f8f8f8;
    }
}

@keyframes fwoser_ta
{
    from {
        height: 190px;
        background: #3578ff;
    }
    to {
        height:90px;
        background: #f8f8f8;
    }
}




@-webkit-keyframes fwhser_t  /*Safari and Chrome*/
{
    from {
        color: #333333;

    }
    to {
        color: #fff;
    }
}

@keyframes fwhser_t
{
    from {
        color: #333333;

    }
    to {
        color: #fff;
    }
}


@-webkit-keyframes fwoser_t  /*Safari and Chrome*/
{
    from {
        color: #fff;
    }
    to {
        color: #333333;
    }
}

@keyframes fwoser_t
{
    from {
        color: #fff;
    }
    to {
        color: #333333;
    }
}




@-webkit-keyframes fwhser_timg_msg2  /*Safari and Chrome*/
{
    from {
        opacity:1;

    }
    to {
        opacity:0;
    }
}

@keyframes fwhser_timg_msg2
{
    from {
        opacity:1;

    }
    to {
        opacity:0;
    }
}


@-webkit-keyframes fwoser_timg_msg2  /*Safari and Chrome*/
{
    from {
        opacity:0;

    }
    to {
        opacity:1;
    }
}

@keyframes fwoser_timg_msg2
{
    from {
        opacity:0;

    }
    to {
        opacity:1;
    }
}








@-webkit-keyframes fwhser_tser_d_1  /*Safari and Chrome*/
{
    from {
        top:0px;
        color:#999999;
        opacity:1;
    }
    to {
        top:22px;
        color:#fff;
        opacity:0;
    }
}

@keyframes fwhser_tser_d_1
{
    from {
        top:0px;
        color:#999999;
        opacity:1;
    }
    to {
        top:22px;
        color:#fff;
        opacity:0;
    }
}


@-webkit-keyframes fwoser_tser_d_1  /*Safari and Chrome*/
{
    from {
        top:22px;
        color:#fff;
        opacity:0;
    }
    to {
        top:0px;
        color:#999999;
        opacity:1;
    }
}

@keyframes fwoser_tser_d_1
{
    from {
        top:22px;
        color:#fff;
        opacity:0;
    }
    to {
        top:0px;
        color:#999999;
        opacity:1;
    }
}





@-webkit-keyframes fwhser_tser_d_2  /*Safari and Chrome*/
{
    from {
        top:0px;
        color:#999999;
        opacity:0;
    }
    to {
        top:22px;
        color:#fff;
        opacity:1;
    }
}

@keyframes fwhser_tser_d_2
{
    from {
        top:0px;
        color:#999999;
        opacity:0;
    }
    to {
        top:22px;
        color:#fff;
        opacity:1;
    }
}


@-webkit-keyframes fwoser_tser_d_2  /*Safari and Chrome*/
{
    from {
        top:22px;
        color:#fff;
        opacity:1;
    }
    to {
        top:0px;
        color:#999999;
        opacity:0;
    }
}

@keyframes fwoser_tser_d_2
{
    from {
        top:22px;
        color:#fff;
        opacity:1;
    }
    to {
        top:0px;
        color:#999999;
        opacity:0;
    }
}


.banner .O2O{
    background: url(http://qiniugw.sdwanyue.com/index/banneredu_22-3-7_1.png) repeat-x;
    background-size: 100% 100%;
}
.banner .paotui{
    background: url(http://qiniugw.sdwanyue.com/index/banneredu_22-3-7_2.png) repeat-x;
    background-size: 100% 100%;
}
.banner .dangjian{
    background: url(http://qiniugw.sdwanyue.com/index/banneredu_22-3-7_3.png) repeat-x;
    background-size: 100% 100%;
}
p.liaojie-maitit {
    font-size: 35px;
    padding-top: 50px;
    font-weight: bold;
}

.liaojie_content {
    padding: 60px 30px 30px;
    width: 1200px;
    margin: 0px auto;
    display: flex;
    justify-content: space-between;
    /* justify-content: center; */
    overflow: hidden;
    /* height: 429px; */
    padding-bottom: 60px;
    flex-wrap: wrap;
}


.liaojie_top {
    height: 160px;
    background: #3578ff;
    background-image: url(http://qiniugw.sdwanyue.com/index/back_1_liaojie.png?2);
    background-repeat: no-repeat;
    background-position: center 160px;
    color: #fff;
    text-align: center;
    position: relative;
    animation: liaojietop2 1s;
}


p.liaojie_tit {
    font-size: 20px;
    padding-top: 0px;
}

p.liaojie_des {
    font-size: 14px;
    padding-top: 3px;
}


img.liaojie_tip_img {
    padding-top: 23px;
}

p.liaojie_con {
    /* display: none; */
    visibility: hidden;
    animation: liaojiecon2 1s;
    padding: 0px 25px;
    font-size: 14px;
    line-height: 30px;
    width: 300px;
    height: 0px;
    padding-top: 0px;
}


.liaojie_bot {
    height: 260px;
    overflow: hidden;
    position: relative;
}

.btlist {
    position: absolute;
    width: 100%;
    animation: btlist2 1s;
    bottom: 47px;
}

p.tips-1 {
    bottom: 114px;
    animation: tips-12 1s;
}

.btlist p {
    line-height: 57px;
    position: absolute;
    font-size: 16px;
    width: 100%;
    height: 57px;
    /* bottom: 0px; */
}

p.tips-2 {
    bottom: 57px;
    animation: tips-22 1s;
}

p.tips-3 {
    bottom: 0px;
    animation: tips-32 1s;
}






@-webkit-keyframes liaojietop2
{
    from {
        background: #333333;
        background-image: url(http://qiniugw.sdwanyue.com/index/back_1_liaojie.png?2);
        background-repeat: no-repeat;
        background-position: center 0px;
        height: 175px;  
    }
    to {
        height: 160px;
        background: #3578ff;
        background-image: url(http://qiniugw.sdwanyue.com/index/back_1_liaojie.png?2);
        background-repeat: no-repeat;
        background-position: center 160px;  
    }
}
@keyframes liaojietop2
{
    from {
        background: #333333;
        background-image: url(http://qiniugw.sdwanyue.com/index/back_1_liaojie.png?2);
        background-repeat: no-repeat;
        background-position: center 0px;
        height: 175px;  
    }
    to {
        height: 160px;
        background: #3578ff;
        background-image: url(http://qiniugw.sdwanyue.com/index/back_1_liaojie.png?2);
        background-repeat: no-repeat;
        background-position: center 160px;  
    }
}

@keyframes liaojiecon2
{
    from {
        visibility: visible;
        opacity: 1;
        height:120px;
        padding-top:30px;   
    }
    to {
        visibility: visible;
        opacity: 0;
        height:0px;
        padding-top:0px;    
    }
}
@-webkit-keyframes liaojiecon2
{
    from {
        visibility: visible;
        opacity: 1;
        height:120px;
        padding-top:30px;   
    }
    to {
        visibility: visible;
        opacity: 0;
        height:0px;
        padding-top:0px;    
    }
}

@keyframes btlist2
{
    from {
        bottom: 55px;
        height: 35px;
    }
    to {
        bottom: 47px;
        height: 171px;
    }
}
@-webkit-keyframes btlist2
{
    from {
        bottom: 55px;
        height: 35px;
    }
    to {
        bottom: 47px;
        height: 171px;
    }
}


@keyframes tips-12
{
    from {
        background:#f6f6f6;
        width: 100px;
        height:35px;
        line-height:35px;
        bottom:0px;
        left:15px;
    }
    to {
        background:none;
        width:100%;
        height:57px;
        line-height:57px;
        bottom:114px;
        left:0px;
    }
}
@-webkit-keyframes tips-12
{
    from {
        background:#f6f6f6;
        width: 100px;
        height:35px;
        line-height:35px;
        bottom:0px;
        left:15px;
    }
    to {
        background:none;
        width:100%;
        height:57px;
        line-height:57px;
        bottom:114px;
        left:0px;
    }
}
@keyframes tips-22
{
    from {
        background:#f6f6f6;
        width: 100px;
        height:35px;
        line-height:35px;
        bottom:0px;
        left:125px;
    }
    to {
        background:none;
        width:100%;
        height:57px;
        line-height:57px;
        bottom:57px;
        left:0px;
    }
}
@-webkit-keyframes tips-22
{
    from {
        background:#f6f6f6;
        width: 100px;
        height:35px;
        line-height:35px;
        bottom:0px;
        left:125px;
    }
    to {
        background:none;
        width:100%;
        height:57px;
        line-height:57px;
        bottom:57px;
        left:0px;
    }
}

@keyframes tips-32
{
    from {
        background:#f6f6f6;
        width: 100px;
        height:35px;
        line-height:35px;
        bottom:0px;
        left:235px;
    }
    to {
        background:none;
        width:100%;
        height:57px;
        line-height:57px;
        bottom:0px;
        left:0px;
    }
}
@-webkit-keyframes tips-32
{
    from {
        background:#f6f6f6;
        width: 100px;
        height:35px;
        line-height:35px;
        bottom:0px;
        left:235px;
    }
    to {
        background:none;
        width:100%;
        height:57px;
        line-height:57px;
        bottom:0px;
        left:0px;
    }
}



@keyframes tipshover1
{
    from {
        color:#333;
        background: #f6f6f6;
    }
    to {
        background: #666;
        color: #fff;
    }
}
@-webkit-keyframes tipshover1
{
    from {
        color:#333;
        background: #f6f6f6;
    }
    to {
        background: #666;
        color: #fff;
    }
}
@keyframes tipshover2
{
    from {
        background: #666;
        color: #fff;
    }
    to {
        color:#333;
        background: #f6f6f6;
    }
}
@-webkit-keyframes tipshover2
{
    from {
        background: #666;
        color: #fff;
    }
    to {
        color:#333;
        background: #f6f6f6;
    }
}
.liaojie_content_con {
    width: 287px;
    background: #fff;
    margin-bottom: 20px;
    height: 280px;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    padding: 20px;
    border-radius: 3px;
    box-shadow: -2px 1px 11px 0px #ededed;
    transition: all .5s ease-in-out;
}

.grid_product_bg {
    background-image: url('../images/index/product_header_bg.png');
    background-repeat: no-repeat;
    background-size: 205px 95px;
    background-position: right top;
    box-shadow: 0px 5px 20px rgba(121, 148, 193, 0.0600);
    transform: translateY(-15px);
}

.liaojie {}

.liaojie_content_con_tit {
    padding-bottom: 17px;
    display: flex;
    border-bottom: 1px solid #f1f1f1;
    justify-content: space-between;
}

.liaojie_content_con_tit_p {
    text-align: left;
    width: 185px;
}

p.liaojie_content_con_tit_p1 {
    font-size: 16px;
    font-weight: bold;
}

span.liaojie_content_con_tit_p1_span {
    display: inline-block;
    font-size: 13px;
    font-weight: lighter;
    border: 1px solid #23a1ff;
    padding: 3px;
    line-height: 13px;
    position: relative;
    top: -2px;
    color: #23a1ff;
    border-radius: 4px;
    margin-left: 7px;
}

p.liaojie_content_con_tit_p2 {
    color: #999999;
}

.liaojie_content_con_con1 {
    padding-top: 20px;
    display: block;
}

.liaojie_content_con_con2 {
    text-align: justify;
    position: relative;
    height: 174px;
    display: none;
}

p.liaojie_content_con_con2_p {
    line-height: 27px;
    padding-top: 15px;
    color: #999999;
}

a.liaojie_content_con_con2_a1 {
    color: #fff;
    background: #27a2ff;
    border: 1px solid #27a2ff;
    display: inline-block;
    width: 90px;
    height: 35px;
    line-height: 33px;
    text-align: center;
    border-radius: 6px;
}

a.liaojie_content_con_con2_a2 {
    color: #fff;
    background: #27a2ff;
    display: inline-block;
    width: 90px;
    height: 35px;
    line-height: 33px;
    border: 1px solid #27a2ff;
    text-align: center;
    border-radius: 6px;
    margin-left: 6px;
}

.liaojie_content_con_con2_a {
    position: absolute;
    bottom: 0;
}

.liaojie_content_con_con2 a:hover {
    background: #fff;
    color: #28a3ff;
}

p.liaojie-maitit-min {
    padding-top: 12px;
    font-size: 16px;
    color: #999;
}
p.why-p {
    padding-top: 85px;
    text-align: center;
    font-size: 28px;
    margin-bottom: 107px;
    border-top: none;
    font-weight: bold;
}

.why-box {
    display: flex;
    width: 1200px;
    margin: auto;
    background: #f3f8ff;
    height: 640px;
    border-radius: 30px;
    margin-bottom: 55px;
}

.why-1 {
    width: 245px;
    box-sizing: border-box;
    padding: 24px;
    text-align: center;
}

p.why-1-t {
    font-size: 28px;
    line-height: 28px;
    padding-bottom: 24px;
}

p.why-1-c {
    line-height: 60px;
    border-top: 1px solid #cbe0ff;
    font-weight: bold;
}

.why-3 {
    width: 450px;
    /* width: 245px; */
    box-sizing: border-box;
    padding: 24px;
    text-align: left;
}

.why-2 {
    width: 505px;
    box-sizing: border-box;
    background: #1671fb;
    padding: 45px 80px;
    color: #fff;
    height: 765px;
    border-radius: 30px;
    top: -55px;
    position: relative;
}

span {}

v {}

p.why-2-t span {
    display: block;
}

p.why-2-t {
    text-align: center;
    font-size: 26px;
}

p.why-2-c {
    line-height: 60px;
    border-top: 1px solid #1671fb;
    font-weight: bold;
}

p.why-3-t {
    font-size: 28px;
    line-height: 28px;
    padding-bottom: 24px;
    padding-left: 50px;
    text-align: center;
}

p.why-3-c {
    line-height: 60px;
    border-top: 1px solid #cbe0ff;
    padding-left: 50px;
    font-weight: bold;
}
.bd-yun {
    display: flex;
    justify-content: center;
}

.bd-yun-img {
    margin: 14.5px;
    box-shadow: 1px 1px 6px 0px #e5e5e5;
}
p.why-2-c img {
    margin-right: 8px;
}
.mask_left {
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(to left,rgba(255,255,255,0) 0%,#fff 100%);
    z-index: 6;
    width: 258px;
    height: 312px;
}

.mask_right {
    position: absolute;
    top: 0;
    right: 0;
    background-image: linear-gradient(to right,rgba(255,255,255,0) 0%,#fff 100%);
    z-index: 6;
    width: 258px;
    height: 312px;
}

.mask_right {}
p.yun-p-min {
    text-align: center;
    color: #969696;
    font-size: 15px;
    margin-bottom: 51px;
    margin-top: 12px;
}

.hezuomoshi{
    margin-bottom: 50px;
}
.hezuomoshi > .hezuomoshi_content {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
}

.hezuomoshi > .hezuomoshi_content > .hezuomoshi_item > .top {
    position: relative;
    margin-bottom: 20px;
}

.hezuomoshi > .hezuomoshi_content > .hezuomoshi_item:nth-child(2) {
    margin: 0 20px;
}

.hezuomoshi > .hezuomoshi_content > .hezuomoshi_item > .top > .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #0282ff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 20px;
}

.hezuomoshi > .hezuomoshi_content > .hezuomoshi_item > .top > img {
    display: block;
    margin: 0 auto;
    width: 95%;
}

.hezuomoshi > .hezuomoshi_content > .hezuomoshi_item.active > .top > .title {
    color: #0282ff;
}

.hezuomoshi > .hezuomoshi_content > .hezuomoshi_item > .top > .title {
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    position: absolute;
    top: 40%;
    left: 40px;
}

.hezuomoshi > .hezuomoshi_content > .hezuomoshi_item > .hezuomoshi_bottom > .border {
    border-radius: 4px;
    padding: 10px;
}

.hezuomoshi > .hezuomoshi_content > .hezuomoshi_item.active > .hezuomoshi_bottom > .border {
    background: #ecf6ff;
    box-shadow: 0px 4px 8px 0px rgba(0, 90, 177, 0.30);
    width: 385px;
}

.hezuomoshi > .hezuomoshi_content > .hezuomoshi_item > .hezuomoshi_bottom > .border > .bg {
    width: 382px;
    height: 230px;
    background: url("https://qiniugw.sdwanyue.com/20240706/hezuomoshi/bj.png");
    border-radius: 4px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 25px;
    box-sizing: border-box;
}

.hezuomoshi > .hezuomoshi_content > .hezuomoshi_item > .hezuomoshi_bottom > .border > .bg > .name {
    font-size: 22px;
    font-weight: bold;
    text-align: left;
    color: #ffffff;
    letter-spacing: -0.11px;
}

.hezuomoshi > .hezuomoshi_content > .hezuomoshi_item > .hezuomoshi_bottom > .border > .bg > .des {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    color: #fafafa;
    line-height: 24px;
    margin-top: 20px;
}

.hezuomoshi > .hezuomoshi-maitit {
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    color: #323232;
    margin: 20px 0;
}

.hezuomoshi > .hezuomoshi-maitit-min {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #969696;
    letter-spacing: -0.09px;
    margin: 20px 0 50px 0;
}


/* ---------- 新增模块通用 ---------- */
    .wy-flow,.wy-reason{font-family:"Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;color:#14295b}
    .wy-flow *,.wy-flow *::before,.wy-flow *::after,.wy-reason *,.wy-reason *::before,.wy-reason *::after{box-sizing:border-box}
    .wy-container{width:100%;max-width:1220px;margin:0 auto;padding:0 24px}
    .wy-head{text-align:center;margin:0 auto 50px;max-width:760px}
    .wy-title{margin:0 0 14px;font-size:34px;font-weight:800;line-height:1.3;letter-spacing:1px;color:#14295b}
    .wy-sub{margin:0;font-size:16px;line-height:1.8;color:#5a6a85}

    /* ---------- 模块一：万岳定制化开发服务流程（横向时间线） ---------- */
    .wy-flow{position:relative;padding:88px 0 104px;background:
      radial-gradient(720px 320px at 10% 0%,rgba(15,95,255,.08),transparent 60%),
      radial-gradient(640px 300px at 90% 10%,rgba(89,216,255,.1),transparent 55%),#f2f6ff;overflow:hidden}
    .wy-flow::before{content:"";position:absolute;inset:auto auto -120px -120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(15,95,255,.08),transparent 65%);pointer-events:none}
    .wy-flow::after{content:"";position:absolute;inset:-40px auto auto -120px;width:360px;height:360px;border-radius:50%;border:56px solid rgba(159,190,255,.12);pointer-events:none}
    .wy-proc{position:relative;z-index:1;display:grid;grid-template-columns:repeat(8,1fr);gap:0 14px;padding-top:2px;margin-top: 30px;}
    .wy-proc::before{content:"";position:absolute;top:19px;left:6%;right:6%;height:2px;background:#dbe6ff}
    .wy-proc-line{position:absolute;top:19px;left:6%;right:6%;height:2px;background:linear-gradient(90deg,#0F5FFF,#59d8ff);
      transform:scaleX(0);transform-origin:left;box-shadow:0 0 8px rgba(15,95,255,.5);transition:transform .6s cubic-bezier(.4,0,.2,1);z-index:2}
    .wy-step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;outline:none;height:100%}
    .wy-node{position:relative;z-index:3;width:38px;height:38px;margin:0 auto 10px;border-radius:50%;display:flex;align-items:center;justify-content:center;
      font-size:13px;font-weight:800;color:#5a7cc0;background:#eaf1ff;border:2px solid #dce7ff;
      transition:background .35s,color .35s,box-shadow .35s,transform .35s,border-color .35s}
    .wy-step-ico{width:46px;height:46px;margin:0 auto 8px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#0F5FFF;
      background:#fff;border:1px solid #e5edff;box-shadow:0 4px 10px rgba(15,95,255,.06);
      transition:background .35s,color .35s,transform .35s,border-color .35s}
    .wy-step-ico svg{width:24px;height:24px}
    .wy-step-name{margin:0 0 6px;font-size:16px;font-weight:700;letter-spacing:.5px;color:#14295b;transition:color .3s}
    .wy-step-tag{display:inline-block;font-size:12px;font-weight:600;color:#0F5FFF;background:#fff;border:1px solid #dbe8ff;border-radius:999px;padding:2px 10px;margin-bottom:10px;transition:background .3s,color .3s,border-color .3s}
    .wy-step-list{width:100%;flex:1;min-height:0;margin:0;padding:18px 14px;list-style:none;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,#f4f8ff,#eaf1ff);border-radius:12px;border:1px solid #e5edff;
      transition:background .35s,border-color .35s}
    .wy-step-list li{width:100%;font-size:12px;line-height:2.05;letter-spacing:.4px;color:#5a6a85;text-align:justify;text-align-last:center}
    .wy-step.is-active .wy-node{color:#fff;background:linear-gradient(135deg,#0F5FFF,#4ec3ff);border-color:transparent;transform:scale(1.1);box-shadow:0 8px 16px rgba(15,95,255,.35)}
    .wy-step.is-active .wy-step-ico{background:linear-gradient(135deg,#0F5FFF,#4ec3ff);color:#fff;border-color:transparent;transform:translateY(-2px) rotate(-6deg)}
    .wy-step.is-active .wy-step-name{color:#0F5FFF}
    .wy-step.is-active .wy-step-tag{background:#0F5FFF;color:#fff;border-color:#0F5FFF}
    .wy-step.is-active .wy-step-list{background:linear-gradient(180deg,#eaf1ff,#dbe8ff);border-color:#c6d9ff}
    .wy-step.is-active .wy-step-list li{color:#3d4d70}
    .wy-node::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(15,95,255,.4);opacity:0;transform:scale(.7);pointer-events:none}
    .wy-step.is-active .wy-node::after{animation:wyPulse 1.8s ease-out infinite}
    .wy-step:not(.is-active):hover .wy-node{border-color:#0F5FFF;color:#0F5FFF;transform:scale(1.06)}
    .wy-step:not(.is-active):hover .wy-step-ico{transform:translateY(-2px);background:#eaf1ff}
    .wy-step:not(.is-active):hover .wy-step-list{background:linear-gradient(180deg,#f6faff,#eef4ff);border-color:#d3e2ff}
    .wy-step{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
    .wy-step.in{opacity:1;transform:none}
    @keyframes wyPulse{0%{opacity:.9;transform:scale(.7)}70%{opacity:0;transform:scale(1.4)}100%{opacity:0;transform:scale(1.4)}}

    /* ---------- 模块二：为什么选择万岳科技开发软件（8 卡片网格 4×2） ---------- */
    .wy-reason{position:relative;padding:96px 0 100px;background:#fff;overflow:hidden}
    .wy-reason::before{content:"";position:absolute;top:-80px;right:-100px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(15,95,255,.09),transparent 62%)}
    .wy-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top: 30px;}
    .wy-reason-card{position:relative;overflow:hidden;background:#fff;border:1px solid #ecf1fa;border-radius:18px;padding:28px 24px 26px;cursor:pointer;
      box-shadow:0 4px 16px rgba(31,56,109,.05);text-align:left;outline:none;
      transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s}
    .wy-reason-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0F5FFF,#59d8ff);transform:scaleX(0);transform-origin:left;transition:transform .45s ease}
    .wy-reason-card::after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;transform:skewX(-20deg);
      background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);opacity:0}
    .wy-ricon{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:16px;
      background:linear-gradient(135deg,#0F5FFF 0%,#4ec3ff 100%);background-size:170% 170%;background-position:0 0;
      box-shadow:0 10px 20px rgba(15,95,255,.22);transition:background-position .45s ease,transform .45s cubic-bezier(.34,1.56,.64,1)}
    .wy-ricon svg{width:26px;height:26px}
    .wy-rname{font-size:18px;font-weight:700;margin:0 0 8px;color:#14295b;transition:color .3s}
    .wy-rdesc{margin:0;font-size:13.5px;line-height:1.85;color:#5a6a85}
    .wy-reason-card{opacity:0;transform:translateY(30px) scale(.98)}
    .wy-reason-card.in{opacity:1;transform:none}
    .wy-reason-card:hover{transform:translateY(-8px);border-color:#cfe0ff;box-shadow:0 22px 40px rgba(15,95,255,.16)}
    .wy-reason-card:hover::before{transform:scaleX(1)}
    .wy-reason-card:hover::after{opacity:1;animation:wyShine .8s ease forwards}
    .wy-reason-card:hover .wy-ricon{background-position:100% 100%;transform:rotate(-8deg) scale(1.08)}
    .wy-reason-card:hover .wy-rname{color:#0F5FFF}
    .wy-ripple{position:absolute;border-radius:50%;pointer-events:none;background:rgba(15,95,255,.22);transform:scale(0);animation:wyRipple .6s ease-out forwards}
    @keyframes wyRipple{to{transform:scale(2.6);opacity:0}}
    @keyframes wyShine{0%{left:-80%;opacity:1}100%{left:130%;opacity:1}}

    /* ---------- 响应式 + 动效偏好 ---------- */
    @media (max-width:1100px){
      .wy-proc{grid-template-columns:repeat(4,1fr);gap:28px 16px;row-gap:34px}
      .wy-proc::before,.wy-proc-line{display:none}
    }
    @media (max-width:768px){
      .wy-grid{grid-template-columns:repeat(2,1fr)}
    }
    @media (max-width:640px){
      .wy-flow,.wy-reason{padding:60px 0}
      .wy-proc{grid-template-columns:repeat(2,1fr);gap:24px 14px}
      .wy-grid{grid-template-columns:1fr}
      .wy-title{font-size:26px}
      .wy-head{margin-bottom:34px}
    }
    @media (prefers-reduced-motion:reduce){
      .wy-step,.wy-reason-card,.wy-proc-line,.wy-step.is-active .wy-node,.wy-reason-card::after{transition:none!important;animation:none!important}
      .wy-step,.wy-reason-card{opacity:1!important;transform:none!important}
    }