body{background-color: #fff;}
.ym-nav {
    border-bottom: 1px solid #E6E6E6;
}
.ym-nav .ym-div {
    overflow: hidden;
    margin: 0 auto;
    width: 83%;
    
}
.ym-nav .ym-navli {
    border-bottom: none;
    float: left;
    width: calc(100% / 5);
}
.ym-nav .ym-navli:nth-child(1){border-left: 1px solid #E6E6E6;}
.solu-box{
    width: 100%;
    background: url(/statics/img/vi01.png),url(/statics/img/vi01.png);
    background-repeat: no-repeat;
    background-position: center left,center right;
    overflow: hidden;
    margin-top: 60px;
    padding-bottom: 140px;
}
.solu-box h1{
    font-size: 36px;
    font-weight: 400;
    color: #333333;
    line-height: 36px;
    width: 100%;
    overflow: hidden;
    height: 36px;
    text-align: center;
    margin-bottom: 60px;
}
.solu-box .solu-div{position: relative;}
.solu-box .solu-div .soludiv{
    width: 880px;
    height: 240px;
    background: #FFFFFF;
    box-shadow: 0px 1px 10px 0px rgba(18, 93, 241, 0.15);
    border-radius: 2px;
    position: absolute;
    right: 60px;
    z-index: 99;
    top: 75%;
    overflow: hidden;
}
.solu-box .solu-div .soludiv h1{
    font-size: 28px;
    line-height: 28px;
    height: 28px;
    border-left:4px solid  #125DF1;
    font-weight: 400;
    color: #333333;
    margin-left: 30px;
    padding-left: 16px;
    box-sizing: border-box;
    text-align:left;
    margin-top: 30px;
    margin-bottom: 0;
}
.solu-box .solu-div .soludiv p{
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    line-height: 28px;
    text-align: left;
    padding: 0 36px 0 50px;
    box-sizing: border-box;
    margin-top: 12px;
     /* 超过两行 */
     overflow : hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
        -webkit-line-clamp:5;
        -webkit-box-orient: vertical;
}
.fajs-box{
    background-color: #FAFAFA;
    width: 100%;
    overflow: hidden;
}
.fajs-box .word{
    width: 1200px;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 36px;
}
.xtjg-box{
    background-color: #ffffff;
    width: 100%;
    overflow: hidden;
}
.xtjg-box .word{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
}
.xtjg-box .word img{
    max-width: 100%;
    height: auto;
}
/* 方案优势 */
.fays-box{
    width: 100%;
    /*height: 460px;*/
    background: url(/statics/img/fayslbs-bg.png) no-repeat center center;
    overflow: hidden;
}
.fays-box .fayslb{
    padding: 0 10px;
    box-sizing: border-box;
}
.fays-box .fayslb .swiper-containerjjfaysh{
    margin-top: 50px;
    padding-top: 10px;
}
.fays-box .fayslb .swiper-slide{
    width: 330px;
    height: 220px;
    background: #FFFFFF;
    box-sizing: border-box;
    padding: 40px 30px 35px 30px;
    position: relative;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
}
.fays-box .fayslb .swiper-slide h1{
    font-size: 24px;
font-weight: bold;
color: #333333;
}
.fays-box .fayslb .swiper-slide h1 img:nth-child(2){display: none;}
.fays-box .fayslb .swiper-slide:hover h1 img:nth-child(2){display: inline-block;}
.fays-box .fayslb .swiper-slide:hover h1 img:nth-child(1){display: none;}
.fays-box .fayslb .swiper-slide:hover{
    background: #125DF1;}
.fays-box .fayslb .swiper-slide:hover h1{color: #ffffff;}
.fays-box .fayslb .swiper-slide p{
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 28px;
    margin-top: 20px;
}
.fays-box .fayslb .swiper-slide:hover p{color: #FFFFFF;}
.fays-box .fayslb .swiper-slide:hover{
    transform: translateY(-10px);
}
/* 案例应用 */
.anlyy-box .swiper-containeranlyy{margin-top: 50px;padding-bottom: 60px;}
.anlyy-box .swiper-containeranlyy .swiper-slide{
    width: 680px;
    height: 500px;
}
.anlyy-box .swiper-containeranlyy .swiper-slide .altu{width: 680px;height: 360px;overflow: hidden;}
.anlyy-box .swiper-containeranlyy .swiper-slide .altu img{width: auto;height: auto;transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
}
.anlyy-box .swiper-containeranlyy .swiper-slide .word{
    width: 680px;
height: 140px;
background: #FFFFFF;
box-shadow: 0px 2px 20px 0px rgba(102, 102, 102, 0.15);overflow: hidden;
}
.anlyydiv{width: 1440px;margin: 0 auto; overflow: hidden;}
.anlyydiv .swiper-containeranlyy{width: 100%;box-sizing: border-box;padding-left: 20px;padding-right: 20px;margin-bottom: 60px;}
.anlyy-box .swiper-containeranlyy .swiper-slide .word h1{
    font-size: 24px;
    line-height: 24px;
    height: 24px;
    font-weight: 400;
    color: #333333;
    margin-top: 40px;
    margin-left: 50px;
}
.anlyy-box .swiper-containeranlyy .swiper-slide .word p{
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    width: 80%;
    overflow: hidden;
    font-weight: 400;
    color: #666666;
    margin-top: 18px;
    margin-left: 50px;
}
.anlyy-box .swiper-containeranlyy .swiper-slide a{display: block;width: 100%;height: 100%;}

.anlyy-box .swiper-containeranlyy .swiper-pagination-bullet{width: 10px;
    height: 10px;    margin: 0px 5px;
background: #E6E6E6;border-radius: 0;opacity: 1;transition: all 400ms;}
.anlyy-box .swiper-containeranlyy .swiper-pagination-bullet-active{width: 30px;
    height: 10px;
    background: #125EF2;}
.anlyy-box .swiper-containeranlyy .swiper-slide:hover .altu img{        transform: scale(1.06);
    webkit-transform: scale(1.06);
    -ms-transform: scale(1.06);
}

.fayslbs {margin-top:52px; margin-bottom:60px;}
.fayslbs .swiper-container{padding-bottom:20px;}
.fayslbs .swiper-slide .fayslbs-main{position:relative; z-index:20;padding:27px 30px;cursor:pointer;}
.fayslbs .swiper-slide .fayslbs-main:before{content:'';position:absolute;z-index:-1; top:0;left:0; width:100%;height:80%;background:#fff;box-shadow: 0px 30px 30px 0px rgba(171, 169, 188, 0.2);}
.fayslbs .swiper-slide .fayslbs-main h3{font-size:24px;line-height:40px;height:40px;overflow:hidden;margin-bottom:18px;}
.fayslbs .swiper-slide .fayslbs-main h3 img{position:relative;top:-2px;margin-right:20px;}
.fayslbs .swiper-slide .fayslbs-main p{position:relative; display:block;line-height:30px;height:60px;overflow:hidden;font-size:16px;color:#999;border-top:1px solid #ECEBF0;padding-top:18px;margin-bottom:18px;}
.fayslbs .swiper-slide .fayslbs-main p:before{content:'';position:absolute;top:0px;left:0;width:0%;height:1px;background:#125EF2;transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s;}
.fayslbs .swiper-slide .fayslbs-main .img{display:block; position:relative; width:100%;height:228px;border-radius:0px;overflow:hidden;transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s;}
.fayslbs .swiper-slide .fayslbs-main .img img{float:left; width:100%;height:100%;transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s;}
.fayslbs .swiper-pagination{bottom:0;}
.fayslbs .swiper-pagination-bullet{width:10px;height:10px;border-radius:0;margin:0 5px;}
.fayslbs .swiper-pagination-bullet-active {width: 30px;height: 10px;background: #125EF2;}
.fayslbs .swiper-slide .fayslbs-main:hover h3{color:#125EF2;font-weight:bold;}
.fayslbs .swiper-slide .fayslbs-main:hover p{color:#333;}
.fayslbs .swiper-slide .fayslbs-main:hover .img{border-radius:10px; }
.fayslbs .swiper-slide .fayslbs-main:hover .img img{transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1)}
.fayslbs .swiper-slide .fayslbs-main:hover p:before{width:100%;}

@media only screen and (max-width: 1465px){
    .fajs-box .word,.xtjg-box .word,.anlyydiv{width:1200px;}
    .ym-nav .ym-div{width:100%}
    .ym-nav .ym-navli{line-height:80px;}
    .ym-nav .ym-navli h3{font-size:16px;}
    
    .solu-box h1{font-size:30px;margin-bottom:40px;}
    
    .fayslbs .swiper-slide .fayslbs-main h3{font-size:21px;}
    .fayslbs .swiper-slide .fayslbs-main .img{height:210px;}
    
    .fayslbs .swiper-slide .fayslbs-main p{font-size:14px;line-height:24px;height:48px;}
    
    .anlyydiv .swiper-containeranlyy{padding:0;}
    .anlyy-box .swiper-containeranlyy .swiper-slide{height:448px;}
    .anlyy-box .swiper-containeranlyy .swiper-slide .altu{width:100%;height:260px;}
    .anlyy-box .swiper-containeranlyy .swiper-slide .word{width:100%;}
    
    .anlyy-box .swiper-containeranlyy .swiper-slide .word{padding:0 30px;height:120px; box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;}
    .anlyy-box .swiper-containeranlyy .swiper-slide .word h1{font-size:20px;margin-left:0;margin-top:30px;}
    .anlyy-box .swiper-containeranlyy .swiper-slide .word p{margin:15px 0 0;font-size:14px;width:100%;}
}

@media only screen and (max-width: 1230px){
    .ym-nav .ym-div,.fajs-box .word,.xtjg-box .word,.anlyydiv{width:1000px;}
    
    .fayslbs .swiper-slide .fayslbs-main .img{height:170px;}
}

@media only screen and (max-width: 768px){
    
    .xtjg-box .word,.fajs-box .word,.anlyydiv{width:100%;}
    .solu-box{margin-top:20px;padding-bottom:20px;}
    .solu-box h1{font-size:19px;height:auto;overflow:visible;margin-bottom:12px;}
    .solu-box .solu-div .soludiv{width:100%;height:auto;right:auto;top:0;position:relative;padding:20px 0;}
    .solu-box .solu-div .soludiv h1{width:100%;margin-top:0px;margin-left:15px;font-size:17px;border-width:3px;line-height:18px;height:18px;box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;}
    .solu-box .solu-div .soludiv p{font-size:13px;line-height:23px;padding:0 15px;-webkit-line-clamp:unset;}
    
    .fajs-box .word{margin-top:15px; padding:0 15px;box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;font-size:13px;line-height:24px;}
    
    .xtjg-box .word{margin:20px 0;}
    
    .fays-box{height:auto;padding-bottom:20px;}
    .fays-box .fayslb .swiper-containerjjfaysh{margin-top:15px;}
    .fays-box .fayslb .swiper-slide{padding:20px;height:auto;min-height:60px;}
    .fays-box .fayslb .swiper-slide h1{font-size:17px;}
    .fays-box .fayslb .swiper-slide h1 img{width:20px;}
    .fays-box .fayslb .swiper-slide p{font-size:13px;line-height:24px;margin-top:10px;}
    
    .anlyydiv .swiper-containeranlyy{margin-top:20px;margin-bottom:20px;}
    .anlyy-box .swiper-containeranlyy .swiper-slide{width:100%;height:auto;}
    .anlyy-box .swiper-containeranlyy .swiper-slide .altu{width:100%;height:47vw;}
    .anlyy-box .swiper-containeranlyy .swiper-slide .word{width:100%;height:auto;padding-bottom:15px;}
    .anlyy-box .swiper-containeranlyy .swiper-slide .word h1{font-size:16px;margin-top:15px;margin-left:0px;padding:0 15px;box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;}
    .anlyy-box .swiper-containeranlyy .swiper-slide .word p{font-size:13px;line-height:20px;height:20px;margin:0;margin-top:6px;padding:0 15px;box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;}
    
    .anlyy-box .swiper-containeranlyy{padding-bottom:40px;}
    .anlyy-box .swiper-containeranlyy .swiper-pagination-bullet{width:5px;height:5px;}
    .anlyy-box .swiper-containeranlyy .swiper-pagination-bullet-active{width:20px;height:5px;}
    
    .mapsss{width:100% !important;height:380px !important;}
    
    .ym-nav .ym-navli h3{font-size:12px;}
    .ym-nav .ym-navli{line-height:22px;}
    
    .fayslbs{margin:25px 0;}
    .fayslbs .swiper-slide .fayslbs-main{padding:20px;}
    .fayslbs .swiper-slide .fayslbs-main h3 img{width:28px;}
    .fayslbs .swiper-slide .fayslbs-main h3{font-size:17px;margin-bottom:5px;}
    .fayslbs .swiper-slide .fayslbs-main p{font-size:12px;line-height:21px;padding-top:10px;margin-top:10px;margin-bottom:3px;}
    
    .anlyydiv{padding:0 15px;box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;}
    .anlyy-box .swiper-containeranlyy .swiper-slide .word{padding:0;padding-bottom:15px;}
    
}