.animate-5{transition:all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;}
.animate-5:hover{transition:all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;}
.space{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.padding-lr10{padding: 0 10px;}
.padding-lr5{padding: 0 5px;}
.fz-36{font-size: 36px;}
.fz-24{font-size: 24px;}
.content-text{font-size: 16px;line-height: 2;}
.text-p p{margin-bottom: 0;}

@media(max-width: 1470px){
    .fz-36{font-size: 30px;}
    .fz-24{font-size: 21px;}
}
@media(max-width: 1230px){
    .fz-36{font-size: 24px;}
    .fz-24{font-size: 18px;}
    .content-text{font-size: 14px;}
}
@media(max-width: 992px){
    .fz-36{font-size: 20px;}
    .fz-24{font-size: 14px;}
}



.index-case-bg{width: 100%;padding: 4.5% 0 26%;background: url('../images/bg.png') no-repeat left bottom/100%;}
.index-title{padding-bottom: 30px;margin-bottom: 30px;position: relative;}
.index-title:before{content: '';width: 94px;height: 7px;background: #1a73f1;border-radius: 20px;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;}
.customer-stories{margin-top: 5%;padding-left: 320px;overflow: hidden;position: relative;}
.stories-left-nav{width: 320px;padding-left: 13px;position: absolute;left: 0;bottom: 10px;}
.case-nav{border-left: 2px dashed #1a73f1;padding: 40% 0 0 30px;position: relative;}
.case-nav:after{content: '';width: 26px;height: 26px;border: 2px solid #1a73f1;background: #fff;border-radius: 50%;position: absolute;left: -13px;top: 0;z-index: 1;}
.case-nav ul li{margin-top: 40%;font-size: 16px;line-height: 1;color: #333;padding-left: 25px;cursor: pointer;position: relative;bottom: -10px;}
.case-nav ul li:first-child{margin-top: 0;}
.case-nav ul li:after{content: '';width: 14px;height: 14px;background: #1a73f1;border-radius: 50%;position: absolute;left: -38px;top: 50%;transform: translateY(-50%);z-index: 1;}
.case-nav ul li.active:after{content: '';width: 18px;height: 18px;left: -40px;}
.case-nav ul li span{font: bold 48px/1 '';color: #f0f0f0;position: absolute;left: 0;bottom: -8px;z-index: -1;}
.case-nav ul li.active{color: #1a73f1;}

.stories-right-content .swiper-button-prev,.stories-right-content .swiper-button-next{opacity: 0;z-index: -1;}
.slide-case-bg .slide-case-text{position: absolute;left: 0;top: 28%;z-index: 1;}
.slide-case-text h4{font-size: 72px;margin-bottom: 10%;font-weight: bold;color: #1a73f1;}
.slide-case-text h5{line-height: 1.5;}
.slide-case-text .text{margin: 10% 0 0 10px;padding-left: 16px;font-size: 16px;line-height: 2.4;}
.slide-case-text .text ul li{list-style: disc !important;}
.slide-case-text .text ul li::marker{color: #1a73f1;}
.slide-case-img{width: 65%;overflow: hidden;}
.swiper-slide-active .slide-case-text h4 div{animation: fadetext 1.2s ease;}
.swiper-slide-active .slide-case-text .case01 div{animation: fadetext 1.4s ease;}
.swiper-slide-active .slide-case-text .case02 div{animation: fadetext 1.6s ease;}
.swiper-slide-active .slide-case-text .text div{animation: fadetext 1.8s ease;}
.swiper-slide-active .slide-case-img img{animation: fadeimg 1.4s ease;}
.more-case{margin: 6% auto;}

@keyframes fadetext{0%{opacity:0;transform: translateY(150px);}to{opacity:1;}}
@keyframes fadeimg{0%{opacity:0;transform: translateX(-1000px);}to{opacity:1;}}

.bottom-bg{margin-top: 22.5%;}
.serve-flex .serve-left{width: 365px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.serve-left .index-title,.serve-left .content-text{color: #fff;}
.serve-left .index-title:before{content: '';background: #fff;left: 0;transform: none;}
.serve-features{width: 284px;height: 386px;background: #fff;padding: 50px 30px;margin-left: 40px;border-radius: 15px;box-shadow: 0 2px 12px rgba(0,0,0,.12);}
.serve-features img{height: 51px;}
.serve-features .serve{margin-top: 30px;}

.index-us-nr{margin-top: 6.5%;}
.index-us-left{max-width: 552px;}
.index-us-text{width: 274px;height: 274px;padding: 15px;display: flex;align-items: center;justify-content: center;border: 1px solid #f7f7f7;}
.index-us-text .title{margin: 25px 0 15px;font-size: 20px;font-weight: bold;}
.index-us-text .text{font-size: 14px;color: #666;}
.index-us-right{width: calc(100% - 700px);}
.index-us-right .input,.index-us-right .textarea{width: 100%;font-size: 16px;background: #f7f7f7;margin-bottom: 20px;}
.index-us-right .input{height: 50px;padding: 0 30px;border-radius: 50px;}
.index-us-right .textarea{height: 160px;padding: 15px 30px;border-radius: 20px;resize: none;}
.index-us-right .viercode{padding-right: 165px;position: relative;}
.index-us-right .viercode .phrase{cursor: pointer;height: 50px;position: absolute;top: 0;right: 0;}
.index-us-right .viercode .phrase img{height: 50px;border-radius: 10px;}
.index-us-right .submit{width: 210px;line-height: 80px;font-weight: 600;background: #1a73f1;color: #fff;border-radius: 50px;}
.index-us-right .submit:hover{background: #2db4f3;}

@media(max-width: 1470px){
    .index-title{padding-bottom: 24px;margin-bottom: 24px;}
    .index-title:before{width: 64px;height: 5px;}
    .customer-stories{padding-left: 285px;}
    .stories-left-nav{width: 285px;}
    .case-nav{padding-top: 36%;}
    .case-nav ul li{margin-top: 36%;}
    .case-nav ul li span{font-size: 42px;}
    .slide-case-text h4{font-size: 56px;}
    
    .index-case-bg{padding: 4.5% 0 22%;}
    .bottom-bg{margin-top: 16.5%;}
    .serve-flex .serve-left{width: 345px;}
    .serve-features{width: 245px;height: 340px;padding: 40px 25px;margin-left: 30px;}
    .serve-features img{height: 42px;}
    .serve-features .serve{margin-top: 25px;}
}
@media(max-width: 1230px){
    .index-title{padding-bottom: 16px;margin-bottom: 16px;}
    .index-title:before{width: 54px;height: 4px;}
    .customer-stories{padding-left: 245px;}
    .stories-left-nav{width: 245px;padding-left: 12px;}
    .case-nav{padding: 28% 0 0 20px;;}
    .case-nav:after{width: 22px;height: 22px;left: -12px;top: 0;z-index: 1;}
    .case-nav ul li{;margin-top: 28%;font-size: 15px;padding-left: 20px;}
    .case-nav ul li:after{width: 12px;height: 12px;left: -27px;}
    .case-nav ul li.active:after{width: 16px;height: 16px;left: -29px;}
    .case-nav ul li span{font-size: 36px;}
    .slide-case-bg .slide-case-text{top: 25%;}
    .slide-case-text h4{font-size: 40px;}
    .slide-case-text .text{font-size: 15px;line-height: 2;}

    .index-case-bg{padding: 4.5% 0 20%;}
    .bottom-bg{margin-top: 12.5%;}
    .serve-flex .serve-left{width: 315px;}
    .serve-features{width: 195px;height: 300px;padding: 30px 20px;margin-left: 15px;}
    .serve-features img{height: 32px;}
    .serve-features .serve{margin-top: 15px;}
    
    .index-us-left{max-width: 452px;}
    .index-us-text{width: 224px;height: 224px;}
    .index-us-right{width: calc(100% - 530px);}
}
@media(max-width: 992px){
    .index-title{padding-bottom: 10px;margin-bottom: 10px;}
    .index-title:before{width: 40px;height: 3px;}
    .stories-left-nav{display: none;}
    .customer-stories{padding: 0;}
    .slide-case-bg .slide-case-text{width: 100%;padding: 25px;top: 50%;transform: translateY(-50%);}
    .stories-right-content{width: 100%;margin-top: 20px;}
    .slide-case-img{width: 100%;position: relative;}
    .slide-case-img:before{content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(26,115,241,.65);}
    .swiper-slide-active .slide-case-img img{animation: none;}
    .slide-case-text h4{font-size: 28px;color: #fff;margin-bottom: 7%;}
    .slide-case-text h5{color: #fff;}
    .slide-case-text .text{font-size: 14px;color: #fff;margin-top: 7%;}
    .slide-case-text .text ul li::marker{color: #fff;}
    .stories-right-content .swiper-button-prev{left: -5px;}
    .stories-right-content .swiper-button-next{right: -5px;}
    .stories-right-content .swiper-button-prev,.stories-right-content .swiper-button-next{opacity: 1;color: #fff;z-index: 9;}
    .stories-right-content .swiper-button-prev:after,.stories-right-content .swiper-button-next:after{font-size: 24px;}

    .index-case-bg{padding: 36px 0 0;background: #fafafa;}
    .bottom-bg{margin-top: 12.5%;padding: 36px 0;background: #1a73f1;}
    .serve-flex .serve-left{width: 100%;position: static;transform: none;}
    .serve-features{width: 100%;height: auto;margin: 20px 0 0;}
    
    .index-us-bg{padding: 36px 0;}
    .index-us-left{width: 100%;max-width: 100%;}
    .index-us-text{width: 50%;height: 155px;}
    .index-us-text img{height: 45px;}
    .index-us-text .title{margin: 12px 0 6px;font-size: 16px;}
    .index-us-right{width: 100%;margin-top: 28px;}
    .index-us-right .input,.index-us-right .textarea{font-size: 14px;margin-bottom: 15px;}
    .index-us-right .input{height: 40px;padding: 0 20px;}
    .index-us-right .textarea{height: 120px;padding: 5px 20px;}
    .index-us-right .submit{width: 120px;line-height: 45px;}
    .index-us-right .viercode{padding-right: 130px;}
    .index-us-right .viercode .phrase,.index-us-right .viercode .phrase img{height: 40px;}
}



.boxbanner{margin-top: 138px;position: relative;}
.boxbanner .banner-img{width: 46.15%;text-align: right;animation: imga 1.8s;}
@keyframes imga{0%{transform: translateX(-40%);opacity: 0;}100%{transform: translateX(0);opacity: 1;}}
.boxbanner .boxbanner-content{width: 100%;position: absolute;left: 0;top: 24%;}
.boxbanner .boxbanner-content h1{font-size: 80px;font-weight: bold;letter-spacing: 2px;color: #0e96ff;}
.boxbanner .boxbanner-content h2{font-size: 48px;letter-spacing: 2px;position: relative;top: -28px;}
.banner-text{margin: 40px 0;line-height: 1.7;max-width: 46%;}
a.press{width: 195px;line-height: 60px;float: left;font-size: 16px;text-align: center;cursor: pointer;color: #fff;background: #1a73f1;position: relative;border-radius: 50px;margin-right: 16px;}
a.press .wxcode{display: none;width: 140px;height: 140px;padding: 5px;background: #fff;box-shadow: 0 2px 12px rgba(0,0,0,.12);position: absolute;top: -150px;left: 50%;transform: translateX(-50%);}
a.press .wxcode img{height: auto;}
a.press:hover{background: #2db4f3;}
a.press:hover .wxcode{display: block;}

.video{margin: 4% 0 -13.1%;position: relative;}
.video span{width: 69px;height: 69px;display: block;border-radius: 50%;overflow: hidden;background: url('../images/video.png') no-repeat left top/100% 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 50%;z-index: 99;cursor: pointer;}
.video-bg{display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,.8);z-index: 9999;}
.video-centent{width: 100%;max-width: 1200px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 10000;}
.btn-close{width: 32px;height: 32px;background: url('../images/colse.png') no-repeat left top/100% 100%;position: absolute;top: -16px;right: -16px;}

.wp_info_flex{width: 100%;max-width: 600px;margin-bottom: 2%;display: flex;align-items: center;}
.wp_info_flex .contxt{width: calc(100% - 120px);padding-right: 20px;}
.wp_info_flex .picimg{width: 120px;text-align: center;}
.wp_info_flex .picimg .name{margin-top: 6px;color: #888;}
.contact-us-bg{margin: 5% 0 -13.1%;position: relative;}
.contact-us-bg #dituContent{width: 40%;height: 100%;position: absolute;left: 0;top: 0;}
.contact-content{max-width: 54%;padding-bottom: 6%;}
.contact-title{margin-bottom: 10%;font-size: 72px;font-weight: bold;line-height: 1;color: #0e96ff;}
.code_sjfw_wp{margin-top: 3%;display: flex;flex-wrap: wrap;justify-content: center;}
.code_sjfw_wp .item{width: 180px;text-align: center;margin: 0 3%;}
.code_sjfw_wp .item .name{margin-top: 10px;font-size: 18px;color: #333;}
.iw_poi_title{color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap;}
.iw_poi_content{font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word;}

.box-cases-bg{position: relative;top: -60px;margin-bottom: -10%;}
.cases-list{padding: 20px 0;}
.cases-list .cases-img{display: block;border-radius: 20px;overflow: hidden;position: relative;z-index: 2;}
.cases-list .cases-img .cases-bgc{content: '';width: 100%;height: 100%;position: absolute;top: 100%;left: 0;background: rgba(24,116,239,.9);z-index: 3;transition: all 0.5s;}
.cases-list .cases-img .cases-bgc .title{width: 100%;font-size: 28px;font-weight: bold;color: #fff;padding: 20px;position: absolute;top: 50%;transform: translateY(-50%);z-index: 4;}
.cases-list .cases-title{margin-top: 20px;font-size: 16px;}
.cases-list .cases-title a{color: #333;}
.cases-list .cases-img:hover .cases-bgc{top: 0;}
.cases-list .cases-title a:hover{color: #2db4f3;}

.banner-text-02{margin: 40px 0;line-height: 1.7;max-width: 48%;}
.services-bg{margin-top: 8%;padding: 90px 0;background: #f7f7f7;}
.services-flex{margin-top: 40px;display: flex;align-items: top;justify-content: space-between;}
.services-content{margin-top: 20px;width: 240px;padding: 40px 20px;background: #1a73f1;border-radius: 20px;}
.services-content .boximg img{height: 60px;}
.services-content .boxtitle{margin: 25px 0 10px;font-size: 28px;font-weight: bold;color: #fff;}
.services-content .boxtext{font-size: 14px;line-height: 1.8;color: #fff;opacity: .9;}

.column-bg{padding-top: 60px;margin-bottom: -5.5%;position: relative;z-index: 2;}
.column-bg .column-top{margin-top: 40px;display: flex;flex-wrap: wrap;}
.column-bg .column-top .col-md-4{margin-top: 20px;}
.column-bg .column-top .column-text{height: 100%;padding: 30px 40px;background: #f7f7f7;position: relative;border-radius: 20px;}
.column-bg .column-top .column-text .itemtitle{font-weight: bold;}
.column-bg .column-top .column-text .itemtext{margin-top: 10px;font-size: 16px;line-height: 1.6;}
.column-bg .column-top .column-text .itemimg{height: 136px;position: absolute;bottom: 0;right: 0;}
.column-bg .column-top .column-text:hover{background: url('../images/bg01.png') no-repeat left top/100% 100%;}
.column-bg .column-top .column-text:hover .itemtitle,.column-bg .column-top .column-text:hover .itemtext{color: #fff;}

@media(max-width: 1470px){
    .boxbanner{margin-top: 110px;}
    .boxbanner .boxbanner-content{top: 16%;}
    .boxbanner .boxbanner-content h1{font-size: 64px;}
    .boxbanner .boxbanner-content h2{font-size: 42px;top: -22px;}
    .banner-text,.banner-text-02{margin: 30px 0;}
    a.press{width: 176px;line-height: 54px;}
    .video span{width: 56px;height: 56px;}
    .video-centent{max-width: 980px;}
    .contact-title{font-size: 56px;}
    .contact-content{max-width: 48%;}

    .box-cases-bg{top: -25px;}
    .cases-list{padding: 20px 0;}

    .services-bg{margin-top: 12%;padding: 70px 0;}
    .banner-text-02{min-width: 58%;}
    .services-content{width: 215px;padding: 30px 15px;}
    .cases-list .cases-img .cases-bgc .title{font-size: 24px;}
}
@media(max-width: 1230px){
    .boxbanner{margin-top: 88px;}
    .boxbanner .boxbanner-content h1{font-size: 48px;}
    .boxbanner .boxbanner-content h2{font-size: 22px;top: -18px;}
    a.press{width: 156px;line-height: 48px;}

    .video span{width: 50px;height: 50px;}
    .btn-close{width: 28px;height: 28px;top: -14px;right: -14px;}
    .video-centent{max-width: 900px;}
    .cases-list{padding: 15px 0;}
    .contact-title{font-size: 40px;}
    .cases-list{padding: 15px 0;}
    .cases-list .cases-title{margin-top: 15px;}

    .services-bg{margin-top: 15%;padding: 50px 0;}
    .services-flex{margin-top: 30px;}
    .services-content{width: 180px;}
    .services-content .boximg img{height: 50px;}
    .services-content .boxtitle{margin: 15px 0 10px;font-size: 24px;}
}
@media(max-width: 992px){
    .boxbanner{margin-top: 60px;overflow: hidden;}
    .boxbanner .banner-img{position: absolute;top: 0;right: 0;z-index: -1;}
    .boxbanner .boxbanner-content{position: static;padding: 40px 0;}
    .boxbanner .boxbanner-content h1{font-size: 32px;}
    .boxbanner .boxbanner-content h2{font-size: 18px;top: -8px;}
    .banner-text,.banner-text-02{margin: 20px 0;max-width: 100%;}
    a.press{width: 124px;line-height: 38px;font-size: 14px;}
    a.press img{height: 22px;}

    .video{margin: 40px 0 0;}
    .video span{width: 36px;height: 36px;}
    .btn-close{width: 24px;height: 24px;top: -29px;right: 5px;}

    .contact-us-bg{margin: 40px 0 0;}
    .contact-content{max-width: 100%;width: 100%;padding: 40px 0;position: relative;z-index: 2;}
    .contact-title{margin: 0 0 20px;font-size: 28px;}
    .wp_info_flex{display: block;}
    .wp_info_flex .contxt{width: 100%;padding: 20px 0;}
    .wp_info_flex .picimg{width: 120px;margin: 20px auto;}
    .contact-us-bg #dituContent{width: 100%;height: 300px;position: static;}
    .code_sjfw_wp .item{width: 120px;margin: 0 3%;}
    .code_sjfw_wp .item .name{font-size: 14px;}

    .services-bg{margin-top: 0;padding: 40px 0;}
    .services-flex{margin-top: 20px;display: block;}
    .services-content{width: 100%;padding: 20px;}
    .services-content .boximg img{height: 40px;}
    .services-content .boxtitle{margin: 15px 0 10px;font-size: 20px;}

    .column-bg{padding: 40px 0;margin-bottom: 0;}
    .column-bg .column-top{margin-top: 20px;}
    .column-bg .column-top .column-text{height: auto;padding: 25px 25px;}
    .column-bg .column-top .column-text .itemtext{margin-top: 10px;font-size: 14px;}
    .column-bg .column-top .column-text .itemimg{height: 100px;}
    .cases-list .cases-img .cases-bgc .title{font-size: 20px;}
}