@charset "UTF-8";

/*首页轮播*/
#banner{position:relative;height:100%;overflow:hidden}
#banner_list img{border:0}
#banner_list>div{height:100%;position:relative;}
#banner_bg{position:absolute;bottom:0;background-color:#000;height:30px;filter:Alpha(Opacity=30);opacity:.3;z-index:1000;cursor:pointer;width:478px}
#banner_info{position:absolute;bottom:0;left:5px;height:22px;color:#fff;z-index:1001;cursor:pointer}
#banner_text{position:absolute;width:120px;z-index:1002;right:3px;bottom:3px}
#banner ul{position:absolute;list-style-type:none;filter:Alpha(Opacity=80);opacity:.8;z-index: 20;margin:0;padding:0;bottom: 0px;right:5px;left: 50%;margin-left: -134px;opacity: 1;}
#banner ul li{float:left;display:block;color:#FFF;background:#6f4f67;cursor:pointer;border: 1px solid #82888f;width:70px;height:1px;margin: 0 10px;opacity: 1;}
#banner ul li.on{background-color: #0bade5;border:1px solid  #0bade5;}
#banner_list a{position:absolute}
#header,
.header{height: 99px;position:fixed;top:0;left:0;z-index: 100;-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s;-webkit-animation:gupIn 1s 0.1s both;-moz-animation:gupIn 1s 0.1s both;animation:gupIn 1s 0.1s both;}
#logo,.logo{display:block;height:99px;line-height:99px;width: 167px;opacity:0.8;overflow:hidden;filter:alpha(opacity=80);-webkit-transition:0.3s, opacity 0.6s;-moz-transition:0.3s, opacity 0.6s;transition:0.3s, opacity 0.6s;background:url(../images/logo.png) no-repeat center;}
#logo img,
.logo img{vertical-align:middle;}
#logo:hover,
.logo:hover{opacity:1; filter:alpha(opacity=100);}
#nav,
.nav{width: 794px;margin:auto;text-align:center;position:relative;}
#nav a,.nav a{display:inline-block;height:99px;padding: 0 12px;margin: 0 21px;line-height:99px;text-align:center;background: url(../images/header_icon_b.png) no-repeat right 35px;font-size:16px;-webkit-transition:0.3s, color 0.5s;-moz-transition:0.3s, color 0.5s;transition: 500ms 0ms, color,background;color: #23323a;cursor: pointer;}
#nav a:hover,
.nav a:hover,
#nav a.cur,.nav a.cur{color: #0bade5;background: url(../images/header_icon.png) no-repeat right 28px;}
#header.min #nav a,
.header.min #nav a{background: url(../images/header_icon_b.png) no-repeat right 16px;}
#header.min #nav a:hover,#header.min #nav a.cur{color: #0bade5;background: url(../images/header_icon.png) no-repeat right 12px;}
#nav span{width:100px; height:2px; background:#000; position:absolute; bottom:-1px; left:0; opacity:0; filter:alpha(opacity=0);}
#header.min{height:66px;background:#fff}
#header.min #logo{background:url(../images/logo_min.png) no-repeat center left;}
#header.min #logo, 
#header.min #nav a, 
#header.min h1{height:66px; line-height:66px;}
.page01{padding-top:99px;padding-bottom: 80px;overflow: hidden;position: relative;min-height: 680px;}
.page01_title{background:url(../images/p1_iyoudoo.png) no-repeat center;height: 24px;position:absolute;top: 110px;left: 50%;margin-left: -70px;width: 137px;}
.page01_phone_title{background:url(../images/p1_phone_top_txt.png) no-repeat center;height: 90px;margin-top: 57px;}
.page01_phone_bg{width:315px;height:480px;margin:35px auto 0;position:relative;border-top-right-radius:46px;border-top-left-radius:46px}
.page01_phone_bgbg{width:314px;height:480px;top:0;margin:0 auto 0;position:absolute;border-top-right-radius:46px;border-top-left-radius:46px;background-position:0 0;overflow:hidden}
.page01_phone_bgbg img{position:absolute;top:0;display:block;width:101%;height:auto;z-index:10;left:-2px}
.page01_phone_bgbg .bg{background:url(../images/p1_star_bg.jpg) repeat;animation:play 60s 2.5s  infinite;-webkit-animation: play 60s linear 3s  infinite;width:785px;height:550px;}
.page01_phone_bg img{}
.page01_phone_bottom{position:absolute;bottom: 120px;background:url(../images/p1_phone_btm_shadow.png) no-repeat center bottom;width:1000px;height: 286px;margin: 0 auto;left: 50%;margin-left: -516px;bottom: 0%;z-index: 18;}
.page01_phone_img{margin-left: -13px;margin-top: -13px;position: absolute;width: 344px;z-index: 11;}
.page01_phone_bg_img{position:absolute;top: 20px;left:50%;margin-left: -50px;width: 80px;}
.page01_a{width: 170px;overflow: hidden;position:absolute;height:46px;line-height:46px;text-align:center;color:#fff;font-size:18px;background:#0bade5;left:50%;margin-left: -85px;z-index: 99;}
.page01_a a{display:block;width:100%;height:100%;color:#fff;font-size: 15px;}
.page01_footer{position:absolute;bottom:20px;background:url(../images/p1_bottom.png) no-repeat center;width:35px;height:40px;left:50%;margin-left:-17px;cursor:pointer;z-index: 50;}
.page01_net_title{background:url(../images/p1_net_top_txt.png) no-repeat center;height: 90px;margin-top: 57px;}
.page01_net_img01,
.page01_net_img02,
.page01_net_img03,
.page01_net_img04{position:absolute;opacity:0}
.page01_net_img01{width:498px;height: 365px;background:url(../images/p1_net_img01.png) no-repeat center;left: 79px;top: 39%;animation:slideInUp .7s .5s forwards;-webkit-animation:slideInUp .7s linear .5s forwards;}
.page01_net_img02{width:498px;height: 365px;background:url(../images/p1_net_img02.png) no-repeat center;right: 58px;top: 39%;animation:slideInUp .7s 1s forwards;-webkit-animation:slideInUp .7s linear 1s forwards;}
.page01_net_img03{width:498px;height: 321px;background:url(../images/p1_net_img03.png) no-repeat center;left: 50%;margin-left: -232px;top: 15%;animation:slideInUp .7s 1.5s forwards;-webkit-animation:slideInUp .7s linear 1.5s forwards;}
.page01_net_img04{width: 249px;height: 161px;bottom: 17%;right: 50%;margin-right: -131px;z-index: 10;background:url(../images/p1_net_img04.png) no-repeat center;animation:slideInUp .7s 2s forwards;-webkit-animation:slideInUp .7s linear 2s forwards;}
.page01_net_img04 img{opacity:0;margin: -42px auto;animation:zoomIn .3s 3s forwards;-webkit-animation:zoomIn .3s linear 3s forwards;}
.page01_my_title{background:url(../images/p1_my_top_txt.png) no-repeat center;height: 90px;margin-top: 57px;}
.page01_my_img01{background:url(../images/p1_my_ipa.png) no-repeat center;width: 939px;height: 548px;margin: 21px auto 0;position:relative;animation:fadeInDown 1s 0s forwards;-webkit-animation:fadeInDown 1s linear 0s forwards;}
.page01_my_img02{opacity:0; background:url(../images/p1_my_phone.png) no-repeat center;width: 233px;height: 464px;margin: 21px auto 0;position:absolute;left:50%;margin-left:-120px;bottom: 14px;animation:slideInUp .6s 1s forwards;-webkit-animation:slideInUp .6s linear 1s forwards;}
.page01_star{position: absolute;z-index:10;width:1200px;margin:0 auto;height: 100%;left: 50%;margin-left: -600px;}
.page01_star span{position:absolute;width: 200px;height: 200px;animation:p1 30s 0s infinite;-webkit-animation:p1 30s linear 0s infinite ;}
.page01_star span:nth-of-type(1){background:url(../images/p1_bg01.png) no-repeat center;animation:p1star01 14s 0s infinite;-webkit-animation: p1star01 14s ease-in-out 0s infinite;}
.page01_star span:nth-of-type(2){background:url(../images/p1_bg02.png) no-repeat center;top: 17%;left: 10%;animation:p1star02 25s 0s infinite;-webkit-animation: p1star02 25s ease-in-out 0s infinite;}
.page01_star span:nth-of-type(3){background:url(../images/p1_bg03.png) no-repeat center;bottom: 38%;left: -18%;}
.page01_star span:nth-of-type(4){background:url(../images/p1_bg04.png) no-repeat center;right: 0;animation:p1star04 9s 0s infinite;-webkit-animation: p1star04 9s ease-in-out 0s infinite;}
.page01_star span:nth-of-type(5){background:url(../images/p1_bg05.png) no-repeat center;bottom: 24%;left: 1%;}
.page01_star span:nth-of-type(6){background:url(../images/p1_bg06.png) no-repeat center;top: 19%;right: 0;}
.page01_star span:nth-of-type(7){background:url(../images/p1_bg07.png) no-repeat center;bottom: 98px;right: -32px;}
.page02{width:100%;height: 1000px;position:relative;overflow:hidden;}
.p2_cloud{position:absolute;top:5%;background:url(../images/p2_cloud.png) no-repeat center;width:1530px;height:600px;right:-600px;animation:p2_cloud 60s 2.5s  infinite;-webkit-animation:p2_cloud 60s linear 2.5s  infinite;z-index: 10;}
.p2_title{background:url(../images/p2_title.png) no-repeat center;width:540px;height:175px;margin: 115px auto 0;}
.p2_right,
.p2_left{width:400px;}
.p2_left{margin-left: 130px;color:#fff;font-size:16px;line-height: 32px;}
.p2_right{background:url(../images/p2_u.png) no-repeat;width:400px;height:460px;margin-right:150px;margin-top: 18px;animation:zoomIn 1s 0s  ;-webkit-animation:zoomIn 1s linear 0s;}
.p2_right01{background:url(../images/p2_right_web.png) no-repeat;width: 578px;height: 460px;margin-top: -17px;animation:bounceInRight .7s 0s  ;-webkit-animation:bounceInRight .7s linear 0s;}
.p2_right02{background: url(../images/p2_right_app.png) no-repeat left;width: 644px;height:460px;margin-top: 18px;animation:bounceInRight .7s 0s  ;-webkit-animation:bounceInRight .7s linear 0s;}
.p2_right03{background: url(../images/p2_right_wechact.png) no-repeat top left;width: 670px;height:524px;margin-top: 18px;animation:bounceInRight .7s 0s;-webkit-animation:bounceInRight .7s linear 0s;}
.p2_con{margin-top:100px;overflow: hidden;position:relative;height: 479px;}
.p2_bottom{margin: 27px auto;overflow:hidden;position:absolute;bottom: 0px;left: 90px;z-index: 10;}
.p2_left_bottom01,
.p2_left_bottom02,
.p2_left_bottom03{-webkit-transition: 0.1s, background 0;-moz-transition: 0.1s, background 0s;transition: 0.1s, background 0s;}
.p2_left_bottom01{opacity:0;background: url(../images/p2_left_bottom01.png) no-repeat bottom right;width: 160px;height: 190px;animation: slideInUp .7s 1s forwards;-webkit-animation: slideInUp .5s linear 0.5s forwards;}
.p2_left_bottom02{opacity:0;background: url(../images/p2_left_bottom02.png) no-repeat bottom right;width: 160px;height: 190px;animation: slideInUp .7s 1s forwards;-webkit-animation: slideInUp .5s linear 1s forwards;}
.p2_left_bottom03{opacity:0;background: url(../images/p2_left_bottom03.png) no-repeat bottom right;width: 160px;height: 190px;animation: slideInUp .7s 1s forwards;-webkit-animation: slideInUp .5s linear 1.5s forwards;}
.p2_left_bottom01.active{opacity:0;background: url(../images/p2_left_bottom01_hover.png) no-repeat bottom right;}
.p2_left_bottom02.active{opacity:0;background: url(../images/p2_left_bottom02_hover.png) no-repeat bottom right;}
.p2_left_bottom03.active{opacity:0;background: url(../images/p2_left_bottom03_hover.png) no-repeat bottom right;}
.navCon{display:block;overflow:hidden;}
.navCon>div{display:none;}
.navCon>div.active{display:block;}
.p2_txt {opacity:0;}
.active .p2_txt {opacity:1;transition: 1s;-webkit-transition: 1s;}
.p2_con_first .p2_txt {opacity:1;transition: 1s;-webkit-transition: 1s;}
.page03{width:100%;height: 1000px;position:relative;overflow:hidden;}
.p3_title{background:url(../images/p3_title.png) no-repeat center;width:540px;height:175px;margin: 30px auto 0;}
.content_x{width: 1000px;height:50px;margin: 0 49px 0 0;font-size:16px;overflow: hidden;}
.content_x li{display:block;float:left;margin:0 20px;}
.content_x li a:hover{color:#0bade5;}
.p3_con{min-width:1200px;margin: 30px auto 0;}
.p3_top{min-width:1200px;margin:0 auto;background:url(../images/p3_top.jpg) no-repeat center top;max-width:1560px;height:239px;position:relative;}
.p3_top>a{display:block;float:left;width:33.3%;height:100%;}
.showcase{overflow:hidden;}
.content_y{height: 476px;}
.p3_con_img{width:1560px;min-width:1200px;margin:0 auto;position:relative;left:50%;margin-left:-780px;}
.p3_con_imgBig{width:780px;height:427px;position:relative;overflow: hidden;}
.p3_con_imgBig img{display:block;width:100%;height:100%;transition:all ease 0.5s;margin:0 auto;transform:scale(1 ,1);-webkit-transform:scale(1 ,1);}
.p3_con_imgSml{width: 780px;height:343px;position:relative;}
.p3_con_imgSml>div{position:relative;width:50%;height:100%;overflow: hidden;}
.p3_con_imgSml img{float:left;width:100%;height:100%;display:block;transition:all ease 0.5s;}
.p3_con_img a{position:absolute;width:90%;height:90%;top:5%;left:5%;background: rgba(11,173,229,0.85);color:#fff;text-align:center;font-size:16px;display:none;z-index: 10;}
.p3_con_img a h3{font-size:30px;padding-top:15%;animation: slideInUp 0.5s 0s forwards;
    -webkit-animation: slideInUp 0.5s linear 0s forwards;}
.p3_con_img a p{padding-top:10px;opacity:0; animation: slideInUp 0.5s 0.3s forwards;
    -webkit-animation: slideInUp 0.5s linear 0.3s forwards;}
.p3_con_img a i{opacity:0; display:block;background:url(../images/p3_icon.png) no-repeat center;width:59px;height:59px;margin:25px auto;animation: pulse 0.5s 0.5s forwards;-webkit-animation: pulse 0.5s linear 0.5s forwards;}
.p3_con_img .p3_con_imgSml a h3{padding-top:20%;}
.p3_con_imgBig a.cur,
.p3_con_imgSml>div a.cur{}
.p3_con_img a.cur h3{animation: slideInUp 0.5s 0s forwards;-webkit-animation: slideInUp 0.5s linear 0s forwards;}
.p3_con_img a.cur p{padding-top:10px;}
.p3_con_imgBig img.bigger,
.p3_con_imgSml img.bigger{-webkit-transform:scale(1.05,1.05);}
.page05{width:100%;overflow:hidden;height:450px;background-image:-webkit-radial-gradient(ellipse at top center, rgb(29, 69, 160),#a2e9dd);background-image:radial-gradient(ellipse at top center, rgba(194, 246, 230, .6),rgba(130, 209, 205, .78),rgba(57, 143, 183, .75),rgba(14, 61, 165, .96));-webkit-background-clip:border-box;-webkit-text-fill-color:transparent;-webkit-animation:hue 4s infinite linear}
@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg)  brightness(0.9)  contrast(1.6);
  }
  30% {
    -webkit-filter: hue-rotate(-30deg)  brightness(0.9) contrast(1.6); 
  }
  80% {
    -webkit-filter: hue-rotate(40deg)  brightness(0.9) contrast(1.4); 
  }
  100% {
    -webkit-filter: hue-rotate(0deg)  brightness(0.9) contrast(1.6) ;
  }
}
.page05_logo{background:url(../images/p5_logo.png) no-repeat center;width:450px;height:370px;margin: 85px auto 0;}

/* focus */ 
#focus{overflow:hidden;position:relative;} 
#focus ul{position:absolute; } 
#focus ul li{float:left;overflow:hidden;position:relative;} 
#focus .btnBg{ display:none; } 
#focus .btn{display:none;}  
#focus .preNext{width:45px;height:100px;position: absolute;bottom:10%;cursor:pointer;} 
.page04{overflow:hidden;}
.page04_focus{height: 300px;padding: 15px 0 40px;}
.page04_focus ul li{width:1200px;height: 600px;} 
.page04_focus .pre{right: 119px;background:url(../images/left.png) no-repeat;} 
.page04_focus .next{right: 53px;background:url(../images/right.png) no-repeat;}
.page04_focus ul li>div{float:left;padding: 25px;} 
.p4_title{background:url(../images/p4_title.png) no-repeat center;width:540px;height:175px;margin: 30px auto 0;}
.footer_top{width:100%;background:#373c40;padding: 40px 0 10px;line-height: 30px;overflow: hidden;}
.footer_top .w1200>div{padding-left: 20px;float:left;}
.footer_top .w1200>div>.w240:last-child{padding-left: 20px;margin-right:20px;}
.w240{width:240px;}
.footer_top .w1200 p{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all;text-overflow:ellipsis;height: 30px;}
.footer_top .w1200>div>p a{display:block;width:100%;}
.footer_ma img{width:104px;height:104px;display:block;}
.footer_ma img,
.footer_ma span{display:block;margin:10px 0;}
.footer_ma span{display:block;margin:30px 0;}
.footer_ma span,
.footer_ma span a{display:block;padding-left:10px}
.footer_top_r{float:right}
.footer_top_r li{display:block;width:52px;height:52px;line-height:52px;background:url(../images/p4_icon_i.png) no-repeat #5c6167;border-radius:50%;margin-bottom: 10px;}
.footer_top_r li:hover{background:url(../images/p4_icon_i_hover.png) no-repeat #5c6167;}
.footer_top_r li a{display:block;width:52px;height:52px;}
.footer_top_r li:nth-of-type(1){background-position: center 17px;}
.footer_top_r li:nth-of-type(2){background-position: center ;}
.footer_top_r li:nth-of-type(3){background-position: center -122px;}
.footer_top_r li:before{content: ""}
.footer_top_btm{width:100%;clear:both;padding:0px 0 0;font-size:12px;text-align:center;}
.footer_btm{width:100%;clear:both;padding: 20px 0 30px;background:#2d3134;overflow: hidden;vertical-align: middle;}
.footer_btm .w1200>.fl{margin-top:20px}
.footer_btm .w1200>.fl,
.footer_btm .w1200>.fl a{color: #fff;font-size:14px;cursor: pointer;}
.footer_btm .w1200>.fr .fl{margin-top: 14px;}
.footer_btm .w1200>.fr .fl.f14{padding-left: 27px;background:url(../images/btm_add.png) no-repeat center left;height: 30px;line-height: 30px;}
.footer_btm .w1200>.fr .fl img{margin-top:-10px;margin-left:10px}
.backTop{position:fixed;right:10px;bottom:10%;width:44px;height:44px;cursor:pointer;background:url(../images/top.png) no-repeat center bottom;z-index:99}
.backTop:hover{background:url(../images/top.png) no-repeat center top;}
.p1_fixed{position:fixed;top: 32%;right:20px;z-index:99;background: rgba(255,255,255,0.8);border-radius: 40px;padding-left: 7px; padding-right: 5px;padding-top: 10px;padding-bottom: 10px;}
.p1_fixed li{width:22px;height:25px;background: url(../images/p1_right.png) no-repeat;margin-top: 8px;position: relative;}
.p1_fixed li.qq{background-position:0px 0px}
.p1_fixed li.qq:hover{background-position: -25px 0px;}
.p1_fixed li.weibo{background-position: 0px -30px;}
.p1_fixed li.weibo:hover{background-position: -23px -30px;}
.p1_fixed li.weixin{background-position: 0px -60px;}
.p1_fixed li.weixin:hover{background-position: -25px -60px;}
.p1_fixed li.tel{background-position: 0px -90px;}
.p1_fixed li.tel:hover{background-position: -25px -90px;}
.p1_fixed li.heart{background-position: 0px -120px;}
.p1_fixed li.heart:hover{background-position: -25px -120px;}
.p1_fixed li.erweima{background-position: 0px -147px;}
.p1_fixed li.erweima:hover{background-position: -25px -147px;}
.p1_fixed li a{display:block;width:100%;height:100%;cursor:pointer;}
.p1_fixed li.erweima>img{display:none;right:0;position: absolute;}
.p1_fixed li.erweima:hover>img{display:block;right: 28px;top: -62px;}
.start{ -webkit-animation: start 1.3s infinite ease-in-out 0.1s; }
@-webkit-keyframes start {
    0% {opacity: 1;-webkit-transform: translate(0,7px);}
    50% {opacity: 1;-webkit-transform: translate(0,0);}
    100% {opacity: 1;-webkit-transform: translate(0,7px);}
}
.mCSB_scrollTools{z-index:99}
/*案例展示*/
#headerCase,
.headerCase{height: 99px;position:relative;top:0;left:0;z-index: 100;-webkit-transition:0.1s;-moz-transition:0.1s;transition:0.1s;-webkit-animation:gupIn 1s 0.1s both;-moz-animation:gupIn 1s 0.1s both;animation:gupIn 1s 0.1s both;overflow: hidden;}
#headerCase.min #nav a,
.headerCase.min #nav a{background: url(../images/header_icon_b.png) no-repeat right 16px;}
#headerCase.min #nav a:hover,#headerCase.min #nav a.cur{color: #0bade5;background: url(../images/header_icon.png) no-repeat right 12px;}
#nav span{width:100px; height:2px; background:#000; position:absolute; bottom:-1px; left:0; opacity:0; filter:alpha(opacity=0);}
#headerCase.min{height:66px;}
#headerCase.min #logo{background:url(../images/logo_min.png) no-repeat center;}
#headerCase.min #logo, 
#headerCase.min #nav a, 
#headerCase.min h1{height:66px; line-height:66px;}
#headerCase.min+.caseShow_nav{margin-top:5px;}



.caseShow_bg{height:100%;overflow-y:hidden;}
.caseShow{margin-top:10px;overflow-y:auto;}
.caseShow_nav{margin-top:20px;overflow:initial;}
.caseShow_nav_l{font-size:14px;color:#80868e;}
.caseShow_nav_l>span,
.caseShow_nav_l .type{display:block;float:left;}
.caseShow_nav_l>span{margin-top:5px;}
.caseShow_nav_l .type{margin-left:20px;padding:35px 0 10px 0;position:relative;width:110px;}
.caseShow_nav_l .type>div{background:url(../images/caseShow_selet.png) no-repeat 90% center rgba(243, 243, 243, 0.5);padding:5px 40px 5px 10px;border:1px solid #d3d4d7;border-radius:20px;width:60px;position:absolute;left:-1px;top:0;cursor:pointer;z-index:3}
.caseShow_nav_l dl{position:absolute;left:1px;top:25px;background:#fafafa;border-bottom-left-radius:10px;z-index:2;border-bottom-right-radius:10px;border-left:1px solid #d3d4d7;border-right:1px solid #d3d4d7;border-bottom:1px solid #d3d4d7;padding-top:5px;display:none;}
.caseShow_nav_l dl dd{cursor:pointer;border-bottom:1px solid #d3d4d7;padding:8px 30px 8px 0px;margin:0px 10px 0px 10px;}
.caseShow_nav_l dl dd:last-child{border-bottom:none;}
.caseShow_nav_l .type.cur>div{background-color:#fafafa;border-color:#2ea1cb;}
.caseShow_nav_r{width:800px;}
.caseShow_nav_r .swiper-slide{text-align:center;}
.caseShow_nav_r .swiper-slide a{text-align:center;padding:5px 28px;border:1px solid #d8d9dc;display:inline-block;border-radius:20px;color:#80868e;}
.caseShow_nav_r .swiper-slide a:hover,
.caseShow_nav_r .swiper-slide a.cur{background:#0bade5;color:#fff;}
.caseShow_nav_r .swiper-button-next,
.caseShow_nav_r  .swiper-button-prev{background-image:url(../images/caseShow_swiper-button.png); background-size: 37px; }
.caseShow_nav_r .swiper-button-next{background-position: right;right:0px;}
.caseShow_nav_r .swiper-button-prev{background-position:left ;left:0px;}
.caseShow_box{display:flex;position:relative;}
.caseShow_nolBox,.newsShow_nolBox{flex:1;border:none;height:auto;position:relative;}
.caseShow_nolBox img,.newsShow_nolBox img{display:block;width:100%;height:auto;}
.caseShow_nolBox a{display:block;width:94%;height:94%;position:absolute;top:3%;left:3%;}
.caseShow::-webkit-scrollbar{width:0;height:0;}
.caseShow::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 0px rgba(0,0,0,0);border-radius:0;}
.caseShow::-webkit-scrollbar-thumb{border-radius:0;background:rgba(0,0,0,0);-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,0);}
.caseShow::-webkit-scrollbar-thumb:window-inactive{background:rgba(0,0,0,0);}
.caseShow_nolBox a{position:absolute;width:90%;height:90%;top:5%;left:5%;background: rgba(11,173,229,0.85);color:#fff;text-align:center;font-size:16px;display:block;z-index:1;opacity:0;}
.caseShow_nolBox a:hover h3{font-size:30px;padding-top:15%;animation: slideInUp 0.5s 0s forwards;
    -webkit-animation: slideInUp 0.5s linear 0s forwards;}
.caseShow_nolBox a:hover p{padding-top:10px;opacity:0; animation: slideInUp 0.5s 0.3s forwards;
    -webkit-animation: slideInUp 0.5s linear 0.3s forwards;}
.caseShow_nolBox a:hover i{opacity:0; display:block;background:url(../images/p3_icon.png) no-repeat center;width:59px;height:59px;margin:25px auto;animation: pulse 0.5s 0.5s forwards;-webkit-animation: pulse 0.5s linear 0.5s forwards;}
.caseShow_nolBox a:hover{opacity:1;transition:opacity 0s;transition:opacity 0.5s;-moz-transition:opacity 0.5s;-webkit-transition:opacity 0.5s;-o-transition:opacity 0.5s;}
.caseShow_firstBox{cursor:pointer;}
.caseShow_firstBox span{position:absolute;font-size:14px;color:#ffffff;top:20%;left:10%;width:80%;}
.caseShow_firstBox h3{font-size:28px;padding-bottom:10%;}
.caseShow_firstBox i{position:absolute;bottom:5%;right:5%;width:20%;height:20%}
.caseShow_firstBox i img{display:block;width:100%;height:100%;}
.caseShow_firstBox:hover i img{ animation: rotateIn 0.5s 0s forwards; -webkit-animation: rotateIn 0.5s linear 0s forwards;}
.caseShow_firstBox_hover{position: absolute;top: 0;left: 0;height: 200%;z-index: 10;width: 50%;box-shadow:0px 0px 20px rgba(0,0,0,0.4);display:none;}
.caseShow_firstBox_hover img{display:block;width:100%;height:100%;}

.caseLeft{position:fixed;top:0%;left:2.5%;z-index:101;width:90px;height:100%; transition:background,left 0.4s;transition:background,left 0.4s;-moz-transition:background,left 0.4s;-webkit-transition:background,left 0.4s;-o-transition:background,left 0.4s;}
.caseLeft div{display:block;width:100%;position:relative;top:25%;text-align:center;margin:20px auto;}
.caseLeft i{display:block;background:url(../images/caseShow_nav.png) no-repeat;width:64px;height:64px;margin:5px auto;}
.caseLeft .all i{background-position:left 0}
.caseLeft .wechat i{background-position:left -119px}
.caseLeft .app i{background-position:left -238px}
.caseLeft .web i{background-position:left -357px}
.caseLeft .all a:hover i,
.caseLeft .all a.cur i{background-position:right 0px}
.caseLeft .wechat a:hover i,
.caseLeft .wechat a.cur i{background-position:right -119px}
.caseLeft .app a:hover i,
.caseLeft .app a.cur i{background-position:right -238px}
.caseLeft .web a:hover i,
.caseLeft .web a.cur i{background-position:right -357px}

/*案例展示详情*/
.caseXq_top{height:100px;background:#fff;position:fixed;top:0;left:0;width:100%;line-height:100px;vertical-align:middle;color:#80868e;border-bottom:1px solid #dddee0;z-index:10}
.caseXq_top a{color:#80868e;cursor:pointer;}
.caseXq_top_back{vertical-align:middle;margin-top:35px;margin-right:20px;padding:3px 20px;border-right:1px solid #80868e}
.caseXq_top_prev,
.caseXq_top_next{background:url(../images/caseShow_swiper-button.png) no-repeat;width:26px;height:26px;display:inline-block;}
.caseXq_top_prev a,
.caseXq_top_next a{display:block;width:100%;height:100%;opacity:0.7}
.caseXq_top_prev a:hover,
.caseXq_top_next a:hover{opacity:1}
.caseXq_top_prev{background-position:8px center}
.caseXq_top_next{background-position:-16px center}
.caseXq_show{padding:50px 0;}
.caseXq_logo img{margin:0px auto 20px;}
.caseXq_con img{display:block;margin:10px auto;cursor:pointer;}
.caseXq_link{display:table;clear:both;margin:0 auto;position:relative;}
.tip{padding:4px 30px 5px; margin-left:15px; border:0px solid #F8D19F;background-color:#fff; color:#D07807; font-size:18px; position:absolute;transform: translate(-50%,-50%);top:85px;box-shadow:0 0 10px rgba(194, 191, 191, 0.94);display:none;}
.tip a{color:#80868e}
.tip:before,
.tip before,
.tip:after,
.tip after{content:attr(data-content); font-family:xms; position:absolute; left:50%;transform: rotate(90deg);}
.tip:before,
.tip before{color:rgba(194, 191, 191, 0.2); top:-17px;}
.tip:after,
.tip after{color:#fff; top:-15px;}
.caseXq_link:hover .tip{display:block;}
.caseXq_link .tip a:hover{text-decoration:underline;}
.caseXq_moreBtn{}
.caseXq_moreBtn img.hidden{display:none;}
.caseXq_moreBtn img{display:block;margin:30px auto 15px;}
.caseXq_con{color:#23323a}
.caseXq_con h1{font-size:24px;padding:10px 0;color:#80868e;}
.caseXq_con h2{font-size:16px;padding:0px 0 10px;}
.text_overflow{width:100%; height:auto; overflow:hidden; zoom:1;line-height:22px;}
.text_overflow p{margin-right:3em; }
.text_overflow .text_con{float:left; height:44px; overflow:hidden;}
.text_overflow .text_dotted{width:3em;float:right; margin-top:-21px;}
.caseXq_nav{width:100%;height:auto;padding:20px 0 10px;background:url(../images/caseXq_nav_bg.jpg) repeat-y top;font-size:16px;color:#ffffff;overflow:hidden;background-size:100% 1px; transform:translate(-50%, 0px); left:50%;position:relative;}
.caseXq_nav.caseXq_nav_fixed{position:fixed;z-index:99;top:101px;left:0;}
.caseXq_nav span{padding:5px 0px;width:100px}
.caseXq_nav ul{display:block;width:980px}
.caseXq_nav li{float:left;padding:5px 25px;margin-right:10px;border:1px solid #fff;border-radius:20px;margin-bottom:10px;}
.caseXq_img{width:100%;height:auto;padding:150px 0;background:#f3f3f3}
.caseXq_img img{width:100%;height:auto;display:block;}
.caseXq_link_app{display:block;width:50%;margin:0 auto;}
.caseXq_link_app>div{width:50%;display:block;position:relative;float:left;}
.app_ma{padding: 0 10px;z-index: 10;margin: auto;top: 70px;left: 50%;transform: translate(-50%,0);}
.tip.app_ma:before, .tip.app_ma before, .tip.app_ma:after, .tip.app_ma after{margin-left:-6px;}
.caseXq_link_app>div>img:hover+.app_ma{display:block;}
.caseXq_link_app .app_ma img{display:block;width:153px;height:153px;}

/*案例展示详情*/
.news_title{display:block;margin:10px auto;}
.news_listTxt{height:80px;width:96%;padding:10px 2%;transition: 0.3s;}
.news_listTxt h3{color:#373c40;font-size:18px;}
.news_listTxt h6{color:#9599a0;font-size:14px;padding-top:10px}
.news .scale_img{overflow:hidden;position:relative;}
.news .scale_img img {transition: all ease 0.5s;}
.news .newsShow_nolBox a:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);transition: all ease 0.5s;}
.news .newsShow_nolBox{margin:0.6% 0.7%;}
.news .scale_img span {width: 96%;height: 40px;position: absolute;bottom: -60px;left: 0;line-height: 20px;color: #fff;background: rgba(0,0,0,0.5);background: #666\9;text-align: left;text-indent: 20px;z-index: 3;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;font-size:12px;padding:10px 2%;}


.news .newsShow_nolBox a:hover span {bottom: 0;}
.news .newsShow_nolBox a:hover .news_listTxt {background:#0bade5;color:#fff;transition: 0.3s;}
.news .newsShow_nolBox a:hover .news_listTxt h3,.news .newsShow_nolBox a:hover .news_listTxt h6 {color:#fff;}
.newsXq_con{color:#23323a;font-size:18px;line-height:30px;}
.newsXq_con img{display:block;width:100%;height:auto;margin:20px auto;}
.newsXq_con h1{display:block;width:100%;font-size:36px;padding:10px 0;}
.newsXq_con h2{display:block;width:100%;font-size:16px;padding:0px 0 10px;color:#80868e}

/*联系我们*/
.contact_banner{position:relative;width:100%;height:510px;margin-top:100px;min-width:1200px;overflow:hidden;}
.contact_banner img{position:absolute;width:1920px;height:510px;left:50%;margin-left:-960px;}
.contact{}
.contact_title{text-align:center;margin:50px auto 10px;}
.contact_title h2{color:#373c40;font-size:32px;padding:5px;}
.contact_title h3{color:#9599a0;font-size:18px;}
.contact_con{overflow:hidden;margin-bottom:70px}
.contact_con li{display:block;float:left;width:33.3%;text-align:center;margin:20px auto;}
.contact_con li img{display:block;margin:10px auto;}
.contact_con li p{display:block;margin:5px auto 10px;color:#373c40;font-size:18px;}
.contact_con li span{display:block;margin:5px auto;color:#373c40;font-size:14px;line-height:25px;}
.con_btn{display:block;padding:2px 12px;text-align:center;color:#0bade5;font-size:16px;border:1px solid #0bade5;margin:10px auto;line-height:auto;cursor:pointer;}
.con_btn.off{background:url(../images/iconoff.png) no-repeat 8px center;padding:2px 12px 2px 25px}
.con_btn.on{background:url(../images/iconon.png) no-repeat 8px center;padding:2px 12px 2px 25px}
.con_map{height:429px;overflow:hidden;margin-top:50px;display:none;}
.con_map img{height:429px;}

.con_form{width:100%;background:url(../images/contact_form_bg.jpg) no-repeat center;background-size:100% 100%;height:650px;overflow:hidden;}
.con_form .contact_title h2,.con_form .contact_title h3{color:#fff}
.con_form_box{width:1010px;margin:70px auto 0;}
.con_form_box>div{overflow:hidden;clear:both;margin:40px auto}
.con_form_box>div input[type="text"]{display:block;width:460px;height:40px;line-height:40px;background:#fff;padding:0 10px;font-size:14px;}
.con_form_box>div textarea{resize:none;width:98%;padding:1%;background:#fff;font-size:14px;}
.con_form_box>div input[type="button"]{display:block;margin:0 auto;border:1px solid #fff;font-size:16px;color:#fff;text-align:center;padding:9px 45px;cursor:pointer;}



@media (max-width:1420px) {
  .caseLeft {position: fixed;top: 0;left: 0%;z-index: 107;width: 90px;height: 100%;background: rgba(255, 255, 255, 0.89);transition:background,left 0.4s;transition:background,left 0.4s;-moz-transition:background,left 0.4s;-webkit-transition:background,left 0.4s;-o-transition:background,left 0.4s;}
  .caseLeft div {display: block;width: 100%;position: relative;}

  .caseLeft i {display: block;background: url(../images/caseShow_nav.png) no-repeat;width: 50px;height: 50px;margin: 15px auto;background-size: 100px auto;transition:width,height 0.4s;transition:width,height 0.4s;-moz-transition:width,height 0.4s;-webkit-transition:width,height 0.4s;-o-transition:width,height 0.4s;}
  .caseLeft .all i{background-position:left 0}
  .caseLeft .wechat i{background-position:left -92px}
  .caseLeft .app i{background-position:left -187px}
  .caseLeft .web i{background-position:left -278px}
  .caseLeft .all a:hover i,
  .caseLeft .all a.cur i{background-position:right 0px}
  .caseLeft .wechat a:hover i,
  .caseLeft .wechat a.cur i{background-position:right -92px}
  .caseLeft .app a:hover i,
  .caseLeft .app a.cur i{background-position:right -187px}
  .caseLeft .web a:hover i,
  .caseLeft .web a.cur i{background-position:right -278px}
}