body{max-width: 750px !important}
.wp{max-width: 750px;min-width: 320px;margin: 0 auto;font-size: 12px;color: #000;line-height: 1.5;overflow: hidden}
.over{overflow: hidden;}
.fl{float: left}
.fr{float: right}
.pb{padding-bottom: 0.8rem}
.w20{width: 94%;margin: 0 auto}

.newHead .navBtn{height: 1rem;line-height: 1rem;font-size: 0.35rem;color: #fff;text-align: center}
.banner_head{position: relative;}
.banner_head h2{height: 1.2rem;line-height: 1.3rem;font-size: 0.36rem;font-weight: normal;color: #1f1f1f;text-align: center;}
.banner_head #banner_box{overflow:hidden;width: 14.94rem;height: 6.24rem;}
.banner_head #indemo {float: left;width: 800%;}
.banner_head #indemo img{display: block;width: 14.94rem}
.banner_head #demo1 {float: left;}
.banner_head #demo2 {float: left;}
.banner_head span{display: block;position: absolute;width: 4.64rem;bottom: 1.9rem; left: 50%;margin-left: -2.32rem}
.banner_head span img{border-radius: 0.3rem; box-shadow: 0 0 0.3rem rgba(0,0,0,0.2);}
.banner_head .btn{display: block;width: 70%;height: 0.6rem; line-height: 0.6rem; border-radius: 0.3rem;position:absolute; bottom: 0.4rem;left: 15%; background:#EEDF35; font-size: 0.3rem;color:#333;text-align: center}
.index_video h3{color: #1f1f1f;font-size: 0.32rem;font-weight: normal;text-align: left}
.index_video .video_over{overflow: hidden; display: flex;}
.section_splist{cursor: pointer;width: 97%;}
.section_splist img{border-radius: 0.1rem;}
.video_over .section_splist:nth-child(2n){float: right; margin-left: 3%;}
.box_sps{width: 100%; height: 100%; position:fixed; left: 0; top: 0; z-index: 2000; background:rgba(0,0,0,0.5); display:none;}
.box_close{width: 0.52rem; position:fixed; right: 1%; top: 5%; display:none; z-index: 3000}
.box_sps_w{width: 7.5rem; text-align: center; background:#000; position:absolute; z-index: 1001; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.video-js{width: 70%;}
.index_brand{margin-bottom: 1.3rem;}

/*案例样式*/
.reality {position: relative;padding: 1rem 0 4% 0}
#reality .reality_nav{width: 100%;overflow: hidden;padding: 3% 0;-webkit-tap-highlight-color:transparent;background: #F5F5F5;}
#reality .reality_nav ul li{font-size: 0.3rem;color:#000;text-align: center; width:15%;  cursor:pointer;font-weight: normal;height: 0.6rem;line-height: 0.7rem;}
#reality .reality_nav ul li.on{border-bottom:2px solid #9e5fd4 !important; font-size: 0.36rem; font-weight: 600;}
#reality .reality_nav ul .reality_nav_w1{width: 24%;}
#reality .reality_nav ul .reality_nav_w2{width: 20%;}
.case_box{-webkit-tap-highlight-color:transparent;}
/*.case_box ul {border-bottom: 0.3rem solid #F5F5F5;padding-bottom: 5%}*/
.case_box ul li{padding: 3% 3% 0; }
.case_box ul li dl{overflow: hidden; margin-bottom: 3%;}
.case_box ul li dl dt{width: 15%;float: left;}
.case_box ul li dl dd{width: 50%;float: left;margin-left: 2%;}
.case_box ul li dl dd h4{font-size: 0.36rem;color:#000;text-align: left;font-weight: normal; padding-top:1%;}
.case_box ul li dl dd p{font-size: 0.3rem;color:#9e5fd4;background:url(/images/index/newindex/index_hot.png) no-repeat left center;background-size: 0.34rem;padding-left: 0.4rem;}
/*.index_case_img{overflow:hidden; padding-bottom: 2%;}*/
.index_case_img a{display:block; position:relative; border-radius: 0.12rem; overflow:hidden;}
.index_case_img a img{display: inline-block; width: 49%; border-radius: 0.1rem; }
.index_case_img a span{display:block; font-weight: 200; width: 1.16rem; height: 0.42rem; line-height: 0.42rem; text-align: center; font-size: 0.22rem; color:#ffffff; position:absolute; left: 0; bottom: 0; background:url(/images/index/newindex/case_box_span1.png) no-repeat; background-size: 100%;}
.index_case_img a.fr span{ background:url(/images/index/newindex/case_box_span2.png) no-repeat; background-size: 100%;}
.index_case_img a img:nth-child(2n){margin-left: 1.5%;}


.case_box ul li p.p1{font-size: 0.3rem; color:#666;margin:2% 0; text-overflow: ellipsis;display: -webkit-box; overflow:hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.case_box ul li p.p1 a{color: #a879d0;}
.case_box ul li p.p2{font-size: 0.24rem;margin:2% 0; text-overflow: ellipsis;display: -webkit-box; overflow:hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.case_box ul li p.p2 a{color:#9850b9; padding-right: 3%}
.case_box ul li p.p2 a:first-of-type{padding-right: 0%}

.case_box ul li p.p2 a span{display:inline-block; width: 0.3rem; padding-right: 1%;}
.case_box ul li p.p3{background: #F3F3F3;border-radius: 0.1rem; padding: 2% 0;margin-bottom: 5%;}
.case_box ul li p.p3 a{display: block;font-size: 0.24rem;color: #000;}
.case_box ul li p.p3 a img{display: inline-block;width: 0.44rem;vertical-align: middle;margin: 0 3%}
.case_box ul li p.p3 a span{color: #c6479c;font-weight: 600;}
.case_box ul li p.p3 a b{color: #c6479c;font-weight: normal;}
.case_box ul li p.p3 a strong{display: inline-block;height: 0.4rem;line-height: 0.4rem;font-weight: normal;color: #fff;background: #9A83CB;border-radius: 0.3rem;padding: 0 3%; float: right; margin-right:0.2rem;}
.swiper-container-horizontal>.swiper-pagination{bottom: -8%;}

.case_box ul p.p4{width:100%; border-bottom: 0.3rem solid #F5F5F5;}

.swiper-pagination-bullet-active{background: #943ebe !important;}
#reality .swiper-slide{height:16px !important;height:auto !important;}
.note-c-t{ float:right; width: 32.5%;  text-align:right; margin-top:7%; color:#828282;border: none !important;padding-bottom: 0 !important}
.note-c-t img{ width:30% !important; vertical-align:middle; display: inline-block}
.note-c-t li img:nth-child(2){ display: none}
.note-c-t li i{ font-style: normal}
.case_box ul.note-c-t li{float: left; width: 49%; font-size: 0.21rem; padding:0;}
.note-c-t li.active{ color:#b292d2}
.note-c-t li.active img:nth-child(1){ display: none}
.note-c-t li.active img:nth-child(2){ display: inline-block;-webkit-animation:Indexbounce 2s .2s ease both;animation:Indexbounce 2s .2s ease both;-moz-animation:Indexbounce 2s .2s ease both;-o-animation:Indexbounce 2s .2s ease both;-ms-animation:Indexbounce 2s .2s ease both;}
@-webkit-keyframes Indexbounce {
    0%, 100%, 20%, 53%, 80% {
        -webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform:translate3d(0, -10px, 0);
        transform:translate3d(0, -10px, 0)
    }
    70% {
        -webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform:translate3d(0, -5px, 0);
        transform:translate3d(0, -5px, 0)
    }
    90% {
        -webkit-transform:translate3d(0, -4px, 0);
        transform:translate3d(0, -4px, 0)
    }
}
@keyframes Indexbounce {
    0%, 100%, 20%, 53%, 80% {
        -webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform:translate3d(0, 0, 0);
        -ms-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform:translate3d(0, -10px, 0);
        -ms-transform:translate3d(0, -10px, 0);
        transform:translate3d(0, -10px, 0)
    }
    70% {
        -webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform:translate3d(0, -5px, 0);
        -ms-transform:translate3d(0, -5px, 0);
        transform:translate3d(0, -5px, 0)
    }
    90% {
        -webkit-transform:translate3d(0, -4px, 0);
        -ms-transform:translate3d(0, -4px, 0);
        transform:translate3d(0, -4px, 0)
    }
}