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

body{
    background:#fcfcfc;
}


.screenads .slide1{
    display: block;
}

ul{
    list-style: none;
}
/**
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: 780px;
    width: 100%;
    text-align: center;
    background: #ffffff;
}

/**
about
 */
.about{
    /* height: 970px;; */
    height: 898px;;
    width: 100%;
    text-align: center;
    background: #F7F8FA;
}

.about>p{
    font-size: 28px;
    padding-top: 95px;
    margin-bottom: 40px;
}

.about-box{
    position: relative;
    top: -10px;
}

.about-box .hd{
    width: 1200px;
    margin: 0 auto;
}

.about-box .hd ul{
    overflow: hidden;
}

.about-box .hd ul li{
    /* width: 300px; */
    width: 400px;
    height: 80px;
    float: left;
    border-bottom: 1px solid #E6E7E7;
}
.margin{
    width: 126px;
    position: relative;
    left: 127px;
}
.about-box .hd ul li.on{
    border-bottom: 2px solid #2277da;
}

.about-box .hd ul li .about-li-img{
    width: 40px;
    height: 40px;
    float: left;
    /* margin-left: 85px; */
    margin-left: 140px;
    margin-top: 20px;
}


.about-box .hd ul li .ab-img1{
    background: url("../images/index/ab_n1.png") no-repeat;
}
.about-box .hd ul li .ab-img2{
    background: url("../images/index/ab_n2.png") no-repeat;
}
.about-box .hd ul li .ab-img3{
    background: url("../images/index/ab_n3.png") no-repeat;
}
.about-box .hd ul li .ab-img4{
    background: url("../images/index/ab_n4.png") no-repeat;
}

.about-box .hd ul li.on .ab-img1{
    background: url("../images/index/ab_1.png") no-repeat;
}
.about-box .hd ul li.on .ab-img2{
    background: url("../images/index/ab_2.png") no-repeat;
}
.about-box .hd ul li.on .ab-img3{
    background: url("../images/index/ab_3.png") no-repeat;
}
.about-box .hd ul li.on .ab-img4{
    background: url("../images/index/ab_4.png") no-repeat;
}

.about-box .hd ul li p{
    font-size: 18px;
    float: left;
    margin-left: 5px;
    margin-top: 25px;
}

.about-box .hd ul li.on p{
    color: #2277da;
}

.bd{
    background-color: #fff;
}

.ab-it{

}
.blue{
    position: relative;
    display: block;
    font-size: 16px;
    color: #64A2FE;
    text-decoration: none;
    top: 28px;
    width: 170px;
    height: 45px;
    border: 1px solid #64A2FE;
    margin: 0 auto;
    text-align: center;
    line-height: 45px;
    border-radius: 25px;
}

.blue:hover{
    position: relative;
    display: block;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    top: 28px;
    width: 170px;
    height: 45px;
    border: 1px solid #64A2FE;
    margin: 0 auto;
    text-align: center;
    line-height: 45px;
    border-radius: 25px;
    background: #64A2FE;
}
.bd-h1{
    margin-top: 30px;
    font-size: 16px;
}

.bd-body{
    display: flex;
    width: 1200px;
    /* height: 615px; */
    height: 550px;
    margin: 0 auto;
    position: relative;
    top: 40px;
}

.bd-body-img{
    width: 280px;
    /* height: 490px; */
    height: 380px;
    float: left;
}

.bd-body-img img {
    height: 100%;
}
.bd-body-img p{
    margin-top: 15px;
}

.big_zhuan{
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
}
.big_zhuan:hover{
    -webkit-transform: scale(1.1) rotate(-90deg);
    -moz-transform: scale(1.1) rotate(-90deg);
    -ms-transform: scale(1.1) rotate(-90deg);
    -o-transform: scale(1.1) rotate(-90deg);
    transform: scale(1.1) rotate(-90deg);
}
.bd-empty{
    display: flex;
    min-width: 24px;
    height: 490px;
}
.ab-item{
    width: 1200px;
    height: 445px;
    margin: 0 auto;
}

.ab-left{
    float: left;
    height: 100%;
    width: 40%;
    text-align: left;
}

.ab-left p{
    padding-top: 85px;
    font-size: 23px;
    margin-bottom: 25px;
}

.ab-item-le-text{
    width: 415px;
    color: #666;
    font-size: 14px;
}

.ab-left a{
    display: block;
    width: 100px;
    height: 40px;
    border: 1px solid #9c9c9c;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #9c9c9c;
    margin-top: 80px;
}

.ab-left a:hover{
    border: 1px solid #2277da;
    color: #2277da;
}

.ab-right{
    float: right;
    width: 50%;
    height: 100%;
}

.ab-item-box{
    width: 100%;
    height: 185px;
    display: flex;
}

.ab-item-right{
    width: 155px;
    height: 105px;
    padding-top: 50px;
}

.ab-item-right-img{
    width: 52px;
    height: 52px;
    margin: 0 auto;
}

.ab-item-right p{
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 14px;
    color: #666;
}

.ab-item-bottom-box{
    width: 100%;
    height: 40px;
}

.ab-item-bottom{
    width: 70px;
    height: 28px;
    border: 1px solid #ddd;
    display: block;
    float: left;
    /* margin-right: 10px; */
    line-height: 28px;
    color: #9c9c9c;
}

.ab-item-bottom:hover{
    border: 1px solid #2277da;
    color: #2277da;
}

.ab-item-right-empty{
    flex: 1;
    min-width: 20px;
}

/*
service
 */

.ser{
    /* height: 700px; */
    height: auto;
    width: 100%;
    text-align: center;
    background-color: white;
    padding-bottom: 120px;
}

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


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

.ser-box ul{
    display: flex;
    width: 1200px;
    margin: auto;
    justify-content: center;
    flex-wrap: wrap;
}
.ser-box ul li{
    /* float:left; */
    width: 400px;
    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: 370px;
    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/newindex/yingyong1.png'); */
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    min-width: 1200px;
}


.scene-p{
    padding-top: 85px;
    text-align: center;
    font-size: 28px;
    margin-bottom: 25px;
    border-top: none;
}
.scene-subject{
    width: 1200px;
    margin: 0 auto;
    position: relative;
    display: flex;
    justify-content: space-between;
    height: 660px;
    overflow: hidden;
}

.shu{
    width: 1px;
    height: 450px;
    position: absolute;
    left: 256px;
    bottom: 10px;
}
.subject-ul{
    width: 300px;
    height: 660px;
    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: 110px;
    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: 109px;
    overflow: hidden;
    text-align: left;
}
.subject-info{
    /* width: 778px; */
    /* padding: 0 51px; */
    background: #fff;
    /* position: absolute; */
    /* top: 6px; */
    /* left: 295px; */
    position: absolute;
    width: 778px;
    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: 35px;
    /* margin-bottom: 10px; */
    padding-top: 40px;
}
.subject-info-txt{
    /* height: 100px; */
    padding-top: 15px;
    /* height: 150px; */
    line-height: 25px;
    font-size: 16px;
    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: 45px;
}
.subject-info-icon ul li{
    /* float:left; */
    /* margin-right: 60px; */
    margin-bottom:15px;
}
.subject-info-icon ul li .icon-img{
    width: 106px;
    height: 106px;
}
.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: 17px;
    text-align: center;
    line-height:45px;
}


/*
service
 */

.youshi{
    height: 700px;
    width: 100%;
    text-align: center;
    background-color: white;
}

.youshi-p{
    font-size: 28px;
    padding-top: 95px;
}

.youshi-p2{
    font-size: 16px;
    margin-top:10px;
    margin-bottom: 60px;
}


.youshi-box{
    max-width: 1220px;
    height: 340px;
    margin: 0 auto;
}


.youshi-box .youshi_l{
    margin:0 auto;
    width:380px;
    height:385px;
}
.youshi-box .youshi_l1{
    background:url(../images/index/ysbg1.png) no-repeat center;
}
.youshi-box .youshi_l2{
    background:url(../images/index/ysbg2.png) no-repeat center;
}
.youshi-box .youshi_l3{
    background:url(../images/index/ysbg3.png) no-repeat center;
}
.youshi-box .youshi_l4{
    background:url(../images/index/ysbg4.png) no-repeat center;
}
.youshi-box .youshi_l5{
    background:url(../images/index/ysbg5.png) no-repeat center;
}
.youshi-box .youshi_l6{
    background:url(../images/index/ysbg6.png) no-repeat center;
}

.youshi-box .youshi_i{
    padding-top:80px;
}
.youshi-box .youshi_i img{}
.youshi-box .youshi_line{
    margin:25px auto 20px;
    width:40px;
    height:4px;
    background:#ffffff;
    border-radius:3px;
}
.youshi-box .youshi_t{
    margin-bottom:5px;
    color:#ffffff;
    font-size:20px;
    font-weight:bold;
}
.youshi-box .youshi_d{
    margin:0 auto;
    width:270px;
    color:#ffffff;
    font-size:14px;
    line-height:30px;
}

.youshi-box .swiper-container{
    padding-bottom:50px;
}
.youshi-box .swiper-pagination{
    bottom:0;
}
.youshi-box .swiper-pagination .swiper-pagination-bullet{
    width:20px;
    height:8px;
    border-radius:4px;
    background:#eeeeee;
    opacity:1;
}
.youshi-box .swiper-pagination .swiper-pagination-bullet-active{
    background:#2589ff;
}

/*
yun
 */

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

.yun-p{
    font-size: 28px;
    padding-top: 95px;
    margin-bottom: 87px;
}


.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;
}

.fws_shengwang_img {
    width: 87px;
    height: 62px;
}

.fws_ronglian_img {
    width: 90px;
    height: 83px;
}

.fws_netless_img {
    width: 147px;
    height: 44px;
}

.fws_aliyun_img {
    width: 117px;
    height: 25px;
    margin-left: -15px;
}

.fws_tengxunyun_img {
    width: 128px;
    height: 34px;
    margin-left: -15px;
}

.fws_baiduyun_img {
    width: 50px;
    height: 50px;
    margin-left: 10px;
}

.fws_huawei_img {
    width: 62px;
    height: 48px;
    margin-left: 15px;
}

.fws_mobtrch_img {
    margin-left: 46px;
}

.yunying{
    text-align:center;
}
.yunying img{
    max-width:100%;
}


/*
news
 */
.news{
    width: 100%;
    height: 570px;
    /* text-align: center; */
    background: white;
}

.news-box{
    width: 65%;
    margin: 0 auto;
    display: flex;
    padding-top: 85px;
    min-width: 1145px;
}

.news-item{

}

.news-item p{
    font-size: 24px;
    color: black;
}

.news-line{
    margin-top: 9px;
    width: 20px;
    border-bottom: 2px solid #2277da;
    margin-bottom: 20px;
}

.news-item .news-img-box .img1{
    background: url('../images/index/xw1.png') no-repeat
}
.news-item .news-img-box .img2{
    background: url('../images/index/xw2.png') no-repeat
}
.news-item .news-img-box .img3{
    background: url('../images/index/xw3.png') no-repeat
}

.bottom-img{
    background: url('../images/index/bottom_bg.png') no-repeat;
    background-size: cover;
}

.news-img-box{
    width: 375px;
    height: 210px;
    background: #fbfbfb;
    display: block;
}

.news-img{
    width: 375px;
    height: 168px;
}

.news-img-box p{
    font-size: 15px;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 auto;
    margin-top: 10px;
    font-weight: 700;
}

.news-list{
    height: 110px;
    margin-top: 10px;
}

.news-list-item{
    width: 100%;
}

.news-list-item a{
    float: left;
    font-size: 14px;
    width: 305px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 100%;
    /* display: table-cell; */
    /* vertical-align: bottom; */
    color: #999;
    margin-top: 13px;
}

.news-list-item p{
    float: right;
    position: relative;
    text-align: right;
    display: table-cell;
    vertical-align: bottom;
    font-size: 14px;
    color: #999;
    margin-top: 13px;
}

.news-item-a{
    display: block;
    width: 80px;
    height: 25px;
    border: 1px solid #ddd;
    line-height: 25px;
    text-align: center;
    font-size: 13px;
    margin-top: 30px;
    color: #ddd;
}

.news-item-a:hover{
    border: 1px solid #2277da;
    color: #2277da;
}

.news-item-empty{
    flex: 1;
    min-width: 10px;
}

/*
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;
}

/*@media screen and (max-width: 1415px) {*/
/*.scene-item-content:hover .scene-img-title{*/
/*margin-top: -20px;*/
/*transition:  .4s ease;*/
/*-moz-transition:  .4s ease;*/
/*-webkit-transition:  .4s ease;*/
/*-o-transition: .4s ease;*/
/*}*/
/*}*/

@media screen and (max-width: 1415px) {
    .scene-item-content:hover .scene-img-title{
        margin-top: 80px;
        transition:  .4s ease;
        -moz-transition:  .4s ease;
        -webkit-transition:  .4s ease;
        -o-transition: .4s ease;
    }

    .scene-item-icon{
        display: none;
    }

}

.btn-p{

}

.btn-p1{

}
.hangye{
    width: 100px; display: block;color: #999; margin-bottom: 10px;
}
.shouhou{
    width: 100px;display: block;color: #999;margin-bottom: 10px;
}
.wenzi{
    color: #999;
}

.swiper-slide .content-img1{
    background: url('../images/index/cj1.png') no-repeat;
    background-size: cover;
}
.swiper-slide .content-img1 .scene-img-title .img1{
    background: url('../images/index/ct5.png') no-repeat
}
.swiper-slide .content-img1 .scene-item-icon .scene-icon-box .img1{
    background: url('../images/index/yl1.png') no-repeat
}
.swiper-slide .content-img1 .scene-item-icon .scene-icon-box .img2{
    background: url('../images/index/yl2.png') no-repeat
}
.swiper-slide .content-img1 .scene-item-icon .scene-icon-box .img3{
    background: url('../images/index/yl3.png') no-repeat
}
.swiper-slide .content-img1 .scene-item-icon .scene-icon-box .img4{
    background: url('../images/index/yl4.png') no-repeat
}


.swiper-slide .content-img2{
    background: url('../images/index/cj2.png') no-repeat;
    background-size: cover;
}
.swiper-slide .content-img2 .scene-img-title .img2{
    background: url('../images/index/ct2.png') no-repeat
}
.swiper-slide .content-img2 .scene-item-icon .scene-icon-box .img1{
    background: url('../images/index/sp1.png') no-repeat
}
.swiper-slide .content-img2 .scene-item-icon .scene-icon-box .img2{
    background: url('../images/index/sp2.png') no-repeat
}
.swiper-slide .content-img2 .scene-item-icon .scene-icon-box .img3{
    background: url('../images/index/sp3.png') no-repeat
}
.swiper-slide .content-img2 .scene-item-icon .scene-icon-box .img4{
    background: url('../images/index/sp4.png') no-repeat
}

.swiper-slide .content-img3{
    background: url('../images/index/cj7.png') no-repeat;
    background-size: cover;
}
.swiper-slide .content-img1 .scene-img-title .img3{
    background: url('../images/index/ct7.png') no-repeat
}
.swiper-slide .content-img3 .scene-item-icon .scene-icon-box .img1{
    background: url('../images/index/z1.png') no-repeat
}
.swiper-slide .content-img3 .scene-item-icon .scene-icon-box .img2{
    background: url('../images/index/z2.png') no-repeat
}
.swiper-slide .content-img3 .scene-item-icon .scene-icon-box .img3{
    background: url('../images/index/z4.png') no-repeat
}
.swiper-slide .content-img3 .scene-item-icon .scene-icon-box .img4{
    background: url('../images/index/z4.png') no-repeat
}

.swiper-slide .content-img4{
    background: url('../images/index/cj6.png') no-repeat;
    background-size: cover;
}
.swiper-slide .content-img4 .scene-img-title .img4{
    background: url('../images/index/ct6.png') no-repeat
}
.swiper-slide .content-img4 .scene-item-icon .scene-icon-box .img1{
    background: url('../images/index/qk1.png') no-repeat
}
.swiper-slide .content-img4 .scene-item-icon .scene-icon-box .img2{
    background: url('../images/index/qk2.png') no-repeat
}
.swiper-slide .content-img4 .scene-item-icon .scene-icon-box .img3{
    background: url('../images/index/qk3.png') no-repeat
}
.swiper-slide .content-img4 .scene-item-icon .scene-icon-box .img4{
    background: url('../images/index/qk4.png') no-repeat
}


.swiper-slide .content-img5{
    background: url('../images/index/cj4.png') no-repeat;
    background-size: cover;
}
.swiper-slide .content-img5 .scene-img-title .img5{
    background: url('../images/index/ct9.png') no-repeat
}
.swiper-slide .content-img5 .scene-item-icon .scene-icon-box .img1{
    background: url('../images/index/ds1.png') no-repeat
}
.swiper-slide .content-img5 .scene-item-icon .scene-icon-box .img2{
    background: url('../images/index/ds2.png') no-repeat
}
.swiper-slide .content-img5 .scene-item-icon .scene-icon-box .img3{
    background: url('../images/index/ds3.png') no-repeat
}
.swiper-slide .content-img5 .scene-item-icon .scene-icon-box .img4{
    background: url('../images/index/ds4.png') no-repeat
}

.ser-item-title .title-img1{
    background: url('../images/index/fw01.png') no-repeat
}
.ser-item-title-sm .sm-img1{
    background: url('../images/index/fw1.png') no-repeat
}

.ser-item-title .title-img2{
    background: url('../images/index/fw02.png') no-repeat
}
.ser-item-title-sm .sm-img2{
    background: url('../images/index/fw2.png') no-repeat
}

.ser-item-title .title-img3{
    background: url('../images/index/fw03.png') no-repeat
}
.ser-item-title-sm .sm-img3{
    background: url('../images/index/fw3.png') no-repeat
}

.ser-item-title .title-img4{
    background: url('../images/index/fw04.png') no-repeat
}
.ser-item-title-sm .sm-img4{
    background: url('../images/index/fw4.png') no-repeat
}

.ser-item-title .title-img5{
    background: url('../images/index/fw05.png') no-repeat
}
.ser-item-title-sm .sm-img5{
    background: url('../images/index/fw5.png') no-repeat
}
.list .list-box .list-item  .img1{
    background: url('http://qiniugw.sdwanyue.com/list1.png') no-repeat;
}
.list .list-box .list-item  .img2{
    background: url('http://qiniugw.sdwanyue.com/list2.png') no-repeat;
}
.list .list-box .list-item  .img3{
    background: url('http://qiniugw.sdwanyue.com/list3.png') no-repeat;
}
.list .list-box .list-item  .img4{
    background: url('http://qiniugw.sdwanyue.com/list4.png') no-repeat;
}
.list .list-box .list-item  .img5{
    background: url('http://qiniugw.sdwanyue.com/list5.png') no-repeat;
}
.list .list-box .list-item  .img6{
    background: url('../images/index/list6.png') no-repeat;
}

/*轮播图背景*/
.banner .zhibo{
    background: url('http://qiniugw.sdwanyue.com/banneredu_111.png') repeat-x;
    background-size: 100% 100%;
}
/*.banner .shangjia{*/
/*    background: url('https://edu-qiniu.sdwanyue.com/admin/20220805/4027fcb4e64f485383b9ab8922200b51.png') repeat-x;*/
/*    background-size: 100% 100%;*/
/*}*/

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

.banner .wangxiao .zhibo-img{
    background: url('../images/index/zb.png') no-repeat top right;
    background-size: 100% 100%;
}
.banner .fufei{
    background: url('http://qiniugw.sdwanyue.com/banner_left_333.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%;
}
.banner .yiduiyi{
    background: url('http://qiniugw.sdwanyue.com/banner144.png') repeat-x;
    background-size: 100% 100%;
}
.banner .yiduiyi .yiduiyi-img{
    background: url('../images/index/ydy.png') no-repeat top right;
}

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

.banner .shop{
    background: url('http://qiniugw.sdwanyue.com/banner14.jpg') repeat-x;
    background-size: 100% 100%;
}
.banner .shop .shop-img{
    background: url('../images/index/ydy.png') no-repeat top right;
}
.chongwuyangcehng{
    background: #3e4ea4;
}
.chongwuyangcehng .chongwuyangcehng-img{
    background: url('../images/pet/banner1.png') no-repeat top right;
}
#bullet .swiper-pagination-bullet{
    width: 30px;
}
.zhuawawa{
    background: #2f0078;
}
.zhuawawa .zhuawawa-img{
    background: url('../images/claw/banner1.png') no-repeat top right;
}
.langrensha{
    background: #092a4f;
}
.langrensha .langrensha-img{
    background: url('../images/langren/banner.png') no-repeat top right;
}

.shop{
    background: #061f3e;
}
.shop .shop-img{
    background: url('../images/shop/banner.png') no-repeat top right;
}

.display-none{
    display:none
}


/*news*/
/*
news
 */
 .x_index_news{
    width: 100%;
    height:2.2rem;
    background: #fff;
}

.x_index_news-box{
    width: 65%;
    min-width: 1230.89px;
    margin: 0 auto;
    display: flex;
    padding-top: 0.33rem;
}

.x_index_news-item{
    width: 32%;
}

.x_index_news-item p{
    font-size: 0.09rem;
    color: black;
}

.x_index_news-line{
    margin-top: 0.04rem;
    width: 0.18rem;
    border-bottom: 0.008rem solid #2277da;
    margin-bottom: 0.08rem;
}

.x_index_news-item .x_index_news-img-box .x_index_img1{
    background: url('../images/index/xw1.png') no-repeat;
    background-size: 100% 100%;
}
.x_index_news-item .x_index_news-img-box .x_index_img2{
    background: url('../images/index/xw2.png') no-repeat;
    background-size: 100% 100%;
}
.x_index_news-item .x_index_news-img-box .x_index_img3{
    background: url('../images/index/xw3.png') no-repeat;
    background-size: 100% 100%;
}

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

.x_index_news-img-box{
    /* width: 1.48rem; */
    height: 0.89rem;
    background: #F8F8FA;
    display: block;
    text-decoration: none;
}

.x_index_news-img{
    /* width: 1.5rem; */
    height: 0.7rem;
}

.x_index_news-img-box p{
    font-size: 0.06rem;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 auto;
    margin-top: 0.07rem;
    font-weight: 700;
}

.x_index_news-list{
    height: 0.04rem;
    margin-top: 0.08rem;
}

.x_index_news-list-item{
    width: 100%;
    clear: both;
    overflow: hidden;
}

.x_index_news-list-item a{
    float: left;
    font-size: 0.056rem;
    width: 1.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 100%;
    color: #999;
    /* margin-top: 0.05rem; */
    text-decoration: none;
}

.x_index_news-list-item p{
    float: right;
    position: relative;
    text-align: right;
    display: table-cell;
    vertical-align: bottom;
    font-size: 0.06rem;
    color: #999;
    /* margin-top: 0.05rem; */
}

.x_index_news-item-a{
    display: block;
    width: 0.3rem;
    height: 0.11rem;
    border: 1px solid #ddd;
    line-height: 0.11rem;
    text-align: center;
    font-size: 0.05rem;
    margin-top: 0.2rem;
    color: #ddd;
    text-decoration: none;
}

.x_index_news-item-a:hover{
    border: 1px solid #2277da;
    color: #2277da;
}

.x_index_news-item-empty{
    flex: 1;
}

.x_index_news-time{
    font-size: 0.07rem;
}
/**底部*/
.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 a:hover{
    opacity: 0.7;
    background: #ddd;
    color:black;
} */

.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;
}

.banner_con_right_img_wangxiao {
    margin-top: 125px;
    position: relative;
    left: 800px;
    height: 429px;
    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_daihuo {
    /*right: 1152px;*/
}

.x_index_banner_1_content_1{
    /* font-size: 0.15rem; */
    font-size: 0.18rem;
    color: #fff;
    letter-spacing: 2px;
}

.x_index_banner_1_content_2{
    font-size: 0.07rem;
    /* font-size: 24px; */
    color: #fff;
    /* margin-top: 30px; */
    margin-top: 15px;
    letter-spacing: 1px;
}

.x_index_banner_1_content_3{
    font-size: 0.07rem;
    color: #fff;
    margin-top: 35px;
}

.x_index_banner_1_content_4{
    clear: both;
    overflow: hidden;
    margin-top: 10px;
}

.x_index_banner_1_content_4_1{
    /* font-size: 0.065rem; */
    font-size:16.64px;
    color: #fff;
    margin-right: 15px;
    border-radius: 5px;
    list-style: inside;
    margin-top: 5px;
}

.x_index_banner_2_content_4_1{
    font-size: 16.64px;
    color: #fff;
    list-style: inside;
}
.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;
}
/*产品特色*/

.tese_content{
    width: 1210px;
    margin: 0 auto;
    position: relative;
    /* top: 80px; */
    top: 40px;
    /* overflow: hidden; */

}
.section-pro-slide .mod-title{ padding-top: 60px;}
.section-pro-slide .slide{ position: relative; margin-top: -30px;}
.section-pro-slide .slide .bd{ width: 1200px; margin: 0 auto;}
.section-pro-slide .slide .bd li{ width: 280px; text-align: center; box-shadow: 0 0 30px rgba(0,0,0,.1); background: #fff; border-radius: 20px; margin: 32px;
    /* padding-top: 31px; */
    padding-top: 15px;
    padding-bottom: 15px;
}
.section-pro-slide .slide .bd li h3{ font-size: 20px; margin-bottom: 11px;}
.section-pro-slide .slide .bd li p{ font-size: 16px; color: #888; }
.section-pro-slide .slide .bd li img{
    /* width: 850px; */
    height: auto;
    padding-top: 15px;
    width: 780px;
    height: 375px;
}
.section-pro-slide .slide .hd{ padding-top: 75px;}
.section-pro-slide .slide .hd ul{ text-align: center; width: 100%;}
.section-pro-slide .slide .hd li{ height: 20px; width: 70px; display: inline-block; cursor: pointer; margin: 0 10px;}
.section-pro-slide .slide .hd li:before{ content: ''; display: block; margin-top: 5px; height: 3px; background: #E1E2E6;}
.section-pro-slide .slide .hd li.on:before{ background: #016BFF;}
.section-pro-slide .slide .prev,
.section-pro-slide .slide .next{ width: 40px; height: 62px; cursor: pointer; background: #E1E2E6; position: absolute; top: 210px; transition: all .2s;}
.section-pro-slide .slide .prev{ left: 0; border-radius: 10px 0 0 10px;}
.section-pro-slide .slide .next{ right: 0; border-radius: 0 10px 10px 0;}
.section-pro-slide .slide .prev:before,
.section-pro-slide .slide .next:before{ content: ''; position: absolute; width: 10px; height: 10px; border-color: #fff #fff transparent transparent; border-width: 2px; border-style: solid; top: 23px;}
.section-pro-slide .slide .prev:before{ transform: rotate(-135deg); left: 17px;}
.section-pro-slide .slide .next:before{ transform: rotate(45deg); left: 9px;}
.section-pro-slide .slide .prev:hover,
.section-pro-slide .slide .next:hover{ background: #016BFF;}
.section-pro-slide .btn-wrap{ text-align: center;}
.section-pro-slide .btn-wrap a{ margin: 0 10px; box-shadow: 0 3px 11px rgba(0,0,0,0.1);}
.section-pro-slide.slide-full .slide{ margin-top: 0;}
.section-pro-slide.slide-full .slide .bd{ height: 481px; box-shadow: 0 0 30px rgba(0,0,0,.1); width:950px; border-radius: 20px;}
.section-pro-slide.slide-full .slide .bd li{ width: 100%; margin: 0; box-shadow: 0 0 0 transparent; background: #333;}
.section-pro-slide.slide-full .bd li h3{ color: #fff; font-size: 23px;}
.section-pro-slide.slide-full .bd li p{ color: #fff; font-size: 16px;}
.section-pro-slide.slide-full .hd li{ width: 93px; height: 54px; opacity: .5; margin: 0; border-radius: 4px; vertical-align: bottom; line-height: 54px; }
.section-pro-slide.slide-full .hd li:before{ display: none;}
.section-pro-slide.slide-full .hd li:after{ content: ' ';}
.section-pro-slide.slide-full .hd li img{ width: 80px; height: 43px; vertical-align: bottom;}
.section-pro-slide.slide-full .hd li.on{ width: 108px; height: 63px; line-height: 63px; opacity: 1; box-shadow: 0 0 10px rgba(0,0,0,.1)}
.section-pro-slide.slide-full .hd li.on img{ width: 92px; height: 51px;}
.section-pro-slide.slide-full .prev{ left: 50px;}
.section-pro-slide.slide-full .next{ right: 50px;}
.section-pro-slide.slide-full.slide-blue .slide .bd li,
.section-pro-slide.slide-full.slide-blue .slide .hd li{
    background: #2589ff;
    background: -moz-linear-gradient(left, #2589ff 0%, #2589ff 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2589ff), color-stop(100%,#2589ff));
    background: -webkit-linear-gradient(left, #2589ff 0%,#2589ff 100%);
    background: -o-linear-gradient(left, #2589ff 0%,#2589ff 100%);
    background: -ms-linear-gradient(left, #2589ff 0%,#2589ff 100%);
    background: linear-gradient(to right, #2589ff 0%,#2589ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2589ff', endColorstr='#2589ff',GradientType=1 );
}
.section-pro-slide.slide-full.slide-black .slide .bd li,
.section-pro-slide.slide-full.slide-black .slide .hd li{
    background: #0e1730;
    background: -moz-linear-gradient(left, #0e1730 0%, #22325c 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0e1730), color-stop(100%,#22325c));
    background: -webkit-linear-gradient(left, #0e1730 0%,#22325c 100%);
    background: -o-linear-gradient(left, #0e1730 0%,#22325c 100%);
    background: -ms-linear-gradient(left, #0e1730 0%,#22325c 100%);
    background: linear-gradient(to right, #0e1730 0%,#22325c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e1730', endColorstr='#22325c',GradientType=1 );
}


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

.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;
}

.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;
}



.c_nav li.li6 {
    -webkit-animation: rotateInDownLeft 1.5s 0.5s ease both;
    -moz-animation: rotateInDownLeft 1.5s 0.5s ease both;
}
.c_nav li.li6 a {
    background: #2589FF;
    color: #fff;
    transition: all 0.5s;
}

.c_nav li.li6 i {
    background: url(../images/nav/kf1.png) center no-repeat;
}

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

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

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

p.subject-ul-li-title-2 {
    font-size: 16px;
    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: 18px;
    margin-bottom: 51px;
}
.subject-info-flex {
    display: flex;
    justify-content: space-evenly;
    padding-top: 40px;
}

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

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

p.subject-info-flex-a2 {
    text-align: center;
    font-size: 18px;
    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: 45px;
}

.subject-info-icon ul {
    display: flex;
    justify-content: space-between;
    padding-top: 40px;
}
.subject-info-c {
    height: 660px;
    background: #fff;
    padding: 0 51px;
    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-in
{

}
 
@-webkit-keyframes texiao_list-in 
{

}
@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: 400px;
    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;
    }
}



#certify {
    position: relative;
    width: 1200px;
    margin: 0 auto
}

#certify .swiper-container {
    padding-bottom: 60px;
}

#certify  .swiper-slide {
    width: 421px;
    height: 580px;
    background: #fff;
    box-shadow: 0 8px 30px #ddd;
}
#certify  .swiper-slide img{
    display:block;
}
#certify  .swiper-slide p {
    line-height: 98px;
    padding-top: 0;
    text-align: center;
    color: #636363;
    font-size: 1.1em;
    margin: 0;
}

#certify .swiper-pagination {
    width: 100%;
    bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    border: 3px solid #fff;
    background-color: #d5d5d5;
    width: 10px;
    height: 10px;
    opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 3px solid #00aadc;
    background-color: #fff;
}

#certify .swiper-button-prev {
    left: -30px;
    width: 45px;
    height: 45px;
    background: url(../images/wm_button_icon.png) no-repeat;
    background-position: 0 0;
    background-size: 100%;
}

#certify .swiper-button-prev:hover {
    background-position: 0 -46px;
    background-size: 100%
}

#certify .swiper-button-next {
    right: -30px;
    width: 45px;
    height: 45px;
    background: url(../images/wm_button_icon.png) no-repeat;
    background-position: 0 -93px;
    background-size: 100%;
}

#certify .swiper-button-next:hover {
    background-position: 0 -139px;
    background-size: 100%
}
p.zhengshu-p {
    font-size: 28px;
    padding-top: 95px;
    margin-bottom: 87px;
    text-align: center;
}

.zhengshu {
    width: 1200px;
    /* overflow: hidden; */
    margin: 0px auto;
}
.zhengshu_main {
    background: #fff;
}

.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: 28px;
    padding-top: 96px;
}

.liaojie_content {
    padding-top: 90px;
    width: 1350px;
    margin: 0px auto;
    display: flex;
    justify-content: space-between;
}
.liaojie_1.bigshow {
    width: 350px;
    position: relative;
    box-shadow: 0 0 20px 0px #00000078;
    top: -15px;
    height: 435px;
    z-index: 20;
    animation: liaojie1 0.2s;
}

.liaojie_1 {
    width: 200px;
    height: 420px;
    animation: liaojie2 0.2s;
}

.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;
}

.liaojie_1.bigshow .liaojie_top {
    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;
    /* top: -15px; */
    animation: liaojietop1 1s;
}

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

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

.liaojie_1.bigshow p.liaojie_tit {
    font-size: 24px;
    line-height: 24px;
}

.liaojie_1.bigshow p.liaojie_des {
    font-size: 16px;
    padding-top: 11px;
}

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_1.bigshow p.liaojie_con {
    /* display: block; */
    visibility: visible;
    /* opacity: 0; */
    /* background: #fff; */
    padding: 0px 25px;
    font-size: 14px;
    line-height: 30px;
    width: 300px;
    padding-top: 30px;
    height: 120px;
    animation: liaojiecon1 1s;
}

.liaojie_1:nth-child(2n) .liaojie_bot {
    background: #f6f7f9;
}

.liaojie_1:nth-child(2n+1) .liaojie_bot {
    background: #efefef;
}

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

.liaojie_1.bigshow .liaojie_bot {
    background: #fff;
}
.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; */
}

.liaojie_1.bigshow .btlist {}

.liaojie_1.bigshow .btlist {
    bottom: 55px;
    height: 35px;
    top: unset;
    animation: btlist1 1s;
}

.liaojie_1.bigshow .btlist p {
    position: absolute;
    line-height: 35px;
    width: 100px;
    background: #f6f6f6;
    font-size: 14px;
    height: 35px;
    bottom: 0px;
}

.liaojie_1.bigshow .btlist p.tips-1 {
    left: 15px;
    animation: tips-11 1s;
}

.liaojie_1.bigshow .btlist p.tips-2 {
    left: 125px;
    animation: tips-21 1s;
}

.liaojie_1.bigshow .btlist p.tips-3 {
    left: 235px;
    animation: tips-31 1s;
}
p.tips-2 {
    bottom: 57px;
    animation: tips-22 1s;
}

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



@keyframes liaojie1
{
    from {
        width: 200px;
        position: relative;
        box-shadow: 0 0 0px 0px #fff;
        top: 0px;
        height: 420px;
        z-index: 20;    
    }
    to {
        width: 350px;
        position: relative;
        box-shadow: 0 0 20px 0px #00000078;
        top: -15px;
        height: 435px;
        z-index: 20;        
    }
}

@-webkit-keyframes liaojie1 /* Safari and Chrome */
{
    from {
        width: 200px;
        position: relative;
        box-shadow: 0 0 0px 0px #fff;
        top: 0px;
        height: 420px;
        z-index: 20;    
    }
    to {
        width: 350px;
        position: relative;
        box-shadow: 0 0 20px 0px #00000078;
        top: -15px;
        height: 435px;
        z-index: 20;        
    }
}


@keyframes liaojie2
{
    from {
        width: 350px;
        position: relative;
        box-shadow: 0 0 20px 0px #00000078;
        top: -15px;
        height: 435px;
        z-index: 20;        
    }
    to {
        width: 200px;
        position: relative;
        box-shadow: 0 0 0px 0px #fff;
        top: 0px;
        height: 420px;
        z-index: 20;    
    }
}

@-webkit-keyframes liaojie2 /* Safari and Chrome */
{
    from {
        width: 350px;
        position: relative;
        box-shadow: 0 0 20px 0px #00000078;
        top: -15px;
        height: 435px;
        z-index: 20;        
    }
    to {
        width: 200px;
        position: relative;
        box-shadow: 0 0 0px 0px #fff;
        top: 0px;
        height: 420px;
        z-index: 20;    
    }
}

@-webkit-keyframes liaojietop1
{
    from {
        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;  
    }
    to {
        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;  
    }
}
@keyframes liaojietop1
{
    from {
        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;  
    }
    to {
        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;  
    }
}

@-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 liaojiecon1
{
    from {
        visibility: visible;
        opacity: 0;
        height:0px;
        padding-top:0px;
    }
    to {
        visibility: visible;
        opacity: 1;
        height:120px;
        padding-top:30px;       
    }
}
@-webkit-keyframes liaojiecon1
{
    from {
        visibility: visible;
        opacity: 0;
        height:0px;
        padding-top:0px;
    }
    to {
        visibility: visible;
        opacity: 1;
        height:120px;
        padding-top:30px;       
    }
}
@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 btlist1
{
    from {
        bottom: 47px;
        height: 171px;
    }
    to {
        bottom: 55px;
        height: 35px;
    }
}
@-webkit-keyframes btlist1
{
    from {
        bottom: 47px;
        height: 171px;
    }
    to {
        bottom: 55px;
        height: 35px;
    }
}
@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-11
{
    from {
        background:none;
        width:100%;
        height:57px;
        line-height:57px;
        bottom:114px;
        left:0px;
    }
    to {
        background:#f6f6f6;
        width: 100px;
        height:35px;
        line-height:35px;
        bottom:0px;
        left:15px;
    }
}
@-webkit-keyframes tips-11
{
    from {
        background:none;
        width:100%;
        height:57px;
        line-height:57px;
        bottom:114px;
        left:0px;
    }
    to {
        background:#f6f6f6;
        width: 100px;
        height:35px;
        line-height:35px;
        bottom:0px;
        left:15px;
    }
}
@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-21
{
    from {
        background:none;
        width:100%;
        height:57px;
        line-height:57px;
        bottom:57px;
        left:0px;
    }
    to {
        background:#f6f6f6;
        width: 100px;
        height:35px;
        line-height:35px;
        bottom:0px;
        left:125px;
    }
}
@-webkit-keyframes tips-21
{
    from {
        background:none;
        width:100%;
        height:57px;
        line-height:57px;
        bottom:57px;
        left:0px;
    }
    to {
        background:#f6f6f6;
        width: 100px;
        height:35px;
        line-height:35px;
        bottom:0px;
        left:125px;
    }
}
@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-31
{
    from {
        background:none;
        width:100%;
        height:57px;
        line-height:57px;
        bottom:0px;
        left:0px;
    }
    to {
        background:#f6f6f6;
        width: 100px;
        height:35px;
        line-height:35px;
        bottom:0px;
        left:235px;
    }
}
@-webkit-keyframes tips-31
{
    from {
        background:none;
        width:100%;
        height:57px;
        line-height:57px;
        bottom:0px;
        left:0px;
    }
    to {
        background:#f6f6f6;
        width: 100px;
        height:35px;
        line-height:35px;
        bottom:0px;
        left:235px;
    }
}
@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;
    }
}

.liaojie_1.bigshow .btlist p.bigshow-p:hover {
    background: #666;
    color: #fff;

}

.liaojie_1.bigshow .btlist p.bigshow-p {

}
@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;
    }
}

.language {
    position: relative;
    float: right;
    line-height: 60px;
    color: #fff;
    width: 100px;
    text-align: center;
}

.language-la {
    display: none;
    background: #fff;
}

.language-now {
    /* padding-top: 15px; */
    line-height: 60px;
}

.language:hover .language-la {
    display: block;
    overflow: hidden;
    border-radius: 5px;
}
.language a {
    color: #000;
    display: block;
}
img.language-lefticon {
    margin-right: 7px;
}

img.language-righticon {
    margin-left: 9px;
}

.language a:hover {
    background: #f2f6fe;
    color: #5165ee;
}