/* 通用 */
.pbpsen_box{ padding-top: 90px;}
.bps_body{ font-size: 16px; line-height: 26px; color: #666666;}
.bps_body .wrap{ overflow: hidden;}
.bps_title{ font-size: 60px; line-height: 1.2; color: #e60012; font-weight: bold;}
.bps_cont{ padding: 45px 40px 0;}
.bps_h2{ font-size: 30px; line-height: 40px; color: #000000; font-weight: bold; padding-bottom: 35px;}

/* 导航 */
.bps_body .comware_main{position: relative; padding-top: 60px; margin-top: 30px; overflow: hidden;}
.bps_body .comware_nav{position: absolute; left: 0; top: 0; width: 100%; background: #fff; z-index: 12;}
.bps_body .comware_nav::before{ display: none;}
.bps_body .comware_nav .box{ position: relative;}
.bps_body .comware_nav .box::before{content: ''; position: absolute; left:0; bottom: 0px; width: 100%; height: 1px; display: block; background: #000; }
.bps_body .comware_nav li{float: left; width: 50%;}
.bps_body .comware_nav li a{ color: #000; font-size: 16px; line-height: 1; padding: 30px 0 20px 0; display: block;  position: relative;  text-align: center; font-weight: bold;}
.bps_body .comware_nav li a::before{content: ''; position: absolute; left:0; bottom: -1px; width: 100%; height: 3px; display: block; background: #e60012; transition: 0.5s; opacity: 0; z-index: 1;}
.bps_body .comware_nav li.on a{color: #e60012;}
.bps_body .comware_nav li.on a::before{opacity: 1;}

.bps_body .page_nav_bg{ height: 71px;}
.bps_body .comware_nav2{position: relative; }
.bps_body .comware_nav2 li{ width: auto; margin-right: 90px;}
.bps_body .comware_nav2 li a{ max-width: 160px; height: 26px;}
.bps_body .comware_nav2 .tab_nav .prev{display: none;}
.bps_body .comware_nav2 .tab_nav .next{display: none;}

/* digital */
.bps_banner .bg_box{ padding: 145px 390px 90px 0; background-repeat: no-repeat; background-position: right 85px;}
.bps_banner .bg_box .tit{ font-size:60px; line-height: 70px; font-weight: bold; color: #000; padding-bottom: 5px;}
.bps_banner .bg_box .text{ font-size: 55px; line-height: 75px; font-weight: bold; color: #000; padding-bottom: 80px;}
.bps_banner .bg_box .bot_con > div{ float: left; line-height: 50px;}
.bps_banner .bg_box .bot_con .logo{ margin-right: 37px;}
.bps_banner .bg_box .bot_con .logo img{ max-width: 150px; width: 150px;}
.bps_banner .bg_box .bot_con .day{ border-left: 1px solid #cecece; padding:0 66px 0 26px; font-size: 14px; color: #999;}
.bps_banner .bg_box .bot_con .btn a{ display: block; height: 50px; background: #e60012; color: #fff; font-weight: bold; padding: 0 30px;}
.bps_banner .bg_box .bot_con .btn i{ display: inline-block; background: url(../images/bps/ion-12.png) no-repeat left center; padding-left: 35px;}
.bps_banner .bg_box .bot_con .btn a:hover{ background: #cf0010;}

.digital_situation .text{ padding-bottom: 60px;}
.digital_situation .tb_cent{ padding-bottom: 70px; width: 1100px; margin: 0 auto; position: relative; font-weight: bold;}
.digital_situation .tb_cent .num_box{ float: left; position: relative;}
.digital_situation .tb_cent .num_box::before{content:""; position:absolute; left:0; top:-2px; display:inline-block; width:300px; height:300px; background: url(../images/bps/bg-3.png) no-repeat center; background-size: cover; z-index: 1;}
.digital_situation .tb_cent .num_box span{ display: block; font-size: 24px; line-height: 30px; color: #e60012;}
.digital_situation .tb_cent .num_box .span_box{ display: table-cell; vertical-align:middle; width: 296px; height: 296px; box-sizing: border-box; border: 1px solid #000; border-radius: 100%; text-align: center;}
.digital_situation .tb_cent .num_box .sp2{ font-size: 48px; line-height: 50px;}
.digital_situation .tb_cent .num_box .sp3{ color: #333;}
.digital_situation .tb_cent .tet_box{ position: absolute; left: 290px; top: 100px;}
.digital_situation .tb_cent .tet_box span{ background: url(../images/bps/bg-2.png) no-repeat left 10px; padding-left: 170px; display: block; min-height: 55px; font-size: 18px; color: #e60012; line-height: 26px;}

.digital_situation .bg_color{ background: #f4f6f7; padding: 35px 0 90px;}
.digital_situation .tb_cent2 .num_box{ float: right;}
.digital_situation .tb_cent2 .num_box::before{ background: url(../images/bps/bg-5.png) no-repeat center; background-size: cover;}
.digital_situation .tb_cent2 .tet_box{ left: auto; right: 295px;}
.digital_situation .tb_cent2 .tet_box span{ background: url(../images/bps/bg-4.png) no-repeat right 10px; padding-right: 170px; padding-left: 0;}

.digital_situation .bot dl{ padding-top: 0;}
.digital_situation .bot dd{ float: left; width: 50%; font-weight: bold; box-sizing: border-box; padding: 0 35px;}
.digital_situation .bot dd.dd_black{ color: #000;}
.digital_situation .bot dd.dd_red{ color: #e60012;}
.digital_situation .bot dd span{ display: block;}
.digital_situation .bot dd .ion{ float: left; width:130px; padding-right: 40px;}
.digital_situation .bot dd .ion img{ width: 100%;}
.digital_situation .bot dd .txt{ padding-left: 83px;}
.digital_situation .bot dd .sp1{ font-size: 66px; line-height: 70px; padding-bottom: 5px;}
.digital_situation .bot dd .sp2{ font-size: 18px; line-height: 26px;}

.digital_approach{ background: #e6e7e8; padding-bottom: 10px;}
.digital_approach ul{ padding-right: 480px;}
.digital_approach li{ padding-bottom: 70px;}
.digital_approach .bps_h2{ position: relative;}
.digital_approach .bps_cont .img{ display: none;}
.digital_approach .bps_h2:before{content:""; position:absolute; left:0; bottom:15px; display:inline-block; width:51px; height:10px;  background-size: cover;}
.digital_approach .li1 .bps_h2:before{ background: url(../images/bps/ion-3.png) no-repeat center;}
.digital_approach .li2 .bps_h2:before{ background: url(../images/bps/ion-4.png) no-repeat center;}
.digital_approach .li3 .bps_h2:before{ background: url(../images/bps/ion-5.png) no-repeat center;}
.digital_approach li .text{ padding-right: 100px;}

.digital_approach .bps_cont{ position: relative;}
.digital_approach .tb_cent3{ position: absolute; right: 0; top: 0; font-weight: bold;}
/*
.digital_approach .tb_cent3 .respondents{ width: 228px; height: 228px; background: #fff; border-radius: 100%; text-align: center; line-height: 228px; font-size: 33px; color: #333; margin: 230px 80px 0 0;}
.digital_approach .tb_cent3 .yuan span{ display: block; position: absolute; background-size: cover;}
.digital_approach .tb_cent3 .yuan .sp1{ width: 284px; height: 284px; background: url(../images/bps/bg-6.png) no-repeat center; bottom: -30px; right: 52px;}
.digital_approach .tb_cent3 .yuan .sp2{ width: 336px; height: 336px; background: url(../images/bps/bg-7.png) no-repeat center; bottom: -56px; right: 25px;}
.digital_approach .tb_cent3 .yuan .sp3{ width: 392px; height: 392px; background: url(../images/bps/bg-8.png) no-repeat center; bottom: -83px; right: 0;}

.digital_approach .tb_cent3 .num span{ display: block; position: absolute; text-align: center; font-size: 66px; line-height: 70px; min-width: 150px;}
.digital_approach .tb_cent3 .num span span{ position: static;}
.digital_approach .tb_cent3 .num .sp1{ bottom: 60px; right: 430px; color: #000;}
.digital_approach .tb_cent3 .num .sp2{ bottom: 320px; right: 320px; color: #e9727b;}
.digital_approach .tb_cent3 .num .sp3{ bottom: -220px; right: 340px; color: #e60012;}
.digital_approach .tb_cent3 .num span i{ font-size: 30px; line-height: 40px; display: block;}
.digital_approach .tb_cent3 .num .sp1:before{content:""; position:absolute; left:150px; top:20px; display:inline-block; width:100px; height:13px;  background: url(../images/bps/bg-9.png) no-repeat center; background-size: cover;}
.digital_approach .tb_cent3 .num .sp2:before{content:""; position:absolute; left:150px; top:50px; display:inline-block; width:153px; height:105px;  background: url(../images/bps/bg-10.png) no-repeat center; background-size: cover;}
.digital_approach .tb_cent3 .num .sp3:before{content:""; position:absolute; left:150px; top:-30px; display:inline-block; width:149px; height:88px;  background: url(../images/bps/bg-11.png) no-repeat center; background-size: cover;}
*/

.digital_approach .tb_cent3 ul{ padding: 0;}
.digital_approach .tb_cent3  .yuan2{ padding-top: 30px;}
.digital_approach .tb_cent3  .yuan2 li{ padding: 46px 0; overflow: hidden;}
.digital_approach .tb_cent3  .yuan2 li span{ display: block; line-height: 1;}
.digital_approach .tb_cent3  .yuan2 li img{ float: left;}
.digital_approach .tb_cent3  .yuan2 li .tit{ overflow: hidden; margin-left: 170px; padding-top: 20px;}
.digital_approach .tb_cent3  .yuan2 li .s1{ font-size: 28px; padding-bottom: 0;}
.digital_approach .tb_cent3  .yuan2 li .s2{ font-size: 66px;}
.digital_approach .tb_cent3  .yuan2 li.li1{  color: #e9727b;}
.digital_approach .tb_cent3  .yuan2 li.li2{  color: #333333;}
.digital_approach .tb_cent3  .yuan2 li.li3{  color: #e60012;}



.digital_opportunity{ background: #848e99; padding-bottom: 90px;}
.digital_opportunity .bps_title{ color: #fff;}
.digital_opportunity ul{ margin: 0 -2px;}
.digital_opportunity li{ float: left; width: 33.3%; box-sizing: border-box; padding: 0 2px;}
.digital_opportunity .li_box{ position: relative;}
.digital_opportunity .li_box .tet{ position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; font-size: 24px; color: #fff; background: rgba(0,0,0,0.5); line-height: 60px;}
.digital_opportunity .text{ color: #fff; padding-top: 35px;}

.digital_conclusions{ position: relative; min-height: 378px;  box-sizing: border-box;}
.digital_conclusions:before{content:""; position:absolute; left:0; top:0; display:inline-block; width:100%; height:378px;  background: #f4f6f7;}
.digital_conclusions .wrap{ position: relative; z-index: 1;}
.digital_conclusions ul{ padding-top: 40px; margin: 0 -25px;}
.digital_conclusions li{ float: left; padding: 0 25px; box-sizing: border-box; width: 33.3%;}
.digital_conclusions li .li_box{ position: relative;}
.digital_conclusions li .li_box:before{content:""; position:absolute; left:0; top:0; display:inline-block;}
.digital_conclusions li.li1 .li_box{ padding-left: 130px;}
.digital_conclusions li.li1 .li_box:before{ width:172px; height:172px;  background: url(../images/bps/ion-6.png) no-repeat left center;}
.digital_conclusions li.li2 .li_box{ padding-left: 172px;}
.digital_conclusions li.li2 .li_box:before{ width:172px; height:172px;  background: url(../images/bps/ion-7.png) no-repeat left center;}
.digital_conclusions li.li3 .li_box{ padding-left: 164px;}
.digital_conclusions li.li3 .li_box:before{ width:172px; height:172px;  background: url(../images/bps/ion-8.png) no-repeat left center;}
.digital_conclusions li .txt_box{ display: block; background: #e6e7e8; position: relative; z-index: 1;}
.digital_conclusions li .tet{ display: table-cell; vertical-align:middle; height: 172px; padding-right: 20px;}

.digital_appendix{ padding-bottom: 100px;}
.digital_appendix ul{ margin-top: 52px;}
.digital_appendix li{ float: left; text-align: center; box-sizing: border-box;}
.digital_appendix li.li1{ width: 30%; padding: 30px 70px;}
.digital_appendix li.li2{ width: 40%; padding: 30px 110px; position: relative;}
.digital_appendix li.li2:before,
.digital_appendix li.li2:after{content:""; position:absolute; top:0; display:inline-block; width: 2px; height: 100%; background: #cecece;}
.digital_appendix li.li2:before{ left:0;}
.digital_appendix li.li2:after{ right:0;}
.digital_appendix li.li3{ width: 30%; padding: 30px 30px 30px 70px;}
.digital_appendix li span{ display: block;}
.digital_appendix li .ion{ margin-bottom: 30px;}
.digital_appendix li .tit{ font-size: 20px; line-height: 26px; color: #333; font-weight: bold; margin-bottom: 13px;}
.digital_appendix li .tet{ text-align: left; padding: 0 10px;}
.digital_appendix li.li1 .tet,
.digital_appendix li.li3 .tet{ padding-left: 40px;}

.digital_appendix li .tet span{ line-height: 30px;}
.digital_appendix li .tet i{ font-weight: bold; color: #e1251b; padding-right: 10px; display: inline-block; min-width: 35px;}


/* Future */
.bps_banner .bg_box .text2{ font-size: 60px; line-height: 70px; color: #000; font-weight: bold; margin-bottom: 10px;}
.bps_banner .bg_box .text3{ font-size: 30px; line-height: 36px; color: #000; margin-bottom: 60px; width: 60%;}

.future_insights .bot_box{ position: relative; min-height: 200px; margin:15px 0 80px;}
.future_insights .tb_box{ width: 1080px; margin: 0 auto; position: relative;}
.future_insights .tb_box .num{ position: relative; float: left; margin-top: 158px;}
.future_insights .tb_box .num:before{content:""; position:absolute; left:0; top:-2PX; display:inline-block; width:336px; height:336px; background: url(../images/bps/bg-19.png) no-repeat center; background-size: cover; }
.future_insights .tb_box .span_box{ width: 332px; height: 332px; display: table-cell; vertical-align:middle;box-sizing: border-box;border: 1px solid #000;border-radius: 100%;text-align: center;}
.future_insights .tb_box .span_box span{ display: block; font-size: 20px; line-height: 34px; color: #333;}
.future_insights .tb_box .span_box span.sp1{ font-size: 33px; font-weight: bold;}
.future_insights .tb_box .span_box span.sp1 i{ font-size: 66px; line-height: 70px; color: #e60012; padding: 0 5px;}
.future_insights .tb_box .txt{ position: absolute; left: 280px; top: 0; padding-left: 125px;}
.future_insights .tb_box .txt:before{content:""; position:absolute; left:0; top:95px; display:inline-block; width:119px; height:109px; background: url(../images/bps/bg-20.png) no-repeat center; background-size: 100%;}
.future_insights .tb_box .txt > div{ float: left; text-align: center;}
.future_insights .tb_box .txt .d1{ width: 170px;}
.future_insights .tb_box .txt span{ display: block; font-weight: bold;}
.future_insights .tb_box .txt span.sp1{ font-size: 60px; line-height: 70px; color: #000;}
.future_insights .tb_box .txt span.sp2{ font-size: 18px; line-height: 40px; color: #e60012;}
.future_insights .tb_box .txt span.sp2 i{ font-size: 36px; padding: 0 5px;}
.future_insights .tb_box .txt .d2{ width: 300px; margin-top: 85px; background: url(../images/bps/bg-21.png) no-repeat top center; background-size: 100%;}
.future_insights .tb_box .txt .d2 span{ color: #333; font-weight: 400; padding-top: 25px; line-height: 20px;}
.future_insights .tb_box .txt .d1a span.sp1{position: relative;left: -320px;top: 56px;}

.future_insights .tet_box{ position: absolute; right: 0; bottom: 0; width: 519px; background: #f4f4f4; border-left: 4px solid #000; box-sizing: border-box; padding: 40px 50px; font-size: 18px; line-height: 28px; font-weight: bold; color: #000;}

.future_insights .bg_color{ background: #f4f6f7;}
.future_insights .bg_color ul{ padding: 50px 40px;}
.future_insights .bg_color li{ margin: 0 -20px; padding: 50px 0;}
.future_insights .bg_color .left,
.future_insights .bg_color .right{ float: left; width: 50%; box-sizing: border-box; padding: 0 20px;}
.future_insights .bg_color .left{ padding-top: 40px;}
.future_insights .bg_color .li2 .left{ float: right;}
.future_insights .bg_color .li2 .right{ float: left;}

.future_review .top_con .txt{ padding-bottom: 65px;}
.future_review .top_con .tet{ font-size: 25px; line-height: 27px;}
.future_review .top_ul{ padding: 110px 0 80px 0;}
.future_review .top_ul ul{ width: 1400px; margin: 0 auto; background: url(../images/bps/bg-13.png) no-repeat left top; padding: 0 40px; box-sizing: border-box; position: relative;}
.future_review .top_ul li{ float: left; box-sizing: border-box;}
.future_review .top_ul li.li1{ width: 230px;}
.future_review .top_ul li.li2{ width: 300px;}
.future_review .top_ul li.li3{ width: 267px; position: absolute; top: -15px; left: 307px;}
.future_review .top_ul li.li4{ width: 225px;}
.future_review .top_ul li.li5{ width: 290px;}
.future_review .top_ul li.li6{ width: 216px;}
.future_review .top_ul li.li7{ width: 170px; position: absolute; top: -60px; right: 100px;}
.future_review .top_ul li.li8{ width: 40px;}

.future_review .top_ul .year{ font-size: 18px; font-weight: bold; color: #000;}
.future_review .top_ul .year i{ display: inline-block; position: relative; padding-bottom: 27px;}
.future_review .top_ul .year i:before{content:""; position:absolute; left:50%; margin-left: -7px; bottom:0; display:inline-block; width:15px; height:15px; background: #000; border-radius: 100%; }
.future_review .top_ul .year i:after{content:""; position:absolute; left:50%; top:40px; display:inline-block; width:1px; height:112px; background: #6d6d6d; border-radius: 100%; }
.future_review .top_ul .nr{ margin: 95px 0 0 15px; padding-left: 15px; position: relative;}
.future_review .top_ul .nr:before{content:""; position:absolute; left:0; top:10px; display:inline-block; width:9px; height:9px; background: #000; border-radius: 100%; }

.future_review .top_ul li.li4 .year i::after,
.future_review .top_ul li.li8 .year i::after{ display: none;}
.future_review .top_ul .red{ font-size: 18px; font-weight: bold; color: #e60012; text-align: center; padding: 0 20px; box-sizing: border-box;}
.future_review .top_ul li.li3 .red{ background: url(../images/bps/bg-14.png) no-repeat center bottom; background-size: 100%; padding-bottom: 30px; height: 108px;}
.future_review .top_ul li.li7 .red{ background: url(../images/bps/bg-15.png) no-repeat center bottom; background-size: 100%; padding-bottom: 30px; height: 75px;}
.future_review .iph_ul{ display: none;}

.future_review .bg_color{ background: #e6e8e8; padding-bottom: 90px;}

.future_review .key_ul{ margin: 0 -14px;}
.future_review .key_ul li{ float: left; width: 33.3%; padding: 0 14px; box-sizing: border-box;}
.future_review .key_ul .li_box{ height: 174px; border: 2px solid #666; border-radius: 20px; text-align: center; position: relative; padding: 0 40px;}

.future_review .key_ul span{ display: block; font-size: 14px; line-height: 18px;}
.future_review .key_ul .sp1{ font-size: 24px; font-weight: bold; color: #000; line-height: 30px; padding:  52px 0 24px;}
.future_review .key_ul li.li1 .li_box:before{content:""; display: none; position:absolute; right:-45px; top:50%; margin-top: -23px;width:45px; height:47px; background: url(../images/bps/bg-16.jpg) no-repeat center bottom; z-index: 1;}
.future_review .key_ul li.li2 .li_box:before{content:""; display: none; position:absolute; right:-45px; top:50%; margin-top: -23px; width:45px; height:47px; background: url(../images/bps/bg-17.jpg) no-repeat center bottom; z-index: 1;}

.future_review .wlan_ul{ position: relative; margin-top: 20px;}
.future_review .wlan_ul .tet{ position: absolute; left: 0; top:80px; font-size: 25px; color: #333;}
.future_review .wlan_ul ul{ background: url(../images/bps/bg-26.png) no-repeat center top; width: 1330px; min-height: 560px; margin: 0 auto;}
.future_review .wlan_ul li{ float: left; padding: 0 20px; box-sizing: border-box;}
.future_review .wlan_ul .li1{ width: 370px;}
.future_review .wlan_ul .li2{ width: 380px;}
.future_review .wlan_ul .li3{ width: 340px;}
.future_review .wlan_ul .li4{ width: 240px; padding-right: 0;}
.future_review .wlan_ul span{ line-height: 20px; display: block; color: #333;}
.future_review .wlan_ul .sp1{ font-weight: bold; line-height: 24px;}
.future_review .wlan_ul .li1 .sp1{ margin-top: 250px; height: 96px; padding:0 50px;}
.future_review .wlan_ul .li2 .sp1{ margin-top: 250px; height: 96px; padding-right: 90px;}
.future_review .wlan_ul .li2 .sp2{ margin-top: 100px; height: 40px;}
.future_review .wlan_ul .li2 .sp3{ margin-top: 50px;}
.future_review .wlan_ul .li3 .sp1{ margin-top: 140px; height: 72px; padding-right: 90px; opacity: 0;}
.future_review .wlan_ul .li3 .sp2{ margin-top: 158px; height: 40px;}
.future_review .wlan_ul .li3 .sp3{ margin-top: 55px;}
.future_review .wlan_ul .li4 .sp2{ margin-top: 210px;color: #e60012;}

.future_review .wlan_ul .left,
.future_review .wlan_ul .right{ display: none;}

.future_review .bps_jtleft,
.future_review .bps_jtright{ display: none;}

.future_ten .txt_box{ padding: 0 40px;}
.future_ten .txt_box .text2{ font-size: 25px; color: #333; padding-top: 70px;}
.future_ten .tet_box{ margin: 50px 40px 0; background: #f4f6f7; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 20px;}
.future_ten .tet_box span{ display: block;}
.future_ten .tet_box .sp1{ font-size: 18px; font-weight: bold; color: #333; padding-bottom: 10px;}
.future_ten .list_bg{ position: relative;}
.future_ten .bps_jtleft,
.future_ten .bps_jtright{ display: none;}
.future_ten .list{ margin-top: 80px;}
.future_ten .list ul{ background: url(../images/bps/bg-27.png) no-repeat center top; padding: 0 20px; box-sizing: border-box; width: 1400px;}
.future_ten .list li{ float: left; box-sizing: border-box; padding: 0 10px;}
.future_ten .list li.li1{ width: 136px;}
.future_ten .list li.li2{ width: 96px;}
.future_ten .list li.li3{ width: 142px;}
.future_ten .list li.li4{ width: 142px;}
.future_ten .list li.li5{ width: 110px;}
.future_ten .list li.li6{ width: 130px;}
.future_ten .list li.li7{ width: 145px;}
.future_ten .list li.li8{ width: 142px;}
.future_ten .list li.li9{ width: 150px;}
.future_ten .list li.li10{ width: 150px;}
.future_ten .list li span{ display: block;}
.future_ten .list .year{ text-align: center; font-size: 18px; font-weight: bold; color: #000; height: 66px; box-sizing: border-box; padding-top: 20px;}
.future_ten .list .text{ margin-top: 80px; font-size: 14px; line-height: 22px;}
.future_ten .list li.li4 .year,
.future_ten .list li.li10 .year{ color: #fff; font-size: 24px; padding-top: 12px;}
.future_ten .list li.li4 .text,
.future_ten .list li.li10 .text{ color: #e60012; font-weight: bold; border: 2px solid #e60012; border-radius: 5px; padding: 5px 10px;}

.future_present .top_box{ padding: 60px 40px 70px;}
.future_present .bg_color{ background: #f4f6f7; padding: 45px 0 80px;}
.future_present .bg_color ul{ margin: -22px -1px;}
.future_present .bg_color li{ float: left; width: 50%; box-sizing: border-box; padding: 22px 1px;}
.future_present .bg_color li.li3,
.future_present .bg_color li.li4,
.future_present .bg_color li.li5{ width: 33.3%;}
.future_present .bg_color .li_box{ height: 252px; box-sizing: border-box; color: #fff; padding: 75px 50px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.future_present .bg_color li span{ display: block;}
.future_present .bg_color li span.sp1{ font-size: 30px; font-weight: bold; padding-bottom: 20px; line-height: 1.2;}
.future_present .bg_color li.li3 .li_box,
.future_present .bg_color li.li4 .li_box,
.future_present .bg_color li.li5 .li_box{ padding: 55px 35px;}
.future_present .bg_color li.li6 .li_box,
.future_present .bg_color li.li7 .li_box{ padding: 55px 50px;}


.future_present .bg_color .li_box{ position: relative;}
.future_present .bg_color .li_box span{ display: block; transition:all 0.3s;}
.future_present .bg_color .tet{ background: rgba(0,0,0,0.6); position: absolute; bottom: 0; left: 0; padding: 0 30px; color: #fff; height: 66px; overflow: hidden;} 
.future_present .bg_color .tet span{ display: block; transition:all 0.3s;}
.future_present .bg_color .tet span.sp1{ font-size: 24px; font-weight: bold; padding: 20px 0;}
.future_present .bg_color .li_box:hover .tet{ height: 100%;}
.future_present .bg_color .li_box:hover .tet span.sp1{ padding: 50px 0 25px;}


.future_outlook .top_cont{ padding-bottom: 80px;}
.future_outlook .top_cont .text{ padding-bottom: 65px;}
.future_outlook .top_cont ul{ background-repeat: no-repeat; background-position: center; background-size: cover; height: 303px; margin-top: 30px;}
.future_outlook .top_cont li{ width: 33.3%; height: 100%; float: left; box-sizing: border-box; padding: 120px 50px 0; color: #fff; font-size: 18px; font-weight: bold; text-align: center;}
.future_outlook .top_cont li.li2{ position: relative;}
.future_outlook .top_cont li.li2:before,
.future_outlook .top_cont li.li2:after{content:""; position:absolute; top:10%; display:inline-block; width:1px; height:80%; background: #f3f6f8; }
.future_outlook .top_cont li.li2:before{ left:0;}
.future_outlook .top_cont li.li2:after{ right:0;}
.future_outlook .bg_color{ background: #f4f6f7; padding: 25px 0 100px;}

.future_outlook .bot_box1 ul{ padding: 0 0 70px;}
.future_outlook .bot_box1 li{ width: 100%; box-sizing: border-box; padding: 0 20px; color: #333;}
.future_outlook .bot_box1 li.li3{ padding-top: 0;}
.future_outlook .bot_box2 ul{ margin: 0 -20px; padding-top: 40px;}
.future_outlook .bot_box2 li{ width: 50%; float: left; box-sizing: border-box; padding: 0 20px;}
.future_outlook .bot_box2 .li_box{ position: relative;}
.future_outlook .bot_box2 .li_box span{ display: block; transition:all 0.3s;}
.future_outlook .bot_box2 .tet{ background: rgba(0,0,0,0.6); position: absolute; bottom: 0; left: 0; padding: 0 50px; color: #fff; height: 66px; overflow: hidden;} 
.future_outlook .bot_box2 .tet i{ display: block; transition:all 0.3s;}
.future_outlook .bot_box2 .tet i.i1{ text-align: center; font-size: 24px; font-weight: bold; padding: 20px 0;}
.future_outlook .bot_box2 .li_box:hover .tet{ height: 100%;}
.future_outlook .bot_box2 .li_box:hover .tet i.i1{ padding: 100px 0 25px;}
.future_outlook .bot_box3{ padding-top: 70px;}
.future_outlook .bot_box3 ul{ margin: 0 -20px; padding-top: 35px;}
.future_outlook .bot_box3 li{ float: left; width: 16.6%; box-sizing: border-box; padding: 0 20px;}
.future_outlook .bot_box3 .li_box{ background-repeat: no-repeat; background-position: center; background-size: 100%; height: 186px; line-height: 186px; text-align: center;}
.future_outlook .bot_box3 .li_box span{ display: block; font-size: 16px; font-weight: bold; color: #fff;}

.future_practice .text{ font-size: 25px; color: #333; padding-top: 30px; line-height: 1.2;}
.future_practice .ul_list_bg{ position: relative;}
.future_practice .bps_jtleft,
.future_practice .bps_jtright{ display: none;}
.future_practice .ul_list{ padding: 30px 0;}
.future_practice .ul_list ul{ background: url(../images/bps/bg-28.png) no-repeat center 30px; padding: 0 20px; box-sizing: border-box; width: 1320px; height: 460px;}
.future_practice .ul_list li{ float: left; box-sizing: border-box;}
.future_practice .ul_list li.li1{ width: 19%; padding-top: 310px;}
.future_practice .ul_list li.li2{ width: 20.5%; padding-top: 220px;}
.future_practice .ul_list li.li3{ width: 20%; padding-top: 150px;}
.future_practice .ul_list li.li4{ width: 21%; padding-top: 80px;}
.future_practice .ul_list li.li5{ width: 19%; padding-top: 0px;}
.future_practice .ul_list span{ display: block; color: #000; font-size: 18px; line-height: 24px;}
.future_practice .ul_list .sp1{ font-weight: bold; margin-bottom: 38px;}
.future_practice .ul_list .sp2{ padding: 0 20px;}

.future_practice .ul_pic ul{ margin: 0 -2px; padding-top: 40px;}
.future_practice .ul_pic li{ float: left; width: 25%; box-sizing: border-box; padding: 0 2px;}
.future_practice .ul_pic .li_box{ position: relative;}
.future_practice .ul_pic span,
.future_practice .ul_pic i{ display: block;}
.future_practice .ul_pic .tet{ position: absolute; left: 0; top: 0; text-align: center; width: 100%; color: #fff; font-size: 30px; line-height: 34px; font-weight: bold; padding: 135px 15px 0; box-sizing: border-box;}

.future_conclusion{ padding-bottom: 80px;}
.future_conclusion ul{ padding-top: 65px;}
.future_conclusion li{ float: left; width: 33.3%; box-sizing: border-box;}
.future_conclusion li.li2{ position: relative;}
.future_conclusion li.li2:before,
.future_conclusion li.li2:after{content:""; position:absolute; top:0; display:inline-block; width:2px; height:100%; background: #cecece; }
.future_conclusion li.li2:before{ left: 0;}
.future_conclusion li.li2:after{ right: 0;}
.future_conclusion .li_box{ padding: 10px 40px 40px; text-align: center; color: #000;}
.future_conclusion .li_box span{ display: block;}
.future_conclusion .li_box span.ion{ margin-bottom: 55px;}

.bps_botban{ background: url(../images/bps/bg-18.jpg) no-repeat center; background-size: cover;}
.bps_botban .text{ padding: 55px 40px; color: #fff;}


/* 入场 */
/*
.digital_insights .bps_title{ transition:all 0.8s 0.5s; transform:translateY(-40px); opacity:0;}
.digital_insights .bps_cont{ transition:all 0.8s 0.7s; transform:translateY(-40px); opacity:0;}
.bps_anm.digital_insights .bps_title{transform:translateY(0px); opacity:1;}
.bps_anm.digital_insights .bps_cont{transform:translateY(0px); opacity:1;}

.digital_situation .bps_title{ transition:all 0.8s 0.5s; transform:translateY(-40px); opacity:0;}
.digital_situation .top_con .bps_h2{ transition:all 0.8s 0.7s; transform:translateY(-40px); opacity:0;}
.digital_situation .top_con .text{ transition:all 0.8s 0.9s; transform:translateY(-40px); opacity:0;}
.bps_anm.digital_situation .bps_title{transform:translateY(0px); opacity:1;}
.bps_anm.digital_situation .top_con .bps_h2{transform:translateY(0px); opacity:1;}
.bps_anm.digital_situation .top_con .text{transform:translateY(0px); opacity:1;}
*/

.digital_situation .tb_cent .num_box .span_box{ transition:all 0.8s 0.1s; opacity: 0;}
.digital_situation .top_con .tb_cent .num_box::before{ transition:all 1s 0.2s; transform: rotate(80deg); opacity:0;}
.digital_situation .top_con .tb_cent .tet_box{ transition:all 0.8s 0.4s; transform:translateX(40px); opacity:0;}
.bps_anm.digital_situation .tb_cent .num_box .span_box{ opacity: 1;}
.bps_anm.digital_situation .top_con .tb_cent .num_box::before{ transform: rotate(0deg); opacity:1;}
.bps_anm.digital_situation .top_con .tb_cent .tet_box{transform:translateX(0px); opacity:1;}

.digital_situation .top .tb_cent .num_box .span_box{ transition:all 0.8s 1s; opacity: 0;}
.digital_situation .top .tb_cent .num_box::before{ transition:all 0.8s 1.2s; transform: rotate(80deg); opacity:0;}
.digital_situation .top .tb_cent .tet_box{ transition:all 0.8s 1.4s; transform:translateX(-40px); opacity:0;}
.bps_anm.digital_situation .top .tb_cent .num_box .span_box{ opacity: 1;}
.bps_anm.digital_situation .top .tb_cent .num_box::before{ transform: rotate(0deg); opacity:1;}
.bps_anm.digital_situation .top .tb_cent .tet_box{transform:translateX(0px); opacity:1;}
/*
.digital_situation .top .bps_h2{ transition:all 0.8s 1.8s; transform:translateY(-40px); opacity:0;}
.digital_situation .top .text{ transition:all 0.8s 2s; transform:translateY(-40px); opacity:0;}
.digital_situation .bot .bps_h2{ transition:all 0.8s 2.6s; transform:translateY(-40px); opacity:0;}
.digital_situation .bot .text{ transition:all 0.8s 2.8s; transform:translateY(-40px); opacity:0;}
.bps_anm.digital_situation .top .bps_h2{transform:translateY(0px); opacity:1;}
.bps_anm.digital_situation .top .text{transform:translateY(0px); opacity:1;}
*/



.digital_situation .bot dd{ opacity:0;}
.digital_situation .bot dd:nth-child(1){ transition:all 0.8s 2s; transform:translateX(-40px);}
.digital_situation .bot dd:nth-child(2){ transition:all 0.8s 2s; transform:translateX(40px);}



.bps_anm.digital_situation .bot .bps_h2{transform:translateY(0px); opacity:1;}
.bps_anm.digital_situation .bot .text{transform:translateY(0px); opacity:1;}
.bps_anm.digital_situation .bot dd{transform:translateX(0px); opacity:1;}
/*
.digital_approach .bps_title{ transition:all 0.8s 0.5s; transform:translateY(-40px); opacity:0;}
.bps_anm.digital_approach .bps_title{transform:translateY(0px); opacity:1;}

.digital_approach li{ transform:translateX(-40px); opacity:0;}
.digital_approach li:nth-child(1){ transition:all 0.8s 0.7s;}
.digital_approach li:nth-child(2){ transition:all 0.8s 0.9s;}
.digital_approach li:nth-child(3){ transition:all 0.8s 1.1s;}
.bps_anm.digital_approach li{ transform:translateX(0px); opacity:1;}


.digital_approach .tb_cent3 .respondents{ transition:all 0.8s 0.1s; opacity: 0;}
.digital_approach .tb_cent3 .yuan .sp1{ transition:all 1s 0.2s; transform: rotate(80deg); opacity:0;}
.digital_approach .tb_cent3 .yuan .sp2{ transition:all 1s 0.2s; transform: rotate(-80deg); opacity:0;}
.digital_approach .tb_cent3 .yuan .sp3{ transition:all 1s 0.2s; transform: rotate(60deg); opacity:0;}
.digital_approach .tb_cent3 .num .sp1{ transition:all 0.8s 0.4s; transform:translateX(-40px); opacity:0;}
.digital_approach .tb_cent3 .num .sp2{ transition:all 0.8s 0.5s; transform:translateY(-40px); opacity:0;}
.digital_approach .tb_cent3 .num .sp3{ transition:all 0.8s 0.6s; transform:translateY(40px); opacity:0;}
.bps_anm.digital_approach .tb_cent3 .respondents{ opacity: 1;}
.bps_anm.digital_approach .tb_cent3 .yuan .sp1,
.bps_anm.digital_approach .tb_cent3 .yuan .sp2,
.bps_anm.digital_approach .tb_cent3 .yuan .sp3{ transform: rotate(0deg); opacity:1;}
.bps_anm.digital_approach .tb_cent3 .num .sp1,
.bps_anm.digital_approach .tb_cent3 .num .sp2,
.bps_anm.digital_approach .tb_cent3 .num .sp3{ transform:translateX(0px); transform:translateY(0px); opacity:1;}
*/
.digital_approach .tb_cent3 .yuan2 .li1 img{ transition:all 0.8s 0s; opacity: 0; transform:translateX(-20px);}
.digital_approach .tb_cent3 .yuan2 .li2 img{ transition:all 0.8s 0.2s; opacity: 0; transform:translateX(-20px);}
.digital_approach .tb_cent3 .yuan2 .li3 img{ transition:all 0.8s 0.4s; opacity: 0; transform:translateX(-20px);}

.digital_approach .tb_cent3 .yuan2 .li1 .tit{ transition:all 0.8s 0s; opacity: 0; transform:translateX(20px);}
.digital_approach .tb_cent3 .yuan2 .li2 .tit{ transition:all 0.8s 0.2s; opacity: 0; transform:translateX(20px);}
.digital_approach .tb_cent3 .yuan2 .li3 .tit{ transition:all 0.8s 0.4s; opacity: 0; transform:translateX(20px);}

.bps_anm.digital_approach .tb_cent3 .yuan2 .li1 .tit,
.bps_anm.digital_approach .tb_cent3 .yuan2 .li2 .tit,
.bps_anm.digital_approach .tb_cent3 .yuan2 .li3 .tit,
.bps_anm.digital_approach .tb_cent3 .yuan2 .li1 img,
.bps_anm.digital_approach .tb_cent3 .yuan2 .li2 img,
.bps_anm.digital_approach .tb_cent3 .yuan2 .li3 img{ transform:translateX(0px); opacity:1;}



/*
.digital_opportunity .bps_title{ transition:all 0.8s 0.5s; transform:translateY(-40px); opacity:0;}
.digital_opportunity li{ transform:translateY(40px); opacity:0;}
.digital_opportunity li:nth-child(1){ transition:all 0.8s 0.7s;}
.digital_opportunity li:nth-child(2){ transition:all 0.8s 0.9s;}
.digital_opportunity li:nth-child(3){ transition:all 0.8s 1.1s;}
.digital_opportunity .text{ transition:all 0.8s 1.3s; transform:translateY(40px); opacity:0;}
.bps_anm.digital_opportunity .bps_title{transform:translateY(0px); opacity:1;}
.bps_anm.digital_opportunity li{ transform:translateX(0px); opacity:1;}
.bps_anm.digital_opportunity .text{ transform:translateX(0px); opacity:1;}

.digital_conclusions .bps_title{ transition:all 0.8s 0.5s; transform:translateY(-40px); opacity:0;}
.digital_conclusions .bps_cont{ transition:all 0.8s 0.7s; transform:translateY(-40px); opacity:0;}
.bps_anm.digital_conclusions .bps_title{transform:translateY(0px); opacity:1;}
.bps_anm.digital_conclusions .bps_cont{transform:translateY(0px); opacity:1;}

.digital_conclusions li{ transform:translateY(40px); opacity:0;}
.digital_conclusions li:nth-child(1){ transition:all 0.8s 0.9s;}
.digital_conclusions li:nth-child(2){ transition:all 0.8s 1.1s;}
.digital_conclusions li:nth-child(3){ transition:all 0.8s 1.2s;}
.bps_anm.digital_conclusions li{ transform:translateX(0px); opacity:1;}

.digital_appendix .bps_title{ transition:all 0.8s 0.5s; transform:translateY(-40px); opacity:0;}
.digital_appendix .text{ transition:all 0.8s 0.7s; transform:translateY(-40px); opacity:0;}
.bps_anm.digital_appendix .bps_title{transform:translateY(0px); opacity:1;}
.bps_anm.digital_appendix .text{transform:translateY(0px); opacity:1;}

.digital_appendix li{ transform:translateY(40px); opacity:0;}
.digital_appendix li:nth-child(1){ transition:all 0.8s 0.9s;}
.digital_appendix li:nth-child(2){ transition:all 0.8s 1.1s;}
.digital_appendix li:nth-child(3){ transition:all 0.8s 1.2s;}
.bps_anm.digital_appendix li{ transform:translateX(0px); opacity:1;}
*/
/*
.future_insights .bps_title{ transition:all 0.8s 0.5s; transform:translateY(-40px); opacity:0;}
.future_insights .top_con .bps_h2{ transition:all 0.8s 0.7s; transform:translateY(-40px); opacity:0;}
.future_insights .tet_box{ transition:all 0.8s 2.2s; transform:translateY(40px); opacity:0;}
.bps_anm.future_insights .bps_title{ transform:translateY(0px); opacity:1;}
.bps_anm.future_insights .top_con .bps_h2{ transform:translateY(0px); opacity:1;}
.bps_anm.future_insights .tet_box{ transform:translateY(0px); opacity:1;}
*/
.future_insights .tb_box .span_box{ transition:all 0.8s 0.1s; opacity: 0;}
.future_insights .tb_box .num::before{ transition:all 1s 0.2s; transform: rotate(80deg); opacity:0;}
.future_insights .tb_box .txt::before{ transition:all 0.8s 0.3s; transform:translateX(40px); opacity:0;}
.future_insights .tb_box .txt > div{ transform:translateX(40px); opacity:0;}
.future_insights .tb_box .txt .d1{ transition:all 0.8s 0.5s;}
.future_insights .tb_box .txt .d2{ transition:all 0.8s 0.7s;}
.future_insights .tb_box .txt .d3{ transition:all 0.8s 0.9s;}

.bps_anm.future_insights .tb_box .span_box{ opacity: 1;}
.bps_anm.future_insights .tb_box .num::before{ transform: rotate(0deg); opacity:1;}
.bps_anm.future_insights .tb_box .txt::before{ transform:translateX(0px); opacity:1;}
.bps_anm.future_insights .tb_box .txt > div{ transform:translateX(0px); opacity:1;}

/*
.future_insights .bg_color .li1 .left{ transition:all 0.8s 2.4s; transform:translateX(-40px); opacity:0;}
.future_insights .bg_color .li1 .right{ transition:all 0.8s 2.4s; transform:translateX(40px); opacity:0;}
.future_insights .bg_color .li2 .left{ transition:all 0.8s 2.6s; transform:translateX(40px); opacity:0;}
.future_insights .bg_color .li2 .right{ transition:all 0.8s 2.6s; transform:translateX(-40px); opacity:0;}
.bps_anm.future_insights .bg_color .left,
.bps_anm.future_insights .bg_color .right{transform:translateX(0px); opacity:1;}
*/
/*
.future_review .bps_title{ transition:all 0.8s 0.5s; transform:translateY(-40px); opacity:0;}
.future_review .top_con .bps_h2{ transition:all 0.8s 0.7s; transform:translateY(-40px); opacity:0;}
.future_review .top_con .txt{ transition:all 0.8s 0.9s; transform:translateY(-40px); opacity:0;}
.future_review .top_con .tet{ transition:all 0.8s 1.1s; transform:translateY(-40px); opacity:0;}
.bps_anm.future_review .bps_title{ transform:translateY(0px); opacity:1;}
.bps_anm.future_review .top_con .bps_h2{ transform:translateY(0px); opacity:1;}
.bps_anm.future_review .top_con .txt{ transform:translateY(0px); opacity:1;}
.bps_anm.future_review .top_con .tet{ transform:translateY(0px); opacity:1;}
*/

.future_review .top_ul ul{ transition:all 0.5s 0.2s; opacity: 0;}
.future_review .top_ul li{ transform:translateY(40px); opacity:0;}
.future_review .top_ul li.li1{ transition:all 0.8s 0.4s;}
.future_review .top_ul li.li2{ transition:all 0.8s 0.5s;}
.future_review .top_ul li.li3{ transition:all 0.8s 0.6s; transform:translateY(-40px);}
.future_review .top_ul li.li4{ transition:all 0.8s 0.7s;}
.future_review .top_ul li.li5{ transition:all 0.8s 0.8s;}
.future_review .top_ul li.li6{ transition:all 0.8s 0.9s;}
.future_review .top_ul li.li7{ transition:all 0.8s 1s; transform:translateY(-40px);}
.future_review .top_ul li.li8{ transition:all 0.8s 1.1s;}
.bps_anm.future_review .top_ul ul{ opacity: 1;}
.bps_anm.future_review .top_ul li{ transform:translateY(0px); opacity:1;}

/*
.future_review .bg_color .bps_h2{ transition:all 0.8s 2.2s; transform:translateY(-40px); opacity:0;}
.bps_anm.future_review .bg_color .bps_h2{ transform:translateY(0px); opacity:1;}

*/
.future_review .key_ul li{ transform:translateX(-40px); opacity:0;}
.future_review .key_ul .li1{ transition:all 0.8s 1.3s; z-index: 3;}
.future_review .key_ul .li2{ transition:all 0.8s 1.5s; z-index: 2;}
.future_review .key_ul .li3{ transition:all 0.8s 1.7s; z-index: 1;}
.bps_anm.future_review .key_ul li{ transform:translateY(0px); opacity:1;}

/*
.future_review .wlan_ul .tet{ transition:all 0.8s 2.9s; transform:translateY(-40px); opacity:0;}
.bps_anm.future_review .wlan_ul .tet{ transform:translateY(0px); opacity:1;}
*/
.future_review .wlan_ul .wlan_ul_bg{ transition:all 0.5s 2s; opacity: 0;}
.future_review .wlan_ul li{ transform:translateY(-40px); opacity:0;}
.future_review .wlan_ul li.li1{ transition:all 0.8s 2.2s;}
.future_review .wlan_ul li.li2{ transition:all 0.8s 2.3s;}
.future_review .wlan_ul li.li3{ transition:all 0.8s 2.4s;}
.future_review .wlan_ul li.li4{ transition:all 0.8s 2.5s;}
.future_review .wlan_ul li.li5{ transition:all 0.8s 2.6s;}

.bps_anm.future_review .wlan_ul .wlan_ul_bg{ opacity: 1;}
.bps_anm.future_review .wlan_ul li{ transform:translateY(0px); opacity:1;}
/*
.future_ten .bps_h2{ transition:all 0.8s 0.5s; transform:translateY(-40px); opacity:0;}
.future_ten .txt_box .text{ transition:all 0.8s 0.7s; transform:translateY(-40px); opacity:0;}
.future_ten .txt_box .text2{ transition:all 0.8s 0.9s; transform:translateY(-40px); opacity:0;}
.bps_anm.future_ten .bps_h2{ transform:translateY(0px); opacity:1;}
.bps_anm.future_ten .txt_box .text{ transform:translateY(0px); opacity:1;}
.bps_anm.future_ten .txt_box .text2{ transform:translateY(0px); opacity:1;}
*/
.future_ten .list ul{ transition:all 0.8s 0s; opacity: 0;}
.future_ten .list li{ transform:translateY(-40px); opacity:0;}
.future_ten .list li.li1{ transition:all 0.8s 0.1s;}
.future_ten .list li.li2{ transition:all 0.8s 0.2s;}
.future_ten .list li.li3{ transition:all 0.8s 0.3s;}
.future_ten .list li.li4{ transition:all 0.8s 0.4s;}
.future_ten .list li.li5{ transition:all 0.8s 0.5s;}
.future_ten .list li.li6{ transition:all 0.8s 0.6s;}
.future_ten .list li.li7{ transition:all 0.8s 0.7s;}
.future_ten .list li.li8{ transition:all 0.8s 0.8s;}
.future_ten .list li.li9{ transition:all 0.8s 0.9s;}
.future_ten .list li.li10{ transition:all 0.8s 1s;}
.bps_anm.future_ten .list ul{ opacity: 1;}
.bps_anm.future_ten .list li{ transform:translateY(0px); opacity:1;}

/*
.future_ten .tet_box{ transition:all 0.8s 2.2s; transform:translateY(40px); opacity:0;}
.bps_anm.future_ten .tet_box{ transform:translateY(0px); opacity:1;}

.future_present .bps_title{ transition:all 0.8s 0.5s; transform:translateY(-40px); opacity:0;}
.future_present .top_box{ transition:all 0.8s 0.7s; transform:translateY(-40px); opacity:0;}
.future_present .bg_color .bps_h2{ transition:all 0.8s 0.9s; transform:translateY(-40px); opacity:0;}
.bps_anm.future_present .bps_title{ transform:translateY(0px); opacity:1;}
.bps_anm.future_present .top_box{ transform:translateY(0px); opacity:1;}
.bps_anm.future_present .bg_color .bps_h2{ transform:translateY(0px); opacity:1;}

.future_present .bg_color li{ transform:translateY(40px); opacity:0;}
.future_present .bg_color li:nth-child(1){ transition:all 0.8s 1s;}
.future_present .bg_color li:nth-child(2){ transition:all 0.8s 1.1s;}
.future_present .bg_color li:nth-child(3){ transition:all 0.8s 1.2s;}
.future_present .bg_color li:nth-child(4){ transition:all 0.8s 1.3s;}
.future_present .bg_color li:nth-child(5){ transition:all 0.8s 1.4s;}
.future_present .bg_color li:nth-child(6){ transition:all 0.8s 1.5s;}
.future_present .bg_color li:nth-child(7){ transition:all 0.8s 1.6s;}
.bps_anm.future_present .bg_color li{ transform:translateX(0px); opacity:1;}

.future_outlook .bps_title{ transition:all 0.8s 0.5s; transform:translateY(-40px); opacity:0;}
.future_outlook .top_cont .text{ transition:all 0.8s 0.7s; transform:translateY(-40px); opacity:0;}
.future_outlook .top_cont .bps_h2{ transition:all 0.8s 0.9s; transform:translateY(-40px); opacity:0;}
.bps_anm.future_outlook .bps_title{ transform:translateY(0px); opacity:1;}
.bps_anm.future_outlook .top_cont .text{ transform:translateY(0px); opacity:1;}
.bps_anm.future_outlook .top_cont .bps_h2{ transform:translateY(0px); opacity:1;}

.future_outlook .top_cont ul{ transition:all 0.8s 1s; transform:scale(0.8); opacity: 0;}
.future_outlook .top_cont li{ transform:translateY(40px); opacity:0;}
.future_outlook .top_cont li:nth-child(1){ transition:all 0.8s 1.2s;}
.future_outlook .top_cont li:nth-child(2){ transition:all 0.8s 1.4s;}
.future_outlook .top_cont li:nth-child(3){ transition:all 0.8s 1.6s;}
.bps_anm.future_outlook .top_cont ul{ transform:scale(1); opacity: 1;}
.bps_anm.future_outlook .top_cont li{ transform:translateX(0px); opacity:1;}

.future_outlook .bot_box1 .bps_h2{ transition:all 0.8s 1.8s; transform:translateY(-40px); opacity:0;}
.future_outlook .bot_box1 li{ transform:translateY(40px); opacity:0;}
.future_outlook .bot_box1 li:nth-child(1){ transition:all 0.8s 2s;}
.future_outlook .bot_box1 li:nth-child(2){ transition:all 0.8s 2.2s;}
.future_outlook .bot_box1 li:nth-child(3){ transition:all 0.8s 2.4s;}
.bps_anm.future_outlook .bot_box1 .bps_h2{ transform:translateY(0px); opacity:1;}
.bps_anm.future_outlook .bot_box1 li{ transform:translateX(0px); opacity:1;}

.future_outlook .bot_box2 .bps_h2{ transition:all 0.8s 2.6s; transform:translateY(-40px); opacity:0;}
.future_outlook .bot_box2 li:nth-child(1){ transition:all 0.8s 2.8s; transform:scale(0.9); opacity: 0;}
.future_outlook .bot_box2 li:nth-child(2){ transition:all 0.8s 2.8s; transform:scale(0.9); opacity: 0;}
.bps_anm.future_outlook .bot_box2 .bps_h2{ transform:translateY(0px); opacity:1;}
.bps_anm.future_outlook .bot_box2 li{ transform:scale(1); opacity: 1;}

.future_outlook .bot_box3 .bps_h2{ transition:all 0.8s 3s; transform:translateY(-40px); opacity:0;}
.future_outlook .bot_box3 li{ transform:translateY(40px); opacity:0;}
.future_outlook .bot_box3 li:nth-child(1){ transition:all 0.8s 3.2s;}
.future_outlook .bot_box3 li:nth-child(2){ transition:all 0.8s 3.3s;}
.future_outlook .bot_box3 li:nth-child(3){ transition:all 0.8s 3.4s;}
.future_outlook .bot_box3 li:nth-child(4){ transition:all 0.8s 3.5s;}
.future_outlook .bot_box3 li:nth-child(5){ transition:all 0.8s 3.6s;}
.future_outlook .bot_box3 li:nth-child(6){ transition:all 0.8s 3.7s;}
.bps_anm.future_outlook .bot_box3 .bps_h2{ transform:translateY(0px); opacity:1;}
.bps_anm.future_outlook .bot_box3 li{ transform:translateX(0px); opacity:1;}

.future_practice .bps_title{ transition:all 0.8s 0.5s; transform:translateY(-40px); opacity:0;}
.future_practice .an_1{ transition:all 0.8s 0.7s; transform:translateY(-40px); opacity:0;}
.future_practice .an_2{ transition:all 0.8s 0.9s; transform:translateY(-40px); opacity:0;}
.future_practice .an_3{ transition:all 0.8s 1.8s; transform:translateY(-40px); opacity:0;}
.bps_anm.future_practice .bps_title,
.bps_anm.future_practice .an_1,
.bps_anm.future_practice .an_2,
.bps_anm.future_practice .an_3{ transform:translateY(0px); opacity:1;}
*/


.future_practice .ul_list{ transition:all 0.8s 0s; transform:scale(1); opacity: 0;}

.bps_anm.future_practice .ul_list{ transform:scale(1); opacity: 1;}


.future_practice .ul_list li{ transform:translateX(40px); opacity:0;}
.future_practice .ul_list li:nth-child(1){ transition:all 0.8s 0.2s;}
.future_practice .ul_list li:nth-child(2){ transition:all 0.8s 0.4s;}
.future_practice .ul_list li:nth-child(3){ transition:all 0.8s 0.6s;}
.future_practice .ul_list li:nth-child(4){ transition:all 0.8s 0.8s;}
.future_practice .ul_list li:nth-child(5){ transition:all 0.8s 1s;}

.bps_anm.future_practice .ul_list li{ transform:translateX(0px); opacity:1;}
/*
.future_practice .ul_pic li{ transform:translateY(40px); opacity:0;}
.future_practice .ul_pic li:nth-child(1){ transition:all 0.8s 2s;}
.future_practice .ul_pic li:nth-child(2){ transition:all 0.8s 2.2s;}
.future_practice .ul_pic li:nth-child(3){ transition:all 0.8s 2.4s;}
.future_practice .ul_pic li:nth-child(4){ transition:all 0.8s 2.6s;}
.bps_anm.future_practice .ul_pic li{ transform:translateX(0px); opacity:1;}


.future_conclusion .bps_title{ transition:all 0.8s 0.5s; transform:translateY(-40px); opacity:0;}
.bps_anm.future_conclusion .bps_title{ transform:translateY(0px); opacity:1;}

.future_conclusion li{ transform:translateY(40px); opacity:0;}
.future_conclusion li:nth-child(1){ transition:all 0.8s 0.7s;}
.future_conclusion li:nth-child(2){ transition:all 0.8s 0.9s;}
.future_conclusion li:nth-child(3){ transition:all 0.8s 1.1s;}
.bps_anm.future_conclusion li{ transform:translateX(0px); opacity:1;}

*/



/* 响应式小PC */
@media screen and (max-width:1500px){
	
	/* 通用 */
	.pbpsen_box{ padding-top: 80px;}
	.bps_title{ font-size: 46px; line-height: 50px;}
	.bps_h2{ font-size: 24px; line-height: 34px; padding-bottom: 20px;}
	.bps_cont{ padding: 30px 0 0;}
	
	/* 导航 */
	.bps_body .comware_nav2 li{ margin-right: 55px;}
	
	/* digital */
	.bps_banner .bg_box{ padding: 100px 260px 90px 0; background-size: auto 70%;}
	.bps_banner .bg_box .tit{ font-size: 50px; line-height: 56px; margin-bottom: 15px;}
	.bps_banner .bg_box .text{ font-size: 36px; line-height: 46px; padding-bottom: 60px;}
	
	.digital_situation .tb_cent{ width: 840px;}
	.digital_situation .tb_cent .num_box .span_box{ width: 236px; height: 236px;}
	.digital_situation .tb_cent .num_box::before,
	.digital_situation .tb_cent2 .num_box::before{ width: 240px; height: 240px;}
	.digital_situation .tb_cent .tet_box{ left: 230px; top: 50px;}
	.digital_situation .tb_cent .tet_box span{ background-size: 120px; padding-left: 140px;}
	.digital_situation .tb_cent2 .tet_box{ left: auto; right: 230px;}
	.digital_situation .tb_cent2 .tet_box span{ padding-left: 0; padding-right: 140px;}
	
	.digital_situation .bot dl{ padding-top: 0;}
	.digital_situation .bot dd .sp1{ font-size: 56px; line-height: 58px;}
	.digital_situation .bot dd .sp2{ font-size: 16px; line-height: 24px;}
	
	.digital_approach .bps_h2{ padding-bottom: 30px;}
	
	.digital_conclusions li .tet{ font-size: 14px; line-height: 22px;}
	
	.digital_appendix{ padding-bottom: 80px;}
	.digital_appendix li.li1,
	.digital_appendix li.li2,
	.digital_appendix li.li3{ width: 33.3%; padding: 20px;}
	.digital_appendix li.li1 .tet,
	.digital_appendix li.li3 .tet{ padding:0 10px 0 60px;}
	.digital_appendix li.li2 .tet{ padding:0 10px 0 30px;}
	.digital_appendix li .tit{ font-size: 16px; line-height: 22px;}
	
	/* Future */
	.bps_banner .bg_box .text2{ font-size: 46px; line-height: 50px;}
	.bps_banner .bg_box .text3{ font-size: 26px; line-height: 30px;}
	
	.future_insights .bg_color ul{ padding: 40px 0;}
	
	.future_review .top_ul ul{transform: scale(0.87);transform-origin: left;}

	
	/*
	.future_review .top_ul ul{ width: 840px; background-size: 100%; background-position: center 10px ; padding: 0;}
	.future_review .top_ul li.li1{ width: 160px;}
	.future_review .top_ul li.li2{ width: 160px;}
	.future_review .top_ul li.li3{ width: 147px; left: 189px; top: -35px;}
	.future_review .top_ul li.li4{ width: 158px;}
	.future_review .top_ul li.li5{ width: 145px;}
	.future_review .top_ul li.li6{ width: 156px;}
	.future_review .top_ul li.li7{ width: 130px; right: 51px; top: -47px;}
	.future_review .top_ul .nr{ font-size: 12px; line-height: 18px;}
	.future_review .top_ul .nr:before{ top: 5px;}
	.future_review .top_ul .red{ font-size: 12px; line-height: 18px;}
	.future_review .key_ul .li_box{ padding: 0 30px;}
	.future_review .key_ul .sp1{ padding: 40px 0 20px;}
	*/
	
	.future_review .wlan_ul{ height: 600px; overflow: hidden; transition:all 0.3s;}
	.future_review .wlan_ul ul{ position: absolute; top: 0; left: 0;transform: scale(0.88);transform-origin: left;}
	
	.bps_jtleft,
	.bps_jtright{ display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; width: 50px; height: 35px;}

	.bps_jtleft{ left: 0; top: 0; width: 50%; height: 100%; background: url(../images/bps/ion-16_bg.png) no-repeat left center; background-size: auto 100%;}
	.bps_jtright{ right: 0; top: 0; width: 50%; height: 100%; background: url(../images/bps/ion-17_bg.png) no-repeat right center; background-size: auto 100%;}
	
	.bps_jtleft::before{ content: ""; position: absolute; width: 44px; height: 44px; left: 0; top: 50%;background-size: 11px; border-radius: 0 20px 20px 0;}

	.bps_jtleft::before{ content: "\e600";  font-family: "iconfont" !important; font-size: 13px;position: absolute; width: 40px; height: 40px; left: 6px; top: 50%; background: #e60012; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; line-height: 40px; color: #fff; border-radius: 50%; box-shadow: 3px 3px 14px rgba(68,68,68,0.4); }
	.bps_jtright::before{ content: "\e601";  font-family: "iconfont" !important; font-size: 13px;position: absolute; width: 40px; height: 40px; top: 50%; background: #e60012; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; line-height: 40px; color: #fff; border-radius: 50%; box-shadow: 3px 3px 14px rgba(68,68,68,0.4); right: 6px;}



	.future_ten .txt_box{ padding: 0;}
	.future_ten .tet_box{ margin: 50px 0 0;}
	
	.future_present .top_box{ padding: 40px 0 50px;}
	
	.future_practice .ul_pic .tet{ font-size: 26px; padding-top: 100px;}


	.future_practice .ul_list ul{ display: block;}
	.future_ten .list{ overflow: hidden;}
	.future_ten .list ul{ transform: scale(0.86) translate(-7%,0);}

	.future_practice .ul_list ul{ display: block;}
	.future_practice .ul_list{ overflow: hidden;}
	.future_practice .ul_list ul{ transform: scale(0.86) translate(-7%,0);}
	
	
}

/* 响应式Ipad横 */
@media screen and (max-width:1200px){
	
	/* digital */
	.digital_conclusions li{ float: none; width: 100%; margin-bottom: 20px;}
	
	.digital_situation .tb_cent{ width: 640px;}		
	.digital_situation .bot dd .ion{ width: 60px; padding-right: 20px;}
	.digital_situation .bot dd .txt{ padding-left: 80px;}
	
	.digital_appendix li.li1{ width: 31%;}
	.digital_appendix li.li2{ width: 38%;}
	.digital_appendix li.li3{ width: 31%;}

	.digital_appendix li.li1 .tet, 
	.digital_appendix li.li2 .tet,
	.digital_appendix li.li3 .tet{ padding: 0;}
	.digital_approach .bps_cont .img{ display: block; float: left; width: 60px;}
	.digital_approach .bps_cont .img img{ width: 100%;}
	.digital_approach .bps_cont .bps_h2{ margin-left: 80px;}
	.digital_approach .bps_cont .text{ margin-left: 80px;}
	
	.digital_approach .tb_cent3{ display: none;}
	
	/* Futur */
	.future_insights .tb_box{ width: 640px;}
	.future_insights .bg_color .left{ padding-top: 0;}
	.future_insights .tet_box{ position: static; width: 100%; margin-top: 40px;}
	.future_insights .tb_box .num{ margin-top: 108px;}
	.future_insights .tb_box .num:before{ width: 240px; height: 240px;}
	.future_insights .tb_box .span_box{ width: 236px; height: 236px;}
	.future_insights .tb_box .span_box span{ font-size: 14px;}
	.future_insights .tb_box .span_box span.sp1{ font-size: 20px;}
	.future_insights .tb_box .span_box span.sp1 i{ font-size: 56px; line-height: 60px;}
	.future_insights .tb_box .txt{ left: 160px; top: 0px; padding-left: 55px;}
	.future_insights .tb_box .txt:before{ width: 50px; height: 50px; top: 65px;}
	.future_insights .tb_box .txt .d1{ width: 140px;}
	.future_insights .tb_box .txt .d2{ width: 145px; margin-top: 65px;}
	.future_insights .tb_box .txt span.sp1{ font-size: 40px; line-height: 50px;}
	.future_insights .tb_box .txt span.sp2{ font-size: 14px; line-height: 30px;}
	.future_insights .tb_box .txt span.sp2 i{ font-size: 26px;}
	.future_insights .tb_box .txt .d2 span{ font-size: 12px;}
	.future_insights .tb_box .txt .d1a span.sp1{left: -168px;top: 39px;}
	
	.future_review{ overflow: hidden;}
	.future_review .key_ul .li_box{ padding: 0 25px;}
	.future_review .key_ul .sp1{ font-size: 20px; padding: 35px 0 12px;}
	.future_present .bg_color li span.sp1{ font-size: 20px; padding-bottom: 10px;}
	.future_present .bg_color .tet span.sp1{ font-size: 20px;}
	.future_present .bg_color .li_box .tet{ height: 100%;}
	.future_present .bg_color .li_box .tet span.sp1{ padding: 50px 0 25px;}

	.future_outlook .bot_box2 .tet{ padding: 0 20px;}
	.future_outlook .bot_box2 .tet i.i1{ font-size: 20px;}
	.future_outlook .bot_box2 .li_box .tet{ height: 100%;}
	.future_outlook .bot_box2 .li_box .tet i.i1{ padding: 50px 0 25px;}
	
	.future_outlook .bot_box3 ul{ margin: 0 -5px; padding-top: 0;}
	.future_outlook .bot_box3 li{ padding: 0 5px;}
	.future_outlook .bot_box3 .li_box span{ font-size: 14px;}
	
	.future_practice .ul_pic .tet{ font-size: 20px; line-height: 26px;}

	.future_review .top_ul ul{transform: scale(0.7);}
	.future_review .wlan_ul ul{transform: scale(0.7);transform-origin: left;}
	.future_practice .ul_list ul,
	.future_ten .list ul {transform: scale(0.7) translate(0,0);transform-origin: left;}
	
	
	
	 
	
}

/* 响应式Ipad竖 */
@media screen and (max-width: 1002px){
	
	/* 通用 */
	.bps_body{ font-size: 14px; line-height: 22px;}
	.bps_body .wrap{ overflow: initial;}
	.pbpsen_box{ padding-top: 60px;}
	.bps_cont{ padding: 20px 0 0;}
	.bps_title{ font-size: 26px; line-height: 30px;}
	.bps_h2{ font-size: 18px; line-height: 26px; padding-bottom: 15px;}
	
	/* 导航 */
    .bps_body .comware_main{padding-top: 20px;}
    .bps_body .comware_nav .wrap{overflow-y: hidden;}
    .bps_body .comware_nav .wrap ul{ border-bottom: 1px solid #000;}
    .bps_body .comware_nav::before { display: none;}
    .bps_body .comware_nav li a {padding: 15px 0; font-size: 16px; max-width: 1000px; height: auto;}
    .bps_body .comware_nav li a::before{height: 3px;}

    .bps_body .page_nav_bg{ height: 50px;}
    .bps_body .comware_nav2 .wrap{ position: relative;margin: 0 ; height: 52px; overflow: hidden;}
    .bps_body .comware_nav2 .wrap ul{padding:0 0 0 20px; box-sizing: border-box; border-bottom: 1px solid#e1e1e1; min-width: 100%;}
    .bps_body .comware_nav2 .box {overflow-y: hidden; padding-bottom: 10px;}

    .bps_body .comware_nav2 .wrap li{ padding-right: 60px; margin: 0; float: left;}
    .bps_body .comware_nav2 .wrap .prev,
    .bps_body .comware_nav2 .wrap .next{position: absolute; top: 0;  width: 35px; height: 98%; display: block; }
    .bps_body .comware_nav2 .wrap .prev i,
    .bps_body .comware_nav2 .wrap .next i{display: block; width: 100%; height: 100%; position: relative;}
    .bps_body .comware_nav2 .wrap .prev{left: 0; background: linear-gradient(to right, rgba(255,255,255,1) 40%,rgba(255,255,255,0) 100%); display: none;}
    .bps_body .comware_nav2 .wrap .next{ right: 0; background: linear-gradient(to left, rgba(255,255,255,1) 40%,rgba(255,255,255,0) 100%); }  
    .bps_body .comware_nav2 .wrap .next i::before,
    .bps_body .comware_nav2 .wrap .prev i::before { color: #e60012; font-family: "iconfont" !important; font-size: 14px; font-weight: bold; position: absolute; left:10px; top: 15px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
    .bps_body .comware_nav2 .wrap .next i::before{content: "\e601"; }
    .bps_body .comware_nav2 .wrap .prev i::before{content: "\e600"; }
	
	/* digital */
	.bps_banner{ padding-bottom: 60px;}
	.bps_banner .bg_box{ padding: 60px 220px 0 0; background-position: right bottom;}
	.bps_banner .bg_box .tit{ font-size: 40px; line-height: 46px;}
	.bps_banner .bg_box .text{ font-size: 24px; line-height: 30px; padding-bottom: 40px;}
	.bps_banner .bg_box .bot_con .logo,
	.bps_banner .bg_box .bot_con .day{ display: inline-block; float: none;}
	.bps_banner .bg_box .bot_con .btn{ float: none; margin-top: 20px;}
	.bps_banner .bg_box .bot_con .btn a{ display: inline-block;}
	
	.digital_situation .bg_color{ padding-bottom: 60px;}
	.digital_situation .bot dl{ padding-top: 0;}
	.digital_situation .bot dd{ padding: 0 20px;}
	.digital_situation .bot dd .sp1{ font-size: 46px; line-height: 50px;}
	.digital_situation .bot dd .sp2{ font-size: 14px; line-height: 22px;}
	
	.digital_approach ul{ padding: 0;}
	.digital_approach li{ padding-bottom: 35px;}
	.digital_approach li .text{ padding-right: 0;}
	
	.digital_approach .tb_cent3{ position: relative; width: 280px; margin: 0 auto; text-align: center; margin: 60px auto 100px;}
	.digital_approach .tb_cent3 .respondents{ width: 130px; height: 130px; font-size: 18px; line-height: 130px; margin: 0; display: inline-block;}
	.digital_approach .tb_cent3 .yuan .sp1{ width: 160px; height: 160px; background-size: cover; bottom: -15px; right: 60px;}
	.digital_approach .tb_cent3 .yuan .sp2{ width: 180px; height: 180px; background-size: cover; bottom: -25px; right: 50px;}
	.digital_approach .tb_cent3 .yuan .sp3{ width: 200px; height: 200px; background-size: cover; bottom: -35px; right: 40px;}
	.digital_approach .tb_cent3 .num span{ font-size: 20px; line-height: 22px; min-width: 60px;}
	.digital_approach .tb_cent3 .num span i{ font-size: 12px; line-height: 14px;}
	.digital_approach .tb_cent3 .num .sp1{ right: auto; left: -25px;}
	.digital_approach .tb_cent3 .num .sp1:before{ left: 50px; top: 10px; width: 40px; height: 5px;}
	.digital_approach .tb_cent3 .num .sp2{ right: 190px; bottom: auto; top: -78px;}
	.digital_approach .tb_cent3 .num .sp2:before{ left: 70px; top: 20px; width: 53px; height: 35px;}
	.digital_approach .tb_cent3 .num .sp3{ bottom: -80px; right: 190px;}
	.digital_approach .tb_cent3 .num .sp3:before{ left: 70px; top: -10px; width: 47px; height: 28px;}
	
	.digital_opportunity{ padding-bottom: 60px;}
	.digital_opportunity .li_box .tet{ font-size: 16px; line-height: 40px;}
	.digital_opportunity .text{ padding-top: 30px;}

	.digital_conclusions li.li1 .li_box{ padding-left: 90px;}
	.digital_conclusions li.li2 .li_box{ padding-left: 120px;}
	.digital_conclusions li.li3 .li_box{ padding-left: 114px;}
	.digital_conclusions li.li1 .li_box:before,
	.digital_conclusions li.li2 .li_box:before,
	.digital_conclusions li.li3 .li_box:before{ height: 120px; background-size: auto 120px;}
	.digital_conclusions li .tet{ height: 120px;}
	
	.digital_appendix{ padding-bottom: 60px;}
	.digital_appendix ul{ margin: 30px -10px 0;}
	.digital_appendix li.li1{ width: 31%; padding: 10px;} 
	.digital_appendix li.li2{ width: 38%; padding: 10px;} 
	.digital_appendix li.li3{ width: 31%; padding: 10px;}
	.digital_appendix li .ion img{ max-width: 55px;}
	.digital_appendix li .tet i{ min-width: 35px; padding: 0;}
	
	/* Futur */
	.bps_banner .bg_box .text2{ font-size: 26px; line-height: 30px;}
	.bps_banner .bg_box .text3{ font-size: 16px; line-height: 20px; margin-bottom: 30px;}
	
	.future_insights .bg_color .left, 
	.future_insights .bg_color .right{ padding: 0 10px;}	
	.future_insights .bg_color li{ padding: 20px 0; margin: 0 -10px;}

	
	.future_review .top_ul{ display: none;}
	.future_review .iph_ul{ width: 300px; margin: 40px auto; background: url(../images/bps/bg-22.png) no-repeat 70px top; height: 438px; color: #333; background-size: 60px; position: relative; display: block;}
	.future_review .iph_ul ul{ padding-top: 20px;}
	.future_review .iph_ul .li1{ height: 70px;}
	.future_review .iph_ul .li2{ height: 90px;}
	.future_review .iph_ul .li3{ position: absolute; left: 0; top: 115px;}
	.future_review .iph_ul .li4{ height: 75px;}
	.future_review .iph_ul .li5{ height: 90px;}
	.future_review .iph_ul .li6{ height: 65px;}
	.future_review .iph_ul .li7{ position: absolute; left: 0; bottom: 40px;}	
	.future_review .iph_ul .year{ float: left; color: #000; font-size: 14px; font-weight: bold; width: 110px; padding-left: 50px; box-sizing: border-box;}
	.future_review .iph_ul .nr{ float: left; padding-left: 30px; font-size: 12px; line-height: 18px;}
	.future_review .iph_ul .red{ color: #ff0000; font-size: 12px; width: 100px; line-height: 18px;}	
	.future_review .key_ul .sp1{ font-size: 18px; line-height: 20px; padding: 25px 0 10px;}

	.future_review .wlan_ul{ overflow: initial;}
	.future_review .wlan_ul ul{ transition: all 0.8s;}
	.future_review .wlan_ul_bg{ position: relative; margin: 0 -30px; height: 600px;}
	.future_review .wlan_ul ul{transform: scale(1);}

	.future_practice .ul_list ul{ transition: all 0.8s;}
	.future_practice .ul_list ul, .future_ten .list ul{transform: scale(1);}
	.future_present .bg_color ul{ margin: -5px -1px;}
	.future_present .bg_color li{ padding: 5px 1px;}
	.future_present .bg_color .li_box{ padding: 75px 30px;}
	.future_present .bg_color li.li3 .li_box, 
	.future_present .bg_color li.li4 .li_box, 
	.future_present .bg_color li.li5 .li_box{ padding: 50px 15px;}
	.future_present .bg_color li.li6 .li_box, 
	.future_present .bg_color li.li7 .li_box{ padding: 45px 30px;}
	
	.future_outlook .top_cont li{ padding: 100px 30px 0;}
	.future_outlook .bg_color{ padding-bottom: 40px;}
	.future_outlook .bot_box1 li{ width: 50%;}
	.future_outlook .bot_box1 li.li3{ width: 100%; float: left;}
	.future_outlook .bot_box2 ul{ margin: 0 -10px;}
	.future_outlook .bot_box2 li{ padding: 0 10px;}
	.future_outlook .bot_box2 .tet{ height: 60px;}
	.future_outlook .bot_box2 .tet i.i1{ font-size: 16px;}
	.future_outlook .bot_box2 .li_box .tet i.i1{ padding-top: 30px;}
	.future_outlook .bot_box3 li{ width: 33.3%; margin: 10px 0;}
	.future_outlook .bot_box3 .li_box{ max-width: 186px; margin: 0 auto;}
	
	.future_practice .ul_pic .tet{ font-size: 16px; line-height: 20px; padding-top: 70px;}
	
	.future_conclusion .li_box{ padding: 10px 20px 30px;}
	.future_conclusion .li_box span.ion{ margin-bottom: 30px;}
	.future_conclusion .li_box span.ion img{ max-width: 55px;}
	
	.future_ten .list_bg{ margin: 0 -30px; }
	.future_ten .list ul{ position: relative; margin-left: 20px;}
	.future_practice .ul_list_bg{ margin: 0 -30px; padding-top: 100px; height: 400px; overflow: hidden;}
	.future_practice .ul_list{ overflow: initial;}
	.future_practice .ul_list ul{ position: relative;}
	.future_practice .ul_list ul{ position: relative; margin-left: 20px;}
}


/* 响应式手机 */
@media screen and (max-width:758px){
	
	.pbpsen_box{ padding-top: 40px;}
	.bps_title{ font-size: 22px; line-height: 26px;}
	.bps_h2{ font-size: 14px; line-height: 22px;}
	
	.bps_body .comware_nav2 .wrap li{ padding-right: 40px;}
	
	/* digital */
	.bps_banner{ padding-bottom: 40px;}
	.bps_banner .bg_box{ padding: 40px 0 0 0; margin: 0 -20px; background-position: right 40px; background-size: 60% auto;}
	.bps_banner .bg_box1{ background-position: right 100px;}
	.bps_banner .bg_box_bg{ padding: 0 20px;}
	.bps_banner .bg_box .tit{ font-size: 28px; line-height: 30px; width: 300px; margin-bottom: 5px;letter-spacing: -1px;}
	.bps_banner .bg_box .text2{ font-size: 18px; line-height: 1.2;}
	.bps_banner .bg_box .text3{ font-size: 11px; width: 180px;}
	.bps_banner .bg_box .text{ font-size: 18px; line-height: 24px; padding-bottom: 30px; width: 200px;}
	.bps_banner .bg_box .bot_con > div{ line-height: 30px;}
	.bps_banner .bg_box .bot_con .logo,
	.bps_banner .bg_box .bot_con .day{ display: inline-block; float: none;}
	.bps_banner .bg_box .bot_con .logo{ margin-right: 15px;}
	.bps_banner .bg_box .bot_con .day{ padding: 0 0 0 15px;}
	.bps_banner .bg_box .bot_con .btn{ float: none; margin-top: 20px;}
	.bps_banner .bg_box .bot_con .btn a{ display: inline-block; height: 36px; padding: 0 25px;}
	.bps_banner .bg_box .bot_con .btn i{ line-height: 36px; background: none; position: relative; padding: 0;}

	.bps_banner .bg_box .bot_con .btn i::before {
		font-weight: normal;
		content: "\e609";
		color: 
		#fff;
		font-family: "iconfont" !important;
		font-size: 14px;
		margin-right: 10px;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.bps_banner .bg_box .bot_con .logo img{ max-width: 90px;}
	
	.digital_situation .bg_color{ padding-top: 20px; padding-bottom: 40px;}
	.digital_situation .text{ padding-bottom: 30px;}
	.digital_situation .tb_cent{ width: 280px; padding-bottom: 40px;}
	.digital_situation .tb_cent .num_box span{ font-size: 12px; line-height: 16px;}
	.digital_situation .tb_cent .num_box .sp2{ font-size: 30px; line-height: 32px;}
	.digital_situation .tb_cent .num_box .span_box{ width: 118px; height: 118px;}
	.digital_situation .tb_cent .num_box::before,
	.digital_situation .tb_cent2 .num_box::before{ width: 120px; height: 120px;}
	.digital_situation .tb_cent .tet_box{ left: 100px; top: 0;}
	.digital_situation .tb_cent .tet_box span{ font-size: 12px; line-height: 16px; background-size: 35px; padding-left: 40px;}
	.digital_situation .tb_cent2 .tet_box{ left: auto; right: 100px;}
	.digital_situation .tb_cent2 .tet_box span{ padding-left: 0; padding-right: 40px;}



	.digital_situation .bot dl{ margin: -15px 0; padding-top: 0;}
	.digital_situation .bot dd{ float: none; width: 100%; padding: 15px 0;}
	.digital_situation .bot dd .ion{ width: 40px; padding-right: 10px;}
	.digital_situation .bot dd .txt{ padding-left: 50px;}
	.digital_situation .bot dd .sp1{ font-size: 24px; line-height: 26px;}
	.digital_situation .bot dd .sp2{ font-size: 12px; line-height: 18px;}

	
	.digital_opportunity{ padding-bottom: 40px;}
	.digital_opportunity li{ float: none; width: 100%; margin-bottom: 10px;}
	.digital_opportunity .text{ padding-top: 10px;}
	
	.digital_conclusions ul{ margin: 0;}
	.digital_conclusions li{ padding: 0;}
	.digital_conclusions::before{ height: 240px;}
	.digital_conclusions li .txt_box .tet{ font-size: 12px; line-height: 16px;}
	
	.digital_appendix{ padding-bottom: 40px; padding-top: 30px;}
	.digital_appendix ul{ margin: 10px 0 -25px;}
	.digital_appendix li .tet{ text-align: center;}
	.digital_appendix li.li1, 
	.digital_appendix li.li2, 
	.digital_appendix li.li3{ float: none; width: 100%; padding: 25px 0;}
	.digital_appendix li.li2:before, 
	.digital_appendix li.li2:after{ width: 100%; height: 1px;}
	.digital_appendix li.li2:before{ left: 0;}
	.digital_appendix li.li2:after{ right: auto; top: auto; left: 0; bottom: 0;}
	.digital_appendix li.li1 .tet{ padding: 0 0 0 0;}
	.digital_appendix li.li3 .tet{ padding: 0 0 0 0;}
	
	.digital_approach .bps_cont .img{ display: block; float: left; width: 40px;}
	.digital_approach .bps_cont .img img{ width: 100%;}
	.digital_approach .bps_cont .bps_h2{ margin-left: 50px;}
	.digital_approach .bps_cont .text{ margin-left: 50px;}
	
	/* Futur */
	.future_insights .bot_box{ margin-bottom: 40px;}
	.future_insights .tet_box{ padding: 15px 10px; font-size: 12px; line-height: 18px;}
	.future_insights .tb_box{ width: 280px; height: 200px;}
	.future_insights .tb_box .num:before{ width: 120px; height: 120px;}
	.future_insights .tb_box .span_box{ width: 118px; height: 118px;}
	.future_insights .tb_box .span_box span.sp1{ font-size: 12px;}
	.future_insights .tb_box .span_box span.sp1 i{ font-size: 18px; line-height: 20px; padding: 0;}
	.future_insights .tb_box .span_box span{ font-size: 12px; line-height: 20px;}
	.future_insights .tb_box .num{ margin-top: 35px;}
	.future_insights .tb_box .txt{ left: 110px; padding-left: 25px;}
	.future_insights .tb_box .txt:before{ width: 20px; height: 20px; top: 45px;}
	.future_insights .tb_box .txt > div{ float: none; text-align: left;}
	.future_insights .tb_box .txt .d1{ width: 100px;}
	.future_insights .tb_box .txt .d2{ margin-top: 0; background: url(../images/bps/bg-23.png) no-repeat left top; background-size: auto 100%;}
	.future_insights .tb_box .txt span.sp1{ font-size: 30px; line-height: 34px;}
	.future_insights .tb_box .txt span.sp2{ font-size: 12px; line-height: 20px;}
	.future_insights .tb_box .txt span.sp2 i{ font-size: 16px;}
	.future_insights .tb_box .txt .d2 span{ padding: 15px 10px;}
	.future_insights .tb_box .txt .d1a span.sp1 {left: -109px;top: -8px;}

	.future_insights .bg_color ul{ padding: 20px 0;}
	.future_insights .bg_color .left,
	.future_insights .bg_color .right{ float: none; width: 100%;}
	.future_insights .bg_color .right{ margin-top: 20px;}
	
	.future_review .top_con .txt{ padding-bottom: 20px;}
	.future_review .iph_ul{ margin-top: 20px;}
	.future_review .key_ul li{ float: none; width: 100%; margin-bottom: 30px;}
	.future_review .key_ul .li_box{ border-width: 1px; height: 134px;}
	.future_review .key_ul li.li1 .li_box:before,
	.future_review .key_ul li.li2 .li_box:before{content:""; position:absolute; right: auto; top: auto; left:50%; bottom:-26px; margin-left: -20px; display:inline-block; width:40px; height:27px; z-index: 1;}
	.future_review .key_ul li.li1 .li_box:before{ background: url(../images/bps/bg-24.jpg) no-repeat center bottom; background-size: 100%; display: none;}
	.future_review .key_ul li.li2 .li_box:before{ background: url(../images/bps/bg-25.jpg) no-repeat center bottom; background-size: 100%; display: none;}
	

	.future_review .bg_color .bps_cont{ padding-top: 40px;}

	.future_ten .txt_box .text2{ padding-top: 40px; font-size: 14px; line-height: 24px;}
	
	.future_present .bg_color{ padding: 20px 0 40px;}
	.future_present .bg_color li{ float: none; width: 100%;}
	.future_present .bg_color li.li3, 
	.future_present .bg_color li.li4, 
	.future_present .bg_color li.li5{ width: 100%;}
	.future_present .bg_color .li_box{ height: auto; padding: 30px 15px;}
	.future_present .bg_color li.li3 .li_box, 
	.future_present .bg_color li.li4 .li_box, 
	.future_present .bg_color li.li5 .li_box,
	.future_present .bg_color li.li6 .li_box, 
	.future_present .bg_color li.li7 .li_box{ padding: 0;}
	.future_present .bg_color .li_box{ padding: 0;}
	.future_present .bg_color .tet{ position: relative; padding-bottom: 30px;}
	.future_present .bg_color .li_box .tet span.sp1{ font-size: 14px; padding: 30px 0 10px;}
	
	.future_outlook .top_cont{ padding-bottom: 40px;}
	.future_outlook .top_cont .text{ padding-bottom: 30px;}
	.future_outlook .top_cont ul{ height: auto; padding: 10px 0; margin-top: 0;}
	.future_outlook .top_cont li{ float: none; width: 100%; padding: 30px 10px; font-size: 14px;}
	.future_outlook .top_cont li.li2:before, 
	.future_outlook .top_cont li.li2:after{ width: 90%; height: 1px; top: auto; left: auto;}
	.future_outlook .top_cont li.li2:before{ top: 0; left: 5%;}
	.future_outlook .top_cont li.li2:after{ bottom: 0; right: 5%;}
	
	.future_outlook .bg_color{ padding-bottom: 40px;}
	.future_outlook .bot_box1 ul{ margin: 0 -5px; padding: 0 0 30px;}
	.future_outlook .bot_box1 li{ padding: 0 5px;}
	.future_outlook .bot_box2 ul{ margin: 0; padding: 0;}
	.future_outlook .bot_box2 li{ float: none; width: 100%; padding: 5px 0;}
	.future_outlook .bot_box2 .tet i.i1{ font-size: 14px;}
	.future_outlook .bot_box3{ padding-top: 40px;}
	.future_outlook .bot_box3 .li_box{ max-width: 86px; height: 86px; line-height: 18px;}
	.future_outlook .bot_box3 .li_box span{ font-size: 12px; padding-top: 30px;}
	
	.future_practice .text{ font-size: 14px; padding-top: 0;}
	.future_practice .ul_pic ul{ padding-top: 0;}
	.future_practice .ul_pic li{ width: 50%; padding: 2px;}
	.future_practice .ul_pic .tet{ font-size: 14px; padding: 60px 5px 0 5px; line-height: 1.2;}
	
	.future_conclusion{ padding-bottom: 10px;}
	.future_conclusion ul{ padding-top: 0px;}
	.future_conclusion li{ float: none; width: 100%;}
	.future_conclusion li.li2:before, 
	.future_conclusion li.li2:after{ width: 100%; height: 1px;}
	.future_conclusion li.li2:before{ left: 0;}
	.future_conclusion li.li2:after{ right: auto; top: auto; left: 0; bottom: 0;}
	.future_conclusion .li_box{ padding: 30px 10px;}
	.future_conclusion .li_box span.ion{ margin-bottom: 15px;}
	
	.bps_botban .text{ padding: 30px 0;}

.future_practice .ul_list_bg
	.future_ten .list ul, .future_practice .ul_list ul{display:block}
	.wlan_ul .bps_jtleft,.wlan_ul .bps_jtright{display:block}

	.future_review { overflow: hidden;}
	.future_review .bg_color{ padding-bottom: 0;}
	.future_review .wlan_ul .tet{ top: 10px; line-height: 1.2; font-size: 14px;}
	.future_review .top_con .tet{ font-size: 14px;}
	.future_review .wlan_ul_bg{ top: -120px; margin:0 -20px;}
	.future_review .wlan_ul .li2 .sp1{ width: 80%;}
	/*
	.future_review .bps_jtleft, .future_review .bps_jtright{ top: 60%;}
*/
.future_review .wlan_ul{ margin-top: 0; height: 540px;}


	.future_review .wlan_ul ul{ width: 1100px; background-size: 1100px; background-position: center 30px;}
	.future_review .wlan_ul .li1 .sp1{ width: 80%; padding: 0 10%;margin-top: 220px;}
	.future_review .wlan_ul li.li1{ width: 27.8%;}
	.future_review .wlan_ul li.li2{ width:28.5%;}
	.future_review .wlan_ul li.li3{ width: 25.5%;}
	.future_review .wlan_ul li.li4{ width: 18.2%;}

	
	.future_review .wlan_ul .li2 .sp1{ padding-right: 0; margin-top: 210px;}
	.future_review .wlan_ul .li3 .sp1{ padding-right: 0;}

	.future_review .wlan_ul .li2 .sp2{ width: 200px; margin-top: 120px;}
	.future_review .wlan_ul .li2 .sp3{ width: 200px; margin-top: 38px;}

	.future_review .wlan_ul .li3 .sp2{ width: 200px; margin-top: 123px;}
	.future_review .wlan_ul .li3 .sp3{ width: 200px; margin-top: 40px;}
	.future_review .wlan_ul .li4 .sp2{ margin-top: 200px;}

	.future_ten .list_bg{ position: relative; margin: 0 -20px;}
	.future_ten .list{ overflow: hidden; margin-top: 0;}
	.future_ten .list ul{ position: relative; transform: scale(0.9)}
	.future_ten .txt_box .text2{ padding-top: 20px;}
	.future_ten .tet_box{ margin-top: 0;}
	.future_present .top_box{ padding: 20px 0 40px 0;}
	.future_practice .ul_list_bg{ position: relative; margin: 0 -20px; padding-top: 0; height: 300px;}
	.future_practice .ul_list{ overflow: hidden; margin-top: 30px; padding-left: 50px;}
	.future_practice .ul_list ul{ position: relative; transform: scale(0.85)}

	.future_outlook .bg_color{ padding-top: 18px;}


	
	
}